@charset "UTF-8";
@media screen and (max-width:441px){
    body{
        background-color: #EBEBEB;
    }
    :root {
        --base-vw: 1vw;                /* 1vw を基準としたカスタムプロパティ */
        font-size: calc(1vw + 1vh);     /* ビューポート幅と高さを組み合わせた動的なフォントサイズ */
    }
    
    .zen-antique-soft-regular {
        font-family: "Zen Antique Soft", serif;
        font-weight: 400;
        font-style: normal;
    }
    .ibm-plex-sans-jp-regular {
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .ibm-plex-sans-jp-medium {
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 500;
        font-style: normal;
    }
    
    .ibm-plex-sans-jp-semibold {
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 600;
        font-style: normal;
    }
    
    .ibm-plex-sans-jp-bold {
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 700;
        font-style: normal;
    }
    
    body {
        font-size: calc(2* var(--base-vw)); /* ビューポート幅に基づいてフォントサイズを調整 */
        margin: 0;
        padding: 0;
    }
    button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
    }
    /* ヘッダー */
    .torerumon-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        background-color: #242424;
        width: 100vw;
        height: 15vw;
        padding: 0 5vw;
        box-sizing: border-box;
        z-index: 99;
    }
    .torerumon-header img{
        height: 10vw;
        /* margin-top: 2vw; */
    }
    .header-contact{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1vw;
        height: 3vw;
    }
    .header-contact button{
        background:linear-gradient(to bottom right,#A40C0C,#F96464);
        color: #fff;
        width: 25vw;
        height: 6vw;
        border-radius: 3vw;
        font-size: 3vw;
        font-family: "Zen Antique Soft", serif;
    }
    .header-button2 button{
        background:linear-gradient(to bottom right,#D5C326,#EEE8B9);
        color: #000;
    }
    .header-button2 button a{
        text-decoration: none;
        color: #000;
        display: flex;
        justify-content: center;
    }
    .header-button1:hover,.header-button2:hover{
        margin-top: 0.1vw;
    }
    /* ファーストビュー */
    .wrap{
        position: relative;
        width: 100vw;
        display: flex;
        justify-content: center;
    }
    .box{
        position: absolute;
        margin-top: 25%;
        width: 90vw;
    }
    .wrap-img{
        display: none;
    }
    .wrap-img-sp{
        width: 100vw;
        margin-top: 7;    
    }
    .first-view{
        width: 80vw;
        position: relative;
    }
    .first-view-reaction{
        position: absolute;
        top: 17vw;
        color: #fff;
        background-image: url(/img/hane.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 35vw;
        height: 70vw;
        padding-top: 2vw;
        }  
    .first-view-reaction span{
        font-size: 7vw;
    }  
    .first-view-reaction-p{
        position: relative;
        z-index: 1;
        padding-left: 1.2vw;
        margin-top: 5%;
    }
    .first-view-reaction-p::before{
        position: absolute;
        content: '';
        width: 19vw;
        height: 1.2vw;
        background-color: #F5C61E;
        bottom: 5%;
        left: 25%;
        z-index: -1;
    }
    .first-view h2 img{/*とれるもんロゴ*/
        margin-top: 40%;
        width: 90vw;
    }    
    .first-view-reaction p{
        font-size: 3vw;
        text-align: center;
        font-family: "Zen Antique Soft", serif;
    }
    .first-view-reaction-p{
        line-height: 4vw;
    }
        
    .first-view-heading p{/*爆発的に反響をとる*/
        font-size: calc(7* var(--base-vw));
        color: #fff;
        font-family: "Zen Antique Soft", serif;
    }
    .first-view-heading span{
        font-size: 10vw;
        position: relative;
        z-index: 1;
    }
    .first-view button{/*お問い合わせはこちら*/
        width: 55vw;
        height: 11vw;
        border: solid 0.5vw #fff;
        border-radius: 1vw;
        color: #fff;
        font-size: 3.5vw;
        font-weight: 500;
        margin-top: 1.5vw;
        font-family: "IBM Plex Sans JP", serif;
        position: relative;
        padding-left: 8vw;
    }
    .first-view button::before{
        content: '';
        position: absolute;
        background-image: url(/img/mail-icon.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 6vw;
        height: 6vw;
        top: 16%;
        left: 5%;
        z-index: 10;
    }
    .first-view button span{
        font-size: 4.5vw;
        font-weight: 500;
    }
    
    /* とれるもんとは */
    .about-torerumon{
        margin-top: 70vw;
        display: flex;
        justify-content: center;
    }
    .about-torerumon-text{
        display: flex;
        justify-content: center;
    }
    .about-torerumon img{
        width: 40vw;
    }
    .about-torerumon-p{
        display: flex;
        align-items: end;
    }
    .about-torerumon-p p{
        padding-bottom: 1vw;
    }
    .about-torerumon p{
        text-align: left;
        color: #fff;
        font-size: 4vw;
        font-family: "Zen Antique Soft", serif;
        letter-spacing: 0.1vw;
    }
    .about-torerumon-text span{
        font-size: 5.5vw;
        position: relative;
        z-index: 1;
    }
    .about-torerumon-text span::before{
        position: absolute;
        content: '';
        width: 35vw;
        height: 0.7vw;
        background-color: #F5C61E;
        z-index: -1;
        bottom: 13%;
        left: 0;
    }
    /* なぜ事業用賃貸なのか */
    .wrap-why{
        position: relative;
        width: 100vw;
        display: flex;
        justify-content: center;
    }
    .box2{
        position: absolute;
        width: 80vw;
    }
    .wrap-img2{
        display: none;
    }
    .wrap-img2-sp{
        width: 100vw;
    }
    .torerumon-why{
        text-align: center;
        margin-top: 10vw;
    }
    .why-heading{
        font-family: "Zen Antique Soft", serif;
        font-size: 6vw;
        color: #fff;
        margin-bottom: 10vw;
    }
    .why-heading p{
        margin-bottom: 1vw;
    }
    .why-heading-span{
        font-size: 7vw;
    }
    .why-heading h3{
        position: relative;
    }
    .why-heading h3::before{
        position: absolute;
        content: '';
        background-image: url(/img/why-contents-heading.png);
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -30%;
        left: 0;
        width: 40vw;
        height: 2.4vw;
    }
    .heading-dot{
        background-image: radial-gradient(circle at center, #ffffff 20%, transparent 20%); /* 点の色とサイズ調整 */
        background-position: top right; /* 点の位置 */
        background-repeat: repeat-x; /* 横方向に繰り返し */
        background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
        padding-top: 0.1em; /* 縦方向の位置調整 */
    }
    .why-contents-box{
        /* background-color: chartreuse; */
        margin-top: 20vw;
    }
    .why-contents-items{
        /* background-color: #242424; */
    }
    .why-contents-items:nth-child(1),.why-contents-items:nth-child(3){
        display: flex;
        justify-content: end;
        margin-right: 0 auto;
    }
    .items1{
        /* background-color: aqua; */
        width: 50vw;
        margin-top: 2vw;
    }
    .items1-1 h4 p{
        font-family: "Zen Antique Soft", serif;
        background-color: #fff;
        display: inline-block;
        padding: 0.2vw 0;
        font-size: 5vw;
        margin-bottom: 1vw;
    }
    .items1-1 h4 span{
        color: #BE1B21;
    }
    .items-p{
        font-family: "IBM Plex Sans JP", serif;
        font-size: 3vw;
        color: #fff;
        line-height: 3.5vw;
    }
    .items-p br{
        display: none;
    }
    .items-p-small{
        display: block;
        text-align: right;
        font-size: 2vw;
        color: #fff;
        padding-right: 5vw;
    }
    .items-p span{
        font-size: 3vw;
        padding: 0 0.2vw;
    }
    .items2{
        width: 50vw;
        margin-top: 17vw;
        margin-bottom: 16vw;
    }
    /* サポート内容 */
    .wrap-support{
        width: 100vw;
        display: flex;
        justify-content: center;
    }
    .box3{
        width: 80vw;
    }
    .support-heading{
        display: flex;
        justify-content: center;
        margin-bottom: 10vw;
        z-index: 99;
    }
    .support-heading h3{
        font-family: "Zen Antique Soft", serif;
        font-size: 5vw;
        color: #560505;
    }
    .support-heading span{
        font-size: 6vw;
        color: #BE1B21;
    }
    /* サポート内容上側 */
    .support-table{
        display: flex;
        justify-content: space-between;
        margin-bottom: 2vw;
        gap: 5vw;

    }
    #support-contents-top{
        display: flex;
        justify-content: end;
    }
    .table-title-p{
        font-family: "Zen Antique Soft", serif;
        writing-mode: vertical-rl;
        background: linear-gradient(#B90000,#8C0202);
        color: #fff;
        padding: 3vw 1vw; 
        outline: 0.2vw solid #FFF;
        outline-offset: -0.5vw;
        font-weight: 500;
    }
    .support-contents-box{
        display: flex;
        justify-content: space-between;
        gap: 0.6vw;
        width: 73.5vw;
    }
    .support-contents-items{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 12vw;
        text-align: center;
        height: 10vw;
        border-top: solid 1.3vw #E10707;
        box-sizing: border-box;
        box-shadow: 0.1vw 0.2vw 0.2vw  #afafaf;
        position: relative;
    }
    .support-contents-item-conter{
        position: absolute;
        top: -70%;
        left: 7%;
        font-family: "Zen Antique Soft", serif;
        font-size: 3.5vw;
        color:#8D0404;
    }
    .support-contents-items:nth-child(2){
        border-top: solid 1.3vw #D70606;
    }
    .support-contents-items:nth-child(3){
        border-top: solid 1.3vw #C70606;
    }
    .support-contents-items:nth-child(4){
        border-top: solid  1.3vw #B70606;
    }
    .support-contents-items:nth-child(5){
        border-top: solid  1.3vw #A60505;
    }
    .support-contents-items:nth-child(6){
        border-top: solid  1.3vw #910404;
    }
    .support-contents-items p{
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 500;
        display: inline-block;
        text-align: center;
        font-size: 1.5vw;
    }
    
    /* サポート内容真ん中 */
    #table-title-middle{
        box-shadow: 0.1vw 0.2vw 0.2vw  #afafaf;
    }
    
    
    #support-contents-middle{
        border: solid 0.3vw #A4171D;
        display: flex;
        align-items: center;
        box-shadow: 0.1vw 0.2vw 0.2vw  #afafaf;
        /* height: 50vh; */
        width: 73vw;

    }
    .halfyesr-items{
        display: flex;
        justify-content: center;
        align-items: end;
        width: 73vw;
    }
    .halfyesr-items img{
        width: 30vw;
    }
    .halfyesr-items p{
        font-family: "IBM Plex Sans JP", serif;
        padding-bottom: 1vw;
        color:#323232;
        font-weight: bold;
    }
    .halfyesr-items span{
        font-size: 2.8vw;
    }
    
    /* サポート内容下側*/
    #table-bottom{
        background: linear-gradient(-45deg,#424242 ,#787878 ,#323232 60%);
        margin-top: 3vw;
        position: relative;
        box-shadow: 0.1vw 0.2vw 0.2vw  #afafaf;
    }
    #table-bottom::before{
        content: '';
        position: absolute;
        top: -20%;
        left: 15%;
        border: 2vw solid transparent;
        border-bottom:2vw solid #323232; 
    }
    #table-title-bottom{
        background: transparent;
    }
    #table-title-bottom p{
        font-family: "IBM Plex Sans JP", serif;
    }
    #support-contents-bottom{
        width: 74vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .support-contents-ditalbox{
        display: flex;
        gap: 5vw;
        padding-right: 10vw;
        /* align-items: center; */
    }
    .support-contents-ditalitems p{
        display: inline-block;
        line-height: 4vw;
        color: #fff;
        font-family: "IBM Plex Sans JP", serif;
        font-weight: bold;
    }
    .case{
        font-family: "Zen Antique Soft", serif;
        margin-top: -2vw;
    }
    /* 反響とれるもんの特徴 */
    .wrap-features{
        width: 100vw;
        display: flex;
        justify-content: center;
        background-color: #232323; 
    }
    .triangle-background{
        border-bottom: 25vw solid #232323;
        border-left: 100vw solid transparent;
        margin-top: 10vw;
    }
    .box4{
        width: 80vw;
    }
    .features-heading{
        display: flex;
        align-items: end;
        margin-top: -10vw;
        margin-bottom: 10vw;
    }
    .features-heading img{
        width: 40vw;
    }
    .features-heading p{
        font-family: "Zen Antique Soft", serif;
        font-size: 4vw;
        color: #E1474D;
        padding-bottom: 2vw;
    }
    .features-heading span{
        font-size: 6vw; 
    }
    /* 特徴1 */
    .features-contents-items1{
        display: flex;
        gap: 2vw;

    }
    /* .features-items br{
        display: none;
    } */
     .features-box{
        margin-bottom: 5vw;
     }
    .features-number{
        /* display: flex;
        justify-content: center; */
        margin-bottom: 0.5vw;
    }
    .features-number p{
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        border: 0.4vw solid #fff;
        border-radius: 0.2vw;
        font-size: 8vw;
        padding: 2vw 2vw 2vw 2.2vw;
        line-height: 4.5vw;
        display: inline-block;
        margin-bottom: 3vw;
    }
    .features-items{
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        margin-bottom: 1vw;
    }
    .features-items p{
        text-align: center;
        font-size: 5.5vw;
    }
    .features-box-img{
        display: flex;
        justify-content: center;
    }
    .features-box-img img{
        width: 45vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    #featuers-img2{
        width: 60vw;
        padding-top: 5vw;
    }
    /* 特徴03 */
    .features-contents{
        margin-top: 8vw;
        margin-bottom: 10vw;
    }
    .features-contents-items{
        /* display: flex; */
        gap: 2vw;
    }
    .features-contents-items-number p{
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        border: 0.4vw solid #fff;
        border-radius: 0.2vw;
        font-size: 8vw;
        padding: 2vw 2vw 2vw 2.2vw;
        line-height: 4.5vw;
        display: inline-block;
        margin-bottom: 3vw;
    }
    .features-contents-items-p{
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        font-size: 4vw;
    }
    .features-contents-items-p p{
        text-align: center;
    }
    .features-contents-items-p-big{
        font-size: 5.5vw;
    }
    .features-contents-items-p span{
        color: #BE1B21;
        font-size: 5vw;
        line-height: 5vw;
    }
    .features-contents-items-text{
        margin-top: 3vw;
        margin-bottom: 5vw;
        font-size: 3vw;
    }
    #feayures-text-id{
        font-size: 4.5vw;
    }
    #features-text-p-id{
        font-size: 2.5vw;
    }
    .features-03-img{
        display: flex;
        justify-content: center;
    }
    .features-03-img img{
        width: 80vw;
    }
    .features-03-img p{
        text-align: right;
        font-family: "IBM Plex Sans JP", serif;
        color: #fff;
        font-size: 2vw;
        margin-top: 0.8vw;
    }
    /* 面談予約画面 */
    .wrap-reserve{
        width: 100vw;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wrap-reserve img{
        width: 100vw;
    }
    .box5{
        position: absolute;
        z-index: 10;
        width: 80vw;
    }
    .wrap-reserve-contents{
        text-align: center;
    }
    .wrap-reserve-items{
        display: inline-block;
        text-align: center;
        font-family: "Zen Antique Soft", serif;
        font-size: 5vw;
        position: relative;
        margin-bottom: 3vw;
    }
    .wrap-reserve-items::before{
        position: absolute;
        content: '';
        width: 15vw;
        height: 0.5vw;
        background-color: #A6171D;
        bottom: 0;
        left: 40%;
    }
    .reserve-span1{
        color: #A6171D;
        font-size: 8vw;
    }
    .reserve-span2{
        font-size: 6vw;
    }
    .wrap-reserve-contents button{
        background-color: #fff;
        font-family: "Zen Antique Soft", serif;
        color: #574F11;
        width: 41vw;
        height: 8vw;
        font-size: 2.5vw;
        position: relative;
        border-radius: 0.2vw;
        box-shadow: 0vw 0.5vw 0.5vw 0.1vw #535353;
    }
    .wrap-reserve-contents button::before{
        content: '';
        position: absolute;
        background-image: url(/img/reserve-mail.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 3vw;
        height: 3vw;
        top: 35%;
        left: 6%;
    }
    .wrap-reserve-contents button::after{
        content: '';
        position: absolute;
        background-image: url(/img/reserve-allow.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 3vw;
        height: 3vw;
        top: 34%;
        right: 5%;
    }
    .wrap-reserve-contents button span{
        font-size: 3vw;
    }
    #reserve-span-beginner{
        font-size: 7vw;
    }
    /* 料金プラン */
    .wrap-price-plan{
        width: 100vw;
        display: flex;
        justify-content: center;
    }
    .box6{
        width: 95vw;
    }
    .price-plan-contents{
        margin-top:10vw;
    }
    .price-plan-contents h3{
        font-family: "Zen Antique Soft", serif;
        font-size: 4.5vw;
        display: inline-block;
        position: relative;
    }
    .price-plan-contents h3::before{
        position: absolute;
        content: '';
        width: 0.5vw;
        height: 4.7vw;
        background-color: #BE1B21;
        top: 2%;
        right: -5%;
    }
    /*戦略立案と支援業務*/
    table{
        width: 95vw;
        font-size: 2.5vw;
        font-family: "Zen Antique Soft", serif;
        margin-top: 8vw;
    }
    th,td{
        vertical-align: middle;
        text-align: center;
    }
    .tr1 th:nth-child(2){
        background-color: #921C1C;
    }
    .tr1{
        color: #fff;
        font-size: 2.6vw;
        border-bottom: 0.2vw solid #000;
    }
    .tr1 th:nth-child(3){
        background-color: #BE1B21;
    }
    .tr1 th:nth-child(4){
        background-color: #530000;
    }
    /* 表背景　白 */
    .tr2 td:nth-child(3),.tr2 td:nth-child(5),
    .tr4 td:nth-child(2),.tr4 td:nth-child(4),
    .tr5 td:nth-child(2),.tr5 td:nth-child(4),
    .tr6 td:nth-child(2),.tr6 td:nth-child(4),
    .tr7 td:nth-child(3),.tr7 td:nth-child(5),
    .tr8 td:nth-child(2),.tr8 td:nth-child(4){
        background-color: #fff;
        font-size: 2vw;
    }
    /* 表背景　赤 */
    .tr2 td:nth-child(4),.tr4 td:nth-child(3),
    .tr5 td:nth-child(3),.tr6 td:nth-child(3),
    .tr7 td:nth-child(4),.tr8 td:nth-child(3){
        background-color: #E7C6C6;
        font-size: 2vw;
    }
    /* 黒線 */
    .tr2 td:nth-child(1){
        border-right: 0.3vw solid #000;
    }
    .tr7 td:nth-child(1){
        border-right: 0.3vw solid #000;
    }
    .tr6,.tr8{
        border-bottom: 0.3vw solid #000;
    }
    /* グレー線 */
    .tr2,.tr3,.tr4,.tr5,.tr7{
        border-bottom: 0.2vw solid #424242;
    }
    /* 赤線 */
    .tr1 th:nth-child(3){
        border-top: 0.3vw solid #BE1B21;
        border-left: 0.3vw solid #BE1B21;
        border-right: 0.3vw solid #BE1B21;
    }
    .tr2 td:nth-child(4),.tr4 td:nth-child(3),
    .tr5 td:nth-child(3),.tr6 td:nth-child(3),
    .tr7 td:nth-child(4),.tr8 td:nth-child(3){
        border-left: 0.3vw solid #BE1B21;
        border-right: 0.3vw solid #BE1B21;
    }
    .tr8 td:nth-child(3){
        border-bottom: 0.3vw solid #BE1B21;
    }
    /* プラン名の大きさ */
    .tr1 th:nth-child(2){
        width: 20%;
    }
    .tr1 th:nth-child(4){
        width: 20%;
    }
    .tr1 th:nth-child(3){
        width: 23%;
    }
    
    /* プラン詳細のtd */
    .tr2 td:nth-child(2),.tr3 td:nth-child(1),
    .tr4 td:nth-child(1),.tr5 td:nth-child(1),
    .tr6 td:nth-child(1),.tr7 td:nth-child(2),
    .tr8 td:nth-child(1){
        width: 13vw;
        height: 10vw;
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 600;
        font-size: 2.2vw;
    }
    /* 文字関連 */
    #big-number{
        font-size: 4vw;
    }
    
    .tr4 td:nth-child(2),.tr6 td:nth-child(2),
    .tr7 td:nth-child(3),.tr8 td:nth-child(2){
        color: #921C1C;
    }
    .tr4 td:nth-child(3),.tr6 td:nth-child(3),
    .tr7 td:nth-child(4),.tr8 td:nth-child(3){
        color: #BE1B21;
    }
    .tr4 td:nth-child(4),.tr6 td:nth-child(4),
    .tr7 td:nth-child(5),.tr8 td:nth-child(4){
        color: #530000;
    }
    /*オペレーション支援の記号*/
    .tr8 td:nth-child(2),.tr8 td:nth-child(3),
    .tr8 td:nth-child(4){
        font-size: 2.5vw;
        line-height: 1.5vw;
        padding-top: 1vw;
    }
    /*打ち合わせと人材採用支援のダイヤ*/
    .tr4 td:nth-child(2),.tr4 td:nth-child(3),
    .tr4 td:nth-child(4),.tr7 td:nth-child(5){
        font-size: 2.5vw;
    
    }
    .tr6 td:nth-child(2),.tr6 td:nth-child(3),
    .tr6 td:nth-child(4),.tr7 td:nth-child(3),
    .tr7 td:nth-child(4){
        font-size: 2.5vw;
        font-family: "IBM Plex Sans JP", serif;
        font-weight: bold;
    }
    #small-text{
        line-height: 5vw;
        font-size: 2vw;
        color: #000;
    }
    .price-plan-p{
        font-family: "Zen Antique Soft", serif;
        font-size: 2.5vw;
    }
    .tr8-class{
        margin-top: 2vw;
        line-height: 2.2vw;
        display: flex;
        justify-content: center;
    }
    /* 比較 */
    .comparison-triangle-background{
        border-bottom: 25vw solid #710202;
        border-right: 100vw solid transparent;
        margin-top: 10vw;
    }
    .wrap-comparison{
        width: 100vw;
        display: flex;
        justify-content: center;
        background:linear-gradient(#710202,#490E0E) ;
    }
    .box7{
        width: 80vw;
        margin-bottom: 5vw;
    }
    .comparison-items h4{
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        font-size: 4vw;
        margin-bottom: 4vw;
    }
    .comparison-items h4 span{
        font-size: 4.5vw;
    }
    .comparison-items p{
        font-family: "IBM Plex Sans JP", serif;
        color: #fff;
        font-size: 3vw;
    }
    .comparison-items p span{
        color: #FF2D35;
        font-size: 3.5vw;
        font-weight: 500;
    }
    .comparison-items-br{
        margin-top: 3vw;
    }
    .comparison-items-graph{
        display: flex;
        justify-content: center;
        gap: 2vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .graph-items{
        width: 38vw;
    }
    .graph-items-heading{
        height: 10vw;
        display: block;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .graph-items-heading p{
        display: inline-block;
        text-align: center;
        font-size: 4vw;
        font-family: "Zen Antique Soft", serif;
        padding-top: 3vw;
    }
    .graph-items-heading img{
        padding-bottom: 1vw;
    }
    .graph-img{
        background-color: #fff;
    }
    /* 他社比較下三角 */
    .comparison-allow{
        display: flex;
        justify-content: center;
        margin-bottom: 1vw;
    }
    .comparison-allow img{
        width: 25vw;
    }
    /* 他社比較メリット */
    .comparison-merit{
        display: flex;
        justify-content: center;
        margin-bottom: 10vw;
    }
    .comparison-merit-content{
        text-align: left;
        position: relative;
    }
    .comparison-merit-content::before{
        position: absolute;
        content: '';
        background: linear-gradient(90deg,#D5C326,#6F6614);
        width: 67vw;
        height: 0.6vw;
        bottom: -7%;
        left: 0;
    }
    .comparison-merit-items{
        display: flex;
        align-items:end;
    }
    .comparison-merit-items img{
        width: 30vw;
    }
    .comparison-merit-items p{
        padding-bottom: 1.3vw;
    }
    .comparison-merit p{
        font-family: "Zen Antique Soft", serif;
        font-size: 4vw;
        line-height: 5vw;
    }
    .comparison-merit-content p span{
        color: #fff;
        font-size: 5vw;
    }
    /* ご利用の流れ */
    .wrap-flow{
        width: 100vw;
        display: flex;
        justify-content: center;
        background-color: #710202;
    }
    .box8{
        width: 80vw;
        display: flex;
        justify-content: center;
    }
    .wrap-flow h3{
        font-family: "Zen Antique Soft", serif;
        font-size: 5vw;
        color: #fff;
        margin-top: 10vw;
        margin-bottom: 5vw;
        display: block;
        text-align: center;
    }
    .flow-items{
        display: flex;
        flex-flow: column;
        justify-content: center;
        margin-bottom: 10vw;
    }
    .flow-triangle {
        width: 2vw;
        padding-bottom: 1vw;
        margin: 0 auto;
    }
    .trianglepc{
        display: none;
    }
    .flow-items-flex-items{
        display: flex;
        justify-content: left;
        align-items: center;
        width: 50vw;
    }
    .flow-items-flex-text{
        color: #fff;
        font-family: "IBM Plex Sans JP", serif;
        align-items: center;
        font-weight: 500;
        display: block
    }
    .flow-items-flex{
        border: solid 0.4vw #fff;
        width: 50vw;
        height: 10vw;
        display: flex;
        margin: 0 auto;
    }
    
    .flow-items-flex-number{
        width: 5vw;
        height: 4vw;
        background-color: #fff;
    }
    .flow-items-flex-number p{
        color: #710202;
        display: block;
        text-align: center;
        line-height: 4vw;
        font-family: "Zen Antique Soft", serif;
        font-size: 3vw;
    }
    .flow-items-flex-text p{
        display: inline-block;
        text-align: center;
        font-size: 3.5vw;
        letter-spacing: 0.5vw;
        margin-left: 9vw;
    }
    .flow-items-flex-text03 p{
        font-family: "IBM Plex Sans JP", serif;
        font-weight: 500;
        color: #FFF;
        display: inline-block;
        text-align: center;
        font-size: 3.5vw;
        letter-spacing: 0.5vw;
        margin-left: 14vw;
    }
    /* お客様の声,QA*/
    .wrap-customer-voice-QA{
        width: 100vw;
        display: flex;
        justify-content: center;
        position: relative;
        margin-bottom: 10vw;
    }
    .wrap-customer-voice-QA img{
        width: 100vw;
    }
    .wrap-customer-voice-img{
        display: none;
    }
    .box9{
        position: absolute;
        width: 100vw;
    }
    .customer-voice-contents h3{
        margin: 0 auto;
        margin-top: 10vw;
        margin-bottom: 10vw;
        font-family: "Zen Antique Soft", serif;
        font-size: 4.7vw;
        color: #232323;
        width: 80vw;
    }
    #customer-voice-span1{
        font-size: 6vw;
    }
    #customer-voice-span1:nth-child(2){
        color: #BE1B21;
    }
    .customer-voice-flex{
        display: flex;
        justify-content: space-between;
        display: none;
    }
    .customer-voice-flex-items{
        background-color: #FFF;
        width: 24vw;
        box-shadow: 0vw 0.5vw 0.5vw 0.2vw rgba(0, 0, 0, 0.3);
        padding: 0 0.9vw 0.9vw 0.9vw;
    }
    .customer-voice-flex-items p{
        font-family: "Zen Antique Soft", serif;
        font-size: 1.2vw;
        color: #970909;
    }
    #customer-voice-flex-items-p1{
        font-size: 5vw;
        color: #6E1519;
    }
    .customer-voice-flex-items-p{
        height: 20vw;
        background-color: #fff;
        margin-top: -3vw;
    }
    .customer-voice-flex-items-p span{
        color: #c70f15;
    }
    .customer-voice-flex-items-p p{
        font-size: 1.2vw;
        line-height: 2.3vw;
        color: #232323;
    }
        /*スマホ版ここから*/
    /* スライド全体 */
    .swiper-slide {
        transition: transform 0.6s;
    }
    .swiper-wrapper{
        margin-bottom: 10vw;
    }
    /* 左右のスライド */
    .swiper-slide-prev,
    .swiper-slide-next,
    .swiper-slide-duplicate-prev,
    .swiper-slide-duplicate-next {
        transform: scale(0.85);
    }
    .a01{
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
        background-color: #fff;
        width: 58vw;
        height: 65vw;
    }
    /*カンマ*/
    #customer-voice-flex-items-p1s{
        font-size: 10vw;
        color: #6E1519;
        margin-bottom: 0;
    }
    /*本文のエリア*/
    .customer-voice-flex-items-ps{
        font-family: "Zen Antique Soft", serif;
        width: 53vw;
        height: auto;
        margin: 0 auto;
        margin-top: -3vw;
        margin-bottom: 2vw;
    }
    /*本文*/
    .customer-voice-flex-items-ps p{
        font-size: 3vw;
        line-height: 4.5vw;
        color: #232323;
        }
    
    /*本文の強調部分*/
    .customer-voice-flex-items-ps span{
        color: #c70f15;
    }
    /*年齢と性別*/
    .swiper-profile{
        font-size: 2.6vw;
        width: 53vw;
        margin: 0 auto;
        color: #970909;
    }
    .swiper-pagination-bullet {
        background-color: #8e7874 !important;
    }
    
    .swiper-pagination-bullet-active {
        background-color: #333333 !important;
    }

/* Q&A */
    .QA-contents{
        margin-top: 13vw;
    }
    .QA-contents h3{
        text-align: right;
        font-family: "Zen Antique Soft", serif;
        font-size: 6vw;
        color: #232323;
        width: 80vw;
        margin: 0 auto;
        margin-bottom: 8vw;
        margin-top: -12vw;
    }
    #QA-heading-span{
        font-size: 7vw;
    }
    #QA-heading-span:nth-child(2){
        color: #BE1B21;
    }
    .qa-block-flex{
        display: flex;
        justify-content: center;
    }
    .qa-block{
        font-family: "Zen Antique Soft", serif;
        justify-content: space-between;
        
    }
    .qa-head{
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        background-color: #fff;
        border-radius:0.5vw 0.5vw 0 0;
        font-family: "Zen Antique Soft", serif;
        height: 10vw;
        width: 80vw;
        padding-left: 2vw;
        position: relative;
    }
    .qa-head::before{
        position:absolute;
        content: '';
        background-color: #970909;
        width: 3vw;
        height: 0.5vw;
        top: 50%;
        right: 3%; 
    }
    .qa-head::after{
        position:absolute;
        content: '';
        background-color: #970909;
        width: 0.5vw;
        height: 3vw;
        top: 36%;
        right: 4.5%; 
    }
    .qa-head-Q{
        background-color: #970909;
        width: 5vw;
        height: 4vw;
        border-radius: 0.4vw;
        line-height: 3vw;
        display: block;
        text-align: center;
        font-size: 3vw;
        color: #fff;
        padding-top: 1vw;
    }
    .qa-br{
        display: none;
    }
    .qa-head-p{
        font-size: 2.5vw;
        margin-left: 1.5vw;
        line-height: 2.8vw;
        color: #000;
    }
    .qa-body{
        display: flex;
        width: 78.8vw;
        height: 21vw;
        background-color: #fff;
        border-radius:0 0 0.5vw 0.5vw;
        padding: 1vw 0; 
        position: relative;
        padding-left: 2vw;
    }
    .qa-body-A{
        background-color: #232323;
        width: 5vw;
        height: 4vw;
        border-radius: 0.5vw;
        line-height: 3vw;
        display: block;
        text-align: center;
        font-size: 3vw;
        color: #fff;
        margin-left: 1vw;
        padding-top: 1vw;
    }
    .qa-body-p{
        width: 65vw;
        /* background-color: #574F11; */
        margin-left: 2.5vw;
        font-size: 2.4vw;
        transition: opacity 0.3s ease, max-height 0.3s ease;
    }
    .body-span-dot::before{
        position: absolute;
        content: '・';
    }
    .span-space{
        display: none;
    }
    .qa-body{
        display: flex;
        width: 78.8vw;
        height: 21vw;
        position: relative;
        background-color: #fff;
        border-radius:0 0 0.5vw 0.5vw;
        opacity: 0;
        max-height: 0; /* 初期状態では高さが0 */
        overflow: hidden; /* オーバーフローを隠す */
        transition: opacity 0.3s ease, max-height 0.3s ease; /* アニメーションを追加 */
    }
    .small-body{
        height: 13vw;
    }
    .qa-body.is-open{
        display: flex;
        width: 78.8vw;
        height: 21vw;
        background-color: #fff;
        border-radius:0 0 0.5vw 0.5vw;
        padding: 2vw 0; 
        position: relative;
        opacity: 1;
        max-height: 20vw; /* 最大の高さを設定 */
        padding-left: 1.2vw;
    }
    .small-body.is-open{
        height: 13vw;
    }
    .qa-body.is-open::before{
        position: absolute;
        content: '';
        width: 73vw;
        height: 0.5vw;
        background-color: #EF7583;
        top: 1%;
        left: 4.5%;
    }
    .qa-items{
        margin-top: 13px;
    }    
    /* お問い合わせ */
    .wrap-contact{
        display: flex;
        justify-content: center;
        background: linear-gradient(#232323 20%,#898989);
        width: 100vw;
        margin-top: -50vw;
    }
    .box10{
        margin-top: 30vw;
        width: 80vw;
    }
    .contact-heading{
        display: flex;
        justify-content: center;
    }
    .contact-heading h3{
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        font-size: 5vw;
        position: relative;
        margin-top: 7vw;
        margin-bottom: 10vw;
    }
    .contact-heading h3::before{
        position: absolute;
        content: '';
        background-color: #C90C0C;
        width: 28vw;
        height: 0.7vw;
        bottom: -30%;
        left: 15%;
    }
    .contact-heading h3 span{
        font-size: 6vw;
    }
    .contact-form-contents{
        display: flex;
        justify-content: center;
        font-family: "Zen Antique Soft", serif;
        color: #fff;
    }
    .form-items-box{
        margin: 0 auto;
    }
    .form-items{
        display: flex;
        flex-flow: column;
        width: 75vw;
        justify-content: space-between;
    }
    #form_items-text{
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .form-label{
        position: relative;
        margin: 2vw 0;
        font-size: 4vw;
    }
    input[type="text"],input[type="email"]{
        width: 70vw;
        height: 8vw;
        border: solid 0.1vw #cacaca;
        border-radius: 0.3vw;
        font-size: 3vw;
        box-shadow: none;
    }
    #contact_text{
        width: 70vw;
        height: 25vw;
        resize: vertical;
        font-size: 3vw;
        border: solid 0.1vw #cacaca;
        border-radius: 0.3vw;
        margin: 0 auto;
    }
    .form-label::after{
        position: absolute;
        content: '必須';
        background-color: #BE1B21;
        width: 6vw;
        font-size: 2.5vw;
        top: 17%;
        margin-left: 1vw;
        margin-top: 0.1vw;
        border-radius: 0.2vw;
        text-align: center;
        font-family: "IBM Plex Sans JP", serif;
        padding: 0.2vw;
    }
    /* プライバシーポリシー */
    /* チェックボタン */
    input[type="checkbox"]{
        appearance: none;
        cursor: pointer;
        display: inline-block;
        background-color: #fff;
        width: 4vw;
        height: 4vw;
        border-radius: 0.5vw;
        position: relative;
        margin-right: 2vw;
        margin-top: 0.3vw;
    }
    input[type="checkbox"]::after{
        content: '';
        position: absolute;
        border-right: 0.5vw solid #3b3b3b;
        border-bottom: 0.5vw solid #3b3b3b;
        transform: rotate(45deg);
        width: 1.5vw;
        height: 2.5vw;
        left: 28%;
        top: 10%;
        opacity: 0;
    }
    input[type="checkbox"]:checked::after{
        opacity: 1;
    }
    .privacy-policy{
        justify-content: center;
        display: flex;
        justify-content: center;
        margin-top: 5vw;
        color: #fff;
        font-family: "Zen Antique Soft", serif;
    }
    .privacy-policy p{
        font-size: 3vw;
    }
    .privacy-policy a{
        color: #fff;
    }
    /* 確認画面へ */
    .confirm-button{
        margin-top: 5vw;
        margin-bottom: 10vw;
        text-align: center;
    }
    input[type="submit"]{
        font-family: "Zen Antique Soft", serif;
        font-size: 4vw;
        appearance: none;
        border: none;
        background-color: #BE1B21;
        color: #fff;
        width: 38vw;
        height: 10vw;
        border-radius: 0.4vw;
        cursor: pointer;
    }
    input[type="submit"]:hover{
        box-sizing: border-box;
        background-color: #ebebeb;
        color: #BE1B21;
        border:  0.2vw solid #BE1B21;
    }
    /* フッター */
    .wrap-footer{
        width: 100vw;
        display: flex;
        justify-content: center;
        background-color: #232323;
    }
    .wrap-footer:nth-child(2){
        background-color: #BE1B21;
    }
    .box11{
        width: 80vw;
        font-family: "Zen Antique Soft", serif;
        color: #fff;
        font-size: 3vw;
    }
    .box11 a{
        color: #fff;
        text-decoration: none;
    }
    .box11 a:hover{
        border-bottom: 0.15vw solid #fff;
    }
    #box11-1{
        padding: 2vw 0;
    }
    #box11-1 p:nth-child(1){
        margin-bottom: 2vw;
    }
    #box11-2{
        display: flex;
        justify-content: center;
        padding: 1vw 0;
        font-size: 2vw;
    }

}