@charset "UTF-8";

html,body{
/*font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;フォントのウェイトを指定するとFirefoxで認識できない*/
font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
background: #fff!important;
color:#434343;
}
.rounded{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
}
.kozuka {
/*font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;フォントのウェイトを指定するとFirefoxで認識できない*/
font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}
.Kosugi{
font-family: 'Kosugi Maru', sans-serif!important;
}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.color005895{color:#005895!important;}
.post-categories li a{color:#005895!important;}

/*固定幅*/
.width570{
width:570px;
margin:0 auto;
}
.width690{
width:690px;
margin:0 auto;
}
.width960{
width:960px;
margin:0 auto;
}
/*トップヘッダー*/
.t_head_fixde{
position: fixed;
top:0;
width: 100%;
z-index: 98;
background: none;
}
/*メインビジュアル*/
.top_main_visual{
position: relative;
top: 0;
}
.top_main {
width:100%;
height:830px;
/*object-fit: cover;*/
overflow: hidden;
/*background:url(../img/top_img.jpg)no-repeat center;*/
background-size: 100%;
}
.s_top_main {
width:100%;
height:272px;
/*object-fit: cover;*/
overflow: hidden;
background:url(../img/s_top_head.jpg)no-repeat center;
background-size: 100%;
}
@media only screen and (max-width: 1200px) {
.top_main {
width:100%;
height:770px;
/*object-fit: cover;*/
overflow: hidden;
/*background:url(../img/top_img.jpg)no-repeat center;*/
background-size: 100%;
}
}
@media only screen and (max-width: 1100px) {
.top_main {
width:100%;
height:650px;
/*object-fit: cover;*/
overflow: hidden;
/*background:url(../img/top_img.jpg)no-repeat center;*/
background-size: 100%;
}
.s_top_main {
width:100%;
height:272px;
/*object-fit: cover;*/
overflow: hidden;
background:url(../img/s_top_head.jpg)no-repeat center;
background-size: 100%;
}
}
@media only screen and (max-width: 992px) {
.top_main {
width:100%;
height:520px;
/*object-fit: cover;*/
overflow: hidden;
/*background:url(../img/top_img.jpg)no-repeat center;*/
background-size: 100%;
}
.s_top_main {
width:100%;
height:272px;
/*object-fit: cover;*/
overflow: hidden;
background:url(../img/s_top_head.jpg)no-repeat center;
background-size: 100%;
}
}
@media screen and (max-width: 767px){
h1 {
font-size: 10px!important;
margin: 0!important;
clear: both;
}
}
.visual{
position: absolute;
bottom: -2px;
left: 0;
right: 0;
background: url(../img/v.png)no-repeat bottom center;
background-size: 100%;
width: 100%;
height: 100%;
}
#header {
background: none!important;
padding: 0 0 32px!important;
border-bottom: 1px solid #efefef;
}
/*Gメニュースクロール*/
.fix-header {
top: -66px;
left: 0;
text-align: center;
width: 100%;
margin: 0 auto;
/* color: #fff; */
padding-top: 0;
position: fixed;
opacity: 0;
z-index: 1000;
}
/* micro clearfx */
.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */
/*Gメニュー*/
#top_main_menu{
position: absolute;
top:110px;
left:0;
right:0;
}
.menu {
position: relative;
width: 100%;
/*height: 50px;*/
max-width: 900px;
margin: 0 auto;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
background: rgba(255,255,255,0.9);
border-radius: 15px;
    box-shadow: 0px 1px 3px 0px #c1c1c1;
}

.menu > li {
float: left;
line-height: 50px;
list-style: none;
}
.navbar li {
border-bottom: 1px solid transparent;
padding: 12px 0 12px;
text-align: center;
}
.menu > li a {
display: block;
color: #005895;
font-weight: bold;
font-size: .9rem;
    text-decoration: none!important;
}

.menu > li a:hover {
color: #999;
    text-decoration: none!important;
}
.shadow_{
box-shadow:none!important;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
list-style: none;
padding: 0;
}

ul.menu__third-level {
visibility: hidden;
opacity: 0;
}

ul.menu__fourth-level {
visibility: hidden;
opacity: 0;
}

.menu > li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}

.menu__second-level li {
background: #fffffff0;
padding:0;
}

.menu__third-level li {
background: #ffffff5e;
}

.menu__second-level li a:hover {
color: #999;
}

.menu__third-level li a:hover {
color: #999;
}

.menu__fourth-level li a:hover {
color: #999;
}

/* 下矢印 */
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 .4rem 15px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
}

/* floatクリア */
.menu:before,
.menu:after {
content: " ";
display: table;
}

.menu:after {
clear: both;
}

.menu {
*zoom: 1;
}
.menu > li.menu__single {
position: relative;
}

li.menu__single ul.menu__second-level {
position: absolute;
top: 45px;
left: -60px;
width: 200px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
top: 80px;
visibility: visible;
opacity: 1;
}
/*currentクラス*/
.menu .current{
position: relative;
display: block;
}
.menu .current:before{
content: '';
background: url(../img/mark.png)no-repeat center;
background-size: contain;
width: 6px;
height: 6px;
border: none;
position: absolute;
top: 1px;
left: 0;
right: 0;
margin: 0 auto;
}
/*h2見出し横*/
.h2icon h2{
padding-left:2.5rem;
background: url(../img/h2midashi.png)no-repeat left;
background-size: 29px;
color:#16558b;
font-size:25px;
line-height: 1;
letter-spacing: 2px;
}
.bg_bule{
background: #e2f3fb;
position: relative;
}
.bg_bule_{
background: #f0f8fb;
position: relative;
}
.t592{
position: absolute;
top:0;
left:0;
width: 100%;
height: 23px;
background: url(../img/t591.png)no-repeat center;
background-size: cover;
}
/*body.home #content {
padding-top: 20px!important;
}
@media only screen and (max-width: 1100px) {
body.home #content {
padding-top: 52px!important;
}
}*/
.top_table_width{
width: 980px;
margin:40px auto 110px;
}
.top_table_width table{
width:100%;
margin:0 auto;
}
.top_table_width .h2vlign{
margin-bottom:30px;
}
/*h2見出し縦*/
.h2vlign{
background:url(../img/h2midashi.png)no-repeat center;
background-size: 29px;
text-align:center;
margin:0 auto;
}
.h2vlign h2{
color:#16558b;
font-size:25px;
font-weight: bold;
    padding-top: 4.6rem;
}
/*h2見出し縦セカンドページ*/
.h2vlign_{
background-size: 29px;
text-align:center;
margin:0 auto;
    border-bottom:none!important;
}
.h2vlign_ h2{
color:#16558b;
font-size:25px;
font-weight: bold;
    margin: 1rem 0 1rem!important;
    padding:0!important;
    border-bottom:none!important;
}
/*h3見出し*/
div.h3{
color:#5ba7c9;
font-size:20px;
margin:30px 0;
font-weight: bold;
}
/*治療方針のご案内*/
.guide {
margin-bottom: -25px;
position: relative;
}
.guide p{
font-size:14px;
color:#434343;
line-height: 1.8;
    margin-top: 1.2rem;
}
.guide > .row{
margin-bottom: -60px;
}
@media only screen and (max-width: 992px){
.guide > .row {
margin-bottom: 0;
}
}
/*トップ治療方針のご案内*/
.top_row_bg{
width: 950px;
height: 100%;
background: url(../img/t604.png)no-repeat left;
background-size: contain;
margin: 0 auto;
}
.text_bg{
position: absolute;
bottom: 5px;
width: 100%;
height: 30px;
background: url(../img/text_bg.png)no-repeat;
background-size: contain;
}
.t591{
width: 100%;
height: 22px;
background: url(../img/t591.png)no-repeat center;
background-size: cover;
}
.step_cont{
width: 980px;
height:auto;
margin: 0 auto;
}
.step_cont img{
width:210px;
height:auto;
}
.step_cont p{
font-size:15px;
line-height:1.8;
}
.table_step{
margin:0 auto;
}
.table_step,.table_step tr td,.table_steptr th{
padding: 0 0 20px;
border:none!important;
}
.table_step_cont{
 width:235px;
}
.table_step_text{
width:630px;
}
.table_step_text h3{
color:#16558b;
font-size:20px;
font-weight: bold;
margin-bottom:25px;
margin-top: -45px;
}
.table_step_text p{
color:#434343;
font-size:14px;
line-height: 1.8;
}
/*トップ診療メニュー*/
.top_menu_table,.top_menu_table tr th,.top_menu_table tr td{
border:none!important;
padding: 0;
}
.top_menu{
color: #fff;
font-size:15px;
width: 180px;
height: 85px;
line-height:85px;
border-radius: 15px;
margin:5px 0;
text-align: center;
display: block;
position: relative;
text-decoration: none;
background: -moz-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: -webkit-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: linear-gradient(to bottom,#90cce7,#7fb9d4); 
}
.top_menu:before{
content: '';
position: absolute;
top: 41%;
right: 1rem;
display: block;
width: 11px;
height: 11px;
border: 2px solid;
border-color: #fff #fff transparent transparent;
transform: rotate(45deg);
}
.top_menu:hover{
    color: #fff;
font-size:15px;
width: 180px;
height: 85px;
line-height:85px;
border-radius: 15px;
margin:5px 0;
text-align: center;
display: block;
position: relative;
text-decoration: none;
background: -moz-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: -webkit-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: linear-gradient(to bottom,#90cce7,#7fb9d4); 
opacity: .7;
}
/*トップ4つの安心*/
.relief_p{
margin-bottom:100px;
font-size:14px;
}
.relief{
position: relative;
}
.relief h4{
position: absolute;
top: -1.1rem;
left: 30%;
color:#16558b;
font-size:20px;
font-weight: bold;
}
.relief01,.relief02,.relief03,.relief04{
position: absolute;
top:0;
left:0;
}
.relief01:before{
content: '';
position: absolute;
top: -4rem;
left: 10px;
background: url(../img/relief01.png)no-repeat left;
background-size: contain;
width: 100px;
height: 102px;
}
.relief02:before{
content: '';
position: absolute;
top: -4rem;
left: 10px;
background: url(../img/relief02.png)no-repeat left;
background-size: contain;
width: 100px;
height: 102px;
}
.relief03:before{
content: '';
position: absolute;
top: -4rem;
left: 10px;
background: url(../img/relief03.png)no-repeat left;
background-size: contain;
width: 100px;
height: 102px;
}
.relief04:before{
content: '';
position: absolute;
top: -4rem;
left: 10px;
background: url(../img/relief04.png)no-repeat left;
background-size: contain;
width: 100px;
height: 102px;
}
.relief p{
background: #fff;
padding: 20px 20px 10px;
color: #434343;
font-size: 14px;
height: 245px;
line-height: 1.8;
}
.more{
position: absolute;
bottom:-13px;
right:0;
}
/*トップ院長めっせーじ*/
.profile_cont{
display: flex;
justify-content: space-between;
        margin: 65px auto 40px;
}
.wp-image-pro{
width:265px;
/*margin-right:10px;*/
}
.profile{
background: #f1f8fb;
position: relative;
    padding: 20px 20px;
    width: 395px;
}
.profile h4{
font-size:18px;
font-weight: bold;
color:#434343;
margin-bottom: 10px;
}
.profile h4 span{
font-size:small;
color:#434343;
font-weight: normal!important;
}
.profile h5{
font-size:14px;
font-weight: bold;
color:#434343;
}
.profile ul li,.profile p{
font-size:13px;
color:#434343;
}
.profile_h6{
color:#16558b;
font-weight: bold;
font-size:15px;
position: absolute;
top: -.8rem;
left: 1.2rem;
}
.message{
background: url(../img/logo_m.png)no-repeat center;
background-size:296px;
background-position-y: 110px;
margin:0 auto;
}
.message h3{
color:#16558b;
font-weight: bold;
font-size:15px;
margin-bottom:1rem;
}
.message p{
font-size:14px;
line-height:1.6;
}
/*トップ求人募集*/
.job{
background: url(../img/job.png)no-repeat center;
    background-size: cover;
width:100%;
height:240px;
padding: 23px 0;
    margin: 105px auto 75px;
}
.job_cont{
width:690px;
margin:0 auto;
background: #fff;
border-radius: 0 15px 0 15px;
padding:13px 20px 25px;
display:flex;
justify-content: space-between;
}
.job_col_4{
position: relative;
}
.job_col_4 .job_col_4_img{
position: absolute;
top:-3.5rem;
right:0;
}
.job_col_4 .job_col_4_img img{
width:275px;
}
.job_cont h2{
color:#16558b;
font-size:25px;
margin-bottom: .6rem;
}
.job_cont p{
color:#16558b;
font-size:13px;
font-weight: bold;
line-height: 1.6;
}
/*トップQA*/
.qa{
text-align: center;
margin-bottom:40px;
}
.qa img{
width:157px;
}
.qa h3{
color:#16558b;
font-size:25px;
font-weight: bold;
}
.q_a{
width:950px;
margin:0 auto;
    clear: both;
}
.fukidashi{
margin-bottom:130px;
clear: both;
}
.mb100px{
margin-bottom:100px!important;
}

.f_l{
display: flex;
align-items: center;
    margin-bottom: 50px;
}
.f_r{
display: flex;
align-items: self-start;
    float: right;
        margin-bottom: 40px;
}
.f_r_{
    margin-top: 25px;
}
.f_l_ img{
width: 120px;
}
.f_r_ img{
width: 130px;
}
.fukidashi_r,.fukidashi_l{
position: relative;
padding: 40px 30px;
border-radius: 20px;
}
.fukidashi_r{
background: #fff;
color: #16558b;
width: 680px;
/*float: right;*/
margin-bottom: 50px;
    margin-right: 45px;
        border: 3px solid #90cce7;
            position: relative;
}
.fukidashiR{
position: absolute;
top: 63px;
right: -26px;
}
.fukidashiR img{
width:26px;
}
/*.fukidashi_r::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -30px;
top: 26px;
border-left: 50px solid #90cce7;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}*/
.modal_c_ {
width:34%;
float: left;
}
.modal_c_ a{
text-decoration: none!important;
}
.modal_c_ a:hover{
text-decoration: none!important;
opacity: .8;
}
.modal_c_ a p{
text-align: center;
background: #90cce7;
display: table;
margin: 7px auto!important;
padding: 5px 7px!important;
color: #fff;
}
.fukidashi_r p{
margin: 0;
    padding: 0;
    font-weight: bold;
}
.modal_c{
width:60%;
float: right;
}
.fukidashi_l{
background: #90cce7;
color: #fff;
width: auto;
height: auto;
display: inline-block;
padding: 30px 20px;
margin-left: 60px;
position: relative;
}
/* 三角アイコン */
.fukidashi_l::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -30px;
top: 26px;
border-right: 50px solid #90cce7;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.fukidashi_l p{
margin: 0;
    padding: 0 0 0 10px;
    font-weight: bold;
    text-align: center;
}
/*トップQuestion*/
.question{
background: url(../img/question.jpg)no-repeat center;
background-size: cover;
width:100%;
height:380px;
clear:both;
}
.question_text{
position: relative;
width:690px;
margin:0 auto;
padding: 70px 0 45px;
}
.question_text h4{
position: absolute;
top:3.3rem;
left:0;
right:0;
color:#7fb9d4;
font-size:20px;
text-align:center;
}
.question_text h3{
background: rgba(255,255,255,0.8);
text-align: center;
padding:15px 0;
border-radius: 15px;
color:#16558b;
font-size:25px;
font-weight: bold;
}
.question_text p{
background: rgba(255,255,255,0.8);
text-align: left;
padding: 35px 46px;
border-radius: 15px;
color: #16558b;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
}
/*お知らせ　ブログ*/
.news_{
width: 680px;
margin:0 auto 60px;
}
.news_ > .h2vlign{
margin: 60px 0 30px;
}
.blog_{
width: 750px;
margin:110px auto 60px;
}
.blog_ > .h2vlign{
    margin: 0 0 40px;
}
#news_blog .blog_ h3{
    margin-bottom: 50px;
}
#npcatch{
list-style: none;
padding:0;
    display: flex;
justify-content: space-between;
}
#npcatch li{
width:240px;
height:auto;
}
#npcatch .date{
display: block;
border-bottom: 1px solid #c1c1c1;
    font-size: 14px;
margin: 6px 0 0;
color: #90cce7;
font-weight: bold;
}
#npcatch li a{
color:#c1c1c1;
}
#npcatch li > a img{
width: 240px;
height: 160px;
overflow: hidden;
    object-fit: cover;
}
#npcatch li .title{
display: block;
font-size: 14px;
color: #c1c1c1;
position: relative;
}
#npcatch li .title:before{
content:'';
position: absolute;
top:0;
right:0;

}
#npcatch li a {
text-decoration: none;
}
.more_{
background: #02b2c0;
color: white!important;
padding: 1px 5px;
font-size: 11px;
border-radius: 10px;
text-align: center;
float: right;
margin: 30px 0 0;
}
article.card .post_links {
display: block;
border: none!important;
}
article.card .post_thumb {
width: 100%;
height: 12rem;
display: block;
background-position: left;
background-repeat: no-repeat;
    background-size: !important;
-webkit-background-size: contain!important;
-moz-background-size: contain!important;
-o-background-size: contain!important;
-ms-background-size: contain!important;
}
.more_news{
width: 70px!important;
float: right;
}
.news_width_cont{
position: relative;
width: 1100px;
height: 30px!important;
object-fit: cover;
margin: 0 auto;
}
.news_width_cont:before{
content:'';
position:absolute;
top:0;
left:100%;
width:100%;
height:100%;
background: #e1f3fb;
}
.news_width_cont:after{
content:'';
position:absolute;
top:0;
right:100%;
width:100%;
height:100%;
background: #e1f3fb;
}
.news_width_cont a img{
width:100%;
height: 30px!important;
 object-fit: contain;
}
#main .post-header {
padding: unset!important;
text-align: unset!important;
position: unset!important;
}
#main .post-header:before {
content: '';
padding: 0px 5rem 0;
text-align: center;
position: relative;
top: 3rem;
border-bottom: 3px solid #005895;
display: none;
}
.post-meta {
margin-top: 0;
margin-bottom: 42px;
padding: 0;
/*border-top: none!important;*/
}
.left-content #main,#side {
width: 100%;
float: left;
margin-top: 100px;
}
/*フッター*/
#footer .wrap {
width:750px;
margin:0 auto;
padding: 85px 0 15px!important;
}
.footerdiv{
width: 100%;
background: url(../img/footer_bg.jpg)no-repeat center;
background-size: cover;
padding-top: 30px;
padding-bottom: 30px;
color: #fff;
/*height: 550px;*/
}
.footer_logo {
text-align:center;
margin:0 auto;
background: #fff;
padding:20px 0;
}
.footer_logo img{
width:313px;
height:auto;
}
.footer_table{
 border:none!important;
 width:100%;
}
.footer_table tr th,.footer_table tr td{
padding:10px 0 0;
 border:none!important;
}
.footer_table tr th{
vertical-align: top;
font-weight: bold;
font-size:13px;
}
.footer_table tr td{
font-size:14px!important;
}
.footer_table_tel{
font-size: 25px;
font-weight: bold;
    color: #fff!important;
}
.sp_valign{
vertical-align: middle!important;
}
.menu_width{
padding:0 0 0 30px!important;
}
.footer_menu h4{
color:#fff!important;
font-weight: bold;
font-size: 15px;
font-style:italic;
}
.footer_menu ul li a{
color:#fff!important;
font-size:13px;
}
.footer_menu_smp_pp{
text-align:center;
margin: 1rem auto 0;
}
.footer_menu_smp_pp ul{
list-style:none;
padding:none;
display:flex;
justify-content: center;
}
.footer_menu_smp_pp ul li{
list-style:none;
padding:none;
}
.footer_menu_smp_pp ul li a{
color:#fff!important;
font-size:10px;
}
.cpyright{
width: 100%;
background:#16558b;
text-align:center;
}
.cpyright h6{
color:#fff;
font-weight: bold;
font-size: 12px;
letter-spacing: 2px;
    padding: 5px 0;
}
#footer > iframe{
margin-bottom:-10px;
margin-top: 80px;
}
/*------------------------------------------------------
セカンドページ
--------------------------------------------------------*/
/*ヘッダー*/
.s_main_visual{
position: relative;
top: 110px;
}
/*Gメニュー*/
#s_main_menu{
position: absolute;
top:10px;
left:0;
right:0;
}
.s_head_fixde{
position: fixed;
top:0;
width: 100%;
background:#fff;
z-index: 98;
}
.s_head{
display: flex;
justify-content: space-between;
width: 1000px;
height: 110px;
margin:0 auto;
z-index: 99;
}
.s_logo h1{
text-align: left!important;
font-size:.8rem;
color: #005895;
}
@media only screen and (min-width: 1099px){
.s_logo img{
width:373px;
height:auto;
}
}
@media only screen and (max-width: 1098px) {
.s_logo img {
width: 260px;
height: auto;
}
}
.s_time_top,.s_time_bottom{
display: flex;
justify-content: center;
    height: 45px;
}
.s_tel{
background: #7fb9d4;
color:#fff;
font-weight: bold;
font-size: 20px;
    width: 100%;
        text-align: center;
        line-height: 45px;
}
.s_web{
background: #005895;
color:#fff;
font-weight: bold;
    width: 100%;
        text-align: center;
}
.s_web span{
    text-align: left;
    display: inline-flex;
        line-height: 1.1rem;
vertical-align: baseline;
position: relative;
    font-size: .9rem;
}
.s_web span:before{
content: '';
position: absolute;
top: 41%;
right: -2rem;
display: block;
width: 8px;
height: 8px;
border: 1px solid;
border-color: #fff #fff transparent transparent;
transform: rotate(45deg);
}
.s_time_{
background: #005895;
color: #fff;
font-weight: bold;
padding: .5rem 1rem;
font-size: .8rem;
border-radius: 0 0 0 15px;
line-height: 1.3;
letter-spacing: 2px;
}
.s_day{
background: #dcebf2;
color: #005895;
font-weight: bold;
font-size: .8rem;
padding: .4rem .8rem;
border-radius: 0 0 15px 0;
text-align: left;
letter-spacing: .1rem;
line-height: 1.4;
}
/*コンテンツ*/
.left-content #main {
width: 100%;
float: left;
margin-top: 5rem;
}
/*h2ページタイトル*/
.post-header {
padding: 20px 0 0!important;
text-align: center;
position: relative;
top: 5rem;
}
.post-header:before{
content: '';
padding: 0px 5rem 0;
text-align: center;
position: relative;
top: 3rem;
border-bottom: 3px solid #005895;
}
.post-header h2 {
color:#005895;
}
/*h3見出し*/
.h3midashi{
padding-left:2.2rem!important;
background: url(../img/h2midashi.png)no-repeat left;
background-size: 29px!important;
color:#16558b!important;
font-size:25px!important;
line-height: 1.2!important;
border-left: none!important;
}
/*h4見出し*/
.h4midashi{
color:#5ba7c9;
font-weight: bold;
padding-left:2.2rem!important;
background: url(../img/h4midashi.png)no-repeat left;
background-size: 29px!important;
}
/*枠*/
.attention_box {
border: solid 10px #16558b;
padding: 30px;
line-height: 1.7em;
}
.attention_box dt {
color: #16558b;
font-size: 130%;
font-weight: bold;
letter-spacing: .05em;
line-height: 1.6em;
margin-bottom: 5px;
}
.attention_box dt span {
padding-left: 35px;
padding-top: 4px;
}
.attention_box li {
padding-bottom: 20px;
border-bottom: solid 1px#16558b;
margin-bottom: 20px;
}

.attention_box li:last-child {
padding-bottom: 0;
border-bottom:none;
margin-bottom: 0;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.attention_box {
border: solid 8px #16558b;
padding: 5%;
}
.attention_box dt {
font-size: 120%;
margin-bottom: 2%;
}
.attention_box dt span {
background: url(../images/common/attention.png) no-repeat left top;
padding-left: 35px;
padding-top: 4px;
}
.attention_box li {
padding-bottom: 5%;
margin-bottom:5%;
}
.attention_box li:last-child {
padding-bottom: 0;
border-bottom:none;
margin-bottom: 0;
}
}
/*メリット・デメリット*/
.ttl_lv1._menu {
background: url(images/menu_img.png) no-repeat center center;
}

.menubox {
width: 100%;
margin-bottom: 30px;
padding: 0 20px;
}
@media only screen and (min-width: 768px) {
.menubox {
margin: 0 auto 50px auto;
padding: 0;
width: 940px;
}
}
@media only screen and (min-width: 768px) {
.menubox:nth-of-type(even) div.menuitems div.imgbox {
order: 2;
}
}
@media only screen and (min-width: 768px) {
.menubox:nth-of-type(even) div.menuitems div.textbox {
order: 1;
}
}
.menubox .menuitems {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: none;
flex-wrap: nowrap;
}
}
.menubox .menuitems .imgbox {
width: 100%;
margin: 0 auto 15px;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .imgbox {
width: 420px;
height: auto;
}
}
.menubox .menuitems .imgbox img {
width: 100%;
height: auto;
display: block;
}
.menubox .menuitems .textbox {
position: relative;
width: 100%;
margin: 0 auto 15px;
}
.menubox .menuitems .textbox .more {
width:160px;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .textbox {
width: 470px;
padding-bottom: 50px;
}
}
.menubox .menuitems .textbox .circle {
color: #3972B7;
border: 1px dashed #3972B7;
padding: 0;
margin: 0 10px 10px;
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
display: inline-block;
border-radius: 50%;
display: block;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .textbox .circle {
margin: 0;
}
}
.menubox .menuitems .textbox .effectbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
margin: 4% 0;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .textbox .effectbox {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: none;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
}
.menubox .menuitems .textbox h3 {
margin-bottom: 80px;
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
line-height: 3rem;
text-align: center;
font-weight: 500;
color: #666;
letter-spacing: 0.24rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .textbox h3 {
margin-bottom: 45px;
text-align: left;
}
}
.menubox .menuitems .textbox h3:after {
margin: 0 auto;
width: 204px;
height: 47px;
content: '';
background: url(images/menu_menuimg6.png);
background-size: contain;
display: block;
position: absolute;
bottom: -60px;
left: 0;
right: 0;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .textbox h3:after {
top: 10px;
bottom: auto;
left: auto;
}
}
.menubox .menuitems .textbox p {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.menubox .menuitems .textbox .more {
position: absolute;
bottom: 0;
right: 17px;
}
}
.herbpeeling{
font-size:12px;
}
.all_menu{
display:none;
}
.all_menu_sp{
width:100%;
text-align:center;
}
@media only screen and (min-width: 768px) {
.all_menu{
display:block;
width:166px;
position: fixed;
top: 320px;
right: 0;
}
.all_menu a{
display: inline-block;
}
.all_menu:hover{
background-color: transparent;
background:url(images/all_menu_on.png) no-repeat;
}
.all_menu:hover img{
visibility: hidden;
}
.all_menu_sp{
display:none;
}
}
/*リスト*/
.general-index-treatments {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: -90px;
padding: 0!important;
list-style: none;
}
.general-index-treatments-item {
width: 48%;
font-size: 1.1rem;
margin-bottom: 90px!important;
padding: 20px 30px 30px;
}
.general-index-treatments-num {
margin-left: -35px;
}
.general-index-treatments-h {
font-size: 1.5rem;
}
.general-index-treatment-preventive {
padding-top: 60px;
}
.general-index-treatment-preventive dt {
font-size: 1.3rem;
}
.general-index-treatment-preventive dd p {
text-align: center;
}
.general-index-treatment-preventive dd .mod-btn01 {
max-width: 440px;
margin: 0 auto;
}
.general-index-child-clear {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 50px;
}
.general-index-child-txts {
width: 48%;
}
.general-index-child-img {
width: 62%;
margin-right: -15%;
}
.general-index-child-wishes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: -90px;
}
.general-index-child-wishes-item {
width: 48%;
margin-bottom: 90px;
padding: 90px 30px 30px;
}
.general-index-child-wishes-item i {
top: -82px;
margin-left: -82px;
}
.general-index-child-wishes-h {
font-size: 1.3rem;
}
.general-whitening-plans {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.general-whitening-plans-item {
width: 48%;
padding: 30px;
}
.general-whitening-plans-h {
font-size: 1.3rem;
}
.general-whitening-plans-h2 {
font-size: 1.1rem;
}
.general-whitening-courses {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.general-whitening-courses-item {
width: 31%;
padding-bottom: 60px;
}
.general-whitening-courses-h {
padding: 30px 24px;
font-size: 1.2rem;
}
.general-whitening-courses-h2 {
font-size: 1.1rem;
}
.general-whitening-courses-price {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
font-size: 1.2rem;
}
.general-index-treatments-item {
position: relative;
background: #ecf7fb;
list-style: none;
}

.general-index-treatments-num {
position: absolute;
left: 0;
right: 0;
top: -35px;
background: #16558b;
padding: 16px;
width: 60px;
height: 60px;
text-align: center;
color: #fff;
border-radius: 50%;
margin: 0 auto!important;
}

.general-index-treatments-h {
text-align: center;
font-weight: bold;
margin-bottom: 1em;
letter-spacing: 0.1em;
}

.general-index-treatments-img {
position: absolute;
left: 0;
bottom: -50px;
width: 100%;
text-align: center;
}

.general-index-treatment-preventive dt {
font-weight: bold;
margin-bottom: 1em;
text-align: center;
letter-spacing: 0.1em;
}

.general-index-treatment-preventive dd p {
margin-bottom: 2em;
}

.general-index-child-txts p:not(:last-child) {
margin-bottom: 1em;
}

.general-index-child-wishes-item {
position: relative;
background: #ecf7fb;
background: #fff;
}

.general-index-child-wishes-item i {
position: absolute;
left: 50%;
}

.general-index-child-wishes-h {
text-align: center;
font-weight: bold;
margin-bottom: 1em;
}

.general-whitening-plans-item {
background: #ecf7fb;
}

.general-whitening-plans-h {
text-align: center;
font-weight: bold;
color: #1ba1e6;
margin-bottom: 2em;
letter-spacing: 0.1em;
}

.general-whitening-plans-h2 {
font-weight: bold;
text-align: center;
margin-bottom: 1em;
}

.general-whitening-plans-txt {
margin-bottom: 2em;
}

.general-whitening-plans-prices {
font-weight: bold;
}
@media only screen and (max-width: 768px) {
.general-index-treatments-item {
width: 100%;
font-size: 1.1rem;
margin-bottom: 90px!important;
padding: 20px 30px 30px;
}
}
/*リスト２*/
.price-plan-txts {
background: #f2f9fc;
padding: 50px;
}

.price-plan-col {
-webkit-column-break-inside: avoid;
break-inside: avoid;
}

.price-plan-plans {
margin-bottom: 1em!important;
padding:0!important;
list-style: none;
}

.price-plan-plans-item {
border-bottom: 1px solid #cde9f5;
padding: 0.5em 0;
font-size: 0.9rem;
}

.price-plan-plans-item.is-large {
font-weight: bold;
}

.price-plan-plans-item.is-large em {
font-size: 2em;
}
/*院長紹介画像*/
.column .director_img{
width: 250px;
float: right;
margin: 50px 50px 50px 65px;
background-color: white;
box-shadow: 0px 0px 0px 50px white;
}
/*facility*/
.facility{
text-align: center;
}
.facility .facility_{
width:350px;
margin:0 auto;
}
.facility img{
width:350px;
margin-bottom:30px;
}
.facility .h3midashi{
text-align: left;
}
.facility p{
text-align: left;
}
/*column*/
.column{
background: #ecf7fb;
padding: 50px;
margin: 50px auto;
}
.column img{
width: 300px;
float: right;
margin: 50px 50px 50px 65px;
background-color: white;
box-shadow: 0px 0px 0px 50px white;
}
.column p{
margin: 1rem!important;
}
/*アクセス*/
.access_table,.access_table_{
width:100%;
}
.access_table tr th,.access_table tr td{
text-align:center;
}
.access_table_ tr th{
text-align:center;
}
/*求人テーブル*/
.recruit_table{
width: 100%!important;
}
/*フォーム*/
@media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th{
border-top:1px solid #d7d7d7!important;
}
.inquiry .haveto,.inquiry .any {    
font-size:10px;
}}
.inquiry{
width:100%!important;
}
.inquiry th{
text-align:left;
font-size:14px;
color:#444;
padding-right:5px;
width:30%;
background:#15558b!important;
border:solid 1px #d7d7d7;
}
.inquiry td{
font-size:13px;
border:solid 1px #d7d7d7;  
}
.entry-content .inquiry tr,.entry-content table{
border:solid 1px #d7d7d7;  
}
.haveto{
font-size:7px;
padding:5px;
background:#ff9393;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
.any{
font-size:7px;
padding:5px;
background:#93c9ff;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
.verticallist .wpcf7-list-item{
display:block;
}
#formbtn{
display: block;
padding:15px;
width:350px;
background:#15558b;
color:#fff;
font-size:18px;
font-weight:bold;   
border-radius:2px;
margin:25px auto 0;
}
#formbtn:hover{
background:#fff;
color:#15558b;
border:1px solid #15558b;
}
/*PC上へボタン*/
.pagetop span {
display: block;
border-radius: 25px;
background: #90cce7!important;
width: 50px;
height: 50px;
text-align: center;
line-height: 40px;
font-size: 36px;
}
/*spボタン*/
#responsive-menu-search-box{
display: none;
}
#responsive-menu-container #responsive-menu-wrapper {
background: #90cce7!important;
}
#responsive-menu-container {
width: 75%;
right: 0;
transition: transform 0.5s;
text-align: left;
background: #90cce7!important;
}
/*sp調整*/
@media only screen and (max-width: 1100px) {
.s_head {
display: flex;
justify-content: space-between;
width: 95%;
height: 100px;
margin: 0 auto;
z-index: 99;
}
.s_top_main {
width: 100%;
height: 184px;
/* object-fit: cover; */
overflow: hidden;
background: url(../img/s_top_head.jpg)no-repeat center;
background-size: 100%;
}
.navbar li {
border-bottom: 1px solid transparent;
padding: 8px 0 3px;
text-align: center;
}
.width960{
width:90%;
margin:0 auto;
}
}
@media only screen and (max-width: 992px) {
.pc_992{
    display: none;
}
.s_tel {
background: #7fb9d4;
color: #fff;
font-weight: bold;
font-size: 20px;
width: 300px;
text-align: center;
line-height: 45px;
}
.s_head {
display: flex;
justify-content: space-between;
width: 98%;
height: 90px;
margin: 0 auto;
z-index: 99;
}
.s_main_visual {
position: relative;
top: 90px;
}
.s_time_top {
display: flex;
justify-content: center;
height: 45px;
margin: 10px;
}
.s_time {
margin:10px;
}
.s_top_main header.post-header{
    padding: 0!important;
}
.s_top_main header.post-header h2{
    font-size:18px!important;
}
.post-header:before {
content: '';
padding: 0px 3rem 0;
text-align: center;
position: relative;
top: 2rem;
border-bottom: 3px solid #005895;
}
.top_row_bg {
width: 100%;
height: 100%;
background: url(../img/t604.png)no-repeat left;
background-size: contain;
margin: 0 auto;
}
.step_cont {
width: 100%;
height: auto;
margin: 0 auto;
}
.table_step_cont {
margin: 0 auto;
display: block;
}
.table_step_text {
display: block;
}
.table_step_text h3 {
color: #16558b;
font-size: 20px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 0;
}
.table_step_text {
width: 500px;
margin:0 auto;
}
.relief h4 {
position: absolute;
top: -1.1rem;
left: 40%;
color: #16558b;
font-size: 20px;
font-weight: bold;
}
.post-content{
padding: 0!important;
}
/*診療メニュー*/
.top_table_width {
width: 100%;
margin: 40px auto 110px;
}
}
/*spの時表示*/
.sp_{display: none!important;}
@media only screen and (max-width: 768px) {
.sp_{display: block!important;}
.pc_{display: none!important;}
}
/*固定幅*/
@media only screen and (max-width: 768px) {
    /*メインビジュアル*/
.top_main_visual_sp{
position: relative;
top: -25px;
}
.logo_sp{
position: fixed;
top: 0;
z-index: 99;
}
.logo_sp img{
width:240px;
}
.logo_sp{
padding-left:1rem;
}
.logo_sp img{
width: 250px;
}
/*セカンド*/
.logo_sp_s{
position: fixed;
top: -15px;
z-index: 99;
background: #fff;
width: 100%;
padding: 20px 0 20px 1rem;
margin: 0;
}
.logo_sp_s img{
width: 215px;
}
.top_main_visual_sp_s {
position: relative;
top: 0;
}
.sp_main{
position: relative;
}
.sp_main .visual{
position: absolute;
}
.width570{
width:100%;
margin:0 auto;
}
.width690{
width:90%;
margin:0 auto;
}
.width960{
width:90%;
margin:0 auto;
}
/*メニューボタン*/
button#responsive-menu-button {
width: 55px;
height: 55px;
position: fixed;
top: 15px;
right: 5%;
background: #90cce7;
border-radius: 50%;
}
/*セカンド見出し*/
.sp_s_post{
position: absolute;
text-align: center;
left: 0;
right: 0;  
}
.sp_s_post:before{
content: '';
padding: 0px 5rem 0;
text-align: center;
position: relative;
top: 3rem;
border-bottom: 3px solid #005895;
}
/*パンくず*/
.breadcrumb {
display: none!important;
}
.guide .h2vlign01  {
background: unset;
text-align: center;
}
.guide .h2vlign01 img {
width: 30px;
margin: 0 auto;
}
.guide .h2vlign01 h2 {
color: #16558b;
font-size: 25px;
font-weight: bold;
padding-top: 5px;
    line-height: 1.2;
}
.guide p {
font-size: 14px;
color: #434343;
line-height: 1.8;
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.guide .col-md-4{
text-align: center;
}
.guide img{
width: 90%;
}
.column {
background: #ecf7fb;
padding: 30px 20px;
margin: 50px auto;
    text-align: center;
}
.column img {
width: 90%;
text-align: center;
float: none;
margin: 15px auto;
background-color: unset;
box-shadow: 0px 0px 0px 15px white;
}
.column p {
text-align:left!important;
}
.top_table_width {
width: 100%;
margin: 0 auto 110px;
}
.job_cont {
width: 100%;
margin: 0 auto;
background: #fff;
border-radius: 0 15px 0 15px;
padding: 0px 20px 0px;
display: flex;
justify-content: space-between;
}
.q_a {
width: 100%;
margin: 0 auto;
clear: both;
}
.question_text {
position: relative;
width: 100%;
margin: 0 auto;
padding: 50px 0 45px;
}
.news_ {
width: 100%;
margin: 0 auto 110px;
}
.blog_ {
width: 100%;
margin: 0 auto 150px;
}
#npcatch {
list-style: none;
padding: 0;
display: block;
justify-content: space-between;
}
#npcatch li {
width: 100%;
height: auto;
}
.top_menu_table, .top_menu_table tr th, .top_menu_table tr td {
border: none!important;
 padding: 5px; 
width: 50%;
}
.top_menu {
color: #fff;
font-size: 15px;
width: 100%;
height: 85px;
line-height: 85px;
border-radius: 15px;
margin: 10px auto;
text-align: center;
display: block;
position: relative;
text-decoration: none;
background: -moz-linear-gradient(to bottom,#90cce7,#7fb9d4);
background: -webkit-linear-gradient(to bottom,#90cce7,#7fb9d4);
background: linear-gradient(to bottom,#90cce7,#7fb9d4);
}
.top_menu:hover{
    color: #fff;
font-size:15px;
width: 100%;
height: 85px;
line-height:85px;
border-radius: 15px;
margin:10px auto;
text-align: center;
display: block;
position: relative;
text-decoration: none;
background: -moz-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: -webkit-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: linear-gradient(to bottom,#90cce7,#7fb9d4); 
opacity: .7;
}
.s_head {
display: flex;
justify-content: space-between;
width: 100%;
height: 90px;
margin: 0 auto;
z-index: 99;
}
/*院長挨拶*/
.profile_cont {
display: block;
justify-content: unset;
margin: 20px auto 40px;
}
.wp-image-pro {
width: 70%;
margin: 0 auto 40px;
}
.profile {
background: #f1f8fb;
position: relative;
padding: 15px 20px;
margin: 0 auto;
width: 90%;
}
/*求人案内*/
.job {
background: url(../img/job_sp.png)no-repeat center;
width: 100%;
height: auto;
padding: 40px 25px;
margin: 105px auto 75px;
}
.job_col_4 .job_col_4_img {
position: unset;
margin: 0 auto -4px;
text-align: center;
}
.job_cont {
width: 100%;
margin: 0 auto;
background: #fff;
border-radius: 0 30px 0 30px;
padding: 0px 20px 0px;
display: flex;
justify-content: space-between;
}
/*Q&A*/
.sp_ .f_r_ {
margin-top: 25px;
margin-right: 3%;
float: right;
}
.sp_ .fukidashi_r {
background: #fff;
color: #16558b;
width: 70%;
float: left;
margin-top: 30px;
margin-bottom: 40px;
margin-left: 3%;
border: 2px solid #90cce7;
position: relative;
}
.sp_ .accordion li {
position: relative;
border-bottom: none;
list-style: none;
}
.sp_h2vlign{
background: none!important;
}
.sp_h2vlign h2 {
color: #16558b;
font-size: 25px;
font-weight: bold;
padding-top: 0.6rem!important;
}
/*お知らせ*/
#npcatch li > a img {
width: 100%;
height: auto;
object-fit: contain;
}
#npcatch li a {
text-decoration: none;
display: block;
}
.footerdiv {
width: 100%;
background: url(../img/footer_bg.jpg)no-repeat center;
background-size: cover;
padding-top: 25px;
color: #fff;
height: auto;
}
.sp_wrap{
padding:0 15px;
width: 100%;
}
.sp_ .accordion li:first-child {
border-top: none;
}
.news_width_cont {
position: relative;
width: 100%;
height: auto;
object-fit: cover;
margin: 0 auto;
}
.news_width_cont:before{
content:'';
position:absolute;
top:0;
left:100%;
width:100%;
height:100%;
background: #e1f3fb;
display: none;
}
.news_width_cont:after{
content:'';
position:absolute;
top:0;
right:100%;
width:100%;
height:100%;
background: #e1f3fb;
display: none;
}
/*フッター*/
.footer_table {
border: none!important;
width: 90%;
margin: 0 auto;
}
.footer_logo img {
width: 250px;
height: auto;
}
.footer_table tr th {
font-weight: bold;
vertical-align: top;
font-size: .8rem;
width: 28%;
}
.footer_table tr .sp_valign {
font-weight: bold;
vertical-align: middle;
font-size: .8rem;
width: 28%;
}
.footer_table tr td {
padding: 10px 0;
border: none!important;
font-size: 14px;
}
.footer_menu_smp_pp {
text-align: center;
margin: 0 auto;
}
#footer .wrap {
width: 100%;
margin: 0 auto;
padding: 85px 0 20px;
}
}
@media only screen and (max-width: 640px){
.table_step_text {
width: 300px;
margin: 0 auto;
}
}
.sp_480{
display: none;
}
@media only screen and (max-width: 480px){
.sp_480{
display: block;
}
.pc_480{
display: none;
}
.visual {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
background: url(../img/v.png)no-repeat bottom center;
background-size: 100%;
width: 100%;
height: 100%;
}
.s_logo img {
width: 240px;
height: auto;
}
.top_main {
width: 100%;
height: 225px;
/* object-fit: cover; */
overflow: hidden;
 background: url(../img/top_img.jpg)no-repeat center; 
background-size: 100%;
}
.top_main_visual_sp_s {
position: relative;
top: 60px;
}
body.home #content {
padding-top: 0!important;
}
.logo_sp img {
width: 215px;
}
.table_step_text h3 {
color: #16558b;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
margin-top:5px;
}
.guide {
margin-bottom: 10px;
position: relative;
}
.pb60,.pt20{
padding-bottom:0;
padding-top:0;
}
/*セカンド*/
.logo_sp_ img {
width: 215px;
}
.sp_wrap{
padding:0 15px;
width: 100%;
}
.h3midashi {
padding-left: 2.2rem!important;
background: url(../img/h2midashi.png)no-repeat left;
background-size: 29px!important;
color: #16558b!important;
font-size: 20px!important;
line-height: 1.2!important;
border-left: none!important;
}
#formbtn {
display: block;
padding: 15px;
width: 100%;
background: #15558b;
color: #fff;
font-size: 18px;
font-weight: bold;
border-radius: 2px;
margin: 25px auto 0;
}
.recruit_table{
width: 100%;
white-space: unset!important;
}    
.recruit_table tr th,.recruit_table tr td{
display: block;
width: 100%;
}
/*.accordion > ul{
padding: 0!important;
}*/
.accordion > ul > li > a {
display: block;
text-decoration: none;
cursor: pointer;
padding: 1.5em 0em!important;
position: relative;
}
.accordion li .accordion_icon {
position: absolute;
width: 20px;
height: 20px;
top: 50%;
right: .8rem!important;
}
.toggle h5{
margin: 1em 0 1em!important;
}
.facility .facility_ {
width: 100%;
margin: 0 auto;
}
.more {
position: absolute;
bottom: -11px;
right: 15px;
}
.more img {
width: 50%;
float: right;
}
.relief p {
background: #fff;
padding: 10px 20px;
color: #434343;
font-size: 14px;
height: 335px;
line-height: 1.8;
}
.height_270{
height:270px!important;
}
table.access_table,table.access_table_ {
overflow-x: unset!important;
width: 100%;
-webkit-overflow-scrolling: touch;
display: block;
white-space: unset!important;
}
table.access_table tr th,table.access_table tr td,table.access_table_ tr th,table.access_table_ tr td {
padding: 8px 5px!important;
}
.table_step_cont {
width: 185px;
}
.top_row_bg {
width: 100%;
height: 100%;
background: url(../img/t604sp.jpg)no-repeat left;
background-size: contain;
margin: 0 auto;
}
.table_step_text {
width: 250px;
margin: 0 auto;
}
.top_table_width table {
width: 95%;
margin: 0 auto;
}
.top_menu {
color: #fff;
font-size: 15px;
width: 100%;
height: 85px;
line-height: 85px;
border-radius: 15px;
margin: 0 auto;
text-align: center;
display: block;
position: relative;
text-decoration: none;
background: -moz-linear-gradient(to bottom,#90cce7,#7fb9d4);
background: -webkit-linear-gradient(to bottom,#90cce7,#7fb9d4);
background: linear-gradient(to bottom,#90cce7,#7fb9d4);
}
.top_menu:hover{
    color: #fff;
font-size:15px;
width: 100%;
height: 85px;
line-height:85px;
border-radius: 15px;
margin:0 auto;
text-align: center;
display: block;
position: relative;
text-decoration: none;
background: -moz-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: -webkit-linear-gradient(to bottom,#90cce7,#7fb9d4); 
background: linear-gradient(to bottom,#90cce7,#7fb9d4); 
opacity: .7;
}
.column img.director_img {
width: 90%;
text-align: center;
float: none;
margin: 15px auto;
background-color: unset;
box-shadow: 0px 0px 0px 15px white;
}
.job {
background: url(../img/job_sp.png)no-repeat center;
width: 100%;
height: auto;
padding: 40px 25px;
margin: 105px auto 33px;
}
.relief h4 {
position: absolute;
top: -2.1rem;
left: 40%;
color: #16558b;
font-size: 20px;
font-weight: bold;
}
.relief01:before {
content: '';
position: absolute;
top: -4rem;
left: 30px;
background: url(../img/relief01.png)no-repeat left;
background-size: contain;
width: 85px;
height: 85px;
}
.relief02:before{
content: '';
position: absolute;
top: -4rem;
left: 30px;
background: url(../img/relief02.png)no-repeat left;
background-size: contain;
width: 85px;
height: 85px;
}
.relief03:before{
content: '';
position: absolute;
top: -4rem;
left: 30px;
background: url(../img/relief03.png)no-repeat left;
background-size: contain;
width: 85px;
height: 85px;
}
.relief04:before{
content: '';
position: absolute;
top: -4rem;
left: 30px;
background: url(../img/relief04.png)no-repeat left;
background-size: contain;
width: 85px;
height: 85px;
}
.profile {
background: #f1f8fb;
position: relative;
padding: 15px 10px;
margin: 0 auto;
width: 100%;
}
.qa h3 {
color: #16558b;
font-size: 20px;
font-weight: bold;
}
.qa {
text-align: center;
margin-bottom: 20px;
}
/*Q&A*/
.sp_ .f_r_ {
margin-top: 25px;
margin-bottom: 20px;
margin-right: 3%;
float: right;
}
.sp_ .fukidashiR img {
width: 21px;
transform: rotate(-90deg);
}
.sp_ .fukidashiR {
position: absolute;
top: -24px;
right: 56px;
padding: 0;
}
.sp_ .fukidashi_r p {
margin: 0;
padding: 0;
font-weight: bold;
}
.sp_ .f_l {
display: flex;
align-items: center;
margin-bottom: 30px;
padding: 0 5px;
}
.sp_ .f_l_ img{
width: 75px;
}
.sp_ .f_r_ img {
width: 110px;
}
.sp_ .fukidashi_r {
background: #fff;
color: #16558b;
width: 94%;
float: left;
margin-bottom: 40px;
margin-left: 3%;
border: 2px solid #90cce7;
position: relative;
}
.sp_ .fukidashi_l {
background: #90cce7;
color: #fff;
width: 80%;
height: auto;
display: inline-block;
padding: 30px 10px;
margin-left: 20px;
position: relative;
}
.sp_ .fukidashi_l::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -15px;
top: 25px;
border-right: 30px solid #90cce7;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.sp_ .sp_l::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -15px;
top: 30px;
border-right: 30px solid #90cce7;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.sp_ .fukidashi_l p {
margin: 0;
padding: 0 0 0 10px;
font-weight: bold;
text-align: left;
font-size: .8rem;
}
.sp_ .accordion li {
position: relative;
border-bottom: none;
list-style: none;
}
.question {
background: url(../img/question.jpg)no-repeat center;
background-size: cover;
width: 100%;
height: 450px;
clear: both;
}
.question_text h4 {
position: absolute;
top: 1.5rem;
left: 0;
right: 0;
color: #7fb9d4;
font-size: 20px;
text-align: center;
}
.question_text {
position: relative;
width: 100%;
margin: 0 auto;
padding: 40px 15px 40px;
}
.question_text p {
background: rgba(255,255,255,0.5);
text-align: left;
padding: 25px 10px;
border-radius: 15px;
color: #16558b;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
}
/*お知らせ・ブログ*/
.news_ {
width: 100%;
margin: 0 auto 30px;
}
div.whatsnew dt {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
white-space: nowrap;
font-size: 14px;
color: #64628a;
position: relative;
}
div.whatsnew dd {
margin: 0;
padding: 0;
color: #64628a;
font-size: 14px;
}
div.whatsnew dt:before {
content: '';
position: absolute;
top: 0;
left: 90%;
width: 100%;
height: 100%;
display: none;
}
div.whatsnew dl:before {
content: '→';
position: absolute;
top: 100%;
right: -90%;
width: 100%;
height: 100%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#npcatch li {
width: 100%;
height: auto;
margin: 0 0 75px;
}
.blog_ {
padding: 0 30px;
width: 100%;
    text-align: center;
}
#npcatch li .title {
display: block;
font-size: 14px;
color: #c1c1c1;
position: relative;
text-align: left!important;
width: 240px;
margin: 0 auto;
}
#npcatch li > a img {
width: 240px;
height: 160px;
object-fit: cover;
}
#npcatch .date {
display: block;
border-bottom: 1px solid #c1c1c1;
font-size: 14px;
margin: 6px 0 0;
color: #90cce7;
font-weight: bold;
}
.blog_ {
width: 100%;
margin: 0 auto 60px;
}
#footer > iframe {
margin-bottom: -10px;
margin-top: 0;
}
}
/*-----------------------フッター固定tel--------------------*/
@media screen and (min-width:641px){
.footer_area{
    display: none;
}   
}

/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:640px){
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color:  #dcebf2;
z-index: 10000;
display: flex;
justify-content: center;
    width: 100%;
}
.footer_area .footer_area_inner {
padding: 17px 2px 17px;
display: table-cell;
margin: 0 auto;
text-align: center;
width: 100%;
}
.inquiry_btn {
text-align: center;
text-decoration: none;
width: 100%;
display: block;
}
.inquiry_btn:link, .inquiry_btn:visited {
color: #FFFFFF !important;
}
.footer_area_inner span{
color: #fff;
}
#siteBottom{
margin-bottom: 85px;
}
.line_right{
position: relative;
z-index: 99;
}
.line_right:before{
content: '';
position: absolute;
top: -40%;
right: 0;
height: 185%;
width: 100%;
vertical-align: middle;
border-right: 2px solid #15558b;
}
#footer{
margin-bottom:60px;
}
/*上へボタン*/
.pagetop {
visibility: hidden;
opacity: 0;
position: fixed;
top: 77%;
bottom: 50px;
right: 50px;
color: #fff;
}
}


/*求人ページ個別リンク*/
a.r-link {
display: block;
background-color: #005895;
color: #fff;
font-weight: bold;
text-align: right;
padding: 0.9em 1.3em;
font-size: 1.8em;
letter-spacing: 0.3em;
border-radius: 0.7em;
opacity: 1;
}
a.r-link:hover {
text-decoration: none;
color: #fff;
opacity: 0.7;
}
a.for_dh , a.for_da {
position: relative;
}
a.for_dh:before , a.for_da:before { 
position: absolute;
content: '';
width: 140px;
height: 140px;
margin: auto;
top: 0;
bottom: 0;
left: 1em;
background-size: contain;
}
a.for_dh:before {background-image: url("../img/dh_link.png");}
a.for_da:before {background-image: url("../img/da_link.png");}
@media screen and (max-width: 767px){
a.for_dh {margin-bottom: 2em !important;}
}

/*矯正ページ項目別リンク*/
.ortho-menu {margin-top: 2em;}
.ortho-menu a {
display: block;
text-align: center;
font-weight: bold;
background-color: #005895;
padding: 0.8em 0.5em;
color: #fff;
margin-bottom: 1em;
border-radius: .5em;
}
.ortho-menu a:hover {
text-decoration: none;
color: #7fb9d4;
}

/*サイト内検索ウィンドウ*/
div.search-box {
position: fixed;
right: 20px;
bottom: 120px;
width: 200px;
height: auto;
padding: 15px;
border-radius: 25px;
background: #dcebf2;
}
.main-inner_news_blog {
    width: 70%;
    margin:2rem 0 69px 3rem;
}
.post-content_news_blog {
    padding: 42px 64px;
    overflow: hidden;
    width: 70%;
}
@media (max-width: 767px){
    .main-inner_news_blog {
    width: 100%;
    margin:1rem auto 0;
}
.post-content_news_blog {
    padding:1rem 0 0;
    overflow: hidden;
    width: 100%;
}
div.search-box {
display: none;
}
}
/*スマホ　動画サイズ*/
@media(max-width:480px){
.spiframe iframe{
width: 100%;
height: 50vw;
}
}