@charset "utf-8";
/* CSS Document */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{
	max-width: 100%;
}

/*---------------------------------
共通スタイル
---------------------------------*/
:root{
	--base-text-color:#5a4444;
	--base-text-color-hex: 90, 68, 68;
	--red: #9f0b15;
	--pink: #f0829e;
	--light-pink: #f3dce2;
	--green: #78bb6a;
	--light-green: #dbefbe;
	--text-green: #459135;
	--text-line: #ffc75a;
	--base-font: "Shippori Mincho", serif;
	--noto: "Noto Sans JP", sans-serif;
	--en: "Ephesis", cursive;
}
body{
	line-height: 1;
  	font-weight: 500;
}

#kyougi_lp{
	color: var(--base-text-color);
    font-family: var(--base-font);
    font-size: 16px;
	font-style: normal;
    line-height: 1.75;
}

#kyougi_lp a{
	color: inherit;
}

#kyougi_lp img{
	vertical-align: middle;
}

.inner{
	width: 100%;
	max-width: 1100px;
	padding-inline: 50px;
	margin-inline: auto;
}

.--wide{
	max-width: 1300px;
}

.block{
	display: block;
}

.inbl {
	display: inline-block;
}

.text-green{
	color: var(--text-green);
}

.text-pink{
	color: var(--pink);
}

.bg-pink{
	background-color: var(--pink);
	color: #fff;
}

.line {
	background: linear-gradient(transparent 70%, var(--text-line) 70%);
	text-decoration: none;
	font-size: 1em !important;
}

.section{
	padding-top: 180px ;
	padding-bottom: 175px;
}

.section__title{
	font-size: 60px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
	margin-left: 0.2em;
}

.section__title .--deco-branch{
	display: inline-block;
	padding-top: 2.08em;
	position: relative;
}

.section__title .--deco-branch::before{
	content: "";
	display: block;
	background-image: url("image/kyougi_lp/section-title-branch.png");
	background-size: contain;
	width: 3.316em;
	aspect-ratio: 199/100;
	position: absolute;
	top: 0;
	left: -1.35em;
}

.webp .section__title .--deco-branch::before{
	background-image: url("image/kyougi_lp/section-title-branch.png.webp");
}

.section__title .--large{
	font-size: 1.2em;
}

a[href^="tel:"] {
    pointer-events: none;
}

@media screen and (max-width: 1499px) {
	.section{
		padding-block: 12vw;
	}

	.section__title{
		font-size: max(44px, 4vw);
	}
}

@media screen and (max-width: 1024px) {
	.section__title {
		font-size: max(38px, 4.3vw);
	}
}

@media screen and (max-width: 768px) {
	.inner{
		padding-inline: 5vw;
	}

	.section{
		padding-top: 60px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 767px){
    a[href^="tel:"] {
        pointer-events:all;
    }
}

@media screen and (max-width: 649px) {
	.section__title {
		font-size: max(24px, 5.8vw);
	}
}

@media screen and (max-width: 499px) {
	.section {
		padding-top: 40px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 399px) {
	.section__title {
		font-size: min(7.2vw, 26px);
	}
}

/*---------------------------------
CV
---------------------------------*/
.cv{
	background: #867670;
	background: linear-gradient(180deg,#867670 0%, #5A4444 100%);
	color: var(--base-text-color);
    font-family: var(--base-font);
	font-size: 24px;
	padding-top: 80px;
	padding-bottom: 75px;
}

.cv_body-wrap{
	position: relative;
}

.cv_body{
	background-color: #fff;
	border-radius: 18px;
	/* position: relative; */
}

.cv_info{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #F4B4C5;
	background: linear-gradient(170deg,#F4B4C5 0%, #f0829f 100%);
	border-radius: 50%;
	font-weight: bold;
	line-height: 1;
	width: 7.5em;
	aspect-ratio: 1/1;
	position: absolute;
	top: -18px;
	left: -50px;
	z-index: 1;
}

.cv_info-top{
	color: #fff;
	letter-spacing: -0.05em;
	margin-top: 10px;
    font-size: 18px;
    text-align: center;
    /*font-feature-settings: "palt";*/
}

.cv_info-middle{
	color: #fff;
	/*letter-spacing: 0.025em;
	margin-top: -0.1em;*/
    display: flex;
    align-items: flex-end;
}

.cv_info-middle .--large{
	font-size: 2em;
	letter-spacing: -0.01em;
}

.cv_info-bottom {
    background-color: #fff;
    border-radius: 4px;
    color: #f0829f;
    /*letter-spacing: 0.2em;*/
    text-align: center;
    /*width: 4.3em;*/
    /*margin-top: 0.3em;*/
    padding: 2px 4px 5px 4px;
    font-size: 22px;
    margin-left: 5px;
}

.cv__heading{
	background-color: var(--light-green);
	border-radius: 18px 18px 0 0;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 0.8em;
	padding-inline: 1em;
	text-align: center;
}

.cv__heading-inner{
	width: fit-content;
	margin-inline: auto;
}

.cv__heading-top{
	font-size: 1.333em;
	letter-spacing: -0.01em;
}

.cv__heading-bottom{
	text-align: center;
	position: relative;
	z-index: 0;
}

.cv__heading-bottom span{
	background-color: var(--light-green);
	padding-inline: 0.5em;
	letter-spacing: 0.1em;
}

.cv__heading-bottom::before{
	content: "";
	display: block;
	background-color: var(--base-text-color);
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.cv_inner{
	padding: 1em 2em 1.7em 1.7em;
}

.cv_inner-top{
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-left: 1em;
	text-align: center;
}

.cv_inner_bottom{
	margin-top: 32px;
	display: flex;
	justify-content: space-evenly;
	gap: 65px;
	line-height: 1;
}

.cv_inner_bottom-tel{
	display: flex;
	gap: 16px;
}

.cv__tel-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    aspect-ratio: 1/1;
    background-color: var(--green);
    border-radius: 50%;
    color: #fff;
    font-size: 0.65em;
    gap: 0.3em;
    letter-spacing: 0.05em;
}

.cv__tel-icon-img{
	display: inline-block;
	width: 45px;
	aspect-ratio: 45/46;
}

.cv__tel-main{
	display: flex;
	flex-direction: column;
	font-size: 20px;
    margin-top: -0.6em;
}

.cv__tel-main-num{
	color: var(--green);
	/*font-size: 3em;*/
    font-size: clamp(72px, 6.8vw, 78px);
	font-weight: bold;
	letter-spacing: -0.025em;
}
	.cv__tel-main-num .small {
		font-size: 0.95em;
	}

.cv__tel-main-text{
	font-weight: 600;
	letter-spacing: 0.05em;
	text-align: center;
	margin-top: 0.8em;
}

footer .cv__tel-main-num,
footer .cv__mail-text{
    color: var(--base-text-color);
}

/*.cv_inner_bottom-mail {
    flex: 1;
    margin-top: 0.8em;
    padding-right: 1em;
}*/

.cv_inner_bottom-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding-right: 1em;*/
    gap: 10px;
}

.cv_inner_bottom-link a{
    display: flex;
    align-items: center;
}

.cv_inner_bottom-link .sp-btn{
    display: none;
}

/*.cv__mail-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #93CF86;
	background: linear-gradient(130deg,#93CF86 0%, #64AD5D 100%);
	border-radius: 10px;
	color: #fff !important;
	letter-spacing: 0.025em;
	padding: 1em 0 0.8em 0.8em;
}*/

footer .cv__mail-btn{
    align-items: center;
}

/*.cv__mail-icon{
	width: 1.375em;
	aspect-ratio: 33/22;
}*/

.cv__mail-icon{
    width: 1.3em;
    margin-right: 10px;
}

.cv__mail-text{
	margin-top: -0.2em;
    font-size: 20px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
	font-weight: 600;
}

.cv_caution{
	color: #fff;
	font-family: var(--noto);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.715;
	text-align: center;
	margin-top: 25px;
}

.cv_caution a{
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.5em;
}

@media screen and (max-width: 1194px) {
	.cv_info {
		left: -40px;
	}

	.cv_inner_bottom {
		gap: 5vw;
	}

	/*.cv_inner_bottom-mail {
		padding-right: 0;
	}

	.cv__mail-btn {
		padding: 1em 0.4em 0.8em 0.4em;
	}*/

	.cv__heading-inner {
		position: relative;
		left: 3vw;
	}
    .cv__tel-main-num{
        font-size: clamp(56px, 6.8vw, 72px);
    }
}

@media screen and (max-width: 1024px) {
	.cv {
		/* padding-top: 16vw; */
		padding-top: 60px;
	}

	.cv_info {
		flex-direction: row;
		width: fit-content;
		aspect-ratio: auto;
		border-radius: 10px;
		gap: 1em;
		align-items: flex-end;
		font-size: 2.7vw;
		padding: 0.2em 1.5em 0.3em;
		/* top: -10vw;
		left: 50%;
		transform: translateX(-50%); */
		white-space: nowrap;
		top: auto;
		position: static;
		transform: none;
		margin-inline: auto;
		margin-top: 30px;
	}

	.cv_info-top {
		margin-top: 0.2em;
		margin-bottom: 0.3em;
	}

	.cv_info-middle .--large {
		font-size: 2.1em;
	}

	.cv_info-bottom {
		margin-top: 0;
		margin-bottom: 0.2em;
		/*padding-left: 0.4em;*/
        margin-left: 0.5em;
	}

	.cv_inner {
		padding: 1em 3vw;
	}

	.cv_inner-top {
		font-size: min(2.6vw, 24px);
	}

	.cv_inner_bottom {
		gap: 3vw;
		margin-top: 20px;
	}

	.cv__heading-inner {
		position: static;
	}

	.cv__heading-top {
		font-size: min(3.4vw, 32px);
	}

	.cv__heading-bottom{
		font-size: min(2.6vw, 24px);
	}

	.cv_inner_bottom-tel {
		gap: 1.6vw;
	}

	.cv__tel-icon {
		font-size: 1.5vw;
		width: 9.8vw;
		height: 9.7vw;
	}

	.cv__tel-icon-img {
		width: 4.5vw;
	}

	.cv__tel-main {
		font-size: max(16px, 1.95vw);
	}

	/*.cv_inner_bottom-mail {
		margin-top: 1.8vw;
	}

	.cv__mail-btn {
		font-size: min(2.6vw, 22px);
	}*/
    .cv__mail-text {
        font-size: 16px;
    }

}

@media screen and (max-width: 1035px) {
	/*.cv__mail-btn {
		font-size: 2.2vw;
	}*/
}
	
@media screen and (max-width: 960px) {
    .cv__tel-main-num{
        font-size: clamp(48px, 6.6vw, 64px);
    }
	.cv__tel-main-num .small {
		font-size: 0.92em;
	}
	/*.cv__mail-btn {
		font-size: 2.2vw;
	}*/
    .cv__mail-text {
        font-size: 15px;
    }
}
	
@media screen and (max-width: 768px) {
	.cv {
		/* padding-top: 120px; */
		padding-bottom: 60px;
	}

	.cv_inner {
		padding-inline: 5vw;
	}

	.cv_info {
		font-size: 20px;
		top: -75px;
	}

	.cv_inner_bottom {
		gap: 20px;
		flex-direction: column;
	}

	.cv__heading-top {
		font-size: 22px;
		line-height: 1.4;
	}
	.cv__heading-bottom {
		font-size: 18px;
		margin-top: 0.5em;
	}

	.cv_inner-top {
		font-size: clamp(16px, 3.272vw ,19px);
		margin-left: 0;
	}

	.cv_inner_bottom-tel {
		gap: 2.5vw;
		justify-content: center;
		align-items: center;
	}

	.cv__tel-icon {
		font-size: 2vw;
		width: 13vw;
		height: 13vw;
	}

	.cv__tel-icon-img {
		width: 5vw;
	}

	.cv__tel-main {
		font-size: 3.125vw;
	}
		.cv__tel-main .small {
			font-size: 8vw;
		}

	.cv__tel-main-num{
		/*font-size: 9.25vw;*/
        font-size: clamp(48px, 9vw, 64px);
	}

	.cv__tel-main-text {
		margin-top: 0.5em;
	}

	/*.cv__mail-btn {
		font-size: 20px;
	}*/
    .cv_inner_bottom-link{
        flex-direction: row;
        gap: 20px;
        padding-right: 0;
    }
    
    .cv__mail-text{
        font-size: clamp(14px, 3vw, 16px);
    }
    
    .cv__mail-icon{
        width: 1em;
        margin-right: 5px;
    }
    .cv_inner_bottom-link .pc-btn{
        display: none;
    }
    .cv_inner_bottom-link .sp-btn{
        display: inline-flex;
    }
}

@media screen and (max-width: 599px) {
	.cv {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.cv__tel-main {
		font-size: max(15px, 3.3vw);
	}

	.cv__tel-main-num {
		font-size: 9.5vw;
		white-space: nowrap;
	}

	/*.cv_inner_bottom-mail {
		margin-top: 0;
	}*/
}

@media screen and (max-width: 499px) {
	.cv_caution {
		text-align: left;
	}

	.cv_caution .inbl{
		display: inline;
	}

	.cv_caution .sp-block{
		display: inline-block;
	}

	.cv_info {
        width: 100%;
		margin-top: 25px;
	}

	.cv_caution {
		margin-top: 20px;
	}
    
    .cv_inner_bottom-link{
        gap: 10px;
    }
    .cv__mail-text{
        font-size: clamp(12px, 4vw, 14px);
    }
}

@media screen and (max-width: 399px) {
	.cv__heading {
		padding-top: 0.8em;
		padding-bottom: 0.6em;
		padding-inline: 0.8em;
	}

	.cv__heading-top {
		font-size: 20px;
	}

	.cv__heading-bottom {
		font-size: 16px;
		margin-top: 0.2em;
	}

	.cv_inner {
		padding-top: 0.7em;
	}

	.cv_inner_bottom-tel {
		flex-direction: column;
		gap: 5px;
	}

	.cv__tel-icon-img{
		display: none;
	}

	.cv__tel-icon {
		width: fit-content;
		height: auto;
		border-radius: 5px;
		font-size: 16px;
		aspect-ratio: auto;
		padding: 0.2em 1em 0.4em;
		line-height: 1;
	}
    
    .cv__tel-main{
        margin-top: 0;
    }

	.cv__tel-main-num {
		font-size: 12vw;
	}
	.cv__tel-main-num .small {
		font-size: 10vw;
	}

	.cv_info {
		width: 100%;
		padding-inline: 0.5em;
		gap: 0.5em;
	}
    .cv_info-top{
        font-size: clamp(14px, 3.2vw, 16px);
    }
    .cv_inner_bottom-link{
        gap: 8px;
    }
    
    .cv__mail-icon{
        width: 0.8em;
    }
    .cv__mail-text{
        font-size: clamp(11px, 3.5vw, 13px);
    }
}

/*---------------------------------
FV
---------------------------------*/
.fv{
	background-image: url("image/kyougi_lp/fv-bg_pc.jpg");
	background-size: cover;
	background-position: center;
	/* aspect-ratio: 1920/680; */
	height: 680px;
	position: relative;
}

.webp .fv{
	background-image: url("image/kyougi_lp/fv-bg_pc.jpg.webp");
}

.fv::before{
	content: "";
	display: block;
	background-image: url("image/kyougi_lp/fv-left_tsuji-masahiro.png");
	background-size: cover;
	width: 735px;
	aspect-ratio: 735/600;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.webp .fv::before{
	background-image: url("image/kyougi_lp/fv-left_tsuji-masahiro.png.webp");
}

.fv::after{
	content: "";
	display: block;
	background-image: url("image/kyougi_lp/fv-right_imai-ayaka.png");
	background-size: cover;
	width: 774px;
	aspect-ratio: 774/634;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.webp .fv::after{
	background-image: url("image/kyougi_lp/fv-right_imai-ayaka.png.webp");
}

.fv__text{
	position: absolute;
	top: 49.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.fv__title{
	font-size: 60px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	margin-left: 0.25em;
	white-space: nowrap;
	text-shadow: 0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff;
}

.fv__title-top{
	letter-spacing: 0.025em;
}

.fv__title-middle{
	letter-spacing: 0.05em;
	margin-top: 1.05em;
}

.fv__title-middle .--red{
	color: var(--red);
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
    z-index: -1;
}

.fv__title-middle .--red span{
	position: relative;
	text-shadow: 0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff;
}

.fv__title-middle .--red span::before{
	content: "";
	display: block;
	background-color: var(--red);
	width: 0.1111em;
	aspect-ratio: 1/1;
	border-radius: 50%;
	position: absolute;
	top: -0.06em;
    left: 54%;
	transform: translateX(-50%);
}

.fv__title-bottom{
	letter-spacing: 0.025em;
	margin-top: 0.6em;
}

.fv__title-bottom .--large{
	font-size: 1.25em;
	font-weight: bold;
	position: relative;
    top: -0.05em;
}

.fv__info{
	background-color: var(--pink);
	border-radius: 2px;
	color: #fff;
	letter-spacing: 0.05em;
	text-align: center;
	max-width: 620px;
    width: auto;
	margin-inline: auto;
	padding: 5px 30px 15px;
	margin-top: 57px;
}

.fv__info-top{
	border-bottom: 1px solid #fff;
	font-size: 38px;
	line-height: 1;
	padding-bottom: 0.5em;
}
.fv__info-top01{
    font-size: 24px;
	font-weight: 600;
}
.fv__info-top02 .--num{
	font-size: 1.895em;
	letter-spacing: 0;
	padding-left: 0.01em;
	position: relative;
    top: 0.05em;
}

.fv__info-top02 .--small{
	font-size: 0.842em;
	letter-spacing: 0;
	padding-right: 0.4em;
    padding-left: 0.1em;
}

.fv__info-bottom{
	margin-top: 10px;
}

.fv__info-bottom-caution{
	font-family: var(--noto);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.375;
}

@media screen and (max-width: 1699px) {
	.fv {
		aspect-ratio: 1700/680;
		height: auto;
	}

	.fv::before {
		width: 43.23vw;
	}

	.fv::after {
		width: 45.5vw;
	}

	.fv__title {
		font-size: max(30px, 3.53vw);
	}

	.fv__info {
		margin-top: 3.35vw;
	}
}

@media screen and (max-width: 1399px) {
	.fv__info {
		width: 35.7vw;
        padding: 0.357vw 2.14vw 1.07vw;
	}
    .fv__info-top01{
        display: block;
        margin-top: 1.5vw;
    }
	.fv__info-top {
		font-size: max(22px, 2.714vw);
	}

	.fv__info-bottom {
		margin-top: 0.715vw;
	}

	.fv__info-bottom-caution {
		font-size: max(10px, 1vw);
	}
}

@media screen and (max-width: 949px) {
	.fv{
		height: 380px;
		aspect-ratio: auto;
	}
    .fv__info-top01{
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
	.fv {
		background-image: url("image/kyougi_lp/fv-bg_sp_tsuji-masahiro_imai-ayaka.jpg");
		background-size: cover;
		background-position: center;
		aspect-ratio: 800/785;
		height: auto;
		padding-top: 9.5vw;
	}

	.webp .fv {
		background-image: url("image/kyougi_lp/fv-bg_sp_tsuji-masahiro_imai-ayaka.jpg.webp");
	}

    .fv::before,.fv::after {
        content: none;
    }

	.fv__text {
		position: relative;
		transform: none;
		top: 0;
		left: 0;
	}

	.fv__title {
		font-size: max(20px, 5vw);
		margin-left: 0.2em;
	}

	.fv__title-middle{
		font-size: max(30px, 7.5vw);
		margin-top: 6vw;
	}

	.fv__title-middle .--red {
		font-size: max(38px, 9.75vw);
	}

	.fv__title-middle .--red span::before {
		top: 0.01vw;
		left: 50%;
	}

	.fv__title-bottom {
		margin-top: 3.5vw;
	}

	.fv__title-bottom .--large {
		font-size: max(28px, 7.5vw);
		top: -0.05em;
	}

	.fv__info {
		width: max(155px, 40.625vw);
		margin-top: 6.3vw;
		padding: 2vw 4.5vw 2vw;
	}

	.fv__info-top {
		display: flex;
		flex-direction: column;
		font-size: max(16px, 3.75vw);
	}

	.fv__info-top02{
		font-size: max(16px, 4.5vw);
	}

	.fv__info-top02 .--num {
		font-size: 9vw;
	}

	.fv__info-top02 .--small {
		font-size: max(14px, 3.5vw);
	}

	.fv__info-bottom {
		margin-top: 2vw;
	}

	.fv__info-bottom-caution {
		font-size: max(8px, 2vw);
		margin-inline: -0.7em;
	}
}
@media screen and (max-width: 499px) {
    .fv__info-top01{
        font-size: clamp(14px, 3vw, 16px);
    }
}

/*---------------------------------
worries
---------------------------------*/
.worries{
	position: relative;
	overflow-x: hidden;
}

.worries::before, .worries::after{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 100%;
	position: absolute;
	z-index: -1;
}

.worries::before{
	background-image: url("image/kyougi_lp/worries-img01.png");
	width: 577px;
	aspect-ratio: 577/633;
	top:  100px;
	transform: translateX(-50%);
    left: calc(50% + -670px);
}

.webp .worries::before{
	background-image: url("image/kyougi_lp/worries-img01.png.webp");
}

.worries::after{
	background-image: url("image/kyougi_lp/worries-img02.png");
	width: 569px;
	aspect-ratio: 569/448;
	top:  180px;
	right: calc(50% + -945px);
}

.webp .worries::after{
	background-image: url("image/kyougi_lp/worries-img02.png.webp");
}

.worries__bottom-img{
	display: block;
	background-image: url("image/kyougi_lp/worries-img03_okamoto-shukiko.png");
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 100%;
	width: 1021px;
	aspect-ratio: 1021/688;
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
    left: calc(50% + -450px);
	z-index: -1;
}

.webp .worries__bottom-img{
	background-image: url("image/kyougi_lp/worries-img03_okamoto-shukiko.png.webp");
}

.worries__title {
    line-height: 1.35;
    text-shadow: 0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff;
}

.worries__title .block{
	width: fit-content;
	margin-inline: auto;
}

.worries__items{
	background-color: var(--light-green);
	border-radius: 18px;
	margin-top: 90px;
	padding: 65px 50px 70px 65px;
	position: relative;
}

.worries__items::before{
	content: "";
	display: block;
	background-color: var(--light-green);
	height: 61px;
	aspect-ratio: 200/61;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
}

.worries__items > *+*{
	margin-top: 0.68em;
}

.worries__item{
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.025em;
	line-height: 1.5;
	padding-left: 1.7em;
	position: relative;
}

.worries__item::before{
	content: "";
	display: block;
	background-image: url("image/kyougi_lp/worries-icon-check.png");
	background-size: contain;
	width: 1.0714em;
	aspect-ratio: 1/1;
	position: absolute;
	left: 0;
	top: 0.6lh;
	transform: translateY(-50%);
}

.webp .worries__item::before{
	background-image: url("image/kyougi_lp/worries-icon-check.png.webp");
}

.worries__appeal{
	font-size: 48px;
	width: fit-content;
    margin-left: auto;
	margin-top: 145px;
	margin-right: -0.4em;
}

.worries__appeal-title {
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.41;
	padding-left: 0.1em;
}

.worries__appeal-title .text-green {
	font-weight: bold;
}

.worries__appeal-text{
	font-size: 0.66em;
	font-weight: 600;
	line-height: 1.875;
	letter-spacing: 0.05em;
	margin-top: 55px;
}

.worries__appeal-text .bg-pink{
	display: inline-block;
	border-radius: 4px;
	line-height: 1;
	padding: 0.2em 0.1em 0.3em 0.3em;
	margin-right: 0.2em;
	margin-left: 0.2em;
}

@media screen and (min-width: 1921px) {
	.worries::before {
		left: 0;
		transform: none;
	}

	.worries::after {
		right: 16px;
	}

	.worries__bottom-img {
		left: 0;
		transform: none;
	}
}

@media screen and (max-width: 1499px) {
	.worries::before {
		top: 6.66vw;
		width: 38.46vw;
		transform: none;
		left: -14.66vw;
	}

	.worries::after {
		top: 12vw;
		width: 37.93vw;
		right: -13.33vw;
	}
}

@media screen and (max-width: 1299px) {
	.worries__appeal{
		font-size: clamp(31px, 4vw, 48px);
	}

	.worries__bottom-img {
		width: 78.5vw;
		left: -23vw;
		transform: none;
	}
}

@media screen and (max-width: 1194px) {
	.worries__items {
		padding-left: 4.2vw;
		padding-right: 5.4vw;
	}

	.worries__item {
		font-size: 26px;
	}
}

@media screen and (max-width: 1024px) {
	.worries__items {
		margin-top: 60px;
		padding-top: 50px;
        padding-bottom: 45px;
	}

	.worries__item {
		font-size: 24px;
	}

	.worries__items::before {
		height: max(26px, 5.85vw);
		bottom: min(-25px, -5.8vw);
	}

	.worries__appeal {
		margin-top: 14vw;
	}

	.worries__appeal-text {
		margin-top: 5.3vw;
	}
}

@media screen and (max-width: 768px) {
	.worries {
		padding-bottom: 0;
	}

	.worries::before {
		top: 50px;
	}

	.worries::after {
		top: 90px;
	}

	.worries__items {
		margin-top: 40px;
		padding-top: 40px;
		padding-bottom: 35px;
	}

	.worries__item {
		font-size: 22px;
	}

	.worries__appeal {
		font-size: 34px;
        text-align: center;
		margin-left: 0;
		margin-right: 0;
		width: auto;
		font-size: max(22px, 5.66vw);
	}

	.worries__appeal-text {
		margin-top: 30px;
		font-size: max(18px, 0.7em);
	}

	.worries__bottom-img {
		margin-top: -6.5vw;
		position: static;
		width: 100%;
	}
}

@media screen and (max-width: 599px) {
	.worries__item {
		font-size: 20px;
	}
}

@media screen and (max-width: 499px) {
	.worries__item {
		font-size: 18px;
	}
}

@media screen and (max-width: 399px) {
	.worries__item {
		font-size: 16px;
	}
}

/*---------------------------------
merit
---------------------------------*/
.merit{
	background-color: var(--light-green);
}
.merit__title .--deco-branch{
	padding-top: 1.8em;
}

.merit__title .--deco-branch::before{
	left: -0.5em;
}

.merit__lead{
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.625;
	margin-top: 70px;
}

.merit__items{
	display: grid;
	gap: 40px 50px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 90px;
}

.merit__item {
    display: flex;
    flex-direction: column;
}

.merit__item-term{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--green);
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	height: 75px;
	padding-bottom: 0.1em;
}

.merit__item-term::before{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	height: 1.6em;
}

.merit__item-term .--text{
	align-self: flex-end;
	margin-left: 0.4em;
    margin-right: 0.3em;
    letter-spacing: 0.05em;
}

.merit__item-term .--num{
	font-size: 1.9em;
}

.merit__item:nth-of-type(1) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon01.png");
	width: 1.8em;
}

.webp .merit__item:nth-of-type(1) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon01.png.webp");
}

.merit__item:nth-of-type(2) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon02.png");
	width: 1.833em;
}

.webp .merit__item:nth-of-type(2) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon02.png.webp");
}

.merit__item:nth-of-type(3) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon03.png");
	width: 1.5em;
}

.webp .merit__item:nth-of-type(3) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon03.png.webp");
}

.merit__item:nth-of-type(4) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon04.png");
	width: 0.966em;
}

.webp .merit__item:nth-of-type(4) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon04.png.webp");
}

.merit__item:nth-of-type(5) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon05.png");
	width: 1.6em;
}

.webp .merit__item:nth-of-type(5) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon05.png.webp");
}

.merit__item:nth-of-type(6) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon06.png");
	width: 1.233em;
}

.webp .merit__item:nth-of-type(6) .merit__item-term::before{
	background-image: url("image/kyougi_lp/merit-icon06.png.webp");
}

.merit__item-desc{
	flex: 1;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.45;
	text-align: center;
	margin-top: 4px;
	padding: 1.5em 0.5em;
}

.merit__item:nth-last-of-type(-n+2) .merit__item-desc{
	padding: 1.1em 0.5em 1.3em;
}

.merit__item-desc .text-pink{
	font-weight: bold;
}

@media screen and (max-width: 1299px) {
	.merit__lead {
		font-size: max(26px, 2.46vw);
	}
}

@media screen and (max-width: 1194px) {
	.merit__lead {
		margin-top: 60px;
	}

	.merit__items {
		gap: 3.35vw 4.18vw;
		margin-top: 70px;
	}

	.merit__item-term {
		font-size: 26px;
		height: 65px;
		padding-bottom: 0.1em;
	}

	.merit__item-desc {
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 26px;
	}
}

@media screen and (max-width: 1024px) {
	.merit__lead {
		font-size: 24px;
	}

	.merit__item-term {
		font-size: 24px;
	}

	.merit__item-desc {
		font-size: 24px;
	}
}

@media screen and (min-width: 768px) {
	.merit__item-desc .inbl{
		display: block;
	}

	.merit__item-desc .inbl .inbl{
		display: inline-block;
	}
}

@media screen and (max-width: 768px) {
	.merit__lead {
		margin-top: 40px;
		font-size: clamp(18px, 3.69vw, 24px);
	}

	.merit__items {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-top: 40px;
	}

	.merit__item-desc {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.merit__item-desc .inbl{
		display: inline-block;
	}

	.merit__item-term {
		font-size: 22px;
		height: 60px;
	}

	.merit__item-term .--text {
		position: relative;
		bottom: 0.3em;
	}

	.merit__item-desc {
		font-size: 22px;
	}
}

@media screen and (max-width: 499px) {
	.merit__lead {
		margin-top: 30px;
	}

	.merit__items {
		gap: 20px;
		margin-top: 30px;
	}

	.merit__item-term {
		font-size: 18px;
		height: 50px;
	}

	.merit__item-term .--num {
		font-size: 1.6em;
	}

	.merit__item-desc {
		font-size: 18px;
		padding: 1.2em 1em;
	}

	.merit__item:nth-last-of-type(-n+2) .merit__item-desc {
		padding: 1.2em 1em;
	}
}

/*---------------------------------
flow
---------------------------------*/
.flow{
	overflow-x: hidden;
	position: relative;
}

.flow::before,.flow::after{
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: -1;
}

.flow::before{
	background-image: url("image/kyougi_lp/flow-heading-img.png");
	width: 560px;
	aspect-ratio: 560/373;
	top:  58px;
	transform: translateX(-50%);
    left: calc(50% + 605px);
}

.webp .flow::before{
	background-image: url("image/kyougi_lp/flow-heading-img.png.webp");
}

.flow::after{
	background-image: url("image/kyougi_lp/flow-bottom-img.png");
	width: 229px;
	aspect-ratio: 229/235;
	bottom: 55px;
    transform: translateX(-50%);
	left: calc(50% - min(44vw, 750px));
}

.webp .flow::after{
	background-image: url("image/kyougi_lp/flow-bottom-img.png.webp");
}

.flow__title{
	margin-left: -0.1em;
}

.flow__title .--deco-branch {
    padding-top: 2.05em;
    text-shadow: 0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff,0 0 0.5em #fff;
}

.flow__title .--deco-branch::before {
    left: -0.9em;
}

.flow__items{
	margin-top: 148px;
}

.flow__item{
	display: flex;
	align-items: center;
	gap: 60px;
	border-radius: 8px 8px 0 0;
	padding: 75px 40px 75px 40px;
	position: relative;
}

.flow__item:not(:first-of-type){
	padding-top: 130px;
}

.flow__item:not(:last-of-type)::before{
	content: "";
	display: block;
	width: 100%;
	height: 60px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	bottom: -59px;
	left: 0;
	z-index: 1;
}

.flow__item:nth-of-type(odd)::before{
	background-color: var(--light-green);
}

.flow__item:nth-of-type(even)::before{
	background-color: #fff;
}

.flow__item:nth-of-type(odd){
	background-color: var(--light-green);
}

.flow__item-img{
	flex-basis: 30.4%;
	margin-top: 15px;
	position: relative;
}

.flow__item-img img{
	border-radius: 4px;
	object-fit: cover;
}

.flow__item-order{
	background-color: var(--green);
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	font-style: italic;
	font-weight: 600;
	text-align: center;
	width: 4em;
	aspect-ratio: 1/1;
	position: absolute;
	top: -90px;
	left: -20px;
	padding-top: 0.1em;
    padding-right: 0.3em;
}

.flow__item-order-body {
    display: inline-block;
    color: #fff;
    font-style: italic;
    font-weight: 600;
    transform: skewX(5deg);
}

.flow__item-order-body span{
	font-size: 1.8em;
	position: relative;
	top: 0.1em;
	z-index: 1;
}

.flow__item-body{
	flex: 1;
	letter-spacing: 0.05em;
}

.flow__item-title{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	width: fit-content;
	padding-bottom: 0.4em;
	border-bottom: 2px solid var(--base-text-color);
}

.flow__item-text{
	font-family: var(--noto);
	font-size: 18px;
	line-height: 1.77;
	text-align: justify;
	margin-top: 1.1em;
}

.flow__item-text > *+*{
	margin-top: 0.8em;
}

.flow__item-text .line {
    font-weight: 600;
	letter-spacing: 0.07em;
}

.flow__item-text .--asterisk{
	font-size: 0.77em;
	position: relative;
	top: -0.3em;
}

.flow__item-text-asterisk-caution{
	font-size: 16px;
	margin-top: 0.4em;
}

.flow__item-text-caution{
	padding-left: 1.5em;
	position: relative;
}

.flow__item-text-caution::before{
	content: "";
	display: block;
	background-color: var(--green);
	width: 5px;
	height: calc(100% - 0.5em);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 1499px) {
	.flow::before {
		top: 3.86vw;
		width: max(160px, 37.3vw);
		transform: none;
		right: -8.6vw;
		left: auto;
	}

	.flow::after {
		width: max(150px, 15.26vw);
		bottom: 3.66vw;
	}
}

@media screen and (max-width: 1194px) {
	.flow__items {
		margin-top: 120px;
	}

	.flow__item {
		gap: 50px;
		padding: 65px 30px 55px 35px;
	}

	.flow__item-title {
		font-size: clamp(24px,2.8vw, 30px);
	}

	.flow__item-order {
		font-size: max(22px, 2.512vw);
		top: -7.5vw;
	}
}

@media screen and (max-width: 1024px) {
	.flow::before {
		top: 40px;
	}

	.flow__items {
		margin-top: 80px;
	}

	.flow__item {
		gap: 40px;
		padding: 40px 30px 25px 35px;
	}

	.flow__item:not(:last-of-type)::before {
		height: 5.85vw;
		bottom: calc(-5.85vw + 1px);
	}

	.flow__item:not(:first-of-type) {
		padding-top: 12.7vw;
	}

	.flow__item-title .inbl{
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.flow__items {
		margin-top: 40px;
	}

	.flow__item {
		gap: 25px;
		padding: 50px 5vw 40px 5vw;
		flex-direction: column;
	}

	.flow__item:first-of-type{
		padding-top: 60px;
	}

	.flow__item:not(:first-of-type) {
		padding-top: calc(5.85vw + 60px);
	}

	.flow__item-order {
		top: -40px;
		left: -40px;
	}

	.flow__item-title {
		font-size: clamp(20px, 4.2vw, 22px);
		margin-inline: auto;
	}

	.flow__item-title .inbl {
		display: inline-block;
	}

	.flow__item-text {
		font-size: 16px;
		margin-top: 1.3em;
	}

	.flow__item-img img {
		aspect-ratio: 280/200;
		height: auto;
	}
}

@media screen and (max-width: 499px) {
	.flow__items {
		margin-top: 40px;
	}

	.flow__item:first-of-type {
		padding-top: 70px;
	}

	.flow__item:not(:first-of-type) {
		padding-top: 100px;
	}

	.flow__item-order {
		font-size: 20px;
        width: fit-content;
        padding: 0 1.5em 0.5em;
        height: auto;
        border-radius: calc(1px / 0);
        aspect-ratio: auto;
        line-height: 1;
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
	}

	.flow__item-order-body span {
		font-size: 1.5em;
	}

	.flow__item-title {
		font-size: 20px;
	}

	.flow__item-title .inbl {
		display: block;
	}
}

/*---------------------------------
reason
---------------------------------*/
.reason{
	padding-top: 135px;
	padding-bottom: 100px;
	overflow-x: hidden;
}
.reason__title{
	padding-bottom: 0.6em;
	position: relative;
}

.reason__title::after{
	content: "";
	display: block;
	background-color: var(--base-text-color);
	height: 1px;
	width: 5.833em;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.reason__title.--deco-branch{
	padding-top: 1.65em;
	margin-left: -0.1em;
}

.reason__title.--deco-branch::before{
	content: "";
	display: block;
	background-image: url("image/kyougi_lp/reason-title-branch.png");
	background-size: contain;
	width: 1.8em;
	aspect-ratio: 108/80;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.webp .reason__title.--deco-branch::before{
	background-image: url("image/kyougi_lp/reason-title-branch.png.webp");
}

.reason__heading{
	background: #FFF;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 250, 211, 1) 50%, rgba(255, 255, 255, 1) 100%);
	font-size: 50px;
	padding-top: 180px;
	padding-bottom: 185px;
	position: relative;
	z-index: 0;
}

.reason__heading::before {
	content: "";
	display: block;
    background-image: url("image/kyougi_lp/reason-heading-img.png");
	background-repeat: no-repeat;
	background-size: contain;
    width: 278px;
    aspect-ratio: 1/1;
	position: absolute;
	bottom: 100px;
	right: calc(50% - min(51vw, 51rem));
	z-index: -1;
}

.webp .reason__heading::before {
    background-image: url("image/kyougi_lp/reason-heading-img.png.webp");
}

.reason__heading-inner{
	width: fit-content;
}

.reason__heading-top,
.reason__heading-bottom{
	color: rgba(var(--base-text-color-hex), 0.6);
	font-family: var(--en);
	letter-spacing: 0.05em;
	line-height: 1;
}

.reason__heading-main {
	font-size: 1.12em;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
	margin-top: -0.2em;
	margin-left: -0.2em;
}

.reason__heading-main .--top{
	letter-spacing: -0.1em;
}

.reason__heading-main .--middle{
	margin-inline: -0.1em;
}

.reason__heading-main .--bottom{
	letter-spacing: 0.05em;
}

.reason__heading-bottom {
    text-align: right;
    margin-top: 0;
	padding-top: 0.05em;
}

.reason__item-heading{
	background-color: var(--green);
}

.reason__item-title{
	display: flex;
	align-items: center;
	gap: 0.7em;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.625;
	padding-top: 0.9em;
    padding-bottom: 1em;
}

.reason__item-title .--asterisk{
	font-size: 0.5em;
	position: relative;
    top: -0.7em;
}

.reason__item:nth-of-type(2) .reason__item-title {
	letter-spacing: 0.05em;
    justify-content: center;
    padding-left: 4em;
    padding-top: 1.2em;
    padding-bottom: 1.3em;
    align-items: flex-end;
    gap: 0.1em;
}

.reason__item:nth-of-type(2) .reason__item-title .block {
	position: relative;
    top: 0.3em;
}

.reason__item:nth-of-type(4) .reason__item-title {
	align-items: flex-start;
    justify-content: flex-end;
    letter-spacing: 0.07em;
    margin-right: -0.7em;
	padding-top: 0.8em;
}

.reason__item:nth-of-type(4) .reason__item-title-order {
	padding-top: 10px;
}

.reason__item:nth-of-type(5) .reason__item-title {
	gap: 0.5em;
	align-items: flex-end;
	padding-top: 1.2em;
	padding-bottom: 1.3em;
}

.reason__item:nth-of-type(5) .reason__item-title-text{
	position: relative;
    top: 0.3em;
}

.reason__item-title-order{
	height: 2.5625em;
}

.reason__item:nth-of-type(1) .reason__item-title-order{
	aspect-ratio: 52/82;
}

.reason__item:nth-of-type(2) .reason__item-title-order{
	aspect-ratio: 84/82;
}

.reason__item:nth-of-type(3) .reason__item-title-order{
	aspect-ratio: 108/82;
}

.reason__item:nth-of-type(4) .reason__item-title-order{
	aspect-ratio: 118/84;
}

.reason__item:nth-of-type(5) .reason__item-title-order{
	aspect-ratio: 86/84;
}

.reason__item-contents{
	display: flex;
	gap: 105px;
}

.reason__item:nth-of-type(even) .reason__item-contents{
	flex-direction: row-reverse;
}

.reason__item-body{
	flex: 1;
	margin-top: 40px;
	margin-bottom: 90px;
}

.reason__item-body-appeal{
	background-color: var(--light-green);
	border-radius: 4px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.4;
	padding: 0.8em 1.5em;
	margin-bottom: 30px;
	width: fit-content;
}

.reason__item-body-text{
	font-family: var(--noto);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.88;
	letter-spacing: 0.02em;
	text-align: justify;
	margin-top: 10px;
}

.reason__item-body-text > *+*{
	margin-top: 1.1em;
}

p:has(.reason__item-body-text-caution) {
	margin-top: 0;
}

.reason__item-body-text-caution{
	margin-top: 0;
    font-size: 16px;
    letter-spacing: 0.07em;
    padding-left: 0.4em;
}

.reason__item-body-text .line{
	font-weight: bold;
}

.reason__item-body-text .--asterisk{
	font-size: 0.77em;
}

.reason__item-img{
	width: 640px;
	height: auto;
	margin-top: -40px;
	margin-bottom: 100px;
}

.reason__item-img img{
	object-fit: cover;
}

.reason__item:nth-of-type(odd) .reason__item-img{
	margin-right: calc(50% - 50vw);
}

.reason__item:nth-of-type(even) .reason__item-img{
	margin-left: calc(50% - 50vw);
}

@media screen and (max-width: 1799px) {
	.reason__item-img {
		width: 35.5vw;
	}
}

@media screen and (max-width: 1599px) {
	.reason__item:nth-of-type(2) .reason__item-title {
		justify-content: flex-end;
	}
}

@media screen and (max-width: 1499px) {
	.reason {
		padding-top: 9vw;
		padding-bottom: 0.66vw;
	}

	.reason__heading {
		padding-top: 12vw;
		padding-bottom: 12.3vw;
		font-size: max(32px, 3.3vw);
	}

	.reason__heading::before {
		width: 18.5vw;
		bottom: 6vw;
	}

	.reason__item-title {
		font-size: 28px;
	}

	.reason__item:nth-of-type(3) .reason__item-title {
		max-width: 54vw;
	}

	.reason__item-contents {
		gap: 70px;
	}

	.reason__item-img {
		width: 40vw;
	}

	.reason__item-body-appeal {
		font-size: max(22px, 1.6vw);
	}
}

@media screen and (max-width: 1194px) {
	.reason__item-title {
		font-size: max(24px, 2.17vw);
	}

	.reason__item-body-appeal {
		font-size: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.reason__item-contents {
		gap: 50px;
	}

	.reason__item:nth-of-type(3) .reason__item-title {
		max-width: none;
	}

	.reason__item-body {
		margin-top: 30px;
		margin-bottom: 60px;
	}

	.reason__item-title {
		justify-content: center !important;
		font-size: 22px;
	}

	.reason__item:nth-of-type(2) .reason__item-title {
		padding-left: 0;
	}

	.reason__item-body-text {
		font-size: 16px;
	}

	.reason__item-body-appeal {
		font-size: 18px;
		padding: 0.6em 1em;
	}

	.reason__item-img {
		width: 42vw;
		margin-bottom: 60px;
	}

	.reason__item-img {
		margin-top: 45px;
	}
}

@media screen and (max-width: 768px) {
	.reason__heading::before {
		width: max(130px, 18.5vw);
		bottom: 13vw;
	}

	.reason__heading-main {
		display: flex;
		flex-direction: column;
		margin-block: 0.05em;
	}

	.reason__heading-main .--middle {
		margin-block: -0.2em;
	}

	.reason__item-contents {
		gap: 0;
		flex-direction: column-reverse !important;
	}

	.reason__item-body-appeal {
		font-size: 20px;
		margin-inline: auto;
	}

	.reason__item-img {
		width: 100%;
		max-width: 500px;
		margin-bottom: 0;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.reason__item-img img {
		height: 100%;
	}
}

@media screen and (max-width: 599px) {
	.reason__item-title {
		font-size: max(18px, 3.33vw);
	}

	.reason__item-body-appeal {
		font-size: 18px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 499px) {
	.reason__heading {
		font-size: max(20px, 5.6vw);
	}

	.reason__heading::before {
		width: 26vw;
	}

	.reason__item-title-order {
		height: 2em;
	}

	.reason__item-body {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.reason__item-img {
		margin-top: 30px;
	}

	.reason__item-body-appeal {
		font-size: max(16px, 3.6vw);
		padding-inline: 0.7em;
	}
}

@media screen and (max-width: 399px) {
	.reason__item-title {
		flex-direction: column;
		align-items: center !important;
		gap: 0.7em !important;
		font-size: max(16px, 4.5vw);
	}

	.reason__item-title-order {
		height: 1.7em;
	}

	.reason__item-title-text{
		text-align: center;
		position: static !important;
	}

	.reason__item:nth-of-type(4) .reason__item-title-order {
		padding-top: 0;
	}
}

/*---------------------------------
detail
---------------------------------*/
.detail{
	background-color: var(--light-green);
	padding-bottom: 120px;
	position: relative;
}

.detail::before{
	content: "";
	display: block;
	background-color: var(--light-green);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width: 100%;
	aspect-ratio: 1920/100;
	position: absolute;
	bottom: calc(-5.195vw + 1px);
	left: 50%;
	transform: translateX(-50%);
}

.detail__title .--deco-branch {
    padding-top: 2em;
}

.detail__title .--deco-branch::before {
    left: -0.75em;
}

.detail__items {
	display: grid;
	grid-template-columns: 7.5em 1fr;
	gap: 2px;
	border-radius: 4px;
	font-size: 24px;
	overflow: hidden ;
	margin-top: 90px;
}


.detail__item-term {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--green);
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.4;
	padding-block: 1em;
    text-align: center;
    flex-direction: column;
}

.detail__item-term .item-term-sub{
    font-size: 16px;
}

.detail__item-desc{
	background-color: #fff;
	font-family: var(--noto);
	font-size: 18px;
	line-height: 1.66;
	padding-block: 0.95em;
	padding-inline: 1.5em;
	min-height: 73px;
	font-weight: 600;
}

.detail__info-inner{
	overflow-x: hidden;
}

.detail__arrow{
	display: inline-block;
	width: 55px;
	aspect-ratio: 55/50;
	margin-inline: auto;
}

.detail__arrow img{
	width: 100%;
	height: auto;
}

.detail__info{
	font-size: 24px;
	letter-spacing: 0.05em;
	text-align: center;
	padding-top: 100px;
	position: relative;
	z-index: 0;
	overflow-x: hidden;
}

.detail__info::before, .detail__info::after{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: -1;
}

.detail__info::before {
    background-image: url("image/kyougi_lp/detail-img01.png");
    width: 459px;
    aspect-ratio: 459/315;
    bottom: 23px;
    left: calc(50% - min(50vw, 835px));
}

.webp .detail__info::before {
    background-image: url("image/kyougi_lp/detail-img01.png.webp");
}

.detail__info::after {
    background-image: url("image/kyougi_lp/detail-img02.png");
    width: 520px;
    aspect-ratio: 520/364;
    bottom: 35px;
    right: calc(50% - min(50vw, 850px));
}

.webp .detail__info::after {
    background-image: url("image/kyougi_lp/detail-img02.png.webp");
}

.detail__info-text{
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	margin-top: 52px;
}

.detail__info-link{
	margin-top: 35px;
	text-align: center;
}

.detail__info-link a{
	display: inline-block;
	background: var(--base-text-color);
	background: linear-gradient(270deg,var(--base-text-color) 0%, #A6987C 100%);
	border-radius: 4px;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	width: 100%;
	max-width: 20.8em;
	height: 3.625em;
	line-height: 3.625em;
}

@media screen and (min-width: 1921px) {
	.detail::before{
		height: 100px;
		aspect-ratio: none;
		bottom: -99px;
	}
}

@media screen and (max-width: 1699px) {
	.detail__info::after {
		width: 30.5vw;
	}

	.detail__info::before {
		width: 27vw;
	}
}

@media screen and (max-width: 1499px) {
	.detail {
		padding-bottom: max(40px, 8vw);
	}
}

@media screen and (max-width: 1194px) {
	.detail__items {
		font-size: 22px;
		margin-top: 80px;
	}

	.detail__arrow {
		width: max(40px, 4.6vw);
	}

	.detail__info{
		padding-top: 80px;
	}
}

@media screen and (max-width:1024px) {
	.detail__items {
		font-size: 20px;
	}

	.detail__info {
		font-size: 22px;
		padding-top: 60px;
	}

	.detail__info-text {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	.detail__items {
		grid-template-columns: 1fr;
		margin-top: 60px;
	}

	.detail__item-term {
		padding-block: 0.8em;
        flex-direction: row;
	}

	.detail__item-desc {
		font-size: 16px;
		text-align: center;
		padding-inline: 1.5em;
		padding-block: 1.2em;
	}

	.detail__info {
		font-size: 20px;
		padding-top: 40px;
	}

	.detail__info::before,.detail__info::after {
		content: none;
	}

	.detail__info-text {
		margin-top: 30px;
	}
}

@media (max-width: 599px) {
	.detail__items {
		margin-top: 40px;
	}

	.detail__item-desc {
		padding-inline: 5vw;
	}

	.detail__info {
		font-size: 18px;
	}
}

@media (max-width: 499px) {
	.detail__info {
		padding-top: 30px;
	}

	.detail__info-text {
		margin-top: 25px;
	}
}

@media (max-width: 399px) {
	.detail__items {
		font-size: 18px;
		margin-top: 30px;
	}

	.detail__item-desc {
		text-align: left;
	}

	.detail__item-desc .inbl{
		display: inline;
	}

	.detail__arrow {
		width: 30px;
	}

	.detail__info-link {
		margin-top: 25px;
	}

	.detail__info-link a {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
}

/*---------------------------------
fee
---------------------------------*/
.fee{
	padding-top: 280px;
}

.fee__title{
	margin-left: 0.1em;
}

.fee__title .--deco-branch {
    padding-top: 2em;
}

.fee__title .--deco-branch::before {
    left: -1em;
}

.fee__lead {
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: center;
    margin-top: 80px;
    margin-left: 0.5em;
}

.fee__items{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
	letter-spacing: 0.05em;
	margin-top: 90px;
}

.fee__item{
	border: 2px solid;
	border-radius: 5px;
	overflow: hidden;
}

.fee__item--support{
	border-color: var(--green);
}

.fee__item--negotiation{
	display: flex;
	flex-direction: column;
	border-color: var(--pink);
}

.fee__item-title{
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	padding-top: 0.7em;
    padding-bottom: 0.75em;
}

.fee__item--support .fee__item-title{
	background-color: var(--green);
}

.fee__item--negotiation .fee__item-title{
	background-color: var(--pink);
}

.fee__item--negotiation .fee__item-lists{
	flex: 1;
    display: flex;
    flex-direction: column;
}

.fee__item-list{
	display: flex;
	font-family: var(--noto);
	font-weight: 600;
}

.fee__item--negotiation .fee__item-list:last-of-type{
	flex: 1;
}

.fee__item-list-term{
	flex-basis: 7.29em;
	font-size: 24px;
	text-align: center;
	padding-top: 0.9em;
    padding-bottom: 0.8em;
}

.fee__item-list-term:not(.fee__item-list:last-of-type .fee__item-list-term){
	border-bottom: 2px solid #fff;
}

.fee__item--support .fee__item-list-term{
	background-color: var(--light-green);
}

.fee__item--negotiation .fee__item-list-term{
	background-color: var(--light-pink);
}

.fee__item--negotiation .fee__item-list:last-of-type .fee__item-list-term{
	padding-top: 1.4em;
}

.fee__item-list-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	font-size: 20px;
	padding-inline: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: 600;
}

.fee__item--support .fee__item-list-desc{
	border-bottom: 2px solid var(--light-green);
}

.fee__item--negotiation .fee__item-list-desc:not(.fee__item-list:last-of-type .fee__item-list-desc){
	border-bottom: 2px solid var(--light-pink);
}

.fee__item-cautions{
	font-family: var(--noto);
	padding: 1.2em 1.6em;
}

.fee__item-caution{
	font-size: 14px;
	line-height: 1.85;
	padding-left: 1em;
	text-indent: -1em;
}

.fee__item-caution::before{
	content: "※";
	display: unset;
}

.fee__caution-items{
	font-family: var(--noto);
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-top: 34px;
	margin-inline: auto;
	width: fit-content;
}

.fee__caution-item{
	padding-left: 1em;
	text-indent: -1em;
}

.fee__caution-item::before{
	content: "※";
	display: unset;
}

.fee__caution-item a{
	text-decoration: underline;
	text-underline-offset: 0.5em;
}

@media screen and (max-width: 1499px) {
	.fee{
		padding-top: 17vw;
	}
}

@media screen and (max-width: 1299px) {
	.fee__items {
		margin-top: 80px;
	}
	.fee__item-title {
		font-size: max(22px, 2.153vw);
	}
}

@media screen and (max-width: 1194px) {
	.fee__lead {
		font-size: 22px;
		margin-top: 60px;
	}

	.fee__items {
		gap: 40px;
		margin-top: 60px;
	}

	.fee__item-list-term {
		font-size: 22px;
		flex-basis: 6em;
	}

	.fee__item-list-desc {
		font-size: 18px;
		padding-inline: 1.5em;
	}

	.fee__item-caution {
		line-height: 1.6;
	}
}

@media screen and (max-width: 1024px) {
	.fee__items{
		grid-template-columns: 1fr;
	}

	.fee__item-title {
		font-size: 24px;
	}

	.fee__item-list-term {
		flex-basis: 30%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.fee__item--negotiation .fee__item-list:last-of-type .fee__item-list-term {
		padding-top: 0.9em;
	}

	.fee__item-list-desc {
		font-size: 20px;
		padding-inline: 1.5em;
		padding-block: 1em;
	}
}

@media screen and (max-width: 768px) {
	.fee__lead {
		font-size: 20px;
		margin-top: 40px;
	}

	.fee__items {
		gap: 30px;
		margin-top: 40px;
	}

	.fee__item-title {
		font-size: clamp(18px, 3.7vw, 24px);
	}

	.fee__item-list-term {
		font-size: 20px;
	}

	.fee__item-list-desc {
		font-size: 18px;
	}
}

@media screen and (max-width: 599px) {
	.fee__lead {
		font-size: max(16px, 3vw);
	}
}

@media screen and (max-width: 499px) {
	.fee__lead {
		margin-top: 30px;
	}

	.fee__items {
		margin-top: 30px;
	}

	.fee__item-list-term {
		font-size: 18px;
	}

	.fee__item-list-desc {
		font-size: 16px;
	}

	.fee__caution-items {
		margin-top: 24px;
		font-size: 14px;
	}
}

@media screen and (max-width: 449px) {
	.fee__item-list {
		flex-direction: column;
	}

	.fee__item-list-term {
		font-size: 18px;
		padding-top: 0.4em;
		padding-bottom: 0.3em;
	}

	.fee__item-list-desc {
		text-align: center;
	}

	.fee__item-cautions {
		padding: 1em;
	}
}

/*---------------------------------
.office
---------------------------------*/
.office {
    background-color: var(--light-green);
    padding-top: 30px;
    padding-bottom: 50px;
}

#kyougi_lp .office-info {
    border: none;
}