@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  border: 0;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  background: transparent; }

html,
body {
  overflow-x: hidden;
  font-size: 62.5%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block; }

li {
  list-style-type: none; }

blockquote,
q {
  quotes: none; }
  blockquote::before, blockquote::after,
  q::before,
  q::after {
    content: '';
    content: none; }

a {
  text-decoration: none;
  color: inherit; }

img,
picture {
  vertical-align: middle;
  max-width: 100%; }

img {
  height: auto; }

picture {
  display: block; }

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

input,
select {
  vertical-align: middle; }

br {
  line-height: 0; }

input,
textarea,
select,
button {
  font: inherit; }

/* safariでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]:focus,
  input[type="button"]:focus {
    outline-offset: -2px; }

:focus:not(:focus-visible) {
  outline: none; }

/* -----------------------------------------------------
	variables
----------------------------------------------------- */
.pc {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc {
      display: none; } }

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

.site-footer-02 {
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif; }

/* -----------------------------------------------------
	nav-location
----------------------------------------------------- */
.nav-location {
  display: none; }

/* -----------------------------------------------------
	common
----------------------------------------------------- */
.main {
  position: relative;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #333333; }
  @media screen and (max-width: 768px) {
    .main {
      font-size: 3.64583vw; } }
  .main section .sec_inner {
    max-width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .main section .sec_inner {
        max-width: 100%; } }

/* -----------------------------------------------------
	floating
----------------------------------------------------- */
.floating {
  position: absolute;
  right: 0;
  width: 314px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 999; }
  @media screen and (max-width: 768px) {
    .floating {
      top: 138.02083vw;
      width: 40.88542vw; } }
  .floating a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ff8c00;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 8px 0 0 8px;
    padding: 17px 0 34px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    @media screen and (max-width: 768px) {
      .floating a {
        font-size: 2.60417vw;
        padding: 1.95313vw 0 4.42708vw;
        border-radius: 1.04167vw 0 0 1.04167vw; } }
    .floating a:before {
      content: "";
      display: block;
      width: 30px;
      aspect-ratio: 10 / 9;
      background-image: url("../images/icon_mail.png");
      background-repeat: no-repeat;
      background-size: 100% auto;
      margin-right: 9px; }
      @media screen and (max-width: 768px) {
        .floating a:before {
          width: 3.90625vw;
          margin-right: 1.17188vw; } }
    .floating a:after {
      content: "";
      width: 14px;
      height: 14px;
      border-top: solid 2px #333333;
      border-right: solid 2px #333333;
      position: absolute;
      left: 50%;
      bottom: 9px;
      -webkit-transform: rotate(135deg) translateX(-50%);
      -ms-transform: rotate(135deg) translateX(-50%);
      transform: rotate(135deg) translateX(-50%); }
      @media screen and (max-width: 768px) {
        .floating a:after {
          width: 1.82292vw;
          height: 1.82292vw;
          bottom: 1.17188vw; } }
    .floating a:hover {
      opacity: 0.7; }
  .floating.fixed {
    position: fixed;
    top: 50%; }
  .floating.none {
    opacity: 0; }

/* -----------------------------------------------------
	kv
----------------------------------------------------- */
#kv {
  position: relative;
  background-color: #282d3c; }
  #kv h1 {
    margin: 0;
    padding: 0;
    font-size: 0; }
    #kv h1 img {
      width: 100%;
      height: auto; }

/* -----------------------------------------------------
	statement
----------------------------------------------------- */
#statement {
  padding: 100px 50px 52px;
  background-color: #282d3c;
  color: #fff; }
  @media screen and (max-width: 768px) {
    #statement {
      padding: 13.02083vw 4.81771vw 7.8125vw; } }
  @media screen and (max-width: 768px) {
    #statement .sec_inner {
      margin: 0 4.16667vw; } }
  #statement .sec_inner .sec_ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 67px; }
    @media screen and (max-width: 768px) {
      #statement .sec_inner .sec_ttl {
        font-size: 8.33333vw;
        line-height: 1.38;
        margin: 0 0 10.41667vw; } }
  #statement .sec_inner p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 2; }
    @media screen and (max-width: 768px) {
      #statement .sec_inner p {
        font-size: 3.90625vw;
        line-height: 1.87; } }

/* -----------------------------------------------------
	area
----------------------------------------------------- */
#area {
  aspect-ratio: 40 / 29;
  padding: 271px 50px 283px;
  background-repeat: no-repeat;
  background-image: url("../images/area_bg.png");
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #area {
      aspect-ratio: inherit;
      padding: 20.96354vw 0 14.71354vw;
      background-image: url("../images/area_bg_sp.png");
      background-size: 100% auto; } }
  @media screen and (max-width: 768px) {
    #area .sec_inner {
      margin: 0 1.5625vw; } }
  #area .sec_inner .slider {
    padding: 0 50px; }
    @media screen and (max-width: 768px) {
      #area .sec_inner .slider {
        padding: 0 2.60417vw; } }
    #area .sec_inner .slider .swiper-wrapper .swiper-slide {
      position: relative;
      background-color: #fff;
      padding: 70px 80px 113px; }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .swiper-wrapper .swiper-slide {
          padding: 7.8125vw 4.6875vw 7.8125vw; } }
    #area .sec_inner .slider .swiper-button-prev,
    #area .sec_inner .slider .swiper-button-next {
      width: 40px;
      height: 40px;
      background-color: #282d3c;
      border-radius: 100%;
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .swiper-button-prev,
        #area .sec_inner .slider .swiper-button-next {
          width: 8.59375vw;
          height: 8.59375vw; } }
    #area .sec_inner .slider .swiper-button-prev {
      left: 0;
      background-image: url("../images/button-prev.png"); }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .swiper-button-prev {
          top: 40.49479vw;
          margin-top: 0; } }
    #area .sec_inner .slider .swiper-button-next {
      right: 0;
      background-image: url("../images/button-next.png"); }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .swiper-button-next {
          top: 40.49479vw;
          margin-top: 0; } }
    #area .sec_inner .slider .swiper-button-prev:after,
    #area .sec_inner .slider .swiper-button-next:after {
      font-size: 0; }
    #area .sec_inner .slider .swiper-pagination {
      position: relative;
      bottom: inherit;
      left: inherit;
      margin: 50px 0 0; }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .swiper-pagination {
          margin: 6.51042vw 0 0; } }
      #area .sec_inner .slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #fff;
        opacity: 0.2; }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .swiper-pagination .swiper-pagination-bullet {
            width: 1.30208vw;
            height: 1.30208vw; } }
      #area .sec_inner .slider .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1; }
    #area .sec_inner .slider .logo {
      width: 20%;
      margin: 0 0 70px; }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .logo {
          width: 19.66146vw;
          margin: 0 0 10.41667vw; } }
    #area .sec_inner .slider .balloon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: 46px;
      left: 36.36363636363637%;
      background-color: #ff8c00;
      text-align: center;
      border-radius: 8px;
      width: 54.54545454545454%;
      height: 100px; }
      @media screen and (max-width: 1300px) {
        #area .sec_inner .slider .balloon {
          height: 7.692vw; } }
      @media screen and (max-width: 768px) {
        #area .sec_inner .slider .balloon {
          top: 3.90625vw;
          left: 28.51563vw;
          width: 59.89583vw;
          height: 13.02083vw;
          border-radius: 1.04167vw; } }
      #area .sec_inner .slider .balloon p {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 42px;
        font-weight: 700;
        line-height: 1;
        color: #282d3c; }
        @media screen and (max-width: 1300px) {
          #area .sec_inner .slider .balloon p {
            font-size: 3.231vw; } }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .balloon p {
            font-size: 4.6875vw; } }
      #area .sec_inner .slider .balloon:after {
        content: "";
        width: 6%;
        aspect-ratio: 9 / 10;
        background-image: url("../images/balloon_01.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        bottom: -40px;
        left: 10%; }
        @media screen and (max-width: 1300px) {
          #area .sec_inner .slider .balloon:after {
            bottom: -2.769vw; } }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .balloon:after {
            width: 4.6875vw;
            left: 23.4375vw;
            bottom: -5.20833vw; } }
    #area .sec_inner .slider .columns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #area .sec_inner .slider .columns .column h2 {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 40px;
        font-weight: 500;
        line-height: 1;
        margin: 30px 0 60px; }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .columns .column h2 {
            text-align: center;
            font-size: 5.20833vw;
            margin: 6.51042vw 0 6.51042vw; } }
      #area .sec_inner .slider .columns .column p {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.78; }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .columns .column p {
            text-align: center;
            font-size: 3.64583vw;
            line-height: 1.71; } }
      #area .sec_inner .slider .columns .column:nth-of-type(1) {
        text-align: center;
        width: 31.914893617021278%; }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .columns .column:nth-of-type(1) {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .columns .column:nth-of-type(1) img {
            width: 44.27083vw;
            height: auto; } }
      #area .sec_inner .slider .columns .column:nth-of-type(2) {
        width: calc(100% - 31.914893617021278%);
        padding-left: 6.914893617021277%; }
        @media screen and (max-width: 768px) {
          #area .sec_inner .slider .columns .column:nth-of-type(2) {
            width: 100%;
            padding-left: 0; } }

/* -----------------------------------------------------
	item
----------------------------------------------------- */
#item {
  padding: 64px 50px 0; }
  @media screen and (max-width: 768px) {
    #item {
      padding: 5.98958vw 0 0; } }
  #item .sec_inner .sec_ttl {
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    color: #0f1ed2;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.5; }
    @media screen and (max-width: 768px) {
      #item .sec_inner .sec_ttl {
        font-size: 8.33333vw;
        margin: 4.55729vw 0 0; } }
    #item .sec_inner .sec_ttl small {
      display: block;
      font-size: 28px;
      margin: 32px 0 0; }
      @media screen and (max-width: 768px) {
        #item .sec_inner .sec_ttl small {
          font-size: 4.42708vw;
          margin: 4.55729vw 0 0; } }
  #item .sec_inner .note {
    text-align: center;
    margin: 20px 0 0; }
    @media screen and (max-width: 768px) {
      #item .sec_inner .note {
        margin: 2.60417vw 3.90625vw 0; } }
    #item .sec_inner .note span {
      display: inline-block; }
      #item .sec_inner .note span span {
        display: inline-block;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        padding-left: 1em;
        text-indent: -1em; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .note span span {
            font-size: 3.64583vw;
            line-height: 1.71; } }
  #item .sec_inner .item_pic {
    position: relative;
    text-align: right; }
    @media screen and (max-width: 768px) {
      #item .sec_inner .item_pic {
        text-align: center; } }
    @media screen and (max-width: 768px) {
      #item .sec_inner .item_pic picture {
        padding: 1.69271vw 0 0; } }
    #item .sec_inner .item_pic picture img {
      width: 75.91666666666667%;
      height: auto; }
      @media screen and (max-width: 768px) {
        #item .sec_inner .item_pic picture img {
          width: 72.91667vw; } }
    #item .sec_inner .item_pic .balloon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #ff8c00;
      text-align: center;
      border-radius: 8px;
      width: 46.666666666666664%;
      height: 90px;
      position: absolute;
      top: -105px;
      right: 0; }
      @media screen and (max-width: 1300px) {
        #item .sec_inner .item_pic .balloon {
          height: 6.923vw;
          top: -8.077vw; } }
      @media screen and (max-width: 768px) {
        #item .sec_inner .item_pic .balloon {
          position: relative;
          top: inherit;
          right: inherit;
          width: 72.91667vw;
          height: 11.71875vw;
          border-radius: 1.04167vw;
          margin: 0 auto 3.90625vw; } }
      #item .sec_inner .item_pic .balloon p {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        color: #282d3c; }
        @media screen and (max-width: 1300px) {
          #item .sec_inner .item_pic .balloon p {
            font-size: 2.462vw; } }
        @media screen and (max-width: 768px) {
          #item .sec_inner .item_pic .balloon p {
            font-size: 4.16667vw; } }
      #item .sec_inner .item_pic .balloon:after {
        content: "";
        width: 4.642857142857143%;
        aspect-ratio: 13 / 15;
        background-image: url("../images/balloon_02.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        bottom: -30px;
        left: 43.03571428571429%; }
        @media screen and (max-width: 1300px) {
          #item .sec_inner .item_pic .balloon:after {
            bottom: -2.308vw; } }
        @media screen and (max-width: 768px) {
          #item .sec_inner .item_pic .balloon:after {
            width: 3.38542vw;
            left: 31.25vw;
            bottom: -3.90625vw; } }
  #item .sec_inner .text {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin: 70px 0 0; }
    @media screen and (max-width: 768px) {
      #item .sec_inner .text {
        margin: 7.8125vw 0 0;
        font-size: 4.6875vw;
        line-height: 2; } }
    #item .sec_inner .text u {
      text-decoration: none;
      border-bottom: solid 2px;
      padding-bottom: 4px; }
      @media screen and (max-width: 768px) {
        #item .sec_inner .text u {
          padding-bottom: 1.30208vw; } }
  #item .sec_inner .worries {
    position: relative;
    margin: 35px 0 0;
    aspect-ratio: 1200 / 469;
    background-image: url("../images/item_worries.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 31.583333333333336% auto; }
    @media screen and (max-width: 768px) {
      #item .sec_inner .worries {
        margin: 4.6875vw 4.16667vw 0;
        aspect-ratio: 704 / 1585;
        background-size: 65.88542vw auto;
        background-position: center bottom 66.01563vw; } }
    #item .sec_inner .worries .balloon {
      width: 31.666666666666664%;
      position: absolute; }
      @media screen and (max-width: 768px) {
        #item .sec_inner .worries .balloon {
          width: 72.91667vw; } }
      #item .sec_inner .worries .balloon > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background-color: #c5ccd9;
        border-radius: 8px;
        padding: 0 7.894736842105263%; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon > div {
            border-radius: 1.04167vw;
            padding: 0 3.90625vw; } }
        #item .sec_inner .worries .balloon > div p {
          font-size: 20px;
          font-weight: 500;
          line-height: 1.6; }
          @media screen and (max-width: 1300px) {
            #item .sec_inner .worries .balloon > div p {
              font-size: 1.538vw; } }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon > div p {
              font-size: 4.16667vw;
              line-height: 1.56; } }
          #item .sec_inner .worries .balloon > div p strong {
            display: inline-block;
            font-weight: 700; }
        #item .sec_inner .worries .balloon > div:after {
          content: "";
          display: block;
          background-repeat: no-repeat;
          background-size: 100% auto;
          position: absolute; }
      #item .sec_inner .worries .balloon:nth-of-type(even) > div {
        background-color: #eff2f6; }
      #item .sec_inner .worries .balloon:nth-of-type(1) {
        top: 0;
        left: 0; }
        #item .sec_inner .worries .balloon:nth-of-type(1) > div {
          aspect-ratio: 19 / 7; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(1) > div {
              aspect-ratio: 560 / 183; } }
          #item .sec_inner .worries .balloon:nth-of-type(1) > div:after {
            width: 8.68421052631579%;
            aspect-ratio: 3 / 2;
            right: 16.57894736842105%;
            bottom: -15.714285714285714%;
            background-image: url("../images/item_worries_balloon_01.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(1) > div:after {
                right: inherit;
                left: 12.36979vw;
                width: 4.29688vw;
                bottom: -2.60417vw; } }
      #item .sec_inner .worries .balloon:nth-of-type(2) {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon:nth-of-type(2) {
            top: 27.73438vw;
            left: inherit;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            right: 0; } }
        #item .sec_inner .worries .balloon:nth-of-type(2) > div {
          aspect-ratio: 95 / 27; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(2) > div {
              aspect-ratio: 80 / 19; } }
          #item .sec_inner .worries .balloon:nth-of-type(2) > div:after {
            width: 8.68421052631579%;
            aspect-ratio: 3 / 2;
            right: 34.73684210526316%;
            bottom: -17.59259259259259%;
            background-image: url("../images/item_worries_balloon_02.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(2) > div:after {
                width: 4.29688vw;
                right: 10.80729vw;
                bottom: -2.60417vw; } }
      #item .sec_inner .worries .balloon:nth-of-type(3) {
        top: 0;
        right: 0; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon:nth-of-type(3) {
            top: 48.69792vw;
            left: 0;
            right: inherit; } }
        #item .sec_inner .worries .balloon:nth-of-type(3) > div {
          aspect-ratio: 95 / 27; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(3) > div {
              aspect-ratio: 70 / 17; } }
          #item .sec_inner .worries .balloon:nth-of-type(3) > div:after {
            width: 10%;
            aspect-ratio: 19 / 10;
            left: 15.526315789473685%;
            bottom: -18.51851851851852%;
            background-image: url("../images/item_worries_balloon_03.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(3) > div:after {
                -webkit-transform: scale(-1, 1);
                -ms-transform: scale(-1, 1);
                transform: scale(-1, 1);
                width: 4.29688vw;
                bottom: -2.21354vw;
                left: 12.23958vw; } }
      #item .sec_inner .worries .balloon:nth-of-type(4) {
        top: 36.247334754797436%;
        left: 0; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon:nth-of-type(4) {
            top: 70.3125vw;
            left: inherit;
            right: 0; } }
        #item .sec_inner .worries .balloon:nth-of-type(4) > div {
          aspect-ratio: 95 / 27; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(4) > div {
              aspect-ratio: 70 / 17; } }
          #item .sec_inner .worries .balloon:nth-of-type(4) > div:after {
            width: 5.263157894736842%;
            aspect-ratio: 4 / 5;
            right: -5.263157894736842%;
            top: 45.370370370370374%;
            background-image: url("../images/item_worries_balloon_04.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(4) > div:after {
                background-image: url("../images/item_worries_balloon_04_sp.png");
                width: 4.29688vw;
                right: 25.13021vw;
                top: inherit;
                bottom: -2.60417vw;
                aspect-ratio: 33 / 20; } }
      #item .sec_inner .worries .balloon:nth-of-type(5) {
        bottom: 11.300639658848615%;
        left: 0; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon:nth-of-type(5) {
            bottom: 43.35938vw; } }
        #item .sec_inner .worries .balloon:nth-of-type(5) > div {
          aspect-ratio: 95 / 27; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(5) > div {
              aspect-ratio: 70 / 17; } }
          #item .sec_inner .worries .balloon:nth-of-type(5) > div:after {
            width: 5.263157894736842%;
            aspect-ratio: 4 / 7;
            right: -5.263157894736842%;
            top: 24.074074074074073%;
            background-image: url("../images/item_worries_balloon_05.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(5) > div:after {
                background-image: url("../images/item_worries_balloon_05_sp.png");
                width: 4.29688vw;
                right: 31.64063vw;
                top: -2.60417vw;
                aspect-ratio: 33 / 20; } }
      #item .sec_inner .worries .balloon:nth-of-type(6) {
        top: 31.343283582089555%;
        right: 0; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon:nth-of-type(6) {
            top: inherit;
            bottom: 21.48438vw; } }
        #item .sec_inner .worries .balloon:nth-of-type(6) > div {
          aspect-ratio: 95 / 27; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(6) > div {
              aspect-ratio: 280 / 69; } }
          #item .sec_inner .worries .balloon:nth-of-type(6) > div:after {
            width: 7.631578947368421%;
            aspect-ratio: 29 / 25;
            left: -7.631578947368421%;
            top: 41.66666666666667%;
            background-image: url("../images/item_worries_balloon_06.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(6) > div:after {
                background-image: url("../images/item_worries_balloon_06_sp.png");
                width: 4.29688vw;
                top: -2.60417vw;
                left: 56.51042vw;
                aspect-ratio: 33 / 20; } }
      #item .sec_inner .worries .balloon:nth-of-type(7) {
        bottom: 16.417910447761194%;
        right: 0; }
        @media screen and (max-width: 768px) {
          #item .sec_inner .worries .balloon:nth-of-type(7) {
            bottom: 0;
            right: inherit;
            left: 0; } }
        #item .sec_inner .worries .balloon:nth-of-type(7) > div {
          aspect-ratio: 95 / 27; }
          @media screen and (max-width: 768px) {
            #item .sec_inner .worries .balloon:nth-of-type(7) > div {
              aspect-ratio: 70 / 17; } }
          #item .sec_inner .worries .balloon:nth-of-type(7) > div:after {
            width: 7.631578947368421%;
            aspect-ratio: 29 / 28;
            left: -7.631578947368421%;
            top: 23.14814814814815%;
            background-image: url("../images/item_worries_balloon_07.png"); }
            @media screen and (max-width: 768px) {
              #item .sec_inner .worries .balloon:nth-of-type(7) > div:after {
                background-image: url("../images/item_worries_balloon_07_sp.png");
                aspect-ratio: 33 / 20;
                top: -2.60417vw;
                left: 12.36979vw; } }

/* -----------------------------------------------------
	story
----------------------------------------------------- */
#story {
  padding: 53px 50px 0; }
  @media screen and (max-width: 768px) {
    #story {
      padding: 6.11979vw 4.16667vw 0; } }
  #story .sec_inner .sec_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #282d3c;
    text-align: center;
    color: #ffffff;
    height: 100px;
    border-radius: 8px 8px 0 0;
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      #story .sec_inner .sec_ttl {
        height: 15.625vw;
        border-radius: 1.04167vw 1.04167vw 0 0;
        padding: 0; } }
    #story .sec_inner .sec_ttl span {
      display: inline-block;
      font-family: "Noto Sans JP", sans-serif;
      font-size: 36px;
      font-weight: 700;
      line-height: 1; }
      @media screen and (max-width: 768px) {
        #story .sec_inner .sec_ttl span {
          font-size: 4.6875vw; } }
    #story .sec_inner .sec_ttl small {
      display: inline-block;
      font-size: 22px;
      margin: 0 28px; }
      @media screen and (max-width: 768px) {
        #story .sec_inner .sec_ttl small {
          display: block;
          text-align: center;
          font-size: 2.86458vw;
          margin: 1.82292vw 0 0; } }
  #story .sec_inner .wrap {
    padding: 60px 84px;
    background-color: #eff2f6;
    border-radius: 0 0 8px 8px; }
    @media screen and (max-width: 768px) {
      #story .sec_inner .wrap {
        padding: 5.20833vw 4.6875vw 7.8125vw 3.38542vw;
        border-radius: 0 0 1.04167vw 1.04167vw; } }
    #story .sec_inner .wrap .box_wrap .box {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #story .sec_inner .wrap .box_wrap .box .icon {
        width: 15.503875968992247%;
        margin-top: 40px; }
        @media screen and (max-width: 1300px) {
          #story .sec_inner .wrap .box_wrap .box .icon {
            margin-top: 3.077vw; } }
        @media screen and (max-width: 768px) {
          #story .sec_inner .wrap .box_wrap .box .icon {
            width: 28.34890965732087%;
            margin-top: 13.15104vw; } }
        #story .sec_inner .wrap .box_wrap .box .icon .circle {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 87.5%;
          aspect-ratio: 1 / 1;
          border-radius: 100%;
          background-color: #d9dfe9;
          font-size: 22px;
          font-weight: 700;
          border: solid 2px #ffffff;
          z-index: 2; }
          @media screen and (max-width: 1300px) {
            #story .sec_inner .wrap .box_wrap .box .icon .circle {
              width: 10.769vw;
              font-size: 1.692vw; } }
          @media screen and (max-width: 768px) {
            #story .sec_inner .wrap .box_wrap .box .icon .circle {
              width: 20.83333vw;
              font-size: 3.64583vw; } }
        #story .sec_inner .wrap .box_wrap .box .icon .arrow {
          display: block;
          width: 8px;
          height: calc(100% - 106px);
          background-color: #ffffff;
          position: absolute;
          left: 6.395348837209303%;
          top: 180px;
          z-index: 1; }
          @media screen and (max-width: 1300px) {
            #story .sec_inner .wrap .box_wrap .box .icon .arrow {
              height: calc(100% - 8.154vw);
              top: 13.846vw; } }
          @media screen and (max-width: 768px) {
            #story .sec_inner .wrap .box_wrap .box .icon .arrow {
              top: 27.08333vw;
              left: 9.89583vw;
              width: 1.04167vw; } }
          #story .sec_inner .wrap .box_wrap .box .icon .arrow:after {
            content: "";
            width: 36px;
            height: 26px;
            background-image: url("../images/story_icon_arrow.png");
            background-size: 100% auto;
            position: absolute;
            left: 50%;
            bottom: -26px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
            @media screen and (max-width: 1300px) {
              #story .sec_inner .wrap .box_wrap .box .icon .arrow:after {
                width: 2.769vw;
                height: 2vw;
                bottom: -2vw; } }
            @media screen and (max-width: 768px) {
              #story .sec_inner .wrap .box_wrap .box .icon .arrow:after {
                width: 4.6875vw;
                height: 3.38542vw;
                bottom: -3.38542vw; } }
      #story .sec_inner .wrap .box_wrap .box .pic {
        width: 27.131782945736433%; }
        @media screen and (max-width: 768px) {
          #story .sec_inner .wrap .box_wrap .box .pic {
            width: 71.65109034267913%; } }
        #story .sec_inner .wrap .box_wrap .box .pic img {
          border-radius: 8px; }
          @media screen and (max-width: 768px) {
            #story .sec_inner .wrap .box_wrap .box .pic img {
              border-radius: 1.04167vw; } }
      #story .sec_inner .wrap .box_wrap .box .desc {
        width: calc(100% - 27.131782945736433% - 15.503875968992247%);
        padding-left: 3.4403669724770642%; }
        @media screen and (max-width: 768px) {
          #story .sec_inner .wrap .box_wrap .box .desc {
            width: 100%;
            padding-left: 28.34890965732087%;
            margin-top: 2.60417vw; } }
        #story .sec_inner .wrap .box_wrap .box .desc dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          border-bottom: solid 2px #fff;
          padding-bottom: 20px;
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            #story .sec_inner .wrap .box_wrap .box .desc dl {
              padding-bottom: 2.60417vw;
              margin-bottom: 2.60417vw; } }
          #story .sec_inner .wrap .box_wrap .box .desc dl dt {
            width: 10.676156583629894%;
            background-color: #535a6e;
            color: #fff;
            text-align: center;
            font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5; }
            @media screen and (max-width: 768px) {
              #story .sec_inner .wrap .box_wrap .box .desc dl dt {
                width: 23.91304347826087%;
                font-size: 3.64583vw;
                line-height: 1.79; } }
            #story .sec_inner .wrap .box_wrap .box .desc dl dt:nth-of-type(n+2) {
              margin-top: 10px; }
              @media screen and (max-width: 768px) {
                #story .sec_inner .wrap .box_wrap .box .desc dl dt:nth-of-type(n+2) {
                  margin-top: 2.60417vw; } }
          #story .sec_inner .wrap .box_wrap .box .desc dl dd {
            width: calc(100% - 10.676156583629894%);
            padding-left: 1.4234875444839856%;
            font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5; }
            @media screen and (max-width: 768px) {
              #story .sec_inner .wrap .box_wrap .box .desc dl dd {
                width: calc(100% - 23.91304347826087%);
                font-size: 3.64583vw;
                line-height: 1.79; } }
            #story .sec_inner .wrap .box_wrap .box .desc dl dd:nth-of-type(n+2) {
              margin-top: 10px; }
              @media screen and (max-width: 768px) {
                #story .sec_inner .wrap .box_wrap .box .desc dl dd:nth-of-type(n+2) {
                  margin-top: 2.60417vw; } }
        #story .sec_inner .wrap .box_wrap .box .desc p {
          font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
          font-size: 16px;
          font-weight: 500;
          line-height: 2; }
          @media screen and (max-width: 768px) {
            #story .sec_inner .wrap .box_wrap .box .desc p {
              font-size: 3.64583vw;
              line-height: 1.79; } }
      #story .sec_inner .wrap .box_wrap .box:nth-of-type(n+2) {
        padding-top: 60px; }
        @media screen and (max-width: 768px) {
          #story .sec_inner .wrap .box_wrap .box:nth-of-type(n+2) {
            padding-top: 9.11458vw; } }
    #story .sec_inner .wrap .text {
      color: #0f1ed2;
      text-align: center;
      font-family: "Noto Sans JP", sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1;
      margin: 60px 0 0; }
      @media screen and (max-width: 768px) {
        #story .sec_inner .wrap .text {
          font-size: 4.16667vw;
          line-height: 1.56;
          margin: 5.20833vw 0 0; } }
      #story .sec_inner .wrap .text em {
        font-style: normal;
        font-size: 36px; }
        @media screen and (max-width: 768px) {
          #story .sec_inner .wrap .text em {
            font-size: 4.6875vw; } }

/* -----------------------------------------------------
	result
----------------------------------------------------- */
#result {
  padding: 100px 50px; }
  @media screen and (max-width: 768px) {
    #result {
      padding: 13.02083vw 4.16667vw 0; } }
  #result .sec_inner .sec_ttl {
    text-align: center;
    color: #0f1ed2;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1; }
    @media screen and (max-width: 768px) {
      #result .sec_inner .sec_ttl {
        font-size: 6.25vw; } }
  #result .sec_inner .columns {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 60px 0 0; }
    @media screen and (max-width: 768px) {
      #result .sec_inner .columns {
        margin: 7.8125vw 0 0; } }
    #result .sec_inner .columns .column {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #result .sec_inner .columns .column {
          width: 100%; } }
      #result .sec_inner .columns .column:nth-of-type(1) .bnr {
        margin: 30px 0 0; }
        @media screen and (max-width: 768px) {
          #result .sec_inner .columns .column:nth-of-type(1) .bnr {
            margin: 0;
            position: absolute;
            left: 0;
            bottom: 0; } }
      #result .sec_inner .columns .column:nth-of-type(2) {
        padding-right: 3.3333333333333335%; }
        @media screen and (max-width: 768px) {
          #result .sec_inner .columns .column:nth-of-type(2) {
            padding-right: 0;
            padding-bottom: 53.64583vw;
            margin-top: 5.20833vw; } }
        #result .sec_inner .columns .column:nth-of-type(2) h3 {
          margin: 0 0 30px; }
          @media screen and (max-width: 768px) {
            #result .sec_inner .columns .column:nth-of-type(2) h3 {
              margin: 0 0 5.20833vw; } }
          #result .sec_inner .columns .column:nth-of-type(2) h3 span {
            display: block;
            color: #0f1ed2;
            font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.4;
            margin: 0 0 25px; }
            @media screen and (max-width: 768px) {
              #result .sec_inner .columns .column:nth-of-type(2) h3 span {
                font-size: 4.16667vw;
                margin: 0 0 3.90625vw; } }
          @media screen and (max-width: 768px) {
            #result .sec_inner .columns .column:nth-of-type(2) h3 img {
              width: 91.79688vw; } }
          #result .sec_inner .columns .column:nth-of-type(2) h3 small {
            display: block;
            font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1;
            margin: 18px 0 0; }
            @media screen and (max-width: 768px) {
              #result .sec_inner .columns .column:nth-of-type(2) h3 small {
                font-size: 3.64583vw;
                margin: 3.38542vw 0 0; } }
        #result .sec_inner .columns .column:nth-of-type(2) .icon {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #result .sec_inner .columns .column:nth-of-type(2) .icon li {
            padding: 5px 0; }
            @media screen and (max-width: 768px) {
              #result .sec_inner .columns .column:nth-of-type(2) .icon li {
                padding: 1.04167vw 0; } }
            #result .sec_inner .columns .column:nth-of-type(2) .icon li img {
              width: auto;
              height: 60px; }
              @media screen and (max-width: 768px) {
                #result .sec_inner .columns .column:nth-of-type(2) .icon li img {
                  height: 15.625vw; } }
            #result .sec_inner .columns .column:nth-of-type(2) .icon li:nth-of-type(2) {
              border-left: solid 1px #bfbfbf;
              margin-left: 13px;
              padding: 5px 0 5px 11px; }
              @media screen and (max-width: 768px) {
                #result .sec_inner .columns .column:nth-of-type(2) .icon li:nth-of-type(2) {
                  margin-left: 2.99479vw;
                  padding: 1.04167vw 0 1.04167vw 2.47396vw; } }
        #result .sec_inner .columns .column:nth-of-type(2) .spec {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          font-size: 16px;
          font-weight: 500;
          line-height: 2;
          border-top: solid 1px #dcdddd;
          padding-top: 30px;
          margin-top: 30px; }
          @media screen and (max-width: 768px) {
            #result .sec_inner .columns .column:nth-of-type(2) .spec {
              font-size: 3.64583vw;
              line-height: 1.79;
              padding-top: 3.90625vw;
              margin-top: 2.60417vw; } }
          #result .sec_inner .columns .column:nth-of-type(2) .spec dt {
            width: 150px; }
            @media screen and (max-width: 768px) {
              #result .sec_inner .columns .column:nth-of-type(2) .spec dt {
                width: 36.93181818181818%; } }
          #result .sec_inner .columns .column:nth-of-type(2) .spec dd {
            width: calc(100% - 150px); }
            @media screen and (max-width: 768px) {
              #result .sec_inner .columns .column:nth-of-type(2) .spec dd {
                width: calc(100% - 36.93181818181818%); } }
  #result .sec_inner .note {
    margin: 20px 0 0; }
    @media screen and (max-width: 768px) {
      #result .sec_inner .note {
        margin: 3.90625vw 0 0; } }
    #result .sec_inner .note li {
      padding-left: 1.5em;
      text-indent: -1.5em;
      font-size: 16px;
      line-height: 2; }
      @media screen and (max-width: 768px) {
        #result .sec_inner .note li {
          font-size: 3.64583vw;
          line-height: 1.71; } }
  #result .sec_inner .btn {
    margin: 40px auto 0;
    width: 246px; }
    @media screen and (max-width: 768px) {
      #result .sec_inner .btn {
        margin: 5.85938vw auto 0;
        width: 52.08333vw; } }
    #result .sec_inner .btn a {
      display: block;
      font-family: "Noto Sans JP", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      color: #ffffff;
      background-color: #0f1ed2;
      border-radius: 100vh;
      text-align: center;
      padding: 20px 0;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      @media screen and (max-width: 768px) {
        #result .sec_inner .btn a {
          font-size: 3.64583vw;
          padding: 3.90625vw 0; } }
      #result .sec_inner .btn a:hover {
        opacity: 0.7; }

/* -----------------------------------------------------
	entry
----------------------------------------------------- */
#entry {
  padding: 100px 50px; }
  @media screen and (max-width: 768px) {
    #entry {
      padding: 13.02083vw 4.16667vw; } }
  #entry .sec_inner {
    padding: 84px 0 71px;
    border-radius: 8px;
    background-image: url("../images/entry_bg.png"), -moz-linear-gradient(-50deg, #eff2f6 0%, #d9dfe9 100%) url("../images/entry_bg.png");
    background-image: url("../images/entry_bg.png"), -webkit-linear-gradient(-50deg, #eff2f6 0%, #d9dfe9 100%);
    background-image: url("../images/entry_bg.png"), -ms-linear-gradient(-50deg, #eff2f6 0%, #d9dfe9 100%);
    background-repeat: no-repeat;
    background-size: 38.666666666666664% auto, cover;
    background-position: left 2.4166666666666665% top 26px,left top; }
    @media screen and (max-width: 768px) {
      #entry .sec_inner {
        padding: 10.41667vw 0 10.41667vw;
        border-radius: 1.04167vw;
        background-size: 59.375vw auto, cover;
        background-position: left 3.90625vw top 3.90625vw, left top; } }
    #entry .sec_inner .sec_ttl {
      color: #0f1ed2;
      text-align: center;
      margin: 0 0 45px; }
      @media screen and (max-width: 768px) {
        #entry .sec_inner .sec_ttl {
          margin: 0 4.81771vw 6.51042vw; } }
      #entry .sec_inner .sec_ttl span {
        position: relative;
        display: inline-block;
        font-size: 40px;
        font-weight: 700;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          #entry .sec_inner .sec_ttl span {
            font-size: 5.20833vw;
            line-height: 1.4; } }
        #entry .sec_inner .sec_ttl span:before {
          content: "＼"; }
          @media screen and (max-width: 768px) {
            #entry .sec_inner .sec_ttl span:before {
              content: "";
              display: block;
              width: 1px;
              height: 13.41146vw;
              background-color: #0f1ed2;
              -webkit-transform: rotate(-25deg);
              -ms-transform: rotate(-25deg);
              transform: rotate(-25deg);
              position: absolute;
              left: -2.60417vw;
              bottom: 0; } }
        #entry .sec_inner .sec_ttl span:after {
          content: "／"; }
          @media screen and (max-width: 768px) {
            #entry .sec_inner .sec_ttl span:after {
              content: "";
              display: block;
              width: 1px;
              height: 13.41146vw;
              background-color: #0f1ed2;
              -webkit-transform: rotate(25deg);
              -ms-transform: rotate(25deg);
              transform: rotate(25deg);
              position: absolute;
              right: -2.60417vw;
              bottom: 0; } }
      #entry .sec_inner .sec_ttl small {
        display: block;
        font-size: 28px;
        line-height: 1;
        margin: 0 0 16px; }
        @media screen and (max-width: 768px) {
          #entry .sec_inner .sec_ttl small {
            font-size: 3.64583vw;
            margin: 0 0 2.21354vw; } }
    #entry .sec_inner p {
      text-align: center;
      font-size: 22px;
      font-weight: 500;
      line-height: 1.82; }
      @media screen and (max-width: 768px) {
        #entry .sec_inner p {
          font-size: 3.64583vw;
          line-height: 1.71; } }
      #entry .sec_inner p strong {
        text-decoration: none;
        border-bottom: solid 2px; }
      #entry .sec_inner p em {
        color: #0f1ed2;
        font-style: normal;
        font-size: 28px;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          #entry .sec_inner p em {
            font-size: 4.6875vw; } }
        #entry .sec_inner p em small {
          font-size: 22px; }
          @media screen and (max-width: 768px) {
            #entry .sec_inner p em small {
              font-size: 3.64583vw; } }
      #entry .sec_inner p + p {
        margin-top: 1em; }
      #entry .sec_inner p.notes {
        margin: 30px 0 0;
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          #entry .sec_inner p.notes {
            text-align: left;
            margin: 3.90625vw 4.6875vw 0;
            font-size: 2.60417vw;
            line-height: 1.2;
            text-indent: -1em;
            padding-left: 1em; } }
    #entry .sec_inner .btn {
      margin: 46px auto 0;
      width: 400px; }
      @media screen and (max-width: 768px) {
        #entry .sec_inner .btn {
          margin: 7.8125vw auto 0;
          width: 62.5vw; } }
      #entry .sec_inner .btn a {
        position: relative;
        display: block;
        background-color: #ff8c00;
        border-radius: 100vh;
        padding: 25px 0;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
        @media screen and (max-width: 768px) {
          #entry .sec_inner .btn a {
            padding: 3.51563vw 0 2.73438vw; } }
        #entry .sec_inner .btn a span {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-family: "Noto Sans JP", sans-serif;
          font-size: 24px;
          font-weight: 500; }
          @media screen and (max-width: 768px) {
            #entry .sec_inner .btn a span {
              font-size: 4.16667vw; } }
          #entry .sec_inner .btn a span:before {
            content: "";
            display: block;
            width: 38px;
            aspect-ratio: 38 / 33;
            background-image: url("../images/icon_mail.png");
            background-repeat: no-repeat;
            background-size: 100% auto;
            margin-right: 12px; }
            @media screen and (max-width: 768px) {
              #entry .sec_inner .btn a span:before {
                width: 6.11979vw;
                margin-right: 2.60417vw; } }
        #entry .sec_inner .btn a:after {
          content: "";
          width: 13px;
          height: 13px;
          border-top: solid 2px #333333;
          border-right: solid 2px #333333;
          position: absolute;
          right: 35px;
          top: 50%;
          -webkit-transform: rotate(45deg) translateY(-50%);
          -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%); }
          @media screen and (max-width: 768px) {
            #entry .sec_inner .btn a:after {
              width: 2.60417vw;
              height: 2.60417vw;
              right: 4.81771vw; } }
        #entry .sec_inner .btn a:hover {
          opacity: 0.7; }