#interview article {
		margin: 0 auto 200px;
}
#interview article img {
		width: 100%;
}
#interview article section {
		width: 100%;
		margin: 0 auto;
}
#interview article .content {
		width: 95%;
		max-width: 1200px;
		margin: 0 auto;
}
#interview article p {
		color: #231815;
}
#interview article .lead {
		font-size: 18px;
		letter-spacing: 0.15em;
		line-height: 1.8em;
		text-align: center;
}
#interview article .note {
		font-size: 10px;
		letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .lead {
				font-size: 14px;
		}
		#interview article .note {
				font-size: 10px;
		}
}
#interview article .main_wrap {
		overflow: visible;
}
#interview article .main {
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		position: relative;
}
#interview article .main .imgbox {
		width: 100%;
		height: 100%;
		background-image: url(../images/interview/main.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
}
#interview article .main .main_txt {
		width: 100%;
		max-width: 800px;
		bottom: -13%;
		left: 5%;
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
#interview article .main .main_txt img {
		width: calc(98%/2);
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .main {
				width: 100%;
				height: 40vh;
		}
		#interview article .main .imgbox {
				background-image: url(../images/interview/main.jpg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
		}
		#interview article .main .main_txt {
				max-width: 290px;
				bottom: -250px;
				left: 50%;
				-webkit-transform: translate(-50%, 0);
				        transform: translate(-50%, 0);
				position: absolute;
				display: block;
		}
		#interview article .main .main_txt img {
				width: 100%;
		}
}
#interview article .bnr_area {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#interview article .bnr_area div {
		width: calc(95%/2);
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .bnr_area {
				width: 95%;
		}
		#interview article .bnr_area div {
				width: calc(98%/2);
		}
}
#interview article .main_copy {
		width: 100%;
		margin: 100px auto 0;
}
#interview article .main_copy .content div {
		width: 100%;
		margin: 0 auto;
}
#interview article .main_copy .content div:nth-of-type(2) {
		width: 100%;
		max-width: 850px;
		margin: 0 auto;
}
#interview article .main_copy .content div:nth-of-type(2):last-child {
		margin-right: 0;
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .main_copy {
				margin: 280px auto 0;
		}
		#interview article .main_copy .content div {
				width: 95%;
		}
		#interview article .main_copy .content div .lead {
				font-size: 12px;
		}
		#interview article .main_copy .content div:nth-of-type(2):last-child {
				margin-right: auto;
		}
}
#interview article .tab_area {
		width: 100%;
		margin: 0 auto;
		padding: 200px 0 50px;
		max-width: 1000px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#interview article .tab_area .tab {
		width: calc(90%/3);
		position: relative;
		border: 1px solid #f08300;
		-webkit-transition: 0.5s;
		transition: 0.5s;
}
#interview article .tab_area .tab.active, #interview article .tab_area .tab:hover {
		background: #f08300;
		-webkit-transition: 0.5s;
		transition: 0.5s;
}
#interview article .tab_area .tab.active p, #interview article .tab_area .tab:hover p {
		color: #fff;
		-webkit-transition: 0.5s;
		transition: 0.5s;
}
#interview article .tab_area .tab a {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 10%;
}
#interview article .tab_area .tab p {
		color: #f08300;
		font-size: 18px;
		letter-spacing: 0.2em;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: 0.5s;
		transition: 0.5s;
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .tab_area {
				width: 95%;
				padding: 40px 0 20px;
		}
		#interview article .tab_area .tab {
				width: calc(98%/3);
		}
		#interview article .tab_area .tab p {
				font-size: 10px;
				letter-spacing: 0.1em;
		}
}
#interview article .sec01 .int_01, #interview article .sec01 .int_02, #interview article .sec01 .int_03, #interview article .sec02 .int_01, #interview article .sec02 .int_02, #interview article .sec02 .int_03, #interview article .sec03 .int_01, #interview article .sec03 .int_02, #interview article .sec03 .int_03 {
		padding: 0;
		position: relative;
}
#interview article .sec01 .int_01 .back, #interview article .sec01 .int_02 .back, #interview article .sec01 .int_03 .back, #interview article .sec02 .int_01 .back, #interview article .sec02 .int_02 .back, #interview article .sec02 .int_03 .back, #interview article .sec03 .int_01 .back, #interview article .sec03 .int_02 .back, #interview article .sec03 .int_03 .back {
		width: 100%;
		height: 800px;
		left: 0;
		position: absolute;
		background: #f7f8f8;
		z-index: 0;
}
#interview article .sec01 .orange, #interview article .sec02 .orange, #interview article .sec03 .orange {
		width: 100%;
		border-bottom: 1px solid #f08300;
		position: relative;
		padding: 100px 0 0;
		z-index: 5;
}
#interview article .sec01 .orange p, #interview article .sec02 .orange p, #interview article .sec03 .orange p {
		color: #f08300;
		padding: 0 0 20px;
		font-size: 24px;
}
#interview article .sec01 .sub_txt, #interview article .sec02 .sub_txt, #interview article .sec03 .sub_txt {
		width: 100%;
		max-width: 800px;
		margin: 100px auto 0;
		position: relative;
		z-index: 5;
}
#interview article .sec01 .int_area, #interview article .sec02 .int_area, #interview article .sec03 .int_area {
		width: 100%;
		margin: 100px auto 0;
		position: relative;
		z-index: 5;
}
#interview article .sec01 .int_area .flex_area, #interview article .sec02 .int_area .flex_area, #interview article .sec03 .int_area .flex_area {
		width: 95%;
		max-width: 1000px;
		margin: 0 auto 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
#interview article .sec01 .int_area .img_area, #interview article .sec02 .int_area .img_area, #interview article .sec03 .int_area .img_area {
		position: relative;
}
#interview article .sec01 .int_area .img_area .note, #interview article .sec02 .int_area .img_area .note, #interview article .sec03 .int_area .img_area .note {
		color: #000;
		left: 5px;
		bottom: 10px;
		position: absolute;
		padding: 5px;
		background: #fff;
}
#interview article .sec01 .int_area .question, #interview article .sec02 .int_area .question, #interview article .sec03 .int_area .question {
		width: 40%;
}
#interview article .sec01 .int_area .question p, #interview article .sec02 .int_area .question p, #interview article .sec03 .int_area .question p {
		font-size: 16px;
		letter-spacing: 0.2em;
		line-height: 2em;
		text-align: left;
}
#interview article .sec01 .int_area .answer, #interview article .sec02 .int_area .answer, #interview article .sec03 .int_area .answer {
		width: 55%;
}
#interview article .sec01 .int_area .answer p, #interview article .sec02 .int_area .answer p, #interview article .sec03 .int_area .answer p {
		font-size: 16px;
		letter-spacing: 0.2em;
		line-height: 2em;
		text-align: left;
		padding: 0 0 20px;
}
#interview article .sec01 .int_area .answer p span, #interview article .sec02 .int_area .answer p span, #interview article .sec03 .int_area .answer p span {
		margin-right: 10px;
}
#interview article .sec01 .int_area .answer p .red, #interview article .sec02 .int_area .answer p .red, #interview article .sec03 .int_area .answer p .red {
		color: #e60012;
}
#interview article .sec01 .int_area .answer p .blue, #interview article .sec02 .int_area .answer p .blue, #interview article .sec03 .int_area .answer p .blue {
		color: #008cd6;
}
#interview article .sec01 .int_area .answer .img_area, #interview article .sec02 .int_area .answer .img_area, #interview article .sec03 .int_area .answer .img_area {
		width: 100% !important;
		padding: 50px 0 80px;
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .sec01 .int_01, #interview article .sec01 .int_02, #interview article .sec01 .int_03, #interview article .sec02 .int_01, #interview article .sec02 .int_02, #interview article .sec02 .int_03, #interview article .sec03 .int_01, #interview article .sec03 .int_02, #interview article .sec03 .int_03 {
				padding: 50px 0 0;
		}
		#interview article .sec01 .int_01 .back, #interview article .sec01 .int_02 .back, #interview article .sec01 .int_03 .back, #interview article .sec02 .int_01 .back, #interview article .sec02 .int_02 .back, #interview article .sec02 .int_03 .back, #interview article .sec03 .int_01 .back, #interview article .sec03 .int_02 .back, #interview article .sec03 .int_03 .back {
				width: 100%;
		}
		#interview article .sec01 .orange, #interview article .sec02 .orange, #interview article .sec03 .orange {
				padding: 0;
				margin: 0 auto 50px;
		}
		#interview article .sec01 .orange p, #interview article .sec02 .orange p, #interview article .sec03 .orange p {
				color: #f08300;
				padding: 0 0 20px;
				font-size: 18px;
		}
		#interview article .sec01 .sub_txt, #interview article .sec02 .sub_txt, #interview article .sec03 .sub_txt {
				width: 90%;
				margin: 0 auto;
		}
		#interview article .sec01 .int_area, #interview article .sec02 .int_area, #interview article .sec03 .int_area {
				margin: 40px auto 0;
		}
		#interview article .sec01 .int_area .flex_area, #interview article .sec02 .int_area .flex_area, #interview article .sec03 .int_area .flex_area {
				display: block;
				border-bottom: 1px solid #231815;
				margin: 0 auto 50px;
		}
		#interview article .sec01 .int_area .question, #interview article .sec02 .int_area .question, #interview article .sec03 .int_area .question {
				width: 100%;
				margin: 0 auto 20px;
		}
		#interview article .sec01 .int_area .question p, #interview article .sec02 .int_area .question p, #interview article .sec03 .int_area .question p {
				font-weight: 600;
				font-size: 14px;
				letter-spacing: 0.1em;
				line-height: 1.6em;
		}
		#interview article .sec01 .int_area .answer, #interview article .sec02 .int_area .answer, #interview article .sec03 .int_area .answer {
				width: 100%;
		}
		#interview article .sec01 .int_area .answer p, #interview article .sec02 .int_area .answer p, #interview article .sec03 .int_area .answer p {
				font-size: 14px;
				letter-spacing: 0.1em;
				line-height: 1.6em;
				padding: 0 0 20px;
		}
		#interview article .sec01 .int_area .answer p span, #interview article .sec02 .int_area .answer p span, #interview article .sec03 .int_area .answer p span {
				margin-right: 10px;
		}
		#interview article .sec01 .int_area .answer .img_area, #interview article .sec02 .int_area .answer .img_area, #interview article .sec03 .int_area .answer .img_area {
				margin: 20px 0 20px;
		}
}
#interview article .sec01 .int_01 .back {
		top: 0;
		height: 1500px;
}
#interview article .sec01 .int_02 .back {
		top: 10%;
		height: 2500px;
}
#interview article .sec01 .int_02 .img_area {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		z-index: 5;
		position: relative;
}
#interview article .sec01 .int_02 .img_area img {
		max-width: 700px;
}
#interview article .sec01 .int_03 .back {
		bottom: -100px;
		height: 1700px;
}
#interview article .sec01 .int_03 .flex_area .img_area:nth-of-type(1) {
		width: 32%;
		margin: 0 auto;
}
#interview article .sec01 .int_03 .flex_area .img_area:nth-of-type(2) {
		width: 55%;
}
#interview article .sec02 .anime_area {
		width: 95%;
		max-width: 1500px;
		margin: 100px auto 200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
#interview article .sec02 .anime_area div:nth-of-type(1) {
		width: 55%;
		position: relative;
}
#interview article .sec02 .anime_area div:nth-of-type(1):before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
		background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, white), to(white));
		background: linear-gradient(180deg, white 0%, white 50%, white 100%);
		-webkit-transition: 5s;
		transition: 5s;
}
#interview article .sec02 .anime_area div:nth-of-type(1).active:before {
		height: 0;
		-webkit-transition: 5s;
		transition: 5s;
}
#interview article .sec02 .anime_area div:nth-of-type(2) {
		width: 45%;
		position: relative;
}
#interview article .sec02 .anime_area div:nth-of-type(2):before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
		background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, white), to(white));
		background: linear-gradient(180deg, white 0%, white 50%, white 100%);
		-webkit-transition: 5s;
		transition: 5s;
}
#interview article .sec02 .anime_area div:nth-of-type(2).active:before {
		height: 0;
		-webkit-transition: 5s;
		transition: 5s;
}
#interview article .sec02 .int_01 .back {
		top: 19%;
		height: 1950px;
}
#interview article .sec02 .int_01 .flex_area .img_area {
		margin: 200px 0 100px;
}
#interview article .sec02 .int_01 .flex_area .img_area:nth-of-type(1) {
		width: 35%;
		margin: 0;
}
#interview article .sec02 .int_01 .flex_area .img_area:nth-of-type(2) {
		width: 55%;
}
#interview article .sec03 .img_area {
		margin: 100px auto;
}
#interview article .sec03 .flex_area.fin {
		width: 100%;
		max-width: none;
		padding: 0;
		position: relative;
}
#interview article .sec03 .flex_area.fin .back {
		height: 400px;
		bottom: 0;
}
#interview article .sec03 .flex_area.fin .content {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#interview article .sec03 .flex_area.fin .content div {
		position: relative;
		z-index: 5;
}
#interview article .sec03 .flex_area.fin .content div:nth-of-type(1) {
		width: 55%;
}
#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) {
		width: 40%;
}
#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) p {
		color: #000;
		text-align: left;
		letter-spacing: 0.2em;
		line-height: 1.5em;
}
#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) p:nth-of-type(1) {
		font-size: 24px;
		font-weight: 600;
		padding: 0 0 20px;
}
#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) p:nth-of-type(2) {
		font-size: 16px;
}
@media screen and (max-width: 768px) {
		#interview article {
				/*@media screen end*/
		}
		#interview article .sec01 .int_01 .back {
				height: 1200px;
		}
		#interview article .sec01 .int_02 .sub_txt {
				margin: 50px auto 0;
		}
		#interview article .sec01 .int_02 .back {
				top: 10%;
				height: 2000px;
		}
		#interview article .sec01 .int_02 .img_area {
				width: 100%;
				max-width: 1000px;
				margin: 0 auto;
				z-index: 5;
				position: relative;
		}
		#interview article .sec01 .int_02 .img_area img {
				max-width: 700px;
		}
		#interview article .sec01 .int_03 .back {
				bottom: -100px;
				height: 1350px;
		}
		#interview article .sec01 .int_03 .flex_area.img {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				border-bottom: none;
		}
		#interview article .sec02 .anime_area {
				width: 95%;
				display: block;
				margin: 50px auto 100px;
		}
		#interview article .sec02 .anime_area div:nth-of-type(1) {
				width: 95%;
				padding: 0 0 50px;
		}
		#interview article .sec02 .anime_area div:nth-of-type(2) {
				width: 95%;
		}
		#interview article .sec02 .int_01 .back {
				top: 17.5%;
				height: 1800px;
		}
		#interview article .sec02 .int_01 .flex_area.img {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				border-bottom: none;
		}
		#interview article .sec02 .int_01 .flex_area.img .img_area {
				margin: 100px 0 50px;
		}
		#interview article .sec02 .int_01 .flex_area.img .img_area .note {
				left: 0;
				bottom: 0;
		}
		#interview article .sec02 .int_01 .flex_area.img .img_area:nth-of-type(1) {
				width: 40%;
		}
		#interview article .sec02 .int_01 .flex_area.img .img_area:nth-of-type(2) {
				width: 55%;
		}
		#interview article .sec03 .sub_txt {
				max-width: 230px;
		}
		#interview article .sec03 .img_area {
				margin: 50px auto;
		}
		#interview article .sec03 .flex_area.fin {
				border-bottom: none;
				padding: 0 0 50px;
		}
		#interview article .sec03 .flex_area.fin .back {
				height: 300px;
				bottom: 0;
		}
		#interview article .sec03 .flex_area.fin .content {
				width: 95%;
				display: block;
		}
		#interview article .sec03 .flex_area.fin .content div {
				position: relative;
				z-index: 5;
		}
		#interview article .sec03 .flex_area.fin .content div:nth-of-type(1) {
				width: 100%;
				margin: 50px auto 10px;
		}
		#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) {
				width: 100%;
		}
		#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) p:nth-of-type(1) {
				font-size: 16px;
				padding: 0 0 10px;
		}
		#interview article .sec03 .flex_area.fin .content div:nth-of-type(2) p:nth-of-type(2) {
				font-size: 12px;
		}
}

@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
@media screen and (max-width: 768px) {
		/*@media screen end*/
}
/*# sourceMappingURL=interview.css.map */