@charset "utf-8";

/* *****************************************************************************
   タブレット用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 481px) {
	/* -----------------------------------------------------------------------------
	 Header
	----------------------------------------------------------------------------- */
	header > .inner > .logo h1{
		font-size: 15px;
	}
	header > .inner > .logo h1:after{
		width: 280px;
		height: 36px;
		vertical-align: -12px;
	}
	
	/* -----------------------------------------------------------------------------
	 Top Contents
	----------------------------------------------------------------------------- */
	#top-contents .layer1 h2 .l2 {
		    font-size: calc(24px + 3vw);
	}
	#top-contents .layer1 h2 .l2::after {
		right: 1.25em;
        bottom: 0;
	}
	#top-contents .layer1 h2 .l3 {
		    font-size: calc(6px + 3vw);
	}
	#top-contents .layer1 .btn_area{
		margin-top: 20px;
	}
	#top-contents .layer1 .btn_area .sub-ttl {font-size: 1.2rem;width: 280px;top: -53px;}
	
	
	/* -----------------------------------------------------------------------------
	 財団カスタマイズ
	----------------------------------------------------------------------------- */
	/* parts-h1 */
	.parts-h1 {
		font-size: 33px;
	}
	.parts-h1.h1_about1{
		font-size: 26px;
	}
	
	/* 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);
		box-sizing: border-box;
		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%;
	}
	

	/* -----------------------------------------------------------------------------
	 個別設定
	----------------------------------------------------------------------------- */
	.tab-none {
		display: none;
	}
	/* issue */
	.top_issue1{
		gap: 20px;
		margin-top: 60px;
		padding-bottom: 210px;
	}
	.top_issue1 .inner_box{
		gap: 20px;
	}
	.top_issue1::after {
		content: "";
		position: absolute;
		width: 160px;
		height: 160px;
		bottom: 20px;
		left: calc(50% - 80px);
		right: auto;
	}
	.top_issue1 .box{
		width: 200px;
		height: 150px;
	}
	.top_issue1 .box .img{
		width: 80px;
	}
	.top_mes1 .txt h2{
		font-size: 38px;
	}
	.issue1 .img{
		width: 150px;
	}
	.issue1 .box1{
		width: calc(100% - 130px);
	}
	.issue1 .box2{
		padding: 15px 20px 15px 15px;
	}
	.issue1 .box2 .l_img{
		width: 100px;
	}
	.issue1 .box2 .r_txt{
		width: calc(100% - 115px);
	}
	.issue1 .memo1{
		margin-left: 0;
	}
	
	.issue2 h3{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.con2 .lead {
		text-align: center;
	}

	/* 選ばれる理由 */
	.feature_box{
		padding: 30px;
	}
	.kgi1{
		flex-direction: column-reverse;
	}
	.kgi1 .left,
	.kgi1 .right{
		width: 100%;
	}
	.kgi1 .left{
		text-align: center;
	}
	.kgi1 .left img{
		max-width: 350px;
	}
	
	/* contact_area */
	.contact_area .telno{
		font-size: 50px;
	}
	.contact_area .mes1{font-size: 1.4rem;}
}

@media screen and (min-width: 680px) {
	/* 料金 */
	.plan_area{
		grid-template-columns: 1fr 1fr;
	}
	.cta .btn2 a {
		font-size: 28px;
	}
}