@charset "UTF-8";
@import url(vendor/common.css);
body > main#Yellow {
  background-color: #fffab3;
}

body > main#Yellow h1 {
  color: #ff3838;
}

body > main#Yellow h1:after {
  background-color: #ff3838 !important;
}

body > main#Yellow h2::after,
body > main#Yellow h3::after,
body > main#Yellow h4::after {
  background-color: #ff3838;
}

body > main#Yellow h2,
body > main#Yellow h3,
body > main#Yellow h4 {
  color: #ff3838;
}

body > main#Blue {
  background-color: #99c0ff;
}

body > main#Blue h1 {
  color: #10368f;
}

body > main#Blue h1:after {
  background-color: #10368f !important;
}

body > main#Blue h2::after,
body > main#Blue h3::after,
body > main#Blue h4::after {
  background-color: #10368f;
}

body > main#Blue h2,
body > main#Blue h3,
body > main#Blue h4 {
  color: #10368f;
}

body > main#Pink {
  background-color: #FFEBF3;
}

body > main#Pink h1 {
  color: #E96486;
}

body > main#Pink h1:after {
  background-color: #E96486 !important;
}

body > main#Pink h2::after,
body > main#Pink h3::after,
body > main#Pink h4::after {
  background-color: #10368f;
}

body > main#Pink h2,
body > main#Pink h3,
body > main#Pink h4 {
  color: #10368f;
}

body > main#Green {
  background-color: #92e6b2;
}

body > main#Green h1 {
  color: #0d5228;
}

body > main#Green h1:after {
  background-color: #0d5228 !important;
}

body > main#Green h2::after,
body > main#Green h3::after,
body > main#Green h4::after {
  background-color: #0d5228;
}

body > main#Green h2,
body > main#Green h3,
body > main#Green h4 {
  color: #0d5228;
}

body > main#Aquamarine {
  background-color: #AAE8E3;
}

body > main#Aquamarine h1 {
  color: #2CB3AF;
}

body > main#Aquamarine h1:after {
  background-color: #2CB3AF !important;
}

body > main#Aquamarine h2::after,
body > main#Aquamarine h3::after,
body > main#Aquamarine h4::after {
  background-color: #2CB3AF;
}

body > main#Aquamarine h2,
body > main#Aquamarine h3,
body > main#Aquamarine h4 {
  color: #2CB3AF;
}

body > main#Lightgreen {
  background-color: #E1F7DE;
  padding-bottom: 5%;
}

body > main#Lightgreen h1 {
  color: #3F9660;
}

body > main#Lightgreen h1:after {
  background-color: #3F9660 !important;
}

body > main#Lightgreen h2::after,
body > main#Lightgreen h3::after,
body > main#Lightgreen h4::after {
  background-color: #3F9660;
}

body > main#Lightgreen h2,
body > main#Lightgreen h3,
body > main#Lightgreen h4 {
  color: #3F9660;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

/* version */
html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  background: #fff;
  font-family: "Noto Sans Japanese", "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Roboto, "Droid Sans", Arial, "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-size: 14px;
  font-size: 1.4em;
  line-height: 1.4;
  color: #1b1b1b;
  height: auto !important;
  overflow: hidden;
}

main {
  overflow: hidden;
}

figure {
  margin: 0;
  text-align: center;
}

figure figcaption {
  margin-top: 0.5em;
  text-align: left;
}

a {
  color: #1b1b1b;
  text-decoration: underline;
}

a:hover {
  color: #1b1b1b;
  text-decoration: none;
}

.highlight a {
  color: #1b1b1b;
}

.highlight a:hover {
  color: #1b1b1b;
}

img {
  vertical-align: middle;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

img.circle {
  border-radius: 50%;
}

p {
  margin: 0.5em 0 1em;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

ol,
ul {
  margin: 0 0 1em;
  padding: 0 0 0 2.5em;
  line-height: 1.6;
}

ol:last-child,
ul:last-child {
  margin-bottom: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0.5em 0;
  padding-left: 2em;
}

ol ol:last-child,
ol ul:last-child,
ul ol:last-child,
ul ul:last-child {
  margin-bottom: 0.5em;
}

ul.list-unstyled {
  padding-left: 0;
  list-style: none;
}

ul.list-unstyled ol,
ul.list-unstyled ul {
  padding-left: 2em;
}

ul.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -7px;
  font-size: 0px;
  font-size: 0rem;
  margin-bottom: 14px;
}

ul.list-inline > li {
  display: inline;
  padding-left: 7px;
  padding-right: 7px;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}

dl {
  margin: 0 0 1em;
  line-height: 1.6;
}

dl:last-child {
  margin-bottom: 0;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin-left: 0;
  margin-bottom: 0.5em;
}

dl dd:last-child {
  margin-bottom: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

main section {
  margin-bottom: 10%;
}

main section.highlight:last-child {
  margin-bottom: 0;
  padding-bottom: 10%;
}

.sp-mask {
  transition: none !important;
}

.highlight {
  padding: 4% 0;
  background: rgba(255, 162, 0, 0.05);
  color: #1b1b1b;
}

#swipebox-overlay {
  z-index: 10000002 !important;
}

@media (min-width: 768px) {
  p {
    margin: 0.5em 0 1em;
  }
  dl.dl-horizontal {
    overflow: hidden;
  }
  dl.dl-horizontal dt {
    float: left;
    clear: left;
    margin-right: 1em;
  }
  dl.dl-horizontal dd {
    float: left;
  }
  main section {
    margin-bottom: 5%;
  }
  main section:last-child {
    margin-bottom: 7%;
  }
  main section.highlight:last-child {
    margin-bottom: 0;
    padding-bottom: 7%;
  }
}

@media (max-width: 767px) {
  .tile:not(.sp-tile) > * {
    height: auto !important;
  }
}

@media (min-width: 768px) {
  .gutters .row.row_inline {
    letter-spacing: -.40em;
  }
  .gutters .row.row_inline > .col {
    letter-spacing: normal;
    vertical-align: top;
    display: inline-block;
    float: none;
    margin-bottom: 5%;
  }
  .gutters .row.row_inline .span_1:nth-child(12n+1) {
    margin-left: 0;
  }
  .gutters .row.row_inline .span_2:nth-child(6n+1) {
    margin-left: 0;
  }
  .gutters .row.row_inline .span_3:nth-child(4n+1) {
    margin-left: 0;
  }
  .gutters .row.row_inline .span_4:nth-child(3n+1) {
    margin-left: 0;
  }
  .gutters .row.row_inline .span_5:nth-child(2n+1) {
    margin-left: 0;
  }
  .gutters .row.row_inline .span_6:nth-child(2n+1) {
    margin-left: 0;
  }
  .gutters .row.row_inline .span_7 {
    width: 57.5%;
  }
  .gutters .row.row_inline .span_8 {
    width: 66%;
  }
  .gutters .row.row_inline .span_9 {
    width: 74.5%;
  }
  .gutters .row.row_inline .span_10 {
    width: 83%;
  }
  .gutters .row.row_inline .span_11 {
    width: 91.5%;
  }
  .gutters .row.row_inline .span_12 {
    width: 100%;
  }
}

main .column_main,
main .column_sub {
  overflow: hidden;
  min-height: 100px;
}

main .column_main .widget_header,
main .column_sub .widget_header {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0.5em;
  margin-bottom: 0;
}

main .column_main .widget_header + *:not(.calendar_wrap),
main .column_sub .widget_header + *:not(.calendar_wrap) {
  padding: 0;
  margin: 0 auto 1em;
}

main .column_main .widget_header + .epress_search,
main .column_main .widget_header + .textwidget,
main .column_sub .widget_header + .epress_search,
main .column_sub .widget_header + .textwidget {
  padding: 10px 0;
}

main .column_main .widget_wrap .menu,
main .column_main .widget_wrap > ul,
main .column_sub .widget_wrap .menu,
main .column_sub .widget_wrap > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

main .column_main .widget_wrap .menu ul,
main .column_main .widget_wrap > ul ul,
main .column_sub .widget_wrap .menu ul,
main .column_sub .widget_wrap > ul ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

main .column_main .widget_wrap .menu li,
main .column_main .widget_wrap > ul li,
main .column_sub .widget_wrap .menu li,
main .column_sub .widget_wrap > ul li {
  padding: 0.5em 0.7em;
  border-bottom: 1px solid #ccc;
}

main .column_main .widget_wrap .menu li:last-child,
main .column_main .widget_wrap > ul li:last-child,
main .column_sub .widget_wrap .menu li:last-child,
main .column_sub .widget_wrap > ul li:last-child {
  border-bottom: 0;
}

main .column_main .widget_wrap .menu li a,
main .column_main .widget_wrap > ul li a,
main .column_sub .widget_wrap .menu li a,
main .column_sub .widget_wrap > ul li a {
  display: block;
  text-decoration: none;
}

main .column_main .widget_wrap .menu li a:hover,
main .column_main .widget_wrap > ul li a:hover,
main .column_sub .widget_wrap .menu li a:hover,
main .column_sub .widget_wrap > ul li a:hover {
  text-decoration: underline;
}

main .column_main .widget_wrap ul > li.page_item,
main .column_sub .widget_wrap ul > li.page_item {
  border-bottom: #ccc solid 1px;
}

main .column_main .widget_wrap ul > li.page_item.page_item_has_children,
main .column_sub .widget_wrap ul > li.page_item.page_item_has_children {
  padding: 0.5em 0.7em 0.2em !important;
}

main .column_main .widget_wrap ul > li.page_item .children,
main .column_sub .widget_wrap ul > li.page_item .children {
  border-top: #eee solid 1px;
  margin: 0.5em 0 0 !important;
}

main .column_main .widget_wrap ul > li.page_item .children li,
main .column_sub .widget_wrap ul > li.page_item .children li {
  font-weight: normal;
  border-bottom: #eee solid 1px;
  font-size: 96%;
  padding: 0.5em 0.7em 0.5em 1em;
  position: relative;
}

main .column_main .widget_wrap ul > li.page_item .children li:before,
main .column_sub .widget_wrap ul > li.page_item .children li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  background: rgba(54, 46, 43, 0.4);
  border-radius: 2.5px;
}

main .column_main .widget_wrap ul > li.page_item .children li li:before,
main .column_sub .widget_wrap ul > li.page_item .children li li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 5px;
  height: 5px;
  background: rgba(54, 46, 43, 0.15);
  border-radius: 0;
}

@media (max-width: 900px) {
  .gutters .span_3.column_sub,
  .gutters .span_9.column_main {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

@media (min-width: 600px) and (max-width: 900px) {
  .gutters .span_3.column_sub .sidebar {
    letter-spacing: -.40em;
  }
  .gutters .span_3.column_sub .sidebar .widget_wrap {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-left: 2%;
  }
  .gutters .span_3.column_sub .sidebar .widget_wrap:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 1000px;
  }
}

@media (min-width: 1024px) {
  .container {
    padding: 0 10px;
  }
}

.article_button {
  margin-top: 5%;
}

@media (min-width: 768px) {
  .article_detail:not(.reverse) .col.span_12 + .span_4,
  .article_list:not(.reverse) .col.span_12 + .span_4 {
    margin-left: 0;
  }
  .article_detail.reverse .col.span_12,
  .article_list.reverse .col.span_12 {
    margin-left: 0;
  }
}

.sidebar {
  visibility: hidden;
}

.sidebar > .widget_wrap {
  visibility: visible;
}

.gutters .col.span_12 + .span_12 {
  margin-left: 0;
}

.sitemap {
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
}

.sitemap li {
  list-style: none;
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #ccc;
}

.sitemap li > ul {
  padding: 0;
  border-top: #ccc solid 1px;
}

.sitemap li > ul > li {
  border-bottom: 1px solid #ccc;
  position: relative;
}

.sitemap li > ul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 3px;
}

.sitemap li > ul > li:last-child {
  border-bottom: none;
  padding: 10px 0 0 15px;
}

.sitemap li > ul > li .children > li {
  padding: 10px 0 0 15px;
}

.sitemap li > ul > li .children > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 0;
}

.sitemap a {
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
}

.sitemap a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .sitemap a {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.parallax_h1 {
  height: 250px;
  position: relative;
}

.parallax_h1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
}

.parallax_h1 h1 {
  color: #fff;
}

.parallax_h1 h1:after, .parallax_h1 h1:before {
  background: #fff;
}

@media (min-width: 768px) {
  .parallax_h1 {
    height: 450px;
  }
}

.map_wide #map_canvas,
.map_wide iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map_wide img {
  max-width: none;
}

.slick-track {
  margin: 0 auto;
}

.col dl p {
  line-height: 1.4;
  margin: 0;
}

.col p {
  line-height: 1.8;
}

.container {
  padding: 0 10px;
}

@media (min-width: 1020px) {
  .container {
    padding: 0;
  }
}

.container .container {
  padding: 0;
}

#fb-root,
.fb-page {
  font-family: "lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif !important;
}

#swipebox-overlay {
  background: rgba(13, 13, 13, 0.8);
}

header {
  position: relative;
  z-index: 100;
  width: 100%;
  background: #fff;
  color: #1b1b1b;
}

header .row {
  margin: 0 3%;
}

@media (max-width: 767px) {
  header .container .row {
    margin: 0;
  }
}

header .title {
  margin: 0;
  padding: 10px 0;
  line-height: 1;
}

header .title a {
  display: inline-block;
}

header .title img,
header .title object {
  pointer-events: none;
  width: 350px;
  height: 30px;
}

@media (max-width: 600px) {
  header .title img,
  header .title object {
    width: 250px;
    height: 21.42857px;
    min-height: 45px;
  }
}

header .global_nav > ul {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #b3b3b3;
}

@media (min-width: 768px) {
  header .global_nav > ul {
    left: auto;
    width: 50%;
    max-width: 400px;
  }
}

header .global_nav > ul > li {
  border-bottom: 1px solid #b3b3b3;
}

header .global_nav > ul > li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  color: #fff;
  background: rgba(255, 162, 0, 0.9);
}

header .global_nav > ul > li a:hover {
  color: #fff;
}

header .global_nav > ul > li a:active {
  background: #FFA200;
  color: #fff;
}

header .global_nav > ul > li > a {
  background: rgba(255, 162, 0, 0.9);
}

header .global_nav .menu_icon {
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}

header .global_nav .menu_icon a {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}

header .global_nav .menu_icon a:after, header .global_nav .menu_icon a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background: #FFA200;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

header .global_nav .menu_icon a:before {
  top: 0;
}

header .global_nav .menu_icon a:after {
  bottom: 0;
}

header .global_nav .menu_icon a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background: #FFA200;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

header .global_nav .menu_icon a.close:not(.fix) {
  background: none;
}

header .global_nav .menu_icon a.close:not(.fix):before {
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  background: #FFA200;
}

header .global_nav .menu_icon a.close:not(.fix):after {
  bottom: 50%;
  -webkit-transform: translate(0, 50%) rotate(-45deg);
          transform: translate(0, 50%) rotate(-45deg);
  background: #FFA200;
}

header .global_nav .menu_icon a.close:not(.fix) span {
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

header .global_nav > ul {
  -webkit-transform-origin: center top;
          transform-origin: center top;
  visibility: hidden;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}

header.menu_open .global_nav > ul {
  visibility: visible;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

#google_translate_element,
.translate_gt {
  position: absolute;
  top: 50%;
  right: 15%;
  margin-top: -12px;
}

.translate_gt {
  margin-top: -14px;
}

@media (min-width: 769px) {
  header .row {
    table-layout: fixed;
    display: table;
    width: 94%;
  }
}

@media (min-width: 769px) and (max-width: 999px) {
  header .row {
    margin: auto;
    width: 100%;
  }
}

@media (min-width: 769px) {
  header .container .row {
    width: auto;
    margin: 0;
  }
  header .global_nav,
  header .title {
    margin: 0;
    vertical-align: middle;
    height: 120px;
    display: table-cell;
  }
  header .title {
    max-width: none;
    max-width: none;
    padding: 10px 0;
    width: 350px;
  }
  header .global_nav {
    text-align: right;
    width: 100%;
    padding: 0;
  }
  header .global_nav > ul {
    position: static;
    display: inline-block;
    width: auto;
    border: none;
    background: none;
    visibility: visible;
    font-size: 0px;
    font-size: 0rem;
    -webkit-transform: none;
            transform: none;
    text-align: left;
    overflow: visible;
    max-width: none;
  }
  header .global_nav > ul > li {
    display: inline-block;
    vertical-align: middle;
    border: none;
    line-height: 1.5;
    border-left: 1px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  header .global_nav > ul > li:not(.gnav_search) {
    text-align: center;
  }
  header .global_nav > ul > li:not(.gnav_search) > a {
    position: relative;
  }
  header .global_nav > ul > li:not(:first-child) > a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background: #fff;
  }
  header .global_nav > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
    background: transparent;
    text-align: center;
    transition: 0.3s;
    border-bottom: 2px solid transparent;
    padding: 0.3em 1.5em;
  }
}

@media (min-width: 769px) and (max-width: 900px) {
  header .global_nav > ul > li > a {
    padding: 0.3em 0.5em;
  }
}

@media (min-width: 769px) {
  header .global_nav > ul > li > a:hover {
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
  }
  header .global_nav > ul > li > a:active {
    background: none;
  }
  header .global_nav > ul > li > a span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
  }
  header .global_nav .menu_icon {
    display: none;
  }
  #google_translate_element,
  .translate_gt {
    position: static;
    float: right;
    margin-top: 3px;
    margin-left: 1em;
  }
  .translate_gt {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  header .global_nav > ul > li > a > span,
  header .global_nav > ul > li > a > br {
    display: none;
  }
}

.hdr_info_wrap {
  display: none;
}

@media (min-width: 769px) {
  .hdr_info_wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1000px;
    display: none;
  }
}

.hdr_info_wrap .hdr_info {
  position: absolute;
  right: 10px;
  top: 35px;
}

footer {
  position: relative;
}

footer nav {
  text-align: center;
}

footer nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer nav ul li + li {
  border-top: 1px solid #b3b3b3;
}

footer nav a {
  display: block;
  padding: 0.7em 0;
  text-decoration: none;
}

footer nav a:hover {
  text-decoration: underline;
}

footer .footer_copyright_wrap {
  text-align: center;
}

footer .footer_copyright_wrap p {
  padding: 1em 0.3em;
}

@media (min-width: 768px) {
  footer .row:not(:last-child) {
    margin-bottom: 5px;
  }
  footer nav {
    text-align: center;
    padding: 0.7em 0 0;
  }
  footer nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0px;
    font-size: 0rem;
    white-space: normal;
  }
  footer nav ul > li {
    display: inline;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    font-size: 14px;
    font-size: 1.4rem;
  }
  footer nav ul li {
    line-height: 1.5;
    white-space: normal;
  }
  footer nav ul li + li {
    border: 0;
  }
  footer nav ul li:not(:first-child):before {
    content: "|";
    margin-right: 0.3em;
    margin-left: 0.3em;
  }
  footer nav a {
    display: inline;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer nav ul li.tablet-break:after {
    content: "\A";
    white-space: pre;
  }
  footer nav ul li.tablet-break + li:before {
    display: none;
  }
}

/*
 * フッターパターンA(footer pattern A)
 */
footer {
  background: #FFA200;
  color: #fff;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

@media (min-width: 768px) {
  footer .container .row .col {
    float: none;
    width: 100%;
  }
  footer .container .row nav ul {
    display: inline-block;
  }
  footer .container .row nav a {
    display: inline-block;
    padding: 0.3em;
  }
}

.slider-pro.contents {
  overflow: hidden;
  margin: 0 auto !important;
}

.slider-pro.contents .sp-caption-container {
  width: 90%;
  margin: 0 auto;
  padding: 10px;
}

.slider-pro.contents .sp-caption-container h3 {
  margin: 0 0 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.slider-pro.contents .sp-caption-container h3:last-child {
  margin-bottom: 0;
}

.slider-pro.contents .sp-caption-container p {
  font-size: 13px;
  font-size: 1.3rem;
}

.slider-pro.contents.sp-horizontal .sp-previous-arrow {
  left: 10px;
  margin-top: 180px;
}

.slider-pro.contents.sp-horizontal .sp-next-arrow {
  right: 10px;
  margin-top: 180px;
}

.slider-pro.contents .sp-next-arrow:after,
.slider-pro.contents .sp-next-arrow:before,
.slider-pro.contents .sp-previous-arrow:after,
.slider-pro.contents .sp-previous-arrow:before {
  background-color: #FFA200;
}

@media (max-width: 767px) {
  .slider-pro.contents .sp-arrow {
    width: 10px;
    height: 15px;
  }
}

@media (min-width: 768px) {
  .slider-pro.contents .sp-caption-container {
    width: 450px;
    min-height: 40px;
    margin: 10px auto 0;
    border-right: 1px dashed #999;
    border-left: 1px dashed #999;
  }
  .slider-pro.contents .sp-arrow {
    width: 10px;
    height: 15px;
  }
  .slider-pro.contents.sp-horizontal .sp-previous-arrow {
    left: 50%;
    margin-top: 187.5px;
    margin-left: -230px;
  }
  .slider-pro.contents.sp-horizontal .sp-next-arrow {
    right: 50%;
    margin-top: 187.5px;
    margin-right: -230px;
  }
}

.slider-pro.center {
  overflow: hidden;
  width: 100%;
}

.slider-pro.center .sp-button {
  border: none;
  background: #d2d2d2;
}

.slider-pro.center .sp-selected-button {
  background: #FFA200;
}

.slider-pro.center.sp-horizontal .sp-arrows {
  left: 0;
  right: 0;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.slider-pro.center.sp-horizontal .sp-previous-arrow {
  left: 10px;
}

.slider-pro.center.sp-horizontal .sp-next-arrow {
  right: 10px;
}

.slider-pro.center .sp-previous-arrow,
.slider-pro.center .sp-next-arrow {
  width: 30px;
  height: 30px;
  background-color: rgba(255, 162, 0, 0.7);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px;
}

.slider-pro.center .sp-previous-arrow {
  background-image: url(/wp-content/uploads/sub/arrow_left_wh.png);
}

.slider-pro.center .sp-next-arrow {
  background-image: url(/wp-content/uploads/sub/arrow_right_wh.png);
}

.slider-pro.center .sp-next-arrow:after,
.slider-pro.center .sp-next-arrow:before,
.slider-pro.center .sp-previous-arrow:after,
.slider-pro.center .sp-previous-arrow:before {
  display: none;
}

.slider-pro.center .sp-layer {
  line-height: 1.2;
  white-space: normal !important;
  font-size: 20px;
  font-size: 2rem;
  color: #1b1b1b;
}

.slider-pro.center .sp-layer small {
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .slider-pro.center .sp-layer {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .slider-pro.center .sp-padding {
    padding: 35px;
  }
}

@media (min-width: 1100px) {
  .slider-pro.center.sp-horizontal .sp-previous-arrow {
    left: -15px;
  }
  .slider-pro.center.sp-horizontal .sp-next-arrow {
    right: -15px;
  }
}

.slider-pro.wide {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 10px;
}

.slider-pro.wide .sp-buttons {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  right: 10px;
  width: auto;
  padding-top: 0;
  text-align: right;
}

.slider-pro.wide .sp-button {
  border: none;
  background: #d2d2d2;
}

.slider-pro.wide .sp-selected-button {
  background: #FFA200;
}

.slider-pro.wide .sp-previous-arrow,
.slider-pro.wide .sp-next-arrow {
  z-index: 2;
}

.slider-pro.wide .sp-next-arrow:after,
.slider-pro.wide .sp-next-arrow:before,
.slider-pro.wide .sp-previous-arrow:after,
.slider-pro.wide .sp-previous-arrow:before {
  color: #fff;
}

.slider-pro.wide .hps-slider-mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-pro.wide .hps-slider-mask.stripe {
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(/wp-content/uploads/sub/mask_stripe.png);
}

.slider-pro.wide .hps-slider-copy {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 50px;
  color: #1b1b1b;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
}

.slider-pro.wide .hps-slider-copy .lead {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  color: #1b1b1b;
}

.slider-pro.wide.disable-arrows .hps-slider-copy {
  padding: 0 10px;
}

.slider-pro.wide .hps-slider-scroll {
  display: none;
}

@media (max-width: 767px) {
  .slider-pro.wide.sp-disable-arrows .hps-slider-copy {
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .slider-pro.wide .sp-buttons {
    bottom: 20px;
    right: 25px;
  }
  .slider-pro.wide .sp-button {
    width: 18px;
    height: 18px;
    margin: 0 10px;
  }
  .slider-pro.wide .hps-slider-copy {
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
  }
  .slider-pro.wide .hps-slider-copy .lead {
    font-size: 46px;
    font-size: 4.6rem;
  }
  .slider-pro.wide .hps-slider-scroll {
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    text-align: center;
  }
  .slider-pro.wide .hps-slider-scroll a {
    display: inline-block;
    width: 100px;
    padding-bottom: 45px;
    background: url(/wp-content/uploads/sub/arrow_down_white.png) center bottom no-repeat;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
  }
  .slider-pro.wide .hps-slider-scroll.text-black a {
    background: url(/wp-content/uploads/sub/arrow_down_black.png) center bottom no-repeat;
    color: #000;
  }
}

@media (min-width: 1024px) {
  .slider-pro.wide .hps-slider-scroll {
    display: block;
    bottom: 45px;
  }
}

@media (max-width: 767px) {
  .bf-af .row:not(:last-child) {
    margin-bottom: 10%;
  }
  .bf-af .before {
    padding-bottom: 16%;
    background: url(/wp-content/uploads/sub/arrow_down.svg) center bottom no-repeat;
    background-size: 20%;
    background-size: 45px auto;
  }
  .bf-af .after:not(:last-child) {
    margin-bottom: 10%;
  }
}

@media (min-width: 768px) {
  .bf-af {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .bf-af .before, .bf-af .after {
    display: table-cell;
    vertical-align: top;
  }
  .bf-af .before span {
    display: block;
    position: relative;
  }
  .bf-af .before span:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    background: url(/wp-content/uploads/sub/arrow_right.svg) center center no-repeat;
    background-size: 100%;
  }
  .bf-af.col2 .before {
    width: 55%;
    padding-right: 10%;
  }
  .bf-af.col2 .after {
    width: 45%;
  }
  .bf-af.col2 .before span:after {
    width: 10%;
    right: -16%;
  }
  .bf-af.col4 .before:nth-child(1) {
    width: 24%;
    padding-left: 0;
    padding-right: 2%;
  }
  .bf-af.col4 .after:nth-child(2) {
    width: 26%;
    padding-left: 3%;
    padding-right: 1%;
  }
  .bf-af.col4 .before:nth-child(3) {
    width: 26%;
    padding-left: 1%;
    padding-right: 3%;
  }
  .bf-af.col4 .after:nth-child(4) {
    width: 24%;
    padding-left: 2%;
    padding-right: 0;
  }
  .bf-af.col4 .before span:after {
    width: 13%;
    right: -18%;
  }
}

.bread_wrap {
  margin-bottom: 2%;
}

.bread {
  overflow: hidden;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.bread ul {
  padding: 1em 0;
  margin: 0 auto;
  float: none;
}

.bread ul li {
  list-style: none;
  position: relative;
  float: left;
  padding-right: 2em;
  margin-right: 1.5em;
}

.bread ul li a {
  text-decoration: none;
  color: #1b1b1b;
}

.bread ul li a:hover {
  color: #1b1b1b;
  text-decoration: none;
}

.bread ul li:after {
  content: '>';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.bread ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.bread ul li:last-child:after {
  content: none;
}

.button, .inquiry .wpcf7-submit {
  display: inline-block;
  min-width: 0px;
  margin: 0;
  padding: 1em 1em;
  border: 0;
  border-radius: 4px;
  line-height: 1;
  background: #FFA200;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: .3s;
}

.button:hover, .inquiry .wpcf7-submit:hover {
  background: #ced4d2;
  color: #FFA200;
}

.highlight .button, .highlight .inquiry .wpcf7-submit, .inquiry .highlight .wpcf7-submit {
  color: #fff;
}

.highlight .button:hover, .highlight .inquiry .wpcf7-submit:hover, .inquiry .highlight .wpcf7-submit:hover {
  color: #FFA200;
}

.button.block, .inquiry .block.wpcf7-submit {
  display: block;
  min-width: 0;
}

.button.inverse, .inquiry .inverse.wpcf7-submit {
  border: 0;
  border-radius: 4px;
  background: #000;
  color: #fff;
}

.button.inverse:hover, .inquiry .inverse.wpcf7-submit:hover {
  background: #1a1a1a;
  color: #fff;
}

.button.cancel, .inquiry .cancel.wpcf7-submit {
  background: #888;
  color: #fff;
}

.button.cancel:hover, .inquiry .cancel.wpcf7-submit:hover {
  background: #6f6f6f;
}

.button.large, .inquiry .large.wpcf7-submit {
  padding: 1em 2em;
  font-size: 16px;
  font-size: 1.6rem;
}

.button + .button, .inquiry .wpcf7-submit + .button, .inquiry .button + .wpcf7-submit, .inquiry .wpcf7-submit + .wpcf7-submit {
  margin-left: 0.5em;
}

.button span, .inquiry .wpcf7-submit span {
  line-height: 1;
  padding-left: 20px;
  background: url(/wp-content/uploads/sub/btn_icon.png) left center no-repeat;
  background-size: auto 14px;
}

.feature {
  color: #fff;
}

.feature h3 {
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
}

.feature img {
  width: 100%;
}

.feature .col {
  display: table;
  table-layout: fixed;
}

.feature .col:not(:last-child) {
  margin-bottom: 0;
}

.feature .col:nth-child(1) {
  background: #49afe6;
}

.feature .col:nth-child(2) {
  background: #8ed95d;
}

.feature .col:nth-child(3) {
  background: #f6aa48;
}

.feature .col:nth-child(4) {
  background: #f98282;
}

.feature .col .textbox {
  display: table-cell;
  width: 70%;
  padding: 1em 3%;
  vertical-align: middle;
}

.feature .col figure {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}

.feature .col figure:first-child img {
  text-align: left;
}

.feature .col figure:last-child img {
  text-align: right;
}

@media (min-width: 768px) {
  .feature h3 {
    margin: 10px 0 15px;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .feature .col {
    display: block;
    table-layout: auto;
  }
  .feature .col .textbox {
    display: block;
    width: auto;
    height: 250px;
    padding: 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .feature .col figure {
    display: inline;
    width: auto;
    vertical-align: middle;
  }
}

.grid {
  display: block;
  margin: 0;
}

.grid.row, .grid .row, .grid.col, .grid .col {
  margin: 0;
}

.has-child-grid .grid {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.has-child-grid .grid .col {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}

.has-child-grid .grid .col.span_12 {
  padding: 20px 0;
}

.grid .grid-arrow {
  position: relative;
  overflow: hidden;
}

.grid .grid-arrow:after {
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  bottom: -15px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition: .3s;
}

.grid p {
  margin: 0;
  padding: 0.2em 0;
}

.grid a {
  color: #fff;
  text-decoration: none;
  transition: .3s;
}

.grid a > [style^="background-image"], .grid a img {
  transition: .3s;
}

.grid a:hover > [style^="background-image"], .grid a:hover img {
  opacity: 0.6;
}

.grid .grid-bg1 {
  background-color: #e74c3c;
}

.grid .grid-bg1:hover {
  background-color: #eb6d60;
}

.grid .grid-bg1:hover .grid-arrow:after {
  background-color: #df2e1b;
}

.grid .grid-bg2 {
  background-color: #3498db;
}

.grid .grid-bg2:hover {
  background-color: #57aae1;
}

.grid .grid-bg2:hover .grid-arrow:after {
  background-color: #2383c4;
}

.grid .grid-bg3 {
  background-color: #f1c40f;
}

.grid .grid-bg3:hover {
  background-color: #f3cd36;
}

.grid .grid-bg3:hover .grid-arrow:after {
  background-color: #cba50c;
}

.grid .grid-bg4 {
  background-color: #1abc9c;
}

.grid .grid-bg4:hover {
  background-color: #1fe0ba;
}

.grid .grid-bg4:hover .grid-arrow:after {
  background-color: #15987e;
}

.grid .grid-bg5 {
  background-color: #9b59b6;
}

.grid .grid-bg5:hover {
  background-color: #ac75c2;
}

.grid .grid-bg5:hover .grid-arrow:after {
  background-color: #8646a0;
}

.grid .grid-bg6 {
  background-color: #34495e;
}

.grid .grid-bg6:hover {
  background-color: #435d78;
}

.grid .grid-bg6:hover .grid-arrow:after {
  background-color: #253544;
}

.grid .grid-bg7 {
  background-color: #2ecc71;
}

.grid .grid-bg7:hover {
  background-color: #4cd787;
}

.grid .grid-bg7:hover .grid-arrow:after {
  background-color: #26ab5f;
}

.ie .grid .grid-arrow:after {
  display: none;
}

@media (min-width: 768px) {
  .grid {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
  }
  .grid .col {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .grid .col.span_12 {
    padding: 0;
  }
  .grid .col.has-child-grid > * {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid p {
    margin: 0;
    padding: 0.2em 0;
  }
}

.guide figure {
  margin-bottom: 1em;
}

.guide figure img {
  width: auto;
  max-width: 100%;
}

.guide .message .contents_link {
  text-align: center;
}

@media (min-width: 768px) {
  .guide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: -1em;
  }
  .guide figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
    min-width: 0;
  }
  .guide .message {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    padding-left: 2%;
    padding-bottom: 45px;
  }
  .guide .message.text-only {
    padding-bottom: 0;
  }
  .guide .message h2 {
    margin-bottom: 1em;
  }
  .guide .message .contents_link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .guide.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .guide.reverse .message {
    padding-left: 0;
    padding-right: 2%;
  }
  .ie .guide {
    display: table;
  }
  .ie .guide figure {
    display: table-cell;
    width: 23.5%;
    vertical-align: middle;
  }
  .ie .guide .message {
    display: table-cell;
    width: 74.5%;
    padding-left: 2%;
    vertical-align: middle;
  }
  .ie .guide.reverse .message {
    padding-left: 2%;
    padding-right: 0;
  }
}

/* お問い合わせフォーム(form liên lạc) */
.inquiry fieldset {
  margin: 0;
  padding: 20px 10px;
  border: 0;
  background: rgba(255, 162, 0, 0.05);
}

.inquiry fieldset .row {
  margin: 0;
}

.inquiry dl {
  margin: 0;
  padding: 0;
}

.inquiry dt {
  font-weight: normal;
}

.inquiry dt.col:not(:last-child) {
  margin-bottom: 1em;
}

.inquiry dd {
  margin: 0;
  padding: 0;
}

.inquiry dd:last-child {
  padding-bottom: 0;
}

.inquiry dd .confirm {
  padding: 0 0 1em 1em;
  border-bottom: 1px dashed #ccc;
}

.inquiry input[type="text"],
.inquiry input[type="url"],
.inquiry input[type="email"],
.inquiry input[type="tel"],
.inquiry input[type="date"],
.inquiry input[type="number"],
.inquiry select,
.inquiry textarea {
  width: 100%;
  padding: 5px;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}

.inquiry input[type="number"] {
  width: 65px;
  text-align: center;
}

.inquiry input.p-postal-code {
  width: 100px;
}

.inquiry input.p-region {
  width: 100px;
}

.inquiry input.p-locality {
  width: 150px;
}

.inquiry input.p-street-address {
  width: 100%;
}

.inquiry input.p-extended-address {
  width: 100%;
}

.inquiry .submit {
  margin: 1em 0;
  text-align: center;
}

.inquiry .required {
  color: #c00;
}

.inquiry label {
  display: block;
  margin-bottom: 0.5em;
}

@media (min-width: 768px) {
  .inquiry {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
  }
  .inquiry fieldset {
    margin: 0;
    padding: 60px;
    border: 0;
  }
  .inquiry dt {
    clear: both;
    padding: 6px 0;
  }
  .inquiry dd {
    padding-bottom: 1.5em;
  }
  .inquiry dd .confirm {
    min-height: 1.5em;
    padding: 6px 0 0;
    border: 0;
    line-height: 1.4;
  }
  .inquiry input[type="text"],
  .inquiry input[type="url"],
  .inquiry input[type="email"],
  .inquiry input[type="tel"],
  .inquiry input[type="date"],
  .inquiry input[type="text"],
  .inquiry select {
    width: 60%;
  }
  .inquiry input[type="number"] {
    width: 65px;
  }
  .inquiry input.p-postal-code {
    width: 100px;
  }
  .inquiry input.p-region {
    width: 100px;
  }
  .inquiry input.p-locality {
    width: 150px;
  }
  .inquiry input.p-street-address {
    width: 100%;
  }
  .inquiry input.p-extended-address {
    width: 100%;
  }
  .inquiry textarea {
    width: 100%;
  }
  .inquiry .submit {
    margin: 60px 0 0;
  }
  .inquiry label {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0.8em;
  }
  .gutters .inquiry dt.col {
    margin-left: 0;
  }
}

.movie {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}

.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.movie.ar16to9 {
  padding-top: 56.25%;
}

.movie.ar4to3 {
  padding-top: 75%;
}

.news .news_bg {
  background: rgba(255, 162, 0, 0.05);
}

.news.typeC .news_bg {
  padding: 1em;
}

.news h2 {
  color: #8E5AC3;
}

.news dl {
  margin: 0;
  overflow-y: auto;
  max-height: 300px;
}

.news dl dt {
  margin: 0.5em 0 0;
  padding: 0 1em;
  font-weight: normal;
}

.news dl dd {
  margin: 0.5em 0;
  padding: 0 1em 0.5em;
  border-bottom: 1px solid #ccc;
}

.news dl dd a {
  text-decoration: none;
}

.news dl dd a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .news.typeA > div {
    display: table;
    width: 100%;
    margin: 0 auto;
  }
  .news.typeA > div .heading {
    display: table-cell;
    width: 23.5%;
    vertical-align: middle;
  }
  .news.typeA h2 {
    margin: 0;
    padding: 0;
  }
  .news.typeA h2:after {
    display: none;
  }
  .news.typeA .content {
    display: table-cell;
    overflow: hidden;
    width: 74.5%;
    padding-left: 2%;
    vertical-align: middle;
  }
  .news.typeC .news_bg {
    height: 540px;
    padding: 20px;
  }
  .news.typeC dl {
    max-height: 500px;
  }
  .news dl {
    overflow-y: auto;
    max-height: 200px;
  }
  .news dl dt {
    width: 100px;
    clear: left;
    float: left;
    margin: 0;
    padding: 1em 0 1em 1em;
  }
  .news dl dd {
    margin: 0;
    padding: 1em 0 1em 0;
  }
  .news dl dt + dd {
    padding-left: 120px;
  }
}

.parallax {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.parallax.ios {
  background-attachment: scroll;
}

.parallax .parallax_contents {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.parallax .parallax_contents h1, .parallax .parallax_contents .h1 {
  margin: 0;
  padding: 1em 0;
}

.qa h3.question {
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
}

.qa .question {
  position: relative;
  margin-bottom: 1em;
  padding: 1em 50px 1em 1em;
  background-color: rgba(255, 162, 0, 0.05);
  font-weight: normal;
}

.qa .question:after {
  content: none;
}

.qa .question:before {
  content: none;
}

.qa .question:hover {
  background: rgba(240, 152, 0, 0.05);
}

.qa .question.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.qa .answer {
  padding: 0 0 0 1em;
}

.qa .answer:not(:last-child) {
  margin-bottom: 2em;
}

.qa.qa-open .question {
  padding-right: 1em;
  cursor: default;
}

.qa.qa-open .question:hover {
  background-color: rgba(255, 162, 0, 0.05);
}

.qa.qa-open .question:after {
  display: none;
}

.qa.qa-open .answer {
  display: block;
}

.highlight .qa .question {
  background: rgba(255, 171, 26, 0.05);
}

.highlight .qa .question:hover {
  background: rgba(255, 166, 10, 0.05);
}

.highlight .qa.qa-open .question:hover {
  background: rgba(255, 171, 26, 0.05);
}

.shopinfo figure {
  max-width: 80%;
  margin: 0 auto;
}

.shopinfo address {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-style: normal;
}

.shopinfo dl {
  margin: 2em 0;
  line-height: 1.4;
}

.shopinfo dl:first-child {
  margin-top: 0;
}

.shopinfo dl dt {
  margin: 0 0 0.2em 0;
  font-weight: normal;
}

.shopinfo dl dt:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 3px;
  margin-right: 0.3em;
  vertical-align: middle;
  background: #FFA200;
}

.shopinfo dl dd {
  margin: 0 0 0.5em 1em;
  padding: 0;
}

.shopinfo .map_container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70%;
}

.shopinfo .map_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shopinfo .map_container + p {
  margin-top: 2em;
}

.map_wide {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70%;
}

.map_wide iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.scroll .googlemap {
  pointer-events: none;
}

@media (min-width: 768px) {
  .shopinfo figure {
    max-width: 100%;
  }
  .shopinfo address {
    margin-bottom: 15px;
    text-align: left;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1;
  }
  .shopinfo dl.dl-horizontal {
    margin: 10px 0;
  }
  .shopinfo dl.dl-horizontal dd {
    margin-bottom: 0.3em;
  }
  .shopinfo .span12 .map_container {
    padding-top: 50%;
  }
  .map_wide {
    padding-top: 420px;
  }
}

.sns_icons {
  display: table;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0px;
  font-size: 0rem;
  margin: auto;
}

.sns_icons > li {
  display: inline;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}

.sns_icons li {
  display: inline-block;
}

.sns_icons li:not(:last-child) {
  margin-right: 10px;
}

.sns_icons a {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
}

.sns_icons a.icon_facebook {
  background-image: url(/wp-content/uploads/sub/icon_facebook.png);
}

.sns_icons a.icon_twitter {
  background-image: url(/wp-content/uploads/sub/icon_twitter.png);
}

.sns_icons a.icon_line {
  background-image: url(/wp-content/uploads/sub/icon_line.png);
}

.sns_icons a.icon_google {
  background-image: url(/wp-content/uploads/sub/icon_google.png);
}

.sns_icons a.icon_instagram {
  background-image: url(/wp-content/uploads/sub/icon_instagram.png);
}

footer .sns_icons {
  margin-top: 1.5em;
}

@media (min-width: 768px) {
  .sns_icons {
    margin: 0;
  }
  .sns_icons.center {
    margin: auto;
  }
  .sns_icons li:not(:last-child) {
    margin-right: 20px;
  }
  .sns_icons a {
    width: 68px;
    height: 68px;
  }
  footer .sns_icons {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .sp_image_cols:not(.sp_col2):not(.sp_col3) .col:not(:last-child) {
    margin-bottom: 1em;
  }
  .sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure {
    overflow: hidden;
  }
  .sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure img {
    float: left;
    width: 32%;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure figcaption {
    float: right;
    width: 66%;
    margin-top: 0;
    vertical-align: middle;
  }
  .sp_image_cols.sp_col2 .col {
    width: 49%;
  }
  .sp_image_cols.sp_col2 .col:nth-child(odd) {
    clear: both;
    float: left;
  }
  .sp_image_cols.sp_col2 .col:nth-child(even) {
    float: right;
  }
  .sp_image_cols.sp_col3 .col {
    float: left;
    width: 32%;
  }
  .sp_image_cols.sp_col3 .col:nth-child(3n+1) {
    clear: both;
    margin-right: 2%;
  }
  .sp_image_cols.sp_col3 .col:nth-child(3n) {
    float: right;
  }
  .sp_image_left {
    overflow: hidden;
  }
  .sp_image_left .col:first-child {
    display: inline-block;
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0.5em;
  }
  .sp_image_left .col:last-child {
    float: none;
  }
  .sp_image_right {
    overflow: hidden;
  }
  .sp_image_right .col:first-child {
    display: inline-block;
    float: right;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 0.5em;
  }
  .sp_image_right .col:last-child {
    float: none;
  }
}

.step .row,
.step-h .col {
  position: relative;
  padding: 1em;
  background: rgba(255, 162, 0, 0.05);
}

.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  background: url("/wp-content/uploads/sub/arrow_down.svg") center center no-repeat;
  background-size: 45px auto;
}

@media (max-width: 767px) {
  .step .row:not(:last-child),
  .step-h .col:not(:last-child),
  .step-h .row.continue .col:last-child {
    margin-bottom: 18%;
  }
  .step .row:not(:last-child):after,
  .step-h .col:not(:last-child):after,
  .step-h .row.continue .col:last-child:after {
    padding-top: 20%;
  }
  .step-h .row.continue {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .step .row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 2em;
  }
  .step .row .col {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  .step .row .col:not(:first-child) {
    padding-left: 2%;
  }
  .step .row:not(:last-child) {
    margin-bottom: 80px;
  }
  .step .row:not(:last-child):after {
    top: 100%;
    padding-top: 60px;
    margin: 10px 0;
  }
  .step h3:last-child {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    border: none;
  }
  .step h3:last-child:after, .step h3:last-child:before {
    content: none;
  }
  .step .row:not(:last-child):after,
  .step-h .col:not(:last-child):after,
  .step-h .row.continue .col:last-child:after {
    background-size: auto 100%;
  }
  .step-h.gutters .col {
    margin: 0;
  }
  .step-h .col {
    padding: 0;
    background: none;
  }
  .step-h .col:not(:last-child) {
    position: relative;
    margin-right: 4%;
  }
  .step-h .col:not(:last-child):after {
    display: none;
  }
  .step-h .col:not(:last-child) figure span {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .step-h .col:not(:last-child) figure span:after {
    content: '';
    display: block;
    width: 28px;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
    background: url("/wp-content/uploads/sub/arrow_right.svg") center center no-repeat;
    background-size: contain;
  }
  .step-h .span_3 {
    width: 22%;
  }
  .step-h .span_4 {
    width: 30.66666666%;
  }
  .step-h .span_6 {
    width: 48%;
  }
}

@media (min-width: 1024px) {
  .step-h .col:not(:last-child) figure span:after {
    right: -34px;
  }
}

table {
  margin: 0 auto;
}

table td,
table th {
  padding: 0.7em 1em;
}

@media (max-width: 767px) {
  table td,
  table th {
    padding: 0.7em .3em;
  }
}

table th {
  text-align: center;
  font-weight: normal;
}

.table-default {
  width: 100%;
}

.table-default caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-default td,
.table-default th {
  border: 1px solid #FFA200;
}

.table-default th {
  background: rgba(255, 162, 0, 0.7);
  color: #fff;
}

.table-default td {
  background: transparent;
}

.table-menu {
  width: 100%;
}

.table-menu caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-menu td,
.table-menu th {
  padding: 0.7em 1em;
  border-top: 1px solid #FFA200;
  border-bottom: 1px solid #FFA200;
}

@media (max-width: 767px) {
  .table-menu td,
  .table-menu th {
    padding: 0.7em .3em;
  }
}

.table-menu tbody th {
  text-align: left;
}

.table-menu td:last-child {
  text-align: right;
  white-space: nowrap;
}

.table-schedule {
  width: 100%;
}

.table-schedule caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-schedule td,
.table-schedule th {
  border: 1px solid #FFA200;
  padding: 0.7em 1em;
  text-align: center;
}

@media (max-width: 767px) {
  .table-schedule td,
  .table-schedule th {
    padding: 0.7em .3em;
  }
}

.table-schedule thead th {
  background: rgba(255, 162, 0, 0.7);
  color: #fff;
}

.table-schedule tbody th {
  background: transparent;
}

.table-schedule td {
  background: transparent;
}

.table-summary {
  border-top: 1px solid #FFA200;
  width: 100%;
}

.table-summary caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-summary td,
.table-summary th {
  padding: 1em;
  border-bottom: 1px solid #FFA200;
}

.table-summary th {
  text-align: left;
  font-weight: normal;
  width: 20%;
}

@media (max-width: 767px) {
  .responsive-stack {
    display: block;
  }
  .responsive-stack thead {
    display: none;
  }
  .responsive-stack tbody,
  .responsive-stack td,
  .responsive-stack th,
  .responsive-stack tr {
    display: block;
  }
  .responsive-stack td,
  .responsive-stack th {
    width: 100% !important;
  }
  .responsive-stack tr:not(:last-child) td,
  .responsive-stack tr:not(:last-child) th {
    border-bottom: 0;
  }
  .responsive-stack tr:last-child :not(:last-child) {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .responsive-list {
    display: block;
  }
  .responsive-list thead {
    display: none;
  }
  .responsive-list tbody,
  .responsive-list td,
  .responsive-list th,
  .responsive-list tr {
    display: block;
  }
  .responsive-list tr:not(:last-child) td {
    border-bottom: 0;
  }
  .responsive-list td {
    position: relative;
    padding-left: 40%;
    white-space: normal;
    text-align: left;
  }
  .responsive-list td:first-child {
    border-bottom: 0;
  }
  .responsive-list td:last-child {
    border-top: 0;
  }
  .responsive-list td:not(:first-child):not(:last-child) {
    border-top: 0;
    border-bottom: 0;
  }
  .responsive-list td:before {
    content: attr(data-title);
    position: absolute;
    top: 6px;
    left: 6px;
    width: 35%;
    padding-right: 10px;
    white-space: normal;
    text-align: left;
    font-weight: bold;
  }
}

@media (max-width: 767px) {
  .responsive-scroll-container {
    display: block;
    width: 100%;
    min-height: 0.01%;
    overflow-x: scroll;
  }
  .responsive-scroll-container .responsive-scroll-inner {
    width: 798px;
    padding: 0 15px 15px;
  }
  .responsive-scroll-container table {
    width: 768px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  table.combine tbody tr:last-child td,
  table.combine tbody tr:last-child th {
    border-bottom: 0;
  }
}

table.table-default.typeA tr td,
table.table-default.typeA tr th {
  border: 0;
}

table.table-default.typeA tr:nth-child(odd) th {
  background: #FFA200;
}

table.table-default.typeA tr:nth-child(odd) td {
  background: rgba(255, 162, 0, 0.05);
}

table.table-default.typeA tr:nth-child(even) th {
  background: #ffb533;
}

table.table-default.typeA tr:nth-child(even) td {
  background: rgba(255, 181, 51, 0.05);
}

table.table-default.typeB {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

table.table-default.typeB tbody td,
table.table-default.typeB tbody th {
  background: transparent;
  color: #1b1b1b;
  border: 0;
  border-bottom: 1px dashed #FFA200;
}

table.table-default.typeB tbody tr {
  position: relative;
}

table.table-default.typeB tbody td {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}

table.table-default.typeC th {
  background: rgba(255, 162, 0, 0.7);
  color: #fff;
}

table.table-default.typeC td,
table.table-default.typeC th {
  border: 0;
}

table.table-default.typeC td:not(:last-child),
table.table-default.typeC th:not(:last-child) {
  border-bottom: 2px #fff solid;
}

table.table-default.typeC tr {
  position: relative;
}

table.table-default.typeC td {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}

.highlight table.table-default.typeC td,
.highlight table.table-default.typeC th {
  border: 0;
}

.highlight table.table-default.typeC td:not(:last-child),
.highlight table.table-default.typeC th:not(:last-child) {
  border-bottom: 2px rgba(255, 162, 0, 0.05) solid;
}

._table_line .news dl {
  border-top: 1px dotted #a6a6a6;
  max-height: none;
}

._table_line .news dl dt {
  width: 230px;
  padding-left: 20px;
}

._table_line .news dl dt + dd {
  border-bottom: 1px dotted #a6a6a6;
  padding-left: 230px;
}

.wide_image img {
  width: 100%;
  vertical-align: top;
}

@media (min-width: 768px) {
  .wide_image div {
    margin: 0 auto;
  }
}

h1:not(.title) {
  text-align: center;
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: normal;
  padding: 1em 0;
  color: #8E5AC3;
  background: transparent;
  margin: 0 0 .5em;
}

h1:not(.title) a {
  text-decoration: none;
}

h1:not(.title) a:hover {
  text-decoration: underline;
}

h1:not(.title) span {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
}

@media (max-width: 767px) {
  h1:not(.title) {
    font-size: 22px;
    font-size: 2.2rem;
  }
  h1:not(.title):after {
    height: 2px;
  }
  h1:not(.title) span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

h2 {
  display: table;
  table-layout: fixed;
  margin: 0 auto 1.5em;
  position: relative;
  border: 0;
  word-wrap: break-word;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
  color: #8E5AC3;
}

h2 a {
  text-decoration: none;
}

h2 a:hover {
  text-decoration: underline;
}

h2:after, h2:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 2px;
  background: #8E5AC3;
  width: 50vw;
}

h2:before {
  right: calc(100% + 15px);
}

h2:after {
  left: calc(100% + 15px);
}

@media (max-width: 767px) {
  h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  h2:after, h2:before {
    height: 1px;
  }
}

h3 {
  margin: 0 0 1.5em;
  padding-bottom: 0.7em;
  color: #8E5AC3;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
}

h3 a {
  text-decoration: none;
}

h3 a:hover {
  text-decoration: underline;
}

h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background: #8E5AC3;
}

@media (max-width: 767px) {
  h3:after {
    width: 20px;
  }
}

@media (max-width: 767px) {
  h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

h4 {
  margin: 0 0 1.5em;
  padding-left: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  color: #8E5AC3;
  font-weight: normal;
}

h4 a {
  text-decoration: none;
}

h4 a:hover {
  text-decoration: underline;
}

h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 2px;
  margin: auto;
  background: #8E5AC3;
}

@media (max-width: 767px) {
  h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.widget_wrap .widget_header {
  font-size: 16px;
  font-size: 1.6rem;
  color: #1b1b1b;
  padding: 0.7em 0 0.7em 1em;
  background: rgba(255, 162, 0, 0.05);
}

.widget_wrap .widget_header a {
  text-decoration: none;
}

.widget_wrap .widget_header a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .widget_wrap .widget_header {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.main_visual {
  position: relative;
  table-layout: fixed;
}

.main_visual .main_visual_slick,
.main_visual .slick-track {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100% !important;
}

.main_visual .slick-track {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.main_visual .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
}

.main_visual .main_visual_slick {
  position: relative;
  margin: 0 auto;
}

.main_visual .main_visual_slick li:not([id^="slick-slide"]) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

.main_visual .main_visual_slick li:not([id^="slick-slide"]):not(.slick-active) {
  transition-delay: 0.5s !important;
}

.main_visual .main_visual_slick li:not([id^="slick-slide"]) img {
  position: absolute;
  left: -300%;
  right: -300%;
  margin: auto;
  top: 0;
  height: 100%;
}

.main_visual .main_visual_copy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}

.main_visual .main_visual_copy > li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.main_visual .main_visual_copy > li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 56%;
  max-width: 560px;
  max-height: 560px;
  z-index: 52;
}

.main_visual .main_visual_arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}

.main_visual .main_visual_arrow .slick-prev {
  left: 25px;
}

.main_visual .main_visual_arrow .slick-next {
  right: 25px;
}

.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
  font-size: 30px;
  font-size: 3rem;
}

@media (max-width: 639px) {
  .main_visual .main_visual_arrow .slick-prev {
    left: 10px;
  }
  .main_visual .main_visual_arrow .slick-next {
    right: 10px;
  }
  .main_visual .main_visual_arrow .slick-prev:before,
  .main_visual .main_visual_arrow .slick-next:before {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (max-width: 639px) {
  .main_visual .main_visual_copy > li img {
    width: 90%;
  }
}

.main_visual .main_visual_slick {
  padding-top: 65% !important;
}

@media (min-width: 1000px) {
  .main_visual .main_visual_slick {
    padding-top: 0 !important;
    height: 650px !important;
  }
}

@media (min-width: 1920px) {
  .main_visual .main_visual_slick {
    padding-top: 33.85417% !important;
  }
}

@media (max-width: 639px) {
  .main_visual .main_visual_slick {
    padding-top: 97.5% !important;
  }
}

.slick-dots li button {
  margin: 0 auto;
  background: #ccc;
}

.slick-dots li.slick-active button {
  background: #FFA200;
}

.slide_scroll {
  position: absolute;
  bottom: 1%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 45px;
  background: url(/wp-content/uploads/sub/icon_scroll.png) center bottom no-repeat;
  z-index: 55;
  color: #fff;
  text-decoration: none;
}

.slide_scroll:hover {
  color: #fff;
}

.epress_search {
  padding: 3px;
  width: 100%;
}

.epress_search form {
  overflow: hidden;
  border: 4px solid #FFA200;
}

.epress_search input[type="text"],
.epress_search input[type="submit"] {
  margin: 0;
  padding: 0;
  float: left;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.epress_search input[type="text"] {
  color: #000;
  padding: .3em .3em .3em .7em;
  width: 70%;
}

.epress_search input[type="submit"] {
  cursor: pointer;
  padding: .5em 1em;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  width: 30%;
  background: rgba(255, 162, 0, 0.7);
}

@media (max-width: 768px) {
  header .global_nav > ul > li.gnav_search {
    position: static;
  }
  header .global_nav > ul > li.gnav_search > a {
    display: none !important;
  }
  header .global_nav > ul > li.gnav_search .epress_search {
    display: block !important;
    position: static !important;
    width: 100% !important;
    background: rgba(255, 162, 0, 0.9);
  }
}

/*
 * ヘッダーナビのデザイン(design của header navi)
 */
.epress_search form {
  background: #fff;
}

/*
  * ヘッダの検索表示タイプ(type hiển thị tìm kiếm của header)
  */
header .global_nav > ul > li.gnav_search {
  position: relative;
}

header .global_nav > ul > li.gnav_search a {
  color: transparent !important;
  display: inline-block;
  vertical-align: middle;
  background: url("/wp-content/uploads/sub/search.png") no-repeat center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 30px;
  height: 30px;
}

header .global_nav > ul > li.gnav_search a:hover {
  border-bottom: 0;
}

header .global_nav > ul > li.gnav_search .epress_search {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}

@media (min-width: 769px) {
  header .global_nav > ul > li.gnav_search .epress_search {
    width: 230px;
  }
}

.article_list {
  padding: .5em;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .article_list {
    padding: 1em;
  }
}

.article_list:nth-child(even) {
  background: rgba(255, 162, 0, 0.05);
}

.article_list:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  -webkit-transform: translate(-10px, -10px) rotate(45deg);
          transform: translate(-10px, -10px) rotate(45deg);
  transition: .3s;
}

.article_list:hover:before {
  background: #FFA200;
}

.article_list .case_arrow {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  position: relative;
  height: 245px;
}

@media (max-width: 767px) {
  .article_list .case_arrow {
    height: 80px;
  }
}

.article_list .case_arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  border-top: 5px solid #FFA200;
  border-right: 5px solid #FFA200;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  transition: .2s;
}

@media (max-width: 767px) {
  .article_list .case_arrow:after {
    left: 0;
    bottom: 25%;
    border-top: 5px solid #FFA200;
    border-right: 5px solid #FFA200;
    -webkit-transform: translate(0, -50%) rotate(135deg);
            transform: translate(0, -50%) rotate(135deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

.article_list .span_12 {
  margin: 2% 0;
}

.pagination > * {
  display: inline-block;
  padding: .5em;
  border: 1px solid #ccc;
}

.pagination a {
  text-decoration: none;
  background: rgba(255, 162, 0, 0.05);
  transition: .3s;
}

.pagination a:hover {
  background: #fff;
}

.article_single01 .article_single01_02 {
  margin-top: 10px;
}

.article_single01 .article_single01_02 img {
  opacity: 1;
  transition: opacity 0.3s;
}

.article_single01 .article_single01_02 img:hover {
  cursor: pointer;
  opacity: 0.7;
}

.article_single01 .ofi {
  background: rgba(255, 162, 0, 0.05);
}

.article_single01 .more {
  display: block;
  text-align: center;
}

.article_single02 .article_single02_01 img {
  opacity: 1;
  transition: opacity 0.3s;
}

.article_single02 .article_single02_01 img:hover {
  cursor: pointer;
  opacity: 0.7;
}

.article_single02 .ofi {
  background: rgba(255, 162, 0, 0.05);
}

.article_single02 .more {
  display: block;
  text-align: center;
}

@media (min-width: 768px) {
  .article_single03 .article_single03_02 .span_6 {
    width: 45%;
    margin-left: 10%;
  }
  .article_single03 .article_single03_02 .span_6:first-child {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .article_single03 .article_single03_02 .span_12 {
    margin-left: 0;
    margin-top: 20px;
  }
}

.article_single03 .article_single03_02 img {
  opacity: 1;
  transition: opacity 0.3s;
}

.article_single03 .article_single03_02 img:hover {
  cursor: pointer;
  opacity: 0.7;
}

.article_single03 .case_arrow {
  position: relative;
}

@media (max-width: 767px) {
  .article_single03 .case_arrow {
    margin-bottom: 10%;
  }
}

.article_single03 .case_arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 108%;
  margin: auto;
  width: 35px;
  height: 35px;
  border-top: 3px solid #FFA200;
  border-right: 3px solid #FFA200;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  transition: 0.2s;
}

@media (max-width: 767px) {
  .article_single03 .case_arrow:after {
    left: 0;
    right: 0;
    top: 105%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%) rotate(135deg);
            transform: translate(0, -50%) rotate(135deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

.article_single03 .ofi {
  background: rgba(255, 162, 0, 0.05);
}

.article_single03 .more {
  display: block;
  text-align: center;
}

.article_single04 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.article_single04 .article_single04_01_img1 .ofi {
  padding-top: 74.5%;
}

.article_single04 .article_single04_01_img2 .ofi {
  padding-top: 18.7%;
}

.article_single04 .article_single04_01_img3 .ofi {
  padding-top: 14.9%;
}

.article_single04 .article_single04_01_img4 .ofi {
  padding-top: 12.5%;
}

.article_single04 .article_single04_01_img5 .ofi {
  padding-top: 10.7%;
}

.article_single04 .article_single04_01_img6 .ofi {
  padding-top: 9.4%;
}

.article_single04 .article_single04_01_nav {
  margin-top: 15px;
}

.article_single04 .article_single04_01_nav .ofi {
  padding-top: 12%;
}

.article_single04 .article_single04_01_nav .slick-track {
  width: 100% !important;
}

.article_single04 .article_single04_01_nav li {
  margin-left: 0.8%;
  width: calc(96% / 6) !important;
}

.article_single04 .article_single04_01_nav li:nth-child(1) {
  margin-left: 0;
}

.article_single04 .article_single04_02 {
  margin-top: 10px;
}

.article_single04 .article_single04_02 img {
  opacity: 1;
  transition: opacity 0.3s;
}

.article_single04 .article_single04_02 img:hover {
  cursor: pointer;
  opacity: 0.7;
}

.article_single04 .slick-next,
.article_single04 .slick-prev {
  z-index: 1;
}

.article_single04 .slick-next:before,
.article_single04 .slick-prev:before {
  content: none;
}

.article_single04 .slick-next:after,
.article_single04 .slick-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin: auto;
  width: 35px;
  height: 35px;
  border-top: 3px solid #FFA200;
  transition: 0.2s;
  z-index: 1;
}

.article_single04 .slick-prev {
  left: 0;
}

.article_single04 .slick-prev:after {
  left: 0;
  border-left: 3px solid #FFA200;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.article_single04 .slick-next {
  right: 0;
}

.article_single04 .slick-next:after {
  right: 0;
  border-right: 3px solid #FFA200;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.article_single04 .ofi {
  background: rgba(255, 162, 0, 0.05);
  height: auto !important;
}

.article_single04 .more {
  display: block;
  text-align: center;
}

@media (min-width: 768px) {
  .article_list_case02 .article_list_case02_01 {
    width: 67%;
  }
  .article_list_case02 .article_list_case02_02 {
    width: 31%;
  }
  .article_list_case02.article_single01 .article_single01_02 {
    margin-top: 0;
  }
}

.article_container .article_single01_02 {
  margin-top: 10px;
}

.article_container .article_single01_02 img {
  opacity: 1;
  transition: opacity 0.3s;
}

.article_container .article_single01_02 img:hover {
  cursor: pointer;
  opacity: 0.7;
}

.article_detail {
  background: rgba(255, 162, 0, 0.05);
  padding: 4%;
  margin-bottom: 4%;
  font-size: 15px;
  font-size: 1.5rem;
}

.article_detail .article_date {
  margin-bottom: 1em;
}

.article_detail .article_thumbnail {
  float: left;
  margin: 0 2% 2% 0;
}

.article_detail .article_content {
  float: none;
  width: 100%;
  margin-left: 0;
}

.article_detail .case_arrow {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  position: relative;
  height: 245px;
}

@media (max-width: 767px) {
  .article_detail .case_arrow {
    height: 80px;
  }
}

.article_detail .case_arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  border-top: 5px solid #FFA200;
  border-right: 5px solid #FFA200;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  transition: .2s;
}

@media (max-width: 767px) {
  .article_detail .case_arrow:after {
    left: 0;
    bottom: 25%;
    border-top: 5px solid #FFA200;
    border-right: 5px solid #FFA200;
    -webkit-transform: translate(0, -50%) rotate(135deg);
            transform: translate(0, -50%) rotate(135deg);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

.article_detail .span_12 {
  margin: 2% 0;
}

.epress_social {
  letter-spacing: -.40em;
  text-align: right;
  padding: 2%;
}

.epress_social > * {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  margin-right: 10px;
}

.epress_pager {
  overflow: hidden;
  margin-bottom: 5%;
}

.epress_pager .epress_pager_prev {
  float: left;
}

.epress_pager .epress_pager_prev a {
  display: block;
  position: relative;
  padding-left: 15px;
  text-decoration: none;
}

.epress_pager .epress_pager_prev a:before, .epress_pager .epress_pager_prev a:after {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  margin: auto;
  width: 8px;
  height: 1px;
  background: #fff;
  transition: .2s;
}

.epress_pager .epress_pager_prev a:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  top: calc(50% - 2px);
}

.epress_pager .epress_pager_prev a:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  top: calc(50% + 3px);
}

.epress_pager .epress_pager_prev a:hover {
  text-decoration: underline;
}

.epress_pager .epress_pager_prev a:hover:before {
  left: 0;
}

.epress_pager .epress_pager_prev a:hover:after {
  left: 0;
}

.epress_pager .epress_pager_next {
  float: right;
}

.epress_pager .epress_pager_next a {
  display: block;
  position: relative;
  padding-right: 15px;
  text-decoration: none;
}

.epress_pager .epress_pager_next a:before, .epress_pager .epress_pager_next a:after {
  content: "";
  display: block;
  position: absolute;
  right: 2px;
  margin: auto;
  width: 8px;
  height: 1px;
  background: #fff;
  -webkit-transform-origin: center;
          transform-origin: center;
  transition: .2s;
}

.epress_pager .epress_pager_next a:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: calc(50% - 2px);
}

.epress_pager .epress_pager_next a:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: calc(50% + 3px);
}

.epress_pager .epress_pager_next a:hover {
  text-decoration: underline;
}

.epress_pager .epress_pager_next a:hover:before {
  right: 0;
}

.epress_pager .epress_pager_next a:hover:after {
  right: 0;
}

#commentform {
  background: transparent;
  padding: 2% 5%;
  border: 1px solid #333;
}

#commentform #comment {
  width: 100%;
}

#commentform #submit {
  background: #FFA200;
  color: #fff;
  border: 0;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 3px 10px;
  margin: 0 auto;
  display: table;
}

#commentform input[type="submit"] {
  background: #FFA200;
  color: #fff;
  border: 0;
  font-size: 14px;
  font-size: 1.4rem;
  padding: .3em 1em;
  margin: 0 auto;
  display: table;
  border-radius: 5px;
}

@media (min-width: 768px) {
  #commentform #submit {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #commentform input[type="submit"] {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.route_wrap_1 {
  display: -webkit-inline-box;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .route_wrap_1 {
    width: 100%;
    display: block;
  }
}

.route_wrap_1 .route_item {
  width: 30%;
  margin: 0 5% 5% 0;
  position: relative;
}

.route_wrap_1 .route_item:nth-of-type(3n+3) {
  margin-right: 0;
}

.route_wrap_1 .route_item:nth-of-type(3n+3)::after {
  display: none;
}

.route_wrap_1 .route_item:last-of-type::after {
  display: none;
}

.route_wrap_1 .route_item::after {
  display: block;
  position: absolute;
  content: '';
  width: 27px;
  height: 49px;
  background: url(/wp-content/uploads/sub/arrow_slide.png) no-repeat;
  top: 50%;
  right: -13%;
  bottom: 0;
  left: 0;
  margin: -40px 0 auto auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 768px) {
  .route_wrap_1 .route_item::after {
    right: -14%;
  }
}

@media (max-width: 480px) {
  .route_wrap_1 {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .route_wrap_1 .route_item {
    width: 100%;
    margin: 0 0 60px;
  }
  .route_wrap_1 .route_item::after {
    right: 0;
    bottom: -15%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: auto auto 0;
  }
  .route_wrap_1 .route_item:nth-of-type(3n+3)::after {
    display: block;
  }
}

.route_wrap_2 {
  display: -webkit-inline-box;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .route_wrap_2 {
    width: 100%;
    display: block;
  }
}

.route_wrap_2 .route_item {
  width: 47%;
  margin: 0 6% 5% 0;
  position: relative;
}

.route_wrap_2 .route_item:nth-of-type(2n+2) {
  margin-right: 0;
}

.route_wrap_2 .route_item:nth-of-type(2n+2)::after {
  display: none;
}

.route_wrap_2 .route_item:last-of-type::after {
  display: none;
}

.route_wrap_2 .route_item::after {
  display: block;
  position: absolute;
  content: '';
  width: 27px;
  height: 49px;
  background: url(/wp-content/uploads/sub/arrow_slide.png) no-repeat;
  top: 50%;
  right: -10%;
  bottom: 0;
  left: 0;
  margin: -25px 10px auto auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.route_wrap_2 .route_item::after:last-child {
  display: none;
}

@media (max-width: 768px) {
  .route_wrap_2 .route_item::after {
    right: -14%;
  }
}

@media (max-width: 480px) {
  .route_wrap_2 {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .route_wrap_2 .route_item {
    width: 100%;
    margin: 0 0 60px;
  }
  .route_wrap_2 .route_item::after {
    right: 0;
    bottom: -15%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: auto auto 0;
  }
  .route_wrap_2 .route_item:nth-of-type(2n+2)::after {
    display: block;
  }
  .route_wrap_2 .route_item:last-child::after {
    display: none;
  }
}

#biz_calendar,
#biz_calendar1,
#biz_calendar2 {
  max-width: none;
  margin: 2% auto 0;
  font-family: inherit;
  padding: 0.3em 1em;
  background: rgba(255, 162, 0, 0.05);
  font-size: 18px;
  font-size: 1.8rem;
}

#biz_calendar p,
#biz_calendar1 p,
#biz_calendar2 p {
  margin: 0;
  line-height: 170%;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}

#biz_calendar p span.boxholiday,
#biz_calendar1 p span.boxholiday,
#biz_calendar2 p span.boxholiday {
  background-color: #ffb0c3;
  padding-left: 25px;
  margin-right: 10px;
}

#biz_calendar p span.boxeventday,
#biz_calendar1 p span.boxeventday,
#biz_calendar2 p span.boxeventday {
  background-color: #64BDEB;
  padding-left: 25px;
  margin-right: 10px;
}

#biz_calendar table.bizcal,
#biz_calendar1 table.bizcal,
#biz_calendar2 table.bizcal {
  margin: 10px 0;
  width: 100%;
  table-layout: fixed;
  border: none;
  line-height: 1.6;
  cursor: default;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  border-collapse: collapse;
  border-spacing: 1px;
  background: transparent;
}

#biz_calendar table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today),
#biz_calendar1 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today),
#biz_calendar2 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today) {
  background: #fff;
}

#biz_calendar table.bizcal th,
#biz_calendar1 table.bizcal th,
#biz_calendar2 table.bizcal th {
  text-align: center;
  border-width: 0;
  padding: 0.5em 0.2em;
  color: #1b1b1b;
  background-color: #DEDEDE;
}

#biz_calendar table.bizcal th:first-child,
#biz_calendar1 table.bizcal th:first-child,
#biz_calendar2 table.bizcal th:first-child {
  color: red;
}

#biz_calendar table.bizcal th:nth-last-of-type(1),
#biz_calendar1 table.bizcal th:nth-last-of-type(1),
#biz_calendar2 table.bizcal th:nth-last-of-type(1) {
  color: blue;
}

#biz_calendar table.bizcal td,
#biz_calendar1 table.bizcal td,
#biz_calendar2 table.bizcal td {
  text-align: center;
  border: 1px solid rgba(0, 57, 122, 0.3);
  padding: 0.5em 0.2em;
  color: #1b1b1b;
}

#biz_calendar table.bizcal .calmonth,
#biz_calendar1 table.bizcal .calmonth,
#biz_calendar2 table.bizcal .calmonth {
  text-align: left;
  font-weight: bold;
  padding: 2px 7px;
  border: none;
}

#biz_calendar table.bizcal .calbtn,
#biz_calendar1 table.bizcal .calbtn,
#biz_calendar2 table.bizcal .calbtn {
  border: none;
  cursor: pointer;
}

#biz_calendar table.bizcal .holiday,
#biz_calendar1 table.bizcal .holiday,
#biz_calendar2 table.bizcal .holiday {
  background-color: #ffb0c3;
  color: red;
}

#biz_calendar table.bizcal .eventday,
#biz_calendar1 table.bizcal .eventday,
#biz_calendar2 table.bizcal .eventday {
  background-color: #64BDEB;
  color: #ffffff;
}

#biz_calendar table.bizcal .eventday a,
#biz_calendar1 table.bizcal .eventday a,
#biz_calendar2 table.bizcal .eventday a {
  color: #ffffff;
}

#biz_calendar table.bizcal .today,
#biz_calendar1 table.bizcal .today,
#biz_calendar2 table.bizcal .today {
  font-weight: bold;
  text-decoration: underline;
  color: #1b1b1b;
}

#biz_calendar table.bizcal .today a,
#biz_calendar1 table.bizcal .today a,
#biz_calendar2 table.bizcal .today a {
  font-weight: bold;
  color: #1b1b1b;
}

#biz_calendar table.bizcal img,
#biz_calendar1 table.bizcal img,
#biz_calendar2 table.bizcal img {
  vertical-align: middle;
  box-shadow: none;
  margin: 0;
}

#biz_calendar table.bizcal .down-img,
#biz_calendar1 table.bizcal .down-img,
#biz_calendar2 table.bizcal .down-img {
  text-align: right;
}

#biz_calendar table.bizcal .today-img,
#biz_calendar1 table.bizcal .today-img,
#biz_calendar2 table.bizcal .today-img {
  text-align: center;
}

#biz_calendar table.bizcal .up-img,
#biz_calendar1 table.bizcal .up-img,
#biz_calendar2 table.bizcal .up-img {
  text-align: left;
}

#biz_calendar table.bizcal td,
#biz_calendar table.bizcal th {
  padding: 0.5em 0.2em;
}

.column_sub #biz_calendar,
.column_sub #biz_calendar1,
.column_sub #biz_calendar2 {
  font-size: 12px;
  font-size: 1.2rem;
}

.column_sub #biz_calendar p span.boxholiday,
.column_sub #biz_calendar1 p span.boxholiday,
.column_sub #biz_calendar2 p span.boxholiday {
  background-color: #ffb0c3;
  padding-left: 25px;
  margin-right: 10px;
}

.column_sub #biz_calendar p span.boxeventday,
.column_sub #biz_calendar1 p span.boxeventday,
.column_sub #biz_calendar2 p span.boxeventday {
  background-color: #64BDEB;
  padding-left: 25px;
  margin-right: 10px;
}

.column_sub #biz_calendar table.bizcal,
.column_sub #biz_calendar1 table.bizcal,
.column_sub #biz_calendar2 table.bizcal {
  font-size: 12px;
  font-size: 1.2rem;
}

.column_sub #biz_calendar table.bizcal td,
.column_sub #biz_calendar table.bizcal th,
.column_sub #biz_calendar1 table.bizcal td,
.column_sub #biz_calendar1 table.bizcal th,
.column_sub #biz_calendar2 table.bizcal td,
.column_sub #biz_calendar2 table.bizcal th {
  padding: 0.3em 0.2em;
}

@media (max-width: 767px) {
  #biz_calendar,
  #biz_calendar1,
  #biz_calendar2 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #biz_calendar p span.boxholiday,
  #biz_calendar1 p span.boxholiday,
  #biz_calendar2 p span.boxholiday {
    background-color: #ffb0c3;
    padding-left: 25px;
    margin-right: 10px;
  }
  #biz_calendar p span.boxeventday,
  #biz_calendar1 p span.boxeventday,
  #biz_calendar2 p span.boxeventday {
    background-color: #64BDEB;
    padding-left: 25px;
    margin-right: 10px;
  }
  #biz_calendar table.bizcal,
  #biz_calendar1 table.bizcal,
  #biz_calendar2 table.bizcal {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #biz_calendar table.bizcal td,
  #biz_calendar table.bizcal th,
  #biz_calendar1 table.bizcal td,
  #biz_calendar1 table.bizcal th,
  #biz_calendar2 table.bizcal td,
  #biz_calendar2 table.bizcal th {
    padding: 0.3em 0.2em;
  }
}

.calendar_wrap {
  position: relative;
  padding: 4em 1.8em 2em;
  display: inline-block;
  background: rgba(255, 162, 0, 0.05);
  font-size: 10px;
  font-size: 1rem;
}

.calendar_wrap caption {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  margin: auto;
}

.calendar_wrap table {
  border-spacing: 0;
  border-collapse: collapse;
}

.calendar_wrap table thead th {
  background: rgba(255, 162, 0, 0.7);
  color: #fff;
  border: 1px solid #FFA200;
  border-bottom: none;
}

.calendar_wrap table tfoot {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
}

.calendar_wrap table tfoot #prev a {
  width: 26px;
  height: 25px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 0;
  left: 40px;
}

.calendar_wrap table tfoot #prev a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  transition: .2s;
}

.calendar_wrap table tfoot #prev a:after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  border-left: 1px solid #fff;
  left: 15%;
}

.calendar_wrap table tfoot #prev a:hover:after {
  left: 2%;
}

.calendar_wrap table tfoot #next a {
  width: 26px;
  height: 25px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 0;
  right: 40px;
}

.calendar_wrap table tfoot #next a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  transition: .2s;
}

.calendar_wrap table tfoot #next a:after {
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  border-right: 1px solid #fff;
  right: 15%;
}

.calendar_wrap table tfoot #next a:hover:after {
  right: 2%;
}

.calendar_wrap table tbody td {
  text-align: center;
  background: #fff;
  border: 1px solid #FFA200;
}

@media (min-width: 768px) {
  .column_sub .calendar_wrap {
    padding: 40px 5px 5px;
    width: 100%;
    margin: 0 auto 1em;
  }
  .column_sub .calendar_wrap caption {
    top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .column_sub .calendar_wrap table {
    width: 100%;
  }
  .column_sub .calendar_wrap table th, .column_sub .calendar_wrap table td {
    padding: 0.5em .2em;
  }
  .column_sub .calendar_wrap table tfoot #prev a {
    width: 18px;
    height: 18px;
    top: 0;
    left: 20px;
  }
  .column_sub .calendar_wrap table tfoot #next a {
    width: 18px;
    height: 18px;
    top: 0;
    right: 20px;
  }
}

@media (max-width: 767px) {
  .calendar_wrap {
    padding: 40px 5px 5px;
    width: 100%;
  }
  .calendar_wrap caption {
    top: 10px;
  }
  .calendar_wrap table {
    width: 100%;
  }
  .calendar_wrap table th, .calendar_wrap table td {
    padding: 0.5em .2em;
  }
  .calendar_wrap table tfoot #prev a {
    width: 12px;
    height: 12px;
    top: 0;
    left: 20px;
  }
  .calendar_wrap table tfoot #next a {
    width: 12px;
    height: 12px;
    top: 0;
    right: 20px;
  }
}

.clinic_01_wrap {
  background-image: url("/wp-content/uploads/sub/c_bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.clinic_01_inner_wrap {
  background: rgba(255, 162, 0, 0.8);
  color: #fff;
  padding: 5%;
}

.clinic_01_inner_wrap h3 {
  color: #fff;
}

.clinic_01_inner_wrap h3::after {
  background-color: #fff;
}

.clinic_01_map_canvas iframe {
  height: 450px;
}

@media (max-width: 768px) {
  .clinic_01_map_canvas iframe {
    height: 100vw;
  }
}

.clinic_01_img_block {
  margin-right: auto;
  margin-left: auto;
  padding: 0 1% 0%;
}

.clinic_01_img_block > .row {
  padding: 5% 0 2%;
}

.clinic_01_info_list {
  margin-top: 5%;
}

.clinic_01_map_block .h_info03 > a > img {
  width: auto;
}

.clinic_01_map_block .h_info03 {
  float: left;
}

.clinic_01_map_block .h_info04 {
  float: left;
  margin-left: 3px;
}

.clinic_01_map_block .info_up {
  float: left;
  margin: 0 3px;
}

.clinic_01_map_block .info_down {
  float: left;
  margin: 0 3px;
}

@media (max-width: 480px) {
  .clinic_01_map_block .info_up {
    float: unset;
    margin: 0 0 3px;
  }
  .clinic_01_map_block .info_down {
    float: unset;
    margin: 0 0 3px;
  }
}

.clinic_01_map_block .clinic_01_map_canvas {
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

dl.clinic_01_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border: none;
}

dl.clinic_01_address dd,
dl.clinic_01_address dt {
  border-bottom: #fff solid 1px;
  margin: 0;
  padding: 0.5em 0.3em;
}

dl.clinic_01_address dd:first-of-type,
dl.clinic_01_address dt:first-of-type {
  border-top: #fff solid 1px;
}

dl.clinic_01_address dd a,
dl.clinic_01_address dt a {
  color: #fff;
}

dl.clinic_01_address dd a:hover,
dl.clinic_01_address dt a:hover {
  color: #d9d9d9;
}

dl.clinic_01_address dt {
  width: 20%;
}

dl.clinic_01_address dd {
  width: 80%;
}

.clinic_02 {
  color: #1b1b1b;
}

.clinic_02 .map_container {
  height: 630px;
}

@media (max-width: 768px) {
  .clinic_02 .map_container {
    height: 100vw;
  }
}

.clinic_02 dl {
  margin: 2em 0;
}

.clinic_02 dl dt {
  margin: 0;
  padding-left: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  color: #FFA200;
  font-weight: normal;
}

.clinic_02 dl dt a {
  text-decoration: none;
}

.clinic_02 dl dt a:hover {
  text-decoration: underline;
}

.clinic_02 dl dt:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 6px;
  height: 2px;
  background: #FFA200;
  right: unset;
}

.clinic_02 dl dd {
  margin-bottom: 0.5em;
  padding-left: 1em;
}

.clinic_06 {
  /*左右の矢印の色を変える*/
  /*左右の矢印の位置を変える*/
  /*スライド画像の横幅可変*/
}

.clinic_06 .thumb > li {
  width: calc(50% - 30px);
  height: auto;
  margin-left: 30px;
  margin-bottom: 20px;
  float: left;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.27;
  list-style: none;
  cursor: pointer;
}

@media (max-width: 767px) {
  .clinic_06 .thumb > li {
    width: calc(33% - 30px);
    margin-left: 30px;
  }
  .clinic_06 .thumb > li:first-child {
    margin-left: 0;
  }
  .clinic_06 .thumb > li:nth-child(4) {
    margin-left: 0;
  }
}

.clinic_06 .thumb > li img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .clinic_06 .thumb {
    margin: 0;
    padding: 0;
  }
  .clinic_06 .thumb > li {
    width: auto;
    margin: 0 auto;
  }
}

.clinic_06 .slick-arrow {
  z-index: 1;
}

.clinic_06 .slick-prev {
  left: 0;
}

.clinic_06 .slick-prev:before {
  font-size: 30px;
  font-size: 3rem;
}

.clinic_06 .slick-next {
  right: 0;
}

.clinic_06 .slick-next:before {
  font-size: 30px;
  font-size: 3rem;
}

.clinic_06 .slick-dots {
  bottom: -4%;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 12px;
}

.clinic_06 .slick-dots li {
  margin: 0;
}

.clinic_06 .slick-next:before,
.clinic_06 .slick-prev:before {
  color: #FFA200;
}

.clinic_06 .slick-dots li.slick-active button {
  background-color: #FFA200;
}

.clinic_06 .slick-next {
  right: 20px;
  z-index: 99;
}

.clinic_06 .slick-prev {
  left: 15px;
  z-index: 100;
}

.clinic_06 img {
  max-width: 100%;
  height: auto;
}

.clinic_06 .center {
  display: table;
  text-align: center;
}

@media (max-width: 767px) {
  .clinic_06 .center {
    margin-top: 60px;
  }
}

.clinic_tour:last-of-type .row.arw {
  padding-bottom: 0;
  background: none;
}

.clinic_tour .row {
  margin-bottom: 2%;
}

.clinic_tour .row img {
  padding: 3px;
  border: #ccc solid 1px;
  box-sizing: border-box;
}

.clinic_tour .row .col > .row {
  margin-top: 2%;
}

.clinic_tour .row .col figure a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #fff;
  transition: 0.5s;
}

.diagnosis_01_wrap h3,
.diagnosis_01_wrap p {
  color: #fff;
}

.diagnosis_01_wrap h3 {
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 0.4em;
  margin-bottom: 0.6em;
  border-bottom: 1px solid #fff;
}

.diagnosis_01_wrap h3:after {
  content: none;
}

.diagnosis_01_wrap .row {
  position: relative;
}

.diagnosis_01_wrap .row .diagnosis_01_txt_box {
  min-width: 530px;
  background: rgba(16, 54, 143, 0.8);
  min-height: 320px;
  padding: 3.5em 2.5em 2.5em;
}

@media (min-width: 1000px) {
  .diagnosis_01_wrap .row .diagnosis_01_box figure {
    position: relative;
    left: 0 !important;
    padding-bottom: 33px;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box figure img {
    width: 680px;
  }
}

@media (min-width: 1000px) and (max-width: 480px) {
  .diagnosis_01_wrap .row .diagnosis_01_box figure img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1000px) {
  .diagnosis_01_wrap .row .diagnosis_01_box .diagnosis_01_txt_box {
    position: absolute;
    top: 12%;
    right: 0;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box .diagnosis_01_txt_box .more {
    margin-top: 2em;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse .span_12 {
    float: none;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse .span_12 figure {
    right: 0 !important;
    left: auto;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse .diagnosis_01_txt_box {
    float: none;
    right: auto;
    left: 0;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse img {
    width: 680px;
  }
}

@media (min-width: 1000px) and (max-width: 480px) {
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1000px) {
  .diagnosis_01_wrap .row:not(:last-child) {
    margin-bottom: 5%;
  }
}

@media (min-width: 768px) and (max-width: 999px) {
  .diagnosis_01_wrap .row {
    margin-bottom: 290px;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box figure {
    position: static;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box .diagnosis_01_txt_box {
    position: absolute;
    top: 75%;
    right: 0;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box .diagnosis_01_txt_box .more {
    margin-top: 2em;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse .span_12 {
    float: none;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse .span_12 figure {
    right: 0;
    left: auto;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box.bnr_reverse .diagnosis_01_txt_box {
    float: none;
    right: auto;
    left: 0;
  }
}

@media (max-width: 767px) {
  .diagnosis_01_wrap .row .diagnosis_01_box img {
    width: 100%;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box .span_12 {
    margin-bottom: 0;
  }
  .diagnosis_01_wrap .row .diagnosis_01_box .diagnosis_01_txt_box {
    max-width: 640px;
    margin: 0 auto;
    min-width: 0;
    padding: 1.4em;
  }
  .diagnosis_01_wrap .row:not(:last-child) {
    margin-bottom: 12%;
  }
}

.diagnosis_01_wrap .wow {
  transition: 1s;
  opacity: 0;
}

.diagnosis_01_wrap .wow .animated {
  opacity: 1;
}

.diagnosis_01_wrap .wow.fade_up {
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
}

.diagnosis_01_wrap .wow.fade_up.animated {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.diagnosis_01_wrap .wow.fade_up.delay {
  transition-delay: 0.8s;
}

.diagnosis_01_wrap .wow.fade_down {
  -webkit-transform: translate(0, 40px);
          transform: translate(0, 40px);
}

.diagnosis_01_wrap .wow.fade_down.animated {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.diagnosis_01_wrap .wow.fade_down.delay {
  transition-delay: 0.8s;
}

@media (min-width: 768px) and (max-width: 899px) {
  .diagnosis_mod .row {
    max-width: 740px;
    margin: 0 auto 0;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .diagnosis_mod .span_3 {
    margin-left: 0%;
    width: 48%;
  }
  .diagnosis_mod .span_3:nth-child(even) {
    margin-left: 26px;
  }
}

.diagnosis_mod .diagnosis_mod_contents {
  max-width: 100%;
  margin: auto;
}

@media (max-width: 899px) {
  .diagnosis_mod .diagnosis_mod_contents {
    margin-bottom: 6.5%;
  }
}

.diagnosis_mod .diagnosis_mod_contents figure {
  margin-bottom: .8em;
}

@media (min-width: 768px) and (max-width: 899px) {
  .diagnosis_mod .diagnosis_mod_contents figure {
    text-align: left;
  }
}

.diagnosis_mod .diagnosis_mod_contents h3 {
  font-weight: bold;
  text-align: left;
  line-height: 1.8;
  margin-bottom: 1em;
  color: #FFA200;
  font-size: 18px;
  font-size: 1.8rem;
}

.diagnosis_mod .diagnosis_mod_contents h3 span {
  font-size: 14px;
  font-size: 1.4rem;
  color: gray;
  display: block;
}

@media (max-width: 767px) {
  .diagnosis_mod .diagnosis_mod_contents h3 {
    margin-bottom: 1.5em;
  }
}

.diagnosis_mod .diagnosis_mod_contents p {
  margin: 0.3em 0 .5em;
  color: #1b1b1b;
}

@media (max-width: 899px) {
  .diagnosis_mod .diagnosis_mod_contents p {
    margin: 0.5em 0 .5em;
  }
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu {
  padding: 0.3em 1.3em 0em 1.4em;
  font-weight: bold;
  border: none;
  padding-top: 0;
  padding-left: 1.5em;
  margin: 0;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #FFA200;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #FFA200;
  border-right: 1px solid #FFA200;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: 0.2s;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu:after {
  content: none;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu:hover {
  color: #ffab1a;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu:hover:before {
  -webkit-transform: translate(0, -50%) rotate(138deg);
          transform: translate(0, -50%) rotate(138deg);
  border-color: #ffab1a;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu.active:before {
  -webkit-transform: translate(0, -50%) rotate(138deg);
          transform: translate(0, -50%) rotate(138deg);
  transition: 0.2s;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu a {
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFA200;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_menu a:hover {
  color: #fcea00;
  background: transparent;
}

.diagnosis_mod .diagnosis_mod_contents .diagosis_03_toggle_content {
  width: auto;
  height: auto;
  line-height: 50px;
  text-align: left;
  overflow: hidden;
  display: none;
}

.doctor_01 .container {
  padding-bottom: 45px;
}

.doctor_a {
  background: url("/wp-content/uploads/sub/d_bg_01.jpg") 70% center no-repeat;
  background-size: cover;
  min-height: 520px;
  padding: 3% 0;
}

.doctor_a.doctor_02_b {
  background: url(/wp-content/uploads/sub/d_bg_01.jpg) 70% center no-repeat;
  background-size: cover;
  min-height: 520px;
}

.doctor_a .doctor_a_inner {
  position: relative;
}

.doctor_a .doctor_a_inner .text-box {
  width: 480px;
  background: #fff;
  padding: 48px;
  position: absolute;
  margin: auto;
  right: 2%;
  left: auto;
}

.doctor_a .doctor_a_inner .text-box h2 {
  color: #5e79c3;
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 1em;
  padding: 0.5em 0;
  width: 100%;
  border-top: 2px solid #5e79c3;
  border-bottom: 2px solid #5e79c3;
}

.doctor_a .doctor_a_inner .text-box h2 span {
  color: #FCEB00;
}

.doctor_a .doctor_a_inner .text-box h2:after, .doctor_a .doctor_a_inner .text-box h2:before {
  content: none;
}

.doctor_a .doctor_a_inner .text-box p {
  color: #1b1b1b;
}

.doctor_a .more.bg {
  display: table;
}

@media (max-width: 767px) {
  .doctor_01 .container {
    padding-bottom: 0;
  }
  .doctor_a {
    background: url(/wp-content/uploads/sub/d_bg_02.jpg) 70% center no-repeat;
    background-position: top;
    padding-top: 55%;
  }
  .doctor_a.doctor_02 {
    background-position: top;
    padding-top: 26%;
    background-size: contain;
  }
  .doctor_a .doctor_a_inner {
    position: static;
  }
  .doctor_a .doctor_a_inner img.doctor_01_img {
    width: 100%;
  }
  .doctor_a .doctor_a_inner .text-box {
    padding: 1em 1em 1em;
    width: auto;
    background: #fff;
    position: static;
    margin: auto;
  }
}

.staff_wrap figure {
  margin-bottom: 1em;
}

.doctor_08:after {
  clear: both;
}

.doctor_08 section {
  padding: 0;
  margin-bottom: 0 !important;
}

.doctor_08 .slider_title {
  float: left;
  width: 25%;
  height: 250px;
  background: #10368F;
  position: relative;
}

@media (max-width: 768px) {
  .doctor_08 .slider_title {
    background: none;
    float: none;
    width: 100%;
    height: 20%;
    vertical-align: middle;
    margin-bottom: 0;
  }
  .doctor_08 .slider_title .bnr_effect_box_text {
    width: auto !important;
    margin: 0 !important;
    padding: 4% 0;
  }
  .doctor_08 .slider_title .bnr_effect_box_text p {
    display: inline;
  }
  .doctor_08 .slider_title .bnr_effect_box_text p.more a {
    display: none;
  }
}

.doctor_08 .slider_title .bnr_effect_box_text {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.doctor_08 .slider_title .bnr_effect_box_text a {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  .doctor_08 .slider_title .bnr_effect_box_text {
    position: static;
    -webkit-transform: unset;
            transform: unset;
    padding: 1% 0;
  }
  .doctor_08 .slider_title .bnr_effect_box_text a {
    color: #FCEB00;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
  }
}

.doctor_08 .slider_title .bnr_effect_box_text p {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}

.doctor_08 .slider_container_area {
  float: left;
  width: 75%;
}

@media (max-width: 768px) {
  .doctor_08 .slider_container_area {
    float: none;
    width: 100%;
  }
}

.doctor_08 .bnr_effect_box {
  position: relative;
}

.doctor_08 .bnr_effect_box img {
  width: 250px;
}

.doctor_08 .bnr_effect_box .staffs_08_slide_box {
  width: 250px;
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content {
  position: relative;
  max-width: 250px;
  width: 100%;
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content.staff_list {
  height: 100%;
  padding: 100% 0 0;
  color: #fff;
}

@media (max-width: 768px) {
  .doctor_08 .bnr_effect_box .bnr_effect_box_content {
    height: 400px;
  }
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_img {
  transition: 0.8s;
  -webkit-transform: rotateX(0) translate3d(0, 0, 100px);
  transform: rotateX(0) translate3d(0, 0, 100px);
}

@media (max-width: 768px) {
  .doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_img {
    height: 100%;
  }
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_text_area {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  color: #fff;
  background-color: #10368F;
  position: absolute;
  -webkit-transform: rotateX(-90deg) translate3d(0, 0, 126px);
  transform: rotateX(-90deg) translate3d(0, 0, 126px);
  width: 100%;
  transition: 0.8s;
  z-index: -1;
}

@media (max-width: 768px) {
  .doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_text_area {
    -webkit-transform: none;
            transform: none;
    z-index: 1;
    top: 300px;
    height: 70px;
    background: none;
  }
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_text {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  .doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_text {
    top: 25%;
    color: #1b1b1b;
  }
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_text p.name {
  font-size: 1.8rem;
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content .bnr_effect_box_text p.name span.posi {
  line-height: 0.9;
  font-size: 1.4rem;
  display: block;
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content:hover .bnr_effect_box_img {
  -webkit-transform: rotateX(90deg) translate3d(0, 0, 124px);
  transform: rotateX(90deg) translate3d(0, 0, 124px);
}

@media (max-width: 768px) {
  .doctor_08 .bnr_effect_box .bnr_effect_box_content:hover .bnr_effect_box_img {
    -webkit-transform: none;
            transform: none;
  }
}

.doctor_08 .bnr_effect_box .bnr_effect_box_content:hover .bnr_effect_box_text_area {
  -webkit-transform: rotateX(0) translate3d(0, 0, 85px);
  transform: rotateX(0) translate3d(0, 0, 85px);
  z-index: 1;
}

@media (max-width: 375px) {
  .doctor_08 .bnr_effect_box .bnr_effect_box_content:hover .bnr_effect_box_text_area {
    -webkit-transform: rotateX(0) translate3d(0, 0, 77px);
    transform: rotateX(0) translate3d(0, 0, 77px);
  }
}

.doctor_08 .slide {
  width: 250px;
  margin: 0;
}

.doctor_08 .slide img {
  width: 250px;
  max-width: none;
  height: auto;
}

.doctor_08 .slide .slider_content_box {
  padding-top: 30px;
}

.doctor_08 .bnr_slider .slick-next,
.doctor_08 .bnr_slider .slick-prev {
  margin-top: 0 !important;
  top: 60%;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

@media (max-width: 768px) {
  .doctor_08 .bnr_slider .slick-next,
  .doctor_08 .bnr_slider .slick-prev {
    top: 30%;
  }
}

.doctor_08 .bnr_slider .slick-prev {
  left: 0;
  z-index: 100;
  width: 40px;
  height: 160px;
  background-color: rgba(16, 54, 143, 0.3);
}

.doctor_08 .bnr_slider .slick-prev:before {
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 45%;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff !important;
  border-right: 3px solid #fff !important;
  -webkit-transform: translate(0, -50%) rotate(-135deg);
          transform: translate(0, -50%) rotate(-135deg);
}

.doctor_08 .bnr_slider .slick-next {
  right: 0;
  width: 40px !important;
  height: 160px !important;
  background-color: rgba(16, 54, 143, 0.3);
}

.doctor_08 .bnr_slider .slick-next:before {
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 45%;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff !important;
  border-right: 3px solid #fff !important;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

/*
 * ボタン矢印(mũi tên button)
 */
.add_arrow {
  display: block;
  position: relative;
}

.add_arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: 0.2s;
}

.add_arrow.inverse:after {
  border-top: 1px solid #FFA200;
  border-right: 1px solid #FFA200;
}

.add_arrow.inverse:hover {
  border-color: #fff;
  color: #fff;
  background: #FFA200;
}

.add_arrow.inverse:hover:after {
  border-color: #fff;
}

.add_arrow:hover {
  border: 1px solid #FFA200;
  color: #FFA200;
  background: #fff;
}

.add_arrow:hover:after {
  right: 4%;
  border-color: #FFA200;
}

/*
 * moreボタン雛形 (hình dạng button more)
 */
.more {
  display: block;
  overflow: hidden;
  margin: auto;
}

.more a {
  display: block;
  border: 1px solid #FFA200;
  color: #fff;
  background: #FFA200;
  padding: 0.6em;
  margin: 0 auto 1px;
  max-width: 280px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .more a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.more a.inverse {
  border: 1px solid #FFA200;
  color: #FFA200;
  background: #fff;
}

/*
 * ボタンエフェクト(button effect)
 */
@media (min-width: 768px) {
  .effect01 {
    overflow: hidden;
    position: relative;
  }
  .effect01:before {
    content: '';
    position: absolute;
    display: block;
    width: 140%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    background: #FFA200;
    opacity: 0.3;
    -webkit-transform: translateX(-120%) skewX(15deg);
            transform: translateX(-120%) skewX(15deg);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .effect01:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  }
  .effect01:hover:before {
    -webkit-transform: translateX(-15%) skewX(15deg);
            transform: translateX(-15%) skewX(15deg);
  }
}

.qa div.question {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  margin-bottom: 1em;
  padding: 1em 50px 1em 1em;
  color: #737373;
  background-color: #FCEB00;
  font-weight: normal;
  cursor: pointer;
}

.qa div.question:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 2%;
  left: auto;
  top: 50%;
  bottom: auto;
  margin-top: -12px;
  background: url(/wp-content/uploads/sub/arrow_down_white.svg) center center no-repeat;
  background-size: 24px;
  transition: .5s;
  border: none;
}

.qa div.question:before {
  content: none;
}

.qa div.question:hover {
  background-color: #fff021;
}

.qa div.question.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.qa .answer {
  display: none;
}

.faq_03 .more {
  margin-top: 2em;
}

.faq_b_wrap {
  font-size: 16px;
  font-size: 1.6rem;
}

.faq_b_wrap.qa .faq_content {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #999;
}

.faq_b_wrap.qa .faq_content:first-of-type {
  border-width: 1px 0 1px 0;
}

.faq_b_wrap.qa .faq_content:last-of-type {
  margin-bottom: 3%;
}

.faq_b_wrap.qa .question {
  cursor: pointer;
  background: none;
  padding: 1em 0;
  color: #1b1b1b;
  margin-bottom: 0;
  display: table;
}

.faq_b_wrap.qa .faq_b_text_block {
  display: table-cell;
  width: 100%;
  padding-right: 40px;
}

.faq_b_wrap.qa .answer {
  color: #1b1b1b;
  padding: 1em 0;
}

.faq_b_wrap.qa .answer .answer_table {
  display: table;
}

.faq_b_wrap.qa .faq_b_icon_box {
  display: table-cell;
}

.faq_b_wrap.qa .balloon3_right_btm {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  padding: 0 5px;
  width: 39px;
  height: 39px;
  line-height: 39px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #10368F;
  border-radius: 50%;
  box-sizing: border-box;
}

.faq_b_wrap.qa .balloon3_right_btm:before {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -4px;
  margin-top: -15px;
  border: 4px solid transparent;
  border-left: 12px solid #10368F;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq_b_wrap.qa .balloon3_right_btm.ans {
  background: #FCEB00;
  margin-bottom: 12px;
}

.faq_b_wrap.qa .balloon3_right_btm.ans:before {
  border-left: 12px solid #FCEB00;
}

/* CSS Document */
/* -- 汎用css -- */
.t_center {
  text-align: center;
}

.t_left {
  text-align: left;
}

.t_right {
  text-align: right;
}

.va_m {
  vertical-align: middle;
}

.va_t {
  vertical-align: top;
}

.va_b {
  vertical-align: bottom;
}

.t_bold {
  font-weight: bold;
}

.m0auto {
  margin: 0 auto;
}

/* -- _width -- */
.wp100 {
  width: 100% !important;
}

.wp90 {
  width: 90% !important;
}

.wp80 {
  width: 80% !important;
}

.wp50 {
  width: 50% !important;
}

.w10 {
  width: 10px !important;
}

.w20 {
  width: 20px !important;
}

.w30 {
  width: 30px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w080 {
  width: 80px !important;
}

.w090 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w225 {
  width: 225px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w310 {
  width: 310px !important;
}

.w320 {
  width: 320px !important;
}

.w330 {
  width: 330px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w360 {
  width: 360px !important;
}

.w370 {
  width: 370px !important;
}

.w380 {
  width: 380px !important;
}

.w390 {
  width: 390px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w420 {
  width: 420px !important;
}

.w430 {
  width: 430px !important;
}

.w440 {
  width: 440px !important;
}

.w450 {
  width: 450px !important;
}

.w460 {
  width: 460px !important;
}

.w470 {
  width: 470px !important;
}

.w480 {
  width: 480px !important;
}

.w490 {
  width: 490px !important;
}

.w500 {
  width: 500px !important;
}

.w510 {
  width: 510px !important;
}

.w520 {
  width: 520px !important;
}

.w530 {
  width: 530px !important;
}

.w540 {
  width: 540px !important;
}

.w550 {
  width: 550px !important;
}

.w560 {
  width: 560px !important;
}

.w570 {
  width: 570px !important;
}

.w580 {
  width: 580px !important;
}

.w590 {
  width: 590px !important;
}

.w600 {
  width: 600px !important;
}

.w610 {
  width: 610px !important;
}

.w620 {
  width: 620px !important;
}

.w630 {
  width: 630px !important;
}

.w640 {
  width: 640px !important;
}

.w650 {
  width: 650px !important;
}

.w660 {
  width: 660px !important;
}

.w670 {
  width: 670px !important;
}

.w680 {
  width: 680px !important;
}

.w690 {
  width: 690px !important;
}

.w700 {
  width: 700px !important;
}

/* -- _height -- */
.h180 {
  height: 180px !important;
}

.h200 {
  height: 200px !important;
}

.h240 {
  height: 240px !important;
}

.h250 {
  height: 250px !important;
}

.h280 {
  height: 280px !important;
}

.h300 {
  height: 300px !important;
}

.h350 {
  height: 350px !important;
}

/* -- _margin -- */
.ma {
  margin-left: auto;
  margin-right: auto;
}

.mlr3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.mlr5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mlr10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mlr15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mlr20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mr145 {
  margin-right: 145px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.ml112 {
  margin-left: 112px !important;
}

.ml145 {
  margin-left: 145px !important;
}

/* -- _padding -- */
.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl200 {
  padding-left: 200px !important;
}

.pl210 {
  padding-left: 210px !important;
}

/* -- _float -- */
.rf {
  float: right;
}

.rf8 {
  float: right;
  margin-left: 8px !important;
}

.rf10 {
  float: right;
  margin-left: 10px !important;
}

.rf15 {
  float: right;
  margin-left: 15px !important;
}

.rf20 {
  float: right;
  margin-left: 20px !important;
}

.rf25 {
  float: right;
  margin-left: 25px !important;
}

.rf30 {
  float: right;
  margin-left: 30px !important;
}

.lf {
  float: left;
}

.lf8 {
  float: left;
  margin-right: 8px !important;
}

.lf10 {
  float: left;
  margin-right: 10px !important;
}

.lf15 {
  float: left;
  margin-right: 15px !important;
}

.lf16 {
  float: left;
  margin-right: 16px !important;
}

.lf20 {
  float: left;
  margin-right: 20px !important;
}

.lf25 {
  float: left;
  margin-right: 25px !important;
}

.lf30 {
  float: left;
  margin-right: 30px !important;
}

/* -- color -- */
.t_red {
  color: #bf220d;
}

.t_blu {
  color: #2400ac;
}

.t_grn {
  color: #82992d;
}

.t_ylw {
  color: #FFFF00;
}

.t_org {
  color: #fa804b;
}

.t_ppl {
  color: #9C30CE;
}

.t_pnk {
  color: #eb415b;
}

.t_gray {
  border-color: #808080;
}

/* -- _txt -- */
.txt10 {
  font-size: 10px !important;
}

.txt11 {
  font-size: 11px !important;
}

.txt12 {
  font-size: 12px !important;
}

.txt13 {
  font-size: 13px !important;
}

.txt14 {
  font-size: 14px !important;
}

.txt15 {
  font-size: 14px !important;
}

.txt16 {
  font-size: 16px !important;
}

.txt18 {
  font-size: 18px !important;
}

.txt20 {
  font-size: 20px !important;
}

.txt22 {
  font-size: 22px !important;
}

.txt24 {
  font-size: 24px !important;
}

.txt36 {
  font-size: 36px !important;
}

em {
  font-style: normal;
  font-weight: bold;
}

.cl {
  clear: both;
}

.clear {
  clear: both;
}

.info_01 {
  padding-top: 1.5em;
}

.info_01 span.h2_title {
  color: #FFA200;
}

.info_01 h2 {
  color: #FFA200;
}

.info_01 .news dl dd {
  border-color: #FFA200;
}

.info_01 .heading {
  overflow: hidden;
}

.info_02 h2 {
  color: #FFA200;
}

.info_02 h2::after {
  background-color: #FFA200;
  border-color: #FFA200;
}

.info_02 .news dl dd {
  border-color: #FFA200;
}

.typeA, .typeB {
  margin-bottom: 2em;
}

.itv_sub h3 {
  color: #737373;
  background: #FCEB00;
  padding: 0.7em 1em;
  font-weight: normal;
  margin-bottom: .5em;
  font-size: 22px;
  font-size: 2.2rem;
}

.itv_sub h3::after {
  display: none;
}

.interview_a .interview_a_text_wrap > h2 {
  color: #FFA200;
  font-weight: bold;
  font-size: 2.0rem;
  margin: 0 0 1.0em 0;
  position: relative;
  padding-top: 20px;
  text-align: left;
}

.interview_a .interview_a_text_wrap > h2:after {
  content: "";
  width: 1000px;
  position: absolute;
  height: 2px;
  margin-left: 10px;
  background: #FFA200;
  top: 58px;
}

.interview_a .interview_a_text_wrap > h2:before {
  content: none;
}

.interview_a p {
  line-height: 2.0em;
  padding-left: 1.5em;
  margin-bottom: 2.5em;
}

.interview_a .interview_a_wrap {
  margin-bottom: 2em;
}

.interview_a .interview_a_img_box figure img {
  width: 100%;
}

.interview_a .interview_a_img_box figure .interview_a_sp {
  display: none;
}

.interview_a .interview_a_text_box {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  color: #1b1b1b;
  position: relative;
  background: #f4f5f8;
}

.interview_a .interview_a_text_box .interview_a_text_wrap {
  overflow: hidden;
}

.interview_a .wow {
  transition: 1s;
  opacity: 0;
}

.interview_a .wow .animated {
  opacity: 1;
}

.interview_a .wow.fade_up {
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
}

.interview_a .wow.fade_up.animated {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.interview_a .wow.fade_up.delay {
  transition-delay: 0.8s;
}

.interview_a .wow.fade_down {
  -webkit-transform: translate(0, 40px);
          transform: translate(0, 40px);
}

.interview_a .wow.fade_down.animated {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.interview_a .wow.fade_down.delay {
  transition-delay: 0.8s;
}

@media (min-width: 768px) {
  .interview_a .interview_a_wrap {
    position: relative;
    margin-top: 20px;
    width: 100%;
  }
  .interview_a .interview_a_wrap .interview_a_img_box {
    float: right;
    width: 50%;
    padding-top: 50px;
  }
  .interview_a .interview_a_wrap .interview_a_text_box {
    width: 50%;
    float: right;
    margin: 0px 0 0px 0;
    padding: 0px 30px;
  }
  .interview_a .interview_a_wrap .interview_a_text_box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
  }
  .interview_a .interview_a_wrap .interview_a_text_wrap {
    width: calc((1000px / 2) - 30px);
    float: right;
    padding: 1em;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .interview_a .interview_a_wrap .interview_a_text_wrap {
    width: auto;
  }
}

@media (min-width: 768px) {
  .interview_a .interview_a_wrap .interview_a_text_wrap:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
  }
  .interview_a .interview_a_wrap:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
  }
}

.interview_b_module .interview_b_module_img {
  position: relative;
}

.interview_b_module .interview_b_module_img figure {
  position: relative;
  height: 100%;
  text-align: right;
  overflow: hidden;
}

.interview_b_module .interview_b_module_img figure img {
  position: absolute;
  top: -300%;
  left: auto;
  bottom: -300%;
  right: 0;
  margin: auto;
  width: 100%;
}

.interview_b_module .interview_b_module_text {
  position: relative;
  height: 550px;
}

.interview_b_module .interview_b_module_text .interview_b_module_text_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 73%;
}

.interview_b_module .interview_b_module_text .interview_b_module_text_inner p {
  line-height: 1.3;
  font-size: 16px;
  font-size: 1.6rem;
}

.interview_b_module .interview_b_module_text .interview_b_module_text_inner p.text-xlarge {
  font-size: 24px;
  font-size: 2.4rem;
  color: #FFA200;
}

@media (max-width: 767px) {
  .interview_b_module .interview_b_module_img {
    position: relative;
    width: 100%;
    height: auto;
  }
  .interview_b_module .interview_b_module_img figure {
    position: relative;
    width: 100%;
    height: auto;
  }
  .interview_b_module .interview_b_module_img figure img {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .interview_b_module .interview_b_module_text {
    position: relative;
    height: auto;
  }
  .interview_b_module .interview_b_module_text .interview_b_module_text_inner {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    padding: 8% 4%;
  }
}

.interview_c .more.thin {
  display: table;
  margin: 0 auto;
  width: 50%;
}

.interview_c .more.thin a {
  border-radius: 6px;
  width: 100%;
  text-align: center;
}

.text-primary {
  color: #FFA200 !important;
}

h1:not(.title) {
  text-align: center;
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: normal;
  padding: 1em 0;
  color: #8E5AC3;
  background: transparent;
  margin: 0 0 .5em;
}

h1:not(.title) a {
  text-decoration: none;
}

h1:not(.title) a:hover {
  text-decoration: underline;
}

h1:not(.title) span {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
}

header .global_nav > ul > li:not(:first-child) > a::before {
  content: none;
}

header .global_nav > ul > li > a:hover {
  border-bottom: none;
}

header .global_nav > ul > li > a {
  border-bottom: none;
}

.home > main .slider_pro.center {
  background-color: #fffab3;
}

.home > main section {
  margin: 0;
}

.home > main section h2 {
  padding-top: 1.5em;
}

.home > main section:nth-of-type(2) {
  background-color: #fffab3;
  padding-top: 5%;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(2) h2::after,
.home > main section:nth-of-type(2) h3::after,
.home > main section:nth-of-type(2) h4::after {
  background-color: #ff3838;
}

.home > main section:nth-of-type(2) h2,
.home > main section:nth-of-type(2) h3,
.home > main section:nth-of-type(2) h4 {
  color: #ff3838;
}

.home > main section:nth-of-type(2) .more a,
.home > main section:nth-of-type(2) .more span {
  color: #ff3838;
  border: 1px solid #ff3838;
}

.home > main section:nth-of-type(2) .more a:after,
.home > main section:nth-of-type(2) .more span:after {
  border-color: #ff3838;
}

.home > main section:nth-of-type(2) .more a:hover,
.home > main section:nth-of-type(2) .more span:hover {
  color: #f77474;
  border-color: #f77474;
}

.home > main section:nth-of-type(2) .more a:hover:after,
.home > main section:nth-of-type(2) .more span:hover:after {
  border-color: #f77474;
}

.home > main section:nth-of-type(2) .bg.more a,
.home > main section:nth-of-type(2) .bg.more span {
  color: #fff;
  background: #B088D7;
  border: solid 1px #D6BEE7;
}

.home > main section:nth-of-type(2) .bg.more a:hover,
.home > main section:nth-of-type(2) .bg.more span:hover {
  background: #D6BEE7;
  color: #fff;
}

.home > main section:nth-of-type(2) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(2) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(2) .circle_btn {
  background: #B088D7;
  border: 1px solid #B088D7;
  color: #fff;
}

.home > main section:nth-of-type(2) .circle_btn:hover {
  background: #D6BEE7;
  color: #fff;
}

.home > main section:nth-of-type(2) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(3),
.home > main section:nth-of-type(9) {
  background-color: #99c0ff;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(3) h2::after,
.home > main section:nth-of-type(3) h3::after,
.home > main section:nth-of-type(3) h4::after,
.home > main section:nth-of-type(9) h2::after,
.home > main section:nth-of-type(9) h3::after,
.home > main section:nth-of-type(9) h4::after {
  background-color: #10368f;
}

.home > main section:nth-of-type(3) h2,
.home > main section:nth-of-type(3) h3,
.home > main section:nth-of-type(3) h4,
.home > main section:nth-of-type(9) h2,
.home > main section:nth-of-type(9) h3,
.home > main section:nth-of-type(9) h4 {
  color: #10368f;
}

.home > main section:nth-of-type(3) .more a,
.home > main section:nth-of-type(3) .more span,
.home > main section:nth-of-type(9) .more a,
.home > main section:nth-of-type(9) .more span {
  color: #5e79c3;
  border: 1px solid #5e79c3;
}

.home > main section:nth-of-type(3) .more a:after,
.home > main section:nth-of-type(3) .more span:after,
.home > main section:nth-of-type(9) .more a:after,
.home > main section:nth-of-type(9) .more span:after {
  border-color: #5e79c3;
}

.home > main section:nth-of-type(3) .more a:hover,
.home > main section:nth-of-type(3) .more span:hover,
.home > main section:nth-of-type(9) .more a:hover,
.home > main section:nth-of-type(9) .more span:hover {
  color: #5e79c3;
  border-color: #5e79c3;
}

.home > main section:nth-of-type(3) .more a:hover:after,
.home > main section:nth-of-type(3) .more span:hover:after,
.home > main section:nth-of-type(9) .more a:hover:after,
.home > main section:nth-of-type(9) .more span:hover:after {
  border-color: #5e79c3;
}

.home > main section:nth-of-type(3) .bg.more a,
.home > main section:nth-of-type(3) .bg.more span,
.home > main section:nth-of-type(9) .bg.more a,
.home > main section:nth-of-type(9) .bg.more span {
  color: #fff;
  background: #40b8ff;
  border: solid 1px #A8C7F3;
}

.home > main section:nth-of-type(3) .bg.more a:hover,
.home > main section:nth-of-type(3) .bg.more span:hover,
.home > main section:nth-of-type(9) .bg.more a:hover,
.home > main section:nth-of-type(9) .bg.more span:hover {
  background: #84d1ff;
  color: #fff;
}

.home > main section:nth-of-type(3) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(3) .bg.more span.add_arrow::after,
.home > main section:nth-of-type(9) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(9) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(3) .circle_btn,
.home > main section:nth-of-type(9) .circle_btn {
  background: #B1E730;
  border: 1px solid #B1E730;
  color: #fff;
}

.home > main section:nth-of-type(3) .circle_btn:hover,
.home > main section:nth-of-type(9) .circle_btn:hover {
  background: #A8C7F3;
  color: #fff;
}

.home > main section:nth-of-type(3) .circle_btn.add_arrow::after,
.home > main section:nth-of-type(9) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(10),
.home > main section:nth-of-type(4) {
  background-color: #92e6b2;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(10) h2::after,
.home > main section:nth-of-type(10) h3::after,
.home > main section:nth-of-type(10) h4::after,
.home > main section:nth-of-type(4) h2::after,
.home > main section:nth-of-type(4) h3::after,
.home > main section:nth-of-type(4) h4::after {
  background-color: #0d5228;
}

.home > main section:nth-of-type(10) h2,
.home > main section:nth-of-type(10) h3,
.home > main section:nth-of-type(10) h4,
.home > main section:nth-of-type(4) h2,
.home > main section:nth-of-type(4) h3,
.home > main section:nth-of-type(4) h4 {
  color: #0d5228;
}

.home > main section:nth-of-type(10) .clinic_01_inner_wrap,
.home > main section:nth-of-type(4) .clinic_01_inner_wrap {
  background: rgba(113, 228, 127, 0.8);
}

.home > main section:nth-of-type(10) .more a,
.home > main section:nth-of-type(10) .more span,
.home > main section:nth-of-type(4) .more a,
.home > main section:nth-of-type(4) .more span {
  color: #03401b;
  border: 1px solid #03401b;
}

.home > main section:nth-of-type(10) .more a:after,
.home > main section:nth-of-type(10) .more span:after,
.home > main section:nth-of-type(4) .more a:after,
.home > main section:nth-of-type(4) .more span:after {
  border-color: #03401b;
}

.home > main section:nth-of-type(10) .more a:hover,
.home > main section:nth-of-type(10) .more span:hover,
.home > main section:nth-of-type(4) .more a:hover,
.home > main section:nth-of-type(4) .more span:hover {
  color: #699a7c;
  border-color: #699a7c;
}

.home > main section:nth-of-type(10) .more a:hover:after,
.home > main section:nth-of-type(10) .more span:hover:after,
.home > main section:nth-of-type(4) .more a:hover:after,
.home > main section:nth-of-type(4) .more span:hover:after {
  border-color: #699a7c;
}

.home > main section:nth-of-type(10) .bg.more a,
.home > main section:nth-of-type(10) .bg.more span,
.home > main section:nth-of-type(4) .bg.more a,
.home > main section:nth-of-type(4) .bg.more span {
  color: #fff;
  border: solid 1px #FFF;
}

.home > main section:nth-of-type(10) .bg.more a:hover,
.home > main section:nth-of-type(10) .bg.more span:hover,
.home > main section:nth-of-type(4) .bg.more a:hover,
.home > main section:nth-of-type(4) .bg.more span:hover {
  background: #ffc45d;
  color: #fff;
}

.home > main section:nth-of-type(10) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(10) .bg.more span.add_arrow::after,
.home > main section:nth-of-type(4) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(4) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(10) .circle_btn,
.home > main section:nth-of-type(4) .circle_btn {
  background: #5289E2;
  border: 1px solid #5289E2;
  color: #fff;
}

.home > main section:nth-of-type(10) .circle_btn:hover,
.home > main section:nth-of-type(4) .circle_btn:hover {
  background: #A8C7F3;
  color: #fff;
}

.home > main section:nth-of-type(10) .circle_btn.add_arrow::after,
.home > main section:nth-of-type(4) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(11),
.home > main section:nth-of-type(5) {
  background-color: #AAE8E3;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(11) h2::after,
.home > main section:nth-of-type(11) h3::after,
.home > main section:nth-of-type(11) h4::after,
.home > main section:nth-of-type(5) h2::after,
.home > main section:nth-of-type(5) h3::after,
.home > main section:nth-of-type(5) h4::after {
  background-color: #2CB3AF;
}

.home > main section:nth-of-type(11) h2,
.home > main section:nth-of-type(11) h3,
.home > main section:nth-of-type(11) h4,
.home > main section:nth-of-type(5) h2,
.home > main section:nth-of-type(5) h3,
.home > main section:nth-of-type(5) h4 {
  color: #2CB3AF;
}

.home > main section:nth-of-type(11) .more a,
.home > main section:nth-of-type(11) .more span,
.home > main section:nth-of-type(5) .more a,
.home > main section:nth-of-type(5) .more span {
  color: #28B5B0;
  border: 1px solid #28B5B0;
}

.home > main section:nth-of-type(11) .more a:after,
.home > main section:nth-of-type(11) .more span:after,
.home > main section:nth-of-type(5) .more a:after,
.home > main section:nth-of-type(5) .more span:after {
  border-color: #28B5B0;
}

.home > main section:nth-of-type(11) .more a:hover,
.home > main section:nth-of-type(11) .more span:hover,
.home > main section:nth-of-type(5) .more a:hover,
.home > main section:nth-of-type(5) .more span:hover {
  color: #5CCAC5;
  border-color: #5CCAC5;
}

.home > main section:nth-of-type(11) .more a:hover:after,
.home > main section:nth-of-type(11) .more span:hover:after,
.home > main section:nth-of-type(5) .more a:hover:after,
.home > main section:nth-of-type(5) .more span:hover:after {
  border-color: #5CCAC5;
}

.home > main section:nth-of-type(11) .bg.more a,
.home > main section:nth-of-type(11) .bg.more span,
.home > main section:nth-of-type(5) .bg.more a,
.home > main section:nth-of-type(5) .bg.more span {
  color: #fff;
  background: #28B5B0;
  border: solid 1px #5CCAC5;
}

.home > main section:nth-of-type(11) .bg.more a:hover,
.home > main section:nth-of-type(11) .bg.more span:hover,
.home > main section:nth-of-type(5) .bg.more a:hover,
.home > main section:nth-of-type(5) .bg.more span:hover {
  background: #5CCAC5;
  color: #fff;
}

.home > main section:nth-of-type(11) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(11) .bg.more span.add_arrow::after,
.home > main section:nth-of-type(5) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(5) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(11) .circle_btn,
.home > main section:nth-of-type(5) .circle_btn {
  background: #28B5B0;
  border: 1px solid #28B5B0;
  color: #fff;
}

.home > main section:nth-of-type(11) .circle_btn:hover,
.home > main section:nth-of-type(5) .circle_btn:hover {
  background: #5CCAC5;
  color: #fff;
}

.home > main section:nth-of-type(11) .circle_btn.add_arrow::after,
.home > main section:nth-of-type(5) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(12),
.home > main section:nth-of-type(6) {
  background-color: #E1F7DE;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(12) h2::after,
.home > main section:nth-of-type(12) h3::after,
.home > main section:nth-of-type(12) h4::after,
.home > main section:nth-of-type(6) h2::after,
.home > main section:nth-of-type(6) h3::after,
.home > main section:nth-of-type(6) h4::after {
  background-color: #3F9660;
}

.home > main section:nth-of-type(12) h2,
.home > main section:nth-of-type(12) h3,
.home > main section:nth-of-type(12) h4,
.home > main section:nth-of-type(6) h2,
.home > main section:nth-of-type(6) h3,
.home > main section:nth-of-type(6) h4 {
  color: #3F9660;
}

.home > main section:nth-of-type(12) .more a,
.home > main section:nth-of-type(12) .more span,
.home > main section:nth-of-type(6) .more a,
.home > main section:nth-of-type(6) .more span {
  color: #1BB656;
  border: 1px solid #1BB656;
}

.home > main section:nth-of-type(12) .more a:after,
.home > main section:nth-of-type(12) .more span:after,
.home > main section:nth-of-type(6) .more a:after,
.home > main section:nth-of-type(6) .more span:after {
  border-color: #1BB656;
}

.home > main section:nth-of-type(12) .more a:hover,
.home > main section:nth-of-type(12) .more span:hover,
.home > main section:nth-of-type(6) .more a:hover,
.home > main section:nth-of-type(6) .more span:hover {
  color: #5FD48C;
  border-color: #5FD48C;
}

.home > main section:nth-of-type(12) .more a:hover:after,
.home > main section:nth-of-type(12) .more span:hover:after,
.home > main section:nth-of-type(6) .more a:hover:after,
.home > main section:nth-of-type(6) .more span:hover:after {
  border-color: #5FD48C;
}

.home > main section:nth-of-type(12) .bg.more a,
.home > main section:nth-of-type(12) .bg.more span,
.home > main section:nth-of-type(6) .bg.more a,
.home > main section:nth-of-type(6) .bg.more span {
  color: #fff;
  background: #1BB656;
  border: solid 1px #5FD48C;
}

.home > main section:nth-of-type(12) .bg.more a:hover,
.home > main section:nth-of-type(12) .bg.more span:hover,
.home > main section:nth-of-type(6) .bg.more a:hover,
.home > main section:nth-of-type(6) .bg.more span:hover {
  background: #5FD48C;
  color: #fff;
}

.home > main section:nth-of-type(12) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(12) .bg.more span.add_arrow::after,
.home > main section:nth-of-type(6) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(6) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(12) .circle_btn,
.home > main section:nth-of-type(6) .circle_btn {
  background: #1BB656;
  border: 1px solid #1BB656;
  color: #fff;
}

.home > main section:nth-of-type(12) .circle_btn:hover,
.home > main section:nth-of-type(6) .circle_btn:hover {
  background: #5FD48C;
  color: #fff;
}

.home > main section:nth-of-type(12) .circle_btn.add_arrow::after,
.home > main section:nth-of-type(6) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(7) {
  background-color: #FFEBF3;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(7) h2::after,
.home > main section:nth-of-type(7) h3::after,
.home > main section:nth-of-type(7) h4::after {
  background-color: #E96486;
}

.home > main section:nth-of-type(7) h2,
.home > main section:nth-of-type(7) h3,
.home > main section:nth-of-type(7) h4 {
  color: #E96486;
}

.home > main section:nth-of-type(7) .more a,
.home > main section:nth-of-type(7) .more span {
  color: #FF7AD6;
  border: 1px solid #FF7AD6;
}

.home > main section:nth-of-type(7) .more a:after,
.home > main section:nth-of-type(7) .more span:after {
  border-color: #FF7AD6;
}

.home > main section:nth-of-type(7) .more a:hover,
.home > main section:nth-of-type(7) .more span:hover {
  color: #DB529C;
  border-color: #DB529C;
}

.home > main section:nth-of-type(7) .more a:hover:after,
.home > main section:nth-of-type(7) .more span:hover:after {
  border-color: #DB529C;
}

.home > main section:nth-of-type(7) .bg.more a,
.home > main section:nth-of-type(7) .bg.more span {
  color: #fff;
  background: #FF7AD6;
  border: solid 1px #DB529C;
}

.home > main section:nth-of-type(7) .bg.more a:hover,
.home > main section:nth-of-type(7) .bg.more span:hover {
  background: #DB529C;
  color: #fff;
}

.home > main section:nth-of-type(7) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(7) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(7) .circle_btn {
  background: #FF7AD6;
  border: 1px solid #FF7AD6;
  color: #fff;
}

.home > main section:nth-of-type(7) .circle_btn:hover {
  background: #DB529C;
  color: #fff;
}

.home > main section:nth-of-type(7) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(8) {
  background-color: #fffab3;
  padding-bottom: 5%;
}

.home > main section:nth-of-type(8) h2::after,
.home > main section:nth-of-type(8) h3::after,
.home > main section:nth-of-type(8) h4::after {
  background-color: #ff3838;
}

.home > main section:nth-of-type(8) h2,
.home > main section:nth-of-type(8) h3,
.home > main section:nth-of-type(8) h4 {
  color: #ff3838;
}

.home > main section:nth-of-type(8) .more a,
.home > main section:nth-of-type(8) .more span {
  color: #ff3838;
  border: 1px solid #ff3838;
}

.home > main section:nth-of-type(8) .more a:after,
.home > main section:nth-of-type(8) .more span:after {
  border-color: #ff3838;
}

.home > main section:nth-of-type(8) .more a:hover,
.home > main section:nth-of-type(8) .more span:hover {
  color: #f77474;
  border-color: #f77474;
}

.home > main section:nth-of-type(8) .more a:hover:after,
.home > main section:nth-of-type(8) .more span:hover:after {
  border-color: #f77474;
}

.home > main section:nth-of-type(8) .bg.more a,
.home > main section:nth-of-type(8) .bg.more span {
  color: #fff;
  background: #ff3838;
  border: solid 1px #fb7676;
}

.home > main section:nth-of-type(8) .bg.more a:hover,
.home > main section:nth-of-type(8) .bg.more span:hover {
  background: #f77474;
  color: #fff;
}

.home > main section:nth-of-type(8) .bg.more a.add_arrow::after,
.home > main section:nth-of-type(8) .bg.more span.add_arrow::after {
  border-color: #fff;
}

.home > main section:nth-of-type(8) .circle_btn {
  background: #B088D7;
  border: 1px solid #B088D7;
  color: #fff;
}

.home > main section:nth-of-type(8) .circle_btn:hover {
  background: #D6BEE7;
  color: #fff;
}

.home > main section:nth-of-type(8) .circle_btn.add_arrow::after {
  border-color: #fff;
}

.home > main .diagnosis_01_wrap .row .diagnosis_01_txt_box {
  background: #ffb533;
}

body {
  background: #F8F7F2;
}

img {
  image-rendering: auto;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
}

a {
  color: #1b1b1b;
}

a:hover {
  color: #fcea00;
}

.center_center {
  display: table !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.center_center * {
  float: none !important;
  width: auto !important;
}

.table_center {
  display: table !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.p0 {
  padding: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.font-size10 {
  font-size: 10px;
}

.font-size11 {
  font-size: 11px;
}

.font-size12 {
  font-size: 12px;
}

.font-size13 {
  font-size: 13px;
}

.font-size14 {
  font-size: 14px;
}

.font-size15 {
  font-size: 15px;
}

.font-size16 {
  font-size: 16px;
}

.font-size17 {
  font-size: 17px;
}

.font-size18 {
  font-size: 18px;
}

.font-size19 {
  font-size: 19px;
}

.font-size20 {
  font-size: 20px;
}

.container.gutters.nmrow {
  padding: 0;
}

@media (min-width: 667px) {
  .sp-br {
    display: none;
  }
}

.scroll-table {
  overflow: none;
  white-space: nowrap;
}

.scroll-table::-webkit-scrollbar {
  display: none;
}

@media (max-width: 768px) {
  .scroll-table {
    overflow: auto;
  }
}

.scroll-table::-webkit-scrollbar {
  height: 5px;
}

.scroll-table::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.scroll-table::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

header {
  background-color: #FFA200;
}

header a {
  color: #fff;
}

header a:hover {
  border-bottom: none;
  color: #d9d9d9;
}

header.hdr_2 .row, header.hdr_3 .row, header.hdr_4 .row {
  width: 100%;
  margin: 0;
}

header.hdr_2 .row > .title, header.hdr_3 .row > .title, header.hdr_4 .row > .title {
  margin: 0 25px 0 0;
  text-align: center;
}

header.hdr_2 .row > .title > a, header.hdr_3 .row > .title > a, header.hdr_4 .row > .title > a {
  display: block;
}

header.hdr_2 .row > .title img, header.hdr_3 .row > .title img, header.hdr_4 .row > .title img {
  width: auto;
  min-height: 60px;
}

header.hdr_2 .row > .title object, header.hdr_3 .row > .title object, header.hdr_4 .row > .title object {
  width: auto;
}

@media (max-width: 768px) {
  header.hdr_2 .row > .title, header.hdr_3 .row > .title, header.hdr_4 .row > .title {
    display: block;
    width: 70% !important;
    max-width: 250px !important;
    padding-left: 5%;
  }
  header.hdr_2 .row > .title object, header.hdr_3 .row > .title object, header.hdr_4 .row > .title object {
    width: 100%;
  }
}

header.hdr_2 .row > .global_nav, header.hdr_3 .row > .global_nav, header.hdr_4 .row > .global_nav {
  text-align: center;
}

@media (max-width: 768px) {
  header.hdr_2 .row > .global_nav, header.hdr_3 .row > .global_nav, header.hdr_4 .row > .global_nav {
    display: block;
  }
}

header.hdr_2 .row > .global_nav > ul, header.hdr_3 .row > .global_nav > ul, header.hdr_4 .row > .global_nav > ul {
  padding: 0;
}

header.hdr_2 .row > .global_nav > ul li.gnav_search, header.hdr_3 .row > .global_nav > ul li.gnav_search, header.hdr_4 .row > .global_nav > ul li.gnav_search {
  display: none;
}

header.hdr_2 .row > .global_nav > ul li a, header.hdr_3 .row > .global_nav > ul li a, header.hdr_4 .row > .global_nav > ul li a {
  letter-spacing: 1px;
}

header.hdr_2 .row > .global_nav .menu_icon, header.hdr_3 .row > .global_nav .menu_icon, header.hdr_4 .row > .global_nav .menu_icon {
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

header.hdr_2 .row > .global_nav .menu_icon a, header.hdr_3 .row > .global_nav .menu_icon a, header.hdr_4 .row > .global_nav .menu_icon a {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}

header.hdr_2 .row > .global_nav .menu_icon a:after, header.hdr_2 .row > .global_nav .menu_icon a:before, header.hdr_3 .row > .global_nav .menu_icon a:after, header.hdr_3 .row > .global_nav .menu_icon a:before, header.hdr_4 .row > .global_nav .menu_icon a:after, header.hdr_4 .row > .global_nav .menu_icon a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background: #fff;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

header.hdr_2 .row > .global_nav .menu_icon a:before, header.hdr_3 .row > .global_nav .menu_icon a:before, header.hdr_4 .row > .global_nav .menu_icon a:before {
  top: 0;
}

header.hdr_2 .row > .global_nav .menu_icon a:after, header.hdr_3 .row > .global_nav .menu_icon a:after, header.hdr_4 .row > .global_nav .menu_icon a:after {
  bottom: 0;
}

header.hdr_2 .row > .global_nav .menu_icon a span, header.hdr_3 .row > .global_nav .menu_icon a span, header.hdr_4 .row > .global_nav .menu_icon a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background: #fff;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

header.hdr_2 .row > .global_nav .menu_icon a.close:not(.fix), header.hdr_3 .row > .global_nav .menu_icon a.close:not(.fix), header.hdr_4 .row > .global_nav .menu_icon a.close:not(.fix) {
  background: none;
}

header.hdr_2 .row > .global_nav .menu_icon a.close:not(.fix):before, header.hdr_3 .row > .global_nav .menu_icon a.close:not(.fix):before, header.hdr_4 .row > .global_nav .menu_icon a.close:not(.fix):before {
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  background: #fff;
}

header.hdr_2 .row > .global_nav .menu_icon a.close:not(.fix):after, header.hdr_3 .row > .global_nav .menu_icon a.close:not(.fix):after, header.hdr_4 .row > .global_nav .menu_icon a.close:not(.fix):after {
  bottom: 50%;
  -webkit-transform: translate(0, 50%) rotate(-45deg);
          transform: translate(0, 50%) rotate(-45deg);
  background: #fff;
}

header.hdr_2 .row > .global_nav .menu_icon a.close:not(.fix) span, header.hdr_3 .row > .global_nav .menu_icon a.close:not(.fix) span, header.hdr_4 .row > .global_nav .menu_icon a.close:not(.fix) span {
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

header.hdr_2 .row > .hdr_info, header.hdr_3 .row > .hdr_info, header.hdr_4 .row > .hdr_info {
  display: table-cell;
  position: relative;
  padding: 0 0 0 20px;
  top: 0;
  right: 0;
  vertical-align: middle;
  color: #fff;
}

@media (max-width: 768px) {
  header.hdr_2 .row > .hdr_info, header.hdr_3 .row > .hdr_info, header.hdr_4 .row > .hdr_info {
    display: none;
  }
}

header.hdr_2 .row > .hdr_info .h_address,
header.hdr_2 .row > .hdr_info .h_tel, header.hdr_3 .row > .hdr_info .h_address,
header.hdr_3 .row > .hdr_info .h_tel, header.hdr_4 .row > .hdr_info .h_address,
header.hdr_4 .row > .hdr_info .h_tel {
  margin-bottom: 0.5em;
}

header.hdr_2 .row > .hdr_info .h_tel, header.hdr_3 .row > .hdr_info .h_tel, header.hdr_4 .row > .hdr_info .h_tel {
  line-height: 1;
  font-weight: bold;
}

header.hdr_2 .row {
  max-width: 1000px;
  margin: 0 auto;
}

header.hdr_2 .row > .title {
  width: 31%;
}

header.hdr_2 .row > .global_nav {
  width: 45%;
}

header.hdr_2 .row > .global_nav > ul li a {
  letter-spacing: 1px;
}

header.hdr_2 .row > .hdr_info {
  width: 31%;
}

header.hdr_3 .row > .title {
  width: 31%;
}

header.hdr_3 .row > .global_nav {
  width: 67%;
}

header.hdr_3 .row > .global_nav > ul li {
  padding: 0.3em 0.8em;
}

@media (max-width: 768px) {
  header.hdr_3 .row > .global_nav > ul li {
    padding: 0;
  }
}

header.hdr_3 .row > .hdr_info {
  width: 23%;
}

header.hdr_4 .row > .title {
  width: 45%;
}

header.hdr_4 .row > .global_nav {
  width: 42%;
}

header.hdr_4 .row > .global_nav > ul li {
  padding: 0.3em 0.8em;
}

@media (max-width: 768px) {
  header.hdr_4 .row > .global_nav > ul li {
    padding: 0;
  }
}

header.hdr_4 .row > .hdr_info {
  width: 22%;
}

header.hdr_2 .row > .title object, header.hdr_3 .row > .title object {
  width: 100%;
}

header .row > .global_nav > ul > li.has_under > a {
  position: relative;
}

header .row > .global_nav > ul > li.has_under > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -4px;
  bottom: 0;
  left: 0;
  margin: 0 0 auto auto;
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 3px;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}

header .row > .global_nav > ul > li.has_under > a:after {
  border-color: #332000;
  top: 47%;
  right: 0;
}

header .row > .global_nav > ul > li.has_under > a.menu_under_open:before {
  background: #cc8200;
}

header .row > .global_nav > ul > li.has_under > a.menu_under_open:after {
  border-color: white;
}

header .row > .global_nav > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

header .row > .global_nav > ul > li > ul > li {
  border-bottom: 1px solid #b3b3b3;
}

.table-default {
  width: 100%;
}

.table-default caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-default td,
.table-default th {
  border: 1px solid #FFDD8D;
}

.table-default th {
  background: rgba(255, 221, 141, 0.7);
  color: #737373;
}

.table-default td {
  background: transparent;
}

.table-menu {
  width: 100%;
  table-layout: fixed;
}

.table-menu caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-menu td,
.table-menu th {
  padding: 0.7em 1em;
  border-top: 1px solid #FFDD8D;
  border-bottom: 1px solid #FFDD8D;
}

@media (max-width: 767px) {
  .table-menu td,
  .table-menu th {
    padding: 0.7em 0.3em;
  }
}

.table-menu tbody th {
  text-align: left;
}

.table-menu td:last-child {
  text-align: right;
  white-space: nowrap;
}

.table-schedule {
  width: 100%;
}

.table-schedule td,
.table-schedule th {
  background: #fff;
  border-color: #fff;
  color: #fff;
}

.table-schedule tbody td,
.table-schedule tbody th {
  background: #fff;
  color: #1b1b1b;
}

.table-schedule caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.table-schedule td,
.table-schedule th {
  border: 1px solid #FFDD8D;
  padding: 0.7em 1em;
  text-align: center;
}

@media (max-width: 767px) {
  .table-schedule td,
  .table-schedule th {
    padding: 0.7em 0.3em;
  }
}

.table-schedule thead th {
  background: rgba(255, 221, 141, 0.7);
  color: #737373;
}

.table-schedule tbody th {
  background: #fff;
}

.table-schedule td {
  background: transparent;
}

.table-scheduletable.table-schedule.sk-time td,
.table-scheduletable.table-schedule.sk-time th {
  padding: 0.5em 0.7em;
}

.wide_x p {
  font-size: 2em;
  margin: -0.4em 0 -0.4em 0;
  line-height: 1;
}

main .column_main {
  padding-bottom: 0;
}

.pagetop > a {
  background: #FFA200;
}

footer > section > iframe {
  margin-bottom: -5px;
}

footer {
  background-color: #FFA200;
  color: #fff;
  padding: 0 0 100px 0;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #d9d9d9;
  text-decoration: none;
}

footer nav {
  padding: 1em 0;
}

footer object {
  width: 350px;
  height: 30px;
}

footer.ftr_2 .footer_info_wrap, footer.ftr_3 .footer_info_wrap {
  color: #fff;
  background: url("/wp-content/uploads/sub/f_bg.jpg") no-repeat;
  background-size: 100% auto;
  margin-bottom: 0;
}

@media (max-width: 480px) {
  footer.ftr_2 .footer_info_wrap, footer.ftr_3 .footer_info_wrap {
    background-size: auto 100%;
  }
}

footer.ftr_2 .footer_info_wrap .f_container, footer.ftr_3 .footer_info_wrap .f_container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: rgba(255, 162, 0, 0.8);
  padding: 1.5em;
}

footer.ftr_2 .footer_info_wrap .f_container dl dt, footer.ftr_3 .footer_info_wrap .f_container dl dt {
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0.3em;
}

footer.ftr_2 .footer_info_wrap .f_container dl dd, footer.ftr_3 .footer_info_wrap .f_container dl dd {
  border-bottom: #fff dotted 1px;
  padding: 0.4em 1.2em;
  margin-bottom: 0.3em;
}

footer.ftr_2 .footer_info_wrap .f_container td,
footer.ftr_2 .footer_info_wrap .f_container th, footer.ftr_3 .footer_info_wrap .f_container td,
footer.ftr_3 .footer_info_wrap .f_container th {
  background: rgba(252, 235, 0, 0.7);
  border-color: rgba(252, 235, 0, 0.7);
  color: #fff;
}

footer.ftr_2 .footer_info_wrap .f_container tbody td,
footer.ftr_2 .footer_info_wrap .f_container tbody th, footer.ftr_3 .footer_info_wrap .f_container tbody td,
footer.ftr_3 .footer_info_wrap .f_container tbody th {
  background: #fff;
  color: #1b1b1b;
}

footer.ftr_2 .footer_info_wrap .f_container iframe {
  height: 450px;
}

@media (max-width: 768px) {
  footer.ftr_2 .footer_info_wrap .f_container {
    padding: 0.5em;
  }
  footer.ftr_2 .footer_info_wrap .f_container iframe {
    height: 100vw;
  }
}

@media (max-width: 768px) {
  footer.ftr_2 .footer_info_wrap .f_container table.table-schedule td,
  footer.ftr_2 .footer_info_wrap .f_container table.table-schedule th {
    padding: 0.6em 0.5em;
  }
}

@media (max-width: 768px) {
  footer.ftr_3 .footer_info_wrap .f_container {
    padding: 0.5em 0.5em 1.5em;
  }
}

footer.ftr_3 .footer_info_wrap .f_container figure {
  width: 100%;
  margin-bottom: 1em;
}

footer.ftr_3 .footer_info_wrap .f_container figure img {
  width: 100%;
}

footer.ftr_3 .footer_info_wrap .f_container h3 {
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 0.5em;
}

footer.ftr_3 .footer_info_wrap .f_container h3::after {
  display: none;
}

footer.ftr_3 .footer_info_wrap .f_container table.table-schedule {
  margin-bottom: 2em;
}

footer.ftr_3 .footer_info_wrap .f_container .span_6 figure.inside_logo {
  padding: 0 75px;
}

footer.ftr_3 .footer_info_wrap .f_container .span_6 p {
  padding: 5% 15% 0;
}

footer.ftr_3 .footer_info_wrap .f_container .span_6 > div {
  display: -webkit-inline-box;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer.ftr_3 .footer_info_wrap .f_container .span_6 > div a {
  margin-left: 2%;
}

footer.ftr_3 .footer_info_wrap .f_container .span_6 > div a:first-of-type {
  margin-left: 0;
}

footer.ftr_3 .footer_info_wrap .f_container .span_6 > div a > * {
  width: 100%;
}

@media (max-width: 480px) {
  footer.ftr_3 .footer_info_wrap .f_container .span_6 > div a {
    width: 49%;
  }
  footer.ftr_3 .footer_info_wrap .f_container .span_6 > div a:nth-of-type(2n+1) {
    margin-left: 0;
  }
}

footer.ftr_2.high .f_container p img, footer.ftr_3.high .f_container p img {
  text-align: center;
  width: 200px;
}

footer.ftr_2.high .pagetop, footer.ftr_3.high .pagetop {
  position: fixed;
  top: auto;
  bottom: 5%;
  right: 5%;
  z-index: 100;
  -webkit-transform: none;
          transform: none;
}

.bunner_box {
  display: table !important;
  margin: 0 auto;
}

.bunner_box img {
  width: auto !important;
}

.h_info03 > a > img {
  width: auto;
}

.h_info03 {
  float: left;
}

.h_info04 {
  float: left;
  margin-left: 3px;
}

.info_up {
  float: left;
  margin: 0 3px;
}

.info_down {
  float: left;
  margin: 0 3px;
}

@media (max-width: 480px) {
  .info_up {
    float: unset;
    margin: 0 0 3px;
  }
  .info_down {
    float: unset;
    margin: 0 0 3px;
  }
}

.full_size_btn {
  width: 100%;
}

.half_size_btn {
  width: 50%;
}

.more {
  display: inline-block;
  overflow: hidden;
  margin: auto;
}

.more.btn_ss a,
.more.btn_ss span {
  padding: 0.3em 2.1em 0.3em 1.4em;
}

.more.btn_s a,
.more.btn_s span {
  padding: 0.5em 2.1em 0.5em 1.4em;
}

.more.btn_m a,
.more.btn_m span {
  padding: 0.5em 2.1em 0.5em 1.4em;
}

.more a,
.more span {
  display: inline-block;
  letter-spacing: normal;
  color: #8E5AC3;
  border: 1px solid #8E5AC3;
  padding: 0.9em 1.6em;
  margin-bottom: 1px;
  text-decoration: none;
  background: none;
  font-size: 14px;
  font-size: 1.4rem;
}

.more a:after,
.more span:after {
  border-color: #8E5AC3;
}

.more a:hover,
.more span:hover {
  color: #b492d7;
  border-color: #b492d7;
  background: none;
}

.more a:hover:after,
.more span:hover:after {
  border-color: #b492d7;
}

@media (min-width: 768px) {
  .more a,
  .more span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.more a.add_arrow,
.more span.add_arrow {
  padding-right: 1.9em;
}

.bg.more.thin a,
.bg.more.thin span {
  font-size: 14px;
  font-size: 1.4rem;
}

.bg.more a,
.bg.more span {
  color: #737373;
  background: #FCEB00;
  border: solid 1px #FCEB00;
}

.bg.more a:hover,
.bg.more span:hover {
  background: #fff23a;
  color: #929292;
}

.bg.more a.add_arrow::after,
.bg.more span.add_arrow::after {
  border-color: #737373;
}

.circle_btn {
  display: inline-block;
  background: #FCEB00;
  border-radius: 25px;
  border: 1px solid #FCEB00;
  padding: 1em 5em;
  margin: 0;
  color: #737373;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.3s;
}

.circle_btn:hover {
  background: #fff23a;
  color: #929292;
}

.circle_btn.add_arrow::after {
  border-color: #737373;
}

h1 {
  color: #8E5AC3;
}

h1:after {
  background-color: #8E5AC3;
}

h2 {
  margin: 0 auto 1.5em;
  position: relative;
  border: 0;
  word-wrap: break-word;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  color: #8E5AC3;
  padding-bottom: 0.6em;
  letter-spacing: 3px;
  text-align: center;
}

h2 a {
  text-decoration: none;
}

h2 a:hover {
  text-decoration: underline;
}

h2:after, h2:before {
  display: none;
}

h2:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #8E5AC3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto auto 0;
}

h3 {
  margin: 0 0 1em;
  padding-bottom: 0.5em;
  color: #8E5AC3;
  font-weight: normal;
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
}

h3 a {
  text-decoration: none;
}

h3 a:hover {
  text-decoration: underline;
}

h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #8E5AC3;
}

h4 {
  margin: 0 0 0.5em;
  padding-left: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  color: #8E5AC3;
  font-weight: normal;
}

h4 a {
  text-decoration: none;
}

h4 a:hover {
  text-decoration: underline;
}

h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 2px;
  margin: auto;
  background: #8E5AC3;
}

.reflection {
  position: relative;
  overflow: hidden;
}

.reflection::before {
  content: "";
  height: 260%;
  width: 260%;
  position: absolute;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: reflection 4s linear infinite;
          animation: reflection 4s linear infinite;
}

@-webkit-keyframes reflection {
  0% {
    opacity: 0;
    -webkit-transform: scale(6) rotate(45deg) translate(0%, 0%);
            transform: scale(6) rotate(45deg) translate(0%, 0%);
  }
  20% {
    opacity: 0;
    -webkit-transform: scale(1.2) rotate(45deg) translate(0%, 0%);
            transform: scale(1.2) rotate(45deg) translate(0%, 0%);
  }
  35% {
    opacity: 0.2;
    -webkit-transform: scale(1.2) rotate(45deg) translate(0%, 0%);
            transform: scale(1.2) rotate(45deg) translate(0%, 0%);
  }
  39% {
    opacity: 0.2;
    -webkit-transform: scale(1.2) rotate(45deg) translate(0%, 0%);
            transform: scale(1.2) rotate(45deg) translate(0%, 0%);
  }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(1.2) rotate(45deg) translate(100%, 100%);
            transform: scale(1.2) rotate(45deg) translate(100%, 100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2) rotate(45deg) translate(100%, 100%);
            transform: scale(1.2) rotate(45deg) translate(100%, 100%);
  }
}

@keyframes reflection {
  0% {
    opacity: 0;
    -webkit-transform: scale(6) rotate(45deg) translate(0%, 0%);
            transform: scale(6) rotate(45deg) translate(0%, 0%);
  }
  20% {
    opacity: 0;
    -webkit-transform: scale(1.2) rotate(45deg) translate(0%, 0%);
            transform: scale(1.2) rotate(45deg) translate(0%, 0%);
  }
  35% {
    opacity: 0.2;
    -webkit-transform: scale(1.2) rotate(45deg) translate(0%, 0%);
            transform: scale(1.2) rotate(45deg) translate(0%, 0%);
  }
  39% {
    opacity: 0.2;
    -webkit-transform: scale(1.2) rotate(45deg) translate(0%, 0%);
            transform: scale(1.2) rotate(45deg) translate(0%, 0%);
  }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(1.2) rotate(45deg) translate(100%, 100%);
            transform: scale(1.2) rotate(45deg) translate(100%, 100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2) rotate(45deg) translate(100%, 100%);
            transform: scale(1.2) rotate(45deg) translate(100%, 100%);
  }
}

.text-shadow-black {
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}

.table-menu:last-of-type tbody tr {
  border-bottom: 1px solid #FFA200;
}

.table-menu tbody tr {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #FFA200;
}

.table-menu tbody tr td,
.table-menu tbody tr th {
  line-height: 1.65em;
  border: none;
  padding: 1em;
}

.table-menu tbody tr th {
  font-weight: bold;
}

.table-menu tbody tr th figure {
  margin: 10px auto 0;
  width: 100%;
}

.b_type1 .more a,
.b_type1 .more span {
  background-color: red;
}

.b_type1 .more a:hover,
.b_type1 .more span:hover {
  background: #998bfa;
  background-position: right center;
}

.b_type1 .more .bg.more a:hover,
.b_type1 .more .bg.more span:hover {
  background: #998bfa;
  background-position: right center;
}

.b_type2 .more {
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  top: 0;
  transition: 0.2s all;
}

.b_type2 .more .bg.more a,
.b_type2 .more .bg.more span {
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  top: 0;
  transition: 0.2s all;
}

.b_type3 .more a,
.b_type3 .more span {
  display: inline-block;
  padding: 0.65em 4em;
  background: linear-gradient(#fe5f95, #ff3f7f);
  border: 1px solid #fe3276;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: 0.3s ease-in-out;
}

.b_type3 .more .bg.more a,
.b_type3 .more .bg.more span {
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  top: 0;
  transition: 0.2s all;
}

.h_type1 h1:not(.title) {
  background: rgba(142, 90, 195, 0.2);
  padding: 1em 0 1.5em;
}

.h_type1 h1:not(.title):after {
  background-color: #8E5AC3;
  bottom: 1em;
}

.h_type1 h2 {
  font-size: 28px;
  font-size: 2.8rem;
}

.h_type1 h2:after, .h_type1 h2:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  background: #8E5AC3;
  top: 36%;
  bottom: unset;
}

.h_type1 h2:before {
  right: calc(100% + 25px);
}

.h_type1 h2:after {
  left: calc(100% + 25px);
}

.h_type1 h3 {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  padding: 0.3em 0;
}

.h_type1 h3:after {
  width: 100%;
  max-width: 1000px;
}

.h_type1 h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

.h_type1 h4:after {
  bottom: 2px;
  height: 0.8em;
}

.h_type2 h1:not(.title) {
  background: rgba(255, 162, 0, 0.8);
  color: #fff;
  padding: 1em 0 0.85em;
}

.h_type2 h1:not(.title):after {
  display: none;
}

.h_type2 h2 {
  padding: 0 0 0.5em;
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
}

.h_type2 h2:before {
  display: none;
}

.h_type2 h2:after {
  display: block;
  width: 100%;
  max-width: 1000px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto auto 0;
  background-color: #8E5AC3;
}

.h_type2 h3 {
  color: #FFA200;
  padding-left: 1.5em;
  text-align: left;
  font-size: 22px;
  font-size: 2.2rem;
}

.h_type2 h3:after, .h_type2 h3:before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 100%;
  margin: 0 auto auto 0;
}

.h_type2 h3:before {
  width: 1.2em;
  height: 1.2em;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(252, 235, 0, 0.4);
}

.h_type2 h3:after {
  width: 0.6em;
  height: 0.6em;
  top: 19px;
  right: 0;
  bottom: 0;
  left: 14px;
  background-color: rgba(252, 235, 0, 0.8) !important;
}

.h_type2 h4 {
  color: #e3d300;
  font-size: 18px;
  font-size: 1.8rem;
}

.h_type2 h4:after {
  width: 8px;
  height: 4px;
  background: rgba(255, 162, 0, 0.9);
}

.h_type2 h1:not(.title) {
  color: #8E5AC3;
}

.h_type2 h1:not(.title):after {
  background-color: #8E5AC3;
}

.h_type2 h2 {
  margin: 0 auto 1.5em;
  position: relative;
  border: 0;
  word-wrap: break-word;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
  color: #8E5AC3;
  padding-bottom: 0.6em;
  letter-spacing: 3px;
  text-align: center;
}

.h_type2 h2 a {
  text-decoration: none;
}

.h_type2 h2 a:hover {
  text-decoration: underline;
}

.h_type2 h2:after, .h_type2 h2:before {
  display: none;
}

.h_type2 h2:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #8E5AC3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto auto 0;
}

.h_type2 h3 {
  margin: 0 0 1em;
  padding-bottom: 0.5em;
  color: #8E5AC3;
  font-weight: normal;
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
}

.h_type2 h3 a {
  text-decoration: none;
}

.h_type2 h3 a:hover {
  text-decoration: underline;
}

.h_type2 h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #8E5AC3;
}

.h_type2 h4 {
  margin: 0 0 0.5em;
  padding-left: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  color: #8E5AC3;
  font-weight: normal;
}

.h_type2 h4 a {
  text-decoration: none;
}

.h_type2 h4 a:hover {
  text-decoration: underline;
}

.h_type2 h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 2px;
  margin: auto;
  background: #8E5AC3;
}

.h_type3 h1:not(.title) {
  color: #8E5AC3;
}

.h_type3 h1:not(.title):after {
  background-color: #8E5AC3;
}

.h_type3 h2 {
  position: relative;
  padding-left: 30px;
}

.h_type3 h2 a {
  text-decoration: none;
}

.h_type3 h2 a:hover {
  text-decoration: underline;
}

.h_type3 h2:after, .h_type3 h2:before {
  display: block;
  left: 5.5px;
  top: 3.5px;
  content: "□";
  position: absolute;
  width: 4px;
  height: 4px;
  margin: 0;
  background: transparent;
  border: none;
}

.h_type3 h2:before {
  left: 0;
  top: -3px;
}

.h_type3 h3 {
  position: relative;
  padding-left: 30px;
}

.h_type3 h3 a {
  text-decoration: none;
}

.h_type3 h3 a:hover {
  text-decoration: underline;
}

.h_type3 h3:after, .h_type3 h3:before {
  display: block;
  left: 5.5px;
  top: 3.5px;
  content: "□";
  position: absolute;
  width: 4px;
  height: 4px;
  margin: 0;
  background: transparent;
  border: none;
}

.h_type3 h3:before {
  left: 0;
  top: -3px;
}

.h_type3 h4 {
  margin: 0 0 0.5em;
  padding-left: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  color: #8E5AC3;
  font-weight: normal;
}

.h_type3 h4 a {
  text-decoration: none;
}

.h_type3 h4 a:hover {
  text-decoration: underline;
}

.h_type3 h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 2px;
  margin: auto;
  background: none;
}

@media screen and (min-width: 641px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
  }
}

.banner_box {
  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;
}

@media (max-width: 768px) {
  .banner_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.bcol {
  width: auto;
  min-width: 100px;
  max-width: 262px;
  margin: 0.7vw;
}

@media (max-width: 768px) {
  .bcol {
    width: 30%;
  }
}

@media (max-width: 603px) {
  .bcol {
    width: 48%;
  }
}

@media (max-width: 480px) {
  .bcol {
    width: 100%;
  }
}

.btn_tb_m {
  margin: 24px 0 40px;
}

.h1_area {
  background: #fff;
}

.h1_area h1.h1_text {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0;
  margin: 0;
  text-align: left;
}

#pagetitle {
  text-align: center;
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: normal;
  padding: 1em 0;
  margin: 0 0 .5em;
}

#pagetitle a {
  text-decoration: none;
}

#pagetitle a:hover {
  text-decoration: underline;
}

header .global_nav > ul > li.has_under > a {
  position: relative;
}

header .global_nav > ul > li.has_under > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6%;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(0, -50%) rotate(135deg);
          transform: translate(0, -50%) rotate(135deg);
  transition: .2s;
}

header .global_nav > ul > li.has_under > a.menu_under_open:after {
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
}

header .global_nav > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

header .global_nav > ul > li > ul > li {
  border-bottom: 1px solid #b3b3b3;
}

@media (min-width: 769px) {
  header .global_nav > ul > li.has_under > a {
    padding-right: 1em;
  }
  header .global_nav > ul > li.has_under > a:after {
    border-color: #fff;
    width: 6px;
    height: 6px;
  }
  header .global_nav > ul > li.has_under > a:after {
    -webkit-transform: translate(0, -50%) rotate(135deg);
            transform: translate(0, -50%) rotate(135deg);
  }
  header .global_nav > ul > li.has_under > a.menu_under_open:after {
    -webkit-transform: translate(0) rotate(-45deg);
            transform: translate(0) rotate(-45deg);
  }
  header .global_nav > ul > li.has_under > ul {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%;
    letter-spacing: -.40em;
    background: rgba(255, 162, 0, 0.9);
    z-index: 52;
  }
  header .global_nav > ul > li.has_under > ul > li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: center;
    border-bottom: 0;
    padding: 0;
  }
  header .global_nav > ul > li.has_under > ul > li a {
    background: transparent;
    padding: 1em;
  }
}

.main_01 .sp-layer {
  background: rgba(255, 255, 255, 0.57);
}

.main_01 .slider-pro.center .sp-button {
  border: none;
  background: #aaa;
}

.main_01 .slider-pro.center .sp-button.sp-selected-button {
  background: #FFA200;
}

.main_01 .slider-pro.center .sp-next-arrow,
.main_01 .slider-pro.center .sp-previous-arrow {
  background-color: #FFA200;
}

@media (max-width: 768px) {
  .main_01.sa .sp-slide {
    padding-top: 14%;
    background: white;
  }
  .main_01.sa.sa .slider-pro.center .sp-layer {
    bottom: unset !important;
    top: 0;
    font-size: 4vw;
  }
}

.main_02 .sp-thumbnail-image-container img {
  width: 100%;
}

.main_02 .sp-layer {
  background: rgba(255, 255, 255, 0.57);
  color: #282828;
}

.main_03 .slider-pro.wide .sp-selected-button {
  background-color: #FFA200;
}

.main_04 {
  position: relative;
  table-layout: fixed;
}

.main_04 .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.main_04 .main_visual_copy li img {
  opacity: 0;
}

.main_04 .main_visual_copy li img.animated {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.main_04 .main_visual_copy li img.main_copy01 {
  transition: 1s 2s;
  -webkit-transform: translateY(0px) scale(1.2);
  transform: translateY(0px) scale(1.2);
}

.main_04 .main_visual_copy li img.main_copy02 {
  transition: 1s 0.8s;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

@media (max-width: 768px) {
  .main_04 .main_visual_copy li img.main_copy02 {
    top: 40%;
    min-width: 58%;
  }
}

.main_04 .main_visual_copy li img.main_copy03 {
  transition: 1s 2s;
  -webkit-transform: translateY(0px) scale(1.2);
  transform: translateY(0px) scale(1.2);
}

@media (max-width: 768px) {
  .main_04 .main_visual_copy li img.main_copy03 {
    display: none;
  }
}

.main_04 .main_visual_slick_o,
.main_04 .slick-track {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100% !important;
}

.main_04 .slick-track {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.main_04 .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
}

.main_04 .main_visual_slick_o {
  position: relative;
  margin: 0 auto;
}

.main_04 .main_visual_slick_o li {
  overflow: hidden;
}

.main_04 .main_visual_slick_o li:not(.slick-active) {
  transition-delay: 0.5s !important;
}

.main_04 .main_visual_slick_o li img {
  top: 0;
  height: 100%;
}

.main_04 .main_visual_copy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}

.main_04 .main_visual_copy > li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.main_04 .main_visual_copy > li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 43%;
  min-width: 38%;
  max-width: 430px;
  max-height: 430px;
  z-index: 52;
}

.main_04 .main_visual_arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}

.main_04 .main_visual_arrow .slick-prev {
  left: 25px;
}

.main_04 .main_visual_arrow .slick-next {
  right: 25px;
}

.main_04 .main_visual_arrow .slick-next:before,
.main_04 .main_visual_arrow .slick-prev:before {
  font-size: 30px;
  font-size: 3rem;
}

@media (max-width: 767px) {
  .main_04 .main_visual_arrow .slick-prev {
    left: 10px;
  }
  .main_04 .main_visual_arrow .slick-next {
    right: 10px;
  }
  .main_04 .main_visual_arrow .slick-next:before,
  .main_04 .main_visual_arrow .slick-prev:before {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .main_04 .main_visual_copy > li img {
    width: 30%;
  }
}

.main_04 .main_visual_slick_o {
  padding-top: 71.1% !important;
}

@media (min-width: 1000px) {
  .main_04 .main_visual_slick_o {
    margin: auto;
    padding-top: 59.25% !important;
  }
}

@media (min-width: 1200px) {
  .main_04 .main_visual_slick_o {
    -webkit-transform: scale(1);
            transform: scale(1);
    padding-top: 59.25% !important;
  }
}

@media (max-width: 767px) {
  .main_04 .main_visual_slick_o {
    padding-top: 59.25% !important;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.main_05 {
  position: relative;
  table-layout: fixed;
}

.main_05 .main_visual_copy li img {
  opacity: 0;
}

.main_05 .main_visual_copy li img.animated {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.main_05 .main_visual_copy li img.main_copy01 {
  transition: 1s 2s;
  -webkit-transform: translateY(0px) scale(1.2);
  transform: translateY(0px) scale(1.2);
}

.main_05 .main_visual_copy li img.main_copy02 {
  transition: 1s 0.8s;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

.main_05 .main_visual_copy li img.main_copy03 {
  transition: 1s 2s;
  -webkit-transform: translateY(0px) scale(1.2);
  transform: translateY(0px) scale(1.2);
}

.main_05 .main_visual_slick_o,
.main_05 .slick-track {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100% !important;
}

.main_05 .slick-track {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.main_05 .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
}

.main_05 .main_visual_slick_o {
  position: relative;
  margin: 0 auto;
}

.main_05 .main_visual_slick_o li {
  overflow: hidden;
}

.main_05 .main_visual_slick_o li:not(.slick-active) {
  transition-delay: 0.5s !important;
}

.main_05 .main_visual_slick_o li img {
  top: 0;
  height: 100%;
}

.main_05 .main_visual_copy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}

.main_05 .main_visual_copy > li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.main_05 .main_visual_copy > li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40%;
  max-width: 400px;
  max-height: 300px;
  z-index: 52;
}

.main_05 .main_visual_arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}

.main_05 .main_visual_arrow .slick-prev {
  left: 25px;
}

.main_05 .main_visual_arrow .slick-next {
  right: 25px;
}

.main_05 .main_visual_arrow .slick-next:before,
.main_05 .main_visual_arrow .slick-prev:before {
  font-size: 30px;
  font-size: 3rem;
}

@media (max-width: 767px) {
  .main_05 .main_visual_arrow .slick-prev {
    left: 10px;
  }
  .main_05 .main_visual_arrow .slick-next {
    right: 10px;
  }
  .main_05 .main_visual_arrow .slick-next:before,
  .main_05 .main_visual_arrow .slick-prev:before {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .main_05 .main_visual_copy > li img {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .main_05 .main_visual_copy > li img {
    width: 90%;
  }
}

.main_05 .main_visual_slick_o {
  padding-top: 41.66667% !important;
}

@media (min-width: 1000px) {
  .main_05 .main_visual_slick_o {
    padding-top: 41.66667% !important;
  }
}

@media (min-width: 1920px) {
  .main_05 .main_visual_slick_o {
    padding-top: 41.66667% !important;
  }
}

@media (max-width: 767px) {
  .main_05 .main_visual_slick_o {
    padding-top: 136% !important;
  }
}

.main_mv1 {
  position: relative;
}

.main_mv1 img {
  width: 100%;
}

.main_mv1 .main_ttl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(255, 162, 0, 0.8);
  padding: 3em;
  width: 660px;
  height: 290px;
}

.main_mv1 .main_ttl p {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8em;
}

.main_mv1 .main_ttl p.logo {
  margin: 0 auto 1.5em;
  width: 90%;
  max-width: 355px;
}

.main_mv1 .main_ttl p.logo object {
  width: 50%;
}

@media (max-width: 768px) {
  .main_mv1 .main_ttl {
    padding: 2em;
    width: 50%;
    height: 260px;
  }
  .main_mv1 .main_ttl p {
    font-size: 2vw;
  }
  .main_mv1 .main_ttl p.logo object {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .main_mv1 .main_ttl {
    padding: 1.5em;
    width: 35vw;
    height: 19%;
  }
  .main_mv1 .main_ttl p {
    display: none;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .main_mv1 .main_ttl p.logo {
    display: block;
  }
  .main_mv1 .main_ttl p.logo object {
    width: 100%;
  }
}

.main_mv2 {
  position: relative;
}

.main_mv2 img {
  width: 100%;
}

.main_mv2 .row {
  position: relative;
  margin-bottom: 0;
}

.main_mv2 .row > .span_4:first-child {
  border-right: 1px transparent solid;
}

.main_mv2 .row > .span_4:last-child {
  border-left: 1px transparent solid;
}

.main_mv2 .row.slick-slider {
  margin-bottom: 48px;
}

.main_mv2 .main_ttl {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto auto;
  background: rgba(255, 162, 0, 0.8);
  padding: 20px 0;
  width: 450px;
  display: table;
  display: block;
}

.main_mv2 .main_ttl p.logo {
  display: table-cell;
  display: block;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.main_mv2 .main_ttl p.logo img {
  padding: 10px 25px;
}

.main_mv2 .main_ttl p.logo object {
  vertical-align: middle;
}

.main_mv2 .main_txt {
  background: rgba(255, 162, 0, 0.8);
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  padding: 1em;
}

@media (max-width: 768px) {
  .main_mv2 .main_ttl {
    width: 70%;
    top: 25%;
    padding: 12px;
  }
  .main_mv2 .main_ttl p.logo object {
    width: 100%;
  }
  .main_mv2 .slick-slide {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .main_mv2 .main_ttl {
    margin: 0 auto auto;
    top: 20%;
    width: 80%;
    padding: 0.5em;
  }
  .main_mv2 .main_ttl object {
    width: 100%;
  }
  .main_mv2 .main_txt {
    padding: .9em 1em;
  }
  .main_mv2 .col {
    margin-bottom: 0;
  }
}

.pagetop {
  position: fixed;
  bottom: 5%;
  right: 5%;
  z-index: 100;
}

.pagetop a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 162, 0, 0.9);
}

@media (min-width: 768px) {
  .pagetop a {
    width: 70px;
    height: 70px;
  }
}

.pagetop a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: translate(-50%, -20%) rotate(45deg);
          transform: translate(-50%, -20%) rotate(45deg);
  transition: .2s;
}

footer.high .pagetop {
  position: absolute;
  bottom: auto;
  right: 5%;
  top: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*
 * ページトップのデザインタイプ(type design của top page)
 */
.price_01 .container {
  margin-top: 0;
}

.price_02 h4, .price_01 h4 {
  margin-top: 7%;
}

.price_02 h4:first-child, .price_01 h4:first-child {
  margin-top: 0;
}

.price_02 .price_caption, .price_01 .price_caption {
  margin-top: 10px;
  text-align: right;
}

.price_02 span.right_caption, .price_01 span.right_caption {
  text-align: right;
  display: inline-block;
}

.price_c_box {
  color: #1b1b1b;
  border: 2px solid #FFA200;
  border-radius: 6px;
  padding: 1em;
  margin-bottom: 15px;
}

.price_c_box h3 {
  color: #968c00;
}

.price_c_box h3:after {
  background-color: #968c00;
}

.price_c_box .main_txt {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: #FFA200 solid 1px;
  margin-bottom: 0.8em;
}

.price_c_box .main_txt p {
  margin-right: auto;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
}

.price_c_box .main_txt strong {
  width: 200px;
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
  color: #FCEB00;
}

.price_c_box .main_txt strong span {
  color: #FCEB00;
}

.price_c_box dl {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.price_c_box dl dt, .price_c_box dl dd {
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.price_c_box dl dt {
  padding-right: 1.2em;
  width: 20%;
  position: relative;
}

.price_c_box dl dt::after {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 80%;
  background: #9b9b9b;
  top: 0;
  right: 2%;
  bottom: 0;
  left: 0;
  margin: auto 0 auto auto;
}

.price_c_box dl dd {
  width: 78%;
}

@media (max-width: 480px) {
  .price_c_box {
    padding: 0.5em;
  }
  .price_c_box .main_txt {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .price_c_box .main_txt p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .price_c_box .main_txt strong {
    width: 100%;
    padding: 0 0.5em;
  }
  .price_c_box dl {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .price_c_box dl dt, .price_c_box dl dd {
    margin-bottom: 0;
    padding: 0;
  }
  .price_c_box dl dt {
    width: 100%;
    padding: 0.3em 0;
  }
  .price_c_box dl dt::after {
    display: none;
  }
  .price_c_box dl dd {
    width: 100%;
    margin-bottom: 10px;
  }
  .price_c_box dl dd:last-of-type {
    margin-bottom: 0;
  }
}

.term, .hnot, .d_term, .d_times {
  font-weight: bold;
}

.d_term, .d_times {
  display: block;
}

.price_sect {
  margin-bottom: 5%;
}

.price_sect h3.h3_ttl {
  margin: 0;
}

.price_sect h3.h3_ttl:before, .price_sect h3.h3_ttl:after {
  content: none;
}

.table_rk:last-of-type tbody tr {
  border-bottom: none;
}

.table_rk:last-of-type tbody tr th {
  vertical-align: top;
}

.table_rk .dk_price {
  text-align: left !important;
  white-space: normal !important;
  padding: 0 1em;
}

.table_rk .bt_none {
  border-top: none !important;
}

.table_rk .bt_none th {
  padding: 0 1em;
}

.table_rk .bt_none:last-child {
  border-bottom: 1px solid #FFA200;
}

.dk_price {
  text-align: left !important;
  white-space: normal !important;
  padding: 0 1em;
}

.reasons_container {
  position: relative;
  padding-top: 100%;
  margin-bottom: -7%;
}

@media (max-width: 1023px) {
  .reasons_container {
    padding-top: 0;
    text-align: center;
  }
}

.reasons_container > div {
  margin: auto;
  position: absolute;
  width: 310px;
  height: 310px;
}

.reasons_container > div img {
  width: auto;
}

@media (max-width: 1023px) {
  .reasons_container > div img.pc_reason {
    display: none;
  }
}

@media (min-width: 1024px) {
  .reasons_container > div img.sp_reason {
    display: none;
  }
}

@media (max-width: 1023px) {
  .reasons_container > div {
    position: static;
    width: 100%;
    height: auto;
    margin-bottom: 4%;
  }
}

.reasons_container .reason_title {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.reasons_container .reason01 {
  top: 1%;
  left: 0;
  right: 0;
}

.reasons_container .reason02 {
  top: 26%;
  right: 2%;
}

.reasons_container .reason03 {
  right: 15%;
  bottom: 7%;
}

.reasons_container .reason04 {
  left: 15%;
  bottom: 7%;
}

.reasons_container .reason05 {
  top: 26%;
  left: 2%;
}

.reasons_mod02 .mb0,
.reasons_mod03 .mb0 {
  margin-bottom: 0;
}

.reasons_mod02 .mt10,
.reasons_mod03 .mt10 {
  margin-top: 15px !important;
  padding-top: 0px !important;
}

@media (max-width: 768px) {
  .reasons_mod02 .mt10,
  .reasons_mod03 .mt10 {
    margin-top: 0;
  }
}

.reasons_mod04 > .container > div {
  margin: 0 auto;
  padding: 0;
}

.reason_mod04_cardbox img {
  margin: 0 auto !important;
  display: block;
}

.recruit_day .row {
  margin-bottom: 2%;
}

.recruit_day .row:first-of-type {
  background: none;
  padding-bottom: 0;
}

.recruit_day .row.arw {
  position: relative;
  padding-bottom: 80px;
  background: url("/wp-content/uploads/sub/arrow_down.svg") no-repeat center bottom;
  background-size: 60px auto;
}

.recruit_day .row:last-of-type.arw {
  padding-bottom: 0;
  background: none;
}

.recruit_day .row img {
  padding: 3px;
  border: #ccc solid 1px;
  box-sizing: border-box;
}

.recruit_day .row .col > .row {
  margin-top: 2%;
}

.recruit_day .row .col figure a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #fff;
  transition: 0.5s;
}

.container.gutters.nmrow.recruit_day {
  margin-top: 0;
}

.container.gutters.nmrow.recruit_day .row {
  margin-bottom: 0;
}

.reservation_btn ul li a .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

@media (max-width: 482px) {
  .reservation_btn ul li a .center {
    height: 39px;
  }
}

@media (max-width: 600px) {
  .reservation_btn ul li a {
    min-height: 80px;
    padding: 0 0.5em !important;
  }
}

.tel-number {
  display: block;
  font-weight: bold;
  font-size: 19px;
  font-size: 1.9rem;
}

@media (max-width: 480px) {
  .pc-word {
    display: none;
  }
}

.mobile_b {
  display: none;
}

@media (max-width: 448px) {
  .mobile_b {
    display: block;
  }
}

.reserve_ul {
  margin: 7px 4px;
  padding: 0;
  width: 120px;
  list-style: inside;
}

.reserve_ul li {
  color: #505050;
}

#reservation_area2 {
  background: rgba(35, 40, 30, 0.7);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 102;
  vertical-align: baseline;
}

#reservation_area2 ul {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 980px;
  margin: 0 auto;
  list-style: none;
  max-width: 980px;
  padding: 0;
}

@media (max-width: 480px) {
  #reservation_area2 ul {
    width: 100%;
    padding: 0;
  }
}

#reservation_area2 ul li {
  padding: 10px 0;
  margin: 0 5% 0 0;
  border-radius: 3px;
  width: 100%;
  position: relative;
}

@media (max-width: 480px) {
  #reservation_area2 ul li {
    padding: 10px;
  }
}

#reservation_area2 ul li:last-child {
  margin: 0;
}

#reservation_area2 ul li .web_reserve_btn a {
  pointer-events: none;
}

#reservation_area2 ul li a {
  text-decoration: none;
  text-align: center;
  background: #FFA200;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 10px 10px 10px 40px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 3px;
  line-height: 1.3em;
}

#reservation_area2 ul li a::before {
  content: "";
  background: url("/wp-content/uploads/sub/calendar-check.png");
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -12.5px 0 0;
  width: 25px;
  height: 25px;
  background-size: 25px;
}

@media (max-width: 480px) {
  #reservation_area2 ul li a::before {
    left: 7px;
    display: none;
  }
}

#reservation_area2 ul li a::after {
  text-align: center;
  color: #FFA200;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
  content: "24時間";
  display: block;
  padding: 0 5px;
  font-size: 15px;
  font-size: 1.5rem;
  width: 100px;
  margin: 0 auto;
}

@media (max-width: 640px) {
  #reservation_area2 ul li a {
    pointer-events: auto;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #reservation_area2 ul li a::before {
    position: absolute;
    background-size: 30px;
    height: 30px;
    width: 30px;
  }
}

#reservation_area2 ul li.mobile_tel_btn a::before {
  content: "";
  background: url("/wp-content/uploads/sub/phone.png");
  position: absolute;
  left: 10px;
  top: 50%;
  width: 25px;
  height: 25px;
  background-size: 25px;
}

@media (max-width: 480px) {
  #reservation_area2 ul li.mobile_tel_btn a::before {
    left: 7px;
    display: none;
  }
}

#reservation_area2 ul li.mobile_tel_btn a::after {
  text-align: center;
  color: #FFA200;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
  content: "通話無料";
  display: inline-block;
  padding: 5px;
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  width: 40px;
  height: 40px;
  top: 57%;
  right: 10px;
  left: unset;
  vertical-align: middle;
  margin: -22.5px 0 0;
  line-height: 1.3em;
}

@media (max-width: 768px) {
  #reservation_area2 ul li.mobile_tel_btn a::after {
    content: "";
    width: 0;
    height: 0;
    padding: 0;
  }
}

@media (max-width: 480px) {
  #reservation_area2 ul li.mobile_tel_btn a {
    pointer-events: auto;
  }
  #reservation_area2 ul li.mobile_tel_btn a::after {
    position: static;
    height: unset;
    text-align: center;
    color: #FFA200;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
    content: "通話無料";
    display: block;
    padding: 0 5px;
    font-size: 15px;
    font-size: 1.5rem;
    width: 100px;
    margin: 0 auto;
    line-height: unset;
  }
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.lead {
  color: #FFA200;
  font-size: 20px;
  font-size: 2rem;
}

.text-xxlarge {
  font-size: 24px;
  font-size: 2.4rem;
}

.text-xlarge {
  font-size: 20px;
  font-size: 2rem;
}

.text-large {
  font-size: 16px;
  font-size: 1.6rem;
}

.text-small {
  font-size: 12px;
  font-size: 1.2rem;
}

.text-xsmall {
  font-size: 10px;
  font-size: 1rem;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.text-red {
  color: #f00 !important;
}

.text-primary {
  color: #FFA200 !important;
}

@media (max-width: 767px) {
  .sp-hide, .pc-only, .tablet-only {
    display: none !important;
  }
  .sp-text-center {
    text-align: center;
  }
  .sp-text-left {
    text-align: left;
  }
  .sp-text-right {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .lead {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .text-xxlarge {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .text-xlarge {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .text-large {
    font-size: 20px;
    font-size: 2rem;
  }
  .text-small {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .text-xsmall {
    font-size: 10px;
    font-size: 1rem;
  }
  .pc-hide, .sp-only {
    display: none !important;
  }
  .pc-text-center {
    text-align: center;
  }
  .pc-text-left {
    text-align: left;
  }
  .pc-text-right {
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .tablet-hide {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .tablet-only {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .sp-hide02, .pc-only02, .tablet-only02 {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .pc-hide02, .sp-only02 {
    display: none !important;
  }
}

@media (max-width: 639px) {
  .sp-hide03, .pc-only03, .tablet-only03 {
    display: none !important;
  }
}

@media (min-width: 640px) {
  .pc-hide03, .sp-only03 {
    display: none !important;
  }
}

.arial {
  font-family: "Arial", arial !important;
}

.arial_n {
  font-family: "Arial Narrow", arial !important;
}

.color_pri {
  color: #FFA200;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.m-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.inverse h2,
.inverse h3,
.inverse h4,
.inverse p {
  color: #fff;
}

.inverse h2:after {
  background: #fff;
}

.inverse h2 small,
.inverse h2 span {
  color: #fff;
}

.scroll #container {
  transition: opacity 0.2s, visibility 0s ease 0.2s;
  opacity: 0;
  visibility: hidden;
}

.df_close {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 39px;
  width: 39px;
  /* bottom: 0; */
  z-index: 333;
}

.df_close i {
  font-size: 39px;
}

#container .changer i.material-icons {
  font-size: 41px;
}

#container .changer i.material-icons.close {
  display: none;
}

.pushy-open-left #container .changer i.material-icons.close {
  display: inline-block;
}

.pushy-open-left #container .changer i.material-icons.opened {
  display: none;
}

#container {
  background-image: linear-gradient(-90deg, #FFFFFF, #47FFDA);
  height: 100%;
  width: 52px;
  transition-delay: 0s;
  opacity: 0.3;
  visibility: visible;
  z-index: 10000;
  position: fixed;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 34px;
  text-align: center;
  left: 0;
}

#sejou {
  position: fixed;
  bottom: 0;
  z-index: 10999;
  width: 100%;
}

#sejou a {
  text-decoration: none;
}

#sejou a:hover {
  color: #00baff;
}

.header-row {
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  box-sizing: border-box;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0 0 0 0;
}

.add_head {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  max-height: 1000px;
  z-index: 100000;
  background-color: #FFFFFFB3;
  color: #383838;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: max-height,box-shadow;
}

#head_ab.apiru #kaso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#head_ab.apiru ~ header {
  margin-top: 34px;
}

#kaso {
  display: none;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#kaso #top_cate,
#kaso .kasou {
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  font-size: 12px;
  font-size: 1.2rem;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px 8px;
  white-space: nowrap;
}

@media (min-width: 1000px) {
  #kaso #top_cate,
  #kaso .kasou {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

#kaso #top_cate:active,
#kaso .kasou:active {
  background: #4d4d4d;
}

#kaso #top_cate.show,
#kaso .kasou.show {
  background: #444;
  color: #fff;
  font-weight: bold;
}

#codeling {
  display: none;
}

textarea {
  border: 1px solid #999999;
  box-sizing: border-box;
  font-size: 13px;
  margin: 0px 25px 10px 20px;
  padding: 4px;
  height: 210px;
  width: 259px;
}

textarea:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}

.mod_right_num textarea {
  height: 100px;
}

.top_mode {
  margin-top: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* height: auto; */
  font-size: 9px;
  font-size: 0.9rem;
  text-align: center;
  cursor: pointer;
}

.top_mode div.circle {
  box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #777;
  width: 24%;
  margin-left: 1%;
}

.top_mode div.circle .wayback {
  display: table-cell;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4em;
  vertical-align: middle;
}

.top_mode div.circle:hover {
  color: #009879;
}

.top_mode div.circle .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  display: table-cell;
  vertical-align: middle;
}

.top_mode div.circle p {
  margin: 0;
  line-height: 0.7em;
}

.top_mode .flex_box {
  margin: 0 0 0;
}

.hi {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  color: #009879 !important;
  background: #fff !important;
}

.plus {
  font-size: 100px;
  position: relative;
  width: 0.4em;
  height: 1.6em;
  background-color: #184C61;
}

/* 横 */
.plus::before {
  position: absolute;
  top: 0.6em;
  left: -0.6em;
  width: 1.6em;
  height: 0.4em;
  content: "";
  background-color: #39a9d6;
}

@media only screen and (max-width: 580px) {
  #form-div {
    left: 3%;
    margin-right: 3%;
    width: 88%;
    margin-left: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
}

#usersource {
  cursor: pointer;
}

.btn_imake {
  margin: 0 auto !important;
  display: block;
  /* border-radius: 50%; */
  height: 30px;
  text-align: center;
  background-color: #009879 !important;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
  font-size: 20px;
  font-size: 2rem;
  width: 167px !important;
  color: #fff !important;
  font-weight: bold;
}

.btn_imake:hover {
  color: #fff !important;
}

.btn_imake a {
  font-size: 20px;
  font-size: 2rem;
  vertical-align: bottom;
}

.btn_imake:active {
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.btn_imake.hi {
  background: #fa957a;
}

#mod_to_html {
  background-color: orange;
  cursor: pointer;
}

#codeling.hi {
  display: block;
}

.img_add.tt_test, ._test_m {
  display: none;
}

body.test ._test_m {
  display: block;
}

body.test .tt_test {
  display: table-cell;
}

body main header {
  position: relative !important;
  margin-bottom: 7%;
}

body:not(main) > header {
  z-index: 9997 !important;
}

body .column_main > footer {
  margin-bottom: 7%;
}

body:not(.column_main) > footer:nth-of-type(1) {
  margin-bottom: 0;
}

.sla_info {
  margin-bottom: 2%;
}

.sla_info.table-default th {
  color: #000;
  background: #dedede;
  border-color: #ccc;
}

.sla_info.table-default td {
  border-color: #ccc;
}

.sla_info caption {
  color: #FFA200;
}

.flex_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex_m span {
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  margin: 0;
  padding: 4px 8px;
  color: #5f6368;
}

.flex_m span.big a {
  color: #fff !important;
}

.flex_m span a {
  color: #383838 !important;
}

#close_colorchanger {
  background: #FFFFFFB3;
  box-shadow: -2px -2px 0 0 rgba(0, 0, 0, 0.14), -3px -3px 0 -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

#close_colorchanger > .mod_lik {
  overflow: auto;
}

#close_colorchanger.center {
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}

#close_colorchanger a.alreadyappeard {
  color: #CDCDCD;
  font-weight: bold;
}

#close_colorchanger.active {
  background: rgba(172, 172, 172, 0.39);
}

.big {
  background-color: #444;
  font-weight: bold;
}

#mod_output ul {
  padding: 0;
  margin: 0;
}

#mod_output #cancel_pacer {
  min-height: 468px;
}

#mod_output .field {
  display: block;
  border-bottom: 1px solid #b8b8b8;
  padding: 15px 5px;
  text-decoration: none;
  color: #383838;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
}

#mod_output .field span {
  float: right;
}

#mod_output .field.active {
  background: #444;
  font-weight: bold;
  color: #fff;
}

#mod_output .field:hover {
  color: #00baff;
}

.mercy {
  background: #f4f4f4;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 80px;
}

#footer_field,
#header_field {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #383838;
  text-indent: 0;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
}

#footer_field span,
#header_field span {
  float: right;
}

#footer_field.active,
#header_field.active {
  font-weight: bold;
}

#footer_field:hover,
#header_field:hover {
  color: #00baff;
}

#footer_field {
  border-top: 1px solid #b8b8b8;
}

.colorchanger {
  bottom: 0;
}

.colorchanger .table {
  width: 100%;
  display: table;
  text-align: center;
}

.flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.colorchanger_ue {
  padding-bottom: 1.6em;
}

.colorchanger_ue li {
  cursor: pointer;
  margin: 3px 0 8px;
}

.colorchanger_ue li:nth-child(1) {
  background-color: #006dae;
}

.colorchanger_ue li:nth-child(2) {
  background-color: #176e09;
}

.colorchanger_ue li:nth-child(3) {
  background-color: #9a9112;
}

.colorchanger_ue li:nth-child(4) {
  background-color: #ed7994;
}

.colorchanger_ue li:nth-child(5) {
  background-color: #7ecdf4;
}

.colorchanger_ue li:nth-child(6) {
  background-color: #80442c;
}

.colorchanger_ue li:nth-child(7) {
  background-color: #08405b;
}

.colorchanger_ue li:nth-child(8) {
  background-color: #383637;
}

.colorchanger_ue li:nth-child(9) {
  background-color: #8E5AC3;
}

.colorchanger_ue:hover {
  opacity: 1;
  transition: 0.2s;
}

#color_btn li {
  cursor: pointer;
  font-size: 7px;
  font-size: 0.7rem;
  color: #fff;
}

#color_btn li:active {
  border: 1px solid white;
}

#color_btn {
  width: 100%;
}

#changer_ele {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#changer_ele .button, #changer_ele .inquiry .wpcf7-submit, .inquiry #changer_ele .wpcf7-submit {
  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;
  font-size: 10px;
  font-size: 1rem;
  height: 20px;
  padding: 0;
  margin: 0 0 0 0;
  border-radius: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 3;
      flex-shrink: 3;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex-item-align: auto;
      align-self: auto;
  padding-top: 3px;
}

.cc_real {
  font-size: 12px;
  font-size: 1.2rem;
}

.active_c {
  color: #ACACAC;
  opacity: 0.7;
}

.menu-trigger {
  margin-bottom: -11px;
}

.menu-trigger.active span {
  background: white;
}

#under_btn {
  background-color: black;
  color: white;
  text-align: center;
  margin: 2px 0 0;
  cursor: pointer;
}

#page_change {
  display: block;
  overflow-y: auto;
}

#page_change section {
  margin-bottom: 0;
}

.select-box02 select {
  position: relative;
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #999;
  background: #eee;
  background: linear-gradient(to bottom, #fff 0%, #efebe1 100%);
}

.bg_select {
  display: table;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 1%;
}

.select-box02 {
  display: table-cell;
  display: block;
  margin: 10px auto;
  width: 80%;
}

.select-box02.pwrap {
  width: 30%;
}

.select-box02:first-child {
  padding-right: 5%;
}

.select-box02 label {
  position: relative;
}

.select-box02 label:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  background-size: 20px;
  pointer-events: none;
}

.colorchanger_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transition: bottom 0.2s;
}

.colorchanger_wrap.close_t {
  height: unset;
}

.colorchanger_wrap.close_t .bl-btn,
.colorchanger_wrap.close_t .color-btn,
.colorchanger_wrap.close_t .mod_link,
.colorchanger_wrap.close_t .pic-btn,
.colorchanger_wrap.close_t .se-btn {
  display: none;
}

.colorchanger_wrap.close_t .iconc-btn {
  margin-right: 15px;
}

.colorchanger_wrap.open_md {
  height: 100%;
  overflow: scroll;
  z-index: 9999;
}

.colorchanger_wrap.open_md #sdo_bt,
.colorchanger_wrap.open_md .iconc-btn,
.colorchanger_wrap.open_md .menu-trigger,
.colorchanger_wrap.open_md .pic-btn {
  display: none;
}

.colorchanger_wrap.open_md .colorchanger_ue.iclose {
  display: block !important;
}

.colorchanger_wrap.open_md.close_t {
  height: unset;
}

.colorchanger_wrap.open_md.close_t .iconc-btn,
.colorchanger_wrap.open_md.close_t .pic-btn {
  display: none;
}

.colorchanger_wrap.open_md .btn_l,
.colorchanger_wrap.open_md .btn_r {
  display: none;
}

.colorchanger_wrap.open_md .img_add {
  display: inline-block;
  width: auto;
  text-align: left;
}

.colorchanger_wrap.open_md .title_of_btn {
  position: static;
  width: 180px;
  float: left;
  display: block;
}

.colorchanger_wrap.open_md .color-btn,
.colorchanger_wrap.open_md .mod_link,
.colorchanger_wrap.open_md .se-btn {
  display: none;
}

.colorchanger_wrap.open_md .iconc-btn img,
.colorchanger_wrap.open_md .pic-btn img {
  display: block;
}

.colorchanger_wrap.open_md .colorbg p {
  width: auto;
  margin: 0 1px;
  font-size: 12px;
  font-size: 1.2rem;
}

.colorchanger_wrap.open_md .colorbg p.mt60 {
  margin-top: 0 !important;
}

.colorchanger_wrap.open_md img {
  display: none;
}

.colorchanger_wrap.open_md div[class^="add_"] {
  display: table;
  text-align: left;
  margin-bottom: 1px;
  height: auto;
  overflow: auto;
}

.down .colorchanger_wrap {
  transition: bottom 0.2s;
  bottom: -100%;
}

body.stop .colorchanger_wrap {
  transition: unset !important;
  bottom: 0% !important;
}

@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.table {
  display: table;
}

.table > span {
  display: table-cell;
}

.mod_link {
  -webkit-overflow-scrolling: touch;
  float: left;
  height: 40px;
  overflow-x: auto;
}

.mod_link span {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  display: table-cell;
  white-space: nowrap;
  height: 40px;
}

.mod_link span a {
  text-decoration: none;
}

.mod_link .scroll_link {
  height: 40px;
  width: 100%;
}

.mod_link .openup {
  display: none;
}

@media (max-width: 768px) {
  .mod_link {
    position: relative;
    width: 100%;
  }
  .mod_link .openup {
    display: none;
    color: white;
    width: 12px;
    position: absolute;
  }
}

.bl-btn.bl-btn-open::after,
.bl-btn.bl-btn-open::before {
  display: block;
  cursor: pointer;
  content: '';
  position: absolute;
  right: 16px;
  top: 10px;
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.colorchanger {
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 222;
}

.low_b {
  height: 139px;
  overflow: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  background: #212121;
}

.colorbg {
  text-align: center;
  margin: auto;
}

.colorbg p {
  display: inline-block;
  padding: 1px 4px;
  text-align: center;
  margin: 2px 3px 8px;
  cursor: pointer;
}

.colorbg #button_changer p {
  display: inline-block;
  background-color: #53b597;
  color: white;
}

@media (max-width: 768px) {
  .colorbg #button_changer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: separate;
    border-spacing: 4px 0;
  }
  .colorbg #button_changer p {
    display: table-cell;
    padding: 0 12px;
    white-space: nowrap;
  }
}

.colorbg {
  width: 100%;
  margin-top: 0;
}

.colorbg .inner {
  position: relative;
}

.colorbg-open {
  transition: margin-top 0.6s cubic-bezier(0.78, 0.97, 0.84, 0.73) 0s;
  margin-top: 30px;
}

.iclose {
  display: none;
}

.se-btn {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 0;
}

.color-btn {
  top: -4px;
}

.color-btn::before {
  display: none;
}

.menu-trigger {
  position: relative;
  width: 35px;
  height: 44px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(90deg);
          transform: translateY(20px) rotate(90deg);
  top: 0;
  width: 100%;
  background-color: #fff;
}

.menu-trigger span:nth-of-type(2) {
  bottom: 21px;
  width: 100%;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 0.25s forwards;
  animation: active-menu-bar01 0.25s forwards;
}

@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
}

@keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(20px) rotate(45deg);
            transform: translateY(20px) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(20px) rotate(45deg);
            transform: translateY(20px) rotate(45deg);
  }
}

.menu-trigger.active span:nth-of-type(2) {
  -webkit-animation: active-menu-bar03 0.75s forwards;
  animation: active-menu-bar03 0.75s forwards;
  bottom: -0px;
}

@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
}

@keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
            transform: translateY(-20px) rotate(-45deg);
  }
}

#sdo_bt {
  width: 35px;
}

#sdo_bt img {
  margin: 0 12px 0 0;
  width: 35px;
}

.mod_right_num {
  width: 100%;
  margin-right: 2%;
}

.mod_left_num {
  width: 100%;
  margin-right: 2%;
}

.img-row {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img-col {
  width: 260px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}

.img-col.is-active img,
.img-col:hover img {
  opacity: 0.7;
}

.is-active::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  background: #f0f0f0;
  margin-left: -12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mod_code-row {
  clear: both;
  padding: 0;
}

.mod_code-row.open {
  display: block;
}

.mod_code {
  overflow: hidden;
}

.mod_code-col {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

div[class$="button_class"] {
  overflow-x: unset;
  position: relative;
  height: auto;
  padding-top: 0px;
}

.title_of_btn {
  display: table;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  color: white;
  font-weight: bold;
  width: 100%;
  z-index: 111;
}

.add_1button_class .img_add {
  display: table-cell;
  vertical-align: top;
}

.add_1button_class .img_add img {
  height: auto;
  max-width: 200px;
  max-height: 72px;
}

.add_13button_class .img_add {
  display: table-cell;
  vertical-align: top;
}

.add_13button_class .img_add img {
  height: auto;
  max-width: 200px;
  max-height: 72px;
}

.timing {
  display: none;
}

#show_mod_btn,
#show_mod_source {
  cursor: pointer;
  display: block !important;
  text-align: center;
  background-color: #d02dc3;
  border: 2px solid #f2b615;
  color: #fff;
  width: 200px;
  line-height: 50px;
  margin-bottom: 12px;
}

#show_mod_btn:hover,
#show_mod_source:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}

section.add_1 > header,
section[class^="add_"] {
  margin: 0;
}

#bk_modal_bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}

#loader {
  background: #b00838;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

@-webkit-keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}

@keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}

#box {
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: animate 0.5s linear infinite;
          animation: animate 0.5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}

@-webkit-keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
            transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
            transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
            transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
}

@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
            transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
            transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
            transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
}

#shadow {
  width: 50px;
  height: 5px;
  background: #000;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  -webkit-animation: shadow 0.5s linear infinite;
          animation: shadow 0.5s linear infinite;
}

@-webkit-keyframes shadow {
  50% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1);
  }
}

@keyframes shadow {
  50% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1);
  }
}

#space {
  padding-top: 600px;
  background: #fff;
}

.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #000;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.menu-btn {
  cursor: pointer;
}

.sadananda {
  cursor: pointer;
  z-index: 9999;
  font-size: 66px;
  font-size: 6.6rem;
  line-height: 0;
  position: fixed;
  left: 10px;
}

.sadananda p {
  color: #fff;
  -webkit-transform: translate(6px, -4px);
          transform: translate(6px, -4px);
}

/* Menu Appearance */
.pushy {
  position: fixed;
  width: 320px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}

.pushy a {
  display: block;
  color: #383838;
  text-decoration: none;
}

.pushy a:hover {
  color: #202124;
}

.pushy ul:first-child {
  margin-top: 10px;
}

.pushy.pushy-left {
  left: 0;
}

.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
  position: relative;
  margin-top: 30px;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(320px, 0, 0);
  transform: translate3d(320px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(320px, 0, 0);
  transform: translate3d(320px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.push,
.pushy {
  transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}

.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}

.pushy-submenu button {
  width: 100%;
  color: #b3b3b1;
  padding: 15px 30px;
  text-align: left;
  background: transparent;
  border: 0;
}

.pushy-submenu button:hover {
  color: #FFF;
}

.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}

.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}

.pushy-submenu-open ul {
  max-height: 1000px;
  visibility: visible;
}

.pushy-submenu-open .pushy-link {
  opacity: 1;
}

.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#dls {
  display: table;
  width: 100%;
}

#htag {
  margin: 0 0 0 1%;
}

@media (max-width: 480px) {
  #htag {
    margin: 0 0 0 1%;
  }
  .flex_m {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  #mod_output li,
  #mod_output li.field {
    text-indent: 0;
    font-weight: bold;
  }
  .colorchanger_ue {
    padding-bottom: 10px;
  }
  #changer_ele .button, #changer_ele .inquiry .wpcf7-submit, .inquiry #changer_ele .wpcf7-submit {
    line-height: 1em;
    height: 36px;
    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;
  }
  #chenger_ele {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: blue;
  }
  #chenger_ele .button, #chenger_ele .inquiry .wpcf7-submit, .inquiry #chenger_ele .wpcf7-submit {
    height: 36px;
  }
}

.img_add {
  display: table-cell;
  vertical-align: top;
  cursor: pointer;
  padding: 0px 4px;
  width: auto;
}

.img_add:hover {
  color: #737373;
}

.img_add p {
  padding: .2em 0 0 0;
  color: white;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  line-height: 1.6em;
}

.img_add img {
  max-width: 200px;
  max-height: 72px;
  margin: 0;
}

#jis.top_on > #sejou .img_add.lower_page {
  display: none;
}

#jis.kasou_on > #sejou .img_add {
  display: none;
}

#jis.kasou_on > #sejou .img_add.tt_test {
  display: table-cell;
}

#jis.kasou_on > #sejou .img_add.lower_page {
  display: table-cell;
}

#jis.kasou_on > #sejou .img_add.ap_both {
  display: table-cell;
}

#page_change.ssimple div {
  padding-top: 0;
}

#page_change.ssimple .img_add {
  margin: 4px;
  display: block;
  float: left;
  background: #b2b2b2;
  font-size: 12px;
  font-size: 1.2rem;
  color: #383838;
}

#page_change.ssimple h5 {
  font-size: 16px;
  font-size: 1.6rem;
  display: table;
  width: 100%;
  margin: 0;
  padding: 5px 0 0;
  color: #fff;
  font-weight: bold;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-label {
  white-space: nowrap;
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.custom-file-input:lang(ja) ~ .custom-file-label::after {
  content: "参照";
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 .25rem .25rem 0;
}

*, *::after, *::before {
  box-sizing: border-box;
}

.custom-file-label {
  white-space: nowrap;
}

.custom-file-label {
  line-height: 1.5;
  color: #495057;
}

.custom-file {
  overflow: hidden;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.custom-file-input:lang(ja) ~ .custom-file-label::after {
  content: "参照";
}

.custom-file {
  overflow: hidden;
}

.custom-file-label {
  white-space: nowrap;
}

#jis.jis_test ._test_m {
  display: block;
}

.none {
  display: none;
}

.hanei_buttons {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nanka {
  display: none;
}

#_s_index_mod_, #_s_index_mod_num {
  display: block;
}

#_index_txt_area_box {
  display: block;
}

.allyouneedislove {
  display: none;
}

#font_c_drawer {
  display: none;
}

.ripple {
  color: #777;
  margin: 3px 0 0;
  background-color: #f7f7f7;
  height: 35px;
  width: 100%;
  text-align: left;
  line-height: 3px;
  cursor: pointer;
  font-size: 13px;
  /* 必須 */
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ripple .material-icons {
  font-size: 30px;
  margin-right: 5px;
}

.ripple:hover {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  color: #009879 !important;
}

.ripple.btn_imake:hover {
  color: white !important;
}

/* エフェクト要素 */
.ripple__effect {
  /* 値の変更はエフェクト形体・サイズ・スピードに影響する */
  width: 300px;
  height: 150px;
  /* 必須 */
  position: absolute;
  border-radius: 100%;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

/* エフェクト要素の色を指定 */
.ripple__effect.is-orange {
  background: #f1c40f;
}

.ripple__effect.is-blue {
  background: #4aa3df;
}

.ripple__effect.is-black {
  background: #999;
}

/* classが付与されたらアニメーションを実行 */
.ripple__effect.is-show {
  -webkit-animation: ripple 0.25s ease-out;
          animation: ripple 0.25s ease-out;
}

/* アニメーションの定義 */
@-webkit-keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

p.mod_textarea_title {
  text-align: center;
  margin: 7px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  width: 259px;
  background: #8A8A8A;
  margin: 30px 25px 0px 20px;
}

@media screen and (min-width: 641px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
  }
}

#modal-bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}

/* メッセージ */
#modal-bg span {
  width: 300px;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -175px;
}

.inari {
  color: #ffc621;
  font-weight: bold;
}

#slide_field {
  display: none;
}

#ptd {
  font-style: normal;
}

/*# sourceMappingURL=main.css.map */
body {
font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Roboto, "Droid Sans", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}