/* 共通 */
.container {
    width: 90%;
    max-width: 1280px;
    margin: auto;
}



h2 {
    font-size: 38px;
    font-family: fot-rodin-pron,sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 3.6px;
    line-height: 1.5;

    text-align: center;
    padding :24px;
    background-color: #000000;
    color: white;
    margin-bottom: 100px;

}

h3 {
    font-size: 38px;
    font-family: fot-rodin-pron,sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 3.6px;
}


p {
    font-size: 20px;
    font-family: fot-rodin-pron,sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 38px;
    letter-spacing: 0.71px;


}

li {
    font-size: 18px;
    font-family: fot-rodin-pron,sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 38px;
    letter-spacing: 0.71px;


}

@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/

    .container {
        width: 98%;
        margin: auto;
    }
    
    
    
    h2 {
        font-size: 18px;
        font-family: fot-rodin-pron,sans-serif;
        font-weight: 600;
        font-style: normal;
        letter-spacing: 3.6px;
        line-height: 1.5;
    
        text-align: center;
        padding :24px;
        background-color: #000000;
        color: white;
        margin-bottom:40px;
    
    }
    
    h3 {
        font-size: 18px;
        font-family: fot-rodin-pron,sans-serif;
        font-weight: 600;
        font-style: normal;
        letter-spacing: 3.6px;
    }
    
    
    p {
        font-size: 16px;
        font-family: fot-rodin-pron,sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 38px;
        letter-spacing: 0.71px;
    
    
    }
    
    li {
        font-size: 14px;
        font-family: fot-rodin-pron,sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 38px;
        letter-spacing: 0.71px;
    
    
    }
    



}



/* top */
.top-img-pc {
    width: 100%;
    
    /* 画像下の余白を削除 */
    vertical-align:top; 
}

.top-img-sp {
    width: 100%;
    
    /* 画像下の余白を削除 */
    vertical-align:top; 
    display: none;
}

@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/

    .top-img-pc {
        width: 100%;
        
        /* 画像下の余白を削除 */
        vertical-align:top; 
        display: none;
    }
    
    .top-img-sp {
        width: 100%;
        
        /* 画像下の余白を削除 */
        display: block;
    }
 }


/* worries */

.worries-img {
    background-image: url(../img/img52.png);
    background-size: cover;
}

.worries-h2 {
    background-color: black;
    margin-bottom: 0px;

}

.worries-triangle {
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 40px solid black;
    margin: 0 auto;
}




@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/

    .worries-triangle {
        width: 0px;
        height: 0px;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 20px solid black;
        margin: 0 auto;
    }






 }





.check-box {
    width: 30px;
    height: 30px;
    margin-left: 20px;

}

.white-box {
    background-color: rgba(255, 255, 255, 0.9);
}



@media only screen and (max-width:767px) {
    .check-box {
        width: 10px;
        height: 10px;
        margin-left: 10px;

    }

    .white-box {
        background-color: rgba(255, 255, 255, 0.6);
    }




    
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/
    
 }


/* cap */
.cta-deg {
    transform: rotate(-1deg);
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #BF272D;
}

.cta-img {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: block;
}

/* about */
.bg-gray {
    background-color: #EDEDED;
}

/* reason */
.yellow-back-r {
    background-color: #FFFFE4;
}

@media only screen and (min-width:768px) {
    .telephone {
        width: 80%;
    }

}

@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/
    .yellow-back-r {
        background-color: #FFFFE4;
        
    }
 }

 .yellow-back {
    background-color: #FFFFE4;
}

@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/
    .yellow-back {
        background-color: #FFFFE4;
        padding: 0px 20px;
        
    }
 }


.mx-auto {
    max-width: 100%;
}


/* choice */


.choice-img {
    background-image: url(../img/img52.png);
    background-size: cover;
}




.check-box {
    width: 30px;
    height: 30px;
    margin-left: 20px;

}


.choice-h3 {
    font-family: dnp-shuei-mgothic-std,sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #F15A24;
}

/* theory */

.theory-triangle{
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 100px solid black;
    margin: 0 auto;


}



.theory-h3 {
    font-size: 40px;
}


.theory-triangle2  {
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 100px solid #C1272D;
    margin: 0 auto;
}


@media only screen and (max-width:767px) {
       /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/

    .theory-triangle{
        width: 0px;
        height: 0px;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 20px solid black;
        margin: 0 auto;
    
    
    }

    .theory-h3 {
        font-size: 25px;
    }
    .theory-triangle2  {
        width: 0px;
        height: 0px;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 20px solid #C1272D;
        margin: 0 auto;
    }
    
  }


/* pr */
.pr-list {
    padding: 20px 100px;
    border: 1px solid;


    font-size: 18px;
    font-family: fot-rodin-pron,sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 38px;
    letter-spacing: 0.71px;

    list-style-type: disc;

}

.student {
    font-size: 14px;
}


.gray-back {
    background-color: #FFFFE4;
}


@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/
    .pr-list {
        padding: 20px 30px;
        border: 1px solid;


        font-size: 18px;
        font-family: fot-rodin-pron,sans-serif;
        font-weight: 600;
        font-style: normal;
        line-height: 38px;
        letter-spacing: 0.71px;

        list-style-type: disc;

}
 


}

/* menu */

.cost {
    text-align: right;
    font-size: 38px;
}

.supplement {
    text-align: right;

}

@media only screen and (max-width:767px) {
    /*================================================================
    スマホ版表示（レスポンシブ）
    ================================================================*/
    .cost {
        text-align: right;
        font-size: 25px;
        margin-top: 20px;
    }
    
    .supplement {
        text-align: right;
    
    }
 }

/* greeting */
.greeting-list {
    font-size: 20px;
}


.triangle {
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 60px solid ;
    margin: 30px auto;
  
  }


  .pink-circle-item {
    background-color: #FF9D8A;
    color: white;
    border-radius: 200px;
    font-size: 30px;

  }

  .big-font{
      font-size: 25px;

  }







/* footer */
footer {
    background-color: black;
  }
  
  footer p{
    padding: 20px;
    color: white;
  
  }