/* CF7設定ここから */
.wpcf7-section>div .contact_form li dl dd>span label {
    cursor: pointer;
}

.wpcf7-section>div .contact_form li dl dd>span label input[type=checkbox] {
    width: 13px;
    margin: 3px 8px 3px 0;

   /* width: 30px; */
    display: inline-block;
}

@media screen and (max-width: 766px) {
    .wpcf7-section>div .contact_form li dl dd>span label input[type=checkbox] {
    margin: 0.3vw 0.8vw 0.3vw 0;
    }
}

/* 
.wpcf7-section>div .contact_form li dl dd>span label .wpcf7-list-item-label {
    width: auto !important;
    display: inline-block;
    text-indent: 0　
}
*/

@media screen and (max-width: 1024px) {
    .wpcf7-section>div {
        padding: 0%;
    }
}

.wpcf7-section .wpcf7-not-valid-tip{
    display: block !important;
}
/* CF7設定ここまで */


@media screen and (max-width: 766px) {
    body {
        margin-top: 110px !important;
    }
}

/* ↓box内共通設定↓ */
.box_inner {
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    padding: 0 42px;
}

@media screen and (max-width: 1024px) {
    .box_inner {
        padding: 0 4.1vw;
    }
}

@media screen and (max-width: 766px) {
    .box_inner {
        padding: 0 4vw;
    }
}

.box p {
    font-family: "hiragino-kaku-gothic-pron", sans-serif, "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;

    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0;
}

/* br設定 */
@media screen and (max-width: 766px) {
    br.br-pc {
        display: none;
    }
}

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

/* スクロールアニメーション */
.box .fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.box .fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

.box .fade-up.no-anim { transition: none !important; }
/* ↑box内共通設定↑ */

/* ↓CTA↓ */
.CTA {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}

@media screen and (max-width: 1024px) {
    .CTA {
        padding: 2vw 0;
    }
}

@media screen and (max-width: 766px) {
    .CTA {
        padding: 6vw 0;
    }
}

.CTA_pdf {
    position: relative;
    padding: 0 0 10px 36px;
}

@media screen and (max-width: 1024px) {
    .CTA_pdf {
        padding: 0 0 1vw 3.6vw;
        width: 66.198vw !important;
    }
}

@media screen and (max-width: 766px) {
    .CTA_pdf {
        padding: 0 0 4vw 0;
        width: 96.267vw !important;
    }
}

.CTA_pdf_btn {
    position: absolute;
    box-shadow: 0 5px 0 #a90010;
    left: 57px;
    bottom: 35px;
}

@media screen and (max-width: 1024px) {
    .CTA_pdf_btn {
        width: 39.161vw !important;
        left: 5.7vw;
        bottom: 3.5vw;
    }
}

@media screen and (max-width: 766px) {
    .CTA_pdf_btn {
        width: 56vw !important;
                max-width: 420px;
        left: 2.8vw;
        bottom: 7.4vw;
    }
}

.CTA_zoom_btn {
    box-shadow: 0 5px 0 #c56100;
}
@media screen and (max-width: 1024px) {
    .CTA_zoom_btn {
        width: 54.786vw !important;
    }
}
@media screen and (max-width: 766px) {
    .CTA_zoom_btn {
        width: 88vw !important;
        max-width: 660px;
    }
}

.CTA_pdf,
.CTA_zoom {
    width: fit-content;
    margin: 0 auto;
}

.CTA_pdf_btn,
.CTA_zoom_btn {
    border-radius: 10px;
}

.CTA_pdf_btn:hover,
.CTA_zoom_btn:hover {
    box-shadow: unset;
    transform: translateY(5px);
    transition: 0.3s;
    opacity: 1 !important;
}

.CTA-04 {
    background-color: #e3f0fe;
}

/* ↑CTA↑ */

/* ↓fv↓ */
.fv {
    background: url(../../../../img/request/fv_bg_pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 500px;
}

@media screen and (max-width: 1024px) {
    .fv {
        height: 48.829vw;
    }
}

@media screen and (max-width: 766px) {
    .fv {
        background: url(../../../../img/request/fv_bg_sp.jpg);
        background-repeat: no-repeat;
        background-position: center 17vw;
        background-size: contain;
        height: 126.067vw;
    }
}

.fv_ttl_sub {
    background-color: #232323;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 766px) {
    .fv_ttl_sub {
        padding: 2.5vw 0 2.3vw;
    }
}

@media screen and (max-width: 1024px) {
    .fv_ttl_sub img {
        width: 61.036vw;
    }
}

@media screen and (max-width: 766px) {
    .fv_ttl_sub img {
        width: 81.334vw;
    }
}

.fv_ttl_main {
    padding: 10px 183px 0 0;
    text-align: right;
}

@media screen and (max-width: 1024px) {
    .fv_ttl_main {
        padding: 1vw 18vw 0 0;
        width: 79.04vw;
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width: 766px) {
    .fv_ttl_main {
        padding: 2.4vw 0 0 0;
        width: 98.667vw;
    }
}

.fv_catch {
    margin: -6px 0 0 26px;
}
@media screen and (max-width: 1024px) {
    .fv_catch {
        margin: -0.6vw 0 0 2.6vw;
        width: 35.6vw;
    }
}

@media screen and (max-width: 766px) {
    .fv_catch {
        margin: 23.9vw 0 0 0;
        width: 67.6vw;
    }
}

.fv_inner {
    max-width: 1024px;
    margin: 0 auto;
}
/* ↑fv↑ */

/* ↓制作実績↓ */
.works {
    padding: 60px 0 40px;
}

@media screen and (max-width: 1024px) {
    .works {
        padding: 6vw 0 4vw;
    }
}

@media screen and (max-width: 766px) {
    .works {
        padding: 6vw 0 4vw;
    }
}

@media screen and (max-width: 1024px) {
    .works {
        padding: 6vw 0 4vw;
    }
}

.works_head_ttl {
    padding: 0 0 30px;
}

@media screen and (max-width: 1024px) {
    .works_head_ttl {
        padding: 0 0 3vw;
        width: 51.075vw;
        margin: 0 auto;
    }
}

@media screen and (max-width: 766px) {
    .works_head_ttl {
        padding: 0 0 5vw;
                width: 91.07vw;
    }
}

.works_head_txt {
    padding: 0 0 40px;
}

@media screen and (max-width: 1024px) {
    .works_head_txt {
        padding: 0 0 4vw;
    }
}

@media screen and (max-width: 1024px) {
    .works_head p {
        font-size: 14px;
    }
}


.works .slick-list {
    overflow: visible;
    margin: 0 0 20px;
        height: 360px;
}

@media screen and (max-width: 1024px) {
    .works .slick-list {
        margin: 0 0 2vw;
        height: auto;
    }
}

.works .slick-track {
    display: flex;
}

.works .slick-slide {
    float: left;                  /* slick標準：1行化 */
    height: auto;                 /* 高さは中身依存に */
}

.works .slick-arrow {
    position: absolute;
    top: 34%;
    z-index: 2;

    width: 60px;
    height: 60px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 116, 198, 0.9);
    cursor: pointer;
    outline: none;
}

@media screen and (max-width: 1024px) {
    .works .slick-arrow {
        width: 6vw;
        height: 6vw;
    }
}

@media screen and (max-width: 766px) {
    .works .slick-arrow {
        top: 48%;
        width: 13vw;
        height: 13vw;
        max-width: 90px;
        max-height: 90px;
    }
}

.works .slick-arrow:before {
  content: "";  /* 数字や記号を消す */
}

.works .slick-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30%;
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (max-width: 1024px) {
    .works .slick-arrow:after {
        width: 1.5vw;
        height: 1.5vw;
    }
}

@media screen and (max-width: 766px) {
    .works .slick-arrow:after {
        width: 3vw;
        height: 3vw;
    }
}

.works .slick-prev {
    left: 20px;
}

@media screen and (max-width: 1024px) {
    .works .slick-prev {
        left: 2vw;
    }
}
@media screen and (max-width: 766px) {
    .works .slick-prev {
        left: -0.5vw;
    }
}

.works .slick-prev:after {
    transform: translate(-50%, -50%) rotate(225deg);
    left: 55%;
}

.works .slick-next {
    right: 20px;
}

@media screen and (max-width: 1024px) {
    .works .slick-next {
        right: 2vw;
    }
}
@media screen and (max-width: 766px) {
    .works .slick-next {
        right: -0.5vw;
    }
}

.works .slick-dots {
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    margin-top: 20px;
}

@media screen and (max-width: 1024px) {
    .works .slick-dots {
        margin-top: 2vw;
    }
}

@media screen and (max-width: 766px) {
    .works .slick-dots {
        margin-top: -2vw;
    }
}

.works .slick-dots li button {
    font-size: 0;   /* 数字を見えなくする */
    color: transparent; /* 念のため数字を透明化 */
    background-color: unset;
    border: none;
        padding: 0 6px;
}

@media screen and (max-width: 1024px) {
    .works .slick-dots li button {
        padding: 0 0.6vw;
    }
}


@media screen and (max-width: 766px) {
    .works .slick-dots li button {
        padding: 0 1vw;
    }
}

.works .slick-dots li button:before {
    font-family: 'slick';
    font-size: 35px;
    color: #d2d2d2;
    opacity: 1;
    content: '•';
}

@media screen and (max-width: 1024px) {
    .works .slick-dots li button:before {
        font-size: 3.5vw;
    }
}

@media screen and (max-width: 766px) {
    .works .slick-dots li button:before {
        font-size: 7vw;
    }
}

.works .slick-dots li.slick-active button:before {
    color: #e00015;
}

.works_slider {
    max-width: 1070px;
    margin: 0 auto;
    overflow: hidden;
    display: block !important; 
    padding: 10px 0 25px;
}

@media screen and (max-width: 1150px) {
    .works_slider {
        margin: 0 3vw;
    }
}

@media screen and (max-width: 1024px) {
    .works_slider {
        margin: 0 4.1vw;
        padding: 1vw 0 2.5vw;
    }
}

@media screen and (max-width: 766px) {
    .works_slider {
        margin: 0;
        padding: 2vw 0 4vw;
    }
}

.works_slider_item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0 10px;
    padding: 10px 10px 30px;
    width: 340px !important;
    display: block !important;
}

@media screen and (max-width: 1150px) {
    .works_slider_item {
        width: 29.566vw !important;
    }
}

@media screen and (max-width: 1024px) {
    .works_slider_item {
        margin: 0 1vw;
        padding: 1vw 1vw 3vw;
        width: 28.8vw !important;
    }
}

@media screen and (max-width: 766px) {
    .works_slider_item {
        padding: 3vw 3vw 6vw;
        width: 84vw !important;
    }
}

.works_slider_item_img {
    margin: 0 0 20px;
    height: 214px;
    position: relative;
    overflow: hidden; /*アニメーションの為*/
}
@media screen and (max-width: 1150px) {
    .works_slider_item_img {
        height: 18vw;
    }
}
@media screen and (max-width: 1024px) {
    .works_slider_item_img {
        margin: 0 0 2vw;
    }
}

@media screen and (max-width: 766px) {
    .works_slider_item_img {
        height: 52.934vw;
    }
}

.works_slider_item_img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #004ea1;
    transform: scaleX(0);
    transform-origin: left;
    will-change: transform;
    pointer-events: none;
    z-index: 1;
}

.works_slider_item_img.is-wipe::after {
    animation: wipeLR 1.1s ease-in-out forwards;
}

@keyframes wipeLR {
    0%   { transform: scaleX(0);   transform-origin: left;  }
    48%  { transform: scaleX(1);   transform-origin: left;  }
    50%  { transform: scaleX(1);   transform-origin: right; }
    100% { transform: scaleX(0);   transform-origin: right; }
}

.works_slider_item p {
    padding: 0 0 0 5px;
}
@media screen and (max-width: 1024px) {
    .works_slider_item p {
        padding: 0 0 0 0.5vw;
    }
}

.works_slider_item_name {
    position: relative;
    font-size: 20px !important;
    line-height: 1.5em !important;
    margin: 0 0 30px;
}

@media screen and (max-width: 1024px) {
    .works_slider_item_name {
        font-size: 17px !important;
        margin: 0 0 3vw;
    }
}

@media screen and (max-width: 766px) {
    .works_slider_item_name {
        font-size: 20px !important;
        margin: 0 0 6vw;
    }
}

.works_slider_item_name:after {
    content: "";
    position: absolute;
    background-color: #0074c6;
    width: 45px;
    height: 3px;
    bottom: -15px;
    left: 10px;
}

@media screen and (max-width: 1024px) {
    .works_slider_item_name:after {
        width: 4.5vw;
        height: 0.3vw;
        bottom: -1.5vw;
        left: 1vw;
    }
}

@media screen and (max-width: 766px) {
    .works_slider_item_name:after {
width: 11vw;
        height: 0.6vw;
        bottom: -3vw;
        left: 0.7vw;
    }
}

.works_slider_item_about {
    font-size: 14px !important;
}
@media screen and (max-width: 1024px) {
    .works_slider_item_about {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 766px) {
    .works_slider_item_about {
        font-size: 14px !important;
    }
}

.works_btn {
    border-color: #004ea1;
    border: solid 4px #004ea1;
    border-radius: 10px;
    box-shadow: 0 5px 0 #004ea1;
    color: #004ea1;
    font-size: 20px !important;
    max-width: 600px;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .works_btn {
        font-size: 17px !important;
        max-width: 60vw;
        padding: 1vw 0;
    }
}

@media screen and (max-width: 766px) {
    .works_btn {
        font-size: 17px !important;
        width: 100%;
        max-width: 550px;
        padding: 1.5vw 0;
    }
}

.works_btn:hover {
    box-shadow: unset;
    transform: translateY(5px);
    transition: 0.3s;
}

.works_btn:after {
    position: absolute;
    content: "";
    background: url(../../../../img/request/arrow_pc.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    width: 17px;
    height: 20px;
}

@media screen and (max-width: 1024px) {
    .works_btn:after {
        right: 1.4vw;
        width: 1.7vw;
        height: 2vw;
    }
}

@media screen and (max-width: 766px) {
    .works_btn:after {
        background: url(../../../../img/request/arrow_sp.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        right: 3vw;
        width: 11px;
        height: 13px;
    }
}

/* ↑制作実績↑ */

.worry {
    background-color: #eeeeee;
    margin: 64px 0 0;
    padding: 60px 0 90px;
}

@media screen and (max-width: 1024px) {
    .worry {
        margin: 6.4vw 0 0;
        padding: 6vw 0 9vw;
    }
}
@media screen and (max-width: 766px) {
    .worry {
        padding: 10vw 0 12vw;
    }
}

.worry_ttl p {
    position: relative;
    font-size: 27px;
    letter-spacing: 0.08em;
    margin: 0 0 60px;
}

@media screen and (max-width: 1024px) {
    .worry_ttl p {
        position: relative;
        font-size: 2.7vw;
        margin: 0 0 6vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_ttl p {
        font-size: 4.8vw;
        margin: 0 0 10vw;
        line-height: 1.3em;
    }
}

.worry_ttl p:after {
    content: "";
    position: absolute;
    background-color: #0074c6;
    width: 70px;
    height: 4px;
    bottom: -20px;
    left: 50%;
    translate: -50%;
}
@media screen and (max-width: 1024px) {
    .worry_ttl p:after {
        width: 7vw;
        height: 0.4vw;
        bottom: -2vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_ttl p:after {
        width: 9vw;
        height: 0.6vw;
        bottom: -3vw;
    }
}

.worry_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 40px;
}

@media screen and (max-width: 1024px) {
    .worry_list {
        gap: 2vw;
        margin: 0 0 4vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_list {
        margin: 0 0 7vw;
    }
}

.worry_list_item {
    background-color: #fff;
    border-radius: 10px;
    width: 300px;
    padding: 20px 23px;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .worry_list_item {
        width: 29vw;
        padding: 2vw 2.3vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_list_item {
        width: calc((100% - 2vw) / 2);
        padding: 4vw 2.3vw;
    }
}

.worry_list_item_check {
    position: absolute;
    top: 15px;
    left: 15px;
}
@media screen and (max-width: 1024px) {
    .worry_list_item_check {
        width: 4.688vw;
        top: 1.5vw;
        left: 1.5vw;
    }
}
@media screen and (max-width: 1024px) {
    .worry_list_item_check {
        width: 8vw;
    }
}

.worry_list_item_img {
    height: 119px;
    margin: 0 0 10px;
    display: grid;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .worry_list_item_img {
        height: 11.9vw;
        margin: 0 auto 1vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_list_item_img {
        height: 19.734vw;
        margin: 0 auto 3vw;
    }
}

.worry_list_item-02_img {
    padding: 0 0 0 8px;
}

.worry_list_item-05_img {
    padding: 0 0 0 34px;
}

@media screen and (max-width: 1024px) {
    .worry_list_item-01_img {
        width: 14.161vw;
    }
    .worry_list_item-02_img {
        padding: 0 0 0 0.8vw;
        width: 10.743vw;
    }
    .worry_list_item-03_img {
        width: 8.497vw;
    }
    .worry_list_item-04_img {
        width: 11.231vw;
    }
    .worry_list_item-05_img {
        padding: 0 0 0 3.4vw;
        width: 16.797vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_list_item-01_img {
        width: 26.467vw;
        padding: 0 0 0 1vw;
    }
    .worry_list_item-02_img {
        width: 19vw;
    }
    .worry_list_item-03_img {
        width: 15.334vw;
    }
    .worry_list_item-04_img {
        width: 20.534vw;
    }
    .worry_list_item-05_img {
        padding: 0 0 0 7vw;
        width: 35.534vw;
    }
}

@media screen and (max-width: 1024px) {
    .worry_list_item p {
        font-size: 1.6vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_list_item p {
        font-size: 3.2vw;
        line-height: 1.6em;
    }
}

@media screen and (max-width: 1024px) {
    .worry_catch {
        margin: 0 auto;
        width: 70.313vw;
    }
}
@media screen and (max-width: 766px) {
    .worry_catch {
        width: 72.934vw;
    }
}





.reason {
    padding: 0 0 20px;
}
@media screen and (max-width: 1024px) {
    .reason {
        padding: 0 0 2vw;
    }
}
@media screen and (max-width: 766px) {
    .reason {
        padding: 0 0 5vw;
    }
}

.reason_head_ttl {
    background-color: #004ea1;
    margin: 0 auto 30px;
    text-align: center;
    padding: 20px 0 25px;
}
@media screen and (max-width: 1024px) {
    .reason_head_ttl {
        margin: 0 auto 3vw;
        padding: 2vw 0 2.5vw;
    }
}
@media screen and (max-width: 766px) {
    .reason_head_ttl {
        margin: 0 auto 5vw;
        padding: 3vw 0 3.8vw;
    }
}

@media screen and (max-width: 1024px) {
    .reason_head_ttl img {
        width: 77.638vw;
    }
}
@media screen and (max-width: 766px) {
    .reason_head_ttl img {
        width: 85.067vw;
    }
}

.reason_head p {
    margin: 0 0 30px;
}
@media screen and (max-width: 1024px) {
    .reason_head p {
        margin: 0 0 3vw;
    }
}
@media screen and (max-width: 766px) {
    .reason_head p {
        font-size: 14px;
        margin: 0 0 7vw;
    }
}

.reason_list {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .reason_list {
        gap: 1.8vw;
    }
}
@media screen and (max-width: 766px) {
    .reason_list {
        gap: 3.6vw;
    }
}

.reason_list_item {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 70px 36px 35px;
    width: 460px;
}

@media screen and (max-width: 1024px) {
    .reason_list_item {
        padding: 7vw 3.6vw 3.5vw;
        width: 45vw;
    }
}
@media screen and (max-width: 766px) {
    .reason_list_item {
        box-shadow: 0 0 1vw rgba(0, 0, 0, 0.4);
        padding: 13vw 5vw 6vw;
        width: 100%;
    }
}

.reason_list_item-02,
.reason_list_item-03,
.reason_list_item-05 {
    background-color: #e3f0fe;
}
@media screen and (max-width: 766px) {
    .reason_list_item-03,
    .reason_list_item-05 {
        background-color: #fff;
    }
    .reason_list_item-04 {
        background-color: #e3f0fe;
    }
}

.reason_list_item_tag {
    position: absolute;
    top: 12px;
    left: -6px;
}

@media screen and (max-width: 1024px) {
    .reason_list_item_tag {
        position: absolute;
        top: 1.2vw;
        left: -0.6vw;
    }

    .reason_list_item-01_tag {
        width: 19.532vw;
    }
        .reason_list_item-02_tag {
        width: 23.243vw;
    }
        .reason_list_item-03_tag {
        width: 17.384vw;
    }
        .reason_list_item-04_tag {
        width: 21.29vw;
    }
        .reason_list_item-05_tag {
        width: 21.29vw;
    }
}
@media screen and (max-width: 766px) {
    .reason_list_item_tag {
        top: 2vw;
        left: -4.5vw;
    }

    .reason_list_item-01_tag {
            width: 38.4vw;
    }
        .reason_list_item-02_tag {
            width: 45.734vw;
    }
        .reason_list_item-03_tag {
            width: 33.067vw;
    }
        .reason_list_item-04_tag {
            width: 42.6vw;
    }
        .reason_list_item-05_tag {
            width: 43.6vw;
    }
}

.reason_list_item_ttl {
    margin: 0 0 20px;
    display: grid;
    justify-content: center;
    align-items: center;
        height: 309px;
}

@media screen and (max-width: 1024px) {
    .reason_list_item_ttl {
        height: auto;
        margin: 0 auto 5vw;
    }
}

@media screen and (max-width: 766px) {
    .reason_list_item_ttl {
        margin: 0 auto 3vw;
    }

    .reason_list_item-01_ttl {
        width: 62.134vw;
    }
    .reason_list_item-02_ttl {
        width: 62.134vw;
        margin-top: -5vw;
    }
    .reason_list_item-03_ttl {
        width: 50.8vw;
    }
        .reason_list_item-04_ttl {
        width: 44.4vw;
    }
    .reason_list_item-05_ttl {
        width: 40.8vw;
        margin-top: 2vw;
    }
}

@media screen and (max-width: 1024px) {
    .reason_list_item_ttl img {
        max-height: 30.9vw;
    }
}

@media screen and (max-width: 766px) {
    .reason_list_item_ttl img {
        max-height: 100%;
    }
}

.reason_list_item p {
        text-align: left;
}
@media screen and (max-width: 766px) {
    .reason_list_item p {
        font-size: 14px;
        line-height: 1.8em; 
    }

}

.plan {
    background-color: #004ea1;
    margin: 60px 0 0;
    padding: 60px 0 80px;
}

@media screen and (max-width: 1024px) {
    .plan {
        margin: 6vw 0 0;
        padding: 6vw 0 8vw;
    }
}
@media screen and (max-width: 766px) {
    .plan {
        margin: 8vw 0 0;
        padding: 11vw 0 12vw;
    }
}

.plan_ttl p {
    position: relative;
    font-size: 27px;
    color: #fff;
    letter-spacing: 0.08em;
    margin: 0 0 75px;
}

@media screen and (max-width: 1024px) {
    .plan_ttl p {
        font-size: 2.7vw;
        margin: 0 0 7.5vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_ttl p {
        font-size: 4.4vw;
        margin: 0 0 10vw;
        line-height: 1.3em;        
    }
}

.plan_ttl p:after {
    content: "";
    position: absolute;
    background-color: #fff100;
    width: 70px;
    height: 4px;
    bottom: -20px;
    left: 50%;
    translate: -50%;
}
@media screen and (max-width: 1024px) {
    .plan_ttl p:after {
        width: 7vw;
        height: 0.4vw;
        bottom: -2vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_ttl p:after {
        width: 9vw;
        height: 0.6vw;
        bottom: -3vw;
    }
}


.plan_list {
    display: flex;
    justify-content: center;
    gap: 22px;
}

@media screen and (max-width: 1024px) {
    .plan_list {
    gap: 2.2vw;
}
}
@media screen and (max-width: 766px) {
    .plan_list {
        gap: 6vw;
        display: grid;
    }
}

.plan_list_item {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    width: 300px;
    padding: 40px 0 25px;
}
@media screen and (max-width: 1024px) {
    .plan_list_item {
        width: 30vw;
        padding: 4vw 0 2.5vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_list_item {
        width: 100%;
        padding: 10vw 0 6vw;
    }
}

.plan_list_item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background: linear-gradient(154deg, #1b1b1b 55px, transparent 0);
    border-radius: 20px;
    z-index: 0;
}
@media screen and (max-width: 1024px) {
    .plan_list_item:before {
        background: linear-gradient(154deg, #1b1b1b 5.5vw, transparent 0);
    }
}
@media screen and (max-width: 766px) {
    .plan_list_item:before {
        background: linear-gradient(154deg, #1b1b1b 13vw, transparent 0);
    }
}

.plan_list_item_number {
    position: absolute;
    top: 12px;
    left: 10px;
}
@media screen and (max-width: 1024px) {
    .plan_list_item_number {
        position: absolute;
        top: 1.2vw;
        left: 1vw;
    }
    .plan_list_item-01_number {
        width: 2.637vw;
    }
    .plan_list_item-02_number,
    .plan_list_item-03_number {
        width: 3.321vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_list_item_number {
        top: 3.3vw;
        left: 0vw;
    }
    .plan_list_item-01_number {
            width: 7.467vw;
    }
    .plan_list_item-02_number,
    .plan_list_item-03_number {
        width: 9.334vw;
    }
}

.plan_list_item_ttl {
    padding: 0 0 20px;
}

@media screen and (max-width: 1024px) {
    .plan_list_item_ttl {
        margin: 0 auto;
        padding: 0 0 2vw;
    }
    .plan_list_item-01_ttl {
        width: 19.727vw;
    }
        .plan_list_item-02_ttl {
            width: 23.829vw;
    }
        .plan_list_item-03_ttl {
            width: 27.345vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_list_item_ttl {
        padding: 0 0 6vw;
    }
    .plan_list_item-01_ttl {
        width: 52.4vw;
    }
        .plan_list_item-02_ttl {
        width: 56.534vw;
    }
        .plan_list_item-03_ttl {
        width: 70.667vw;
    }
}

.plan_list_item_txt {
    padding: 0 30px;
    text-align: left;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
    .plan_list_item_txt {
        padding: 0 3vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_list_item_txt {
        padding: 0 7vw;
    }
}

@media screen and (max-width: 766px) {
    .plan_list_item p {
        font-size: 14px;
    }
}

.plan_tag {
    position: absolute;
    top: -10px;
    right: -10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}
@media screen and (max-width: 1024px) {
    .plan_tag {
        top: -1vw;
        right: -1vw;
        width: 6.934vw;
    }
}
@media screen and (max-width: 766px) {
    .plan_tag {
        top: -3vw;
        right: -2.5vw;
        box-shadow: 0 0 2vw rgba(0, 0, 0, 0.4);
        width: 18.8vw;
    }
}


.flow {
    padding: 60px 0;
}
@media screen and (max-width: 1024px) {
    .flow {
        padding: 6vw 0;
    }
}
@media screen and (max-width: 766px) {
    .flow {
        padding: 11vw 0;
    }
}

.flow_head_ttl p {
    position: relative;
    font-size: 27px;
    letter-spacing: 0.08em;
    margin: 0 0 55px;
}

@media screen and (max-width: 1024px) {
    .flow_head_ttl p {
        font-size: 24px;
        margin: 0 0 5.5vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_head_ttl p {
        font-size: 22px;
        margin: 0 0 8vw;
        line-height: 1.4em;
    }
}

.flow_head_ttl p:after {
    content: "";
    position: absolute;
    background-color: #0074c6;
    width: 70px;
    height: 4px;
    bottom: -20px;
    left: 50%;
    translate: -50%;
}
@media screen and (max-width: 1024px) {
    .flow_head_ttl p:after {
        width: 7vw;
        height: 0.4vw;
        bottom: -2vw;
    }
}
@media screen and (max-width: 766px) {
    .flow_head_ttl p:after {
        width: 9vw;
        height: 0.6vw;
        bottom: -3vw;
    }
}

.flow_head_txt {
    max-width: 686px;
        margin: 0 auto;
    padding: 0 0 30px;
}

@media screen and (max-width: 1024px) {
    .flow_head_txt {
                font-size: 14px !important;
        max-width: 68.6vw;
        padding: 0 0 3vw;
    }
}
@media screen and (max-width: 766px) {
    .flow_head_txt {
                        font-size: 3.2vw !important;
        max-width: 100%;
        padding: 0 0 6vw;
    }
}

.flow_cnt_top,
.flow_cnt_bottom {
    position: relative;
    display: flex;
    gap: 10px;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_top,
    .flow_cnt_bottom {
        gap: 1vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_top,
    .flow_cnt_bottom {
        display: grid;
        gap: 2.5vw;
    }
}

.flow_cnt_top:before,
.flow_cnt_bottom:before {
    position: absolute;
    content: "";
    background-color: #eeeeee;
    width: 940px;
    height: 10px;
    top: 20px;
    left: 0;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_top:before,
    .flow_cnt_bottom:before {
        width: 74vw;
        height: 1vw;
        top: 2vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_top:before,
    .flow_cnt_bottom:before {
        width: 1.2vw;
        top: 0;
        left: 7.5vw;
    }
    .flow_cnt_top:before {
        height: 80vw;
    }

    .flow_cnt_bottom:before {
        height: 74vw;
    }
}  

.flow_cnt_top {
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_top {
        margin-bottom: 2vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_top {
        margin-bottom: 2.5vw;
    }
}





.flow_cnt_item {
    position: relative;
    width: 180px;
    background-color: #eeeeee;
    border-radius: 10px;
    padding: 20px 18px 18px;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_item {
        width: 17.5vw;
        padding: 2vw 1.8vw 1.8vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_item {
        display: flex;
                align-items: center;
        width: 100%;
        padding: 3vw;
        height: 13.5vw;
    }
}

.flow_cnt_item_number {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    top: 10px;
    left: 10px;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_item_number {
        top: 1vw;
        left: 1vw;
        width: 3.907vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_item_number {
        top: 50%;
        transform: translate(0, -50%);
        left: 3vw;
        width: 9.34vw;
    }
}

.flow_cnt_item_icon {
    height: 50px;
    margin: 0 0 10px;
    display: grid;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_item_icon {
        height: 5vw;
        margin: 0 auto 1vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_item_icon {
        height: auto;
        margin: 0 5vw 0 16vw;
    }
}

@media screen and (max-width: 1024px) {
    .flow_cnt_item-01_icon {
        width: 4.6vw;
    }
    .flow_cnt_item-02_icon {
        width: 5.1vw;
    }
    .flow_cnt_item-03_icon {
        width: 5vw;
    }
    .flow_cnt_item-04_icon {
        width: 5.7vw;
    }
    .flow_cnt_item-05_icon {
        width: 4.4vw;
    }
    .flow_cnt_item-06_icon {
        width: 4.1vw;
    }
    .flow_cnt_item-07_icon {
        width: 4.2vw;
    }
    .flow_cnt_item-08_icon {
        width: 4.7vw;
    }
    .flow_cnt_item-09_icon {
        width: 5.1vw;
    }
    .flow_cnt_item-10_icon {
        width: 4.6vw;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_item-01_icon {
        width: 7.734vw;
    }
    .flow_cnt_item-02_icon {
        width: 8.67vw;
    }
    .flow_cnt_item-03_icon {
        width: 8.4vw;
    }
    .flow_cnt_item-04_icon {
        width: 8.534vw;
    }
    .flow_cnt_item-05_icon {
        width: 7.467vw;
    }
    .flow_cnt_item-06_icon {
        width: 6.8vw;
    }
    .flow_cnt_item-07_icon {
        width: 7.2vw;
    }
    .flow_cnt_item-08_icon {
        width: 7.334vw;
    }
    .flow_cnt_item-09_icon {
        width: 5.1vw;
    }
    .flow_cnt_item-10_icon {
        width: 8vw;
    }
}

.flow_cnt_item p {
    font-size: 14px;
    line-height: 1.6em;
        letter-spacing: 0.03em;
    text-align: left;
}

@media screen and (max-width: 1024px) {
    .flow_cnt_item p {
        font-size: 12px;
    }
}

@media screen and (max-width: 766px) {
    .flow_cnt_item p {
        font-size: 14px;
    }
}


/* ↓contact↓ */
.contact {
    background-color: #e3f0fe;
        padding: 0 0 60px;
}
@media screen and (max-width: 1024px) {
    .contact {
        padding: 0 0 6vw;
    }
}
@media screen and (max-width: 766px) {
    .contact {
        padding: 0 0 12vw;
    }
}

.contact_ttl {
    background: url(../../../../img/request/contact_bg_pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 440px;
}
@media screen and (max-width: 1024px) {
    .contact_ttl {
        height: 43.829vw;
    }
}
@media screen and (max-width: 766px) {
    .contact_ttl {
        background: url(../../../../img/request/contact_bg_sp.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 101.334vw;
    }
}

.contact_ttl_main {
    padding: 10px 183px 0 0;
    text-align: right;
}
@media screen and (max-width: 1024px) {
    .contact_ttl_main {
        padding: 1vw 18vw 0 0;
        width: 79.04vw;
        margin: 0 0 0 auto;
    }
}
@media screen and (max-width: 766px) {
    .contact_ttl_main {
        padding: 4vw 0 0 0;
        width: 98.667vw;
    }
}

.contact_catch {
    margin: -6px 0 0 26px;
}

@media screen and (max-width: 1024px) {
    .contact_catch {
        margin: -0.6vw 0 0 2.6vw;
        width: 35.6vw;
    }
}

@media screen and (max-width: 766px) {
    .contact_catch {
        margin: 16.4vw 0 0 0;
        width: 67.6vw;
    }
}

.contact_inner {
    max-width: 1024px;
    margin: 0 auto;
}

.contact_txt {
    padding: 45px 0 0;
}
@media screen and (max-width: 1024px) {
    .contact_txt {
        padding: 4.5vw 0 0;
    }
}
@media screen and (max-width: 766px) {
    .contact_txt {
        padding: 7vw 0 0;
    }
}

@media screen and (max-width: 766px) {

   .contact p {
    font-size: 3.4vw;
} 
}


/* ↑contact↑ */

/* ↓faq↓ */

.faq {
    padding: 60px 0 80px;
}

@media screen and (max-width: 1024px) {
    .faq {
        padding: 6vw 0 8vw;
    }
}
@media screen and (max-width: 766px) {
    .faq {
        padding: 11vw 0;
    }
}

.faq_ttl p {
    position: relative;
    font-size: 27px;
    letter-spacing: 0.08em;
    margin: 0 0 55px;
}
@media screen and (max-width: 1024px) {
    .faq_ttl p {
        font-size: 24px;
        margin: 0 0 5.5vw;
    }
}
@media screen and (max-width: 766px) {
    .faq_ttl p {
        font-size: 4.2vw;
        margin: 0 0 10vw;
        line-height: 1.4em;
    }
}

.faq_ttl p:after {
    content: "";
    position: absolute;
    background-color: #0074c6;
    width: 70px;
    height: 4px;
    bottom: -20px;
    left: 50%;
    translate: -50%;
}

@media screen and (max-width: 1024px) {
    .faq_ttl p:after {
        width: 7vw;
        height: 0.4vw;
        bottom: -2vw;
    }
}
@media screen and (max-width: 766px) {
    .faq_ttl p:after {
        width: 9vw;
        height: 0.6vw;
        bottom: -3vw;
    }
}

.flow_head_ttl p:after {
    content: "";
    position: absolute;
    background-color: #0074c6;
    width: 70px;
    height: 4px;
    bottom: -20px;
    left: 50%;
    translate: -50%;
}


.faq_list {
    display: grid;
    gap: 58px;
}
@media screen and (max-width: 1024px) {
    .faq_list {
        gap: 5.8vw;
    }
}
@media screen and (max-width: 1024px) {
    .faq_list {
        gap: 11vw;
    }
}

.faq_list_item {
    position: relative;
}

.faq_list_item:after {
    content: "";
    position: absolute;
    background-color: #bfbfbf;
    width: 100%;
    height: 1px;
    bottom: -25px;
    left: 0;
}
@media screen and (max-width: 1024px) {
    .faq_list_item:after {
        bottom: -2.5vw;
    }
}
@media screen and (max-width: 766px) {
    .faq_list_item:after {
        bottom: -5vw;
    }
}

.faq_list_item_last:after {
    display: none;
}

.faq_list_item_q,
.faq_list_item_a {
        display: flex;
}

.faq_list_item_q {
        margin: 0 0 20px;
}
@media screen and (max-width: 1024px) {
    .faq_list_item_q {
        margin: 0 0 2vw;
    }
}
@media screen and (max-width: 766px) {
    .faq_list_item_q {
        margin: 0 0 3vw;
    }
}

.faq_list_item_q_icon,
.faq_list_item_a_icon {
        margin-right: 20px;
            min-width: 25px;
}
@media screen and (max-width: 1024px) {
    .faq_list_item_q_icon,
    .faq_list_item_a_icon {
        margin-right: 3vw;
        min-width: 2.5vw;
    }
}
@media screen and (max-width: 766px) {
    .faq_list_item_q_icon,
    .faq_list_item_a_icon {
        width: 3.334vw;
        min-width: 3.334vw;
    }
}

.faq_list_item_q p {
    color: #004ea1;    
}

.faq_list_item p {
    text-align: left;
}
@media screen and (max-width: 766px) {
    .faq_list_item p {
        font-size: 14px;
        letter-spacing: 0.08em;
        line-height: 1.5em;
    }
}





/* ↑faq↑ */


/* フォーム */
.form {
    padding-top: 150px;
    margin-top: -150px;
}
@media screen and (max-width: 766px) {
    .form {
        padding-top: 100px;
        margin-top: -100px;
    }
}

.form_head_ttl {
    background-color: #004ea1;
    padding: 30px 0;
    margin: 0 auto 35px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .form_head_ttl {
        padding: 3vw 0;
        margin: 0 auto 3.5vw;
    }
}
@media screen and (max-width: 766px) {
    .form_head_ttl {
        padding: 5vw 0;
        margin: 0 auto 5vw;
    }
}

@media screen and (max-width: 1024px) {
    .form_head_ttl img {
        width: 72.657vw !important;
    }
}

@media screen and (max-width: 766px) {
    .form_head_ttl img {
        width: 73.1vw !important;
    }
}

.form_head_txt {
    margin: 0 0 42px; 
}
@media screen and (max-width: 1024px) {
    .form_head_txt {
        margin: 0 0 4.2vw; 
    }
}
@media screen and (max-width: 766px) {
    .form_head_txt {
        text-align: left;
        margin: 0 0 6vw; 
    }
}

@media screen and (max-width: 766px) {
    .form_head {
        text-align: left;
    }
}


.wpcf7-section {
    padding: 0 0 80px;    
}
@media screen and (max-width: 1024px) {
    .wpcf7-section {
        padding: 0 4vw 8vw;    
    }
}
@media screen and (max-width: 766px) {
    .wpcf7-section {
        padding: 0 4vw 12vw;    
    }
}

.wpcf7-section > div {
    padding: 40px 20px 10px;
    background-color: #e3f0fe;
    border-radius: 20px;
    max-width: 940px;
    margin: 0 auto;
}

.wpcf7-section > div .contact_form li dl dt {
    line-height: 1.8em;
}

form dl dt span.form_requir {
    display: inline-block;
    background: #e00015;
    padding: 2px 10px 4px;
}

form dl dt span.form_option {
    border: 1px solid #e00015;
    color: #e00015;
}

span.wpcf7-list-item {
    margin: 0 30px 0 0;
    min-width: auto;
}

@media screen and (max-width: 766px) {
    span.wpcf7-list-item  {
        margin: 0 5vw 0 0;
    }
}

.wpcf7-form-control-wrap.chance_type {
    margin-left: 4px;
}

/*送信ボタン*/

@media screen and (max-width: 766px) {
    .box .btn_cmn_pt01 .w_md {
        max-width: 100%;
    }
}

.box .btn_cmn_pt01 input {
    background: #fff;
    border: solid 4px #004ea1;
    border-radius: 10px;
    box-shadow: 0 7px 0 #004ea1;
    color: #004ea1;
    font-size: 20px !important;
    font-weight: 700;

    position: relative;
}

@media screen and (max-width: 766px) {
    .btn_cmn_pt01.w_md {
    max-width: 100%;
}
}


@media screen and (max-width: 766px) {
    .box .btn_cmn_pt01 input {
        max-width: 550px !important;     
    }
}

@media screen and (max-width: 766px) {
  .wpcf7-section > div .contact_form .btn_cmn_pt01 {
    margin: 0 auto 1vw;
}  
}


.box .btn_cmn_pt01 input:hover {
    box-shadow: unset;
}

.box .btn_cmn_pt01:hover {
    transform: translateY(7px);
    transition: 0.3s;
}

.box .btn_submit {
    position: relative;
}
.box .btn_submit:after {
    content: "";
    position: absolute;
    top: 34%;
    right: 5px;
    transform: translateY(-50%);
    border: 9px solid transparent;
    border-left: 15px solid #004ea1;
}


/*送信ボタン*/
/* フォーム */