@charset "UTF-8";

@media (min-width:960px) and (max-width:990px){}
@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:1080px){}
@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(../images/pc_mv_bg.png) no-repeat 60% top;
    	min-height: auto;
	}
	.mv .inner{
		max-width: 100%;
	}
	.mv .catch_copy .inner{
		width: 100%;
	}
	.mv .catch_copy{
		width: 90%;
		padding: 0 30px;
		float: unset;
		margin: 0 auto;
		bottom: -5vh;
		justify-content: center;
	}
	/*-- /mv ----------------------------------
	------------------------------------------*/

	/*-- sec01 --------------------------------
	------------------------------------------*/
	.sec01{
		padding: 100px 0 100px 0;
	}
	/*-- /sec01 -------------------------------
	------------------------------------------*/

	/*-- sec02 --------------------------------
	------------------------------------------*/
	.sec02 .sec02_img{
		padding: 0 30px;
	}
	/*-- /sec02 -------------------------------
	------------------------------------------*/

	/*-- sec03 --------------------------------
	------------------------------------------*/
	.sec03 .d-flex{
		justify-content: center;
	}
	.sec03 .d-flex .item-flex:not(:last-child){
		margin-bottom: 30px;
	}
	.sec03_wrap{
		padding: 70px 30px 30px 30px;
	}
	/*-- /sec03 -------------------------------
	------------------------------------------*/

	/*-- sec04 --------------------------------
	------------------------------------------*/
	/*-- /sec04 -------------------------------
	------------------------------------------*/

	/*-- sec05 --------------------------------
	------------------------------------------*/
	.sec05 .wrap_sec05_left, .sec05 .wrap_sec05_right{
		width: 100%;
		flex-wrap: wrap;
	}
	.sec05 .wrap_sec05_left .txt, .sec05 .wrap_sec05_right .txt{
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}
	.sec05 .wrap_sec05_left .thumb,
	.sec05 .wrap_sec05_right .thumb{
		margin: 40px auto 0;
    	height: 37.91666666666667vw;
    	width: 80.83333333333333vw;
    	background-size: contain;
    	background-position: center;
	}
	.sec05 .wrap_sec05_left .txt{
		order: 1;
	}
	.sec05 .wrap_sec05_left .thumb{
		order: 2;
		background: url(../images/tablet_sec05_img01.png) no-repeat;
		background-size: contain;
    	background-position: center;
    	margin: 40px auto 0;
	}
	/*-- /sec05 -------------------------------
	------------------------------------------*/

	/*-- 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 -------------------------------
	------------------------------------------*/
}