@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　Main Index
---------------------------------------*/

#index {
  margin: 0;
  padding: 25px;
}

#index .headArea {
  margin: 0 0 25px;
}

#index .headArea h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 10px;
}

#index .sec01 h2,
#index .sec02 h2 {
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 10px;
}

#index .sec01 h3,
#index .sec02 h3 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 10px;
}

#index .sec01 h4,
#index .sec02 h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}

#index .sec01 h5,
#index .sec02 h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}

#index .sec01 h6,
#index .sec02 h6 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}

#index .sec01 p.lead,
#index .sec02 p.lead {
  margin: 0 0 30px;
}

#index .sec01 {
  margin: 0 0 50px;
  padding: 25px;
  border: 1px solid #D5D5D5;
}

#index .sec02 {
  margin: 0 0 50px;
  padding: 25px;
  border: 1px solid #D5D5D5;
}

#index .sec01 p,
#index .sec02 p {
  margin: 0 0 20px;
}

#index .sec01 p:last-child,
#index .sec02 p:last-child {
  margin: 0;
}

/*--------------------------------------
　Category
---------------------------------------*/

#category {
  margin: 0;
  padding: 25px;
}

#category .headArea {
  margin: 0 0 25px;
}

#category .headArea h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 10px;
}

#category ul.indexList {
}

#category .indexList li {
  margin: 0 0 25px;
  padding: 25px;
  border: 1px solid #D5D5D5;
}

#category .indexList h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
}

#category .indexList h2 a {
  text-decoration: none;
  color: #444444;
}

#category .indexList p.lead {
  margin: 0 0 20px;
  font-size: 13px;
}

#category .indexList .botLink {
  background: #B5B5B5;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 15px;
  line-height: 1.3;
  margin: 0 0 0 45%;
  padding: 8px 0 10px;
  text-align: center;
  text-decoration: none;
  width: 55%;
}

/*--------------------------------------
　Page
---------------------------------------*/

#page {
  margin: 0;
  padding: 25px;
}

#page .headArea {
  margin: 0 0 25px;
}

#page .headArea h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 10px;
}

#page .sec01 h2,
#page .sec02 h2 {
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 10px;
}

#page .sec01 h3,
#page .sec02 h3 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 10px;
}

#page .sec01 h4,
#page .sec02 h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}

#page .sec01 h5,
#page .sec02 h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}

#page .sec01 h6,
#page .sec02 h6 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}

#page .sec01 p.lead,
#page .sec02 p.lead {
  margin: 0 0 30px;
}

#page .sec01 {
  margin: 0 0 50px;
  padding: 25px;
  border: 1px solid #D5D5D5;
}

#page .sec02 {
  margin: 0 0 50px;
  padding: 25px;
  border: 1px solid #D5D5D5;
}

#page .sec01 p,
#page .sec02 p {
  margin: 0 0 20px;
}

#page .sec01 p:last-child,
#page .sec02 p:last-child {
  margin: 0;
}

#main section#interview_intro h2.sidebar{font-size:2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:0px;
	&:before,&:after{content:'';display:block;flex-grow:1;background:#000;height:2px;}
	& span{flex-shrink:0;margin:0 1rem;}

}

.interview_lists{margin:0 auto;
	& .item{display:block;cursor:pointer;
		& picture img{width:100%;height:auto;display:block;}
		& .bg_blk.posts{color:#FFF;text-align:center;background:#000;line-height:1;padding:5px;display:block;}
		& .serif.names{font-size:2.5rem;font-family:serif;font-weight:600;margin:0.4em 0 0.2em;}
		&:hover{color:#999;}
	}
}

.second #main{
	& .about_tab.recruit_menu{
		& > li{
			& > a{padding:0.75rem 0;font-size:1.125em;}
		}
	}
}

#main > .interview_foot_menu{max-width:100vw;position:relative;background:#e9eaea;padding-bottom:4rem;
	&:before{position:absolute;top:0;left:0;content:'';display:block;width:100vw;height:150px;background:#FFF;z-index:0;}
}

#main > section.interview_main{padding-top:0rem;position:relative;width:100vw;padding-top:3rem;max-width:none;
	&:before{position:absolute;top:0;left:0;content:'';display:block;width:100vw;height:340px;background:#e9eaea;z-index:0;}
	& .about_tab{}
	& .sticky_wrap{position:relative;align-items:flex-start;
		& .sticky_item{position:sticky;top:2rem;
			@media screen and (max-width:640px){position:relative;display:none;}
		}
		& .cont{
			& h2{font-weight:500;text-align:left;line-height:1.25;font-size:2rem;border:0;margin-bottom:6rem;display:flex;height:9rem;align-items:center;
				@media screen and (max-width:640px){position:relative;left:-5vw;width:100vw;box-sizing:border-box;height:auto;padding:0rem 5vw 2rem 3vw;background: #e9eaea;display:flex;margin-bottom:5vw;
					& img{    height: 20rem;width: auto;display: block;flex-shrink: 0;margin-right: 3vw;}
				}
			}
			& .prof{background:#929497;color:#FFF;display:flex;align-items:center;position:sticky;top:0;z-index:5;
				& > dt{background:#e91d25;font-size:3rem;font-family:serif;padding:0 0.5rem 0 2rem;display:flex;align-items:center;justify-content:end;position:relative;height:9rem;margin-right:4.5rem;
					&:after{content:''; width: 0;height: 0;border-right: 4rem solid transparent;border-top: 9rem solid #e91d25;position:absolute;left:100%;}
				}
				& > dd{}
			}
			& p.lead{font-size:1.25rem;font-weight:600;}
			& h3{font-size:1.5rem;margin-bottom:1rem;position:relative;padding-left:1.2em;margin-top:2rem;padding-top:2rem;border-top:1px solid #000;
				&:before{content:'';display:block;position:absolute;left:0;top:2rem;width:1em;height:1em;background:url(../images/icon_interview_h3.webp) center center no-repeat;background-size:contain;}
			}
			& .holiday{background:#998675;border-radius:1.5rem;padding:1.5rem;color:#FFF;align-items:center;margin-top:3rem;
				& h4{font-size:1.5rem;border:0;padding:0;margin:0 0 0.5rem 0;margin-top:1rem;}
				& p{line-height:1.8;}
				& img{max-width:min(236px,50vw);}
			}
		}
	}

}

/** 2026.09.05 **/

.top_movie{width:100%;position:relative;
	& video{aspect-ratio: 16 / 9;object-fit: cover;width:100%;height: auto;max-height: calc(100dvh - 206px);}
	& .top_movie_txt{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);color:#FFF;font-family:serif;font-weight:600;font-size:3dvw;text-shadow:0 0 1px #000000,0 0 10px #000000;padding:1rem;background:#00000066;white-space: nowrap;}
	& .top_movie_txt {opacity:0;background:none;transition:all 1s;
		&.active{opacity:1;}
	}
}

@media screen and (max-width: 800px){
	.top_movie{
		& video{aspect-ratio: 7 / 9;}
		& .top_movie_txt{font-size:5dvw;}
	}
}

#main article{padding:3rem 0px;width:100%;max-width:1000px;margin:0px auto;}
#main article section.article_head{}
#main article section.article_head time{display:block;font-weight:bold;font-size:1rem;margin-bottom:0.5rem;}
#main article section.article_head h2{font-size:1.3rem;padding-bottom:2rem;text-align: left;font-weight:bold;}

#main article section.article_content h1,#main article section.article_content h2
{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#main article section.article_content h1{font-size:1.8rem;margin:3rem 0px 2rem;}
#main article section.article_content h2{font-size:1.4rem;margin:3rem 0px 2rem;text-align:left;}
#main article section.article_content h3{font-size:1.2rem;padding:0.6rem 1rem;border-left:6px solid #E20B20;background:#9E9E9F;margin:3rem 0px 1rem;color:#FFF;}
#main article section.article_content h1{}

#main article section.article_content{padding:2rem 0px;line-height:1.6;}
#main article section.article_content p{word-break: break-all;clear:both;}
#main article section.article_content strong{color:#E20B20;}

#main article section.article_content img{}
#main article section.article_content img.alignleft{float:left;margin-right:1rem;margin-bottom:1rem;}
#main article section.article_content img.alignright{float:right;margin-left:1rem;margin-bottom:1rem;}

#main article section.article_content ul{margin: 10px 0px;padding:10px;}
#main article section.article_content ul li{list-style-type:none;padding-left:1.2rem;position:relative;margin:10px 0px;color:#5a3c14;font-size:1rem;}
#main article section.article_content ul li:before{content:"";display:block;width:0rem;height:0rem;left:5px;top:0.4rem;position:absolute;border:0.4rem solid transparent;border-left:0.5rem solid #E20B20;}
#main article section.article_content ul li a{color:#0064AA;}
#main article section.article_content  ol{list-style: none;counter-reset: ol_li; margin: 10px 0px;padding:10px;}
#main article section.article_content  ol li {position:relative;margin: 0px 0px 0px 0px;padding: 0px 0px 5px 1.2rem;line-height: 1.5em;}
#main article section.article_content  ol li:before {width:1rem;height:1rem;text-align:center;line-height:1.3em;color: #E20B20;font-weight:bold;margin-right: .8em;counter-increment: ol_li;content: counter(ol_li);display:block;position:absolute;left:0px;top:2px;font-size:1rem;}

#main p.lead{font-size:1.2rem;}

#main article section.article_content table {border-collapse:separate;border-spacing:3px;empty-cells:hide;font-size: 1rem;margin: 1.5rem 0px;}
#main article section.article_content thead th{background-color:#F5F2F0;text-align:center;padding: 0.8rem;font-size:1.1em;line-height:1.4em;}
#main article section.article_content tbody th{text-align:left;background:#FDEAEB;padding:0.8rem;}
#main article section.article_content td {padding:0.8rem;background:#FBFAF9;line-height:1.4em;}


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

#main article section.article_content img{display:block;width:auto;height:auto;max-width:100%;margin:1rem auto;}
#second article section.article_content img.alignleft,
#second article section.article_content img.alignright{float:none;margin:1rem auto;}


}


body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {background:url(../images/title.png) center center no-repeat;background-size:contain;width:290px;}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}