@charset "UTF-8";
/* ---------------
Base
Common
Drawer
Header
Footer
Contents
--------------- */
/* Base
=================================================== */
html {
  width: 100%;
  font-size: 62.5%; }

body {
  width: 100%;
  background-color: #ffffff;
  color: #333333;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.05em; }

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
table,
th,
td {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  line-height: 1.8; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; }

a,
img,
fill,
stroke,
button {
  -webkit-transition: all 0.25s ease-in-out;
  display: inline-block;
  transition: all 0.25s ease-in-out; }

a:link {
  color: #aacfc8;
  text-decoration: underline; }

a:visited {
  color: #aacfc8;
  text-decoration: underline; }

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

a:active {
  color: #aacfc8;
  text-decoration: none; }

a:focus {
  outline: none; }

a[target="_blank"], a.mail {
  word-break: break-all; }

img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: top; }

a > img {
  width: 100%; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0 auto 100px;
  border: 0;
  background-color: #666666; }
  @media screen and (max-width: 560px) {
    hr {
      margin: 0 auto 80px; } }

ul,
ol {
  padding-left: 0;
  list-style-type: none; }

dd {
  margin: 0; }

figure {
  margin: 0; }
  figure img {
    margin-bottom: 10px; }
  figure figcaption {
    font-size: 1.3rem; }

table {
  width: 100%;
  margin: 0;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-collapse: collapse; }
  table caption {
    text-align: left; }
  table th,
  table td {
    padding: 10px;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-weight: normal;
    text-align: left;
    vertical-align: middle; }
    @media screen and (max-width: 560px) {
      table th,
      table td {
        padding: 5px; } }
  table thead th {
    font-weight: 600;
    text-align: center; }

/* Common
=================================================== */
.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; }

.mb110 {
  margin-bottom: 110px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.mb130 {
  margin-bottom: 130px !important; }

.mb140 {
  margin-bottom: 140px !important; }

.mb150 {
  margin-bottom: 150px !important; }

.mb160 {
  margin-bottom: 160px !important; }

.mb170 {
  margin-bottom: 170px !important; }

.mb180 {
  margin-bottom: 180px !important; }

.mb190 {
  margin-bottom: 190px !important; }

.mb200 {
  margin-bottom: 200px !important; }

.center {
  text-align: center; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

.bold {
  font-weight: 600; }

.normal {
  font-weight: normal; }

a.call {
  color: #14354c;
  text-decoration: none;
  pointer-events: none; }
  @media screen and (max-width: 560px) {
    a.call {
      color: #aacfc8;
      pointer-events: auto; } }

a[target="_blank"]::after,
.blank::after {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-left: 5px;
  background: url(../images/common/icon_new.svg) 0 0 no-repeat;
  background-size: 14px 14px;
  content: ""; }

.noicon::after {
  display: none !important; }

.marker {
  padding-bottom: 2px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, rgba(235, 255, 0, 0.45)));
  background: -webkit-linear-gradient(transparent 40%, rgba(235, 255, 0, 0.45) 40%);
  background: linear-gradient(transparent 40%, rgba(235, 255, 0, 0.45) 40%); }

.vertical {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.nowrap {
  white-space: nowrap; }

.arrow::after {
  -webkit-transform: scale(0.6, 1.2);
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 5px;
  transform: scale(0.6, 1.2);
  content: ">"; }

.tablet_l,
.tablet,
.phone,
.se {
  display: none; }

@media screen and (max-width: 960px) {
  .tablet_l {
    display: block; }
  .pc_l {
    display: none; } }

@media screen and (max-width: 768px) {
  .tablet {
    display: block; } }

@media screen and (max-width: 560px) {
  .phone {
    display: block; }
    .phone.inline {
      display: inline-block; }
  .pc {
    display: none; } }

@media screen and (max-width: 374px) {
  .se {
    display: block; } }

.font_l {
  font-size: 3.24rem; }

.font_xm {
  font-size: 2.4rem; }

.font_xs {
  font-size: 1.2rem; }

.font_s {
  font-size: 1.3rem; }

.red {
  color: #f35b5b; }

.block {
  display: block; }

.en {
  font-family: "Helvetica Neue", Arial, serif;
  letter-spacing: 1px; }

.cf:before, .cf:after {
  display: table;
  content: ""; }

.cf:after {
  clear: both; }

.upp {
  text-transform: uppercase; }

/*----- layout -----*/
#container {
  position: relative;
  width: 100%; }

.contents {
  width: 94%;
  margin: 0 auto; }
  .contents p {
    margin-bottom: 1.5rem; }
  @media screen and (max-width: 560px) {
    .contents {
      width: 84%; } }

.wrapper {
  max-width: 1000px;
  margin: 0 auto 100px; }
  .wrapper-l {
  max-width: 900px;
  margin: 0 auto 100px; }
  @media screen and (max-width: 560px) {
    .wrapper {
      margin: 0 auto 80px; } }

.wrap_l {
  max-width: 1366px;
  margin: 0 auto 100px; }
  @media screen and (max-width: 560px) {
    .wrap_l {
      margin: 0 auto 80px; } }

.wrap_m {
  max-width: 720px;
  margin: 0 auto 100px; }
  @media screen and (max-width: 560px) {
    .wrap_m {
      margin: 0 auto 80px; } }

.wrap_s {
  max-width: 580px;
  margin: 0 auto 100px; }
  @media screen and (max-width: 560px) {
    .wrap_s {
      margin: 0 auto 80px; } }

/*----- title -----*/
.title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 180px;
  margin-bottom: 70px;
  background: url(../images/common/bg_title.png) no-repeat center top;
  background-size: cover;
  color: #14354c;
  text-align: center; }
  .title > div,
  .title h1 {
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0;
    font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
    font-size: 3.24rem;
    font-weight: normal; }
  @media screen and (max-width: 560px) {
    .title {
      height: 140px; } }

.headline {
    margin-top: 80px;
  margin-bottom: 80px;
  color: #14354c;
  font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
  font-size: 5.5rem;
  font-weight: normal;
  line-height: 1.5;
  text-align: center; }
  .headline .small {
    font-size: 2.4rem; }
  .headline .num {
    color: #0781CA;
    font-size: 10rem; }
  .headline .underline {
    padding-bottom: 5px;
    background: url(../images/common/bg_line.png) repeat-x center bottom;
    background-size: 15px 20px; }
  @media screen and (max-width: 560px) {
    .headline {
      font-size: 2.8rem; }
      .headline .small {
        display: inline-block;
        margin-bottom: 25px;
      font-size: 2rem; }
      .headline .num {
        font-size: 6rem; }
    }

.heading {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #14354c;
  color: #14354c;
  font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
  font-size: 2.7rem;
}

.heading-title{
  padding-left:7rem ;
   margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #14354c;
  color: #14354c;
  font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
  font-size: 3rem;
}

.heading-kansen{
   padding-left:2rem ;
  border-left: 3px solid #43bdf612;
  color: #14354c;
  font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
  font-size: 2.8rem;
}
.sankaku{
  border-bottom: 1px solid #14354c;
  color: #14354c;
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background: #FFF;
  box-sizing: border-box;
}
.
.sankaku:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.sankaku:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #14354c;
  z-index: 1;
}
.subhead {
  margin-bottom: 20px;
  font-size: 1.8rem; }
  @media screen and (max-width: 560px) {
    .subhead {
      letter-spacing: -1px; }

     }

/*----- button -----*/
.button a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 310px;
  padding: 10px;
  border: 1px solid #506c84;
  background-color: #506c84;
  color: #ffffff;
  text-align: center;
  text-decoration: none; }
  .button a::before {
    -webkit-transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    right: 1em;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    content: ""; }
  .button a:hover {
    opacity: 0.8; }

/*----- list -----*/
.list_dot > li {
  position: relative;
  margin-bottom: 3px;
  padding: 0 0 0 1em; }
  .list_dot > li::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1em;
    margin-top: 2px;
    line-height: 1;
    content: "・"; }
  .list_dot > li:last-child {
    margin-bottom: 0; }

.list_disc li {
  position: relative;
  margin-bottom: 3px;
  padding: 0 0 0 1em; }
  .list_disc li::before {
    display: block;
    position: absolute;
    top: 4px;
    top: 0.6em;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50vh;
    background-color: #333333;
    line-height: 1;
    content: ""; }
  .list_disc li:last-child {
    margin-bottom: 0; }

.list_num > li {
  position: relative;
  padding-left: 2.7em; }
  .list_num > li::before {
    display: block;
    position: absolute;
    left: 0;
    width: 2.7em; }
  .list_num > li:nth-child(1)::before {
    content: "（1）"; }
  .list_num > li:nth-child(2)::before {
    content: "（2）"; }
  .list_num > li:nth-child(3)::before {
    content: "（3）"; }
  .list_num > li:nth-child(4)::before {
    content: "（4）"; }
  .list_num > li:nth-child(5)::before {
    content: "（5）"; }

/*----- attention -----*/
.list_atte > li,
.atte {
  position: relative;
  padding: 0 0 0 1em; }
  .list_atte > li::before,
  .atte::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1;
    content: "※"; }

.attention {
  color: #f35b5b; }

/*----- Contents -----*/
.column_2 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .column_2 > .img.left {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .column_2 > .img.right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  @media screen and (max-width: 710px) {
    .column_2 {
      display: block; }
      .column_2 > .img {
        width: 100% !important;
        margin: 0 auto 20px; }
      .column_2 > .txt {
        width: 100% !important;
        margin: 0 auto 30px; } }

.column_float:before, .column_float:after {
  display: table;
  content: ""; }

.column_float:after {
  clear: both; }

.column_float > .img {
  float: left; }

.column_float > .img.right {
  float: right; }

@media screen and (max-width: 560px) {
  .column_float > .img {
    width: 100%;
    float: none; } }

.topicpath {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 40px;
  font-size: 1.5rem; }
  .topicpath li:not(:last-child)::after {
    -webkit-transform: scale(0.6, 1.2);
    display: inline-block;
    margin: 0 5px;
    transform: scale(0.6, 1.2);
    content: ">"; }

.page_nav ul li a {
  border-width: 2px;
  border-style: solid;
  border-color: #aacfc8; }
  .page_nav ul li a::after {
    -webkit-transform: rotate(90deg);
    -webkit-transition: all 0.25s ease-in-out;
    transform: rotate(90deg);
    content: "";
    transition: all 0.25s ease-in-out; }

.define > dt {
  position: relative;
  padding: 0 40px 0 20px;
  cursor: pointer; }
  .define > dt::after {
    position: absolute;
    top: 0;
    right: 15px;
    content: "＋"; }
  .define > dt.open::after {
    content: "−"; }

.define > dd {
  display: none; }

.scrolltable {
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
  overflow: auto; }
  .scrolltable::-webkit-scrollbar {
    height: 10px; }
  .scrolltable::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .scrolltable::-webkit-scrollbar-thumb {
    background: #bcbcbc; }
  @media screen and (max-width: 560px) {
    .scrolltable {
      margin-right: -9%; }
      .scrolltable .inner {
        width: 730px; } }

.scrolltxt {
  display: none;
  margin-bottom: 5px !important; }

.dl_3em dt {
  position: relative;
  width: 3em;
  float: left;
  clear: both; }

.dl_3em dd {
  padding-bottom: 5px;
  padding-left: 3em; }

.dl_3hem dt {
  position: relative;
  width: 3.5em;
  float: left;
  clear: both; }

.dl_3hem dd {
  padding-bottom: 5px;
  padding-left: 3.5em; }

.dl_3hem dt span {
  display: inline-block;
  width: 2.3em; }

#loading {
  -webkit-transition: all 1s;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  transition: all 1s; }
  #loading > div {
    position: absolute;
    top: calc(50% - 57px);
    left: calc(50% - 42px);
    width: 84px; }
    #loading > div img {
      width: 100%; }

.loaded {
  visibility: hidden;
  opacity: 0; }

.map {
  position: relative;
  width: 100%;
  margin-bottom: 30px; }
  .map::before {
    display: block;
    padding-top: 102%;
    content: ""; }
  .map .in {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 560px) {
    .map {
      position: relative;
      width: 100%; }
      .map::before {
        display: block;
        padding-top: 100%;
        content: ""; }
      .map .in {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes zoom {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1; } }

@-webkit-keyframes zoom {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
    opacity: 1; } }

.wide {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw; }

.list_contact a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 15px 0;
  border: 1px solid #506c84;
  background-color: #0781CA;
  color: #fff;
  font-weight: 600;
  text-decoration: none; }
  .list_contact a svg {
    margin: -3px 10px 0 0;
    vertical-align: middle; }
  .list_contact a:hover {
    background-color: #14354c;
    color: #ffffff; }
    .list_contact a:hover path {
      fill: #ffffff;
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }

.info .list_contact .mail a {
  padding: 13px 0 7px; }
  .info .list_contact .mail a svg {
    margin: -15px 10px 0 0; }
  .info .list_contact .mail a .txt {
    display: inline-block;
    line-height: 1;
    text-align: left; }
    .info .list_contact .mail a .txt span {
      font-size: 0.9rem; }
.line-no{
  text-align: center;
  background-color: #ffff66;
padding-top: 0.7rem;
font-weight: bold;
}
.line-no p{
border-bottom: double 6px orange;
}
/* Header
=================================================== */
.alert {
  padding: 3px;
  background-color: #00c6f3;
  color: #ffffff;
  text-align: center; }

.skip {
  position: absolute;
  top: -50px;
  left: 0;
  height: 1px;
  margin: 0;
  overflow: hidden; }

header {
  z-index: 2;
}
.header-h{
  display: flex;
  flex-wrap: wrap;
}
  /* header .header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 20px 0; } */
    header{
      background-color: #14354c;
    }
    @media screen and (max-width: 560px) {
      header .header {
        padding: 0px 0;
      background-color: #14354c;
      } }
  header .logo {
    margin: 0; }
    header .logo span {
      display: block;
      position: fixed;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }
    @media screen and (max-width: 560px) {
 }
  header .tel {
    font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
    text-align: right; }
    header .tel span,
    header .tel a {
      display: block; }
    header .tel span {
      font-size: 1.6rem; }
    header .tel a {
      position: relative;
      padding-left: 45px;
      font-size: 4.2rem;
      line-height: 1.2; }
      header .tel a::before {
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        width: 38px;
        height: 38px;
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="37.884" height="37.882" viewBox="0 0 37.884 37.882"><path d="M23.4,147.45a1.226,1.226,0,0,0-1.635-.087l-2.3,1.858A1.224,1.224,0,0,1,17.9,149.2a32.149,32.149,0,0,1-7.616-7.616,1.224,1.224,0,0,1-.017-1.558l1.857-2.3a1.225,1.225,0,0,0-.087-1.635l-4.411-4.411a1.228,1.228,0,0,0-1.655-.072L.436,136.255a1.223,1.223,0,0,0-.291,1.517s.743,1.519,1.435,2.681a54.878,54.878,0,0,0,17.454,17.454c1.162.69,2.68,1.436,2.68,1.436a1.226,1.226,0,0,0,1.516-.293l4.648-5.533a1.227,1.227,0,0,0-.072-1.654Z" transform="translate(0.001 -121.605)" fill="%23768492"/><path d="M249.168,164.634l1.837-.291a9.741,9.741,0,0,0-8.076-8.076l-.292,1.836a7.884,7.884,0,0,1,6.531,6.531Z" transform="translate(-224.684 -144.705)" fill="%23768492"/><path d="M279.447,6.025a21.35,21.35,0,0,0-11.8-6.013l-.289,1.837a19.574,19.574,0,0,1,16.263,16.264l1.838-.29A21.355,21.355,0,0,0,279.447,6.025Z" transform="translate(-247.577 -0.012)" fill="%23768492"/><path d="M255.3,78.054l-.289,1.839a13.7,13.7,0,0,1,11.4,11.4l1.837-.29A15.561,15.561,0,0,0,255.3,78.054Z" transform="translate(-236.142 -72.28)" fill="%23768492"/></svg>') no-repeat center center;
        background-position: center;
        background-repeat: no-repeat;
        content: ""; }
    @media screen and (max-width: 600px) {
      header .tel {
        display: none; }
}
@media screen and (min-width:600px) {
        .line-no{
        display: none;
      }
}
.header-t{
  color: #fff;
  font-size: 1.1rem;
  padding: 1rem 0 0rem 1rem;
  line-height: 1;
}
.header-tt{
  font-size:2rem ;
}
@media screen and (min-width: 560px){
header {
    background-color: transparent;
    margin: 1rem;
}
.header-t{
  color: #14354c;
  font-size: 1.4rem;
  padding: 0.8rem;
  margin-left:-3.8rem;
  font-weight: bold;
  width: 340px;
}
.header {
    display: inline-block;
}

}
  .home header {
    position: absolute;
 }
    .home header .tel {
      color: #ffffff; }
      .home header .tel a {
        color: #ffffff; }
        .home header .tel a::before {
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="37.884" height="37.882" viewBox="0 0 37.884 37.882"><path d="M23.4,147.45a1.226,1.226,0,0,0-1.635-.087l-2.3,1.858A1.224,1.224,0,0,1,17.9,149.2a32.149,32.149,0,0,1-7.616-7.616,1.224,1.224,0,0,1-.017-1.558l1.857-2.3a1.225,1.225,0,0,0-.087-1.635l-4.411-4.411a1.228,1.228,0,0,0-1.655-.072L.436,136.255a1.223,1.223,0,0,0-.291,1.517s.743,1.519,1.435,2.681a54.878,54.878,0,0,0,17.454,17.454c1.162.69,2.68,1.436,2.68,1.436a1.226,1.226,0,0,0,1.516-.293l4.648-5.533a1.227,1.227,0,0,0-.072-1.654Z" transform="translate(0.001 -121.605)" fill="%23ffffff"/><path d="M249.168,164.634l1.837-.291a9.741,9.741,0,0,0-8.076-8.076l-.292,1.836a7.884,7.884,0,0,1,6.531,6.531Z" transform="translate(-224.684 -144.705)" fill="%23ffffff"/><path d="M279.447,6.025a21.35,21.35,0,0,0-11.8-6.013l-.289,1.837a19.574,19.574,0,0,1,16.263,16.264l1.838-.29A21.355,21.355,0,0,0,279.447,6.025Z" transform="translate(-247.577 -0.012)" fill="%23ffffff"/><path d="M255.3,78.054l-.289,1.839a13.7,13.7,0,0,1,11.4,11.4l1.837-.29A15.561,15.561,0,0,0,255.3,78.054Z" transform="translate(-236.142 -72.28)" fill="%23ffffff"/></svg>') no-repeat center center; }
    @media screen and (max-width: 560px) {
      .home header {
        position: relative; }
 }
 .header{
    display: inline-block;
    width: 50%;
}
 }

/* Footer
=================================================== */
footer .copyright {
  margin-bottom: 0;
  padding: 40px 0 130px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    footer .copyright {
      padding: 40px 0 100px; } }

.conversion {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  z-index: 2;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 2px solid #ddeae1;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); }
  .conversion .inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 94%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 20px 0 10px; }
    .conversion .inner .logo {
      width: 180px; }
    .conversion .inner ul {
      -ms-flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      margin: 0; }
      .conversion .inner ul li {
        margin: 0 0 10px 10px; }
        .conversion .inner ul li a {
          padding: 10px 30px; }
      @media screen and (max-width: 930px) {
        .conversion .inner ul li a {
          padding: 10px; } }
  @media screen and (max-width: 767px) {
    .conversion {
      border-top: 2px solid #14354c; }
      .conversion .inner {
        width: 100%;
        padding: 0; }
        .conversion .inner .logo {
          display: none; }
        .conversion .inner ul {
          width: 100%; }
          .conversion .inner ul li {
            width: 50%;
            margin: 0;
            font-size: 1.3rem; }
            .conversion .inner ul li a {
              display: block;
              padding: 10px 0;
              border: none;
              text-align: center; }
              .conversion .inner ul li a svg {
                display: block;
                margin: 0 auto; }
            .conversion .inner ul li.web svg {
              margin: 4.5px auto 1px; }
            .conversion .inner ul li.line svg {
              margin-top: 1px; }
            .conversion .inner ul li.mail svg {
              margin: 6px auto 2px; } }

/* Home
=================================================== */
.kv .swiper-container {
  text-align: center; }
  .kv .swiper-container .swiper-slide img {
    max-width: 100%;
    height: auto; }

.info {
  margin-bottom: 0px;
  padding: 130px 0 100px;
  background: url(../images/common/bg_access.png) no-repeat center top;
  background-size: cover; }
  .info .column_2 {
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
    color: #14354c; }
    @media screen and (max-width: 860px) {
      .info .column_2 {
        width: 84%; } }
    .info .column_2 .contact {
      width: 41%; }
      .info .column_2 .contact p {
        font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif; }
      .info .column_2 .contact .ttl {
        margin-bottom: 0;
        font-size: 2.7rem; }
      .info .column_2 .contact p.tel {
        margin-bottom: 0;
        font-size: 5.5rem;
        line-height: 1.2; }
      .info .column_2 .contact .address {
        font-size: 1.8rem; }
      .info .column_2 .contact ul {
        -ms-flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center; }
        .info .column_2 .contact ul li {
          width: 48.5%;
          margin-bottom: 10px; }
    .info .column_2 .time {
      width: 50%; }
      .info .column_2 .time table {
        margin-bottom: 10px;
        border: none;
        border-top: 1px solid #768492;
        font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif; }
        .info .column_2 .time table thead {
          border-bottom: 1px solid #768492;
          font-size: 2rem; }
        .info .column_2 .time table tbody {
          font-size: 1.8rem; }
          .info .column_2 .time table tbody tr:not(:last-child) th,
          .info .column_2 .time table tbody tr:not(:last-child) td {
            border-bottom: 1px solid rgba(4, 49, 78, 0.3); }
        .info .column_2 .time table th,
        .info .column_2 .time table td {
          border: none;
          text-align: center; }
  @media screen and (max-width: 860px) {
    .info {

      padding: 80px 0;
      background: url(../images/common/bg_access_sp.png) no-repeat center top;
      background-size: cover; }
      .info .column_2 .contact {
        width: 100%; }
        .info .column_2 .contact .ttl {
          font-size: 2rem; }
        .info .column_2 .contact p.tel {
          font-size: 3.8rem; }
          .info .column_2 .contact p.tel a {
            color: #14354c; }
        .info .column_2 .contact .address {
          font-size: 1.4rem; }
      .info .column_2 .time {
        width: 100%; }
        .info .column_2 .time table thead {
          font-size: 1.3rem; }
        .info .column_2 .time table tbody {
          font-size: 1.3rem; }
        }

.important .headline {
  line-height: 1.2; }

.feature_section_title_en {
  padding-left:7rem ;
    margin-bottom: 0.1rem;
    color: #7B859D;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    line-height: 1;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
}
.step_section_title_en {
    padding-top: 1rem;
    color: #7B859D;
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
}
.section_title_en {
    margin-bottom: 0.1rem;
    color: #7B859D;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    line-height: 1;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
}

.important ol {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0; }
  .important ol li {
    position: relative;
    width: 46%;
    margin-bottom: 120px; }
    .important ol li::after {
      position: absolute;
      top: .5em;
      left: -10px;
      color: #0781CA;
      font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
      font-size: 5rem;
      line-height: 1; }
    .important ol li:nth-child(1)::after {
      content: "01"; }
    .important ol li:nth-child(2)::after {
      content: "02"; }
    .important ol li:nth-child(3)::after {
      content: "03"; }
    .important ol li:nth-child(4)::after {
      content: "04"; }
    .important ol li:nth-child(5)::after {
      content: "05"; }
    .important ol li:nth-child(6)::after {
      content: "06"; }
    .important ol li .img {
      margin-bottom: 20px; }
    .important ol li h3 {
      margin-bottom: 20px;
      font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}

@media screen and (max-width: 950px) {
  .important ol {
    display: block; }
    .important ol li {
      width: 100%;
      margin: 0 auto;
      max-width: 460px;
    padding-bottom: 5rem; } }

.treatment {
  padding: 150px 0;
  background-color: rgba(242, 249, 245, 0.5); }
  .treatment .column_2 {
    max-width: 1366px;
    margin: 0 auto 150px; }
    .treatment .column_2 .img {
      width: 48.46266%; }
    .treatment .column_2 .txt {
      width: 47.14495%; }
      .treatment .column_2 .txt .button {
        margin-top: 50px; }
        @media screen and (max-width: 1200px) {
          .treatment .column_2 .txt .button {
            margin-top: 40px; } }
    .treatment .column_2:nth-child(odd) h3,
    .treatment .column_2:nth-child(odd) p {
      margin-left: 27.95031%; }
    .treatment .column_2:nth-child(even) h3,
    .treatment .column_2:nth-child(even) p {
      margin-right: 27.95031%; }
  .treatment .wrap_s {
    width: 94%;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      .treatment .wrap_s {
        width: 84%; } }
  @media screen and (max-width: 1200px) {
    .treatment {
      padding: 80px 0; }
      .treatment .column_2 {
        margin: 0 auto 100px; }
        .treatment .column_2 .img {
          width: 92% !important; }
        .treatment .column_2 .txt {
          width: 84% !important;
          margin: 0 auto; }
          .treatment .column_2 .txt h3,
          .treatment .column_2 .txt p {
            margin-right: auto !important;
            margin-left: auto !important; }
        .treatment .column_2:nth-child(odd) .img {
          margin-right: 0 !important;
          margin-left: auto !important; }
        .treatment .column_2:nth-child(even) .img {
          margin-right: auto !important;
          margin-left: 0 !important; }
        .txt-margin{
          padding-top: 3rem;
        }
        }

.point {
  margin-bottom: 150px;
  padding: 150px 0 200px;
  background: url(../images/home/bg_point.jpg) no-repeat center top;
  background-size: cover; }
  .point .wrapper {
    width: 94%; }
    @media screen and (max-width: 720px) {
      .point .wrapper {
        width: 84%; }
              .txt-margin{
          padding-top: 0rem;
        }
      }
    .point .wrapper .column_2 > div {
      width: 48%;
      padding: 40px;
      border-radius: 5px;
      background-color: rgba(255, 255, 255, 0.9); }
      .point .wrapper .column_2 > div h3 {
        font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
        font-size: 3.2rem;
        font-weight: normal;
        text-align: center; }
      .point .wrapper .column_2 > div.merit h3 {
        color: #00c6f3; }
      .point .wrapper .column_2 > div.merit li::before {
        background-color: #00c6f3; }
      .point .wrapper .column_2 > div.demerit h3 {
        color: #f35b5b; }
      .point .wrapper .column_2 > div.demerit li::before {
        background-color: #f35b5b; }
      .point .wrapper .column_2 > div ul {
        margin: 0; }
  @media screen and (max-width: 720px) {
    .point {
      margin-bottom: 80px;
      padding: 80px 0;
      background: url(../images/home/bg_point_sp.jpg) no-repeat center top;
      background-size: cover; }
      .point .wrapper .column_2 > div {
        width: 100%;
        margin-bottom: 20px;
        padding: 40px 20px; } }
.acd-check{
    display: none;
}
.acd-label{
    background: #43bdf612;
    color: #7B859D;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
}
.acd-label:after{
    content: '+';
    display: block;
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '-';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
.answer{

}
/* question-end */

.environment {
  margin-bottom: 180px;
}
.right-img{
   margin: 0 auto;
}
.right-kansen{
  top: 0;
  right: 0;
}
.kansen{
  width:80%;
  margin: 0 auto;
margin-bottom:5rem ;
}

  .environment .column_2 .txt{
width:50%;
   }
  .column_2 .right-img{
width:48%;
   }
     .column_2 .right-img-l{
width:35%;
   }
  @media screen and (max-width: 710px) {
    .kansen{
  width:90%;
margin-bottom:10px ;
}
.right-kansen{
  position: relative;
}
.heading-kansen{
  margin-bottom: 0;
  padding-bottom:0 ;
    font-size: 2.5rem;

}
.line-title{
  width: 45%;
}
.line-txt{
  width: 45%;
}
    .environment {
      margin-bottom: 100px; }
      .environment .column_2 {
        padding: 10px; }
        .column_2 .right-img {
          width: 100%; }
        .environment .column_2 .txt {
          width: 100%;
          padding-left: 0; }
        }
  @media screen and (min-width: 937px) {
.heading-kansen{
  font-size: 3rem;
}
.kansen >p{
  padding-top:3rem ;
}
  }
.trouble {
  padding: 150px 0;
  background: #e8f2f3 url(../images/home/bg_trouble.png) no-repeat center top;
  background-size: cover; }
  .trouble2 {
  padding: 500px 0;
  background: #e8f2f3 url(../images/home/bg_trouble2.png) no-repeat center top;
  background-size: cover; }
   .trouble2 .wrapper {
    width: 94%;
    margin: 0 auto; }

  .trouble .wrapper {
    width: 94%;
    margin: 0 auto; }
    @media screen and (max-width: 560px) {
      .trouble .wrapper {
        width: 84%; } }
  .trouble .headline {
    text-align: left; }
  .trouble ul {
    max-width: 420px;
    font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
    font-size: 2rem; }
    .trouble ul li {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px;
      padding-left: 35px;
      border-bottom: 2px dotted #cccccc; }
      .trouble ul li::after {
        -webkit-transform: rotate(-45deg);
        display: block;
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 18px;
        height: 10px;
        transform: rotate(-45deg);
        border-bottom: 4px solid #faafb3;
        border-left: 4px solid #faafb3;
        content: ""; }
  @media screen and (max-width: 860px) {
    .trouble {
      padding: 80px 0 210px;
      background: #e8f2f3 url(../images/home/bg_trouble_sp.png) no-repeat center bottom;
      background-size: cover; }
      .trouble .headline {
        margin-bottom: 50px;
        font-size: 3.2rem;
        text-align: center; } }

  @media screen and (max-width: 860px) {
    .trouble2 {
      padding: 1300px 0 210px;
      background: #e8f2f3 url(../images/home/bg_trouble_sp2.png) no-repeat center bottom;
      background-size: cover; }
       }
              @media screen and (max-width: 800px) {
    .trouble2 {
      padding: 1200px 0 210px; }
       }

                   @media screen and (max-width: 720px) {
    .trouble2 {
      padding: 1000px 0 210px; }
       }
                  @media screen and (max-width: 630px) {
    .trouble2 {
      padding: 880px 0 210px; }
       }
       @media screen and (max-width: 500px) {
    .trouble2 {
      padding: 680px 0 210px; }
       }
             @media screen and (max-width: 450px) {
    .trouble2 {
      padding: 580px 0 210px; }
       }
                   @media screen and (max-width: 400px) {
    .trouble2 {
      padding: 500px 0 210px; }
       }
                          @media screen and (max-width: 380px) {
    .trouble2 {
      padding: 450px 0 210px; }
       }


.topics {
  margin-bottom: 180px; }
  .topics .date {
    margin-bottom: 5px;
    color: #aacfc8;
    font-size: 1.2rem; }
  .topics .cate {
    display: block;
    width: 8.5em;
    padding: 0 2px;
    float: left;
    clear: both;
    border: 1px solid #14354c;
    color: #14354c;
    font-size: 1.1rem;
    letter-spacing: -1px;
    text-align: center; }
  .topics h3 {
    padding: 0 0 0 7.5em;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.6; }
  .topics li div {
    margin-bottom: 15px;
    border-bottom: 2px dotted #cccccc; }
  .topics li a {
    color: #333333;
    text-decoration: none; }
    .topics li a:hover {
      text-decoration: underline; }
  @media screen and (max-width: 560px) {
    .topics {
      margin-bottom: 100px; } }

.staff {
  padding: 80px 0 200px;
        background: url(../images/common/bg_logo.svg) no-repeat center top 10%;
background-size: 27%;
      }
  .staff .wrapper {
    width: 94%;
    margin: 0 auto; }
    @media screen and (max-width: 720px) {
      .staff .wrapper {
        width: 84%; }
  }

  .inner2{
    display: block;
    width: 100%;
    height: auto;
    background-image: url("https://togoshi-kt-shika.yukenkai.com/wp-content/themes/togoshiwp/assets/renew/images/clinic/staff_asami_b_sp.jpg");
    background-position: 70% 50%;
    background-size: cover;
    margin-bottom: 2rem;
  }

  .staff .inner {
    margin: 0 auto;
    padding: 50px;
    border-radius: 5px;
    background-color: #43bdf612; }
    .staff .inner h3 {
      font-size: 2.4rem;
      font-weight: normal;
      text-align: center; }
      .staff .inner h3 .posi {
        display: block;
        font-size: 1.5rem; }
      .staff .inner h3 .name {
        display: block;
        margin: 0;
        font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif; }
      .staff .inner h3 .en {
        display: block;
        color: #506c84;
        font-size: 1.3rem; }
    .staff .inner dt {
      width: 5.5em;
      float: left;
      clear: both; }
    .staff .inner dd {
      padding-left: 5.5em; }
  @media screen and (max-width: 560px) {
    .staff {
      padding: 80px 0; }
      .staff .inner {
      	padding: 40px 10px; }

      }

.pay {
  padding: 150px 0;
  background: #e8f2f3 url(../images/home/bg_pay.jpg) no-repeat center top;
  background-size: cover; }
  .pay .headline {
    color: #ffffff; }
  .pay ul {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94%;
    max-width: 1000px;
    margin: 0 auto; }
    .pay ul::after {
      position: relative;
      width: 31%;
      content: ""; }
    @media screen and (max-width: 560px) {
      .pay ul {
        width: 84%; } }
    .pay ul li {
      width: 31%;
      margin-bottom: 30px;
      padding: 40px 35px 25px;
      background-color: #fff; }
      .pay ul li h3 {
        color: #14354c;
        font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
        font-size: 1.8rem;
        text-align: center; }
  @media screen and (max-width: 560px) {
    .pay {
      padding: 80px 0;
      background: #e8f2f3 url(../images/home/bg_pay_sp.jpg) no-repeat center top;
      background-size: cover; }
      .pay ul {
        display: block; }
        .pay ul li {
          width: 100%;
          margin-bottom: 30px;
          padding: 40px 35px 25px;
          background-color: #fff; } }

.access {
  margin-bottom: 180px;}
  .access .column_2 .map {
    width: 44%; }
  .access .column_2 .txt {
    width: 46%; }
    .access .column_2 .txt .logo {
      margin-bottom: 20px; }
    .access .column_2 .txt dl {
      margin-bottom: 50px; }
    .access .column_2 .txt dt {
      color: #6F7991;
      font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
      font-size: 1.8rem; }
  @media screen and (max-width: 720px) {
    .access {
      margin-bottom: 80px; }
      .access .column_2 .map {
        width: 100%;
        margin-bottom: 50px; }
      .access .column_2 .txt {
        width: 100%; } }

/* Information
=================================================== */
body.archive .main,
body.single .main {
  width: 68%; }
  body.archive .main .date,
  body.single .main .date {
    margin-bottom: 15px;
    color: #aacfc8;
    font-size: 1.2rem; }
    body.archive .main .date .cate,
    body.single .main .date .cate {
      display: inline-block;
      margin-left: 15px;
      padding: 0 5px;
      border: 1px solid #14354c;
      color: #14354c; }
  body.archive .main .cont h2,
  body.single .main .cont h2 {
    margin-bottom: 5px;
    color: #14354c;
    font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
    font-size: 2.4rem; }
  body.archive .main .cont .has-vivid-red-color,
  body.single .main .cont .has-vivid-red-color {
    color: #f35b5b; }

body.archive .aside,
body.single .aside {
  width: 25%; }
  body.archive .aside h3,
  body.single .aside h3 {
    padding: 2px 5px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
    font-size: 1.8rem;
    font-weight: normal; }
  body.archive .aside a,
  body.single .aside a {
    color: #333333;
    text-decoration: none; }
    body.archive .aside a:hover,
    body.single .aside a:hover {
      text-decoration: underline; }

@media screen and (max-width: 560px) {
  body.archive .main,
  body.archive .aside,
  body.single .main,
  body.single .aside {
    width: 100%; }
  body.archive .main,
  body.single .main {
    margin-bottom: 80px; } }

body.archive .main .list {
  margin-bottom: 80px; }
  body.archive .main .list a {
    color: #14354c;
    text-decoration: none; }
    body.archive .main .list a:hover {
      text-decoration: underline; }

body.single .main .cont ul li {
  position: relative;
  margin-bottom: 3px;
  padding: 0 0 0 1em; }
  body.single .main .cont ul li::before {
    display: block;
    position: absolute;
    top: 4px;
    top: 0.6em;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50vh;
    background-color: #aacfc8;
    line-height: 1;
    content: ""; }

/* Contents
==================================================================================== */
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2); } }

@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }

.image {
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden; }
  .image::before {
    display: block;
    padding-top: 83%;
    content: ""; }
  .image .in {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.image img {
  -webkit-transition: opacity 3.5s ease;
  display: block;
  opacity: 0;
  transition: opacity 3.5s ease; }

.visible.image img {
  -webkit-animation: zoomOut 5s ease-in-out forwards;
  animation: zoomOut 5s ease-in-out forwards;
  opacity: 1; }

.swiper-button-next,
.swiper-button-prev {
  z-index: 2;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 18px;
  margin-top: -9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 18px;
  cursor: pointer; }
  @media screen and (max-width: 560px) {
    .swiper-button-next,
    .swiper-button-prev {
      display: none; } }

.swiper-button-prev {
  -webkit-transform: rotate(180deg);
  right: auto;
  left: 2px;
  transform: rotate(180deg);
  background-image: url(../images/common/arrow.svg.php); }

.swiper-button-next {
  right: 2px;
  left: auto;
  background-image: url(../images/common/arrow.svg.php); }

.swiper-button-disabled {
  display: none; }

/* Form
==================================================================================== */
.wrap_form {
  width: 100%; }
  .wrap_form table {
    margin-bottom: 50px;
    border: none; }
    .wrap_form table th {
      width: 16em;
      padding: 10px 20px 20px 0;
      border: none;
      vertical-align: top; }
      .wrap_form table th .label {
        display: inline-block;
        width: calc(100% - 5.5em);
        font-weight: bold; }
      .wrap_form table th .req,
      .wrap_form table th .any {
        display: inline-block;
        width: 3.5em;
        margin-right: 10px;
        border: 1px solid #ffffff;
        font-size: 1.3rem;
        text-align: center; }
    .wrap_form table td {
      padding: 0 0 20px;
      border: none; }
    @media screen and (max-width: 560px) {
      .wrap_form table th,
      .wrap_form table td {
        display: block;
        width: 100%; }
      .wrap_form table th {
        padding: 10px 10px 0 15px;
        border-bottom: none; }
      .wrap_form table td {
        padding: 10px; } }

.wpcf7-checkbox .wpcf7-list-item {
  display: block; }

input[type="text"],
input[type="email"],
input[type="tel"],
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none; }

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid #333333;
  background: #ffffff; }

.btn_form {
  position: relative;
  font-family: "Helvetica Neue", Arial, serif;
  text-align: center; }
  .btn_form .ajax-loader {
    display: block !important;
    position: absolute;
    bottom: -50px;
    margin: 0 auto !important; }
  .btn_form p {
    display: inline-block;
    z-index: 1;
    position: relative;
    min-width: 250px;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #fff;
    background-color: inherit;
    text-align: center; }
    .btn_form p span {
      z-index: 1;
      position: relative; }
    .btn_form p::before {
      -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
      -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120%;
      height: 120%;
      transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
      border-radius: 50vh;
      background-color: #333333;
      content: "";
      opacity: 0;
      transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
    .btn_form p:hover span {
      color: #00c6f3; }
    .btn_form p:hover::before {
      -webkit-transition-duration: 0.85s;
      -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
      transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
      opacity: 1;
      transition-duration: 0.85s; }

input[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.25s ease-in-out;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px 3px;
  border: none !important;
  border-radius: 0 !important;
  background-color: inherit;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s ease-in-out; }

input[type="submit"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]:focus {
  outline-offset: -2px; }

input[type="submit"]:hover {
  color: #00c6f3; }

.radiobutton input {
  display: none; }

.radiobutton label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  margin: 0 10px 10px 0;
  padding: 5px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f5f5f5;
  text-align: center;
  cursor: pointer; }

.radiobutton label:hover {
  opacity: 0.7; }

.radiobutton input:checked + label {
  border: 1px solid #aacfc8;
  background: #aacfc8;
  color: #fff; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: auto;
  min-width: 20%;
  padding-right: 20px;
  padding-left: 10px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff url(../images/contact/select.png.php) right 5px center no-repeat;
  background-size: 12px 7px;
  color: #333;
  line-height: 2.4;
  vertical-align: middle; }

.wrap_form input[type="radio"],
.wrap_form input[type="checkbox"] {
  display: none; }

.wrap_form span.wpcf7-list-item {
  display: block;
  margin: 0; }

.wrap_form input[type="checkbox"] + .wpcf7-list-item-label {
  -webkit-box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
  padding: 0 0 0 25px;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.2s linear; }

.wrap_form input[type="checkbox"] + .wpcf7-list-item-label::after {
  -webkit-transition: border-color 0.2s linear;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #fff;
  content: "";
  transition: border-color 0.2s linear; }

.wrap_form input[type="checkbox"] + span:before,
.wrap_form input[type="checkbox"] + .wpcf7-list-item-label:before {
  -webkit-transition: opacity 0.2s linear;
  -webkit-transform: rotate(45deg);
  display: block;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 5px;
  height: 9px;
  margin-top: -8px;
  transform: rotate(45deg);
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: "";
  opacity: 0;
  transition: opacity 0.2s linear; }

.wrap_form input[type="checkbox"]:checked:after {
  background: #14354c; }

.wrap_form input[type="checkbox"]:checked + span:before,
.wrap_form input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
  opacity: 1; }

.wrap_form input[type="checkbox"]:checked + span:after,
.wrap_form input[type="checkbox"]:checked + .checkbox:after,
.wrap_form input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  border-color: #14354c;
  background: #14354c; }

.wrap_form .wpcf7-radio .wpcf7-list-item-label {
  -webkit-box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
  padding: 0 0 0 25px;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.2s linear; }

.wrap_form input[type="radio"] + .wpcf7-list-item-label:after {
  -webkit-transition: border-color 0.2s linear;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background: #fff;
  content: "";
  transition: border-color 0.2s linear; }

.wrap_form input[type="radio"] + .wpcf7-list-item-label:before {
  -webkit-transition: opacity 0.2s linear;
  display: block;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 50%;
  background-color: #14354c;
  content: "";
  opacity: 0;
  transition: opacity 0.2s linear; }

.wrap_form input[type="radio"]:checked + .wpcf7-list-item-label:before {
  opacity: 1; }

::-webkit-input-placeholder {
  color: #aaaaaa; }

::-moz-placeholder {
  color: #aaaaaa; }

:-ms-input-placeholder {
  color: #aaaaaa; }

::-ms-input-placeholder {
  color: #aaaaaa; }

::placeholder {
  color: #aaaaaa; }

span.your-other {
  display: block;
  margin-left: 25px; }

/* Pagination
=================================================== */
.wp-pagenavi,
.pagination {
  text-align: center; }
  .wp-pagenavi a,
  .wp-pagenavi span,
  .pagination a,
  .pagination span {
    display: inline-block;
    width: 2em;
    margin: 0 5px 10px;
    border: 1px solid #14354c;
    color: #14354c;
    line-height: 2;
    text-decoration: none; }
    .wp-pagenavi a.next, .wp-pagenavi a.prev,
    .wp-pagenavi span.next,
    .wp-pagenavi span.prev,
    .pagination a.next,
    .pagination a.prev,
    .pagination span.next,
    .pagination span.prev {
      width: 1em;
      border: none; }
  .wp-pagenavi a:hover,
  .wp-pagenavi .current,
  .pagination a:hover,
  .pagination .current {
    background-color: #14354c;
    color: #ffffff; }

.paging {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  max-width: 220px;
  margin: 0 auto 70px;
  padding-top: 15px; }
  .paging > div {
    width: 49%;
    font-family: "Helvetica Neue", Arial, serif; }
    .paging > div a {
      text-decoration: none; }
      .paging > div a:hover {
        text-decoration: underline; }
  .paging .next {
    text-align: right; }
/* アニメーション前のスタイル */
.js-marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffff66, #ffff66); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 80%; /* '50%'の部分にマーカーの太さを記入 */
  transition: all 2s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}

/* アニメーション発火時 */
.js-marker.inview {
  background-size: 100% 30%; /* '30%'の部分は上で設定した太さに合わせる */
}

/* マーカー動く用終わり */
/* Theme Name: jump */
.staff {
  padding: 150px 0 180px;
}
.staff .inner {
	width: 50%;
    margin: 0 auto 0px;
}
.staff .inner2 {
	width: 50%;
    margin: 0 ;
}

@media screen and (max-width: 768px) {
.staff .inner {
	padding: 50px 25px;
}
.staff .inner2 {
	padding-left:25px;
}

}
@media screen and (min-width: 910px) {
  .display-non-l{
  display: none;
}
}
@media screen and (max-width: 910px) {
.staff {
  padding: 150px 0 130px;
}
.staff .inner {
	padding: 40px 10rem;
	width: 100%;
	position: relative;
}
.display-non{
  display: none;
}

.staff .inner2 {
	padding: 0px;
	width: 100%;
	height: 290px;
}

.heading-title{
	font-size: 2.1rem;
}

  .important ol li::after {
      top: .2em;
	}
}
  @media screen and (max-width: 560px) {

    .staff {
      padding: 80px 0; }
      .staff .inner {
      	padding: 40px 30px; }

.sns-area.foot {
	width: 94%;
	max-width: 1000px;
	margin: 50px auto 0;
	border-bottom: 1px solid rgba(4, 49, 78, 0.3);
}
.sns-area.foot .sns-ttl {
	font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
	color: #6B737B;
	font-size: 12px;
	text-align: center;
}
.sns-area.foot .sns-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	margin-bottom: 40px;
}
.sns-area.foot .sns-list li {
	width: 20px;
	margin: 0 15px;
	line-height: 0.5;
}
@media screen and (max-width: 560px) {
.sns-area.foot .sns-area {
	margin: 40px auto 0;
}
.sns-area.foot .sns-list {
	margin-bottom: 30px !important;
}
}

.info .sns-area {
	border-top: 1px solid rgba(4, 49, 78, 0.3);
	padding-top: 20px;
}
.info .sns-ttl {
	font-family: "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
	color: #6B737B;
	font-size: 12px;
	text-align: center;
}
.info .column_2 .contact .sns-list {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.info .column_2 .contact .sns-list li {
	width: 20px;
	margin: 0 15px;
	line-height: 0.5;
}
@media screen and (max-width: 560px) {
.info .sns-area {
	margin-bottom: 40px;
}
}