@charset "UTF-8";
/* CSS Document */
.sample{
    margin-bottom: 3rem;
}
#contents >*:first-child,
#contents h3:first-child,
#contents h4:first-child{
    margin-top: 0;
}
#contents{
    font-size: 1.2rem;
    color: #3B4043;
}
#contents .txt{
    /*line-height: 2.2;*/
    line-height: 1.7;
}
#contents .txt.emp{
    font-size: 1.2em;
}
#contents .txt p + p{
    margin-top: 0.2em;
}
#contents >.txt{
    margin-bottom: 2rem;
}
h3,h4{
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: 1.8rem;
    line-height: 1.8;
}
h3{
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 6rem;
}
.bh1{
    color: #05519D;
    border-bottom: solid 2px #05519D;
    padding-bottom: 0.2em;
}
.bh2{
    color: #FFF;
    background: linear-gradient(#044F9A, #012C6A);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 0.3em;
}
h4{
    font-size: 1.4rem;
    margin-top: 4rem;
}
.sh1{
    color: #FFF;
    background-color: #03458C;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    border-radius: 0.3em;
}
.sh2{
    border-bottom: solid 2px #E3E3E3;
    padding-bottom: 0.2em;
    position: relative;
}
.sh2:after{
    content: "";
    height: 2px;
    display: block;
    width: 9.5rem;;
    position: absolute;
    bottom:-2px;
    left: 0;
    background-color: #012C6A;
}
.title_blue{
    font-weight: bold;
    color: #044F9A;
}
.imgtxtbox{
    display: flex;
    border: solid 1px #05519D;
}
.flexitem .imgtxtbox{
    height: 100%;
}
.imgtxtbox img{
    display: block;
    min-height: 0;
}

.imgtxtbox .imgbox{
    width: 50%;
    max-width: 236px;
    min-height: 176px;
}
.imgtxtbox .imgbox img.ojct-fit{
    height:100%;
}
.imgtxtbox .txtbox{
    background: linear-gradient( 90deg, #E3E3E3, #DFEAF5);
    width: 100%;
    padding: 1rem;
}
.imgtxtbox .txttitle{
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #044F9A;
}
.imgtxtbox .txttitle span{
    font-size: 1.3rem;
    font-weight: normal;
}
.imgtxtbox + .imgtxtbox{
    margin-top: 2rem;
}
.flexbox{
    display: flex;
    justify-content: space-between;
}
.flexbox.colum2{
    flex-wrap: wrap;
}
.flexbox .flexitem{
    width: calc(350/720*100%);
}
.flexbox .txtbox,
.flexbox .imgbox{
    width: 50%;
}
.frame{
    border: solid 1rem #DFEAF5;
    padding: 2rem;
}
.frame .frame_inner{
    max-width: 570px;
    margin: 0 auto;
}
.frame.w-full .frame_inner{
    max-width: 780px;
}
.frame .rei{
    padding-left: 1em;
}
.frame .ex_img_box{
    /*    display: flex;
        align-items: center;*/
    margin-bottom: 1rem;
}
.frame .ex_img_box img{
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1rem;
}
.frame .ex_img_box img + img{
    margin-left: 1rem;
}
.circlelist,
.numberlist,
.modal_list{
    font-size: 1.6rem;
    margin-bottom: 2.5rem;
}
.modal_list{
    margin-bottom: 0;
}
.circlelist li,
.modal_list li{
    list-style-type: disc;
    color: #02348C;
}
.numberlist li{
    list-style-type: decimal;
    color: #02348C;
}
.numberlist li span{
    color: #3B4043;
}
.circlelist li,
.numberlist li,
.modal_list li{
    list-style-position: inside;
    padding-left: 1.4em;
    text-indent: -1.4em;
    margin-bottom: 0.3em;
    line-height: 1.8;
}
.modal_list li{
    position: relative;
    padding-right: 2em;
    border-bottom: solid 1px #DFEAF5;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0;
}
.modal_list li:after{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    background-image: url(../../../common/images/Icon_close.html);
    background-repeat: no-repeat;
    background-size: 1em;
    cursor: pointer;
}
.modal_list li:first-child{
    margin-top: -1em;
}
.tablelist{
    font-size: 1.4rem;
    border-top: solid 2px #02348C;
}
.tablelist.top_nl{
    border-top: 0px;
}
.tablelist ul{
    display: flex;
}
.tablelist li{
    border-bottom: solid 1px;
    padding:1.3em 0.5rem;
}
.tablelist .itemname{
    font-weight: bold;
    color: #012C6A;
    border-bottom-color: #012C6A;
    width: 25%;
}
.tablelist .itemcont{
    border-bottom-color: #DFEAF5;
    width: 100%;
    padding-left: 2em;
}
.btn_wrap{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.btn_wrap a,
.btn_wrap button{
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    padding: 1em;
    border-radius: 1rem;
    margin: 0 auto;
    display: block;
    max-width: 364px;
    text-align: center;
    color: #FFF;
    transition: all 0.5s 0s ease;
}
.btn_wrap button{
    width: 100%;
}
.btn_wrap .input_btn{
    max-width: 364px;
    margin: 0 auto;
    transition: all 0.5s 0s ease;
    font-weight: bold;

}
.btn_wrap .input_btn input{
    cursor: pointer;
    width: 100%;
    background: transparent;
    border-radius: 1rem;
    color: #FFF;
    padding: 1em;
    height: 5.6rem;
    font-weight: bold;
}
.btn_wrap .btn_primary{
    background: linear-gradient( 90deg, #054BB1, #032659);
}
.btn_wrap .btn_hover{
    opacity: 1;
    text-decoration: none;
    background: linear-gradient( 90deg, #03265A, #054BB1);
}
.btn_wrap .btn_press{
    background: #DFEAF5;
    color: #044F9A;
}
.btn_wrap .btn_disabled,
.btn_wrap .input_btn input[disabled]{
    background: #b1bed1;
    border: 0;
    /*pointer-events: none;*/
}
.btn_wrap button.btn{
    border-radius: 1rem;
}
.btn_wrap a.btn,
.btn_wrap .input_btn,
.btn_wrap button.btn{
    position: relative;
    z-index: 0;
}
.btn_wrap a.btn:hover,
.btn_wrap .input_btn:hover,
.btn_wrap button.btn:hover{
    opacity: 1;
    text-decoration: none;
}
.btn_wrap a.btn:before,
.btn_wrap .input_btn:before,
.btn_wrap button.btn:before{
    content:"";
    border-radius: 1rem;
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    left:0;
    top: 0;
    transition:0.3s;
    background: linear-gradient( 90deg, #054BB1, #032659);
}
.btn_wrap a.btn:after,
.btn_wrap .input_btn:after,
.btn_wrap button.btn:after{
    content:"";
    border-radius: 1rem;
    width:100%;
    height:100%;
    position:absolute;
    z-index:-2;
    left:0;
    top: 0;
    background: linear-gradient( 90deg, #03265A, #054BB1);
}
.btn_wrap a.btn:hover:before,
.btn_wrap .input_btn:hover:before,
.btn_wrap button.btn:hover:before{
    opacity:0;
}
.btn_wrap .btn:active:after,
.btn_wrap .input_btn input:active,
.btn_wrap .input_btn:active:after,
.btn_wrap button.btn:active:after{
    background: #DFEAF5;
    color: #044F9A;
    border-bottom-color: transparent;
}
.btn_wrap .btn:not(.disabled):active{
    color: #044F9A;
}
.btn_wrap .btn.disabled:after,
.btn_wrap .btn.disabled:before,
.btn_wrap .input_btn.notgiji:after,
.btn_wrap .input_btn.notgiji:before{
    content:none;
}
.btn_wrap .btn.disabled{
    background: #b1bed1;
    cursor: default;
    pointer-events: none;
}
.prev_next_wrap{
    margin: 3rem 0;
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    align-items: center;
    color: #02348C;
}
.prev_next_wrap .arrow_prev,
.prev_next_wrap .arrow_next{
    background-color: #DFEAF5;
    padding: 1em;
    border-radius: 1rem;
}
.prev_next_wrap a{
    margin-left: 1rem;
    margin-right: 1rem;
}
.prev_next_wrap  a.arrow_prev{
    margin-left: 0;
}
.prev_next_wrap  a.arrow_next{
    margin-right: 0;
}
.prev_next_wrap .thispage{
    font-weight: bold;
}
.prev_next_wrap .pagenumber{
    display: flex;
}
#under_side_menu{
    margin-top: 4rem;
}
.txt p.cad_dlurl{
    word-break: break-all;
    margin-top: 0.5em;
}
.cad_dl_list_wrap{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.cad_dl_list li{
    padding: 1em;
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
    border-bottom: solid 1px #DFEAF5;
    align-items: center;
}
.cad_dl_list li:first-child{
    border-top: solid 1px #DFEAF5;
}
.cad_dl_list li.active{
    /*    background-color: red;*/
}
.cad_dl_list .tgle_active{
    cursor: pointer;
}

.toggle_switch {
    display: table;
    font-size: 3em;
}

.toggle_switch > input {
    display: none;
}

.toggle_switch > label {
    display: block;
    position: relative;
    width: 1.8em;
    height: 1em;
    border-radius: 1em;
    background-color: #2b2a2f;
    cursor: pointer;
}
.toggle_switch > input:checked + label {
    background-color: #2dcb45;
}
.toggle_switch > label::before {
    position: absolute;
    top: 0.05em;
    left: 0.05em;
    width: calc(1em - 0.1em);
    height: calc(1em - 0.1em);
    border-radius: calc(1em - 0.1em);
    background-color: #fff;
    transition: 0.5s;
    content: "";
}
.hinmeikousei{
    max-width: 243px;
}
#search_wrap{
    margin-top: 3rem;
}
#search_sibori .option_item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
#search_sibori .option_item .option_title{
    width: 10%;
    font-weight: bold;
    color: #05519D;
}
#search_sibori .option_item .option_title span{
    color: #000;
}
#search_sibori .option_item .list-options{
    width: 88%;
}
#search_sibori ul.list-options{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
#search_sibori ul.list-options li {
    background-color: #FFF;
    position: relative;
    width: 19%;
    border: solid 1px #044F9A;
    text-align: center;
    margin-bottom: 1em;
    margin-right: 1.25%;
}
#search_sibori ul.list-options li.btn_wrap{
    margin-top: 0;
    border: none;
}
#search_sibori ul.list-options li.btn_wrap button{
    font-size: 1em;
}
#search_sibori ul.list-options li.btn_wrap input{
    font-size: 1rem;
    height: 3.5rem;
}
#search_sibori ul.list-options li.c3{
    width: 59.5%;
}
#search_sibori ul.list-options li.search input,
#search_keyword .keyword_input input{
    font-size: 1em;
    padding: 0.2em 1em;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FFF;
}
#search_keyword .keyword_input{
    background-color: #FFF;
    position: relative;
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
    border: solid 1px #044F9A;
}
#search_keyword .keyword_input input{
    padding: 0.8em 1em;
}
#search_sibori ul.list-options li label{
    display: flex;
    align-items: center;
    height: 100%;
}
#search_sibori ul.list-options li input[type="checkbox"] ,
#search_sibori ul.list-options li input[type="radio"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    margin: 0;
}
#search_sibori ul.list-options li label span{
    padding: 0.2em 0.3em;
    display: block;
    width: 100%;
}
#search_sibori ul.list-options li input[type="checkbox"]:checked+label,
#search_sibori ul.list-options li input[type="radio"]:checked+label{
    background-color: #DFEAF5;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
}

#search_out{
    margin-top: 1.5rem;
}
#search_out table{
    table-layout:fixed;
    border: 1px solid #044F9A;
    width: 100%;
    height: 1px;
    border-style: double;
    color: #000;
}

#search_out th {
    background: #DFEAF5;
    font-size: 1.1rem;
}
#search_out th.active {
    background: #74C1FC;
}
#search_out td {
    border: 1px solid #044F9A;
    font-size: 1.1rem;
    vertical-align: middle;
}
#search_out td,
#search_out th .item_inner {
    padding: 1rem 0.5rem;
}
#search_out td {
    padding: 0.5rem;
    word-wrap:break-word;
}
#search_out th .item_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 100%;
}
#search_out .item_name_wrap th{
    border-left: 1px solid #004BB1;
    border-bottom: 1px solid #004BB1;
    vertical-align: middle;
    height: 100%;
}
#search_out .item_name_wrap th:first-child{
    border-left: none;
}
#search_out .item_name_wrap th{
    /*padding-bottom: 0;*/
}
#search_out .item_name_wrap th.wb{
    word-break: break-all;
}
#search_out .item{
    /*position: relative;*/
}
#search_out .item_name{
    padding-bottom: 3rem;
}
#search_out .updown_wrap{
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
}
#search_out .updown{
    display: flex;
    justify-content: center;
}
#search_out .updown .fas{
    display: block;
    color: #004BB1;
    border: solid 1px #004BB1;
    padding: 0.5em;
    border-radius: 0.3em;
    background-color: #FFF;
    cursor: pointer;
}
#search_out .updown a{
    text-decoration: none;
}
#search_out .updown a:first-child{
    margin-right: 0.5rem;
}
#search_out .updown a.active .fas{
    background-color: #B9DFFC;
}
#search_out .item.w_pdf{
    width: 8.3%;
}
#search_out .icon_pdf{
    vertical-align: middle;
    max-width: 20px;
}
#search_out .column_3 .item:not(.w_pdf){
    width: 25%;
}
#search_out .column_3 .item.w_des{
    width: 66.6%;
}
#search_out .column_4 .item:not(.w_pdf){
    width: 25%;
}
#search_out .column_4 .item.w_des{
    width: 41.3%;
}
#search_out .column_5 .item:not(.w_pdf){
    width: 15.9%;
}
#search_out .column_5 .item:first-child{
    width: 19.9%;
}
#search_out .column_5 .item.w_des{
    width: 39.8%;
}
#search_out .column_5.st_youto .item:not(.w_pdf){
    width: 15.9%;
}
#search_out .column_5.st_youto .item:first-child{
    width: 19.9%;
}
#search_out .column_5.st_youto .item:nth-child(2){
    width: 19.9%;
}
#search_out .column_5.st_youto .item:nth-child(3){
    width: 12.1%;
}
#search_out .column_5.st_youto .item.w_des{
    width: 39.8%;
}
#search_out .column_6 .item:not(.w_pdf){
    width: 14%;
}
#search_out .column_6 .item:first-child{
    width: 17%;
}
#search_out .column_6 .item.w_des{
    width: 32%;
}
#search_out .column_8 .item:not(.w_pdf){
    width: 11.6%;
}
#search_out .column_8 .item.w_des{
    width: 21.6%;
}
#search_out .column_9 .item:not(.w_pdf),
#search_out .column_9 .item.w_des{
    width: 11.6%;
}
#search_out .column_8.dlver .item{
    /*width: auto;*/
}
#search_out .column_8.dlver .item:not(.w_pdf){
    width: 9.7%;
}
#search_out .column_8.dlver .item:first-child{
    width: 11.7%;
}
#search_out .column_8.dlver .item.w_cad{
    width: 9.6%;
}
#search_out .column_8.dlver .item.w_des{
    width: 25.3%;
}

#search_out .btn_wrap{
    margin: 0;
}
#search_out .btn_wrap a{
    font-size: 0.9rem;
}

#search_out .column_8.dlver tbody tr td:nth-last-child(2),
#search_out tbody tr td:last-child{
    text-align: center;
}

.toggle_switch > input:checked + label::before {
    left: calc(100% - 1em + 0.05em);
}

#contents.privacy p{
    margin-bottom: 0.2em;
}
#contents.privacy .txt p + p{
    margin-top: 0;
}
#contents.privacy .mr_05em{
    margin-right: 0.5em;
}
#contents.privacy .ml_1em{
    margin-left: 1em;
}
#contents.privacy .ml_3em{
    margin-left: 3em;
}
#contents.privacy .kkmd_ind {
    display: flex;
}
#search_result{
    margin-bottom: 1rem;
}


@media screen and (min-width:980px) {
    .flexbox.colum2 .flexitem:nth-child(n+3){
        margin-top: 1.2rem;
    }
    #search_sibori ul.list-options li:nth-child(5n) {
        margin-right: 0;
    }
}
@media screen and (max-width:980px) {
    #search_out .table_outer_wrap table{
        min-width: 720px;
    }
    #search_out .table_outer_wrap{
        overflow-x: scroll
    }
}

@media screen and (min-width:768px) {
    .flexbox.colum2 .flexitem:nth-child(n+3){
        margin-top: 1.2rem;
    }
    #search_sibori ul.list-options li:nth-child(5n) {
        margin-right: 0;
    }
}

@media screen and (max-width:767.98px) {
    .imgtxtbox{
        display: block;
    }
    .imgtxtbox .imgbox {
        width: 100%;
        max-width: none;
    }
    .flexbox{
        display: block;
    }
    .flexbox .flexitem{
        width: 100%;
        display: block;
    }
    .flexbox .flexitem+.flexitem{
        margin-top: 2rem;
    }
    .flexbox .txtbox, .flexbox .imgbox {
        width: 100%;
    }
    .imgtxtbox.sp_flex{
        display: flex;
    }
    .imgtxtbox.sp_flex:not(.img_fit) .imgbox{
        display: flex;
        align-items: center;
    }
    .imgtxtbox.sp_flex .imgbox {
        width: 41%;
        min-height: 130px;
    }
    .imgtxtbox.sp_flex .txtbox {
        width: 59%;
    }
    .toggle_switch {
        font-size: 2em;
    }
    #search_out td,
    #search_out th {
        padding: 0.5rem 0.3rem;
    }
    #search_sibori .option_item{
        display: block;
    }
    #search_sibori .option_item .option_title{
        width: 100%;
        margin-bottom: 1rem;
    }
    #search_sibori .option_item .list-options{
        width: 100%;
    }
    #search_sibori ul.list-options li{
        width: 49%;
    }
    #search_sibori ul.list-options li:nth-child(2n) {
        margin-right: 0;
    }
    #search_sibori ul.list-options li.c3{
        width: 100%;
    }
    #search_sibori ul.list-options li.c3+li{
        margin-right: 1.25%;
    }
    .tablelist.res_sp ul {
        display: block; 
    }
    .tablelist.res_sp .itemname {
        min-width: 140px;
        width: 10%;
        padding-bottom: 0.5rem;
    }
    .tablelist .itemcont {
        padding-top: 0.5rem;
    }
}

/*211104 add*/

@media screen and (min-width:768px) {
    .modal_include form.select_form{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .modal_include form.select_form .bh2,
    .modal_include form.select_form .cad_dl_list_wrap,
    .modal_include form.select_form .btn_wrap.before_cart_in{
        width: 100%;    
    }
    .modal_include form.select_form .btn_wrap.after_cart_in{
        width: 32%;
    }
}