html {
    scroll-behavior: smooth;
  }

/* 画面幅が768px以上のPC向け */
@media screen and (min-width: 768px) {

.sp {
    display: none!important;
  }
}

  /* 画面幅が768px以下のSP向け */
  @media screen and (max-width: 768px) {
    .pc {
        display: none!important;
    }
  }
  

header nav {
    position: absolute;
    top: 0;
    background: #fff;
    top: 1vw;
    left: 53.3vw;
    padding: 1.2vw;
    border-radius: 40px;
    position: fixed;
    top: 1vw;
    box-shadow: 0px 0px 15px -5px #777777;
    z-index: 999;
}

header nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1.4fr 2fr 1fr;
    width: 21.9vw;
}

header nav ul li {
    text-align: center;
    font-size: 0.9vw;
}
header h1 {
    position: relative;
}
div#cv_btn_area {
    position: absolute;
    top: 1vw;
    left: 78vw;
    position: fixed;
}div#cv_btn_area button {
    border-radius: 50px;
    background: #fff;
    text-align: center;
    width: 3.4vw;
    margin-right: 0.2vw;
    height: 3.4vw;
    color: #fff;
    font-size: 0.7vw;
    letter-spacing: 0px;
    line-height: 1.1;
}div#cv_btn_area button.form_btn {
    background: #56A1C0;
}
div#cv_btn_area button.tel_btn {
    background: #D53233;
}div#cv_btn_area button.mail_btn {
    background: #5C8D3B;
}
div#cv_btn_area button.insta_btn {
    background: #933a94;
}
header h1 img.logo_img {
    position: absolute;
    top: 0.8vw;
    z-index: 11111111;
    left: 11vw;
    width: 7.6vw;
}

footer {
    background: #221E37;
    text-align: center;
    color: #fff;
    font-family: serif;
    padding: 1vw 0 2vw;
    font-size: 0.7vw;
    letter-spacing: 1px;
}

section#infomation {
}

section#infomation article {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2.5vw;
    background: aqua;
    padding: 3.4vw 14vw;
    background: linear-gradient(135deg, #e2edf2 40%, #a5bcc7 30%);
}section#infomation article dl {
    background: #fff;
    border-radius: 9px;
    padding: 1vw 3.7vw;
    font-family: serif;
    line-height: 2;
    font-size: 1vw;
}section#infomation article dl dt {
    font-weight: bold;
    font-size: 1.2vw;
}section#infomation article dl form {
    margin-top: 0.6vw;
}section#infomation article dl form p {
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    padding: 0.4vw 0;
    margin-bottom: 0.5vw;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;        font-weight: bold;
}section#infomation article dl form p i {
    margin-right: 0.8vw;
}section#infomation article ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6vw;
}section#infomation article ul sub {
    font-size: 0.8vw;
    line-height: 1.5;
}.info_under_contents {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.2vw;
    padding: 2vw 14vw;
    background: #F1F1F1;
}
.info_under_contents p {
    font-size: 0.8vw;
    letter-spacing: 1.8px;
    line-height: 1.5;
}
.info_under_contents h3 span {
    display: block;
    background: #fff;
    margin-bottom: 0.7vw;
    font-size: 1.7vw;
    padding: 0.4vw;
    font-family: serif;
}section#app,
section#qanda,
section#form{
    padding: 2.8vw 0;
    background: #D2D6E1;
}


section#app h2,
section#qanda h2,
section#form h2 {
    position: relative; /* ← 罫線を正しく配置するために追加 */
    text-align: center;
    padding: 1vw 0;
    font-size: 2.3vw;
    font-family: serif;
    letter-spacing: 1px;
}

section#app h2::before,
section#app h2::after,
section#qanda h2::before,
section#qanda h2::after,
section#form h2::before,
section#form h2::after{
    content: "";
    position: absolute;
    top: 50%;
    width: 43%; /* 横幅は画面サイズに応じて調整 */
    height: 1px;
    background-color: #333;
}

section#app h2::before,
section#form h2::before,
section#qanda h2::before {
    left: 0;
    transform: translateY(-50%);
}

section#app h2::after,
section#form h2::after,
section#qanda h2::after {
    right: 0;
    transform: translateY(-50%);
}



section#app div ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 73.4vw;
    margin: 2.3vw auto;
    gap: 2.8vw;
}section#app div ul li {
    border-radius: 10px;
    background: #fff;
    padding-bottom: 1vw;
}
section#app div ul li div {
    padding: 1vw 2vw;
    /* color: #fff; */
}
section#app div ul li div{
    border-radius: 10px 10px 0 0;
    color: #fff;
    line-height: 1.7;
}
section#app div ul li div.other_bg_color{
    background: #2E70CE;
}
section#app div ul li div.green_bg_color{
    background: #C7AA6E;
}
section#app div ul li div.gray_bg_color{
    background: #4D8079;
}
section#app div ul li div h5 {
    text-align: center;
    /* color: #fff; */
    font-size: 2.1vw;
    font-family: serif;
    margin-bottom: 0.5vw;
}section#app div ul li div category {
    display: block;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 30px;
    width: 14vw;
    margin: 0 auto 0vw;
}section#app div ul li div salary {
    font-size: 5.6vw;
    font-family: serif;
    margin-top: -0.6vw;
    display: flex;
    align-items: end;
    line-height: 0.9;
    margin: 0.8vw 0;
    font-weight: bold;
}
section#app div ul li div salary span {
    width: 2vw;
    display: block;
    line-height: 1.2;
    font-size: 1.6vw;
}
section#app div ul li div salary em {
    font-size: 3.5vw;
    font-style: normal;
}section#app div ul li div salary em i {
    font-size: 1.9vw;
}
section#app div ul li div sub_text {
    line-height: 2.1;    font-size: 0.8vw;
}
section#app div ul li div:not(:first-of-type) {
    color: #000;
}
section#app div ul li sub {
    text-align: center;
    width: 93%;
    display: block;
    background: #FFFFFF;
    margin: -1.1vw auto 1vw;
    border-radius: 30px;
}
section#app div ul li div h6 {
    color: #E11514;
    font-weight: bold;
    margin-bottom: 1vw;
    border-top: 1px dashed #000;
    padding-top: 1vw;
}
section#app div ul li div:first-of-type h6{
    padding-top: 0;
    border-top: none;
}
section#app div ul li div p {
    line-height: 1.6;
}section#qanda {
    background: #fff;
}section#qanda article {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 4vw;
    margin: 2.9vw auto;
}section#qanda article div:first-of-type {
    padding-left: 12.4vw;
    padding-top: 0.6vw;
    /* line-height: 2.4; */
    letter-spacing: 0px;
}section#qanda article div h7 {
    font-size: 1vw;
    border-bottom: 2px solid #2454DA;
    color: #353535;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-bottom: 1.6vw;
    padding-bottom: 0.4vw;
}section#qanda article div dl {
    margin-bottom: 4.1vw;
}section#qanda article div dl dt {
    margin-bottom: 0.6vw;
    color: #3F96FF;
    border-bottom: 1px dotted #3F96FF;
    padding-bottom: 0.6vw;
}section#qanda article div dl dd span{
    color: #3F96FF;
    font-weight: bold;
}
section#qanda article div h8 {
    background: #FFDBDB;
    display: flex;
    font-size: 0.9vw;
    border: 1px solid #FF5150;
    margin-bottom: 1vw;
    align-items: center;
    font-weight: 400;
}section#qanda article div h8 span {
    background: #FF4F51;
    padding: 0.4vw 0.7vw;
    margin-right: 0.6vw;
    color: #fff;
}

section#qanda article div h8.icon_price {
    background: #E2F1DC;
    /* color: #6DB853; */
    border: 1px solid #6DB853;
}

section#qanda article div h8.icon_price span {
    background: #6DB853;
}

section#qanda article div h8.icon_kankyo {
    background: #CFEBF6;
    /* color: #6DB853; */
    border: 1px solid #42B2E0;
}

section#qanda article div h8.icon_kankyo span {
    background: #42B2E0;
}

section#qanda article div h8.icon_sonota {
    background: #ECD9EF;
    /* color: #6DB853; */
    border: 1px solid #AC54B8;
}

section#qanda article div h8.icon_sonota span {
    background: #AC54B8;
}
section#qanda article div dl {
    margin-bottom: 4.1vw;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 0.8vw;
}  
  /* .timeline {
    position: relative;
    padding-left: 20px;
    border-left: 2px solid #000;
    margin-left: 10px;
  } */

  section#app div ul li div .timeline-item {
    color: #000;
    position: relative;
}
.timeline-item::before {
    content: '・';
    position: absolute;
    left: 7px;
    top: 0.6vw;
    width: 0.7vw;
    height: 0.7vw;
}
  /* .timeline-item::before {
    content: '';
    position: absolute;
    left: -11px;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
  }    .timeline {
    position: relative;
    padding-left: 20px;
    border-left: 2px solid #000;
    margin-left: 10px;
  }

  .timeline-item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 15px;
  }

  .timeline-item::before {
    content: '';
    position: absolute;
    left: -11px;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
  } */
  
  section#salary li {
    display: grid;
    grid-template-columns: 2fr 2.6fr;
    gap: 0;
    background: #F2F6FF;
}
section#salary li:nth-of-type(2) {
    display: grid;
    grid-template-columns:2.6fr 2fr;
    gap: 0;
    background: #F2F6FF;
}
section#app div ul li img {
    border-radius: 10px 10px 0 0;
}
section#salary li.even div:nth-of-type(2) {
    text-align: center;
    letter-spacing: 3px;
    font-family: serif;
    font-weight: bold;
    padding: 3.7vw 7.8vw 2vw 2.4vw;
}section#salary li.even div:nth-of-type(2) p:first-of-type {
    background: #07256B;
    color: #fff;
    padding: 0.4vw 0;
    font-size: 1.1vw;
    width: 13vw;
    margin: 0 auto;
    /* font-family: serif; */
    border-radius: 30px;
    margin-bottom: 0.8vw;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(2) {
    color: #07256B;
    font-size: 2.2vw;
    margin-bottom: 1.2vw;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(3) {
    font-size: 1vw;
    margin-bottom: 1.2vw;
    letter-spacing: 0;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(3) span {
    border-bottom: 1px solid #000;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(3) span em {
    font-size: 1.4vw;
    font-style: inherit;
    font-weight: bold;
    letter-spacing: 1px;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(4) {
    font-size: 2.5vw;
    margin-bottom: 1.5vw;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(4) span {
    font-size: 3.6vw;
    letter-spacing: -3px;
    font-style: normal;
    color: #D61213;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(4) span em {
    font-style: normal;
    font-size: 2.3vw;
}section#salary li.even div:nth-of-type(2) article {
    border: 1px solid #000;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 24vw;
    margin: 0 auto;
}section#salary li.even div:nth-of-type(2) article dl {
    padding: 0.5vw 0;
    text-align: center;
    position: relative;
}section#salary li.even div:nth-of-type(2) article dl dt {
    margin-bottom: 0.2vw;
}section#salary li.even div:nth-of-type(2) article dl dd {
    letter-spacing: 1px;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(3) span {
    border-bottom: 1px solid #000;
}section#salary li.even div:nth-of-type(2) p:nth-of-type(3) span em {
    font-size: 1.2vw;
    font-style: inherit;
    font-weight: bold;
    letter-spacing: 1px;
}
section#salary li.odd div:first-of-type article dl {
    padding: 0.5vw 0;
    text-align: center;
    position: relative;
}

section#salary li.odd div:first-of-type article.six_price {
    grid-template-columns: repeat(3, 1fr);
}
section#salary li.odd div:first-of-type article.six_price dl::after {
    left: 7.9vw;
}
section#salary li.odd div:first-of-type article.six_price dl:nth-of-type(3)::after {
content: none;
}











section#salary li.odd div:first-of-type {
    padding: 3.7vw 2vw 2vw 15.4vw;
    text-align: center;
    letter-spacing: 3px;
    font-family: serif;
    font-weight: bold;
}section#salary li.odd div:first-of-type p:first-of-type {
    background: #07256B;
    color: #fff;
    padding: 0.4vw 0;
    font-size: 1.1vw;
    width: 13vw;
    margin: 0 auto;
    /* font-family: serif; */
    border-radius: 30px;
    margin-bottom: 0.8vw;
}section#salary li.odd div:first-of-type p:nth-of-type(2) {
    color: #07256B;
    font-size: 2.2vw;
    margin-bottom: 1.2vw;
}section#salary li.odd div:first-of-type p:nth-of-type(3) {
    font-size: 1vw;
    margin-bottom: 1.2vw;
    letter-spacing: 0px;
}section#salary li.odd div:first-of-type p:nth-of-type(3) span {
    border-bottom: 1px solid #000;
}section#salary li.odd div:first-of-type p:nth-of-type(3) span em {
    font-size: 1.4vw;
    font-style: inherit;
    font-weight: bold;
    letter-spacing: 4px;
}section#salary li.odd div:first-of-type p:nth-of-type(4) {
    font-size: 2.5vw;
    margin-bottom: 1.5vw;
}section#salary li.odd div:first-of-type p:nth-of-type(4) span {
    font-size: 3.6vw;
    letter-spacing: 0;
    font-style: normal;
    color: #D61213;
}section#salary li.odd div:first-of-type p:nth-of-type(4) span em {
    font-style: normal;
    font-size: 2.3vw;
}section#salary li.odd div:first-of-type article {
    border: 1px solid #000;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}section#salary li.odd div:first-of-type article dl {
    padding: 0.5vw 0;
    text-align: center;
    position: relative;
}section#salary li.odd div:first-of-type article dl dt {
    margin-bottom: 0.2vw;
    font-weight: 500;
}section#salary li.odd div:first-of-type article dl dd {
    letter-spacing: 1px;
    font-weight: bold;
}section#salary li.odd div:first-of-type p:nth-of-type(3) span {
    border-bottom: 1px solid #000;
}section#salary li.odd div:first-of-type p:nth-of-type(3) span em {
    font-size: 1.2vw;
    font-style: inherit;
    font-weight: bold;
    letter-spacing: 1px;
}
section#salary li div article dl:after{
    content: '+';
    position: absolute;
    left: 5.9vw;
    top: 1.1vw;
    width: 0.7vw;
    height: 0.7vw;
}
section#salary li div article dl:last-of-type::after {
    content: none;
}
section#app div ul li.flow {
    border-radius: 10px;
    background: #fff;
    font-size: 0.8vw;
}section#app div ul li.flow p {
    padding: 1.9vw 2.4vw;
}section#app div ul li.flow p h9 {
    display: block;
    padding-bottom: 0.7vw;
    border-bottom: 1px dotted #000;
    margin-bottom: 0.7vw;
}section#app div ul li.flow p text {
    line-height: 1.3;
}section#app div ul li.flow h10 {
    margin: 2.4vw;
    background: #D61213;
    color: #fff;
    border-radius: 30px;
    padding: 0.2vw 0.8vw 0.4vw;
}
section#app div ul li div .timeline-item {
    color: #000;
    position: relative;
    padding: 0.6vw 2vw 0vw;
    /* color: #fff; */
}

section#salary li:nth-of-type(2) div article dl:after{
    content: '+';
    position: absolute;
    left:7.9vw;
    top: 1.1vw;
    width: 0.7vw;
    height: 0.7vw;
}section#salary li:nth-of-type(2) div article dl:last-of-type::after {
    content: none;
}
form#contact_form {
    width: 74vw;
    margin: 0 auto;
    padding: 2vw 0;
    /* background: #ccc; */
}
form#contact_form dl {
    display: grid;
    grid-template-columns: 1fr 3.2fr;
    /* gap: 10px 5px; */
    border: 1px solid #a7a7a7;
    align-items: center;
    font-weight: 300;
    /* background: #ccc; */
    background: #ededed;
    line-height: 1.6;
}form#contact_form dl dt {
    border-right: 1px solid #000;
    font-size: 1vw;
    padding: 1.4vw 1.3vw;
    background: #434343;
    color: #fff;
    font-weight: 300;
}form#contact_form dl dd {
    /* border-right: 1px solid #000; */
    font-size: 1.1vw;
    padding: 0 0.8vw;
    /* line-height: 2.6; */
}form#contact_form dl dd input {
    padding: 0.6vw 0.5vw;
    background: #fff;
    border-radius: 7px;
    font-weight: 300;
    font-size: 1vw;
    width: 100%;
}form#contact_form button {
    background: #56A1C0;
    color: #fff;
    padding: 1vw;
    width: 16vw;
    text-align: center;
    margin: 1vw auto;
    display: block;
    font-size: 1vw;
    border-radius: 10px;
}
form#contact_form dl dd label {
    margin-right: 2.4vw;
    font-size: 1vw;
}
form#contact_form dl dd input[type="radio"] {
    margin-right: 0.4vw;
    width: 20px;
    height: 20px;
}form#contact_form dl dd textarea {
    background: #fff;
    width: 100%;
    padding: 0.3vw 1vw;
    border-radius: 10px;
    height: 4.6vw;
    font-size: 1vw;
    margin: 0;
    box-sizing: border-box;
}form#contact_form dl dt span {
    background: red;
    margin-left: 1vw;
    border-radius: 5px;
    padding: 0.2vw 0.4vw;
    font-size: 0.8vw;
  }
section#insta_area {
    text-align: center;
    margin: 0 auto 3vw;
}
section#insta_area img {
    max-width: 100%;
}

/* 画面幅が768px以下のSP向け */
@media screen and (max-width: 768px) {

    html {
        scroll-padding-top: 20vw;
    }

    header nav {
        width: 100%;
        left: 0;
        border-radius: 0;
        padding: 2vw 3vw;
        position: inherit;
        position: fixed;
        top: 11.9vw;
    }
    header {
        position: fixed;
        top: 0;
        z-index: 999;
    }
    header nav ul {
        width: 93vw;
        grid-template-columns: 0.8fr 1fr 1fr 1.9fr 1fr;
    }header nav ul li {
        font-size: 3.1vw;
    }    div#cv_btn_area {
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        background: #0A090E;
        display: grid;
        grid-template-columns: 1.6fr 1fr 1fr;
        gap: 10px 5px;
        padding: 1vw;
        position: fixed;
        z-index: 9999;
    } div#cv_btn_area button {
        width: 100%;
        font-size: 3vw;
        height: 11vw;
        border-radius: 5px;
        font-size: 3.7vw;
        letter-spacing: 1px;
    }
    div#cv_btn_area button.insta_btn {
        display: none;
    }
    section#app h2::before, section#qanda h2::before, section#form h2::before {
        left: 0;
        width: 31vw;
    }
    section#app h2::after, section#qanda h2::after , section#form h2::after{
        right: 0;
        width: 34vw;
    }
    section#app div ul {
        display: block;
        width: 84.6vw;
    }    
    section#app h2, section#qanda h2, section#form h2 {
        font-size: 5.5vw;
        padding: 5.7vw;
    }

    section#salary li {
        display: block !important;
        position: relative;
    }
    section#infomation article {
        display: block;
        padding: 1vw 5.5vw;
        background: linear-gradient(180deg, #e2edf2 33%, #a5bcc7 30%);
    }
    section#infomation article dl {
        font-size: 3.3vw;
        margin-bottom: 6.8vw;
        background: none;
        color: #185280;
        font-family: 'FontAwesome';
        letter-spacing: 1px;
        padding: 4vw 3.7vw;
    }section#infomation article dl dt {
        font-size: 3.8vw;
        font-family: serif;
    }section#infomation article dl form {
        display: grid    ;
        grid-template-columns: repeat(2, 1fr);
        gap: 1vw;margin-top: 3vw;
    }section#infomation article dl form p {
        font-size: 3.3vw;
        padding: 3vw 0;
        border-radius: 10px;
    }section#infomation article ul {
        display: block;
        padding: 5vw 5vw 6vw 5vw;
    }section#infomation article ul li {
        display: grid    ;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.6vw;
        margin-bottom: 3vw;
    }section#infomation article ul sub {
        font-size: 2.9vw;
    }.info_under_contents {
        display: block;
        padding: 0;
        background: #F1F1F1;
    }.info_under_contents p {
        font-size: 3vw;
        padding: 5vw 5vw 7vw;
        line-height: 1.9;
    }section#app div ul li div h5 {
        font-size: 7.4vw;
        letter-spacing: 1px;
        margin-bottom: 1.6vw;
    }section#app div ul li div category {
        width: 57vw;
        padding: 0vw;
        font-size: 3.4vw;
        margin-bottom: 3vw;
    }section#app div ul li div salary {
        width: 100%;
        justify-content: center;
        font-size: 17vw;
        margin-bottom: 4vw;
    }section#app div ul li div salary span {
        font-size: 5vw;
        margin-right: 4vw;
    }section#app div ul li div salary em {
        font-size: 12vw;
    }section#app div ul li div sub_text {
        line-height: 0;
        font-size: 3.1vw;
    }section#app div ul li {
        margin-bottom: 6vw;
    }section#app div ul li div {
        padding: 3vw 4vw 3vw;
    }section#app div ul li div h6 {
        font-size: 3.5vw;
        padding-top: 4vw;
    }section#app div ul li div p {
        font-size: 3.5vw;
    }    section#app div ul li div h6 {
        font-size: 3.5vw;
        padding: 4vw 3vw 0 !important;
    }section#app div ul li div p {
        font-size: 3.5vw;
        padding: 0 3vw;
    }section#salary li.even div:nth-of-type(2) p:nth-of-type(4) span {
        letter-spacing: 0px;
    }section#app div ul li div salary em i {
        font-size: 9vw;
    } section#qanda {
        padding: 5vw 0 0;
        background: #D2D6E1;
    }section#qanda article {
        display: block;
        margin: 0;padding-bottom: 6vw;
    }section#qanda article div:first-of-type {
        padding: 0;
        background: #fff;
        width: 95%;
        margin: 0 auto 0;
        border-radius: 10px;
        padding: 4vw 7vw;
        box-sizing: border-box;
    }
    section#qanda article div dl,
    section#qanda article div h8{
        font-size: 3vw;
        padding: 0;
    }section#qanda article div h8 span {
        padding: 1.6vw 3vw;
        margin-right: 3vw;
    }section#qanda article div h7 {
        font-size: 3vw;
        padding: 2vw 0;
    }    section#salary li div.main_text {
        position: absolute;
        background: #fff;
        width: 84vw;
        /* margin: 0 auto; */
        right: 0;
        left: 0;
        margin: auto;
        /* top: 51vw; */
        border-radius: 10px;
        bottom: 6vw;padding: 4vw !important
    }section#salary li div.main_text p:first-of-type {
        font-size: 3.7vw!important;
        width: 41vw!important;
        margin-bottom: 3vw!important;
        letter-spacing: 1px;
        padding:0.8vw 0 0.4vw!important
    }section#salary li div.main_text p:nth-of-type(2) {
        font-size: 7.2vw!important;
        margin-bottom: 3vw!important;
    }section#salary li div.main_text p:nth-of-type(3) {
        letter-spacing: 0px!important;
        font-size: 3.3vw!important;
    }section#salary li div.main_text p:nth-of-type(3) span em {
        font-size: 5vw!important;
    }section#salary li div.main_text p:nth-of-type(4) {
        font-size: 7vw!important;
        letter-spacing: 1px!important;
        margin-bottom: 2.4vw!important;
    }section#salary li div.main_text p:nth-of-type(4) span {
        font-size: 11vw!important;
    }section#salary li div.main_text p:nth-of-type(4) span em {
        font-size: 7vw!important;
        margin-left: 1vw!important;
    }section#salary li div.main_text article dl {
        font-size: 2.3vw !important;
        padding: 1.7vw 0 !important;
    }section#salary li div.main_text article dl:after {
        left: 17.4vw!important;
        top: 3.1vw!important;
    }section#salary li:nth-of-type(2) div.main_text article dl:after {
        left: 24vw !important;
    }section#salary li:nth-of-type(3) div:first-of-type article.six_price dl::after {
        left: 24vw !important;
    }
    section#app div ul li.flow p {
        padding: 6vw 8vw;
    }section#app div ul li.flow p h9 {
        font-size: 3.2vw;
        padding-bottom: 3vw;
        margin-bottom: 3vw;
        font-weight: bold;
    }section#app div ul li.flow p text {
        font-size: 3.1vw;
        line-height: 1.9;
    }section#app div ul li.flow h10 {
        font-size: 3.3vw;
        padding: 1.4vw 4vw;
        margin: 0 7vw;
    }section#app div ul li div.timeline {
    font-size: 3.1vw;
    }section#salary li.even div:nth-of-type(2) article {
        width: auto;
    }
    form#contact_form {
        width: 93vw;
    }form#contact_form dl {
        display: block;
        margin-bottom: 2vw;
    }form#contact_form dl dt {
        font-size: 4vw;
        padding: 2vw 3vw;
    }form#contact_form dl dd {
        width: 100%;
        border-radius: 0;
        font-size: 4vw;
        padding: 0;
        background: #fff;
        padding: 1vw;
    }form#contact_form dl dd input {
        width: 100%;
        border-radius: 0;
        font-size: 4vw;
        padding: 2vw;
        border: 1px solid #afafaf;
    }form#contact_form dl dd label {
        font-size: 3.5vw;
        display: block;
        padding: 3vw 3vw 3vw;
        background: #fff;
        margin: 0;
    }form#contact_form dl dd input[type="radio"] {
        margin-right: 1vw;
    }form#contact_form dl dd textarea {
        font-size: 3.5vw;
        height: 40vw;
        border: 1px solid #afafaf;
        border-radius: .0;
        padding: 1.7vw;
    }form#contact_form button {
        font-size: 4vw;
        width: 92%;
        padding: 3vw;
    }.timeline-item::before {
        left: 2vw;
        top: 0.8vw;
    }section#app div ul li div .timeline-item {
        padding: 0.6vw 1vw 0vw 7vw;
    }section#infomation article dl form p i {
        margin-right: 0.8vw;
        font-size: 3.4vw;
    }section#form{
        background:#F1F1F1
    }form#contact_form dl dt span {
        font-size: 3.6vw;
        padding: 0.5vw 0.9vw;
        margin-left: 3vw;
      }
    footer {
        font-size: 2vw;
        padding: 4vw 0;
        padding-bottom: 18vw;
    }
    section#insta_area {
        margin: 3vw auto;
    }

}