@charset "utf-8";
/* index.html
----------------------------------------------------------------*/
.iv-index #mainNav { border-bottom:1px dashed #094; }
.iv-index .sect-tit {
    margin-bottom:30px;
    padding:40px 0;
}
.iv-index .sect-tit .cat {
    margin:0;
    font-size:0;
}
.iv-index .sect-tit .tit { margin-bottom:30px; }
.iv-index .sect-tit .tit img { margin:0 auto; }
.iv-index .sect-tit p {
    font-size:20px;
    font-weight:bold;
}
.iv-index .iv {
    margin-bottom:30px;
    max-width:1000px;
    padding:70px 0 40px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.iv-index .iv .row {
    margin:0 auto;
    padding:0 80px;
}
.iv-index .sect2.iv .bt,
.iv-index .sect4.iv .bt,
.iv-index .sect6.iv .bt {
    display:inline-block;
    text-align:left;
}
.iv-index .sect2.iv .bt { width:465px; }
.iv-index .sect4.iv .bt { width:432px; }
.iv-index .sect6.iv .bt { width:410px; }
.iv-index .iv .bt a {
    display:inline-block;
    padding:15px 45px;
    background-color:#56b600;
    color:#fff;
    font-weight:bold;
    font-size:20px;
}
.iv-index .iv .bt a:hover {
    text-decoration:none;
    opacity:0.9;
}
.iv-index .sect1 { background-image:url(../img/interview/top/bg01.jpg) }
.iv-index .sect2 { background-image:url(../img/interview/top/bg02.jpg) }
.iv-index .sect3 { background-image:url(../img/interview/top/bg03.jpg) }
.iv-index .sect4 { background-image:url(../img/interview/top/bg04.jpg) }
.iv-index .sect5 { background-image:url(../img/interview/top/bg05.jpg) }
.iv-index .sect6 { background-image:url(../img/interview/top/bg06.jpg) }
.iv-index .sect7 {
    background-image:url(../img/interview/top/bg07.jpg);
    margin-bottom:100px;
}
@media (max-width:767px) {
.iv-index .sect-tit {
    padding:10px 15px;
    margin-bottom:20px;
}
.iv-index .sect-tit .cat img { width:60px; }
.iv-index .sect-tit .tit { margin:15px 80px; }
.iv-index .sect-tit p { font-size:10px; }
.iv-index .iv {
    position:relative;
    margin:0 15px 15px;
    max-width:100%;
    height:320px;
    overflow:hidden;
}
.iv-index iv .row { padding:0; }
.iv-index .iv .lead {
    position:absolute;
    left:20px;
    bottom:45px;
}
.iv-index .iv .lead img { max-height:110px; }
.iv-index .iv .bt {
    position:absolute;
    left:20px;
    bottom:20px;
    width:135px;
}
.iv-index .iv .bt a {
    padding:10px 0;
    font-size:10px;
    width:135px;
    text-align:center;
}
.iv-index .sect2.iv .bt,
.iv-index .sect4.iv .bt,
.iv-index .sect6.iv .bt {
    left:auto;
    right:20px;
    width:135px;
}
.iv-index .sect2.iv .lead {
    right:10px;
}
.iv-index .sect4.iv .lead {
    left:auto;
    right:5px;
}
.iv-index .sect6.iv .lead {
    left:auto;
    right:10px;
}
.iv-index .sect1 { background-image:url(../img/interview/top/bg01-sp.jpg); }
.iv-index .sect2 { background-image:url(../img/interview/top/bg02-sp.jpg); }
.iv-index .sect3 { background-image:url(../img/interview/top/bg03-sp.jpg); }
.iv-index .sect4 { background-image:url(../img/interview/top/bg04-sp.jpg); }
.iv-index .sect5 { background-image:url(../img/interview/top/bg05-sp.jpg); }
.iv-index .sect6 { background-image:url(../img/interview/top/bg06-sp.jpg); }
.iv-index .sect7 {
    background-image:url(../img/interview/top/bg07-sp.jpg);
    margin-bottom:20px;
}
}
/* interview
----------------------------------------------------------------*/
.interview .sect-tit {
    padding:40px 0 120px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}
.interview.iv01 .sect-tit { background-image:url(../img/interview/01/titBg.jpg) }
.interview.iv02 .sect-tit { background-image:url(../img/interview/02/titBg.jpg) }
.interview.iv03 .sect-tit { background-image:url(../img/interview/03/titBg.jpg) }
.interview.iv04 .sect-tit { background-image:url(../img/interview/04/titBg.jpg) }
.interview.iv05 .sect-tit { background-image:url(../img/interview/05/titBg.jpg) }
.interview.iv06 .sect-tit { background-image:url(../img/interview/06/titBg.jpg) }
.interview.iv07 .sect-tit { background-image:url(../img/interview/07/titBg.jpg) }
.interview .sect-tit .cat {
    margin:0 0 70px;
    font-size:0;
}
.interview .sect-tit .tit { margin:0 0 30px; }
.interview .sect.container { max-width:900px; }
.interview .sect .tit {
    padding-top:50px;
    margin:0 0 30px;
    font-weight:bold;
    font-size:26px;
    line-height:1.5;
    letter-spacing:0.1em;
}
.interview .comment {
    position:relative;
    margin-bottom:60px;
    margin-left:150px;
    padding-left:40px;
    border-left:1px solid #094;
}
.interview .comment:after {
    content:"";
    position:absolute;
    left:-25px;
    top:50px;
    display:block;
    width:25px;
    height:11px;
    background:url(../img/interview/balloon.png) no-repeat;
}
.interview .comment .icn {
    position:absolute;
    left:-150px;
    top:0;
}
.interview .comment p {
    line-height:2;
    font-size:16px;
}
.interview .comment .img { margin:20px; }
.interview .img1 img { margin:0 auto; }
@media (max-width:767px) {
.interview .sect-tit {
    position:relative;
    margin:0 auto;
    width:100%;
    height:285px;
    padding:20px 15px;
}
.interview.iv01 .sect-tit { background-image:url(../img/interview/01/titBg-sp.jpg); }
.interview.iv02 .sect-tit { background-image:url(../img/interview/02/titBg-sp.jpg); }
.interview.iv03 .sect-tit { background-image:url(../img/interview/03/titBg-sp.jpg); }
.interview.iv04 .sect-tit { background-image:url(../img/interview/04/titBg-sp.jpg); }
.interview.iv05 .sect-tit { background-image:url(../img/interview/05/titBg-sp.jpg); }
.interview.iv06 .sect-tit { background-image:url(../img/interview/06/titBg-sp.jpg); }
.interview.iv07 .sect-tit { background-image:url(../img/interview/07/titBg-sp.jpg); }
.interview .sect-tit .cat img { width:150px; }
.interview .sect-tit .tit {
    position:absolute;
    left:15px;
    bottom:40px;
}
.interview .sect-tit .name {
    position:absolute;
    left:15px;
    bottom:10px;
}
.interview .sect-tit .tit img { height:70px; }
.interview .sect-tit .name img { height:50px; }
.interview .sect.container { max-width:900px; }
.interview .sect .tit {
    padding-top:20px;
    margin:0 0 10px;
    font-size:18px;
}
.interview .comment {
    position:relative;
    margin-bottom:10px;
    margin-left:0;
    padding-left:0;
    border:none;
}
.interview .comment:after { display:none; }
.interview .comment p {
    line-height:1.8;
    font-size:12px;
}
.interview .comment .img { margin:10px 0; }
.interview .comment .img img { margin:0 auto; }
}
/* question */
.interview .question {
    padding:60px 0;
    background-color:#56b600;
    color:#fff;
    overflow:hidden;
}
.interview .question .row {
    margin-left: -40px;
    margin-right: -40px;
}
.interview .question .tit { margin-bottom:40px; }
.interview .question .tit img { width:390px; }
.interview .question li {
    padding:10px 35px;
    border-left:1px dashed #fff;
}
.interview .question li:first-child { border-left:none; }
.interview .question li .subtit {
    position:relative;
    margin-bottom:20px;
    padding:5px 0 0 45px;
    font-size:20px;
}
.interview .question li .subtit:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    background-size:35px 35px;
    background-repeat:no-repeat;
    width:35px;
    height:35px;
}
.interview .question li:nth-child(1) .subtit:before { background-image:url(../img/interview/question01.png)!important; }
.interview .question li:nth-child(2) .subtit:before { background-image:url(../img/interview/question02.png)!important; }
.interview .question li:nth-child(3) .subtit:before { background-image:url(../img/interview/question03.png)!important; }
.interview .question li p { line-height:1.8; }
@media (max-width:767px) {
.interview .question {
    margin-top:5px;
    padding:10px 15px;
}
.interview .question .row { margin:0 -15px; }
.interview .question .tit { margin-bottom:0px; }
.interview .question .tit img { width:240px; }
.interview .question li {
    position:relative;
    padding:10px 0;
    border-left:none;
    border-top:1px dotted #fff;
}
.interview .question li:first-child { border-top:none; }
.interview .question li .subtit {
    margin-bottom:10px;
    padding:5px 0 0 40px;
    font-size:16px;
}
.interview .question li .subtit:before {
    background-size:30px 30px;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
}
.interview .question li p { line-height:1.8; }
}
/* nav */
.interview .ivNav { padding:50px 0 100px; }
.interview .ivNav ul { margin:0 auto; }
.interview .ivNav li {
    float:left;
    margin:0 5px 10px;
    width:190px;
}
.interview .ivNav li a { display:block; }
.interview .ivNav li .img { padding:0; }
.interview .ivNav li .txt {
    padding:10px 12px 20px;
    background-color:#adadad;
    color:#fff;
}
.interview .ivNav li .txt.spacechange { padding:10px 12px 6px; }
.interview .ivNav li .txt.spacechange .name{
    line-height: 1.6rem;
    padding-top: 4px;
}
.interview .ivNav li a:hover { text-decoration:none; }
.interview .ivNav li.on .txt,
.interview .ivNav li a:hover .txt { background-color:#56b600; }
.interview .ivNav li .txt .num { font-size:40px; }
.interview .ivNav li .txt .job { font-size:13px; }
.interview .ivNav li .txt .name { font-size:18px; }
.interview .ivNav li .txt .spacing { letter-spacing: -0.02em; }
.interview .ivNav li .txt .name span { font-size:11px; }
@media (max-width:1199px) {
.interview .ivNav ul { width:800px; }
}
@media (max-width:991px) {
.interview .ivNav ul { width:600px; }
}
@media (max-width:767px) {
.interview .ivNav { padding:20px 15px; }
.interview .ivNav ul {
    width:100%;
    margin:0;
}
.interview .ivNav li {
    position:relative;
    margin:0;
    float:none;
    width:100%;
}
.interview .ivNav li:after {
    content: "";
    border-right: 2px solid #009944;
    border-top: 2px solid #009944;
    display: block;
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(45deg);
    width: 8px;
}
.interview .ivNav li a {
    display:table;
    width:100%;
    border-bottom:1px solid #fff;
}
.interview .ivNav li .img,
.interview .ivNav li .txt {
    display:table-cell;
    vertical-align:middle;
}
.interview .ivNav li .img {
    position:relative;
    width:50px;
    overflow:hidden;
}
.interview .ivNav li .img img {
    position:absolute;
    left:-7px;
    top:0;
    width:60px;
    height:auto;
}
.interview .ivNav li .txt,
.interview .ivNav li .txt.spacechange { padding:2px 5px; }
.interview .ivNav li .txt .num {
    display:inline-block;
    font-size:30px;
    vertical-align:middle;
}
.interview .ivNav li .txt .wrap {
    display:inline-block;
    vertical-align:middle;
}
.interview .ivNav li .txt .job { font-size:10px; }
.interview .ivNav li .txt .name { font-size:14px; }
.interview .ivNav li .txt .name span { font-size:9px; }
.interview .ivNav li .txt.spacechange .name {
  line-height: 2rem;
  padding-top: 0px; 
}
}
/* active クラスが付与されたときのスタイル */
.interview .ivNav li a.active .txt {
  background-color: #56b600;
}