@charset "UTF-8";

/* **************************************************** */
/* 基礎設定 */
/* **************************************************** */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@400;700&display=swap');
*{box-sizing:border-box}
html{height:100%;font-size:62.5%}
body,html{height:100%}
body {
    background-color: #F2F2F2;
    color: #323130;
    margin: 0;
    padding: 0;
    font-family: 'Roboto',"Noto Sans JP",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
    /*font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/
    font-size: 1.6rem;
    line-height: 1;
}
h1, h2, h3, h4 {margin: 0px;}
ol, ul {list-style: none;}
audio {vertical-align: bottom;}
.pc { display: block;}
.sp { display: none;}
@media screen and (max-width: 768px) {
    .pc { display: none;}
    .sp { display: block;}
}
.audio-100 {width: 100%;}
.video-65 {width: 65%;}

/* **************************************************** */
/* 文字周り */
/* **************************************************** */

@media screen and (min-width: 721px) {
    html {font-size: 75%;}
}
@media screen and (max-width: 720px) {
    html {font-size: 62.5%;}
}

a:link{text-decoration:none;transition:.3s}
a:link,a:visited{color:#074195}
a:hover{color:#4dcbf5;text-decoration:none!important}
a:active{color:#074195}

/* **************************************************** */
/* デザイン */
/* **************************************************** */

/* ヘッダー */
header {width:100%; background:#303945;}
header h1{color:#fff; font-size:1.6rem;padding:12px 0;text-align:center;line-height: 1.6em;}
header h1 span {background:#13bf86; font-size:1.2rem; padding: 3px 15px; margin: 0 0 10px 0; display:inline-block;}

/* フッター */
footer{width:100%;padding:20px;border-top:#E1DFDD solid 1px;text-align:center;}
footer .attention{text-align:center;font-size:1.2rem;line-height: 1.5;padding: 0 0 1rem 0;}
@media screen and (max-width: 768px) {
    footer .attention {
        text-align:left;
    }
}
footer small{color:#616161; padding:0px; font-size:1.2rem; font-family:Roboto,sans-serif;}

/* コンテンツ */
.container_bg {background:#EBEFF0;}
.contents_box {background-color: #FFF;max-width: 750px;}
.contents_box h2 {font-size: 2.0rem;font-weight: 700;border-bottom: solid 2px #303945; position: relative; padding-bottom: 5px;}
.contents_box h3 {font-size: 2.0rem;font-weight: 700;}
.contents_box h3:before { content: "\f111";font-weight: 900; font-family: 'Font Awesome 6 Free'; padding-right: 10px;}
.contents_box h3.kokugo_1:before {color: #ea5431;}
.contents_box h3.kokugo_2:before {color: #ea5431;}
.contents_box h3.kokugo_3:before {color: #ea5431;}
.contents_box h3.kokugo_4:before {color: #ea5431;}
.contents_box h3.kokugo_5:before {color: #ea5431;}
.contents_box h3.kokugo_6:before {color: #ea5431;}
.contents_box h3.kokugo_7:before {color: #ea5431;}
.contents_box h3.kokugo_8:before {color: #ea5431;}
.contents_box h3.kokugo_9:before {color: #ea5431;}
.contents_box h3.kokugo_10:before {color: #ea5431;}
.contents_box h3.kokugo_11:before {color: #ea5431;}
.contents_box h3.kokugo_12:before {color: #ea5431;}
.contents_box h3.kokugo_13:before {color: #ea5431;}
.contents_box h3.kokugo_14:before {color: #ea5431;}
.contents_box h3.kokugo_15:before {color: #ea5431;}
.contents_box h3.kokugo_16:before {color: #ea5431;}
.contents_box h3.kokugo_17:before {color: #ea5431;}
.contents_box h3.kokugo_18:before {color: #ea5431;}
.contents_box h3.kokugo_19:before {color: #ea5431;}
.contents_box h3.kokugo_20:before {color: #ea5431;}
.contents_box h3.kokugo_21:before {color: #ea5431;}
.contents_box h3.kokugo_22:before {color: #ea5431;}
.contents_box h3.kokugo_23:before {color: #ea5431;}
.contents_box h3.kokugo_24:before {color: #ea5431;}
.contents_box h3.kokugo_25:before {color: #ea5431;}
.contents_box h3.kokugo_26:before {color: #ea5431;}
.contents_box h3.kokugo_27:before {color: #ea5431;}
.contents_box h3.kokugo_28:before {color: #ea5431;}
.contents_box h3.kokugo_29:before {color: #ea5431;}
.contents_box h3.kokugo_30:before {color: #ea5431;}
.contents_box h3.kokugo_31:before {color: #ea5431;}
.contents_box h3.kokugo_32:before {color: #ea5431;}
.contents_box h3.kokugo_33:before {color: #ea5431;}
.contents_box h3.kokugo_34:before {color: #ea5431;}
.contents_box h3.kokugo_35:before {color: #ea5431;}
.contents_box h3.suugaku_1:before {color: #924898;}
.contents_box h3.suugaku_2:before {color: #924898;}
.contents_box h3.suugaku_3:before {color: #924898;}
.contents_box h3.suugaku_4:before {color: #924898;}
.contents_box h3.suugaku_5:before {color: #924898;}
.contents_box h3.suugaku_6:before {color: #924898;}
.contents_box h3.suugaku_7:before {color: #924898;}
.contents_box h3.suugaku_8:before {color: #924898;}
.contents_box h3.suugaku_9:before {color: #924898;}
.contents_box h3.suugaku_10:before {color: #924898;}
.contents_box h3.suugaku_11:before {color: #924898;}
.contents_box h3.suugaku_12:before {color: #924898;}
.contents_box h3.suugaku_13:before {color: #924898;}
.contents_box h3.suugaku_14:before {color: #924898;}
.contents_box h3.suugaku_15:before {color: #924898;}
.contents_box h3.suugaku_16:before {color: #924898;}
.contents_box h3.suugaku_17:before {color: #924898;}
.contents_box h3.suugaku_18:before {color: #924898;}
.contents_box h3.suugaku_19:before {color: #924898;}
.contents_box h3.suugaku_20:before {color: #924898;}
.contents_box h3.suugaku_21:before {color: #924898;}
.contents_box h3.suugaku_22:before {color: #924898;}
.contents_box h3.suugaku_23:before {color: #924898;}
.contents_box h3.suugaku_24:before {color: #924898;}
.contents_box h3.suugaku_25:before {color: #924898;}
.contents_box h3.suugaku_26:before {color: #924898;}
.contents_box h3.suugaku_27:before {color: #924898;}
.contents_box h3.suugaku_28:before {color: #924898;}
.contents_box h3.suugaku_29:before {color: #924898;}
.contents_box h3.suugaku_30:before {color: #924898;}
.contents_box h3.suugaku_31:before {color: #924898;}
.contents_box h3.suugaku_32:before {color: #924898;}
.contents_box h3.suugaku_33:before {color: #924898;}
.contents_box h3.suugaku_34:before {color: #924898;}
.contents_box h3.suugaku_35:before {color: #924898;}
.contents_box h3.suugaku_36:before {color: #924898;}
.contents_box h3.suugaku_37:before {color: #924898;}
.contents_box h3.suugaku_38:before {color: #924898;}
.contents_box h3.suugaku_39:before {color: #924898;}
.contents_box h3.suugaku_40:before {color: #924898;}
.contents_box h3.suugaku_41:before {color: #924898;}
.contents_box h3.suugaku_42:before {color: #924898;}
.contents_box h3.suugaku_43:before {color: #924898;}
.contents_box h3.suugaku_44:before {color: #924898;}
.contents_box h3.suugaku_45:before {color: #924898;}
.contents_box h3.suugaku_46:before {color: #924898;}
.contents_box h3.suugaku_47:before {color: #924898;}
.contents_box h3.suugaku_48:before {color: #924898;}
.contents_box h3.suugaku_49:before {color: #924898;}
.contents_box h3.suugaku_50:before {color: #924898;}
.contents_box h3.suugaku_51:before {color: #924898;}
.contents_box h3.suugaku_52:before {color: #924898;}
.contents_box h3.suugaku_53:before {color: #924898;}
.contents_box h3.suugaku_54:before {color: #924898;}
.contents_box h3.suugaku_55:before {color: #924898;}
.contents_box h3.suugaku_56:before {color: #924898;}
.contents_box h3.suugaku_57:before {color: #924898;}
.contents_box h3.suugaku_58:before {color: #924898;}
.contents_box h3.suugaku_59:before {color: #924898;}
.contents_box h3.suugaku_60:before {color: #924898;}
.contents_box h3.eigo_1:before {color: #14AE67;}
.contents_box h3.eigo_2:before {color: #14AE67;}
.contents_box h3.eigo_3:before {color: #14AE67;}
.contents_box h3.eigo_4:before {color: #14AE67;}
.contents_box h3.eigo_5:before {color: #14AE67;}
.contents_box h3.eigo_6:before {color: #14AE67;}
.contents_box h3.eigo_7:before {color: #14AE67;}
.contents_box h3.eigo_8:before {color: #14AE67;}
.contents_box h3.eigo_9:before {color: #14AE67;}
.contents_box h3.eigo_10:before {color: #14AE67;}
.contents_box h3.eigo_11:before {color: #14AE67;}
.contents_box h3.eigo_12:before {color: #14AE67;}
.contents_box h3.eigo_13:before {color: #14AE67;}
.contents_box h3.eigo_14:before {color: #14AE67;}
.contents_box h3.eigo_15:before {color: #14AE67;}
.contents_box h3.eigo_16:before {color: #14AE67;}
.contents_box h3.eigo_17:before {color: #14AE67;}
.contents_box h3.eigo_18:before {color: #14AE67;}
.contents_box h3.eigo_19:before {color: #14AE67;}
.contents_box h3.eigo_20:before {color: #14AE67;}
.contents_box h3.eigo_21:before {color: #14AE67;}
.contents_box h3.eigo_22:before {color: #14AE67;}
.contents_box h3.eigo_23:before {color: #14AE67;}
.contents_box h3.eigo_24:before {color: #14AE67;}
.contents_box h3.eigo_25:before {color: #14AE67;}
.contents_box h3.eigo_26:before {color: #14AE67;}
.contents_box h3.eigo_27:before {color: #14AE67;}
.contents_box h3.eigo_28:before {color: #14AE67;}
.contents_box h3.eigo_29:before {color: #14AE67;}
.contents_box h3.rika_1:before {color: #2870B8;}
.contents_box h3.rika_2:before {color: #2870B8;}
.contents_box h3.rika_3:before {color: #2870B8;}
.contents_box h3.rika_4:before {color: #2870B8;}
.contents_box h3.rika_5:before {color: #2870B8;}
.contents_box h3.rika_6:before {color: #2870B8;}
.contents_box h3.rika_7:before {color: #2870B8;}
.contents_box h3.rika_8:before {color: #2870B8;}
.contents_box h3.rika_9:before {color: #2870B8;}
.contents_box h3.rika_10:before {color: #2870B8;}
.contents_box h3.rika_11:before {color: #2870B8;}
.contents_box h3.rika_12:before {color: #2870B8;}
.contents_box h3.rika_13:before {color: #2870B8;}
.contents_box h3.rika_14:before {color: #2870B8;}
.contents_box h3.rika_15:before {color: #2870B8;}
.contents_box h3.rika_16:before {color: #2870B8;}
.contents_box h3.rika_17:before {color: #2870B8;}
.contents_box h3.rika_18:before {color: #2870B8;}
.contents_box h3.rika_19:before {color: #2870B8;}
.contents_box h3.rika_20:before {color: #2870B8;}
.contents_box h3.rika_21:before {color: #2870B8;}
.contents_box h3.rika_22:before {color: #2870B8;}
.contents_box h3.rika_23:before {color: #2870B8;}
.contents_box h3.rika_24:before {color: #2870B8;}
.contents_box h3.rika_25:before {color: #2870B8;}
.contents_box h3.rika_26:before {color: #2870B8;}
.contents_box h3.rika_27:before {color: #2870B8;}
.contents_box h3.rika_28:before {color: #2870B8;}
.contents_box h3.rika_29:before {color: #2870B8;}
.contents_box h3.rika_30:before {color: #2870B8;}
.contents_box h3.rika_31:before {color: #2870B8;}
.contents_box h3.rika_32:before {color: #2870B8;}
.contents_box h3.rika_33:before {color: #2870B8;}
.contents_box h3.rika_34:before {color: #2870B8;}
.contents_box h3.rika_35:before {color: #2870B8;}
.contents_box h3.rika_36:before {color: #2870B8;}
.contents_box h3.shakai_1:before {color: #F6AB00;}
.contents_box h3.shakai_2:before {color: #F6AB00;}
.contents_box h3.shakai_3:before {color: #F6AB00;}
.contents_box h3.shakai_4:before {color: #F6AB00;}
.contents_box h3.shakai_5:before {color: #F6AB00;}
.contents_box h3.shakai_6:before {color: #F6AB00;}
.contents_box h3.shakai_7:before {color: #F6AB00;}
.contents_box h3.shakai_8:before {color: #F6AB00;}
.contents_box h3.shakai_9:before {color: #F6AB00;}
.contents_box h3.shakai_10:before {color: #F6AB00;}
.contents_box h3.shakai_11:before {color: #F6AB00;}
.contents_box h3.shakai_12:before {color: #F6AB00;}
.contents_box h3.shakai_13:before {color: #F6AB00;}
.contents_box h3.shakai_14:before {color: #F6AB00;}
.contents_box h3.shakai_15:before {color: #F6AB00;}
.contents_box h3.shakai_16:before {color: #F6AB00;}
.contents_box h3.shakai_17:before {color: #F6AB00;}
.contents_box h3.shakai_18:before {color: #F6AB00;}
.contents_box h3.shakai_19:before {color: #F6AB00;}
.contents_box h3.shakai_20:before {color: #F6AB00;}
.contents_box h3.shakai_21:before {color: #F6AB00;}
.contents_box h3.shakai_22:before {color: #F6AB00;}
.contents_box h3.shakai_23:before {color: #F6AB00;}
.contents_box h3.shakai_24:before {color: #F6AB00;}
.contents_box h3.shakai_25:before {color: #F6AB00;}
.contents_box h3.shakai_26:before {color: #F6AB00;}
.contents_box h3.shakai_27:before {color: #F6AB00;}
.contents_box h3.shakai_28:before {color: #F6AB00;}
.contents_box h3.shakai_29:before {color: #F6AB00;}
.contents_box h3.shakai_30:before {color: #F6AB00;}
.contents_box h3.shakai_31:before {color: #F6AB00;}
.contents_box h3.shakai_32:before {color: #F6AB00;}
.contents_box h3.shakai_33:before {color: #F6AB00;}
.contents_box h3.shakai_34:before {color: #F6AB00;}
.contents_box h3.shakai_35:before {color: #F6AB00;}
.contents_box h3.shakai_36:before {color: #F6AB00;}
.contents_box h3.shakai_37:before {color: #F6AB00;}
.contents_box h3.shakai_38:before {color: #F6AB00;}
.contents_box h3.shakai_39:before {color: #F6AB00;}
.contents_box h3.shakai_40:before {color: #F6AB00;}
.contents_box h3.shakai_41:before {color: #F6AB00;}
.contents_box h3.shakai_42:before {color: #F6AB00;}
.contents_box h3.shakai_43:before {color: #F6AB00;}
.contents_box h3.shakai_44:before {color: #F6AB00;}
.contents_box h3.shakai_45:before {color: #F6AB00;}
.contents_box h3.shakai_46:before {color: #F6AB00;}
.contents_box h3.shakai_47:before {color: #F6AB00;}
.contents_box h3.shakai_48:before {color: #F6AB00;}
.contents_box h3.shakai_49:before {color: #F6AB00;}
.contents_box h3.shakai_50:before {color: #F6AB00;}
.contents_box h3.shakai_51:before {color: #F6AB00;}
.contents_box h3.shakai_52:before {color: #F6AB00;}
.contents_box h3.shakai_53:before {color: #F6AB00;}
.contents_box h3.shakai_54:before {color: #F6AB00;}

a.btn-watch  {
    background: #0D6EFD;
    padding: 12px 20px ;
    color: #fff;
    border-radius: 7px;
}
a.btn-watch:hover {
    background: #0b5ed7;
}

.contents_box .attention,.container_bg .attention{
    font-size:1.2rem;
    line-height: 1.5;
    padding-left:1em;
    text-indent:-1em;
    text-align: justify;
}