@charset "utf-8";
/*.design-bg{ width: 1280px; height: 2863px; background: url('../design_img/top.png') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/

.important 				{ margin-bottom: 30px; text-align: center; }

@media print, screen and (min-width: 751px) {
#mv 					{ height: 540px; color: #fff; position: relative; overflow: hidden; /*background: url('../img/top/mv.jpg') 50% 50% no-repeat; background-size: cover;*/ }
/*#mv:before 				{ content: ''; width: 100%; height: 100%; background: url('../img/common/checkered.png') 0 0 repeat; display: block; background-size: 9px; position: absolute; top: 0; left: 0; z-index: 1; }*/
#mv video 				{ position: absolute; width: 100%; height: 1080px; min-width: 1920px; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); /*z-index: -9;*/ }
#mv>div 				{ width: 100%; max-width: 1025px; margin: 0 auto; padding-top: 180px; text-align: left; position: relative; z-index: 2; }
#mv>div>h2 				{ font-size: 100px; font-weight: 400; letter-spacing: .4rem; line-height: 1.5; text-shadow: 0 0 15px #333; }
#mv>div>h2 span 		{ font-size: 58px; }
#mv>div>p:nth-of-type(1){ margin-top: 15px; font-size: 1.3rem; font-weight: 400; line-height: 1.8; }

.greenTitle 			{ color: #009c70; font-size: 2rem; text-align: center; }

#news 					{ padding: 55px 0 65px; }
#news .greenTitle 			{ text-align: left; }
#news .box 				{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#news .box>div:nth-of-type(1){ width: 68.519%; }
#news .box>div:nth-of-type(1) .tab{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#news .box>div:nth-of-type(1) .tab li{ width: 20%; padding: 13px 5px; text-align: center; font-size: .9rem; border: 1px solid #e6e6e6; border-right: 0; cursor: pointer; }
#news .box>div:nth-of-type(1) .tab li:last-of-type{ border-right: 1px solid #e6e6e6; }
#news .box>div:nth-of-type(1) .tab li.select{ background-color: #009c70; color: #fff; }
#news .box>div:nth-of-type(1) .hide{ display: none; }
#news .box>div:nth-of-type(1) .content{ line-height: 1.5; }
#news .box>div:nth-of-type(1) .content dl div{ padding: 22px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e6e6e6; }
#news .box>div:nth-of-type(1) .content dl div dt{ width: 240px; font-size: .85rem; color: #b3b3b3; white-space: nowrap; }
#news .box>div:nth-of-type(1) .content dl div dt .category{ width: 110px; margin-left: 15px; padding: 3px 0; font-size: .5rem; line-height: 1; display: inline-block; text-align: center; color: #333; border: 1px solid #333; white-space: normal; }
/*#news .box>div:nth-of-type(1) .content dl div dt .sdinfo{ color: #0071bc; border: 1px solid #0071bc; }
#news .box>div:nth-of-type(1) .content dl div dt .ir{ color: #f15a24; border: 1px solid #f15a24; }
#news .box>div:nth-of-type(1) .content dl div dt .press{ color: #93278f; border: 1px solid #93278f; }
#news .box>div:nth-of-type(1) .content dl div dt .recruit{ color: #009c70; border: 1px solid #009c70; }*/
#news .box>div:nth-of-type(1) .content dl div dd{ width: calc(100% - 240px); font-size: .8rem; }
#news .box>div:nth-of-type(1) .content dl div dd span{ width: 41px; height: 12px; margin-left: 3px; white-space: nowrap; display: inline-block; text-align: center; font-size: .65rem; color: #fff; background-color: #f00; line-height: 1.2; }
#news .more 			{ margin-top: 12px; padding: 0 19px 20px 0; text-align: right; font-size: .73rem; }

#news .box>div:nth-of-type(2){ width: 27.778%; margin-left: auto; position: relative; background-color: #fff; border: 1px solid #e6e6e6; -ms-flex-item-align: start; align-self: flex-start; border-radius: 10px; }
#news .box>div:nth-of-type(2) a{ padding: 0 10px; display: block; }
#news .box>div:nth-of-type(2):before,#news .box>div:nth-of-type(2):after{
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 7px;
width: 50%;
top: 80%;
max-width:300px;
background: #E2E2E3;
-webkit-box-shadow: 0 30px 8px #E2E2E3;
box-shadow: 0 30px 8px #E2E2E3;
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
#news .more>a,#news .more>span{ padding: 5px 0 5px 12px!important; background: url('../img/common/menu-arrow.svg') 0 50% no-repeat; display: inline-block!important; }
#news .box>div:nth-of-type(2):after{
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
right: 7px;
left: auto;
}
#news .box>div:nth-of-type(2) h4{ padding: 23px 10px 0; text-align: center; color: #009c70; font-size: 1.2rem; }
#news .box>div:nth-of-type(2) h4 span{ padding-left: 23px; background: url('../img/top/column-icon.svg') 0 50% no-repeat; }
#news .box>div:nth-of-type(2) figure{ margin-top: 17px; }
#news .box>div:nth-of-type(2) .date{ margin-top: 9px; padding: 0 5px; color: #b3b3b3; }
#news .box>div:nth-of-type(2) h5{ padding: 0 5px; font-size: .95rem; text-align: justify; line-height: 1.8; }

/*#linkArea 				{ opacity: 0; padding: 80px 0 114px; background: url('../img/top/linkArea-bg.jpg') 50% 0 no-repeat; background-size: cover; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transition-duration: 1.6s; transition-duration: 1.6s; }
#linkArea.active 		{ opacity: 1; background-position: 50% 100%; }
#linkArea ul 			{ opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
#linkArea.active ul 	{ opacity: 1; }
#linkArea ul li 		{ width: 24.075%; margin-right: 1.233%; border-radius: 10px; }
#linkArea ul li:last-of-type{ margin-right: 0; }
#linkArea ul li a 		{ display: block; border-radius: 10px; position: relative; }
#linkArea ul li a:after { content: ''; width: 40px; height: 40px; background: url('../img/top/arrow.svg') 0 0 no-repeat; display: block; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#linkArea ul li a figure{ height: 120px; padding-top: 20px; text-align: center; }
#linkArea ul li a div 	{ background-color: rgba(0,156,112,.8); border-radius: 10px 10px 0 0 }
#linkArea ul li a div p { text-align: center; color: #fff; }
#linkArea ul li a div p:nth-of-type(1){ padding-top: 25px; font-size: 1rem; font-weight: 500; }
#linkArea ul li a div p:nth-of-type(2){ padding: 2px 0 12px; font-size: .7rem; }
#linkArea ul li a>p 	{ padding: 15px 10px 50px; font-size: .9rem; text-align: justify; background-color: rgba(255,255,255,.8); border-radius: 0 0 10px 10px; }*/

#lineUp 				{ padding: 65px 0 52px; border-bottom: 1px solid #e6e6e6; background-color: #e8f0ed; background-size: 22px; }
#lineUp h3 				{ font-size: 1.2rem; color: #009c70; text-align: center; }
#lineUp h3 span 		{ margin-bottom: 7px; display: block; font-size: .85rem; font-weight: 400; }
#lineUp ul 				{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#lineUp ul li 			{ width: 32.408%; margin-right: 1.388%; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
#lineUp ul li:nth-of-type(n+4){ margin-top: 48px; }
#lineUp ul li:nth-of-type(3n){ margin-right: 0; }
#lineUp ul li a 		{ height: 100%; display: block; padding: 0 11px 25px; border: 1px solid #e6e6e6; background-color: #fff; }
#lineUp ul li figure 	{ padding-top: 12px; border-top: 2px solid #009c70; }
#lineUp ul li h4 		{ margin-top: 26px; font-size: 1.05rem; font-weight: 500; text-align: center; color: #009c70; }
#lineUp ul li h4:after 	{ content: ''; width: 58px; margin: 9px auto 0; border-top: 1px solid #009c70; display: block; }
#lineUp ul li p 		{ margin-top: 8px; text-align: justify; font-size: .81rem; line-height: 1.7; }

#wideArea 				{  }
#wideArea a 			{ position: relative; color: #fff; display: block; overflow: hidden; }
/*#wideArea a:nth-of-type(n+2){ width: 100%; max-width: 1080px; margin: 10px auto 0; }*/
#wideArea a:hover 		{ opacity: 1; }
#wideArea a figure img 	{ -webkit-transition-duration: .5s; transition-duration: .5s; }
#wideArea a:hover figure img{ -webkit-transform: scale(1.05); transform: scale(1.05); }
#wideArea>a/*:nth-of-type(1)*/{  }
#wideArea>a/*:nth-of-type(1)*/ .master{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#wideArea a .box 		{ background-color: rgba(0,156,112,.8); }
#wideArea a:nth-of-type(2) .box{ margin-left: auto; }
#wideArea a .box h3 	{ font-weight: 500; font-size: 1.6rem; letter-spacing: .3rem; }
#wideArea a .box h3 span{ margin-top: 10px; font-weight: 400; display: block; font-size: .7rem; letter-spacing: 0; }
#wideArea>a/*:nth-of-type(1)*/ .box{ width: 60%; max-width: 588px; padding: 35px 50px 50px; }
#wideArea>a/*:nth-of-type(1)*/ .box h3{ margin-bottom: 18px; padding-bottom: 15px; border-bottom: 1px solid #fff; }
#wideArea>a/*:nth-of-type(1)*/ .box p{ text-align: justify; }
#wideArea .column2 		{ margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#wideArea .column2>a 	{ width: 48%; }
#wideArea .column2>a:nth-of-type(2n){ margin-left: auto; }
#wideArea .column2>a .box{ width: 55%; max-width: 321px; padding: 20px 40px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

#bnrArea 				{ margin-top: 80px; padding: 60px 0; border-top: 1px solid #e6e6e6; }
#bnrArea ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#bnrArea ul li 			{ width: 32.5%; margin-right: 1.25%; }
#bnrArea ul li:nth-of-type(3n){ margin-right: 0; }
#bnrArea ul li:nth-of-type(n+4){ margin-top: 10px; }
}


@media screen and (max-width: 1100px) and (min-width: 751px) {


}


@media screen and (max-width: 750px) {
#mv 					{ padding: 100px 0; color: #fff; position: relative; overflow: hidden; /*background: url('../img/top/mv_sp.jpg') 50% 50% no-repeat; background-size: cover;*/ }
/*#mv:before 				{ content: ''; width: 100%; height: 100%; background: url('../img/common/checkered.png') 0 0 repeat; display: block; background-size: 9px; position: absolute; top: 0; left: 0; z-index: 1; }*/
#mv video 				{ position: absolute; width: 100%; height: 1080px; min-width: 1920px; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: -9; }


#mv:after 				{ content: ''; width: 100%; height: 30px; background-color: #ececec; display: block; position: absolute; bottom: -30px; left: 0; z-index: 3; }
#mv>div 				{ width: 94%; margin: 0 auto; text-align: left; position: relative; z-index: 2; }
#mv>div>h2 				{ font-size: 28px; font-weight: 400; letter-spacing: .2rem; line-height: 1.5; text-shadow: 0 0 15px #333; }
#mv>div>h2 span 		{ font-size: 34px; }
#mv>div>p:nth-of-type(1){ margin-top: 15px; font-size: .9rem; font-weight: 400; line-height: 1.8; }

.greenTitle 			{ color: #009c70; font-size: 1.8rem; text-align: center; }

#news 					{ padding: 65px 0 65px; }
#news .box 				{ margin-top: 30px; }
#news .box>div:nth-of-type(1){  }
#news .box>div:nth-of-type(1) .tab{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#news .box>div:nth-of-type(1) .tab li{ width: 20%; padding: 10px 5px; text-align: center; font-size: .75rem; border: 1px solid #e6e6e6; border-right: 0; cursor: pointer; }
#news .box>div:nth-of-type(1) .tab li:last-of-type{ border-right: 1px solid #e6e6e6; }
#news .box>div:nth-of-type(1) .tab li.select{ background-color: #009c70; color: #fff; }
#news .box>div:nth-of-type(1) .hide{ display: none; }
#news .box>div:nth-of-type(1) .content{ line-height: 1.5; }
#news .box>div:nth-of-type(1) .content dl div{ padding: 12px 0; border-bottom: 1px solid #e6e6e6; }
#news .box>div:nth-of-type(1) .content dl div dt{ font-size: .85rem; color: #b3b3b3; white-space: nowrap; }
#news .box>div:nth-of-type(1) .content dl div dt .category{ width: 110px; margin-left: 20px; padding: 3px 0; font-size: .5rem; line-height: 1; display: inline-block; text-align: center; color: #333; border: 1px solid #333; white-space: normal; }
/*#news .box>div:nth-of-type(1) .content dl div dt .sdinfo{ color: #0071bc; border: 1px solid #0071bc; }
#news .box>div:nth-of-type(1) .content dl div dt .ir{ color: #f15a24; border: 1px solid #f15a24; }
#news .box>div:nth-of-type(1) .content dl div dt .press{ color: #93278f; border: 1px solid #93278f; }
#news .box>div:nth-of-type(1) .content dl div dt .recruit{ color: #009c70; border: 1px solid #009c70; }*/
#news .box>div:nth-of-type(1) .content dl div dd{ margin-top: 8px; font-size: .9rem; }
#news .box>div:nth-of-type(1) .content dl div dd span{ width: 41px; height: 12px; margin-left: 3px; white-space: nowrap; display: inline-block; text-align: center; font-size: .65rem; color: #fff; background-color: #f00; line-height: 1.2; }
#news .more 			{ margin-top: 12px; padding-right: 7px; text-align: right; font-size: .73rem; }
#news .more>a,#news .more>span{ padding-left: 12px; background: url('../img/common/menu-arrow.svg') 0 50% no-repeat; display: inline-block; }

#news .box>div:nth-of-type(2){ margin-top: 50px; padding: 23px 10px 20px; position: relative; background-color: #fff; border: 1px solid #e6e6e6; -ms-flex-item-align: start; align-self: flex-start; border-radius: 10px; }
#news .box>div:nth-of-type(2):before,#news .box>div:nth-of-type(2):after{
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 7px;
width: 50%;
top: 80%;
max-width:300px;
background: #E2E2E3;
-webkit-box-shadow: 0 30px 8px #E2E2E3;
box-shadow: 0 30px 8px #E2E2E3;
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
#news .box>div:nth-of-type(2):after{
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
right: 7px;
left: auto;
}
#news .box>div:nth-of-type(2) h4{ text-align: center; color: #009c70; font-size: 1.3rem; }
#news .box>div:nth-of-type(2) h4 span{ padding-left: 23px; background: url('../img/top/column-icon.svg') 0 50% no-repeat; }
#news .box>div:nth-of-type(2) figure{ margin-top: 17px; text-align: center; }
#news .box>div:nth-of-type(2) .date{ margin-top: 9px; padding: 0 5px; color: #b3b3b3; }
#news .box>div:nth-of-type(2) h5{ padding: 0 5px; font-size: 1rem; text-align: justify; line-height: 1.8; }

/*#linkArea 				{ opacity: 0; padding: 65px 0 70px; background: url('../img/top/linkArea-bg.jpg') 30% 50% no-repeat; background-size: cover;  -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transition-duration: 1.6s; transition-duration: 1.6s; }
#linkArea.active 		{ opacity: 1; background-position: 50% 50%; }
#linkArea ul 			{ opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
#linkArea.active ul 	{ opacity: 1; }
#linkArea ul li 		{ width: 48.5%; -webkit-box-shadow: 0 25px 12px -10px #A4C2A9; box-shadow: 0 25px 12px -10px #A4C2A9; border-radius: 10px; }
#linkArea ul li:nth-of-type(2n){ margin-left: auto; }
#linkArea ul li:nth-of-type(n+3){ margin-top: 40px; }
#linkArea ul li:last-of-type{ margin-right: 0; }
#linkArea ul li a 		{ display: block; border-radius: 10px; position: relative; }
#linkArea ul li a:after { content: ''; width: 40px; height: 40px; background: url('../img/top/arrow.svg') 0 0 no-repeat; display: block; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
#linkArea ul li a figure{ height: 110px; padding-top: 15px; text-align: center; }
#linkArea ul li a div 	{ background-color: rgba(0,156,112,.8); border-radius: 10px 10px 0 0 }
#linkArea ul li a div p { text-align: center; color: #fff; }
#linkArea ul li a div p:nth-of-type(1){ padding-top: 25px; font-size: 1rem; font-weight: 500; }
#linkArea ul li a div p:nth-of-type(2){ padding: 2px 0 12px; font-size: .7rem; }
#linkArea ul li a>p 	{ padding: 15px 10px 50px; font-size: .9rem; text-align: justify; background-color: rgba(255,255,255,.8); border-radius: 0 0 10px 10px; }*/

#lineUp 				{ padding: 65px 0 52px; border-bottom: 1px solid #e6e6e6; background-color: #e8f0ed; background-size: 22px; }
#lineUp h3 				{ font-size: 1.2rem; color: #009c70; text-align: center; }
#lineUp h3 span 		{ margin-bottom: 7px; display: block; font-size: .8rem; font-weight: 400; }
#lineUp ul 				{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#lineUp ul li 			{ width: 48.5%; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
#lineUp ul li:nth-of-type(2n){ margin-left: auto; }
#lineUp ul li:nth-of-type(n+3){ margin-top: 8px; }
#lineUp ul li a 		{ display: block; height: 100%; padding: 0 10px 15px; border: 1px solid #e6e6e6; background-color: #fff; }
#lineUp ul li figure 	{ padding-top: 12px; border-top: 2px solid #009c70; }
#lineUp ul li h4 		{ margin-top: 10px; font-size: 1rem; line-height: 1.3; text-align: center; color: #009c70; font-weight: 500; }
#lineUp ul li h4:after 	{ content: ''; width: 58px; margin: 9px auto 0; border-top: 1px solid #009c70; display: block; }
#lineUp ul li p 		{ margin-top: 8px; text-align: justify; font-size: .81rem; line-height: 1.7; }

#wideArea 				{  }
#wideArea a 			{ position: relative; color: #fff; display: block; overflow: hidden; }
/*#wideArea a:hover 		{ opacity: 1; }
#wideArea a figure img 	{ -webkit-transition-duration: .5s; transition-duration: .5s; }
#wideArea a:hover figure img{ -webkit-transform: scale(1.05); transform: scale(1.05); }*/
#wideArea>a/*:nth-of-type(1)*/{  }
#wideArea>a:nth-of-type(n+2){ margin-top: 15px; }
#wideArea>a/*:nth-of-type(1)*/ .master{  }
#wideArea>a/*:nth-of-type(1)*/ .box{ margin-top: -50px; padding: 20px 15px; position: relative; z-index: 2; }
#wideArea a .box 		{ background-color: rgba(0,156,112,.8); }
#wideArea a .box h3 	{ font-weight: 500; font-size: 1.2rem; letter-spacing: .2rem; }
#wideArea a .box h3 span{ margin-top: 10px; font-weight: 400; display: block; font-size: .6rem; letter-spacing: 0; }
/*#wideArea>a:nth-of-type(1) .box{ width: 60%; max-width: 588px; padding: 35px 50px 50px; }*/
/*#wideArea>a:nth-of-type(1) .box h3{ margin-bottom: 18px; padding-bottom: 15px; border-bottom: 1px solid #fff; }*/
#wideArea>a/*:nth-of-type(1)*/ .box p{ margin-top: 15px; text-align: justify; }
#wideArea .column2 		{ margin-top: 10px; }
#wideArea .column2>a 	{  }
#wideArea .column2>a:nth-of-type(2n){ margin-top: 10px; }
#wideArea .column2>a .box{ width: 60%; max-width: 321px; padding: 20px 30px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }

#bnrArea 				{ padding: 65px 0; }
#bnrArea ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#bnrArea ul li 			{ width: 48.5%; }
#bnrArea ul li:nth-of-type(2n){ margin-left: auto; }
#bnrArea ul li:nth-of-type(n+3){ margin-top: 10px; }
}