@charset "utf-8";

/* main_tit */
.main_tit h3{display:inline-block; vertical-align:top; line-height:1.1; font-size:38px; color:#222222; letter-spacing:-0.045em; font-weight:bold; margin:0; padding:10px 0; border-bottom:3px solid #e4e4e4}
.main_tit h3 b{color:#fdaf14}
.main_tit h3 span{color:#fff}
.main_tit h3.type02{border-bottom-color:#fff; color:#fff}


/* main_visual */
.main_visual{position: relative;max-width:1920px; margin:0 auto; width:100%;}
.main_visual button{
	position: absolute;
	top:220px;
	left:50%;
	transform: translate(-50% , 0);
	height:95px;
	width:240px;
	text-align: center;
	border-radius: 50px;
	font-weight: normal;
	font-size:35px;
	background-color:#50B154;
	line-height: 94px;
	z-index: 1;
	color:#fff;
	font-weight: 500;
	font-style: normal;
	white-space: nowrap;
	backdrop-filter: blur(10px);
	font-family: 'GmarketSansMedium';
	display:flex;
	justify-content: center;
	align-items: center;
	gap:12px;
	border:none;
}
.main_visual button img{
	width: 32px;
}
.main_visual button span{
	margin-top:6px;
}
.main_visual ul li.slick-slide{background-size:cover; background-position:center; background-repeat:no-repeat; height:920px;}
.main_visual ul li.slick-slide.visual01{background-image:url('../img/homepage_main.png')}
.main_visual ul li.slick-slide .inner{height:100%;}
.main_visual ul li.slick-slide .text{text-align:center; padding-top:110px;}
.main_visual ul li.slick-slide .text h4{font-size:58px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:68px; margin:0 0 30px; word-break:keep-all; opacity:0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -ms-transform:translateY(60px); -o-transform:translateY(60px); transform:translateY(60px); transition:all 0.5s; }

.main_visual ul li.slick-slide .text p{font-size:24px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:34px; opacity:0;  word-break:keep-all; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -ms-transform:translateY(60px); -o-transform:translateY(60px); transform:translateY(60px); transition:all 0.5s; }
.main_visual.active ul li.slick-slide.slick-current .text h4 {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1; }
.main_visual.active ul li.slick-slide.slick-current .text p {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1; }
.main_visual ul.slick-dots{bottom:30px;}
.main_visual ul.slick-dots li{width:14px; height:14px; background:rgba(69,72,78,0.68); border-radius:20px; margin:0 5px; transition:0.3s}
.main_visual ul.slick-dots li button{width:100%; height:100%; padding:0;}
.main_visual ul.slick-dots li button:before{display:none}
.main_visual ul.slick-dots li.slick-active{width:40px; background:rgba(69,72,78,1);}
#footer .top .right{cursor: pointer;}

@media all and (max-width:1400px){
	.main_visual ul li.slick-slide.visual01{background-image:url('../img/table_main.png')}
}

@media all and (max-width:1100px){
	.main_visual{height:calc(100vh - 235px);}
	.main_visual .slick-slider{height:100%;}
	.main_visual .slick-slider .slick-list{height:100%;}
	.main_visual .slick-slider .slick-list .slick-track{height:100%;}
	.main_visual ul li.slick-slide{height:100%; background-size:cover; background-position:center;}
	.main_visual ul li.slick-slide .text h4{font-size:48px; line-height:50px; margin:0 0 20px;}
	.main_visual button{
		top:250px;

	}
	#footer .top .right .call_button{
		margin:0 auto;
		width: 50%;
		margin-bottom:30px;
	}
	.main_visual button{
		top:190px;
		transform: translate(-50% , 0) scale(0.8);
	}
}
@media all and (max-width:767px){
	.main_visual ul li.slick-slide .text{padding-top:60px;}
	.main_visual ul li.slick-slide .text h4{font-size:40px; line-height:54px; margin:0 0 20px;}
	.main_visual ul li.slick-slide .text p{font-size:16px;}
}
@media all and (max-width:550px){
	.main_visual ul li.slick-slide.visual01{background-image:url('../img/mobile_main2.png')}
	.main_visual ul li.slick-slide.visual01.type02{background-image:url('../img/mobile_main3.png')}
	.main_visual ul li.slick-slide.visual01.type03{background-image:url('../img/mobile_main1.png')}
	.main_visual ul li.slick-slide .text{padding-top:60px;}
	.main_visual ul li.slick-slide .text h4{font-size:44px; line-height:54px; margin:0 0 20px;}
	.main_visual ul li.slick-slide .text p{font-size:20px;}
	.main_visual button{
		top:190px;
	}
	#footer .top .right .call_button{
		margin:0 auto;
		width:auto;
		margin-bottom:30px;
	}
}
@media all and (max-width:640px){
	
	.main_visual{height:calc(100vh - 209px);}
	.main_visual button{
		top:190px;
		transform: translate(-50% , 0) scale(0.7);
	}
	#footer .top .right .call_button{
		margin:0 auto;
		width:auto;
		margin-bottom:30px;
	}
}


/* main_con01 */
.main_con01{padding:100px 0; background:url('../img/main_con01_bg.jpg')no-repeat center / cover; overflow:hidden}
.main_con01 .main_tit{margin-bottom:50px;}
.main_con01 .phone_box{width:411px; height:749px; padding:260px 0 0 50px; margin:0 0 195px; box-sizing:border-box; background:url('../img/main_con01_phone_box.png')no-repeat center;}
.main_con01 .phone_box .box{width:250px; height:265px; }
.main_con01 .phone_box .box ul{font-size:0; letter-spacing:-4px; text-align:left; white-space:nowrap;}
.main_con01 .phone_box .box ul li{width:250px; height:328px; background:#fff7e6; border:2px solid #feb325; border-radius:15px; padding:60px 5px 20px; text-align:center; box-sizing:border-box; display:inline-block; vertical-align:top; margin:20px 5px;}
.main_con01 .phone_box .box ul li span{display:block; font-size:18px; color:#feb325; letter-spacing:0em; font-weight:500; line-height:1;}
.main_con01 .phone_box .box ul li i{display:block; width:50px; height:50px; margin:15px auto 25px;}
.main_con01 .phone_box .box ul li i img{max-width:100%}
.main_con01 .phone_box .box ul li p{display:block; font-size:20px; color:#feb325; letter-spacing:-0.045em; font-weight:300; white-space:normal}
.main_con01 .phone_box .box ul li.type02{border-color:#e9e9e9; background:#ffffff}
.main_con01 .phone_box .box ul li.type02 span{color:#444444;}
.main_con01 .phone_box .box ul li.type02 p{color:#444444;}
.main_con01 .phone_box .box ul li.type03{border-color:#45484e; background:#e0e3e9;}
.main_con01 .phone_box .box ul li.type03 span{color:#45484e;}
.main_con01 .phone_box .box ul li.type03 p{color:#45484e;}
.main_con01 .phone_box .box ul li.type04{border-color:#266ced; background:#e3edff;}
.main_con01 .phone_box .box ul li.type04 span{color:#266ced;}
.main_con01 .phone_box .box ul li.type04 p{color:#266ced;}
.main_con01 .phone_box .box ul li:nth-of-type(5){margin-left:360px;}

@media all and (max-width:1200px){
	.main_con01 .phone_box .box ul li:nth-of-type(5){margin-left:100px;}
}
@media all and (max-width:1000px){
	.main_con01 .phone_box{margin:0; padding:290px 0 0 45px;}
	.main_con01 .phone_box .box{width:268px;}
	.main_con01 .phone_box .box ul .slick-list{overflow:inherit;}
	.main_con01 .phone_box .box ul li{margin:0 10px;}
	.main_con01 .phone_box .box ul li:nth-of-type(5){margin:0 10px;}
	.main_con01 .phone_box .box ul > br{display:none;}
}


/* main_con02 */
.main_con02{padding:100px 0; background:#313235}
.main_con02 .main_tit{margin-bottom:60px}
.main_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con02 ul li{width:calc(25% - 30px); margin-right:40px; float:left; height:160px; position:relative; padding:20px 30px; box-shadow:5px 0 24px rgba(0,0,0,0.26); border-radius:20px; box-sizing:border-box;}
.main_con02 ul li:last-child{margin-right:0;}
.main_con02 ul li.start{border-radius:20px; background:#fdaf14; border:0}
.main_con02 ul li.start a{position:absolute; right:10px; top:10px; display:block; width:40px; height:40px;}
.main_con02 ul li.start a:before{content:""; width:12px; height:12px; box-sizing:border-box; border:2px solid #000; border-top-color:transparent; border-left-color:transparent; border-radius:2px; position:absolute; left:6px; top:14px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.main_con02 ul li.start a:after{content:""; width:12px; height:12px; box-sizing:border-box; border:2px solid #000; border-top-color:transparent; border-left-color:transparent; border-radius:2px; position:absolute; left:16px; top:14px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.main_con02 ul li.start h4{font-size:36px; color:#000000; letter-spacing:0em; font-weight:600; position:absolute; right:20px; bottom:15px; margin:0;}
.main_con02 ul li .top{margin:0 0 10px;}
.main_con02 ul li .top i{display:inline-block; vertical-align:middle; margin:-2px 6px 0 0;}
.main_con02 ul li .top span{display:inline-block; vertical-align:middle; font-size:18px; color:#fdaf14; letter-spacing:0em; font-weight:600;}
.main_con02 ul li .hr{width:18px; height:2px; background:#fdaf14; margin:10px 0 5px;}
.main_con02 ul li p{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:400; line-height:28px;}
.main_con02 ul li a{position:absolute; right:-20px; top:calc(50% - 20px); display:block; width:40px; height:40px; border-radius:50%; background:#fdaf14}
.main_con02 ul li a:before{content:""; width:8px; height:8px; box-sizing:border-box; border:2px solid #fff; border-top-color:transparent; border-left-color:transparent; border-radius:2px; position:absolute; left:12px; top:16px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.main_con02 ul li a:after{content:""; width:8px; height:8px; box-sizing:border-box; border:2px solid #fff; border-top-color:transparent; border-left-color:transparent; border-radius:2px; position:absolute; left:18px; top:16px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.main_con02 ul li a.bottom:before{transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); left:17px; top:12px;}
.main_con02 ul li a.bottom:after{transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); left:17px; top:18px;}
.main_con02 ul li a.left:before{transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -moz-transform:rotate(135deg); left:15px;}
.main_con02 ul li a.left:after{transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -moz-transform:rotate(135deg); left:21px;}
.main_con02 ul.type02{margin-top:40px;}
.main_con02 ul.type02 li{float:right;}
.main_con02 ul.type02 li:first-child{margin-right:0;}
.main_con02 ul.type02 li:last-child{margin-right:40px;}

@media all and (max-width:1200px){
	.main_con02 ul li p br{display:none}
}
@media all and (max-width:1000px){
	.main_con02 ul li{width:calc(50% - 10px); margin-right:20px !important; padding:15px 20px; margin-bottom:20px; float:left !important}
	.main_con02 ul li:nth-of-type(2n){margin-right:0 !important; }
	.main_con02 ul li a{display:none;}
	.main_con02 ul.type02{margin:0;}
}


/* main_con03 */
.main_con03{padding:100px 0; background:#ffffff}
.main_con03 .main_tit{margin-bottom:60px}
.main_con03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .img_box{width:564px; float:left; position:relative;}
.main_con03 .after .img_box > img{width:100%;}
.main_con03 .after .img_box .arrow_img{position:absolute; left:250px; top:200px}
.main_con03 .after .text{width:calc(100% - 564px); float:left; padding:20px 0 0 70px; box-sizing:border-box; word-break:keep-all;}
.main_con03 .after .text > h4{font-size:32px; color:#444444; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px; word-break:keep-all;}
.main_con03 .after .text > h5{font-size:20px; color:#fdaf14; letter-spacing:-0.045em; font-weight:bold; margin:0; padding-left:10px; border-left:3px solid #fdaf14; line-height:20px;}
.main_con03 .after .text > p{font-size:20px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0;}
.main_con03 .after .text .one_box{background:linear-gradient(to right, #ffedcb , #ffc95e); max-width:500px; margin:40px 0 60px; border:20px solid #fff; position:relative; z-index:2; border-radius:150px;}
.main_con03 .after .text .one_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .text .one_box:before{content:""; width:calc(100% + 40px); height:calc(100% + 40px); border-radius:150px; position:absolute; left:-20px; top:-20px; border:1px dashed #e4e4e4; box-sizing:border-box; z-index:-1;}
.main_con03 .after .text .one_box .one{text-align:center; width:200px; height:200px; border:1px solid #fdbf44; border-radius:50%; background:#fff; float:left; display:table;}
.main_con03 .after .text .one_box .one p{display:table-cell; vertical-align:middle; font-size:20px; color:#fdaf14; letter-spacing:-0.045em; font-weight:500; line-height:30px;}
.main_con03 .after .text .one_box .one:last-child{float:right; background:#fdaf14;}
.main_con03 .after .text .one_box .one:last-child p{color:#fff;}
.main_con03 .after .text ul{margin-top:20px;}
.main_con03 .after .text ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .text ul li{width:calc(50% - 5px); height:70px; display:table; float:left; margin-right:5px; margin-bottom:5px; border:1px solid #e4e4e4; border-radius:10px; box-sizing:border-box; box-shadow:10px 0px 21px rgba(0,0,0,0.04)}
.main_con03 .after .text ul li dl{text-align:center; width:100%; height:100%; display:table-cell; vertical-align:middle; padding:0 30px; box-sizing:border-box;}
.main_con03 .after .text ul li dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con03 .after .text ul li dl dt{float:left; font-size:18px; color:#fdaf14; letter-spacing:0em; font-weight:600;}
.main_con03 .after .text ul li dl dd{font-size:22px; color:#666666; letter-spacing:-0.045em; font-weight:500;}

@media all and (max-width:1200px){
	.main_con03 .after .img_box{width:420px;}
	.main_con03 .after .text{width:calc(100% - 420px); padding:20px 0 0 40px}
	.main_con03 .after .text > h4 br{display:none}
	.main_con03 .after .text > p br{display:none}
}
@media all and (max-width:1000px){
	.main_con03 .after .img_box{width:100%;}
	.main_con03 .after .img_box .arrow_img{display:none}
	.main_con03 .after .text{width:100%; padding:20px 0 0 0;}
}


/* main_con04 */
.main_con04{padding:100px 0; background:#f9f9f9;}
.main_con04 dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con04 dl dt{width:300px; float:left;}
.main_con04 dl dt span{display:block; font-size:16px; color:#aaaaaa; letter-spacing:-0.045em; font-weight:500;}
.main_con04 dl dt p{font-size:28px; color:#fdaf14; letter-spacing:0em; font-weight:600;}
.main_con04 dl dd{width:calc(100% - 300px); float:left; font-size:0; }
.main_con04 dl dd > div{cursor:pointer; padding-top:15px; border-radius:15px; box-sizing:border-box; width:64px; height:64px; text-align:center; border:1px solid #e4e4e4; display:inline-block; vertical-align:middle; font-size:16px; color:#aaaaaa; letter-spacing:0em; font-weight:400;}
.main_con04 dl dd > div i{display:block; margin:0 auto 5px;}
.main_con04 dl dd ul{width:100%; display:inline-block; vertical-align:middle; padding:0; box-sizing:border-box;}
.main_con04 dl dd ul li{width:180px; margin:0 10px;}
.main_con04 dl dd ul li img{display:block; max-width:100%; margin:0 auto}

@media all and (max-width:1000px){
	.main_con04 dl dt{width:100%; float:none}
	.main_con04 dl dd{width:100%; float:none; margin:20px 0 0;}
	.main_con04 dl dd ul{padding:0 10px;}
}