@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

html * { 
box-sizing: border-box; }

body {
margin: 0;
padding: 0;
font-family: 'Noto Sans JP', sans-serif;
font-size: 100%;
width: 100%;
font-weight:300;
line-height:1.8;
color:#0B0D13;
text-size-adjust: none;
-webkit-text-size-adjust: none;
}
@media screen and (max-width: 768px){
body {
font-size: 95%;
}
}
a:link {color:#46C3D7; text-decoration:none;}
a:visited {color:#46C3D7; text-decoration:none;}
a:hover {color:#46C3D7; text-decoration:none;}


a:hover { opacity: 0.8; }

img a:hover { opacity: 0.8; }

.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.skyblue{
color:#32BFD7
}
.timetableGreen{
color:#3696A5;
}
.timetablepink{
color:#FF3333;
}
.bold{
font-weight:400;
}
/* Base ul li  */
ul.base {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.base li {
margin: 0;
padding-left: 1em;
text-indent: -1em;
}
/* 新ヘッダー
----------------------------------------------------*/
.header_top{
width:100%;
height:128px;
margin:-128px auto 0 auto;
padding: 20px;
background-color: #FFFFFF;
z-index: 10;	
}
.header_top.fixed{
position: fixed;
top: 0;
margin:0 0 0 0;
transition: all 0.5s ease 0s;
transform: translateY(0px);
}
.header_box{
max-width:1100px;
margin:0 auto;
padding: 0 1%;
display: flex;
justify-content: space-between;
z-index: 10;
}
.logo{
width:23%;
margin:0;
}
.logo img{
width:100%;
}
.header_menubox{
width:75%;
margin:0;
padding:0;
}
.header_menubox .reserveBtna {
width: 140px;
margin: 0 0 0 20px;
padding:5px 10px;
color: #FFFFFF;
font-size: 100%;
font-weight: 300;
text-align: center;
background: linear-gradient(90deg, #329FC7, #38E4E4);
display: block;
opacity: .8;
border-radius: 50px;
float:right;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.header_menubox .tel_no{
font-size:140%;
font-weight:500;
color:#34A9C5;
float:right;
}
.header_menubox .Nav{
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.top_prrx{
line-height: 1.6;
width: 100%;
background-color:#FFF;
}
.header_menubox .sp_tel{
display:none;
}
a.goto_access{
display: block;
margin-top:-145px;
padding-top:145px;
}
@media only screen and (max-width: 768px) {
.header_top{
width:100%;
height:80px;
margin:0 auto 0 auto;
padding: 10px 0;
background-color: #FFFFFF;
z-index: 10;
position:fixed;
top:0;
}
.header_top.fixed{
position: fixed;
top: 0;
margin:0 0 0 0;
transition: all 0.5s ease 0s;
transform: translateY(0px);
}
.header_box{
max-width:100%;
margin:0 auto;
padding: 0;
display: block;
z-index: 10;
position:relative;
}
.header_menubox .sp_tel{
top:8px;
right:70px;
position:absolute;
font-size:30px;
display:block;
}
.logo{
width:170px;
margin:0 0 0 5%;
}
.header_menubox{
width:100%;
margin:0;
padding:0;
background-color:#FFFFFF;
}
.header_menubox .reserveBtna {
display:none;
}
.header_menubox .tel_no{
display:none;
}
.top_prrx{
line-height: 1.6;
width: 100%;
background-color:#FFF;
overflow:hidden;
}
}

/* トップページ
----------------------------------------------------*/
.main_copy{
width:950px;
margin: 50px auto ;
overflow:hidden;
}
.main_copy img {
width:180px;
float:left;
margin:0 20px 10px 0;
}
hr.gray {
width:1100px;
margin:0 auto;
height: 1px;
border: none;
border-top: 1px #B2B2B2 solid;
}
hr.gray_staff {
width:1100px;
margin:40px auto 20px auto;
height: 1px;
border: none;
border-top: 1px #B2B2B2 solid;
}
hr.oshirase_hr {
width:100%;
margin:20px auto;
height: 1px;
border: none;
border-top: 1px #32BFD7 solid;
}
.oshiraseRed{
color: #DA0151;
}
.banner_covid{
margin:50px auto;
display:block;
}
.banner_newyear{
width: 900px;
margin:0 auto 50px auto;
display:block;
}
@media screen and (max-width: 768px){
.main_copy{
width:90%;
margin: 20px auto 60px auto;
overflow:hidden;
line-height:1.5;
}
.main_copy img {
width:38%;
float:left;
margin:0 20px 10px 0;
}
hr.gray {
display:none;
}
hr.gray_staff {
width:92%;
margin: 20px auto;
height: 1px;
border: none;
border-top: 1px #B2B2B2 solid;
}
.banner_covid{
width:90%;
margin:50px auto;
display:block;
}
.banner_newyear{
width: 90%;
margin:0 auto 50px auto;
display:block;
}
}

/*診療内容
----------------------------------------------------*/
.topMenu_wrapper{
width:100%;
margin:20px auto 50px auto;
padding:40px 0;
background:#D1F0F5;
}
.topMenu_wrapper h2{
font-size:240%;
text-align:center;
margin:0;
color:#32BFD7;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
line-height:1.0;
}
.topMenu_wrapper h3{
font-size:100%;
text-align:center;
margin:0;
font-weight:300;
}
.topMenu_list{
width:1100px;
margin:0 auto;
padding:30px 0;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.topMenu_list .menu_col{
width:260px;
height:260px;
margin:0 0 20px 0;
background-color:#ffffff;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.menu_dummy{
width:260px;
}
.topMenu_list .menu_col > p{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
text-align:center;
font-size:150%;
color:#000000;
}
.topMenu_list .menu_col img{
width:200px;
margin:0 auto 10px 0;
display:block;
cursor: pointer;
transition-duration: 0.5s;
}
.topMenu_list .menu_col:hover img{
transform: rotateY( 360deg );
transition-duration: 0.5s;
}
@media only screen and (max-width: 768px) {
.topMenu_wrapper{
width:100%;
margin:20px auto 50px auto;
padding:20px 0;
background:#D1F0F5;
overflow:hidden;
}
.topMenu_wrapper h2{
font-size:200%;
}
.topMenu_list{
width:95%;
margin:0 auto;
padding:30px 0;
box-sizing: border-box;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.topMenu_list .menu_col{
width:45%;
height:45%;
margin:0 1% 20px 1%;
background-color:#ffffff;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.topMenu_list .menu_col > p{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
text-align:center;
font-size:110%;
color:#000000;
}
.topMenu_list .menu_col img{
width:150px;
margin:0 auto 10px 0;
display:block;
cursor: pointer;
transition-duration: 0.5s;
}
.topMenu_list .menu_col:hover img{
transform: rotateY( 360deg );
transition-duration: 0.5s;
}
.menu_dummy{
width:0;
display: none;
}
}
/*院内紹介
----------------------------------------------------*/
h2.topClinic{
font-size:240%;
text-align:center;
margin:0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
line-height:1.0;
}
h3.topClinic{
font-size:100%;
text-align:center;
color:#32BFD7;
margin:0;
font-weight:300;
}
.topClinic_copy{
text-align:center;
font-weight:300;
}
ul.topClinic_list{
width:1100px;
margin:0 auto 60px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style:none;
}
ul.topClinic_list li{
position: relative;
width:24%;
margin:0 0 15px 0;
}
ul.topClinic_list li:before{
content: "";
display: block;
padding-top: 100%;
}
ul.topClinic_list li img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}

@media only screen and (max-width: 768px) {
h2.topClinic{
font-size:200%;
}
ul.topClinic_list{
width:97%;
margin:20px auto 60px auto;
padding:0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style:none;
overflow:hidden;
}
ul.topClinic_list li{
position: relative;
width:48%;
margin:0 1% 10px 1%;
}
ul.topClinic_list li:before{
content: "";
display: block;
padding-top: 100%;
}
ul.topClinic_list li img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}
}
.topClinic_list a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.topClinic_list a:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

/*アクセス
----------------------------------------------------*/
#googlemap{
width:100%;
height:290px;
margin:30px auto;
padding:0;
clear:both;
}
#googlemap iframe{
width: 100%;
height: 100%;
}
.topAccess_box{
width:1100px;
margin:0 auto;
padding:30px 0 40px 0;
display: flex;
justify-content: center;
}
.access_box{
width:1100px;
margin:0 auto;
padding:20px 0 0 0;
display: flex;
justify-content: center;
}
.access_box .topnaviBox,
.topAccess_box .topnaviBox
{
width:40%;
margin: 0 2%;
padding: 0 5px 5px 5px;
font-weight:400;
}
.access_box .topnaviBox p,
.topAccess_box .topnaviBox p{
margin: 0 5%;
}
.access_box .topnaviBox > h2,
.topAccess_box .topnaviBox > h2{
display:block;
margin: 0 2% 20px 2%;
padding: 0 5px 5px 5px;
font-size: 160%;
color: #32BFD7;
text-align: center;
background: url(../img/info_bg.gif) left bottom repeat-x;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
}
.access_box .topnaviBox a,
.topAccess_box .topnaviBox a{
display:block;
text-align:right;
margin: 30px 20px 0 0;
}
@media screen and (max-width: 768px) {
#googlemap{
width:97%;
height:300px;
margin:30px auto;
padding:0;
}
#googlemap iframe{
width: 100%;
height: 100%;
vertical-align: bottom;
}
.access_box{
width:97%;
margin:0 auto;
padding:10px auto;
display: block;
overflow:hidden;
}
.topAccess_box{
width:97%;
margin:0 auto;
padding:10px auto 20px auto;
display: block;
}
.access_box .topnaviBox,
.topAccess_box .topnaviBox{
width:100%;
margin: 0 2%;
padding: 0 5px 5px 5px;
font-weight:400;
}
.topnaviBox .topnaviBox p,
.topAccess_box .topnaviBox p{
margin: 0 5%;
}
.access_box .topnaviBox > h2,
.topAccess_box .topnaviBox > h2{
width:90%;
text-align:center;
display:block;
margin: 0 2% 20px 2%;
padding: 0 5px 5px 5px;
font-size: 160%;
color: #32BFD7;
text-align: center;
background: url(../img/info_bg.gif) left bottom repeat-x;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
}
.access_box .topnaviBox a,
.topAccess_box .topnaviBox a{
width:85%;
display:block;
text-align:right;
margin: 10px auto 30px auto;
}
}


/*リクルート
----------------------------------------------------*/
.topRecruit_wrapper{
width:100%;
margin:20px auto 0 auto;
padding:70px 0;
background: url(../img/top_kidsroom.jpg) center center no-repeat;
background-size: cover;
}
.topRecruit_wrapper h2{
font-size:240%;
text-align:center;
margin:0 0 30px 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
line-height:1.0;
}
.topRecruit_wrapper h3{
font-size:100%;
text-align:center;
margin:0;
font-weight:300;
}
.topRecruit_wrapper .recruitLink{
width: 650px;
margin: 40px auto 0;
display:flex;
justify-content:space-between;
}
.topRecruit_wrapper .recruitLink a{
width: 300px;
margin: 0;
padding: 15px 0;
color: #29A1B5;
font-weight: 400;
text-align: center;
background: rgba(255,255,255,0.7);
border: 1px solid #FFF;
display: block;
}
@media screen and (max-width: 768px) {
.topRecruit_wrapper h2{
font-size:200%;
}
.topRecruit_wrapper h3{
width: 90%;
margin:0 auto;
text-align: left;
}
.topRecruit_wrapper{
width:100%;
margin:20px auto 0 auto;
padding:80px 0;
background: url(../img/top_kidsroom.jpg) center center no-repeat;
background-size: cover;
}
.topRecruit_wrapper .recruitLink{
width: 90%;
margin: 40px auto 0;
display:block;
}
.topRecruit_wrapper .recruitLink a{
width: 100%;
margin: 0 auto 15px;
padding: 10px 0;
}
}

/*フッターインフォメーション
----------------------------------------------------*/
footer{
width:100%;
margin:0;
padding:20px 0;
background:#C7EDF3;
}
footer .footerInfo{
width:1100px;
margin:20px auto;
display: flex;
justify-content: space-between;
}
footer .footerInfo .add{
width:500px;
margin:0;
display: flex;
}
footer .footerInfo .footerlogo{
width:145px;
height:auto;
margin:0 50px 0 0;
}
footer .footerInfo .footerlogo img{
width:100%;
}
footer .footerInfo .tel_no{
width:100%;
font-size:190%;
font-weight:500;
color:#34A9C5;
margin:0;
padding:0;
}
footer .footerInfo .reserveBtna {
width: 100%;
margin: 0 0 0 0;
padding:10px 0;
color: #FFFFFF;
font-size: 100%;
font-weight: 300;
text-align: center;
background: linear-gradient(90deg, #329FC7, #38E4E4);
display: block;
opacity: .8;
border-radius: 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
address{
width:1100px;
margin:20px auto;
padding:20px 30px;
background:#E9F8FA;
font-style:normal;
font-weight:400;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
footer .footerInfo{
width:97%;
margin:20px auto;
display: block;
}
footer .footerInfo .add{
width:89%;
margin:0 auto 30px auto;
display: flex;
justify-content: center;
}
footer .footerInfo .footerlogo{
width:120px;
height:auto;
margin:0 35px 0 0;
}
footer .footerInfo .footerlogo img{
width:100%;
}
footer .footerInfo .tel_no{
width:100%;
font-size:150%;
font-weight:500;
color:#34A9C5;
margin:0;
padding:0;
}
footer .footerInfo .reserveBtna {
width: 100%;
margin: 0 0 0 0;
padding:10px 20px;
color: #FFFFFF;
font-size: 100%;
font-weight: 300;
text-align: center;
background: linear-gradient(90deg, #329FC7, #38E4E4);
display: block;
opacity: .8;
border-radius: 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height:1.3;
}
address{
width:95%;
margin:20px auto;
padding:10px 25px;
background:#E9F8FA;
font-style:normal;
font-weight:400;
display: block;
line-height:2.0;
}
}

footer .footerInfo .timetable{
width:600px;
margin:0;
}
.tbl_timetable {
width: 100%;
border-collapse: collapse;
margin:10px auto ;
padding:3px;
border:2px solid #ABB2BD;
text-align: center;
box-sizing: border-box;
}
.tbl_timetable th, .top_table  td {
padding: 10px 0;
font-weight:300;
}
.tbl_timetable th {
background: #FFFFFF;
border: 2px solid #ABB2BD;
}
.tbl_timetable td {
width:60px;
background: #FFFFFF;
border: 2px solid #ABB2BD;
}
@media screen and (max-width: 768px) {
footer .footerInfo .timetable{
width:97%;
margin:0 auto;
}
.tbl_timetable th, .top_table  td {
padding: 10px 0;
font-weight:300;
}
.tbl_timetable th {
background: #FFFFFF;
border: 2px solid #ABB2BD;
}
.tbl_timetable td {
width:10%;
background: #FFFFFF;
border: 2px solid #ABB2BD;
}
}

/* コピーライト
----------------------------------------------------*/
small {
width:100%;
font-style: normal;
color: #FFFFFF;
text-align: center;
background-color:#29A1B5;
padding:15px 0;
display:block;
}

/* トップへボタン
----------------------------------------------------*/
#page_top{
width: 68px;
height: 68px;
position: fixed;
right: 20px;
bottom: 10px;
background: #29A1B5;
border-radius: 50%;
-webkit-backface-visibility:hidden;
 backface-visibility:hidden;
}
#page_top a{
position: relative;
display: block;
width: 68px;
height: 68px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f106';
font-size: 30px;
color: #fff;
position: absolute;
width: 34px;
height: 34px;
top: -20px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
@media screen and (max-width: 768px) {
#page_top{
width: 55px;
height: 55px;
position: fixed;
right: 20px;
bottom: 10px;
background: #29A1B5;
border-radius: 50%;
-webkit-backface-visibility:hidden;
 backface-visibility:hidden;
}
#page_top a{
position: relative;
display: block;
width: 55px;
height: 55px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f106';
font-size: 30px;
color: #fff;
position: absolute;
width: 34px;
height: 34px;
top: -20px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
}
/* パンくず
----------------------------------------------------*/
.breadcrumb *, .breadcrumb *:after, .breadcrumb *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.breadcrumb {
width: 1000px;
margin: 0 auto 60px auto;
padding: 1em 2em;
border-bottom:#DDDDDD 1px solid;
font-size:80%;
}
@media screen and (max-width: 768px) {
.breadcrumb {
width: 95%;
margin: 0 auto 30px auto;
padding: 1em 1em;
}
}
.btm_breadcrumb *, .btm_breadcrumb *:after, .btm_breadcrumb *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.btm_breadcrumb {
width: 1100px;
margin: 0 auto 20px auto;
padding: 1em 2em;
border-top:#DDDDDD 1px solid;
font-size:80%;
}
@media screen and (max-width: 768px) {
.btm_breadcrumb {
width: 95%;
margin: 0 auto 20px auto;
padding: 1em 1em;
}
}
.breadcrumb a,
.btm_breadcrumb a {
text-decoration: none;
}
.breadcrumb .breadcrumbs,
.btm_breadcrumb .breadcrumbs {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.breadcrumb li,
.btm_breadcrumb li {
display: inline-block;
position: relative;
padding-right: calc(16px + 8px);
margin-right: 8px;
}
.breadcrumb li::before,
.btm_breadcrumb li::before {
content: '›';
width: 1em;
height: 1em;
line-height: 0.9;
text-align: center;
font-size: 1em;
color: inherit;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcrumb li:last-child,
.btm_breadcrumb li:last-child {
margin-right: 0;
padding-right: 0;
}
.breadcrumb li:last-child::before,
.btm_breadcrumb li:last-child::before {
content: normal;
}

/* コンテンツ共通
----------------------------------------------------*/
.header_content{
width:100%;
height:128px;
margin:0 auto;
padding: 20px;
background-color: #FFFFFF;
z-index: 10;
position:fixed;	
}
article{
padding:128px 0 40px 0;
}
.ContentMv {
height: 360px;
position: relative;
}
.ContentMv img{
width: 100%;
height: 340px;
object-fit: cover;
}
.ContentMv .titleBox {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-family: 'M PLUS Rounded 1c', sans-serif;
margin:0;
padding:0;
}
.ContentMv .contentTitle {
margin:0;
padding:0;
text-align:center;
font-weight:bold;
font-size:300%;
line-height:1.2;
}
.ContentMv .contentSubitle {
margin:0;
padding:0;
text-align:center;
font-size:120%;
color:#35A9C6;
line-height:1.0;
white-space: nowrap;
}
@media only screen and (max-width: 768px) {
.header_content{
width:100%;
height:80px;
margin:0 auto 0 auto;
padding: 10px 0;
background-color: #FFFFFF;
z-index: 10;
position:fixed;
top:0;
}
article{
padding:80px 0 50px 0;
}
.ContentMv {
height: 250px;
position: relative;
}
.ContentMv img{
width: 100%;
height: 250px;
object-fit: cover;
}
.ContentMv .contentTitle {
font-size:250%;
}
.ContentMv .contentSubitle {
font-size:120%;
}
}

/* スタッフ紹介
----------------------------------------------------*/
.staff_copy{
width:1000px;
margin: 50px auto 0 auto;
overflow:hidden;
}
.staff_copy:last-child{
margin: 50px auto;
}
.staff_copy img {
width:250px;
float:left;
margin:0 50px 10px 0;
}
.staff_copy > h1{
margin:0 0 25px 0;
padding:0;font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:180%;
line-height:1.4;
color:#35A9C6;
}
.staff_copy > p.hdn {
overflow:hidden;
}
.staff_copy > p.hdn02 {
overflow:hidden;
}
.staff_copy > h2{
margin:0;
padding:0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
line-height:1.4;
color:#35A9C6;
}
@media only screen and (max-width: 768px) {
.staff_copy{
width:92%;
margin: 20px auto 0 auto;
overflow:hidden;
}
.staff_copy img {
width:38%;
float:left;
margin:0 20px 10px 0;
}
.staff_copy > p.hdn {
overflow:visible;
}
.staff_copy > p.hdn02 {
overflow:hidden;
}
.staff_copy > h1{
margin:0 0 10px 0;
padding:0;font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:normal;
font-size:140%;
line-height:1.4;
color:#35A9C6;
}
.staff_copy > h2{
margin:0;
padding:0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:normal;
font-size:110%;
line-height:1.4;
color:#35A9C6;
display:inline;
}
}
.joji_prof{
width:1000px;
margin: 50px auto 0 auto;
display:flex;
justify-content:space-between;
}
.joji_prof > .prof01{
width:46%;
margin:0;
}
.joji_prof > div > h2{
margin:0 0 25px 0;
display: inline-block;
position: relative;
padding:0;font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:140%;
line-height:1.4;
}
.joji_prof > div > h2:before {
content: '';
position: absolute;
left: 0;
bottom: -10px;
display: inline-block;
width: 50px;
height: 3px;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translate(0);
background-color: #32BFD7;
}
.joji_prof dt{
  float: left;
}
.joji_prof dd{
  margin-left: 80px;
}
ul.staff_prof {
    list-style: none;
    padding:0;
    margin:0;
}
ul.staff_prof li { 
    padding-left: 1em; 
    text-indent: -.7em;
}
ul.staff_prof li:before {
    content: "• ";
    color: #32BFD7;
}
ul.staff_prof span {
font-weight:400;
}
@media only screen and (max-width: 768px) {
.joji_prof{
width:92%;
margin: 20px auto 0 auto;
display:block;
}
.joji_prof > .prof01{
width:100%;
margin:0;
}
.joji_prof > div > h2{
margin:0 0 8px 0;
display: inline-block;
position: relative;
padding:0;font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:110%;
line-height:1.4;
}
.joji_prof > div > h2:before {
content: '';
position: absolute;
left: 0;
bottom: -10px;
display: inline-block;
width: 50px;
height: 3px;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translate(0);
background-color: #32BFD7;
}
.joji_prof dt{
  float: left;
}
.joji_prof dd{
  margin-left: 65px;
}
ul.staff_prof {
    list-style: none;
    padding:10px 0 0 0;
    margin:0;
}
ul.staff_prof li { 
    padding-left: 1em; 
    text-indent: -.7em;
}
ul.staff_prof li:before {
    content: "• ";
    color: #32BFD7;
}

}

/* 診察内容
----------------------------------------------------*/
.guideMv {
height: 360px;
position: relative;
}
.guideMv .bg_img{
width: 100%;
height: 340px;
object-fit: cover;
}
.guideMv .titleBox {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-family: 'M PLUS Rounded 1c', sans-serif;
width:290px;
margin:0;
padding:20px 0;
background-color:rgba(255,255,255,0.6);
text-align:center;
}
.guideMv .titleBox img{
width:180px;
margin:0 auto 10px 0;
}
.guideMv .guideTitle {
margin:0;
padding:0;
text-align:center;
font-weight:bold;
font-size:180%;
line-height:1.2;
}

@media only screen and (max-width: 768px) {
.guideMv {
height: 250px;
position: relative;
}
.guideMv .bg_img{
width: 100%;
height: 250px;
object-fit: cover;
}
.ContentMv .contentTitle {
font-size:250%;
}
.guideMv .titleBox {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-family: 'M PLUS Rounded 1c', sans-serif;
width:230px;
margin:0;
padding:20px 0;
background-color:rgba(255,255,255,0.6);
text-align:center;
}
.guideMv .titleBox img{
width:140px;
margin:0 auto 10px 0;
}
}
/* 予防ページ
----------------------------------------------------*/
.guide_copy{
width:1000px;
margin: 50px auto 40px auto;
overflow:hidden;
}
.guide_copy > h1{
margin:0 0 25px 0;
padding:0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:170%;
line-height:1.4;
color:#35A9C6;
}
.guide_copy > h2{
margin:60px 0 25px 0;
padding:0 0 10px 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:150%;
line-height:1.4;
border-bottom: #DDDDDD 1px solid;
}
@media only screen and (max-width: 768px) {
.guide_copy{
width:92%;
margin: 20px auto 0 auto;
padding: 0;
}
.guide_copy > h1{
margin:0 0 20px 0;
font-size:130%;
line-height:1.4;
}
.guide_copy > h2{
margin:30px 0 20px 0;
font-size:110%;
line-height:1.4;
}
}
.tbl_general {
width: 100%;
border-collapse: collapse;
margin:30px auto ;
padding:3px;
border:1px solid #ABB2BD;
text-align: center;
box-sizing: border-box;
}
.tbl_general th{
width: 20%;
padding: 10px;
font-weight:300;
background: #e9f8fa;
border: 1px solid #ABB2BD;
}
.tbl_general td {
padding: 10px;
background: #FFFFFF;
border: 1px solid #ABB2BD;
}
@media only screen and (max-width: 768px) {
.tbl_general {
font-size: 3vw;
}
}
.general_index{
width: 100%;
margin: 30px auto;
padding: 50px 50px 40px 50px;
background: #e9f8fa;
}
.general_index h3{
margin: 0 auto;
font-size: 20px;
font-weight: 400;
display: flex;
align-items: center;
}
.general_index h3 span{
margin: 0 10px 0 0; 
padding: 0 10px 2px 10px;
font-size: 16px;
color: #FFFFFF;
font-weight: 600;
background: #36a9c7;
}
@media only screen and (max-width: 768px) {
.general_index{
margin: 30px auto 0 auto;
padding: 15px 15px 5px 15px;
}
.general_index h3{
font-size: 16px;
}
.general_index h3 span{
margin: 0 5px 0 0; 
padding: 0 7px 2px 7px;
font-size: 12px;
}
}
.general_index p {
width: 90%;
margin: 15px auto 20px auto;
}
.general_index ul {
margin: 15px auto 20px auto;
list-style: none;
text-indent: -1em;
margin-left: 1em;
}
.general_index ul li:before {
content: "・";
}
hr.generalLine{
height: 1px;
margin: 0 0 30px 0;
border: none;
border-top: 1px #36a9c7 solid;
}
@media only screen and (max-width: 768px) {
.general_index ul {
margin: 15px auto 20px auto;
padding: 0;
list-style: none;
text-indent: -1em;
margin-left: 1em;
}
hr.generalLine{
margin: 0 0 20px 0;
}
}
.general_chara{
width: 90%;
margin: 100px auto 50px;
display:flex;
align-items: flex-start;
}
.general_chara.mgn_dummy{
margin: 50px auto 100px !important;
}
.general_chara .chara{
width: 160px;
height: auto;
margin: 0 30px 0 0;
}
@media only screen and (max-width: 768px) {
.general_chara{
margin: 50px auto;
display:flex;
flex-direction:column;
align-items: center;
}
.general_chara .chara{
width: 40%;
margin: 0 auto 20px;
}
}
.general_chara .fukidashi01{
position:relative;
margin: 0 0 10px 0;
padding:20px 30px;
text-align:left;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
font-weight: bold;
background:#F0F0ED;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.general_chara .fukidashi01:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(240, 240, 237, 0);
border-top-width:5px;
border-bottom-width:5px;
border-left-width:19px;
border-right-width:19px;
margin-top: -5px;
border-right-color:#F0F0ED;
right:100%;
top:50%;
}
@media only screen and (max-width: 768px) {
.general_chara .fukidashi01{
width:100%;
padding:20px;
font-size: 90%;
}
.general_chara .fukidashi01:after{
border: none;
}
.general_chara .fukidashi01:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom: 15px solid #F0F0ED;
}
}
.img_left{
width: 100%;
margin: 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.img_left img{
width: 380px;
margin: 0 20px 0 0;
}
@media only screen and (max-width: 768px) {
.img_left{
width: 100%;
margin: 0 auto;
display:block;
}
.img_left img{
width: 90%;
margin: 0 auto 15px;
display:block;
}
}
.img_left div{
flex: 1;
}
.img_left .fa-caret-down{
color: #36a9c7;
font-size: 35px;
margin: 0 0 0 30px;
}
@media screen and (max-width: 768px){
.img_left .fa-caret-down{
color: #36a9c7;
font-size: 35px;
margin: 0 0 0 10px;
}
}
.treatment_cause{
width: 100%;
margin: 20px auto 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.treatment_cause .number{
width: 280px;
min-height: 106px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
color: #35A9C6;
background: #e9f8fa;
border: 1px solid #36a9c7;
display: flex;
justify-content: center;
align-items: center;
}
.treatment_cause .number_cause{
padding: 10px 15px;
border: 1px solid #36a9c7;
border-left: none;
flex: 1;
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.treatment_cause .number{
width: 100%;
min-height: auto;
padding: 10px 0;
border-bottom: none;
}
.treatment_cause .number_cause{
width: 100%;
padding: 10px 15px;
border-left: 1px solid #36a9c7;
}
}
.ha_left{
width: 95%;
margin: 0 auto ;
padding: 30px;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 1px dotted #EAEAEA;
align-items: flex-start;
}
.ha_left img{
width: 230px;
margin: 0 40px 0 0;
}
@media only screen and (max-width: 768px) {
.ha_left{
padding: 30px 0;
display:block;
}
.ha_left img{
width: 200px;
margin: 0 auto 20px;
display: block;
}
}
.ha_left div{
flex: 1;
}
.ha_left div > h3{
margin: 0 0 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 20px;
font-weight: bold;
}
.treatment_img{
width: 200px !important;
margin: 0 40px 0 0;
}
@media only screen and (max-width: 768px) {
.ha_left div > h3{
margin: 0 0 5px;
font-size: 18px;
line-height: 1.3;
}
.treatment_img{
width: 200px !important;
margin: 0 auto 20px auto !important;
display: block;
}
}
/* ホワイトニングページ
----------------------------------------------------*/
.whitening_mainimg{
width: 100%;
display: block;
}
h2.whitening_subttl{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 25px;
font-weight: bold;
color: #36a9c7;
text-align: center;
border: none;
}
.poririnsan_na{
width: 80%;
margin: 20px auto;
}
.poririnsan_na{
width: 80%;
margin: 20px auto;
}
@media only screen and (max-width: 768px) {
h2.whitening_subttl{
font-size: 20px;
}
.poririnsan_na{
width: 100%;
margin: 20px auto;
}
}
.poririnsan_na >.subttl {
margin: 30px 0 20px 0;
font-weight: 400;
}
ol.poririnsan {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0;
}
ol.poririnsan li {
  font-size: 16px;
  line-height: 1.5;
  padding:10px 0 10px 35px;
  position: relative;
  border-bottom: 1px dotted #929a9f;
}
ol.poririnsan li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #929a9f;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: 9px;
  left: 0;
  padding: 0 0 1px 1px;
}
@media only screen and (max-width: 768px) {
ol.poririnsan li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #929a9f;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 0 0 1px 1px;
}
}
.poririnsan_osusume{
width: 100%;
margin: 20px auto;
padding: 30px 30px 10px 30px;
background: #d6f2f7;
}
@media only screen and (max-width: 768px) {
.poririnsan_osusume{
margin: 20px auto 40px auto;
padding: 15px 15px 10px 15px;
}
}
.poririnsan_osusume .inner{
width: 95%;
margin: 40px auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.poririnsan_osusume .inner figure{
width: 30%;
padding: 0;
margin: 0 0 25px 0;
text-align: center;
}
.poririnsan_osusume .inner figure img{
width: 100%;
}
@media only screen and (max-width: 768px) {
.poririnsan_osusume .inner{
width: 100%;
margin: 20px auto 0 auto;
}
.poririnsan_osusume .inner figure{
width: 48%;
padding: 0;
margin: 0 0 25px 0;
text-align: center;
font-size: 12px;
}
}
.poririnsan_chigai.pc{
width: 100%;
margin: 50px 0;
display:flex!important;
justify-content: space-around;
flex-wrap: wrap;
align-items: flex-start;
}
.poririnsan_chigai .chara{
width: 160px;
height: auto;
}
.poririnsan_chigai .chara02{
width: 160px;
height: auto;
margin: 70px 0 0 0;
}
@media only screen and (max-width: 768px) {
.poririnsan_chigai.pc{
display:none!important;
}
.poririnsan_chigai{
margin: 10px auto;
display:flex!important;
justify-content: space-around;
flex-wrap: wrap;
align-items: center;
}
.poririnsan_chigai .chara{
width: 20%;
}
.poririnsan_chigai .chara02{
width: 20%;
margin: 0 0 0 0;
}
}
.poririnsan_chigai .fukidashi01{
position:relative;
width:300px;
margin: 0 0 10px 0;
padding:10px 30px;
text-align:left;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
font-weight: bold;
background:#F0F0ED;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.poririnsan_chigai .fukidashi01:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(240, 240, 237, 0);
border-top-width:5px;
border-bottom-width:5px;
border-left-width:19px;
border-right-width:19px;
margin-top: -5px;
border-right-color:#F0F0ED;
right:100%;
top:50%;
}
@media only screen and (max-width: 768px) {
.poririnsan_chigai .fukidashi01{
width:70%;
padding:10px 20px;
font-size: 90%;
}
.poririnsan_chigai .fukidashi01:after{
border-top-width:5px;
border-bottom-width:5px;
border-left-width:10px;
border-right-width:10px;
}
}
.poririnsan_chigai .fukidashi02{
    position:relative;
    width:500px;
    background:#C2FBFF;
padding:10px 30px;
    text-align:left;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
font-weight: bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.poririnsan_chigai .fukidashi02:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(194, 251, 255, 0);
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-width:19px;
    border-right-width:19px;
    margin-top: -5px;
    border-left-color:#C2FBFF;
    left:100%;
    top:50%;
}
@media only screen and (max-width: 768px) {
.poririnsan_chigai .fukidashi02{
width:70%;
padding:10px 20px;
font-size: 90%;
}
.poririnsan_chigai .fukidashi02:after{
border-top-width:5px;
border-bottom-width:5px;
border-left-width:10px;
border-right-width:10px;
}
}
.poririnsan_table {
width: 100%;
border-collapse: collapse;
margin:10px auto ;
padding:3px;
border:1px solid #ABB2BD;
text-align: center;
box-sizing: border-box;
}
.poririnsan_table thead td {
padding: 20px 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
background: #F0F0ED;
}
.poririnsan_table thead th {
padding: 20px 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
background: #C7EDF3;
}
@media only screen and (max-width: 768px) {
.poririnsan_table thead td {
padding: 10px;
font-size: 100%;
}
.poririnsan_table thead th {
padding: 10px;
font-size: 100%;
}
}
.poririnsan_table td.hikaku_center {
width: 20%;
padding: 10px 0;
font-weight:300;
background: #F0F0ED;
}
.poririnsan_table tbody th {
width: 40%;
background: #E9F8FA;
}
.poririnsan_table th, .poririnsan_table td {
padding: 10px 0;
font-weight:300;
border: 1px solid #ABB2BD;
}
@media screen and (max-width: 768px){
.poririnsan_table thead {
padding: 10px 0;
font-size: 100%;
}
.poririnsan_table tbody{
width: 40%;
font-size: 12px;
}
.poririnsan_table th, .poririnsan_table td {
padding: 10px;
}
}
.poririnsan_nagare{
width: 100%;
margin: 20px auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.poririnsan_nagare figure{
width: 17%;
padding: 0;
margin: 0 0 25px 0;
}
@media screen and (max-width: 768px){
.poririnsan_nagare figure{
width: 47.5%;
margin: 0 0 25px 0;
}
}
.poririnsan_nagare figure img{
width: 100%;
}
.poririnsan_nagare figure p{
margin: 10px 0;
color: #FFFFFF;
text-align: center;
font-weight: 400;
background: #32bfd7;
}
.poririnsan_nagare figure figcaption{
font-size: 14px;
}
@media screen and (max-width: 768px){
.poririnsan_nagare figure figcaption{
font-size: 12px;
}
}
.poririnsan_feeTable {
width: 100%;
border-collapse: collapse;
margin:10px auto ;
padding:3px;
border:1px solid #ABB2BD;
text-align: center;
box-sizing: border-box;
}
.poririnsan_feeTable th {
padding: 20px 0;
font-size: 120%;
font-weight: 400;
background: #C7EDF3;
border:1px solid #ABB2BD;
}
.poririnsan_feeTable td {
width: 50%;
padding: 20px 0;
font-size: 120%;
background: #FFFFFF;
border:1px solid #ABB2BD;
}
@media screen and (max-width: 768px){
.poririnsan_feeTable th {
width: 100%;
display: block;
padding: 10px 0;
font-weight: 400;
border-bottom: none;
}
.poririnsan_feeTable td {
width: 100%;
display: block;
padding: 20px 0;
}
}
#QandA-1 {
	width: 100%;
}
#QandA-1 dt {
background: #E9F8FA;
padding: 8px 8px 8px 15px;
border-radius: 2px;
color: #3696A5;
font-weight: 500;
}
#QandA-1 dt:before {
content: "Q.";
font-weight: bold;
margin-right: 8px;
color: #3696A5;
}
#QandA-1 dd {
margin: 24px 16px 40px 32px;
padding:0 0 0 8px;
line-height: 140%;
text-indent: -24px;
}
#QandA-1 dd:before {
content: "A.";
font-weight: bold;
margin-right: 8px;
color: #FF3333;
}
@media screen and (max-width: 768px){
#QandA-1 dd {
margin: 12px 16px 20px 32px;
padding:0 0 0 8px;
line-height: 140%;
text-indent: -24px;
}
}

/* 審美ページ
----------------------------------------------------*/
.aesthetic_main{
width:1000px;
margin: 50px auto 40px auto;
}
.aesthetic_list{
width:1000px;
margin: 50px auto 40px auto;
}
@media only screen and (max-width: 768px) {
.aesthetic_main{
width:90%;
margin: 50px auto 40px auto;
}
.aesthetic_list{
width:90%;
margin: 50px auto 40px auto;
}
}
.aesthetic_list > h1{
margin:0 0 25px 0;
padding:0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:170%;
line-height:1.4;
color:#449DBC;
text-align: center;
}
.aesthetic_list h2{
margin:100px 0 25px 0;
padding:0 0 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:130%;
line-height:1.4;
color:#449DBC;
border-bottom: 1px solid #449DBC;
display: flex;
align-items: center;
}
.aesthetic_list h2:first-of-type{
margin:50px 0 25px 0;
}
@media only screen and (max-width: 768px) {
.aesthetic_list > h1{
font-size:140%;
}
}
.aesthetic_list h2:before{
content:attr(data-title);
padding: 2px 15px 3px;
font-size: 14px;
font-weight:400;
color: #FFF;
margin-right:1em;
background: #449DBC;
}
.aesthetic_list p{
margin: 0 0 10px;
display: flex;
}
.aesthetic_list .merit{
padding: 2px 12px 0;
font-size: 13px;
font-weight:400;
color: #FFF;
margin-right:1em;
background: #ADEF60;
}
.aesthetic_list .demerit{
padding: 2px 12px 0;
font-size: 13px;
font-weight:400;
color: #FFF;
margin-right:1em;
background: #7BD5B9;
}
.aesthetic_list .kakaku{
padding: 2px 12px 0;
font-size: 13px;
font-weight:400;
color: #FFF;
margin-right:1em;
background: #4DB455;
}
@media only screen and (max-width: 768px) {
.aesthetic_list p{
align-items: flex-start;
}
.aesthetic_list .merit,
.aesthetic_list .demerit,
.aesthetic_list .kakaku{
width: 50px;
padding: 2px 0 0;
text-align: center;
display: block;
}
.aesthetic_list .moji{
flex: 1;
line-height: 1.4;
}
}
.aesthetic_chara{
width: 95%;
margin: 0 auto 50px;
display:flex;
align-items: flex-start;
}
.aesthetic_chara .chara{
width: 160px;
height: auto;
margin: 35px 30px 0 0;
}
@media only screen and (max-width: 768px) {
.aesthetic_chara{
margin: 50px auto;
display:flex;
flex-direction:column;
align-items: center;
}
.aesthetic_chara .chara{
width: 40%;
margin: 0 auto 20px;
}
}
.aesthetic_chara .fukidashi01{
position:relative;
margin: 0 0 10px 0;
padding:20px 30px;
text-align:left;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 120%;
font-weight: bold;
background:#F0F0ED;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.aesthetic_chara .fukidashi01:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(240, 240, 237, 0);
border-top-width:5px;
border-bottom-width:5px;
border-left-width:19px;
border-right-width:19px;
margin-top: -5px;
border-right-color:#F0F0ED;
right:100%;
top:50%;
}
@media only screen and (max-width: 768px) {
.aesthetic_chara .fukidashi01{
width:100%;
padding:20px;
font-size: 90%;
}
.aesthetic_chara .fukidashi01:after{
border: none;
}
.aesthetic_chara .fukidashi01:before {
content: "";
position: absolute;
top: -20px;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom: 15px solid #F0F0ED;
}
}
.aesthetic_txt{
width: 100%;
margin: 80px auto 150px;
padding: 50px 120px;
background: #D6EEF3;
}
.aesthetic_txt h2{
margin:0 0 20px 0;
padding:0 0 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:130%;
text-align: center;
line-height:1.3;
}
@media only screen and (max-width: 768px) {
.aesthetic_txt{
width: 100%;
margin: 50px auto 80px;
padding: 30px 25px;
}
.aesthetic_txt h2{
margin:0 0 5px 0;
}
}
.aesthetic_listimg{
margin: 50px 0 0 0;
display: flex;
}
.aesthetic_listimg figure{
width: 15.5%;
margin: 0 1.4% 0 0;
font-size: 13px;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.aesthetic_listimg figure:last-child{
width: 15.5%;
margin: 0;
}
@media only screen and (max-width: 768px) {
.aesthetic_listimg{
margin: 50px 0 0 0;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.aesthetic_listimg figure{
width: 48.5%;
margin: 0 0 15px;
font-size: 12px;
}
.aesthetic_listimg figure:last-child{
width: 48.5%;
margin: 0;
}
}
.aesthetic_listimg figure img{
width: 100%;
margin: 0 0 5px;
}
.aesthetic_listimg figure.five{
width: 18.2%;
margin: 0 1.4% 0 0;
font-size: 13px;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.aesthetic_listimg figure.five:last-child{
width: 18.2%;
margin: 0;
}
@media only screen and (max-width: 768px) {
.aesthetic_listimg figure.five{
width: 48.5%;
margin: 0 0 15px;
font-size: 13px;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.aesthetic_listimg figure.five:last-child{
width: 48.5%;
margin: 0;
}
}
.aesthetic_listimg02{
margin: 40px 0 0 0;
display: flex;
flex-direction: row-reverse;
}
.aesthetic_listimg02 figure{
width: 20%;
margin: 0 4% 0 0;
font-size: 13px;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.aesthetic_listimg02 figure img{
width: 100%;
}
.aesthetic_listimg02 div{
width: 76%;
}
@media only screen and (max-width: 768px) {
.aesthetic_listimg02{
margin: 30px 0 0 0;
display: block;
}
.aesthetic_listimg02 figure{
width: 90%;
margin: 30px auto 0;
}
.aesthetic_listimg02 div{
width: 90%;
}
}

/* FAQ
----------------------------------------------------*/
.faq_copy{
width:900px;
margin: 50px auto 0 auto;
}
@media screen and (max-width: 768px){
.faq_copy{
width:92%;
margin: 50px auto 30px auto;
}
}
/* --------------------アコーディオン-------------------- */

.faqAcordeon {
  width:900px;
  padding: 0;
  margin:30px auto;
}
/*.faqAcordeon .faqq:before{
content:"Ｑ";
color:#32BFD7;
font-weight:700;
margin:0 10px 0 0;
font-size:120%;
line-height:1.0;
font-family: 'Noto Sans JP', sans-serif;
}*/
.faq_tab_q {
  font-weight:bold !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.faq_tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #000;/* アコーディオン タブ文字色 */
  overflow: hidden;
}
.faq_tab > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.faq_tab > label {
  position: relative;
  display: block;
  padding: 5px 0 5px 2em;
  background: #D6F2F7;
  line-height: 3;
  cursor: pointer;
  font-size:18px;
  font-weight:400;
}
@media screen and (max-width: 768px){
.faqAcordeon {
  width: 95%;
  padding: 0 0;
  margin:0 auto 30px auto;
}
.faq_tab_q {
  font-weight:bold !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding:0 60px 0 0;
  font-size:90%;
}
.faq_tab > label {
  position: relative;
  display: block;
  padding: 10px 3.5em 10px 1.5em;
  background: #D6F2F7;
  line-height: 3;
  cursor: pointer;
  font-size:110%;
  font-weight:400;
    line-height:1.8;
}
}
.faq_tab > .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #FFF;/* タブ内背景色 */
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  margin:0.3em 0;
  z-index:100;
  padding: 0 2em;
}
.faq_tab > .tab-content > p{
  margin:1em 0;
}
.faq_tab > .tab-content > h3{
  color:#EF8BAF;
  font-weight:400;
  font-size:100%;
}
@media screen and (max-width: 768px){
.faq_tab > .tab-content {
  
}
.faq_tab > .tab-content > p{
  margin:1em 0;
}
.faq_tab > .tab-content > h3{
  color:#EF8BAF;
  font-weight:400;
  font-size:1.3rem;
}
}
.faq_tab > .tab-content p.tc {
  color: #000;/* タブ内文字色 */
  padding:10px 0;
}
/* :checked */
.faq_tab > input:checked ~ .tab-content {
  max-height: 100em;
}
/* Icon */
.faq_tab > label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.faq_tab > input[type=checkbox] + label::after {
content: '';
width: 10px;
height: 10px;
border: 0;
border-bottom: solid 3px #32BFD7;
border-right: solid 3px #32BFD7;
position: absolute;
top: 50%;
right: 2em;
margin-top: -6px;
transform: rotate(45deg);
}
.faq_tab > input[type=radio] + label::after {
content: "\25BC";
}
.faq_tab > input[type=checkbox]:checked + label::after {
transform: rotate(225deg);
transform-origin:center center;
}
.faq_tab > input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}
/* WEB予約
----------------------------------------------------*/
.faq_copy .webReg_ttl{
margin: 50px 0 20px 0;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
@media only screen and (max-width: 768px) {
.faq_copy .webReg_ttl{
font-size: 20px;
}
}
.faq_copy .webReg_subttl{
margin: 25px 0 5px 0;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
color: #35A9C6;
}
.faq_copy .rebBtn_box{
width: 100%;
margin: 50px 0 100px 0;
text-align: center;
display:flex;
justify-content: center;
}
@media only screen and (max-width: 768px) {
.faq_copy .rebBtn_box{
margin: 50px 0 100px 0;
text-align: center;
display:block;
}
}
.faq_copy .rebBtn_box .rebBtn01{
width: 47%;
padding: 15px 0 10px;
font-size: 14px;
border:2px solid #36a9c7;
background:#36a9c7;
color: #FFFFFF;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
border-radius:15px;
transition: 0.3s;
}
.faq_copy .rebBtn_box .rebBtn01:hover{
border:2px solid #36a9c7;
background:#FFFFFF;
color: #36a9c7;
}
@media only screen and (max-width: 768px) {
.faq_copy .rebBtn_box .rebBtn01{
width: 100%;
margin: 0 0 20px 0;
}
}
.faq_copy .rebBtn_box .rebBtn02{
width: 47%;
padding: 10px 0;
font-size: 14px;
border:2px solid #0066cc;
background:#0066cc;
color: #FFFFFF;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
border-radius:15px;
transition: 0.3s;
}
.faq_copy .rebBtn_box .rebBtn02:hover{
border:2px solid #0066cc;
background:#FFFFFF;
color: #0066cc;
}
@media only screen and (max-width: 768px) {
.faq_copy .rebBtn_box .rebBtn02{
width: 100%;
margin: 0 0 20px 0;
}
}
.faq_copy .rebBtn_box .rebBtn01 p,
.faq_copy .rebBtn_box .rebBtn02 p{
width: 100%;
margin: 0;
}
.faq_copy .rebBtn_box .rebBtn01 .kanja,
.faq_copy .rebBtn_box .rebBtn02 .kanja{
width: 100%;
margin: 0 0 5px 0;
font-size: 22px;
font-weight: 400;
}
@media only screen and (max-width: 768px) {
.faq_copy .rebBtn_box .rebBtn01 .kanja,
.faq_copy .rebBtn_box .rebBtn02 .kanja{
font-size: 20px;
}
}

/* 初めての方へ
----------------------------------------------------*/
.biginer_img{
width:80%;
margin: 0 auto 50px auto;
display:block;
}
.biginer_box{
width:900px;
margin: 0 auto 15px auto;
padding:10px 30px;
border:1px solid #0066CC;
}
.biginer_box:first-of-type {
width:900px;
margin: 50px auto 15px auto;
padding:20px 40px;
border:1px solid #0066CC;
}
.biginer_box h2{
margin:0 0 10px 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:140%;
color:#0066CC;
display:flex;
align-items:center;
}
@media screen and (max-width: 768px){
.biginer_img{
width:90%;
margin: 0 auto 30px auto;
}
.biginer_box{
width:92%;
margin: 0 auto 10px auto;
padding:20px;
border:1px solid #0066CC;
}
.biginer_box:first-of-type {
width:92%;
margin: 50px auto 10px auto;
padding:20px;
border:1px solid #0066CC;
}
.biginer_box h2{
font-size:130%;
}
}
.biginer_box h2 > span{
margin:0 0.5em 0 0;
padding:0.1em 1em;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:70% !important;
font-weight:normal;
color:#FFFFFF;
background:#0066CC;
}
ul.normalList {
list-style-type: none;
margin: 0 0 0 1em;
padding: 0;
}
ul.normalList li {
margin: 0 0 0 0;
padding-left: 1em;
text-indent: -1em;
}
.biginer_endbox{
width:900px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
text-align:center;
margin:40px auto;
}
@media screen and (max-width: 768px){
ul.normalList {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
}
.biginer_endbox{
width:92%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
text-align:center;
margin:40px auto;
}
}

/* 初めての方へ
----------------------------------------------------*/
.ContentMv .covidTitle {
margin:0;
padding:0;
text-align:center;
font-weight:bold;
font-size:300%;
line-height:1.2;
}
.covid_box{
width:900px;
margin: 0 auto 0 auto;
padding:20px 40px;
}
.covid_box:first-of-type {
width:900px;
margin: 50px auto 0 auto;
padding:20px 40px;
}
@media only screen and (max-width: 768px) {
.ContentMv .covidTitle {
width:100% !important;
margin:0;
padding:0;
text-align:center;
font-weight:bold;
font-size:180%;
line-height:1.2;
white-space: nowrap;
}
.covid_box{
width:92%;
margin: 0 auto 0 auto;
padding:10px 0;
}
.covid_box:first-of-type {
width:92%;
margin: 20px auto 0 auto;
padding:10px 0;
}
}
.covid_box h2{
margin:0 0 0 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:140%;
color:#35C1D5;
display:flex;
align-items:center;
}
.covid_box h2 > span{
margin:0 0.5em 0 0;
width:50px;
height:50px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:120% !important;
font-weight:bold;
color:#FFFFFF;
background:#35C1D5;
border-radius:50px;
display: flex;
justify-content: center;
align-items: center;
}
.covid_box > p{
width:750px;
margin: 0 auto;
padding:0 30px;
}
@media only screen and (max-width: 768px) {
.covid_box h2{
margin:0 0 0 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
color:#35C1D5;
display:flex;
align-items:center;
line-height:1.2;
letter-spacing:-1px;
}
.covid_box h2 > span{
margin:0 0.5em 0 0;
width:30px;
height:30px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:120% !important;
font-weight:bold;
color:#FFFFFF;
background:#35C1D5;
border-radius:50px;
display: flex;
justify-content: center;
align-items: center;
}
.covid_box > p{
width:100%;
margin: 0 auto;
padding:8px 0;
}
}
/* 医院紹介
----------------------------------------------------*/
.clinic_copy{
width:1000px;
margin: 50px auto 0 auto;
}
.clinic_box{
width:1000px;
margin:50px auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.clinic_box > figure{
width:48%;
margin:0 0 30px 0;
padding:0;
}
.clinic_box img{
width:100%;
}
.clinic_box > figure:hover img {
border-radius: 50px;
transition-duration: 0.3s;
}

@media screen and (max-width: 768px){
.clinic_copy{
width:92%;
margin: 20px auto 0 auto;
}
.clinic_box{
width:92%;
margin:20px auto;
display:block;
}
.clinic_box > figure{
width:100%;
margin:0 0 30px 0;
padding:0;
}
}
.clinic_box figcaption{
margin:0 0 0 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:140%;
color:#35C1D5;
}
hr.blueboder {
width:400px;
margin:0 auto;
height: 2px;
border: none;
border-top: 2px #2E94AD solid;
}
.historyTitle {
margin:20px auto 0 auto;
padding: 0;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
font-size: 250%;
line-height: 1.2;
}
.historySubitle {
margin: 0;
padding: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align: center;
font-size: 120%;
font-weight: normal;
color: #35A9C6;
line-height: 1.0;
}
@media screen and (max-width: 768px){
.historyTitle {
margin:20px auto 0 auto;
padding: 0;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
font-size: 250%;
line-height: 1.2;
}
hr.blueboder {
width:60%;
margin:0 auto;
height: 2px;
border: none;
border-top: 2px #2E94AD solid;
}
}
.clinic_box .history_img{
width:48%;
margin:0 0 30px 0;
padding:0;
position: relative;
}
.clinic_box .history_img_now h3,
.clinic_box .history_img h3 {
width:100px;
margin:0;
padding:5px 0;
position: absolute;
color: white;
font-weight: normal;
font-size: 120%;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align:center;
top: 0;
left: 0;
background:#35A9C6;
}
.clinic_box .cap{
width:100%;
margin:0 auto 30px 0;
padding:0 20px;
font-weight:400;
}
.clinic_box .history_img_now{
width:100%;
margin:0 0 30px 0;
padding:0;
position: relative;
}
.clinic_endbox{
width:900px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:180%;
text-align:center;
margin:0 auto 60px auto;
}
@media screen and (max-width: 768px){
.clinic_box .history_img{
width:100%;
margin:0 auto 30px auto;
padding:0;
position: relative;
}
.clinic_box .cap{
width:100%;
margin:0 auto 30px 0;
padding:0 10px;
font-weight:400;
}
.clinic_endbox{
width:92%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
text-align:center;
margin:40px auto;
}
}
/* 設備紹介
----------------------------------------------------*/
.equipment_box{
width:1000px;
margin:50px auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.equipment_box > figure{
width:48%;
margin:0 0 30px 0;
padding:0;
}
.equipment_box img{
width:100%;
}
.equipment_box figcaption{
margin:0 0 0 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:140%;
color:#35C1D5;
}
@media screen and (max-width: 768px){
.equipment_box{
width:92%;
margin:20px auto;
display:block;
}
.equipment_box > figure{
width:100%;
margin:0 0 30px 0;
padding:0;
}
}

/* アクセス
----------------------------------------------------*/
.map_naviBox{
width:1000px;
margin:40px auto;
padding:20px;
background:#F2F2F2;
}
.map_naviBox .naviTitle{
margin:0 0 0 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:140%;
color:#0066CC;
display:flex;
align-items:center;
}
.map_naviBox .naviTitle > span{
margin:0 0.3em 0 0;
width:30px;
height:30px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:110% !important;
font-weight:bold;
color:#FFFFFF;
background:#0066CC;
border-radius:50px;
display: flex;
justify-content: center;
align-items: center;
}
.map_naviBox .inner{
width:100%;
margin:20px auto;
padding:0;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.map_naviBox .inner figure{
width:47.5%;
margin:0 1% 25px 1%;
padding:0;
}
.map_naviBox .inner figure em{
font-weight:700;
font-style:normal;
padding:0 4px 0 0;
color:#0066CC;
}
.map_naviBox .inner figure img{
width:100%;
margin:0;
padding:0;
}
.map_endbox{
width:900px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:140%;
text-align:center;
margin:40px auto;
}
@media screen and (max-width: 768px){
.map_naviBox{
width:92%;
margin:40px auto;
padding:20px 10px;
background:#F2F2F2;
}
.map_naviBox .naviTitle{
margin:0 0 0 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
color:#0066CC;
display:flex;
align-items:center;
line-height:1.1;
}
.map_naviBox .naviTitle > span{
margin:0 0.3em 0 0;
width:23px;
height:23px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:105% !important;
font-weight:bold;
color:#FFFFFF;
background:#0066CC;
border-radius:50px;
display: flex;
justify-content: center;
align-items: center;
}
.map_naviBox .inner{
width:100%;
margin:20px auto 0 auto;
padding:0;
display: flex;
flex-wrap: wrap;
}
.map_naviBox .inner figure{
width:100%;
margin:0 auto 20px auto;
padding:0;
line-height:1.3;
font-size:90%;
}
.map_naviBox .inner figure img{
width:100%;
margin:0 0 2px 0;
padding:0;
}
.map_endbox{
width:90%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
font-size:120%;
text-align:center;
margin:40px auto 0 auto;
}
}
.train_naviBox{
width:1000px;
margin:20px auto;
padding:0;
display: flex;
flex-wrap: wrap;
}
.train_naviBox figure{
width:47.5%;
margin:0 1% 25px 1%;
padding:0;
}
.train_naviBox figure em{
font-weight:700;
font-style:normal;
padding:0 4px 0 0;
color:#0066CC;
}
.train_naviBox figure img{
width:100%;
margin:0 0 2px 0;
padding:0;
}
@media screen and (max-width: 768px){
.train_naviBox{
width:92%;
margin:20px auto;
padding:0;
display: flex;
flex-wrap: wrap;
}
.train_naviBox figure{
width:90%;
margin:0 auto 20px auto;
padding:0;
line-height:1.3;
font-size:90%;
}
.train_naviBox figure img{
width:100%;
margin:0 0 2px 0;
padding:0;
}
}
.scope_wrapper {
width:90%;
margin:50px auto;
padding:0;
text-align:center;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.scope_wrapper .nikugan{
width:48.5%;
margin:0 0 20px 0;
padding:20px 0;
background: #e9f8fa;
}
.scope_wrapper .scope{
width:48.5%;
margin:0 0 20px 0;
padding:20px 0;
background: #cce0f5;
}
@media screen and (max-width: 768px){
.scope_wrapper .nikugan{
width:100%;
margin:0 auto 10px;
padding:20px 10px;
}
.scope_wrapper .scope{
width:100%;
margin:0 auto 50px;
padding:20px 10px;
}
}
.scope_wrapper .nikugan > figure,
.scope_wrapper .scope > figure{
width:50%;
margin:0 auto;
}
@media screen and (max-width: 768px){
.scope_wrapper .nikugan > figure,
.scope_wrapper .scope > figure{
width:90%;
margin:0 auto;
}
}
.scope_wrapper .nikugan > figure img,
.scope_wrapper .scope > figure img{
width:100%;
margin:10px auto;
}
.scope_wrapper .nikugan > figure > figcaption{
width:30%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
color: #FFFFFF;
background: #36a9c7;
}
.scope_wrapper .scope > figure > figcaption{
width:75%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:bold;
color: #FFFFFF;
background: #0066cc;
}

/* 歯周病
----------------------------------------------------*/
.periodontalFlex{
width:950px;
margin:0 auto 5px auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.periodontalFlex .cause{
width:32%;
margin:20px 0 0 ;
padding: 20px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
text-align: center;
border:1px solid #EBEBEB;
border-radius: 10px;
}
.periodontalFlex .cause img{
width:90%;
display: block;
}
@media screen and (max-width: 768px){
.periodontalFlex{
width:100%;
margin:0 auto 5px auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.periodontalFlex .cause{
width:48.5%;
margin:10px 0 0 ;
padding: 20px 10px;
font-size: 90%;
line-height: 1.3;}
.periodontalFlex .cause img{
width:100%;
display: block;
}
}
ul.peri {
width: 950px;
margin: 15px auto 80px;
list-style: none;
padding:0;
}
ul.peri li { 
padding-left: 1em; 
text-indent: -.7em;
}
ul.peri li:before {
content: "• ";
color: #32BFD7;
}
ul.peri span {
font-weight:400;
}
@media screen and (max-width: 768px){
ul.peri {
width: 100%;
margin: 15px auto 80px;
list-style: none;
padding:0;
}
}
.ha_left img.peri01{
width: 180px;
margin: 0 40px 0 0;
}
@media screen and (max-width: 768px){
.ha_left img.peri01{
width: 180px;
margin: 0 auto 20px;
}
}

/* 年末年始お知らせ部分
----------------------------------------------------*/
.top_news{
width:800px;
margin:0 auto 70px auto;
padding:30px 70px;
font-weight:400;
background: #D1F0F5;
}
.top_news p{
margin:0 0 10px;
font-size:20px;
color:#06C;
text-align: center;
}
.top_news .pc_center{
text-align: center;
}
@media screen and (max-width: 768px){
.top_news{
width:90%;
margin:0 auto 50px auto;
padding:10px 20px;
text-align: left;
}
.top_news p{
font-size:18px;
text-align: center;
}
.top_news .pc_center{
text-align: left;
}
}

/* GWの画像
----------------------------------------------------*/
.gw_news{
width:800px;
height:auto;
margin:60px auto 5px auto;
padding:0;
text-align:center;
display:block;
}
@media screen and (max-width: 768px){
.gw_news_sp {
width:90%;
height:auto;
margin:60px auto 5px auto;
padding:0;
text-align:center;
display:block;
}
}
/* 訪問ページ
----------------------------------------------------*/
.visit_copy{
width:1100px;
margin: 0 auto ;
overflow:hidden;
}
h2.visit_ttl{
padding: 0;
margin: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 26px;
font-weight: bold;
text-align: center;
border: none;
}
h2.visit_ttl span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}
h3.visit_subttl{
margin: 15px 0 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 20px;
font-weight: bold;
color: #36a9c7;
text-align: center;
border: none;
}
@media screen and (max-width: 768px){
.visit_copy{
width:95%;
margin: 0 auto;
overflow:hidden;
}
h2.visit_ttl{
font-size: 20px;
line-height: 1.3;
}
h3.visit_subttl{
margin: 15px 0 0;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
}
.visit_nayami{
width:100%;
margin: 40px auto;
padding: 30px;
background: #C1E5EC;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.visit_nayami h2{
width: 100%;
padding: 0 0 20px;
margin: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 26px;
font-weight: bold;
text-align: center;
border: none;
}
@media screen and (max-width: 768px){
.visit_nayami{
margin: 30px auto;
padding: 20px 10px;
display: block;
}
.visit_nayami h2{
font-size: 20px;
}
}
.visit_nayami .nayamiBox{
width:18%;
margin: 0;
padding: 40px 0;
color: #1C7084;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 20px;
font-weight: 500;
text-align: center;
line-height: 1.3;
background: #FFF;
display:flex;
justify-content: center;
align-items: center;
border-radius: 20px;
}
@media screen and (max-width: 768px){
.visit_nayami .nayamiBox{
width:100%;
margin: 0 0 10px;
padding: 10px 0;
font-size: 17px;
font-weight: 500;
border-radius: 20px;
}
}
h2.visit_ttl02{
padding: 0;
margin: 50px 0 10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 30px;
font-weight: bold;
text-align: center;
color: #32BFD7;
}
@media screen and (max-width: 768px){
h2.visit_ttl02{
padding: 0;
margin: 50px 0 10px;
font-size: 22px;
line-height: 1.3;
}
}
.visit_fBox{
width: 100%;
margin: 0;
padding: 30px 0;
display:flex;
border-bottom: 1px #E2E2E2 solid;
}
.visit_fBox .img01{
width: 350px;
margin: 0 20px 0 0;
}
@media screen and (max-width: 768px){
.visit_fBox{
padding: 30px 0;
display:block;
}
.visit_fBox .img01{
width: 100%;
margin: 0 auto;
}
}
.visit_fBox .fBox{
margin: 0;
display:flex;
justify-content:space-between;
}
.visit_fBox .fBox .img02{
width: auto;
height: 250px;
margin: 0 50px 10px 0;
display: block;
}
@media screen and (max-width: 768px){
.visit_fBox .fBox{
width: 100%;
margin: 0 0 20px;
font-size: 10px;
display:flex;
justify-content: center;
font-weight: 500;
}
.visit_fBox .fBox .img02{
width: auto;
height: 100px;
margin: 0 20px 10px 0;
display: block;
}
}
.visit_fBox02{
width: 100%;
margin: 0;
padding: 30px 0;
border-bottom: 1px #E2E2E2 solid;
text-align: center;
}
.visit_fBox02 h3{
margin: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 26px;
font-weight: 500;
text-align: center;
color: #32BFD7;
}
@media screen and (max-width: 768px){
.visit_fBox02 h3{
margin: 0;
font-size: 20px;
}
}
.visit_fBox02 .check{
margin: 0 40px;
display: inline-block;
}
.visit_fBox02 .fa-check-square{
color: #D00000;
}
.visit_fBox02 h4{
margin: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 22px;
font-weight: 500;
text-align: center;
}
.visit_fBox02 h4 span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}
@media screen and (max-width: 768px){
.visit_fBox02 h4{
margin: 15px 0 0 0;
font-size: 18px;
line-height: 1.3;
}
}
.visit_fBox02 .check02{
width: 40%;
margin: 30px auto 0;
display: inline-block;
text-align: left;
}
@media screen and (max-width: 768px){
.visit_fBox02 .check02{
width: 95%;
margin: 30px auto 0;
}
}
.visit_fBox02 .flowBox{
width: 810px;
margin: 0 auto;
padding: 20px 40px;
border: 1px solid #145DBE;
border-radius: 10px;
text-align: left !important;
}
.visit_fBox02 .flowBox h4{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 20px;
font-weight: 500;
color: #145DBE;
text-align: left ;
}
@media screen and (max-width: 768px){
.visit_fBox02 .flowBox{
width: 90%;
margin: 0 auto;
padding: 10px 20px;
}
.visit_fBox02 .flowBox h4{
margin: 0;
font-size: 18px;
}
}
.flow_down{
width: 0;
height: 0;
margin: 0 auto 20px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #145DBE;
display: block;
}
.visit_fBox .img04{
width: 350px;
margin: 0 40px 0 100px;
}
@media screen and (max-width: 768px){
.visit_fBox .img04{
width: 100%;
margin: 0 auto;
}
}
.visit_fBox .catch00{
display: block;
}
.visit_fBox .catch01{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 26px;
font-weight: bold;
text-align: left;
}
.visit_fBox .catch02{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 23px;
font-weight: 500;
text-align: left;
color: #145DBE;
}
@media screen and (max-width: 768px){
.visit_fBox .catch01{
font-size: 22px;
line-height: 1.3;
}
.visit_fBox .catch02{
font-size: 19px;
line-height: 1.3;
}
}
.visitForm_subttl{
margin: 50px auto;
text-align: center;
}
.visitForm_table {
width: 800px;
border-collapse: collapse;
margin:10px auto ;
padding:3px;
border:1px solid #ABB2BD;
border-bottom:none;
box-sizing: border-box;
}
.visitForm_table th {
padding: 15px 30px;
font-weight: 400;
text-align: left;
background: #C7EDF3;
display:flex;
justify-content:space-between;
}
.visitForm_table td {
padding: 15px 30px;
background: #FFFFFF;
border-bottom:1px solid #ABB2BD;
line-height: 1.3;
display: flex;
align-items: center;
}
.visitForm_table td.noneflex {
display: block;
}
.visitForm_table td .err {
color: #D00000;
}
.visitForm_table th span{
padding: 0 10px;
font-size: 12px;
color: #FFF;
background: #D00000;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px){
.visitForm_table {
width: 95%;
font-size: 90%;
}
.visitForm_table th {
width: 100%;
padding: 10px;
}
.visitForm_table th span{
padding: 0 8px;
font-size: 10px;
color: #FFF;
border-radius: 3px;
}
.visitForm_table td {
width: 100%;
padding: 10px;
}
}
.m-form-text {
width: 60%;
    height: 3em;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
@media screen and (max-width: 768px){
.m-form-text {
width: 100%;
}
}
.m-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #34A9C5 inset;
}
.m-form-radio input {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}

.m-form-radio-name {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin: 0 20px 0 0;
}

.m-form-radio-name:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 4px;
    flex-shrink: 0;
}

.m-form-radio input:checked + .m-form-radio-name:before {
    width: 0.3em;
    height: 0.3em;
    border: 0.39em solid #34A9C5;
}

.m-form-radio input:checked + .m-form-radio-name {
    color: #34A9C5;
}

.m-form-radio input:focus + .m-form-radio-name {
    color: #34A9C5;
}

.m-form-radio input.focus-visible + .m-form-radio-name .m-form-radio-text {
    background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%);
}
.m-form-male {
width: 80px;
    height: 3em;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.m-form-male:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #34A9C5 inset;
}
@media screen and (max-width: 768px){
.m-form-male {
width: 50px;
    height: 3em;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
}
.formMgn01{
margin: 0 10px 0 50px; 
}
.formMgn02{
margin: 0 10px 0 5px; 
}
.formMgn03{
margin: 0 10px 0 0; 
}
.formMgn100{
margin: 5px 0 0;
font-size: 80%;
opacity: 0.5;
display: inline-block;
}
.formMgn101{
margin: 0 0 8px;
padding: 3px 15px;
display: inline-block;
background: #E9F8FA;
}
@media screen and (max-width: 768px){
.formMgn01{
margin: 0 10px 0 30px; 
}
}
.m-form-select {
    position: relative;
    width: 200px;
}

.m-form-select:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 3px;
    margin: auto;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    pointer-events: none;
}

.m-form-select select {
    height: 2.4em;
    width: 100%;
    padding: 0 8px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.m-form-select select::-ms-expand {
    display: none;
}

.m-form-select select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #34A9C5 inset;
}
.m-form-checkbox {
margin: 0 0 20px 0;
}
.m-form-checkbox input {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}

.m-form-checkbox-name {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: #666;
    position: relative;
}
.m-form-checkbox-text{
margin: 0 10px 0 0;
}
.m-form-checkbox-name:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 6px;
    flex-shrink: 0;
}

.m-form-checkbox input:checked + .m-form-checkbox-name:before {
    border: 1px solid #34A9C5;
    background-color: #34A9C5;
}

.m-form-checkbox input:checked + .m-form-checkbox-name:after {
    content: "";
    position: absolute;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    left: 0.3em;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.4em;
    height: 0.6em;
    transform: translateY(-2px) rotate(45deg);
}

.m-form-checkbox input:checked + .m-form-checkbox-name {
    color: #34A9C5;
}

.m-form-checkbox input:focus-visible + .m-form-checkbox-name .m-form-checkbox-text {
    background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%);
}

.m-form-checkbox input.focus-visible + .m-form-checkbox-name .m-form-checkbox-text {
    background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%);
}
.sendbtn{
margin:40px auto;
text-align:center;
}
input[type="submit"] {
display:block;
width: 250px;
height:50px;
margin:0 auto;
line-height: 40px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #3DC9E0; /*ボタン色*/
border-radius: 5px; /*角丸*/
border: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size:16px;
cursor: pointer;
}
input[type="button"] {
display:block;
width: 250px;
height:50px;
margin:0 auto;
line-height: 40px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #CCCCCC; /*ボタン色*/
border-radius: 5px; /*角丸*/
border: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size:16px;
cursor: pointer;
}
.note02{
text-align: center;
}
@media only screen and (max-width:768px) {
input[type="submit"] {
width: 50%;
height:40px;
line-height: 30px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #3DC9E0; /*ボタン色*/
border-radius: 5px; /*角丸*/
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size:14px;
cursor: pointer;
}
input[type="button"] {
width: 50%;
height:40px;
line-height: 30px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #CCCCCC; /*ボタン色*/
border-radius: 5px; /*角丸*/
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size:14px;
cursor: pointer;
}
}
a.visit_a{
color: #FF3333;
text-decoration: underline;
}
.visit_pdfBox{
width: 810px;
margin: 0 auto;
padding: 60px 40px;
font-size: 19px;
font-weight: 500;
}
@media only screen and (max-width:768px) {
.visit_pdfBox{
width: 95%;
margin: 0 auto;
padding: 40px 10px;
font-size: 14px;
font-weight: 500;
}
}