/*--------------------
interview.css
--------------------*/


.l-block{
  padding:16.5rem 5.0rem 18.5rem;
}
.l-block-inner{
  max-width:1200px;
  width:100%;
  margin:0 auto;
}
.l-block-table{
  width:100%;
  display:table;
}
.l-block-table > div{
  display:table-cell;
  vertical-align: top;
  text-align: left;
}
.l-block-table-left{
  width:30.5rem;
  padding-right:5.5rem;
}
.l-block-table-left ul{
  width:25.0rem;
  position: sticky;
  top: 9.0rem;
}
.l-block-table-left ul li{
  display:block;
}
.l-block-table-left ul li a{
  display:block;
  border-bottom:1px solid #FFFFFF;
  background:#eaf7f5;
  padding:1.7rem 2.2rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:700;
  line-height:1.5;
  letter-spacing: 0.05em;
}
.l-block-table-left ul li a:hover{
  background:#64beb4;
  color:#FFFFFF;
}
.l-block-table-left ul li:last-of-type a{
  border-bottom:none;
}
.l-block-table-right{
  width:89.5rem;
}
.l-block-table-right > span{
  display:block;
  font-family: 'satoshi-Bold';
  text-align: left;
  color:#64beb4;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight:700;
  line-height:1.71;
  letter-spacing: 0.05em;
}
.l-block-table-right > h2{
  display:block;
  text-align: left;
  color:#303838;
  
  font-size: clamp(27px, 3.6rem, 36px);
  font-weight:700;
  line-height:1;
  letter-spacing: 0.05em;
}


@media all and (max-width: 767.5px) {
  .l-block{
    padding:16.5rem 3.0rem 18.5rem;
  }
  .l-block-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block-table{
    width:100%;
    display:block;
  }
  .l-block-table > div{
    width:100%;
    display:block;
    vertical-align: top;
    text-align: left;
  }
  .l-block-table-left{
    width:100%;
    display:block;
    padding-right:0;
  }
  .l-block-table-left ul{
    width:100%;
    display:block;
    position: static;
    top: 9.0rem;
    text-align: left;
    font-size:0;
  }
  .l-block-table-left ul li{
    width:50%;
    display:inline-block;
    vertical-align: top;
    padding-top:0.4rem;
  }
  .l-block-table-left ul li:nth-of-type(odd){
    padding-right:0.3rem;
  }
  .l-block-table-left ul li:nth-of-type(even){
    padding-left:0.3rem;
  }
  .l-block-table-left ul li a{
    display:block;
    border-bottom:1px solid #FFFFFF;
    background:#eaf7f5;
    padding:1.7rem 2.2rem;
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing: 0.05em;
  }
  .l-block-table-left ul li a:hover{
    background:#64beb4;
    color:#FFFFFF;
  }
  .l-block-table-left ul li:last-of-type a{
    border-bottom:none;
  }
  .l-block-table-right{
    width:100%;
    display:block;
    padding-top:6.0rem;
  }
  .l-block-table-right > span{
    display:block;
    font-family: 'satoshi-Bold';
    text-align: left;
    color:#64beb4;

    font-size:clamp(14px, 2.1rem, 21px);
    font-weight:700;
    line-height:1.71;
    letter-spacing: 0.05em;
  }
  .l-block-table-right > h2{
    display:block;
    text-align: left;
    color:#303838;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.71;
    letter-spacing: 0.05em;
  }
}


.l-block01{
  padding-top:11.5rem;
}
.l-block01:first-of-type{
  padding-top:0;
}
.l-block01-table{
  width:100%;
  display:table;
}
.l-block01-table > div{
  display:table-cell;
  vertical-align: top;
}
.l-block01-table-left{
  
}
.l-block01-table-left-title{
  text-align: left;
  position:relative;
}
.l-block01-table-left-title:after{
  content:"";
  width:100%;
  height:1px;
  border-top:1px solid #2c3e50;
  position:absolute;
  z-index:1;
  right:0;
  top:1.25rem;
}
.l-block01-table-left-title span{
  position:relative;
  z-index:2;
  display:inline-block;
  background:#FFFFFF;
  padding:0 0.3rem 0 0;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:700;
  line-height:1.5;
  letter-spacing: 0em;
}
.l-block01-table-left-message{
  padding:4.5rem 0 0 4.0rem;
}
.l-block01-table-left-message h3{
  text-align: left;
  color:#64beb4;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight:700;
  line-height:1.5;
  letter-spacing: 0.1em;
}
.l-block01-table-left-message01{
  padding-top:8.0rem;
  text-align: left;
  color:#a8a8a8;
  
  font-size:clamp(14px, 2.0rem, 20px);
  font-weight:400;
  line-height:1.5;
  letter-spacing: 0.05em;
}
.l-block01-table-left-message02{
  text-align: left;
  color:#64beb4;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight:700;
  line-height:1.25;
  letter-spacing: 0.05em;
}
.l-block01-table-left-message03{
  padding-top:0.5rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:700;
  line-height:1.5;
  letter-spacing: 0.05em;
}
.l-block01-table-right{
  width:52.8rem;
}
.l-block01-table-right picture{
  
}
.l-block01-table-right picture img{
  width:52.8rem;
}
.l-block01-faq{
  padding-top:6.0rem;
}
.l-block01-faq-q{
  background: url("../images/interview/block01-icon01_pc.png") left top no-repeat transparent;
  background-size: 3.1rem auto;
  min-height:3.1rem;
  padding-left:3.8rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight:700;
  line-height:1.5;
  letter-spacing: 0.05em;
}
.l-block01-faq-a{
  margin-top:1.2rem;
  background: url("../images/interview/block01-icon02_pc.png") left top no-repeat transparent;
  background-size: 3.1rem auto;
  min-height:3.1rem;
  padding-left:3.8rem;
  text-align: justify;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height:1.6875;
  letter-spacing: 0em;
}
.l-block01-table02{
  margin:4.0rem auto 0;
  width:100%;
  display:table;
}
.l-block01-table02 > div{
  display:table-cell;
  vertical-align: top;
}
.l-block01-table02-left{
  width:43.1rem;
}
.l-block01-table02-left picture{
  
}
.l-block01-table02-left picture img{
  width:100%;
}
.l-block01-table02-right{
  padding-left:1.8rem;
}
.l-block01-table02-right .l-block01-faq{
  padding-top:0;
}
.l-block01-box{
  margin-top:4.8rem;
  padding:0 3.0rem;
}
.l-block01-box dl{
  margin-top:4.8rem;
  width:100%;
  padding:3.0rem 6.0rem;
  background:#eaf7f5;
}
.l-block01-box dl dt{
  text-align: center;
  color:#2c3e50;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight:700;
  line-height:1.6875;
  letter-spacing: 0.05em;
}
.l-block01-box dl dd{
  padding-top:1.0rem;
  text-align: justify;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height:1.6875;
  letter-spacing: 0em;
}


@media all and (max-width: 767.5px) {
  .l-block01{
    padding-top:11.5rem;
  }
  .l-block01:first-of-type{
    padding-top:0;
  }
  .l-block01-table{
    width:100%;
    display:block;
  }
  .l-block01-table > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block01-table-left{
    width:100%;
    display:block;
  }
  .l-block01-table-left-title{
    text-align: left;
    position:relative;
  }
  .l-block01-table-left-title:after{
    content:"";
    width:100%;
    height:1px;
    border-top:1px solid #2c3e50;
    position:absolute;
    z-index:1;
    right:0;
    top:2.75rem;
  }
  .l-block01-table-left-title span{
    position:relative;
    z-index:2;
    display:inline-block;
    background:#FFFFFF;
    padding:0 0.3rem 0 0;
    text-align: left;
    color:#303838;

    font-size:3.6rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing: 0em;
  }
  .l-block01-table-left-message{
    padding:6.5rem 0 0 0;
  }
  .l-block01-table-left-message h3{
    text-align: left;
    color:#64beb4;

    font-size:3.4rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing: 0.1em;
  }
  .l-block01-table-left-message01{
    padding-top:4.0rem;
    text-align: left;
    color:#a8a8a8;

    font-size:3.0rem;
    font-weight:400;
    line-height:1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-table-left-message02{
    text-align: left;
    color:#64beb4;

    font-size:3.4rem;
    font-weight:700;
    line-height:1.25;
    letter-spacing: 0.05em;
  }
  .l-block01-table-left-message03{
    padding-top:0.5rem;
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-table-right{
    width:100%;
    display:block;
  }
  .l-block01-table-right picture{
    display:block;
    padding-top:4.0rem;
  }
  .l-block01-table-right picture img{
    width:100%;
  }
  .l-block01-faq{
    padding-top:6.0rem;
  }
  .l-block01-faq-q{
    background: url("../images/interview/block01-icon01_pc.png") left top no-repeat transparent;
    background-size: 4.7rem auto;
    min-height:4.7rem;
    padding-left:5.4rem;
    text-align: left;
    color:#303838;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-faq-a{
    margin-top:1.2rem;
    background: url("../images/interview/block01-icon02_pc.png") left top no-repeat transparent;
    background-size: 4.7rem auto;
    min-height:4.7rem;
    padding-left:5.4rem;
    text-align: justify;
    color:#303838;

    font-size:2.6rem;
    font-weight:400;
    line-height:1.6875;
    letter-spacing: 0em;
  }
  .l-block01-table02{
    margin:4.0rem auto 0;
    width:100%;
    display:block;
  }
  .l-block01-table02 > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block01-table02-left{
    width:100%;
    display:block;
  }
  .l-block01-table02-left picture{

  }
  .l-block01-table02-left picture img{
    width:100%;
  }
  .l-block01-table02-right{
    width:100%;
    display:block;
    padding-left:0;
    padding-top:4.0rem;
  }
  .l-block01-table02-right .l-block01-faq{
    padding-top:0;
  }
  .l-block01-box{
    margin-top:4.8rem;
    padding:0 0;
  }
  .l-block01-box dl{
    margin-top:4.8rem;
    width:100%;
    padding:5.0rem 3.0rem;
    background:#eaf7f5;
  }
  .l-block01-box dl dt{
    text-align: center;
    color:#2c3e50;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.6875;
    letter-spacing: 0.05em;
  }
  .l-block01-box dl dd{
    padding-top:1.0rem;
    text-align: justify;
    color:#303838;

    font-size:2.6erm;
    font-weight:400;
    line-height:1.6875;
    letter-spacing: 0em;
  }
}




@media all and (max-width: 767.5px) {
  
}




@media all and (max-width: 767.5px) {
  
}