@charset "utf-8";

#header .header_wrapper h1 a figure.w_logo{
	display:none;
}

#header .header_wrapper h1 a figure.logo{
	display:block;
}

#header.on .header_wrapper h1 a figure.logo{
	display:block;
}

#header .header_wrapper .menu_wrapper nav .menu .depth01 a{
	color:var(--black);
}

#header .header_wrapper .menu_wrapper .call_hamburger .hamburger span{
	background-color:var(--black);
}

#header.on .header_wrapper .menu_wrapper .call_hamburger .hamburger span{
	background-color:var(--black);
}

/* subVisual */
.subVisual{
	height:600px;
	background-position:center;
	background-size:cover;
}

.subVisual .wrapper{
	display:flex;
	height:100%;
	align-items:center;
}

.subViewVisual .wrapper{
	justify-content:center;
}

.subVisual .subTitle{
	/* padding:180px 0 105px 0; */
}

.subVisual .subTitle .subVisualTit{
	font-size:6.25rem;
	font-weight:800;
}

.subVisual .subTitle .subTxt{
	font-size:1.5rem;
	line-height:1.5;
	margin-top:40px;
}

.subVisual .subVisual_img{
	width:100%;
	height:477px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.subVisual.subVisdual_news{
	background-image:url(/img/sub_news.png);
}

.subVisual.subVisdual_success{
	background-image:url(/img/sub_success.png);
}

.subVisual.subVisdual_hero{
	background-image:url(/img/sub_hero.png);
}

.titBox .tit{
	font-size:3.125rem;
	font-weight:500;
}

.titBox .tit strong{
	font-size:inherit;
	font-weight:700;
	color:var(--brown01);
}

.subViewVisual .subViewTitle .subViewTit{
	text-align:center;
}

.subViewVisual .subViewTitle .subViewTxt{
	text-align:center;
}

/* banner_btn */

.banner_btn{
	
}

.banner_btn .wrapper{
	display:flex;
	gap:20px;
}

.banner_btn .bannerLeft,
.banner_btn .bannerRight{
	width:calc((100% - 20px) / 2);
	padding:50px 60px;
	box-sizing:border-box;
	transition:0.3s;
	
	border-radius:20px;
}

.banner_btn .bannerLeft a,
.banner_btn .bannerRight a{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.banner_btn .bannerLeft{
	background-color:var(--green01);
	background-image:url(/img/call_bg.png);
	background-position:top 30px right 30px;
	background-repeat:no-repeat;
}

.banner_btn .bannerRight{
	background-color:var(--green02);
	background-image:url(/img/talk_bg.png);
	background-position:top 30px right 30px;
	background-repeat:no-repeat;
}

.banner_btn .bannerLeft:hover{
	background-color:#263732;
}

.banner_btn .bannerRight:hover{
	background-color:#20312c;
}

.banner_btn .banner h5{
	font-size:2.8125rem;
	font-weight:700;
}

.banner_btn .bannerLeft h5,
.banner_btn .bannerRight h5{
	color:var(--white);
	display:flex;
	align-items:center;
}

.banner_btn .banner .banner_info{
	font-size:1rem;
	font-weight:300;
	color:var(--gray01);
	margin-top:30px;
	line-height:1.5;
	word-break:keep-all;
}

.banner_btn .bannerLeft .btn{
	background-color:var(--green02);
}

.banner_btn_icn{
	background-color:rgba(255,255,255,.1);
	background-image:url(/img/btn_icn.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:38px;
	height:38px;
	border-radius:50%;
	margin-left:10px;
}

.termsCont .termsTit{
	font-size:1.875rem;
	font-weight:800;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:2px solid var(--green01);
	color:var(--green01);
}

.termsCont pre{
	white-space:pre-wrap;
	font-size:1rem;
	line-height:1.5;
	word-break:keep-all;
}

.termsCont pre strong{
	font-size:1.25rem;
	font-weight:600;
}



@media screen and (max-width:1280px){
	.subVisual .subTitle .subVisualTit{
		font-size:5.666rem;
	}

	.subVisual .subTitle .subTxt{
		font-size:1.333rem;
	}

	.subVisual .subTitle {
		/* padding: 170px 0 80px 0; */
	}

	.subVisual .subVisual_img{
		height:457px;
	}

	.titBox .tit{
		font-size:2.666rem;
	}

	.banner_btn .banner h5{
		font-size:2.666rem;
	}

	.subVisual{
		height:500px;
	}
}

@media screen and (max-width:1100px){
	.subVisual .subTitle .subVisualTit{
		font-size:5rem;
	}

	.subVisual .subTitle .subTxt{
		font-size:1.2rem;
		margin-top:30px;
	}

	.subVisual .subVisual_img{
		height:377px;
	}

	.banner_btn .bannerLeft, 
	.banner_btn .bannerRight{
		padding:40px 0 40px 50px;
		background-size:50%;
	}

	.banner_btn_icn{
		width:34px;
		height:34px;
	}
}

@media screen and (max-width:980px){
	.subVisual .subTitle .subVisualTit{
		font-size:4rem;
	}

	.subVisual .subTitle{
		/* padding:170px 0 60px 0; */
	}

	.subVisual{
		height:450px;
	}

	.subVisual .subVisual_img{
		height:337px;
	}

	.titBox .tit{
		font-size:2.333rem;
	}

	.banner_btn{
		flex-direction:column;
	}

	.banner_btn .bannerLeft, 
	.banner_btn .bannerRight{
		width:100%;
		background-size:35%;
		
		padding:40px 0;
	}

	.banner_btn .bannerLeft a, 
	.banner_btn .bannerRight a{
		width:90%;
		margin:0 auto;
	}

	.banner_btn .banner .btn{
		width:180px;
		justify-content:space-between;
	}
}

@media screen and (max-width:760px){
	 .subVisual .subTitle .subVisualTit {
        font-size: 4.23rem;
    }

	.subVisual .subTitle .subTxt {
        font-size: 1.23rem;
        margin-top: 30px;
    }

	.subVisual .subVisual_img{
		height:300px;
	}

	.subVisual .subTitle{
		padding:160px 0 50px 0;
	}

	.subVisual .subTitle .subTxt{
		margin-top:20px;
	}

	.banner_btn .banner .btn{
		width:145px;
	}

	.banner_btn .wrapper{
		flex-direction:column;
	}

	.banner_btn_icn{
		width:25px;
		height:25px;
	}
}

@media screen and (max-width:640px){
	.banner_btn .bannerLeft, 
	.banner_btn .bannerRight{
		
		background-size:50%;
		padding:30px 0;
	}

	.banner_btn .banner .banner_info{
		margin-top:20px;
	}

	.banner_btn .banner .btn{
		width:140px;
	}

	.subVisual{
		height:350px;
	}

}

@media screen and (max-width:460px){
	.subVisual .subTitle .subVisualTit{
		font-size:3.4615rem;
	}

	.subVisual .subTitle .subTxt{
		font-size:1rem;
	}

	.subVisual .subTitle {
        /* padding: 130px 0 50px 0; */
    }

	.subVisual .subVisual_img {
        height: 230px;
    }

	.titBox .tit{
		font-size:2.153rem;
	}

	.banner_btn .wrapper{
		gap:10px;
	}

	.banner_btn .banner h5 {
		font-size:2.307rem;
	}

	.banner_btn .bannerLeft,
	.banner_btn .bannerRight{
		height:169px;
	}

	.banner_btn .banner .btn{
		width:136px;
	}

	.termsCont .termsTit{
		font-size:1.538rem;
		word-break:keep-all;
	}
}

@media screen and (max-width:375px){
	.titBox .tit{
		font-size:1.846rem;
	}

	.banner_btn .bannerLeft, 
	.banner_btn .bannerRight{
		height:160px;
	}

	.banner_btn .banner .banner_info{
		margin-top:10px;
	}

	.banner_btn .banner .banner_info br{
		display:none;
	}
}