@charset "UTF-8";

header{
background: url("../images/bg_main.png") 45% bottom no-repeat;
background-size: 200%;
padding: 14vw 0 6vw 0;
}
header article{
width: 94vw;
margin: 0 auto;
position: relative;
text-align: right;
}
header>article>picture>img{
width: 100%;
border-radius: 4vw;
}
header>article>img{
position: absolute;
width: 78vw;
top:49vw;
left: 2vw;
}
header article h1,
header article p{
position: relative;
z-index: 1;
}
header article h1{
background: url("../images/ttl.png") center center no-repeat;
background-size: 100%;
width: 45vw;
height: 6vw;
text-align: left;
text-indent: -9999px;
margin: -3.5vw 5vw 2vw auto;
}
header article p{
position: relative;
z-index: 1;
margin-right: 5vw;
font-family: 'Noto Serif JP', serif;
font-size: 6.0vw;
line-height: 1;
}
header article p span:nth-of-type(1){
font-size: 2.8vw;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.5vw;
font-weight: bold;
}
header article p span:nth-of-type(2){
font-size: 4.2vw;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.8vw;
font-weight: 500;
}
header h2{
position: relative;
z-index: 1;
width: 88vw;
margin: 8vw auto 0 auto;
font-family: 'Noto Serif JP', serif;
font-size: 5.0vw;
line-height: 1.6;
font-weight: 500;
}

#cts{
box-sizing: border-box;
width: 100%;
margin: 5vw auto;
padding: 20vw 0 40vw 0;
font-size: 3.4vw;
line-height: 1.9;
position: relative;
background: url("../images/interview_bg1_sp.png") center 0%;
background-size: 100%;
}
#cts p{
text-align: justify;
width: 86%;
display: block;
margin: 0 auto;
}
#cts p:nth-of-type(1){
margin-top: -20vw;
}
#cts img{
width: 86%;
display: block;
border-radius: 4vw;
margin: 3em auto;
}

#interview{
background:url("../../images/bg_interview.png") top center no-repeat;
background-size: 200%;
padding: 25vw 0 45vw 0;
text-align: center;
margin-top: -20vw;
}
#interview h3{
position: absolute;
background: url("../images/ctgry_footer.png") bottom right no-repeat;
background-size: 100%;
width: 75vw;
height: 9vw;
top: 20vw;
right: 2vw;
margin: auto;
text-indent: -9999px;
}
#interview a{
font-family: 'Noto Serif JP', serif;
color: rgb(51, 51, 51);
text-decoration: none;
font-size: 3.6vw;
line-height: 1.1;
display: inline-block;
margin: 2vw;
width: 40vw;
height: 40.5vw;
}
#interview a:nth-of-type(1){
margin-top: 10vw;
}
#interview a span:nth-of-type(1){
font-size: 2.2vw;
font-weight: 500;
/*font-weight: bold;*/
}
#interview a span:nth-of-type(2){
font-size: 2.5vw;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.5vw;
font-weight: 500;
}
#interview a img{
width: 1.5vw;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.1vw;
}
#higami{
background: url("../images/higami_menu.png") bottom center no-repeat;
background-size: 100%;
}
#hirai{
background: url("../images/hirai_menu.png") bottom center no-repeat;
background-size: 100%;
}
#imamura{
background: url("../images/imamura_menu.png") bottom center no-repeat;
background-size: 100%;
}
#sakurai{
background: url("../images/sakurai_menu.png") bottom center no-repeat;
background-size: 100%;
}
#takahashi{
background: url("../images/takahashi_menu.png") bottom center no-repeat;
background-size: 100%;
}

.footerMenuBR{
display: none;
}

/*PC*/
@media screen and (min-width:835px){

header{
padding: 6.5vw 0 4vw 0;
}
header article{
width: 90vw;
}
header>article>picture>img{
border-radius: 1.5vw;
}
header>article>img{
width: 58vw;
top:34vw;
left: 2vw;
}
header article h1{
background: url("../images/ttl.png") center center no-repeat;
background-size: 100%;
width: 30vw;
max-width: 410px;
height: 4vw;
max-height: 50px;
text-align: left;
text-indent: -9999px;
margin: -2.0vw 3vw 1.5vw auto;
}
header article p{
position: relative;
z-index: 1;
margin-right: 3vw;
font-family: 'Noto Serif JP', serif;
font-size:min(5.5vw, 58px);
line-height: 1;
font-weight:lighter;
}
header article p span:nth-of-type(1){
font-size:min(2.0vw, 24px);
display: inline-block;
vertical-align: middle;
margin-bottom: 0.4vw;
font-weight: 400;
}
header article p span:nth-of-type(2){
font-size:min(3.2vw, 38px);
display: inline-block;
vertical-align: middle;
margin-bottom: 0.8vw;
font-weight:lighter;
}
header h2{
width: 88vw;
max-width: 880px;
margin: 4vw auto 0 auto;
font-family: 'Noto Serif JP', serif;
font-size:min(4.3vw, 44px);
line-height: 1.4;
font-weight:lighter;
}

#cts{
margin: -13vw auto 2vw auto;
font-size:min(3.0vw, 18px);
background: url("../images/interview_bg1_pc.png") center top;
background-size: 190%;
padding:15vw 0 30vw 0;
}
#cts p{
width: 88vw;
max-width: 880px;
}
#cts p:nth-of-type(1){
margin-top: 0vw;
}
#cts img{
width: 88vw;
max-width: 880px;
border-radius: 1.5vw;
}

#interview{
padding: 12vw 0 28vw 0;
margin-top: -18vw;
}
#interview h3{
position: absolute;
background: url("../images/ctgry_footer.png") bottom right no-repeat;
background-size: 100%;
width: 50vw;
max-width: 700px;
height: 7vw;
max-height: 90px;
top: 10vw;
right: 2vw;
margin: auto;
text-indent: -9999px;
}
#interview a{
font-family: 'Noto Serif JP', serif;
color: rgb(51, 51, 51);
text-decoration: none;
font-size:min(3.0vw, 25px);
line-height: 1.1;
display: inline-block;
margin: 0.5vw;
width: 40vw;
max-width: 260px;
height: 42vw;
max-height: 270px;
}
#interview a:nth-of-type(1){
margin-top: 7vw;
}
#interview a span:nth-of-type(1){
font-size:min(2.2vw, 14px);
/*font-weight: bold;*/
}
#interview a span:nth-of-type(2){
font-size:min(2.5vw, 16px);
display: inline-block;
vertical-align: middle;
margin-bottom: 0.4vw;
}
#interview a img{
width: 1.0vw;
max-width: 10px;
display: inline-block;
vertical-align: middle;
margin-bottom: 0.6vw;
}

.footerMenuBR{
display: block;
}

}

@media screen and (min-width:1200px){

.footerMenuBR{
display: none;
}

}

/*PC*/
@media screen and (min-width:1260px){

header article{
/*width: 90vw;*/
width: 1134px;
}
header>article>img{
/*width: 58vw;*/
width: 730px;
/*top: 34vw;*/
top: 424px;
/*left: 2vw;*/
left: 25px;
}

}