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


.header_wrap {
	position: fixed;
	top: 0;
	z-index: 100;
	left: 0;
	height: 56px;
	padding: 0 4%;
	width:100%;
	background: #fff;
	box-sizing: border-box;
}
header {
	background: #fff;
	z-index: 100;
	height: 56px;
	width:100%;
}
header h1 {
    max-width: 140px;
}
header nav.target {
	position: fixed;
	max-width: 1024px;
}
.btn_close{
  position: absolute;
  right: 19px;
  top: 10px;
}
.breadcrumb {
	position: fixed;
	top: 175px;
	margin:0;
	z-index: 100;
	background: #fff;
	padding:0 2%;
	width: 100%;
}
ul.breadcrumb_list {
	width:100%;
	max-width: 1024px;
	margin: 25px auto;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	padding-top: 0;
	width: 100%;
	z-index: 100;
}






/*吹き出し背景　※奇数左、偶数右*/
#special.interview .detail .txt01 dt{					/*奇数*/
	background-size:100% auto;
	padding-left:70px;
	padding-right:50px;
	background:url(/about/special/img/interview/txt01_01.png) no-repeat right top;
	background-size: 100% auto;
	}
#special.interview .detail .txt01 dt:after{
	left:23px;
	}
#special.interview .detail .txt01:nth-of-type(2n) dt{	/*偶数*/
	padding-left:94px;
	padding-right:30px;
	background:url(/about/special/img/interview/txt02_01.png) no-repeat left top;
	background-size: 100% auto;
	}
#special.interview .detail .txt01:nth-of-type(2n) dt:after{
	left:47px;
	}
#special.interview .detail .txt01 dd{					/*奇数*/
	padding-left:70px;
	padding-right:50px;
	background:url(/about/special/img/interview/txt01_02.png) no-repeat right top;
	background-size:100% auto;
	}
#special.interview .detail .txt01 dd:after{
	content:"";
	width:36px;
	height:36px;
	top:20px;
	left: 23px;
	background-image:url(/about/special/img/interview/a.png);
	position:absolute;
	}
#special.interview .detail .txt01:nth-of-type(2n) dd{	/*偶数*/
	padding-left:94px;
	padding-right:30px;
	background:url(/about/special/img/interview/txt02_02.png) no-repeat left top;
	background-size:100% auto;
	}
#special.interview .detail .txt01:nth-of-type(2n) dd:after{
	left:47px;
	}
#special.interview .detail .txt01 div{					/*奇数*/
	height:20px;
	background:url(/about/special/img/interview/txt01_03.png) no-repeat right top;
	background-size:100% auto;
	}
#special.interview .detail .txt01:nth-of-type(2n) div{	/*偶数*/
	height:20px;
	background:url(/about/special/img/interview/txt02_03.png) no-repeat left top;
	background-size:100% auto;
	}

#special.interview .detail .page-move{
	text-align:center;
	padding-bottom:50px;
	width:300px;
	margin: 0 auto;
	position: fixed;
	bottom: 30px;
	z-index: 101;
    left: 0;
    right: 0;
	}
#special.interview .detail .page-move ul{
	display:inline-block;
	background:url(/about/about/special/img/interview/linkbg.gif) ;
	}
#special.interview .detail .page-move li{
	line-height:1;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	}
#special.interview .detail .page-move li a{
	color:#fff;
	padding:10px;
	display:block;
	position:relative;
	}
#special.interview .detail .page-move li:nth-of-type(1) a{
	padding-left:25px;
	}
#special.interview .detail .page-move li:nth-of-type(1) a:after{
	content:"";
	width:8px;
	height:12px;
	top:50%;
	left:10px;
	margin-top:-0.5em;
	background:url(/about/special/img/interview/link01.png) no-repeat left top;
	position:absolute;
	}
#special.interview .detail .page-move li:nth-of-type(2){
	border-left:1px solid #95cce8;
	border-right:1px solid #95cce8;
	}
#special.interview .detail .page-move li:nth-of-type(2) a{
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(/about/special/img/interview/link03.png) no-repeat center center;
	}
#special.interview .detail .page-move li:nth-of-type(3) a{
	padding-right:25px;
	}
#special.interview .detail .page-move li:nth-of-type(3) a:after{
	content:"";
	width:8px;
	height:12px;
	top:50%;
	right:10px;
	margin-top:-0.5em;
	background:url(/about/special/img/interview/link02.png) no-repeat left top;
	position:absolute;
	}

#special.interview .detail{
	width:100%;
	min-height:970px;
	margin:0;
	background-image:url(/about/special/img/interview/detailbg.jpg);
	background-color:#fff;
	background-attachment:fixed;
	background-repeat:no-repeat;
  background-position: top center;
  background-size: cover;
	}

#char{
	background-position: 50% 260px;
	background-size: 410px;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

#char.page01{background-image:url(/about/special/img/interview/detail_01_01.png);}
#char.page02{background-image:url(/about/special/img/interview/detail_02_01.png);}
#char.page03{background-image:url(/about/special/img/interview/detail_03_01.png);}
#char.page04{background-image:url(/about/special/img/interview/detail_04_01.png);}
#char.page05{background-image:url(/about/special/img/interview/detail_05_01.png);}
#char.page06{background-image:url(/about/special/img/interview/detail_06_01.png);}
#char.page07{background-image:url(/about/special/img/interview/detail_07_01.png);}
#char.page08{background-image:url(/about/special/img/interview/detail_08_01.png);}
#char.page09{background-image:url(/about/special/img/interview/detail_09_01.png);}
#char.page10{background-image:url(/about/special/img/interview/detail_10_01.png);}
#char.page11{background-image:url(/about/special/img/interview/detail_11_01.png);}
#char.page12{background-image:url(/about/special/img/interview/detail_12_01.png);}
#char.page13{background-image:url(/about/special/img/interview/detail_13_01.png);}
#char.page14{background-image:url(/about/special/img/interview/detail_14_01.png);}
#char.page15{background-image:url(/about/special/img/interview/detail_15_01.png);}
#char.page16{background-image:url(/about/special/img/interview/detail_16_01.png);}
#char.page17{background-image:url(/about/special/img/interview/detail_17_01.png);}
#char.page18{background-image:url(/about/special/img/interview/detail_18_01.png);}
#char.page19{background-image:url(/about/special/img/interview/detail_19_01.png);}
#char.page20{background-image:url(/about/special/img/interview/detail_20_01.png);}
#char.page21{background-image:url(/about/special/img/interview/detail_21_01.png);}
#char.page22{background-image:url(/about/special/img/interview/detail_22_01.png);}
#char.page23{background-image:url(/about/special/img/interview/detail_23_01.png);}
#char.page24{background-image:url(/about/special/img/interview/detail_24_01.png);}
#char.page25{background-image:url(/about/special/img/interview/detail_25_01.png);}


#special.interview .detail .contents{
	min-height: 970px;
	}
#special.interview .detail h1{
  left: 16%;
  top: 85px;
	position: fixed;
	}
#special.interview .detail .name{
  position: fixed;
  font-size: 1.3rem;
  z-index: 20;
  top: 110px;
  display: inline;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  }
#special.interview .detail .name h2{
	font-size:1.8rem;
	margin:0 auto 10px;
	text-align:center;
	}
#special.interview .detail .txt01{
	width:90%;
	max-width:370px;
	position:absolute;
	z-index:30;
	}
#special.interview .detail .page-move ul{
	display:inline-block;
	background:url(/about/special/img/interview/linkbg.gif) ;
	}
#special.interview .detail .page-move li{
	line-height:1;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	}
#special.interview .detail .page-move li a{
	color:#fff;
	padding:10px;
	display:block;
	position:relative;
	}
#special.interview .detail .page-move li:nth-of-type(1) a{
	padding-left:25px;
	}
#special.interview .detail .page-move li:nth-of-type(1) a:after{
	content:"";
	width:8px;
	height:12px;
	top:50%;
	left:10px;
	margin-top:-0.5em;
	background:url(/about/special/img/interview/link01.png) no-repeat left top;
	position:absolute;
	}
#special.interview .detail .page-move li:nth-of-type(2){
	border-left:1px solid #95cce8;
	border-right:1px solid #95cce8;
	}
#special.interview .detail .page-move li:nth-of-type(2) a{
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(/about/special/img/interview/link03.png) no-repeat center center;
	}
#special.interview .detail .page-move li:nth-of-type(3) a{
	padding-right:25px;
	}
#special.interview .detail .page-move li:nth-of-type(3) a:after{
	content:"";
	width:8px;
	height:12px;
	top:50%;
	right:10px;
	margin-top:-0.5em;
	background:url(/about/special/img/interview/link02.png) no-repeat left top;
	position:absolute;
	}
#main {
	position:relative;
	padding:100px 0 0;
	z-index: 30;
}
/*吹き出し位置　※奇数左、偶数右*/
.boxa1,
.boxb1,
.boxc1 {
	top:150px;
	left:-10px;
	position:relative;
	}
.boxa2,
.boxb2,
.boxc2 {
	top:250px;
	right:-10px;
	position:relative;
	}
.boxa3,
.boxb3,
.boxc3 {
	top:430px;
	left:-10px;
	position:relative;
	}
.boxa4,
.boxb4,
.boxc4 {
	top:550px;
	right:-10px;
	position:relative;
	}
.boxa5,
.boxb5,
.boxc5 {
	top:750px;
	left:-10px;
	position:relative;
	}
.boxa6,
.boxb6,
.boxc6 {
	top:850px;
	right:-10px;
	position:relative;
	}
.boxa7,
.boxb7,
.boxc7 {
	top:1150px;
	left:-10px;
	position:relative;
	}

.page01 #section1 .boxa3{ top:458px; }
.page01 #section1 .boxa4{ top:610px; }
.page01 #section1 .boxa5{ top:894px; }
.page01 #section1 .boxa6{ top:1046px; }
.page01 #section2 .boxa3{ top:460px; }
.page01 #section2 .boxa4{ top:620px; }
.page01 #section2 .boxa5{ top:720px; }

.page02 #section1 .boxa3{ top:410px; }
.page02 #section1 .boxa4{ top:535px; }
.page02 #section1 .boxa5{ top:770px; }
.page02 #section1 .boxa6{ top:870px; }
.page02 #section2 .boxa3{ top:410px; }
.page02 #section2 .boxa4{ top:550px; }
.page02 #section2 .boxa5{ top:640px; }

.page03 #section1 .boxa3{ top:510px; }
.page03 #section1 .boxa4{ top:600px; }
.page03 #section1 .boxa5{ top:950px; }
.page03 #section1 .boxa6{ top:1050px; }
.page03 #section2 .boxa3{ top:510px; }

.page04 #section1 .boxa4{ top:600px; }
.page04 #section1 .boxa5{ top:810px; }
.page04 #section1 .boxa6{ top:1030px; }

.page05 #section1 .boxa3{ top:440px; }
.page05 #section1 .boxa4{ top:640px; }
.page05 #section1 .boxa5{ top:880px; }
.page05 #section1 .boxa6{ top:1000px; }
.page05 #section2 .boxa2{ top:350px; }
.page05 #section2 .boxa3{ top:490px; }
.page05 #section2 .boxa4{ top:620px; }
.page05 #section2 .boxa5{ top:805px; }

.page06 #section1 .boxa3{ top:550px; }
.page06 #section1 .boxa4{ top:730px; }
.page06 #section1 .boxa5{ top:1000px; }
.page06 #section1 .boxa6{ top:1160px; }
.page06 #section2 .boxa3{ top:500px; }
.page06 #section2 .boxa4{ top:575px; }
.page06 #section2 .boxa5{ top:775px; }

.page07 #section1 .boxa3{ top:530px; }
.page07 #section1 .boxa4{ top:650px; }
.page07 #section1 .boxa5{ top:890px; }
.page07 #section1 .boxa6{ top:1020px; }
.page07 #section2 .boxa3{ top:500px; }
.page07 #section2 .boxa4{ top:600px; }

.page08 #section1 .boxa3{ top:460px; }

.page09 #section1 .boxa3{ top:450px; }
.page09 #section1 .boxa4{ top:650px; }
.page09 #section1 .boxa5{ top:850px; }
.page09 #section1 .boxa6{ top:1000px; }
.page09 #section2 .boxa2{ top:400px; }
.page09 #section2 .boxa3{ top:500px; }
.page09 #section2 .boxa4{ top:600px; }

.page10 #section1 .boxa3{ top:500px; }
.page10 #section1 .boxa4{ top:700px; }
.page10 #section1 .boxa5{ top:900px; }
.page10 #section1 .boxa6{ top:1100px; }
.page10 #section2 .boxa3{ top:480px; }
.page10 #section2 .boxa4{ top:620px; }
.page10 #section2 .boxa5{ top:810px; }

.page11 #section1 .boxa3{ top:530px; }
.page11 #section1 .boxa4{ top:660px; }
.page11 #section1 .boxa5{ top:960px; }
.page11 #section1 .boxa6{ top:1090px; }
.page11 #section2 .boxa4{ top:600px; }

.page12 #section1 .boxa3{ top:380px; }
.page12 #section1 .boxa4{ top:650px; }
.page12 #section1 .boxa5{ top:790px; }
.page12 #section1 .boxa6{ top:1100px; }

.page13 #section1 .boxa3{ top:500px; }
.page13 #section1 .boxa4{ top:650px; }
.page13 #section1 .boxa5{ top:940px; }
.page13 #section1 .boxa6{ top:1030px; }
.page13 #section2 .boxa3{ top:560px; }
.page13 #section2 .boxa4{ top:630px; }
.page13 #section2 .boxa5{ top:970px; }

.page14 #section1 .boxa4{ top:630px; }
.page14 #section1 .boxa5{ top:710px; }
.page14 #section1 .boxa6{ top:1040px; }
.page14 #section2 .boxa3{ top:490px; }
.page14 #section2 .boxa4{ top:430px; }
.page14 #section2 .boxa5{ top:700px; }

.page15 #section1 .boxa3{ top:510px; }
.page15 #section1 .boxa4{ top:635px; }
.page15 #section1 .boxa5{ top:950px; }
.page15 #section1 .boxa6{ top:1075px; }
.page15 #section2 .boxa3{ top:560px; }
.page15 #section2 .boxa4{ top:700px; }
.page15 #section2 .boxa5{ top:945px; }

.page16 #section1 .boxa3{ top:360px; }
.page16 #section1 .boxa4{ top:535px; }
.page16 #section1 .boxa5{ top:720px; }
.page16 #section1 .boxa6{ top:895px; }
.page16 #section2 .boxa3{ top:350px; }
.page16 #section2 .boxa4{ top:460px; }
.page16 #section2 .boxa5{ top:610px; }

.page17 #section1 .boxa3{ top:520px; }
.page17 #section1 .boxa4{ top:670px; }
.page17 #section1 .boxa5{ top:940px; }
.page17 #section1 .boxa6{ top:1100px; }
.page17 #section2 .boxa3{ top:460px; }
.page17 #section2 .boxa4{ top:620px; }
.page17 #section2 .boxa5{ top:770px; }

.page18 #section1 .boxa3{ top:490px; }
.page18 #section1 .boxa4{ top:590px; }
.page18 #section1 .boxa5{ top:880px; }
.page18 #section1 .boxa6{ top:980px; }
.page18 #section2 .boxa3{ top:480px; }

.page19 #section1 .boxa3{ top:385px; }
.page19 #section1 .boxa4{ top:685px; }
.page19 #section1 .boxa5{ top:745px; }
.page19 #section1 .boxa6{ top:1120px; }
.page19 #section2 .boxa4{ top:500px; }
.page19 #section2 .boxa5{ top:655px; }

.page20 #section1 .boxa3{ top:440px; }
.page20 #section1 .boxa4{ top:640px; }
.page20 #section1 .boxa5{ top:870px; }
.page20 #section1 .boxa6{ top:1055px; }
.page20 #section2 .boxa3{ top:450px; }
.page20 #section2 .boxa4{ top:500px; }
.page20 #section2 .boxa5{ top:870px; }

.page21 #section1 .boxa3{ top:590px; }
.page21 #section1 .boxa4{ top:690px; }
.page21 #section1 .boxa5{ top:930px; }
.page21 #section1 .boxa6{ top:1130px; }
.page21 #section2 .boxa3{ top:540px; }
.page21 #section2 .boxa4{ top:550px; }
.page21 #section2 .boxa5{ top:770px; }

.page22 #section1 .boxa3{ top:540px; }
.page22 #section1 .boxa4{ top:614px; }
.page22 #section1 .boxa5{ top:930px; }
.page22 #section1 .boxa6{ top:1054px; }
.page22 #section2 .boxa3{ top:440px; }
.page22 #section2 .boxa4{ top:512px; }
.page22 #section2 .boxa5{ top:680px; }

.page23 #section1 .boxa3{ top:450px; }
.page23 #section1 .boxa5{ top:780px; }
.page23 #section1 .boxa6{ top:870px; }
.page23 #section2 .boxa3{ top:460px; }

.page24 #section1 .boxa3{ top:500px; }
.page24 #section1 .boxa4{ top:620px; }
.page24 #section1 .boxa5{ top:880px; }
.page24 #section1 .boxa6{ top:1000px; }
.page24 #section2 .boxa4{ top:650px; }


.content{
	position:relative;
	width:100%;
	overflow:hidden;
}
.content800{
	height:800px;
}
.content1000{
	height:1000px;
}
.content1250{
	height:1250px;
}
.content1500{
	height:1500px;
}
.content1750{
	height:1750px;
}
.content2000{
	height:2000px;
}
.content2500{
	height:2500px;
}
.content3000{
	height:3000px;
}
.first {
	 background: rgba(255,255,255,0);
}
.second {
	background: rgba(255,255,255,0);
}
.third {
	background: rgba(255,255,255,0);
}

p.scro {
    position: fixed;
    bottom: 150px;
    left: 0;
    z-index: 101;
    animation: fuwafuwa 0.8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-animation: fuwafuwa 0.8s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);    
    right: 0;
    width: 91px;
    margin: 0 auto;
    text-align: center;
}
@keyframes fuwafuwa {
	0% {margin-bottom: 0px;}
	50% {margin-bottom: -8px;}
	100% {margin-bottom: 0px;}
}
@-webkit-keyframes fuwafuwa {
	0% {margin-bottom: 0px;}
	50% {margin-bottom: -8px;}
	100% {margin-bottom: 0px;}
}

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

#main {
	padding: 500px 0 0;
}
#char{
	background:none!important;
}
#char.page01 #main::before {background-image:url(/about/special/img/interview/detail_01_01.png);}
#char.page02 #main::before {background-image:url(/about/special/img/interview/detail_02_01.png);}
#char.page03 #main::before {background-image:url(/about/special/img/interview/detail_03_01.png);}
#char.page04 #main::before {background-image:url(/about/special/img/interview/detail_04_01.png);}
#char.page05 #main::before {background-image:url(/about/special/img/interview/detail_05_01.png);}
#char.page06 #main::before {background-image:url(/about/special/img/interview/detail_06_01.png);}
#char.page07 #main::before {background-image:url(/about/special/img/interview/detail_07_01.png);}
#char.page08 #main::before {background-image:url(/about/special/img/interview/detail_08_01.png);}
#char.page09 #main::before {background-image:url(/about/special/img/interview/detail_09_01.png);}
#char.page10 #main::before {background-image:url(/about/special/img/interview/detail_10_01.png);}
#char.page11 #main::before {background-image:url(/about/special/img/interview/detail_11_01.png);}
#char.page12 #main::before {background-image:url(/about/special/img/interview/detail_12_01.png);}
#char.page13 #main::before {background-image:url(/about/special/img/interview/detail_13_01.png);}
#char.page14 #main::before {background-image:url(/about/special/img/interview/detail_14_01.png);}
#char.page15 #main::before {background-image:url(/about/special/img/interview/detail_15_01.png);}
#char.page16 #main::before {background-image:url(/about/special/img/interview/detail_16_01.png);}
#char.page17 #main::before {background-image:url(/about/special/img/interview/detail_17_01.png);}
#char.page18 #main::before {background-image:url(/about/special/img/interview/detail_18_01.png);}
#char.page19 #main::before {background-image:url(/about/special/img/interview/detail_19_01.png);}
#char.page20 #main::before {background-image:url(/about/special/img/interview/detail_20_01.png);}
#char.page21 #main::before {background-image:url(/about/special/img/interview/detail_21_01.png);}
#char.page22 #main::before {background-image:url(/about/special/img/interview/detail_22_01.png);}
#char.page23 #main::before {background-image:url(/about/special/img/interview/detail_23_01.png);}
#char.page24 #main::before {background-image:url(/about/special/img/interview/detail_24_01.png);}
#char.page25 #main::before {background-image:url(/about/special/img/interview/detail_25_01.png);}
p.pagetop {
		width: 65px;
		z-index:101;
	}
.header_wrap {
	height: auto;
	background: #fff;
}
header {
	background:none;
	margin-bottom: 18px;
}
.breadcrumb{
	display:none;
}
p.scro {
    bottom: 40px;
}
#special.interview .detail .page-move{
	margin: 0 auto;
	width: 100%;
	left: 0;
	padding: 0 0 5px 0;
	bottom: 0;
}
#special.interview .detail .txt01{
	position: initial;
}
.third {
	margin-bottom:100px;
}
footer {
	display:none;
}

#special.interview .detail .name{
  margin: 75px auto 0;
  text-align: center;
  top: 50px;
}
#special.interview .detail h1{
	position:fixed;
	width:50%;
	max-width:50%;
	left:2%;
	top:100px;
	}

#special.interview .detail::before{
  background:url('/about/special/img/interview/detailbg_sp.gif') no-repeat left top;
  background-size: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}
#main::before{
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center 250px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}

#special.interview .detail{
	min-height:500px;
	background:none;
	}
#special.interview .detail .txt01{
	width:95%;
	max-width:95%;
	margin:0 auto;
	}
#special.interview .detail .boxa1,
#special.interview .detail .boxb1,
#special.interview .detail .boxc1{
	right:0;
	}
#special.interview .detail .boxa2,
#special.interview .detail .boxb2,
#special.interview .detail .boxc2{
	left:0;
	}
#special.interview .detail .boxa3,
#special.interview .detail .boxb3,
#special.interview .detail .boxc3{
	right:0;
	}
#special.interview .detail .boxa4,
#special.interview .detail .boxb4,
#special.interview .detail .boxc4{
	left:0;
	}
#special.interview .detail .boxa5,
#special.interview .detail .boxb5,
#special.interview .detail .boxc5{
	right:0;
	}
#special.interview .detail .boxa6,
#special.interview .detail .boxb6,
#special.interview .detail .boxc6{
	left:0;
	}
#special.interview .detail .boxa7,
#special.interview .detail .boxb7,
#special.interview .detail .boxc7{
	right:0;
	}
.content1500 {
	height: auto;
}
.content1500.second {
	margin-bottom: 100px;
}
}