@charset "utf-8";

/* ****************************************************
Title: c.css
***************************************************** */
#va {background-image:url(../img/common/i_va.jpg);}

.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.sec01 {padding: 100px 30px 0;}

.sec01 .main-v {
	height: 500px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 15px ;
	margin-bottom: 60px;
}

.sec01 .main-v.sekikawa {
	background-image: url(../img/interview/mv2-1.jpg);
}
.sec01 .main-v.tochi {
	background-image: url(../img/interview/mv9-1.jpg);
}
.sec01 .main-v.miya {
	background-image: url(../img/interview/mv10-1.jpg);
}
.sec01 .main-v.haya {
	background-image: url(../img/interview/mv3-1.jpg);
}
.sec01 .main-v.nou {
	background-image: url(../img/interview/mv4-1.jpg);
}
.sec01 .main-v.ito {
	background-image: url(../img/interview/mv5-1.jpg);
}

.sec01 .main-v.iizumi {
	background-image: url(../img/interview/mv6-1.jpg);
}
.sec01 .main-v.yoshida {
	background-image: url(../img/interview/mv7-1.jpg);
}

.sec01 .main-v .mv_txt{
	width: 450px;
}

.sec01 .main-v .i-catch {
	padding: 20px 20px;
	text-align: center;
}

.sec01 .main-v .i-info {
	background: rgba(255,255,255,0.8);
	padding: 30px 30px 20px;
	max-height: 370px;
}

.sec01 .main-v .i-info .wplace {
	font-size: 90%;
}

.sec01 .main-v .i-info .iname .ja {
	margin-right: 15px;
}

.sec01 .main-v .mv_txt .bf p {
	font-size: 90%;
	line-height: 1.8;
}

.sec01 .main-v .mv_txt .bf p.lss {
	line-height: 1.6;
	letter-spacing: .01em;
}

.sec01 .interview-wrap{
	margin-bottom: 100px;
}

@media screen and (min-width: 740px) {
	.sec01 .iv-wrap >:first-child,
	.sec01 .interview-wrap >:first-child,
	.sec01 .sche-wrap >:first-child,
	.sec01 .holiday >:first-child {
		margin-right: 30px;
	}
}

.sec01  .txt_wrap{
	width: 510px;
}
.sec01  .txt_wrap p small {
	font-size: 12px;
	vertical-align: bottom;
}

.sec01 .thead {
	margin-bottom: 30px;
	font-size: 150%;
	font-weight: bold;
}

.sec01 .sche-wrap {
	margin-bottom: 100px;
}

.sec01 .sche-wrap .sche-img img{
	margin-bottom: 5px;
}

.sec01 .sche-wrap .time-shce{
	width: 360px;
}

.sec01 .sche-wrap .time-shce li {
	margin-bottom: 30px;
}

.sec01 .sche-wrap .time-shce li span.hm {
	display: block;
	font-size: 150%;
	font-weight: 400;
}

.sec01 .holiday .hol-txt {
	width: 360px;
}



@media screen and (max-width: 739px) {
#va {background-image:url(../img/common/i_va-sp.jpg);}
	body#second #pagebody section.sec01 {
		padding: 40px 0;
	}
	.sec01 .main-v {
		height: inherit;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 0;
		margin-bottom: 0;
	}

	.sec01 .main-v .mv_txt{
		margin-bottom: 40px;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.sec01 .main-v.sekikawa,
	.sec01 .main-v.tochi,
	.sec01 .main-v.miya,
	.sec01 .main-v.haya,
	.sec01 .main-v.nou,
	.sec01 .main-v.ito,
	.sec01 .main-v.iizumi,
	.sec01 .main-v.yoshida{
		background-image: none;
	}

	.sec01 .main-v .i-info {
		height: auto;
		max-height: inherit;
	}

	.sec01 .main-v .i-catch {
			padding: 20px;
			margin-top: 10px;
	}

	.sec01 .interview-wrap,
	.sec01 .iv-wrap{
		margin-bottom: 100px;
		padding: 0 20px;
	}


	.sec01 .smb30 {
		margin-bottom: 30px !important;
	}

	.sec01 .interview-wrap.flwprow {
		flex-direction: column-reverse;
	}

	.sec01 .interview-wrap .txt_wrap {
		margin-bottom: 30px;
	}

	.sec01 .interview-wrap .in-img img,
	.sec01 .iv-wrap .in-img img{
		width: 100%;
	}
	.sec01 .txt_wrap {
		width: 100%;
	}

	.sec01 .sche-wrap,
	.sec01 .holiday {
		padding: 0 20px;
	}

	.sec01 .sche-wrap .sche-img img,
	.sec01 .holiday .holi-img img{
		width: 100%;
	}

	.sec01 .sche-wrap .time-shce,
	.sec01 .holiday .hol-txt {
		margin-top: 30px;
	}
}


/*2024*/

@media screen and (min-width: 740px) {
.w360{
	max-width: 360px;
}
.w340{
	max-width: 340px;
}
.newlayout .sec01 .txt_wrap {
    width: 610px;
}
.newlayout .sec01 .holiday .hol-txt {
    width: 430px;
}
}