@charset "UTF-8";

#header,
#keyVisual,
#footer{
background-color:#fff;
}

.bgCover{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:-1;
}

/* keyVisual ------------------*/
#keyVisual .mainImg{
background-image:url(../img/work/main_img.jpg);
}

/* blc01 ------------------*/
#blc01 .list .imgBlc.img01{
background-image:url(../img/work/img01.jpg);
}

#blc01 .list .imgBlc.img02{
background-image:url(../img/work/img02.jpg);
}

#blc01 .list .imgBlc.img03{
background-image:url(../img/work/img03.jpg);
}

#blc01 .list .imgBlc.img04{
background-image:url(../img/work/img04.jpg);
}

#blc01 .list .imgBlc.img05{
background-image:url(../img/work/img05.jpg);
}

#blc01 .list .imgBlc.img06{
background-image:url(../img/work/img06.jpg);
}

#blc01 .list .imgBlc.img07{
background-image:url(../img/work/img07.jpg);
}

#blc01 .list .imgBlc.img08{
background-image:url(../img/work/img08.jpg);
}

/* interviewBlc ------------------*/
.interviewBlc .bgWhite{
background-color:#fff;
}

.interviewBlc .topBlc{
padding-top:0;
position: relative;
}

.interviewBlc .mainImg{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:45%;
}

.interviewBlc .topBlc .intBlc{
position: absolute;
display: block;
width: 96%;
left: 0;
right: 0;
bottom:-45px;
}

.interviewBlc .halfBlc{
margin-top:-4%;
}

.interviewBlc .halfBlc .infoBlc{
background-color:#fff;
width:35%;
border:2px solid #248CC8;
padding:10px 20px;
float:left;
box-sizing:border-box;
}

.interviewBlc .halfBlc .infoBlc .name{
font-size:140%;
padding:2% 0 2% 4%;
border-bottom:1px solid #248CC8;
}

.interviewBlc .halfBlc .infoBlc .position{
line-height:1.8;
padding:2% 0 2% 4%;
}

.interviewBlc .halfBlc .wordBlc{
color:#70a754;
font-size:160%;
width:62%;
padding-top:8%;
float:right;
}

.interviewBlc .dayBlc{
margin-top:7%;
}

.interviewBlc .dayBlc .tbl td{
width:20%;
padding:7px 10px;
box-sizing:border-box;
}

.interviewBlc .dayBlc .tbl td .list .date{
color:#70a754;
line-height:1.5;
text-align:center;
padding-bottom:20px;
position:relative;
}

.interviewBlc .dayBlc .tbl td .list .date .point{
background-color:#70a754;
width:10px;
height:10px;
border-radius:10px;
display:block;
margin:0 auto;
position:absolute;
bottom:-5px;
left:0;
right:0;
}

.interviewBlc .dayBlc .tbl td .list .date:after,
.interviewBlc .dayBlc .tbl td .list .date:before{
content:"";
background-color:#70a754;
width:calc(50% + 10px);
height:1px;
position:absolute;
bottom:0;
left:-10px;
}

.interviewBlc .dayBlc .tbl td .list .date:before{
left:auto;
right:-10px;
}

.interviewBlc .dayBlc .tbl td:first-of-type .list .date:after,
.interviewBlc .dayBlc .tbl td:last-of-type .list .date:before{
display:none;
}

.interviewBlc .dayBlc .tbl td .list .txt{
font-size:80%;
padding-top:10px;
}

.interviewBlc .qaBlc{
padding-top: 8%;
}

.interviewBlc .qaBlc .list dt{
font-size:140%;
color:#fff;
padding-left:75px;
position:relative;
font-weight: bold;
}

.interviewBlc .qaBlc .list dt .icnQ{
background-color:#248CC8;
font-family:arial;
font-size:160%;
color:#fff;
width:55px;
height:55px;
line-height:55px;
border-radius:5px;
text-align:center;
display:block;
position:absolute;
top:0;
left:0;
}

.interviewBlc .qaBlc .list dt .icnQ:after{
content:"";
width:0;
height:0;
border-style:solid;
border-width:12px 12px 0 0;
border-color:#248CC8 transparent transparent transparent;
position:absolute;
top:100%;
left:10px;
}

.interviewBlc .qaBlc .list dd{
color:#fff;
margin-top:20px;
margin-bottom:7%;
}

.interviewBlc .qaBlc .imgBox{
max-width: 1500px;
margin: 0 auto;
padding: 0 1%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.interviewBlc .qaBlc .imgBox .img{
box-sizing: border-box;
width: 33.333%;
padding: 0 1%;
text-align: center;
height: 500px;
}

.interviewBlc .qaBlc .imgBox .img img{
max-height: 100%;
max-width: 100%;
}

.interviewBlc .messageBlc{
background-color:#fff;
}

.interviewBlc .messageBlc .semiBlc{
min-height:480px;
}

.interviewBlc .messageBlc .semiBlc .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:55%;
height:100%;
float:left;
position:absolute;
box-sizing:border-box;
}

.interviewBlc .messageBlc .semiBlc .imgBlc .fadeLeft{
background:transparent;
background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
width:30%;
height:100%;
position:absolute;
top:0;
left:0;
}

.interviewBlc .messageBlc .semiBlc .imgBlc .fadeRight{
background:transparent;
background:linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
width:40%;
height:100%;
position:absolute;
top:0;
right:0;
}

.interviewBlc .messageBlc .semiBlc .txtBlc{
width:45%;
text-shadow:
1px 1px 1px rgba(255, 255, 255, 1),
1px 1px 2px rgba(255, 255, 255, 1),
1px 1px 2px rgba(255, 255, 255, 1);
float:right;
position:relative;
}

.interviewBlc .messageBlc .semiBlc .txtBlc .ttl{
font-size: 150%;
font-weight: bold;
text-align: center;
color: #0F4B89;
}

.interviewBlc .messageBlc .semiBlc .txtBlc .txtCatch{
font-size:180%;
line-height:1.8;
margin-top:4%;
}

.interviewBlc .messageBlc .semiBlc .txtBlc table.schedule{
width: 100%;
  font-size: 120%;
}

.interviewBlc .messageBlc .semiBlc .txtBlc table.schedule th{
width: 80px;
padding-top: 4%;
line-height: 1.5;
white-space: nowrap;
}

.interviewBlc .messageBlc .semiBlc .txtBlc table.schedule td{
padding-top: 4%;
line-height: 1.5;
}

.interviewBlc .messageBlc .semiBlc .txtBlc .txt{
margin-top:4%;
}

.interviewBlc .messageBlc .btn{
background-color:#248cc8;
text-align:center;
padding:20px 2%;
}

.interviewBlc .messageBlc .btn a{
width:100%;
max-width:280px;
color:#fff;
text-decoration:none;
border:1px solid #fff;
padding:10px 2%;
display:inline-block;
box-sizing:border-box;
transition:all 200ms ease-in-out;
}

.interviewBlc .messageBlc .btn a:hover{
background-color:#fff;
color:#248cc8;
}

/* interview01 ------------------*/
#interview01 .interviewBlc .mainImg{
background-image:url(../img/interview01/img01.jpg);
}

#interview01 .bgCover{
background-image:url(../img/interview01/bg01.jpg);
}

#interview01 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview01/img02.jpg);
}

/* interview02 ------------------*/
#interview02 .interviewBlc .mainImg{
background-image:url(../img/interview02/img01.jpg);
}

#interview02 .bgCover{
background-image:url(../img/interview02/bg01.jpg);
}

#interview02 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview02/img02.jpg);
}

/* interview03 ------------------*/
#interview03 .interviewBlc .mainImg{
background-image:url(../img/interview03/img01.jpg);
}

#interview03 .bgCover{
background-image:url(../img/interview03/bg01.jpg);
}

#interview03 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview03/img02.jpg);
}

/* interview04 ------------------*/
#interview04 .interviewBlc .mainImg{
background-image:url(../img/interview04/img01.jpg);
}

#interview04 .bgCover{
background-image:url(../img/interview04/bg01.jpg);
}

#interview04 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview04/img02.jpg);
}

/* interview05 ------------------*/
#interview05 .interviewBlc .mainImg{
background-image:url(../img/interview05/img01.jpg);
}

#interview05 .bgCover{
background-image:url(../img/interview05/bg01.jpg);
}

#interview05 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview05/img02.jpg);
}

/* interview06 ------------------*/
#interview06 .interviewBlc .mainImg{
background-image:url(../img/interview06/img01.jpg);
}

#interview06 .bgCover{
background-image:url(../img/interview06/bg01.jpg);
}

#interview06 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview06/img02.jpg);
}

/* interview07 ------------------*/
#interview07 .interviewBlc .mainImg{
background-image:url(../img/interview07/img01.jpg);
}

#interview07 .bgCover{
background-image:url(../img/interview07/bg01.jpg);
}

#interview07 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview07/img02.jpg);
}

/* interview08 ------------------*/
#interview08 .interviewBlc .mainImg{
background-image:url(../img/interview08/img01.jpg);
}

#interview08 .bgCover{
background-image:url(../img/interview08/bg01.jpg);
}

#interview08 .interviewBlc .messageBlc .imgBlc{
background-image:url(../img/interview08/img02.jpg);
}

@media screen and (max-width: 1400px) {
.interviewBlc .qaBlc .imgBox .img{
height: 35vw;
}
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
/* interviewBlc ------------------*/
.interviewBlc .halfBlc .infoBlc .name{
font-size:130%;
}

.interviewBlc .halfBlc .wordBlc{
font-size:140%;
}

.interviewBlc .qaBlc .list dt{
font-size:130%;
padding-left:50px;
}

.interviewBlc .qaBlc .list dt .icnQ{
font-size:140%;
width:40px;
height:40px;
line-height:40px;
}

.interviewBlc .qaBlc .list dt .icnQ:after{
border-width:8px 8px 0 0;
}

.interviewBlc .qaBlc .list dd{
margin-bottom:40px;
}

.interviewBlc .qaBlc .imgBox{
display: block;
}

.interviewBlc .qaBlc .imgBox .img{
height: auto;
width: 90%;
margin: 0 auto;
}

.interviewBlc .qaBlc .imgBox .img:nth-of-type(1) ~ .img{
margin-top: 5%;
}
}

@media screen and (max-width: 640px) {
/* interviewBlc ------------------*/
.interviewBlc .topBlc .intBlc{
position: static;
left:auto;
right:auto;
bottom:auto;
}

.interviewBlc .halfBlc .infoBlc{
width:100%;
text-align:center;
float:none;
}

.interviewBlc .halfBlc .wordBlc{
width:100%;
text-align:center;
padding-top:4%;
float:none;
}

.interviewBlc .dayBlc .tbl td{
width:100%;
border-bottom:1px solid #70a754;
display:block;
}

.interviewBlc .dayBlc .tbl td .list .date{
padding-bottom:2%;
}

.interviewBlc .dayBlc .tbl td .list .date .point,
.interviewBlc .dayBlc .tbl td .list .date:after,
.interviewBlc .dayBlc .tbl td .list .date:before{
display:none;
}

.interviewBlc .qaBlc{
padding-top: 12%;
}

.interviewBlc .messageBlc .semiBlc .imgBlc{
width:100%;
height:auto;
padding-top:69%;
float:none;
position:relative;
}

.interviewBlc .messageBlc .semiBlc .imgBlc .fadeRight{
width:30%;
}

.interviewBlc .messageBlc .semiBlc .txtBlc{
width:100%;
text-align:center;
float:none;
}

.interviewBlc .messageBlc .semiBlc .txtBlc .txtCatch{
font-size:160%;
margin-top:2%;
}

.interviewBlc .messageBlc .semiBlc .txtBlc .txt{
text-align:left;
margin-top:2%;
}
}

@media screen and (max-width: 480px) {
.interviewBlc .qaBlc{
padding-top: 70px;
}
}