@charset "utf-8";
main{
	header .fixed{
		position : fixed;
		top : 0;
		z-index : 10;
		width : 100%;
		background-color : #fff;
	}
	header .under-layer{
		margin-top : 84px;
	}
	img{
		width : 100%;
		height : auto;
	}
	a:hover{
		opacity : .8;
		transition : .3s;
	}
	.container{
		width : 100%;

		/* max-width: 1140px; */
		max-width : 1000px;
		margin : 0 auto;
	}
	.pc{
		display : block;
	}
	.sp{
		display : none;
	}
	.center{
		text-align : center;
	}
	.left{
		text-align : left;
	}
	.right{
		text-align : right;
	}
	.absolute{
		position : absolute;
	}
	.relative{
		position : relative;
	}
	.bg-white{
		background-color : #fff;
	}
	.bg-cream-white{
		background-color : #fffdee;
	}
	.bg-fv-white{
		height : 60vh;
		background-image : url( "../../img/bg/bg-fv-white.webp" );
		background-repeat : no-repeat;
		background-position : center;
		background-size : cover;
	}
	.bg-fv-blue-gradi{
		height : 20vh;
		background : linear-gradient( to bottom , #62a6a9 , rgb( 98 166 169 / .7 ) );
	}
	.text-white{
		color : #fff;
	}
	.text-dark-grayge{
		color : #beb7b1;
	}
	.font-weight-bold{
		font-weight : 700;
	}
	.br-10{
		border-radius : 10px;
	}
	.pt-0{
		padding-top : 0 ! important;
	}
	.pt-10{
		padding-top : 10px;
	}
	.pt-20{
		padding-top : 20px ! important;
	}
	.pt-30{
		padding-top : 30px;
	}
	.pt-40{
		padding-top : 40px;
	}
	.pt-50{
		padding-top : 50px;
	}
	.pt-60{
		padding-top : 60px;
	}
	.pt-70{
		padding-top : 70px;
	}
	.pt-80{
		padding-top : 80px;
	}
	.pt-90{
		padding-top : 90px;
	}
	.pt-100{
		padding-top : 100px;
	}
	.pt-120{
		padding-top : 120px;
	}
	.pb-10{
		padding-bottom : 10px;
	}
	.pb-20{
		padding-bottom : 20px;
	}
	.pb-30{
		padding-bottom : 30px;
	}
	.pb-40{
		padding-bottom : 40px;
	}
	.pb-50{
		padding-bottom : 50px;
	}
	.pb-60{
		padding-bottom : 60px;
	}
	.pb-70{
		padding-bottom : 70px;
	}
	.pb-80{
		padding-bottom : 80px;
	}
	.pb-90{
		padding-bottom : 90px;
	}
	.pb-100{
		padding-bottom : 100px;
	}
	.pb-120{
		padding-bottom : 120px;
	}
	.mt-10{
		margin-top : 10px;
	}
	.mt-20{
		margin-top : 20px;
	}
	.mt-30{
		margin-top : 30px;
	}
	.mt-40{
		margin-top : 40px;
	}
	.mt-50{
		margin-top : 50px;
	}
	.mt-60{
		margin-top : 60px;
	}
	.mt-80{
		margin-top : 80px;
	}
	.mb-10{
		margin-bottom : 10px ! important;
	}
	.mb-20{
		margin-bottom : 20px ! important;
	}
	.mb-30{
		margin-bottom : 30px ! important;
	}
	.mb-40{
		margin-bottom : 40px ! important;
	}
	.mb-60{
		margin-bottom : 60px ! important;
	}
	.mb-80{
		margin-bottom : 80px ! important;
	}
	.mb-100{
		margin-bottom : 100px ! important;
	}
	.ml-20{
		margin-left : 20px;
	}
	.ml-30{
		margin-left : 30px;
	}
	.ml-40{
		margin-left : 40px;
	}
	.m-0-center{
		margin : 0 auto ! important;
	}
	.flex{
		display : flex;
	}
	.justify-center{
		justify-content : center;
	}
	.justify-between{
		justify-content : space-between;
	}
	.justify-around{
		justify-content : space-around;
	}
	.flex-wrap{
		flex-wrap : wrap;
	}
	.align-center{
		align-items : center;
	}
	.align-baseline{
		align-items : baseline;
	}
	.align-end{
		align-items : flex-end;
	}
	.col-1-2{
		width : 44%;
		margin : 0 10px;
	}
	.col-1-3{
		width : 31%;
		margin : 0 10px;
	}
	.col-2-3{
		width : 62%;
		margin : 0 10px;
	}
	.col-1-4{
		width : 23%;
		margin : 0 10px;
	}
	.col-3-4{
		width : 66%;
		margin : 0 10px;
	}
	.col-1-5{
		width : 19%;
		margin : 0 10px;
	}
	.col-4-5{
		width : 76%;
		margin : 0 10px;
	}
	.col-1-6{
		width : 14%;
		margin : 0 15px 30px;
	}

	/* header */
	header .container{
		max-width : 1440px;
		padding : 10px 0;

		/* width:75%; */
	}
	.cta{
		margin-left : 24px;
	}
	.cta p{
		margin-bottom : 2px;
		font-size : 12px;
		letter-spacing : .8px;
	}
	.cta a{
		display : inline-block;
		width : 250px;
		padding : 8px 20px;
		font-size : 16px;
		color : #fff ;
		border-radius : 10px;
		box-shadow : 0 4px 4px rgb( 0 0 0 / .25 );
	}
	.cta.tel a{
		background-color : #877b69;
	}
	.cta.tel a .tel-num{
		margin : 0 6px;
	}
	.cta .recept-time{
		font-size : 14px;
	}
	.cta.line-btn a{
		padding : 14px 20px;
		letter-spacing : 1.2px;
		background-color : #06c755;
	}
	.link-icon{
		width : auto;
		height : 20px;
		vertical-align : text-bottom;
	}
	.logo{
		width : 220px;
	}
	.main-nav .nav-item{
		position : relative;
		padding : 10px 0;
	}
	.main-nav .nav-item a{
		display : inline-block;
		font-size : 16px;
		font-weight : 300;
		line-height : 24px;
		letter-spacing : 1.2px;
	}
	.main-nav .nav-item a span{
		display : inline-block;
		padding : 0 40px;
		text-align : center;
		border-right : 1px solid rgb( 0 0 0 / .4 );
	}
	.main-nav .nav-item.last-item a span{
		border-right : none;
	}

	/* slider */
	/* 選択されていないサムネイルは薄くする */
	.splide__slide{
		opacity : 1;
	}

	/* 選択されているサムネイルだけ透過しない */
	.splide__slide.is-active{
		opacity : 1;
	}

	/* 画像サイズ調整 */
	.splide__slide img{
		width : 100%;
		height : auto;
	}
	.reason-splide .splide__track{
		padding-top : 56px;
		overflow : hidden ! important;
	}
	.reason-splide .splide__slide{
		opacity : 1;
	}
	.reason-splide .splide__arrow{
		background : #62a6a9;
		opacity : 1;
	}
	.reason-splide .splide__arrow svg{
		fill : #fff;
	}
	.reason-splide .splide__pagination__page{
		background : #d9d9d9;
	}
	.reason-splide .splide__pagination__page.is-active{
		background : #62a6a9;
	}

	/* スライダーの幅 */
	.access-slider.slider-sec{
		width : 100%;
		max-width : 630px;
		margin-inline : auto;
	}
	.access-slider .splide__track{
		margin-top : 16px;
	}
	.access-slider .splide__arrow{
		top : -150%;
		background : #62a6a9;
		opacity : 1;
		transform : translateY( -150% );
	}
	.access-slider .splide__arrow--prev{
		left : -3em;
	}
	.access-slider .splide__arrow--next{
		right : -3em;
	}
	.access-slider .splide__arrow svg{
		fill : #fff;
	}
	.access-slider .splide__track--nav > .splide__list > .splide__slide.is-active{
		border : none;
	}

	/* accordion */
	.accordion{
		width : 100%;
		margin : 0 auto 20px;
		overflow : hidden;
		border-radius : 10px;
		box-shadow : 0 4px 6px rgb( 0 0 0 / .1 );
	}
	.accordion-trigger{
		display : flex;
		align-items : center;
		justify-content : space-between;
		width : 100%;
		padding : 20px;
		font-size : 18px;
		font-weight : 700;
		line-height : 28px;
		color : #fff;
		cursor : pointer;
		background : linear-gradient( to right , #62a6a9 , rgb( 98 166 169 / .7 ) );
		border : none;
		transition : background-color .3s;
	}
	.accordion-trigger .flex{
		width : 100%;
	}
	.accordion-content{
		max-height : 0;
		overflow : hidden;
		transition : max-height .3s ease-in-out;
	}
	.accordion-content.open{
		max-height : 100%;
	}
	.accordion-body{
		padding : 30px;
		font-size : 16px;
		font-weight : 400;
		line-height : 24px;
		color : #434343;
		background-color : #fff;
		transition : height .3s ease-out;
	}
	.q-icon{
		width : 3%;
		font-family : "Noto Sans JP" , sans-serif;
		font-size : 20px;
		font-weight : 400;
	}
	.a-icon{
		margin-right : 30px;
		font-family : "Noto Sans JP" , sans-serif;
		font-size : 20px;
		font-weight : 500;
		color : #434343;
	}
	.icon-wrap{
		position : relative;
		width : 20px;
		height : 20px;
	}
	.line{
		position : absolute;
		top : 50%;
		left : 0;
		width : 100%;
		height : 2px;
		background-color : #fff;
		transition : transform .3s ease;
	}
	.line:first-child{
		transform : translateY( -50% );
	}
	.line:last-child{
		transform : translateY( -50% ) rotate( 90deg );
	}
	.accordion-trigger.open .line:last-child{
		transform : translateY( -50% ) rotate( 0 );
	}

	/* tab */
	.tab{
		max-width : 900px;
		padding : 20px;
		margin : 0 auto;
	}
	.tab-buttons{
		display : flex;
	}
	.tab-buttons .contact{
		width : 49%;
		padding : 16px 0;
		margin-right : 10px;
		font-size : 24px;
		font-weight : 700;
		line-height : 36px;
		color : #fff;
		text-align : center;
		background-color : #e66b00;
		border-radius : 10px 10px 0 0;
	}
	.tab-buttons .recruit{
		width : 49%;
		padding : 16px 0;
		margin-left : 10px;
		font-size : 24px;
		font-weight : 700;
		line-height : 36px;
		color : #fff;
		text-align : center;
		background-color : #18d093;
		border-radius : 10px 10px 0 0;
	}
	.tab-contents .content{
		display : none;
		padding : 40px;
		animation : fadeIn .3s ease-in-out;
	}
	.tab-contents .content .bg-white{
		padding : 60px 40px;
	}
	.tab-contents .content label{
		font-size : 18px;
		font-weight : 700;
		color : #101010;
	}
	.tab-contents .content label .must{
		padding : 4px 6px;
		margin-left : 4px;
		font-size : 12px;
		color : #fff;
		background-color : #e66b00;
	}
	.tab-contents .content.contact{
		background-color : #e66b00;
	}
	.tab-contents .content.recruit{
		background-color : #18d093;
	}
	.tab-contents .content.active{
		display : block;
	}

	/* =============================
.btn-trigger
============================= */
	.humberger-btn{
		top : 10px;
		right : 10px;
		z-index : 2;
	}
	.btn-trigger{
		position : relative;
		width : 45px;
		height : 45px;
		margin-top : 20px;
		cursor : pointer;
		border-radius : 100px;
	}
	.btn-trigger span{
		position : absolute;
		left : 6px;
		width : 70%;
		height : 3px;
		background-color : #000;
		border-radius : 3px;
	}
	.btn-trigger.active span{
		background-color : #000;
	}
	.btn-trigger , .btn-trigger span{
		box-sizing : border-box;
		display : inline-block;
		transition : all .3s;
	}
	.btn-trigger span:nth-of-type( 1 ){
		top : 6px;
	}
	.btn-trigger span:nth-of-type( 2 ){
		top : 16px;
	}
	.btn-trigger span:nth-of-type( 3 ){
		bottom : 16px;
	}


	/* =============================
#btn01
============================= */
	#btn01.active span:nth-of-type( 1 ){
		-webkit-transform : translateY( 20px ) rotate( -45deg );
		transform : translateY( 8px ) rotate( -45deg );
	}
	#btn01.active span:nth-of-type( 2 ){
		opacity : 0;
	}
	#btn01.active span:nth-of-type( 3 ){
		-webkit-transform : translateY( -20px ) rotate( 45deg );
		transform : translateY( -12px ) rotate( 45deg );
	}

	/* sp nav */
	.sp-nav-area{
		height : 0;
		pointer-events : none;
		visibility : hidden;
		opacity : 0;
		transition : opacity .3s ease , visibility .3s ease;
	}
	.sp-nav-area.active{
		position : fixed;
		top : 0;
		right : 0;
		z-index : 1;
		width : 20%;
		height : 100%;
		overflow-y : auto;
		pointer-events : auto;
		visibility : visible;
		background : linear-gradient( to right , #62a6a9 , #90c0c2 );
		opacity : 1;
	}
	.active .sp-nav{
		width : 85%;
		margin : 100px auto 0;
	}
	.sp-nav li{
		padding : 24px 0;
		font-size : 16px;
		font-weight : 300;
		line-height : 20px;
		color : #fff;
		letter-spacing : .8px;
		border-bottom : 2px solid #fff;
	}
	.sp-nav li .en-nav{
		font-size : 12px;
	}
	.sp-nav li ul{
		padding-left : 20px;
	}
	.sp-nav li ul li{
		padding : 6px 0;
		font-size : 14px;
		border-bottom : none;
	}
	.dli-chevron-up{
		box-sizing : border-box;
		display : inline-block;
		width : 8px;
		height : 8px;
		margin-right : 4px;
		line-height : 1;
		color : #fff ! important;
		vertical-align : middle;
		border : .1em solid currentColor;
		border-bottom : 0;
		border-left : 0;
		transform : translateY( 25% ) rotate( 135deg );
	}
	.dropdown-menu.open .dli-chevron-up{
		transition : .3s;
		transform : translateY( 25% ) rotate( -45deg );
	}
	.dropdown-menu-list{
		display : none;
	}
	.dropdown-menu.open .dropdown-menu-list{
		display : block;
	}
	.sp-nav-area .btn{
		width : 80%;
		padding : 20px 0;
	}
	.sp-nav-area .cta.tel , .sp-nav-area .cta.line-btn{
		display : block;
		margin-top : 20px;
		margin-left : 0;
		text-align : center;
	}

	/* hover menu */
	.main-nav .container{
		padding : 0;
	}
	.main-nav .nav-item .hover-menu{
		position : absolute;
		top : 70px;
		z-index : 1;
		width : 164px;
		padding : 20px 40px;
		pointer-events : none; /* 非表示時にクリックできないように */
		background-color : #f2f0e6;
		box-shadow : 0 4px 4px rgb( 0 0 0 / .25 );
		opacity : 0;
		transition : opacity .3s ease , transform .3s ease;
	}
	.main-nav .nav-item#genre-nav .hover-menu{
		width : 214px;
	}
	.main-nav .nav-item .hover-menu a{
		display : block;
		font-size : 14px;
	}
	.main-nav .nav-item .hover-menu.show{
		pointer-events : auto;
		opacity : 1;
	}

	/* main */
	.ttl{
		position : relative;
		width : fit-content;
		padding-bottom : 10px;
		margin : 0 auto;
		margin-bottom : 40px;
		font-size : 30px;
		font-weight : 400;
		letter-spacing : 1.4px;
		border-bottom : solid 3px #e6e3cf;
	}
	.ttl::before{
		position : absolute;
		top : -32px;
		left : -78px;
		font-family : "Pinyon Script" , cursive;
		font-size : 40px;
		font-weight : 400;
		color : #62a6a9;
		letter-spacing : 4px;
		content : attr( data-en );
		transform : rotate( -10deg );
	}
	.ttl::after{
		position : absolute;
		bottom : -2px;
		display : block;
		width : 50%;
		content : " ";
		border-bottom : solid 3px #62a6a9;
	}
	.ttl span{
		font-size : 55px;
		font-weight : 600;
	}
	.h2-fukidashi{
		font-size : 20px;
		font-weight : 400;
		line-height : 42px;
		letter-spacing : .8px;
	}
	.bg-grayge{
		background-color : #f2f0e6;
	}
	.bnr{
		max-width : 700px;
		height : auto;
	}
	.btn{
		display : inline-block;
		padding : 16px 60px;
		margin : 2px;
		font-size : 16px;
		font-weight : 400;
		color : #fff;
		letter-spacing : 1.2px;
		background-color : #877b69;
		border-radius : 10px;
		box-shadow : 0 4px 4px #00000040;
	}
	.btn:hover{
		opacity : .8;
		transition : .3s;
	}
	.btn img{
		display : inline-block;
		width : 30px;
		margin-right : 6px;
		vertical-align : middle;
	}
	.arrow-right{
		position : relative;
	}
	.arrow-right::after{ /* くの字の表示設定 */
		position : absolute;
		top : 0;
		bottom : 0;
		right : 30px;
		width : 10px;    /* くの字を山なりに見た時、左側の長さ */
		height : 10px;   /* くの字を山なりに見た時、右側の長さ */
		margin : auto;
		content : "";
		border-top : 2px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right : 2px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
		transform : rotate( 45deg );    /* くの字の向き */
	}
	.reason-box{
		position : relative;
		padding : 16px 10px;
		margin-bottom : 60px;
		background-color : #fff;
		border : 1px solid #877b69cc;
	}
	.reason-box .num , .reason-box .even-num{
		position : absolute;
		top : -40px;
		align-content : center;
		width : 60px;
		height : 60px;
		font-size : 30px;
		color : #877b69;
		text-align : center;
		background-color : #fff;
		border : 3px solid #877b69;
		border-radius : 50px;
	}
	.reason-box .num{
		left : 12px;
	}
	.reason-box .even-num{
		right : 12px;
	}
	.wide-reason .reason-box{
		min-height : 565px;
	}
	.wide-reason .reason-box .num{
		position : absolute;
		top : -50px;
		left : 5px;
		width : 60px;
		height : 60px;
		font-size : 23px;
	}
	.reason-box h3{
		margin-bottom : 16px;
		font-size : 20px;
		font-weight : 500;
	}
	.reason-box p{
		font-weight : 300;
		line-height : 24px;
	}

	/* footer */
	footer{
		font-weight : 300;
		line-height : 24px;
		color : #fff;
		letter-spacing : 1.2px;
		background-color : #877b69;
	}
	.footer-logo{
		width : 200px;
	}
	footer h3{
		font-size : 15px;
		font-weight : 700;
	}
	footer p a{
		font-size : 14px;
		font-weight : 300;
		line-height : 24px;
		letter-spacing : 1.2px;
	}
	footer ul{
		padding-left : 10px;
	}
	footer ul li{
		font-size : 14px;
		font-weight : 300;
		line-height : 24px;
		letter-spacing : 1.2px;
		list-style-type : "・";
	}
	footer a:hover , footer ul li a:hover{
		opacity : .7;
		transition : .3s;
	}
	footer .col-1-4{
		width : 21%;
		margin-bottom : 40px;
	}
	footer .copyright{
		font-size : 12px;
		font-weight : 300;
		letter-spacing : 1.2px;
	}

	/* TOP */
	#top .under-page-header .fv-sec .ttl-position{
		position : absolute;
		bottom : 15%;
		left : 40px;
	}
	#top .under-page-header .fv-sec h1{
		margin-bottom : 20px;
		margin-left : 20px;
		font-size : 200px;
		text-align : left;
		text-shadow : unset;
	}
	#top .under-page-header .fv-sec h1 span{
		font-size : 100px;
	}
	#top .under-page-header .fv-sec .sub-catch{
		font-family : "Noto Serif JP" , serif;
		font-size : 78px;
		font-weight : 400;
	}
	#top .under-page-header .fv-sec .sub-catch span{
		font-size : 105px;
		font-weight : 400;
	}
	#top .under-page-header .fv-sec .vertical-txt{
		position : absolute;
		top : 40px;
		right : 60px;
		font-family : "Noto Serif JP" , serif;
		font-size : 26px;
		font-weight : 400;
		line-height : 54px;
		text-shadow : 0 4px 4px #62a6a9;
		letter-spacing : 10px;
		writing-mode : vertical-rl;
	}
	#top .under-page-header .fv-sec .vertical-txt span{
		margin-top : 3em;
	}
	#top .under-page-header .sokkin{
		top : -80px;
		left : 25%;
	}
	#top .need-inner{
		max-width : 720px;
	}
	#top .guide-txt{
		font-size : 16px;
	}
	#top .lead-copy{
		font-family : "Noto Serif JP" , serif;
		font-size : 22px;
		font-weight : 200;
		text-align : center;
	}

	/* 下層ページ */
	.under-page-header{
		align-content : center;
	}
	.under-page-header .fv-sec{
		position : relative;
		width : 75%;
		margin : 0 auto;
	}
	.under-page-header .fv-sec.brand{
		position : relative;
		width : 100%;
		margin : 0 auto;
		background : linear-gradient( to left , #62a6a9 50% , rgb( 98 166 169 / 0 ) 50% );
	}
	.under-page-header .fv-sec.brand img{
		display : block;
		max-width : 1440px;
		margin : auto;
	}
	.fv{
		display : flex;
		flex-direction : column; /* 上下に配置 */
		height : 100vh; /* 画面いっぱい */
		overflow : hidden; /* 余白・はみ出し防止 */
	}

	/* 上部KV（高さの比率を調整したい場合） */
	.fv .under-page-header{
		display : flex;
		flex : 1; /* 高さの比率。例: 上半分 */
		align-items : center;
		justify-content : center;
	}

	/* 下部1セクション */
	.fv .bg-cream-white{
		display : flex;
		flex : 1; /* 高さの比率。例: 下半分 */
		flex-direction : column;
		justify-content : center;
	}
	@media screen and ( max-width : 768px ){
		.fv{
			height : auto ! important;
		}
	}
	.under-page-header .catchcopy{
		font-family : "Noto Serif JP" , serif;
		font-size : 32px;
		font-weight : 200;
		letter-spacing : 1.2px;
	}
	.under-page-header .catchcopy img{
		width : 65px;
		height : auto;
		margin-right : 16px;
		vertical-align : middle;
	}
	.under-page-header h1{
		font-size : 18px;
		font-weight : 400;
		letter-spacing : 1.2px;
	}
	.under-page-header .fv-sec .ttl-position{
		position : absolute;
		bottom : 15%;
		right : 40px;
	}
	.under-page-header .fv-sec h1{
		margin-bottom : 60px;
		font-family : "Noto Serif JP" , serif;
		font-size : 150px;
		font-weight : 400;
		text-align : right;
		text-shadow : 0 4px 4px #62a6a9;
		letter-spacing : 1.2px;
	}
	.under-page-header .fv-sec .ttl-position .point-box{
		padding : 30px 10px;
		margin-left : 20px;
		font-family : "Noto Serif JP" , serif;
		font-size : 32px;
		font-weight : 400;
		color : #fff;
		letter-spacing : .6px;
		background-color : #877b69;
	}
	.under-page-header .fv-sec .ttl-position .point-box.line-break{
		padding : 20px 10px;
	}
	.under-page-header .fv-sec .ttl-position .point-box p span{
		display : block;
		margin-bottom : 10px;
		font-size : 10px;
	}
	.under-page-header .fv-sec .fv-txt{
		font-family : "Noto Serif JP" , serif;
		font-size : 28px;
		font-weight : 400;
		color : #292929;
		text-align : right;
		text-shadow : 0 5px 5px #62a6a9;
		letter-spacing : .8px;
	}
	.under-page-header .sokkin{
		position : absolute;
		top : -120px;
		right : 95%;
		width : 200px;
	}
	.under-page-header .new-open{
		width : 250px;
		margin-right : 40px;
		text-align : right;
	}
	.guide-txt{
		margin-bottom : 40px;
		font-size : 20px;
		line-height : 32px;
	}
	.guide-txt img{
		width : 26px;
	}
	.need-inner{
		max-width : 720px;
		margin : 0 auto;
	}
	.need-inner p{
		line-height : 24px;
	}
	.reason-inner{
		max-width : 1440px;
		margin : 0 auto;
	}
	.breadcrumb{
		width : 100%;
		max-width : 1400px;
		margin : 10px auto 0;
	}
	.breadcrumb p{
		letter-spacing : .8px;
	}
	.breadcrumb-arrow{
		display : inline-block;
		width : 6px;
		height : 6px;
		margin : 0 12px 3px 12px;
		border-top : 1px solid #000;
		border-right : 1px solid #000;
		transform : rotate( 45deg );
	}

	/* About us */
	h3.ttl-h3{
		margin-bottom : 40px;
		font-size : 26px;
		font-weight : 300;
		line-height : 40px;
	}
	h3.ttl-h3 span{
		font-size : 22px;
	}
	.about-txt{
		line-height : 30px;
	}

	/* onsite */
	.wide-reason .container{
		/* max-width:1440px; */
		max-width : 100%;
	}
	.wide-reason .reason-box h3{
		margin-bottom : 20px;
		font-size : 18px;
		line-height : 24px;
	}
	.cta-area{
		margin-top : 60px;
	}
	.cta-area .font-size-12{
		font-size : 12px;
	}
	.cta-area .font-size-18{
		font-size : 18px;
		font-weight : 500;
	}
	.cta-green , .cta-line-green , .cta-brown{
		max-width : 320px;
		padding : 10px;
		color : #fff;
		letter-spacing : .8px;
		border-radius : 10px;
		box-shadow : 0 4px 4px #00000040;
	}
	.cta-green img , .cta-line-green img , .cta-brown img{
		width : 40px;
		margin-right : 10px;
	}
	.cta-line-green .color-yellow{
		font-weight : 600;
		color : #ffd800;
	}
	.cta-brown{
		line-height : 18px;
		background-color : #877b69;
	}
	.cta-line-green{
		line-height : 28px;
		background-color : #06c755;
	}
	.cta-green{
		line-height : 28px;
		background-color : #62a6a9 ;
	}
	.genre-area .col-1-2{
		width : 46%;
	}
	.genre-box{
		padding : 24px 20px;
		margin-bottom : 20px;
		background : linear-gradient( to right , #e6e3cf , #e6e3cf80 );
		box-shadow : 0 4px 4px #00000040;
	}
	.genre-box img{
		width : 114px;
		margin-right : 20px;
	}
	.genre-box p{
		font-size : 18px;
		font-weight : 300;
		color : #454545;
	}
	.area-section p{
		font-size : 16px;
		line-height : 24px;
	}
	.voice-section .col-1-4{
		width : 23%;
	}
	.voice-box{
		position : relative;
		padding : 10px 10px 30px;
		background-color : #fff;
	}
	.voice-box h3{
		margin : 30px 0 20px;
		font-size : 18px;
		font-weight : 700;
		text-align : center;
	}
	.voice-box p{
		line-height : 20px;
	}
	.voice-box .pin{
		position : absolute;
		top : -10px;
		left : 47%;
		width : 25px;
	}
	.voice-box .person-up{
		position : absolute;
		top : -10px;
		left : -10px;
		width : 60px;
	}
	.voice-box .person-bottom{
		position : absolute;
		bottom : -20px;
		right : -10px;
		width : 60px;
	}
	.voice-section .btn{
		font-size : 18px;
		letter-spacing : 1.2px;
		background-color : #877b69;
		border-radius : 10px;
		box-shadow : 0 4px 4px #00000040;
	}

	/* LINE assessment */
	#line-assessment .under-page-header .fv-sec .ttl-position{
		position : absolute;
		bottom : 15%;
		left : 40px;
	}
	#line-assessment .under-page-header .fv-sec h1{
		margin-bottom : 20px;
		margin-left : 20px;
		font-size : 200px;
		text-align : left;
		text-shadow : unset;
	}
	#line-assessment .under-page-header .fv-sec h1 span{
		font-size : 100px;
	}
	#line-assessment .under-page-header .fv-sec .vertical-txt{
		position : absolute;
		top : 40px;
		right : 60px;
		font-family : "Noto Serif JP" , serif;
		font-size : 26px;
		font-weight : 400;
		line-height : 54px;
		text-shadow : 0 4px 4px #06c75566;
		letter-spacing : 10px;
		writing-mode : vertical-rl;
	}
	#line-assessment .under-page-header .fv-sec .vertical-txt span{
		margin-top : 3em;
	}
	#line-assessment .under-page-header .sokkin{
		top : -50px;
		left : 45%;
	}
	#line-assessment .under-page-header .fv-sec .ttl-position .point-box{
		position : relative;
		padding : 30px 0;
		margin-left : 0;
		background-color : unset;
	}
	#line-assessment .under-page-header .fv-sec .ttl-position .point-box p{
		position : absolute;
		top : 50%;
		left : 45%;
		transform : translate( -35% , -50% );
	}
	#line-assessment .wide-reason .reason-box{
		min-height : 500px;
	}
	.purchase-guide-box{
		padding : 10px 30px;
		margin-bottom : 20px;
		color : #fff;
		background-color : #62a6a9;
		border-radius : 10px;
		box-shadow : 0 4px 4px #00000040;
	}
	.purchase-guide-box h3{
		margin-bottom : 8px;
		font-size : 18px;
		font-weight : 400;
	}
	.purchase-guide-box p{
		font-size : 13px;
		line-height : 18px;
	}
	.purchase-guide-box img{
		width : 40px;
		margin-right : 20px;
	}
	.satei-point-box{
		padding : 20px 20px 40px;
		margin-bottom : 30px;
		background-color : #fff;
		border : 1px solid #e6e3cf;
	}
	.satei-point-box .col-1-2{
		position : relative;
		width : 44%;
		margin-bottom : 20px;
	}
	.satei-point-box p{
		margin-top : 10px;
		font-size : 14px;
		font-weight : 500;
	}
	.satei-point-box .satei-point-num{
		position : absolute;
		top : 0;
		left : 0;
		padding : 4px;
		margin-top : 0;
		font-size : 16px;
		font-weight : 600;
		color : #fff;
		text-align : center;
		background-color : #00b900;
	}
	.satei-section .ttl-head{
		padding : 10px 0;
		background-color : #3bd42e;
		border-radius : 10px 10px 0 0;
	}
	.satei-section .ttl-head h3{
		margin : 0;
		font-size : 16px;
		font-weight : 700;
		color : #fff;
		text-align : center;
		letter-spacing : .8px;
	}


	/* delivery */
	#purchase-delivery .under-page-header .fv-sec .ttl-position{
		position : absolute;
		bottom : 5%;
	}
	#purchase-delivery .under-page-header .sokkin{
		top : -90px;
		right : 100%;
	}
	#purchase-delivery .under-page-header .fv-sec h1{
		margin-bottom : 60px;
		font-size : 170px;
		line-height : 120px;
	}
	#purchase-delivery .under-page-header .fv-sec h1 span{
		font-size : 90px;
		background-image : radial-gradient( circle at center , #000 10% , transparent 10% ); /* 点の色とサイズ調整 */
		background-repeat : repeat-x; /* 横方向に繰り返し */
		background-position : top right; /* 点の位置 */
		background-size : 1em .3em; /* 点の間隔とサイズ調整 */
	}
	#purchase-delivery .under-page-header .fv-sec .ttl-position .fv-fukidashi{
		font-family : "Noto Serif JP" , serif;
		font-size : 34px;
		font-weight : 400;
	}
	#purchase-delivery .under-page-header .fv-sec .ttl-position .point-box{
		min-width : 220px;
		padding : 16px 10px;
		text-align : center;
	}
	.limited-bnr{
		display : block;
		max-width : 900px;
		padding : 20px 0;
		margin : 0 auto;
		background : linear-gradient( to bottom , #62a6a9 , #62a6a980 );
	}
	.limited-bnr .bnr-inner{
		position : relative;
		max-width : 450px;
		margin : 0 auto;
	}
	.limited-bnr .ttl-head{
		padding : 6px 0;
		font-size : 18px;
		color : #fff;
		text-align : center;
		letter-spacing : 1.2px;
		background-color : #877b69;
	}
	.limited-bnr .body-content{
		padding : 20px 40px;
		border : 1px solid #877b69;
	}
	.limited-bnr .body-content p{
		font-size : 22px;
		font-weight : 500;
		letter-spacing : 4px;
	}
	.limited-bnr .body-content p span{
		font-size : 42px;
		font-weight : 700;
	}
	.limited-bnr .body-content .white-box{
		padding : 4px 6px;
		margin-right : 20px;
		font-size : 12px;
		font-weight : 700;
		line-height : 16px;
		text-align : center;
		letter-spacing : 1.2px;
		background-color : #fff;
	}
	.limited-bnr .bnr-inner .left-item , .limited-bnr .bnr-inner .right-item{
		position : absolute;
		bottom : -15px;
		width : auto;
		height : 150px;
	}
	.limited-bnr .bnr-inner .left-item{
		left : -180px;
	}
	.limited-bnr .bnr-inner .right-item{
		right : -120px;
	}
	.case-box{
		display : flex;
		flex-direction : column;
		padding : 20px 16px;
		margin-bottom : 20px;
		background : linear-gradient( to right , #e6e3cf , #f2f1e7 );
		box-shadow : 2px 2px 4px #00000040;
	}
	.case-box img{
		margin-bottom : 10px;
	}
	.case-box .ymd{
		margin-bottom : 4px;
		font-size : 10px;
		line-height : 10px ! important;
		letter-spacing : 10%;
	}
	.case-box h3{
		margin-bottom : 20px;
		font-size : 13px;
		font-weight : 400;
		line-height : 20px;
		letter-spacing : .8px;
	}
	.case-box .case-tag{
		display : inline-block;
		width : fit-content;
		padding : 2px 4px;
		margin : 0 4px 6px 0;
		font-size : 10px;
		color : #fff;
		text-align : center;
		background-color : #62a6a9;
	}
	.case-box .price-txt{
		margin-top : auto;
		font-size : 24px;
		font-weight : 700;
		color : #e85453;
	}
	.case-box .price-txt .unit{
		font-size : 10px;
		font-weight : 300;
		letter-spacing : 10%;
	}
	.genre-section .col-1-2 , .genre-section .col-1-4{
		position : relative;
		margin-bottom : 20px;
	}
	.genre-section .col-1-2{
		/* width:48%; */
		width : 47.8%;
	}
	.genre-section .col-1-4{
		/* width:23.2%; */
		width : 23%;
	}
	.genre-section .white-op-obi{
		position : absolute;
		top : 22%;
		width : 100%;
		padding : 30px 0;
		color : #fff;
		text-align : center;
		background-color : #ffffff4d;
	}
	.genre-section .white-op-obi h3{
		margin-bottom : 10px;
		font-family : Cormorant , serif;
		font-size : 32px;
		font-weight : 400;
		text-shadow : 0 4px 4px #000;
	}
	.genre-section .white-op-obi p{
		margin-bottom : 40px;
		font-size : 18px;
		font-weight : 300;
		text-shadow : 0 4px 4px #000;
	}
	.dli-arrow-area{
		position : relative;
		width : 80px;
		height : 30px;
		padding : 10px;
		margin : 0 auto;
		border : 1px solid #fff;
		border-radius : 50px;
	}
	.arrow-position{
		position : absolute;
		top : 50%;
		left : 50%;
		transform : translate( -50% , -50% );
	}
	.dli-arrow-right{
		position : relative;
		display : inline-block;
		width : 1em;
		height : .05em;
		line-height : 1;
		color : #fff;
		vertical-align : middle;
		background : currentColor;
	}
	.dli-arrow-right::before{
		position : absolute;
		top : 50%;
		right : -.05em;
		box-sizing : border-box;
		width : .5em;
		height : .5em;
		content : "";
		border : .05em solid currentColor;
		border-bottom : 0;
		border-left : 0;
		transform : rotate( 45deg );
		transform-origin : top right;
	}
	.genre-section a:hover{
		opacity : .9;
		transition : .3s;
	}
	.genre-section a:hover .dli-arrow-area{
		background-color : #62a6a9;
		transition : .3s;
	}
	.genre-section a:hover .arrow-position{
		left : 60%;
		transition : .3s;
	}
	.kit-section p{
		line-height : 30px;
	}
	.kit-box{
		/* position: absolute;
	right: 0;
	top:90px;
	width:100px; */
		width : 40%;
		margin-left : 20px;
	}
	.kit-section .col-1-3{
		position : relative;
		width : 35%;
	}
	.kit-section .col-2-3{
		width : 46%;
	}
	.kit-section .kit-ttl{
		padding : 10px 0;
		margin-bottom : 16px;
		font-size : 20px;
		line-height : 28px;
		color : #292929;
		text-align : center;
		letter-spacing : 1px;
		border-top : 1px solid #62a6a9;
		border-bottom : 1px solid #62a6a9;
	}
	.kit-section .kit-ttl span{
		font-size : 28px;
		font-weight : 600;
	}
	.kit-section .icon-free{
		/* width:46px; */
		width : 30%;
		margin-right : 20px;
	}
	.soryo-list ul li{
		margin-bottom : 6px;
		font-size : 24px ;
		font-weight : 700;
		color : #62a6a9;
	}
	.soryo-list ul li span{
		font-size : 16px ;
	}
	.soryo-list img{
		width : 28px;
		margin-right : 6px;
		vertical-align : middle;
	}

	/* product */
	#product .col-1-3{
		margin : 0 13px 20px;
	}
	#product .under-page-header .fv-sec .ttl-position .sokkin{
		top : -85px;
	}
	.product-discription{
		width : 740px;
		margin : 0 auto;
	}
	.product-discription p{
		font-size : 16px;
		line-height : 24px;
	}
	.possible-section .lead-txt{
		font-size : 18px;
		font-weight : 400;
		line-height : 24px;
	}
	.possible-section .col-1-3{
		position : relative;
		width : 29%;
	}
	.possible-section .col-1-3 .ok-circle{
		position : absolute;
		top : -20px;
		left : 20px;
		align-content : center;
		width : 60px;
		height : 60px;
		font-size : 18px;
		font-weight : 600;
		color : #fff;
		text-align : center;
		letter-spacing : 4px;
		background-color : #62a6a9;
		border-radius : 50px;
	}
	.possible-section .col-1-3 p{
		font-size : 18px;
		font-weight : 400;
	}
	.possible-section .col-1-3 p.detail{
		font-size : 16px;
		line-height : 24px;
	}

	/* flow */
	/* コンテナスタイル */
	.timeline-container{
		padding : 0 20px;
		margin : 40px auto;
	}

	/* h2 {
  text-align: center;
  margin-bottom: 40px;
  color: #2c3e50;
} */

	/* タイムラインの基本スタイル */
	.timeline{
		position : relative;
		padding : 0;
		list-style : none;
	}

	/* 横型タイムラインのベーススタイル */
	.horizontal .timeline{
		position : relative;
		display : flex;
		flex-direction : row;
		justify-content : space-between;
		padding : 20px 0;
		list-style : none;
	}

	/* 横線 */
	.horizontal .timeline::before{
		position : absolute;
		top : 20%; /* 中央に配置 */
		left : 180px;
		z-index : 1;
		width : 67%;
		height : 2px;
		content : "";
		background : #877b69;
		transform : translateY( -50% );
	}
	.wide-reason .horizontal .timeline::before{
		width : 75%;
	}

	/* 各アイテム */
	.horizontal .timeline-item{
		position : relative;
		z-index : 2;
		flex : 1;
		margin : 0 10px;
	}
	.horizontal .timeline-item .timeline-num{
		position : absolute;
		top : -35px;
		left : 44%;
		width : fit-content;
		font-family : "Noto Sans JP" , sans-serif;
		font-size : 16px;
		font-weight : 400;
		line-height : 32px;
		color : #877b69;
		text-align : center;
		background-color : #f2f0e6;
	}
	.wide-reason .horizontal .timeline-item .timeline-num{
		background-color : #fff;
	}
	.bg-grayge.wide-reason .horizontal .timeline-item .timeline-num{
		background-color : #f2f0e6;
	}
	.horizontal .timeline-item .timeline-num span{
		display : block;
		font-family : "Kumbh Sans" , sans-serif ;
		font-size : 38px;
		font-weight : 300;
		letter-spacing : 2px;
	}

	/* ノード */
	.horizontal .timeline-item::before{
		position : absolute;
		top : 0;
		left : 50%;
		z-index : 2;
		width : 16px;
		height : 16px;
		content : "";
		background : #877b69;
		border-radius : 50%;
		transform : translate( -50% , calc( 50% + 61px ) ); /* 中央配置の調整 */
	}

	/* コンテンツボックス */
	.horizontal .timeline-content{
		min-height : 447px;
		padding : 120px 30px 40px;  /* 上部にスペースを確保 */
		border : 1px solid #877b6966;
	}
	.horizontal .timeline-content img{
		width : 100px;
		height : auto;
		margin-bottom : 30px;
	}
	.horizontal .timeline-content h3{
		margin-bottom : 30px;
		font-family : "Kumbh Sans" , sans-serif ;
		font-size : 24px;
		font-weight : 400;
		color : #000;
	}
	.wide-reason .horizontal .timeline-content h3{
		min-height : 48px;
		font-size : 18px;
		line-height : 24px;
	}
	.horizontal .timeline-content p{
		font-family : "Kumbh Sans" , sans-serif ;
		font-size : 16px;
		font-weight : 300;
		line-height : 20px;
	}

	/* 店舗案内 */
	.access-table{
		width : 100%;
	}
	.access-table th , .access-table td{
		align-content : center;
		padding : 16px;
		font-family : "Kumbh Sans" , sans-serif ;
		font-size : 16px;
		line-height : 24px;
		color : #292929;
	}
	.access-table th{
		align-content : center;
		width : 33%;
		font-weight : 400;
		background-color : #e6e3cf;
		border-bottom : 1px solid #fff;
	}
	.access-table th.last-child{
		border-bottom : none;
	}
	.access-table td{
		font-weight : 300;
		background-color : #fff;
		border : 1px solid #877b6980;
		border-left : none;
	}
	.access-table th img{
		width : 25px;
		vertical-align : middle;
	}
	.access-table .cta.tel , .access-table .cta.line-btn{
		margin-left : 0;
		text-align : center;
	}
	.gmap{
		width : 100%;
		height : 240px;
	}

	/* 店頭買取 */
	#purchase-store .catch-fukidashi{
		font-family : "Noto Serif JP" , serif;
		font-size : 48px;
		font-weight : 400;
		text-align : center;
		letter-spacing : .8px;
	}

	/* faq */
	.faq-link .col-1-4{
		position : relative;
		display : block;
		width : 18%;
		padding : 40px 20px;
		text-align : center;
		background-color : #fff;
		border : 2px solid #62a6a9;
		border-radius : 10px;
		box-shadow : 3px 3px 10px #beb7b1;
	}
	.faq-link .col-1-4 h3{
		margin-bottom : 16px;
		font-size : 18px;
		font-weight : 700;
	}
	.faq-link .col-1-4 img{
		width : 120px;
	}
	.faq-link .col-1-4 img.faq-link-arrow{
		position : absolute;
		bottom : -20px;
		left : 41%;
		width : 40px;
	}
	.faq-link .col-1-4:hover img.faq-link-arrow{
		bottom : -26px;
		transition : .3s;
	}

	/* contact */
	input{
		display : block;
		width : 100%;

		/* height: 60px; */
		padding : 10px;
		margin : 4px 0;
		color : #292929;
	}
	select{
		display : block;
		width : 100%;
		height : 60px;
		padding : 16px;
		color : #101010;
		border-radius : 5px;
	}
	textarea{
		display : block;
		width : 100%;
		padding : 10px;
		color : #292929;
	}
	::placeholder{
		color : #877b69cc;
	}
	::file-selector-button{
		padding : 8px 12px;
		margin-right : 8px;
		font-size : 14px;
		font-weight : 400;
		color : #fff;
		background-color : #877b69;
		border : none;
	}
	input[type="radio"] , input[type="checkbox"]{
		display : inline-block;
		width : auto;
		appearance : auto;
		margin-bottom : 7px;
	}
	.wpcf7-list-item{
		margin : 0 1em 0 0 ! important;
	}
	input[type="submit"]{
		display : inline-block;
		width : auto;
		padding : 16px 80px;
		margin-top : 60px;
		font-size : 14px;
		font-weight : 400;
	}
	.input-border{
		border : 1px solid #877b69cc;
	}
	input:focus ,
	textarea:focus{
		border-color : #62a6a9;
		outline : none;
	}
	input:-internal-autofill-selected{
		background-color : #d6f1f3 ! important;
	}
	.access-table td label{
		font-size : 14px;
		font-weight : 400;
	}
	.must , .nini{
		display : inline-block;
		padding : 2px 10px;
		margin-left : 6px;
		font-size : 11px;
		font-weight : 500;
		line-height : 16px;
		color : #fff;
		letter-spacing : .8px;
	}
	.must{
		background-color : #62a6a9;
	}
	.nini{
		background-color : #a4a4a4;
	}

	/* single */
	#single ul{
		padding : 10px 0 10px 20px;
	}
	#single ul li{
		line-height : 24px;
		list-style : disc;
	}
	#single .sidebar-list ul{
		padding-left : 0;
	}
	#single .sidebar-list ul li{
		list-style : none;
	}
	#single ul li ol{
		padding : 10px 0 10px 20px;
	}
	#single ul li ol li{
		line-height : 24px;
		list-style : decimal;
	}
	#single b , #single strong{
		font-weight : 600;
	}
	#single .flex , #archive .flex{
		max-width : 1440px;
		margin : 0 auto;
	}
	#single .container{
		width : 60%;
	}
	#single aside , #archive aside{
		width : 30%;
	}
	.under-page-header .ttl-single{
		font-size : 36px;
		font-weight : 200;
		color : #fff;
	}
	#single .ttl , #archive .ttl{
		position : relative;
		width : fit-content;
		border-bottom : solid 3px #e6e3cf;
	}
	#single .ttl::after , #archive .ttl::after{
		position : absolute;
		bottom : -2px;
		display : block;
		width : 50%;
		content : " ";
		border-bottom : solid 3px #62a6a9;
	}
	#single .ttl span{
		font-size : 48px;
		font-weight : 600;
	}
	#single h1{
		font-size : 32px;
		font-weight : 300;
		line-height : 42px;
	}
	#single h2 , #archive h2{
		padding : 10px;
		margin : 30px 0 10px;
		font-size : 24px;
		font-weight : 300;
		line-height : 32px;
		color : #292929;
		background-color : #f4f4f4;
		border-left : 6px solid #62a6a9;
	}
	#single aside h2 , #archive aside h2{
		padding : 10px 0;
	}
	#single h3{
		padding : 10px;
		margin : 30px 0 10px;
		font-size : 20px;
		font-weight : 300;
		line-height : 28px;
		color : #292929;
		border-top : 2px solid #62a6a9;
		border-bottom : 2px solid #62a6a9;
	}
	#single h4{
		width : fit-content;
		padding : 6px 0;
		margin : 30px 0 10px;
		font-size : 18px;
		font-weight : 300;
		line-height : 28px;
		color : #292929;
		border-bottom : 2px solid #62a6a9;
	}
	#single p , #archive p{
		line-height : 24px;
		letter-spacing : .8px;
	}
	#single .link-box , #archive .link-box{
		display : block;
		display : flex;
		align-items : center;
		margin-bottom : 20px;
	}
	#single .link-box img , #archive .link-box img{
		width : 35%;
	}
	#single .link-box p , #archive .link-box p{
		margin-left : 20px;
		font-size : 24px;
		font-weight : 400;
	}
	#single .link-box p span , #archive .link-box p span{
		font-size : 16px;
	}
	#single .link-box.delivery , #archive .link-box.delivery{
		color : #62a6a9;
		border : 1px solid #62a6a9;
	}
	#single .link-box.delivery:hover , #archive .link-box.delivery:hover{
		color : #fff;
		background-color : #62a6a9;
		transition : .3s;
	}
	#single .link-box.line-satei , #archive .link-box.line-satei{
		color : #06c755;
		border : 1px solid #06c755;
	}
	#single .link-box.line-satei:hover , #archive .link-box.line-satei:hover{
		color : #fff;
		background-color : #06c755;
		transition : .3s;
	}
	#single .link-box.arrow-right , #archive .link-box.arrow-right{
		position : relative;
	}
	#single .link-box.arrow-right::after , #archive .link-box.arrow-right::after{ /* くの字の表示設定 */
		position : absolute;
		top : 0;
		bottom : 0;
		right : 140px;
		width : 10px;    /* くの字を山なりに見た時、左側の長さ */
		height : 10px;   /* くの字を山なりに見た時、右側の長さ */
		margin : auto;
		content : "";
		border-top : 2px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right : 2px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
		transform : rotate( 45deg );    /* くの字の向き */
	}
	#single .link-box.delivery.arrow-right::after , #archive .link-box.delivery.arrow-right::after{
		border-top : 2px solid #62a6a9;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right : 2px solid #62a6a9;   /* くの字を山なりに見た時、右側の太さと色 */
	}
	#single .link-box.line-satei.arrow-right::after , #archive .link-box.line-satei.arrow-right::after{
		border-top : 2px solid #06c755;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right : 2px solid #06c755;   /* くの字を山なりに見た時、右側の太さと色 */
	}
	#single aside h2 , #archive aside h2{
		font-size : 20px;
		font-weight : 600;
		background-color : unset;
		border : none;
	}
	#single aside h2 img , #archive aside h2 img{
		width : 25px;
		vertical-align : middle;
	}
	#single aside .column-box img , #archive aside .column-box img{
		max-width : 320px;
		height : 120px;
		object-fit : cover;
		border : 1px solid #f2f0e6;
	}
	#single aside .column-box .ymd , #archive aside .column-box .ymd{
		font-size : 16px;
		font-weight : 600;
	}
	#single aside .column-box h3 , #archive aside .column-box h3{
		padding : 10px 0 0 0;
		margin : 0;
		font-size : 14px;
		font-weight : 400;
		line-height : 28px;
		color : #292929;
		border : none;
	}
	#single aside .column-box .column-box-detail , #archive aside .column-box .column-box-detail{
		margin-left : 10px;
	}
	#single .single-genre-btn{
		display : block;
		padding : 20px 60px;
		margin-bottom : 20px;
		font-size : 20px;
		font-weight : 400;
		letter-spacing : .8px;
		border : 1px solid #e6e3cf;
	}
	#single .single-genre-btn:hover{
		background-color : #e6e3cf;
		transition : .3s;
	}
	#single .single-genre-btn.arrow-right{
		position : relative;
	}
	#single .single-genre-btn.arrow-right::after{ /* くの字の表示設定 */
		position : absolute;
		top : 0;
		bottom : 0;
		right : 80px;
		width : 10px;    /* くの字を山なりに見た時、左側の長さ */
		height : 10px;   /* くの字を山なりに見た時、右側の長さ */
		margin : auto;
		content : "";
		border-top : 2px solid #877b69;     /* くの字を山なりに見た時、左側の太さと色 */
		border-right : 2px solid #877b69;   /* くの字を山なりに見た時、右側の太さと色 */
		transform : rotate( 45deg );    /* くの字の向き */
	}
	#single .single-genre-btn img{
		width : 25px;
	}

	/* case-purchase */
	#case-purchase{
		max-width : 1140px;
		margin : 0 auto;
	}
	#case-purchase h1{
		font-size : 32px;
		font-weight : 300;
		line-height : 42px;
	}
	#case-purchase .img-area{
		width : 60%;
	}
	#case-purchase .img-area .product-level h2{
		padding : 10px 10px 10px 0;
		margin : 30px 0 10px;
		font-size : 24px;
		font-weight : 300;
		line-height : 32px;
		border-bottom : 2px solid #62a6a9;
	}
	#case-purchase .img-area .product-level ul{
		display : flex;
		justify-content : space-around;
	}
	#case-purchase .img-area .product-level ul li{
		align-content : center;
		width : 15%;
		padding : 32px 14px;
		margin : 10px 0;
		font-size : 18px;
		text-align : center;
		background-color : #e6e3cf80;
		border-radius : 6px;
		box-shadow : 0 4px 4px #00000040;
	}
	#case-purchase .img-area .product-level ul li.on{
		font-weight : 600;
		color : #fff;
		background-color : #62a6a9;
	}
	#case-purchase .detail-area{
		width : 36%;
		margin : 0 20px;
	}
	#case-purchase .detail-area h2.ttl{
		width : 100%;
		font-size : 30px;
		font-weight : 300;
		text-align : center;
	}
	#case-purchase .detail-area h2.ttl .price-red{
		font-size : 40px;
		font-weight : 600;
		line-height : 42px;
		color : #e85454;
	}
	#case-purchase .detail-area h2.ttl .price-unit{
		font-size : 20px;
		font-weight : 600;
		color : #e85454;
	}
	#case-purchase .detail-area .discription-area{
		padding : 10px 20px 20px 0;
	}
	#case-purchase .detail-area .discription-area h2{
		margin : 20px 0 16px;
		font-size : 18px;
		font-weight : 400;
	}
	#case-purchase .detail-area .discription-area p{
		font-size : 14px;
		line-height : 22px;
	}
	#case-purchase .cat-ttl{
		padding : 10px 20px;
		font-size : 16px;
		font-weight : 400;
		color : #fff;
		background-color : #877b69;
		border-radius : 6px 6px 0 0 ;
	}
	#case-purchase .cat-name{
		padding : 20px;
		font-size : 14px;
		background-color : #e6e3cf;
		border-radius : 0 0 6px 6px;
	}

	/* add-component */
	.assessment-box{
		display : flex;
		flex-wrap : wrap;
		justify-content : flex-start;
		padding : 30px 40px 20px;
		margin-top : 40px;
		background-color : #fff;
		border : 2px solid #62a6a9;
		border-radius : 3px;
		box-shadow : 0 4px 4px rgb( 0 0 0 / .25 );
	}
	.assessment-box img{
		margin-bottom : 10px;
		border-radius : 3px;
	}
	.assessment-box h3{
		margin-bottom : 20px;
		font-size : 18px;
		font-weight : 500;
		color : #62a6a9;
		text-align : center;
	}
	.assessment-box p{
		padding : 0 20px;
		margin-bottom : 30px;
		line-height : 24px;
	}
	#product .assessment-box .col-1-3{
		margin : 0 10px;
	}
	.market-box{
		padding : 20px 30px;
		margin-bottom : 40px;
		background : linear-gradient( to right , #e6e3cf , #e6e3cf80 );
		box-shadow : 0 4px 4px rgb( 0 0 0 / .25 );
	}
	.market-box .img-area{
		width : 30%;
		margin-right : 40px;
	}
	.market-box .txt-area{
		width : 65%;
	}
	.market-box .text-red{
		font-weight : 500;
		color : #d94c4c;
		letter-spacing : .8px;
	}
	.market-box .txt-area .text-black{
		font-weight : 400;
		color : #000;
	}
	.market-box .price-txt{
		display : inline-block;
		margin-left : 60px;
		font-size : 24px;
		font-weight : 500;
	}
	.market-box .price-txt .unit{
		font-size : 16px;
	}
	.market-box .txt-area .intro-txt{
		line-height : 24px;
		letter-spacing : .8px;
	}
	.market-box .txt-area .hosoku{
		font-size : 12px;
	}
	.history-box{
		display : flex;
		align-items : center;
		justify-content : center;
		max-width : 800px;
		margin : 0 auto;
		box-shadow : 0 4px 4px rgb( 0 0 0 / .25 );
	}
	.history-box .txt-area , .history-box .img-area{
		width : 50%;
	}
	.history-box .txt-area{
		align-content : center;
		height : auto;
		aspect-ratio : 4 / 3;
		padding : 20px;
		background : linear-gradient( to right , #e6e3cf , #e6e3cf80 );
	}
	.history-box .img-area img{
		width : 100%;
		height : auto;
		aspect-ratio : 4 / 3;
		object-fit : cover;
	}
	.history-box .txt-area p{
		line-height : 22px;
		letter-spacing : .8px;
	}

	/* パンくずリスト */
	.breadcrumb-sec .container ul{
		list-style : none;
	}
	.breadcrumb-sec .container ul li{
		display : inline ! important;
	}
	.breadcrumb-sec .container ul li a{
		color : inherit;
		text-decoration : none;
	}
	.breadcrumb-sec .container ul li + li::before{
		margin : .5em;
		content : " > ";
	}

	/* 追従リンク */
	.floating-link.up{
		position : fixed;
		bottom : 120px;
		right : 10px;
		z-index : 10;
		display : flex;
	}
	.floating-link.bottom{
		position : fixed;
		bottom : 10px;
		right : 10px;
		z-index : 10;
	}
	.floating-link a img{
		width : 80px;
		height : 80px;
		margin : 0 10px;
	}
	.floating-link a.float-tel-bnr{
		position : relative;
		display : block;
		align-content : center;
		padding : 18px 80px;
		font-size : 14px;
		color : #fff;
		text-align : center;
		background-color : #62a6a9;

		/* height:80px;
	min-width:400px; */
		border-radius : 60px;
		box-shadow : 2px 2px 8px #9e938480;
	}
	.floating-link a.float-tel-bnr .bnr-tel-num{
		display : inline-block;
		margin : 6px 0;
		font-size : 28px;
	}
	.floating-link a.float-tel-bnr img{
		position : absolute;
		top : -30px;
		left : 20px;
		width : 90px;
		height : 53px;
	}

	/* ページネーション */
	.page-numbers{
		display : inline-block;
		align-content : center;
		width : 40px;
		height : 40px;
		margin : 0 6px 10px;
		font-size : 18px;
		font-weight : 400;
		color : #fff;
		text-align : center;
		background-color : #877b69;
		border-radius : 50%;
	}
	.page-numbers.current{
		background-color : #62a6a9;
	}
	.wpcf7-spinner{
		display : none ! important;
	}
	@media screen and ( max-width : 450px ){
		#top .lead-copy{
			font-size : 5.6vw ! important;
		}
	}
	@media screen and ( max-width : 768px ){
		body{
			font-size : 14px;
		}
		header .container{
			box-shadow : 0 4px 4px rgb( 0 0 0 / .25 );
		}
		.container{
			max-width : 90%;
		}
		.bg-fv-white{
			height : 60vh;
			background-position : right;
		}
		.bg-top-img-sp{
			background-image : url( "../../img/bg/bg-top-img-sp.webp" );
			background-repeat : no-repeat;
			background-position : center;
			background-size : cover;
		}
		.bg-about-img-sp{
			background-image : url( "../../img/bg/bg-about-img-sp.webp" );
			background-repeat : no-repeat;
			background-position : center;
			background-size : cover;
		}
		.pc{
			display : none;
		}
		.sp{
			display : block;
		}
		.pt-0-sp{
			padding-top : 0 ! important;
		}
		.pt-30-sp{
			padding-top : 30px ! important;
		}
		.pt-40-sp{
			padding-top : 40px ! important;
		}
		.pt-60-sp{
			padding-top : 60px ! important;
		}
		.pt-80-sp{
			padding-top : 80px ! important;
		}
		.pb-30-sp{
			padding-bottom : 30px ! important;
		}
		.m-0-sp{
			margin : 0 ! important;
		}
		.mt-30-sp{
			margin-top : 30px ! important;
		}
		.mb-10-sp{
			margin-bottom : 10px ! important;
		}
		.mb-20-sp{
			margin-bottom : 20px ! important;
		}
		.mb-30-sp{
			margin-bottom : 30px ! important;
		}
		.mb-60-sp{
			margin-bottom : 60px ! important;
		}
		.sp-scroll{
			width : 900px;
			overflow : scroll;
		}
		.col-1-2 , .col-1-3 , .col-2-3 , .col-1-4 , .col-3-4 , .col-1-5 , .col-4-5{
			width : 100%;
			margin : 0;
		}
		.col-1-2-sp{
			width : 48% ! important;
		}
		#archive .col-1-2-sp{
			width : 47% ! important;
			margin : 0 5px 10px;
		}
		footer .col-1-2-sp{
			width : 46% ! important;
		}
		.col-1-4-sp{
			width : 23% ! important;
		}
		.under-layer , .cta.tel , .cta.line-btn{
			display : none;
		}
		.sp-nav-area .cta.tel , .sp-nav-area .cta.line-btn{
			display : block;
			margin-top : 20px;
			margin-left : 0;
			text-align : center;
		}
		.sp-nav-area .cta.tel p , .sp-nav-area .cta.line-btn p{
			color : #fff;
		}
		.sp-nav-area .cta.line-btn{
			margin-bottom : 40px;
		}
		.cta.humberger-btn{
			margin : 0 10px 0 0;
		}
		.logo{
			width : 140px;
			margin : 10px 0 0 10px;
		}
		.logo-nav-position{
			align-items : flex-start;
		}
		.logo-area p{
			padding-bottom : 10px;
			font-size : 12px;
			line-height : 18px;
		}
		.ttl{
			width : 60%;
			font-size : 22px;
			line-height : 30px;
			text-align : center;
		}
		.wide-reason .ttl{
			line-height : 36px;
		}
		.ttl::before{
			top : -30px;

			/* left:-77px; */
			left : 0;
			right : 0;
			font-size : 32px;
			transform : rotate( 0deg );
		}
		.ttl span{
			font-size : 42px;
		}
		.btn{
			padding : 16px 60px;
			margin : 2px 2px 40px;
			font-size : 16px;
			letter-spacing : 1.2px;
		}
		.btn img{
			width : 24px;
			vertical-align : text-bottom;
		}

		/* top */
		#top .under-page-header .fv-sec .ttl-position{
			position : absolute;
			bottom : 5%;
			left : 40px;
		}
		#top .under-page-header .fv-sec h1{
			margin-bottom : 40px;
			margin-left : 0;
			font-size : 90px;
			text-align : left;
			text-shadow : 0 2px 2px rgb( 255 255 255 / 1 );
		}
		#top .under-page-header .fv-sec .sub-catch{
			font-size : 32px;
			text-shadow : 0 2px 2px rgb( 255 255 255 / 1 );
		}
		#top .under-page-header .fv-sec .sub-catch span{
			font-size : 105px;
			font-weight : 400;
		}
		#top .under-page-header .fv-sec .vertical-txt{
			position : absolute;
			top : 40px;
			right : 100px;
			font-family : "Noto Serif JP" , serif;
			font-size : 18px;
			font-weight : 400;
			line-height : 42px;
			letter-spacing : 10px;
			writing-mode : vertical-rl;
		}
		#top .under-page-header .fv-sec .vertical-txt span{
			margin-top : 3em;
		}
		#top .under-page-header .sokkin{
			top : -100px;
			left : 0%;
			width : 100px;
		}
		#top .guide-txt{
			font-size : 16px;
		}
		#top .lead-copy{
			font-size : 24px;
		}
		.genre-section .col-1-2 , .genre-section .col-1-4{
			width : 29.5%;
			max-height : 69px;
			margin : 0 6px 10px;
		}
		.genre-section .col-1-2 img , .genre-section .col-1-4 img{
			max-height : 61px;
			object-fit : cover;
		}
		.genre-section .white-op-obi{
			top : 14%;
			padding : 10px 0;
			color : #fff;
			background-color : rgb( 0 0 0 / .2 );
		}
		.genre-section .white-op-obi h3{
			margin-bottom : 6px;
			font-size : 16px;
		}
		.genre-section .white-op-obi p{
			margin-bottom : 0;
			font-size : 10px;
		}
		.dli-arrow-area{
			display : none;
		}
		.genre-section a:hover{
			opacity : .9;
			transition : .3s;
		}

		/* under-layer */
		.under-page-header{
			align-content : center;
			margin-top : 57px;
		}
		.under-page-header .fv-sec{
			position : relative;
			width : 100%;
		}
		.under-page-header .catchcopy{
			font-size : 20px;
		}
		.under-page-header .catchcopy img{
			width : 40px;
		}
		.under-page-header h1{
			font-size : 16px;
		}
		.under-page-header .fv-sec .ttl-position{
			position : absolute;
			bottom : 5%;
			right : 10px;
		}
		.under-page-header .fv-sec h1{
			margin-bottom : 40px;
			font-size : 90px;
		}
		.under-page-header .fv-sec .ttl-position .point-box{
			padding : 20px 6px;
			margin-left : 10px;
			font-family : "Noto Serif JP" , serif;
			font-size : 18px;
			font-weight : 400;
			color : #fff;
			letter-spacing : .6px;
			background-color : #877b69;
		}
		.under-page-header .fv-sec .ttl-position .point-box.line-break{
			padding : 10px 6px;
		}
		.under-page-header .fv-sec .ttl-position .point-box p span{
			display : block;
			margin-bottom : 10px;
			font-size : 10px;
		}
		.under-page-header .fv-sec .fv-txt{
			margin-left : 10px;
			font-size : 18px;
			line-height : 24px;
			text-align : left;
			text-shadow : 0 4px 4px #62a6a9;
		}
		.under-page-header .sokkin{
			position : absolute;
			top : -120px;
			right : 5%;
			width : 100px;
		}
		.under-page-header .new-open{
			width : 140px;
			margin-right : 40px;
			text-align : right;
		}
		.reason-box{
			padding : 30px 16px 16px;
			margin-bottom : 40px;
		}
		.reason-box .num , .reason-box .even-num{
			position : absolute;
			top : -40px;
			align-content : center;
			width : 70px;
			height : 70px;
			font-size : 36px;
			color : #877b69;
			text-align : center;
			background-color : #fff;
			border : 3px solid #877b69;
			border-radius : 50px;
		}
		.reason-box .num{
			top : -32px;
			left : -10px;
		}
		.wide-reason .reason-box{
			min-height : 485px;
		}
		.wide-reason .reason-box .num{
			position : absolute;
			top : -45px;
			left : 5px;
			width : 50px;
			height : 50px;
			font-size : 18px;
		}
		.reason-box h3{
			font-size : 20px;
			line-height : 28px;
			text-align : center;
		}
		.reason-box p{
			margin : 16px 0 0;
			font-size : 14px;
			line-height : 22px;
		}
		.guide-txt{
			margin-bottom : 20px;
			font-size : 16px;
			line-height : 28px;
		}
		.guide-txt img{
			width : 30px;
		}
		.need-inner{
			max-width : 90%;
			margin : 0 auto;
		}
		.need-inner p{
			line-height : 24px;
		}
		.reason-inner{
			max-width : 1440px;
			margin : 0 auto;
		}
		#purchase-store .catch-fukidashi{
			font-size : 32px;
		}
		#purchase-store .under-page-header .sokkin{
			left : 5%;
		}
		#purchase-store .under-page-header .ttl-position .right{
			text-align : left;
		}
		#purchase-store .under-page-header .new-open{
			width : 140px;
			margin-bottom : 20px;
			margin-right : 0;
			text-align : left;
		}

		/* flow */
		/* 各アイテム */
		.timeline-item{
			margin : 0 5px;
		}
		.timeline-item .timeline-num{
			position : absolute;
			top : -33px;
			left : 40%;
			width : fit-content;
			font-family : "Noto Sans JP" , sans-serif;
			font-size : 14px;
			font-weight : 400;
			line-height : 32px;
			color : #877b69;
			text-align : center;
			background-color : #f2f0e6;
		}
		.wide-reason .timeline-item .timeline-num{
			background-color : #fff;
		}
		.bg-grayge.wide-reason .timeline-item .timeline-num{
			background-color : #f2f0e6;
		}
		.timeline-item .timeline-num span{
			display : block;
			font-family : "Kumbh Sans" , sans-serif ;
			font-size : 30px;
			font-weight : 300;
			letter-spacing : 2px;
		}

		/* コンテンツボックス */
		.timeline-content{
			min-height : 324px;
			padding : 20px;  /* 上部にスペースを確保 */
			border : 1px solid #877b6966;
		}
		.timeline-content img{
			width : 80px ! important;
			height : auto;
			margin-bottom : 10px;
		}
		.timeline-content h3{
			min-height : unset;
			margin-bottom : 20px;
			font-family : "Kumbh Sans" , sans-serif ;
			font-size : 18px;
			font-weight : 400;
			line-height : 24px;
			color : #000;
		}
		.timeline-content p{
			font-family : "Kumbh Sans" , sans-serif ;
			font-size : 14px;
			font-weight : 300;
			line-height : 20px;
		}

		/* About us */
		h3.ttl-h3{
			margin-bottom : 20px;
			font-size : 22px;
			line-height : 40px;
		}
		h3.ttl-h3 span{
			font-size : 18px;
		}
		.about-txt{
			line-height : 28px;
		}

		/* onsite */
		.wide-reason .container{
			max-width : 1440px;
		}
		.wide-reason.onsite-reason .reason-box{
			min-height : 345px;
		}
		.wide-reason .reason-box h3{
			font-size : 16px;
			line-height : 24px;
		}
		.cta-area{
			margin-top : 20px;
		}
		.cta-area .font-size-12{
			font-size : 12px;
		}
		.cta-area .font-size-18{
			font-size : 18px;
			font-weight : 500;
		}
		.cta-green , .cta-line-green , .cta-brown{
			max-width : 320px;
			padding : 10px;
			margin-bottom : 16px;
			color : #fff;
			letter-spacing : .8px;
			border-radius : 10px;
			box-shadow : 0 4px 4px #00000040;
		}
		.cta-green img , .cta-line-green img , .cta-brown img{
			width : 40px;
			margin-right : 10px;
		}
		.cta-line-green .color-yellow{
			font-weight : 600;
			color : #ffd800;
		}
		.cta-brown{
			line-height : 18px;
			background-color : #877b69;
		}
		.cta-line-green{
			line-height : 28px;
			background-color : #06c755;
		}
		.cta-green{
			line-height : 28px;
			background-color : #62a6a9 ;
		}
		.genre-area .col-1-2{
			width : 30%;
		}
		.genre-box.flex{
			display : block;
		}
		.genre-box{
			align-content : center;
			min-height : 115px;
			padding : 10px 6px;
			margin : 0 5px 16px;
			margin-bottom : 20px;
			background : linear-gradient( to right , #e6e3cf , #e6e3cf80 );
			box-shadow : 0 4px 4px #00000040;
		}
		.genre-box img{
			width : 90px;
			max-height : 60px;
			margin-bottom : 10px;
			margin-right : 0;
			object-fit : cover;
		}
		.genre-box p{
			font-size : 12px;
			font-weight : 400;
			text-align : center;
		}
		.area-section p{
			font-size : 12px;
			line-height : 20px;
		}
		.voice-section .col-1-4{
			width : 23%;
		}
		.voice-box{
			position : relative;
			min-height : 550px;
			padding : 10px 10px 30px;
			background-color : #fff;
		}
		.voice-box h3{
			margin : 30px 0 20px;
			font-size : 18px;
			font-weight : 700;
			text-align : center;
		}
		.voice-box p{
			line-height : 20px;
		}
		.voice-box .pin{
			position : absolute;
			top : -10px;
			left : 47%;
			width : 25px;
		}
		.voice-box .person-up{
			position : absolute;
			top : -40px;
			left : 5px;
			width : 60px;
		}
		.voice-box .person-bottom{
			position : absolute;
			bottom : -50px;
			right : 5px;
			width : 60px;
		}
		.voice-section .btn{
			font-size : 18px;
			letter-spacing : 1.2px;
			background-color : #877b69;
			border-radius : 10px;
			box-shadow : 0 4px 4px #00000040;
		}

		/* LINE assessment */
		#line-assessment .under-page-header .fv-sec .ttl-position{
			position : absolute;
			bottom : 5%;
			left : 20px;
		}
		#line-assessment .under-page-header .fv-sec h1{
			margin-bottom : 0;
			margin-left : 0;
			font-size : 70px;
			text-align : left;
			text-shadow : unset;
		}
		#line-assessment .under-page-header .fv-sec h1 span{
			font-size : 70px;
		}
		#line-assessment .under-page-header .fv-sec .vertical-txt{
			position : absolute;
			top : 20px;
			right : 10px;
			font-family : "Noto Serif JP" , serif;
			font-size : 18px;
			font-weight : 400;
			line-height : 32px;
			text-shadow : 0 4px 4px #06c75566;
			letter-spacing : 2px;
			writing-mode : vertical-rl;
		}
		#line-assessment .under-page-header .fv-sec .vertical-txt span{
			margin-top : 3em;
		}
		#line-assessment .under-page-header .sokkin{
			top : -100px;
			left : 0;
		}
		#line-assessment .under-page-header .fv-sec .ttl-position .point-box{
			position : relative;
			padding : 16px 0 6px;
			margin-left : 0;
			background-color : unset;
		}
		#line-assessment .under-page-header .fv-sec .ttl-position .point-box p{
			position : absolute;
			top : 50%;
			left : 45%;
			transform : translate( -35% , -50% );
		}
		#line-assessment .wide-reason .reason-box{
			min-height : 380px;
		}
		.purchase-guide-box{
			padding : 16px 10px;
			margin-bottom : 20px;
			color : #fff;
			background-color : #62a6a9;
			border-radius : 10px;
			box-shadow : 0 4px 4px #00000040;
		}
		.purchase-guide-box h3{
			margin-bottom : 6px;
			font-size : 18px;
			font-weight : 400;
		}
		.purchase-guide-box p{
			font-size : 12px;
			line-height : 18px;
		}
		.purchase-guide-box img{
			width : 36px;
			margin-right : 16px;
		}
		.satei-point-box{
			padding : 20px 20px 40px;
			margin-bottom : 30px;
			background-color : #fff;
			border : 1px solid #e6e3cf;
		}
		.satei-point-box .col-1-2{
			position : relative;
			width : 45%;
			margin : 0 6px 20px;
		}
		.satei-point-box p{
			margin-top : 10px;
			font-size : 14px;
			font-weight : 500;
		}
		.satei-point-box .satei-point-num{
			position : absolute;
			top : 0;
			left : 0;
			padding : 4px;
			margin-top : 0;
			font-size : 16px;
			font-weight : 600;
			color : #fff;
			text-align : center;
			background-color : #00b900;
		}
		.satei-section .ttl-head{
			padding : 10px 0;
			background-color : #3bd42e;
			border-radius : 10px 10px 0 0;
		}
		.satei-section .ttl-head h3{
			margin : 0;
			font-size : 16px;
			font-weight : 700;
			color : #fff;
			text-align : center;
			letter-spacing : .8px;
		}

		/* delivery */
		#purchase-delivery .under-page-header .fv-sec .ttl-position{
			position : absolute;
			bottom : 5%;
		}
		#purchase-delivery .under-page-header .sokkin{
			top : -120px;
			right : 0;
		}
		#purchase-delivery .under-page-header .fv-sec h1{
			margin-bottom : 20px;
			font-size : 90px;
			line-height : 64px;
		}
		#purchase-delivery .under-page-header .fv-sec h1 span{
			font-size : 40px;
			background-image : radial-gradient( circle at center , #000 10% , transparent 10% ); /* 点の色とサイズ調整 */
			background-repeat : repeat-x; /* 横方向に繰り返し */
			background-position : top right; /* 点の位置 */
			background-size : 1em .3em; /* 点の間隔とサイズ調整 */
		}
		#purchase-delivery .under-page-header .fv-sec .ttl-position .fv-fukidashi{
			font-family : "Noto Serif JP" , serif;
			font-size : 24px;
			font-weight : 400;
		}
		#purchase-delivery .under-page-header .fv-sec .ttl-position .point-box{
			width : 48%;
			min-width : unset;
			padding : 10px;
			font-size : 14px;
			text-align : center;
		}
		.limited-bnr{
			display : block;
			max-width : 900px;
			padding : 20px 0;
			margin : 0 auto;
			background : linear-gradient( to bottom , #62a6a9 , #62a6a980 );
		}
		.limited-bnr .bnr-inner{
			position : relative;
			max-width : 250px;
			margin : 0 auto;
		}
		.limited-bnr .ttl-head{
			padding : 6px 0;
			font-size : 16px;
			color : #fff;
			text-align : center;
			letter-spacing : 1.2px;
			background-color : #877b69;
		}
		.limited-bnr .body-content{
			padding : 10px;
			border : 1px solid #877b69;
		}
		.limited-bnr .body-content p{
			font-size : 14px;
			font-weight : 500;
			letter-spacing : 2px;
		}
		.limited-bnr .body-content p span{
			font-size : 24px;
			font-weight : 700;
		}
		.limited-bnr .body-content .white-box{
			align-content : center;
			width : 36px;
			height : 36px;
			padding : 4px 6px;
			margin-right : 10px;
			font-size : 10px;
			line-height : 12px;
			letter-spacing : .8px;
		}
		.limited-bnr .bnr-inner .left-item , .limited-bnr .bnr-inner .right-item{
			position : absolute;
			bottom : -15px;
			width : auto;
			height : 80px;
		}
		.limited-bnr .bnr-inner .left-item{
			left : -85px;
		}
		.limited-bnr .bnr-inner .right-item{
			right : -60px;
		}
		.case-box{
			display : flex;
			padding : 20px 16px;
			background-color : #e6e3cf;
		}
		.case-box img{
			margin-bottom : 10px;
		}
		.case-box .ymd{
			line-height : 10px ! important;
		}
		.case-box h3{
			margin-bottom : 20px;
			font-size : 14px;
			line-height : 22px;
		}
		.case-box .case-tag{
			padding : 4px;
		}
		.splide__slide .case-box{
			height : 450px;
		}
		.kit-section p{
			line-height : 24px;
		}
		.kit-box{
			/* position: absolute;
		right: 0%;
		top:-80px; */
			width : 44%;
			margin-top : 10px;
			margin-left : 10px;
		}
		.kit-section .col-1-3{
			width : 100%;
			margin-bottom : 10px;
		}
		.kit-section .col-2-3{
			width : 100%;
		}
		.kit-section .kit-ttl{
			padding : 10px 0;
			margin-bottom : 20px;
			font-size : 16px;
			line-height : 24px;
			color : #292929;
			letter-spacing : 1px;
			border-top : 1px solid #62a6a9;
			border-bottom : 1px solid #62a6a9;
		}
		.kit-section .kit-ttl span{
			font-size : 20px;
			font-weight : 600;
		}
		.kit-section .icon-free{
			/* width:46px; */
			width : 44%;
			margin-top : 10px;
			margin-right : 10px;
		}
		.soryo-list ul li{
			margin-bottom : 10px;
			font-size : 18px ;
			font-weight : 700;
			color : #62a6a9;
		}
		.soryo-list ul li span{
			font-size : 12px ;
		}
		.soryo-list img{
			width : 20px;
			margin-right : 6px;
			vertical-align : middle;
		}

		/* product */
		#product .col-1-3{
			margin : 0 13px 20px;
		}
		#product .under-page-header .fv-sec .ttl-position .sokkin{
			top : -85px;
		}
		.product-discription{
			width : auto;
			margin : 0 auto;
		}
		.product-discription p{
			font-size : 16px;
			line-height : 24px;
		}
		.possible-section .lead-txt{
			font-size : 16px;
			font-weight : 300;
		}
		.possible-section .possible-box{
			position : relative;
		}
		.possible-section .possible-box .ok-circle{
			position : absolute;
			top : -20px;
			left : 80px;
			align-content : center;
			width : 60px;
			height : 60px;
			font-size : 18px;
			font-weight : 600;
			color : #fff;
			text-align : center;
			letter-spacing : 4px;
			background-color : #62a6a9;
			border-radius : 50px;
		}
		.possible-section .possible-box p{
			font-size : 14px;
			font-weight : 400;
		}
		.possible-section .possible-box p.detail{
			font-size : 12px;
			line-height : 24px;
		}
		.breadcrumb{
			width : 100%;
			max-width : 1400px;
			margin : 10px auto 0;
		}
		.breadcrumb p{
			letter-spacing : .8px;
		}
		.breadcrumb-arrow{
			display : inline-block;
			width : 6px;
			height : 6px;
			margin : 0 12px 3px 12px;
			border-top : 1px solid #000;
			border-right : 1px solid #000;
			transform : rotate( 45deg );
		}

		/* footer */
		.footer-logo{
			max-width : 200px;
		}
		footer ul li{
			font-size : 12px;
			letter-spacing : .8px;
		}
		footer a:hover , footer ul li a:hover{
			opacity : .7;
			transition : .3s;
		}
		footer .col-1-4{
			width : 22%;
			margin : 20px 4px 20px;
		}
		footer .col-2-3 .flex{
			justify-content : space-between;
		}
		footer .copyright{
			font-size : 12px;
			font-weight : 300;
			line-height : 18px;
			letter-spacing : 1.2px;
		}

		/* sp nav */
		.humberger-btn{
			display : block;
		}
		.sp-nav-area.active{
			position : fixed;
			top : 0;
			left : 0;
			z-index : 9;
			width : 100%;
			height : 100%;
			overflow-y : auto;
			pointer-events : auto;
			visibility : visible;
			background : linear-gradient( to right , #62a6a9 , #90c0c2 );
			opacity : 1;
		}
		.active .sp-nav{
			width : 85%;
			margin : 100px auto 0;
		}
		.sp-nav li{
			padding : 24px 0;
			font-size : 16px;
			font-weight : 300;
			line-height : 20px;
			color : #fff;
			letter-spacing : .8px;
			border-bottom : 2px solid #fff;
		}
		.sp-nav li .en-nav{
			font-size : 12px;
		}
		.sp-nav li ul{
			padding-left : 20px;
		}
		.sp-nav li ul li{
			padding : 12px 0;
			font-size : 14px;
			border-bottom : none;
		}
		.dli-chevron-up{
			box-sizing : border-box;
			display : inline-block;
			width : 8px;
			height : 8px;
			margin-right : 4px;
			line-height : 1;
			color : #fff ! important;
			vertical-align : middle;
			border : .1em solid currentColor;
			border-bottom : 0;
			border-left : 0;
			transform : translateY( 25% ) rotate( 135deg );
		}
		.dropdown-menu.open .dli-chevron-up{
			transition : .3s;
			transform : translateY( 25% ) rotate( -45deg );
		}
		.dropdown-menu-list{
			display : none;
		}
		.dropdown-menu.open .dropdown-menu-list{
			display : block;
		}
		.sp-nav-area .btn{
			width : 80%;
			padding : 20px 0;
		}

		/* slider */
		.splide{
			/* overflow: hidden; */
		}

		/* slider */
		/* 選択されていないサムネイルは薄くする */
		.splide__slide{
			opacity : 1;
		}

		/* 選択されているサムネイルだけ透過しない */
		.splide__slide.is-active{
			opacity : 1;
		}

		/* 画像サイズ調整 */
		.splide__slide img{
			width : 100%;
			height : auto;
		}
		.reason-splide .splide__list , .flow-splide .splide__list , .possible-splide .splide__list{
			padding-top : 40px ! important;
		}
		.voice-splide .splide__list{
			padding-top : 40px ! important;
			padding-bottom : 40px ! important;
		}
		.reason-splide .splide__track{
			overflow-x : hidden ! important;
			overflow-y : visible ! important;
		}
		.reason-splide .splide__slide{
			opacity : 1;
		}
		.reason-splide .splide__arrow{
			background : #62a6a9;
			opacity : 1;
		}
		.reason-splide .splide__arrow svg{
			fill : #fff;
		}
		.reason-splide .splide__pagination__page{
			background : #d9d9d9;
		}
		.reason-splide .splide__pagination__page.is-active{
			background : #62a6a9;
		}

		/* スライダーの幅 */
		.access-slider.slider-sec{
			width : 100%;
			max-width : 630px;
			margin-inline : auto;
		}
		.access-slider .splide__track{
			margin-top : 16px;
		}
		.access-slider .splide__arrow{
			top : -150%;
			background : #62a6a9;
			opacity : 1;
			transform : translateY( -150% );
		}
		.access-slider .splide__arrow--prev{
			top : -95px;
			left : 1em;
		}
		.access-slider .splide__arrow--next{
			top : -95px;
			right : 1em;
		}
		.access-slider .splide__track--nav{
			display : none ! important;
		}

		/* accordion */
		.accordion-trigger{
			padding : 16px 20px;
			font-size : 16px;
			line-height : 24px;
		}
		.accordion-content.open{
			max-height : 100%;
		}
		.accordion-body{
			padding : 16px 20px;
			font-size : 14px;
			line-height : 30px;
		}
		.icon-wrap{
			width : 15px;
			height : 15px;
		}
		.q-icon{
			width : 12%;
			font-size : 20px;
		}
		.a-icon{
			width : 12%;
			font-size : 20px;
		}

		/* tab */
		.tab{
			padding : 0;
		}
		.tab-buttons .contact{
			padding : 16px 4px;
			margin-right : 3px;
			font-size : 16px;
			line-height : 24px;
		}
		.tab-buttons .recruit{
			padding : 16px 4px;
			margin-left : 3px;
			font-size : 16px;
			line-height : 24px;
		}
		.tab-contents .content{
			padding : 20px;
		}
		.tab-contents .content .bg-white{
			padding : 30px 20px;
		}
		.tab-contents .content label{
			font-size : 16px;
		}
		.tab-contents .content label .must{
			font-size : 10px;
		}
		input{
			height : 50px;
			padding : 10px;
		}
		select{
			height : 50px;
			padding : 10px;
		}
		textarea{
			padding : 10px;
		}
		::placeholder{
			line-height : 24px;
			color : #beb7b1;
		}
		.product-img-box{
			padding : 10px;
		}
		.product-img-box p{
			font-size : 16px;
			line-height : 24px;
		}
		.product-img-box input{
			padding : 8px;
		}
		::file-selector-button{
			padding : 6px;
			margin-right : 4px;
		}
		input[type="submit"]{
			width : auto;
			padding : 16px 80px;
		}

		/* 下層ページ */
		.breadcrumb{
			max-width : 90%;
		}
		.breadcrumb p{
			font-size : 12px;
			letter-spacing : .8px;
		}
		.breadcrumb-arrow{
			display : inline-block;
			width : 6px;
			height : 6px;
			margin : 0 12px 3px 12px;
			border-top : 1px solid #000;
			border-right : 1px solid #000;
			transform : rotate( 45deg );
		}

		/* 店舗案内 */
		.access-table th , .access-table td{
			display : block;
			width : 100%;
			padding : 16px 24px;
		}
		.access-table th{
			font-size : 14px;
		}
		.access-table td{
			font-size : 14px;
			line-height : 20px;
			border-left : 1px solid #877b6980;
		}
		.access-table .cta.tel , .access-table .cta.line-btn{
			display : block;
		}
		.access-table .cta a{
			font-size : 14px;
		}
		.access-table .link-icon{
			height : 20px;
		}
		.access-table th img{
			width : 18px;
		}
		.gmap{
			height : 240px;
		}

		/* faq */
		.faq-link .col-1-4{
			width : 100%;
			padding : 16px 20px;
			margin-bottom : 16px;
		}
		.faq-link .col-1-4 h3{
			margin : 0;
			font-size : 16px;
		}
		.faq-link .col-1-4 img{
			display : none;
		}
		.faq-link .col-1-4 img.faq-link-arrow{
			display : none;
		}

		/* single */
		.ttl-single{
			font-size : 24px;
			font-weight : 200;
			color : #fff;
		}
		#single h1{
			font-size : 24px;
			font-weight : 300;
			line-height : 32px;
		}
		#single h2{
			padding : 10px;
			margin : 20px 0 6px;
			font-size : 22px;
			font-weight : 300;
			line-height : 30px;
			color : #292929;
			background-color : #f4f4f4;
			border-left : 4px solid #62a6a9;
		}
		#single h3{
			padding : 10px;
			margin : 20px 0 6px;
			font-size : 18px;
			font-weight : 300;
			line-height : 24px;
			color : #292929;
			border-top : 2px solid #62a6a9;
			border-bottom : 2px solid #62a6a9;
		}
		#single h4{
			width : fit-content;
			padding : 6px 0;
			margin : 20px 0 6px;
			font-size : 16px;
			font-weight : 300;
			line-height : 20px;
			color : #292929;
			border-bottom : 2px solid #62a6a9;
		}
		#single p{
			line-height : 22px;
		}
		#single .container , #archive .container{
			width : 90%;
			margin : 0 auto;
		}
		#single aside , #archive aside{
			width : 90%;
			margin : 20px auto 0;
		}
		#single .ttl , #archive .ttl{
			position : relative;
			width : fit-content;
			border-bottom : solid 3px #e6e3cf;
		}
		#single .ttl::after , #archive .ttl::after{
			position : absolute;
			bottom : -2px;
			display : block;
			width : 50%;
			content : " ";
			border-bottom : solid 3px #62a6a9;
		}
		#single .link-box-flex , #archive .link-box-flex{
			display : flex;
		}
		#single .link-box , #archive .link-box{
			display : flex;
			align-items : center;
			width : 48%;
			margin : 20px 4px 10px;
		}
		#single .link-box img , #archive .link-box img{
			width : 25%;
		}
		#single .link-box p , #archive .link-box p{
			margin-left : 10px;
			font-size : 14px;
			font-weight : 400;
			line-height : 18px;
		}
		#single .link-box p span , #archive .link-box p span{
			font-size : 10px;
		}
		#single .link-box.delivery , #archive .link-box.delivery{
			color : #62a6a9;
			border : 1px solid #62a6a9;
		}
		#single .link-box.delivery:hover , #archive .link-box.delivery:hover{
			color : #fff;
			background-color : #62a6a9;
			transition : .3s;
		}
		#single .link-box.line-satei , #archive .link-box.line-satei{
			color : #06c755;
			border : 1px solid #06c755;
		}
		#single .link-box.line-satei:hover , #archive .link-box.line-satei:hover{
			color : #fff;
			background-color : #06c755;
			transition : .3s;
		}
		#single .link-box.arrow-right , #archive .link-box.arrow-right{
			position : relative;
		}
		#single .link-box.arrow-right::after , #archive .link-box.arrow-right::after{ /* くの字の表示設定 */
			position : absolute;
			top : 0;
			bottom : 0;
			right : 10px;
			width : 8px;    /* くの字を山なりに見た時、左側の長さ */
			height : 8px;   /* くの字を山なりに見た時、右側の長さ */
			margin : auto;
			content : "";
			border-top : 1px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
			border-right : 1px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
			transform : rotate( 45deg );    /* くの字の向き */
		}
		#single .link-box.delivery.arrow-right::after , #archive .link-box.delivery.arrow-right::after{
			border-top : 1px solid #62a6a9;     /* くの字を山なりに見た時、左側の太さと色 */
			border-right : 1px solid #62a6a9;   /* くの字を山なりに見た時、右側の太さと色 */
		}
		#single .link-box.line-satei.arrow-right::after , #archive .link-box.line-satei.arrow-right::after{
			border-top : 1px solid #06c755;     /* くの字を山なりに見た時、左側の太さと色 */
			border-right : 1px solid #06c755;   /* くの字を山なりに見た時、右側の太さと色 */
		}
		#single aside h2 , #archive aside h2{
			padding : 6px 0;
			margin-bottom : 10px;
			font-size : 16px;
			font-weight : 600;
			background-color : unset;
			border : none;
		}
		#single aside h2 img , #archive aside h2 img{
			width : 25px;
			vertical-align : middle;
		}
		#single aside .column-box img , #archive aside .column-box img{
			width : 220px;
			height : 80px;
			object-fit : cover;
		}
		#single aside .column-box .ymd , #archive aside .column-box .ymd{
			font-size : 14px;
			font-weight : 600;
		}
		#single aside .column-box h3 , #archive aside .column-box h3{
			font-size : 12px;
			font-weight : 400;
		}
		#single aside .column-box .column-box-detail , #archive aside .column-box .column-box-detail{
			margin-left : 10px;
		}
		#single .single-genre-btn{
			display : block;
			padding : 20px 60px;
			margin-bottom : 20px;
			font-size : 20px;
			font-weight : 400;
			letter-spacing : .8px;
			border : 1px solid #e6e3cf;
		}
		#single .single-genre-btn:hover{
			background-color : #e6e3cf;
			transition : .3s;
		}
		#single .single-genre-btn.arrow-right{
			position : relative;
		}
		#single .single-genre-btn.arrow-right::after{ /* くの字の表示設定 */
			position : absolute;
			top : 0;
			bottom : 0;
			right : 80px;
			width : 10px;    /* くの字を山なりに見た時、左側の長さ */
			height : 10px;   /* くの字を山なりに見た時、右側の長さ */
			margin : auto;
			content : "";
			border-top : 2px solid #877b69;     /* くの字を山なりに見た時、左側の太さと色 */
			border-right : 2px solid #877b69;   /* くの字を山なりに見た時、右側の太さと色 */
			transform : rotate( 45deg );    /* くの字の向き */
		}
		#single .single-genre-btn img{
			width : 25px;
		}
		.btn-trigger{
			margin-top : 10px;
		}

		/* case-purchase */
		#case-purchase{
			max-width : 90%;
			margin : 0 auto;
		}
		#case-purchase h1{
			font-size : 24px;
			line-height : 32px;
		}
		#case-purchase .img-area , #case-purchase .detail-area{
			width : 100%;
			margin : 0 auto;
		}
		#case-purchase .img-area .product-level{
			display : none;
		}
		#case-purchase .detail-area h2.ttl{
			width : 100%;
			margin-bottom : 0 ! important;
			font-size : 24px;
			font-weight : 300;
			text-align : center;
		}
		#case-purchase .detail-area h2.ttl .price-red{
			font-size : 36px;
			font-weight : 600;
			line-height : 42px;
			color : #e85454;
		}
		#case-purchase .detail-area h2.ttl .price-unit{
			font-size : 18px;
			font-weight : 600;
			color : #e85454;
		}
		#case-purchase .detail-area .discription-area{
			padding : 10px 0 20px;
		}
		#case-purchase .detail-area .discription-area h2{
			margin : 20px 0 10px;
			font-size : 16px;
		}
		#case-purchase .detail-area .discription-area p{
			font-size : 14px;
		}
		#case-purchase .cat-ttl{
			padding : 10px 20px;
			font-size : 16px;
			font-weight : 400;
			color : #fff;
			background-color : #877b69;
			border-radius : 6px 6px 0 0 ;
		}
		#case-purchase .cat-name{
			padding : 20px;
			font-size : 14px;
			background-color : #e6e3cf;
			border-radius : 0 0 6px 6px;
		}

		/* add-component */
		.assessment-box{
			justify-content : space-between;
			padding : 10px 16px;
		}
		.assessment-box .col-1-2-sp{
			width : 45% ! important;
			margin : 0 6px ! important;
		}
		.assessment-box img{
			margin-bottom : 10px;
			border-radius : 3px;
		}
		.assessment-box h3{
			margin-bottom : 10px;
			font-size : 16px;
			line-height : 24px;
		}
		.assessment-box p{
			padding : 0 10px;
			margin-bottom : 20px;
			font-size : 14px;
			line-height : 20px;
		}
		.assessment-tll-wide .ttl{
			width : 100%;
		}
		.assessment-tll-wide .ttl.long-ttl::before{
			top : -54px;
		}
		.assessment-tll-wide .h2-fukidashi{
			font-size : 16px;
			line-height : 24px;
		}
		.market-box{
			padding : 20px 16px;
			margin-bottom : 20px;
		}
		.market-box .align-center{
			align-items : flex-start;
			justify-content : space-between;
		}
		.market-box .img-area{
			width : 45%;
			margin-bottom : 20px;
			margin-right : 0;
		}
		.market-box .txt-area{
			position : relative;
			width : 45%;
		}
		.market-box .txt-area .intro-txt{
			padding-bottom : 30px;
			font-size : 12px;
			line-height : 16px;
		}
		.market-box .price-txt{
			position : absolute;
			bottom : 10px;
			left : 0;
			margin-left : 0;
			font-size : 20px;
		}
		.market-box .price-txt .unit{
			font-size : 14px;
		}
		.market-box .txt-area .text-black{
			font-size : 18px;
			font-weight : 400;
			color : #000;
		}
		.market-box .txt-area .hosoku{
			position : absolute;
			bottom : -10px;
			right : 0;
			width : 195%;
			font-size : 10px;
		}
		.history-box{
			position : relative;
			display : block;
			max-width : 100%;
		}
		.history-box .txt-area , .history-box .img-area{
			width : 100%;
		}
		.history-box .txt-area{
			position : absolute;
			padding : 10px 20px;
			background : rgb( 24 24 23 / .6 );
		}
		.history-box .txt-area p{
			line-height : 22px;
			color : #fff;
			letter-spacing : .8px;
		}

		/* 追従リンク */
		.floating-link.up{
			display : none;
		}
		.floating-link.bottom{
			position : fixed;
			bottom : 0;
			right : 0;
			display : flex;
			width : 100%;
		}
		.floating-link a{
			display : inline-block;
			width : 20%;
		}
		.floating-link a img{
			display : block;
			width : 100%;
			height : auto;
			margin : 0;
		}
		.floating-link a.float-tel-bnr{
			position : relative;
			display : block;
			width : 60%;
			min-width : unset;

			/* height:72px; */
			height : auto;
			padding : 6px 10px 4px;
			margin : 0;
			font-size : 12px;
			border-radius : 0;
			box-shadow : unset;
		}
		.floating-link a.float-tel-bnr .bnr-tel-num{
			display : inline-block;
			margin : 0 0 4px;
			font-size : 24px;
		}
		.floating-link a.float-tel-bnr span{
			display : unset;
			margin : 0;
			font-size : 36px;
		}
		.floating-link a.float-tel-bnr .pc{
			display : none;
		}
		.floating-link a.float-tel-bnr img{
			position : absolute;
			top : -24px;
			left : -20px;
			width : 127px;
			height : 41px;
		}
		.right-sp{
			text-align : right ! important;
		}

		/* ページネーション */
		.page-numbers{
			font-size : 17px;
		}
	}
	@media screen and ( max-width : 1000px ){
		.sub-nav .nav-item a{
			padding : 0 20px;
		}
		.sub-nav .nav-item:last-child a{
			padding : 0 20px;
		}
		.main-nav .nav-item a span{
			padding : 0 40px;
		}
		.main-nav #storeguide-menu .hover-menu a{
			padding : 10px 44px;
		}
		.main-nav #purchase-menu .hover-menu a{
			padding : 10px 42px;
		}
	}
	@media screen and ( min-width : 1250px ){
		.main-nav #product-menu .hover-menu{
			left : 0;
			width : 400px ! important;
		}
	}
	@media screen and ( min-width : 1100px ){
		.main-nav #product-menu .hover-menu{
			left : 0;
			width : 320px;
		}
	}
}