@charset "utf-8";
 
#wrap {position:relative; padding-top:0; width:100%}

.section1 {}
.section2 {/*background:url('/images/main/main_bg.jpg') no-repeat center*/}
.section2 .container {padding:90px 0}

.container {clear:both; max-width:1400px; margin:0 auto; position:relative; font-size:0; display:flex}
.container h2 {font-size:30px; margin-bottom:60px; font-weight:700}

.visual {position:relative; /*height:100vh;*/ z-index:2; height:auto}
.mainVisArea {position:relative; width:100%; height:100%; overflow:hidden}
.mainVisArea .swiper-wrapper .swiper-slide {display:block; position:relative; width:100%; background-position:50% 0;background-repeat:no-repeat;background-size:cover}
.mainVisArea .swiper-wrapper .swiper-slide .__m {display:none}
.mainVisArea .swiper-wrapper .swiper-slide .__p {display:block}

/*
.mainVisArea .swiper-wrapper .swiper-slide .txt_box {max-width:1500px; margin:0 auto; height:100%; display:flex; padding-top:250px; box-sizing:border-box}
.mainVisArea .swiper-wrapper .swiper-slide .text {z-index:10; transform:translateY(20%); opacity:0; transition:opacity 1s, transform 1s; transition-delay:1s}
.mainVisArea .swiper-wrapper .swiper-slide .text span {color:#fff; font-size:50px; font-weight:700; word-break:keep-all; text-align:left; line-height:1.5; text-shadow: 3px 4px 5px #333}
.mainVisArea .swiper-wrapper .swiper-slide.swiper-slide-active .text {transform:translateY(0); opacity:1}
*/

.mainVisArea .swiper-pagination {display:inline-block; padding:15px 65px 15px 31px;  width:auto; height:11px; left:50%; bottom:30px; background:rgba(0,0,0,0.5); overflow:hidden; border-radius:20.5px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.mainVisArea .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("/images/main/imgRoll_indi.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {background:url("/images/main/imgRoll_indi_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .playBtn {display:block; width:41px; height:41px; position:absolute; top:0; right:0; background:rgba(0,0,0,0.2) url("/images/main/play_bt.png") no-repeat 50% 50%; border-radius:20.5px;}.mainVisArea .swiper-pagination .playBtn.on {background:rgba(0,0,0,0.2) url("/images/main/play_bt_on.png") no-repeat 50% 50%;}

.swiper-button-next, .swiper-button-prev {color:rgba(255,255,255,0.3)}

.inquiry {background:rgba(251,245,235,0.9); border-radius:20px; padding:50px; width:38%; box-sizing:border-box}
.inquiry div {position:relative}
.inquiry div .icon {position:absolute; right:0; bottom:0}
.inquiry h2 {font-size:25px; margin-bottom:30px}
.inquiry .tel {font-size:30px; color:#f15d22; font-weight:700}
.inquiry p {font-size:18px; margin-bottom:30px; line-height:1.3; font-weight:500}
.inquiry ul {border-top:#f15d22 solid 1px; padding-top:50px; display:flex}
.inquiry ul li {width:33.33%; text-align:center}
.inquiry ul li a {width:120px; height:120px; border-radius:50%; color:#fff; background:#f15d22; font-size:20px; font-weight:500; display:flex; align-items:center; justify-content:center; margin:0 auto}


.d_link {display:flex; flex-wrap:wrap; width:62%}
.d_link a {width:calc(33.33% - 30px); margin-left:30px; box-sizing:border-box; border-radius:20px; padding:40px 40px 0 40px; min-height:221px; background-image:url('/images/main/d_ico1.png'); background-repeat:no-repeat; background-position:right 30px bottom 30px; background-color:rgba(251,245,235,0.9)}
.d_link a h2 {font-size:25px; font-weight:500; letter-spacing:-1px; line-height:1.5}
.d_link a:nth-child(n+4) {margin-top:30px}
.d_link a:nth-child(2) {background-image:url('/images/main/d_ico2.png')}
.d_link a:nth-child(3) {background-image:url('/images/main/d_ico3.png')}
.d_link a:nth-child(4) {background-image:url('/images/main/d_ico4.png')}
.d_link a:nth-child(5) {background-image:url('/images/main/d_ico5.png')}
.d_link a:nth-child(6) {background-image:url('/images/main/d_ico6.png')}


@media all and (max-width:1500px){
	
	.container {max-width:1300px}
	
}

@media all and (max-width:1300px){
	
	.section2 .container {padding:30px 10px}

	.mainVisArea {margin-top:80px}
	
	.container {box-sizing:border-box; flex-wrap:wrap}
	
	.inquiry {margin-bottom:30px; width:100%}
	
	.d_link {width:calc(100% + 30px); margin-left:-30px}

}


@media all and (max-width:768px){

	.mainVisArea .swiper-wrapper .swiper-slide {height:auto !important}
	.mainVisArea .swiper-wrapper .swiper-slide .__p {display:none}
	.mainVisArea .swiper-wrapper .swiper-slide .__m {display:block}
	.mainVisArea .swiper-wrapper .swiper-slide .txt_box {position:absolute; left:20px; padding-top:0; align-items:center; padding-left:0}
	.mainVisArea .swiper-wrapper .swiper-slide .text span {font-size:35px}

	.d_link a {width:calc(50% - 30px)}
	.d_link a:nth-child(n+3) {margin-top:30px}

}

@media all and (max-width:640px){

	.inquiry {padding:40px}
	.inquiry h2 {font-size:22px; margin-bottom:20px}
	.inquiry .tel {font-size:25px}
	.inquiry p {font-size:16px; margin-bottom:20px}
	.inquiry ul {padding-top:30px}
	.inquiry ul li a {width:100px; height:100px; font-size:18px}
	
	.d_link {width:calc(100% + 10px); margin-left:-10px}
	.d_link a {width:calc(50% - 10px); margin-left:10px; padding:30px 30px 0 30px; min-height:200px}
	.d_link a h2 {font-size:22px}
	.d_link a:nth-child(n+3) {margin-top:10px}

}


@media all and (max-width:420px){
	
	.inquiry {padding:30px; margin-bottom:10px}
	.inquiry ul {padding-top:30px}
	.inquiry ul li a {width:80px; height:80px; font-size:16px}
	
	.d_link {width:calc(100% + 10px); margin-left:-10px}
	.d_link a {width:calc(50% - 10px); margin-left:10px; padding:20px 20px 0 20px; min-height:180px}
	.d_link a h2 {font-size:18px}
	.d_link a:nth-child(n+3) {margin-top:10px}
	
}