@charset "utf-8";

/* *****************************************************************************
   タブレット用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 481px) {
	/* -----------------------------------------------------------------------------
	 財団カスタマイズ
	----------------------------------------------------------------------------- */
	/* 2分割・3分割・4分割 */
	.trisection-flex .left,.trisection-flex .center,.trisection-flex .right{width:32.5%;margin-top: 0}

	
	/* flow 横 */
	
	/* お問合せ */
	
	

	/* -----------------------------------------------------------------------------
	 個別設定
	----------------------------------------------------------------------------- */

		/*top*/	
/*con1　3つの特長*/
	.con1 ul.flexbox{justify-content: center;flex-wrap: wrap;margin-bottom: -3.5em}
	.con1 ul.flexbox li{align-content: center; width: 48.67%;min-width:auto; 
	padding: 40px 10px 80px;
}
/*con2 特長詳細　*/
/*con3　詳細*/
/*con4　実績*/
/*con5　費用*/
	.parts-table{width: 100%;}
	.parts-table table{
		width: 580px;
	}
/*con6　流れ*/
/*con7　QA*/
/*con8　会社概要　*/
/*con9　資料請求*/
/*footer*/
	
	
	
}

@media screen and (min-width: 641px) {
	/* -----------------------------------------------------------------------------
	 contents
	----------------------------------------------------------------------------- */
	
	.w1024 {
		margin: 60px 20px;
		max-width: 1024px;
	}
	
	/* 2分割・3分割・4分割 flex*/
	.half-flex,.half2-flex,.half3-flex{
		flex-direction: row;
		justify-content: space-between;
		/*margin: 2;*/
	}
	
	.half3-flex{flex-direction:row-reverse;}
	.half-flex .left,.half-flex .right,
	.half2-flex .left,.half2-flex .right,
	.half3-flex .left,.half3-flex .right{width: 48.5%}
	
	
	.half-flex .left,.half2-flex .left,.half3-flex .right{
		margin-bottom: 0;
	}
	#top-contents .slider-sp{display: none}
	
	/* -----------------------------------------------------------------------------
	 個別設定640
	----------------------------------------------------------------------------- */
	.h2-box{padding: 60px 20px;	}
	.parts-h2 {font-size: 2.75rem;}
	
		/*top*/	
	header > .inner > .logo {font-size: 18px;}
		
	#top-contents .slider img{min-height: 500px;object-position: bottom 0 right -70px}
	/*#top-contents .layer1{
	top:calc(32% - .5vw - 2.1rem);max-height: none;	}*/
	#top-contents .layer1 h2{font-size:2.0rem;}
		
	#top-contents .layer1 {
		top:calc(43% - .5vw - 5rem);
		align-items: end;}	
	
	.l1-left{width: 430px;} 
	.l1-right{width: 250px;margin-left: -50px;margin-bottom: -90px;}
	.layer1 li{font-size: .95em;}
/*con1　3つの特長*/
	.con1 ul.flexbox li{font-size: 1.75rem;}
	
/*con2 特長詳細　*/
	.con2-h2 {
  		text-align: center;
		font-size: 2.75em;}
	.contents .point-sec{margin: 60px auto;width: calc(100% - 40px)}
	.con2 .half2-flex .left{font-size: 18px}
	
	.cta1 .align-center{font-size: 1.5rem;}
/*con3　詳細*/
/*con4　実績*/
	
	
/*con5　費用*/
	.parts-table{width: 600px;}
	.parts-table table{
		width: 600px;
	}
/*con6　流れ*/
/*con7　QA*/
/*con8　会社概要　*/
/*con9　資料請求*/
/*footer*/
}