@charset "UTF-8";
/****************************************
common
*****************************************/
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html,body{
  margin:0;
  padding:0;
  line-height: 1;
}

p{line-height:1.6 !important;}
img{width:100%;}
.greeting_contents_txt p{line-height: 2 !important;}

.relative{position: relative;}
.txt-r{text-align:right;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}

.subtitle {
text-align: center;
color: gray;
margin: 1% 3%;
font-size: 24px !important;
letter-spacing: 2px;
}
.subtitle.b {
font-size: 24px !important;
}
@media screen and (max-width: 599px) { 
.subtitle {
font-size: 15px !important;
}
}
/****************************************
header
*****************************************/
.site-header{
	transition: .5s;
	width: 100%;
}
/*.bg-w{background-color: rgba(255, 255, 255, 0.6);}*/
.site-header.transform{
	background: rgba(255,255,255,0.9);
	padding: 20px;
}

.header-inline{position: relative; max-width:1200px;margin: 0 auto; padding:48px 10px;
display: flex;
justify-content: space-between;
transition: .5s;
width: 100%;
z-index: 9999;
height: 110px;
}
header p{font-size:.75rem;}
header h1{display: inline-block;
position: absolute;
left: 10px;
text-align: left;}
header h1 a{text-decoration:none;}
.logo{font-size:2.5rem;position: relative;top: 0;}
.head-tel{position: absolute; top:25px; right:0;width: 500px;}
.telnumber{font-size:2rem;color: #555;}
.reserve{display: inline-block; vertical-align:middle;background:#005bac; padding:5px 8px; margin-right:15px;font-size:.75rem; color:#fff;}
.open-time{font-size:.9rem;text-align: right;line-height: 1.5;}
.h-netYoyaku{display: inline-block;background: linear-gradient(#625d42, #c0baae);font-size:1rem;color:#fff;padding: 8px 10px;margin-right:10px;position: absolute;left: 0px;top: 5px;background: #666146;}
/*上部固定*/
.site-header{
position: absolute;
    justify-content: space-between;
    transition: .5s;
    width: 100%;
    z-index: 9999;
background-color: rgba(255, 255, 255, 0.6);
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
z-index: 10;
  width: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.is-fixed #gnav2 ul li a{
color: #000;
font-size: 15px;
/*line-height: 1.5;*/
}
.is-fixed #gnav2 ul li a .smanone {
    display: contents;
  }
.is-fixed #gnav2 ul li a .pcnone {
  display: contents !important;
  color: #000;
}
@media screen and (max-width: 599px) { 
.logo { font-size: 1.5rem;}
.header-inline{/*height: 100px;*/padding: 0;}
}
/****************************************
nav
*****************************************/
.pc-nav{width:100%;/*background-color: rgba(0, 0, 0, 0.7);*/}
/*.pc-nav{width:100%; background:url(/wp/wp-content/themes/stinger7child/images/header_naviBG.png) no-repeat center center;}*/
nav{text-align: center;max-width:1200px;margin: 0 auto !important;}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav ul li{
list-style: none;
display: inline-block;
width: 12%;
min-width: 90px;
}
nav ul li a{
display: block;
width: 100%;
padding: 5px 0;
text-decoration: none;
color: #fff;
}
nav ul li.current a{
color: #fff;
}
nav ul li.current {
color: #FFF2CC;
}
nav ul li a:hover{
color: #FFF2CC;
}

@media screen and (max-width: 599px) { 
    /*　画面サイズ 599pxまで適用　*/
    .zdo_drawer_menu{display:block;}
    .pc-nav,.head-tel{display:none;}
    nav ul li{display:block;}
    h1 img{max-width:300px;}
  }
  @media screen and (min-width: 600px) and (max-width: 999px) {
    /*　画面サイズ 600pxから999pxまで適用　*/
    .zdo_drawer_menu{display:block;}
    .pc-nav,.head-tel{display:none;}
    nav ul li{display:block;}
  }
  @media screen and (min-width:1000px) {
    /*　画面サイズ 1000px以上から適用　*/
    .zdo_drawer_menu{display:none;}
.pc-nav{display:block; height: 45px;}
  }
/****************************************
Main Visual
*****************************************/

.mainvisual .inner {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 599px) { 
    /*　画面サイズ 599pxまで適用　*/
.pc-view {
    display: none;
  }
  .sp-view {
    display: block;
  }
}
@media screen and (min-width: 600px) and (max-width: 999px) {
    /*　画面サイズ 600pxから999pxまで適用　*/
.sp-view {
  display: none;
}
}
@media screen and (min-width:1000px) {
    /*　画面サイズ 1000px以上から適用　*/
.sp-view {
  display: none;
}
}
/****************************************
Main-Menu
*****************************************/
.Main-MenuArea{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom:50px;
max-width: 1400px;
margin: 5% auto;
}
.col01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /*color:#fff;*/
  position: relative;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col01 a, .menu-box a {position:absolute;display: block;top: 0;
    left: 0;
    height:100%; 
    width: 100%; }
.menu-box_h3{/*color:#fff;text-align:left; */ line-height:1.5}
.col01 li{
width:90%;
margin: 0 5%;
text-align: center;
position: absolute;
top: 50%;
background: rgba(255,255,255,.8);
padding: 0 5%;
color: #000;
}
.col01.column2 li{
width:100%;
margin: 0;
text-align: center;
position: absolute;
top: auto;
bottom: 0;
background: rgba(136, 127, 111, 0.8);
padding: 0 5%;
color: #FFF;
}
@media screen and (max-width: 599px) { 
    /*　画面サイズ 599pxまで適用　*/
.col01 {height: 200px;}
.person-01  { order: 1; width: 50%;}
.person-02  { order: 2; width: 50%;}
.person-03  { order: 3; width: 50%;}
.person-04  { order: 4; width: 50%;}
.person-01.column2,.person-02.column2,.person-03.column2,.person-04.column2{width: 100%;height: 300px;}
.col01 li{text-align:left; line-height:1.2;padding: 3%;}
.menu-box_h2{font-size:.9rem;width: 100%;position: absolute;top: 10%;}
.menu-box_h3{font-size:.8rem;}
.col01.column2 li{padding:5%;}
}
@media screen and (min-width: 600px) and (max-width: 999px) {
    /*　画面サイズ 600pxから999pxまで適用　*/
.col01 {height: 300px;}
.person-01  { order: 1; width: 25%;}
.person-02  { order: 2; width: 25%;}
.person-03  { order: 3; width: 25%;}
.person-04  { order: 4; width: 25%;}
.person-01.column2,.person-02.column2,.person-03.column2,.person-04.column2{width: 50%;height: 300px;}
.col01 li{text-align:left; line-height:1.2}
.menu-box_h2{font-size:1rem;border-bottom: solid 1px #fff;position: absolute;top: 20%;width: 100%;}
.menu-box_h3{font-size:.9rem;}
.col01.column2 li{padding:5%;}
}
@media screen and (min-width:1000px) {
    /*　画面サイズ 1000px以上から適用　*/
.col01 {height: 250px;}
.person-01  { order: 1; width: 25%;}
.person-02  { order: 2; width: 25%;}
.person-03  { order: 3; width: 25%;}
.person-04  { order: 4; width: 25%;}
.person-01.column2,.person-02.column2,.person-03.column2,.person-04.column2{
width: 49.8%;
height: 300px;
margin: .1% auto;
}
.menu-box_h2{
font-size:1.2em;
position: absolute;
top: 10%;
margin: 0 auto;
width: 100%;
left: 0;
}
.menu-box_h3{
top: 50%;
padding: 3% 1%;
text-align: center;
font-size: larger;
}	
}

.person-01{background: url(/wp/wp-content/themes/stinger7child/images/top/topmenu_01.jpg) no-repeat center;
  background-size: cover;}
.person-02{background: url(/wp/wp-content/themes/stinger7child/images/top/topmenu_02.jpg) no-repeat center;
  background-size: cover;}
.person-03{background: url(/wp/wp-content/themes/stinger7child/images/top/topmenu_03.jpg) no-repeat center;
  background-size: cover;}
.person-04{background: url(/wp/wp-content/themes/stinger7child/images/top/topmenu_04.jpg) no-repeat center;
  background-size: cover;}

.person-02:before,.person-01:before,.person-03:before,.person-04:before {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
/*background-color: rgba(221, 208, 168, 0.5);
background-color: rgba(247,245,236,0.7);*/
}

.person-01 a, .person-02 a, .person-03 a, .person-04 a{
/*display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
text-indent:-999px;*/
}

/****************************************
Main
*****************************************/
section {
   /* max-width: 1200px;*/
    margin: 0 auto !important;
    width:100%;
  }
section h2{
font-size: 2.2em;
padding: 2% 0;
line-height: 2em;
}
section h2 .bb {
font-size: 50px;
letter-spacing: 3px;
color: #3d3d3d;
  padding: 0 2%;
  background: linear-gradient(transparent 70%,rgba(183,159,86,.25) 70%);
  display: inline-block;
}
section h2 .smalltext {
  width: fit-content;
  margin: 0 auto;
    margin-bottom: 0px;
  font-size: 24px !important;
  text-align: center;
  color: #393939;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 2%;
  line-height: 1.5em;
}
section  h2 .dot {
padding: 0;	
margin-top: 4%;
font-weight: bold !important;
}
section  h2 .dot::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  background: url(../images/afap_dot.png) no-repeat top center/8px;
top: -.2em;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}
section h2 span{
position: relative;
display: inline-block;
padding: .8em 0 0.3em;
/*border-bottom: 1px solid #635e43;*/
}
@media screen and (max-width: 762px) { 
section h2{
letter-spacing: 0px;
font-size: 1.5em;
line-height: 1.5;
}
section .ditem.w20 h2 {
  margin: 0;
}
section h2 .smalltext {
  letter-spacing: 0;
  font-size: 22px !important;
}
section h2 .bb {
  font-size: 30px;
}
}
/****************************************
設備
*****************************************/
.FacilityArea{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
}
.FacilityBox span{/* display:block; *//* margin-bottom:10px; */font-size: smaller;}
.FacilityBox{position:absolute; bottom:0; left:0; width: 100%; background:rgba(255,255,255, .8); padding: 10px 10px 20px;}

.link_box{
    position:relative;
    width: 100%;
    padding: 2%;
    /* border:solid 1px #CCC; */
    /* margin:0px auto 20px; */
}
 
.FacilityBox a{
    position:absolute;
    top:0;
    /* left: 20px; */
    width:100%;
    height:100%;
    color:#000;
    text-decoration: none;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.FacilityBox h3{font-size: 1.3rem;
margin-top: 5px;
position: absolute;
left: 0;
right: 0;
bottom: 5px;
font-weight: bolder;
color: #6f4a18;
line-height: normal;}
@media screen and (max-width: 640px) { 
    /*　画面サイズ 599pxまで適用　*/
#FacilityArea{flex-direction: col;}
.facility-01  { width: 100%;}
.facility-02  { order: 2; width: 100%;}
.facility-03  { order: 3; width: 100%;}
.facility-04  { order: 4; width: 100%;}
.facility-05  { order: 5; width: 100%;}
.facility-06  { order: 6; width: 100%;}
.facility-03, .facility-02, .facility-01, .facility-04, .facility-05, .facility-06 {
    margin: 0.5% !important;
}
}
@media screen and (min-width: 600px) and (max-width: 999px) {
    /*　画面サイズ 600pxから999pxまで適用　*/
.facility-01  { width: 30%;margin: 0 5px;}
.facility-02  { order: 2; width: 30%;margin: 0 5px;}
.facility-03  { order: 3; width: 30%;margin: 0 5px;}
.facility-04  { order: 4; width: 30%;margin: 0 5px;}
.facility-05  { order: 5; width: 30%;margin: 0 5px;}
.facility-06  { order: 6; width: 30%;margin: 0 5px;}
}
@media screen and (min-width:1000px) {
    /*　画面サイズ 1000px以上から適用　*/
.facility-01  {width: 31%;margin: 0 10px;}
.facility-02  { order: 2; width: 31%;margin: 0 10px;}
.facility-03  { order: 3; width: 31%;margin: 0 10px;}
.facility-04  { order: 4; width: 31%;margin: 0 10px;}
.facility-05  { order: 5; width: 31%;margin: 0 10px;}
.facility-06  { order: 6; width: 31%;margin: 0 10px;}
}


/****************************************
もっと健康に、美しく！
*****************************************/
.contentsArea{display: flex;}
#main-content{width:50%;
background:#ddd url(/wp/wp-content/themes/stinger7child/images/top/top_contents_01.png) no-repeat center center;
background-size:cover;
height:360px;
position: relative;
}
#Sidebar{
  display:flex;
  flex-flow: column wrap;
  width:50%;
}

.side01{background:#ddd url(/wp/wp-content/themes/stinger7child/images/top/top_contents_02.png) no-repeat center right;
background-size:cover;
height:180px;
position: relative;
}
.side02{background:#ddd url(/wp/wp-content/themes/stinger7child/images/top/top_contents_03.png) no-repeat center right;
background-size:cover;
height:180px;
position: relative;
}

@media screen and (max-width: 768px) {
  .contentsArea {
    flex-direction: column;}
   #main-content{width:95%; margin:0 auto;}
  #Sidebar{width:95%; margin:0 auto;}
}

.contentsArea01{padding:1rem; position: absolute;top:5%; height: 100%;}
.contentsArea_ttl{font-size:26px;text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;}
.contentsArea_subttl{display:block; font-size:10px;}
.contentsArea_txt{ font-size:.8rem;}
.contentsArea_w50{width:50%;}
.contentsArea_w70{width:70%;}
.contentsArea_mt5{margin-top:5%;}
.contentsArea_mt3{margin-top:3%;text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;}
.contentsArea_link{position: relative; font-size:.8rem;margin-top:3%;}
.contentsArea_link {text-decoration: none;}
.contentsArea_link:after {
  font-family: 'FontAwesome';
  content: "\f138";
   position: absolute;
   padding-left:5px;
   color:#005bac;;
   }
.contentsArea01 a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
text-indent:-999px;
}

@media screen and (max-width: 599px) { 
    /*　画面サイズ 599pxまで適用　*/
.contentsArea_w70{width:80%;}
}

/****************************************
当院で行う治療内容
*****************************************/

.parent2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.children {
  width: 21.9%;
height: 200px;
  margin: 10px 15px;
  text-align: center;
  position: relative;
}
.parent2 .children img {
  object-fit: cover;
}
.cp_ribbon {
	line-height: 50px;
	position: absolute;
	top: 110px;
	display: block;
	width: calc(100% + 18px);
	height: 50px;
	margin-right: -9px;
	margin-left: -9px;
	text-align: center;
	color: #ffffff;
	background: #005bac;;
}
.cp_ribbon:before, .cp_ribbon:after {
	position: absolute;
	content: '';
}
.cp_ribbon:before {
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 10px solid #808080;
	border-left: 10px solid transparent;
}
.cp_ribbon:after {
	right: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid #808080;
	border-right: 10px solid transparent;
}

@media screen and (max-width: 620px) { 
    /*　画面サイズ 620pxまで適用　*/
.children {
  width: 150px;
  height: 137px;
  margin: 10px 15px;
  text-align: center;
}
.cp_ribbon {top: 75px;height: 35px;}
.cp_ribbon span{font-size:14px;position: relative;top: -8px;}
}

/****************************************
院長挨拶
*****************************************/
.greeting{/*max-width: 100%;margin-top: 100px; 
background:url(/wp/wp-content/themes/stinger7child/images/top/top_greeding_bg.jpg) no-repeat center center;
background-size:cover;*/ }
.bg-mask {
height: 100%;
background:rgba(255, 255, 255, 0.5);
}
.bg-mask-b {
	height: 100%;
	background:rgba(0,0,0, 0.6);
	overflow: hidden;
}
.greeting_contentsArea{display: flex;}
.greeting_contents_txt{flex: 3.5; order: 1;margin-top: 2%;}
.greeting_contents_txt h3{font-size:1.2rem; font-weight:bold; margin:1.5rem 0;}
.greeting_contents_photo{flex: 1; margin: 0 0 0 5em; order: 2;}
.doctor_mane{margin-top:1rem;text-align: center;}

@media screen and (max-width: 620px) { 
.greeting_contentsArea{flex-direction:column;}
.greeting_contents_txt{order: 2;}
.greeting_contents_photo{order: 1;}
}

/****************************************
フッター
*****************************************/
footer{/*background:#F8F8F5;padding:60px 0 0 0px;*/}
.footer_innner{max-width: 1400px;margin: 0 auto;width: 100%;display: flex;}
.footer_Larea{flex: 1;position: relative; padding: 1rem;background-image: url(../images/bk01.png);}
.footer_Rarea{flex: 1;
position: relative;
}
.footer_Larea h3{
font-size: 2rem;
font-weight: 500;
margin-bottom: 2rem;
padding: 15px 0;
text-align: center;
width: 80%;
margin: 0 auto;
}
.footer_Larea h3 span{font-size: x-large;
line-height: 1.5em;}
.footer_telnumber{font-size: 2rem;text-align: center;}
.footer_reserve{display: inline-block;vertical-align:middle;background:#005bac;padding:5px 8px;margin-right:20px;font-size: 1rem;color:#fff;}
.fotter_contactBtnArea{
width:90%;
margin:0 auto;
padding: 1.5rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_contactBtn {
	display: block;
	position: relative;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
background: #babba7;
	font-size:1.25rem;
	border-radius:5px;
	margin: 0 auto;
}
.footer_contactBtn:hover {
background: #fff;
border: 1px solid #5b3604;
color: #5b3604;
}
@media screen and (max-width: 768px) { 
.footer_telnumber{width: 100%;}
.footer_innner{flex-direction: column;}
.footer_access {
display: grid !important;
}
.footer_accessL {
width: 100% !important;
}
.footer_accessR {
  padding: 0 !important;
}
.fotter_contactBtnArea{
display: block;
}
}
.Practice-time table{
  width: 100%;
  border-spacing: 0;
  margin: .5rem 0;
}

.Practice-time table th{
  border-left: solid 1px transparent !important;
  padding: 10px 0;
  width: 120px;
  background:transparent;
  box-shadow: 1px 1px 0 transparent inset;
  font-size: 1rem !important;
}
.Practice-time table tr:first-child{border-top: solid 1px #999 !important;}

.Practice-time table td{
  border-left: solid 1px transparent !important;
  text-align: center;
  padding: 10px 0;
  background:transparent;
  font-size: 1rem !important;
}
.footer_access{width: 100%;display: flex;margin: 1rem 0;}
.footer_accessL{background: #fff;border-radius:10px;padding:1rem;font-size:1rem;color:#555;text-align:center;width: 150px;height: 150px;position: relative;border: 1px solid #000;}
.footer_accessL span{display:block; font-size:1.5rem; font-weight:500;}
.footer_accessR{
padding: 0 .5em;
position: relative;
}
.footer_accessBtn {
	display: block;
	position: relative;
	padding: .7rem;
	text-align: center;
	text-decoration: none;
	background: #fff;
font-size:1rem;
border-radius: 10px;
border: 1px solid;
}
.footer_accessBtn:link{color: #432d16;}
.footer_accessBtn a:visited { color:#005bac;;text-decoration: none;}
.footer_accessBtn:hover {
	 background:#1291d3;color: #FFF;cursor: pointer;text-decoration: none;}

.footer_accessBtn:active{color: #333;}
.copyright{padding:1.5rem 0; text-align:center; color:#fff; background:#1291d3; font-size:.9rem;}

.pagetop {
position: fixed;
bottom: 60px;
right: 20px;
}

.pagetop{
width: 80px;
  height: 80px;
  border-radius: 50%;
background: rgba(18, 145, 211, 0.85);
  text-align: center;
  z-index: 99;
}
.pagetop img {
  width: 50px;
  padding: 5px;
  margin: 13px 15px;
}
.yoyaku-btn{ width: 120px;height: 120px; border-radius: 5px;background: rgba(160,124,61,0.8);z-index: 9999;}
.yoyaku-btn{position: fixed;top: 200px;right: 0px;text-align:center;}
.yoyaku-btn img{width:100px;padding: 10px;margin: 10px;}
.menu-box_h2 {
text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
text-align: center;
line-height: 1.8em;
}
#p-table td{
text-align: initial !important;
}

.top02.b_11 > div .wrap h3, .top04.b_09 ul li a {
    font-size: 130%;
    line-height: 1.75em;
    margin: 0.5em;
}
.top02.b_11 > div .wrap h3, .top02.b_11 h2 {
    color: #715d56;
    letter-spacing: 0.5em;
}
@media screen and (max-width: 640px){
.pagetop {
bottom: 110px;
}
.top02.b_11 > div .wrap h3, .top02.b_11 h2 {
    letter-spacing: 0px;
    font-size: medium;
}
}
.top02.b_11 > div .wrap:nth-child(2n) {
    background: url("../images/top/TOP1-1.jpg") right top no-repeat #efe8dd;
    background-size: contain;
padding: 20px 35% 20px 3%;
height: 250px;
}
.top02.b_11 > div .wrap:nth-child(2n+1) {
    background: url("../images/top/TOP1-2.jpg") left top no-repeat;
    background-size: contain;
padding: 20px 3% 20px 47%;
height: 250px;
}
.top02.b_11 > div .wrap:nth-child(4) {
    background: url("../images/top/TOP1-3.jpg") right top no-repeat #efe8dd;
	background-size: contain;
padding: 20px 35% 20px 3%;
height: 250px;
}
.wrap.target p{
font-size: smaller;
}
@media screen and (max-width: 960px) { 
.top02.b_11 > div .wrap:nth-child(2n) {
padding: 20px 45% 20px 3%;
}
.top02.b_11 > div .wrap:nth-child(2n+1) {
padding: 20px 3% 20px 45%;
}
.top02.b_11 > div .wrap:nth-child(4) {
padding: 20px 45% 20px 3%;
}
.top02.b_11 > div .wrap h3, .top02.b_11 h2{
letter-spacing: 0;
}
.top02.b_11 > div .wrap h3, .top04.b_09 ul li a {
    margin: 0em;
}
}
@media screen and (max-width: 768px) { 
.top02.b_11 > div .wrap.target a{ 
top: 160px;
position: relative;
}
.top02.b_11 > div .wrap:nth-child(2n), .top02.b_11 > div .wrap:nth-child(2n+1), .top02.b_11 > div .wrap:nth-child(4){
	padding: 20px 3% 340px 3%;
}
.index01 ul li:nth-child(15){ 
border: none;
}
header img {
    margin-right: 0px;
    width: 40px;
    top: 0px;
}
.header-inline {
    height: 60px;
}
.top02.b_11 > div .wrap h3, .top04.b_09 ul li a {
    margin: 1em;
}
}
.logo {
    color: #ed7600!important;
}
.reserve {
    background: #aacd37;
}
.h-netYoyaku{
background: #a49219;
}
.bold{
font-weight: bolder;
}
.is-fixed {
background-color: rgba(2, 165, 96, 0.7);
background: rgba(255, 255, 255, 0.9);
	margin: 0 !important;
}
.Main-MenuArea h2 span {
    color: #009f5f;
	font-size: larger;
}
.webyoyaku {
  bottom: 150px;
  right: 0;
  width: 60px;
  background:none;
  position: fixed;
}
.lineyoyaku{
  bottom: 300px;
  right: 0;
  width: 60px;
  background:none;
  position: fixed;
}
.onlineyoyaku{
bottom: 320px;
right: 0;
width: 60px;
background: none;
position: fixed;
}
.onlineyoyaku img,.webyoyaku img{
  width: auto;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) { 
.pagetop.onlineyoyaku img,.pagetop.webyoyaku img{
display: none;
}
}
#mybox h4, #side aside h4.menu_underh2 {
background:#1291d3;
}
table.sw_tbl01 tr th {
background:#1291d3;
}
.copyright {
    padding: 0.5rem 0;
    background: #bbb;
}
.footer_reserve {
background: #eaeef4;
  color: #666;
  padding: 5px 20px;
  margin-top: -5px;
}
.footer_contactBtn {
background:#1291d3;
  min-width: 49%;
  border: 1px solid;
  font-size: x-large;
  font-weight: bold !important;
}
.snslink{
padding: 0 8%;
}
.bg-mask-b {
    background: rgba(81, 78, 70, 0.7);
}
.person-01 a:hover, .person-02 a:hover, .person-03 a:hover, .person-04 a:hover {
  /*opacity: 0.5;
  background: black;*/
}
.col01.column2 li:hover  {
background: rgba(89, 74, 53);
}
.message_ttl {
font-size: 24px;
font-weight: 600;
margin-bottom: 5%;
}
 @media only screen and (max-width: 640px){
.snslink{
padding: 0;
}
.footer_contactBtn {
min-width: 100%;
}
.subtitle.b {
  font-size: 18px !important;
}
#header-l h1 a .name {
font-size: 2.5em;
line-height: 1.8;
display: flex;
}
#header-l h1 a .name-logo{
font-size: smaller;
letter-spacing: 1px;
width: 50%;
}
#header-l img {
width: 350px !important;
padding: 3% 3% 0 0;
top: 0;
}
}
/*ボタン 小*/
.btn01 {
  position: relative;
}

.btn01 a {
  display: inline-block;
  position: relative;
  padding: 0 40px 0 15px;
  border: 1px solid #666;
  color: #666;
  line-height: 28px;
text-decoration: none;
}

.btn01 a:hover {
 /* color: #fff;
  background-color: #444;*/
}

.btn01 a::after {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: -15px;
  width: 42px;
  height: 4px;
  background-image: url(../images/arrow01.svg);
  transition: 0.2s ease-in-out;
  content: "";
}

.btn01 a:hover::after {
  right: -30px;
}
/*ボタン 小おわり */
/*ボタン 大 */
.btn02 {
  position: relative;
}

.btn02 a {
display: inline-block;
  position: relative;
  padding: 10px 25px 10px 10px;
  border: 1px solid #666;
  color: #666;
  text-decoration: none;
  font-size: inherit;
  min-width: 170px;
  line-height: 1.3em;
}

.btn02 a:hover {
 /* color: #fff;
  background-color: #bbb;*/
}

.btn02 a::after {
display: inline-block;
  position: absolute;
  top: 1px;
  margin: auto;
  bottom: 0;
  right: -15px;
  width: 30px;
  height: 3px;
  background-image: url(../images/arrow01.svg);
  transition: 0.2s ease-in-out;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}

.btn02 a:hover::after {
right: -30px;
}
.back-w {
background: rgba(255, 255, 255, 0.7);
}
 @media only screen and (max-width: 640px){
.btn-style.btn02 {
  text-align: center;
}
.btn-style a {
margin: 2%;
}
.footer_accessL{margin: 3% 0;}
}
/*ボタン大 小おわり */
.ls5 {
  letter-spacing: 5px;
}
body {
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,sans-serif !important;
font-weight: 400 !important;
background: #fff;
max-width: 1400px;
margin: 0 auto !important;
}
* {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
font-weight: 400 !important;
}
.fa, .far, .fas {
  font-family: "Font Awesome 5 Free" !important;
}
/*スマホフッター */
.headerCta {position: fixed;bottom: 0;left: 0;z-index: 10000;width: 100%;height: 95px;box-sizing: border-box;padding: 10px 5px 0;background: rgba(219, 217, 217, 0.8);display: flex;flex-wrap: wrap;justify-content: space-between;}
.headerCta li {width: calc( (100%)/3 - 1px  );}
.headerCta li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 80px; background: #fff5f5; border-radius: 4px 4px 0 0; color: #23364F; font-size: medium; text-align: center; line-height: 1.23;text-decoration: none;}
.headerCta li:nth-child(1) a {background: rgb(18, 145, 211); color: #fff;}
.headerCta li:nth-child(4) a {background: #05c655; color: #fff;}
.headerCta li a > span { display: block; padding: 35px 0 0; }
.headerCta li:nth-child(1) a > span { background: url(../images/access-ico-w.png) no-repeat 50% 5px/ auto 25px; }
.headerCta li:nth-child(1) a > span > span { display: block; }
.headerCta li:nth-child(2) a > span { background: url(../images/tel-ico.png) no-repeat 50% 5px/ auto 25px; }
.headerCta li:nth-child(3) a > span { background: url(../images/mail-ico.png) no-repeat 50% 5px/ auto 25px; }
.headerCta li:nth-child(4) a > span { background: url(../images/icon-line.jpg) no-repeat 50% 5px/ auto 30px; }
/*スマホフッター おわり */
ul.column3 {
  column-count: 3;
}

@media screen and (max-width: 700px) {
  ul.column3 {
    column-count: auto;
  }
}
.numbering {
  margin: 0;
  counter-reset: number;
}
.numbering .yoyakuform-list li::before {
content: counter(number);
counter-increment: number;
background-color: #1291d3;
color: white;
font-weight: bold;
display: block;
float: left;
line-height: 20px;
margin-left: -28px;
text-align: center;
height: 20px;
width: 20px;
border-radius: 50%;
top: 4px;
position: relative;
}
.numbering ul{
	list-style: none;
padding-left: 0px;
	}
.numbering ul li {
    font-size: 16px;
    line-height: 1.8em;
    padding-bottom: 1%;
	padding-left: 3%;
}
@media screen and (max-width: 700px) {
.numbering {
padding: 0 0 0 5%;
}
}
/* 元々のチェックボックス（非表示） */
.mycheckbox input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.mycheckbox input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.mycheckbox input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753; /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.mycheckbox input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753; /* チェックの色変更 お好きな色を */
}
.category-case-blog .kanren .info .date {
  display: none;
}
.houjin{
font-size: large !important;
  top: -7px;
  position: relative;
}
@media screen and (max-width: 700px) {
.houjin{
display: block;
}
}
.darea2 {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  box-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  border-radius: 5px;
}
.ditem2 {
width: 44%;
height: auto;
font-size: 20px;
line-height: 100px;
/*text-align: center;
padding: 0 0 0 20px;*/
color: #444;
margin: 5px;
background: #f3f3f3;
border: solid 1px #e0ba8d;
background: rgba(255, 255, 255, 0.4);
}
.ditem2 ul li {
font-size: small;
	}
.logo-bk {
position: absolute;
  width: 450px;
  right: 5%;
  top: 760px;
  opacity: .1;
	}
.logo-bk.Menu-r01 {
top: 0px;
}
table tr td ul {
margin: 0 !important;
text-align: left;
}
@media screen and (max-width: 700px) {
table tr td ul {
padding-left: 20px !important;
}
.logo-bk {
  width: 150px;
}
.footer_Larea .name-logo {
font-size: small;
letter-spacing: 2px;
}
.footer_Larea img {
width: 380px;
display: block;
}
.footer_Larea h3 {
width: 90%;
}
}
.is-fixed .topnavi,#responsive-menu-pro .topnavi{
display:none;
}

header::before {
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  content: none;
  background-image: -webkit-linear-gradient(135deg, #9b8c6c 0%, #ffe98e 40%, #fff26c 60%, #bdac78 80%, #bdac78 100%);
  background-image: linear-gradient(135deg, #9b8c6c 0%, #ffe98e 40%, #fff26c 60%, #bdac78 80%, #bdac78 100%);
background-image: linear-gradient(135deg, #9b8c6c 0%, #ffe98e 40%, #fff26c 60%, #bdac78 80%, #bdac78 100%);
height: 2px;
}
.haikei{
background: url("../images/top_bg.jpg") right bottom/cover no-repeat;
position: relative;
}
.haikei02{
background: url("../images/top/back04.png") right bottom/cover no-repeat;
position: relative;
}
.haikei01{
background: rgba(255, 255, 255, 0.85);
position: sticky;
}
h3.u__serif {
display: flex;
padding: 20px 0 10px;
  border-bottom: 1px solid !important;
  }
h3.u__serif .bigtxt {
font-size: 80px;
  position: static;
  transform: translateY(25%);
  padding-right: 5%;
letter-spacing: -3px;
  }
h3.u__serif .bigtxt .lv05 {
position: relative;
color: #ddd;
}
h3.u__serif .bigtxt .lv04 {
color:#c6995f;
color: #38ae44;
}
h3.u__serif .catchtxt {
letter-spacing: 1px;
text-align: initial;
font-size: 40px;
  }
h3.u__serif .catchtxt .small {
font-size: 22px !important;
  letter-spacing: 0;
}
h3.u__serif.line1 .bigtxt {
  transform: initial;
  }
h3.u__serif.line1{
line-height: 80px !important;
  }
h3.u__serif.line1 .catchtxt {
font-size: 36px;
}

@media screen and (max-width: 700px) {
h3.u__serif .bigtxt {
font-size: 50px;
padding-right: 0;
letter-spacing: 0;
}
h3.u__serif .bigtxt .lv05{
  font-size: 1.1em;
}
h3.u__serif{
  height: 65px;
}
h3.u__serif .catchtxt {
line-height: 1.4em;
padding: 2% 5%;
font-size: 22px !important;
letter-spacing: 0;
}
h3.u__serif.line1.sma .catchtxt {
line-height: 3em;
}
h3.u__serif .catchtxt.smasmall {
font-size: 17px;
letter-spacing: 0;
}
h3.u__serif .bigtxt .lv04 {
position: relative;
font-size: 55px;
}
}
.newslogo.gold{
color: transparent;
background: linear-gradient(0deg, #f9f5e1 0%, #D5B84A 25%, #F0DFA2 60%, #c6a945 100%);
background-clip: border-box;
-webkit-background-clip: text;
font-weight: bold !important;
color: #f1ede4;
  }
.subtitle.gold{
color: #f0f2b5;
color: #f1ede4;
  }
.top-youtube{
display: flex;
margin: 5% 0 1% 0;
}
#yrc-shell-0 .yrc-load-more-button{
background: #9f8368 !important;
width: fit-content;
margin: 2% auto;
min-width: 30%;
border-radius: 50px;
}

@media screen and (max-width: 700px) {
.top-youtube iframe{
height: 190px;
}
post h2::after{
padding-top: 3%;
}
}

.inner1{
position: absolute;
bottom: 30px;
  padding: 0p;
  right: 10%;
  text-align: center;
}
/* 新規開業日付*/
.big-time-open{
/*display: flex;
  align-items: center;
  position: relative;*/
}
.big-time-open .dm-open{
font-size: 70px;
}
.big-time-open .year-open{
font-size: 45px;
line-height: 1em !important;
margin-top: 4px;
}
.big-time-open .dm-open .spe-dm{
  display: inline-block;
  position: relative;
  height: 100%;
  padding-left: 30px;
  margin-left: 40px;
}
.big-time-open .dm-open .spe-dm::before{
  content: "";
  position: absolute;
  display: block;
  height: 78%;
  width: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  transform: rotate(25deg);
}
.big-tit-open{
font-size: 50px;
  position: relative;
  display: inline-block;
  letter-spacing: 4.4px;
  padding-bottom: 24px;
  margin-top: -13px;
}
.big-tit-open .idx-bl{
/* color: #31537A;*/
}
.big-tit-open,.big-time-open .year-open,.big-time-open .dm-open{
color: #555;
text-shadow: 0.02em 0.02em 0.1em rgb(255, 255, 255);
text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff, 2px 0px 2px #fff, 0px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff;
}
.big-time-open .dm-open .spe-dm::before{
background-color: #555;
}
.Practice-time.top {
  background:rgba(255, 255, 255, 0.8);
  padding:3%;
}
@media screen and (max-width: 700px) {
.big-time-open .dm-open .spe-dm{
  padding-left: 15px;
  margin-left: 15px;
}
.big-time-open .dm-open{
  font-size: 50px;
  margin-left: 0;
}
.big-time-open .year-open{
  font-size: 25px;
}
.big-tit-open{
  font-size: 30px;
}
.inner1{
  top: 230px;
}
.big-time-open{
  margin-left: 0px;
}
}
.column a{
  text-decoration: none;
}
.column ul li
{
width: 18%;
  float: left;
  height: 250px;
margin: 1%;
}
.news-bk2{
position: absolute;
  opacity: .5;
  width: 20% !important;
  z-index: 2;
  bottom: 0;
}
.sec05-bk{
  position: absolute;
  width: 420px;
  left: -150px;
  opacity: .2;
  bottom: 0;
}
.button03.menu{
  background-color: #039de6;
  float: inline-end;
  padding: 5px 30px 5px 10px;
text-align: center;
  margin: 1%;
right: 5%;
  position: absolute;
  bottom: 10%;
  min-width: 40%;
}
.button03{
  background-color: #F75078;
  padding: 15px 45px 15px 25px;
  font-size: 16px;
  position: relative;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  line-height: 1em;
}
.button03.menu::after{
  display: inline-block;
  position: absolute;
  right: 0px;
  width: 25px;
  height: 25px;
  background-image: url(../images/arrow2.png);
  content: "";
  background-size: 70%;
  background-repeat: no-repeat;
}
.category-case h2, .category-diary-blog h2{
margin: .5em 0 1.5rem;
  border-bottom: solid 2px rgb(227, 227, 227);
  position: relative;
  text-align: left;
  font-size: 24px;
  line-height: 1.2;
  background: #f3f3f3;
  color: #656046;
  padding: 10px;
}
.category-case h2::after,.category-diary-blog h2::after {
content: none;
}
.table-of-contents {
  position: relative;
  padding: 30px 15px 15px;
  border-radius: 5px;
background: #f7f7f7;
  margin: 50px auto 0;
}

.table-of-contents:before {
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 9px;
  width: 60px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  content: "目 次";
  font-family: "FOT-筑紫A丸ゴシック Std B";
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
  background:#1291d3;
}

.table-of-contents:after {
  position: absolute;
  content: '';
  top: -8px;
  left: 69px;
  border: none;
  border-bottom: solid 8px #7a9c09;
  border-right: solid 9px transparent;
}

.table-of-contents ul li {
padding: 0;
font-size: medium;
}
.table-of-contents ul {
list-style: none;
}
.table-of-contents ul li:before {
  content: '\f105';
  font-family: "FontAwesome";
  margin-right: 10px;
  color: #ccc;
}
.table-of-contents ul li+li {
  border-top: 1px dashed #ccc;
}
.table-of-contents ul li a {
text-decoration: none;
display: contents;
}
.table-of-contents ul li a:hover {
  opacity: .5;
}
.ch-list p{
margin-bottom: 5px !important;
padding-left: 2em;
text-indent: -2em;
}
@media screen and (max-width: 767px) {
.table-of-contents ul li {
line-height: 2em !important;
}
}
#gnav2 .menu-item-10711 ul.sub-menu
{
  column-count: 2;
  width: 450px !important;
}
/*Dr経歴表示*/
dl.drProfile {
	display: block;
	margin: 0 0 2em 0em;
	line-height: 1.7em;
	font-size: 16px;
	}

dl.drProfile dt {
float: left;
width: 100px;
padding: 0px 0 0px 1em;
	}
dl.drProfile dd {
	margin: 0;
	margin-left: 100px;
	}
dl.drProfile.w150 dt {
width: 150px;
	}
dl.drProfile.w150 dd {
margin-left: 150px;
}

@media screen and (max-width: 700px){
dl.drProfile dt,dl.drProfile.w150 dt {
  float: none;
}
dl.drProfile dd,dl.drProfile.w150 dd {
margin-left: 15px;
margin-bottom: 10px;
}
}
.servicettl-bk2 {
position: absolute;
  width: 320px;
  left: 180px;
  z-index: -2;
  opacity: .4;
}
.servicettl-bk {
position: absolute;
  width: 200px;
  right: 230px;
  z-index: 1;
  top: 80px;
  opacity: .4;
}
.subtitle .num {
font-size: 50px;
color: #38ae44;
}
.footer_Larea img.insta {
padding: 0 5%;
}
.home #header-l img.home {
width: 220px !important;
display: block;
margin:0 15% 5%;
}
.home #header-l img.no-home {
  display: none;
}
#header-l img.home {
  display: none;
}
@media screen and (max-width: 700px){
.home #header-l img.home {
width: 100px !important;
display: block;
}
}
.flow09 {
  padding-left: 0;
  border-bottom: solid 1px #E1E8ED;
padding: 0 !important;
margin: 0 !important;
}

.flow09 li {
  list-style-type: none;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #E1E8ED;
}

.flow09 li dl dt {
font-size: 1.4em;
  line-height: 2;
font-weight: bold !important;
  margin-bottom: 10px;
}

.flow09 li .icon09 {
line-height: 1.2 !important;
  font-size: 2em !important;
  font-weight: bold;
  color: #9DC03F;
  text-align: center;
  width: 200px;
  position: relative;
  margin-top: 0;
}

.flow09 li .icon09::before {
/*  content: 'STEP';
  font-size: 0.3em;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 1px;*/
}

.flow09 li .icon09::after {
  content: "";
  display: block;
  width: 1px;
height: calc(100% - 60px);
  background-color: #858585;
  position: absolute;
  left: 0;
  right: 0;
top: 90px;
  margin: auto;
}
.flow09 li .icon09.line2::after {
  height: calc(100% - 70px);
  top: 80px;
}

.flow09 li dl dd {
  margin: 0;
font-size: medium;
}

.flow09 li dl {
  width: calc(100% - 70px);
  margin-top: 0.8em;
}
@media screen and (max-width: 700px){
.flow09 li .icon09  {
width: 100px;
font-size: 1.2em !important;
}
}
.flow_design07 {
}

.flow07 {
  padding-left: 0;
}

.flow07 > li {
  list-style-type: none;
  display: flex;
display: grid;
grid-template-columns: 0px 100%;
position: relative;
}

.flow07 > li:not(:last-child) {
  margin: 0 0 50px;
}

.flow07 > li .icon07 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #9DC03F;
  border-radius: 5px 5px 0 0;
margin-bottom: 0 !important;
}
.flow07 > li .icon07::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #9DC03F;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow07 > li dl {
padding: 0 0 0 130px;
}

.flow07 > li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 4px solid #CCCCCC;
  position: relative;
display: flex;
}
.flow07 > li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #9DC03F;
}

.flow07 > li dl dd {
  margin: 0;
}
@media screen and (max-width: 767px) {
.flow07 > li .icon07 {
  width: 40px;
writing-mode: vertical-rl;
letter-spacing: 5px;
  text-align: inherit;
}
.flow07 > li dl {
  padding: 0 0 0 50px;
}
.flow07 > li .icon07::after {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.flow07 > li dl {
  top: -170px;
}
ul.flow07{
padding-left: 0px !important;
margin-left: 0% !important;
}
.smaw50{
width: 50% !important;
}
}
#text_bg .voice{
background: #2e7d2e;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
margin-bottom: 10px;
padding: 25px;
border-radius: 5px;
font-size: 18px;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo !important;
font-weight: 900 !important;
width: 95%;
}
#text_bg a{
text-decoration: none;
display: grid;
}
/*治療の流れ*/
.flow_design02 {
display: flex;
}

.flow_design02 ul {
  padding: 0;
width: 100%;
}

.flow_design02 li {
  list-style-type: none;
}

.flow_design02 dd {
margin-left: 0;
font-size: medium;
line-height: 2em;
}

.flow02 > li {
padding: 0 10px 40px 10px;
}

.flow02 > li:not(:last-child) {
border-bottom: 2px solid #BBB;
position: relative;
margin-bottom: 5%;
padding-left: 0;
display: grid;
padding-bottom: 2%;
}

.flow02 > li:not(:last-child)::before,
.flow02 > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow02 > li:not(:last-child)::before {
border-width: 21px;
border-top-color: #BBB;
}

.flow02 > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}

.flow02 > li dl {
  margin: 0;
}

.flow02 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  border-bottom: 1px dotted #878787;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  display: flex;
}

.flow02 > li dl dt .icon02 {
  color: #fff;
  background:#0093d4;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 1.5em;
}
@media screen and (max-width: 700px){
.flow_design02 ul li{
  padding: 0;
}
.smaw50.margin0 {
width: 50%;
margin: 0 auto 8%;
}
.flow02 > li:not(:last-child) {
  margin-bottom: 15%;
}
}

#gnav2 ul li.menu-item-13006 a, #gnav2 ul li.menu-item-13010 a{
  letter-spacing: -1px;
}
#gnav2 ul li.menu-item-13006, #gnav2 ul li.menu-item-13010{
width: 110px;
}
.is-fixed #gnav2 ul li.menu-item-13006, .is-fixed #gnav2 ul li.menu-item-13010{
width: 12.5%;
}
.price-star {
  writing-mode: vertical-rl;
  letter-spacing: 5px;
  color: #ddae3d;
}
@media screen and (max-width: 767px) {
.price-star {
  writing-mode: initial;
  letter-spacing: 0px;
}
}	
.area_12 .box_btn li {
  display: inline-block;
  margin-bottom: 26px;
  margin-right: 3%;
}
.area_12 .box_btn li a {
  position: relative;
  display: block;
  background-color: #ffd068;
width: 280px;
  height: 59px;
  color: #5b473d;
  font-size: 20px;
  text-align: center;
  line-height: 59px;
  box-shadow: 5px 5px 15px -5px #ededed;
  transition: transform 0.4s;
  text-decoration: none;
}
.area_12 .box_btn li a::before {
  position: absolute;
  content: "";
  width: 21px;
  height: 2px;
  background-color: #353535;
  right: 0%;
  left: 75%;
  margin: auto;
  bottom: 30px;
}
.area_12 .box_btn li a::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 2px;
  background-color: #353535;
  right: 0%;
  left: 80%;
  margin: auto;
  bottom: 32px;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
.area_12 .box_btn li a {
  width: 320px;
}
}
.youtube-w100 .youtube-container{
  float: none;
  margin: 0 auto;
  width: 60%;
  padding-bottom: 350px;
}
@media screen and (max-width: 768px) { 
.youtube-w100 .youtube-container {
padding-bottom: 250px;
padding-top: 0px;
width: 100%;
}
}
#gnav2 ul li.menu-item-11783 {
width: 80px;
}
#gnav2 ul li.menu-item-13222 {
  width: 130px;
}
.idx_h3_ttl .eng {
  color: #88c134;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 66.67%;
}
.idx_h3_ttl .jp {
margin-left: 50px;
  letter-spacing: 0.02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
padding: 0;
}
.idx_h3_ttl .jp.ml0{
margin-left: 0px;
}
.idx_h3_ttl .text {
  margin-top: 16px;
  position: relative;
  z-index: 0;
padding: 0;
}
.idx_h3_ttl .text::after {
  content: '';
  position: absolute;
bottom: -5px;
  left: 0;
  height: 14px;
  width: 100%;
background: rgba(161, 221, 73, 0.5);
  z-index: -1;
padding: 0;
}
.idx_h3_ttl .num {
  font-size: 277.78%;
  line-height: 0.7;
color: #88c134;
color: #f5a40e;
padding: 0 .1em .1em;
}
.idx_h3_ttl{
margin-bottom: 5%;
}
@media only screen and (max-width: 640px) {
.idx_h3_ttl .jp {
margin-left: 0px;
}
.idx_h3_ttl .text {
  font-size: 30px;
margin-top: 0px;
}
.idx_h3_ttl .eng.r0 {
right: 0px;
top: -15px;
}
.idx_h3_ttl .num {
padding: 0 .1em !important;
font-size: 200%;
}
.idx_h3_ttl .text::after {
  bottom: 0px;
}
}
.topline{
background-image: url("../images/top_line.png");
  background-repeat: repeat-x;
  background-size: 10%;

}
.top3p{
padding-top:3%;
}
.w48{
width: 48%;
}
.videoright{
  float: right;
  width: 35%;
}
@media only screen and (max-width: 640px) {
.graybox {
  padding: 20px 10px 10px;
}
.videoright{
  width: 100%;
}
.btn-normal.w48 {
  width: 100%;
}
.topline {
  background-size: 25%;
}
}
body {
  line-height: 1;
}
main {
background-color: transparent;
}
.home #headbox{
background-color:#fff;
}
/*Instagram　LINEバナー facebook*/
.fab {
  font-family: "Font Awesome 5 Brands" !important;
}
.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
margin: 0 .5%;
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}
.LINE_btn2 {
  color: #FFF;
  border-radius: 7px;
  position: relative;
  display: inline-block;
  height: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
background: #00c300;
text-decoration: none;
margin: 0 .5%;
}
.LINE_btn2 .fa-line{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 7px;/*アイコン位置の微調整*/
}
.Facebook_btn2 {
  color: #FFF;
  border-radius: 7px;
  position: relative;
  display: inline-block;
  height: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
background: #0a67ff;
text-decoration: none;
margin: 0 .5%;
}
.Facebook_btn2 .fa-facebook{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}
@media only screen and (max-width: 640px) {
.insta_btn2.w48,.LINE_btn2.w48,.Facebook_btn2.w48{
  width: 100% !important;
}
.LINE_btn2.w48,.Facebook_btn2.w48{
margin-bottom: 2%;
}
}
/*Instagram　LINEバナー facebook　終わり*/
/*線無しテーブル*/
.post table.bordernone tr th,.post table.bordernone tr td:nth-child(1),.post table.bordernone tr td,.post table.bordernone {
border: none;
  box-shadow: none;
  line-height: 1.8em;
vertical-align: middle;
position: relative;
height: 90px;
}
.post table.bordernone tr th{
text-align: center !important;
padding: 0;
}
.post table.bordernone tr td.back-orenge{
text-align: left !important;
}
.back-orenge {
background: #ffebdf;
border-bottom: 1px solid #fff !important;
font-weight: bold !important;
font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
.post table tr th.back-orenge{
background: #f05a00;
  color: #fff;
  font-size: 22px;
}
.pinkbox {
  background-color: #fffbfb;
  font-size: 16px !important;
  position: relative;
  padding: 50px 0 10px 20px;
  line-height: 27px;
  margin-bottom: 20px;
}
.post table.bordernone p {
font-size: initial !important;
  line-height: 1.5em !important;
margin-left: 50px;
}
.post #pw-table img.w20 {
width: 15% !important;
float: left;
margin: 8% 5%;
position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.post #pw-table img {
  margin: 0;
}
@media only screen and (max-width: 640px) {
.back-orenge {
background: none;	
}
.post table.bordernone tr td {
line-height: 1.8em;
margin: 0 0 15px;
height: 100px;
}
.post table.bordernone p {
  margin-left: 70px;
margin-top: 10px;
}
.post #pw-table img.w20 {
  margin: 0;
top: 50px;
}
}
/*線無しテーブル　おわり*/
#gnav2 .menu-item-12474 ul.sub-menu {
  column-count: 2;
  width: 480px !important;
}