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

body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/interview/interview_bk.jpg) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }
body.page-tvcm::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/interview/tvcm_bk.jpg); /*fixedをトル！*/
	-webkit-background-size: cover;/*Android4*/
  }
.interview_wrap {
	width: auto;
	margin-right: 40px;
	margin-left: 40px;
	margin-top: 240px;
	letter-spacing:0.06em;
	line-height:2;
}
ul.tab {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 5px solid #EE811C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tab li {
	background-color: #B3B3B3;
	color: #FFFFFF;
	text-align: center;
	font-size: 25px;
	width: 49.4%;
	margin-right: 1.2%;
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top: 15px;
	padding-bottom: 0.5%;
}
.tab li a {display: block;}
.tab li img {
    width: auto;
    height: 48px;
	position: relative;
    top: 4px;
}
.tab li + li {
	margin-right: 0%;
	padding-top: 18px;
}
.tab li.active {
	background-color: #EE811C;
}
.interview_content {
	width: 100%;
	background-color: rgba(255,255,255,0.90);
	color: #231815;
	padding-top: 55px;
	padding-right: 7%;
	padding-bottom: 7%;
	padding-left: 7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin-bottom: 90px;
}
.interview_content h2 {
	text-align: center;
	font-size: 36px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 70px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 36px;
}
.page-tvcm .interview_content h2 {
	text-align: left;
	font-size: 36px;
	border-left: 10px solid #B28012;
	padding-left: 15px;
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 55px;
}
.page-tvcm .interview_content p {
	font-size:22px;
	line-height: 1.9;
	font-weight: 600;
	margin-bottom: 50px;
}
.interview_content p.read {
	font-size: 22px;
	line-height: 1.9;
	margin-bottom: 50px;
	font-weight: 600;
}
.img_b {
	width: 100%;
	margin-bottom: 40px;
}
.img_b:after {content: '';display: block;clear: both;}
.img_b .ph {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.page-tvcm .img_b .ph {
	margin-bottom: 50px;
}
.img_b .ph img {
	width: 100%;
}
.img_b p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	font-size: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 24px;
}
.txt {
	font-size:22px;
	line-height: 1.9;
	margin-bottom: 90px;
	font-weight: 600;
}
.txt .que {
	color: #B28012;
}
.txt .ans {
	margin-bottom: 50px;
}
.p_num {
	font-size: 18px;
	color: #B3B3B3;
	display: block;
	text-align: right;
}
.p_num span {
	font-size: 12px;
}
.page_nav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #CCCCCC;
	position: relative;
	padding-top: 20px;
}
.prev {
	width: 46px;
	height: 46px;
	background-image: url(../images/interview/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 20px;
}
.next {
	width: 46px;
	height: 46px;
	background-image: url(../images/interview/next.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-indent: -9999px;
	position: absolute;
	right: 0px;
	top: 20px;
}
.prev a,
.next a {
	width: 46px;
	height: 46px;
	display: block;
}
.link-no {opacity: 0.5;}
ul.page_nation {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	width: 256px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.page_nation li {
	width: 46px;
	height: 46px;
	margin-right: 7px;
	margin-left: 7px;
	display: inline-block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.page_nation li a {display: block;}
.p01 {
	background-image: url(../images/interview/p01.png);
}
.p02 {
	background-image: url(../images/interview/p02.png);
}
.p03 {
	background-image: url(../images/interview/p03.png);
}
.p04 {
	background-image: url(../images/interview/p04.png);
}
.p01.active {
	background-image: url(../images/interview/p01_active.png);
}
.p02.active {
	background-image: url(../images/interview/p02_active.png);
}
.p03.active {
	background-image: url(../images/interview/p03_active.png);
}
.p04.active {
	background-image: url(../images/interview/p04_active.png);
}