@charset "UTF-8";
/* Modern CSS reset https://github.com/filipelinhares/ress  */
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}
/**/
/*h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: inherit;}*/ ul,ol,li {  list-style: none;}
/*! slick */
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*! slick theme  */
.slick-loading .slick-list{background:#fff url(ajax-loader.gif)center center no-repeat}
@font-face{font-family:slick;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/slick.eot);src:url('fonts/slick.eot?#iefix') format('embedded-opentype'),url('fonts/slick.woff') format('woff'),url('fonts/slick.ttf') format('truetype'),url('fonts/slick.svg#slick') format('svg')}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:0}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/* Reset
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;} */
/* Native */
/* editor */
.mainblock p, .mce-content-body p {
  display: block;
  margin: 0 0 1.4em;
}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
img[class*="wp-image-"], img[class*="attachment-"] {
  height: auto;
  max-width: 100%;
}
.clearfix {overflow: hidden;zoom: 1;}
.clearfix:after {content: "";display: block;clear: both;}
body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
  line-height: 1.8em;
  letter-spacing: 0;
  font-size: 18px;
}
a:focus, *:focus {
  outline: none;
}
a, a img {
  -webkit-transition: none;
  transition: none;
}
a, a:visited {
  color: #333;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.mainblock img {
  max-width: 100%;
} 
/* 真ん中寄せ */
.aligncenter {
  display: block;
  margin: 0 auto;
}
/* 小さい画像に対応 */
.img_size img, img.img_size {
  width: auto !important;
}
/* base
#header > .inner, #nav > .inner, #contents > .inner, #footer .inner {
  width: 1000px;
  margin: 0 auto;
  max-width: 96%;
} */
/* #header
#header {
  box-sizing: border-box;
}
#header h1 {
  display: block;
  float: left;
  max-width: 36.8%;
  width: 368px;
  padding-top: 0;
}
#header h1.cataracts, #header h1.retina {
  max-width: 37%;
  width: 370px;
}
#header h1 img {
  width: 100%;
}
#header h1 a:hover img {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.headerinner ul.pc {
  float: right;
  overflow: hidden;
  width: 550px;
  max-width: 55%;
  box-sizing: border-box;
  text-align: right;
  padding: 15px 0 0;
}
.headerinner ul img {
  display: block;
}
.headerinner .txt {
  float: left;
  width: 46%;
}
.headerinner .txt img {
  width: 248px;
}
.headerinner .tel {
  float: right;
  width: 51%;
  padding-top: 15px;
}
.headerinner .tel img.telimg {
  width: 248px;
} */
/* #nav
.menu-sp-nav-container {
  display: none;
}
.fixed {
  position: fixed;
  top: 0;
}
#nav {
  background: #fff;
  box-sizing: border-box;
} */
/* #contents */
/* H2タイトル
.page-title {
  overflow: hidden;
  position: relative;
  background: #eef9f9;
  border-bottom: 6px solid #d9d9d9;
  text-align: center;
  padding: 2em 0;
}
.page-title h2 {
  color: #666666;
  padding: 0;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 36px;
  line-height: 1.3;
} */
/*
@media screen and (max-width: 767px) {
  .page-title {
    padding: 1em 0;
  }
  .page-title h2 {
    font-size: 20px;
  }
}*/
/* パンくず
.bread_wrap {
  background: #f1f1f1;
  margin-bottom: 2.5em;
}
.home .bread_wrap {
  margin-bottom: 0;
}
.bread_wrap .bread {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  max-width: 96%;
}
.bread {
  padding: 0.4em 0 0.4em;
  font-size: 82%;
  margin-bottom: 0.5em;
  text-align: right;
}
.bread li {
  display: inline-block;
  line-height: 1.3em;
}
.bread li a {
  color: #666;
}
.bread li a:hover {
  text-decoration: none;
} */
/* Responsive */
@media screen and (min-width: 768px) {
  /*
  .glaucoma_top03 .con_r {
    width: 60%;
    font-size: 90%;
  }*/
  .blog #contents {
    overflow: hidden;
  }
  .blog #main {
    float: right;
    width: 72%;
  }
  .blog #aside {
    float: left;
    width: 24%;
  }
  .caegory-in-news #main {
    width: 100%;
  }
  .sp {
    display: none !important;
  }
  .telbtn {
    display: none;
  }
  /* #header
  #header {
    padding: 30px 0 30px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  } */
  /* #nav
  #nav {
    left: 0;
    width: 100%;
    z-index: 100;
    box-sizing: content-box;
    background: #fff; */
    /*padding:0 0 10px;*//*
    margin-bottom: 10px;
  }
  #nav .inner {
    height: 50px;
  }
  #nav li {
    box-sizing: border-box;
  }
  #nav a, #menu-header-nav > li > span {
    text-decoration: none;
    display: block;
    text-align: center;
    background-repeat: no-repeat;
    line-height: 1.35em;
    box-sizing: border-box;
    -webkit-transition: 200ms;
    transition: 200ms;
  }
  #menu-header-nav > li {
    width: 18%;
    position: relative;
    float: left;
  }
  #menu-header-nav > li.nav02, #menu-header-nav > li.nav03 {
    width: 15%;
  }
  #menu-header-nav > li.nav05, #menu-header-nav > li.nav06 {
    width: 19.5%;
  }
  #menu-header-nav > li.nav02, .glaucoma_nav02 {
    width: 12%;
  }
  #menu-header-nav > li.nav06.glaucoma_nav04 {
    width: 15.5%;
  }
  #menu-header-nav > li.nav06.glaucoma_nav05 {
    width: 16.5%;
  }
  #menu-header-nav > li.nav06.glaucoma_nav06 {
    width: 17.5%
  }
  #menu-header-nav > li.nav01 {
    width: 18%;
  }
  .cataracts-header li.nav04 {
    width: 18.6% !important;
  }
  #menu-header-nav > li.nav02.retina_nav02 {
    width: 15%;
  }
  #menu-header-nav > li.nav06.retina_nav03 {
    width: 16%;
  }
  #menu-header-nav > li.nav06.retina_nav04 {
    width: 15%;
  }
  #menu-header-nav > li.nav06.retina_nav05 {
    width: 17%;
  }
  #menu-header-nav > li.nav06.retina_nav06 {
    width: 19%;
  }
  .glaucoma_nav02 > a:after {
    display: none !important;
  }
  .retina_nav02 > a:after {
    display: none !important;
  }
  #menu-header-nav > li > a, #menu-header-nav > li > span {
    font-size: 16px;
    height: 50px;
    box-sizing: border-box;
    padding: 15px 4px 0;
    color: #333;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 20000;
    line-height: 1.4em;
  }
  #menu-header-nav > li > a::before, #menu-header-nav > li > a::after, #menu-header-nav > li > span::before, #menu-header-nav > li > span::after, .retina_nav03 > a:after, .glaucoma_nav03 > a:after, .retina_nav04 > a:after, .glaucoma_nav04 > a:after, .retina_nav05 > a:after, .glaucoma_nav05 > a:after, .retina_nav06 > a:after, .glaucoma_nav06 > a:after {
    position: absolute;
    content: "";
    right: 0;
    top: 13px;
    height: 24px;
    width: 1px;
    background: #444444;
  }
  #menu-header-nav > li.nav01::before {
    left: -1px;
    position: absolute;
    content: "";
    right: 0;
    top: 13px;
    height: 24px;
    width: 1px;
    background: #444444;
  }
  #menu-header-nav > li.nav01 > a::before {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #81cdd1;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  #menu-header-nav > li > a:hover, #menu-header-nav > li:hover > a > span {
    color: #333;
    cursor: pointer;
    background-color: #e6f8f9;
  }
  #menu-header-nav li {
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
  }
  #menu-header-nav ul.sub-menu {
    position: absolute;
    padding: 0;
    background: none;
    z-index: 9;
    top: 0;
    left: -10%;
    width: 120%;
    box-sizing: border-box;
    text-align: center;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
  }
  #menu-header-nav > li > ul.sub-menu {
    height: auto;
    overflow: hidden;
  }
  #menu-header-nav > li:hover > ul.sub-menu {
    height: auto;
    top: 50px;
    padding-top: 0;
    padding-bottom: 0;
    background: #ebf9f9;
    z-index: 9;
    left: -30%;
    width: 160%;
    box-sizing: border-box;
  }
  #menu-header-nav > li:hover > ul.sub-menu.w100 {
    left: -5%;
    width: 110%;
  }
  #menu-header-nav > li:hover > ul.sub-menu.w174 {
    left: -37%;
    width: 174%;
  }
  #menu-header-nav > li > ul.sub-menu > li {
    width: 100%;
    height: 0;
  }
  #menu-header-nav > li:hover > ul.sub-menu > li {
    float: none;
    height: auto;
    border-top: 1px solid #ffffff;
  }
  #menu-header-nav > li > ul.sub-menu > li a {
    font-size: 16px;
    text-align: center;
    text-indent: inherit;
    color: #444;
    padding: 12px 5px 11px;
    display: block;
  }
  #menu-header-nav ul.sub-menu li a:hover {
    color: #444;
    background-color: #c9e1e4;
  }
  #menu-header-nav > li.nav02.cataracts_nav02 {
    width: 13%;
  }
  #menu-header-nav > li.nav02.cataracts_nav03 {
    width: 14%;
  }
  #menu-header-nav > li.nav02.cataracts_nav04 {
    width: 17%;
  }
  #menu-header-nav > li.nav04.cataracts_nav05 {
    width: 18%;
  }
  #menu-header-nav > li.nav02.cataracts_nav06 {
    width: 19%;
  }
  #nav li > a, #nav li > span {
    position: relative;
  }
  #nav li > span:hover {
    background: #e6f8f9;
    cursor: pointer;
  }
  #nav li.nav02 > a:after, #nav li.nav03 > span:after, #nav li.nav04 > span:after, #nav li.nav05 > span:after, #nav li.retina_nav03 > a:after, #nav li.glaucoma_nav03 > a:after, #nav li.retina_nav04 > a:after, #nav li.glaucoma_nav04 > a:after, #nav li.retina_nav05 > a:after, #nav li.glaucoma_nav05 > a:after, #nav li.retina_nav06 > a:after, #nav li.glaucoma_nav06 > a:after {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #81cdd1;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  #nav .retina-header li.nav03 > a::after, #nav .retina-header li.nav04 > a::after, #nav .retina-header li.nav05 > a::after, #nav .retina-header li.nav06 > a::after {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #81cdd1;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  #nav .retina-header li.nav02 > a::after {
    display: none;
  }
  #nav .glaucoma-header li.nav03 > a::after, #nav .glaucoma-header li.nav04 > a::after, #nav .glaucoma-header li.nav05 > a::after, #nav .glaucoma-header li.nav06 > a::after {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #81cdd1;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  #nav .glaucoma-header li.nav02 > a::after, #nav > a::after {
    display: none;
  }*/
  /* サブ *//*
  #nav .nav03 li > a, #nav .nav04 li > a {
    position: relative;
    border-right: none;
  }
  #nav .nav03 li:first-child > a, #nav .nav04 li:first-child > a {
    border-left: none;
  }
  #menu-header-nav > li.nav03, #menu-header-nav > li.nav04, #menu-header-nav > li.nav05 {
    width: 15.6%;
    float: left;
    position: inherit;
  }
  #menu-header-nav.retina-header > li.nav03, #menu-header-nav.retina-header > li.nav04, #menu-header-nav.glaucoma-header > li.nav05 {
    position: relative;
  }
  #menu-header-nav.glaucoma-header > li.nav03, #menu-header-nav.glaucoma-header > li.nav04, #menu-header-nav.glaucoma-header > li.nav05 {
    position: relative;
  }
  #menu-header-nav li .submenu-wrap {
    height: 0;
    overflow: hidden;
  }
  #menu-header-nav li:hover .submenu-wrap {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 4;
    background: #d1eef3;
    overflow: hidden;
    height: auto;
    padding-bottom: 1em;
    padding-top: 1em;
    border-top: 1px solid #fbf9f3;
  }
  #menu-header-nav li .submenu-wrap .submenu-inner {
    width: 1000px;
    max-width: 96%;
    margin: 0 auto 0;
    overflow: hidden;
  }
  #menu-header-nav li .submenu-wrap .menutitle {
    text-align: left;
    overflow: hidden;
    display: block;
    font-size: 15px;
    top: 0;
    height: 0;
    position: relative;
    padding-left: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
  }
  #menu-header-nav li .submenu-wrap .menutitle::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 23px;
    left: 5px;
    border-top: solid 2px #8b7724;
    border-right: solid 2px #8b7724;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #menu-header-nav li .submenu-wrap .menutitle a {
    display: inline;
    background: none;
    color: #505050;
    padding: 0;
  }
  #menu-header-nav li .submenu-wrap .menutitle a:hover {
    color: #4f92da;
  }
  #menu-header-nav li:hover .submenu-wrap .menutitle {
    height: auto;
    top: 10px;
    padding-bottom: 10px;
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu {
    position: relative;
    float: left;
    width: 25%;
    background: none;
    margin-left: 0;
    text-align: left;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 10px;
  }
  .s_menu_ttl {
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
  }
  #menu-header-nav .nav04 .submenu-wrap .s_menu_ttl {
    font-weight: bold;
    text-align: left;
    margin: 0 0 10px;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li {
    position: relative;
    padding-left: 0.8em;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li.submenu-title {
    padding-left: 0.4em;
    font-weight: bold;
    font-size: 15px;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li.submenu-title::before {
    display: none;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 11px;
    left: 3px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li.first {
    font-weight: bold;
    padding-left: 0;
    margin: 0 0 5px;
    font-size: 17px;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li.first::before {
    display: none;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li a {
    background: none;
    color: #333;
    text-align: left;
    padding: 0.3em 0.2em 0.3em;
    font-size: 16px;
  }
  #menu-header-nav > li:hover .submenu-wrap ul.sub-menu li a:hover {
    color: #a09d9d;
  }
  #menu-header-nav ul.sub-menu {
    position: absolute;
    padding: 0;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: #ebf9f9;
    text-align: center;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
  }
  #menu-header-nav > li > ul.sub-menu a {
    border-bottom: 1px solid #fbf9f3;
  }
  #menu-header-nav li ul li {
    width: 100%;
    height: 0;
  }
  #menu-header-nav > li:hover ul li {
    float: none;
    height: auto;
  }*/
  /* #contents */
  /* コンテンツのmin-height
  #contents #main {
    min-height: 600px;
  } */
  /* #aside
  #aside .inq {
    position: fixed;
    bottom: 0;
    right: 80px;
    z-index: 5;
    display: flex;
  }
  #aside .inq a:hover img {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
  } */
  /* ブログページ */
  .caegory-in-blog #main, .single-in-blog #main {
    float: right;
    width: 72%;
  }
  .caegory-in-blog #aside, .single-in-blog #aside {
    float: left;
    width: 24%;
  }
}
@media screen and (max-width: 1042px) {
  /*
  #nav li {
    box-sizing: border-box;
  }
  #menu-header-nav > li a, #menu-header-nav > li span {
    font-size: 12px;
    padding-top: 18px;
  }
  #menu-header-nav ul.sub-menu li a {
    font-size: 16px;
  }
  .s_menu_ttl {
    font-size: 14px;
  }
  #menu-header-nav .submenu-wrap ul.sub-menu li.first {
    font-size: 14px;
  }
  #menu-header-nav > li > ul.sub-menu > li a {
    font-size: 16px;
  }
  */
}
/*
@media screen and (min-width: 768px) and (max-width: 768px) {
  #footer li, #footer li a, #menu-sitemap li, #menu-sitemap li a {
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #aside .inq {
    width: 70%;
  }
}*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  /* #header
  #header {
    padding: 16px 0 15px;
  }
  #header > .inner {
    max-width: 100%;
  }
  #header h1 {
    padding: 0;
    max-width: 60%;
    margin: 0 auto 20px;
    float: none;
  }
  #header h1.cataracts, #header h1.retina {
    max-width: 60%;
  }
  .headerinner ul {
    float: none;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
    padding: 2px 0;
  }
  .headerinner ul li {
    width: 20%;
    float: left;
  }
  .headerinner .tel {
    float: left;
    width: 20%;
    padding-top: 0;
  }
  .headerinner ul img {
    width: 100%;
  } */
  /* #nav
  #nav {
    height: auto;
    padding: 0;
  }
  #nav.fixed {
    position: inherit !important;
    top: auto !important;
  }
  #toggle {
    display: block;
  }
  #toggle a {
    width: 100%;
    margin: 0;
    float: none;
    position: relative;
    padding: 0;
    border: none;
  }
  #toggle img {
    max-height: 100%;
  }
  #toggle a:hover {
    background: none !important;
  } */
  /* #menu-header-nav
  #menu-header-nav, #menu-header-nav .sub-menu {
    display: block;
    background: #f9f9f9;
  }
  #menu-header-nav {
    display: none;
  }
  #nav ul.menu {
    background: #fff;
    left: 0;
    margin: 0;
    top: 88px;
    width: 100%;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #ccc;
  }
  #nav ul li .subtxt {
    display: none;
  }
  #nav ul li > a br {
    display: none;
  }
  #nav ul li.nav03 ul.sub-menu > li:first-child {
    border-top: none;
  }
  #nav ul li.nav04 ul.sub-menu > li:nth-child(2) {
    border-top: none;
  }
  #nav {
    padding: 0;
  }
  #nav.fixed {
    position: inherit !important;
    top: auto !important;
  }
  #nav ul.menu {
    background: #fff;
    left: 0;
    margin: 0;
    top: 140px;
    width: 100%;
    position: absolute;
    z-index: 99999999;
    border-top: 1px solid #ccc;
  }
  #nav ul li {
    display: block;
    text-align: left;
    background: none;
    float: none;
    height: auto;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
  }
  #nav ul li a, #nav ul li > span {
    display: block;
    padding: 14px 6px 13px 15px;
    background-position: 5px center;
    background-size: 16px auto;
    width: 100%;
    float: none;
    box-sizing: border-box;
    text-align: left;
    height: auto;
    line-height: 1.5;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    color: #4d4325;
  }
  #nav ul li ul li.last {
    border-bottom: 1px solid #ccc;
  }
  #nav ul li span:hover {
    cursor: pointer;
  }
  #nav ul li a:before, #nav ul li > span:before {
    content: "・"
  }
  #nav ul li a:hover, #nav ul li span:hover {
    color: #27989e;
  }
  #nav ul li.nav01 > a::after, #nav ul li.nav02 > a::after, #nav ul li.nav03 > a::after, #nav ul li.nav04 > a::after, #nav ul li.nav05 > a::after, #nav .retina-header li.nav06 > a::after, #nav .glaucoma-header li.nav06 > a::after, #nav ul li.nav01 > span::after, #nav ul li.nav02 > span::after, #nav ul li.nav03 > span::after, #nav ul li.nav04 > span::after, #nav ul li.nav05 > span::after {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 18px;
    margin: -5px 0 0 0;
    border-bottom: solid 3px #ccc;
    border-right: solid 3px #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav ul li.retina_nav03 > a::after, #nav ul li.retina_nav04 > a::after, #nav ul li.retina_nav05 > a::after, #nav ul li.retina_nav06 > a::after, #nav ul li.glaucoma_nav03 > a::after, #nav ul li.glaucoma_nav04 > a::after, #nav ul li.glaucoma_nav05 > a::after, #nav ul li.glaucoma_nav06 > a::after {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 18px;
    margin: -5px 0 0 0;
    border-bottom: solid 3px #ccc;
    border-right: solid 3px #ccc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav ul li.cataracts_nav05 > a::after, #nav ul li.retina_nav02 > a::after, #nav ul li.glaucoma_nav02 > a::after {
    display: none !important;
  }
  #nav .cataracts-header .nav04 > a::after, #nav .cataracts-header .nav04 > span::after {
    display: none;
  }
  #nav .retina-header li.nav02 > a::after {
    display: none;
  }
  #nav .glaucoma-header li.nav02 > a::after {
    display: none;
  }
  #nav.nagai-nav ul li a:hover {
    color: #d66262;
  }
  #nav li:first-child a {
    border-left: none;
  }
  #nav .submenu-title {
    color: #888;
    font-size: 15px;
    background: #eee;
  }
  .submenu-wrap .menutitle {
    border-top: 1px solid #ccc;
    display: block;
    padding: 0;
    background: #f7f7f7;
    padding-left: 10px;
  }
  .sub-menu {
    font-size: 15px;
  }
  #nav ul.sub-menu li a {
    padding-left: 25px;
  } */
  /* #contents
  .bread_wrap {
    margin-bottom: 1em;
  }
  #contents {
    margin-bottom: 0;
  } */
  /* #aside
  #aside .inq {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: flex;
  }
  #aside .inq01 {
    bottom: 70px!important;
  }
  #aside {
    margin-bottom: 0.5em;
  }
  .btm_inq {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
  }
  .btm_inq .clearfix > a {
    display: inline-block;
    width: 50%;
    float: left;
    max-width: 385px;
  }
  .btm_inq .clearfix > a:last-child {
    float: right;
  }
  .btm_inq .clearfix > a img {
    width: 100%;
  }
  .btm_inq .inq01 {
    position: relative;
    bottom: 5px;
    text-align: right;
  }
  .btm_inq.retina_btm_inq .clearfix > a:last-child, .btm_inq.glaucoma_btm_inq .clearfix > a:last-child {
    float: none;
  }
  .btm_inq.retina_btm_inq .clearfix > a, .btm_inq.glaucoma_btm_inq .clearfix > a {
    width: 100%;
    float: none;
    max-width: 770px;
  } */
}
@media screen and (max-width: 480px) {
  /* #header
  #header {
    padding: 15px 0;
  }
  #header h1 {
    margin-bottom: 10px;
    max-width: 55%;
  } */
  /* #nav
  #nav ul.menu {
    top: 78px;
  } */
  /* #contents
  .bread {
    margin-bottom: 0.5em;
    padding: 0.3em 0em 0.2em;
    text-align: right;
  } */
}
/*
@media screen and (max-width: 320px) {
  #nav ul.menu {
    top: 80px;
  }
}*/

/* header
#header h1 {
  max-width: 43%;
  width: 385px;
  margin-top: 5px;
}
#header h1 a {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: .02em;
  text-align: left;
  text-decoration: none;
  color: #796244;
  font-feature-settings: "palt";
  background: url(img/logomark.png) no-repeat left top;
  background-size: 90px;
  padding: 17px 0 0 97px;
  height: 67px;
  box-sizing: border-box;
}
.header_top {
  background: #67C4C9;
}
.header_access {
  line-height: 1.4;
  font-size: 0.72em;
  padding: 0.25em 0 0.2em;
  color: #fff;
  width: 100%;
}
.header_access .inner {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 940px) {
  #header h1 {
    padding-top: 10px;
  }
  #header h1 a {
    font-size: 23px;
    background-size: 80px;
    padding-left: 85px;
  }
}
@media screen and (max-width: 767px) {
  #header h1 {
    text-align: center;
    max-width: 100%;
    margin-top: 0;
  }
  #header h1 a {
    display: inline-block;
    font-size: 22px;
    background-size: 75px;
    padding-left: 82px;
  }
}
.headerinner ul.pc {
  padding-top: 0;
}
#header h1.cataracts, #header h1.retina {
  max-width: 45%;
}
@media screen and (max-width: 767px) {
  #header h1.cataracts, #header h1.retina {
    max-width: 96%;
  }
}
 */
/*コンテンツ*/
/*h2、パンくず、フッターを消す
.page-lp .page-title, .page-lp .bread_wrap, .page-lp #footer {
  display: none;
}
.page-lp #contents > .inner {
  width: 100%;
  max-width: 100%;
}*/
/*白内障専門サイトのナビの色
.page-parent-cataracts div#nav, .page-cataracts div#nav, .page-cataracts_inspection div#nav, .page-and_cataracts div#nav, .page-cataracts_eye_treatment div#nav, .page-after_surgery div#nav, .page-eye_lens_type div#nav, .page-multifocal_intraocular_lens div#nav, .page-fine_vision div#nav, .page-viewing div#nav, .page-swap div#nav, .page-secondary_cataract div#nav, .page-cataracts_inspection div#nav, .page-cataracts_cause_prevention div#nav, .page-surgery div#nav, .page-eye_treatment div#nav, .page-cataract_surgery div#nav, .page-tecnis div#nav, .page-restore div#nav, .page-symfony div#nav {
  background: #a3e5e8;
}*/
/*緑内障専門サイトのナビの色
.page-parent-glaucoma div#nav, .page-glaucoma div#nav, .page-about div#nav, .page-cssification div#nav, .page-opening div#nav, .page-blockade div#nav, .page-zokuhatsu div#nav, .page-zokuhatsu-blockade div#nav, .page-development div#nav, .page-check div#nav, .page-treatment div#nav, .page-point-eyes div#nav, .page-glaucoma_laser div#nav, .page-trabeculectomy div#nav, .page-travel-trimmy div#nav, .page-baerveldt div#nav, .page-seizure div#nav, .page-after-treatment div#nav {
  background: #e4ddd4;
}*/
/*網膜専門サイトのナビの色
.page-parent-retina div#nav, .page-retina div#nav, .page-link div#nav, .page-kensa div#nav, .page-hakuri div#nav, .page-diabetes div#nav, .page-vein_occlusion div#nav, .page-aging div#nav, .page-joumaku div#nav, .page-enkou div#nav, .page-fushu div#nav, .page-shoushitai div#nav, .page-eylea div#nav, .page-laser div#nav, .page-operation div#nav, .page-retina_sitemap div#nav {
  background: #796244;
}*/
@media screen and (min-width: 768px) {
  /*
  .hakunai #menu-header-nav > li.nav01 > a::before {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #796244;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  .retina #menu-header-nav > li.nav01 > a::before {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  .hakunai #menu-header-nav > li.nav02.cataracts_nav02 > a::after, .hakunai #menu-header-nav > li.nav02.cataracts_nav03 > a::after, .hakunai #menu-header-nav > li.nav02.cataracts_nav04 > a::after, .hakunai #menu-header-nav > li.nav02.cataracts_nav06 > a::after {
    position: absolute;
    top: 42px;
    right: 50%;
    margin: -4px 0 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #796244;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background: none;
    margin-right: -8px;
  }
  .moumaku #menu-header-nav > li > a, .moumaku #menu-header-nav > li > span {color: #fff;}
  .moumaku #menu-header-nav > li > a:hover {color: #000;}
  .moumaku #menu-header-nav > li::before {background: #fff;}
  .moumaku #menu-header-nav > li > a::before {background: #fff;}
  .moumaku #menu-header-nav > li.nav01 > a::before {background: none;}
  .moumaku #menu-header-nav > li.nav01 > a::after {background: #fff;}
  .moumaku .nav01 > a::after, .moumaku .retina_nav02 > a::before, .moumaku .retina_nav03 > a::before, .moumaku .retina_nav04 > a::before, .moumaku .retina_nav05 > a::before, .moumaku .retina_nav06 > a::before {background: #fff;}
  .box6 {
    width: 16.6%;
    float: left;
  }
  */
}
/* H3 */
.post-type-page h3, .entry-block h3, .under h3 {
  color: #fff;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.35;
  margin-bottom: 1em;
  position: relative;
  text-align: left;
  padding: 20px 5px 20px 30px;
  background-color: #67c4c9;
  margin-top: 1.5em;
  border-radius: 5px;
}
.post-type-page h3:before, .under h3::before, .entry-block h3::before {
  width: 5px;
  height: 70%;
  left: 10px;
  top: 15%;
  position: absolute;
  background: #fff;
  border-radius: 2px;
  content: "";
}
.mainblock > h3:first-child, .mainblock > div:first-child h3, .mainblock > h3:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .post-type-page h3, .mainblock h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-page h3, .mainblock h3 {
    background-size: 60px;
  }
}

/** index **/
.home #contents > .inner, .page-glaucoma #contents > .inner, .page-retina #contents > .inner, .page-cataracts #contents > .inner { /* トップページ幅 100%
  width: 100%;
  max-width: 100%; */
}
/*
.topinner {
  width: 420px;
  margin: 0 auto;
  max-width: 96%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .topinner {
    width: 1000px;
  }
}*/
/* official */
/* 　mainimage
.mainimage, .slider {
  margin-bottom: 1em;
}
.slick-slide img {
  margin: 0 auto;
}
.mainimage img {
  height: auto;
  max-width: none;
  max-height: none;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mainimage, .slider {
    margin-bottom: 0;
  }
}
.mainimage .slider > .item:not(:first-child) {
  display: none;
} */
/* 　TOP コンテンツ
.top .mainblock a {
  text-decoration: none;
}
.top h3 {
  text-align: center;
  font-size: 40px;
  color: #666666;
  letter-spacing: 2px;
  margin: 0 auto 50px;
  line-height: 1.4;
}
.top h3 span {
  display: block;
  color: #43afb5;
  font-size: 50%;
}
.top01 {
  background: #eef9f9;
  padding: 60px 0;
  margin: 0 0 60px;
}
.top01 .con_l {
  width: 36.5%;
  max-width: 365px;
}
.top01 .con_r {
  width: 60%;
}
.top01 p.ttl {
  position: relative;
  font-size: 22px;
  color: #27989e;
  margin: 0 0 15px;
  padding: 0 0 0 30px;
}
.top01 p.ttl::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 22px;
  background: #27989e;
  top: 12px;
  left: 0;
}
.top01 .ul01 li::before {
  width: 4px;
  height: 4px;
  top: 10px;
}
.top01 .ul01 li {
  padding-left: 18px;
}

.top04.bg-lazy .u_box.box01,
.top04.bg-lazy .u_box.box02,
.top04.bg-lazy .u_box.box03,
.top04.bg-lazy .u_box.box04,
.top04.bg-lazy .u_box.box05,
.top04.bg-lazy .u_box.box06,
.top05.bg-lazy {
    background-image: none!important;
} */

/* cataracts
.cataracts.top01 {
  background: #eef9f9;
  padding: 50px 0 70px;
  margin: 0px 0 55px;
}
.cataracts.top01 {
  background: #eef9f9;
  padding: 50px 0 30px;
  margin: 0 0 60px;
}
.under .cataracts h2 {
  color: #666666;
  font-size: 40px;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
  position: relative;
  text-align: center;
  border-radius: 0px;
  line-height: 1.3;
  padding: 95px 0 0;
}
span.h2_sabtxt {
  color: #67c4c9;
}
span.top01_p {
  color: #67c4c9;
  font-weight: bold;
}
.top01 h2:before {
  position: absolute;
  content: "";
  background: url(img/top_titlebg.png) no-repeat;
  left: 50%;
  top: 0;
  margin-left: -53px;
  width: 106px;
  height: 82px;
}
*/
/**/
/*ヘッダー
.page-lp #header {
  padding: 0 0 25px;
}
.page-lp #header h1 {
  display: block;
  float: left;
  max-width: 40%;
  width: 369px;
  padding-top: 0;
}
.page-lp #header h1 a {
  padding: 0;
  margin-top: 17px;
  background: none;
  height: auto;
}
.page-lp #header ul.pc {
  width: 504px;
  float: right;
  max-width: 56%;
  padding-top: 40px;
}
.page-lp #header li.txt {
  width: 261px;
  float: left;
  max-width: 52%;
}
.page-lp #header li.txt img {
  width: 261px;
}
.page-lp #header li.inq {
  float: right;
  width: 225px;
  max-width: 45%;
}
.page-lp .headerinner .tel {
  width: inherit;
  padding-top: 0;
}
.page-lp #header ul.btn {
  padding-top: 9px;
}
@media screen and (max-width: 767px) {
  .page-lp #header h1 {
    float: none;
    max-width: 65%;
    margin-bottom: 25px;
  }
  .page-lp #header li {
    float: left;
    width: 25%;
    border-right: 1px solid #46b2be;
    text-align: center;
    box-sizing: border-box;
  }
  .page-lp #header li:last-child {
    border: none;
  }
  .page-lp #header li img {
    margin: 0 auto;
    max-width: 100%;
    width: inherit !important;
  }
  .page-lp #toggle a {
    width: auto;
  }
}*/
/*ナビ
@media screen and (min-width: 768px) {
  .page-lp #nav {
    background: #fff !important;
  }
  .page-lp #menu-header-nav > li {
    width: 16.66666%;
  }
  .page-lp #menu-header-nav > li > a {
    font-size: 16px;
    padding-top: 8px;
  }
  span.st {
    font-weight: bold;
    font-size: 18px;
  }
  .page-lp #menu-header-nav > li > a::after {
    display: none;
  }
  .page-lp #menu-header-nav > li > a::before {
    position: absolute;
    content: "";
    right: 0;
    top: 4px;
    height: 42px;
    width: 1px;
    background: #e8f0f0;
  }
  .page-lp #menu-header-nav > li.nav01 > a::before {
    border: none;
    margin: 0;
  }
  .page-lp #menu-header-nav > li.nav01::before {
    left: -1px;
    position: absolute;
    content: "";
    right: 0;
    top: 4px;
    height: 42px;
    width: 1px;
    background: #e8f0f0;
  }
}
@media screen and (max-width: 1042px) and (min-width: 768px) {
  .page-lp #menu-header-nav > li > a {
    font-size: 10px;
    padding-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .page-lp #nav ul li > a::after {
    display: none;
  }
  .page-lp .inq01 img {
    height: 60px;
    width: auto;
  }
  .page-lp .btm_inq {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .page-lp .inq01 {
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 100;
  }
}*/
/*h2タイトル
.page-lp .h2_ttl {
  background: url(img/cataracts_lp_h2_bg.png);
  position: relative;
}
.page-lp .h2_ttl:before, .page-lp .h2_ttl:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #f0f9fa;
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
}
.page-lp .h2_ttl:after {
  top: auto;
  bottom: 9px;
}
.page-lp .h2_ttl h2 {
  font-size: 50px;
  text-align: center;
  font-weight: bold;
  color: #f5f3f0;
  line-height: 1.3;
  padding: 1.2em 0 1em;
}
*/

/**/

/**/


/* 240308 DR.BRIDGE start */
/*
#header h1.cataracts, #header h1.retina {
    max-width: 45%;
    width: 100%;
}

@media screen  and (max-width: 767px) {
#header h1.cataracts, #header h1.retina {
    max-width: 100%;
    width: 100%;
}
}

*/
@media ( min-width : 768px ) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
  }
}
/* 240308 DR.BRIDGE end */

.under, .under404 {
  margin-bottom: 40px;
}
@media ( min-width : 768px ) {
  .under, .under404 {
    margin-bottom: 80px;
  }
}

.db_bnr_layout{
    width: 400px;
    margin: 30px auto 0;
}
@media (max-width: 768px) {
    .db_bnr_layout{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box
    }
    .db_bnr_layout a span{
        font-size: 11px!important;
    }
}

.faq_title_kai{
	&::before{
		content: "";
		width: 5px;
		height: 70%;
		left: 10px;
		top: 15%;
		position: absolute;
		background: #fff;
		border-radius: 2px;
	}
}


.table_sp_view{
  overflow-x: scroll;
  position: relative;
  @media (max-width: 768px) {
    &::before{
      content: "横にスクロールできます。";
      font-size: 15px;
      position: sticky;
      top: 0;
      left: 0;
    }
  }
  .border-table{
    @media (max-width: 768px) {
      width: 1000px!important;
    }
  }
}