@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&display=swap');


/* 自動<p>タグの非表示 */
p:empty {
    display: none;
}
/* 自動<p>タグの非表示 */

/*全体フォント  */
body {
	font-family:'Zen Old Mincho',serif!important;
	color: var(--moji);
}

/*幅調整*/
.col1 .keni-main .keni-section_wrap {
	max-width: 600px;
	overflow-x: hidden;
	padding: 0;
}
.top-h1-write {
    max-width: 600px!important;
    margin: 0 auto;
    padding: 3px 10px 1px;
}
.top-h1 {
	background: #32A8B7!important;
	color: #fff!important;
}

/*幅調整  */
.section_inner{
width: 90%!important;
margin: 0 auto;
}

/*最下部隙間調整*/
.behind-article-area {
    margin-top: 0!important;
}
.keni-footer_wrap {
	padding-top: 40px!important;
}
/*最下部隙間調整*/
.col1 .keni-main .keni-section_wrap {
    max-width: 600px;
    overflow-x: hidden;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/*位置調整  */
.pt_1 {
	padding-top: 1em!important;
}
.pt_2 {
	padding-top: 2em!important;
}
.pt_3 {
	padding-top: 3em!important;
}
.pb_1 {
	padding-bottom: 1em!important;
}
.pb_2 {
	padding-bottom: 2em!important;
}
.pb_3 {
	padding-bottom: 3em!important;
}

.mt_1 {
	margin-top: 1em!important;
}
.mt_2 {
	margin-top: 2em!important;
}
.mt_3 {
	margin-top: 3em!important;
}
.mb_1 {
	margin-bottom: 1em!important;
}
.mb_2 {
	margin-bottom: 2em!important;
}
.mb_3 {
	margin-bottom: 3em!important;
}

/*枠外背景PC*/
.keni-container, .keni-mv_wrap {
overflow: hidden!important;
background-image:url(https://bikenseitai-reset.com/bridal/wp-content/uploads/2024/09/PCbg03.webp)!important;
background-attachment: fixed!important;
background-repeat: no-repeat!important;
background-size: cover!important;
	}


/*上部分の空白非表示  */
.keni-main_inner {
    padding: 0!important;
}

/*ヘッダーのタイトル部分非表示  */
.keni-header_inner {
	display: none!important;
}

/*グロナビPC非表示  */
.keni-gnav_wrap {
display: none!important;
}

/*位置調整 */
.al_c {
	text-align: center;
}

.pt_20 {
	padding-top: 20px;
}

/*SPのみ改行  */
.sp_br {
display: none;
}

/*pcのみ改行  */
.pc_br {
display: block;
}

/*hover時半透明化  */
a:hover {
opacity: 0.7;
}

@media screen and (max-width: 768px){
.sp_br {
display: block;
}

.pc_br {
display: none;
}
}
/*画像位置調整  */
figure {
    margin: 1em 0 2em!important;
}

/*フォントサイズ  */
body {
color: var(--moji);
font-size: 18px!important;
}
.fs_small {
	font-size: .7em;
}
.fs_18 {
	font-size: 18px;
}

.fs_22 {
	font-size: 22px;
}

.fs_24 {
	font-size: 24px;
}

.fs_30 {
	font-size: 30px;
}

/*イエローアンダーライン  */
.yellow_un {
background: linear-gradient(transparent 80%, #ffff7f 80%);
}

/*文字カラー  */
.blue_moji {
	color: #32A8B7;
}

.yellow_moji {
	color: #FFFCBA;
}

.brown_moji {
	color: #B86C32;
}

/*背景カラー  */
.blue_grad_bg {
	background: linear-gradient(90deg, rgb(50, 168, 183) 0.00%, rgb(133, 211, 221) 100.00%);
}
.light_blue {
	background: #F7FCFC!important;
}

/*見出しリセット  デフォルトのCSS消去*/
h2 {
	margin-top:0!important;
	margin-bottom:0!important;
	padding:0!important;
	background:none!important;
	border:none!important;
}

h3 {
	margin:0!important;
	padding:0!important;
	border-top: none!important;
	border-bottom: none!important;
}

/*カラー  */
:root {
	--list_bg: #F7FCFC;
	--bluegreen: #32A8B7;
	--moji: #534741;
	--zen:font-family: 'Zen Old Mincho', serif;
	--hiragino:font-family: 'ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
}

/*---------------------------------------PC表示のCSS---------------------------------------  */
/*金額バナー  */
.banner {
	margin: 60px 0 60px;
}

/*こんなお悩み  */
.nayami {
	background: var(--list_bg);
	padding: 2em 2em 2em 4em;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
	position:relative;
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
}
.nayami h2{
	position: absolute;
	font-size: 38px!important;
	font-family: "Kaisei Decol", serif!important;
	font-weight: 400!important;
	font-style: normal!important;
	color: var(--moji)!important;
	top: -20px;
	width: 600px!important;
	left: calc(50% - 250px)!important;
}
.nayami ul {
	margin: 0;
	list-style: none;
}
.nayami li {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.nayami li::before {
	position: absolute;
	content: "";
	background: url(https://bikenseitai-reset.com/bridal/wp-content/uploads/2024/09/check02.png)no-repeat;
	background-size: cover;
	width: 20px;
    height: 20px;
    top: 8px;
	left: -30px;
}
/*お悩みの文字上の強調  */
.char {
    position: relative;
    display: inline-block;
}

.char::before {
    content: "・";  
    position: absolute;
    top: -20px;     
    left: 50%;      
    transform: translateX(-50%);  
    font-size: 20px; /* 点の大きさ */
    color: var(--moji);
}
/*下向きのさんかく矢印  */
.arrow {
	margin: 30px 0;
}
.arrow img {
	width: 20%;
}

/*そんなお悩みを解決いたします！  */
.h2_nayami_kaiketsu {
	text-align: center!important;
	padding: 20px 0!important;
	margin-bottom: 30px!important;
	font-size: 30px!important;
	line-height: 1.4;
}

/*テキスト  */
.text_pc_center_sp_left {
	text-align: center;
}

/*下線ドットあり 見出し  */
.h2_double_ttl {
	position: relative;
	margin: 60px auto;
	border-bottom: 1px solid #32A8B7;
	margin-bottom: 70px;
	padding-bottom: 10px;
	text-align: center!important;
	width: 90%!important;
	}
.h2_double_ttl::after {
	position: absolute;
	content: "";
	background: url(https://bikenseitai-reset.com/bridal/wp-content/uploads/2024/09/dods.png)no-repeat;
	background-size: cover;
	width: 3px;
	height: 30px;
	bottom: -40px;
	left: calc(50% - 1px);
}
.sub_ttl {
	position:relative;
	color: #EAF6F8;
	font-size: 50px;
	top: 20px;
	text-align: center;
	z-index: 1;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	
}
.h2_main_ttl {
	position:relative;
	font-size: 40px;
	color: var(--moji)!important;
	text-align: center!important;
	z-index: 2;
	line-height: 1.3;
}

/*画像サイズ変更  */
.img60 img {
	width: 60%;
	}

/*お客様の変化 */
.change {
		text-align: center;
}
.change ul {
	margin: 0;
	list-style: none;
}
.change li {
	margin-bottom: 30px;
	position:relative;
	
}
.change li::before {
	background: #EAF6F8;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	position: absolute;
	content: "";
	width: 600px;
	height: 200px;
	top: calc(50% - 100px);
	left: 0;
	z-index: 3;
}
.change li img {
	width: 90%;
	margin: 0 auto;
	z-index: 4;
	position: relative;
}

/*施術方法  */
.beige_bg {
	background: #E1DED8;

	}
.img_radius {
border-top-right-radius: 50px!important;
border-bottom-right-radius: 50px!important;
box-shadow: 10px 10px 0px 0px rgba(244, 254, 250, 1)!important;
		}

.img_radius02 img {
border-top-right-radius: 50px!important;
border-bottom-right-radius: 50px!important;
box-shadow: 10px 10px 0px 0px rgba(244, 254, 250, 1)!important;
		}

.treatment {
	
}
.treatment ul {
	list-style: none;
	margin: 0;
	border-left: 2px solid var(--bluegreen);
}
.treatment li {
	
}
.treatment li h3 {
	background: var(--bluegreen)!important;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	font-size: 28px;
	color: #fff!important;
	font-weight: bold;
	padding: 10px 0 10px 20px !important;
	}

.treatment_text p {
	margin-bottom: 0!important;
	font-size: 22px;
	color: var(--moji);
	padding: 20px;
}

/*料金  */
.price_area {
	margin-bottom: 90px;
}
.price_box {
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 40px;
    }

.price_box_inner,
.price_box_inner_pink {
    text-align: center;
    color: white;
    width: 90%;
	}
/*グリーン背景  */
.price_box_inner {
    background-color: #32A8B7; 
    border: 1px solid #32A8B7; 
}
/*ピンク背景  */
.price_box_inner_pink {
    background-color: #FF3967; 
    border: 1px solid #FF3967; 
}

/* タイトル部分 */
.price_ttl {
    font-size: 30px; 
    font-weight: bold;
	margin-bottom: 0!important;
	padding-top: 1rem;
}

/* 金額部分 */
.price {
    background-color: #fff; 
    color: black;
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
	color: var(--moji);
}

/* （税込） */
.tax-included {
    font-size: 14px; 
}

/*施術の流れ  */
.flow {
	
}
.flow ul {
	list-style: none;
	margin: 0;
}

.flow li {
	
}

.flow li h3 {
	font-size: 28px!important;
	position: relative;
	top: 31px;
    left: 90px;
	}
.flow_text {
	width: 90%;
	margin: 0 auto;
}
.flow_text p {
	margin-bottom: 0!important;
	color: var(--moji);
	padding: 20px 10px;
	font-size: 22px;
	text-align: justify;
	}
.flow_img {
	margin: 0!important;
	
}

/*よくある質問  */
.qa_container {
     margin: 0 auto;
    padding: 20px;
}

.qa_item {
    margin-bottom: 10px;
	border-bottom: 1px dotted var(--orange);
}

.question {
    cursor: pointer;
    padding: 20px 10px;
    position: relative;
    list-style: none;
    font-weight: bold;
    display: flex;
    align-items: center;
	font-size: 22px;
	background: var(--list_bg);
	color: var(--bluegreen);
	
}

.question::before {
    content: 'Q.';
    width: 30px; 
    height: 30px; 
    margin-right: 10px;
    display: inline-block;
}

.question::after {
content: '＋';
position: absolute;
right: 10px;
top: 30%;
font-size: 20px;
color: var(--bluegreen);
	display: inline-block;
}

.qa_item[open] .question::after {
content: '−';
color: var(--bluegreen);
	display: inline-block;
}

.answer {
    padding: 10px;
	padding-left: 50px;
	font-size: 20px;
	position: relative;
}
.answer::before {
	content: 'A.';
    width: 30px; 
    height: 30px; 
    margin-right: 10px;
    display: inline-block;
	position: absolute;
	left: 10px;
}
/*Q＆A　デフォルト三角削除*/
summary {
	display: block;
		list-style: none !important;
	transition: 0.2s !important;
}
summary::-webkit-details-marker {
	display: none !important;
}

/*アクセス*/
.access {
	margin-top:60px;
	margin-bottom: 60px;
}

.access_title {
	font-family: "Kaisei Opti", serif;
	color:#ffffff!important;
	font-size:50px!important;
	text-align:center!important;
	font-weight:400;
	background:var(--green)!important;
	padding:23px 0!important;
}

.access_content {
	margin-top:20px;
	padding:20px 30px;	
}


.hospital_name {
	font-size:28px;
	font-weight:600;
	text-align:center;
}

tbody th {
	border-top:1px solid #664748!important;
	border-bottom:1px solid #664748!important;
	border-right:none!important;
	border-left:none!important;
	background: #ffffff!important;
	color: #577073!important;
	font-size:22px!important;
	text-align: left!important;
	font-weight:600!important;
	width: 30%;
	padding:15px 10px!important;
	vertical-align: middle;
}

tbody td {
	border-top:1px solid #664748!important;
	border-bottom:1px solid #664748!important;
	border-right:none!important;
	border-left:none!important;
	background: #ffffff!important;
	color:var(--moji)!important;
	font-size:20px!important;
	text-align: left!important;
	font-weight:400!important;
	width: 70%;
	padding-top:10px!important;
	padding:15px 10px!important
}

.access_map {
	margin-top:20px;
}

.map_iframe {
	position: relative;
	width: 100%;
	padding: calc(348 / 534* 100%) 0 0;
}

.map_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*フッター固定ボタン  */
/*フッターボタン*/
.footer-btn {
    display: block;
    position: fixed;
    bottom: 6px;
    right: 10px;
    width: 400px;
    z-index: 1000;
    transition-duration: 0.6S;
}

.footer-btn a {
    line-height: 0em;
}

@media (max-width: 767px) {
    .footer-btn {
        bottom: 0%;
        right: 0%;
        width: 100%;
        z-index: 100;
    }
}

.sp-display {
    display: none;
}

.sp-footer-btn {
display: flex;
background: ransparent!important;
padding: 0;
justify-content: center;
}

.sp-footer-btn-item {
padding: 0 2px;
}

@media screen and (max-width:560px) {
    .pc-display {
        display: none;
    }

    .sp-display {
        display: block;
    }
}

.page-top {
    display: none !important;
}


/*---------------------------------------SP表示のCSS---------------------------------------  */
@media screen and (max-width: 768px) {
/*こんなお悩みSP  */
.nayami {
	padding: 2em 2em 2em 3em;
	}
/* こんなお悩みありませんか　見出しSP	 */
	.nayami h2 {
    font-size: 24px!important;
    width: 320px!important;
    left: calc(50% - 160px) !important;
}
/* 悩み解決　ブルーグラデ背景SP	 */
	.h2_nayami_kaiketsu {
    margin-bottom: 30px !important;
    font-size: 26px !important;
}
/*テキスト　SP左寄せ 	 */
	.text_pc_center_sp_left {
    text-align: justify;
		width: 100%;
		margin: 0 auto;
}
	
	/*下線ドットあり 見出しSP  */
.h2_double_ttl {
	padding-bottom: 10px!important;
	}

.h2_main_ttl {
	font-size: 28px!important;
	line-height: 1.4;
}
	
/* 施術方法　見出しSP	 */
	.treatment li h3 {
    font-size: 24px;
	border-bottom-right-radius: 40px;
	border-top-right-radius: 40px;
    }
	.treatment_text p {
    padding: 20px 0 20px 20px;
}
		
/* 料金SP	 */
	.fs_small {
    font-size: .5em;
}
	.price_ttl {
    font-size: 26px;
    }
	
/*施術の流れSP 	 */
	.flow li h3 {
    font-size: 24px !important;
    top: 26px;
    left: 15%;
}
	.flow_text p {
    padding: 20px 0;
	font-size: 20px;
    }
	
/*よくある質問SP 	 */
	.question {
    font-size: 20px;
    }
	
/*アクセスSP 	 */
	tbody th {
	font-size:18px!important;
		vertical-align: middle;
	}

tbody td {
	font-size:18px!important;
	}
	
}/*mediaスクリーン　閉じタグ 	 */