@charset "UTF-8";

.rc_cont {
    margin-bottom: 40px;
    padding-bottom: 40px;

}

.rc_cont:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.rc_ttl {
    margin-bottom: 20px;
}

.rc-ttl {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 0 20px;
    border-left: 3px solid #edc138;
line-height: 1.4;
color:#000;
}

.rc_c .ttl {
    font-size: 18px;
    font-weight: bold;
line-height: 1.4;
color:#000;
margin-bottom: 10px;
        text-align: center;
}
.rc_txt {
    font-size: 16px;
line-height: 1.8;]


}

.clm_bx {
margin-bottom: 50px;

}
.rc_bx {
padding: 40px 0;
}

.rc_bx h3{
    font-size: 24px;
    line-height: 1.8;
    color: #00376a;
    font-weight: bold;
}


.recording_wrap {
}


.form_tab {
    border-bottom: 6px solid #00376a;
}
.form_tab li {
    float: left;
    display: table;
    width: 520px;
}
.form_tab li:nth-child(2){
    float: right;
}
.form_tab li a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 58px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    background: #e6e9f1;
    color: #00376a;
    border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}
.form_tab li.active a {
    background: #00376a;
    color: #ebeaf4;
}
.form_tab li a:hover{
    background: #00376a;
    color: #ebeaf4;
    text-decoration: none;
    opacity: 0.8;
}
.tab_cntjs{
    display: none;
}
.tab_cntjs.active{
    display: block;
}


.sumy_wrap {
    padding: 40px 0;
}
.sumy_in {
    width: 1080px;
    margin: 0 auto;
}
.sumy_in dl dt {
    margin: 0 0 30px 0;
    color: #00376a;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: url(../img/car_img06.png) no-repeat center center;
}
.sumy_in dl dd ul{
    margin: 0 0 25px 0;
}
.sumy_in dl dd ul li {
    float: left;
    width: 48%;
    background: url(../img/bg_dot_line.png) repeat-x left bottom;
}
.sumy_in dl dd ul li:nth-child(2n){
    float: right;
}
.sumy-txt {
    padding: 0 0 15px 46px;
    background: url(../img/icn_ck.png) no-repeat left 10px top 4px;
    background-size: 20px auto;
    -ms-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    font-size: 16px;
    line-height: 1.4;
}




.box-color-blue-gray {
    background:
    #ebf4f8;
}
.basic-box {
  position: relative;
  border-radius: 5px;
  margin: 30px auto 40px; }
  .basic-box .basic-box__inner {
    padding: 20px 20px; }
    .basic-box .basic-box__inner.is-inner-short {
      padding: 25px 20px 80px; }

  .basic-box .basic-box__num {
    position: absolute;
    top: -15px;
            font-size: 30px;
    font-family: 'Quicksand', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: italic;
    font-weight: bold;
    line-height: 0.9; }

    .basic-box .basic-box__num span {
      font-size: 20px;
        padding-right: 4px;

    }

  .basic-box .basic-box__heading {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 5px; }




.top_ttl {
    padding: 0 0 30px;
    background: url(../img/top_line.png) no-repeat bottom center;
    margin-bottom: 60px;
}
.top-ttl {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}



.clm_bx {
margin-bottom: 50px;

}


.equipment_wrap table {
width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    margin-bottom: 20px;

}
.equipment_wrap th {
border: solid 1px #ccc;
    background:#f6f6f6;
    padding: 20px;
}

.equipment_wrap .bg_g {
    background:#efefef;
}
.equipment_wrap .bg_gd {
    background:#f6f6f6;
    font-weight: bold;
}
.equipment_wrap .fs_st {
    font-size: 24px;
    font-weight: bold;
}
.equipment_wrap td {
border: solid 1px #ccc;
    padding: 20px;

}

.equipment_wrap .band th {
    width: 50%;
        text-align: left;
}

.equipment_wrap .band td {
        text-align: left;
    width: 50%;
}

.equipment_wrap .other th {
    width: 30%;
        text-align: left;
}

.equipment_wrap .other td {
        text-align: left;
    width: 70%;
}
.equipment_wrap .other td.lefta {
        text-align: left;
}
.equipment_wrap .other td.lefta span {
        font-size: 12px;
}


.equipment_wrap ol {
    display: block;
    list-style-type: decimal;}



.numbering {
   margin: 0;
   counter-reset: number;
 }
 .numbering li::before {
   counter-increment: number;
   content: counter(number);

 }

 .numbering li {

padding-left: 0.9em;
  text-indent: -0.9em;

 }



  .basic-box .basic-box__heading {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px; }





.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cp_qa .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
    color: #1b2538;
}
.cp_qa .cp_actab input {
    position: absolute;
    opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 10px 20px 10px 10px;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 3px;
    background: rgba(27,37,56,0.1);
    font-size: 16px;
}
.cp_qa .cp_actab label::before {
    font-size: 24px;
    margin-left: -10px;
    padding-right: 10px;
    content: 'Q';
}
.cp_qa .cp_actab label:hover {
    transition: all 0.3s;
    color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
    font-size: 20px;
    font-weight: bold;
    line-height: 2em;
    position: absolute;
    top: 0;
    right: 0;
    content: '+';
    display: inline-block;
    width: 2em;
    height: 2em;
    -webkit-transition: transform 0.4s;
            transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0 0 0 20px;
    -webkit-transition: max-height 0.2s;
            transition: max-height 0.2s;
    border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {

    font-size: 20px;
    font-weight: bold;
    position: absolute;
    margin: 5px 0 0 -10px;
    padding: 0;
    content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
    margin: 10px;
    font-size: 16px;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
    max-height: 80em;
    border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
    color: #00838f;
    border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}



































@media (max-width: 767px) {

.rc_bx h3{
    font-size: 18px;
    line-height: 1.4;
    color: #00376a;
    font-weight: bold;
}
.rc_cont {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.rc_cont:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.rc_ttl {
    margin-bottom: 18px;
}

.eq-ttl {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 20px;
    border-left: 3px solid #edc138;
line-height: 1.4;
color:#000;
}


.rc_txt {
    font-size: 14px;
line-height: 1.8;

}
.rc_c .ttl {
    font-size: 16px;
    font-weight: bold;
line-height: 1.4;
color:#000;
margin-bottom: 10px;
        text-align: center;
}

.equipment_wrap .l_bx {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

.equipment_wrap .l_bx img {
    width: 100%;
}
.equipment_wrap .r_bx {
    width: 100%;
    float: none;
}










.equipment_wrap table {
width: 100%;
    font-size: 12px;
    box-sizing: border-box;


}
.equipment_wrap th {
border: solid 1px #ccc;
    background:#f6f6f6;
    padding: 8px;
    width: 70px;
}

.equipment_wrap td {
border: solid 1px #ccc;
    padding: 8px;
}

.equipment_wrap td:nth-child(3) {


}






    .form_tab {
        border-bottom: 3px solid #253494;
    }
    .form_tab li {
        width: 48%;
    }
    .form_tab li a {
        height: 54px;
        font-size: 13px;
        line-height: 1.4;
    }

  .sumy_wrap {
        padding: 25px 0;
    }
    .sumy_in {
        width: auto;
    }
    .sumy_in dl dt {
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: 1.5;
        font-weight: bold;
        background: url(../img/sp/car_img06.png) no-repeat center center;
        background-size: 243px auto;
        -ms-background-size: 243px auto;
        -moz-background-size: 243px auto;
        -webkit-background-size: 243px auto;
    }
    .sumy_in dl dd ul:first-child {
        margin: 0 0 12px 0;
    }
    .sumy_in dl dd ul li {
        float: none;
        width: 100%;
        margin: 12px 0 0 0;
        background: url(../img/bg_dot_line.png) repeat-x left bottom;
    }
    .sumy-txt {
        padding: 0 0 12px 30px;
        background: url(../img/icn_ck.png) no-repeat left top;
        background-size: 18px auto;
        -ms-background-size: 18px auto;
        -moz-background-size: 18px auto;
        -webkit-background-size: 18px auto;
        font-size: 15px;
    }

        .top_ttl {
        padding: 0 0 25px;
        background: url(../img/sp/top_line.png) no-repeat bottom center;
        background-size: 40px auto;
        -ms-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -webkit-background-size: 40px auto;
    }
    .top-ttl {
        font-size: 23px;
    }





.equipment_wrap table {
width: 100%;
    font-size: 12px;
    box-sizing: border-box;


}
.equipment_wrap th {
border: solid 1px #ccc;
    background:#f6f6f6;
    padding: 8px;
    width: 70px;
}

.equipment_wrap td {
border: solid 1px #ccc;
    padding: 8px;
}

.equipment_wrap td:nth-child(3) {
}


.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 10px 20px 10px 10px;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 3px;
    background: rgba(27,37,56,0.1);
    font-size: 16px;
}
.cp_qa .cp_actab label::before {
    font-size: 18px;
    margin-left: -10px;
    padding-right: 10px;
    content: 'Q';
}


.cp_qa .cp_actab .cp_actab-content::before {

    font-size: 16px;
    font-weight: bold;
    position: absolute;
    margin: 5px 0 0 -10px;
    padding: 0;
    content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
    margin: 10px;
    font-size: 14px;
}

.cp_qa .cp_actab input:checked ~ .cp_actab-content {
    max-height: 40em;
    border: 10px solid rgba(27,37,56,0.1);
}
.wfimg img {
    width: 100%;
}
}





@media (max-width: 425px) {
.mvTopSlide_wrap {
    height: 465px;
}


.wfimg img {
    width: 100%;
}

}


@media (max-width: 320px) {
.mvTopSlide_wrap {
    height: 350px;
}
}


}
@media (max-width: 374px) {
.popular_wrap ul li {
    width: 90px;
    margin: 0 15px 0 0;
}

}


.caution {
    font-size: 12px;
    margin-bottom: 15px;
}





.more {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    margin-top: 20px;
}

.more a, .more a:link {
    color: #dc1919 !important;
    text-decoration: none;
    /* word-break: break-all; */
    word-wrap: break-word;
    font-weight: bold;
} {
    color: #red;
    font-weight: bold;
}