@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600&display=swap");
@import url("https://fonts.googleapis.com/css2？family=Roboto+Mono:wght@500＆display=swap");
/* CSS Document */
body, html {
  color: #333333;
  font-size: 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  -webkit-text-size-adjust: 100%;
  background: #ffffff;
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: .8px;
  word-break: normal;
  word-wrap: break-word;
}

article, aside, blockquote, body, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, img, input, legend, li, menu, nav, ol, p, pre, section, summary, td, textarea, th, ul {
  border: 0;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: bottom;
}

li, ol, ul {
  list-style: none;
}

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

address, caption, cite, code, dfn, em, mark, strong, th, time, var {
  font-style: normal;
  font-weight: 400;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

q:after, q:before {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

mark {
  color: #333333;
  background: #fff;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, keygen, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

legend {
  color: #333333;
}

body a {
  color: #333333;
  opacity: 1;
  transition: .35s ease-in-out;
}

body a:hover {
  opacity: .6;
}

button, input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: none;
}

input[type=text], input[type=password] {
  outline: none;
}

small {
  font-size: 10px;
}

*, :after, :before {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: #000;
}

body {
  padding-top: 80px;
}

.wrap {
  width: 1000px;
  margin: 0 auto;
}

.pc-block {
  display: block;
}

.pc-inblock{
  display: inline-block;
}

.sp-block {
  display: none;
}

.sp-inblock{
  display: none;
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 0;
  }
  .wrap {
    width: 350px;
  }
  .pc-block {
    display: none;
  }
  
  .pc-inblock{
    display: none;
  }
  
  .sp-block {
    display: block;
  }
  
  .sp-inblock{
    display: inline-block;
  }
}

/* header--------------------- */
.header {
  width: 100%;
  background-color: #fff;
  justify-content: space-between;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
}

.header__inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  height: 80px;
  display: flex;
  justify-content: space-between;
}

.header__inner .logo {
  display: flex;
  margin-left: 45px;
  align-items: center;
  justify-content: center;
}

.header__inner .logo h1 {
  width: 220px;
  height: 45px;
  line-height: 45px;
  margin-right: 10px;
}

.header__inner .logo h2 {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.header__inner .logo h2 .gold {
  color: #c19800;
}

.header__inner .nav {
  width: 50%;
  height: 100%;
  margin-right: 35px;
}

.header__inner .nav__inner {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.header__inner .nav__inner li {
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.header__inner .nav__inner li:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #000;
}

.header__inner .logo-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .header {
    height: 70px;
    justify-content: space-between;
    box-shadow: #c8bba0 0 0 3px;
    position: relative;
  }
  .header .logo {
    display: none;
  }
  .header .logo-sp {
    width: 350px;
    height: 70px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
  }
  .header .logo-sp h1 {
    width: 46px;
    height: 50px;
    margin-right: 10px;
  }
  .header .logo-sp h2 {
    font-size: 13px;
    vertical-align: middle;
  }
  .header .logo-sp h2 .gold {
    color: #c19800;
  }
  .header .nav {
    display: none;
  }
}

/*-----contact_btn------*/
.contactBtn {
  width: 50px;
  border: none;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-weight: bold;
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 300;
}

.contactBtn li {
  width: 100%;
  padding: 20px 8px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  color: #fff;
  box-shadow: 0 0 3px gray;
}

.contactBtn li .icon {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.contactBtn li a{
  color: #fff;
}

@media screen and (max-width: 767px) {
  .contactBtn {
    display: none;
  }
}

.line {
  background-color: #06b155;
}

.appoint {
  margin-top: 15px;
  background-color: #c8a05a;
}

/*------mainVisual------*/
.mainVisual {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
  background-image: url(../images/mainvisual_back@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.mainVisual__inner {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 220px;
  position: relative;
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

.mainVisual__inner__maintext{
  padding-top: 50px;
  width: 50%;
  color: #fff; 
  text-align: center;
}
.mainVisual__inner__maintext .maintext1{
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 1px 10px;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", sans-serif;
  font-weight: 200;
  font-size: 22px;
  background-color: #c8bba0;
  display: inline-block;
  text-align: center;
}
.mainVisual__inner__maintext .maintext2{
  margin: 0 auto;
  padding: 1px 10px;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", sans-serif;
  font-weight: 200;
  font-size: 22px;
  background-color: #c8bba0;
  display: inline-block;
  text-align: center;
}
.mainVisual__inner__maintext .maintext3{
  margin: 15px auto 0;
  font-size: 30px;
  font-weight: 600;
  color: #c8a05a;
}
.mainVisual__inner__maintext .maintext4{
  margin: -10px auto;
  width: 100%;
  font-size: 40px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  letter-spacing: 3px;
}
.mainVisual__inner__maintext strong{
  font-size: 60px;
  color: #916948;
}
.mainVisual__inner .mv-service {
  width: 356px;
  position: absolute;
  bottom: -50px;
  left: 50px;
}
.mainVisual__inner .offer{
  position: absolute;
  right: 60px;
  top: 475px;
}
.mainVisual__inner .offer__content{
  width: 220px;
  padding: 50px 0 55px;
  display: inline-block;
  background-image: url(../images/offer_back@2x.png);
  background-size: contain;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", sans-serif;
}
.mainVisual__inner .offer__content h4{
  font-size: 22px;
  color: #ffffcd;
  text-align: center;
}
.mainVisual__inner .offer__content p{
  margin-top: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.mainVisual__inner .offer__content strong{
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  .mainVisual {
    padding-bottom: 110px;
    background-image: url(../images/sp/mainvisual_back-sp@2x.png);
  }
  
  .mainVisual__inner {
    width: 360px;
    padding-bottom: 50px;
  }
  
  .mainVisual__inner__maintext{
    padding-top: 20px;
    width: 100%;
    text-align: left;
  }
  .mainVisual__inner__maintext .maintext1{
    margin-bottom: 5px;
    font-size: 18px;
  }
  .mainVisual__inner__maintext .maintext2{
    margin: 0;
    font-size: 18px;
  }
  .mainVisual__inner__maintext .maintext3{
    margin: 5px auto;
    font-size: 24px;
    text-shadow: 3px 3px 5px #fff, 3px 3px 7px #fff, -3px -3px 5px #fff, -3px -3px 7px #fff, -3px 3px 5px #fff, -3px 3px 7px #fff, 3px -3px 5px #fff, 3px -3px 7px #fff;
  }
  .mainVisual__inner__maintext .maintext4{
    width: 100%;
    margin-top: 3px;
    font-size: 30px;
    letter-spacing: 0;
    text-shadow: 5px 5px 7px #fff, 5px 5px 10px #fff, -5px -5px 7px #fff, -5px -5px 10px #fff, -5px 5px 7px #fff, -5px 5px 10px #fff, 5px -5px 7px #fff, 5px -5px 10px #fff;
  }
  .mainVisual__inner__maintext  .sp-maintext4{
    letter-spacing: 4px;
  }
  .mainVisual__inner__maintext strong{
    font-size: 40px;
    font-weight: 600;
  }
  .mainVisual__inner .mv-service {
    width: 250px;
    bottom:70px;
    left: 0;
  }
  .mainVisual__inner .offer{
    position: relative;
    right: 0;
    top: 200px;
  }
  .mainVisual__inner .offer__content{
    width: 100%;
    padding: 14px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../images/sp/offer_back-sp@2x.png);
  }
  .mainVisual__inner .offer__content h4{
    width: 35%;
    font-size: 16px;
    color: #ffffcd;
    text-align: center;
    padding-left: 20px;
  }
  .mainVisual__inner .offer__content p{
    width: 65%;
    margin: 0;
    padding: 0 15px 0 20px;
    font-size: 14px;
    color: #fff;
    text-align: left;
  }
  .mainVisual__inner .offer__content strong{
    font-weight: 800;
  }
}

/*-----cta-----*/
.cta{
  width: 1040px;
  margin: 70px auto 0;
  padding: 70px 30px;
  background-image: url(../images/cta-back@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-around;
  position: relative;
  z-index: 100;
}
.cta .cta__content{
  width: 405px;
  margin: 0 auto;
  padding: 10px 0 50px 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0 40px 0 40px;
  text-align: center;
  font-size: 22px;
  font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
  font-weight: 300;
}
.cta .cta--appoint p{
  margin-bottom: 5px;
  letter-spacing: 3px;
  position: relative;
}
.cta .cta--appoint p::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #eda2ae;
  bottom: 15px;
  left: 85px;
  transform: rotate(-30deg);
}
.cta .cta--appoint p::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #eda2ae;
  bottom: 15px;
  right: 85px;
  transform: rotate(30deg);
}
.cta .cta--appoint span{
  font-size: 54px;
  color: #eda2ae;
  font-family: 'Roboto', "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
  font-weight: 500;
}
.cta .cta--appoint a{
  width: 360px;
  padding: 18px 40px;
  background-color: #eda2ae;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
  position: relative;
}
.cta .cta--appoint a strong{
  font-size: 22px;
  font-weight: bold;
  color: #ffffcd;
}
.cta .cta--appoint a img{
  width: 13px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.cta .cta--line p{
  margin-bottom: 5px;
  letter-spacing: 2px;
  position: relative;
}
.cta .cta--line p::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #62b84e;
  bottom: 15px;
  left: 70px;
  transform: rotate(-30deg);
}
.cta .cta--line p::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #62b84e;
  bottom: 15px;
  right: 70px;
  transform: rotate(30deg);
}
.cta .cta--line span{
  font-size: 54px;
  color: #62b84e;
  font-family: 'Roboto', "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
  font-weight: 500;
}
.cta .cta--line a{
  width: 360px;
  padding: 18px 66px;
  background-color: #62b84e;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
  position: relative;
}
.cta .cta--line a strong{
  font-size: 22px;
  font-weight: bold;
  color: #ffffcd;
}
.cta .cta--line a img{
  width: 13px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.cta-3{
  margin: -170px auto 0;
}

@media screen and (max-width: 767px){
  .cta{
    width: 360px;
    margin: 70px auto 0;
    padding: 31px;
    background-image: url(../images/sp/cta-back-sp@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    z-index: 100;
  }
  .cta .cta__content{
    width: 300px;
    margin: 15px auto;
    padding-bottom: 32px;
    border-radius: 0 20px 0 20px;
    text-align: center;
    font-size: 16px;
    font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
    font-weight: 300;
  }
  .cta .cta--appoint p{
    margin-top: -3px;
    margin-bottom: 10px;
    letter-spacing: 3px;
  }
  .cta .cta--appoint p::before{
    width: 0.8px;
    height: 24px;
    bottom: 12px;
    left: 80px;

  }
  .cta .cta--appoint p::after{
    width: 0.8px;
    height: 24px;
    bottom: 12px;
    right: 80px;
  }
  .cta .cta--appoint span{
    font-size: 36px;
  }
  .cta .cta--appoint a{
    width: 290px;
    padding: 15px 30px;
    font-size: 16px;
  }
  .cta .cta--appoint a strong{
    font-size: 16px;
  }
  .cta .cta--appoint a img{
    width: 8px;
    right: 15px;
  }
  
  .cta .cta--line p{
    margin-bottom: 5px;
    letter-spacing: 2px;
    position: relative;
  }
  .cta .cta--line p::before{
    width: 0.8px;
    height: 24px;
    bottom: 12px;
    left: 70px;
  }
  .cta .cta--line p::after{
    width: 0.8px;
    height: 24px;
    bottom: 12px;
    right: 70px;
  }
  .cta .cta--line span{
    font-size: 36px;
  }
  .cta .cta--line a{
    width: 360px;
    padding: 15px 51px;
    font-size: 16px;
  }
  .cta .cta--line a strong{
    font-size: 16px;
  }
  .cta .cta--line a img{
    width: 8px;
    right: 15px;
  }
  .cta-2{
    margin: 0 auto;
  }
  .cta-3{
    margin: 30px auto;
  }
}

/*-----worries-----*/
.worries {
  width: 100%;
  margin: -40px auto 0;
  font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
  background-color: rgba(200, 187, 160, 0.2);
  background-image: url(../images/worries-back@2x.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.worries__inner {
  padding: 140px 0 80px;
  display: flex;
  justify-content: space-around;
}

.worries--left{
  width: 490px;
  position: relative;
}
.worries--left .title{
  width: 120px;
  position: absolute;
  top: 0;
  left: 180px;
  z-index: 20;
}

.worries--left h2{
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 22px;
  font-weight: 600;
  color: #916948;
  position: absolute;
  top: 70px;
  left: 90px;
  z-index: 20;
}

.worries--right{
  width: 460px;
}

.worries--right .worries__content{
  width: 100%;
  margin: 12px 0;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  text-align: left;
  background: #fff;
  position: relative;
}

.worries--right .worries__content p{
  padding-left: 60px;
}

.worries--right .worries__content span{
  color: #c8a05a;
  font-weight: 600;
}

.worries--right .worries__content::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../images/checkbox@2x.png);
  background-size: contain;
  width: 27px;
  height: 27px;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

@media screen and (max-width: 767px) {
  .worries {
    width: 100%;
    margin: -100px auto;
    padding-top: 100px;
    padding-bottom: 30px;
    background-image: none;
  }
  
  .worries__inner {
    margin: 0 auto;
    padding: 30px 0;
    display: block;
  }
  
  .worries--left{
    width: 350px;
    position: unset;
    margin: 0 auto;
    text-align: center;
  }
  .worries--left .title{
    width: 100px;
    position: unset;
    text-align: left;
  }
  
  .worries--left h2{
    margin: 15px auto;
    font-size: 18px;
    text-align: left;
    position: unset;
  }
  .worries--right{
    width: 350px;
    position: relative;
  }
  .worries--right .worriesimg{
    width: 97px;
    position: absolute;
    top: -90px;
    right: 0;
    z-index: 50;
  }
  
  .worries--right .worries__content{
    width: 100%;
    margin: 12px 0;
    padding: 10px 0 10px 10px;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    background: #fff;
    position: relative;
  }
  
  .worries--right .worries__content p{
    padding-left: 30px;
  }
  .worries--right .worries__content::before {
    width: 22px;
    height: 22px;
    left: 10px;
  }
}

/*-----hardToReach-----*/
.hardToReach__title{
  width: 100%;
  padding: 70px 0 205px;
  background-image: url(../images/head-to-reach-back@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.hardToReach__title h2{
  color: #fff;
  font-size: 22px;
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
.hardToReach__title h2 span{
  font-size: 28px;
  letter-spacing: 5px;
}
.hardToReach__title img{
  width: 470px;
}
.hardToReach__title .title{
  width: 205px;
  position: absolute;
  right: 10%;
  top: 70px; 
}
.hardToReach__contents{
  font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
  display: flex;
  justify-content: space-around;
}
.hardToReach__contents .hardToReach__content{
  width: 310px;
  padding: 25px;
  background-image: url(../images/difficult-back@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.hardToReach__content .difficult{
  width: 110px;
}
.hardToReach__content h3{
  width: 250px;
  margin: 5px auto;
  padding: 20px;
  background-image: url(../images/difficult-caption@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 17px;
  color: #fff;
}
.hardToReach__content h3 strong{
  font-size: 20px;
  letter-spacing: 2px;
}
.hardToReach__content h3 small{
  font-size: 15px;
  letter-spacing: 3px;
}
.hardToReach__content .difficult-img{
  width: 135px;
  margin: 10px auto;
}
.hardToReach__content p{
  width: 240px;
  margin: 20px auto;
  text-align: left;
  line-height: 1.8;
}
.hardToReach__content p span{
  font-weight: 600;
  text-decoration: underline 2px solid rgba(200, 187, 160, 0.5);
  text-underline-offset: 2px;
}
.hardToReach .difficult-side{
  position: relative;
  top: -90px;
}
.hardToReach .difficult-center{
  position: relative;
  top: -125px;
}
.hardToReach .hardToReach__text{
  width: 740px;
  margin: -50px auto 0;
  text-align: center;
  letter-spacing: 2px;
  font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
}
.hardToReach .hardToReach__text p{
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  background-image: url(../images/solution-back@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 18px;
}
.hardToReach .hardToReach__text p span{
  font-size: 22px;
  font-weight: 600;
  color: #c8a05a;
}
.hardToReach .hardToReach__text .strongtext{
  width: 683px;
  margin: 0 auto 5px;
  font-size: 22px;
  letter-spacing: 3px;
  border-bottom: #c8bba0 1px solid;
}
.hardToReach .hardToReach__text .strongtext .brown{
  font-size: 25px;
  font-weight: 600;
  color: #916948;
}
.hardToReach .hardToReach__text .strongtext .red{
  font-size: 25px;
  font-weight: 600;
  color: #e65a70;
  text-emphasis: filled dot #c8a05a;
  -webkit-text-emphasis: filled dot #c8a05a;
  -moz-text-emphasis: filled dot #c8a05a;
}

@media screen and (max-width: 767px) {
  .hardToReach__title{
    padding: 170px 0 ;
    background-image: url(../images/sp/head-to-reach-back-sp@2x.png);
    background-size: contain;
    margin: -64px auto;
  }
  .hardToReach__title h2{
    font-size: 18px;
    margin-top: 0;
  }
  .hardToReach__title h2 span{
    font-size: 22px;
    letter-spacing: 3px;
  }
  .hardToReach__title img{
    width: 360px;
  }
  .hardToReach__title .title{
    width: 165px;
    top: 110px;
    left: 50%;
    transform: translateX(-50%); 
  }
  .hardToReach__contents{
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
  }
  .hardToReach__contents .hardToReach__content{
    width: 360px;
    padding: 20px;
    background-image: url(../images/sp/difficult-back-sp@2x.png);
  }
  .hardToReach__content .difficult{
    width: 110px;
    margin-top: 5px;
    margin-left: 110px;
  }
  .hardToReach__content h3{
    width: 220px;
    margin: 15px 0 0 100px;
    padding: 5px 10px;
    background-image: url(../images/sp/difficult-caption-sp@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-size: 16px;
    color: #fff;
  }
  .hardToReach__content h3 strong{
    font-size: 18px;
    letter-spacing: 2px;
  }
  .hardToReach__content h3 small{
    font-size: 15px;
    letter-spacing: 3px;
  }
  .hardToReach__content .difficult-img{
    width: 80px;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 25px;
  }
  .hardToReach__content p{
    width: 320px;
    margin: 30px auto;
    line-height: 1.7;
  }
  .hardToReach__content p span{
    text-decoration: underline 2px solid rgba(200, 187, 160, 0.5);
    text-underline-offset: 2px;
  }
  .hardToReach .difficult-side{
    position: relative;
    top: -90px;
  }
  .hardToReach .difficult-center{
    position: relative;
    top: -90px;
  }
  .hardToReach .hardToReach__text{
    width: 360px;
    margin: -80px auto 0;
    letter-spacing: 2px;
  }
  .hardToReach .hardToReach__text p{
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 0 10px;
    background-image: url(../images/sp/solution-back-sp@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 16px;
  }
  .hardToReach .hardToReach__text p span{
    font-size: 18px;
    font-weight: 600;
    color: #c8a05a;
  }
  .hardToReach .hardToReach__text .strongtext{
    width: 360px;
    margin: 0 auto;
    font-size: 18px;
    letter-spacing: 3px;
  }
  .hardToReach .hardToReach__text .strongtext .brown{
    font-size: 22px;
    letter-spacing: 0;
  }
  .hardToReach .hardToReach__text .strongtext .red{
    font-size: 22px;
  }
  .hardToReach .hardToReach__text .sp-noborder{
    border: none;
    margin-top: 4px;
  }
}
/*-----consultation------*/
.consultation {
  width: 100%;
  padding-top: 110px;
  padding-bottom: 70px;
  background-image: url(../images/consultation-back@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "sans-serif";
  margin: 60px auto;
  position: relative;
}
.consultation__title {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.consultation__title .title{
  width: 195px;
}
.consultation__title h2{
  margin: 30px auto 90px;
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-weight: 600;
  color: #916948;
}
.consultation__title .ordermade{
  width: 210px;
  margin: auto;
}
.consultation__contents{
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.consultation__contents .content{
  width: 400px;
  padding: 50px 90px 0;
  text-align: left;
}
.consultation__contents .content img{
  width: 182px;
}
.consultation__contents .content h3{
  margin: 15px auto;
  font-size: 17px;
  color: #c8a05a;
}
.consultation__contents .content p{
  width: 225px;
  font-size: 14px;
  line-height: 1.8;
}
.consultation__contents .content span{
  font-weight: bold;
  text-decoration: underline 2px solid rgba(200, 187, 160, 1);
  text-underline-offset: 1px;
}

@media screen and (max-width: 767px) {
  .consultation {
    width: 100%;
    padding-top: 0;
    padding-bottom: 70px;
    background-image: url(../images/sp/consultation-back-sp@2x.png);
    margin: 30px auto;
  }
  .consultation__title {
    position: relative;
    margin: 0 auto;
  }
  .consultation__title .title{
    width: 155px;
  }
  .consultation__title h2{
    margin: 20px auto 10px;
    font-size: 22px;
    letter-spacing: 2px;
  }
  .consultation__title .ordermade{
    width: 280px;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
  }
  .consultation__contents{
    width: 360px;
    margin: 250px auto 0;
    display: block;
  }
  .consultation__contents .content{
    width: 360px;
    padding: 10px;
  }
  .consultation__contents .content-title{
    display: flex;
    align-items: center;
  }
  .consultation__contents .content img{
    width: 100px;
  }
  .consultation__contents .content h3{
    margin: 15px auto;
    font-size: 17px;
  }
  .consultation__contents .content p{
    width: 350px;
    font-size: 14px;
    line-height: 1.8;
  }
  .consultation__contents .content span{
    font-weight: bold;
    text-decoration: underline 2px solid rgba(200, 187, 160, 1);
    text-underline-offset: 1px;
  }
  .consultation .sp-contents{
    margin: 0 auto;
  }
}


/*-----feature------*/
.feature {
  margin: 0 auto;
  padding: 100px 0;
  text-align: center;
}
.feature .title{
  width: 115px;
}
.feature h2 {
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 31px;
  font-weight: 600;
  color: #916948;
  letter-spacing: 2px;
}
.feature h2 span{
  font-weight: 400;
  font-size: 40px;
}
.feature__contents {
  margin: 0 auto;
  padding: 50px 0 60px;
  background-color: rgba(200, 187, 160, 0.2);
  margin-top: 40px;
}
.feature__contents .feature__inner{
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.feature__contents .feature__content {
  width: calc(100%/3);
}
.feature__contents .feature01{
  position: relative;
}
.feature__contents .feature01::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 58px;
  height: 94px;
  background-image: url(../images/feature1@2x.png);
  background-size: contain;
  top: -59px;
  left: 15px;
}
.feature__contents .feature02{
  position: relative;
}
.feature__contents .feature02::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 58px;
  height: 94px;
  background-image: url(../images/feature2@2x.png);
  background-size: contain;
  top: -59px;
  left: 15px;
}
.feature__contents .feature03{
  position: relative;
}
.feature__contents .feature03::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 58px;
  height: 94px;
  background-image: url(../images/feature3@2x.png);
  background-size: contain;
  top: -59px;
  left: 15px;
}
.feature__content .feature--img{
  width: 264px;
}
.feature__content p{
  width: 264px;
  margin: 15px auto 0 ;
  font-size: 15px;
  text-align: left;
}


@media screen and (max-width: 767px) {
  .feature {
    padding: 30px 0;
  }
  .feature .title{
    width: 100px;
  }
  .feature h2 {
    font-size: 28px;
    margin-top: 10px;
  }
  .feature h2 span{
    font-size: 38px;
    letter-spacing: 5px;
  }
  .feature__contents {
    margin: 0 auto;
    padding: 0;
    margin-top: 35px;
  }
  .feature__contents .feature__inner{
    width: 350px;
    padding: 40px 0;
    margin: 0 auto;
    display: block;
  }
  .feature__contents .feature__content {
    width: 100%;
  }
  .feature__contents .feature01::before{
    top: -48px;
    left: 15px;
  }
  .feature__contents .feature02::before{
    top: -9px;
    left: 15px;
  }
  .feature__contents .feature03::before{
    top: -9px;
    left: 15px;
  }
  .feature__content .feature--img{
    width: 260px;
  }
  .feature__content p{
    width: 260px;
    margin: 10px auto 30px;
    font-size: 15px;
  }
  
}


/*-----otherSocial----*/
.otherSocial {
    width: 1000px;
    margin: 0 auto;
}

    .otherSocial table {
        width: 880px;
        margin: 0 auto;
        border: 1px #8d918d solid;
        border-radius: 0 0 0 0;
        border-collapse: separate;
        border-spacing: 0;
        overflow: hidden;
    }

    .otherSocial tr, td {
        border: 1px #8d918d solid;
    }

    .otherSocial thead th {
        color: #fff;
        background-color: #c8a05a;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        padding: 20px 0 10px;
        border-collapse: collapse;
        overflow: hidden;
    }

    .otherSocial thead tr .th-1 {
        border-right: 1px #fff solid;
    }

    .otherSocial thead tr .th-2 {
        border-right: 1px #fff solid;
        border-left: 1px #fff solid;
    }

    .otherSocial thead tr .th-3 {
        border-left: 1px #fff solid;
        border-radius: 0 28px 0 0;
    }

    .otherSocial table caption {
        text-align: center;
    }

        .otherSocial table caption img {
            width: 190px;
        }

        .otherSocial table caption h2 {
            margin: 30px auto;
            font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
            font-size: 24px;
            font-weight: 600;
            color: #916948;
        }

    .otherSocial table tbody tr td {
        padding: 12px;
    }

    .otherSocial table tbody .item {
        text-align: center;
        line-height: 70px;
    }

    .otherSocial table tbody tr .icon {
        padding: 0 0 0 20px;
        border-right: none;
    }

        .otherSocial table tbody tr .icon img {
            width: 33px;
        }

    .otherSocial table tbody tr .content {
        padding: 20px 0 20px 15px;
        border-left: none;
    }

    .otherSocial table tbody tr td span {
        color: #e65a70;
    }

@media screen and (max-width: 767px) {
    .otherSocial {
        width: 100%;
        margin: 0 auto;
    }

        .otherSocial table {
            width: 360px;
            border-radius: 0 0 0 0;
        }

        .otherSocial thead th {
            width: 50%;
            font-size: 13px;
            font-weight: 600;
            text-align: center;
            padding: 10px 0;
        }

        .otherSocial thead .sp-th-1 {
            display: table-cell;
            border-radius: 0 0 0 0;
        }

        .otherSocial thead tr .th-1 {
            border-bottom: 1px #fff solid;
        }

        .otherSocial thead tr .th-2 {
            border-top: 1px #fff solid;
            border-left: 1px #c8a05a solid;
        }

        .otherSocial thead tr .th-3 {
            border-top: 1px #fff solid;
            border-radius: 0;
        }

        .otherSocial table caption {
            text-align: center;
        }

            .otherSocial table caption img {
                width: 190px;
            }

            .otherSocial table caption h2 {
                margin: 30px auto;
                font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
                font-size: 24px;
                font-weight: 600;
                color: #916948;
            }

        .otherSocial table tbody tr td {
            padding: 12px;
            border-top: none;
            border-bottom: none;
        }

        .otherSocial table tbody .item {
            text-align: center;
        }

        .otherSocial table tbody .sp-item {
            padding: 3px;
            display: table-cell;
            text-align: center;
            background-color: rgba(200, 187, 160, 0.2);
        }

        .otherSocial table tbody tr .icon {
            padding: 0 0 0 7px;
            border-left: none;
        }

            .otherSocial table tbody tr .icon img {
                width: 26px;
            }

        .otherSocial table tbody tr .content {
            width: 120px;
            padding: 10px 0;
        }

        .otherSocial table tbody tr span {
            color: #e65a70;
        }

        .otherSocial table tbody tr .no-border {
            border-right: none;
        }
}

/*-----advance-----*/
.advance{
  width: 100%;
  margin: 80px auto;
  padding: 70px 0 100px;
  background-image: url(../images/advance-back@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.advance .advance__title{
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.advance .advance__title img{
  width: 118px;
  margin-bottom: 20px;
}
.advance .advance__title h2{
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-weight: 600;
  color: #916948;
  position: relative;
}
.advance .advance__title h2::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 126px;
  height: 126px;
  background-image: url(../images/private@2x.png);
  background-size: contain;
  top: -75px;
  left: -75px;
}
.advance .advance__contents{
  width: 1000px;
  margin: 0 auto;
  padding: 100px;
  text-align: center;
  color: #916948;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.advance .advance__contents .advance1{
  width: 190px;
  padding: 70px 0;
  background-image: url(../images/advance1@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: 20px;
}
.advance .advance__contents .advance2{
  width: 175px;
  padding: 60px 0;
  background-image: url(../images/advance2@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 70px;
  left: 240px;
}
.advance .advance__contents .advance3{
  width: 200px;
  padding: 70px 0;
  background-image: url(../images/advance3@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 215px;
}
.advance .advance__contents .advance4{
  width: 240px;
  padding: 65px 0;
  background-image: url(../images/advance4@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -32px;
  right: -45px;
}

@media screen and (max-width: 767px){
  .advance{
    margin: 30px auto 250px;
    padding: 30px 0 425px;
    background-image: url(../images/sp/advance-back-sp@2x.png);
  }
  .advance .advance__title{
    width: 300px;
  }
  .advance .advance__title img{
    width: 90px;
    margin-bottom: 15px;
  }
  .advance .advance__title h2{
    font-size: 18px;
  }
  .advance .advance__title h2::before{
    height: 100px;
    top: -60px;
    left: -30px;
  }
  .advance .advance__contents{
    width: 360px;
    padding: 0;
    font-size: 16px;
  }
  .advance .advance__contents .advance-girl{
    width: 160px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
  }

  .advance .advance__contents .advance1{
    width: 150px;
    padding: 55px 0;
    top: 30px;
    left: 5px;
    z-index: 10;
  }
  .advance .advance__contents .advance2{
    width: 130px;
    padding: 35px 0;
    top: 240px;
    left: 23px;
    z-index: 10;
  }
  .advance .advance__contents .advance3{
    width: 147px;
    padding: 40px 0;
    top: 15px;
    right: 10px;
    z-index: 10;
  }
  .advance .advance__contents .advance4{
    width: 180px;
    padding: 45px 0;
    top: 240px;
    right: 10px;
    z-index: 30;
  }
}



/*-----schedule------*/
.schedule {
  width: 100%;
  height: 900px;
  margin: 580px auto 0;
  background-color: rgba(200, 187, 160, 0.2);
  text-align: center;
}
.schedule__title{
  position: relative;
  top: -480px; 
}
.schedule .schedule__title img{
  width: 135px;
  margin-bottom: 20px;
}
.schedule .schedule__title h2 {
  margin: 0 auto 50px;
  font-family: 'YuMincho','Yu Mincho',"游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-weight: 600;
}

.schedule__inner {
  width: 910px;
  margin: 0 auto;
  padding: 40px 0 80px;
  background-image: url(../images/schedule-inner@2x.png);
  background-size: contain;
  position: relative;
  top: -480px;
}

.schedule__inner h3 {
  width: 305px;
  margin: 0 auto 40px;
  padding: 10px 0 20px;
  color: #916948;
  background-image: url(../images/example@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 21px;
  font-weight: 300;
  text-align: center;
}

.schedule__inner .time_per_1 {
  width: 130px;
  padding: 35px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  background-color: #e65a70;
  border-radius: 50%;
  position: absolute;
  top: 80px;
  right: 130px;
  z-index: 50;
}
.schedule__inner .time_per_1 span{
  font-size: 24px;
}
.schedule__inner .sheet{
  width: 214px;
  position: absolute;
  top: 140px;
  left: 290px;
  z-index: 50;
}
.schedule__inner .schedule-img1{
  width: 330px;
  position: absolute;
  top: 350px;
  right: 60px;
}
.schedule__inner .schedule-img2{
  width: 198px;
  position: absolute;
  top: 600px;
  right: 110px;
}
.schedule__inner .arrow{
  width: 84px;
  position: absolute;
  top: 335px;
  left: 60px;
}
.schedule__inner dl{
  margin-left: 80px;
}
.schedule__inner dl dt{
  width: 187px;
  padding: 2px 0;
  font-family: "ヒラギノ角ゴ ProN W3", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 20px;
  color: #fff;
  background-image: url(../images/schedule-content@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}
.schedule__inner dl dt::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 525px;
  height: 1px;
  background-color: #a1a1a1;
  top: 17px;
  left: 187px;
}
.schedule__inner dl dd {
  text-align: left;
  padding-top: 15px;
  padding-left: 10px;
  padding-bottom: 40px;
  font-size: 17px;
  font-weight: 300;
}
.schedule__inner dl dd span{
  font-size: 11px;
  color: #c8a05a;
}
.schedule__inner dl dd .schedule__content{
  padding: 30px 0 20px 65px;
}
.schedule__inner dl dd .schedule-exam{
  width: 345px;
  padding-left: 65px;
  color: #c8a05a;
  font-size: 16px;
}
.schedule__inner dl dd .schedule-exam p{
  padding: 5px;
  border-bottom: 1px solid #c8bba0;
}
.schedule__inner dl dd .schedule-exam span{
  font-size: 12px;
}
.schedule__inner dl dd .schedule-exam .examline{
  padding-bottom: 0;
  border: none;
  text-align: center;
  position: relative;
}
.schedule__inner dl dd .schedule-exam .examline::after{
  content: "";
  display: inline-block;
  position: absolute;
  width: 90px;
  height: 1px;
  background-color: #c8bba0;
  top: 16px;
  right: 3px;
}
.schedule__inner dl dd .schedule-exam .examline::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 90px;
  height: 1px;
  background-color: #c8bba0;
  top: 16px;
  left: 3px;
}

@media screen and (max-width: 767px) {
  .schedule {
    margin: 0 auto;
    height: 1030px;
  }
  .schedule__title{
    position: relative;
    top: -200px; 
  }
  .schedule .schedule__title img{
    width: 110px;
    margin-bottom: 20px;
  }
  .schedule .schedule__title h2 {
    margin: 0 auto 30px;
    font-size: 22px;
  }
  
  .schedule__inner {
    width: 365px;
    padding: 40px 0 15px;
    background-image: url(../images/sp/schedule-inner-sp@2x.png);
    top: -200px;
  }
  
  .schedule__inner h3 {
    width: 250px;
    margin: 0 auto 20px;
    font-size: 16px;
    padding: 8px 0 20px;
  }
  
  .schedule__inner .time_per_1 {
    width: 100px;
    padding: 25px 0 25px 5px;
    font-size: 18px;
    top: 90px;
    right: 30px;
  }
  .schedule__inner .time_per_1 span{
    font-size: 20px;
  }
  .schedule__inner .sheet{
    width: 220px;
    top: 180px;
    left: 30px;
  }
  .schedule__inner dl .sp-space{
    margin-bottom: 135px;
  }
  .schedule__inner .schedule-img1{
    width: 200px;
    top: 700px;
    right: 90px;
  }
  .schedule__inner .schedule-img2{
    width: 150px;
    top: 800px;
    right: 35px;
  }
  .schedule__inner .arrow{
    width: 78px;
    top: 380px;
    left: 30px;
  }
  .schedule__inner dl{
    margin-left: 30px;
  }
  .schedule__inner dl dt{
    width: 170px;
    padding: 3px 0;
    font-size: 18px;
  }
  .schedule__inner dl dt::after{
    width: 130px;
    top: 15px;
    left: 170px;
  }
  .schedule__inner dl dd {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    font-size: 16px;
  }
  .schedule__inner dl dd span{
    font-size: 11px;
    color: #c8a05a;
  }
  .schedule__inner dl dd .schedule__content{
    padding: 30px 0 10px 20px;
  }
  .schedule__inner dl dd .schedule-exam{
    width: 280px;
    margin-bottom: 200px;
    padding-left: 20px;
    font-size: 14px;
  }
  .schedule__inner dl dd .schedule-exam p{
    padding: 5px;
    border-bottom: 1px solid #c8bba0;
  }
  .schedule__inner dl dd .schedule-exam span{
    font-size: 12px;
  }
  .schedule__inner dl dd .schedule-exam .examline{
    padding-bottom: 0;
    border: none;
    text-align: center;
    position: relative;
  }
  .schedule__inner dl dd .schedule-exam .examline::after{
    width: 80px;
  }
  .schedule__inner dl dd .schedule-exam .examline::before{
    width: 80px;
  }
  
}


/*-----coach-----*/
.coach {
  width: 100%;
  margin: 70px auto;
  padding: 50px 0;
  background-image: url(../images/coach-back@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.coach__inner {
  width: 1000px;
  margin: 50px auto;
  padding: 60px;
  background-color: #fff;
  box-shadow: 8px 5px 11px rgba(183, 144, 102, 0.5), -3px -2px 11px rgba(183, 144, 102, 0.2);
}
.coach__inner .introduction{
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1.7;
}
.introduction .introduction--l{
  width: 35%;
  margin-top: 90px;
  margin-left:30px;
}

.introduction .introduction--l figure {
  width: 273px;
  margin-left: 15px;
  margin-bottom: 50px;
  position: relative;
}

.introduction .introduction--l figure::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 333px;
  background-image: url(../images/coach-name@2x.png);
  background-size: contain;
  top: 25px;
  left: -26px;
}
.introduction--l .coach-data--l p{
  padding: 3px 0;
  color: #916948;
  font-weight: 600;
}
.introduction--l .coach-data--l p span{
  color: #c8a05a;
  font-size: 7px;
  margin-right: 5px;
}
.introduction--l .coach-data--l .border{
  border-top: 0.7px solid #916948;
  border-bottom: 0.7px solid #916948;
}
.introduction .introduction--r {
  width: 55%;
  margin-top: 20px;
  text-align: center;
}
.introduction--r .title{
  width: 86px;
  text-align: center;
}
.introduction--r h2{
  font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  color: #916948;
  font-size: 24px;
  font-weight: 600;
}
.introduction--r .coach-data--r{
  margin-top: 55px;
  padding-left: 15px;
  color: #c8a05a;
  text-align: left;
  font-size: 15px;
}
.introduction--r .coach-text{
  text-align: left;
  margin-top: 50px;
  margin-left: 15px;
  width: 424px;
}

.coach__inner .appearance{
  width: 800px;
  margin: 50px auto;
  font-size: 13px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.appearance .appearance__img{
  display: flex;
  justify-content: space-around;
}
.appearance .appearance__img figure{
  width: 270px;
}
.appearance__img .appearance__title{
  width: 270px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
.appearance__img .appearance__title .title{
  width: 106px;
  margin-bottom: 30px;
}
.appearance__img .appearance__title h3{
  font-size: 20px;
  font-weight: 400;
  font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  letter-spacing: 3px;
}
.appearance__img .appearance__title .appearance-line{
  width: 133px;
  margin-top: -10px;
}
.appearance p{
  font-size: 13px;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .coach {
    margin: 30px auto;
    padding: 30px 0;
    background-image: url(../images/sp/coach-back-sp@2x.png);
    background-size: cover;
  }
  
  .coach__inner {
    width: 360px;
    margin: 0px auto;
    padding: 30px 0;
    box-shadow: 8px 5px 11px rgba(183, 144, 102, 0.3), -3px -2px 11px rgba(183, 144, 102, 0.2);
  }
  .coach__inner .introduction{
    display: block;
    font-size: 16px;
    line-height: 1.7;
    position: relative;
  }
  .coach__inner .introduction .coach-title{
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
  }
  .introduction .introduction--l{
    width: 360px;
    margin: 90px auto 0;
    text-align: center;
  }
  
  .introduction .introduction--l figure {
    width: 250px;
    padding-top: 20px;
    margin-left: 30px;
    position: relative;
    display: inline-block;
  }
  
  .introduction .introduction--l figure::before {
    width: 38px;
    height: 315px;
    top: 45px;
    left: -26px;
  }
  .introduction--l .coach-data--l p{
    width: 300px;
    padding: 3px 0;
    color: #916948;
    font-weight: 300;
    text-align: left;
    display: inline-block;
  }
  .introduction--l .coach-data--l p span{
    color: #c8a05a;
    font-size: 7px;
    margin-right: 5px;
  }
  .introduction--l .coach-data--l .border{
    border-top: 0.7px solid #916948;
    border-bottom: 0.7px solid #916948;
  }
  .introduction .introduction--r {
    width: 360px;
    margin-top: 20px;
    text-align: center;
  }
  .introduction--r .title{
    width: 70px;
    margin-bottom: 10px;
  }
  .introduction--r h2{
    font-size: 20px;
  }
  .introduction--r .coach-data--r{
    width: 340px;
    margin-top: 0;
    padding-left: 0;
    font-size: 13px;
    display: inline-block;
  }
  .introduction--r .coach-text{
    width: 340px;
    text-align: left;
    margin: 20px auto;
    font-size: 14px;
  }
  
  .coach__inner .appearance{
    width: 360px;
    margin: 0px auto;
    font-size: 13px;
    text-align: center;
  }
  .appearance .appearance__img{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .appearance .appearance__img figure{
    width: 270px;
  }
  .appearance__img .appearance__title{
    width: 270px;
    margin: 10px auto 0;
    padding: 10px 0;
  }
  .appearance__img .appearance__title .title{
    width: 106px;
    margin-bottom: 15px;
  }
  .appearance__img .appearance__title h3{
    font-size: 18px;
    margin-bottom: -10px;
  }
  .appearance__img .appearance__title .appearance-line{
    width: 110px;
    margin-top: -10px;
  }
  .appearance .teacher__history--text{
    width: 340px;
    padding: 0 10px;
    font-size: 12px;
    margin-top: 0px;
  }
  
}



/*-----message-----*/
.message {
  width: 100%;
  margin: 30px auto;
  padding: 70px 0 110px;
  padding-top: 40px;
  background-image: url(../images/message_back@2x.png);
  background-size: cover;
  text-align: center;
}

.message .title{
  width: 120px;
  margin-top: 30px;
}
.message h2 {
  margin: 30px auto 50px;
  font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  color: #916948;
  font-size: 24px;
  font-weight: 600;
}

.message__inner {
  width: 960px;
  margin: 0 auto;
  padding: 120px 0;
  background-image: url(../images/message_inner@2x.png);
  background-size: contain;
  text-align: center;
}


.message__inner h3 {
  margin: 40px auto;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 2px;
  text-decoration: #e65a70 1px solid underline;
  -webkit-text-decoration: #e65a70 1px solid underline;
  -moz-text-decoration: #e65a70 1px solid underline;
  text-underline-offset: 10px;
}

.message__inner p {
  margin: 40px auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 18px;
}

.message__inner h4 {
  margin-top: 60px;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 22px;
  text-align: right;
  padding-right: 150px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .message {
    width: 100%;
    padding-top: 30px;
    background-image: url(../images/sp/message_back-sp@2x.png);
  }
  .message .title{
    width: 110px;
    margin-top: 30px;
  }
  .message h2 {
    margin: 15px auto 30px;
    font-size: 24px;
  }
  .message__inner {
    width: 360px;
    margin: 0 auto;
    padding: 30px 34px;
    text-align: left;
    background-image: url(../images/sp/message_inner-sp@2x.png);
  }
  .message__inner h3 {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    letter-spacing: 1px;
  }
  .message__inner p {
    margin: 30px auto;
    font-size: 15px;
    line-height: 25px;
  }
  .message__inner h4 {
    margin-top: 30px;
    text-align: right;
    padding-right: 10px;
    font-size: 20px;
    font-weight: 300;
  }
}

/*-----faq------*/
.faq {
  width: 100%;
  margin: 60px auto 64px;
  padding: 20px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 18px;
}

.faq__inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.faq__inner .title{
  width: 52px;
}
.faq__inner h2 {
  margin: 20px auto 10px;
  font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  color: #916948;
  font-size: 24px;
  font-weight: 600;
}

.faq__inner h3 {
  font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  color: #916948;
  font-size: 22px;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 10px;
}

.faq__inner .question {
  width: 100%;
  padding: 20px 20px 20px 140px;
  position: relative;
  text-align: left;
}

.faq__inner .question::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 90px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  background-image: url(../images/question@2x.png);
}

.faq__inner .answer {
  width: 100%;
  margin: 10px 0;
  padding: 20px 0 20px 140px;
  text-align: left;
  position: relative;
  background-color: rgba(205, 173, 61, 0.07);
}


.faq__inner .answer::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 90px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  background-image: url(../images/faq_a@2x.png);
}

@media screen and (max-width: 767px) {
  .faq {
    width: 100%;
    margin: 25px auto 128px;
    font-size: 14px;
  }
  .faq__inner {
    width: 350px;
  }
  .faq__inner h2 {
    font-size: 22px;
    margin: 20px auto 10px;
  }
  .faq__inner h3 {
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
  }
  .faq__inner .question {
    width: 100%;
    padding: 10px 15px 10px 70px;
    position: relative;
  }
  .faq__inner .question::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background-image: url(../images/sp/faq_q-sp@2x.png);
  }
  .faq__inner .answer {
    width: 100%;
    margin: 10px 0;
    padding: 15px 15px 10px 70px;
    position: relative;
    background-color: rgba(205, 173, 61, 0.07);
  }
  .faq__inner .answer::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-image: url(../images/sp/faq_a-sp@2x.png);
    left: 10px;
  }
}

/*------inquiry------*/
.inquiry {
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  background-image: url(../images/inquiry_back@2x.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 14px;
}

.inquiry__inner {
  width: 1000px;
  margin: 0 auto;
  padding: 95px;
  background-color: #fff;
}
.inquiry__inner .inquiry-title{
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.inquiry__inner  .inquiry-title .title{
  width: 109px;
}
.inquiry__inner  .inquiry-title h2 {
  margin: 30px auto 50px;
  font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  color: #916948;
  font-size: 24px;
  font-weight: 600;
}

.inquiry__inner .direction {
  margin: 45px 0;
}

.inquiry__inner .form__element {
  width: 800px;
  margin: 0 auto;
  padding: 40px 0;
  border-bottom: #8d918d 1px solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inquiry__inner .no-border {
  border-bottom: none;
}

.inquiry__inner .form__element label {
  width: 30%;
  line-height: 2;
}

.inquiry__inner .form__element label .label {
  margin-left: 5px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  background-color: #916948;
}

.inquiry__inner .form__element label .label-2 {
  margin-left: 5px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  background-color: #aaa;
}

.inquiry__inner .form__element .input {
  width: 70%;
  text-align: left;
}

.inquiry__inner .form__element .input input, .inquiry__inner .form__element .input textarea {
  border: #8d918d 1px solid;
  border-radius: 3px;
  padding: 3px 10px;
  width: 100%;
  color: #000;
}

.inquiry__inner .form__element .input input ::placeholder, .inquiry__inner .form__element .input textarea ::placeholder {
  color: #8d918d;
}

.inquiry__inner .form__element .input input {
  height: 40px;
  line-height: 40px;
}

.inquiry__inner .form__element .input .error {
  margin-top: 10px;
  color: #cdad3d;
  font-weight: bold;
}

.inquiry__inner .form__element .input select {
  border: #8d918d 1px solid;
  border-radius: 3px;
  padding: 3px 10px;
  height: 40px;
}

.inquiry__inner .form__element .input select:invalid {
  color: #8d918d;
}

.inquiry__inner .form__element .input select option {
  color: #000;
}

.inquiry__inner .form__element .input select option:first-child {
  display: none;
}

.inquiry__inner .form__element .input .select-large {
  width: 130px;
  margin-right: 15px;
}

.inquiry__inner .form__element .input .select-small {
  width: 85px;
  margin-right: 15px;
}

.inquiry__inner .form__element .input .select-time {
  width: 120px;
  margin-right: 15px;
}

.inquiry__inner .form__element .input--calendar {
  width: 180px;
  margin-right: 15px;
  color: #8d918d;
  position: relative;
}
.inquiry__inner .form__element .input--calendar::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 20px;
  background-image: url(../images/pulldown@2x.png);
  background-size: contain;
  top: 10px;
  right: 20px;
}
.inquiry__inner .form__element .input--select {
  position: relative;
}

.inquiry__inner .form__element .input--select::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 20px;
  background-image: url(../images/pulldown@2x.png);
  background-size: contain;
  top: 10px;
  right: 20px;
}

.inquiry__inner .form__element .input-flex {
  display: flex;
}

.inquiry__inner .form__element .input .select-radio input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: #8d918d;
  position: relative;
  top: 4px;
}

.inquiry__inner .form__element .hopeday-1 {
  margin-top: 15px;
}
.inquiry__inner .form__element .fullname {
  display: flex;
  justify-content: space-between;
}

.inquiry__inner .form__element .fullname--family {
  width: 50%;
  margin: 0 25px;
  position: relative;
}

.inquiry__inner .form__element .fullname--family::before {
  width: 20px;
  height: 20px;
  font-size: 15px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -25px;
  content: "姓";
}

.inquiry__inner .form__element .fullname--first {
  width: 50%;
  margin-left: 20px;
  position: relative;
}

.inquiry__inner .form__element .fullname--first::before {
  width: 20px;
  height: 20px;
  font-size: 15px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -25px;
  content: "名";
}

.inquiry__inner .flex-start {
  align-items: flex-start;
}

.inquiry__inner .flex-start label {
  margin-top: 10px;
}

.inquiry .agree-check {
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 150px;
  text-align: left;
}

.inquiry .agree-check input {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  position: relative;
  top: auto;
  left: auto;
  vertical-align: text-bottom;
}

.inquiry .agree-check .error {
  margin: 10px 0 0 0;
  color: #cdad3d;
  font-weight: bold;
  text-align: center;
}

.inquiry .submit {
  width: 300px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin: 50px auto;
  background-color: #c8a05a;
  border-radius: 3px;
  box-shadow: 0 3px 0 #916948;
  position: relative;
}

.inquiry .submit::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../images/submit_arrow@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.inquiry .submit:active {
  position: relative;
  top: 3px;
  box-shadow: none;
}

.inquiry .submit .submit-btn {
  width: 300px;
  height: 70px;
}

.inquiry .submit input {
  color: #fff;
}
.inquiry .inquiry_benefits{
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.inquiry .inquiry_benefits .benefits01{
  width: 218px;
  padding: 70px 25px 20px;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  font-size: 20px;
  color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-image: url(../images/benefits01@2x.png);
  background-size: contain;
  position: relative;
  left: -30px;
}
.inquiry_benefits .benefits01 .benefits01--l span{
  text-decoration: line-through;
}
.inquiry_benefits .benefits01 .benefits01--r{
  font-size: 26px;
}
.inquiry_benefits .benefits01 .benefits01--r span{
  font-family: 'Roboto';
  font-size: 78px;
  color: #ffffcd;
}

.inquiry .inquiry_benefits .benefits02{
  width: 298px;
  padding-top: 85px;
  font-family: "NotoSansJP", "sans-serif";
  font-size: 20px;
  color: #fff;
  text-align: center;
  background-image: url(../images/benefits02@2x.png);
  background-size: contain;
}
.inquiry .inquiry_benefits .benefits02 strong{
  color: #ffffcd;
  font-weight: bold;
}
.inquiry .inquiry_benefits .benefits02 span{
  font-size: 23px;
  font-weight: bold;
}
.inquiry .inquiry_benefits .benefits03{
  width: 218px;
  padding-top: 100px;
  font-family: "NotoSansJP", "sans-serif";
  font-size: 20px;
  font-weight: bold;
  color: #ffffcd;
  text-align: center;
  background-image: url(../images/benefits03@2x.png);
  background-size: contain;
  position: relative;
  right: -30px;
}

@media screen and (max-width: 767px) {
  .inquiry {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    background-image: url(../images/sp/inquiry_back-sp@2x.png);
    font-size: 15px;
  }
  .inquiry__inner {
    width: 350px;
    padding: 30px 10px;
  }
  .inquiry__inner .inquiry-title .title{
    width: 90px;
  }
  .inquiry__inner .inquiry-title h2 {
    margin: 20px auto 30px;
    font-size: 20px;
  }
  .inquiry__inner .direction {
    margin: 30px 0 5px 0;
  }
  .inquiry__inner .form__element {
    width: 330px;
    padding: 30px 0 10px 0;
    display: block;
  }
  .inquiry__inner .form__element label {
    width: 100%;
  }
  .inquiry__inner .form__element label .label {
    margin-left: 5px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
  }
  .inquiry__inner .form__element label .label-2 {
    margin-left: 5px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    background-color: #aaa;
  }
  .inquiry__inner .form__element .input {
    width: 100%;
    margin: 15px 0;
    text-align: left;
  }
  .inquiry__inner .form__element .input input, .inquiry__inner .form__element .input textarea {
    border: #8d918d 1px solid;
    border-radius: 3px;
    padding: 3px 10px;
    width: 100%;
  }
  .inquiry__inner .form__element .input input ::placeholder, .inquiry__inner .form__element .input textarea ::placeholder {
    color: #8d918d;
  }
  .inquiry__inner .form__element .input input {
    height: 40px;
    line-height: 40px;
  } 
  .inquiry__inner .form__element .input select {
    border: #8d918d 1px solid;
    border-radius: 3px;
    padding: 3px 10px;
    height: 40px;
  }
  .inquiry__inner .form__element .input select:invalid {
    color: #8d918d;
  }
  .inquiry__inner .form__element .input select option {
    color: #000;
  }
  .inquiry__inner .form__element .input select option:first-child {
    display: none;
  }
  .inquiry__inner .form__element .input .select-large {
    width: 130px;
    margin-right: 5px;
  }
  .inquiry__inner .form__element .input .select-small {
    width: 85px;
    margin-right: 5px;
  }
  .inquiry__inner .form__element .input .select-time {
    width: 135px;
    margin-right: 0;
  }
  .inquiry__inner .form__element .input--calendar {
    margin-right: 5px;
  }
  .inquiry__inner .form__element .input--calendar::after {
    right: 10px;
  }
  .inquiry__inner .form__element .input--select {
    position: relative;
  }
  .inquiry__inner .form__element .input--select::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 20px;
    background-image: url(../images/pulldown@2x.png);
    background-size: contain;
    top: 10px;
    right: 10px;
  }
  .inquiry__inner .form__element .input .select-radio input {
    margin-left: 25px;
  }
  .inquiry__inner .form__element .input-flex {
    display: flex;
    justify-content: space-around;
  }
  .inquiry__inner .form__element .hopeday-1 {
    margin-top: 30px;
    margin-left: 0px;
    margin-bottom: 40px;
    position: relative;
  }
  .inquiry__inner .form__element .hopeday-1::before {
    width: 0px;
    height: 0px;
    position: relative;
    top: -25px;
    left: 10px;
    white-space: nowrap;
    content: "第1希望";
  }
  .inquiry__inner .form__element .hopeday-2 {
    margin-left: 0px;
    margin-bottom: 40px;
    position: relative;
  }
  .inquiry__inner .form__element .hopeday-2::before {
    width: 0px;
    height: 0px;
    position: relative;
    top: -25px;
    left: 10px;
    white-space: nowrap;
    content: "第2希望";
  }
  .inquiry__inner .form__element .hopeday-3 {
    margin-left: 0px;
    position: relative;
  }
  .inquiry__inner .form__element .hopeday-3::before {
    width: 0px;
    height: 0px;
    position: relative;
    top: -25px;
    left: 10px;
    white-space: nowrap;
    content: "第3希望";
  }
  .inquiry__inner .form__element .fullname {
    display: flex;
    justify-content: space-between;
  }
  .inquiry__inner .form__element .fullname--family {
    width: 50%;
    margin: 0 25px;
    position: relative;
  }
  .inquiry__inner .form__element .fullname--family::before {
    width: 20px;
    height: 20px;
    font-size: 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -25px;
    content: "姓";
  }
  .inquiry__inner .form__element .fullname--first {
    width: 50%;
    margin-left: 20px;
    position: relative;
  }
  .inquiry__inner .form__element .fullname--first::before {
    width: 20px;
    height: 20px;
    font-size: 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -25px;
    content: "名";
  }
  .inquiry__inner .no-border {
    border-bottom: none;
    margin-bottom: -40px;
  }
  .inquiry__inner .flex-start {
    align-items: flex-start;
  }
  .inquiry__inner .flex-start label {
    margin-top: 10px;
  }
  .inquiry .agree-check {
    margin: 0 auto;
    padding-top: 25px;
    padding-left: 15px;
    text-align: left;
  }
  .inquiry .agree-check input {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
  .inquiry .submit {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 20px auto;
    position: relative;
  }
  .inquiry .submit::after {
    width: 15px;
    height: 15px;
    right: 15px;
  }
  .inquiry .submit .submit-btn {
    width: 250px;
    height: 60px;
  }
  .inquiry .submit:active {
    position: relative;
    top: 3px;
    box-shadow: none;
  }
  .inquiry .submit input {
    color: #fff;
  }
  .inquiry .inquiry_benefits{
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .inquiry .inquiry_benefits .benefits01{
    width: 240px;
    margin: 15px auto;
    padding: 87px 30px 20px;
    font-size: 22px;
    left: 0;
  }
  .inquiry_benefits .benefits01 .benefits01--r{
    font-size: 26px;
  }
  .inquiry_benefits .benefits01 .benefits01--r span{
    font-size: 80px;
  }
  
  .inquiry .inquiry_benefits .benefits02{
    width: 320px;
    margin: 15px auto;
    padding: 86px 0 35px;
    font-size: 22px;
  }
  .inquiry .inquiry_benefits .benefits02 strong{
    color: #ffffcd;
    font-weight: bold;
  }
  .inquiry .inquiry_benefits .benefits02 span{
    font-size: 23px;
    font-weight: bold;
  }
  .inquiry .inquiry_benefits .benefits03{
    width: 240px;
    margin: 15px auto;
    padding: 112px 0 50px;
    font-size: 22px;
    right: 0;
  }
}



/*-----footer------*/
.footer {
  width: 100%;
  padding: 45px 0;
  color: #fff;
  background-color: #333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 13px;
}

.footer__inner {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footer__menu {
  width: 40%;
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.footer__menu__line {
  border-right: 1px solid #fff;
  padding-right: 30px;
}

.footer__menu a {
  color: #fff;
}

.footer__copyright {
  width: 40%;
  text-align: center;
}

.footer .contactBtn-sp {
  display: none;
}

.footer #page-top {
  width: 200px;
  height: 50px;
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .footer {
    width: 100%;
    height: 100px;
    padding: 30px 0;
    font-size: 10px;
    position: relative;
    bottom: 70px;
  }
  .footer__inner {
    width: 350px;
    margin: 0 auto;
    display: block;
  }
  .footer__menu {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-around;
    text-align: center;
  }
  .footer__menu__line {
    padding-right: 15px;
  }
  .footer__menu a {
    color: #fff;
  }
  .footer__copyright {
    width: 100%;
    text-align: center;
  }
  .footer .contactBtn-sp {
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
    background-color: #fff;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 100;
  }
  .footer .contactBtn-sp ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .footer .contactBtn-sp ul a {
    margin: 0 3px;
    display: block;
  }
  .footer .contactBtn-sp ul li {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  .footer .contactBtn-sp ul li .icon {
    width: 21px;
    height: 21px;
    margin-right: 10px;
  }
  .footer .contactBtn-sp ul li .openbtn {
    width: 50px;
    height: 50px;
    position: relative;
    background: #fff;
  }
  .footer .contactBtn-sp ul li .openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 10px;
    height: 2px;
    border-radius: 2px;
    background: #916948;
    width: 65%;
  }
  .footer .contactBtn-sp ul li .openbtn span:nth-of-type(1) {
    top: 13px;
  }
  .footer .contactBtn-sp ul li .openbtn span:nth-of-type(2) {
    top: 25px;
  }
  .footer .contactBtn-sp ul li .openbtn span:nth-of-type(3) {
    top: 37px;
  }
  .footer .contactBtn-sp ul li .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 13px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
  }
  .footer .contactBtn-sp ul li .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .footer .contactBtn-sp ul li .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 12px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
  }
  .footer .line {
    width: 135px;
    padding: 5px 3px;
    font-size: 16px;
    color: #fff;
    border: #06b155 solid 3px;
    border-radius: 5px;
  }
  .footer .appoint {
    width: 180px;
    margin-top: 0;
    padding: 5px 3px;
    font-size: 16px;
    color: #fff;
    border: #c8a05a solid 3px;
    border-radius: 5px;
  }
  .footer #nav-sp {
    width: 100%;
    height: 100vh;
    /*ナビの高さ*/
    background-image: url(../images/sp/navi_back-sp@2x.png);
    background-size: cover;
    position: fixed;
    z-index: 999;
    bottom: -120%;
    left: 0;
    transition: all 0.6s;
  }
  .footer #nav-sp__inner {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: fixed;
    z-index: 999;
  }
  .footer #nav-sp__list {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    top: calc(50% + 70px);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .footer #nav-sp__list li {
    text-align: center;
    padding: 25px 0;
  }
  .footer #nav-sp__list a {
    display: block;
  }
  .footer #nav-sp__list .nav-service {
    width: 100px;
    position: relative;
  }
  .footer #nav-sp__list .nav-service::after {
    width: 30px;
    height: 1px;
    display: inline-block;
    content: "";
    background-color: #96825a;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .footer #nav-sp__list .nav-counselor {
    width: 108px;
    position: relative;
  }
  .footer #nav-sp__list .nav-counselor::after {
    width: 30px;
    height: 1px;
    display: inline-block;
    content: "";
    background-color: #96825a;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .footer #nav-sp__list .nav-message {
    width: 100px;
    position: relative;
  }
  .footer #nav-sp__list .nav-message::after {
    width: 30px;
    height: 1px;
    display: inline-block;
    content: "";
    background-color: #96825a;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .footer #nav-sp__list .nav-faq {
    width: 100px;
  }
  .footer #nav-sp.panelactive {
    bottom: 70px;
  }
  .footer #page-top {
    width: 102px;
    height: 25px;
    display: block;
    position: fixed;
    bottom: 73px;
    right: 10px;
    z-index: 100;
  }
}

/*---------------------------------
thanks
----------------------------------*/
.thanks {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/inquiry_back@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
}

.thanks__inner {
  width: 1000px;
  margin: 0 auto;
  padding: 100px;
  background-color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.thanks__inner h2 {
  width: 353px;
  height: 105px;
  margin: 0 auto;
}

.thanks__inner P {
  margin-top: 100px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .thanks {
    height: 550px;
    background-image: url(../images/sp/inquiry_back-sp@2x.png);
    font-size: 14px;
  }
  .thanks__inner {
    width: 350px;
    padding: 100px 20px;
  }
  .thanks__inner h2 {
    width: 250px;
  }
  .thanks__inner P {
    margin-top: 50px;
    text-align: center;
    white-space: nowrap;
  }
}
/* subpage */
.sub_page{
	width:1000px;
	margin:auto;
}
.sub_page>h1{
	font-weight: bold;
	font-size: 36px;
	margin:60px;
	text-align: center;
}
.sub_page h2{
	font-size: 24px;
}
.sub_page h3{
	font-size: 18px;
}
.sub_page p{
	line-height: 1.8em;
}
.sub_page_cnt{
	margin: 20px 0px;
}
.sub_page_cnt_detail{
	margin:10px 0px 20px 0px;
}
.sub_page_cnt_detail>dl>dt{
	font-weight: bold;
	margin: 10px 0 0 10px;
}
.sub_page_cnt_detail>dl>dd{
	margin:0 0 0 10px;
}
.sub_page_cnt_detail>ul>li{
	list-style: disc;
	margin: 5px 0 5px 20px;
}

@media screen and (max-width: 767px) {
	.sub_page{
	width:100%;
	margin:auto;
}
.sub_page>h1{
	font-weight: bold;
	font-size: 24px;
	margin:60px;
	text-align: center;
}
.sub_page h2{
	font-size: 20px;
}
.sub_page h3{
	font-size: 18px;
}
.sub_page p{
	line-height: 1.8em;
}
.sub_page_cnt{
	margin: 20px 15px;
}
}
/*# sourceMappingURL=style.css.map */