@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto");
.pc {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc {
      display: none; } }

body {
  counter-reset: number 0; }
  @media screen and (max-width: 768px) {
    body {
      counter-reset: number 0; } }

body,
* {
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif !important; }

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

header::after {
  content: "";
  display: block;
  clear: both; }

header .header-menu {
  float: right; }
  header .header-menu::after {
    content: "";
    display: block;
    clear: both; }
  header .header-menu .header-list {
    float: left;
    margin-top: 2.60417vw;
    margin-right: 2.60417vw; }
    @media screen and (max-width: 768px) {
      header .header-menu .header-list {
        display: none; } }
    header .header-menu .header-list ul::after {
      content: "";
      display: block;
      clear: both; }
    header .header-menu .header-list li {
      float: left;
      margin-left: 1.82292vw;
      color: #1a1a1a;
      padding-bottom: 0.26042vw;
      font-size: 0.83333vw;
      font-family: Noto Sans CJK JP;
      border-bottom: solid 1px #1a1a1a; }
  header .header-menu .mail {
    float: left;
    display: block;
    background-color: #e95454;
    float: right;
    display: flex;
    align-items: center;
    width: 6.40625vw;
    height: 6.40625vw;
    position: relative;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 1066px) {
      header .header-menu .mail {
        width: 8.33333vw; } }
    @media screen and (max-width: 768px) {
      header .header-menu .mail {
        display: none; } }
    header .header-menu .mail a {
      position: absolute;
      width: 100%;
      height: 100%; }
    header .header-menu .mail .mail-logo {
      width: 2.5vw;
      height: 2.5vw; }
    header .header-menu .mail p {
      font-family: Noto Sans CJK JP;
      font-size: 0.83333vw;
      color: #ffffff;
      text-align: center; }

header .header-logo {
  float: left;
  margin-top: 1.5625vw;
  margin-left: 2.08333vw; }
  header .header-logo .logo {
    width: 5.72917vw;
    height: 3.42969vw; }
    @media screen and (max-width: 768px) {
      header .header-logo .logo {
        display: none; } }

.first-view {
  position: relative; }
  .first-view::after {
    content: "";
    display: block;
    clear: both; }
  .first-view .first-view-pic {
    width: 83.85417vw;
    height: 49.84375vw;
    float: right; }
    @media screen and (max-width: 768px) {
      .first-view .first-view-pic {
        display: none; } }
  .first-view .for-script-logo {
    display: none; }
    @media screen and (max-width: 768px) {
      .first-view .for-script-logo {
        display: block;
        width: 13.33333vw;
        height: 13.33333vw;
        position: fixed;
        top: 1.33333vw;
        right: 5.33333vw;
        z-index: 3; } }
  .first-view .first-view-pic-media {
    display: none; }
    @media screen and (max-width: 768px) {
      .first-view .first-view-pic-media {
        width: 94.66667vw;
        height: 105.33333vw;
        margin: 0 auto;
        display: block;
        position: relative;
        z-index: 2; } }
  .first-view .logo-media {
    display: none; }
    @media screen and (max-width: 768px) {
      .first-view .logo-media {
        position: absolute;
        width: 17.26667vw;
        height: 10.336vw;
        z-index: 3;
        top: 2.66667vw;
        left: 5.33333vw;
        display: block; } }
  .first-view .first-view-toiawase {
    width: 4.16667vw;
    height: 14.58333vw;
    display: none;
    position: fixed;
    top: 17.70833vw;
    right: 0vw; }
    .first-view .first-view-toiawase.prv {
      display: block; }
      @media screen and (max-width: 768px) {
        .first-view .first-view-toiawase.prv {
          display: none; } }
  .first-view .first-view-logo {
    width: 16.04219vw;
    height: 15.89271vw;
    position: absolute;
    right: 6.77083vw;
    bottom: 3.125vw; }
    @media screen and (max-width: 768px) {
      .first-view .first-view-logo {
        display: none; } }
  .first-view .text {
    width: 44.19271vw;
    height: 20.72917vw;
    position: absolute;
    top: 14.58333vw;
    left: 1.61458vw; }
    @media screen and (max-width: 768px) {
      .first-view .text {
        display: none; } }
  .first-view .text-media {
    display: none; }
    @media screen and (max-width: 768px) {
      .first-view .text-media {
        position: absolute;
        top: 58.4vw;
        left: 8vw;
        display: block;
        z-index: 3;
        width: 87.46667vw;
        height: 38.93333vw; } }
  .first-view .text-media-logo {
    display: none; }
    @media screen and (max-width: 768px) {
      .first-view .text-media-logo {
        position: absolute;
        top: 102.66667vw;
        left: 8vw;
        display: block;
        z-index: 3;
        width: 84vw;
        height: 20vw; } }

.open-header {
  width: 100vw;
  height: 100vh;
  background-color: #fef6f6;
  position: fixed;
  top: 0;
  z-index: 9999;
  transition: all 1s;
  left: 103.46667vw; }
  .open-header.open {
    left: 0; }
  .open-header ul {
    width: 89.33333vw;
    margin: 26.93333vw auto 0; }
    .open-header ul li {
      font-family: Noto Sans CJK JP;
      font-size: 4.8vw;
      font-weight: bold;
      letter-spacing: 0.15em;
      line-height: 13.33333vw;
      color: #1a1a1a; }
  .open-header .box {
    width: 89.33333vw;
    margin: 0 auto; }
    .open-header .box::after {
      content: "";
      display: block;
      clear: both; }
    .open-header .box .open-header-bottum {
      margin-top: 2.66667vw;
      width: 13.33333vw;
      height: 13.33333vw;
      float: right; }
    .open-header .box .open-header-logo {
      width: 17.26667vw;
      height: 10.336vw;
      margin-top: 4.26667vw;
      float: left; }

.consultation {
  text-align: center; }
  .consultation .consulting {
    width: 67.70833vw;
    margin-top: 6.14583vw; }
    @media screen and (max-width: 768px) {
      .consultation .consulting {
        display: none; } }

.solution-area {
  /*margin-top: 5.52083vw;*/
  background-color: #fef6f6; }
  @media screen and (max-width: 768px) {
    .solution-area {
      /*height: 130.4vw;*/
      height: 200.4vw;
      margin-top: 23.73333vw;
      background-color: #fef6f6; } }
  .solution-area .solutions {
    width: 67.70833vw;
    margin: 0 auto;
    margin-top: 4.47917vw;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .solution-area .solutions {
        margin-top: 8vw;
        display: block; } }
    .solution-area .solutions .solution {
      width: 17.5vw; }
      @media screen and (max-width: 768px) {
        .solution-area .solutions .solution {
          width: 71.73333vw;
          height: 21.6vw;
          margin-top: 5.33333vw; }
          .solution-area .solutions .solution::after {
            content: "";
            display: block;
            clear: both; } }
      .solution-area .solutions .solution .white-hole {
        width: clacvw(302px);
        height: 15.72917vw; }
        @media screen and (max-width: 768px) {
          .solution-area .solutions .solution .white-hole {
            width: 21.6vw;
            height: 21.6vw;
            float: left; } }
      .solution-area .solutions .solution .contact-mail {
        margin-top: 1.5625vw;
        text-align: center;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        font-size: 1.45833vw;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .solution-area .solutions .solution .contact-mail {
            font-family: Noto Sans CJK JP;
            font-size: 3.73333vw;
            letter-spacing: 0.1em;
            margin-top: 6.13333vw;
            margin-left: 2.66667vw;
            float: left; } }
  .solution-area h2 {
    font-size: 2.29167vw;
    font-family: Noto Sans CJK JP;
    font-weight: bold;
    color: #1a1a1a;
    padding-top: 10.41667vw;
    text-align: center;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 768px) {
      .solution-area h2 {
        font-size: 5.33333vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        color: #1a1a1a;
        padding-top: 5.6vw;
        text-align: center;
        letter-spacing: 0.1em; } }
    .solution-area h2 span {
      color: #e95454;
      position: relative; }
      .solution-area h2 span:before {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        bottom: -10px;
        left: 11px;
        background: #e95454;
        border-radius: 50%; }

.under::after {
  content: "";
  display: block;
  clear: both; }

.under .under-picture {
  width: 100vw; }
  @media screen and (max-width: 768px) {
    .under .under-picture {
      display: none; } }

.under h2 {
  color: #1a1a1a;
  font-family: Noto Sans CJK JP;
  font-weight: bold;
  font-size: 3.07292vw;
  left: 32.8125vw;
  margin-top: -3.125vw;
  text-align: center;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 768px) {
    .under h2 {
      color: #1a1a1a;
      font-family: Noto Sans CJK JP;
      font-weight: bold;
      font-size: 5.86667vw;
/*      margin-top: -18.66667vw;
      margin-top: -14.66667vw;*/
      margin-top: 0.66667vw;
      text-align: center;
      letter-spacing: 0.1em; }
    .under h2 .allow1{
          width:40%;
        padding: 6vw 0;
      }
}
  .under h2 .makeup {
    background: linear-gradient(transparent 60%, #f9cc5b 0%);
    line-height: 1.3em;
    margin: 0 auto; }
  .under h2 .makeup2 {
    background: linear-gradient(transparent 60%, #deb4ba 0%);
    line-height: 1.3em;
    margin: 0 auto; }





@media screen and (max-width: 768px) {
  .mt67 {
    padding-top: 17.86667vw; } }


.service-area {
    margin-top: 0;
    padding: 3vw 0;
  background-color: #fef6f6; }
  @media screen and (max-width: 768px) {
    .service-area {
      /*height: 130.4vw;*/
      height: 100.4vw;
      margin-top: 0;
      background-color: #fef6f6; } }
  .service-area .services {
    width: 67.70833vw;
    margin: 0 auto;
    margin-top: 0;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .service-area .services {
        margin-top: 8vw;
        display: block; } }
    .service-area .services .service {
      text-align: center;
      _width: 20vw; }
      @media screen and (max-width: 768px) {
        .service-area .services .service {
          width: 71.73333vw;
          height: 21.6vw;
          margin-top: 5.33333vw; }
          .service-area .services .service::after {
            content: "";
            display: block;
            clear: both; } }
      .service-area .services .service .white-hole {
        width: clacvw(302px);
        height: 15.72917vw; }
        @media screen and (max-width: 768px) {
          .service-area .services .service .white-hole {
            width: 21.6vw;
            height: 21.6vw;
            float: left; } }
      .service-area .services .service .contact-mail {
        margin-top: 1.5625vw;
        text-align: center;
        font-family: Noto Sans CJK JP;
        /*font-weight: bold;*/
        font-size: 1.45833vw;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 768px) {
          .service-area .services .service .contact-mail {
            font-family: Noto Sans CJK JP;
            font-size: 3.73333vw;
            letter-spacing: 0.1em;
              text-align: left;
            margin-top: 2.8vw;
            margin-left: 2.66667vw;
            float: left; } }



.contact {
  margin-top: 6.77083vw; }
  @media screen and (max-width: 768px) {
    .contact {
      margin-top: 10.66667vw; } }
  .contact .white-box {
/*    width: 57.29167vw;*/
    width: 67vw;
/*    height: 11.25vw;*/
     height: 13vw;
/*    box-shadow: 0 0 1.04167vw #c1ced7;*/
	background: #e95555;
	border-radius: 30px;
    margin: auto; }
    @media screen and (max-width: 768px) {
      .contact .white-box {
        width: 94.66667vw;
/*        height: 65.33333vw;*/
        height: 80vw;
/*        box-shadow: 0 0 1.04167vw #c1ced7;*/ } }
/*    .contact .white-box .title {
      padding-top: 2.13542vw; }
      @media screen and (max-width: 768px) {
        .contact .white-box .title {
          padding-top: 8vw; } }
      .contact .white-box .title p {
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        font-size: 0.98958vw;
        text-align: center;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 768px) {
          .contact .white-box .title p {
            font-family: Noto Sans CJK JP;
            font-weight: bold;
            font-size: 4vw;
            text-align: center;
            letter-spacing: 0.1em; } }*/

    .contact .white-box .title {
      padding-top: 1.5vw;
	color: #fff; }
      @media screen and (max-width: 768px) {
        .contact .white-box .title {
          padding-top: 3vw; } }
      .contact .white-box .title h3 {
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        font-size: 2.3vw;
        text-align: center;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 768px) {
          .contact .white-box .title h3 {
            font-family: Noto Sans CJK JP;
            font-weight: bold;
            font-size: 4vw;
            text-align: center;
            letter-spacing: 0.1em; } }

    .contact .white-box .contact-box {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        .contact .white-box .contact-box {
          display: block; } }
      .contact .white-box .contact-box .phone-number {
        margin-top: 1.82292vw;
		width: 24vw;
 }
        @media screen and (max-width: 768px) {
          .contact .white-box .contact-box .phone-number {
            margin: 5vw auto;
            width: 90vw;
            height: 14.93333vw;
            text-align: center; } }

/*        @media screen and (max-width: 768px) {
          .contact .white-box .contact-box .phone-number {
            margin-top: 5.33333vw;
            margin-left: 5.33333vw; } }
        .contact .white-box .contact-box .phone-number .tell {
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          font-size: 1.77083vw;
          color: #1a1a1a;
          margin-left: 1.04167vw;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 768px) {
            .contact .white-box .contact-box .phone-number .tell {
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              font-size: 8.53333vw;
              margin-left: 4.26667vw; } }
          .contact .white-box .contact-box .phone-number .tell:before {
            width: 2.03125vw;
            height: 2.03125vw;
            content: "";
            display: inline-block;
            background-image: url("../mainfile/phone-logo.png");
            background-size: cover;
            margin-right: 1.04167vw;
            vertical-align: middle; }
            @media screen and (max-width: 768px) {
              .contact .white-box .contact-box .phone-number .tell:before {
                width: 8.53333vw;
                height: 8.53333vw;
                content: "";
                display: inline-block;
                background-image: url("../mainfile/phone-logo.png");
                background-size: cover;
                margin-right: 0.52083vw;
                vertical-align: middle; } }
        .contact .white-box .contact-box .phone-number .time {
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          font-size: 0.83333vw;
          color: #1a1a1a;
          margin-top: 0.625vw;
          margin-left: 4.11458vw;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 768px) {
            .contact .white-box .contact-box .phone-number .time {
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              font-size: 4.26667vw;
              color: #1a1a1a;
              margin-top: 2.66667vw;
              margin-left: 4.26667vw;
              letter-spacing: 0.1em; } }
*/
      .contact .white-box .contact-box .contact-btn {
        margin-top: 1.82292vw;
/*        margin-left: 2.34375vw;*/
        margin-left: 1vw;
        background-color: #e95454;
/*        width: 25vw;*/
        width: 19vw;
        height: 3.75vw; }
        @media screen and (max-width: 768px) {
          .contact .white-box .contact-box .contact-btn {
            margin: 6.66667vw auto 0;
            background-color: #e95454;
            width: 74vw;
            height: 14.93333vw;
            text-align: center; } }
      .contact .white-box .contact-box .line-btn {
        margin-top: 1.82292vw;
        margin-left: 1vw;
/*        background-color: #fff;
        border:3pt solid #56B535;
        width: 25vw;*/
        width: 19vw;
        height: 3.75vw; }
        @media screen and (max-width: 768px) {
          .contact .white-box .contact-box .line-btn {
            margin: 7vw auto 0;
 /*           background-color: #fff;
            border:3pt solid #56B535;*/
            width: 74vw;
            height: 14.93333vw;
            text-align: center; } }
	.contact .white-box .contact-box .line-btn img {width:100%;}
	.contact .white-box .contact-box .contact-btn img {width:100%;}
	.contact .white-box .contact-box .phone-number img {width:100%;}

        .contact .white-box .contact-box .contact-btn .btn, .contact .white-box .contact-box .line-btn .btn {
          color: #ffffff;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          font-size: 0.83333vw;
          line-height: 3.75vw;
          letter-spacing: 0.1em;
          text-align: center; }
          @media screen and (max-width: 768px) {
            .contact .white-box .contact-box .contact-btn .btn, .contact .white-box .contact-box .line-btn .btn {
              font-size: 4.26667vw;
              color: #ffffff;
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              line-height: 14.93333vw;
              letter-spacing: 0.1em; } }

        .contact .white-box .contact-box .line-btn .btn {
            color: #56B535;
            line-height: 3vw;}
         @media screen and (max-width: 768px) {
            .contact .white-box .contact-box .line-btn .btn {
                line-height: 12.5vw;}}
                
          .contact .white-box .contact-box .contact-btn .btn:before {
            content: "";
            background-image: url("../mainfile/plane-logo.png");
            background-size: cover;
/*            width: 1.04167vw;*/
            width: 2vw;
            height: 2vw;
            display: inline-block;
            margin-right: 0.52083vw;
            vertical-align: middle; }
            @media screen and (max-width: 768px) {
              .contact .white-box .contact-box .contact-btn .btn:before {
                content: "";
                background-image: url("../mainfile/plane-logo.png");
                background-size: cover;
                width: 5.33333vw;
                height: 5.33333vw;
                display: inline-block;
                margin-right: 0.52083vw;
                vertical-align: middle; } }
          .contact .white-box .contact-box .line-btn .btn:before {
            content: "";
            background-image: url("../mainfile/line-logo.png");
            background-size: cover;
            width: 2vw;
            height: 2vw;
            display: inline-block;
            margin-right: 0.52083vw;
            vertical-align: middle; }
            @media screen and (max-width: 768px) {
              .contact .white-box .contact-box .line-btn .btn:before {
                content: "";
                background-image: url("../mainfile/line-logo.png");
                background-size: cover;
                width: 5.33333vw;
                height: 5.33333vw;
                display: inline-block;
                margin-right: 0.52083vw;
                vertical-align: middle; } }

.phone-number {
  margin-top: 1.82292vw; }
  @media screen and (max-width: 768px) {
    .phone-number {
      margin-top: 5.33333vw;
      margin-left: 5.33333vw; } }
  .phone-number .tell {
    font-family: Noto Sans CJK JP;
    font-weight: bold;
    font-size: 2.03125vw;
    color: #1a1a1a;
    margin-left: 1.04167vw;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 768px) {
      .phone-number .tell {
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        font-size: 8.53333vw;
        margin-left: 4.26667vw; } }
    .phone-number .tell:before {
      width: 2.03125vw;
      height: 2.03125vw;
      content: "";
      display: inline-block;
      background-image: url("../mainfile/phone-logo.png");
      background-size: cover;
      margin-right: 1.04167vw;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .phone-number .tell:before {
          width: 8.53333vw;
          height: 8.53333vw;
          content: "";
          display: inline-block;
          background-image: url("../mainfile/phone-logo.png");
          background-size: cover;
          margin-right: 0.52083vw;
          vertical-align: middle; } }
  .phone-number .time {
    font-family: Noto Sans CJK JP;
    font-weight: bold;
    font-size: 0.83333vw;
    color: #1a1a1a;
    margin-top: 0.625vw;
    margin-left: 4.11458vw;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 768px) {
      .phone-number .time {
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        font-size: 4.26667vw;
        color: #1a1a1a;
        margin-top: 2.66667vw;
        margin-left: 4.26667vw;
        letter-spacing: 0.1em; } }

.contact-btn {
  margin-top: 1.82292vw;
  margin-left: 2.34375vw;
  background-color: #e95454;
  width: 26.77083vw;
  height: 3.75vw; }
  @media screen and (max-width: 768px) {
    .contact-btn {
      margin: 6.66667vw auto 0;
      background-color: #e95454;
      width: 84vw;
      height: 14.93333vw;
      text-align: center; } }
  .contact-btn .btn {
    color: #ffffff;
    font-family: Noto Sans CJK JP;
    font-weight: bold;
    font-size: 0.83333vw;
    line-height: 3.75vw;
    letter-spacing: 0.1em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .contact-btn .btn {
        font-size: 4.26667vw;
        color: #ffffff;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        line-height: 14.93333vw;
        letter-spacing: 0.1em; } }
    .contact-btn .btn:before {
      content: "";
      background-image: url("../mainfile/plane-logo.png");
      background-size: cover;
      width: 1.04167vw;
      height: 1.04167vw;
      display: inline-block;
      margin-right: 0.52083vw;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .contact-btn .btn:before {
          content: "";
          background-image: url("../mainfile/plane-logo.png");
          background-size: cover;
          width: 5.33333vw;
          height: 5.33333vw;
          display: inline-block;
          margin-right: 0.52083vw;
          vertical-align: middle; } }

.wrapper {
  margin-top: 6.25vw; }
  @media screen and (max-width: 768px) {
    .wrapper {
      margin-top: 11.46667vw; } }
  .wrapper .wrapper-text {
    font-family: Noto Sans CJK JP;
    font-size: 1.51042vw;
    font-weight: bold;
    color: #1a1a1a;
    letter-spacing: 0.3em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .wrapper .wrapper-text {
        font-family: Noto Sans CJK JP;
        font-size: 4.8vw;
        font-weight: bold;
        color: #1a1a1a;
        letter-spacing: 0.15em;
        text-align: center; } }
    .wrapper .wrapper-text span {
      font-size: 3.02083vw;
      color: #e95454;
      margin-top: 0.52083vw;
      display: inline-block;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .wrapper .wrapper-text span {
          font-size: 9.6vw;
          color: #e95454;
          margin-top: 2.66667vw;
          display: inline-block;
          letter-spacing: 0.1em;
          text-align: center; } }
  .wrapper .middle-sentence {
    color: #1a1a1a;
    font-family: Noto Sans CJK JP;
    font-weight: bold;
    font-size: 1.04167vw;
    margin-top: 1.45833vw;
    letter-spacing: 0.1em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .wrapper .middle-sentence {
        color: #1a1a1a;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        font-size: 4.26667vw;
        margin-top: 8vw;
        letter-spacing: 0.1em;
        text-align: center; } }
  .wrapper .long-text {
    font-family: Noto Sans CJK JP;
/*    font-size: 1.04167vw;*/
    font-size: 1.5vw;
    font-weight: bold;
    color: #1a1a1a;
/*    letter-spacing: 0.1em;*/
    letter-spacing: 0.2em;
    text-align: center;
    line-height: 2;
    margin-top: 2.08333vw; }
    @media screen and (max-width: 768px) {
      .wrapper .long-text {
        color: #1a1a1a;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
/*        font-size: 4.26667vw;*/
        font-size: 4vw;
        margin-top: 8vw;
        letter-spacing: 0.1em;
        text-align: center;
        margin-top: 8vw; } }
  .wrapper h3 {
    margin-top: 2.08333vw;
    font-family: Noto Sans CJK JP;
/*    font-size: 1.04167vw;*/
    font-size: 1.5vw;
    font-weight: bold;
    color: #1a1a1a;
/*    letter-spacing: 0.1em;*/
    letter-spacing: 0.25em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .wrapper h3 {
        margin-top: 8vw;
        font-family: Noto Sans CJK JP;
        font-size: 4.26667vw;
        font-weight: bold;
        color: #1a1a1a;
        letter-spacing: 0.1em;
        text-align: center; } }
    .wrapper h3 span {
/*      font-size: 1.66667vw;*/
     font-size: 2.3vw;
      margin-top: 0.52083vw;
      display: inline-block;
/*      letter-spacing: 0.1em;*/
      letter-spacing: 0.2em;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .wrapper h3 span {
          font-size: 6.4vw;
          margin-top: 2.66667vw;
          display: inline-block;
          letter-spacing: 0.1em;
          text-align: center; } }
  .wrapper .contents {
    margin: 2.96875vw auto 0;
    width: 67.70833vw; }
    @media screen and (max-width: 768px) {
      .wrapper .contents {
        width: 94.66667vw;
        margin-top: 10.66667vw; } }
    .wrapper .contents .content {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .wrapper .contents .content {
          display: block;
          margin: 0 auto; } }
      .wrapper .contents .content .content-box {
        width: 12.5vw;
        height: 5.20833vw;
        background-color: #e95454;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .wrapper .contents .content .content-box {
            background-color: #e95454;
            height: 16vw;
            width: 94.66667vw;
            text-align: left; } }
        .wrapper .contents .content .content-box .link {
          color: #ffffff;
/*          font-size: 0.72917vw;*/
          font-size: 1vw;
          font-family: Noto Sans CJK JP;
          margin-top: 1.5625vw;
          letter-spacing: 0.1em;
          font-weight: bold;
          position: relative;
          padding-top: 1.04167vw; }
          @media screen and (max-width: 768px) {
            .wrapper .contents .content .content-box .link {
              color: #ffffff;
              font-size: 3.73333vw;
              font-family: Noto Sans CJK JP;
              letter-spacing: 0.1em;
              font-weight: bold;
              position: relative;
              line-height: 16vw;
              padding-top: initial; } }
          .wrapper .contents .content .content-box .link:before {
            content: "" counter(number) ". ";
            counter-increment: number 1;
/*            font-size: 1.45833vw;*/
            font-size: 1vw;
            font-weight: bold;
            display: inline-block;
            _vertical-align: middle; }
            @media screen and (max-width: 768px) {
              .wrapper .contents .content .content-box .link:before {
                content: "" counter(number) ". ";
                counter-increment: number 1;
                font-size: 6.4vw;
                font-weight: bold;
                display: inline-block;
                vertical-align: middle;
                margin-left: 5.33333vw; } }
          .wrapper .contents .content .content-box .link:after {
            content: "";
            background-image: url("../mainfile/under-arrow.png");
            background-size: cover;
            display: inline-block;
            position: absolute;
            top: 3.64583vw;
            right: 5.72917vw;
            width: 1.30208vw;
            height: 1.35417vw; }
            @media screen and (max-width: 768px) {
              .wrapper .contents .content .content-box .link:after {
                content: "";
                background-image: url("../mainfile/under-arrow.png");
                background-size: cover;
                display: inline-block;
                position: absolute;
                top: 5.33333vw;
                right: 2.66667vw;
                width: 5.86667vw;
                height: 5.86667vw; } }

.reason {
  margin-top: 6.66667vw;
  background-image: url("../mainfile/back-ground-picture.png");
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .reason {
      background-image: url("../mainfile/back-ground-picture.png");
      background-size: cover;
      margin-top: 13.33333vw; } }
  .reason .animo-reason {
    padding-top: 5.20833vw;
    font-family: Noto Sans CJK JP;
    font-size: 1.875vw;
    font-weight: bold;
    border-bottom: solid 0.26042vw #1a1a1a;
    color: #1a1a1a;
    display: inline-block;
    padding-bottom: 0.52083vw;
    letter-spacing: 0.3em; }
    @media screen and (max-width: 768px) {
      .reason .animo-reason {
        padding-top: 10.66667vw;
        font-family: Noto Sans CJK JP;
        font-size: 5.33333vw;
        font-weight: bold;
        border-bottom: solid 0.26042vw #1a1a1a;
        color: #1a1a1a;
        display: inline-block;
        padding-bottom: 2.66667vw;
        letter-spacing: 0.3em; } }
  .reason .roots {
    margin: auto;
    width: 69.27083vw;
    padding-bottom: 5.20833vw; }
    @media screen and (max-width: 768px) {
      .reason .roots {
        margin: auto;
        width: 94.66667vw;
        padding-bottom: 10.66667vw; } }
    .reason .roots .root {
      margin-top: 2.08333vw; }
      @media screen and (max-width: 768px) {
        .reason .roots .root {
          margin-top: 7.2vw; } }
      .reason .roots .root .root-box {
        background-color: #ffffff;
        border-radius: 10px; }
        @media screen and (max-width: 768px) {
          .reason .roots .root .root-box {
            width: 94.66667vw;
            background-color: #ffffff;
            padding-left: 4vw;
            padding-right: 4vw;
            border-radius: 10px; } }
        .reason .roots .root .root-box .root-picture {
          letter-spacing: 0.3em;
          padding-top: 2.60417vw;
          padding-bottom: 2.60417vw;
          font-size: 1.35417vw;
          font-weight: bold;
          font-family: Noto Sans CJK JP;
          color: #e95454;
          text-align: left;
          background-color: #ffffff;
          border-radius: 10px;
          padding-left: 3.64583vw;
          padding-right: 3.64583vw;
          position: relative; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box .root-picture {
              padding-top: 5.33333vw;
              padding-bottom: 5.33333vw;
              padding-left: 0vw;
              padding-right: 0vw;
              font-size: 3.73333vw;
              font-weight: bold;
              font-family: Noto Sans CJK JP;
              color: #e95454;
              text-align: left;
              position: relative;
              letter-spacing: 0.3em; } }
          .reason .roots .root .root-box .root-picture:after {
            position: absolute;
            top: 1.06667vw;
            right: 1.04167vw; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .root-picture:after {
                position: absolute;
                top: 3.46667vw; } }
        .reason .roots .root .root-box .plus-btn:after {
          content: "";
          display: inline-block;
          background-image: url("../mainfile/plus.png");
          background-size: cover;
          width: 4.6875vw;
          height: 4.6875vw; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box .plus-btn:after {
              content: "";
              display: inline-block;
              background-image: url("../mainfile/plus.png");
              background-size: cover;
              width: 9.06667vw;
              height: 9.06667vw; } }
        .reason .roots .root .root-box .minus-btn:after {
          content: "";
          display: inline-block;
          background-image: url("../mainfile/minus.png");
          background-size: cover;
          width: 4.6875vw;
          height: 4.6875vw; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box .minus-btn:after {
              content: "";
              display: inline-block;
              background-image: url("../mainfile/minus.png");
              background-size: cover;
              width: 9.06667vw;
              height: 9.06667vw; } }
        .reason .roots .root .root-box.open .open-box {
          display: block; }
        .reason .roots .root .root-box .open-box {
          display: none;
          padding-bottom: 3.64583vw; }
          .reason .roots .root .root-box .open-box .top-ttl {
            font-family: Noto Sans CJK JP;
            font-size: 0.9375vw;
            letter-spacing: 0.1em;
            color: #1a1a1a;
            line-height: 1.875vw;
            width: 60.41667vw;
            margin: 0 auto; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box .top-ttl {
                font-size: 3.73333vw;
                line-height: 7.46667vw;
                width: 85.86667vw;
                margin: 0 auto; } }
          .reason .roots .root .root-box .open-box .box-third {
            width: 43.64583vw;
            margin: 0 auto; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box .box-third {
                width: 85.86667vw; } }
            .reason .roots .root .root-box .open-box .box-third .ttl-third {
              font-family: Noto Sans CJK JP;
              font-size: 1.04167vw;
              letter-spacing: 0.3em;
              color: #ffffff;
              text-align: center;
              background-color: #e95454;
              width: 43.64583vw;
              height: 4.16667vw;
              line-height: 4.16667vw;
              margin-top: 3.64583vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third .ttl-third {
                  font-size: 3.73333vw;
                  width: 85.86667vw;
                  height: 10.66667vw;
                  line-height: 10.66667vw;
                  margin-top: 2.66667vw; } }
            .reason .roots .root .root-box .open-box .box-third .left-ttl {
              font-family: Noto Sans CJK JP;
              font-size: 1.04167vw;
              letter-spacing: 0.3em;
              color: #e95454;
              letter-spacing: 0.3em;
              font-weight: bold;
              margin-top: 1.82292vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third .left-ttl {
                  font-size: 3.73333vw;
                  margin-top: 8vw; } }
            .reason .roots .root .root-box .open-box .box-third .long-text {
              font-family: Noto Sans CJK JP;
              font-size: 0.83333vw;
              letter-spacing: 0.1em;
              color: #1a1a1a;
              margin-top: 1.82292vw;
              line-height: 1.66667vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third .long-text {
                  font-size: 3.73333vw;
                  margin-top: 2.66667vw;
                  line-height: 7.46667vw; } }
              .reason .roots .root .root-box .open-box .box-third .long-text .marker {
                background: linear-gradient(transparent 50%, #f9cc5b 0%); }
            .reason .roots .root .root-box .open-box .box-third .black-bold {
              font-family: Noto Sans CJK JP;
              font-size: 0.83333vw;
              letter-spacing: 0.1em;
              color: #1a1a1a;
              margin-top: 1.82292vw;
              line-height: 1.66667vw;
              font-weight: bold; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third .black-bold {
                  font-size: 3.73333vw;
                  line-height: 7.46667vw;
                  margin-top: 2.66667vw; } }
            .reason .roots .root .root-box .open-box .box-third .count-text {
              font-family: Noto Sans CJK JP;
              font-size: 0.83333vw;
              letter-spacing: 0.1em;
              color: #1a1a1a;
              line-height: 1.66667vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third .count-text {
                  font-size: 3.73333vw;
                  line-height: 7.46667vw; } }
            .reason .roots .root .root-box .open-box .box-third .middle-ttl {
              font-family: Noto Sans CJK JP;
              font-size: 0.83333vw;
              letter-spacing: 0.1em;
              color: #1a1a1a;
              margin-top: 1.82292vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third .middle-ttl {
                  font-size: 3.73333vw;
                  margin-top: 2.66667vw;
                  line-height: 7.46667vw; } }
            .reason .roots .root .root-box .open-box .box-third ul {
              margin-top: 1.82292vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box .box-third ul {
                  margin-top: 2.66667vw; } }
              .reason .roots .root .root-box .open-box .box-third ul li {
                font-family: Noto Sans CJK JP;
                font-size: 0.83333vw;
                letter-spacing: 0.1em;
                color: #1a1a1a;
                line-height: 1.66667vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box .open-box .box-third ul li {
                    font-size: 3.73333vw;
                    line-height: 7.46667vw; } }
                .reason .roots .root .root-box .open-box .box-third ul li:before {
                  content: "";
                  background-image: url("../mainfile/%F3%B0%84%B5.png");
                  background-size: cover;
                  display: inline-block;
                  margin-right: 0.52083vw;
                  vertical-align: middle;
                  width: 1.04167vw;
                  height: 1.09375vw; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box .open-box .box-third ul li:before {
                      width: 3.73333vw;
                      height: 3.73333vw;
                      margin-right: 1.33333vw; } }
        .reason .roots .root .root-box.open .open-box3 {
          display: block; }
        .reason .roots .root .root-box .open-box3 {
          display: none; }
          .reason .roots .root .root-box .open-box3::after {
            content: "";
            display: block;
            clear: both; }
          .reason .roots .root .root-box .open-box3 .sentence {
            font-family: Noto Sans CJK JP;
            font-size: 0.9375vw;
            letter-spacing: 0.1em;
            color: #1a1a1a;
            line-height: 1.875vw;
            width: 60.41667vw;
            margin: 0 auto; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box3 .sentence {
                font-size: 3.73333vw;
                line-height: 7.46667vw;
                width: 85.86667vw;
                margin: 0 auto; } }
          .reason .roots .root .root-box .open-box3 .open-box3-pic {
            margin: 3.22917vw auto 3.125vw;
            display: block;
            width: 43.64583vw;
            height: calcw(573px); }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box3 .open-box3-pic {
                width: 85.86667vw;
                height: 58.71307vw;
                margin: 8vw auto 8vw;
                padding-top: 2.66667vw; } }
          .reason .roots .root .root-box .open-box3 .red-line {
            font-family: Noto Sans CJK JP;
            font-size: 0.9375vw;
            letter-spacing: 0.1em;
            color: #e95454;
            line-height: 1.875vw;
            text-align: center; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box3 .red-line {
                font-size: 3.73333vw;
                line-height: 7.46667vw;
                margin-top: 2.66667vw; } }
          .reason .roots .root .root-box .open-box3 .big-box {
            width: 43.64583vw;
            margin: 5.57292vw auto 0; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box3 .big-box {
                width: 85.86667vw;
                margin: 5.33333vw auto 1.5625vw; } }
            .reason .roots .root .root-box .open-box3 .big-box .top-ttl {
              font-family: Noto Sans CJK JP;
              font-size: 1.25vw;
              letter-spacing: 0.3em;
              color: #1a1a1a;
              font-weight: bold; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box3 .big-box .top-ttl {
                  font-size: 4.26667vw; } }
              .reason .roots .root .root-box .open-box3 .big-box .top-ttl:before {
                content: "";
                background-image: url("../mainfile/%F3%B0%84%B0.png");
                background-size: cover;
                display: inline-block;
                vertical-align: middle;
                width: 1.25vw;
                height: 1.25vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box .open-box3 .big-box .top-ttl:before {
                    width: 4.26667vw;
                    height: 4.26667vw; } }
            .reason .roots .root .root-box .open-box3 .big-box .top-box {
              margin-top: 3.90625vw; }
              .reason .roots .root .root-box .open-box3 .big-box .top-box::after {
                content: "";
                display: block;
                clear: both; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box3 .big-box .top-box {
                  margin-top: 2.66667vw; } }
              .reason .roots .root .root-box .open-box3 .big-box .top-box .left-box {
                float: left;
                width: 26.04167vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box .open-box3 .big-box .top-box .left-box {
                    float: none;
                    width: 85.86667vw; } }
                .reason .roots .root .root-box .open-box3 .big-box .top-box .left-box .ttl {
                  font-family: Noto Sans CJK JP;
                  font-size: 0.9375vw;
                  letter-spacing: 0.1em;
                  color: #e95454;
                  margin-bottom: 1.30208vw;
                  font-weight: bold; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box .open-box3 .big-box .top-box .left-box .ttl {
                      font-size: 3.73333vw;
                      line-height: 2; } }
                .reason .roots .root .root-box .open-box3 .big-box .top-box .left-box .right-sentence {
                  font-family: Noto Sans CJK JP;
                  font-size: 0.83333vw;
                  letter-spacing: 0.1em;
                  color: #1a1a1a;
                  line-height: 1.66667vw; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box .open-box3 .big-box .top-box .left-box .right-sentence {
                      font-size: 3.73333vw;
                      line-height: 7.46667vw; } }
              .reason .roots .root .root-box .open-box3 .big-box .top-box .right-pic {
                float: right;
                display: block;
                width: 16.66667vw;
                height: 14.84375vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box .open-box3 .big-box .top-box .right-pic {
                    float: none;
                    width: 85.86667vw;
                    height: 76.47467vw;
                    margin-top: 2.66667vw; } }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box .open-box3 .big-box .top-box-second {
                margin-top: 10.66667vw; } }
            .reason .roots .root .root-box .open-box3 .big-box .under-main {
              font-family: Noto Sans CJK JP;
              font-size: 1.45833vw;
              letter-spacing: 0.3em;
              color: #1a1a1a;
              font-weight: bold;
              text-align: center;
              padding-bottom: 3.125vw;
              margin-top: 3.64583vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box .open-box3 .big-box .under-main {
                  font-size: 3.73333vw;
                  padding-bottom: 8vw; } }
      .reason .roots .root .root-box-2 {
        background-color: #ffffff;
        border-radius: 10px; }
        @media screen and (max-width: 768px) {
          .reason .roots .root .root-box-2 {
            background-color: #ffffff;
            padding-left: 4vw;
            padding-right: 4vw;
            border-radius: 10px; } }
        .reason .roots .root .root-box-2 .root-picture {
          padding-top: 2.60417vw;
          padding-bottom: 2.60417vw;
          font-size: 1.35417vw;
          font-weight: bold;
          font-family: Noto Sans CJK JP;
          color: #e95454;
          text-align: left;
          background-color: #ffffff;
          border-radius: 10px;
          padding-left: 3.64583vw;
          padding-right: 3.64583vw;
          position: relative;
          letter-spacing: 0.3em; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box-2 .root-picture {
              background-color: #ffffff;
              padding-left: 4vw;
              padding-right: 4vw;
              border-radius: 10px; } }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box-2 .root-picture {
              padding-top: 2.66667vw;
              padding-bottom: 2.66667vw;
              padding-left: 0vw;
              padding-right: 0vw;
              font-size: 3.73333vw;
              font-weight: bold;
              font-family: Noto Sans CJK JP;
              color: #e95454;
              text-align: left;
              position: relative;
              letter-spacing: 0.3em; } }
          .reason .roots .root .root-box-2 .root-picture:after {
            position: absolute;
            top: 1.04167vw;
            right: 1.04167vw; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box-2 .root-picture:after {
                position: absolute;
                top: 2.66667vw; } }
        .reason .roots .root .root-box-2 .plus-btn:after {
          content: "";
          display: inline-block;
          background-image: url("../mainfile/plus.png");
          background-size: cover;
          width: 4.6875vw;
          height: 4.6875vw; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box-2 .plus-btn:after {
              content: "";
              display: inline-block;
              background-image: url("../mainfile/plus.png");
              background-size: cover;
              width: 9.06667vw;
              height: 9.06667vw; } }
        .reason .roots .root .root-box-2 .minus-btn:after {
          content: "";
          display: inline-block;
          background-image: url("../mainfile/minus.png");
          background-size: cover;
          width: 4.6875vw;
          height: 4.6875vw; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box-2 .minus-btn:after {
              content: "";
              display: inline-block;
              background-image: url("../mainfile/minus.png");
              background-size: cover;
              width: 9.06667vw;
              height: 9.06667vw; } }
        .reason .roots .root .root-box-2.open .open-box2 {
          display: block; }
        .reason .roots .root .root-box-2 .open-box2 {
          display: none;
          padding-bottom: 3.64583vw; }
          @media screen and (max-width: 768px) {
            .reason .roots .root .root-box-2 .open-box2 {
              padding-bottom: 2.66667vw; } }
          .reason .roots .root .root-box-2 .open-box2 .top-ttl {
            font-family: Noto Sans CJK JP;
            font-size: 0.9375vw;
            letter-spacing: 0.1em;
            color: #1a1a1a;
            line-height: 1.875vw;
            width: 60.41667vw;
            margin: 0 auto; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box-2 .open-box2 .top-ttl {
                font-size: 3.73333vw;
                line-height: 7.46667vw;
                width: 85.86667vw;
                margin: 0 auto; } }
          .reason .roots .root .root-box-2 .open-box2 .big-white {
            width: 43.64583vw;
            margin: 2.60417vw auto 3.64583vw; }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box-2 .open-box2 .big-white {
                width: 85.86667vw;
                margin: 2.66667vw 0 8vw; } }
            .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth {
              display: flex;
              justify-content: space-between;
              margin-bottom: 3.125vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth {
                  margin-bottom: 5.33333vw;
                  display: block; }
                  .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth::after {
                    content: "";
                    display: block;
                    clear: both; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth .round-forth {
                font-family: Noto Sans CJK JP;
                font-size: 1.04167vw;
                letter-spacing: 0.15em;
                color: #1a1a1a;
                width: 9.375vw;
                height: 9.375vw;
                border: solid 4px #ffebeb;
                border-radius: 4.6875vw;
                text-align: center;
                line-height: 9.375vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth .round-forth {
                    width: 37.33333vw;
                    height: 37.33333vw;
                    line-height: 37.33333vw;
                    font-size: 3.73333vw;
                    margin-bottom: 2.66667vw;
                    font-weight: bold;
                    border-radius: 24vw; }
                    .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth .round-forth:nth-child(1) {
                      float: left; }
                    .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth .round-forth:nth-child(2) {
                      float: right; }
                    .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth .round-forth:nth-child(3) {
                      float: left; }
                    .reason .roots .root .root-box-2 .open-box2 .big-white .box-forth .round-forth:nth-child(4) {
                      float: right; } }
            @media screen and (max-width: 768px) {
              .reason .roots .root .root-box-2 .open-box2 .big-white .second-box {
                width: 85.86667vw;
                margin: 0 auto; } }
            .reason .roots .root .root-box-2 .open-box2 .big-white .second-box::after {
              content: "";
              display: block;
              clear: both; }
            .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .left-box {
              float: left; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .left-box {
                  float: none; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .left-box .pink {
                font-family: Noto Sans CJK JP;
                font-size: 1.04167vw;
                letter-spacing: 0.15em;
                color: #e95454;
                line-height: 1.875vw;
                font-weight: bold; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .left-box .pink {
                    font-size: 3.73333vw;
                    line-height: 7.46667vw; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .left-box .right-sentence {
                font-family: Noto Sans CJK JP;
                font-size: 0.83333vw;
                letter-spacing: 0.15em;
                color: #1a1a1a;
                line-height: 1.875vw;
                width: 25.36458vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .left-box .right-sentence {
                    font-size: 3.73333vw;
                    line-height: 7.46667vw;
                    width: 85.86667vw; } }
            .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .right-box {
              float: right;
              width: 12.5vw;
              height: 12.5vw; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box-2 .open-box2 .big-white .second-box .right-box {
                  width: 85.86667vw;
                  height: 85.86667vw;
                  margin-top: 5.33333vw; } }
            .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box {
              margin-top: 3.64583vw; }
              .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box::after {
                content: "";
                display: block;
                clear: both; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box {
                  margin-top: 5.33333vw; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box {
                float: left;
                width: 24.21875vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box {
                    width: 85.86667vw;
                    float: none; } }
                .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box .pink {
                  font-family: Noto Sans CJK JP;
                  font-size: 1.04167vw;
                  letter-spacing: 0.15em;
                  color: #e95454;
                  line-height: 1.875vw;
                  font-weight: bold; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box .pink {
                      font-size: 3.73333vw;
                      line-height: 7.46667vw; } }
                .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box .bold {
                  font-family: Noto Sans CJK JP;
                  font-size: 0.83333vw;
                  letter-spacing: 0.15em;
                  color: #1a1a1a;
                  line-height: 1.875vw;
                  font-weight: bold;
                  margin-top: 1.09375vw; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box .bold {
                      font-size: 3.73333vw;
                      line-height: 7.46667vw;
                      margin-top: 2.66667vw; } }
                .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box .under-sentence {
                  font-family: Noto Sans CJK JP;
                  font-size: 0.83333vw;
                  letter-spacing: 0.15em;
                  color: #1a1a1a;
                  line-height: 1.875vw; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .left-box .under-sentence {
                      font-size: 3.73333vw;
                      line-height: 7.46667vw; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box {
                float: right;
                width: 16.14583vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box {
                    width: 32vw;
                    float: none; } }
                .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box .middle-double-pic {
                  width: 16.14583vw;
                  height: 14.58333vw; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box .middle-double-pic {
                      width: 85.86667vw;
                      height: 80.8576vw; } }
                  .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box .middle-double-pic:nth-child(2) {
                    margin-top: 1.04167vw; }
                    @media screen and (max-width: 768px) {
                      .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box .middle-double-pic:nth-child(2) {
                        margin-top: 8vw; } }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .middle-box .right-box .middle-double-pic-tow {
                    margin-top: 5.33333vw; } }
            .reason .roots .root .root-box-2 .open-box2 .big-white .last-box {
              padding: 2.60417vw 2.34375vw;
              border: solid 0.52083vw #f8f8f8;
              margin-top: 3.64583vw;
              margin-bottom: 3.64583vw; }
              .reason .roots .root .root-box-2 .open-box2 .big-white .last-box::after {
                content: "";
                display: block;
                clear: both; }
              @media screen and (max-width: 768px) {
                .reason .roots .root .root-box-2 .open-box2 .big-white .last-box {
                  padding: 2.66667vw 2.66667vw;
                  border: solid 1.33333vw #f8f8f8;
                  margin-top: 8vw;
                  margin-bottom: 8vw; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .left-box {
                width: 20.83333vw;
                float: left; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .left-box {
                    width: 100%;
                    float: none;
                    margin: 0 auto; } }
                .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .left-box .ttl {
                  font-family: Noto Sans CJK JP;
                  font-size: 1.25vw;
                  letter-spacing: 0.15em;
                  color: #e95454;
                  line-height: 1.875vw;
                  font-weight: bold; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .left-box .ttl {
                      font-size: 3.73333vw;
                      line-height: 7.46667vw; } }
                .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .left-box .last-sentence {
                  font-family: Noto Sans CJK JP;
                  font-size: 0.83333vw;
                  letter-spacing: 0.15em;
                  color: #1a1a1a;
                  line-height: 1.875vw; }
                  @media screen and (max-width: 768px) {
                    .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .left-box .last-sentence {
                      font-size: 3.73333vw;
                      line-height: 7.46667vw; } }
              .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .right-box {
                float: right;
                width: 13.54167vw;
                height: 7.91667vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .last-box .right-box {
                    width: 77.86667vw;
                    height: 47.46667vw;
                    float: none; } }
            .reason .v-title {
                    color:#fff;
                    text-align:center; 
            }
            .reason .video-box {
              position: relative;text-align:center;}
              .reason .video-box .video {
                width: 43.64583vw;
                height: 24.27083vw;
                margin: 3vw auto; }
                @media screen and (max-width: 768px) {
              .reason .video-box .video {
                  width: 86vw; 
                  height: 48vw;}}             
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .video-box .video {
                    width: 85.86667vw;
                    height: 47.46667vw;
                    margin: 0 auto; } }
              .reason .video-box .play-button {
                width: 8.54167vw;
                height: 8.54167vw;
                position: absolute;
                top: 7.86458vw;
                left: 45vw; }
                @media screen and (max-width: 768px) {
                  .reason .roots .root .root-box-2 .open-box2 .big-white .video-box .play-button {
                    width: 16vw;
                    height: 16vw;
                    top: 14.13333vw;
                    left: 34.66667vw; } }

.word-of-mouth h2 {
  font-family: Noto Sans CJK JP;
  font-size: 2.08333vw;
  font-weight: bold;
/*  margin-top: 5.20833vw;*/
  margin: 5.20833vw 0;
  text-align: center;
  color: #e95454;
  letter-spacing: 0.3em; }
  @media screen and (max-width: 768px) {
    .word-of-mouth h2 {
      font-family: Noto Sans CJK JP;
      font-size: 5.33333vw;
      font-weight: bold;
      margin-top: 13.33333vw;
      text-align: center;
      color: #e95454;
      letter-spacing: 0.3em; } }

.word-of-mouth .examples {
  width: 67.70833vw;
  margin: auto; }
  @media screen and (max-width: 768px) {
    .word-of-mouth .examples {
      width: 94.66667vw;
      margin: auto; } }
  .word-of-mouth .examples .example {
    margin-top: 2.65625vw; }
    .word-of-mouth .examples .example::after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (max-width: 768px) {
      .word-of-mouth .examples .example:nth-child(n + 2) {
        display: none; } }
    @media screen and (max-width: 768px) {
      .word-of-mouth .examples .example {
        margin-top: 4.53333vw;
        flex-direction: column;
        display: flex; } }
    .word-of-mouth .examples .example .picture-area {
      float: left; }
      @media screen and (max-width: 768px) {
        .word-of-mouth .examples .example .picture-area {
          float: none;
          order: 2;
          margin-top: 10.66667vw; } }
      .word-of-mouth .examples .example .picture-area .example-pic {
        width: 28.4375vw;
        height: 17.44792vw; }
        @media screen and (max-width: 768px) {
          .word-of-mouth .examples .example .picture-area .example-pic {
            width: 94.66667vw;
            height: 58.13333vw; } }
    .word-of-mouth .examples .example .case {
      float: right;
      width: 36.61458vw; }
      @media screen and (max-width: 768px) {
        .word-of-mouth .examples .example .case {
          float: none;
          width: 94.66667vw;
          margin-left: 0px;
          order: 1; } }
      .word-of-mouth .examples .example .case .place {
        font-family: Noto Sans CJK JP;
        font-size: 1.5625vw;
        font-weight: bold;
        color: #1a1a1a;
        border-bottom: solid 0.26042vw #1a1a1a;
        padding-bottom: 0.52083vw;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .word-of-mouth .examples .example .case .place {
            font-family: Noto Sans CJK JP;
            font-size: 4.26667vw;
            font-weight: bold;
            color: #1a1a1a;
            border-bottom: solid 0.8vw #1a1a1a;
            padding-bottom: 2.66667vw;
            letter-spacing: 0.3em; } }
      .word-of-mouth .examples .example .case .area-people {
        margin-top: 1.45833vw; }
        .word-of-mouth .examples .example .case .area-people::after {
          content: "";
          display: block;
          clear: both; }
        .word-of-mouth .examples .example .case .area-people .area {
          background-color: #e95454;
          color: #ffffff;
          font-size: 0.72917vw;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          border-radius: 50px;
          padding: 0.41667vw 1.5625vw;
          float: left;
          letter-spacing: 0.3em; }
          @media screen and (max-width: 768px) {
            .word-of-mouth .examples .example .case .area-people .area {
              background-color: #e95454;
              color: #ffffff;
              font-size: 3.2vw;
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              border-radius: 50px;
              padding: 1.06667vw 2.66667vw;
              float: left;
              letter-spacing: 0.3em; } }
        .word-of-mouth .examples .example .case .area-people .people {
          float: left;
          margin-left: 0.88542vw;
          background-color: #e95454;
          color: #ffffff;
          font-size: 0.72917vw;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          border-radius: 50px;
          padding: 0.41667vw 1.5625vw;
          letter-spacing: 0.3em; }
          @media screen and (max-width: 768px) {
            .word-of-mouth .examples .example .case .area-people .people {
              background-color: #e95454;
              color: #ffffff;
              font-size: 3.2vw;
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              border-radius: 50px;
              padding: 1.06667vw 2.66667vw;
              float: left;
              letter-spacing: 0.3em;
              margin-left: 2.66667vw; } }
      @media screen and (max-width: 768px) {
        .word-of-mouth .examples .example .case .contents {
          width: 94.66667vw;
          margin: 0px auto;
          display: block; } }
      .word-of-mouth .examples .example .case .contents .c-reason .reason-pic {
        margin-top: 1.66667vw;
        background-color: #ffffff;
        color: #e95454;
        font-size: 0.9375vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 7px 10px;
        max-width: 100%;
        background: #ffffff;
        border: solid 1px #e95454;
        box-sizing: border-box;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .word-of-mouth .examples .example .case .contents .c-reason .reason-pic {
            margin-top: 5.33333vw;
            background-color: #ffffff;
            color: #e95454;
            font-size: 3.73333vw;
            font-family: Noto Sans CJK JP;
            font-weight: bold;
            position: relative;
            display: inline-block;
            padding: 7px 10px;
            max-width: 100%;
            background: #ffffff;
            border: solid 1px #e95454;
            box-sizing: border-box;
            letter-spacing: 0.3em; } }
        .word-of-mouth .examples .example .case .contents .c-reason .reason-pic:before {
          content: "";
          position: absolute;
          bottom: -15px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #ffffff;
          z-index: 2; }
        .word-of-mouth .examples .example .case .contents .c-reason .reason-pic:after {
          content: "";
          position: absolute;
          bottom: -16px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #e95454;
          z-index: 1; }
      .word-of-mouth .examples .example .case .contents .c-reason .reason-case {
        margin-top: 0.83333vw;
        font-family: Noto Sans CJK JP;
        font-size: 0.83333vw;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 1.66667vw;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 768px) {
          .word-of-mouth .examples .example .case .contents .c-reason .reason-case {
            margin-top: 2.66667vw;
            font-family: Noto Sans CJK JP;
            font-size: 3.73333vw;
            font-weight: bold;
            color: #1a1a1a;
            line-height: 7.46667vw;
            letter-spacing: 0.1em; } }
      .word-of-mouth .examples .example .case .contents .c-solution .solution-pic {
        margin-top: 1.66667vw;
        background-color: #ffffff;
        color: #e95454;
        font-size: 0.9375vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 7px 10px;
        max-width: 100%;
        background: #ffffff;
        border: solid 1px #e95454;
        box-sizing: border-box;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .word-of-mouth .examples .example .case .contents .c-solution .solution-pic {
            margin-top: 5.33333vw;
            background-color: #ffffff;
            color: #e95454;
            font-size: 3.73333vw;
            font-family: Noto Sans CJK JP;
            font-weight: bold;
            position: relative;
            display: inline-block;
            padding: 7px 10px;
            max-width: 100%;
            background: #ffffff;
            border: solid 1px #e95454;
            box-sizing: border-box;
            letter-spacing: 0.3em; } }
        .word-of-mouth .examples .example .case .contents .c-solution .solution-pic:before {
          content: "";
          position: absolute;
          bottom: -15px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #ffffff;
          z-index: 2; }
        .word-of-mouth .examples .example .case .contents .c-solution .solution-pic:after {
          content: "";
          position: absolute;
          bottom: -16px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #e95454;
          z-index: 1; }
      .word-of-mouth .examples .example .case .contents .solution-case {
        margin-top: 0.83333vw;
        font-family: Noto Sans CJK JP;
        font-size: 0.83333vw;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 1.66667vw;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 768px) {
          .word-of-mouth .examples .example .case .contents .solution-case {
            margin-top: 2.66667vw;
            font-family: Noto Sans CJK JP;
            font-size: 3.73333vw;
            font-weight: bold;
            color: #1a1a1a;
            line-height: 7.46667vw;
            letter-spacing: 0.1em; } }
    .word-of-mouth .examples .example .picture-area-right {
      float: right; }
      .word-of-mouth .examples .example .picture-area-right .example-pic {
        width: 28.4375vw;
        height: 17.44792vw; }
    .word-of-mouth .examples .example .case-right {
      float: left;
      width: 36.61458vw; }
      .word-of-mouth .examples .example .case-right .place {
        font-family: Noto Sans CJK JP;
        font-size: 1.5625vw;
        font-weight: bold;
        color: #1a1a1a;
        border-bottom: solid 0.26042vw #1a1a1a;
        padding-bottom: 0.52083vw;
        letter-spacing: 0.3em; }
      .word-of-mouth .examples .example .case-right .area-people {
        margin-top: 1.45833vw; }
        .word-of-mouth .examples .example .case-right .area-people::after {
          content: "";
          display: block;
          clear: both; }
        .word-of-mouth .examples .example .case-right .area-people .area {
          background-color: #e95454;
          color: #ffffff;
          font-size: 0.72917vw;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          border-radius: 50px;
          padding: 0.41667vw 1.5625vw;
          float: left;
          letter-spacing: 0.3em; }
        .word-of-mouth .examples .example .case-right .area-people .people {
          float: left;
          margin-left: 0.88542vw;
          background-color: #e95454;
          color: #ffffff;
          font-size: 0.72917vw;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          border-radius: 50px;
          padding: 0.41667vw 1.5625vw;
          letter-spacing: 0.3em; }
      .word-of-mouth .examples .example .case-right .contents .c-reason .reason-pic {
        margin-top: 1.66667vw;
        background-color: #ffffff;
        color: #e95454;
        font-size: 0.9375vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 7px 10px;
        max-width: 100%;
        background: #ffffff;
        border: solid 1px #e95454;
        box-sizing: border-box;
        letter-spacing: 0.3em; }
        .word-of-mouth .examples .example .case-right .contents .c-reason .reason-pic:before {
          content: "";
          position: absolute;
          bottom: -15px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #ffffff;
          z-index: 2; }
        .word-of-mouth .examples .example .case-right .contents .c-reason .reason-pic:after {
          content: "";
          position: absolute;
          bottom: -16px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #e95454;
          z-index: 1; }
      .word-of-mouth .examples .example .case-right .contents .c-reason .reason-case {
        margin-top: 0.83333vw;
        font-family: Noto Sans CJK JP;
        font-size: 0.83333vw;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 1.66667vw;
        letter-spacing: 0.1em; }
      .word-of-mouth .examples .example .case-right .contents .c-solution .solution-pic {
        margin-top: 1.66667vw;
        background-color: #ffffff;
        color: #e95454;
        font-size: 0.9375vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 7px 10px;
        max-width: 100%;
        background: #ffffff;
        border: solid 1px #e95454;
        box-sizing: border-box;
        letter-spacing: 0.3em; }
        .word-of-mouth .examples .example .case-right .contents .c-solution .solution-pic:before {
          content: "";
          position: absolute;
          bottom: -15px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #ffffff;
          z-index: 2; }
        .word-of-mouth .examples .example .case-right .contents .c-solution .solution-pic:after {
          content: "";
          position: absolute;
          bottom: -16px;
          left: 1.5625vw;
          margin-left: -0.52083vw;
          border: 8px solid transparent;
          border-top: 8px solid #e95454;
          z-index: 1; }
      .word-of-mouth .examples .example .case-right .contents .c-solution .solution-case {
        margin-top: 0.83333vw;
        font-family: Noto Sans CJK JP;
        font-size: 0.83333vw;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 1.66667vw;
        letter-spacing: 0.1em; }

.list .title {
  font-family: Noto Sans CJK JP;
  font-weight: bold;
  font-size: 2.08333vw;
  color: #e95454;
  letter-spacing: 0.3em;
  margin-top: 6.25vw;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .list .title {
      font-family: Noto Sans CJK JP;
      font-weight: bold;
      font-size: 5.33333vw;
      color: #e95454;
      letter-spacing: 0.3em;
      margin-top: 10.66667vw;
      text-align: center;
      line-height: 10.13333vw; } }
  .list .title .sp {
    display: none; }
    @media screen and (max-width: 768px) {
      .list .title .sp {
        display: block; } }

.list .views {
  margin-top: 3.125vw; }
  @media screen and (max-width: 768px) {
    .list .views {
      width: 94.66667vw;
      margin: 8vw auto 0; } }
  .list .views .view {
    width: 67.70833vw;
    margin: auto;
    display: flex;
    margin-top: 2.86458vw; }
    @media screen and (max-width: 768px) {
      .list .views .view {
        width: 94.66667vw;
        margin-top: 8vw; }
        .list .views .view:nth-child(n + 4) {
          display: none; } }
    .list .views .view:nth-child(1) {
      width: 67.70833vw;
      margin: auto;
      display: flex;
      margin-top: 0; }
      @media screen and (max-width: 768px) {
        .list .views .view:nth-child(1) {
          width: 94.66667vw;
          margin-top: 0; } }
    .list .views .view .view-box {
      margin-right: 1.82292vw; }
      @media screen and (max-width: 768px) {
        .list .views .view .view-box {
          width: 45.86667vw;
          flex-direction: column;
          display: flex; }
          .list .views .view .view-box:nth-child(n + 3) {
            display: none; } }
      .list .views .view .view-box .field {
        width: 21.35417vw;
        height: 12.5vw; }
        @media screen and (max-width: 768px) {
          .list .views .view .view-box .field {
            width: 45.86667vw;
            height: 27.73333vw; } }
      .list .views .view .view-box .name {
        font-family: Noto Sans CJK JP;
        font-size: 1.04167vw;
        font-weight: bold;
        margin-top: 1.04167vw;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .list .views .view .view-box .name {
            order: 2;
            margin-top: 2.66667vw;
            letter-spacing: 0.1em;
            font-size: 3.73333vw; } }
      .list .views .view .view-box:nth-child(3) {
        margin-right: 0; }
    .list .views .view .area-people {
      margin-top: 0.78125vw; }
      @media screen and (max-width: 768px) {
        .list .views .view .area-people {
          order: 1; } }
      .list .views .view .area-people .area {
        background-color: #e95454;
        color: #ffffff;
        font-size: 0.72917vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        border-radius: 50px;
        padding: 0.41667vw 0.78125vw;
        float: left;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .list .views .view .area-people .area {
            background-color: #ffffff;
            color: #e95454;
            font-size: 3.2vw;
            font-family: Noto Sans CJK JP;
            font-weight: bold;
            border-radius: 0px;
            padding: 0vw 0vw;
            float: none;
            letter-spacing: 0.1em;
            margin-top: 2.93333vw; } }
      .list .views .view .area-people .people {
        float: left;
        margin-left: 0.88542vw;
        background-color: #e95454;
        color: #ffffff;
        font-size: 0.72917vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        border-radius: 50px;
        padding: 0.41667vw 0.78125vw;
        letter-spacing: 0.3em; }
        @media screen and (max-width: 768px) {
          .list .views .view .area-people .people {
            background-color: #ffffff;
            color: #e95454;
            font-size: 3.2vw;
            font-family: Noto Sans CJK JP;
            font-weight: bold;
            border-radius: 0px;
            padding: 0vw 0vw;
            float: none;
            letter-spacing: 0.1em;
            margin-left: 0vw;
            margin-top: 2.93333vw; } }
.list .owner {
    clear: left;
    padding-top: 0.5vw;
    font-size: 1vw;
}
@media screen and (max-width: 768px) {
    .list .owner {
    padding-top: 1vw;
    font-size: 2.2vw;
}}

.manual {
  width: 67.70833vw;
  margin: auto; }
  @media screen and (max-width: 768px) {
    .manual {
      width: 94.66667vw; } }
  @media screen and (max-width: 768px) {
    .manual .title-one {
      margin-top: 16vw;
      margin-bottom: 11.73333vw; } }
  .manual .title-one .sentence {
    font-family: Noto Sans CJK JP;
    font-size: 2.08333vw;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    margin-top: 6.25vw;
    color: #e95454; }
    @media screen and (max-width: 768px) {
      .manual .title-one .sentence {
        font-size: 5.33333vw;
        letter-spacing: 0.2em; }
        .manual .title-one .sentence .sp {
          display: block; }
        .manual .title-one .sentence .pc {
          display: none; } }
    .manual .title-one .sentence .sp {
      display: none; }
  .manual .area {
    border: solid 0.78125vw #f8f8f8;
    margin-top: 3.90625vw; }
    @media screen and (max-width: 768px) {
      .manual .area {
        border: solid 1.33333vw #f8f8f8; } }
    .manual .area .speach-box {
      display: flex;
      justify-content: center;
      margin-top: 3.90625vw; }
      @media screen and (max-width: 768px) {
        .manual .area .speach-box {
          margin-top: 2.66667vw;
          display: block; } }
      .manual .area .speach-box .speach {
        background-color: #e95454;
        color: #ffffff;
        font-size: 0.9375vw;
        font-family: Noto Sans CJK JP;
        font-weight: bold;
        display: inline-block;
        padding-top: 0.78125vw;
        padding-bottom: 0.78125vw;
        width: 15.625vw;
        max-width: 100%;
        border: solid 1px #e95454;
        box-sizing: border-box;
        letter-spacing: 0.3em;
        text-align: center;
        cursor: pointer;
        cursor: hand; }
        @media screen and (max-width: 768px) {
          .manual .area .speach-box .speach {
            font-size: 3.73333vw;
            margin-top: 3.125vw;
            width: 94.66667vw;
            padding-top: 4vw;
            padding-bottom: 4vw; } }
      .manual .area .speach-box .right {
        margin-left: 1.04167vw;
        background-color: #ffffff;
        color: #e95454; }
        @media screen and (max-width: 768px) {
          .manual .area .speach-box .right {
            margin-left: initial;
            margin-top: 4vw;
            margin-bottom: 8vw; } }
    .manual .area .box {
      margin-top: 1.04167vw; }
      @media screen and (max-width: 768px) {
        .manual .area .box {
          margin-top: 0px; } }
      .manual .area .box .box2 {
        display: none; }
        .manual .area .box .box2 .middle-box {
          display: flex;
          justify-content: center; }
          @media screen and (max-width: 768px) {
            .manual .area .box .box2 .middle-box {
              display: block; } }
          @media screen and (max-width: 768px) {
            .manual .area .box .box2 .middle-box .li-box {
              margin-left: 8vw; } }
          .manual .area .box .box2 .middle-box .li-box:nth-child(2) {
            margin-left: 3.22917vw; }
            @media screen and (max-width: 768px) {
              .manual .area .box .box2 .middle-box .li-box:nth-child(2) {
                margin-left: 8vw; } }
          .manual .area .box .box2 .middle-box .li-box:nth-child(3) {
            margin-left: 3.22917vw; }
            @media screen and (max-width: 768px) {
              .manual .area .box .box2 .middle-box .li-box:nth-child(3) {
                margin-left: 8vw; } }
            .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary {
              margin-top: 0; }
              .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary li span {
                display: inline-block;
                font-size: 0.625vw;
                width: 18.22917vw;
                height: 2.1875vw;
                line-height: 1.04167vw;
                letter-spacing: 0.15em; }
                @media screen and (max-width: 768px) {
                  .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary li span {
                    font-size: 3.2vw;
                    line-height: 6.4vw;
                    width: 74.93333vw;
                    letter-spacing: 0.1em; } }
              .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary li .sp {
                display: none; }
                @media screen and (max-width: 768px) {
                  .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary li .sp .sp {
                    display: block; } }
              .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary li .pc {
                display: block; }
                .manual .area .box .box2 .middle-box .li-box:nth-child(3) .list-summary li .pc .pc {
                  display: none; }
          .manual .area .box .box2 .middle-box .li-box .list-summary ul li {
            font-family: Noto Sans CJK JP;
            font-size: 0.9375vw;
            font-weight: 500;
            letter-spacing: 0.15em;
            line-height: 2.08333vw;
            color: #1a1a1a; }
            @media screen and (max-width: 768px) {
              .manual .area .box .box2 .middle-box .li-box .list-summary ul li {
                font-family: Noto Sans CJK JP;
                font-size: 3.73333vw;
                font-weight: 500;
                letter-spacing: 0.15em;
                line-height: 7.46667vw;
                color: #1a1a1a; } }
            .manual .area .box .box2 .middle-box .li-box .list-summary ul li span {
              display: inline-block;
              font-size: 0.625vw;
              width: 14.27083vw;
              height: 2.1875vw;
              line-height: 1.04167vw;
              letter-spacing: 0.15em; }
              @media screen and (max-width: 768px) {
                .manual .area .box .box2 .middle-box .li-box .list-summary ul li span {
                  font-size: 3.2vw;
                  line-height: 6.4vw;
                  width: 73.06667vw; } }
            .manual .area .box .box2 .middle-box .li-box .list-summary ul li:before {
              content: "";
              background-image: url("../mainfile/%F3%B0%84%B5.png");
              width: 1.04167vw;
              height: 1.09375vw;
              background-size: cover;
              display: inline-block;
              vertical-align: middle;
              margin-right: 0.72917vw; }
              @media screen and (max-width: 768px) {
                .manual .area .box .box2 .middle-box .li-box .list-summary ul li:before {
                  width: 5.33333vw;
                  height: 5.6vw; } }
      .manual .area .box .box2-nine .middle-box {
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 768px) {
          .manual .area .box .box2-nine .middle-box {
            display: block; } }
        @media screen and (max-width: 768px) {
          .manual .area .box .box2-nine .middle-box .li-box {
            margin-left: 8vw; } }
        .manual .area .box .box2-nine .middle-box .li-box:nth-child(2) {
          margin-left: 3.22917vw; }
          @media screen and (max-width: 768px) {
            .manual .area .box .box2-nine .middle-box .li-box:nth-child(2) {
              margin-left: 8vw; } }
        .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) {
          margin-left: 3.22917vw; }
          @media screen and (max-width: 768px) {
            .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) {
              margin-left: 8vw; } }
          .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary {
            margin-top: 0; }
            .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary li span {
              display: inline-block;
              font-size: 0.625vw;
              width: 18.22917vw;
              height: 2.1875vw;
              line-height: 1.04167vw;
              letter-spacing: 0.15em; }
              @media screen and (max-width: 768px) {
                .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary li span {
                  font-size: 3.2vw;
                  line-height: 6.4vw;
                  width: 74.93333vw;
                  letter-spacing: 0.1em; } }
            .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary li .sp {
              display: none; }
              @media screen and (max-width: 768px) {
                .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary li .sp .sp {
                  display: block; } }
            .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary li .pc {
              display: block; }
              .manual .area .box .box2-nine .middle-box .li-box:nth-child(3) .list-summary li .pc .pc {
                display: none; }
        .manual .area .box .box2-nine .middle-box .li-box .list-summary ul li {
          font-family: Noto Sans CJK JP;
          font-size: 0.9375vw;
          font-weight: 500;
          letter-spacing: 0.15em;
          line-height: 2.08333vw;
          color: #1a1a1a; }
          @media screen and (max-width: 768px) {
            .manual .area .box .box2-nine .middle-box .li-box .list-summary ul li {
              font-family: Noto Sans CJK JP;
              font-size: 3.73333vw;
              font-weight: 500;
              letter-spacing: 0.15em;
              line-height: 7.46667vw;
              color: #1a1a1a; } }
          .manual .area .box .box2-nine .middle-box .li-box .list-summary ul li span {
            display: inline-block;
            font-size: 0.625vw;
            width: 14.27083vw;
            height: 2.1875vw;
            line-height: 1.04167vw;
            letter-spacing: 0.15em; }
            @media screen and (max-width: 768px) {
              .manual .area .box .box2-nine .middle-box .li-box .list-summary ul li span {
                font-size: 3.2vw;
                line-height: 6.4vw;
                width: 73.06667vw; } }
          .manual .area .box .box2-nine .middle-box .li-box .list-summary ul li:before {
            content: "";
            background-image: url("../mainfile/%F3%B0%84%B5.png");
            width: 1.04167vw;
            height: 1.09375vw;
            background-size: cover;
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.72917vw; }
            @media screen and (max-width: 768px) {
              .manual .area .box .box2-nine .middle-box .li-box .list-summary ul li:before {
                width: 5.33333vw;
                height: 5.6vw; } }
      .manual .area .box .contact1 {
        margin-top: 4.0625vw;
        margin-bottom: 3.85417vw; }
        .manual .area .box .contact1 .ttl {
          margin-top: caclvw(78px);
          font-size: 1.25vw;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          color: #1a1a1a;
          text-align: center; }
          @media screen and (max-width: 768px) {
            .manual .area .box .contact1 .ttl {
              margin-top: 8vw;
              margin-bottom: 8vw;
              font-size: 4vw; } }
          .manual .area .box .contact1 .ttl span {
            font-size: 2.08333vw;
            color: #e95454; }
            @media screen and (max-width: 768px) {
              .manual .area .box .contact1 .ttl span {
                font-size: 7.46667vw; } }
        .manual .area .box .contact1 .box-2 {
          margin: auto;
          width: 52.08333vw; }
          .manual .area .box .contact1 .box-2::after {
            content: "";
            display: block;
            clear: both; }
          @media screen and (max-width: 768px) {
            .manual .area .box .contact1 .box-2 {
              width: 94.66667vw;
              margin: auto; } }
          .manual .area .box .contact1 .box-2 .phone-number {
            margin-top: 1.82292vw;
            float: left; }
            @media screen and (max-width: 768px) {
              .manual .area .box .contact1 .box-2 .phone-number {
                float: none;
                margin-top: 5.33333vw;
                margin-left: 0; } }
            .manual .area .box .contact1 .box-2 .phone-number .tell {
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              font-size: 2.03125vw;
              color: #1a1a1a;
              margin-left: 1.04167vw;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 768px) {
                .manual .area .box .contact1 .box-2 .phone-number .tell {
                  font-family: Noto Sans CJK JP;
                  font-weight: bold;
                  font-size: 8.53333vw;
                  margin-left: 0vw; } }
              .manual .area .box .contact1 .box-2 .phone-number .tell:before {
                width: 2.03125vw;
                height: 2.03125vw;
                content: "";
                display: inline-block;
                background-image: url("../mainfile/phone-logo.png");
                background-size: cover;
                margin-right: 1.04167vw;
                vertical-align: middle; }
                @media screen and (max-width: 768px) {
                  .manual .area .box .contact1 .box-2 .phone-number .tell:before {
                    width: 8.53333vw;
                    height: 8.53333vw;
                    margin-left: 9.33333vw; } }
            .manual .area .box .contact1 .box-2 .phone-number .time {
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              font-size: 0.83333vw;
              color: #1a1a1a;
              margin-top: 0.625vw;
              margin-left: 4.11458vw;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 768px) {
                .manual .area .box .contact1 .box-2 .phone-number .time {
                  font-size: 4.26667vw;
                  margin-top: 2.66667vw;
                  margin-left: 9.33333vw; } }
          .manual .area .box .contact1 .box-2 .contact-btn {
            float: left;
            margin-top: 1.82292vw;
            margin-left: 2.34375vw;
            background-color: #e95454;
            width: 26.77083vw;
            height: 3.75vw;
            text-align: center;
            position: relative; }
            @media screen and (max-width: 768px) {
              .manual .area .box .contact1 .box-2 .contact-btn {
                float: none;
                width: 84vw;
                height: 14.93333vw;
                margin: 5.33333vw auto 0; } }
            .manual .area .box .contact1 .box-2 .contact-btn .btn {
              color: #ffffff;
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              font-size: 0.83333vw;
              line-height: 3.75vw;
              letter-spacing: 0.1em; }
              @media screen and (max-width: 768px) {
                .manual .area .box .contact1 .box-2 .contact-btn .btn {
                  line-height: 14.93333vw;
                  font-size: 4.26667vw; } }
              .manual .area .box .contact1 .box-2 .contact-btn .btn:before {
                content: "";
                background-image: url("../mainfile/plane-logo.png");
                background-size: cover;
                width: 1.04167vw;
                height: 1.04167vw;
                display: inline-block;
                margin-right: 0.52083vw;
                vertical-align: middle; }
                @media screen and (max-width: 768px) {
                  .manual .area .box .contact1 .box-2 .contact-btn .btn:before {
                    width: 5.33333vw;
                    height: 5.6vw; } }
            .manual .area .box .contact1 .box-2 .contact-btn .logo {
              position: absolute;
              top: -7.29167vw;
              right: -3.125vw;
              width: 10.9375vw;
              height: 6.35417vw; }
              @media screen and (max-width: 768px) {
                .manual .area .box .contact1 .box-2 .contact-btn .logo {
                  display: none; } }

.fee {
  width: 67.70833vw;
  margin: auto;
  margin-top: 6.25vw; }
  @media screen and (max-width: 768px) {
    .fee {
      margin-top: 0;
      width: 94.66667vw; } }
  .fee .flow {
    margin-top: 6.25vw; }
    @media screen and (max-width: 768px) {
      .fee .flow {
        margin: 18.4vw auto 0; } }
    .fee .flow .ttl {
      color: #1a1a1a;
      font-family: Noto Sans CJK JP;
/*      font-size: 1.25vw;*/
        font-size: 2.5vw;
      font-weight: bold;
      letter-spacing: 0.1em;
      padding-bottom: 1.09375vw;
      border-bottom: solid 2px #9d9d9d;
      margin-top: 6.25vw; }
      @media screen and (max-width: 768px) {
        .fee .flow .ttl {
          font-family: Noto Sans CJK JP;
          font-size: 4.26667vw;
          padding-bottom: 2.66667vw;
          border-bottom: solid 0.8vw #1a1a1a;
          color: #1a1a1a;
          font-weight: bold;
          width: 94.66667vw;
          margin: 18.4vw auto 0; } }
    .fee .flow .media-pic-sp {
      display: none; }
      @media screen and (max-width: 768px) {
        .fee .flow .media-pic-sp {
          display: block;
          width: 94.66667vw;
          margin: 2.66667vw auto 0; } }
    .fee .flow .image {
      margin: auto;
      width: 43.59375vw;
      height: 2.80625vw;
      margin-top: 1.5625vw; }
      @media screen and (max-width: 768px) {
        .fee .flow .image {
          display: none; } }
      .fee .flow .image .logo {
        width: 43.59375vw;
        height: 2.80625vw; }
    .fee .flow .big-box {
      margin-top: 1.66667vw; }
      @media screen and (max-width: 768px) {
        .fee .flow .big-box {
          display: none; } }
      .fee .flow .big-box .left-box {
        display: flex;
        justify-content: space-between; }
        .fee .flow .big-box .left-box:nth-child(2) {
          margin-top: 1.04167vw; }
        .fee .flow .big-box .left-box .box {
/*          width: 33.17708vw;*/
          width: 30vw;
          background-color: #f8f8f8; }
          .fee .flow .big-box .left-box .box::after {
            content: "";
            display: block;
            clear: both; }
          .fee .flow .big-box .left-box .box .caption {
            font-family: Noto Sans CJK JP;
            font-size: 1.25vw;
            font-weight: bold;
            letter-spacing: 0.1em;
            padding-top: 1.5625vw;
            margin-left: 1.5625vw;
            color: #1a1a1a;
            margin-bottom: 0.78125vw; }
          .fee .flow .big-box .left-box .box .left-list {
            float: left; }
            .fee .flow .big-box .left-box .box .left-list ul li {
              font-family: Noto Sans CJK JP;
              font-size: 0.83333vw;
              margin-left: 1.5625vw;
              letter-spacing: 0.1em;
              color: #1a1a1a;
              line-height: 1.66667vw; }
              .fee .flow .big-box .left-box .box .left-list ul li:before {
                content: "";
                background-image: url("../mainfile/%F3%B0%84%B5.png");
                width: 1.04167vw;
                height: 1.09375vw;
                background-size: cover;
                display: inline-block;
                vertical-align: middle;
                margin-right: 0.72917vw; }
/*              .fee .flow .big-box .left-box .box .left-list ul li:nth-child(3) {
                padding-bottom: 1.5625vw; } */
          .fee .flow .big-box .left-box .box .right-list {
            float: left; }
            .fee .flow .big-box .left-box .box .right-list ul li {
              font-family: Noto Sans CJK JP;
              font-size: 0.83333vw;
              margin-left: 2.34375vw;
              letter-spacing: 0.1em;
              color: #1a1a1a;
              line-height: 1.66667vw; }
              .fee .flow .big-box .left-box .box .right-list ul li:before {
                content: "";
                background-image: url("../mainfile/%F3%B0%84%B5.png");
                width: 1.04167vw;
                height: 1.09375vw;
                background-size: cover;
                display: inline-block;
                vertical-align: middle;
                margin-right: 0.72917vw; }
      .fee .flow .big-box .big-box2 {
        display: flex;
        justify-content: space-between; }
      .arback {background: url("../mainfile/arrow3.png") center no-repeat;}
      .eqback {background: url("../mainfile/equal.png") center no-repeat;}
/*    .box-50 {background: url("../mainfile/box-01.png") right bottom no-repeat;}
    .box-51 {background: url("../mainfile/box-02.png") right bottom no-repeat;}
    .box-52 {background: url("../mainfile/box-03.png") right bottom no-repeat;}
    .box-53 {background: url("../mainfile/box-04.png") right bottom no-repeat;}*/

    .box-50 {
                background-image: url("../mainfile/box-01.png") ;
                background-image: image-set(url(../mainfile/box-01.png) 1x, url(../mainfile/box-01x2.png) 2x);
                background-image: -webkit-image-set(../mainfile/box-01.png) 1x, url(../mainfile/box-01x2.png) 2x);}
    .box-51 {
                background-image: url("../mainfile/box-02.png") ;
                background-image: image-set(url(../mainfile/box-02.png) 1x, url(../mainfile/box-02x2.png) 2x);
                background-image: -webkit-image-set(../mainfile/box-02.png) 1x, url(../mainfile/box-02x2.png) 2x);}
    .box-52 {
                background-image: url("../mainfile/box-03.png") ;
                background-image: image-set(url(../mainfile/box-03.png) 1x, url(../mainfile/box-03x2.png) 2x);
                background-image: -webkit-image-set(../mainfile/box-03.png) 1x, url(../mainfile/box-03x2.png) 2x);}
    .box-53 {
                background-image: url("../mainfile/box-04.png") ;
                background-image: image-set(url(../mainfile/box-04.png) 1x, url(../mainfile/box-04x2.png) 2x);
                background-image: -webkit-image-set(../mainfile/box-04.png) 1x, url(../mainfile/box-04x2.png) 2x);}

    .box-50, .box-51, .box-52, .box-53 {background-position: right bottom;}
    .box-50, .box-51, .box-52, .box-53 {background-repeat: no-repeat;}

        .fee .flow .big-box .big-box2 .left-box2 {
          margin-top: 1.04167vw; }
          .fee .flow .big-box .big-box2 .left-box2 .box {
/*            width: 33.17708vw;*/
            width: 30vw;
            background-color: #f8f8f8; }
            .fee .flow .big-box .big-box2 .left-box2 .box:nth-child(2) {
              margin-top: 1.04167vw; }
            .fee .flow .big-box .big-box2 .left-box2 .box .caption {
              font-family: Noto Sans CJK JP;
              font-size: 1.25vw;
              font-weight: bold;
              letter-spacing: 0.1em;
              padding-top: 1.5625vw;
              margin-left: 1.5625vw;
              color: #1a1a1a;
              margin-bottom: 0.78125vw; }
            .fee .flow .big-box .big-box2 .left-box2 .box .top::after {
              content: "";
              display: block;
              clear: both; }
            .fee .flow .big-box .big-box2 .left-box2 .box .top .left-list {
              float: left; }
              .fee .flow .big-box .big-box2 .left-box2 .box .top .left-list ul li {
                font-family: Noto Sans CJK JP;
                font-size: 0.83333vw;
                margin-left: 1.5625vw;
                letter-spacing: 0.1em;
                color: #1a1a1a;
                line-height: 1.66667vw; }
                .fee .flow .big-box .big-box2 .left-box2 .box .top .left-list ul li span {
                  color: #1a1a1a;
                  font-family: Noto Sans CJK JP;
                  font-size: 0.625vw;
                  width: 10.67708vw;
                  height: 1.875vw;
                  display: block;
                  line-height: 1.04167vw; }
                .fee .flow .big-box .big-box2 .left-box2 .box .top .left-list ul li:before {
                  content: "";
                  background-image: url("../mainfile/%F3%B0%84%B5.png");
                  width: 1.04167vw;
                  height: 1.09375vw;
                  background-size: cover;
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 0.72917vw; }
              .fee .flow .big-box .big-box2 .left-box2 .box .top .left-list .padding-bottom {
                padding-bottom: 1.5625vw; }
              .fee .flow .big-box .big-box2 .left-box2 .box .top .left-list .sentence {
                color: #1a1a1a;
                font-family: Noto Sans CJK JP;
                font-size: 0.625vw;
                line-height: 1.04167vw;
                margin-left: 1.5625vw;
                padding-bottom: 1.5625vw; }
            .fee .flow .big-box .big-box2 .left-box2 .box .top .right-list {
              float: left; }
              .fee .flow .big-box .big-box2 .left-box2 .box .top .right-list ul li {
                font-family: Noto Sans CJK JP;
                font-size: 0.83333vw;
                margin-left: 2.34375vw;
                letter-spacing: 0.1em;
                color: #1a1a1a;
                line-height: 1.66667vw; }
                .fee .flow .big-box .big-box2 .left-box2 .box .top .right-list ul li span {
                  color: #1a1a1a;
                  font-family: Noto Sans CJK JP;
                  font-size: 0.625vw;
                  width: 10.67708vw;
                  height: 1.875vw;
                  display: block;
                  line-height: 1.04167vw; }
                .fee .flow .big-box .big-box2 .left-box2 .box .top .right-list ul li:before {
                  content: "";
                  background-image: url("../mainfile/%F3%B0%84%B5.png");
                  width: 1.04167vw;
                  height: 1.09375vw;
                  background-size: cover;
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 0.72917vw; }
            .fee .flow .big-box .big-box2 .left-box2 .box .bottom {
              text-align: center; }
              .fee .flow .big-box .big-box2 .left-box2 .box .bottom .sentence {
                font-family: Noto Sans CJK JP;
                font-size: 1.25vw;
                color: #1a1a1a;
                font-weight: bold;
                letter-spacing: 0.15px;
                margin-top: 2.86458vw;
                line-height: 2.5vw;
                padding-bottom: 2.5vw; }
                .fee .flow .big-box .big-box2 .left-box2 .box .bottom .sentence .makeup {
                  background: linear-gradient(transparent 60%, #f9cc5b 0%);
                  line-height: 1.3em; }
              .fee .flow .big-box .big-box2 .left-box2 .box .bottom .arrow {
                margin-top: 3.64583vw;
                width: 7.61094vw;
                height: 1.95052vw; }
  .fee .entrust {
    margin-top: 4.42708vw; }
    @media screen and (max-width: 768px) {
      .fee .entrust {
        width: 94.66667vw;
        margin: 10.93333vw auto 0; } }
    .fee .entrust .box {
      display: flex;
      justify-content: space-between;
      border: solid 0.83333vw #f8f8f8;
      border-radius: 30px;
      padding-bottom: 3.125vw; }
      @media screen and (max-width: 768px) {
        .fee .entrust .box {
          display: block;
          padding-bottom: 8vw;
          border: solid 2.13333vw #f8f8f8; } }
      .fee .entrust .box .left {
        margin-left: 1.04167vw; }
        @media screen and (max-width: 768px) {
          .fee .entrust .box .left {
            margin-left: 0; } }
        .fee .entrust .box .left h2 {
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          font-size: 0.9375vw;
          padding-bottom: 0.52083vw;
          border-bottom: solid 2px #e95454;
          color: #e95454;
          letter-spacing: 0.2em;
          margin-bottom: 0.52083vw;
          margin-top: 3.38542vw; }
          @media screen and (max-width: 768px) {
            .fee .entrust .box .left h2 {
              font-family: Noto Sans CJK JP;
              font-weight: bold;
              font-size: 4.26667vw;
              padding-bottom: 2.66667vw;
              border-bottom: solid 2px #e95454;
              color: #e95454;
              letter-spacing: 0.2em;
              width: 78.66667vw;
              margin: 8vw auto 4vw; } }
          .fee .entrust .box .left h2:before {
            content: "";
            width: 0.9375vw;
            height: 0.9375vw;
            background-image: url("../mainfile/%E6%A5%95%E5%86%86%E5%BD%A2%2048.png");
            background-size: cover;
            display: inline-block;
            vertical-align: middle; }
            @media screen and (max-width: 768px) {
              .fee .entrust .box .left h2:before {
                width: 3.46667vw;
                height: 3.46667vw; } }
        .fee .entrust .box .left .sentence {
          font-family: Noto Sans CJK JP;
          color: #1a1a1a;
          font-size: 0.83333vw;
          letter-spacing: 0.1em;
          line-height: 1.82292vw; }
          @media screen and (max-width: 768px) {
            .fee .entrust .box .left .sentence {
              font-size: 3.73333vw;
              line-height: 7.46667vw;
              width: 78.66667vw;
              margin: 0 auto; } }
      .fee .entrust .box .right {
        margin-top: 3.38542vw;
        margin-right: 1.04167vw; }
        @media screen and (max-width: 768px) {
          .fee .entrust .box .right {
            margin-right: 0;
            width: 78.66667vw;
            margin: 5.33333vw auto 0; } }
        .fee .entrust .box .right .pic {
          width: 28.33333vw;
          height: 12.65625vw; }
          @media screen and (max-width: 768px) {
            .fee .entrust .box .right .pic {
              width: 78.66667vw;
              height: auto; } }

.overview h2 {
  color: #e95454;
  font-family: Noto Sans CJK JP;
  font-weight: Bold;
  font-size: 2.08333vw;
  letter-spacing: 0.3em;
  text-align: center;
  margin-top: 6.25vw; }
  @media screen and (max-width: 768px) {
    .overview h2 {
      font-size: 5.33333vw;
      margin-top: 10.66667vw; } }

.overview .box {
  margin: auto;
  width: 67.70833vw;
  margin-top: 3.17708vw; }
  @media screen and (max-width: 768px) {
    .overview .box {
      width: 94.66667vw;
      margin-top: 7.46667vw; } }
  .overview .box .middle-box {
    width: 67.70833vw; }
    .overview .box .middle-box::after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (max-width: 768px) {
      .overview .box .middle-box {
        width: 94.66667vw; } }
    .overview .box .middle-box .left-box {
      float: left; }
      @media screen and (max-width: 768px) {
        .overview .box .middle-box .left-box {
          float: none; } }
      .overview .box .middle-box .left-box .small-box {
        border-top: solid 2px #f4f4f4;
        padding-top: 1.40625vw;
        padding-bottom: 1.40625vw;
        width: 41.66667vw; }
        .overview .box .middle-box .left-box .small-box::after {
          content: "";
          display: block;
          clear: both; }
        @media screen and (max-width: 768px) {
          .overview .box .middle-box .left-box .small-box {
            padding-top: 2.66667vw;
            padding-bottom: 2.66667vw;
            width: 94.66667vw; } }
        .overview .box .middle-box .left-box .small-box:nth-child(6) {
          border-bottom: solid 2px #f4f4f4; }
          @media screen and (max-width: 768px) {
            .overview .box .middle-box .left-box .small-box:nth-child(6) {
              border-bottom: solid 2px #f4f4f4; } }
        .overview .box .middle-box .left-box .small-box .table {
          float: left;
          width: 9.89583vw;
          font-family: Noto Sans CJK JP;
          font-size: 0.9375vw;
          font-weight: bold;
          color: #e95454;
          letter-spacing: 0.3em;
          line-height: 1.66667vw;
          margin-left: 1.04167vw; }
          @media screen and (max-width: 768px) {
            .overview .box .middle-box .left-box .small-box .table {
              float: none;
              font-size: 3.73333vw;
              line-height: 7.46667vw;
              padding-left: 5.33333vw;
              width: 94.66667vw; } }
        .overview .box .middle-box .left-box .small-box .details {
          float: left;
          font-family: Noto Sans CJK JP;
          font-size: 0.9375vw;
          font-weight: bold;
          color: #1a1a1a;
          letter-spacing: 0.3em;
          line-height: 1.66667vw; }
          @media screen and (max-width: 768px) {
            .overview .box .middle-box .left-box .small-box .details {
              float: none;
              font-size: 3.73333vw;
              letter-spacing: 0.1em;
              line-height: 7.46667vw;
              padding-left: 5.33333vw; } }
    .overview .box .middle-box .right-box {
      float: right; }
      @media screen and (max-width: 768px) {
        .overview .box .middle-box .right-box {
          float: none; } }
      .overview .box .middle-box .right-box .company {
        width: 22.39583vw;
        height: 23.4375vw; }
        @media screen and (max-width: 768px) {
          .overview .box .middle-box .right-box .company {
            width: 94.66667vw;
            height: auto;
            margin: 8vw auto 0; } }

.contact-us {
  margin-top: 5.20833vw; }
  @media screen and (max-width: 768px) {
    .contact-us {
      margin-top: 10.66667vw; } }
  .contact-us h2 {
    font-family: Noto Sans CJK JP;
    font-size: 2.08333vw;
    font-weight: bold;
    color: #e95454;
    text-align: center;
    letter-spacing: 0.3em;
    margin-bottom: 2.08333vw; }
    @media screen and (max-width: 768px) {
      .contact-us h2 {
        font-size: 5.33333vw;
        margin-bottom: 5.33333vw; } }
  .contact-us .line-box {
    margin: auto;
    width: 41.71875vw;
    height: cakcvw(90px);
    border: solid 2px #00b900; }
    @media screen and (max-width: 768px) {
      .contact-us .line-box {
        width: 94.66667vw;
        height: 19.46667vw; } }
    .contact-us .line-box .line {
      font-family: Noto Sans CJK JP;
      font-size: 1.14583vw;
      font-weight: bold;
      color: #00b900;
      width: 41.71875vw;
      height: cakcvw(90px);
      line-height: 4.6875vw;
      letter-spacing: 0.3em;
      text-align: center; }
      .contact-us .line-box .line:before {
        content: "";
        display: inline-block;
        background-image: url("../mainfile/line-logo.png");
        background-size: cover;
        width: 1.71875vw;
        height: 1.71875vw;
        vertical-align: middle;
        margin-right: 0.98958vw; }
        @media screen and (max-width: 768px) {
          .contact-us .line-box .line:before {
            width: 8.8vw;
            height: 8.8vw; } }
      @media screen and (max-width: 768px) {
        .contact-us .line-box .line {
          width: 94.66667vw;
          height: 19.46667vw;
          line-height: 19.46667vw;
          font-size: 3.73333vw;
          margin-right: 2.66667vw; } }
  .contact-us .fill {
    width: 41.66667vw;
    margin: 3.54167vw auto 0px; }
    @media screen and (max-width: 768px) {
      .contact-us .fill {
        width: 94.66667vw;
        margin-top: 8vw; } }
    .contact-us .fill .record .form-table {
      font-family: Noto Sans CJK JP;
      font-size: 0.72917vw;
      font-weight: bold;
      color: #1a1a1a;
      letter-spacing: 0.3em; }
      @media screen and (max-width: 768px) {
        .contact-us .fill .record .form-table {
          letter-spacing: 0.2em;
          font-size: 3.73333vw; } }
      .contact-us .fill .record .form-table tr {
        border-top: solid 2px #f8f8f8; }
        @media screen and (max-width: 768px) {
          .contact-us .fill .record .form-table tr {
            display: flex;
            flex-direction: column; } }
        .contact-us .fill .record .form-table tr:nth-last-child(1) {
          border-bottom: solid 2px #f8f8f8; }
          @media screen and (max-width: 768px) {
            .contact-us .fill .record .form-table tr:nth-last-child(1) {
              border-bottom: solid 2px #f8f8f8; } }

@keyframes ripple {
  0% {
    box-shadow: 0px 0px 0px 1px #e95454; }
  50% {
    box-shadow: 0px 0px 0px 0px #e95454; }
  100% {
    box-shadow: 0px 0px 0px 0px #e95454; } }
        .contact-us .fill .record .form-table tr .md-radio {
          margin: 16px 0; }
          .contact-us .fill .record .form-table tr .md-radio:nth-child(1) {
            margin-top: 0px; }
          .contact-us .fill .record .form-table tr .md-radio.md-radio-inline {
            display: inline-block; }
            .contact-us .fill .record .form-table tr .md-radio.md-radio-inline:nth-child(1) {
              margin-top: 0px; }
            .contact-us .fill .record .form-table tr .md-radio.md-radio-inline:nth-child(2) {
              margin-top: 0px; }
          .contact-us .fill .record .form-table tr .md-radio input[type="radio"] {
            display: none; }
            .contact-us .fill .record .form-table tr .md-radio input[type="radio"]:checked + label:before {
              border-color: #e95454;
              animation: ripple 0.2s linear forwards; }
            .contact-us .fill .record .form-table tr .md-radio input[type="radio"]:checked + label:after {
              transform: scale(1); }
          .contact-us .fill .record .form-table tr .md-radio label {
            display: inline-block;
            min-height: 20px;
            position: relative;
            padding: 0 30px;
            margin-bottom: 0;
            cursor: pointer;
            vertical-align: bottom; }
            .contact-us .fill .record .form-table tr .md-radio label:before, .contact-us .fill .record .form-table tr .md-radio label:after {
              position: absolute;
              content: "";
              border-radius: 50%;
              transition: all 0.3s ease;
              transition-property: transform, border-color; }
            .contact-us .fill .record .form-table tr .md-radio label:before {
              left: 0;
              top: 0;
              width: 20px;
              height: 20px;
              border: 2px solid #e95454; }
            .contact-us .fill .record .form-table tr .md-radio label:after {
              top: 5px;
              left: 5px;
              width: 10px;
              height: 10px;
              transform: scale(0);
              background: #e95454; }
        .contact-us .fill .record .form-table tr *,
        .contact-us .fill .record .form-table tr *:before,
        .contact-us .fill .record .form-table tr *:after {
          box-sizing: border-box; }
        .contact-us .fill .record .form-table tr body {
          background: #e95454;
          position: absolute;
          width: 100%;
          padding: 0;
          margin: 0;
          font-family: "Roboto", sans-serif;
          color: #e95454; }
        .contact-us .fill .record .form-table tr section {
          background: #e95454;
          margin: 0 auto;
          padding: 4em;
          max-width: 800px; }
        .contact-us .fill .record .form-table tr th {
          width: 18.80208vw;
          padding-top: 1.45833vw;
          padding-bottom: 1.45833vw;
          vertical-align: middle; }
          @media screen and (max-width: 768px) {
            .contact-us .fill .record .form-table tr th {
              width: 100%;
              padding-top: 4vw;
              margin-bottom: 1.33333vw;
              vertical-align: middle;
              display: block;
              padding-bottom: 0vw; } }
        .contact-us .fill .record .form-table tr .req:after {
          content: "必須";
          background-color: #e95454;
          color: #ffffff;
          font-size: 0.72917vw;
          font-family: Noto Sans CJK JP;
          font-weight: bold;
          border-radius: 50px;
          padding: 0.10417vw 0.72917vw;
          letter-spacing: 0.3em;
          margin-left: 0.52083vw; }
          @media screen and (max-width: 768px) {
            .contact-us .fill .record .form-table tr .req:after {
              font-size: 3.2vw;
              padding: 0.26667vw 3.73333vw;
              margin-left: 2.66667vw; } }
        .contact-us .fill .record .form-table tr td {
          padding-top: 1.45833vw;
          padding-bottom: 1.45833vw; }
          @media screen and (max-width: 768px) {
            .contact-us .fill .record .form-table tr td {
              display: block;
              width: 94.66667vw;
              margin-bottom: 4vw; } }
          .contact-us .fill .record .form-table tr td input[type="text"] {
            background-color: #f8f8f8;
            width: 22.91667vw;
            line-height: 2.08333vw;
            padding-left: 0.52083vw;
            padding-right: 0.52083vw; }
            @media screen and (max-width: 768px) {
              .contact-us .fill .record .form-table tr td input[type="text"] {
                width: 100%;
                padding-bottom: 4vw;
                padding-left: 2.66667vw;
                padding-right: 2.66667vw; } }
          .contact-us .fill .record .form-table tr td input[type="tel"] {
            background-color: #f8f8f8;
            width: 22.91667vw;
            line-height: 2.08333vw;
            padding-left: 0.52083vw;
            padding-right: 0.52083vw; }
            @media screen and (max-width: 768px) {
              .contact-us .fill .record .form-table tr td input[type="tel"] {
                width: 100%;
                padding-bottom: 4vw;
                padding-left: 2.66667vw;
                padding-right: 2.66667vw; } }
          .contact-us .fill .record .form-table tr td input[type="email"] {
            background-color: #f8f8f8;
            width: 22.91667vw;
            line-height: 2.08333vw;
            padding-left: 0.52083vw;
            padding-right: 0.52083vw; }
            @media screen and (max-width: 768px) {
              .contact-us .fill .record .form-table tr td input[type="email"] {
                width: 100%;
                padding-bottom: 4vw;
                padding-left: 2.66667vw;
                padding-right: 2.66667vw; } }
          .contact-us .fill .record .form-table tr td textarea {
            background-color: #f8f8f8;
            width: 22.91667vw;
            padding-left: 0.52083vw;
            padding-right: 0.52083vw; }
            @media screen and (max-width: 768px) {
              .contact-us .fill .record .form-table tr td textarea {
                width: 100%;
                padding-left: 2.66667vw;
                padding-right: 2.66667vw; } }
          .contact-us .fill .record .form-table tr td .radio-box {
            color: #e95454; }
  .contact-us .under-text {
    width: 41.71875vw;
    margin: 1.5625vw auto 0; }
    @media screen and (max-width: 768px) {
      .contact-us .under-text {
        width: 94.66667vw;
        margin: 4vw auto 0; } }
    .contact-us .under-text .sentence {
      font-family: Noto Sans CJK JP;
      font-size: 0.72917vw;
      letter-spacing: 0.1em;
      color: #1a1a1a;
      line-height: 1.45833vw; }
      @media screen and (max-width: 768px) {
        .contact-us .under-text .sentence {
          font-size: 3.2vw;
          line-height: 6.4vw; } }
  .contact-us .send .form2 {
    position: relative;
    width: 18.22917vw;
    line-height: 3.38542vw;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .contact-us .send .form2 {
        width: 94.66667vw;
        line-height: 17.33333vw; } }
    .contact-us .send .form2 .form {
      font-family: Noto Sans CJK JP;
      font-size: 0.9375vw;
      font-weight: bold;
      letter-spacing: 0.3em;
      width: 100%;
      background-color: #e95454;
      margin: 2.60417vw auto 1.09375vw;
      text-align: center;
      color: #ffffff;
      display: block; }
      @media screen and (max-width: 768px) {
        .contact-us .send .form2 .form {
          font-size: 4.8vw;
          margin: 8vw auto 3.2vw; } }
    .contact-us .send .form2:before {
      content: "";
      background-image: url("../mainfile/plane-logo.png");
      background-size: cover;
      width: 1.04167vw;
      height: 1.09375vw;
      display: inline-block;
      top: 1.19792vw;
      left: 5.20833vw;
      position: absolute; }
      @media screen and (max-width: 768px) {
        .contact-us .send .form2:before {
          width: 5.33333vw;
          height: 5.6vw;
          top: 5.33333vw;
          left: 26.66667vw; } }
  .contact-us .send .policy {
    font-family: Noto Sans CJK JP;
    font-size: 0.72917vw;
    letter-spacing: 0.2em;
    color: #1a1a1a;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .contact-us .send .policy {
        font-size: 3.73333vw; } }
  .contact-us .send .logo {
    width: 5.65469vw;
    height: 3.38542vw;
    margin: 4.11458vw auto 1.5625vw;
    display: block; }
    @media screen and (max-width: 768px) {
      .contact-us .send .logo {
        width: 28.952vw;
        height: 17.33333vw;
        margin: 18.93333vw auto 5.33333vw; } }
  .contact-us .send .company {
    font-family: Noto Sans CJK JP;
    font-size: 0.83333vw;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .contact-us .send .company {
        font-size: 2.66667vw;
        margin-bottom: 7.46667vw; } }

footer {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    footer {
      display: none; } }
  footer .footer-menu .footer-list ul {
    margin: 3.95833vw auto 2.91667vw; }
    footer .footer-menu .footer-list ul::after {
      content: "";
      display: block;
      clear: both; }
    footer .footer-menu .footer-list ul li {
      float: left;
      margin-left: 1.82292vw;
      padding-bottom: 0.26042vw;
      font-size: 0.83333vw;
      font-family: Noto Sans CJK JP;
      color: #1a1a1a; }

body {
  overflow-x: hidden; }