/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    共通
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    * {
        box-sizing: border-box;
    }

    .flex-container {
        display: flex;
    }

    h2 {
        font-size: 3vw!important;
        line-height: 1.5;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right;
    }

    /* PC非表示 */
    .pc-none {
        display: none!important;
    }

    /* メインカラー */
    .mc {
        color: #223f6e;
    }

    /* サブカラー */
    .sc {
        color: #E7ECF2;
    }

    /* 黄色マーカー */
    .marker-yello {
        background:linear-gradient(transparent 60%, #ff6 60%);
    }

    /* ピンクマーカー */
    .marker_pink {
        background: linear-gradient(transparent 60%, #ff66ff 60%);
        z-index: 1;
    }

    /* 赤マーカー */
    .marker-red {
        background:linear-gradient(transparent 70%, rgb(255, 33, 33) 60%);
    }
    .marker-red2 {
        background:linear-gradient(transparent 85%, rgb(255, 33, 33) 60%);
    }

    .white {
        filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
    }

    /* タイトル飾り */
    .headline01 {
        position: relative;
    }

    .headline01::after {
        content: '';
        position: absolute;
        bottom: 3.5vw;
        display: inline-block;
        width: 15vw;
        height: 0.4vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: red;
        border-radius: 2px;
        z-index: 5;
    }

    .headline02 {
        position: relative;
    }

    .headline02::after {
        content: '';
        position: absolute;
        bottom: 3.5vw;
        display: inline-block;
        width: 15vw;
        height: 0.4vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: red;
        border-radius: 2px;
        z-index: 5;
    }
      
    /* 横ライン01 */
    .line01 {
        color: #fff;
        font-size: 1.2vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: -0.2vw 0 0.5vw;
    }
    .line01:before, .line01:after {
        content: "　";
        flex-grow: 1;
        height: 0.1vw;
        background: #fff;
        display: block;
    }
    .line01:before {
        margin-right: .4em;
    }
    .line01:after {
        margin-left: .4em;
    }

    /* 横ライン02 */
    .line02 {
        color: #000;
        font-size: 1.2vw;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .line02:before, .line02:after {
        content: "　";
        flex-grow: 1;
        height: 1px;
        background: #000;
        display: block;
    }
    .line02:before {
        margin-right: .4em;
    }
    .line02:after {
        margin-left: .4em;
    }

    /* 横ライン03 */
    .line03 {
        color: #152847;
        font-size: 1.2vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: -0.2vw 0 0.5vw;
    }
    .line03:before, .line03:after {
        content: "　";
        flex-grow: 1;
        height: 0.1vw;
        background: #223f6e;
        display: block;
    }
    .line03:before {
        margin-right: .4em;
    }
    .line03:after {
        margin-left: .4em;
    }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    /* SP非表示 */
    .sp-none {
        display: none!important;
    }

    * {
        box-sizing: border-box;
    }

    h2 {
        font-size: 4.2vw!important;
        line-height: 1.5;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right;
    }

    /* メインカラー */
    .mc {
        color: #223f6e;
    }

    /* サブカラー */
    .sc {
        color: #E7ECF2;
    }

    /* 黄色マーカー */
    .marker-yello {
        background:linear-gradient(transparent 60%, #ff6 60%);
    }

    /* ピンクマーカー */
    .marker_pink {
        background: linear-gradient(transparent 60%, #ff66ff 60%);
        z-index: 1;
    }

    /* 赤マーカー */
    .marker-red {
        background:linear-gradient(transparent 70%, rgb(255, 33, 33) 60%);
    }
    .marker-red2 {
        background:linear-gradient(transparent 85%, rgb(255, 33, 33) 60%);
    }

    .white {
        filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
    }

    /* タイトル飾り */
    .headline01 {
        position: relative;
    }

    .headline01::after {
        content: '';
        position: absolute;
        bottom: 5vw;
        display: inline-block;
        width: 15vw;
        height: 0.6vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: red;
        border-radius: 2px;
        z-index: 0;
    }

    .headline02 {
        position: relative;
    }

    .headline02::after {
        content: '';
        position: absolute;
        bottom: 3.5vw;
        display: inline-block;
        width: 15vw;
        height: 0.4vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: red;
        border-radius: 2px;
        z-index: 5;
    }
      
    /* 横ライン01 */
    .line01 {
        color: #fff;
        font-size: 3.2vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: -0.2vw 0 1.5vw;
    }
    .line01:before, .line01:after {
        content: "　";
        flex-grow: 1;
        height: 0.2vw;
        background: #fff;
        display: block;
    }
    .line01:before {
        margin-right: .4em;
    }
    .line01:after {
        margin-left: .4em;
    }

    /* 横ライン02 */
    .line02 {
        color: #000;
        font-size: 1.2vw;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .line02:before, .line02:after {
        content: "　";
        flex-grow: 1;
        height: 0.2vw;
        background: #000;
        display: block;
    }
    .line02:before {
        margin-right: .4em;
    }
    .line02:after {
        margin-left: .4em;
    }

    /* 横ライン03 */
    .line03 {
        color: #152847;
        font-size: 2.8vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: -0.2vw 0 0.5vw;
    }
    .line03:before, .line03:after {
        content: "　";
        flex-grow: 1;
        height: 0.22vw;
        background: #223f6e;
        display: block;
    }
    .line03:before {
        margin-right: .4em;
    }
    .line03:after {
        margin-left: .4em;
    }


    /* //////////////////////////////// */
    /*　ハンバーガーボタン　*/
    .hamburger {
        display : block;
        position: fixed;
        z-index : 3;
        right : 13px;
        top   : 12px;
        width : 42px;
        height: 42px;
        cursor: pointer;
        text-align: center;
/*         background-color: #fff;
        opacity: 0.5;
        border-radius: 0.2vw; */
    }

    .hamburger span {
        display : block;
        position: absolute;
        width   : 30px;
        height  : 2px ;
        left    : 6px;
        background : #555;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition   : 0.3s ease-in-out;
        transition        : 0.3s ease-in-out;
    }
    .hamburger span:nth-child(1) {
     top: 10px;
    }
    .hamburger span:nth-child(2) {
     top: 20px;
    }
    .hamburger span:nth-child(3) {
     top: 30px;
    }

    /* ナビ開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
        top : 16px;
        left: 6px;
        background :#fff;
        -webkit-transform: rotate(-45deg);
        -moz-transform   : rotate(-45deg);
        transform        : rotate(-45deg);
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 16px;
        background :#fff;
        -webkit-transform: rotate(45deg);
        -moz-transform   : rotate(45deg);
        transform        : rotate(45deg);
    }

    nav.globalMenuSp {
        position: fixed;
        z-index : 2;
        top  : 0;
        left : 0;
        color: #fff;
        background: rgba(0,0,0,0.7);
        text-align: center;
        width: 100%;
        opacity: 0;
        transition: opacity .6s ease, visibility .6s ease;
        display: none;
    }

    nav.globalMenuSp ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    nav.globalMenuSp ul li {
        list-style-type: none;
        padding-top: 3.5vw;
        width: 100%;
        transition: .4s all;
        height: 16vw;
    }
    nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
    }
    nav.globalMenuSp ul li:hover{
      background :#ddd;
    }

    nav.globalMenuSp ul li a {
        display: block;
        color: #fff;
        padding: 1em 0;
        text-decoration :none;
        font-weight: bold;
    }

    /* このクラスを、jQueryで付与・削除する */
    nav.globalMenuSp.active {
    opacity: 100;

    }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    header 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 10000;
        -webkit-transform: translateZ(0)
        -webkit-transform: translateZ(0)
    }

    header li {
        flex: 1;
        background-color: #fff;
        color: #223f6e;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hcv-item {
        display: flex;
        width: 45vw;
    }

    /* ロゴ */
    .logo-box {
        width: 9vw;
        height: 6vw;
    }

    .logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logo-img-warp {
        padding-top: 0.3vw; 
        width: 44%;
    }

    .logo-img-warp img {
        width: 100%;
    }

    /* CVボタン */
    .hcv-box {
        background-color: #223F6E;
        height: 7vw;
        width: 47vw;
        padding: 1.2vw;
    }

    .hcv-banner a {
        color: #fff;
    }

    .hcv-tel-warp {
        width: 30vw;
        /* background-color: palevioletred; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hcv-tel {
        /* display: flex; */
        color: #fff;
    }

    .hall-area {
        /* width: 7vw;
        height: 7vw; */
        /* background-color: blue; */
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.6vw;
    }

    .hcv-tel-num {
        width: 22vw;
        /* background-color: rgb(102,213,233); */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2.2vw;
        font-weight: bold;
    }

    /* CVボタン */
    .hbtn-gradient-3d-orange {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        width: 28vw;
        /* height: 6vw; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .hbtn-gradient-3d-orange a {
          color: #fff;
          font-weight: bold;
          font-size: 1.6vw;
      }
      
      .hbtn-gradient-3d-orange:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
      }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    header {
        position: fixed;
        -webkit-transform: translateZ(0)
        -webkit-transform: translateZ(0)
        width: 100%;
        bottom: 0;
        z-index: 10000;
      }

    header ul {
        display: flex;
    }

    header li {
        /* flex: 1; */
        background-color: #fff;
        color: #223f6e;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hcv-item {
        display: flex;
    }

    /* ロゴ */
    .logo-box {
        display: none;
        /* width: 18vw;
        height: 12vw; */
    }

    .logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logo-img-warp {
        padding-top: 0.3vw; 
        width: 44%;
    }

    .logo-img-warp img {
        width: 100%;
    }

    /* CVボタン */
    .hcv-box {
        background-color: #223F6E;
        height: 15vw;
        width: 100vw;
        padding: 1.2vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-right: 10vw;
    }

    .hcv-banner a {
        color: #fff;
    }

    .hcv-tel-warp {
        width: 45vw;
        /* background-color: palevioletred; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hcv-tel-warp a {
        color: #fff;
    }

    .hcv-tel {
        /* display: flex; */
        color: #fff;
        padding-right: 2vw;
    }

    .hall-area {
        /* width: 7vw;
        height: 7vw; */
        /* background-color: blue; */
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.6vw;
    }

    .hcv-tel-num {
        width: 40vw;
        /* background-color: rgb(102,213,233); */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        font-weight: bold;
    }

    /* CVボタン */
    .hbtn-gradient-3d-orange {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        width: 45vw;
        height: 11vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .hbtn-gradient-3d-orange a {
          color: #fff;
          font-weight: bold;
          font-size: 3.5vw;
      }
      
      .hbtn-gradient-3d-orange:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
      }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                section1
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .top-box img {
        width: 100vw;
        height: auto;
    }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .top-box img {
        width: 100vw;
        height: auto;
    }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section2 service
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .service {
        height: 12vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .service-box {
        height: 65vw;
        background-image: url(../images/mtg01.png);
        background-size: 100vw;
        color: #fff;
        background-color:rgba(35, 47, 212, 0.1);
        background-blend-mode:lighten;
    }

    .service-list {
        width: 60vw;
        margin: 0 auto;
        display: flex;
        flex-wrap : wrap;
    }

    .service-title {
        font-size: 4vw;
        font-weight: bold;
        height: 3.6em;
        padding: 1.2em 0!important;
    }

    .service-text {
        width: 70vw;
        margin: 0 auto 4vw;
        font-weight: bold;
        line-height: 1.5;
    }

    .service-text p {
        font-size: 1.6vw;
    }

    /* アイコン */
    .service-item {
        width: 12vw;
        height: 14vw;
    }

    .service-item p {
        font-weight: bold;
    }

    .service-icon {
        width: 8vw;
        height: 8vw;
        margin: 0 auto 0.5em;
        background-color: pink;
        border: 0.25vw solid red;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .service-icon img {
        width: 70%;
        height: auto;
    }


}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .service {
        height: 25vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .service-box {
        height: 165vw;
        background-image: url(../images/mtg01.png);
        background-size: 100vw;
        color: #fff;
        background-color:rgba(35, 47, 212, 0.1);
        background-blend-mode:lighten;
    }

    .service-list {
        width: 100vw;
        margin: 0 auto;
        display: flex;
        flex-wrap : wrap;
    }

    .service-title {
        font-size: 8vw;
        font-weight: bold;
        height: 3em;
        padding: 1.2em 0 !important;
    }

    .service-text {
        width: 85vw;
        margin: 4vw auto 10vw;
        font-weight: bold;
        line-height: 1.5;
    }

    .service-text p {
        font-size: 3.2vw;
    }

    /* アイコン */
    .service-item {
        width: 24.5vw;
        height: 27vw;
    }

    .service-item p {
        font-weight: bold;
        line-height: 1.2;
    }

    .service-icon {
        width: 16vw;
        height: 16vw;
        margin: 0 auto 0.5em;
        background-color: pink;
        border: 0.25vw solid red;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .service-list > li:nth-of-type(9) {
        margin-left: 20vw;
    }

    .service-icon img {
        width: 70%;
        height: auto;
    }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section Worries
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

    .check-section {
        padding-top: 4vw;
        height: 50vw;
        background-color: #223f6e;
        background-image: url(../images/3735702_m.jpg);
        background-size: 100vw;
        background-repeat: no-repeat;
    }
    
    .worries-warp {
        height: 8vw;
        background-color: #223f6e;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .checkmark {
        width: 2.5vw;;
    }

    .worries-title {
        color: #fff;
        font-weight: bold;
    }

    .check-box-warp {
        margin-top: 4vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .check-box {
        width: 60vw;
        height: 30vw;
        margin: 0 auto;
        background-color: #fff;
        border: 0.5vw solid #223f6e;
        opacity: 0.9;
        position: relative;
/*         display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
    }

    .check-box:before {
        content: '';
        display: inline-block;
        width: 15vw;
        height: 15vw;
        background-image: url(../images/check02.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 12vw;
        right: -2vw;
        z-index: 4;
    }

    .check-box ul {
        padding-top: 2.5vw;
    }

    .check-box li {
        font-size: 1.8vw;
        font-weight: bold;
        margin: 0 auto 0.25em;
        width: 45vw;
        opacity: 1;
    }

    .check-text {
        width: 56vw;
        margin: 0 auto;
        margin-top: 3.2vw;
        font-size: 2.5vw;
        font-weight: bold;
    }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .check-section {
        padding-top: 4vw;
        height: 100vw;
        background-color: #223f6e;
        background-image: url(../images/3735702_m.jpg);
        background-size: 149vw;
        background-position: bottom -12vw center;
    }
    
    .worries-warp {
        height: 16vw;
        background-color: #223f6e;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .checkmark {
        width: 4.5vw;
    }

    .sp-lm01 {
        margin-left: 1.5em;
        margin-top: 1em!important;
    }

    .worries-title {
        color: #fff;
        font-weight: bold;
        font-size: 5.5vw !important;
    }

    .check-box-warp {
        margin-top: 4vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .check-box {
        width: 82vw;
        height: 65vw;
        margin: 0 auto;
        background-color: #fff;
        border: 0.5vw solid #223f6e;
        opacity: 0.9;
        position: relative;
/*         display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
    }

    .check-box:before {
        content: '';
        display: inline-block;
        width: 28vw;
        height: 21vw;
        background-image: url(../images/check02.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 8vw;
        right: -4vw;
        z-index: 4;
    }

    .check-box ul {
        padding-top: 3.5vw;
    }

    .check-box li {
        font-size: 3.5vw;
        font-weight: bold;
        margin: 0 auto 0.5em;
        width: 72vw;
        opacity: 1;
        line-height: 1.2;
    }

    .check-text {
        width: 78vw;
        margin: 0 auto;
        margin-top: 1.5em;
        font-size: 3.5vw;
        font-weight: bold;
    }

}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section point
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .point-head {
        padding: 2em;
        background-color: #223f6e;
        color: #fff;
    }

    .point-box {
        width: 72vw;
        height: 25vw;
        margin: 11vw auto 0;
        /* background-color: rgb(178, 199, 236); */
        margin-bottom: 2vw;
        display: flex;
        /* border: 0.1vw solid #223f6e; */
    }

    .point-box p {
        font-weight: bold;
    }

    .point-text-warp {
        width: 42vw;
        height: 20vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-right: 2vw;
    }

    .point-text-warp:nth-child(2) {
        margin-left: 4vw;;
    }

    .point-text-warp h2 {
        padding-bottom: 0.5em;
    }

    
    .point-text-warp p {
        letter-spacing: 1.2;
        line-height: 1.5;
    }

    .point-img-warp {
        width: 40vw;
        height: 20vw;
        position: relative;
    }

    .point-img-warp img {
        width: 100%;
        height: auto;
    }

    /* 写真背景 */
    .point-img01:after {
        content: "";
        background-color: #8ba6eb;
        height: 20.5vw;
        position: absolute;
        top: 5vw;
        right: -13vw;
        width: 43vw;
        z-index: -1;
    }

    .point-img01:before {
        content: '';
        display: inline-block;
        width: 15vw;
        height: 15vw;
        background-image: url(../images/point1.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -6vw;
        left: -45vw;
    }

    .point-img02:after {
        content: "";
        background-color: #5e80d6;
        height: 30vw;
        position: absolute;
        top: -4vw;
        left: -18vw;
        width: 40vw;
        z-index: -1;
    }

    .point-img02:before {
        content: '';
        display: inline-block;
        width: 15vw;
        height: 15vw;
        background-image: url(../images/point2.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -8vw;
        right: -42vw;
    }

    .point-img03:after {
        content: "";
        background-color: #8ba6eb;
        height: 22vw;
        position: absolute;
        top: 4vw;
        right: -13vw;
        width: 40vw;
        z-index: -1;
    }

    .point-img03:before {
        content: '';
        display: inline-block;
        width: 15vw;
        height: 15vw;
        background-image: url(../images/point3.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -6vw;
        left: -47vw;
    }

    .last-point {
        margin-bottom: 16vw;
    }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .sp-av {
        position: absolute;
        top: -12vw;
        width: 50vw;
    }

    .last-point p {
        margin-top: 15vw;
    }
 
    .point-head {
        padding: 2em;
        background-color: #223f6e;
        color: #fff;
    }

    .point-box {
        width: 85vw;
        height: 25vw;
        margin: 40vw auto 0;
        /* background-color: rgb(178, 199, 236); */
        margin-bottom: 2vw;
        display: flex;
        /* border: 0.1vw solid #223f6e; */
    }

    .point-box p {
        font-weight: bold;
    }

    .point-text-warp {
        width: 42vw;
        height: 20vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .point-text-warp h2 {
        padding-bottom: 0.5em;
    }

    
    .point-text-warp p {
        letter-spacing: 1.2;
        line-height: 1.3;
    }

    .point-img-warp {
        width: 45vw;
        height: 20vw;
        position: relative;
    }

    .point-img-warp img {
        width: 100%;
        height: auto;
    }

    /* 写真背景 */
    .point-img01:after {
        content: "";
        background-color: #8ba6eb;
        height: 26vw;
        position: absolute;
        top: 6vw;
        right: -3vw;
        width: 43vw;
        z-index: -1;
    }

    .point-img01:before {
        content: '';
        display: inline-block;
        width: 23vw;
        height: 15vw;
        background-image: url(../images/point1.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -28vw;
        left: -45vw;
    }

    .point-img02:after {
        content: "";
        background-color: #5e80d6;
        height: 30vw;
        position: absolute;
        top: -4vw;
        left: -18vw;
        width: 40vw;
        z-index: -1;
    }

    .point-img02:before {
        content: '';
        display: inline-block;
        width: 24vw;
        height: 19vw;
        background-image: url(../images/point2.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -29vw;
        right: -45vw;
    }

    .point-img03:after {
        content: "";
        background-color: #8ba6eb;
        height: 26vw;
        position: absolute;
        top: 6vw;
        right: -3vw;
        width: 40vw;
        z-index: -1;
    }

    .point-img03:before {
        content: '';
        display: inline-block;
        width: 28vw;
        height: 21vw;
        background-image: url(../images/point3.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -33vw;
        left: -47vw;
    }

    .last-point {
        margin-bottom: 16vw;
    }

}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section plan
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .plan-warp {
        background-color: #E0FFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 16vw;
    }

    .plan-warp h2 {
        padding: 1em;
    }

    .plan-box {
        width: 30vw;
        height: 44vw;
        background-color: #b9cbe9;
        border: 0.5vw solid #000;
    }

    .plan-box:nth-child(2) {
        margin: 0 1vw;
    }

    /* プラン名 */
    .plan-title {
        color: #fff;
        background-color: #223F6E;
        font-size: 2.2vw;
        font-weight: bold;
        padding: 0.5em 0;
    }

    .price-box {
        height: 9vw;
        /* background-color: palegreen; */
    }

    /* 値段 */
    .price {
        width: 25vw;
        margin: 0.5em auto;
        text-align: center;
        font-size: 2.5vw;
        font-weight: bold;
    }

    .price-text {
        text-align: center;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    .plan-subtitle {
        text-align: center;
        font-weight: bold;
        padding: 0.5em;
        /* border-top: 0.1vw solid #000;
        border-bottom: 0.1vw solid #000; */
        background-color: #b9cbe9;
        color: #000;
    }

    .plan-box ul li {
        text-align: center;
        font-weight: bold;
    }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .plan-warp {
        background-color: #E0FFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 16vw;
    }

    .plan-warp h2 {
        padding: 1em;
    }

    .plan-box {
        width: 75vw;
        height: 103vw;
        background-color: #b9cbe9;
        border: 0.5vw solid #000;
        margin-bottom: 5vw;
    }

    .plan-box:nth-child(3) {
        height: 137vw;
    }

    /* プラン名 */
    .plan-title {
        color: #fff;
        background-color: #223F6E;
        font-size: 3.8vw;
        font-weight: bold;
        padding: 0.5em 0;
    }

    .price-box {
        /* height: 18vw; */
        margin-bottom: 3em;
        /* background-color: palegreen; */
    }

    .plan-warp ul {
        padding: 0em 0 2em;
    }

    /* 値段 */
    .price {
        width: 54vw;
        margin: 1.1em auto;
        text-align: center;
        font-size: 5.2vw;
        font-weight: bold;
    }

    .price-text {
        text-align: center;
        font-weight: bold;
        margin-bottom: 0.5em;
        font-size: 3.6vw;
    }

    .plan-subtitle {
        text-align: center;
        font-weight: bold;
        padding: 0.5em;
        /* border-top: 0.1vw solid #000;
        border-bottom: 0.1vw solid #000; */
        background-color: #b9cbe9;
        color: #000;
        font-size: 3.6vw;
    }

    .plan-box ul li {
        text-align: center;
        font-weight: bold;
        font-size: 3vw;
        line-height: 1.2;
    }

}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section CV-BOX
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

    .cv-box {
        height: 26vw;
        background-color: #ADD8E6;
        padding-top: 2.5vw;
    }

    .balloon {
        position: relative;
        background: #fff;
        height: 10vw;
        width: 50vw;
        margin-bottom: 20px;
        border-radius: 2vw;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.4vw solid #223F6E;
    }

    .balloon p {
        font-size: 2.8vw;
        font-weight: bold;
    }

    .balloon:after {
        content: '';
        position: absolute;
        border-top: 20px solid #fff;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        bottom: -20px;
        left: 50%;
    }

    .balloon02:after {
        content: '';
        position: absolute;
        border-top: 20px solid #223F6E;
        border-right: 15px solid #223F6E;
        border-left: 15px solid #223F6E;
        bottom: -20px;
        left: 50%;
    }

    .cv-item {
        display: flex;
        width: 62vw;
        margin: 3vw auto 0;
    }

    .cv-banner a {
        color: #fff;
    }

    .cv-tel-warp {
        width: 30vw;
        height: 6vw;
        margin-left: 2vw;
        /* background-color: palevioletred; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .cv-tel {
        /* display: flex; */
    }

    .all-area {
        /* width: 7vw;
        height: 7vw; */
        /* background-color: blue; */
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.6vw;
    }

    .cv-tel-num {
        width: 28vw;
        font-size: 2.2vw;
        font-weight: bold;
        color: #152847;
    }
    
    .cv-tel-num span {
        font-size: 2.9vw;
    }

    /* CVボタン */
    .btn-gradient-3d-orange {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        width: 28vw;
        height: 6vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .btn-gradient-3d-orange a {
          color: #fff;
          font-weight: bold;
          font-size: 1.6vw;
      }
      
      .btn-gradient-3d-orange:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
      }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .cv-box {
        height: 48vw;
        background-color: #ADD8E6;
        padding-top: 5.5vw;
    }

    .balloon {
        position: relative;
        background: #fff;
        height: 16vw;
        width: 64vw;
        border-radius: 2vw;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.4vw solid #223F6E;
    }

    .balloon p {
        font-size: 3.5vw;
        font-weight: bold;
    }

    .balloon:after {
        content: '';
        position: absolute;
        border-top: 4vw solid #fff;
        border-right: 3vw solid transparent;
        border-left: 3vw solid transparent;
        bottom: -3vw;
        left: 47%;
    }
    
/*     .balloon:before {
        content: '';
        position: absolute;
        border-top: 4.5vw solid #223f6e;
        border-right: 3.8vw solid transparent;
        border-left: 3.7vw solid transparent;
        bottom: -4.351vw;
        left: 46%;
    } */

    .balloon02:after {
        content: '';
        position: absolute;
        border-top: 20px solid #223F6E;
        border-right: 15px solid #223F6E;
        border-left: 15px solid #223F6E;
        bottom: -20px;
        left: 50%;
    }

    .cv-item {
        display: flex;
        width: 90vw;
        margin: 8vw auto 0;
    }

    .cv-banner a {
        color: #fff;
    }

    .cv-tel-warp {
        width: 45vw;
        height: 6vw;
        margin-left: 2vw;
        /* background-color: palevioletred; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .cv-tel {
        /* display: flex; */
    }

    .all-area {
        /* width: 7vw;
        height: 7vw; */
        /* background-color: blue; */
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.6vw;
    }

    .cv-tel-num {
        width: 42vw;
        font-size: 3.5vw;
        font-weight: bold;
        color: #152847;
    }

    .cv-tel-num a {
        color: #152847;
    }
    
    .cv-tel-num span {
        font-size: 4.2vw;
    }

    /* CVボタン */
    .btn-gradient-3d-orange {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-radius: 4px;
        color: #ffffff;
        background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        border-bottom: solid 3px #c58668;
        width: 48vw;
        height: 10vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .btn-gradient-3d-orange a {
          color: #fff;
          font-weight: bold;
          font-size: 3.2vw;
      }
      
      .btn-gradient-3d-orange:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        border-bottom: none;
      }

}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section 問い合わせフォーム
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

  .tel-line {
    margin-left: 1vw; 
  }

    #info {
        background-color: #E7ECF2;
    }

    #info h2 {
        padding: 2.2em 0;
    }

    .info-box {
        width: 68vw;
        padding: 0 0 15vw;
        font-size: 1.8vw;
        margin: 0 auto;
    }

    .info-box input,
    .info-box select,
    .info-box textarea {
        margin-left: 0.5vw;
    }

    .info-box textarea {
        width: 40vw;
        height: 20vw;
    }

    .info-box dt {
        font-weight: bold;
        width: 27vw;
    }

    dl {
        display: flex;
    }

    /* submit */
    .submit-btn {
        font-size: 1.8vw;
        font-weight: bold;
        width: 20vw;
        margin: 8vw auto 0!important;
        border-radius: 0.2vw!important;
        letter-spacing: 0.1em;
    }

    .action-box {
        width: 15vw;
        height: 15vw;
        background-color: steelblue;
    }

    .action-warp {
        margin: 0 auto;
        width: 80vw;
    }
    
    .input01 {
        width: 35vw;
    }

    .input02 {
        width: 5vw;
    }

    /* 必須ラベル */
    .label-required:after {
        margin-left: 1.0em;
        padding: 0px 6px 0px 6px;
        border-radius: 4px;
        font-size: 0.7em;
        color: white;
        background-color: #C44;
        content: "必須";
    }

    /* 任意ラベル */
    .label-free:after {
        margin-left: 1.0em;
        padding: 0px 6px 0px 6px;
        border-radius: 4px;
        font-size: 0.7em;
        color: white;
        background-color: rgb(86, 250, 71);
        content: "任意";
    }
      
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    #info {
        background-color: #E7ECF2;
    }

    #info h2 {
        padding: 2.2em 0;
    }

    .info-box {
        width: 70vw;
        margin: 0 auto;
        font-size: 1.8vw;
        padding: 0 0 17vw;
    }

    .info-box input,
    .info-box select,
    .info-box textarea {

    }

    .info-box textarea {
        width: 60vw;
        height: 25vw;
    }

    .info-box dt {
        font-weight: bold;
        width: 75vw;
        height: 7vw;
        margin-top: 4vw;
    }

    dt span {
        font-size: 3.2vw;
    }

    .neme-right {
        margin-left: 1vw;
    }

    .tel-line {
        text-align: center;
        font-weight: bold;
        width: 4.5vw;
        margin-left: 0.5vw;
    }

    /* submit */
    .submit-btn {
        font-size: 3.1vw;
        font-weight: bold;
        width: 20vw;
        margin: 8vw auto 0!important;
        border-radius: 0.2vw!important;
        letter-spacing: 0.1em;
    }

    .action-box {
        width: 15vw;
        height: 15vw;
        background-color: steelblue;
    }

    .action-warp {
        margin: 0 auto;
        width: 80vw;
    }
    
    .input01 {
        width: 60vw;
    }

    .input02 {
        width: 12vw;
    }

    /* 必須ラベル */
    .label-required:after {
        margin-left: 1.0em;
        padding: 0px 6px 0px 6px;
        border-radius: 4px;
        font-size: 0.7em;
        color: white;
        background-color: #C44;
        content: "必須";
    }

    /* 任意ラベル */
    .label-free:after {
        margin-left: 1.0em;
        padding: 0px 6px 0px 6px;
        border-radius: 4px;
        font-size: 0.7em;
        color: white;
        background-color: rgb(86, 250, 71);
        content: "任意";
    }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section ステップフロー
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .step-section {
        background-color: #fff;
        padding-bottom: 16vw;
    }
    
    .step-section h2 {
        padding: 1em;
    }

    .step-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } 
    .step-warp {
        display: flex;
    }

    .step-warp li {
        margin: 0 1.1vw;
    }

    .step-warp li:not(:last-child)::before {
        content:  '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3vw 0 3vw 1.5vw;
        border-color: transparent transparent transparent red;
        display:  inline-block;
        vertical-align:  middle;
        position: absolute;
        top: 0;
        bottom: 0;
        margin:  auto;
        right: -2vw;
    }

    .step-warp {
        list-style:  none;
        padding:  0;
    }
    
    .step-warp li {
        display:  inline-block;
        background-color: #223f6e;
        color:  #fff;
        padding: 1vw 1.2vw;
        border-radius: 0.5vw;
        position:  relative;
        font-size:  1.6vw;
        font-weight: bold;
    }
    
    /* .step-warp li:not(:last-child) {
        margin-right:  20px;
    } */

    .step-item {
        width: 13vw;
        height: 9vw;
        border: 0.2vw solid skyblue;
        padding: 0 0.5vw;
    }

    .step-title {
        font-size: 1.5vw;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin: 0.5em 0;
    }

    .step-text {
        font-size: 1.2vw;
        padding: 0 0.2em;
        line-height: 1.3;
    }

    .icon {
        font-family: 'Montserrat', sans-serif;
        font-size: 1.6vw;
        line-height: 2;
        width: 10vw;
        color: #fff;
        background: rgb(107,144,219);
        margin: 0 auto 20px;
        display: block;
        border-radius: 50%;
        text-align: center;
        position: relative;
        letter-spacing: 2px;
    }
    .icon::before {
        content: "";
        border: solid transparent;
        border-width: 8px;
        border-top-color: rgb(107,144,219);
        position: absolute;
        top: calc(100% - 2px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .step-section {
        background-color: #fff;
        padding-bottom: 16vw;
    }
    
    .step-section h2 {
        padding: 1em;
    }

    .step-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } 
    .step-warp {
        display: flex;
        flex-wrap: wrap;
    }

    .step-warp li {
        margin: 0 1.1vw;
    }

    .step-warp li:not(:last-child)::before {
        content:  '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3vw 0 3vw 1.5vw;
        border-color: transparent transparent transparent red;
        display:  inline-block;
        vertical-align:  middle;
        position: absolute;
        top: 0;
        bottom: 0;
        margin:  auto;
        right: -2vw;
    }

    .step-warp {
        list-style:  none;
        padding: 0;
        width: 87vw;
    }
    
    .step-warp li {
        display:  inline-block;
        background-color: #223f6e;
        color:  #fff;
        padding: 1vw 1.2vw;
        border-radius: 0.5vw;
        position:  relative;
        font-size:  1.6vw;
        font-weight: bold;
        margin-bottom: 3vw;
    }

    .step-warp li:nth-child(4) {
        margin-left: 18vw;
    }
    
    /* .step-warp li:not(:last-child) {
        margin-right:  20px;
    } */

    .step-item {
        width: 24vw;
        height: 19vw;
        border: 0.2vw solid skyblue;
        padding: 0.5vw 0 0 1vw;
    }

    .step-title {
        font-size: 3.2vw;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin: 0.5em 0;
    }

    .step-text {
        font-size: 2.5vw;
        padding: 0 0.2em;
        line-height: 1.3;
    }

    .icon {
        font-family: 'Montserrat', sans-serif;
        font-size: 2.6vw;
        line-height: 2;
        width: 19vw;
        color: #fff;
        background: rgb(107,144,219);
        margin: 0 auto 20px;
        display: block;
        border-radius: 50%;
        text-align: center;
        position: relative;
        letter-spacing: 2px;
    }
    .icon::before {
        content: "";
        border: solid transparent;
        border-width: 8px;
        border-top-color: rgb(107,144,219);
        position: absolute;
        top: calc(100% - 2px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section FAQ
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

    .faq-title {
        padding: 1.5em 0;
    }

    /*faq wrapper*/
    .faq-wrapper {
        background-color: #e6ecf0;
        text-align: center;
        padding-bottom: 14vw;
        color: #5f5d60;
    }
  
  #faq-list {
    width: 72vw;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  
  /*アコーディオン追加 */
  .faq-list-item {
    margin:2vw;
    border-bottom:1px solid #ccc;
    position:relative;
    cursor:pointer;
    text-align: left;
  }
  
  .faq-list-item h3 {
    font-size: 2vw;
    padding-bottom: 2vw;
  }
  
  .faq-list-item span {
    position:absolute;
    top:0;
    right: 1vw;
    color:rgb(58, 57, 57);
    font-size: 2.6vw;
    font-weight: bold;
  }
  
  .answer {
    font-size: 1.6vw;
    display: none;
    padding: 1vw 0;
    margin-bottom: 0;
  }
  .answer p {
    letter-spacing: 1.2;
    line-height: 1.5;
  }
  
  .message-wrapper {
    border-bottom: 1px solid #eee;
    padding-bottom: 80px;
    text-align: center;
    background-color: red;
  }
  
  .message-wrapper .heading h3 {
    font-weight: normal;
  }
  
  .message {
    padding: 15px 40px;
    background-color: #5dca88;
    cursor: pointer;
    box-shadow: 0px 7px #1a7940;
    background-color: red;
  }
  
  .message:active {
    position: relative;
    top: 7px;
    box-shadow: none;
  }

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .faq-title {
        padding: 1.5em 0;
    }

    /*faq wrapper*/
    .faq-wrapper {
        background-color: #e6ecf0;
        text-align: center;
        padding-bottom: 14vw;
        color: #5f5d60;
    }
  
  #faq-list {
    width: 75vw;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  
  /*アコーディオン追加 */
  .faq-list-item {
    margin:2vw;
    border-bottom:1px solid #ccc;
    position:relative;
    cursor:pointer;
    text-align: left;
  }
  
  .faq-list-item h3 {
    font-size: 3.2vw;
    padding: 1vw 7vw 1vw 0;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  
  .faq-list-item span {
    position:absolute;
    top:0;
    right: 1vw;
    color:#555;
    font-size: 5vw;
    font-weight: bold;
  }
  
  .answer {
    font-size: 3vw;
    display: none;
    padding: 1vw 0;
    margin-bottom: 0;
  }

  .answer p {
    letter-spacing: 1.2;
    line-height: 1.5;
  }
  
  .message-wrapper {
    border-bottom: 1px solid #eee;
    padding-bottom: 80px;
    text-align: center;
    background-color: red;
  }
  
  .message-wrapper .heading h3 {
    font-weight: normal;
  }
  
  .message {
    padding: 15px 40px;
    background-color: #5dca88;
    cursor: pointer;
    box-shadow: 0px 7px #1a7940;
    background-color: red;
  }
  
  .message:active {
    position: relative;
    top: 7px;
    box-shadow: none;
  }

}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section push
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .push {
        height: 20vw;
        background-image: url(../images/3139505_m.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .push p {
        font-size: 2.5vw;
        font-weight: bold;
        color: #fff;
        line-height: 1.5;
    }
    .push span {
        margin-left: 8vw;;
    }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    .push {
        height: 20vw;
        background-image: url(../images/3139505_m.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .push p {
        font-size: 3.6vw;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
    }
    .push span {
        margin-left: 8vw;;
    }

}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                                    section footer
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    footer {
        background-color: #223f6e!important;
        color: #fff;
    }

    footer div {
        height: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    footer {
        background-color: #223f6e!important;
        color: #fff;
    }

    footer div {
        height: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
                            フォームチェック画面
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .ck-wp {
        background-color: #E7ECF2;
    }

    .ck-dl {
        margin-bottom: 1vw;
    }

    .ck-dt {
        width: 27vw;
        background-color: #9ec6f8;
        height: 3vw;

        display: flex;
        flex-direction: column; 
        justify-content: center;
        align-items: center;
    }

    .ck-dd {
        width: 40vw;
        background-color: #ffffff;
        height: 3vw;

        display: flex;
        flex-direction: column; 
        justify-content: center;
        align-items: center;
    }

    .ck-dt2 {
        height: 15vw!important;
    }

    .ck-dd2 {
        height: 15vw!important;
    }

    .ck-btn-box {
        display: flex;
        width: 50vw;
        margin: 0 auto;
    }

    /* /////////////////////////// 送信ボタン //////////////////////////////// */
    .send-wp {
        background-color: #E7ECF2;
        height: 100%;
    }

    .send-box {
        width: 29vw;
        margin: 0 auto;
        padding-top: 5vw;
        text-align: center;
        font-weight: bold;
        color: #152847;
        line-height: 1.2;
        letter-spacing: 1.2;
    }

    .send-m {
        margin-top: 5vw;
    }

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    .ck-wp {
        background-color: #E7ECF2;
    }

    .ck-dl {
        margin-bottom: 1vw;
    }

    .ck-dt {
        width: 27vw;
        background-color: #9ec6f8;
        height: 3vw;

        display: flex;
        flex-direction: column; 
        justify-content: center;
        align-items: center;75
    }

    .ck-dd {
        width: 75vw;
        background-color: #ffffff;
        height: 7vw;
        font-size: 3.2vw;
        display: flex;
        flex-direction: column; 
        justify-content: center;
        align-items: center;
    }

    .ck-dt2 {
        height: 7vw!important;
    }

    .ck-dd2 {
        height: 70vw!important;
    }

    .ck-btn-box {
        display: flex;
        width: 50vw;
        margin: 0 auto;
    }

    /* /////////////////////////// 送信ボタン //////////////////////////////// */
    .send-wp {
        background-color: #E7ECF2;
        height: 100%;
    }

    .send-box {
        width: 75vw;
        margin: 0 auto;
        padding-top: 5vw;
        text-align: center;
        font-weight: bold;
        color: #152847;
        line-height: 1.2;
        letter-spacing: 1.2;
    }

    .send-m {
        margin: 5vw 0 0 13vw;
    }


}