@charset "utf-8";
/* CSS Document */
/************************* PC *************************/
/***** MAIN *****/
.pc_wrap .main_wrap .main_con01 .main_con01_tit span {display:block; font-size:20px; letter-spacing:-0.025em; color:#fff; font-weight:400;}
.pc_wrap .main_wrap .main_con01 ul {letter-spacing:-4px; font-size:0; padding-bottom:55px; box-sizing:border-box;}
.pc_wrap .main_wrap .main_con01 ul li {width:calc(25% - 20.25px); display:inline-block; vertical-align:top; margin-right:27px;}
.pc_wrap .main_wrap .main_con01 ul li:nth-of-type(4n) {margin-right:0;}
.pc_wrap .main_wrap .main_con01 ul li .img_box {position:relative; padding:66.2% 0; overflow:hidden; margin-top:20px;}
.pc_wrap .main_wrap .main_con01 ul li .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.pc_wrap .main_wrap .main_con01 ul li .txt_box span {display:block; font-size:14px; letter-spacing:-0.025em; color: #fff; font-weight:400; margin: 9px 0;}
.pc_wrap .main_wrap .main_con01 ul li .txt_box p {font-size:16px; letter-spacing:-0.025em; color: #fff; font-weight:400; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 1.7em;}
.pc_wrap .main_wrap {position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding-top:3%;}

@media all and (max-width:1000px){
	.pc_wrap .main_wrap .main_con01 ul li {width:calc(50% - 10px); margin-right:20px;}
	.pc_wrap .main_wrap .main_con01 ul li:nth-of-type(2n) {margin-right:0;}
	.pc_wrap .main_wrap .main_con01 ul {margin:0 20px;}
	.pc_wrap .main_wrap .main_con01 .main_con01_tit span {margin-left:20px; padding-top:30px;}
}


/*.pc_wrap .main_visual {width:100%; position:relative; margin:0 auto; overflow:hidden;}*/
/*.pc_wrap .main_visual .imgs {width:100%; height:100%; padding-bottom:39%; position:relative; overflow:hidden;}*/
/*.pc_wrap .main_visual .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}*/
/*.pc_wrap .main_visual .imgs li.li_01 {left:0;}*/
/*.pc_wrap .main_visual .imgs li a {display:block; width:100%; height:100%;}*/
/*.pc_wrap .main_visual .imgs li a img {width:100%; height:auto;}*/
/*.pc_wrap .main_visual .imgs li .txt_box {position: absolute; width: 100%; height: 100%;}*/
/*.pc_wrap .main_visual .imgs li .txt_box span {font-size:34px; letter-spacing:-0.025em; color:#fff; font-weight:700;}*/
/*.pc_wrap .main_visual .imgs li .txt_box p {font-size:34px; letter-spacing:-0.025em; color:#fff; font-weight:100;}*/
/*.pc_wrap .main_visual .indis {width:100%; height:6px; position:absolute; left:0; bottom:5%; text-align:center;}*/
/*.pc_wrap .main_visual .indi_wrap {display:inline-block; overflow:hidden;}*/
/*.pc_wrap .main_visual .indis ul {float:left; overflow:hidden; margin-right:8px;}*/
/*.pc_wrap .main_visual .indis ul li {width:44px; height:6px; float:left; margin-left:8px; position:relative;}*/
/*.pc_wrap .main_visual .indis ul li.li_01 {margin-left:0;}*/
/*.pc_wrap .main_visual .indis ul li a {width:100%; height:100%; display:block;}*/ 
/**/
/*.pc_wrap .main_visual .main_visual_L {position:absolute; left:50%; top:50%; margin-left:-47%; margin-top:11.5px;}*/
/*.pc_wrap .main_visual .main_visual_R {position:absolute; right:50%; top:50%; margin-right:-47%; margin-top:11.5px;}*/
 
.pc_wrap .main_visual {position: relative; height: 100vh;}
.pc_wrap .main_visual .swiper-container {height: 100%;}
.pc_wrap .main_visual .swiper-container ul{z-index: 0;}
.pc_wrap .main_visual .swiper-container ul li a {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.pc_wrap .main_visual .swiper-container.m_mainvisual ul li a{background-size: cover;}
.pc_wrap .main_visual .swiper-container ul li img{width: 100%; height: 100%;}
.pc_wrap .main_visual .swiper-container ul li .txt_box {display: table; width: 100%; height: 100%;}
.pc_wrap .main_visual .swiper-container ul li .txt_box .tc_box {display: table-cell; vertical-align: middle; padding: 80px 50px 0 11.2%; box-sizing: border-box;}
.pc_wrap .main_visual .swiper-container ul li p {font-size:34px; letter-spacing:-0.025em; color:#fff; font-weight:100;}
.pc_wrap .main_visual .swiper-container ul li span {font-size:34px; letter-spacing:-0.025em; color:#fff; font-weight:700; word-break:keep-all;}

@media all and (max-width:1000px){
	.pc_wrap .main_visual .swiper-container ul li .txt_box .tc_box{padding: 0;}
}

.pc_wrap .main {position:relative; width:100%; max-width:1200px; min-width:640px; margin:0 auto; overflow:hidden;}
.pc_wrap .main dl {float:left; width:22.75%; margin-bottom:38px; margin-right:3%;}
.pc_wrap .main dl img {width:100%;}
.pc_wrap .main dl.last {margin-right:0;}
.pc_wrap .main dl dt {font-size:14px; color:#ffffff; margin-bottom:21px;}
.pc_wrap .main dl.main_notice dd {background:#2d2d31; color:#fff; /*padding:47px 2.6%;*/}
.pc_wrap .main dl.main_notice dd ul {width:94.8%; margin:0 auto; overflow:hidden;}
.pc_wrap .main dl.main_notice dd ul li{margin:7% auto 5%; height:15px; overflow:hidden; word-break:break-all; text-indent:5%; width:95%; background:url("/img/yk_bull.png") left no-repeat;}
.pc_wrap .main dl.main_notice dd ul li.last{/*margin-bottom:0;*/}
.pc_wrap .main dl.main_notice dd ul li a {color:#d4d4d8;} 

/************************* mobile *************************/
.mobile_wrap .main {position:relative; width:93.75%; margin:5% auto 0; overflow:hidden;}

.mobile_wrap .main_visual {width:100%;   /*margin-top:94px;*/ position:relative; overflow:hidden;}
.mobile_wrap .main_visual .imgs {width:100%; height:100%; padding-bottom:50%;position:relative; overflow:hidden;}

.mobile_wrap .main_visual .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.mobile_wrap .main_visual .imgs li img{width:100%;}
.mobile_wrap .main_visual .imgs li.li_01 {left:0;}
.mobile_wrap .main_visual .imgs li a {display:block; width:100%; height:100%;}
.mobile_wrap .main_visual .imgs li a img {width:100%; height:auto;}

.mobile_wrap .main_visual .indis {width:100%; height:6px; position:absolute; left:0; bottom:50px; text-align:center;}
.mobile_wrap .main_visual .indi_wrap {display:inline-block; overflow:hidden;}
.mobile_wrap .main_visual .indis ul {float:left; overflow:hidden; margin-right:8px;}
.mobile_wrap .main_visual .indis ul li {width:16px; height:6px; float:left; margin-left:8px; position:relative;}
.mobile_wrap .main_visual .indis ul li.li_01 {margin-left:0;}
.mobile_wrap .main_visual .indis ul li a {width:100%; height:100%; display:block;}

.mobile_wrap .main_visual .main_visual_L {position:absolute; left:20px; top:50%; margin-top:-28.5px}
.mobile_wrap .main_visual .main_visual_R {position:absolute; right:4px; top:50%; margin-top:-28.5px}

.mobile_wrap .main dl {float:left; width:48%; margin-bottom:38px; margin-right:4%;}
.mobile_wrap .main dl img {width:100%; /*height:104px;*/}
.mobile_wrap .main dl.last_m {margin-right:0;}
.mobile_wrap .main dl dt {font-size:14px; color:#ffffff; margin-bottom:4%;}
.mobile_wrap .main dl dd a{display:block; width:100%; height:100%;}
.mobile_wrap .main dl.main_notice dd {background:#2d2d31; color:#fff; /*padding:47px 2.6%;*/}
.mobile_wrap .main dl.main_notice dd ul {width:94.8%; margin:0 auto; overflow:hidden;}
.mobile_wrap .main dl.main_notice dd ul li{margin:7% 0; font-size:15px; height:15px; overflow:hidden; word-break:break-all; text-indent:5%; width:95%; background:url("/img/yk_bull.png") left no-repeat;}
.mobile_wrap .main dl.main_notice dd ul li.last{/*margin-bottom:0;*/}
.mobile_wrap .main dl.main_notice dd ul li a {color:#d4d4d8;} 


/*
@media all and (max-width:1160px){
	.main dl.main_notice dd ul li.last{display:none;}
}
*/

@media all and (max-width:800px){
	.pc_wrap .main {width:90%;}
	/*.main dl.main_notice dd ul li.last{display:none;}*/
}

.main_visual .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px;}
.main_visual .swiper-pagination-bullet{background:#e6e6e6; width:44px; height:6px; box-sizing: border-box; border-radius: 0;}
.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; background: #fff;}

@media all and (max-width:650px){
	.main_visual .swiper-pagination-bullet,
	.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 28px;}
}

.main_visual .swiper-button-prev{position: absolute; top:50%; left:5%; width:66px; height:120px; background: url('/img/yk_project_left_1.png')no-repeat center; z-index: 30; cursor: pointer;}
.main_visual .swiper-button-next{position: absolute; top:50%; right:5%; width:66px; height:120px; background: url('/img/yk_project_right_1.png')no-repeat center; z-index: 30; cursor: pointer;}

.swiper-button-next:after, .swiper-button-prev:after{content: none;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity: 0;}