@charset "utf-8";

/* outline_area ==========*/
#outline_area{padding: 50px 0 80px;}
#outline_area .title_style h2{font-size: 26px; text-align: left;}
#outline_area .title_style::after{width: 50px; margin: 15px 0 0;}
.outline_lead{font-size: 18px; line-height: 2; padding: 20px 0 0;}

.outline_wrap{justify-content: space-between; margin: 70px 0 0;}
.outline_text{width: calc(60% - 25px);}
.outline_img{width: calc(40% - 25px);}
.about_idf{}
.about_idf + .about_idf{border-top: 1px solid #5493c6; padding-top: 30px; margin-top: 30px;}
.about_idf h3{font-size: 20px; line-height: 1.2; color: #5493c6; border-left: 10px solid #5493c6; padding-left: 10px; margin-bottom: 15px;}
.about_idf p{line-height: 1.8;}
.about_idf p span{color: #5493c6; font-weight: 700;}

@media screen and (max-width: 960px){
    .outline_wrap{padding: 0 5%;}
    .outline_text{width: 100%; margin-bottom: 30px;}
    .outline_img{width: 100%; text-align: center;}
}
@media screen and (max-width: 640px){
    #outline_area{padding: 30px 0 50px;}
    #outline_area .title_style h2{font-size: 20px;}
    #outline_area .title_style::after{width: 30px; margin: 10px 0 0;}
    .outline_lead{padding: 0; font-size: 15px; line-height: 1.8;}

    .outline_wrap{margin: 40px 0 0; padding: 0;}
    .about_idf + .about_idf{padding-top: 15px; margin-top: 15px;}
    .about_idf h3{font-size: 16px; border-left: 5px solid #5493c6;}
    .outline_img{padding: 0 5%;}
}

/* outline_features ==========*/
#outline_features{padding: 60px 0; background: #f4f7f8;}
#outline_features .title_style h2{font-size: 26px; text-align: left;}
#outline_features .title_style::after{width: 50px; margin: 15px 0 0;}

.features_content{justify-content: space-between; align-items: center; overflow: hidden;}
.swiper.features_slider{max-width: 900px; width: 100%; margin: 0 auto 30px; padding-bottom: 50px;}
.features_slider img{}
.thumbnail{}
.features_text{max-width: 900px; width: 100%; margin: 0 auto;}
.features_text h3{font-size: 24px; margin-bottom: 20px; color:#347ab4;}
.features_text p{font-size: 16px; line-height: 2.2;}

#outline_features .swiper-pagination span{width: 12px; height: 12px; background: #8c8c8c; opacity: 1;}
#outline_features .swiper-pagination span.swiper-pagination-bullet-active{background: #347ab4;}

#outline_features .swiper-button-prev,
#outline_features .swiper-button-next{top: auto; bottom: 0;}
#outline_features .swiper-button-prev:after,
#outline_features .swiper-button-next::after{font-size: 20px; color: #347ab4;}

@media screen and (max-width: 960px){
    #outline_features{padding: 60px 0 30px;}
    .swiper.features_slider{width: 75%; margin-bottom: 30px;}
    .thumbnail{width: 100%; padding-left:0;}
}
@media screen and (max-width: 640px){
    #outline_features{padding: 40px 0 25px;}
    #outline_features .title_style h2{font-size: 20px;}
    #outline_features .title_style::after{width: 30px; margin: 10px 0 0;}
    .swiper.features_slider{width: 85%; padding-bottom: 35px; margin-bottom: 15px;}
    #outline_features .swiper-button-prev,
    #outline_features .swiper-button-next{display: none;}
    #outline_features .swiper-pagination span{width: 10px; height: 10px;}
    .features_text h3{font-size: 20px; margin-bottom: 10px;}
    .features_text p{font-size: 14px; line-height: 1.8;}
}


/* main_function ==========*/
#main_function{padding: 60px 0 90px;}
#main_function h3{font-size: 20px; line-height: 1.2; color: #5493c6; border-left: 10px solid #5493c6; padding-left: 10px; margin-bottom: 15px;}

.function_table{justify-content: space-between;}
.table_box{width: calc(50% - 25px);}
.table_box table{width: 100%;}
.table_box table tr th{font-size: 16px; font-weight: 500; color: #fff; background: #5493c6; padding: 13px 5px;}
.table_box table tr th:nth-child(1){border-right: 2px solid #fff; width: 40%;}
.table_box table tr td{background: #f0f0f0; vertical-align: middle; padding: 15px 5px 15px 30px;}
.table_box table tr td.bk_white{background: #fafafa;}

@media screen and (max-width: 960px){
    #main_function{padding: 60px 5% 90px;}
    .table_box{width: 100%;}
    .pc_title{display: none;}
}
@media screen and (max-width: 640px){
    #main_function{padding: 40px 0 35px;}
    #main_function h3{font-size: 16px; border-left: 5px solid #5493c6;}
    .table_box table tr th{ font-size: 15px; padding: 8px 5px;}
    .table_box table tr td{font-size: 12px; padding: 10px;}
}

/* outline_company_prof ==========*/
#outline_company_prof{padding: 60px 0; background: #f4f7f8;}
#outline_company_prof h3{font-size: 20px; line-height: 1.2; color: #5493c6; border-left: 10px solid #5493c6; padding-left: 10px; margin-bottom: 15px;}

.company_about{margin-bottom: 40px;}
.company_about p{line-height: 1.8;}

.company_prof_wrap{justify-content: space-between;}
.company_prof_table{width: calc(50% - 25px); border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;}
.company_prof_table table{width: 100%;}
.company_prof_table table tr th{width: 20%; font-weight: 600; padding: 10px; text-align: left; border-bottom: 1px solid #c5c5c5;}
.company_prof_table table tr td{line-height: 2; padding: 10px; border-bottom: 1px solid #c5c5c5;}
.company_prof_table table tr:last-child th,
.company_prof_table table tr:last-child td{border-bottom:none;}
.company_prof_table a{text-decoration: underline;}
.company_prof_table ol{margin-left: 10px;}
.company_prof_table ol,
.company_prof_table ol li{list-style: decimal;}

@media screen and (max-width: 960px){
    .company_prof_table{width: 100%; border: none;}
    .company_prof_table table tr th,
    .company_prof_table table tr td{border: none;}
    .company_prof_table table tr th{background: #e2ebed;}
}


@media screen and (max-width: 640px){
    #outline_company_prof{padding: 40px 0 35px;}
    #outline_company_prof h3{font-size: 16px; border-left: 5px solid #5493c6;}
    .company_prof_table table tr th,
    .company_prof_table table tr td{display: block; width: 100%;}
}