/* header：
共通
------------------------------------- */
.l-header {
  width: 100%;
}

.l-header .l-slide_pc {
  width: 100%;
  position: relative;
}

.l-header .l-slide_pc:before {
  content: "";
  display: block;
  background: url(../images/top/slide_txt.png) no-repeat;
  width: 3.43%;
  padding-top: 9.77%;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  margin-top: 114px;
  margin-left: 18.87%;
  text-shadow: 10px 10px 5px #fff;
}

@media screen and (max-width: 768px) {
  .l-header .l-slide_pc {
    display: none;
  }
}

.l-header .l-slide_pc img {
  display: block;
  width: 100%;
}

.l-header .l-slide_sp {
  display: none;
}

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

@media screen and (max-width: 768px) {
  .l-header .l-slide_sp li img {
    width: 100%;
    height: auto;
  }
}


/* header：
メニュー
------------------------------------- */
.l-header .nav-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .l-header .nav-pc {
    display: none;
  }
}

.l-header .nav-pc h1 {
  width: 396px;
  margin: 55px auto 0;
}

@media screen and (max-width: 768px) {
  .l-header .nav-pc h1 {
    width: 54.93vw;
  }
}

.l-header .nav-pc h1 img {
  display: block;
  width: 100%;
}

.l-header .nav-pc ul {
  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;
  margin-top: 45px;
}

.l-header .nav-pc ul li a {
  color: #333;
  display: block;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.l-header .nav-pc ul li:nth-of-type(n+2) {
  margin-left: 40px;
}

.l-header .nav-pc ul li:nth-of-type(4) a, .l-header .nav-pc ul li:nth-of-type(5) a {
  -webkit-transition: .3s;
  transition: .3s;
}

.l-header .nav-pc ul li:nth-of-type(4) a:hover, .l-header .nav-pc ul li:nth-of-type(5) a:hover {
  color: #FCAC3B;
  -webkit-transition: .3s;
  transition: .3s;
}

.l-header .nav-pc ul li:nth-of-type(6) {
  border-left: solid 1px #333;
  height: 11px;
  margin-left: 30px;
  padding-left: 25px;
}

.l-header .nav-pc ul li:nth-of-type(6) a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-header .nav-pc ul li:nth-of-type(6) a:before {
  content: "";
  display: block;
  background: url(../images/common/icon03.svg) no-repeat;
  width: 19px;
  padding-top: 16px;
  background-size: 100% auto;
  margin-right: 8px;
}

.l-header .nav-pc ul li:nth-of-type(1), .l-header .nav-pc ul li:nth-of-type(2), .l-header .nav-pc ul li:nth-of-type(3) {
  position: relative;
  z-index: 999;
}

.l-header .nav-pc ul li:nth-of-type(1) > ul, .l-header .nav-pc ul li:nth-of-type(2) > ul, .l-header .nav-pc ul li:nth-of-type(3) > ul {
  width: 250px;
  border: solid 1px #333;
  border-radius: 10px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px;
  background: #fff;
  display: none;
}

.l-header .nav-pc ul li:nth-of-type(1) > ul li:nth-of-type(n+2), .l-header .nav-pc ul li:nth-of-type(2) > ul li:nth-of-type(n+2), .l-header .nav-pc ul li:nth-of-type(3) > ul li:nth-of-type(n+2) {
  margin-left: 0;
}

.l-header .nav-pc ul li:nth-of-type(1) > ul li a, .l-header .nav-pc ul li:nth-of-type(2) > ul li a, .l-header .nav-pc ul li:nth-of-type(3) > ul li a {
  display: block;
  width: 100%;
  letter-spacing: 0.12em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header .nav-pc ul li:nth-of-type(1) > ul li a:hover, .l-header .nav-pc ul li:nth-of-type(2) > ul li a:hover, .l-header .nav-pc ul li:nth-of-type(3) > ul li a:hover {
    background-color: #f5f5f5;
    
}

.l-header .nav-pc ul li:nth-of-type(1) > ul li a:before, .l-header .nav-pc ul li:nth-of-type(2) > ul li a:before, .l-header .nav-pc ul li:nth-of-type(3) > ul li a:before {
  content: "";
  display: block;
  background: url(../images/common/arrow_menu.svg) no-repeat;
  width: 5px;
  height: 7px;
  background-size: 100% auto;
  margin-right: 16px;
}

.l-header .nav-pc ul li:nth-of-type(1) > ul li + li, .l-header .nav-pc ul li:nth-of-type(2) > ul li + li, .l-header .nav-pc ul li:nth-of-type(3) > ul li + li {
  border-top: dashed 1px #2D2D2D;
}

.l-header .nav-pc ul li:nth-of-type(1) > ul li:nth-of-type(4) a:hover, .l-header .nav-pc ul li:nth-of-type(1) > ul li:nth-of-type(5) a:hover, .l-header .nav-pc ul li:nth-of-type(2) > ul li:nth-of-type(4) a:hover, .l-header .nav-pc ul li:nth-of-type(2) > ul li:nth-of-type(5) a:hover, .l-header .nav-pc ul li:nth-of-type(3) > ul li:nth-of-type(4) a:hover, .l-header .nav-pc ul li:nth-of-type(3) > ul li:nth-of-type(5) a:hover {
  color: #333;
  -webkit-transition: .3s;
  transition: .3s;
}

.l-header .nav-pc ul li:nth-of-type(2) ul {
  width: 150px;
}





@media screen and (min-width: 1700px) and (min-height: 800px) {
    #toppage .l-header {
        height: 100vh;
    }

    #toppage .l-header .nav-pc{
        position: absolute;
        width: 100%;
        bottom: 0;
        background: #fff;
        padding-bottom: 75px;
    }
}
@media screen and (max-width: 1920px) {
    #toppage .l-header .nav-pc{
        padding-bottom: 35px;
    }  
}


/* header：
スマホメニュー
------------------------------------- */
.l-header .nav-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.l-header .nav-sp h1 {
  width: 54.93vw;
  padding: 2.93vw 0 2.93vw 5.33vw;
}

.l-header .nav-sp h1 img {
  display: block;
  width: 100%;
}

.l-header .nav-sp .menu-trigger {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
  margin-right: 1.33vw;
}

.l-header .nav-sp .menu-trigger .menu-btn {
  display: block;
  background: #fff;
  padding: 3.3vw 0;
  border-radius: 50%;
}

.l-header .nav-sp .menu-trigger .menu-btn span {
  display: block;
  width: 7.2vw;
  height: 2px;
  background: #000;
  margin: 0 auto;
  -webkit-transition: .3s;
  transition: .3s;
}

.l-header .nav-sp .menu-trigger .menu-btn span:nth-of-type(n+2) {
  margin-top: 1.33vw;
}

.l-header .nav-sp .menu-trigger .menu-btn p {
  font-size: 7px;
  font-size: 1.86667vw;
  margin-top: 1.6vw;
  font-weight: bold;
  text-align: center;
  width: 14.13vw;
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    display: none;
    height: 100vh;
  }
}

.l-header .nav-sp .menu-list img {
  display: none;
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list img {
    display: block;
    width: 54.93vw;
    padding: 2.93vw 0 2.93vw 5.33vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list ul {
    width: 88.8%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list ul li {
    border-top: dashed 1px #2D2D2D;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list ul li:last-child {
    border-bottom: dashed 1px #2D2D2D;
    margin-bottom: 9.33vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    font-size: 3.73333vw;
    color: #333;
    font-weight: bold;
    padding: 4.53vw 0;
  }
  .l-header .nav-sp .menu-list ul li a:before {
    content: "";
    display: block;
    background: url(../images/common/arrow_menu.svg) no-repeat;
    width: 1.33vw;
    height: 1.86vw;
    margin-right: 4.26vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 88.53vw;
    margin: 0 auto;
    padding-bottom: 6.4vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a {
    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;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    border-radius: 1vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(1) {
    width: 35.2vw;
    background: #FFCC7B;
    font-size: 14px;
    font-size: 3.73333vw;
    padding: 1.33vw 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(1):before {
    content: "";
    display: block;
    background: url(../images/common/icon01.svg) no-repeat;
    width: 8.53vw;
    height: 5.86vw;
    background-size: 100% auto;
    margin-right: 2.93vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(2) {
    width: 51.46vw;
    background: #F5F5F5;
    padding: 1vw 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(2):before {
    content: "";
    display: block;
    background: url(../images/common/icon02.svg) no-repeat;
    width: 7.46vw;
    height: 5.86vw;
    background-size: 100% auto;
    margin-right: 2.93vw;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(2) span {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(2) span:nth-of-type(1) {
    font-size: 10px;
    font-size: 2.66667vw;
    font-weight: normal;
  }
}

@media screen and (max-width: 768px) {
  .l-header .nav-sp .menu-list > div a:nth-of-type(2) span:nth-of-type(2) {
    font-size: 15px;
    font-size: 4vw;
  }
}

    
/* header：
closeボタン
------------------------------------- */
.menu-open > span {
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .menu-open > span:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(1.7vw, 1.5vw);
            transform: rotate(45deg) translate(1.7vw, 1.5vw);
    width: 5.06vw !important;
    top: 30% !important;
    left: 30% !important;
  }
}

@media screen and (max-width: 768px) {
  .menu-open > span:nth-of-type(2) {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    opacity: 0;
  }
}

@media screen and (max-width: 768px) {
  .menu-open > span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg) translate(1.2vw, -0.8vw);
            transform: rotate(-45deg) translate(1.2vw, -0.8vw);
    top: 20%;
    right: 33%;
    width: 5.06vw !important;
  }
}

    



/* footer：
レイアウト
------------------------------------- */
.l-footer {
  width: 100%;
  background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(234, 249, 249, 0.67) 0.1%, rgba(239, 249, 251, 0.63) 90.1%);
  margin-top: 115px;
}

@media screen and (max-width: 768px) {
  .l-footer {
    padding-bottom: 16.3vw;
    width: 100%;
    margin: 10.66vw auto 0;
  }
}

.l-footer .l-inner {
  padding: 136px 0 115px;
  width: 1300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner {
    width: 86.93%;
    padding: 14.93vw 0 13.33vw;
    display: block;
  }
}

.l-footer .l-inner > div:nth-of-type(1) img {
  display: block;
}

.l-footer .l-inner > div:nth-of-type(1) img:nth-of-type(1) {
  width: 587px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(1) img:nth-of-type(1) {
    width: 100%;
    margin-top: 11.46vw;
  }
}

.l-footer .l-inner > div:nth-of-type(1) picture img {
  margin-top: 57px;
}

.l-footer .l-inner > div:nth-of-type(1) p {
  font-size: 22px;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(1) p {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-top: 6.13vw;
  }
}

.l-footer .l-inner > div:nth-of-type(1) p:nth-of-type(2) {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(1) p:nth-of-type(2) {
    margin-top: 2.66vw;
  }
}


.l-footer .l-inner > div:nth-of-type(2) {
  width: 603px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(2) {
    width: 100%;
    margin-top: 16vw;
  }
}

.l-footer .l-inner > div:nth-of-type(2) img {
  display: block;
  width: 100%;
}

.l-footer .l-inner > div:nth-of-type(2) ul {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(2) ul {
    margin-top: 5.33vw;
  }
}

.l-footer .l-inner > div:nth-of-type(2) ul li {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(2) ul li {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.l-footer .l-inner > div:nth-of-type(2) ul li + li {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .l-footer .l-inner > div:nth-of-type(2) ul li + li {
    margin-top: 3.2vw;
  }
}

.l-footer .l-map {
  width: 100%;
  padding-top: 766px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .l-footer .l-map {
    padding-top: 149vw;
  }
}

.l-footer .l-map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.l-footer .l-small {
  background: #333;
  width: 100%;
}

.l-footer .l-small small {
  font-size: 15px;
  display: block;
  padding: 38px 0;
  display: block;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-footer .l-small small {
    font-size: 15px;
    font-size: 4vw;
    padding: 6.93vw 0;
  }
}


/* shinryo：
診療メニュー
------------------------------------- */
.l-shinryo {
  width: 100%;
  margin-top: 115px;
  padding: 140px 0 170px;
}

@media screen and (max-width: 768px) {
  .l-shinryo {
    margin-top: 14.93%;
    padding: 13.66vw 0 17.33vw;
  }
}

.l-shinryo .l-inner {
  width: 1300px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-shinryo .l-inner {
    width: 86.93%;
  }
}

.l-shinryo .l-inner ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-shinryo .l-inner ul li {
  width: 310px;
  background: #fff;
  padding: 27px 0 32px;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .l-shinryo .l-inner ul li {
    width: 48.15%;
    padding: 4.29% 0 5.82%;
    border-radius: 1.66vw;
  }
}

.l-shinryo .l-inner ul li img {
  display: block;
  width: 253px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-shinryo .l-inner ul li img {
    width: 81.52%;
  }
}

.l-shinryo .l-inner ul li p {
  font-weight: bold;
  text-align: center;
  font-size: 23px;
  margin-top: 28px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
  .l-shinryo .l-inner ul li p {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 9.55%;
  }
}

.l-shinryo .l-inner ul li p span {
  display: block;
  font-size: 36px;
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .l-shinryo .l-inner ul li p span {
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .l-shinryo .l-inner ul li:nth-of-type(n+3) {
    margin-top: 3.37%;
  }
}

.l-shinryo .l-inner > a {
    margin: 54px auto 0;
}


/* infomation：
ニュースエリア
------------------------------------- */
.l-information {
  width: 100%;
}

.l-information img {
  display: block;
  width: 100%;
  height: 784px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  .l-information img {
    height: auto;
  }
}
.l-information h2 {
  margin-top: 120px;
}


.l-information ul {
  width: 1300px;
  margin: 100px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-information ul {
    width: 86.66%;
    display: block;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 7.2vw;
  }
}

.l-information ul li {
  width: 597px;
}

@media screen and (max-width: 768px) {
  .l-information ul li {
    width: 100%;
  }
}

.l-information ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-information ul li > div img {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: 17px;
}

.l-information ul li > div .txt-read {
  width: 460px;
}

@media screen and (max-width: 768px) {
  .l-information ul li > div .txt-read {
    width: 62.93vw;
  }
}

.l-information ul li > div .txt-read span {
  display: block;
}

@media screen and (max-width: 768px) {
  .l-information ul li > div .txt-read span {
    font-size: 10px;
    font-size: 2.66667vw;
  }
}

.l-information ul li > div .txt-read a:nth-of-type(1) {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 1.23;
  font-size: 17px;
  text-align: justify;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .l-information ul li > div .txt-read a:nth-of-type(2) {
    display: none;
  }
}

.l-information ul li:nth-of-type(n+3) {
  margin-top: 104px;
}

@media screen and (max-width: 768px) {
  .l-information ul li:nth-of-type(n+3) {
    margin-top: 8.26vw;
  }
}

@media screen and (max-width: 768px) {
  .l-information ul li + li {
    margin-top: 8.26vw;
  }
}


/* footermenu：
フッターメニュー
------------------------------------- */
.l-menu_content {
  width: 100%;
  background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(234, 249, 249, 0.67) 0.1%, rgba(239, 249, 251, 0.63) 90.1%);
  margin-top: 114px;
  padding: 113px 0 143px;
}

@media screen and (max-width: 768px) {
  .l-menu_content {
    padding: 13.33vw 0 17.33vw;
  }
}


@media screen and (max-width: 768px) {
  .l-menu_content .l-inner {
    width: 100%;
  }
}

.l-menu_content .l-inner ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-menu_content .l-inner ul li {
  width: 412px;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li {
    width: 86.13vw;
    margin: 0 auto;
  }
}

.l-menu_content .l-inner ul li a {
  width: 100%;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #2d2d2d;
  position: relative;
  padding: 52px 0 52px 157px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li a {
    font-size: 16px;
    font-size: 4.26667vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4vw 0;
    border-radius: 2vw;
  }
}

.l-menu_content .l-inner ul li a:before {
  content: "";
  display: block;
  background: url(../images/top/icon/icon_img07.svg) no-repeat;
  width: 69px;
  padding-top: 77px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li a:before {
    width: 6.93vw;
    padding-top: 7.73vw;
    margin-left: 4.53vw;
  }
}

.l-menu_content .l-inner ul li a:hover {
  background: #F5F5F5;
  -webkit-transition: .3s;
  transition: .3s;
}

.l-menu_content .l-inner ul li:nth-of-type(2) a:before {
  width: 56px;
  padding-top: 64px;
  background: url(../images/top/icon/icon_img08.svg) no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li:nth-of-type(2) a:before {
    width: 5.6vw;
    padding-top: 6.4vw;
  }
}

.l-menu_content .l-inner ul li:nth-of-type(3) a:before {
  width: 54px;
  padding-top: 76px;
  background: url(../images/top/icon/icon_img09.svg) no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li:nth-of-type(3) a:before {
    width: 5.33vw;
    padding-top: 7.73vw;
  }
}

.l-menu_content .l-inner ul li:nth-of-type(4) a:before {
  width: 61px;
  padding-top: 69px;
  background: url(../images/top/icon/icon_img10.svg) no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li:nth-of-type(4) a:before {
    width: 6.13vw;
    padding-top: 6.93vw;
  }
}

.l-menu_content .l-inner ul li:nth-of-type(5) a:before {
  width: 74px;
  padding-top: 79px;
  background: url(../images/top/icon/icon_img11.svg) no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li:nth-of-type(5) a:before {
    width: 7.46vw;
    padding-top: 8vw;
  }
}

.l-menu_content .l-inner ul li:nth-of-type(6) a:before {
  width: 72px;
  padding-top: 54px;
  background: url(../images/top/icon/icon_img12.svg) no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li:nth-of-type(6) a:before {
    width: 7.2vw;
    padding-top: 5.33vw;
  }
}

.l-menu_content .l-inner ul li:nth-of-type(n+4) {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner ul li:nth-of-type(n+2) {
    margin-top: 2.13vw;
  }
}

.l-menu_content .l-inner > div a {
  background: #fff;
  border-radius: 10px 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 26px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner > div a {
    width: 86.4vw;
    margin: 2.66vw auto 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.l-menu_content .l-inner > div a div:first-child {
  width: 655px;
  font-size: 30px;
  font-weight: bold;
  padding: 70px 0 86px 113px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  color: #2D2D2D;

}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner > div a div:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    font-size: 16px;
    font-size: 4.26667vw;
    padding: 5.33vw 0 5.33vw 13.33vw;
    border-radius: 0 0 2vw 2vw;
  }
}

.l-menu_content .l-inner > div a span {
  display: block;
  font-size: 18px;
  margin-bottom: 13px;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner > div a span {
    font-size: 11px;
    font-size: 2.93333vw;
    margin-bottom: 0.8vw;
  }
}

.l-menu_content .l-inner > div a:hover {
  background: #F5F5F5;
  -webkit-transition: .3s;
  transition: .3s;
}

.l-menu_content .l-inner > div img {
  display: block;
  width: 645px;
  border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 768px) {
  .l-menu_content .l-inner > div img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
      border-radius: 10px 10px 0 0;
  }
}

.l-contact_content {
  width: 1300px;
  margin: 184px auto 0;
}

@media screen and (max-width: 768px) {
  .l-contact_content {
    width: 86.4vw;
    margin-top: 15.4vw;
  }
}

/* contact：
コンタクトエリア
------------------------------------- */
.l-contact_content .l-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-contact_content .l-inner > div {
  width: 634px;
  background: #E6F8F8;
  border-radius: 10px;
  padding: 57px 0 75px;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner,.l-contact_content .l-inner > div {
    width: 100%;
  }
}

.l-contact_content .l-inner > div p:nth-of-type(1) {
  font-size: 23px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div p:nth-of-type(1) {
    font-size: 23px;
    font-size: 6.13333vw;
  }
}

.l-contact_content .l-inner > div:nth-of-type(1) > a {
  display: none;
}

@media screen and (max-width: 768px) {
    .l-contact_content .l-inner > div:nth-of-type(1) > a {
        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;
    }
.l-contact_content .l-inner > div img {
  display: block;
  width: 145px;
  margin: 26px auto 0;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div img {
    width: 26.66vw;
    margin: 6.1vw auto 5.6vw;
  }
}

.l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(2) {
  font-size: 41px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(2) {
    font-size: 26px;
    font-size: 6.93333vw;
    margin-top: 6.93vw;
  }
}

.l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(3), .l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(4) {
  font-size: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(3), .l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(4) {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(3) {
  margin-top: 26px;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(3) {
    margin-top: 3.4vw;
  }
}

.l-contact_content .l-inner > div:nth-of-type(1) p:nth-of-type(4) {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div:nth-of-type(2) {
    margin-top: 5.33vw;
  }
}


.l-contact_content .l-inner > div:nth-of-type(2) p:nth-of-type(2) {
  text-align: center;
  margin-top: 18px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .l-contact_content .l-inner > div:nth-of-type(2) p:nth-of-type(2) {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-top: 3.4vw;
  }
}

.l-contact_content > a {
  font-size: 14px;
  width: 178px;
  margin: 0 auto;
  margin-top: 54px;
}

@media screen and (max-width: 768px) {
  .l-contact_content > a {
    font-size: 3.2vw;
    width: 42.13vw;
    margin-top: 6.93vw;
  }
}

.l-contact_content > a:hover:after {
  -webkit-transition: .3s;
  transition: .3s;
  margin-right: 0;
}

.l-contact_content > img {
  display: block;
  width: 220px;
  margin: 130px auto 0;
}

@media screen and (max-width: 768px) {
  .l-contact_content > img {
    margin-top: 33.6vw;
    width: 36.26vw;
  }
}


    
/* cvn：
固定ボタン
------------------------------------- */
.fixed-btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .fixed-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #fff;
    padding: 3.73vw 0;
    border-top: solid 1px #333;
    z-index: 1000;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a {
    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;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    border-radius: 1vw;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(1) {
    width: 35.2vw;
    background: #FFCC7B;
    font-size: 14px;
    font-size: 3.73333vw;
    padding: 1.33vw 0;
    margin-right: 4.8vw;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(1):before {
    content: "";
    display: block;
    background: url(../images/common/icon01.svg) no-repeat;
    width: 8.53vw;
    height: 5.86vw;
    background-size: 100% auto;
    margin-right: 2.93vw;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(2) {
    width: 51.46vw;
    background: #F5F5F5;
    padding: 1vw 0;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(2):before {
    content: "";
    display: block;
    background: url(../images/common/icon02.svg) no-repeat;
    width: 7.46vw;
    height: 5.86vw;
    background-size: 100% auto;
    margin-right: 2.93vw;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(2) span {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(2) span:nth-of-type(1) {
    font-size: 10px;
    font-size: 2.66667vw;
    font-weight: normal;
  }
}

@media screen and (max-width: 768px) {
  .fixed-btn a:nth-of-type(2) span:nth-of-type(2) {
    font-size: 15px;
    font-size: 4vw;
  }
}

.side-btn {
  position: fixed;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .side-btn {
    display: none;
  }
}

.side-btn a {
  display: block;
}

.side-btn a:nth-of-type(2) {
  margin-top: -10px;
}
