@charset "UTF-8";
@media (min-width:960px){
	.inner{
		max-width:1200px;
	  	margin:0 auto;
	  	position:relative;
	 	padding-left:0;
	  	padding-right:0;
	  	box-sizing:border-box;
	}
}
@media (min-width:769px) and (max-width:1200px){
	.inner{
		max-width:100%;
		margin:0 auto;
		position:relative;
		padding-left:30px;
		padding-right:30px;
		box-sizing:border-box;
	}
	img{max-width:100%;height: auto;}
	/*-- mv -----------------------------------
	------------------------------------------*/
	.mv {
    	background: #ecf1ef url(../img/pc_mv_bg.png) no-repeat 60% top;
    	min-height: auto;
	}
	.mv .inner{
		max-width: 100%;
	}
	.mv .catch_copy .inner{
		width: 100%;
		margin: 0;
		padding: 40px 0 50px 0;
	}
	.mv .catch_copy{
		width: 90%;
		padding: 0 30px;
		float: unset;
		margin: 0 auto;
		bottom: -5vh;
		justify-content: center;
	}
	.mv .img_mv{
		left: 0;
	}
	.mv .catch_copy .catch_copy_txt{
		font-size: 16px;
		padding: 15px;
	}
	.mv .catch_copy .catch_copy_txt02{
		font-size: 20px;
	}
	.mv .catch_copy .inner:before{
		bottom: 0;
	}
	.mv .catch_copy .inner:after{
		bottom: -30px;
	}
	section.button_cta{
		padding-top: 150px;
	}
	section.button_cta.cta_midle{
		padding-top: 0;
	}
	/*-- /mv ----------------------------------
	------------------------------------------*/

	/*-- sec01_new ----------------------------
	------------------------------------------*/
	.sec01_new{
		padding: 100px 0;
	}
	.sec01_new_box dl dd p{
		font-size: 18px;
	}
	/*-- /sec01_new ---------------------------
	------------------------------------------*/

	/*-- sec02_new ----------------------------
	------------------------------------------*/
	.sec02_new{
		padding: 110px 0 100px 0;
	}
	.sec02_new_box{
		background-size: cover;
	}
	.sec02_new_box dl dt h3{
		font-size: 28px;
	}
	.sec02_new_box dl dd p{
		font-size: 20px;
	}
	.sec02{
		padding-bottom: 50px;
	}
	.sec02 .btn_cta{
		padding-top: 50px;
	}
	/*-- /sec02_new ---------------------------
	------------------------------------------*/

	/*-- sec03_new ----------------------------
	------------------------------------------*/
	.sec03_new{
		padding: 100px 0;
	}
	.sec03_new h2{
		padding: 0 60px;
	}
	.sec03_new .sec03_new_box ul{
		gap: 15px;
	}
	/*-- /sec03_new ---------------------------
	------------------------------------------*/

	/*-- sec06 --------------------------------
	------------------------------------------*/
	.sec06{
		background-size: contain;
	}
	/*-- /sec06 -------------------------------
	------------------------------------------*/

	/*-- footer --------------------------------
	------------------------------------------*/
	.sec_footer .flex_foo li{
		line-height: 0;
	}
	.sec_footer .flex_foo li:not(:last-child){
		margin-bottom: 1%;
	}
	.sec_footer .flex_foo li.w50{
		width: 49.5%;
	}
	
	/*-- /footer -------------------------------
	------------------------------------------*/
}