@charset "utf-8";

/* *****************************************************************************
   タブレット用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 481px) {
	/* -----------------------------------------------------------------------------
	 Top Contents
	----------------------------------------------------------------------------- */
	#top-contents .layer1 { min-width: 360px; top: 22%; left: 32%; }
	#top-contents .layer1 h2 { font-size: 22px; }
	
	/* -----------------------------------------------------------------------------
	 財団カスタマイズ
	----------------------------------------------------------------------------- */
	/* 2分割・3分割・4分割 */
	.half,
	.trisection,
	.quarter{ flex-direction: row; flex-wrap: wrap; }
	.half .left,
	.half .right,
	.trisection .left,
	.trisection .center,
	.trisection .right,
	.quarter .left1,
	.quarter .left2,
	.quarter .right1,
	.quarter .right2{ width: calc(50% - 2vw); }
	
	/* flow 横 */
	.flow-area1 ul li{
		width: calc(50% - 20px);
		margin: 2.5em 20px 1em 0; }
	.flow-area1 ul li:before{
		left: 100%;
		right: auto;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 20px;
		height: 40px;
		clip-path: polygon(0 0, 100% 50%, 0 100%); }
	.flow-area1 ul li:last-child{ margin-right: 0; }
	
	/* お問合せ */
	.contact{ flex-direction: column; }
	.contact .left, .contact .right{ width: 100%; }
	
	/* 横問合せボタン */
	.cv_btn_area .btn a.tel_tab{ display: flex; }
	.cv_btn_area .btn a.tel_sp{ display: none; }
	
	

	/* -----------------------------------------------------------------------------
	 個別設定
	----------------------------------------------------------------------------- */
	/*---------- con1 -------------*/
	/*feature1-img*/
	.feature1-img{ flex-direction: row; }
	.feature1-img .left{ width: 65%; }
	.feature1-img .right{ width: 40%; margin-left: -5%; }
	.feature1-img .img1{ margin-left: 0; }
	.feature1-img .img2{
		margin-top: 4px;
		margin-left: auto;
		z-index: 3; }
	/*maybest&cafe8*/
	.mybest-img, .cafe8-img{ width: 200px; }
	.mybest-txt, .cafe8-txt{ width: calc(100% - 220px); }
	
	/*---------- con2 -------------*/
	.plan-h3, .plan2-h3 { font-size: 2rem; }
	.plan2-txt{ font-size: 1.4rem; }
	
	/*---------- con3 -------------*/
	.advisor-h3 { font-size: 1.7rem; }
	
	/*---------- con4 -------------*/
	.name-bdy{ font-size: 1.7rem; }
}

@media screen and (min-width: 601px) {
	/* レスポンシブ出し分け */
	.for-pc{ display: block!important; }
	.for-600{ display: none!important; }
}

@media screen and (min-width: 901px) {
	/*---------- con4 -------------*/
	.overview-box{ flex-direction: row; }
	.overview-item{ width: calc(100% / 3 - 10px); }
	
}