@charset "UTF-8";

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

}

.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;
}


.ttl_wf {
    margin-bottom: 20px;
    text-align: center;
}

.ttl_wf img {
    width: 350px;
}
.wfimg a {
    color: #edc138;
    font-weight: bold;
}
.rc_txt {
    font-size: 16px;
line-height: 1.8;
    margin-bottom: 10px;


}

.clm_bx {
margin-bottom: 50px;

}
.rc_bx {
padding: 40px 0 10px;
}

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

.rc_bx h3{
    font-size: 18px;
    line-height: 1.8;

}

.recording_wrap {
}


.form_tab {
    border-bottom: 6px solid #00376a;
}
.form_tab li {
    float: left;
    display: table;
    width: 520px;
    background: #00376a;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;

    color: #fff;
    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:nth-child(2){
    float: right;
}
.form_tab li a {

}
.form_tab li.active a {
    background: #00376a;
    color: #ebeaf4;
}
.form_tab li a:hover{

    color: #ebeaf4;
    text-decoration: none;
    opacity: 0.8;
}
.tab_cntjs{
    display: none;
}
.tab_cntjs.active{
    display: block;
}


.sumy_wrap {
    padding: 40px 0 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.sumy_in {
    width: 1080px;
    margin: 0 auto;
}


.caution{
font-size: 14px;
    margin-bottom: 6px;
    line-height: 1.8;
}




.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: 6px;

}
.equipment_wrap th {
border: solid 1px #ccc;
    background:#f6f6f6;
    padding: 10px 20px;
    min-width: 30px;
}

.equipment_wrap .bg_g {
    background:#efefef;
    font-weight: bold;
}
.equipment_wrap .bg_gd {
    background:#f6f6f6;

}
.equipment_wrap .fs_st {
    font-size: 24px;
    font-weight: bold;
}
.equipment_wrap td {
border: solid 1px #ccc;
    padding: 10px 20px;
    text-align: center;

}

.equipment_wrap .band th {
    width: 25vw;
        text-align: left;
}

.equipment_wrap .band td {
        text-align: left;
    text-align: center;
}

.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%;
}


.wfimg {
    text-align: center;
}



.wfimg img {
    margin-bottom: 10px;
}































@media (max-width: 767px) {
    .clm_bx {
        margin-bottom: 10px;

    }


    .rc_bx {
        padding: 10px 0 10px;
    }

.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: 90%;
    }
    .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 0 0;
        font-size: 18px;
        line-height: 1.5;
        font-weight: bold;

        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: 14px;
    box-sizing: border-box;
margin-bottom: 20px;
}
.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;
}

}








.parent {
    display: flex;
}

.first-child {
    width: 38%;
}

.last-child {
    flex-grow: 1;
    width: 58%;
    margin-left: 30px;
}


.last-child dl span {
    font-size: 24px;
    font-weight: bold;
}

.last-child dl {
    padding: 15px;
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
}
.last-child dl.b01 {
    background: #1385ba;

}

.last-child dl.b02 {
    background: #baa013;

}

.last-child dl.b03 {
    background: #13baa0;

}


.fred {
    color: #ff3000;

}



@media (max-width: 767px) {


    .parent {
        display: block;
    }

    .first-child {
        width: 100%;
    }

    .last-child {
        flex-grow: 1;
        width: 100%;
        margin-left: 0;
    }


    .last-child dl span {
        font-size: 24px;
        font-weight: bold;
    }

    .last-child dl {
        padding: 15px;
        margin-bottom: 15px;
        text-align: center;
        color: #fff;
        border-radius: 10px;
    }
    .last-child dl.b01 {
        background: #1385ba;

    }

    .last-child dl.b02 {
        background: #baa013;

    }

    .last-child dl.b03 {
        background: #13baa0;

    }


    .fred {
        color: #ff3000;

    }



}

* {
    box-sizing: border-box;
}

ul {
    padding: 0;
}
li {
    list-style-type: none;
}
dd {
    margin-left: 0;
}

.flow > li {
    position: relative;
}
.flow > li:not(:last-child) {
    margin-bottom: 40px;
}
.flow > li:not(:first-child)::before {
    content: "";
    height: 60px;
    display: block;
    border-left: 4px dotted #e5e5e5;
    position: absolute;
    top: -40px;
    left: -webkit-calc(10% + 30px - 2px);
    left: calc(10% + 30px - 2px);
    z-index: 10;
}
.flow > li dl {
    width: 100%;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid rgb(107,144,219);
    border-radius: 10px;
    position: relative;
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
    border-width: 22px;
    border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child) dl::after {
    border-width: 20px;
    border-top-color: #fff;
}
.flow > li dl dt {
    font-size: 20px;
    font-weight: 600;
    color: rgb(107,144,219);
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-right: 2vw;
    text-align: center;
}
.flow > li dl dt .icon {
    font-size: 12px;
    color: #fff;
    background: rgb(107,144,219);
    background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
    background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
    background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
    padding: 5px 10px;
    margin-bottom: 10px;
    display: block;
    border-radius: 20px;
    position: relative;
    z-index: 100;
}