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

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

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

.pc_br {
display: none;
}
}

/*ヘッダー非表示*/
.keni-header_wrap {
	display:none;
}

.keni-gnav_wrap {
	display: none;
}

/* pc時の全体幅 */
.col1 .keni-section_wrap {
max-width: 600px!important;
}

.keni-main_inner {
padding: 0px 0!important;
}

.keni-container,.fn-keni-container{
padding-bottom: 0!important;
}

.keni-main .keni-section_wrap {
padding: 0px 0px!important;
margin: 0;
}

img{
width: 100%;
}

/*ヘッダーのボーダーを非表示*/
.keni-header_wrap{
padding-top: 0px;
background-size: 0px 0px;
}
/*記事タイトルのボーダーを非表示*/
.keni-section h1{
background-size: 0px 0px;
}

/*枠外背景*/
.keni-container, .keni-mv_wrap {
overflow: hidden!important;
background-image:url(http://kishibechiro.seitai-works.xyz/wp-content/uploads/2024/05/AdobeStock_491388713-scaled.jpeg)!important;
background-attachment: fixed!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}

ul {
	list-style: none;
	margin: 0!important;
}

h2 {
	background: var(--green)!important;
	text-align: center!important;
	font-weight: bold!important;
	color: #fff!important;
	
}

h3 {
	border-top: 0px!important;
	border-bottom: 0px!important;
	background: var(--orange);
	border-radius: 20px;
	color: #fff!important;
	font-weight: bold;
	text-align: center!important;
	margin: 0 70px!important;
}

/*全体フォント変更  */
body {
font-family: 'HiraKakuProN-W3', sans-serif;
color:#5c4e4d;
}

.section_inner {
	width: 90%!important;
	margin: 0 auto;
}

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

/*カラー  */
:root {
	--beige_bg: #FAF8F2;
	--yellow_bg: #FFFAE2;
	--orange: #FF9800;
	--black: #333;
	--green: #4CAF50;
	
}


/*---------------------------------------PC表示のCSS---------------------------------------  */
/*画像  */
.photo {
	margin: 20px 0;
}

/*選ばれる理由  */

*{
box-sizing: border-box;
}

body {
--h: 110deg;
--l: 43%;
--brandColor: hsl(var(--h), 71%, var(--l));
font-family: Montserrat, sans-serif;
margin: 0;
background-color: whitesmoke;
}
.choice {
background-repeat: repeat;
background-size: contain;
padding: 40px 0;
}

.choice p {
margin: 0;
line-height: 1.6;
width: 90%;
margin: 0 auto!important;
padding-bottom: 20px;
}

.choice ol {
list-style: none;
counter-reset: list;
margin: 0 auto;
}

.choice li {
position: relative;
counter-increment: list;
max-width: 45rem;
margin: 2rem auto;
padding: 2rem 1rem 1rem;
box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
border-radius: 0.25rem;
overflow: hidden;
background-color: white;
}

.choice li::before {
--stop: calc(100% / var(--length) * var(--i));
--l: 62%;
--l2: 88%;
--c1: hsl(var(--h), 71%, var(--l));
--c2: hsl(var(--h), 71%, var(--l2));content: '';
display: block;
width: 100%;
height: 1rem;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}

.choice h3 {
display: flex;
align-items: baseline;
margin: 0 0 1rem;
color: var(--brandColor);
letter-spacing: -1px!important;
font-size: 1.4em!important;
}

.choice h3::before {
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 auto;
margin-right: 1rem;
width: 3rem;
height: 3rem;
content: counter(list);
padding: 1rem;
border-radius: 50%;
background-color: var(--brandColor);
color: white;
margin: 0 10px 0 10px;
}
.num_big {
font-size: 1.6em;
color: orange;
font-weight: bold;
}
.choice_img {
text-align: center;
}
.choice_img img {
width: 90%;
border: 3px solid #C6D99C;
border-image: linear-gradient(90deg, rgba(233, 233, 233, 1), rgba(172, 172, 172, 1));
border-image-slice: 1;
margin: 20px 20px;
}

/* 当院のダイエット施術の特徴　リスト */
.characteristics_list {
	
}
.characteristics h3 {
	margin-top: 20px!important;
}
.characteristics_list li {
position: relative;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 10px;
font-size: ;
font-weight: bold;
color: #4c1200;
border-bottom: dotted 2px;
list-style: none!important;
}
.characteristics_list li:before {
position: absolute;
content: "";
background: url(http://kishibechiro.seitai-works.xyz/wp-content/uploads/2024/05/チェックボックス　みどり.png);
background-size: cover;
width: 25px;
height: 25px;
top: 5px;
left: 0;
}

.characteristics p {
	margin-top: 40px;
}

/*お客様の声  */
.voice {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	border: 2px solid var(--orange);
	border-radius: 10px;
	margin-bottom: 20px;
}

.voice h3 {
	background: transparent!important;
	color: var(--orange)!important;
}

.voice_img {
	width: 30%;
}

.voice_txt {
	width: 68%;
}

.voice_txt p {
	margin-bottom: 0!important;
}

.characteristics_list {
	margin-top: 20px!important;
}
/*よくある質問  */
.yellow_bg　{
	background: var(--yellow_bg);
	margin-bottom: 20px;
}

.faq_inner {
	list-style: none;
	
}

.faq_inner li {
	background: #fff;
	padding: 20px;
	margin-bottom: 0px;
	
}

.q_txt,
.a_txt {
	position:relative;
	margin-bottom: 10px!important;
	padding-left: 30px !important;
}

.q_txt {
	color: var(--orange);
	font-size: 18px;
	font-weight: bold;
}

.a_txt {
	color: var(--black);
	font-size: 17px;
	line-height: 1.5;
}

.q_txt::before,
.a_txt::before {
	position: absolute;
	width: 25px;
   height: 25px;
   left: 0px;
	line-height: 1;
}

.q_txt::before {
	content: "Q";
	color: #fff;
	background: var(--orange);
	font-weight: bold;
	padding: 1px 4px;
	top: 4px;
}

.a_txt::before {
	content: "A";
	color: var(--black);
	background: #fff;
	font-weight: bold;
	border: 1px solid var(--black);
	padding: 2px 5px;
	top: 1px;
}

/*コンタクト  */
.contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-bottom: 30px;
}

.contact　p {
	
}

.tel_item {
	width: 48%;
}

.line_item {
	width: 48%;
}

.contact_btn {
	padding-bottom: 20px;
}

/*アクセス情報  */
.access_info th {
	width: 30%;
}

.map {
	padding-bottom: 30px;
}

/*フッターボタン*/
.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;
}

.keni-copyright {
	text-align: center!important;
	font-weight: bold;
}

/*---------------------------------------SP表示のCSS---------------------------------------  */
@media screen and (max-width: 768px) {
h3 {
margin: 0 10px!important;
}
	
/*サイドメニュー非表示SP 	 */
	.keni-sub {
		display:none;
	}

/*お客様の声SP  */
.voice_img {
	width: 60%;
	margin: 0 auto;
}

.voice_txt {
	width: 100%;
}

.footer-btn {
        bottom: 0%;
        right: 0%;
        width: 100%;
        z-index: 100;
}
	
/*アクセスSP  */
.access_info th　{
		width: 30%;
}

/*料金表  */
.s_font {
	font-size: 10px!important;
}
	
}　　/*閉じ  */