@charset "utf-8";

/* *****************************************************************************
   タブレット用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 481px) {
	/* -----------------------------------------------------------------------------
	 財団カスタマイズ
	----------------------------------------------------------------------------- */
	/* 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 横 */
	
	
	/* お問合せ */
	.contact{
		flex-direction: column;
	}
	.contact .left,
	.contact .right{
		width: 100%;
	}
	

	/* -----------------------------------------------------------------------------
	 個別設定
	----------------------------------------------------------------------------- */
	header > .inner > .logo h1{
		gap: 8px;}
	header > .inner > .logo h1 .h1 {
		font-size: .85rem;}
	header > .inner > .logo h1 img {
		width: 180px;}
	#top-contents .slider {
		height: 90vw;
    	max-height: 700px;
	}
	#top-contents .slider .for-tab {
		height: 100%;
	}
	
	header > .inner > .logo h1 .h1 .small {
		padding: 0 4px;}
	

	#top-contents .slider img {
		min-height: 600px;}
	#top-contents .layer1 h2 {
		min-height: 600px;}
	#top-contents .layer1 h2 .h1-order1{
		margin-left: 2.5vw;}
	#top-contents .layer1 ul {
		gap: 0.5rem;}
	#top-contents .layer1 ul li {
		font-size: 1rem
	}
	#top-contents .layer3 { 
	right:2vw;bottom:170px;top: initial}
	.layer3 a{font-size: .95em;width: 190px;}
	
	.con1 .parts-h1 {
		font-size: 1.4rem;}
	
	.con1 li {
		font-size: 1.25rem;}
	.con2 .plan h3 .block{width: 10em;}
}

@media screen and (min-width: 641px){
.cv_btn_area .btn a {
	height: 50px;}
}