/* clearfix */

#headerCatch {
    height: 150px;
    margin-bottom: 28px;
    background: url("../img/bg_top.jpg") center center repeat;
}

#content .ttlSearch {
    padding: 0 0 20px;
    margin-bottom: 22px;
    font-weight: bold;
    font-size: 125%;
    line-height: 22px;
    background: url("../img/bg_line.png") 0 bottom no-repeat;
}

.boxInterviews ul {
    box-sizing: content-box;
}

.boxInterviews ul li {
    position: relative;
    float: left;
    width: 42%;
    margin: 0 4% 22px 4%;
    font-size: 87.5%;
}

.boxInterviews ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    border: 1px solid #fff;
}

.boxInterviews ul li a:hover {
    border: 1px solid #0099CC;
}

.boxInterviews ul li a:after {
    position: absolute;
    right: 4px;
    bottom: 1px;
    content: url(../img/interview/ico_caret.png);
}

.boxInterviews ul li .picture img {
    width: 100%;
}

.boxInterviews ul li .meta {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 3.8% 2%;
    line-height: 1.2;
    color: #fff;
    font-weight: bold;
}

.boxInterviews ul li .meta .shop {
    float: right;
    display: inline-block;
    margin-right: 10px;
    font-size: 75%;
}

.boxInterviews ul li.service .meta {
    background: rgba(102, 153, 0, 0.8);
}

.boxInterviews ul li.service a:hover {
    border: 1px solid #669900;
}

.boxInterviews ul li.fashion .meta {
    background: rgba(102, 102, 153, 0.8);
}

.boxInterviews ul li.fashion a:hover {
    border: 1px solid #666699;
}

.boxInterviews ul li.food .meta {
    background: rgba(204, 153, 0, 0.8);
}

.boxInterviews ul li.food a:hover {
    border: 1px solid #CC9900;
}

.boxInterviews ul li.other .meta {
    background: rgba(204, 204, 0, 0.8);
}

.boxInterviews ul li.other a:hover {
    border: 1px solid #CCCC00;
}

.boxInterviews ul li.goods .meta {
    background: rgba(255, 102, 102, 0.8);
}

.boxInterviews ul li.goods a:hover {
    border: 1px solid #FF6666;
}

.boxInterviews ul li.market .meta {
    background: rgba(179, 27, 140, 0.8);
}

.boxInterviews ul li.market a:hover {
    border: 1px solid #B31B8C;
}

.boxInterview .boxFeature {
    display: table;
    width: 100%;
    margin-bottom: 64px;
}

.boxInterview .boxFeature .text {
    position: relative;
    display: table-cell;
    width: 55%;
    padding: 0 0 7em 0;
    vertical-align: top;
}

.boxInterview .boxFeature .text h3 {
    padding: 6px 0;
    text-align: center;
    font-weight: bold;
    background: url("../img/bg_diagonal.png") 0 0 repeat-x;
}

.boxInterview .boxFeature .text p.catch {
    /*padding: 6.5% 0 0; */
    padding: 5.5% 0 0;
    /*変更20151016*/
    font-size: 150%;
    line-height: 1.5;
    /*追加20151016*/
}

.boxInterview .boxFeature .text .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    color: #fff;
}

.boxInterview .boxFeature .text .info .shop {
    display: block;
    padding: 12px 12px 10px;
    margin: 0 0 16px 60px;
    text-align: left;
    font-size: 125%;
    border-bottom: 2px solid #fff;
}

.boxInterview .boxFeature .text .info .experience {
    display: inline-block;
    font-size: 75%;
}

.boxInterview .boxFeature .text .info .name {
    display: inline-block;
    margin: 0 32px 14px 28px;
}

.boxInterview .boxFeature .text .info.service {
    background: url(../img/interview/cat_service.png) 0 0 no-repeat #669900;
}

.boxInterview .boxFeature .text .info.fashion {
    background: url(../img/interview/cat_fashion.png) 0 0 no-repeat #666699;
}

.boxInterview .boxFeature .text .info.food {
    background: url(../img/interview/cat_food.png) 0 0 no-repeat #CC9900;
}

.boxInterview .boxFeature .text .info.other {
    background: url(../img/interview/cat_other.png) 0 0 no-repeat #CCCC00;
}

.boxInterview .boxFeature .text .info.goods {
    background: url(../img/interview/cat_goods.png) 0 0 no-repeat #FF6666;
}

.boxInterview .boxFeature .text .info.market {
    background: url(../img/interview/cat_market.png) 0 0 no-repeat #B31B8C;
}

.boxInterview .boxFeature .picture {
    display: table-cell;
    width: 45%;
    vertical-align: top;
}

.boxInterview .boxFeature .picture img {
    width: 100%;
}

.boxFaqs {
    padding: 0 0 70px 0;
}

.boxFaqs ul li {
    position: relative;
    padding: 26px 12px 12px 44px;
    margin: 0 0 45px 40px;
    background: url("../img/interview/bg_faq01.png") 0 0 repeat-x;
}

.boxFaqs ul li:nth-child(even) {
    /*background: url("../img/interview/bg_faq02.png") 0 0 repeat-x;*/
	background:#F8EEDA url("../img/interview/bg_faq02.png") 0 0 repeat-x;
}

.boxFaqs ul li .q {
    display: block;
    position: relative;
    padding: 0 10px 8px;
    margin-bottom: 14px;
    font-size: 125%;
    font-weight: bold;
    background: url("../img/bg_line.png") 0 bottom no-repeat;
}

.boxFaqs ul li .q:before {
    position: absolute;
    left: -58px;
    top: -34px;
    content: url("../img/interview/ico_q.png");
}

.boxFaqs ul li .a {
    display: block;
    position: relative;
    padding: 0 42px 0 10px;
    font-size: 87.5%;
    line-height: 1.6;
}

.boxFaqs ul li .a:before {
    position: absolute;
    right: -22px;
    top: -33px;
    content: url("../img/interview/ico_a.png");
}

.boxFaqs .read_more {
    text-align: center;
}


/*追加20151019*/

.boxFaqs .read_more a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 40px;
}

.boxFaqs .read_more.kyujin a {
    background-color: #999999;
    padding: 10px 100px;
}

.boxFaqs .read_more.service a {
    background-color: #669900;
}

.boxFaqs .read_more.fashion a {
    background-color: #666699;
}

.boxFaqs .read_more.food a {
    background-color: #CC9900;
}

.boxFaqs .read_more.other a {
    background-color: #CCCC00;
}

.boxFaqs .read_more.goods a {
    background-color: #FF6666;
}
.boxFaqs .read_more.market a {
    background-color: #B31B8C;
}

/*追加20151019*/


/*追加20151019*/

.boxFaqs .date {
    margin-bottom: 30px;
    font-size: 87.5%;
    text-align: right;
}


/*追加20151019*/

@media (max-width: 1024px) {
    .boxInterview .boxFeature {
        display: block;
        width: 100%;
        margin-bottom: 36px;
    }
    .boxInterview .boxFeature .text {
        display: block;
        width: 100%;
        padding: 0 0 2.8em 0;
    }
    .boxInterview .boxFeature .text p.catch {
        padding: 3% 0;
        font-size: 112.5%;
    }
    .boxInterview .boxFeature .text .info {
        position: relative;
    }
    .boxInterview .boxFeature .picture {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    .boxFaqs {
        padding: 0 0 36px 0;
    }
    .boxFaqs ul li {
        padding: 20px 12px 12px 28px;
        margin: 0 0 28px 0px;
    }
    .boxFaqs ul li .q {
        font-size: 100%;
    }
    .boxFaqs ul li .q:before {
        position: absolute;
        left: -38px;
        top: -18px;
        content: url("../img/interview/sp_ico_q.png");
    }
    .boxFaqs ul li .a {
        display: block;
        position: relative;
        padding: 0 28px 0 10px;
        font-size: 87.5%;
        line-height: 1.6;
    }
    .boxFaqs ul li .a:before {
        position: absolute;
        right: -22px;
        top: -33px;
        content: url("../img/interview/sp_ico_a.png");
    }
    .boxFaqs .read_more {
        text-align: center;
    }
}

@media (max-width: 800px) {
    .boxInterviews ul li {
        width: 98%;
        margin: 0 1% 22px 1%;
    }
}

@media (max-width: 640px) {
    #headerCatch {
        /*追加2016.01.18*/
        display: none;
        /*
		height: auto;
		margin-bottom: 3.125%;
		padding: 38.9% 0 0;
		background: url("../img/sp_bg_top.jpg") center center repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
*/
    }
    #content .ttlSearch {
        padding: 0 0 3.3%;
        margin-bottom: 3.3%;
        font-size: 75%;
    }
    #content .ttlSearch img {
        width: 52.3%;
        vertical-align: text-bottom;
    }
    .boxInterviews {
        margin-left: -1%;
    }
    .boxInterviews ul li {
        position: relative;
        float: left;
        width: 49%;
        min-width: 0px;
        margin: 0 0 12px 1%;
    }
    .boxInterviews ul li .meta .name {
        font-size: 75%;
    }
    .boxInterviews ul li .meta .shop {
        display: none;
    }
    .boxInterview .boxFeature .text {
        padding: 0 0 2em 0;
    }
    .boxInterview .boxFeature .picture {
        width: 100%;
    }
    .boxFaqs .read_more a {
        display: block;
    }
    /*追加20151021*/
    .boxFaqs .read_more.kyujin a {
        padding: 10px 40px;
    }
    /*追加20151021*/
}