@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 横 */
	.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%;
	}
	
	/* 横問合せボタン（このページはお問合せ1ボタン構成のため、電話/メール出し分け指定は使わない） */

	/* -----------------------------------------------------------------------------
	 個別設定
	----------------------------------------------------------------------------- */
	/* MV */
	.mv-bg {
		min-height: 620px;
	}
	.mv-content {
		max-width: 550px;
		margin: 0 auto;
		padding: 40px 30px;
	}

	/* 担当者指定：tabは最小値(481px)はそのまま、768pxで約1.5倍まで可変 */
	.mv-tag-line {
		font-size: clamp(9.3px, calc(1.5px + 1.62vw), 13.9px);
	}
	.mv-sub-catch p {
		font-size: clamp(.9rem, calc(.1rem + 3.21vw), 1.3rem);
	}
	.mv-catch {
		font-size: clamp(35px, calc(-29.9px + 11.71vw), 50px);
	}
	.mv-lead1 p {
		font-size: clamp(1rem, calc(.162rem + 2.79vw), 1.1rem);
	}
	.mv-cta-btn {
		font-size: clamp(14.7px, calc(2.39px + 2.56vw), 22.1px);
	}
	.mv-price-badge {
		font-size: clamp(.95rem, calc(.4rem + 1.15vw), 1.2rem);
	}
	.mv-price-amount {
		font-size: clamp(1.1rem, calc(.5rem + 1.25vw), 1.4rem);
	}
	.mv-price-num {
		font-size: clamp(2.1rem, calc(.9rem + 2.5vw), 3rem);
	}
	.mv-price-tax {
		font-size: clamp(.85rem, calc(.5rem + .7vw), 1rem);
	}

	/* ADMIN SECURITY：tabは1個目を全幅、2・3個目を横2列 */
	.admin-security-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.admin-security-card:first-child {
		grid-column: 1 / -1;
	}

	/* PRICING：SPの縦並び・中央寄せを横並び・左寄せに戻す */
	.pricing-steps-title {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
	}

}