@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Noto+Sans+JP:wght@100..900&display=swap');
:root {		
	--green:#026A25;
	--black:#333333;
	--red:#C1272D;
	--yellow:#F5FF00;;
	--orange:#FA6E38;
	
	--pink2:#F3A5A3;
	--pink:#F93664;
	--pinkorange:#F48E82;
}
html body{
	color:var(--black);
}
.keni-section .article-body{
	font-family: 'Noto Sans JP', sans-serif;
} 
.keni-section .article-body .m-plus-rounded {
  font-family: "M PLUS Rounded 1c", sans-serif!important;
}
.keni-section .article-body .notosans  {
  font-family: 'Noto Sans JP', sans-serif!important;
}
.keni-section .article-body{
 	font-size: 21px; 
	background:#FFFDF5;
	 overflow-x: hidden;
}
@media (max-width: 600px) { 
	.keni-section .article-body {
		font-size: calc((100vw - 320px) / 56 + 16px)!important;/* 21px~16px */
		font-size: calc((100vw - 320px) / 70 + 17px)!important;/* 21px~17px */
	}
}
.keni-section .article-body p{
	font-size: 1em!important;
	margin-bottom:0.3em;
	line-height: 1.6;
	letter-spacing: 0;
}
.article-body ul{
	margin:0;
}
ul li{
	list-style:none;
}
.article-body h3{
	border:none;
}
.article-body h2 {
    background: unset;
	line-height:1.4;
}
a{
    display: block;
}
a:hover{
    opacity: 0.7;
	transition : 1s;
}
br{
    line-height: 0;
}
.pt-05{
	padding-top:.5em!important;
}
.pt-1{		
	padding-top:1em!important;	
}	
.pt-2{		
	padding-top:2em!important;	
}	
.pt-3{		
	padding-top:3em!important;	
}		
.pt-5{		
	padding-top:5em!important;	
}	
.py-1{		
	padding-top:1em!important;	
	padding-bottom:1em!important;	
}
.py-2{		
	padding-top:2em!important;	
	padding-bottom:2em!important;	
}
.py-3{		
	padding-top:3em!important;	
	padding-bottom:3em!important;	
}	
.pb-1{		
	padding-bottom:1em!important;	
}		
.pb-2{		
	padding-bottom:2em!important;	
}
.pb-3{		
	padding-bottom:3em!important;	
}
.mt-0{		
	margin-top:0!important;	
}
.mt-1{		
	margin-top:1em!important;	
}	
.mt-2{		
	margin-top:2em!important;	
}	
.mt-3{		
	margin-top:3em!important;	
}	
.mt-4{		
	margin-top:4em!important;	
}	
.mt-5{		
	margin-top:5em!important;	
}
.mb-0{		
	margin-bottom:0!important;	
}
.mb-1{		
	margin-bottom:1em!important;	
}
.mb-2{		
	margin-bottom:2em!important;	
}
.mb-3{		
	margin-bottom:3em!important;	
}	
.mb-4{		
	margin-bottom:4em!important;	
}	
.mb-5{		
	margin-bottom:5em!important;	
}
.my-0{
	margin-bottom:0!important;
	margin-top:0!important;
}
.mx-5{
	margin-left:5%!important;
	margin-right:5%!important;
}
.px-5{		
	padding-left:5%;	
	padding-right:5%;	
}
.px-57{
	padding-left: 5.7%!important;
	padding-right: 5.7%!important;
}
.mx-minus-5{
	margin-left:-5.7%!important;
	margin-right:-5.7%!important;
}
br.pc, .link-btn .pc{		
	display:block;	
}		
br.sp , .link-btn .sp{		
	display:none;	
}
@media screen and (max-width:768px) {		
	.sp-mt-5{	
		margin-top:5em;
	}
	.sp-mt-minus-3{		
		margin-top:-3em!important;	
	}	
		
}		
@media (max-width:600px){		
	br.sp, .link-btn .pc{	
		display:block;
	}	
	br.pc, .link-btn .sp{	
		display:none;
	}	
}		

.keni-main_wrap {
    background: url(https://diet-seikotu-seitai.com/sample/wp-content/uploads/2024/04/konpon9-background-scaled.webp) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.h1_title{
	background:var(--pink2);		
}
.page .behind-article-area {
margin-top:0;
}
/*FVアイキャッチ画像非表示（画質悪いため）*/
.article-visual {
    display: none;
}
/*FVの上*/
.fv-top{
	padding:.6em 5%;
}
.fv-top-inner{
	background:#fff;
	border:2px solid var(--pink);
	color:var(--pink);
	padding:.2em;
	line-height: 1.2;
}
@media (max-width:600px){
	.fv-top-station{
			font-size:.8em;
	}
}
/*文字色*/
.pink-moji{
	color:var(--pink);
}
.red-moji{
	color:var(--red);
}
.yellow-moji{
	color:var(--yellow);
}
.orange-moji{
	color:var(--orange);
}
.al-j{
	text-align:justify!important;
}
/*ライン*/
.yellow-line {
    background: linear-gradient(transparent 60%, #FFFF83 46%)
}
.pink-line-back{
	background: var(--pink);
	color:#fff;
	padding: 0 3px;
   margin: 3px;
}
.white-line-back{
	background:#fff;
	padding: 3px;
	margin:0 2px;
}
/*角丸背景*/
.green-radius{
	border-radius:5px;
	background:var(--green);
	color:#fff;
	padding:4px 8px 4px;
	margin-right:8px;
}
.white-radius{
	border-radius:2em;
	background:#fff;
	color:var(--red);
	padding: .5em 0;
}
/*文字サイズ*/
.keni-section .article-body .f05em{
	font-size:0.5em!important;
}
.keni-section .article-body .f08em{
	font-size:0.8em!important;
}
.keni-section .article-body .f09em{
	font-size:0.9em!important;
}
.keni-section .article-body .f10em{
	font-size:1em!important;
}
.keni-section .article-body .f11em{
	font-size:1.1em!important;
}
.keni-section .article-body .f12em{
	font-size:1.2em!important;
}
.keni-section .article-body .f13em{
	font-size:1.3em!important;
}
.keni-section .article-body .f14em{
	font-size:1.4em!important;
}
.keni-section .article-body .f15em{
	font-size:1.5em!important;
}
.keni-section .article-body .f16em{
	font-size:1.6em!important;
}
.keni-section .article-body .f17em{
	font-size:1.7em!important;
}
.keni-section .article-body .f18em{
	font-size:1.8em!important;
}
.keni-section .article-body .f19em{
	font-size:1.9em!important;
}
.keni-section .article-body .f20em{
	font-size:2.0em!important;
}
.keni-section .article-body .f21em{
	font-size:2.1em!important;
}
.keni-section .article-body .f22em{
	font-size:2.2em!important;
}
.keni-section .article-body .f23em{
	font-size:2.3em!important;
}
.keni-section .article-body .f24em{
	font-size:2.4em!important;
}
/*フッターボタン*/
.footer-btn {
    display: block;
    position: fixed;
    bottom: 6px;
    right: 10px;
	width: 400px;
    z-index: 1000;
    transition-duration: 0.6S;
}
.footer-btn a {
    display: block;
	margin-bottom:10px;
}
@media screen and (max-width: 600px){
.footer-btn{
    display: flex;
}
	.footer-btn {
		bottom: 0%;
		right: 0%;
		width: 100%;
		z-index: 100;
	}
	.footer-btn a{
/* 		width:50%; 　２つボタンがある場合*/
		margin:0;
	}
}
/.keni-main .behind-article-area {
    margin-top: 0;
} 
.page-top{
	display:none!important;
}
.keni-breadcrumb-list_wrap{
	display:none;
}
/*背景*/
.undo-back{
	background:url(https://diet-seikotu-seitai.com/sample/wp-content/uploads/2024/05/undo-back.webp) no-repeat;
	background-size:cover;
}
.photo-triangle{
	background:url(https://diet-seikotu-seitai.com/sample/wp-content/uploads/2024/05/fuan-back.webp) no-repeat;
	background-size:cover;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
}
.white-back{
	background:#fff;
}
/*吹き出しタイトル*/
h2.fukidashi_title{
	font-size:1.5em;
	font-family: "M PLUS Rounded 1c", sans-serif!important;
	 text-align: center;
    padding: 20px 0 50px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 55% 80%, 50% 100%, 45% 80%, 0 80%);
}
.fukidashi-back-wrap {
    filter:drop-shadow(4px 4px 4px rgba(99, 99, 99, 0.2));
}	
h2.fukidashi_pink{
	background:	linear-gradient(to bottom , #F93664, #FF7C9B);
}
h2.fukidashi_orange{
	background:var(--orange);
	padding: 10px 0 50px;
}
h2.fukidashi_2line {
    clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 55% 83%, 50% 100%, 45% 83%, 0 83%);
}
h2.fukidashi_3line {
    clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 55% 88%, 50% 100%, 45% 88%, 0 88%);
}
h2.round_fukidashi {
    display: inline-block;
    position: relative;
    background: #fff;
    border: 4px solid var(--pink);
    border-radius: 1em;
	color:var(--pink);
    padding: 1em 0;
    font-weight: bold;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 3px 6px 0px;
	width:90%;
}
.round_fukidashi:before, .round_fukidashi:after {
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}
.round_fukidashi:before {
    margin-left: -12px;
    border-color: transparent;
    border-top-color: var(--pink);
    border-width: 12px;
}
.round_fukidashi:after {
    margin-left: -8px;
    border-color: transparent;
    border-top-color: white;
    border-width: 8px;
}
/*痩せられないリスト*/
.list_center-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}
ul.list_center {
    display: inline-block;
    margin: 0 auto;
}
ul.worries_list {
    background: #fff;
    padding: 1em;
	border-radius: 30px;
    width: 90%;
	max-width: 490px;
}
li.check-box {
   position: relative;
	list-style: none;
	line-height: 1.4;
	margin: 0 0 .8em;
	padding: 0 0 0 2em;
}
li.check-box::before {
	position: absolute;
	top: 2px;
	left: 0;
	content: '';
	display: inline-block;
	margin-right: 1em;
	width: 1.2em;
	height: 1.2em;
	background: url(https://diet-seikotu-seitai.com/sample/wp-content/uploads/2024/05/green-check-1.webp) no-repeat bottom center;
	background-size: contain;
}
.pink-triangle{
	position:relative;
	margin-bottom:5em;
}
.pink-triangle::before {
    position: absolute;
    content: '';
    bottom: -3em;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    max-width: 180px;
    height: 2em;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: var(--pink);
}
.banzai {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}
.banzai::before {
	position: absolute;
	left: -0.4em;
	bottom: 4px;
	content: '';
	width:3px;
	height: 74%;
	background-color: var(--pink);
	transform: rotate(-25deg);
}
.banzai::after {
	position: absolute;
	right: -0.4em;
	bottom: 4px;
	content: '';
	width:3px;
	height: 74%;
	background-color: var(--pink);
	transform: rotate(25deg);
}
.banzai.banzai_white::before {
	background-color:#fff;
}
.banzai.banzai_white::after {
	background-color:#fff;
}
/*ビッグオアシス整体院の
ダイエットはここがすごい！*/

.reason_number img{
		width:4em;
	margin-top: -3em;
}
.reason_list li h3{
	margin:0;
	color:var(--pink);
	font-size:1.3em;
	text-align:center;
}
.reason_list li{
	position:relative;
	margin-top: 2.5em;
}
.reason_list li::before , .reason_list li::after{
	position: absolute;
	top: -2em;
    right: -1em;
    content: '';
    width: 4em;
    height: 4em;
    background: url(https://diet-seikotu-seitai.com/sample/wp-content/uploads/2024/05/kirakira.webp) no-repeat bottom center;
    background-size: contain;
}
.reason_list li::after{
	top:unset;
	bottom: -2em;
    left: -1em;
}
.reason_list li {
	text-align:justify;
}
/*お申込み後の流れ*/
h2.flow-title{
	display: inline-block;
	width: 90%;
	background: var(--pinkorange);
	border-radius: 3em;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	font-size: 1.4em;
	font-family: "M PLUS Rounded 1c", sans-serif!important;
	text-align: center;
	padding: 1em 0;
}
ul.flow_list {
    counter-reset: blockPoint;
}
.pink_border_list li{
	background:#FFF8F7;
	border:4px solid var(--pinkorange);
	border-radius:1em;
	padding: 1em;
	margin-bottom: 1em;
}
.flow_list h3{
	position:relative;
	padding:0.31em 0 0.18em 2em;
	color:var(--pinkorange);
	font-size: 1.1em;
	line-height:1.4;
	margin-bottom:0;
}
.flow_list h3::before{
	position:absolute;
	display:block;
	content: counter(blockPoint);
	counter-increment: blockPoint;
	left:0;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.4;
	background: var(--pinkorange);
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	text-align:center;	
}
/*よくある質問*/
summary::-webkit-details-marker { display: none; } /*iphoneの▼非表示*/
details summary {
    list-style: none;
    cursor: pointer;
    position: relative;
    background: #fff;
    padding: 1em;
	border-bottom: dotted 2px var(--pink);
}

details summary::after {
    content: "＋";
    position: absolute;
    right: .5em;
	color:var(--pink);
	top: 50%;
    transform: translate(0, -50%);
}
details[open] summary::after {
    content: "−";
    position: absolute;
    right: .5em;
}
details p {
    position: relative;
    background: #FFF9E2;
    padding: 1em;
    text-align: justify;
}
/*アクセス*/
.access_table th, .access_table td{
 	font-size: 21px; 
}
@media (max-width: 600px) { 
	.access_table th, .access_table td {
		font-size: calc((100vw - 320px) / 56 + 16px)!important;/* 21px~16px */
	}
}
.access_table tr{
	border-top: none;
    border-bottom: solid 1px #cfcfcf;
}
.access_table th, .access_table td {
    border: none;
    padding: 1em 0;
}
.access_table th {
	width: 29%;background:transparent;text-align: left;color: var(--pink);
}
.iframe_wrap {
    position: relative;
    width: 100%;
    padding-top: 75%;
}
.iframe_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 600px){
	.access_table th, .access_table td {
		
	}
	.iframe_wrap {
        padding-top: 100%;
	}
}










/*ビフォーアフター*/
.customer {
	padding: 5%;
	position: relative;
	margin: 4rem 0 0;
}

ul.customer-item {
	margin: 0!important;
	counter-reset: customer 0;
}

ul.customer-item2 {
	counter-reset: customer 3; /*←前半のビフォーアフターの数に変更*/
}

.customer-item li {
	padding:2em 4% 1em;
	list-style: none;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	background: #FFF9E2;
	margin-bottom: 12rem;
}

.customer-item li:last-of-type {
	margin-bottom: 0;
}
.customer-item li:before {
	content: "CASE "  counter(customer);
	counter-increment: customer;
	position: absolute;
	right: 0;
	top: -1.8em;
	height:1.8em;
	background: #FFA7BC;
	clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
	padding: .2em .7em .2em 1em;
	color: white;
	font-weight: bold;
	font-style: italic;
	line-height: 1.4em;
}
.customer-value-circle {
	position: absolute;
	color: white;
	font-size: 0.8em;
	text-align:center;
	width: 9.3em;
	height: 9.3em;
	max-width:180px;
	border-radius: 50%;
	top: -5em;
	left: -1em;
	background:#FF1918;
	z-index: 2;
}
.customer-value-circle-inner {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.customer-value-circle-inner span.taiju{
	font-style:italic;
	font-weight:bold;
	font-size: 2.2em;
	line-height:1.3;
   margin-right: 6px;
}
.customer-ba {
	display: flex;
	position:relative;
	justify-content: space-between;
}
.customer-ba:before {
    position: absolute;
    content: "";
    background: url(https://diet-seikotu-seitai.com/sample/wp-content/uploads/2023/10/bf_arrow.webp) no-repeat;
    background-size: contain;
    width: 3em;
    height: 2em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.customer-ba-img {
	position: relative;
	width:49%;
}
.customer-ba-img.before1{
	margin-right:1%;
}
.customer-ba-img:after{
	position:absolute;
	content:'BEFORE';
	width:100%;
	height:2em;
	background:#959595;
	color:#fff;
	bottom:1em;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	padding: .2em 0 .3em;
	letter-spacing: .2em;
	line-height: 1.6;
}
.customer-ba-img.after1:after{
	content:'AFTER';
	background:#F93664;
}
.customer-report {
	text-align: center;
	margin-top: 2rem;
	position: relative;
}
.customer-report-ttl {
	padding:10px 0;
	margin-bottom:0!important;
	border-bottom: solid 1px #0000003b;
}
.customer-report-detail {
	padding: 1em 0.5em 0;
	line-height: 1.6;
}
.customer-report-detail p {
	text-align: justify;
}



/* モーダルウィンドウ */
.modal-open{
	display: inline-block;
}

.modal-open a {
	display: inline-block;
}

.modal-open a:hover {
	opacity: 0.7;
}

.modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.modal:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
}

.modal:target {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s, visibility 0.5s;
}

.modal .overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.7;
	top: 0;
	left: 0;
}

.modal-wrapper{
	width: 100%;
	max-width: 335px;
	min-width: 300px;
	height: 100%;
	max-height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-contents{
	overflow: auto;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.modal-content{
	margin: 25px;
}

.modal-close{
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
	color: #fff;
}

#modal_offer .modal-wrapper,#modal_offer2 .modal-wrapper {
	width: 100%;
	max-width: 650px;
	min-width: 300px;
	height: 100%;
	max-height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* モーダルウィンドウ */
/*ビフォーアフター*/
.white_stroke {
    text-shadow: 1px 1px #ffffff, 2px 2px #fff, -1px -1px #fff, -2px -2px #fff, 5px 5px #eee, 6px 6px 4px #b0b0b0;
    font-weight: bold;
    text-align: center;
    color: var(--black);
}