@charset "utf-8";

/*----------------------------------

	recruit.css

----------------------------------*/

/*recruit top*/

span.num {
    /*font-style: oblique;*/
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    }

    .badge {
        line-height: 1.2 !important;
    }

/*interview画像トリミング*/

ul.interview li img.card-img-top {/*角版の場合 .ofiとセット必須*/
	max-width: none;
	height:35vw;
}

@media (min-width: 576px) {
	ul.interview li img.card-img-top {/*角版の場合 .ofiとセット必須*/
		/*max-height: 128px;*/
        max-height: 200px;
	}
}

@media (min-width: 992px) {
	ul.interview li img.card-img-top {/*角版の場合 .ofiとセット必須*/
		max-height: 280px;
 	}
}

.contentsArea section.interview h3 {
    padding: 0.5rem !important;
}

/*
.contentsArea section.interview h3 span.subText {
    display: block;
    font-size:112.5%;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: rgba(26,92,207,0.15)#1a5ccf;
}
*/

.contentsArea section.interview {
    padding-left: 0;
    padding-right: 0;
}

section.interview div.interviewTop {
    min-height: 360px;
    margin-bottom: 1.5rem;
    margin: 0;
    padding: 0;
    border: 0;
}

section.interview div.interviewTop p {
    color: #fff;
}

section.interview div.interviewTop p span.subText {
    display: inline;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: rgba(26,92,207,0.15)/*#1a5ccf*/;
    color: rgba(255,255,255,0.75);
}

section.interview div.interviewTop p span.copy {
    display: inline;
    background: linear-gradient(135deg, #171c61,#242c97,#1a5ccf);
    padding: 2px;
    line-height: 1.5;
}

section.interview div.interviewTop p span.copy02 {
    display: inline;
    background: linear-gradient(135deg, #1a5ccf,#242c97,#171c61);
    padding: 2px;
    line-height: 1.5;
}

section.interview p.profile {
    padding:0.5rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #1a5ccf,#242c97,#171c61);
}

section.interview div.parts {
    padding: 0 0 1rem 0;
    transition: all .4s ease;
}

.partsBox div.parts:nth-child(2n) {
  background-image: radial-gradient(circle at 30% 50%, rgba(26,182,207,0.8), #fff 35%);/*#1ab6cf*/
}

.partsBox div.parts:nth-child(2n+1) {
  background: radial-gradient(circle at 70% 50%, rgba(26,92,207,0.8), #fff 35%);/*#1a5ccf*/
}
/*
.partsBox div.parts:nth-child(3) {
  background-image: radial-gradient(circle at 30% 50%, rgba(26,182,207,0.8), #fff 35%);#1ab6cf
}

.partsBox div.parts:nth-child(4) {
  background: radial-gradient(circle at 70% 50%, rgba(26,92,207,0.8), #fff 35%);#1a5ccf
}
*/

.contentsArea section.interview h4 {
    border: 0 !important;
    margin-bottom: 0 !important;
}

.contentsArea section.interview h4 span.subText {
    display: block;
    text-align: center;
    font-size:75%;
    /*font-style: oblique;*/
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color:#ccc;
}

.partsBox div.parts:nth-child(2n) h4 span.subText {
    color: rgba(26,182,207,0.5)/*#1ab6cf*/;
}

.partsBox div.parts:nth-child(2n+1) h4 span.subText {
    color: rgba(26,92,207,0.5)/*#1a5ccf*/;
}
/*
.partsBox div.parts:nth-child(3)  h4 span.subText {
    color: rgba(26,182,207,0.5)#1ab6cf;
}*/

section.interview div.interviewTop.interview_file01 {
    background-image: url("/recruit/interview/file01/img/img_top.jpg");
    background-size: cover;
    background-position: top right;
}

section.interview div.interviewTop.interview_file02 {
    background-image: url("/recruit/interview/file02/img/img_top.jpg");
    background-size: cover;
    background-position: top 45%;
}

section.interview div.interviewTop.interview_file03 {
    background-image: url("/recruit/interview/file03/img/img_top.jpg");
    background-size: cover;
    background-position: top right;
}

section.interview div.voice {
    width: 92%;
    margin: auto;
    max-width: 720px;
    padding: 10%;
    background: rgba(255,255,255,0.9);
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

section.interview div.voice p {
    line-height: 2;
}

@media (min-width: 576px) {

    section.interview div.parts {
        padding: 3rem 0 0 0;
    }
    
}

@media (min-width: 992px) {
    
    .contentsArea section.interview {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    section.interview div.parts {
         padding: 6rem 0;
    }

    section.interview div.interviewTop p span.copy02 {
        background: linear-gradient(135deg, #171c61,#242c97,#1a5ccf);
    }

    section.interview div.voice {
        width: auto;
    }

}

@media (min-width: 1200px) {
    
    .contentsArea section.interview {
        padding-left: 0;
        padding-right: 0;
    }

    section.interview div.interviewTop {
        min-height: 520px;
        padding: 0;
    }
    
    section.interview div.parts { 
        padding: 8rem 0;
    }

    section.interview p.profile {
        text-align: right;
    }

    section.interview div.voice {
        width: 100%;
        min-height: 400px;
        padding: 10%;
    }
    
    .partsBox {
      background-color:#fff;
    }

    .partsBox div.parts:nth-child(2n) {
      background-image: radial-gradient(circle at 60% 50%,rgba(26,182,207,0.35), rgba(255,255,255,0) 35%);/* #1ab6cf*/
    }

    .partsBox div.parts:nth-child(2n+1) {
      background: radial-gradient(circle at 35% 50%, rgba(26,92,207,0.35), rgba(255,255,255,0) 35%);/*#1a5ccf*/
    } 
    
    .partsBox.type02 {/*写真点数2*/
      background-image: radial-gradient(circle at 20% 46%, rgba(26,182,207,0.15), #fff 16%);/*#1ab6cf*/
    }
    
    .partsBox.type02 div.parts:nth-child(2n) {
      background-image: radial-gradient(circle at 60% 50%,rgba(26,182,207,0.35), rgba(255,255,255,0) 35%);/* #1ab6cf*/
    }

    .partsBox.type02 div.parts:nth-child(2n+1) {
      background: radial-gradient(circle at 35% 40%, rgba(26,92,207,0.35), rgba(255,255,255,0) 35%);/*#1a5ccf*/
    } 

/*
    .partsBox div.parts:nth-child(3) {
      background-image: radial-gradient(circle at 60% 50%,rgba(26,182,207,0.8), #fff 35%); #1ab6cf
    }
*/
}

@media (min-width: 1600px) {
    
    section.interview div.parts {
        padding: 12rem 0;
    }

}

/*-------------------------------------------------------------------------
	interview broken grid
------------------------------------------------------------------------*/

.front {
    z-index: 99 !important;
}

@media (min-width: 992px) {
    
    .mt-broken {margin-top: -3rem !important;}
    .mr-broken {margin-right: -3rem !important;}
    .mb-broken { margin-bottom: -3rem !important;}
    .ml-broken { margin-left: -3rem !important; }

}

@media (min-width: 1200px) {
    
    .mt-broken {margin-top: -6rem !important;}
    .mr-broken {margin-right: -6rem !important;}
    .mb-broken { margin-bottom: -6rem !important;}
    .ml-broken { margin-left: -6rem !important; }

}

@media (min-width: 1600px) {
    
    .mt-broken {margin-top: -9rem !important;}
    .mr-broken {margin-right: -9rem !important;}
    .mb-broken { margin-bottom: -9rem !important;}
    .ml-broken { margin-left: -9rem !important; }

}

/*インタビュー画像トリミング*/

img.interview {/*.ofiとセット必須*/
	max-width: none;
	height:240px !important;
}

@media (min-width: 576px) {
    img.interview {/*.ofiとセット必須*/
        height:320px !important;
    }
}

@media (min-width: 1200px) {
    img.interview {/*.ofiとセット必須*/
        height:400px !important;
    }
}