@charset "UTF-8";
/* ---------------------------------------

共通設定

--------------------------------------- */
.secTit {
position: absolute;
bottom: -70px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
border-radius: 0 0 20px 20px;
z-index: 1;
width: 700px;
}
/**.secTit::after {
border: 50px solid transparent;
border-top-color: #fff;
border-top-style: solid;
border-top-width: 50px;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 100px;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 0;
border-left-color: transparent;
border-left-style: solid;
border-left-width: 0;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
bottom: -50px;
content: "";
display: block;
left: 50px;
position: absolute;
width: 0;
}**/
/* ---------------------------------------

ヘッダー＜第二階層＞

--------------------------------------- */
/**.sec-topimgArea {
position: relative;
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
height: 360px;
}**/
.sec-topimgArea {
position: relative;
height: 360px;
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*見えない矯正*/
.page-kyosei .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*子どもの矯正*/
.page-child-orthodontic .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*初診の流れ*/
.page-first .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/first-back.jpg") no-repeat center;
background-size: cover;
}
/*治療の流れ*/
.page-start .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/secondly-back.jpg") no-repeat center;
background-size: cover;
}
/*こんなことでも大丈夫*/
.page-faq .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*矯正治療の種類*/
.page-treatment-menu .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/shurui-back.jpg") no-repeat center;
background-size: cover;
}
/*矯正症例紹介*/
.page-case .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/case-back.jpg") no-repeat center;
background-size: cover;
}
/*費用*/
.page-cost .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/cost-back.jpg") no-repeat center;
background-size: cover;
}
/*当院について*/
.page-aboutus .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/aboutus-back.jpg") no-repeat center;
background-size: cover;
}
/*スタッフ募集*/
.page-recruit .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*診療時間・アクセス*/
.page-access .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/access-back.jpg") no-repeat center;
background-size: cover;
}
/*お問い合わせ*/
.page-contact-all .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*無料メール相談*/
.page-contact .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*診療中の方メール相談*/
.page-contact2 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*医療機関の皆さまへ*/
.page-contact3 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*プライバシーポリシー*/
.page-privacypolicy .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*サイトマップ*/
.page-sitemap .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*リンク*/
.page-link .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*Information＜詳細＞*/
.single-news .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*Information＜一覧＞*/
.post-type-archive-news .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*Blog＜一覧＞*/
.page-blog .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/contact-back.jpg") no-repeat center;
background-size: cover;
}
/*faq1*/
.page-faq1 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq2*/
.page-faq2 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq3*/
.page-faq3 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq4*/
.page-faq4 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq5*/
.page-faq5 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq6*/
.page-faq6 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq7*/
.page-faq7 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq8*/
.page-faq8 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq9*/
.page-faq9 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}
/*faq10*/
.page-faq10 .sec-topimgArea {
background: url("/wp-content/themes/kawakami-theme/images/page-back/faq-back.jpg") no-repeat center;
background-size: cover;
}

/* ---------------------------------------

コンテンツ＜全体＞

--------------------------------------- */
#page2nd .maincopyArea {
background: #eff7fb;
position: relative;
margin-bottom: 0;
text-align: center;
}
#page2nd .maincopyArea p {
font-family: 'Jun 501';
font-size: 125%;
color: #0fadb9;
padding: 40px 0 0;
}
#page2nd .maincopyArea .wrapper {
padding: 90px 0 40px;
}


/* ---------------------------------------

パーツ

--------------------------------------- */
/* リンク一覧
-------------------------------------- */
.link_l_Block {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.link_l_Block .linkList {
width: 48%;
margin: 20px auto;
}
.link_lTit {
position: relative;
margin-bottom: 20px;
}
.link_lTit::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 1px;
background-color: #11cbd7;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.link_lTit p {
background: #11cbd7;
font-family: 'Jun 501';
font-size: 113%;
color: #fff;
padding: 4px 0;
display: inline-block;
position: relative;
width: 200px;
border: #fff 2px solid;
border-radius: 26px 0 26px 26px;
text-align: center;
z-index: 1;
}
.link_lTit.type02 p {background: #0fadb9;}
.linkList ul {
padding-left: 30px;
}
.linkList ul li {
padding: 10px 0;
position: relative;
}
.linkList ul li::before {
position: absolute;
content: "";
background: url(../images/common/icon-arrrow_f.png) no-repeat center;
background-size: contain;
width: 12px;
height: 20px;
left: -20px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.linkList ul li a {color: #333;}
.linkList ul li a:hover {
opacity: 1;
color: #10c3dc;
}

/* 診療スケジュール表
-------------------------------------- */
.scheduleBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
flex-wrap: wrap;
}
.scheduleBlock .schedule {width: 30%;}
.scheduleBlock .schedule .obi004 {
margin: 0 auto;
font-size: 113%;
padding: 18px 0;
}
.scheduleBlock .schedule p {
line-height: 1.8rem;
text-align: center;
}

/* ---------------------------------------

ブログ

--------------------------------------- */
#page2nd .maincopyArea h2 {
font-size: 125%;
color: #0fadb9;
display: inline-block;
padding: 40px 0 20px;
max-width: 768px;
margin: 0;
}
/* メタデータ
-------------------------------------- */
/*カテゴリー名*/
ul.post_meta {}
ul.post_meta li.cat_name, ul.post_meta li.day_time {
color: #0fadb9;
font-size: 88%;
text-align: right;
}
ul.post_meta li.cat_name a, ul.post_meta li.day_time a {
text-align: center;
color: #0fadb9;
padding: 8px 0;
display: inline-block;
}

ul.post_meta li.day_time::before {
font-family: "Font Awesome 5 Free";
content: "\f073";
padding-right: 4px;
}

ul.post_meta li.cat_name a::before {
font-family:"dashicons";
content: "\f318";
font-size: 113%;
vertical-align: bottom;
}
ul.post_meta li.cat_name a:hover {}

.blog .imgBlock {
/**max-width: 768px;**/
width: 100%;
margin: 0 auto 40px;
text-align: center;
}
/* アーカイブ一覧
-------------------------------------- */
.blogPage.archive {}
.blogPage.archive .post {
max-width: 960px;
margin: 0 auto 40px;border: #0fadb9 1px solid;border-radius: 14px;padding: 30px 40px;}
h3.blogTit {
border-left: none;padding-left: 0;margin: 0 0 14px;line-height: 1.8rem;}
.blogPage.archive .post p {line-height: 1.6rem;padding-bottom: 0;}
.blogPage.archive span.date {
font-size: 88%;
padding: 2px 0;
color: #10c3dc;
text-align: right;
display: block;
}
.blogPage.archive span.date::before {
font-family: "Font Awesome 5 Free";
content: "\f073";
padding-right: 4px;
}
span.blog_linkmore {
margin-top: 20px;
display: inline-block;
}
span.blog_linkmore a {
display: block;
background: #10c3dc;
border-radius: 6px;
color: #fff;
padding: 6px 14px;
}
/* ページネーション
-------------------------------------- */
.pagination {
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
margin: 30px auto;
}
.pagination a {
border: #10c3dc 1px solid;
border-radius: 8px;
margin: 0 4px;
padding: 10px 16px;
font-size: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #10c3dc;
}
.pagination a:hover {
border-color: #10c3dc;
background: #10c3dc;
color: #fff;
}
span.current {
border-color: #10c3dc;
border: #10c3dc 1px solid;
border-radius: 8px;background: #10c3dc;
padding: 10px 16px;
font-size: 100%;
color: #fff;
}

/* 次へ・前へリンク表示
-------------------------------------- */
ul.post_link_nav {
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
margin-top: 80px;
}
ul.post_link_nav li {margin: 0 6px;}
ul.post_link_nav li a {
color: #10c3dc;
background: #fff;
border: #10c3dc 2px solid;
border-radius: 30px;
padding: 16px 30px;
font-size: 88%;
margin: 14px auto 4px;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

ul.post_link_nav li a:hover {
background: #10c3dc;
border: #10c3dc 2px solid;
color: #fff;
}

ul.post_link_nav li.next a::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f053";
padding-right: 6px;
vertical-align: middle;
}
ul.post_link_nav li.pre a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f054";
padding-left: 6px;
vertical-align: middle;
}
/* HOMEへリンク表示
-------------------------------------- */
.btn_totop {
margin: 32px auto;
text-align: center;
}
.btn_totop a {
color: #10c3dc;
background: #fff;
border: #10c3dc 2px solid;
border-radius: 30px;
padding: 16px 30px;
font-size: 88%;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.btn_totop a:hover {
background: #10c3dc;
border: #10c3dc 2px solid;
color: #fff;
}
/* ---------------------------------------

お問い合わせ

--------------------------------------- */
span.wpcf7-not-valid-tip {
font-size: 88%;
padding-left: 20px;
display: inline-block;
}
div.wpcf7 { margin-bottom: 80px; }
.table-contactform7 {
overflow: hidden;
table-layout: fixed;
width: 100%;
margin:  40px auto;
border-collapse: separate;
border-spacing: 0 40px;
}
.table-contactform7 .box002 {margin: 0 auto;}
/*必須マーク*/
.required-contactform7 {
padding: 1px 15px;
background: #fff;
color: #11cbd7;
border-radius: 16px 0 16px 16px;
font-weight: normal;
font-size: 88%;
display: inline-block;
position: absolute;
right: 1.25rem;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.unrequired-contactform7 {
padding: 5px;
background: #BDBDBD;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.title-contactform7 {
/**padding-left: 4px;**/
font-size: 113%;
}
.table-contactform7 tr {width: 100%;}
.table-contactform7 th {
position: relative;
font-weight:bold;
/**padding: 0.719rem 1.25rem;**/
padding: 18px 0 18px 16px;
box-sizing: border-box;
line-height: 1.5;
vertical-align: middle;
color: #fff;
background: #11cbd7;
width: 320px;
}
.table-contactform7 td {
/**line-height: 1.5;
vertical-align: top;**/
vertical-align: middle;
width: calc(100% - 320px);
}
.table-contactform7 input,
.table-contactform7 textarea {}
span.wpcf7-list-item {
height: 50px;
line-height: 50px;
margin: 0 0 0 1.5em;
}

/*ファイルアップロードボタン*/
span.wpcf7-form-control-wrap.input-group {
height: 50px;
line-height: 50px;
}
input[type="file"] {display: none;}
span.wpcf7-form-control-wrap.input-group label {
padding: 0 43px;
border: #11cbd7 1px solid;
box-sizing: border-box;
height: 50px;
line-height: 50px;
display: inline-block;
position: relative;
}
span.wpcf7-form-control-wrap.input-group label::after {
content: "選択されていません";
font-size: 14px;
height: 20px;
line-height: 20px;
position: absolute;
right: -140px;
top: calc(50% - 10px);
}
span.wpcf7-form-control-wrap.input-group label.changed::after {content: "";}
.filename, .filename02, .filename03 {
font-size: 88%;
padding-left: 10px;
}

/*ラジオボタン*/
.radio label {margin-right: 1.6em;
}
.radio input[type="radio"] {
position: absolute;
opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
content: "";border-radius: 100%;border: 1px solid #11cbd7;display: inline-block;width: 1.4em;height: 1.4em;position: relative;top: -0.2em;margin-right: 0.6em;vertical-align: middle;cursor: pointer;text-align: center;transition: all 250ms ease;}
.radio input[type="radio"]:checked + .radio-label:before {background-color: #11cbd7;box-shadow: inset 0 0 0 4px #f4f4f4;}
.radio input[type="radio"]:focus + .radio-label:before {
outline: none;
border-color: #3197ee;
}
.radio input[type="radio"]:disabled + .radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}

#sex input[type="radio"] {}
#sex input[type="radio"]::before {
content: "";
border-radius: 100%;
border: 1px solid #11cbd7;
display: inline-block;
width: 2.0em;
height: 2.0em;
position: relative;
top: -0.6em;
left: -0.7em;
margin-right: 0.6em;
vertical-align: middle;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
background: #fff;
}
#sex input[type="radio"]:checked::before {background-color: #11cbd7;box-shadow: inset 0 0 0 4px #f4f4f4;}
#sex input[type="radio"]:focus::before {
outline: none;
border-color: #3197ee;
}
#sex input[type="radio"]:disabled::before {
/**box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;**/
}
#sex input[type="radio"]::empty:before {
margin-right: 0;
}






/**/
.message-100 textarea{
width: 100%;
margin: 5px 10px 10px 5px;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
padding: 18px;
font-weight: bold;
}

.text-xs-center {
text-align: center;
margin: 20px auto;
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
}

.text-xs-center .btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
}

.table-contactform7 input[type="text"], .table-contactform7 input[type="email"], .table-contactform7 input[type="tel"], .table-contactform7 textarea, .table-contactform7 input[type="date"] {
margin: 0 0 0 0;
font-size: 100%;
border: #11cbd7 1px solid;
width: calc(100% - 20px);
/**height: 50px;
padding: 0 10px;**/
padding: 20px 0 20px 16px;
margin-left: 20px;
}
.table-contactform7 select {
margin: 0 0 0 0;
font-size: 100%;
border: #11cbd7 1px solid;
width: calc(30% - 20px);
height: 50px;
padding: 0 10px;
margin-left: 20px;
}
.your-day .txt {
margin-left: 20px;
display: inline-block;
padding: 10px 0;
}
span.wpcf7-form-control-wrap.input-group label {
margin-left: 20px;
}
.table-contactform7 input.your-old {
width: 132px!important;
margin-right: 1em;
position: relative;
}
.table-contactform7 input.your-birth {
width: 180px!important;
}
.table-contactform7 .wpcf7-form-control-wrap.your-old::after {
content: "歳";
position: absolute;
top: -4px;
left: 160px;
z-index: 99;
}

/*placeholderの色の設定*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#ccc;
}
::placeholder {color: #ccc;}

.text-xs-center input[type=submit], 
.text-xs-center input[type=button]{
font-family: 'Jun 501';
-webkit-appearance: none;
cursor: pointer;
background-color: #fa4659;
color: #fff;
font-size: 150%;
width: 100%;
max-width: 720px;
border-radius: 40px;
padding: 0;
height: 70px;
}
/*送信するボタン*/
.text-xs-center input.btn-success {
width: 30%;
}
/*戻って修正ボタン*/
.text-xs-center input.btn-back {
width: 30%;
background-color: #cacaca;
/**color: #fff;
background-color: #b0bbc1;
border-color: #b0bbc1;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;**/
}
/*確認するボタン*/
/**.text-xs-center .btn-confirm {
color: #fff;
background-color: #adc71c;
border-color: #adc71c;
padding: 1.25rem 4.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
}**/

/*確認ボタン後メッセージ*/
.wpcf7c-elm-step2 {
color: #11cbd7;
font-weight: bold;
text-align: center;
padding: 30px 0 0;
font-size: 113%;
}

.wpcf7c-elm-step3 {
color: #11cbd7;
font-weight: bold;
text-align: center;
padding: 30px 0 0;
font-size: 113%;
}

/*送信後メッセージ*/
div.wpcf7-mail-sent-ok {
border: 2px solid #dc3814;
color: #fff;
background: #dc3814;
padding: 20px 0;
text-align: center;
}

@media screen and (max-width: 768px) {
.table-contactform7{display:block;}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
width: 100%;
}
.table-contactform7 th{width:100%;margin: 0 auto 20px;border-bottom: none;padding: 1.0rem .75rem;display: block;}
.table-contactform7 td{
display: list-item;
list-style-type:none;
margin:0;
width: 100%;
padding: 0 0 1.25rem 0;
}
.table-contactform7 input[type="text"], .table-contactform7 input[type="email"], .table-contactform7 input[type="tel"], .table-contactform7 textarea, span.wpcf7-form-control.wpcf7-radio, span.wpcf7-form-control-wrap.input-group label, .table-contactform7 input[type="date"] {
margin-left: 0;
}
.table-contactform7 input[type="text"], .table-contactform7 input[type="email"], .table-contactform7 input[type="tel"], .table-contactform7 textarea {
width: 100%;
}
caption.pt001 {margin-bottom: 20px;}
}

/* ---------------------------------------

LP

--------------------------------------- */
.pum-content.popmake-content {
    width: 100%!important;
}
/*「その後」も安心な 見えない矯正を*/
.page-lp .sec-topimgArea {
position: relative;
height: 820px;
background: url("../images/lp/top_img_lp.jpg") no-repeat center;
background-size: cover;
}

.secTit_lp {
position: absolute;
top: 120px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #0fadb9;
z-index: 1;
width: 100%;
}
.page-lp .secTit_lp h2 {
font-size: 225%;
color: #fff;
text-align: center;
padding: 13px 0;
font-weight: bold;
}

.page-lp .headerArea .btn_soudan_l {
position: absolute;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
bottom: 38px;
width: 98%;
}

.cont_top {margin-top: 60px;}

.page-lp h2 {
font-size: 250%;
letter-spacing: 0.1em;
font-weight: bold;
padding-bottom: 100px;
color: #0fadb9;
line-height: 3.0rem;
}
.choiceBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.choiceBlock:not(:last-child) {margin-bottom: 120px;}
.choiceBlock.reverse {flex-direction: row-reverse;}
.choiceBlock.reverse .imgBlock {margin-left: 46px;}
.choiceBlock.notreverse .imgBlock {margin-right: 46px;}
.choiceBlock .txtBlock {flex: 1;}
.choiceBlock .imgBlock {position: relative;}
.choiceBlock .imgBlock::before {
content: "";
width: 90px;
height: 102px;
position: absolute;
top: -45px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.choiceBlock .imgBlock.num001::before {
background: url("../images/lp/icon-feature001.png") no-repeat center;
background-size: contain;
}
.choiceBlock .imgBlock.num002::before {
background: url("../images/lp/icon-feature002.png") no-repeat center;
background-size: contain;
}
.choiceBlock p {font-size: 113%;}
.choiceBlock img {
width: 100%;
max-width: 520px;
}
.choiceBlock span.tit {
color: #0fadb9;
font-size: 187.5%;
font-weight: bold;
padding-bottom: 20px;
display: inline-block;
}


/* ---------------------------------------

LP1

--------------------------------------- */
.pum-content.popmake-content {
    width: 100%!important;
}
/*40代からの矯正*/
.page-lp1 .sec-topimgArea {
position: relative;
height: 820px;
background: url("../images/lp/top_img_lp1.jpg") no-repeat center;
background-size: cover;
}

.secTit_lp {
position: absolute;
top: 120px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #0fadb9;
z-index: 1;
width: 100%;
}
.page-lp1 .secTit_lp h2 {
font-size: 225%;
color: #fff;
text-align: center;
padding: 13px 0;
font-weight: bold;
}

.page-lp1 .headerArea .btn_soudan_l {
position: absolute;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
bottom: 38px;
width: 98%;
}

.cont_top {margin-top: 60px;}

.page-lp1 h2 {
font-size: 250%;
letter-spacing: 0.1em;
font-weight: bold;
padding-bottom: 100px;
color: #0fadb9;
line-height: 3.0rem;
}
.choiceBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.choiceBlock:not(:last-child) {margin-bottom: 120px;}
.choiceBlock.reverse {flex-direction: row-reverse;}
.choiceBlock.reverse .imgBlock {margin-left: 46px;}
.choiceBlock.notreverse .imgBlock {margin-right: 46px;}
.choiceBlock .txtBlock {flex: 1;}
.choiceBlock .imgBlock {position: relative;}
.choiceBlock .imgBlock::before {
content: "";
width: 90px;
height: 102px;
position: absolute;
top: -45px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.choiceBlock .imgBlock.num001::before {
background: url("../images/lp/icon-feature001.png") no-repeat center;
background-size: contain;
}
.choiceBlock .imgBlock.num002::before {
background: url("../images/lp/icon-feature002.png") no-repeat center;
background-size: contain;
}
.choiceBlock p {font-size: 113%;}
.choiceBlock img {
width: 100%;
max-width: 520px;
}
.choiceBlock span.tit {
color: #0fadb9;
font-size: 187.5%;
font-weight: bold;
padding-bottom: 20px;
display: inline-block;
}



/* ---------------------------------------

LP2

--------------------------------------- */
.pum-content.popmake-content {
    width: 100%!important;
}
/*シニアの矯正*/
.page-lp2 .sec-topimgArea {
position: relative;
height: 820px;
background: url("../images/lp/top_img_lp2.jpg") no-repeat center;
background-size: cover;
}

.secTit_lp2 {
position: absolute;
top: 120px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #0fadb9;
z-index: 1;
width: 100%;
}
.page-lp2 .secTit_lp h2 {
font-size: 225%;
color: #fff;
text-align: center;
padding: 13px 0;
font-weight: bold;
}

.page-lp2 .headerArea .btn_soudan_l {
position: absolute;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
bottom: 38px;
width: 98%;
}

.cont_top {margin-top: 60px;}

.page-lp2 h2 {
font-size: 250%;
letter-spacing: 0.1em;
font-weight: bold;
padding-bottom: 100px;
color: #0fadb9;
line-height: 3.0rem;
}
.choiceBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.choiceBlock:not(:last-child) {margin-bottom: 120px;}
.choiceBlock.reverse {flex-direction: row-reverse;}
.choiceBlock.reverse .imgBlock {margin-left: 46px;}
.choiceBlock.notreverse .imgBlock {margin-right: 46px;}
.choiceBlock .txtBlock {flex: 1;}
.choiceBlock .imgBlock {position: relative;}
.choiceBlock .imgBlock::before {
content: "";
width: 90px;
height: 102px;
position: absolute;
top: -45px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.choiceBlock .imgBlock.num001::before {
background: url("../images/lp/icon-feature001.png") no-repeat center;
background-size: contain;
}
.choiceBlock .imgBlock.num002::before {
background: url("../images/lp/icon-feature002.png") no-repeat center;
background-size: contain;
}
.choiceBlock p {font-size: 113%;}
.choiceBlock img {
width: 100%;
max-width: 520px;
}
.choiceBlock span.tit {
color: #0fadb9;
font-size: 187.5%;
font-weight: bold;
padding-bottom: 20px;
display: inline-block;
}




/* ---------------------------------------

LP3

--------------------------------------- */
.pum-content.popmake-content {
    width: 100%!important;
}
/*成長期の矯正*/
.page-lp3 .sec-topimgArea {
position: relative;
height: 820px;
background: url("../images/lp/top_img_lp3_pc.jpg") no-repeat center;
background-size: cover;
}

.secTit_lp3 {
position: absolute;
top: 120px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #0fadb9;
z-index: 1;
width: 100%;
}
.page-lp3 .secTit_lp h2 {
font-size: 225%;
color: #fff;
text-align: center;
padding: 13px 0;
font-weight: bold;
}

.page-lp3 .headerArea .btn_soudan_l {
position: absolute;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
bottom: 38px;
width: 98%;
}

.cont_top {margin-top: 60px;}

.page-lp3 h2 {
font-size: 250%;
letter-spacing: 0.1em;
font-weight: bold;
padding-bottom: 100px;
color: #0fadb9;
line-height: 3.0rem;
}
.choiceBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.choiceBlock:not(:last-child) {margin-bottom: 120px;}
.choiceBlock.reverse {flex-direction: row-reverse;}
.choiceBlock.reverse .imgBlock {margin-left: 46px;}
.choiceBlock.notreverse .imgBlock {margin-right: 46px;}
.choiceBlock .txtBlock {flex: 1;}
.choiceBlock .imgBlock {position: relative;}
.choiceBlock .imgBlock::before {
content: "";
width: 90px;
height: 102px;
position: absolute;
top: -45px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.choiceBlock .imgBlock.num001::before {
background: url("../images/lp/icon-feature001.png") no-repeat center;
background-size: contain;
}
.choiceBlock .imgBlock.num002::before {
background: url("../images/lp/icon-feature002.png") no-repeat center;
background-size: contain;
}
.choiceBlock p {font-size: 113%;}
.choiceBlock img {
width: 100%;
max-width: 520px;
}
.choiceBlock span.tit {
color: #0fadb9;
font-size: 187.5%;
font-weight: bold;
padding-bottom: 20px;
display: inline-block;
}

/* ---------------------------------------

LP4

--------------------------------------- */
.pum-content.popmake-content {
    width: 100%!important;
}
/*40代からの矯正*/
.page-lp4 .sec-topimgArea {
position: relative;
height: 820px;
background: url("../images/lp/top_img_lp1.jpg") no-repeat center;
background-size: cover;
}

.secTit_lp {
position: absolute;
top: 120px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #0fadb9;
z-index: 1;
width: 100%;
}
.page-lp4 .secTit_lp h2 {
font-size: 225%;
color: #fff;
text-align: center;
padding: 13px 0;
font-weight: bold;
}

.page-lp4 .headerArea .btn_soudan_l {
position: absolute;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
bottom: 38px;
width: 98%;
}

.cont_top {margin-top: 60px;}

.page-lp4 h2 {
font-size: 250%;
letter-spacing: 0.1em;
font-weight: bold;
padding-bottom: 100px;
color: #0fadb9;
line-height: 3.0rem;
}
.choiceBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.choiceBlock:not(:last-child) {margin-bottom: 120px;}
.choiceBlock.reverse {flex-direction: row-reverse;}
.choiceBlock.reverse .imgBlock {margin-left: 46px;}
.choiceBlock.notreverse .imgBlock {margin-right: 46px;}
.choiceBlock .txtBlock {flex: 1;}
.choiceBlock .imgBlock {position: relative;}
.choiceBlock .imgBlock::before {
content: "";
width: 90px;
height: 102px;
position: absolute;
top: -45px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.choiceBlock .imgBlock.num001::before {
background: url("../images/lp/icon-feature001.png") no-repeat center;
background-size: contain;
}
.choiceBlock .imgBlock.num002::before {
background: url("../images/lp/icon-feature002.png") no-repeat center;
background-size: contain;
}
.choiceBlock p {font-size: 113%;}
.choiceBlock img {
width: 100%;
max-width: 520px;
}
.choiceBlock span.tit {
color: #0fadb9;
font-size: 187.5%;
font-weight: bold;
padding-bottom: 20px;
display: inline-block;
}

/* ---------------------------------------

お知らせ詳細ページ - 最近のお知らせ一覧

--------------------------------------- */
.infoList_sBlock {
margin: 60px auto;
padding: 40px 60px;
background: #fff;
border: 1px solid #ccc;
max-width: 960px;
}
.infoList_sBlock h3 {
color: #333;
border: none;
font-weight: bold;
padding: 0;
letter-spacing: 0.1em;
}
ul.info_s li {
padding: 24px 0 24px 0;
}
ul.info_s li:not(:last-child) {
border-bottom: 1px dashed #10c3dc;
}
ul.info_s li a {
font-size: 113%;
line-height: 1.8rem;
font-weight: bold;
}

ul.info_s span.date {
display: block;
padding-bottom: 10px;
}

/* ---------------------------------------

お知らせ/ブログ詳細ページ - フッター上の院情報

--------------------------------------- */
.footerInfoArea_s {background: #eff7fb;}
.footerInfoArea_s .wrapper {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.footerInfoArea_s .hyoBlock, .footerInfoArea_s .mapBlock, .footerInfoArea_s .f_infoBlock {
width: 32%;
}
.footerInfoArea_s .mapBlock iframe {
width: 100%;
min-height: 260px;
}
.footerInfoArea_s p {
line-height: 1.4rem;
padding: 8px 0;
}
.footerInfoArea_s p.name {
font-family: 'Jun 501';
font-size: 113%;
}
.footerInfoArea_s p.add {
font-size: 94%;
}

/* ---------------------------------------

ブログ詳細ページ - サイドバー

--------------------------------------- */
.wrapper.twocolumn {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#sidebar {width: 320px;}
.mainCont {width: calc( 100% - 340px);}
#sidebar_wrapper {padding: 0 10px;}

/* ウィジェット
-------------------------------------- */
.widget {margin-bottom: 40px;}
h2.widgettitle {
padding-bottom: 10px;
border-bottom: solid 3px #13142a;
margin: 0 auto 20px;
font-size: 138%;
letter-spacing: 0.01em;
}
.widget_categories h2.widgettitle::before {
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: "\f02b";
padding-right: 6px;
}
.widget_recent_entries h2.widgettitle::before {
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: "\f09e";
padding-right: 6px;
}
.widget_archive h2.widgettitle::before {
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: "\f187";
padding-right: 6px;
}
.widget ul li {margin-bottom: 20px;}
.widget ul li a {
color: #13142a;
transition: all .3s;
line-height: 1.4rem;
}
.widget ul li a:hover {color: #10c3dc;}

/* 関連記事ウィジェット
-------------------------------------- */
.relatedList {
margin: 60px auto 0;
text-align: center;
border-top: #10c3dc 1px dotted;
}
.relatedList .wrapper {}
.relatedList h2.widgettitle {
font-weight: bold;
text-align: center;
border-bottom: none;
margin: 0 auto 32px;
}
.relatedList h2.widgettitle::before {
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: "\f09e";
padding-right: 6px;
}
.relatedList ul {
max-width: 960px;
margin: 0 auto;
}
.relatedList ul li {
text-align: left;
margin-bottom: 24px;
border-bottom: #10c3dc 1px dotted;
padding-bottom: 24px;
}
.relatedList ul li a {
color: #10c3dc;
font-size: 113%;
line-height: 1.8rem;
font-weight: bold;
}