/*フォント・ブレイクポイント（400px）*/
@media(max-width:500px){
        h1 {
        font-family: a-otf-ud-shin-go-pr6n, sans-serif;
        font-style: normal;
        font-size: 28px;
        line-height: 42px;
        }
        
        h2 {
            font-family: a-otf-ud-shin-go-pr6n, sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 28px;
            text-align: center;
        }
        
        h3 {
            font-family: a-otf-ud-shin-go-pr6n, sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 28px;
        }
        
        h4 {
            font-family: a-otf-ud-shin-go-pr6n, sans-serif;
            font-style: normal;
            font-weight: lighter;
            font-size: 18px;
            line-height: 28px;
        }
        
        h5 {
            font-family: a-otf-ud-shin-go-pr6n, sans-serif;
            font-style: normal;
            font-weight: lighter;
            font-size: 10px;
        }
        
        .logo-font-thin {
            font-family: futura-pt, sans-serif;
            font-weight: 300;
            font-style: normal;
        }
        .logo-font-bold {
            font-family: futura-pt, sans-serif;
            font-weight: 600;
            font-style: normal;
        }
            
        
        p {
            font-family: a-otf-ud-shin-go-pr6n, sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 28px;
        }

        .header-text h3 {
            font-size: 14px;
            line-height: 18px;
        }

        .if-wrapper h1 {
            font-size: 18px;
            line-height: 40px;
        }

        .kingaku-shou {
            font-size: 20px;
        }

        /*ディレクションアローコンテンツ*/
        .directionarrow-contents-nunber h1 {
            font-size: 42px;
        }

        /*サポート*/
        .suport-title {
            padding-bottom: 20px;
        }
        .suport-title-icon {
            font-size: 30px;
            color: #333333;
            line-height: 30px;
        
        }
        .suport-tilte-text h3{
            line-height: 30px;
            text-align: left;
         }


         /*まとめ*/
        .matome-contents {
            width: 90%;
            margin: 0 auto;
            display: block;
            align-items: center;
        }
        .matome-contents-left {
            width: 100%;
        }
        .matome-contents-right {
            width: 100%;
        }
        .matome-contents-title h1{
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 30px;
            padding: 0 0 5px 10px;
            border-bottom: 1px solid #333333;
            border-left: 10px solid #333333;
        }

        /*3step画像レイアウト*/

        .step-part-image-block {
            width: 100%;
            display: block;
            justify-content: space-between;
            padding: 10px 0;
        }
        
        .step-part-image-block img{
            width: 90%;
            margin: 0 auto;
            padding: 5px 0;
        }
        .step-part-image-block .step3-image {
            width: 90%;
            margin: 0 auto;
        }


         


       

        /*ヘッダーイメージ(imgHeadCase)*/

        .imgHeadUpper {
            position: absolute;
            top: 0;
            left: 0;
        
            width: 50%;
            height: 100%;
        
            background-color: #467de4;
        
            display: flex;
            flex-direction: column;  
            
        }

        .imgHeadUnder {
            position: absolute;
            top: 0;
            left: 50%;
        
            width: 50%;
            height: 100%;
        
        
            display: flex;
            flex-direction: column;  
            
        }

        .imgItem {
            width: 100%;
            height: 100%;
            
        }

        .imgHeadText {

            position: relative;
        
            top: 40%;
            left: 0;
        
            z-index: 1;
        
            color: #ffffff;
            background-color: #00000093;
        
            width: 100%;
            height: 10%;
        
            display: flex;
            align-items: center;
            justify-content: center;
            
        }

        .imgHeadText h1 {

            font-size: 24px;
            font-weight: 1;
            letter-spacing: 1px;
            caret-color: transparent;
        }

        /*------------------*/


        
    
    
    

}


/*レイアウト・ブレイクポイント（860px）*/

@media(max-width:860px){


    /*スライドフォントサイズ*/

    .videoHeader {
        z-index: 10;
        
    
        width: 70%;
        height: 100%;
    

        display: flex;
        align-items: center;
        
        flex-flow: column;
        justify-content: center;

    
    }

    .videoHeader img {
        width: 100%;
        height: auto;
    
        margin: 0 auto;
    
        filter: drop-shadow(1px 1px 5px #000000);
        
    
    
    }

    .chatchText {

        width: 100%;
        height: auto;
        letter-spacing: 2px;
        
        display: flex;
        flex-flow: column;
    
        filter: drop-shadow(1px 1px 5px #000);

        align-items: center;
        justify-content: center;

        padding-top: 40px;
    
    
    }

    .chatchText h1 {
        

        font-size: 24px;
        font-weight: 1;
        letter-spacing: 2px;
        

        
        
    }


    /*ヘッダー紹介します。(daIntCase)*/

    .rightDaIntWrapper {
        width: 80%;
        height: auto;
    
        color: #ffffff;
    
        position: absolute;
        top: 50%;
        left: 50%;
    
        transform: translate(-50%,-50%);
    
        background-color: rgba(0, 0, 0, 0.8);
    
            
        border-radius: 5px;
    
        padding: 20px;

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

    .rightDaIntWrapper h1 {
        font-size: 24px;
        font-weight: 1;
        letter-spacing: 2px;
        caret-color: transparent;

        line-height: 50px;

        text-align: center;
    }

    .boxText01 {

        color: #000;
        background-color: #ffffff;
    
        margin-bottom: 10px;
    
        padding: 0 10px;
    
        border-radius: 5px;
    
        width: auto;
    
           
    }
    
    .boxText02 {
    
        color: #000;
        background-color: #ffffff;
    
        margin-bottom: 10px;
    
        padding: 0 20px;
    
        border-radius: 5px;
    
        width: auto;
    
           
    }

     

   
        
        li {
            list-style: none;
        }
        
        div img {
            vertical-align: top;
          }


    /*ヘッダー*/
    header {
        background-color: black;
        width: 100%;
        height: 100px;
        align-items: center;
    }

    .header-block {
        width: 90%;
        height: 100px;
        margin: 0 auto;
        display: flex;
        text-align: center;
        align-items: center;
    }
    
    .header-logo {
        width: 25%;
        text-align: right;
    }

    .header-logo img {
        height: 40px;
        width: auto;
        padding-right: 10px;
    }

    .header-text {
        color: white;
        width: 75%;
        padding-left: none;
    }

    .pc-logo {
        display: none;
    }

    /*------------------*/


    /*トップヘッド(top-head)*/
    .topwrapper {
       display: none;
    }

    .tyome {
        background-color: #333333;
        padding: 30px 0;
    }
    .tyome-sign {
        padding: 20px 20px ;
    }



    /*------------------*/


    .contaner {
        width: 90%;
        margin: 0 auto;
    }

    .contents-block-a {
        padding-bottom: 50px;
    }

    .text-area {
        padding: 50px 0 50px 0;
        background-color: #f7f7f7;
    }
    
    .text-area-backgray {
        padding: 50px 0 50px 0;
        background-color: #333333;
    }
    .text-area-clear {
        padding: 50px 0 50px 0;
    }

    /*サブヘッド/ホワイト/小大*/

    .sub-heading-wrapper {
        padding: 80px 0 50px 0;
    }
    .sub-heading-contaner {
        padding-bottom: 20px;
    }
    .heading-shou {
        padding-bottom: 10px;
    }


    /*サブヘッド/ホワイト/大小*/
    .heading-dai-02 {
        padding-bottom: 10px;
    }


    /*サブヘッド/グレイ*/

    .sub-heading-wrapper-gray {
        padding: 80px 0 50px 0;
    }
    .sub-heading-contaner-gray {
        padding-bottom: 20px;
    }

    /*サブヘッド＆テキスト/ホワイト*/

    .sub-headingmix-wrapper {
        width: 100%;
        padding: 80px 0 0px 0;
    }
    .sub-heading-text-mix {
        width: 95%;
        margin: 0 auto;
    }
    .heading-area {
        display: inline-block;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    .under-block {
        text-align: left;
        width: 100%;
        padding:20px 0;
    }


    
    .sub-heading-nayami {
        width: 100%;
        padding: 100px 0 0 0;
        background-color: #333333;
    }
    .sub-heading-nayami h1 {
        text-align: center;
        color: white;
        text-decoration: underline;
    }
    /*------------------*/


    /*サブヘッド/一行*/

    .sub-heading-wrapper-itigyo h1 {
        padding-bottom: 20px;
        border-bottom: 1px solid #333333;
        display: inline-block;
    }


    /*必要なもの*/

.hituyou-wrapper {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 60px 0;
}
.hituyou-heading {
    padding: 0px 0 ;
}
.hituyou-contaner {
    width: 100%;
    margin:  0 auto;
    display: block;
    justify-content: space-between;
}
.hituyou-block {
    width: 100%;
    padding: 30px 0;
}
.hituyou-icon img{
    width: 180px;
    height: auto;
    margin:  0 auto;
}
.hituyou-textarea {
    padding-top: 10px;
}
.hituyou-textarea h2{
    border-bottom: 1px solid #333333;
    display: inline-block;
}

    /*結果*/

    table {
        width:100%;
        margin: 0 auto;
        font-family: a-otf-ud-shin-go-pr6n, sans-serif;
        font-style: normal;
        font-size: 12px;
        padding-bottom: 10px;
    }

    td {
        padding-right: 0px;
        display: block;
        height: 30px;
    }

    .tuki {
        width: 100%;
        height: 15px;
        font-size: 10px;
        line-height: 15px;
        background-color:#f7f7f7;
        color: black;
        text-align: center;
        padding: 5px 0;

    }

    .rieki {
        width: 50%;
        line-height: 30px;
        text-align: center;
        float: left;
        padding:5px 0;

    }
    
    .rihaba {
        width: 50%;
        line-height: 30px;
        float: left;
        text-align: center;
        padding: 5px 0;
    }

    .roi {
        width: 30%;
        height: 14px;
        line-height: 14px;
        background-color: #009473;
        color: white;
        float: left;
        text-align: center;
        padding: 5px 0px;
        border-radius: 15px;
        margin: 0px 0px 10px 60%;
        font-weight: normal;
    }

    .hyo-title {
        display: none;
    }

    .gu-gyou {
        background-color: white;
    } 

    .goukei {
        font-size: 12px;
        height: 14px;
        line-height: 14px;
        border-top: 0px solid #999999;
    }

    .goukei .tuki {
        width: 100%;
        height: 14px;
        line-height: 14px;
        font-size: 12px;
        background-color: #333333;
        color: white;
        text-align: center;
        margin-top: 10px;

    }


    .goukei .roi {
        font-size: 12px;
    }

    .setumei-a {
        font-size: 10px;
        color: #333333;
        text-align: left;
        line-height: 12px;
    }


    .scroll-wrapper{
        position: absolute;
        top: 20px;
        left: 20px;
    }
    .scroll-contaner {
        width: 120px;
        background-color: #009473;
        opacity: 0.8;
        display: flex;
        align-items: center;
        color: white;
        border-radius: 30px;
        box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);
    }

    .scroll-icon {
        width: 37%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        
    }
    .scroll-text {
        width: 63%;
        height: 30px;
        text-align: left;
    }
    .scroll-text h1{
        line-height: 30px;
        font-size: 20px;
        letter-spacing: 1px;
        padding-right: 0px;
    }



     /*２カラム*/
     .contents-block-two{
        display: inline-block;
    
    }
    .contents-block-two-text {
        width: 100%;
    }
    
    .contents-block-two-text p{
        color: #333333;
    }
    .contents-block-two-photo img {
        width: 100%;
        text-align: center;
    }
    .contents-block-two-photo {
        width: 70%;
        margin: 0 auto;
        
    }

      /*------------------*/


      /*３つの特徴*/

      .tokutyou-wrapper {
        width: 70%;
        margin: 0 auto;
        padding-bottom: 0px;
    }

      .tokutyou-contents-area {
        display: block;
    }

    .tokkutyou-block {
        width: 100%;
        padding-bottom: 40px;
    }

    .toku-textarea {
        width: 100%;
        margin: 0 auto;
    }

    .toku-heading {
        padding: 20px 0;
        text-align: center;
    }
    .toku-text {
        padding: 20px 0;
        border-top: 1px solid #666666;
    
    }


    


    /*三拍子コンテンツ*/

    .sanbyousi-contents-area {
        width: 100%;
        display: block;
        justify-content: space-between;
        align-items: center;
    
    }
    
    .sanbyousi-contents {
        padding: 0px 0;
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
    }
    
    .sanbyousi-icon {
        width: 50%;
        text-align: center;
        margin: 0 auto;
    }
    
    .sanbyousi-icon img {
        width: 60%;
    }
    
    .sanbyousi-textarea {
        width: 50%;
        padding-top: 0px;
    }

    .sub-heading-wrapper-sanbyousi {
        padding: 20px 0 50px 0;
    }
      

    /*------------------*/

    /*悩み*/
    .text-area-backgray h1 {
        color: white;
    }
    .text-area-nayami h1 {
        color: white;
    }
    
    .list-nayami {
        border: 1px solid white;
        width: 95%;
        margin: 0 auto;
        color: white;
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        font-weight: bold;
    }
    .list-nayami ul {
        padding: 5% 5%;
    }

    .list-nayami ul li{
        padding: 5px 0;
    }
    .nayami-red {
        color: red;
        text-decoration: underline;
    }
    
    .text-nayami {
        width: 80%;
        margin: 0 auto;
        padding: 80px 0 0 0;
    }

    /*------------------*/

    /*if*/

    .if-bigwrapper {
        width: 95%;
        margin: 0 auto;
        padding: 50px 0;
    }

    .if-wrapper h1 {
        color: white;
        text-align: center;
        background-color: #333333;
    }
    .if-contaner {
    width: 85%;
    margin: 0 auto;
    padding: 30px 0 40px 0;
    }
    .if-list {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0;
        display: flex;
        
    }
    .check-icon {
        height: 18px;
        padding-top: 3px;
    }
    .check-icon .fas {
        color: red;
        font-size: 18px;
        padding-right: 20px;
    }
    .if-text h2 {
        color: #666666;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
        font-family: a-otf-ud-shin-go-pr6n, sans-serif;
        font-style: normal;
        font-weight: lighter;
    }
    .if-sub {
        color: #333333;
        background-color: white;
        text-align: center;
        position: relative;
        top: -16px;
        width: 70%;
        margin: 0 auto;
    }
    .if-sub-sub {
        color: #333333;
        background-color: white;
        text-align: center;
        
        width: 100%;
        margin: 0 auto;
    }
    .if-kaiketu h1 {
        display: inline-block;
        font-size: 24px;
        line-height: 32px;
    
    }
    .if-kaiketu02 h1 {
        display: inline-block;
        font-size: 24px;
        line-height: 32px;
    
    }
        

    /*------------------*/


    /*ディレクションアローセクション*/

    .da-section {
        width: 100%;
        background-color: #009473;
    }

    .da-topimage {
        width: 100%;
        padding: 0px 0 0px 0px;
    }
    .pc-img {
        display: none;
    }

    .da-wrapper {
        width: 95%;
        margin: 0 auto;
        background-color: white;
        border-radius: 10px;
    }

    .da-contaner {
        width: 95%;
        margin: 0 auto;
    }

    /*２カラム/バックグリーン*/

    .da-contents-block-two{
        display: block;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
        align-items: center;
        padding: 50px 0;
    }

    .da-contents-block-two-text {
        width: 100%;
    }
    .da-contents-block-two-photo {
        width: 100%;
    }
    .da-contents-block-two-photo img {
        width: 90%;
        margin: 0 auto;
    }


    /*------------------*/

    



    /*３ステップあああああああ*/

    .merit-topimage {
        width: 100%;
        
    }

    .da-3step-heading {
        width: 100%;
        padding-bottom: 40px;
    }

    .da-3step-text-area {
        width: 100%;
        padding: 40px 0;
    }

    .da-3step-tittle {
        width: 100%;
        background-color: #333333;
        align-items: center;
        border: 1px solid #333333;
    }

    .da-3step-left {
        width: 25%;
        text-align: center;
        background-color: white;
        color: #333333;
        margin: 20px 0px 20px 20px;
        align-items: center;
        padding: 10px 0;
        border-radius: 10px;
    } 
    .da-3step-right {
        width: 75%;
        color: white;
        font-size: 24px;
        line-height: 32px;
        padding: 0 20px;
    }

    .da-3step-nunber-up {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }
    .da-3step-nunber-up h4{
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        padding-bottom: 0px;
    }
    .da-3step-nunber-down {
        width: 100%;
        text-align: center;

    }
    .da-3step-nunber-down h1{
        font-weight: bold;
        font-size: 38px;
        line-height: 38px;
    }



    /*動画解説テキストエリア*/

    .trade-chart-2 {
        display: block;
    }
    .trade-chart-2 img{
        width: 100%;
    }

    .dougakaisetu-contents {
        color: white;
        padding: 20px 0 20px 0;
        text-align: left;
    }


    /*チャートギャラリー*/

    .sab-heading-kotosi h1 {
        color: white;
        padding: 0 0 20px 0;
        margin: 0 0 40px 0;
        border-bottom: 1px solid white;
        display: inline-block;
    }

    .chart-1face img{
        width: 100%;
        margin-bottom: 1px;
    }

    .chart-2face {
        display: block;
    }
    .chart-2face img{
        width: 100%;
        margin: 0 0px 1px 0;
    }


    /*メリット*/

    .merit-topimage {
        width: 100%;
        
    }

    .merit-text-area {
        width: 100%;
        padding: 40px 0;
    }

    .merit-tittle {
        width: 100%;
        background-color: #009473;
        display: flex;
        align-items: center;
        border: 1px solid #009473;
    }

    .merit-left {
        width: 30%;
        text-align: center;
        background-color: white;
        color: #009473;
        margin: 20px 0px 20px 20px;
        align-items: center;
        padding: 20px 0;
        border-radius: 10px;
    } 
    .merit-right {
        width: 70%;
        color: white;
        font-size: 24px;
        line-height: 32px;
        padding: 0 20px;
    }

    .merit-nunber-up {
        width: 100%;
        margin: 0 auto;
    }
    .merit-nunber-up h4{
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
    }
    .merit-nunber-down h1{
        font-weight: bold;
        line-height: 42px;
    }

    /*億万長者*/
    .okumanntyoujya-wrapper {
        padding-bottom: 40px;
        background-image: url(images/bg-oku.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom 0px right 0px;
        background-color: #f7f7f7;
    }
    .okumann-list{
        padding: 20px 0;
    }

    /*人間関係*/
    .ningenkankei-wrapper {
        padding-bottom: 80px;
        background-image: url(images/bg_ningen03.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top 0px right 0px;
        background-color: white;
    }



    




    /*ディレクションアローコンテンツ*/

    .directionarrow-contents-area {
        width: 90%;
        margin: 0 auto;
        display: block;
        padding: 40px 0;
        align-items: center;
    }

    .directionarrow-contents-left {
        width: 60%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .directionarrow-contents-left img {
        width: 90%;
        text-align: center;
    }
    .directionarrow-contents-right {
        width: 100%;
    }

    .directionarrow-contents-right-separate {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #333333;
    }

    .directionarrow-contents-nunber {
        width: 25%;
        color: #009473;
        text-align: center;
    }
    .directionarrow-contents-subtittle {
        width: 75%;
    }

    .kankyo {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .kankyo-titlle {
        width: 25%;
    }
    .kankyo-text {
        width: 72%;
    }


    /*サポート*/

    .suport-contaner {
        width: 95%;
        margin: 0 auto;
    }
    .support-contents-area {
        width: 100%;
        margin: 0 auto;
        background-image: none;
        background-repeat: none;
        background-size: none;
        background-position: bottom 0px right 0px;
    }
    .suport-tilte-text {
        line-height: 50px;
        text-align: left;
     }


    /*特典*/

    .tokuten-left {
        display: block;
        width: 20%;
        text-align: center;
        background-color: white;
        color: #333333;
        margin: 20px;
        padding: 15px 0;
        border-radius: 10px;
        display: block;
        align-items: center;
    }

    .tokuten-nunber-up {
        width: 100%;
        text-align: center;
        padding-bottom: 0px;
    }
    .tokuten-nunber-down {
        width: 100%;
        text-align: center;
    }

    .tokuten-right {
        width: 80%;
        color: white;
        padding: 0 10px 0 0;
    }

    .tokuten-tow-block {
        width: 100%;
        display: block;
        justify-content: space-between;
        padding-top: 20px;
    }
    .tokuten-tow-block-left {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .tokuten-tow-block-right {
        width: 100%;
    }



    /*まとめ用金額*/

    .matome-priceーcontents {
        width: 100%;
        margin: 0 auto;
        display: block;
        align-items: center;
    }

    .matome-kingaku-left {
        width: 100%;
    }
    .matome-kingaku-left img{
        width: 260px;
        height: auto;
    }
    .matome-kingaku-right {
        width: 100%;
    }
    .matome-price h1{
        display: inline-block;
        font-size: 42px;
        letter-spacing: 0px;
    }
    .matome-price h3 {
        display: inline-block;
        font-size: 34px;
        letter-spacing: 0px;
    }
    .matome-price h4 {
        display: inline-block;
        font-size: 14px;
    }
    .tategaki {
        writing-mode: horizontal-tb;
    }


    /*申込ボタン*/

    .buttton {
        width: 70%;
        height: 80px;
        margin: 20px auto;
        font-size: 20px;
        background-color: #009473;
        border-radius: 5px;
    }
    .buttton a {
        display: block;
        line-height: 80px;
    }

    .btn-contents {
        display: block;
        align-items: center;
        justify-content: none;
    }
    .btn-contents-left {
        width: 70%;
        margin: 0 auto;
    }
    .bun-contents-right {
        width: 70%;
        margin: 0 auto;
    }




    /*FAQ*/

    .q-block {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }

    .q-textarea {
        width: 80%;
        margin-top: 10px;
        
    }

    .a-block {
        width: 100%;
        display: flex;
        align-items: flex-start;
        margin: 20px 0 0 auto;
    }
    .a-textarea {
        width: 80%;
        text-align: right;
        margin-top: 10px;
    }

    /*------------------*/



    /*お客さんの声*/

    .user-voice-profil-area {
        width: 25%;
    }

    .user-icon {
        width:60px;
        height: 60px;
        margin: 30px auto;
        background-color: #333333;
        align-items: center;
        border-radius: 50%;
    }
    .user-icon img{
        width: 75%;
        margin-top: 8px;
    }


    .user-voice-text-area {
        width: 75%;
    }
    .user-voice-title {
        margin: 30px 20px;
        padding: 10px 0 30px 0;
        border-bottom: 1px solid #333333;
    }
    .user-voice-text {
        margin: 0 20px 30px 20px ;
    }



    /*------------------*/





    
      

}






@media(min-width:860px){
    .topwrapper-mobile {
        display: none;
    }
    .mobile-logo {
        display: none;
    }
    .mb-img {
        display: none;
    }

    
}