@import url("https://use.typekit.net/goz3cur.css");
@import url("https://use.typekit.net/goz3cur.css");
header {
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  header {
    padding: 5px 10px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 3;
  }
}
header .flex {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  header .flex {
    display: block;
  }
}
header .flex h1 {
  max-width: 394px;
  width: 45%;
}
@media screen and (max-width: 860px) {
  header .flex h1 {
    width: 100%;
    margin: 0 auto;
  }
  header .flex h1 a {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}
header .flex .contactArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
@media screen and (max-width: 860px) {
  header .flex .contactArea {
    justify-content: space-between;
    margin-top: 10px;
  }
}
header .flex .contactArea li:first-child small {
  display: block;
  text-align: left;
  font-size: 1rem;
}
header .flex .contactArea li:first-child a {
  font-family: "adelle-sans", sans-serif;
  color: #042c45;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  margin-bottom: -0.2em;
  display: block;
  display: flex;
  align-items: center;
}
header .flex .contactArea li:first-child a::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../image/icn_tel.svg) no-repeat center/contain;
  margin-right: 5px;
  display: block;
}
header .flex .contactArea li:first-child p {
  font-size: 1.1rem;
  text-align: left;
}
@media screen and (max-width: 860px) {
  header .flex .contactArea li:first-child {
    text-align: center;
    width: 48%;
  }
  header .flex .contactArea li:first-child a {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 1.7rem;
    line-height: 1.2;
  }
  header .flex .contactArea li:first-child p {
    text-align: center;
    margin: 0 auto;
    font-size: 1rem;
  }
}
header .flex .contactArea li:last-child {
  display: block;
  margin-left: 10px;
}
@media screen and (max-width: 860px) {
  header .flex .contactArea li:last-child {
    width: 48%;
  }
  header .flex .contactArea li:last-child a {
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin: 0 auto;
  }
}

footer {
  background: #042c45;
  color: #fff;
  margin-top: 15px;
}
footer .inner {
  display: flex;
  max-width: 880px;
  width: 95%;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px 0;
}
@media screen and (max-width: 860px) {
  footer .inner {
    display: block;
  }
}
footer .inner p {
  font-size: 1.6rem;
  font-family: "kozuka-gothic-pr6n", sans-serif;
}
@media screen and (max-width: 860px) {
  footer .inner p {
    font-size: 1.3rem;
  }
  footer .inner p + p {
    margin-top: 1em;
  }
}
footer .inner p strong {
  font-family: "source-han-sans-japanese", sans-serif;
  display: block;
  font-size: 2.3rem;
  font-weight: bold;
}
footer .inner p strong a {
  display: block;
  color: #fff;
}
@media screen and (max-width: 860px) {
  footer .inner p strong {
    font-size: 1.8rem;
  }
}
footer .inner p span {
  font-size: 1.3rem;
  display: block;
  margin-left: 1em;
  font-family: "source-han-sans-japanese", sans-serif;
}
@media screen and (max-width: 860px) {
  footer .inner p span {
    margin-left: 0;
  }
}

#mv h2 img {
  margin: 0 auto;
  max-width: 990px;
  width: 100%;
}

#shindan {
  margin-top: 80px;
}
#shindan h3 {
  max-width: 580px;
  margin: 0 auto;
  width: 90%;
}
#shindan h4 {
  font-weight: bold;
  color: #ea5514;
  font-size: 2.9rem;
  margin: 25px auto;
}
#shindan ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 646px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  #shindan ul {
    display: block;
  }
}
#shindan ul li {
  width: 40%;
}
@media screen and (max-width: 860px) {
  #shindan ul li {
    width: 100%;
  }
  #shindan ul li + li {
    margin-top: 15px;
  }
}
#shindan ul li p {
  margin-bottom: 0.2em;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 860px) {
  #shindan ul li p {
    text-align: center;
  }
}
#shindan ul li a {
  display: block;
}
#shindan ul li a img {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  box-shadow: 5px 5px 5px 0px rgba(53, 24, 21, 0.75);
  transition: 0.5s;
}
@media screen and (max-width: 860px) {
  #shindan ul li a {
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
  }
}
#shindan ul li a:hover img {
  box-shadow: 0px 0px 0px 0px rgba(53, 24, 21, 0.75);
}
#shindan .textBox {
  background: linear-gradient(170deg, #f0cc7e, #f4db8c, #f9f3e5, #c78a03, #efca84);
  padding: 10px;
  box-sizing: border-box;
  border-radius: 20px;
  margin-top: 50px;
  position: relative;
}
@media screen and (max-width: 860px) {
  #shindan .textBox {
    overflow: hidden;
  }
}
#shindan .textBox img {
  position: absolute;
  bottom: 0;
  right: -5%;
  width: 28.4%;
}
@media screen and (max-width: 980px) {
  #shindan .textBox img {
    right: -2.5vw;
  }
}
#shindan .textBox .inner {
  border: 1px solid #956134;
  border-radius: 20px;
  padding: 10px 10px 5px;
}
#shindan .textBox .inner p {
  font-size: 2.65rem;
  text-align: center;
  line-height: 1.76;
  text-shadow: 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255);
}
@media screen and (max-width: 860px) {
  #shindan .textBox .inner p {
    font-size: 1.8rem;
  }
}
#shindan .textBox .inner p strong {
  font-size: 4.1rem;
  font-weight: bold;
  color: #c30d23;
}
@media screen and (max-width: 860px) {
  #shindan .textBox .inner p strong {
    font-size: 2.6rem;
  }
}
#shindan .textBox .inner small {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 1.4rem;
  padding-right: 30%;
}
@media screen and (max-width: 860px) {
  #shindan .textBox .inner small {
    text-align: left;
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

#flow {
  margin-top: 40px;
}
#flow .ttl {
  background: #231815;
  color: #fff;
  text-align: left;
  font-size: 2.7rem;
  letter-spacing: 0.1em;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  margin-bottom: 20px;
  padding: 10px 10px 5px;
}
@media screen and (max-width: 860px) {
  #flow .ttl {
    font-size: 2.3rem;
  }
}
#flow .arrow {
  margin: 20px auto;
  width: 45px;
}
#flow article {
  background: #efefef;
  border-radius: 20px;
  padding: 25px;
  box-sizing: border-box;
}
#flow article h4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
  text-align: left;
}
#flow article h4 img {
  width: 30px;
}
#flow article h4 span {
  font-weight: 400;
  font-size: 2.4rem;
  display: block;
  margin-left: 10px;
  line-height: 1.375;
  padding-bottom: 0.2em;
}
#flow article h4 span strong {
  font-weight: 600;
}
@media screen and (max-width: 860px) {
  #flow article h4 span {
    font-size: 2rem;
  }
}
#flow article p {
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 860px) {
  #flow article p {
    text-align: left;
  }
}
#flow article .img {
  position: relative;
}
#flow article .img .link01 {
  position: absolute;
  width: 24%;
  aspect-ratio: 203/67;
  bottom: 4.3%;
  right: 31%;
  display: block;
}
@media screen and (max-width: 860px) {
  #flow article .img .link01 {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 17.5%;
  }
}
#flow article .img .link02 {
  position: absolute;
  width: 24%;
  aspect-ratio: 203/67;
  bottom: 4.3%;
  right: 3.4%;
  display: block;
}
@media screen and (max-width: 860px) {
  #flow article .img .link02 {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1%;
  }
}
#flow article .flex {
  align-items: flex-start;
  justify-content: flex-end;
}
@media screen and (max-width: 860px) {
  #flow article .flex {
    display: block;
  }
}
#flow article .flex .img {
  margin-top: -20px;
  width: 44%;
}
@media screen and (max-width: 860px) {
  #flow article .flex .img {
    width: 100%;
    margin-top: 10px;
  }
}
#flow article .flex p {
  text-align: left;
  padding-left: 20px;
  box-sizing: border-box;
  width: 45%;
  margin-right: 2.5%;
}
@media screen and (max-width: 860px) {
  #flow article .flex p {
    width: 100%;
    padding-left: 0;
    margin: 0;
  }
}

#note {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  margin-top: 25px;
}
#note h3 {
  color: #231815;
  display: block;
  border-bottom: 1px solid #231815;
  text-align: left;
  font-family: "ten-mincho", serif;
  font-size: 1.1rem;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#note p {
  color: #231815;
  font-size: 1rem;
  line-height: 1.7;
  width: 95%;
  margin: 0 auto;
}/*# sourceMappingURL=style.css.map */