@charset "utf-8";
/* CSS Document */
#ez-toc-container{
    margin: auto;
}
div#ez-toc-container p.ez-toc-title{
    text-align: center;
}
main{
    margin-top: 0;
}
.index_wrap{
    width: 100%;
}
.category_img_wrap{
    position: relative;
    width: 100%;
    padding: 0;
    max-width: 1010px;
    margin: 0 auto;
}
.top_breadcrumbs{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.6);
    margin: 0;
    padding: 5px 15px;
    list-style: none;
    width: calc(100% - 30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.breadrcumbs li{
    display: block;
}
.top_breadcrumbs > li:nth-of-type(n + 2){
    margin-left: 20px;
    position: relative;
}
.top_breadcrumbs > li:nth-of-type(n + 2)::before{
    content:">";
    position: absolute;
    left: -15px;
}
.page_title,
.about_title{
    color: #FDAF17;
    text-align: center;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.page_title::after,
.about_title::after{
    content:"";
    width: 30px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%,0);
    border-bottom: 3px solid #FDAF17;
}
.about_title ~ main{
    padding: 15px;
}
.about_wrap,
.hikkosi_wrap,
.unso_wrap,
.case_wrap,
.left_img_wrap,
.detail_page_wrap,
.no_img_wrap,
.knowledge_wrap,
.vehicle_wrap,
.single_wrap{
    border: 0px solid #eee;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100% - 2px);
    padding: 0;
    margin: 0 auto 3em;
}
.left_img_no_border_wrap,
.no_img_no_border_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100%);
    padding: 0;
    margin: 0 auto 3em;
}
.about_subtitle,
.hikkosi_subtitle,
.unso_subtitle,
.case_title,
.no_img_title,
.detail_page_title,
.no_border_case_title,
.no_border_no_img_title{
    color: #FDAC17;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #FDAC17;
    width: calc( 100% - 30px);
    padding: 15px;
    margin: 0 auto 1em;
}
.no_border_case_title,
.no_border_no_img_title{
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
.manual_detail_subtitle{
    display: none;
}
.detail_page_wrap p{
    width: calc(100% - 30px);
    padding: 0 15px;
}
.detail_page_wrap figure{
    width: calc(100% - 30px);
    padding: 15px;
    text-align: left;
    margin: 0 auto;
}
.detail_page_wrap table{
    margin: 0 auto 0 15px;
    max-width: calc(100% - 30px);
}
.case_title ~ .point_yellow{
    width: calc(100% - 30px);
    padding: 15px;
}
.subheading{
    color: #fdac17;
    padding: 0 15px;
}
h3 ~ p,
h4 ~ p{
    padding: 0 15px;
}

.tanpin{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.left_img{
    margin: 15px;
    width: calc(30% - 30px);
}
.right_text,
.detail_page_wrap .right_text{
    width: calc(70% - 30px);
    padding: 0 15px;
}

.icon_list{
    padding: 15px;
    width: calc(100% - 30px);
    margin: 1em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    list-style: none;
}
.icon_list li{
    width: calc(50% - 30px);
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.icon_list_text{
    width: 100%;
}
.left_img_no_border_wrap .img_wrap,
.left_img_wrap .img_wrap{
    width: calc(30% - 30px);
    margin: 15px;
}
.point_title{
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    background-image: linear-gradient(
        -45deg,
        #FEC55C 25%,
        #FDAD17 25%,
        #FDAD17 50%,
        #FEC55C 50%,
        #FEC55C 75%,
        #FDAD17 75%,
        #FDAD17
    );
    background-size: 5px 5px;
    background-attachment: fixed;
    margin-top: 0;
}
.point_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 3em;
    align-items: stretch;
    border: 1px solid #eee;
}
.point_wrap > section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: calc(50% - 30px);
    padding: 15px;
}
.point_number{
    display: inline-block;
    padding: 5px;
    background: #FDAC17;
    margin: 0;
    color: #fff;
    width: calc(100% - 10px);
}
.point_number ~ .img_wrap{
    margin: 1em 0;
}
.point_yellow{
    color: #FDAC17;
    padding: 0;
    font-weight: 900;
}
.point_text{
    padding: 0;
}

/* two column */
.two_column_wrap main{
    width: 100%;
}
.q_a_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100% - 30px);
    padding: 0 15px;
}
.q_a_wrap dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.q_a_q,
.q_a_a{
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-weight: 900;
    border-radius: 5px;
    margin: 1em auto;
}
.q_a_q{
    background: #FDAF17;
}
.q_a_a{
    background: #86BA03;
}
.q_a_wrap dl dd{
    width: calc(100% - 50px);
    margin-left: 7px;
    padding: 10px 0;
    margin: 1em auto;
}


/* side nav */
.category_nav_title{
    border: 1px solid #ccc;
    border-bottom: 3px solid #FDAF17;
    text-align: center;
    width: calc(100%);
    padding: 10px 15px;
    margin: 0 auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    box-sizing: border-box;
    font-size: 1.2em;
}
.category_nav{
    padding: 0;
    width: calc(100%);
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    list-style: none;
    margin: 0 auto;
    box-sizing: border-box;
}
.category_nav li{
    width: 100%;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.category_nav li a{
    width: calc(100% - 45px);
    padding: 10px 15px 10px 30px;
    display: block;
    position: relative;
}
.category_nav li a::before{
    display: block;
    content:"";
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    left: 8px;
    top: 17px;
    transform: rotate(45deg);
}

/* thumbnail */
.content_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.content_title{
    width: calc(100% - 30px);
    text-align: center;
}
.content_text{
    width: calc(100% - 30px);
    padding: 15px;
}

/* insurance */
.corp_prof_list dt,
.insurance_list dt{
    width: calc(100% - 30px);
    padding: 5px 15px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.corp_prof_list dd,
.insurance_list dd{
    width: calc(100% - 50px);
    padding: 5px 25px;
    margin: 0;
}

/* knowledge */
.vehicle_wrap > section,
.knowledge_wrap > section{
    width: 46%;
    margin: 1em 2%;
}
.knowledge_number{
    background-image: linear-gradient(
        -45deg,
        #FEC55C 25%,
        #FDAD17 25%,
        #FDAD17 50%,
        #FEC55C 50%,
        #FEC55C 75%,
        #FDAD17 75%,
        #FDAD17
    );
    background-size: 5px 5px;
    background-attachment: fixed;
    margin-top: 0;
    text-align: center;
    color: #fff;
    padding: 15px 0;
}
.knowledge_number span{
    font-size: 150%;
}
.knowledge_text{
    line-height: 200%;
    margin: 0;
    padding: 0;
}
.knowledge_text > strong{
    display: block;
}

/* organization */
.center_img{
    width: 100%;
    text-align: center;
}
.center_text{
    width: calc(100% - 30px);
    padding: 15px;
    line-height: 200%;
}
.organization_wrap{
    width: calc(100% - 30px);
    padding: 15px;
    position: relative;
    margin-bottom: 2em;
}
.organization_wrap::before{
    content:"";
    display: block;
    width: 20%;
    height: 30%;
    top: 5px;
    left: 5px;
    position: absolute;
    border-top: 1px solid #fdbe42;
    border-left: 1px solid #fdbe42;
}
.organization_wrap::after{
    content:"";
    display: block;
    width: 20%;
    height: 30%;
    bottom: 5px;
    right: 5px;
    position: absolute;
    border-bottom: 1px solid #fdbe42;
    border-right: 1px solid #fdbe42;
}
.organization_subtitle > span{
    color: #FDBE42;
}
.vehicle_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.vehicle_content > p.point_yellow{
    width: 100%;
}
.vehicle_content p.vehicle_text{
    max-width: 405px;
}
body > section > main > section > section:nth-child(2) > div > section:nth-child(3) > div > p.vehicle_text{
    max-width: 352px;
}
.vehicle_list{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 0 20px;
}
.vehicle_list li{
    width: 100%;
}
.close_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: calc(100% - 30px);
    margin:0 auto 0 15px;
    border: 1px solid #ddd;
}
.close_list dt{
    width: calc(50% - 31px);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin: 0;
    background: #eee;
}
.close_list dd{
    width: calc(50% - 30px);
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin: 0;
}
.close_list dt:last-of-type,
.close_list dd:last-of-type{
    border-bottom: none;
}
.gray_box{
    border: 1px solid #ddd;
    background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #f7f7f7 25%,
        #f7f7f7 50%,
        #fff 50%,
        #fff 75%,
        #f7f7f7 75%,
        #f7f7f7
    );
    background-size: 5px 5px;
    background-attachment: fixed;
    padding: 15px;
    width: calc(100% - 50px);
    margin: 0 auto;
}
.gray_box > span{
    font-weight: 900;
    margin:0 5px;
}
.close_list ~ .center_text{
    padding: 0 15px;
}
.siki_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.siki_box p{
    text-align: center;
}
.siki_box p:last-of-type{
    margin-left: 15px;
}
.cost_red{
    color: #B20000;
}
.cost_label{
    padding: 5px 20px;
    margin-right: 10px;
    background: #eee;
}
.cost_last_list{
    list-style: none;
    padding: 0 15px;
}
.right_wrap{
    width: 70%;
}
.pack_title{
    width: 100%;
    margin: 0 0 1em;
    text-align: center;
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.pack_label{
    color: #fff;
    padding: 5px 10px;
    background: #333;
    max-width: 70px;
    text-align: center;
    margin: 0 auto 0 0;
}
.facility_table{
    width: 90%;
    margin: 1em auto;
    border: 1px solid #ddd;
    border-spacing: 0px;
    border-collapse: collapse;
}
.facility_table th{
    padding: 5px;
    border: 1px solid #ddd;
    width: 40%;
    margin: 0 0 1em;
    text-align: center;
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;    
}
.facility_table th:last-of-type{
    width: 20%;
}
.facility_table td{
    padding: 5px;
    border: 1px solid #ddd;
}
.facility_table td:nth-child(n+2){
    text-align: center;
}
.half_wrap{
    width: calc(50% - 30px);
    margin: 1em auto;
    padding: 15px;
}
.half_wrap .point_yellow{
    padding: 0 15px;
    width: calc(100% - 30px);
}
.half_wrap ~ .half_wrap ~ .half_wrap ~ .half_wrap ~ .center_text{
    text-align: center;
}.half_wrap ~ .center_text{
    text-align: left;
}
.single_plan{
    width: calc(100% - 30px);
    padding: 15px;
    position: relative;
    margin: 0 auto;
    color: #FDAC17;
}
.single_plan::after{
    content:"";
    display: block;
    position: absolute;
    top: 45%;
    right: 5%;
    width: 60%;
    height: 3px;
    background-image: linear-gradient( -45deg, #FEC55C 25%, #FDAD17 25%, #FDAD17 50%, #FEC55C 50%, #FEC55C 75%, #FDAD17 75%, #FDAD17 );
    background-size: 5px 5px;
    background-attachment: fixed;
}
.single_top{
    border-top: 1px solid #ddd;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 15px 0;
}
.facility_tables,
.spot_tables{
    border-spacing: 0;
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: 90%;
    margin: 1em auto;
}
.facility_tables th,
.spot_tables th{
    background: #EEEEEE;
}
.facility_tables th,
.facility_tables td,
.spot_tables th,
.spot_tables td{
    border: 1px solid #ddd;
    padding: 5px;
}
.couple_pack_list,
.pack_title_wrap,
.pack_list_left_top,
.pack_list_left_bottom{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.couple_pack_list{
    width: 90%;
    margin: 0 auto 3em;
    border: 1px solid #ddd;
}
.pack_title_wrap{
    width: 100%;
}
.pack_title{
    width: calc(35% - 1px);
    border-right: 1px solid #ddd;
    margin: 0;
}
.pack_title_wrap .pack_title:last-child{
    width: 30%;
    border-right: none;
}
.pack_list_left_top,
.pack_list_left_bottom{
    width: 100%;
}
.pack_list_left{
    width: calc(70% - 1px);
    border-right: 1px solid #ddd;
}
.pack_list_price{
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.pack_wrap{
    width: calc(50% - 31px);
    border-right: 1px solid #ddd;
    padding: 15px;
}
.pack_items_text{
    width: calc(50% - 30px);
    padding: 15px;
}
.pack_list_bottom_wrap{
    width: calc(100% - 30px);
    border-top: 1px solid #ddd;
    padding: 15px;
}
h3.case_title ~ p.center_text ~ div.img_wrap{
    text-align: center;
}
.point_content > div.img_wrap ~ h3.point_number ~ p.point_yellow{
    width: 100%;
}
.point_content > div.img_wrap ~ h3.point_number ~ p.point_yellow ~ p.point_text{
    max-width: 352px;
}

.point_content > div.img_wrap ~ p.point_text{
    max-width: 352px;
}
/* 768px for table*/
@media (min-width: 768px) {
    .about_wrap, 
    .hikkosi_wrap, 
    .unso_wrap, 
    .case_wrap, 
    .left_img_wrap, 
    .detail_page_wrap, 
    .no_img_wrap,
    .knowledge_wrap,
    .vehicle_wrap,
    .point_wrap,
    .single_wrap,
    .left_img_no_border_wrap,
    .no_img_no_border_wrap{
        width: calc(90% - 30px);
        max-width: 1010px;
    }
    .tanpin{
        width: 90%;
        margin: 0 auto;
        max-width: 1010px;
    }
    .icon_list li{
        width: calc(25% - 30px);
    }
    .two_column_wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: 1010px;
        margin: auto;
    }
    .two_column_wrap .about_wrap,
    .two_column_wrap .hikkosi_wrap,
    .two_column_wrap .unso_wrap,
    .two_column_wrap .case_wrap,
    .two_column_wrap .left_img_wrap,
    .two_column_wrap .detail_page_wrap,
    .two_column_wrap .no_img_wrap,
    .two_column_wrap .knowledge_wrap,
    .two_column_wrap .vehicle_wrap,
    .two_column_wrap .single_wrap,
    .two_column_wrap .left_img_no_border_wrap,
    .two_column_wrap .no_img_no_border_wrap{
        width: 100%;
    }
    .main_thumbnail_wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .main_thumbnail_wrap > section{
        width: 30%;
        margin: 0 1.6%;
    }
    .main_thumbnail_wrap > section:nth-child(n+4){
        margin-top: 1em;
    }
    .two_column_wrap main{
        width: 75%;
    }
    .two_column_wrap aside{
        width: calc(25% - 30px);
        padding: 0 15px;
    }
    
    /* insurance */
    .corp_prof_list,
    .insurance_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    .corp_prof_list dt,
    .insurance_list dt{
        width: calc(35% - 30px);
        border-bottom: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 15px;
    }
    .corp_prof_list dd,
    .insurance_list dd{
        width: calc(55% - 50px);
        border-top: 1px solid #aaa;
        margin-left: 2%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 15px;
    }
    .corp_prof_list dt:last-of-type,
    .corp_prof_list dd:last-of-type,
    .insurance_list dt:last-of-type,
    .insurance_list dd:last-of-type{
        border-bottom: 1px solid #aaa;
    }
    .vehicle_list{
        width: 50%;
    }
    .single_plan::after{
        width: 80%;
    }
}

/* 992px for pc*/
@media (min-width: 1009px) {
}

/* 1200px for wide pc */
@media (min-width: 1200px) {
    .tanpin .left_img{
        margin: 0 30px 0 0;
    }
    .tanpin .right_text{
        padding-right: 0;
    }
}