@charset "UTF-8";
/**********************************************************************
margin / padding
*********************************************************************/


.l-content--2column .l-content__main {
    max-width: 90%;
    width: 90%;
    margin: auto;
}
.l-content--2column .l-content__main .main_inner {
    background: #fff;
    padding: 1px 30px;
}

.u-page-support {
    background-image: url(/interview/images/bg.gif);
}
.hd_blue {
    display: inline-block;
    transform: skewX(328deg);
    padding: 0.8em 1.8em;
    background: #4dbeff;
    font-size: 16px;
    margin: 0 0 0 20px;
    margin-bottom: 0!important;
    border-radius: 3px;
}
.hd_blue span {
    display: inline-block;
    transform: skewX(32deg);
    color: #fff;
    font-size: 24px;
    font-weight: lighter;
}




.mt5 { margin-top: 5px !important; }
  .mt10 { margin-top: 10px !important; }
  .mt15 { margin-top: 15px !important; }
  .mt20 { margin-top: 20px !important; }
  .mt30 { margin-top: 30px !important; }
  .mt40 { margin-top: 40px !important; }
  .mt50 { margin-top: 50px !important; }
  .mt60 { margin-top: 60px !important; }
  .mt80 { margin-top: 80px !important; }
  .mb5 { margin-bottom: 5px !important; }
  .mb10 { margin-bottom: 10px !important; }
  .mb15 { margin-bottom: 15px !important; }
  .mb20 { margin-bottom: 20px !important; }
  .mb30 { margin-bottom: 30px !important; }
  .mb40 { margin-bottom: 40px !important; }
  .mb50 { margin-bottom: 50px !important; }
  .mb60 { margin-bottom: 60px !important; }
  .mb80 { margin-bottom: 80px !important; }
  .lr_p20 { padding: 0 20px !important; }
  .p10 { padding: 10px !important; } 
  .pt10 { padding-top: 10px !important; }
  .pt20 { padding-top: 20px !important; }
  .p20 { padding: 20px !important; } 
  .pl20 { padding-left: 20px !important; }
  .pr20 { padding-right: 20px !important; }


.w100 { width: 100%!important; }

.w80 { width: 80%!important; }
.w70 { width: 69%!important; }
.w60 { width: 59%!important; }
.w50 { width: 50%!important; }

.w40 { width: 40%!important; }
.w30 { width: 30%!important; }

.radius5 { border-radius: 5px; }



@media screen and (max-width: 768px) {
.w30 { width: 100%!important; }
.w70 { width: 100%!important; }
	  .pl20 { padding-left:0 !important; }
  .pr20 { padding-right: 0 !important; }
	.smp_w100 { width: 100%!important; }
	 }


@media screen and (min-width: 768px) { .smp_only { display: none !important; } }

@media screen and (max-width: 768px) { .pc_only { display: none !important; } }

.center { text-align: center; }

.left { text-align: left; }

.right { text-align: right; }

.hidetext { overflow: hidden; font-size: 1px; text-indent: -9999px; }

.none { display: none; }

.txt_x-large { font-size: 131%; }

.txt_large { font-size: 116%; }

.txt_small { font-size: 85%; }

.txt_x-small { font-size: 77%; }

.thin { font-weight: normal; }

.attenntion { margin-left: 1em; line-height: 140%; text-indent: -1em; }

.red { color: #ff4545; }

.blue { color: #3bb4ff; }

.pink { color: #ff68e9; }

.green { color: #408768; }

.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.italic { font-style: italic; }

.bold { font-weight: bold; }

.large { font-size: 130%; }

.m_large { font-size: 160%; }

.s_large { font-size: 200%; }

@media screen and (max-width: 768px) { .large { font-size: 120%; }
  .m_large { font-size: 140%; }
  .s_large { font-size: 180%; } }




ul.eirGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 0;
    padding: 0;
    /*max-width: 840px;*/
    flex-direction: row;
    flex-wrap: wrap;
}



ul.eirGroup li {
    font-size: 2.3rem;
    line-height: 1.33333;
    position: relative;
    width: 32%;
    margin: 0 0.5%;
    list-style: none;
    text-align: center;
    border: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* background: #fff; */
}


ul.eirGroup li a {
    padding: 1.5em 0 0;
}


@media screen and (max-width: 768px) {
.hd_blue span {
    font-size: 16px;
}


ul.eirGroup li {
	width: 49%;
}
ul.eirGroup li a {
    padding: 0;
}

.p-image {
    margin: 0 0 20px;
}
.l-block p {

    margin: 5px auto 20px;
}
	
.l-content--2column .l-content__main .main_inner {
    padding: 1px 2%;
}
}


.l-block--2column {
    max-width: 840px;
    margin: 2em auto;
}

.int_timeline .l-block--2column {
    max-width: 840px;
    margin: 2em auto;
}
.l-block.l-block--2column img {
/*    height: 175px;
    object-fit: cover;*/
}
.c-heading--heading2 {
    font-weight: 600;
    border-bottom: 5px #4dbeff solid;
    padding: 10px 0;
    white-space: unset;
    text-align: left;
    margin: 40px 0 10px;
}



.u-button-group .c-button {
    margin: 0 1em;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(77, 190, 255);
    background-color: rgb(255, 255, 255);
    box-shadow: 4px 5px 0px 0px rgb(255 252 0);
    font-size: 120%;
    font-weight: 500;
    color: #000;
	     transition:0.5s;
}

.u-button-group .c-button:hover {
    background: rgb(76 190 255 / 100%);
    color: #fff!important;
}




.int_timeline{

    background: url(images/line_h_border.png) #fff;
    background-repeat: repeat-y;
    background-position: 50% 50%;
}

.int_timeline .l-block__item {
    width: 49%;
}

/*.p-image .p-image {
    background: url(/interview/images/line_h_border_x.png);
    background-repeat: repeat-x;
    background-position: 0 16.6%;
}
*/
.l-block__item.p-contents-header__lead:nth-child(odd) h2 {
    color: #4dbeff;
    border-bottom: 5px #fffc00 solid;
    width: calc(100% + 90px);
    padding-right: 90px;
	white-space: nowrap;
}

.l-block__item.p-contents-header__lead:nth-child(even) h2 {
    color: #4dbeff;
    border-bottom: 5px #fffc00 solid;
    width: calc(100% + 90px);
    margin-left: -90px;
    padding-left: 90px;
    white-space: nowrap;
}


@media screen and (max-width: 1024px) {
        .int_timeline .l-block__item:nth-child(1) { order: 2; }
        .int_timeline .l-block__item:nth-child(2) { order: 1; }
        .int_timeline .l-block__item:nth-child(3) { order: 3; }
        .int_timeline .l-block__item:nth-child(4) { order: 4; }

	       .int_timeline .l-block__item:nth-child(5) { order: 6; }
        .int_timeline .l-block__item:nth-child(6) { order: 5; }
        .int_timeline .l-block__item:nth-child(7) { order: 7; }
        .int_timeline .l-block__item:nth-child(8) { order: 8; }
	
	       .int_timeline .l-block__item:nth-child(9) { order: 10; }
        .int_timeline .l-block__item:nth-child(10) { order: 9; }

        .int_timeline .l-block__item:nth-child(11) { order: 11; }
	
        .int_timeline .l-block__item:nth-child(12) { order: 12; }
	
        .int_timeline .l-block__item:nth-child(13) { order: 13; }
	
	
	
	
.l-block__item.p-contents-header__lead h2 {
    background: #fff;
/*    border-bottom: none!important;*/
    text-align: center;
    padding-right: 0;
    padding-left: 0;
	    margin: 10px 0 -10px;
}
	
.l-block__item.p-contents-header__lead:nth-child(even) h2 {
    margin: 10px 0 -10px;
    padding-left: 0;
    width: 100%;
}
.int_timeline .l-block__item p {
    background: #fff;
}
	
}



@media only screen and (max-width: 959px) {
.l-inner--contents {
    max-width: none;
    padding-right: 2%;
    padding-left: 2%;
}
	
	
.u-page-support .w40 {
	width: 100%!important;
}
	
.u-page-support .w60 {
		width: 100%!important;
}
	
	}




#interview_top header.p-contents-header {
    border-bottom: 5px #fffc00 solid;
    margin-bottom: 0;
}







#interview header.p-contents-header {
    border-bottom: none;
    margin-bottom: 0;
}

#interview .l-content--2column .l-content__main {
    max-width: 840px;
    width: 100%;
    margin: auto;
}


#interview .int_timeline h2 {
    font-size: 22px;
}
#interview .int_timeline img {
    width: 100%;
    height: 206px;
    object-fit: contain;
    margin: 20px auto 40px;
}

@media screen and (max-width: 768px) {
	
	
.int_timeline {
    background-position: 0 50%;
}
	
#interview .int_timeline img {
    margin-bottom: 0;
}
.p-image .p-image {
    background: none;
}
	
#interview .int_timeline h2 {
/*    font-size: 20px;*/
    /* width: 90%; */
    text-align: left;
    padding: 0 0 0 76px;
    font-size: 23px;
    border-bottom: 5px #fffc00 solid;
    width: calc(100% + 76px);
    margin-left: -76px;
    padding-left: 100px;
    background: none;
	
    font-feature-settings: "palt" 1;
    letter-spacing: -1px;
    font-size: revert;
	
}
#interview .l-block__item.w40 img {
    width: 80%!important;
    margin: 0 auto;
    display: block;
/*    height: 170px;
    object-fit: cover;*/
}
	
#interview .l-block p {
    margin: 10px auto 20px;
    padding-bottom: 20px;
}

#interview .l-block.l-block--2column.int_timeline p {
    margin: 30px auto 0px;
    padding-bottom: 20px;
    width: 90%;
}
	
}

@media screen and (min-width: 768px) {
	
	
	.l-block__item.p-contents-header__lead {
    padding: 0 20px;
}

	}






.sp_left{
position: relative;
padding: 8px 20px 10px;
    border-radius: 10px;
    color: #000000;
    background-color: #ffffff;
    margin-left: 110px;
    border: solid 4px #555;
    margin-top: 20px;
	line-height: 1.6;
	min-height: 82px;
	    display: table;
	width: -webkit-fill-available;
}

.sp_left .icon {
    position: absolute;
    left: -110px;
    top: -7px;
}

.sp_left::before{
content: "";
    position: absolute;
    top: 36px;
    left: -22px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
}
.sp_left::after {
    content: "";
    position: absolute;
    top: 36px;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #555;
    z-index: 1;
}
	
	


.sp_right{
  position: relative;
padding: 8px 20px 10px;
  border-radius: 10px;
border: solid 4px #e7e7e7;
  color: #000000;
  background-color: #fff;
  margin-right: 110px;
	    margin-top: 20px;
		line-height: 1.6;
		min-height: 82px;
	    display: table;
	width: -webkit-fill-available;
}

.sp_right .icon{
  position: absolute;
  right: -110px;
    top: -7px;
}

.sp_right::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -10px;
    top: 24px;
    border-left: 12px solid #ffffff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    z-index: 2;
}  
	
.sp_right::after {
    content: "";
    position: absolute;
    top: 36px;
    right: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-left: 14px solid #e7e7e7;
    z-index: 1;
}
							
.sp_left.gt_02 {border: solid 4px #e1f8ff;}
.sp_left.gt_02::after {border-right: 14px solid #e1f8ff;}
							
.sp_left.gt_03 {border: solid 4px #f1d6ea;}
.sp_left.gt_03::after {border-right: 14px solid #f1d6ea;}	
							
.sp_left.gt_04 {border: solid 4px #ffedb3;}
.sp_left.gt_04::after {border-right: 14px solid #ffedb3;}
							
.sp_left.gt_05 {border: solid 4px #d0ceff;}
.sp_left.gt_05::after {border-right: 14px solid #d0ceff;}	


#interview .sp_right p {
    margin: auto;
	font-size: 1.6rem;
	  display: table-cell;
  vertical-align: middle;
}

#interview .sp_left p {
    min-height: 34px;
/*    padding-top: 5px;*/
    margin: auto;
	font-size: 1.6rem;
	  display: table-cell;
  vertical-align: middle;
}


@media screen and (max-width: 768px) {
#interview .sp_right p, #interview .sp_left p {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
	font-size: 1.4rem;
}
}