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

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

body{
background: #fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
max-width: 1400px;
  margin: 0 auto !important;
}

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 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  color: gray;
margin-bottom: 3%;
font-size: 16px !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;
top: 5px;
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: #fff;
font-size: medium;
line-height: 1.5;
}

@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: 55px;}
  }
/****************************************
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 + section {
     margin-top: 50px !important;
  }

section h2{
font-size: 2.5em;
text-align: center;
margin-bottom: 3rem;
letter-spacing: 4px;
}
section h2 span{
position: relative;
display: inline-block;
padding: 1em 0 0.3em;
/*border-bottom: 1px solid #635e43;*/
}
@media screen and (max-width: 762px) { 
section h2{
letter-spacing: 3px;
font-size: 2em;
line-height: 1.5;
margin-bottom: 0px !important;
background-size: 50%;
}
}
/****************************************
設備
*****************************************/
.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: 1300px;margin: 0 auto;width: 100%;display: flex;}
.footer_Larea{flex: 1;position: relative; padding: 1rem;}
.footer_Rarea{/*flex: 1;*/
position: relative;
}
.footer_Larea h3{font-size: 2rem; font-weight:500; border-bottom:1px solid #b5b5b5; margin-bottom:1rem;padding: 15px 0;}
.footer_Larea p.w60{
width: 60%;
margin: 0 auto 10px;
}
.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;
  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: #555;
	 cursor: pointer;
	 text-decoration: none;
}
@media screen and (max-width: 768px) { 
.footer_innner{flex-direction: column;}
.footer_access {
display: grid !important;
}
.footer_accessL {
width: 100% !important;
}
.footer_accessR {
  padding: 0 !important;
}
}
.Practice-time table{
  width: 100%;
  border-spacing: 0;
  margin: .5rem 0;
}

.Practice-time table th{
  border-left: solid 1px transparent !important;
  padding: 10px 0;
  color:#000 !important;
  /* text-align: left; */
  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 #432d16;}
.footer_accessL span{display:block; font-size:1.5rem; font-weight:500;}
.footer_accessR{padding: 0 1.5em;
position: relative;
top: 7px;}
.footer_accessR p{margin:.5rem 0;}

.footer_accessBtn {
	display: block;
	position: relative;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border:1px solid #432d16;
	font-size:1rem;
	border-radius:5px;
}
.footer_accessBtn:link{color: #432d16;}
.footer_accessBtn a:visited { color:#005bac;;text-decoration: none;}
.footer_accessBtn:hover {
	 background:#ac946a;color: #fff;cursor: pointer;text-decoration: none;}

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

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

.pagetop{ width: 80px;
  height: 80px;
  border-radius: 50%;
background: rgba(19, 32, 48, 0.7);
  text-align:center;
}
.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){
.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(19, 32, 48, 0.7);
	margin: 0 !important;
}
.Main-MenuArea h2 span {
    color: #009f5f;
	font-size: larger;
}
.webyoyaku{
bottom: 110px;
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;
}
  .tbl_scroll {
    overflow: auto;
  }
}
#mybox h4, #side aside h4.menu_underh2 {
    background: #003f8b;
}
table.sw_tbl01 tr th {
background: #ac946a;
}
.copyright {
    padding: 0.5rem 0;
background: #333;
}
.footer_reserve {
background: #e6e6e6;
color: #432d16;
padding: .5% 3%;
}
.footer_contactBtn {
background: #333;
width: 49%;
}
.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);
}
.post ul.link li {
  list-style: none;
}
.line2 {
  text-decoration: line-through;
}
.text_red {
  color: #E12024;
}
.bold {
  font-weight: bold;
}
dl.gaiyo dd {
  padding-left: 100px;
  margin-bottom: 20px;
}
.date dt {
  float: left;
  width: 100px;
  margin-bottom: 0 !important;
}
.date2 dt {
  float: left;
  width: 145px;
  margin-bottom: 0 !important;
}
dl.gaiyo2 dt {
  padding-left: 15px;
  font-size: 100%;
  font-weight: bold;
  color: #333;
  float: left;
  margin-bottom: 5px;
}
dl.gaiyo2 dd {
  padding-left: 120px;
  margin-bottom: 20px;
}
dl {
line-height: 2em !important;
}
.date dd {
  margin-bottom: 5px;
  padding-left: 100px;
}
.date2 dd {
  margin-bottom: 5px;
  padding-left: 145px;
}
.publish dl.gaiyo dt {
  background-image: none;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 0px;
  font-size: 100%;
  font-weight: bold;
  color: #333;
  margin-bottom: 0px;
  float: left;
  width: 70px;
}
dl.gaiyo dd .time dt {
  background-image: none;
  padding-left: 0px;
  float: left;
  width: 100px;
  font-weight: normal;
  margin-bottom: 5px;
}
.publish dl.gaiyo dd {
  padding-left: 70px;
  margin-bottom: 10px;
}
h6 {
  font-weight: bold !important;
  margin: 10px 0 !important;
  font-size: 100% !important;
}
.font130 {
  font-size: 130%;
}
.fa, .far, .fas {
  font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
}
.kanren .clearfix dd p {
  font-size: 13px;
  color: #666;
  line-height: 3em !important;
  font-weight: 900;
}
.btn01 {
  border-radius: 5px;
  background: #003f8c;
  text-align: center;
  margin: 0 auto 20px;
  display: inline-block;
  width: auto;
}
.btn01 a {
  display: block;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  text-decoration: none;
}
.publish h3 {
  background-image: url(/cmn_img/title_01.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 110%;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 20px;
padding-top: 15px;
border-bottom: none;
}
.post .publish h3::after,.post .publish h4::after {
content: none;
}
.publish h4 {
  color: #666;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 105%;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #2FA2FF;
  padding-left: 10px;
  line-height: 20px;
}
.category  h2::after {
  content:none;
}
.tbl_in2 td{
    border: 1px solid #666;
    padding: 5px;
    vertical-align: middle;
    box-sizing: border-box;
}
.tbl_in2 th:nth-child(1){
    width: 10%;
}
.tbl_in2 th:nth-child(2){
    width: 20%;
}
.tbl_in2 th:nth-child(3){
    width: 14%;
}
.tbl_in2 th:nth-child(4){
    width: 20%;
}
.tbl_in2 th:nth-child(5){
    width: 36%;
}
.tbl_in2 td:nth-child(3){
    text-align: center;
}
.f_left {
  float: left;
}
.zassi .ph {
  width: 350px;
float: left;
}
.ph li {
  list-style: none;
}
.tbl_koen td:first-child {
  width: 160px;
}
.tbl_koen td {
  padding: 10px;
  vertical-align: top;
}
@media screen and (max-width: 768px) { 
  .tbl_koen td:first-child {
    width: 160px;
  }
  .zassi .ph {
    width: 50%;
    float: right;
  }
  .f_left {
    float: left;
    width: 50%;
  }
dd,dt {
font-size: 90% !important;
line-height: 1.5em !important;
}
.post table tr td {
  font-size: .9em;
}
}
.search ul {
  margin-bottom: 20px;
  border: 1px solid #DBDBDB;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.search ul li {
  border-bottom: 1px dotted #DBDBDB;
  padding-top: 5px;
  padding-bottom: 5px;
list-style: none;
}
.button03 {
background-color: #B91B1B;
  padding: 15px 32px;
  font-size: 16px;
  position: relative;
border-radius: 50px;
} 
.button03.ps {
padding: 5px 30px;
} 
.button03.ps a::after {
  top: 8px;
}
.button03 a {
text-decoration: none;
color: #fff;
background: none;
width: 100%;
display: block;
}
.button03 a::after {
display: inline-block;
  position: absolute;
top: 18px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-image: url(../images/arrow2.png);
  content: "";
  background-size: 70%;
  background-repeat: no-repeat;
}
.button03:hover{
background-color: #FF8C31;
}
.button03 a:hover:after {
	  right: 0px;
}
.mt15 {
  margin-top: 15px !important;
}
.font36{
font-size: 36px !important;
}
.font28{
font-size: 28px !important;
}
.box01{
display: flex;
  border: 1px solid #b0b0b0;
  padding: 1%;
  border-radius: 5px;
}
.box01 ul{
line-height: normal;
  list-style: circle;
  padding-left: 20px;
  font-size: smaller;
}
.footer_Larea h3 img {
width: 50%;
margin: 0 auto;
}
.flow_text{
width: 50%;
}
.ditem.w70 {
border: 1px solid #ccc;
border-left: none;
}
.ditem.w20 {
border: 1px solid #ccc;
border-right: none;
}
.ditem.w20 h2{
background: none;
padding: 50px 0 10px;
}
@media screen and (max-width: 768px) {  
.button03 a::after {
top: 7px;
right: 0px;
}
.ditem.w20{
border:none;
}
.ditem.w20 h2{
padding: 0px;
font-size: large;
}
.kokuban span.date {
  padding: 0 13px;
  display: block;
  max-width: fit-content;
  margin: 2%;
}
.kokuban ul li {
  padding: 0;
  text-indent: 0;
}
.kokuban ul {
  height: 180px;
}
.btn-normal-A {
  font-size: smaller;
}
.button03 {
  padding: 5px 0px;
}
button03 a::after {
  top: 8px;
  right: 3px;
}
#promise > .container > .list > li:nth-child(4) > .txt > .h3_tit, #promise > .container > .list > li:nth-child(5) > .txt > .h3_tit, #promise > .container > .list > li:nth-child(6) > .txt > .h3_tit, #promise > .container > .list > li:nth-child(7) > .txt > .h3_tit, #promise > .container > .list > li:nth-child(8) > .txt > .h3_tit, #promise > .container > .list > li:nth-child(9) > .txt > .h3_tit {
  color: #000;
font-weight: bold;
    margin: 6% 0 3%;
}
section + section {
  margin-top: 0px !important;
}
.flow_text {
  width: 100%;
}
.lp1_sec05 h3 span {
  padding: 10px 0;
  display: block;
font-weight: normal;
}
.footer_Larea h3 img {
  width: 80%;
}
.footer_Larea p.w60 {
  width: 80%;
}
.fotter_contactBtnArea {
  width: 100%;
}
.footer_contactBtn {
  font-size: inherit;
}
.pagetop {
  bottom: 60px;
  right: 10px;
}
}
dl.links dd{
  margin-bottom: 2%;
}
.tbl02 {
width: 50% !important;
border: none !important;
}
.tbl02 td {
padding:10px;
text-align: center;
border: none !important;
text-align: center !important;
}
.tbl02 td img {
padding: 0 20%;
}
.tbl02 tr td:nth-child(1) {
font-size: .9em !important;
}
@media screen and (max-width:750px) {
.tbl02 {
width: 100%!important;
display: table !important;
}
.link a {
font-size: .8em;
}
}
.table-res-form.thw15 th {
  width: 15%;
}
.d-block .wpcf7-list-item {
  display: block;
}
.numbering {
  margin: 0;
  counter-reset: number;
}
.numbering .yoyakuform-list li::before {
content: counter(number);
counter-increment: number;
background-color: #003f8b;
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;
	}
.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%;
}
}
.ch-list p{
margin-bottom: 5px !important;
padding-left: 2em;
text-indent: -2em;
}
.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: 30%;
height: auto;
font-size: 20px;
line-height: 100px;
/*text-align: center;
padding: 0 0 0 20px;*/
color: #444;
margin: 5px;
}
.ditem2 ul li {
font-size: small;
}
@media screen and (max-width: 700px) {
.ditem2 ul {
padding-left: 10px;
}
.graybox li {
font-size: small !important;
}
.graybox {
  padding: 5px;
}
}
.movie-right{
float: right;
  width: 40%;
  height: 100px;
  margin-left: 5%;
}
.mb5{
  margin-bottom: 5px !important;
}
.el-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 480px;
margin: 1%;
}
.el-list li a{
text-decoration: none;
}
.el-list__thumb {
  height: 64px;
  width: 53px;
  margin: auto;
    margin-bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
height: 50px;
width: 40px;
margin-bottom: 0.5rem !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
position: absolute;
bottom: 10px;
right: 10px;
}
.el-list__title{
font-size: 18px;
line-height: 1.3;
color: #3c352f;
}
.el-list__title strong {
  font-weight: 500;
  display: block;
  color: #6c961e;
}

@media (max-width: 795px){
.home #header-l img {
width: 220px;
  margin: 0;
}
.el-list li {
height: 150px;
margin: 0 1.5%;
}
.d-flex {
justify-content: space-around;
width: 100%;
left: 0;
position: relative;
}
.el-list__title{
  font-size: small;
}
}
.footer-list {
column-count: 3;
margin: 10px 0 30px 60px;
line-height: 1.5em;
}
.footer-item {
  margin-bottom: 18px;
  position: relative;
display: table;
}
.footer-item::before {
  content: "";
  display: inline-block;
  height: 1px;
  width: 15px;
  vertical-align: middle;
  background-color: #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.footer-item a {
display: block;
text-decoration: none;
padding-left: 30px;
color: #000;
}
.footer_link{
max-width: 1300px;
  margin: 0 auto;
    margin-bottom: 0px;
  border: 1px solid gray;
  padding: 20px 0 0 20px;
  margin-bottom: 30px;
  background: #eee;
}
.jsoiinfo{
width: fit-content;
margin: 0 auto;
min-width: 50%;
line-height: 1.5em;
}
@media screen and (max-width: 768px) { 
.footer-item::before {
width: 10px;
left: 10px;
}
.footer-list {
  column-count: auto;
margin: 10px 0;
  line-height: 1em;
}
.jsoiinfo{
  width: 100%;
}
.button03.jsoiinfo a::after {
    top: 20px;
    right: 0px;
  }
}