<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 background-color 】背景色 ****************/
.contents_list .list.no1 {
    background-color: #e6e6e6;
}
/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/
.interview_picture img {
    border-color: #595959;
}
.interview_picture img {
    border-style: solid;
}
.interview_picture img {
    border-width: 1px;
}
.contents_list {
    border-color: #292929;
}
.contents_list {
    border-style: solid;
}
.contents_list {
    border-width: 2px;
}
.contents_list .list.no1 {
    border-bottom-color: #292929;
}
.block.no17,
.block.no18,
.b_to_b_customer .p1 {
    border-bottom-color: #595959;
}
.block.no17,
.block.no18,
.b_to_b_customer .p1,
.contents_list .list.no1 {
    border-bottom-style: solid;
}
.block.no17,
.block.no18,
.b_to_b_customer .p1 {
    border-bottom-width: 1px;
}
.contents_list .list.no1 {
    border-bottom-width: 2px;
}
/* 【 box-sizing 】　*********************/
.interview_picture img {
    box-sizing: border-box;
}
/* 【 color 】色 *****************************/
.list.no2 .p4,
.list.no2 .p5,
.list.no2 .p6,
.list.no2 .p7,
.list.no2 .p8,
.list.no2 .p9,
.list.no2 .p15,
.block.no3 p span,
.b_to_b_customer p span,
.interview_detail p span {
    color: red;
}
.block.no1 .p1,
.block.no2 .p1,
.block.no3 .p1,
.block.no4 .p1,
.block.no5 .p1,
.block.no6 .p1,
.block.no7 .p1,
.block.no8 .p1,
.block.no9 .p1,
.block.no10 .p1,
.block.no11 .p1,
.block.no11 .p3,
.block.no12 .p1,
.block.no13 .p1,
.block.no14 .p1,
.block.no15 .p1,
.block.no16 .p1,
.block.no17 .p1 {
    color: #191999;
}
/* 【 content 】 *****************************/
.contents_list .p1::before,
.block.no3 .p3::before {
    content: '1.';
}
.contents_list .p2::before,
.block.no3 .p4::before {
    content: '2.';
}
.contents_list .p3::before,
.block.no3 .p5::before {
    content: '3.';
}
.contents_list .p4::before,
.block.no3 .p6::before {
    content: '4.';
}
.contents_list .p5::before,
.block.no3 .p7::before {
    content: '5.';
}
.contents_list .p6::before ,
.block.no3 .p8::before{
    content: '6.';
}
.contents_list .p7::before {
    content: '7.';
}
.contents_list .p8::before {
    content: '8.';
}
.contents_list .p9::before {
    content: '9.';
}
.contents_list .p10::before {
    content: '10.';
}
.contents_list .p11::before {
    content: '11.';
}
.contents_list .p12::before {
    content: '12.';
}
.contents_list .p13::before {
    content: '13.';
}
.contents_list .p14::before {
    content: '14.';
}
.contents_list .p15::before {
    content: '15.';
}
.contents_list .p16::before {
    content: '16.';
}
.contents_list .p17::before {
    content: '17.';
}
.interview_zone h4::before {
    content: '■';
}
.b_to_b_customer .p2::before,
.block.no18 .p1::before,
.block.no19 p::before {
    content: "※";
}
/* 【 display 】 *****************************/
.block.no2,
.block.no6,
.block.no8,
.block.no9,
.block.no10,
.block.no12 {
    display: flex;
}
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
.block.no3 p span,
.block.no10 p span,
.interview_detail p span {
    font-weight: bold;
}
/* 【 height 】高さ *************************/
/* 【 justify-content   ********************/
.block.no2,
.block.no6,
.block.no8,
.block.no9,
.block.no10,
.block.no12 {
    justify-content: space-between;
}
/* 【 line-height 】 ************************/
.b_to_b_customer p {
    line-height: 120%;
}
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.block.no18 p,
.block.no19 p,
.block.no3 .p3,
.block.no3 .p4,
.block.no3 .p5,
.block.no3 .p6,
.block.no3 .p7,
.contents_list p,
.b_to_b_customer p {
    margin: 0;
}
.no14_img,
.block.no17 .p3,
.interview_picture {
    margin: 0 auto;
}
.b_to_b_customer {
    margin: 0 auto 30px auto;
}
.block.no17,
.block.no18,
.b_to_b_customer .p1 {
    margin-bottom: 15px;
}
.interview_picture {
    margin-bottom: 20px;
}
.contents_list {
    margin-bottom: 50px;
}
.block.no17 .p3 {
    margin-right: 0;
}
.block.no17 .p3 {
    margin-top: 30px;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
.interview_detail img {
    max-width: 145px;
}
.no14_img,
.interview_detail .no14_img img {
    max-width: 210px;
}
.b_to_b_customer {
    max-width: 450px;
}
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.b_to_b_customer p {
    padding: 0;
}
.contents_list .list.no1 {
    padding: 5px;
}
.contents_list .list.no2 {
    padding: 20px;
}
.block.no17,
.block.no18 {
    padding-bottom: 15px;
}
.contents_list .p1::before,
.contents_list .p2::before,
.contents_list .p3::before,
.contents_list .p4::before,
.contents_list .p5::before,
.contents_list .p6::before,
.contents_list .p7::before,
.contents_list .p8::before,
.contents_list .p9::before {
    padding-left: 10px;
}
.b_to_b_customer .p2 {
    padding-left: 1em;
}
.block.no3 .p3,
.block.no3 .p4,
.block.no3 .p5,
.block.no3 .p6,
.block.no3 .p7,
.block.no3 .p8,
.contents_list .p1,
.contents_list .p2,
.contents_list .p3,
.contents_list .p4,
.contents_list .p5,
.contents_list .p6,
.contents_list .p7,
.contents_list .p8,
.contents_list .p9,
.contents_list .p10,
.contents_list .p11,
.contents_list .p12,
.contents_list .p13,
.contents_list .p14,
.contents_list .p15,
.contents_list .p16,
.contents_list .p17 {
    padding-left: 2em;
}
/* 【 position 】************************** */
/* 【 text-align 】 *************************/
/* 【 text-indent 】 ************************/

.block.no3 .p3,
.block.no3 .p4,
.block.no3 .p5,
.block.no3 .p6,
.block.no3 .p7,
.block.no3 .p8,
.contents_list .p1,
.contents_list .p2,
.contents_list .p3,
.contents_list .p4,
.contents_list .p5,
.contents_list .p6,
.contents_list .p7,
.contents_list .p8,
.contents_list .p9,
.contents_list .p10,
.contents_list .p11,
.contents_list .p12,
.contents_list .p13,
.contents_list .p14,
.contents_list .p15,
.contents_list .p16,
.contents_list .p17,
.b_to_b_customer .p2 {
    text-indent: -1em;
}
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.block.no2 .div2,
.block.no6 .div2,
.block.no8 .div2,
.block.no9 .div2,
.block.no10 .div2,
.block.no12 .div2 {
    width: 15%;
}
.block.no17 .p3 {
    width: 44%;
}
.block.no2 .div1,
.block.no6 .div1,
.block.no8 .div1,
.block.no9 .div1,
.block.no10 .div1,
.block.no12 .div1 {
    width: 83%;
}
.interview_detail img,
.interview_picture img {
    width: 100%;
}
/* 【 other or special CSS 】 *****************/
/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
    /* 【 ［SP］/ background-color 】背景色  ****/
    /* 【 ［SP］/ background-image 】　*********/
    /* 【 ［SP］/ background-repeat 】　********/
    /* 【 ［SP］/ background-size 】　**********/
    /* 【 ［SP］/ border 】線　*****************/
    /* 【 ［SP］/ color 】色 ******************/
    /* 【 ［SP］/ display 】 ******************/
    /* 【 ［SP］/ font-size 】文字の大きさ *****/
    /* 【 ［SP］/ font-weight 】 **************/
    /* 【 ［SP］/ height 】高さ ***************/
    /* 【 ［SP］/ justify-content 】 **********/
    /* 【 ［SP］/ line-height 】 *************/
    /* 【 ［SP］/ left 】 ********************/
    /* 【 ［SP］/ margin 】 ******************/
    .block.no19 {
        margin-bottom: 50px;
    }
    /* 【 ［SP］/ max-height 】 **************/
    /* 【 ［SP］/ max-width 】 ***************/
    /* 【 ［SP］/ opacity 】 *****************/
    /* 【 ［SP］/ overflow 】 ****************/
    /* 【 ［SP］/ padding 】 *****************/
    .contents_list .p1,
    .contents_list .p2,
    .contents_list .p3,
    .contents_list .p4,
    .contents_list .p5,
    .contents_list .p6,
    .contents_list .p7,
    .contents_list .p8,
    .contents_list .p9,
    .contents_list .p10,
    .contents_list .p11,
    .contents_list .p12,
    .contents_list .p13,
    .contents_list .p14,
    .contents_list .p15,
    .contents_list .p16,
    .contents_list .p17 {
        padding-left: 1em;
    }
    /* 【 ［SP］/ position 】 ****************/
    /* 【 ［SP］/ text-align 】 **************/
    /* 【 ［SP］/ text-indent 】 *************/
    /* 【 ［SP］/ top 】 *********************/
    /* 【 ［SP］/ vertical-align 】 **********/
    /* 【 ［SP］/ width 】横幅 ***************/
    .block.no2 .div2,
    .block.no6 .div2,
    .block.no8 .div2,
    .block.no9 .div2,
    .block.no10 .div2,
    .block.no12 .div2 {
        width: 25%;
    }
    .block.no17 .p3 {
        width: 50%;
    }
    .block.no2 .div1,
    .block.no6 .div1,
    .block.no8 .div1,
    .block.no9 .div1,
    .block.no10 .div1,
    .block.no12 .div1 {
        width: 73%;
    }
    /* 【 ［SP］other or special CSS 】 ******/
}
/*************** レスポンシブ E ******************************/