@charset "utf-8";

/* ------- コラム用CSS ---------- */
.sec02 {
    padding: 0 0 60px;
}
.interview-text img{
  width: auto;
  max-width:100%;  
 }
@media screen and (max-width: 780px){
.breadcrumb-list {
  display: block;
}
.breadcrumb-list li{
 display:inline-block;
}


.sec01 h2 br{
 display:none;
}

.interview-text{
 margin-bottom:20px;
}
.sec02 {
    padding: 40px 0 0;
}
}

.hex-link{
 color: #2E58A6; 
 font-weight: bold;
 /* text-decoration: none; */
}


/* ------- 2020.12.08 ---------- */
.contents-wrapper.columns .breadcrumb-list{
     margin: 0 0 40px;
}

@media screen and (max-width: 780px){
.contents-wrapper.columns .breadcrumb-list {
      margin: 5% 0 10%;
  }
}
.contents-wrapper.columns .columns-sec {
    padding: 15px 0 100px;
    background-color: #fafafa;
}

@media screen and (max-width: 780px){
  .contents-wrapper.columns .columns-sec {
      padding: 15px 0 40px;
  }
}
.columns-box {
    max-width: 1020px;
    margin: 0 auto;
}

.columns-box .inner{
 display:flex;
 flex-wrap: wrap;
 justify-content: space-between;

}

@media screen and (max-width: 780px){
   .columns-box {
   max-width:initial;
   width:100%;
   }
   .columns-box .inner{
    display:block;
   }
}

.columns-box .inner > div{
 max-width:320px;
 margin-bottom:40px;
}
.columns-box .inner > div:last-child:after{
   display: block;
   content:"";
   width: 320px;
}

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

  .columns-box .inner > div{
   max-width:initial;
   margin-bottom:20px;
  }
}

.columns-box .inner > div a{
     text-decoration: none;
 
}
.columns-box .inner > div:hover{
 opacity:0.5;
 transition: all .3s ease;
}
.columns-box .inner > div p{
 font-size:16px;
}
.columns-box .inner > div p.title{
 font-size:18px;
 font-weight:bold;
}

.columns_img{
 margin:0 0 20px;
}

.columns_img img{
 width:100%;
}


.button-inc{
 margin:20px auto 60px;
 padding:0 20px;
 text-align:center;
 max-width:960px;
}


.button-inc p{
 font-size:18px;
 padding:20px 0 0;
}
@media screen and (max-width: 780px){
 .button-inc p{
  font-size:16px;
 }

}

ul.columns{
 font-family: 'Noto Sans JP';
    font-size: 18px;
    line-height: 1.5;
    margin: 0;

}


ul.columns li h3 {
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    color: #2E58A6;
    margin: 0 0 15px;
}

@media screen and (max-width: 780px){
  ul.columns{font-size: 16px;}
 ul.columns li h3 {font-size: 18px;}

}

ul.columns li{
 margin:0 0 30px 0;
 
}
ul.columns li:last-child{
  margin:0;
}

ul.columns li dl{
 margin:15px 0;
 display:block;
}
ul.columns li dt{
    min-width: initial;
    width: auto;
    font-size: 18px;
    font-weight:bold;
}

ul.columns li dd{
 text-indent:-18px;
 margin-left:18px;
}

ul.columns li dl.noindent dd{
 text-indent:0;
 margin-bottom:10px;
}
ul.columns li dl.noindent2 dd{
 text-indent:0;
 margin-left:0;
 margin-bottom:10px;
}

.index-item ul li a{
 font-size:14px;
  margin-left:14px;
}
.index-item ul li a:before{
 background:none;
}

.index-item2 ul li a{
  font-size:14px;
  margin-left:28px;
}

.index-item3 ul li a{
  font-size:12px;
  margin-left:42px;
}

.columns-allow {
  width: 40px !important;
  margin: 0 auto 15px;
  display: block;
}

.columns-border {
  padding: 10px 10px;
  border: 1px solid #000;
}


/*  columns_button */
.button-inc .nextpageBtn a{
    width: 320px;
}

.button-inc .nextpageBtn::before {
    right: -12px;
}

@media screen and (max-width: 780px){
  .button-inc .nextpageBtn a {
    width:100%;
    font-size:16px;
  }
  .button-inc .nextpageBtn::before {
      right: 11px;
  }
}


.button-inc .form-read {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: 0;
	margin-bottom: 0;
	margin:auto;
	max-width:900px;
}



@media screen and (max-width: 780px){
 .button-inc .form-read {
  display: block;
  margin-top:30px;
 }

}


.button-inc .p-wp-img{
line-height: 1.8 !important;
	margin: 0 20px 0 0;
	padding: 0;

}
.button-inc .p-wp-txt {
	margin-bottom: 30px;
}



@media screen and (max-width: 780px){
 .button-inc .p-wp-img{
  margin-bottom:15px;
  margin: 0 0 15px 0;
 }
 .button-inc .p-wp-txt {
 	margin-left: 0;
 }
}

.button-inc .p-wp-txt .p-wp-sub {
    line-height: 1.5 !important;
	border: 2px solid #1c1c1c;
	border-radius: 30px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 3px 0;
	text-align: center;
}
.button-inc .p-wp-txt .p-wp-sub.p-wp-sub2{
 margin:20px auto ;
}

.button-inc .p-wp-txt .h2 {
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}

.button-inc .p-wp-txt p {
    margin-bottom: 1rem;
    font-size: 15px;
    line-height: 1 !important;
    padding: 0;
}
.button-inc .p-wp-txt .p-wp-list {
	margin-bottom: 1rem;
	text-align:left;
	line-height: 1.5 !important;
}
.button-inc .p-wp-txt .p-wp-list li {
	font-size: 16px;
	font-weight: bold;
	color: #2e59a6;
}

@media screen and (max-width: 780px){
  .button-inc .p-wp-txt .h2 {
	font-size: 20px;
	text-align: left;
  }
  .button-inc .p-wp-txt p {
    margin-bottom: 1rem;
    font-size: 15px;
    line-height: 1.5 !important;
    padding: 0;
    text-align: left;
   }
}

span.small{
 font-size:14px;
 color: rgb(70, 70, 70);
 font-weight:normal;
}

ul.columns li .tbl{
 border:1px solid #a2b7dc;
 background:#f2f6fd;
 padding:20px;
 display: inline-block;
}

ul.columns li .tbl p span{
  font-weight:normal;
  color:#000;
  display: table-cell;
}

ul.columns li .tbl p {
 line-height: 1.6;
}
ul.columns li .tbl p span.arrow{
 display:block;
 margin:auto;
 text-align:center;
}

@media screen and (max-width: 780px){
  ul.columns li .tbl p span{
    display: block;
  }


}


ul.columns li h4.bold{
 font-weight:bold;
 margin-bottom:15px;
}


ul.columns li h4.bold + p{
 margin-bottom:15px;
}
p.caption{
 margin-top:10px;
 
}
.LightningExperienceQA dl dt,
.LightningExperienceQA dl dd
{
 margin-bottom:15px;

}

.LightningExperienceQA dl dt{
 background:#f2f6fd;
}

h1.columns_title{
text-align: center;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    margin: 0px auto 40px;
}

.button-inc_text{
 font-size:18px;
 margin:0 auto 50px;
}
@media screen and (max-width: 780px){
  .button-inc_text{
   font-size:16px;
   margin:30px auto 30px;
   text-align:left;
  }
}
.button-inc.none .button-inc_text{
 display:none;
}

.interview-img01{
  width: 700px;
    margin: auto;
    text-align: center;
}
@media screen and (max-width: 780px){
  .interview-img01{
    width: 100%;
  }
}
.interview-text b {
  font-weight: bold;
  }

/* ------- 2021.09.06 ---------- */
h2.link-title{
  font-size:30px;
  background-color:#2E58A6;
  color:#fff;
  border-left:none;
  padding:15px 30px;
}
h2.link-title span{
 font-family:'Noto Sans CJK JP Medium';
 font-size: 18px;
 font-weight:100;
}
.interview-text .columns-box .inner > div p.title{
  font-size:20px;
  line-height:1.3em;
  margin-top:0;
}
.interview-text .columns-box .inner > div p{
font-size:15px;
margin-top:10px;
}
@media screen and (min-width:781px){
  .interview-text .columns-box .inner > div{
    max-width:288px;
  }
}
@media screen and (max-width:780px){
 .interview-text .columns-box .inner > div{
    margin-bottom:40px;
  }
  h2.link-title{
    font-size:24px;
    line-height:36px;
    padding:10px;
  }
  h2.link-title span{
    font-size:14px;
    line-height:20px;
    margin-top:10px;
    display:inline-block;
  }
}