@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%;
	}
	
	/* 横問合せボタン */
	.cv_btn_area .btn a:nth-child(3){
		display: none;
	}
	.cv_btn_area .btn a:last-child{
		display: flex;
	}
	

	/* -----------------------------------------------------------------------------
	 個別設定
	----------------------------------------------------------------------------- */
	header > .inner > .logo h1 {
		font-size: 13px;
	}
	header > .inner > .logo img{
		height: 30px;
	}
	.parts-h1 {
        font-size: clamp(1.4rem, 5.8vw, 2rem);
    }
	.con2 .worries li {
		width: calc((100% - 20px) / 2);
	}
	.con2 .worries-2 .worries-2-image {
		height: 400px;
	}
	.con3 .parts-txt-img .l-txt,
	.con3 .parts-txt-img .r-txt{
		width: 100%;
		padding: 40px 20px;
		z-index: 2;
	}
	.con3 .parts-txt-img .l-txt .img,
	.con3 .parts-txt-img .r-txt .img{
		position: absolute;
		width: 150px;
		height: 150px;
		right: 20px;
		top: 0px;
		z-index: -1;
	}
	.con3 .parts-txt-img .img img{
		margin-top: 15px;
	}
	.con3 .parts-txt-img .ttl h3 {
		font-size: 1.5rem;
	}
	.con5 .ttl {
		font-size: 1.125rem;
	}
}