@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------
SP
**************************************************
--------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Zen+Maru+Gothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Zen+Maru+Gothic&display=swap");
@media screen and (max-width: 980px) {
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
  }
  * {
    margin: 0;
    padding: 0;
  }
  p {
    font-size: 16px;
  }
  dt {
    float: left;
  }
  dd {
    margin-left: 60px;
    padding-bottom: 10px;
  }
  /*---特殊追加CSS---*/
  .clear {
    clear: both;
  }
  /*---特殊追加CSS---*/
  body {
    -webkit-text-size-adjust: 100%;
    line-height: 1;
    font-size: 16px;
    color: #000;
    margin: auto;
    font-family: 'Noto Sans JP', '小塚ゴシック Pr6N R', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    overflow-x: hidden;
    background-color: #fff;
  }
  a:hover {
    opacity: 1.0;
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  img {
    max-width: auto;
    height: auto;
  }
  img[src*='.svg'] {
    width: 100%;
    height: auto;
  }
  .br_sp::before {
    content: "\A";
    white-space: pre;
  }
  .fade-in {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, transform 2s;
    transition: opacity 2s, transform 2s, -webkit-transform 2s;
  }
  .fade-in.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  /* ここからscssを記述 */
  .modal-open {
    overflow: hidden;
    /* スクロールを無効にする */
  }
  #wrap {
    width: calc(750 *(100vw/750));
    height: auto;
    font-family: "Noto Sans JP", sans-serif;
    /* header-content */
    /* mv-content */
    /* index-content-1 */
    /* index-content-2 */
    /* gray-back */
    /* gray-back */
    /* index-content-3 */
    /* index-content-4 */
    /* index-content-5 */
    /* index-content-6 */
    /* footer-contact */
    /* footer-content */
    /******************* サービスコンテンツ *******************/
    /* page_mv-content */
    /* pan_kuz */
    /* page-content-1 */
    /* service-content-1 */
    /* .service-content-2 */
    /* service-content-4 */
    /* page-content-2 */
    /* page-content-3 */
    /******************* サービスコンテンツ *******************/
    /******************* ダウンロード *******************/
    /* dw-tex-content */
    /* dw-content */
    /* thanks-content */
    /******************* ダウンロード *******************/
    /******************* 見積依頼追加CSS *******************/
    /******************* 見積依頼追加CSS *******************/
    /******************* 運営会社 *******************/
    /* company-content */
    /******************* 運営会社 *******************/
    /* pri-content */
  }
  #wrap .scrolled {
    background-color: #0b1e3a;
  }
  #wrap #header-content {
    width: calc(750 *(100vw/750));
    height: auto;
    position: fixed;
    top: 0;
    z-index: 10;
    padding-bottom: calc(10 *(100vw/750));
    background: #0b1e3a;
    /* header-content--inner */
  }
  #wrap #header-content .header-content--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /*　ハンバーガーボタン　*/
    /* ナビ開いてる時のボタン */
    /* このクラスを、jQueryで付与・削除する */
  }
  #wrap #header-content .header-content--inner img {
    width: calc(250 *(100vw/750));
    margin-top: calc(20 *(100vw/750));
    position: relative;
    z-index: 10;
  }
  #wrap #header-content .header-content--inner .hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 10px;
    top: calc(10 *(100vw/375));
    width: calc(45 *(100vw/375));
    height: calc(40 *(100vw/375));
    cursor: pointer;
    text-align: center;
    background: #0b1e3a;
    border-radius: 5px;
  }
  #wrap #header-content .header-content--inner .hamburger span {
    display: block;
    position: absolute;
    width: calc(25 *(100vw/375));
    height: calc(2 *(100vw/375));
    background: #fff;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  #wrap #header-content .header-content--inner .hamburger span:nth-child(1) {
    top: calc(10 *(100vw/375));
    left: calc(10 *(100vw/375));
  }
  #wrap #header-content .header-content--inner .hamburger span:nth-child(2) {
    top: calc(20 *(100vw/375));
    left: calc(10 *(100vw/375));
  }
  #wrap #header-content .header-content--inner .hamburger span:nth-child(3) {
    width: calc(20 *(100vw/375));
    top: calc(30 *(100vw/375));
    left: calc(10 *(100vw/375));
  }
  #wrap #header-content .header-content--inner .hamburger.active span:nth-child(1) {
    top: calc(19 *(100vw/375));
    left: calc(11 *(100vw/375));
    background: #fff;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  #wrap #header-content .header-content--inner .hamburger.active span:nth-child(2),
  #wrap #header-content .header-content--inner .hamburger.active span:nth-child(3) {
    top: calc(19 *(100vw/375));
    background: #fff;
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  #wrap #header-content .header-content--inner .hamburger.active span:nth-child(3) {
    display: none;
  }
  #wrap #header-content .header-content--inner nav.globalMenuSp {
    width: calc(610 *(100vw/750));
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    background: #0b1e3a;
    text-align: center;
    width: calc(375 *(100vw/375));
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    margin-left: 20px;
    -webkit-transition: opacity .6s ease, visibility .6s ease;
    transition: opacity .6s ease, visibility .6s ease;
  }
  #wrap #header-content .header-content--inner nav.globalMenuSp {
    margin: calc(0 *(100vw/375)) auto;
    padding-top: calc(120 *(100vw/375));
    padding-left: calc(40 *(100vw/375));
    padding-bottom: calc(100 *(100vw/375));
    width: calc(375 *(100vw/375));
  }
  #wrap #header-content .header-content--inner nav.globalMenuSp p a {
    width: calc(320 *(100vw/375));
    list-style-type: none;
    font-weight: bold;
    font-size: calc(18 *(100vw/375));
    color: #fff;
    background-color: transparent;
    -webkit-transition: .4s all;
    transition: .4s all;
    line-height: 1.6;
    margin-bottom: calc(20 *(100vw/375));
    text-align: left;
    border-radius: 0;
    padding-bottom: calc(10 *(100vw/375));
    border-bottom: solid #fff 2px;
    position: relative;
  }
  #wrap #header-content .header-content--inner nav.globalMenuSp img {
    width: calc(560 *(100vw/750));
  }
  #wrap #header-content .header-content--inner .lang_tex {
    width: calc(560 *(100vw/750));
    border-radius: calc(20 *(100vw/750));
    padding: calc(30 *(100vw/750)) 0 calc(30 *(100vw/750)) 0;
    height: auto;
    text-align: center;
    font-size: calc(32 *(100vw/750));
    letter-spacing: 0.03em;
    margin: calc(40 *(100vw/750)) auto 0 auto;
    color: #fff;
    border: solid #fff calc(4 *(100vw/750));
  }
  #wrap #header-content .header-content--inner nav.globalMenuSp.active {
    opacity: 100;
    visibility: visible;
  }
  #wrap #mv-content {
    width: calc(750 *(100vw/750));
    height: calc(2350 *(100vw/750));
    background-image: url(../img/mv_back.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: calc(60 *(100vw/750)) 0 0 0;
    /* mv-content--inner */
  }
  #wrap #mv-content .mv-content--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    position: relative;
    /* mv-nav-content */
    /* mv-title-content */
    /* mv-button */
  }
  #wrap #mv-content .mv-content--inner .mv-img {
    margin: calc(70 *(100vw/750)) auto 0 auto;
  }
  #wrap #mv-content .mv-content--inner .mv-nav-content {
    width: calc(600 *(100vw/750));
    height: auto;
    margin: calc(20 *(100vw/750)) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrap #mv-content .mv-content--inner .mv-nav-content p {
    width: calc(700 *(100vw/750));
    color: #fff;
    border: solid #fff 1px;
    padding: calc(15 *(100vw/750)) calc(30 *(100vw/750)) calc(20 *(100vw/750)) calc(30 *(100vw/750));
    border-radius: calc(50 *(100vw/750));
    font-size: calc(32 *(100vw/750));
    font-weight: bold;
    margin-top: calc(30 *(100vw/750));
    text-align: center;
    line-height: 1.4;
  }
  #wrap #mv-content .mv-content--inner .mv-title-content::before {
    position: absolute;
    z-index: 0;
    left: calc(160 *(100vw/750));
    top: calc(35 *(100vw/750));
    content: '';
    display: inline-block;
    width: calc(20 *(100vw/750));
    height: calc(20 *(100vw/750));
    background-image: url(../img/kome.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  #wrap #mv-content .mv-content--inner .mv-title-content {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: calc(10 *(100vw/750)) auto 0 auto;
    position: relative;
    z-index: 1;
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 {
    text-align: center;
    font-size: calc(84 *(100vw/750));
    color: #fff;
    font-weight: bold;
    line-height: 1.0;
    position: relative;
    /* ye-tex */
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 .ye-tex {
    color: #fed00b;
    font-size: calc(60 *(100vw/750));
    /* y-tex-big */
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 .ye-tex .y-tex-big {
    font-size: calc(119 *(100vw/750));
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 .ye-tex .y-tex-sm {
    font-size: calc(38 *(100vw/750));
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 .tex_sm {
    font-size: calc(72 *(100vw/750));
    line-height: 1.2;
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 .b-tex {
    color: #0ea5e9;
  }
  #wrap #mv-content .mv-content--inner .mv-title-content h2 .w-tex-box {
    background: #fff;
    border-radius: calc(10 *(100vw/750));
    padding: 0 calc(10 *(100vw/750)) 0px calc(10 *(100vw/750));
    margin-right: calc(10 *(100vw/750));
    line-height: 2;
  }
  #wrap #mv-content .mv-content--inner .c-tex {
    text-align: left;
    color: #fff;
    line-height: 1.4;
    font-size: calc(32 *(100vw/750));
    margin-top: calc(24 *(100vw/750));
  }
  #wrap #mv-content .mv-content--inner .mv-button {
    margin: calc(60 *(100vw/750)) auto calc(0 *(100vw/750)) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(670 *(100vw/750));
  }
  #wrap #mv-content .mv-content--inner .mv-button a {
    margin: auto auto calc(24 *(100vw/750)) auto;
  }
  #wrap #mv-content .c-tex-2 {
    text-align: justify;
    font-size: calc(24 *(100vw/750));
    color: #fff;
    line-height: 1.6;
  }
  #wrap #index-content-1 {
    width: calc(750 *(100vw/750));
    height: auto;
    background: #fff;
    padding-top: calc(60 *(100vw/750));
    /* index-content-1--inner */
    /* i-c-contact-box */
  }
  #wrap #index-content-1 .index-content-1--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    /* i-c-1-title */
    /* index-content-1--inner-2 */
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-1-title {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-1-title img {
    display: block;
    margin: auto;
    max-width: calc(240 *(100vw/750));
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-1-title p {
    width: calc(660 *(100vw/750));
    text-align: center;
    font-size: calc(36 *(100vw/750));
    background: #6d7889;
    margin: calc(15 *(100vw/750)) auto calc(25 *(100vw/750)) auto;
    color: #fff;
    padding: calc(10 *(100vw/750)) 0 calc(13 *(100vw/750)) 0;
    border-radius: calc(50 *(100vw/750));
    font-weight: bold;
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-1-title h2 {
    text-align: center;
    font-size: calc(42 *(100vw/750));
    font-weight: bold;
    line-height: 1.4;
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-1-title h2 .big_tex {
    font-size: calc(40 *(100vw/750));
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-1-title h2 .big_tex-color {
    color: #0ea5e9;
    font-size: calc(48 *(100vw/750));
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 {
    width: auto;
    height: auto;
    margin-top: calc(80 *(100vw/750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* counter-box */
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box::before {
    position: absolute;
    z-index: 0;
    left: calc(240 *(100vw/750));
    top: calc(-45 *(100vw/750));
    content: '';
    display: inline-block;
    width: calc(200 *(100vw/750));
    height: calc(200 *(100vw/750));
    background-image: url(../img/kirakira.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box {
    width: calc(690 *(100vw/750));
    height: auto;
    border-radius: calc(20 *(100vw/750));
    padding: calc(40 *(100vw/750)) calc(20 *(100vw/750)) calc(30 *(100vw/750)) calc(20 *(100vw/750));
    position: relative;
    z-index: 2;
    margin-bottom: calc(80 *(100vw/750));
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    background: #fff;
    /* box-item */
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box .countUp-2 {
    padding-top: calc(60 *(100vw/750));
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box h3 {
    font-size: calc(48 *(100vw/750));
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box h3::before {
    position: absolute;
    z-index: 0;
    left: calc(200 *(100vw/750));
    top: calc(260 *(100vw/750));
    content: '';
    display: inline-block;
    width: calc(260 *(100vw/750));
    height: calc(260 *(100vw/750));
    background-image: url(../img/maru.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box .box-item {
    width: calc(380 *(100vw/750));
    color: #fed00b;
    font-size: calc(80 *(100vw/750));
    font-weight: bold;
    margin: calc(60 *(100vw/750)) auto 0 auto;
    display: block;
    position: relative;
    left: calc(150 *(100vw/750));
    z-index: 10;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box .box-item .number {
    font-size: 100px;
  }
  #wrap #index-content-1 .index-content-1--inner .index-content-1--inner-2 .counter-box p {
    text-align: center;
    font-size: calc(36 *(100vw/750));
    font-weight: 700;
    line-height: 1.4;
    margin-top: calc(130 *(100vw/750));
  }
  #wrap #index-content-1 .i-c-contact-box {
    width: calc(750 *(100vw/750));
    height: calc(660 *(100vw/750));
    background-image: url(../img/back_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    /* i-c-c-box-contact */
  }
  #wrap #index-content-1 .i-c-contact-box .i-c-c-box-contact {
    width: calc(670 *(100vw/750));
    height: auto;
    margin: calc(-340 *(100vw/750)) auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: calc(320 *(100vw/750));
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 0;
  }
  #wrap #index-content-1 .i-c-contact-box .i-c-c-box-contact a {
    margin-bottom: calc(20 *(100vw/750));
  }
  #wrap #index-content-2 {
    width: calc(750 *(100vw/750));
    height: auto;
    padding-top: calc(100 *(100vw/750));
    /* index-content-2--inner */
  }
  #wrap #index-content-2 .index-content-2--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    /* i-c-2-in-box-1 */
    /* i-c-2-in-box-2 */
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* i-c-2-in-box-1-left */
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 img {
    max-width: calc(690 *(100vw/750));
    height: auto;
    margin-top: calc(60 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left {
    width: calc(700 *(100vw/750));
    height: auto;
    /* i-c-1-title */
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto auto calc(40 *(100vw/750)) auto;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title img.icon-img {
    display: block;
    max-width: calc(240 *(100vw/750));
    position: relative;
    left: 0;
    margin: auto;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title p {
    width: calc(660 *(100vw/750));
    text-align: center;
    font-size: calc(36 *(100vw/750));
    background: #6d7889;
    margin: calc(15 *(100vw/750)) auto calc(5 *(100vw/750)) auto;
    color: #fff;
    padding: calc(5 *(100vw/750)) 0 calc(5 *(100vw/750)) 0;
    border-radius: calc(50 *(100vw/750));
    font-weight: bold;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title h2 {
    text-align: center;
    font-size: calc(42 *(100vw/750));
    font-weight: bold;
    line-height: 1.4;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title h2 .big_tex {
    font-size: calc(42 *(100vw/750));
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title h2 .big_tex-color {
    color: #0ea5e9;
    font-size: calc(48 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left p {
    padding-bottom: calc(20 *(100vw/750));
    text-align: justify;
    font-size: calc(28 *(100vw/750));
    line-height: 1.6;
    font-weight: 600;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: calc(160 *(100vw/750)) auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* i-c-2-in-box-2-box */
    /* i-c-2-in-box-2-box-2 */
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box {
    width: calc(690 *(100vw/750));
    height: auto;
    background: #e6e8ec;
    border-radius: calc(20 *(100vw/750));
    padding: calc(10 *(100vw/750)) calc(10 *(100vw/750)) 0 calc(10 *(100vw/750));
    /* box-2-tex */
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box p {
    line-height: 1.4;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box img {
    position: relative;
    top: calc(-75 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box .b-title {
    text-align: center;
    font-size: calc(32 *(100vw/750));
    font-weight: bold;
    padding-bottom: calc(30 *(100vw/750));
    margin: auto;
    background-color: transparent;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box .box-2-tex {
    width: calc(660 *(100vw/750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: calc(15 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box .box-2-tex p {
    width: calc(580 *(100vw/750));
    font-size: calc(32 *(100vw/750));
    text-align: center;
    background: #fff;
    border-radius: calc(50 *(100vw/750));
    margin: auto auto calc(30 *(100vw/750)) auto;
    padding: calc(15 *(100vw/750)) calc(20 *(100vw/750)) calc(15 *(100vw/750)) calc(20 *(100vw/750));
    font-weight: 700;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box-2 {
    width: calc(690 *(100vw/750));
    background: #0ea5e9;
    margin-top: calc(40 *(100vw/750));
    /* .box-2-tex */
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box-2 p {
    color: #fff;
    width: calc(580 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box-2 .box-2-tex {
    width: calc(665 *(100vw/750));
    margin-top: 0;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 .i-c-2-in-box-2-box-2 .box-2-tex p {
    color: #000;
  }
  #wrap #index-content-2 .index-content-2--inner .i-c-2-in-box-2 img.sankaku {
    margin: calc(30 *(100vw/750)) auto 0 auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #wrap #gray-back {
    width: calc(750 *(100vw/750));
    background: #f7f7f8;
    height: calc(1560 *(100vw/750));
  }
  #wrap #gray-back-2 {
    width: calc(750 *(100vw/750));
    background: #f7f7f8;
    height: calc(2750 *(100vw/750));
  }
  #wrap #index-content-3 {
    width: calc(750 *(100vw/750));
    height: calc(1300 *(100vw/750));
    background-image: url(../img/back_3.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: calc(160 *(100vw/750));
    /* index-content-3--inner */
  }
  #wrap #index-content-3 .index-content-3--inner {
    width: calc(700 *(100vw/750));
    height: calc(600 *(100vw/750));
    margin: auto;
    padding-top: calc(100 *(100vw/750));
    /************* 画像モーダル *************/
    /************* 画像モーダル *************/
  }
  #wrap #index-content-3 .index-content-3--inner h2 {
    font-weight: bold;
    font-size: calc(60 *(100vw/750));
    text-align: center;
    line-height: 1.4;
    color: #fff;
  }
  #wrap #index-content-3 .index-content-3--inner h2 span {
    color: #0ea5e9;
  }
  #wrap #index-content-3 .index-content-3--inner p {
    width: calc(700 *(100vw/750));
    padding: calc(60 *(100vw/750)) 0 calc(80 *(100vw/750)) 0;
    color: #fff;
    line-height: 1.6;
    margin: auto;
  }
  #wrap #index-content-3 .index-content-3--inner img {
    width: calc(1000 *(100vw/750));
  }
  #wrap #index-content-3 .index-content-3--inner .over_tex {
    text-align: center;
    color: #000;
    padding-top: calc(10 *(100vw/750));
  }
  #wrap #index-content-3 .index-content-3--inner img.i-3-button {
    display: block;
    margin: calc(0 *(100vw/750)) auto 0 auto;
  }
  #wrap #index-content-3 .index-content-3--inner .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.5s, scale 0s 0.5s;
    transition: opacity 0.5s, scale 0s 0.5s;
    scale: 0;
  }
  #wrap #index-content-3 .index-content-3--inner .modal:target {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    scale: 1;
  }
  #wrap #index-content-3 .index-content-3--inner .close {
    position: absolute;
    right: calc(700 *(100vw/750));
    top: calc(60 *(100vw/750));
    left: 0;
    margin: auto;
    font-size: calc(120 *(100vw/750));
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  #wrap #index-content-3 .index-content-3--inner .modal-wrapper {
    position: relative;
    width: auto;
    padding: 0 calc(20 *(100vw/750)) calc(20 *(100vw/750)) calc(20 *(100vw/750));
    margin: auto;
    overflow: scroll;
    /* スクロール設定 */
  }
  #wrap #index-content-3 .index-content-3--inner .modal-content {
    width: calc(1430 *(100vw/750));
    height: auto;
  }
  #wrap #index-content-3 .index-content-3--inner .modal-content img {
    width: calc(1430 *(100vw/750));
    height: auto;
    border: solid #fff;
  }
  #wrap #index-content-4 {
    width: calc(750 *(100vw/750));
    height: auto;
    background: #fff;
    margin-top: calc(280 *(100vw/750));
    padding: calc(60 *(100vw/750)) 0 calc(80 *(100vw/750)) 0;
    /* index-content-4--inner */
  }
  #wrap #index-content-4 .index-content-4--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    /* i-c-2-in-box-1 */
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* i-c-2-in-box-1-left */
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 img {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin-top: calc(40 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left {
    width: calc(700 *(100vw/750));
    height: auto;
    /* i-c-1-title */
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto auto calc(40 *(100vw/750)) auto;
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title img.icon-img {
    display: block;
    max-width: calc(240 *(100vw/750));
    position: relative;
    left: 0;
    margin: auto;
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title p {
    width: calc(660 *(100vw/750));
    text-align: center;
    font-size: calc(36 *(100vw/750));
    background: #6d7889;
    margin: calc(15 *(100vw/750)) auto calc(5 *(100vw/750)) auto;
    color: #fff;
    padding: calc(5 *(100vw/750)) 0 calc(5 *(100vw/750)) 0;
    border-radius: calc(50 *(100vw/750));
    font-weight: bold;
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left .i-c-1-title h2 {
    text-align: center;
    font-size: calc(46 *(100vw/750));
    font-weight: bold;
    line-height: 1.4;
  }
  #wrap #index-content-4 .index-content-4--inner .i-c-2-in-box-1 .i-c-2-in-box-1-left p {
    padding-bottom: calc(20 *(100vw/750));
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
  }
  #wrap #index-content-5 {
    width: calc(750 *(100vw/750));
    height: calc(500 *(100vw/750));
    background-image: url(../img/back_4.png);
    background-size: cover;
    margin-top: calc(70 *(100vw/750));
    padding-top: calc(80 *(100vw/750));
    /* index-content-5--inner */
  }
  #wrap #index-content-5 .index-content-5--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    /* i-5-title */
    /* index-content-5--inner-price*/
    /* i-c-c-box-contact */
  }
  #wrap #index-content-5 .index-content-5--inner .i-5-title {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
  }
  #wrap #index-content-5 .index-content-5--inner .i-5-title img {
    width: calc(240 *(100vw/750));
    display: block;
    margin: auto;
  }
  #wrap #index-content-5 .index-content-5--inner .i-5-title p {
    width: calc(600 *(100vw/750));
    text-align: center;
    font-size: calc(32 *(100vw/750));
    background: #6d7889;
    margin: calc(15 *(100vw/750)) auto calc(5 *(100vw/750)) auto;
    color: #fff;
    padding: calc(20 *(100vw/750)) 0 calc(20 *(100vw/750)) 0;
    border-radius: calc(50 *(100vw/750));
    font-weight: bold;
  }
  #wrap #index-content-5 .index-content-5--inner .i-5-title h2 {
    font-size: calc(60 *(100vw/750));
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: calc(40 *(100vw/750));
  }
  #wrap #index-content-5 .index-content-5--inner .index-content-5--inner-price {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: calc(60 *(100vw/750)) auto 0 auto;
    padding-top: calc(60 *(100vw/750));
    background: #f7f7f8;
    /* price--inner */
  }
  #wrap #index-content-5 .index-content-5--inner .index-content-5--inner-price .price--inner {
    width: calc(680 *(100vw/750));
    height: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrap #index-content-5 .index-content-5--inner .index-content-5--inner-price .price--inner img {
    display: block;
    margin-bottom: calc(30 *(100vw/750));
  }
  #wrap #index-content-5 .index-content-5--inner .index-content-5--inner-price p {
    width: calc(700 *(100vw/750));
    line-height: 1.6;
    font-size: calc(28 *(100vw/750));
  }
  #wrap #index-content-5 .index-content-5--inner .i-c-c-box-contact {
    width: calc(660 *(100vw/750));
    height: auto;
    margin: calc(40 *(100vw/750)) auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 0;
  }
  #wrap #index-content-5 .index-content-5--inner .i-c-c-box-contact a {
    margin-bottom: calc(30 *(100vw/750));
  }
  #wrap #index-content-6 {
    width: calc(750 *(100vw/750));
    height: auto;
    padding-top: calc(80 *(100vw/750));
    /* index-content-6--inner */
  }
  #wrap #index-content-6 .index-content-6--inner {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    /* i-c-1-title */
    /* voice_box */
  }
  #wrap #index-content-6 .index-content-6--inner .i-c-1-title {
    width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
  }
  #wrap #index-content-6 .index-content-6--inner .i-c-1-title img {
    display: block;
    margin: auto;
    max-width: calc(240 *(100vw/750));
  }
  #wrap #index-content-6 .index-content-6--inner .i-c-1-title p {
    width: calc(660 * (100vw / 750));
    text-align: center;
    font-size: calc(36 * (100vw / 750));
    background: #6d7889;
    margin: calc(15 * (100vw / 750)) auto calc(15 * (100vw / 750)) auto;
    color: #fff;
    padding: calc(15 * (100vw / 750)) 0 calc(15 * (100vw / 750)) 0;
    border-radius: calc(50 * (100vw / 750));
  }
  #wrap #index-content-6 .index-content-6--inner .i-c-1-title h2 {
    text-align: center;
    font-size: calc(60 * (100vw / 750));
    font-weight: bold;
    line-height: 1.4;
  }
  #wrap #index-content-6 .index-content-6--inner .voice_box {
    width: 1calc 93.33333vw;
    height: auto;
    margin: calc(100 * (100vw / 750)) auto 0 auto;
    /* voice_box-left */
  }
  #wrap #index-content-6 .index-content-6--inner .voice_box .voice_box-left {
    width: calc(700 * (100vw / 750));
    height: auto;
    /* voice_box-left-t*/
  }
  #wrap #index-content-6 .index-content-6--inner .voice_box .voice_box-left h3 {
    font-weight: bold;
    color: #0ea5e9;
    font-size: calc(60 * (100vw / 750));
    padding-left: 0;
  }
  #wrap #index-content-6 .index-content-6--inner .voice_box .voice_box-left .voice_box-left-tex {
    width: calc(690 * (100vw / 750));
    height: auto;
    background: #f7f7f8;
    margin-top: calc(40 * (100vw / 750));
    padding: calc(30 * (100vw / 750)) calc(20 * (100vw / 750)) calc(60 * (100vw / 750)) calc(20 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    border-radius: calc(20 * (100vw / 750));
  }
  #wrap #index-content-6 .index-content-6--inner .voice_box .voice_box-left .voice_box-left-tex p {
    width: calc(650 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
    line-height: 1.8;
    font-weight: 600;
    text-align: left;
  }
  #wrap #footer-contact {
    width: calc(750 * (100vw / 750));
    height: calc(859 * (100vw / 750));
    background-image: url(../img/back_5.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(80 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
    /* footer-contact--inner */
  }
  #wrap #footer-contact .footer-contact--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    border-radius: calc(20 * (100vw / 750));
    padding: calc(40 * (100vw / 750)) 0 calc(20 * (100vw / 750)) 0;
    margin: auto;
    background: #fff;
    /* f-c-in-box */
  }
  #wrap #footer-contact .footer-contact--inner .f-c-in-box {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    /* in-box-content */
  }
  #wrap #footer-contact .footer-contact--inner .f-c-in-box img {
    width: calc(240 * (100vw / 750));
    display: block;
    margin: auto;
  }
  #wrap #footer-contact .footer-contact--inner .f-c-in-box h3 {
    font-size: calc(42 * (100vw / 750));
    font-weight: bold;
    color: #0ea5e9;
    margin-top: 20px;
    text-align: center;
    line-height: 1.4;
  }
  #wrap #footer-contact .footer-contact--inner .f-c-in-box .in-box-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: calc(40 * (100vw / 750));
  }
  #wrap #footer-contact .footer-contact--inner .f-c-in-box .in-box-contact a {
    margin-bottom: calc(20 * (100vw / 750));
  }
  #wrap #footer-contact .footer-contact--inner .f-c-in-box .in-box-contact a img {
    width: calc(660 * (100vw / 750));
  }
  #wrap #footer-content {
    width: calc(750 * (100vw / 750));
    height: auto;
    padding: calc(60 * (100vw / 750)) 0 0px 0;
    background: #0b1e3a;
    /* footer-content--inner */
    /* f-copy */
  }
  #wrap #footer-content .footer-content--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* f-nav */
  }
  #wrap #footer-content .footer-content--inner img {
    width: calc(400 * (100vw / 750));
    display: block;
    margin: auto;
    position: relative;
    top: calc(-30 * (100vw / 750));
  }
  #wrap #footer-content .footer-content--inner .f-nav {
    width: calc(700 * (100vw / 750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* f-nav-inner */
  }
  #wrap #footer-content .footer-content--inner .f-nav .f-nav-inner {
    width: calc(400 * (100vw / 750));
    padding: 0 calc(20 * (100vw / 750)) 0 calc(20 * (100vw / 750));
  }
  #wrap #footer-content .footer-content--inner .f-nav .f-nav-inner a {
    color: #fff;
    font-size: calc(16 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
    text-align: center;
  }
  #wrap #footer-content .f-copy {
    border-top: #546275 solid 1px;
    height: auto;
    padding: calc(15 * (100vw / 750)) 0 calc(15 * (100vw / 750)) 0;
  }
  #wrap #footer-content .f-copy p {
    text-align: center;
    color: #fff;
  }
  #wrap #page_mv-content {
    width: calc(750 * (100vw / 750));
    height: calc(520 * (100vw / 750));
    background-image: url(../img/service/mv_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(80 * (100vw / 750));
    /* page_mv-content--inner */
  }
  #wrap #page_mv-content .page_mv-content--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: calc(80 * (100vw / 750)) auto 0 auto;
  }
  #wrap #page_mv-content .page_mv-content--inner img {
    display: block;
    margin: auto;
    width: calc(600 * (100vw / 750));
  }
  #wrap #page_mv-content .page_mv-content--inner .s-logo {
    position: relative;
    top: calc(70 * (100vw / 750));
  }
  #wrap .pan_kuz {
    width: calc(700 * (100vw / 750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: calc(80 * (100vw / 750)) auto 0 auto;
  }
  #wrap .pan_kuz a {
    display: block;
    margin-right: calc(15 * (100vw / 750));
    border-bottom: 1px solid #000;
    padding-bottom: calc(3 * (100vw / 750));
  }
  #wrap .pan_kuz a p {
    font-size: calc(26 * (100vw / 750));
  }
  #wrap .pan_kuz p {
    font-size: calc(26 * (100vw / 750));
  }
  #wrap .pan_kuz span {
    font-size: calc(26 * (100vw / 750));
    display: block;
    margin-right: calc(10 * (100vw / 750));
  }
  #wrap .page-content-1 {
    width: calc(750 * (100vw / 750));
    height: auto;
    margin-top: calc(50 * (100vw / 750));
    padding-bottom: calc(40 * (100vw / 750));
    /* page-content-1--inner */
  }
  #wrap .page-content-1 .page-content-1--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    /* page_button */
  }
  #wrap .page-content-1 .page-content-1--inner h2 {
    font-size: calc(40 * (100vw / 750));
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #wrap .page-content-1 .page-content-1--inner h2 span {
    color: #0ea5e9;
  }
  #wrap .page-content-1 .page-content-1--inner p {
    width: calc(700 * (100vw / 750));
    font-size: calc(26 * (100vw / 750));
    line-height: 1.6;
    text-align: justify;
    font-weight: 600;
    margin: calc(40 * (100vw / 750)) auto 0 auto;
  }
  #wrap .page-content-1 .page-content-1--inner p span {
    color: #0ea5e9;
  }
  #wrap .page-content-1 .page-content-1--inner .page_button {
    width: calc(700 * (100vw / 750));
    margin: calc(55 * (100vw / 750)) auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrap .page-content-1 .page-content-1--inner .page_button a {
    margin-bottom: calc(30 * (100vw / 750));
  }
  #wrap .page-content-1 .page-content-1--inner .page_button a img {
    width: calc(700 * (100vw / 750));
  }
  #wrap .service-content-1, #wrap .service-content-4 {
    width: calc(750 * (100vw / 750));
    height: auto;
    background: #f7f7f8;
    background-image: url(../img/service/back_2.png);
    background-repeat: no-repeat;
    background-size: inherit;
    padding: calc(60 * (100vw / 750)) 0 0 0;
    /* service-content-1--inner */
  }
  #wrap .service-content-1 .service-content-1--inner, #wrap .service-content-4 .service-content-1--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    color: #fff;
    /* service-content-step-1 */
  }
  #wrap .service-content-1 .service-content-1--inner img, #wrap .service-content-4 .service-content-1--inner img {
    display: block;
    margin: auto;
  }
  #wrap .service-content-1 .service-content-1--inner p, #wrap .service-content-4 .service-content-1--inner p {
    text-align: center;
    margin: calc(10 * (100vw / 750)) 0 calc(10 * (100vw / 750)) 0;
    font-family: "Montserrat", sans-serif;
  }
  #wrap .service-content-1 .service-content-1--inner h2, #wrap .service-content-4 .service-content-1--inner h2 {
    text-align: center;
    font-size: calc(48 * (100vw / 750));
    font-weight: bold;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 {
    width: calc(700 * (100vw / 750));
    height: auto;
    background: #23354e;
    margin-top: calc(40 * (100vw / 750));
    border-radius: calc(10 * (100vw / 750));
    padding-top: calc(40 * (100vw / 750));
    position: relative;
    /* s-s-1-white */
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 img.s-number, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 img.s-number {
    width: calc(180 * (100vw / 750));
    display: block;
    margin: 0 0 0 calc(20 * (100vw / 750));
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white {
    width: calc(670 * (100vw / 750));
    height: auto;
    background: #fff;
    margin: calc(40 * (100vw / 750)) 0 0 auto;
    color: #000;
    padding-bottom: calc(60 * (100vw / 750));
    /* flow-box-1 */
    /* page-button */
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white h2, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white h2 {
    padding: calc(60 * (100vw / 750)) 0 calc(20 * (100vw / 750)) calc(40 * (100vw / 750));
    text-align: left;
    font-size: calc(48 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    line-height: 1.3;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white p, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white p {
    text-align: left;
    padding: 0 calc(20 * (100vw / 750)) 0 calc(40 * (100vw / 750));
    line-height: 1.8;
    font-weight: 600;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 {
    width: calc(680 * (100vw / 750));
    height: auto;
    margin-top: calc(60 * (100vw / 750));
    background: #f7f7f8;
    border-radius: calc(10 * (100vw / 750));
    padding-bottom: calc(20 * (100vw / 750));
    /* flow-box-1-inner */
    /* flow-box-1-inner-2 */
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 h3, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 h3 {
    width: calc(640 * (100vw / 750));
    background: #3c4b61;
    color: #fff;
    margin: auto;
    text-align: center;
    border-radius: calc(10 * (100vw / 750));
    font-size: calc(36 * (100vw / 750));
    font-weight: 600;
    line-height: 1.4;
    padding: calc(10 * (100vw / 750)) 0 calc(10 * (100vw / 750)) 0;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner {
    width: calc(580 * (100vw / 750));
    height: auto;
    margin: 10px auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    padding-top: calc(30 * (100vw / 750));
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner img, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner img {
    width: calc(280 * (100vw / 750));
    margin-bottom: calc(30 * (100vw / 750));
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 {
    width: calc(680 * (100vw / 750));
    height: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: calc(40 * (100vw / 750));
    /* f-in-2-left */
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left {
    width: calc(600 * (100vw / 750));
    height: auto;
    margin: calc(0 * (100vw / 750)) auto auto auto;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left p, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left p {
    padding: 0;
    font-size: calc(32 * (100vw / 750));
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    background: #fff;
    border-radius: calc(20 * (100vw / 750));
    margin-bottom: calc(40 * (100vw / 750));
    padding: calc(15 * (100vw / 750)) calc(20 * (100vw / 750)) calc(10 * (100vw / 750)) calc(20 * (100vw / 750));
    text-align: left;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left p span, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left p span {
    font-size: calc(24 * (100vw / 750));
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left p::before, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .flow-box-1-inner-2 .f-in-2-left p::before {
    content: '■';
    font-size: calc(30 * (100vw / 750));
    margin-right: calc(5 * (100vw / 750));
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .price, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .price {
    font-size: calc(40 * (100vw / 750));
    text-align: center;
    padding: calc(40 * (100vw / 750)) 0 0 0;
    margin: 0;
    line-height: 1.0;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .price span, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .price span {
    font-size: calc(120 * (100vw / 750));
    font-weight: 500;
    color: #191919;
    font-family: "Montserrat", sans-serif;
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .s-price, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .flow-box-1 .s-price {
    text-align: center;
    font-size: calc(24 * (100vw / 750));
  }
  #wrap .service-content-1 .service-content-1--inner .service-content-step-1 .s-s-1-white .page-button, #wrap .service-content-4 .service-content-1--inner .service-content-step-1 .s-s-1-white .page-button {
    width: calc(640 * (100vw / 750));
    height: auto;
    margin: calc(60 * (100vw / 750)) auto 0 auto;
  }
  #wrap .service-content-2 {
    background-image: none;
    position: relative;
    /* service-content-step-2 */
    /* page_blue-back */
  }
  #wrap .service-content-2 .service-content-step-2 {
    margin-top: 0 !important;
    /* .flow-box-1-inner-1-1 */
    /* f-step-2 */
    /* f-step-2-2 */
  }
  #wrap .service-content-2 .service-content-step-2 .flow-box-1-inner-1-1 {
    width: calc(670 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: calc(40 * (100vw / 750)) auto 0 auto;
  }
  #wrap .service-content-2 .service-content-step-2 .flow-box-1-inner-1-1 img {
    width: calc(280 * (100vw / 750));
  }
  #wrap .service-content-2 .service-content-step-2 .f-step-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: calc(20 * (100vw / 750));
    position: relative;
  }
  #wrap .service-content-2 .service-content-step-2 .f-step-2 img {
    /*transform: rotate(90deg);*/
    padding: 0;
  }
  #wrap .service-content-2 .service-content-step-2 .f-step-2 .f-tex {
    text-align: center !important;
    margin: auto;
    width: calc(480 * (100vw / 750));
    position: absolute;
    top: calc(360 * (100vw / 750));
    left: calc(-80 * (100vw / 750));
    line-height: 1.4 !important;
    font-size: calc(28 * (100vw / 750));
  }
  #wrap .service-content-2 .service-content-step-2 .f-step-2 .f-tex-2 {
    width: calc(320 * (100vw / 750));
    margin: auto;
    text-align: center;
    position: absolute;
    top: calc(360 * (100vw / 750));
    right: 0;
    line-height: 1.4 !important;
    font-size: calc(28 * (100vw / 750));
  }
  #wrap .service-content-2 .service-content-step-2 .f-step-2-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #wrap .service-content-2 .service-content-step-2 .f-step-2-2 img {
    margin-bottom: calc(120 * (100vw / 750));
  }
  #wrap .service-content-2 .service-content-step-2 .img_8-s {
    display: block;
    margin: 0 0 0 auto;
    padding-bottom: calc(40 * (100vw / 750));
  }
  #wrap .service-content-2 .page_blue-back {
    width: calc(750 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    top: calc(160 * (100vw / 750));
    background: #546275;
    position: absolute;
  }
  #wrap .service-content-4 {
    padding-bottom: calc(100 * (100vw / 750));
  }
  #wrap .page-content-2 {
    width: calc(750 * (100vw / 750));
    height: auto;
    background: #f7f7f8;
    background-image: url(../img/service/back_3.png);
    background-repeat: no-repeat;
    background-size: inherit;
    padding: calc(60 * (100vw / 750)) 0 0 0;
    /* page-content-2--inner */
  }
  #wrap .page-content-2 .page-content-2--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    color: #fff;
    /* page-in-content */
    /* page-in-content-2 */
  }
  #wrap .page-content-2 .page-content-2--inner img {
    display: block;
    margin: auto;
  }
  #wrap .page-content-2 .page-content-2--inner p {
    text-align: center;
    margin: calc(10 * (100vw / 750)) 0 calc(15 * (100vw / 750)) 0;
    font-family: "Montserrat", sans-serif;
  }
  #wrap .page-content-2 .page-content-2--inner h2 {
    text-align: center;
    font-size: calc(48 * (100vw / 750));
    font-weight: bold;
  }
  #wrap .page-content-2 .page-content-2--inner .c-tex {
    text-align: center;
    font-weight: 600;
    line-height: 1.8;
    padding-top: calc(60 * (100vw / 750));
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: calc(60 * (100vw / 750)) auto 0 auto;
    padding: calc(80 * (100vw / 750)) 0 calc(20 * (100vw / 750)) 0;
    background: #3c4b61;
    /* page-in-content--inner */
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content .page-in-content--inner {
    width: calc(600 * (100vw / 750));
    height: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* p-in-box */
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content .page-in-content--inner .p-in-box {
    width: calc(590 * (100vw / 750));
    height: auto;
    border-radius: calc(10 * (100vw / 750));
    background: #fff;
    padding: calc(50 * (100vw / 750)) calc(30 * (100vw / 750)) calc(20 * (100vw / 750)) calc(30 * (100vw / 750));
    color: #000;
    position: relative;
    margin-bottom: calc(80 * (100vw / 750));
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content .page-in-content--inner .p-in-box .step_img {
    width: calc(100 * (100vw / 750));
    position: absolute;
    top: calc(-50 * (100vw / 750));
    left: calc(20 * (100vw / 750));
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content .page-in-content--inner .p-in-box h3 {
    text-align: center;
    font-weight: bold;
    font-size: calc(60 * (100vw / 750));
    padding-bottom: calc(40 * (100vw / 750));
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content .page-in-content--inner .p-in-box img {
    width: calc(80 * (100vw / 750));
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content .page-in-content--inner .p-in-box p {
    text-align: left;
    line-height: 1.4;
    padding-top: calc(40 * (100vw / 750));
    font-size: calc(32 * (100vw / 750));
    font-weight: 600;
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content-2 {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: calc(80 * (100vw / 750)) auto 0 auto;
    color: #000;
    /* page-in-content-2--inner */
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content-2 h2 {
    font-size: calc(60 * (100vw / 750));
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content-2 h2 span {
    color: #0ea5e9;
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content-2 .page-in-content-2--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin-top: calc(80 * (100vw / 750));
    background: #3c4b61;
    /* p-i-c-in-box */
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content-2 .page-in-content-2--inner .p-i-c-in-box {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: calc(60 * (100vw / 750)) 0 0 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrap .page-content-2 .page-content-2--inner .page-in-content-2 .page-in-content-2--inner .p-i-c-in-box img {
    width: calc(650 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
  }
  #wrap .page-content-3 {
    width: calc(750 * (100vw / 750));
    height: auto;
    position: relative;
    /* page-content-3--inner */
  }
  #wrap .page-content-3 .page-gray, #wrap .page-content-3 .page-gray-2 {
    width: calc(650 * (100vw / 750));
    background: #f7f7f8;
    height: calc(650 * (100vw / 750));
    position: absolute;
    z-index: -1;
    top: calc(-60 * (100vw / 750));
  }
  #wrap .page-content-3 .page-content-3--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: calc(80 * (100vw / 750)) auto calc(160 * (100vw / 750)) auto;
    position: relative;
    /* p-c-3-in-box */
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* p-c-3-in-box--left */
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box .p-c-3-in-box--left {
    width: calc(700 * (100vw / 750));
    margin-bottom: calc(40 * (100vw / 750));
    padding-left: calc(0 * (100vw / 750));
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box .p-c-3-in-box--left img {
    position: relative;
    left: 0px;
    display: block;
    margin: auto;
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box .p-c-3-in-box--left p.s-title {
    font-size: calc(28 * (100vw / 750));
    font-weight: bold;
    padding: calc(20 * (100vw / 750)) 0 calc(20 * (100vw / 750)) 0;
    text-align: center;
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box .p-c-3-in-box--left h2 {
    font-weight: bold;
    font-size: calc(60 * (100vw / 750));
    margin-bottom: calc(40 * (100vw / 750));
    line-height: 1.4;
    text-align: center;
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box .p-c-3-in-box--left h2 span {
    color: #0ea5e9;
  }
  #wrap .page-content-3 .page-content-3--inner .p-c-3-in-box .p-c-3-in-box--left .m-tex {
    text-align: left;
    line-height: 1.8;
    font-weight: 600;
  }
  #wrap .dw-tex-content {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: calc(60 * (100vw / 750)) auto 0 auto;
  }
  #wrap .dw-tex-content p {
    text-align: center;
    line-height: 1.6;
    font-size: calc(34 * (100vw / 750));
  }
  #wrap #dw-content {
    width: calc(730 * (100vw / 750));
    height: auto;
    margin: calc(80 * (100vw / 750)) auto 0 auto;
    padding: calc(40 * (100vw / 750)) 0 calc(80 * (100vw / 750)) 0;
    background: #ededf0;
    /* dw-content--inner */
  }
  #wrap #dw-content .dw-content--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    /* c-form-box--inner */
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner {
    width: calc(700 * (100vw / 750));
    height: auto;
    margin: auto;
    /* form-box */
    /* pri-box */
    /* contact-button */
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box {
    width: calc(700 * (100vw / 750));
    margin: auto;
    position: relative;
    padding-bottom: calc(10 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750));
    /* form-box--inner */
    /* radio_box_inner_radio */
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .error {
    color: #cb1f20;
    font-size: calc(24 * (100vw / 750));
    font-weight: bold;
    position: absolute;
    top: calc(7 * (100vw / 750));
    right: 0px;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .form-box--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .form-box--inner .form-title {
    width: auto;
    font-size: calc(30 * (100vw / 750));
    color: #000;
    font-weight: bold;
    padding-top: calc(10 * (100vw / 750));
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .form-box--inner .err {
    font-size: calc(24 * (100vw / 750));
    color: #cb1f20;
    font-weight: bold;
    padding-top: calc(10 * (100vw / 750));
    padding: calc(10 * (100vw / 750)) calc(10 * (100vw / 750)) 0 0;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .radio_box_inner {
    width: calc(680 * (100vw / 750));
    height: auto;
    margin: calc(10 * (100vw / 750)) 0 calc(40 * (100vw / 750)) 0;
    padding: calc(18 * (100vw / 750)) 0 calc(30 * (100vw / 750)) calc(80 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: solid #ced2d8 2px;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .radio_box_inner input[type="radio"] {
    width: auto;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1.4);
    margin: calc(10 * (100vw / 750)) calc(20 * (100vw / 750)) 0 0;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .radio_box_inner .add_radio {
    position: relative;
    margin-right: calc(30 * (100vw / 750));
    font-weight: bold;
    font-size: calc(28 * (100vw / 750));
    padding-bottom: 10px;
    line-height: 1.8;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .radio_box_inner .r-in {
    width: calc(480 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .radio_box_inner .r-in-2 {
    width: calc(360 * (100vw / 750));
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .form-box-radio-2 {
    margin-top: 0 !important;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .form-box-radio-2 .r-in-lang {
    width: calc(600 * (100vw / 750));
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box input {
    width: calc(660 * (100vw / 750));
    height: calc(80 * (100vw / 750));
    border: solid #f3f8fb 1px;
    outline: none;
    padding: calc(5 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
    display: block;
    border-radius: 5px;
    font-size: calc(32 * (100vw / 750));
    margin-top: calc(10 * (100vw / 750));
    background: #fff;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .form-box .required {
    width: calc(640 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));
    resize: vertical;
    display: block;
    outline: none;
    padding: calc(20 * (100vw / 750));
    border-radius: calc(10 * (100vw / 750));
    border: solid #ccc 1px;
    line-height: 1.4;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .pri-box {
    width: calc(480 * (100vw / 750));
    margin: calc(40 * (100vw / 750)) auto auto auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: calc(20 * (100vw / 750));
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .pri-box .add_radio {
    position: relative;
    margin-right: calc(30 * (100vw / 750));
    font-weight: bold;
    font-size: calc(26 * (100vw / 750));
    line-height: 1.8;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .pri-box .add_radio {
    text-align: right;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .pri-box input[type="radio"] {
    width: auto;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1.4);
    border: solid;
    margin-top: calc(8 * (100vw / 750));
    margin-right: calc(10 * (100vw / 750));
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .contact-button {
    width: calc(660 * (100vw / 750));
    height: auto;
    margin: calc(10 * (100vw / 750)) auto 0 auto;
    border-radius: calc(10 * (100vw / 750));
    border: solid #0b9ae5 1px;
    -webkit-transition: .2s;
    transition: .2s;
  }
  #wrap #dw-content .dw-content--inner .c-form-box--inner .contact-button #button {
    width: calc(660 * (100vw / 750));
    height: auto;
    border-radius: calc(10 * (100vw / 750));
    background: #0b9ae5;
    border: solid #0b9ae5 1px;
    color: #fff;
    font-size: calc(36 * (100vw / 750));
    font-weight: bold;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    padding: calc(30 * (100vw / 750)) 0 calc(30 * (100vw / 750)) 0;
    letter-spacing: 0.20em;
  }
  #wrap .thanks-content {
    width: calc(750 * (100vw / 750));
    height: auto;
    margin: calc(100 * (100vw / 750)) auto;
    /* thanks-box */
  }
  #wrap .thanks-content h2 {
    text-align: center;
    font-size: calc(60 * (100vw / 750));
    font-weight: bold;
    color: #0b9ae5;
  }
  #wrap .thanks-content .thanks-box {
    margin-top: calc(60 * (100vw / 750));
    padding: 0 calc(20 * (100vw / 750)) 0 calc(20 * (100vw / 750));
    /* top-link */
  }
  #wrap .thanks-content .thanks-box p {
    font-size: calc(30 * (100vw / 750));
    line-height: 1.8;
    color: #000;
    text-align: center;
  }
  #wrap .thanks-content .thanks-box p span {
    font-size: calc(40 * (100vw / 750));
  }
  #wrap .thanks-content .thanks-box .top-link {
    width: calc(700 * (100vw / 750));
    display: block;
    margin: calc(60 * (100vw / 750)) auto;
  }
  #wrap .thanks-content .thanks-box .top-link a {
    text-align: center;
    display: inline-block;
    margin: auto;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  #wrap .form-box-2 {
    /* kibo-box-content */
  }
  #wrap .form-box-2 .kibo-box-content {
    width: calc(700 * (100vw / 750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: calc(30 * (100vw / 750)) 0 0 auto;
    /* kibo-box */
  }
  #wrap .form-box-2 .kibo-box-content .kibo-box {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: calc(20 * (100vw / 750));
  }
  #wrap .form-box-2 .kibo-box-content .kibo-box p {
    padding-top: calc(35 * (100vw / 750));
    padding-right: calc(10 * (100vw / 750));
  }
  #wrap .form-box-2 .kibo-box-content .kibo-box input {
    width: calc(200 * (100vw / 750)) !important;
  }
  #wrap #company-content {
    width: calc(750 * (100vw / 750));
    height: auto;
    margin-top: calc(80 * (100vw / 750));
    color: #707070;
    /* company-content--inner */
  }
  #wrap #company-content .company-content--inner {
    width: calc(680 * (100vw / 750)) x;
    height: auto;
    margin: auto;
    /* c-df-box */
    /* c-works */
  }
  #wrap #company-content .company-content--inner h2 {
    text-align: left;
    font-size: calc(60 * (100vw / 750));
    font-weight: bold;
    margin: 0 0 calc(60 * (100vw / 750)) calc(30 * (100vw / 750));
  }
  #wrap #company-content .company-content--inner .c-df-box {
    width: calc(730 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: solid #ccc 1px;
    margin-bottom: calc(30 * (100vw / 750));
    padding: 0 0 calc(30 * (100vw / 750)) calc(20 * (100vw / 750));
    /* g-map-box */
  }
  #wrap #company-content .company-content--inner .c-df-box p {
    width: calc(700 * (100vw / 750));
    font-size: calc(32 * (100vw / 750));
    line-height: 1.6;
    margin-bottom: calc(10 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));
  }
  #wrap #company-content .company-content--inner .c-df-box .bold {
    font-weight: bold;
    width: calc(300 * (100vw / 750));
  }
  #wrap #company-content .company-content--inner .c-df-box .g-map-box {
    width: calc(720 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* g-map-box-inner */
  }
  #wrap #company-content .company-content--inner .c-df-box .g-map-box .g-map-box-inner p {
    padding-bottom: calc(10 * (100vw / 750));
  }
  #wrap #company-content .company-content--inner .c-df-box .g-map-box .g-map-box-inner iframe {
    width: calc(700 * (100vw / 750));
    height: calc(400 * (100vw / 750));
  }
  #wrap #company-content .company-content--inner .c-df-box-2 {
    margin-bottom: calc(100 * (100vw / 750));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #wrap #company-content .company-content--inner .c-works h2 {
    text-align: left;
    font-size: calc(32 * (100vw / 750));
    font-weight: bold;
    margin: 0 0 calc(60 * (100vw / 750)) calc(30 * (100vw / 750));
  }
  #wrap #pri-content {
    width: calc(700 * (100vw / 750));
    height: auto;
    padding: 0 calc(20 * (100vw / 750)) 0 calc(20 * (100vw / 750)) 0;
    margin: 60px auto 80px auto;
  }
  #wrap #pri-content h2 {
    font-size: calc(32 * (100vw / 750));
    margin-top: calc(48 * (100vw / 750));
    font-weight: bold;
  }
  #wrap #pri-content p {
    line-height: 1.6;
    padding-top: calc(20 * (100vw / 750));
    font-size: calc(32 * (100vw / 750));
  }
  /* wrap */
}
/*# sourceMappingURL=style_sp.css.map */