@charset "utf-8";

@font-face {
    font-family: 'sCoreDream';
    src: url('../font/S-CoreDream-4Regular.woff') format('woff'),
    url('../font/S-CoreDream-4Regular.woff2') format('woff2');
    font-weight:400;
    font-style: normal;
}

@font-face {
    font-family: 'sCoreDream';
    src: url('../font/S-CoreDream-5Medium.woff') format('woff'),
    url('../font/S-CoreDream-5Medium.woff2') format('woff2');
    font-weight:500;
    font-style: normal;
}

@font-face {
    font-family: 'sCoreDream';
    src: url('../font/S-CoreDream-6Bold.woff') format('woff'),
    url('../font/S-CoreDream-6Bold.woff2') format('woff2');
    font-weight:700;
    font-style: normal;
}

@font-face {
    font-family: 'sCoreDream';
    src: url('../font/S-CoreDream-8Heavy.woff') format('woff'),
    url('../font/S-CoreDream-8Heavy.woff2') format('woff2');
    font-weight:800;
    font-style: normal;
}

@font-face {
    font-family: 'sCoreDream';
    src: url('../font/S-CoreDream-9Black.woff') format('woff'),
    url('../font/S-CoreDream-9Black.woff2') format('woff2');
    font-weight:900;
    font-style: normal;
}

/* Reset */
* {box-sizing:border-box;word-break:keep-all;}
html,body{width:100%;height:100%;padding:0px; margin:0px;font-size:20px;}
body {font-family:"sCoreDream",Helvetica,sans-serif;line-height:100%;color:#1a4b99;font-weight:400;letter-spacing:-0.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;line-height:100%;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}
strong {font-weight:700;}

button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th {text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/*layout*/
body {overflow-x:hidden;background-color:#fff;}
#wrap {position:relative;height:auto;margin:0 auto;padding-top:87px;}
.innerWrap {position:relative;width:1200px;margin:0 auto;}
.mVer {display:none;}

.ani {position:absolute;background-repeat:no-repeat;background-position:0 0;}

figure img {display:block;}

header {position:absolute;top:0;left:0;width:100%;height:87px;z-index:1000;background-color:#fff;}
header .innerWrap {display:flex;justify-content:space-between;}
header .logo {display:block;width:191px;height:87px;background:url("../images/brandLogo.png") 0 center no-repeat;background-size:191px auto;}
header.fixed {position:fixed;top:0;left:0;height:87px;background-color:#fff;}
header .m_btn_menu,
header .m_btn_close {display:none;}
header .m_btn_menu {position:absolute;top:0;right:0;width:87px;height:87px;background:url("../images/btn_menu.png") center center no-repeat;background-size:auto 20px;}
header nav {position:absolute;top:16px;right:252px;}
header nav ul {display:flex;}
header nav ul li:not(:last-child) {margin-right:60px;}
header nav ul li a {display:block;font-size:16px;font-weight:700;line-height:54px;color:#1a4b99 !important;}
header .link {position:absolute;top:16px;right:0;width:192px;height:52px;background-color:#f6bd00;border-radius:26px;text-align:center;font-weight:900;line-height:52px;}

footer {position:relative;height:195px;padding-top:80px;background-color:#e6e6e6;}
footer dl {display:flex;justify-content:space-between;}
footer dl dt {font-size:14px;line-height:30px;}
footer dl dt strong {display:inline-block;margin:0 20px 0 30px;}
footer dl dd .link {display:inline-block;width:30px;height:30px;margin-left:30px;background-position:0 0;background-repeat:no-repeat;background-size:30px auto;}
footer dl dd .link.facebook {background-image:url("../images/footer_sns_01.png");}
footer dl dd .link.insta {background-image:url("../images/footer_sns_02.png");}
footer dl dd .link.blog {background-image:url("../images/footer_sns_03.png");}

#wrap section {position:relative;margin:0 auto;}
#wrap section:not(.headingWrap) {padding:120px 0 0;}
#wrap section h2.title {font-size:30px;line-height:35px;font-weight:700;}
#wrap section h2.title span {display:inline-block;padding:0 38px;font-size:48px;line-height:66px;font-weight:900;
	background-image:url("../images/title_left.png"),url("../images/title_right.png");
	background-position:left 0,right 0;
	background-repeat:no-repeat,no-repeat;
}
#wrap main {position:relative;overflow:hidden;}

.textStyle {display:flex;margin-bottom:25px;flex-flow:row wrap;}
.textStyle dt {width:190px;padding-top:6px;font-size:34px;font-weight:800;}
.textStyle dt span {display:inline-block;padding:0 10px;border-left:solid 6px #1a4b99;border-right:solid 6px #1a4b99;line-height:38px;}
.textStyle dd {width:100%;font-size:23px;font-weight:500;line-height:38px;}
.textStyle.capacity dt {width:225px;}
.textStyle.capacity dd {margin-top:30px;}
.textStyle.capacity ul li {position:relative;padding-left:20px;font-size:25px;font-weight:700;line-height:38px;}
.textStyle.capacity ul li:before {content:"";display:block;position:absolute;top:13px;left:0;width:9px;height:9px;background-color:#f6be00;}
.textStyle.capacity ul li:not(:last-child) {margin-bottom:25px;}

.headingWrap {padding-top:80px;height:830px;background:#f6bd00;}
.headingWrap .keyvisualAni {position:relative;margin:0 auto;width:786px;height:633px;}
.headingWrap .keyVisual01 {top:0;left:224px;width:366px;height:192px;background-image:url("../images/heading_keyVisual_01.png");background-position:center 0;}
.headingWrap .keyVisual02 {top:156px;left:0;width:764px;height:257px;background-image:url("../images/heading_keyVisual_02.png");animation:slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.headingWrap .keyVisual03 {bottom:0;right:0;width:607px;height:212px;background-image:url("../images/heading_keyVisual_03.png");background-position:center 0;animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.headingWrap .title {top:675px;width:888px;height:160px;background-image:url("../images/heading_title.png");}
.headingWrap .centerAlign {zoom:0.8;display:flex;justify-content:center;}

@keyframes slide-in-left {
	0% {
		transform: translateX(-2000px);
	  	opacity: 0;
	}
	100% {
	  	transform: translateX(0);
	  	opacity: 1;
	}
}
@keyframes slide-in-right {
	0% {
	  	transform: translateX(2000px);
	  	opacity: 0;
	}
	100% {
	  	transform: translateX(0);
	  	opacity: 1;
	}
}  

/* .recruitInfoWrap {padding:100px 0 0;} */
/* .recruitInfoWrap .innerWrap > .textStyle {margin-top:70px;} */
.recruitInfoWrap .stepBox {display:flex;margin-top:50px;flex-flow:row wrap;}
.recruitInfoWrap .stepBox li {position:relative;flex:1;padding-top:110px;text-align:center;background-repeat:no-repeat;background-position:center 0;background-size:auto 95px;}
.recruitInfoWrap .stepBox li .desc {font-size:25px;}
.recruitInfoWrap .stepBox li .desc dt {line-height:35px;font-weight:700;}
.recruitInfoWrap .stepBox li .desc dd {line-height:35px;font-weight:900;}
.recruitInfoWrap .stepBox li p {position:relative;margin-top:15px;padding-top:15px;font-size:18px;line-height:28px;}
.recruitInfoWrap .stepBox li p:before {content:"";position:absolute;top:0;left:50%;height:1px;width:190px;background-color:#1a4b99;transform:translateX(-50%);}
.recruitInfoWrap .stepBox li:nth-of-type(1) {background-image:url("../images/step_icon_01.png");}
.recruitInfoWrap .stepBox li:nth-of-type(2) {background-image:url("../images/step_icon_02.png");}
.recruitInfoWrap .stepBox li:nth-of-type(3) {background-image:url("../images/step_icon_03.png");}
.recruitInfoWrap .stepBox li:nth-of-type(4) {background-image:url("../images/step_icon_04.png");}
.recruitInfoWrap .stepBox.step2 li:nth-of-type(1) {background-image:url("../images/step_icon_05.png");}
.recruitInfoWrap .stepBox.step2 li:nth-of-type(2) {background-image:url("../images/step_icon_06.png");}
.recruitInfoWrap .stepBox.step2 li:nth-of-type(3) {background-image:url("../images/step_icon_07.png");}
.recruitInfoWrap .stepBox.step2 li:nth-of-type(4) {background-image:url("../images/step_icon_08.png");}
.recruitInfoWrap .stepBox li+li:before {content:"";display:block;position:absolute;top:32px;left:-8px;width:16px;height:35px;background:url("../images/step_arrow.png") 0 0 no-repeat;background-size:auto 35px;}
.recruitInfoWrap .dutyList {margin-top:25px;}
.recruitInfoWrap .dutyList .head {height:54px;border-top:solid 3px #1a4b99;border-bottom:solid 3px #1a4b99;background-color:#fad148;font-size:22px;font-weight:800;text-align:center;line-height:48px;}
.recruitInfoWrap .dutyList .cont {display:flex;}
.recruitInfoWrap .dutyList .cont > dl {flex:1;display:table;}
.recruitInfoWrap .dutyList .cont > dl dt {display:table-cell;width:135px;background-color:#c6deeb;vertical-align:middle;text-align:center;font-size:24px;font-weight:800;}
.recruitInfoWrap .dutyList .cont > dl dd {display:table-cell;padding:65px 0 65px 20px;vertical-align:middle;}
.recruitInfoWrap .dutyList .cont > dl dd ul li {position:relative;padding-left:12px;font-size:22px;line-height:32px;font-weight:500;letter-spacing:-1px;}
.recruitInfoWrap .dutyList .cont > dl dd ul li:not(:last-child) {margin-bottom:20px;}
.recruitInfoWrap .dutyList .cont > dl dd ul li:before {content:"-";position:absolute;top:0;left:0;}
.recruitInfoWrap .dutyList > div:last-child {border-bottom:solid 2px #1a4b99;}
.recruitInfoWrap table {width:100%;}
.recruitInfoWrap table thead th {height:45px;background-color:#fad148;border-top:solid 3px #1a4b99;border-bottom:solid 3px #1a4b99;}
.recruitInfoWrap table thead th:not(:last-child) {border-right:solid 1px #1a4b99;}
.recruitInfoWrap table tbody td {padding:20px 0;font-size:22px;line-height:25px;text-align:center;border-left:solid 1px #1a4b99;}
.recruitInfoWrap table tbody td.left {padding-left:20px;}
.recruitInfoWrap table tbody th {font-size:24px;font-weight:800;background-color:#c6deeb;}
.recruitInfoWrap table tbody tr {border-bottom:solid 1px #1a4b99;}
.recruitInfoWrap .textStyle:not(:first-child) {margin-top:115px;}

.interviewWrap {padding-bottom:0 !important;}
.interviewWrap .interviewList {margin-top:50px;display:flex;flex-flow:row wrap;}
.interviewWrap .interviewList li {width:calc(50% - 30px);margin-bottom:80px;text-align:center;cursor:pointer;}
.interviewWrap .interviewList li:nth-of-type(2n-1) {margin-right:30px;}
.interviewWrap .interviewList li:nth-of-type(2n) {margin-left:30px;}
.interviewWrap .interviewList li figure {position:relative;width:100%;height:475px;background-color:#f6be00;border:solid 5px #fff;}
.interviewWrap .interviewList li figure img {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);}
.interviewWrap .interviewList li dl {margin-top:25px;color:#666;font-size:21px;}
.interviewWrap .interviewList li dl dt {font-weight:800;}
.interviewWrap .interviewList li dl dd {margin-top:14px;font-weight:500;}
.interviewWrap .interviewList li.active figure {border-color:#1a4b99;}
.interviewWrap .interviewList li.active dl {color:#1a4b99;}

.movieWrap .moviePlayArea {position:relative;margin-top:45px;}
.movieWrap .moviePlayArea .movieBig {position:relative;width:100%;padding-bottom:56.25%;}
.movieWrap .moviePlayArea .movieBig iframe {position:absolute;width:100%;height:100%;display:block;}
.movieWrap .moviePlayArea .movieThumb {display:flex;margin-top:45px;position:relative;z-index:10;}
.movieWrap .moviePlayArea .movieThumb li {position:relative;width:calc(50% - 12px);}
.movieWrap .moviePlayArea .movieThumb li+li {margin-left:24px;}
.movieWrap .moviePlayArea .movieThumb li img {display:block;width:100%;}
.movieWrap .moviePlayArea .movieThumb li iframe {display:none;}
.movieWrap .moviePlayArea .movieThumb li p {display:none;margin-top:10px;text-align:center;font-weight:500;}

.benefitWrap {padding-bottom:100px !important;}
.benefitWrap .benefitList {margin-top:45px;display:flex;flex-flow:row wrap;border-top:dashed 1px #f6be00;}
.benefitWrap .benefitList li {width:33.3%;height:356px;padding-top:180px;text-align:center;border-bottom:dashed 1px #f6be00;background-position:center 62px;background-repeat:no-repeat;background-size:auto 105px;}
.benefitWrap .benefitList li:not(:nth-of-type(3n)) {border-right:dashed 1px #f6be00;}
.benefitWrap .benefitList li dl dt {font-size:24px;font-weight:900;}
.benefitWrap .benefitList li dl dd {margin-top:10px;font-size:19px;font-weight:500;line-height:32px;}
.benefitWrap .benefitList li dl dd span.point {display:inline-block;position:relative;}
.benefitWrap .benefitList li dl dd span.point:before {content:"";display:block;position:absolute;bottom:2px;left:0;width:100%;height:10px;background-color:#f6be00;z-index:-1;}
.benefitWrap .benefitList li:nth-of-type(1) {background-image:url("../images/benefit_icon_01.png");}
.benefitWrap .benefitList li:nth-of-type(2) {background-image:url("../images/benefit_icon_02.png");}
.benefitWrap .benefitList li:nth-of-type(3) {background-image:url("../images/benefit_icon_12.png");}
.benefitWrap .benefitList li:nth-of-type(4) {background-image:url("../images/benefit_icon_04.png");}
.benefitWrap .benefitList li:nth-of-type(5) {background-image:url("../images/benefit_icon_03.png");}
.benefitWrap .benefitList li:nth-of-type(6) {background-image:url("../images/benefit_icon_05.png");}
.benefitWrap .benefitList li:nth-of-type(4),
.benefitWrap .benefitList li:nth-of-type(5),
.benefitWrap .benefitList li:nth-of-type(6) {padding-top:215px;}

.linkWrap {padding:75px 0 !important;height:250px;background-color:#1a4b99;text-align:center;}
.linkWrap .link {display:inline-block;padding-right:135px;font-size:50px;color:#fff;font-weight:900;line-height:100px;background:url("../images/link_cursor.png") right 0 no-repeat;background-size:auto 99px;}

.subPage .headingWrap {height:auto;padding:0;}
.subPage .headingWrap .innerWrap {height:618px;}
/* .subPage .headingWrap .photo {position:absolute;bottom:0;left:0;} */
.subPage .headingWrap dl {position:absolute;bottom:40px;padding-left:15px;font-size:20px;text-align:left;border-left:solid 6px #1a4b99;}
.subPage .headingWrap dl dt {font-weight:800;}
.subPage .headingWrap dl dd {margin-top:7px;font-weight:500;}
.subPage .headingWrap.right dl {left:105px;}
.subPage .headingWrap.inter04 dl {left:75px;}
.subPage .headingWrap.left dl {left:877px;}

.interviewDetailWrap {padding-bottom:150px !important;}
.interviewDetailWrap ul li+li {margin-top:60px;}
.interviewDetailWrap ul li dl dt {margin-bottom:20px;font-size:24px;line-height:36px;font-weight:800}
.interviewDetailWrap ul li dl dd p {font-size:20px;line-height:32px;color:#666666;word-break:keep-all;}
.interviewDetailWrap ul li dl dd p+p {margin-top:10px;}

.interviewMoreWrap {padding:120px 0 !important;background-color:#f6be00;}
.interviewMoreWrap h2 {font-size:50px;text-align:center;font-weight:900;}
.interviewMoreWrap .interviewList {margin-top:100px;display:flex;}
.interviewMoreWrap .interviewList li {flex:1;text-align:center;}
.interviewMoreWrap .interviewList li+li {margin-left:35px;}
.interviewMoreWrap .interviewList li figure {position:relative;width:100%;height:312px;background-color:#999;}
.interviewMoreWrap .interviewList li figure img {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);}
.interviewMoreWrap .interviewList li dl {margin-top:25px;color:#666;font-size:21px;}
.interviewMoreWrap .interviewList li dl dt {font-weight:800;}
.interviewMoreWrap .interviewList li dl dd {margin-top:14px;font-weight:500;}

/* mediaQuery */
@media (hover: hover) {
	.interviewWrap .interviewList li:hover figure {border-color:#1a4b99;transition:0.3s ease-in-out;}
	.interviewWrap .interviewList li:hover dl {color:#1a4b99;transition:0.3s ease-in-out;}	
}

@media (max-width:1200px) {
	header nav {right:30px;}
	header nav ul li:not(:last-child) {margin-right:40px;}
	.innerWrap {width:100%;padding:0 30px;}
}

@media (max-width:1000px) {
	.headingWrap .pcVer {display:none;}
	.headingWrap .mVer {display:block;}
	.headingWrap .mVer img {width:100%;}
	.headingWrap {height:auto;}

	.benefitWrap .benefitList li {width:33.3%;}
	.benefitWrap .benefitList li:nth-of-type(4n) {border-right:dashed 1px #f6be00;}
	.benefitWrap .benefitList li:nth-of-type(3n) {border-right:0;}
}

@media (max-width:900px) {
	header .m_btn_menu {display:block;}
	header .gnbWrap {display:none;}
	#wrap section:not(.headingWrap) {padding:40px 0;}

	.textStyle {display:block;}
	.textStyle dt {width:100%;}
	.textStyle dd {margin-top:10px;}

	footer {display:none;}

	.interviewWrap .interviewList li figure img {width:90%;}
}

@media (max-width:700px) {
	.recruitInfoWrap .dutyList .cont {display:block;}
	.recruitInfoWrap .dutyList .cont > dl {flex:none;width:100%;}
	.recruitInfoWrap .dutyList .cont > dl:first-child {border-bottom:solid 1px #1a4b99;}
}

@media (max-width:650px) {

	.pcVer {display:none;}
	.mVer {display:block;}
	
	header .logo {width:100px;background-size:100px auto;}
	#wrap section h2.title span {background-size:auto 27px;padding:0 15px;font-size:18px;line-height:27px;}

	.gnbWrap {position:fixed;top:0;right:0;width:270px;height:100%;background-color:#f6be00;z-index:1000;}
	.gnbWrap .m_btn_close {position:absolute;top:0;right:0;display:block;width:90px;height:90px;background:url("../images/m_btn_close.png") center center no-repeat;}
	.gnbWrap nav {right:auto;top:110px;left:50px;}
	.gnbWrap nav ul {display:block;}
	header .link {top:25px;right:75px;width:120px;height:36px;border-radius:18px;background-color:#1a4b99;line-height:36px;font-size:16px;color:#fff !important;}

	/* .recruitInfoWrap .innerWrap > .textStyle {margin-top:25px;} */
	.textStyle dt span {font-size:20px;line-height:24px;border-width:3px;}
	.textStyle dd {font-size:14px;line-height:31px;letter-spacing:-1px;}
	.textStyle.capacity ul li {font-size:14px;line-height:24px;}
	.textStyle.capacity ul li:not(:last-child) {margin-bottom:20px;}
	.textStyle.capacity ul li:before {width:5px;height:5px;top:5px;left:6px;}

	.headingWrap {padding-top:0;}

	.recruitInfoWrap .dutyList.mVer table thead th {font-size:14px;border-width:2px 0;}
	.recruitInfoWrap .dutyList.mVer table tbody td,
	.recruitInfoWrap .dutyList.mVer table tbody th {padding:10px 0;font-size:14px;font-weight:500;line-height:17px;}
	.recruitInfoWrap .dutyList.mVer table tbody td.left {padding-left:10px;}
	.recruitInfoWrap .dutyList.mVer table+table thead th {border-top-width:1px;}
	.recruitInfoWrap .stepBox li {flex:none;width:50%;padding-top:75px;margin-bottom:50px;background-size:auto 60px;}
	.recruitInfoWrap .stepBox li .desc dt,
	.recruitInfoWrap .stepBox li .desc dd {font-size:17px;line-height:23px;}
	.recruitInfoWrap .stepBox li p {font-size:13px;line-height:21px;}

	.recruitInfoWrap .stepBox li+li:before {top:20px;background-size:auto 24px;}
	.recruitInfoWrap .stepBox li:nth-of-type(3):before,
	.recruitInfoWrap .stepBox li:nth-of-type(5):before {display:none;}
	.recruitInfoWrap .stepBox li p:before {width:128px;}
	.recruitInfoWrap .stepBox+.stepBox {margin-top:0;}

	.recruitInfoWrap .dutyList .head {height:46px;font-size:16px;border-width:1px;line-height:44px;}
	.recruitInfoWrap .dutyList .cont > dl dt {width:75px;font-size:14px;}
	.recruitInfoWrap .dutyList .cont > dl dd {padding:20px 5px;}
	.recruitInfoWrap .dutyList .cont > dl dd ul li {font-size:14px;line-height:18px;}
	.recruitInfoWrap .dutyList .cont > dl dd ul li:not(:last-child) {margin-bottom:10px;}

	.recruitInfoWrap .textStyle:not(:first-child) {margin-top:60px;}

	.interviewWrap .innerWrap {border-bottom:0;}
	.interviewWrap .interviewList {margin-top:20px;}
	.interviewWrap .interviewList li {width:100%;margin:0 !important;}
	.interviewWrap .interviewList li:not(:last-child) {margin-bottom:50px !important;}
	.interviewWrap .interviewList li figure {height:270px;}
	.interviewWrap .interviewList li dl {font-size:15px;}
	.interviewWrap .interviewList li dl dd {margin-top:7px;}

	.benefitWrap {padding:0 0 60px !important;}
	.benefitWrap .benefitList li {width:50%;padding-top:120px;height:270px;border-right:0 !important;background-size:auto 80px;background-position:center 25px;}
	.benefitWrap .benefitList li:nth-of-type(2n-1) {border-right:dashed 1px #f6be00 !important;}
	.benefitWrap .benefitList li dl {width:140px;margin:0 auto;}
	.benefitWrap .benefitList li dl dt {font-size:15px;}
	.benefitWrap .benefitList li dl dd {font-size:14px;line-height:22px;}
	.benefitWrap .benefitList li span {display:block;}
	.benefitWrap .benefitList li:nth-of-type(4),
	.benefitWrap .benefitList li:nth-of-type(5),
	.benefitWrap .benefitList li:nth-of-type(6) {padding-top:135px;}

	.linkWrap {padding:16px 0 0 0 !important;height:70px;}
	.linkWrap .link {padding-right:51px;font-size:19px;line-height:38px;background-size:auto 38px;}

	.movieWrap .moviePlayArea .movieThumb {margin-top:15px;}
	.movieWrap .moviePlayArea .movieThumb li {flex:1;}
	.movieWrap .moviePlayArea .movieThumb li+li {margin-left:12px;}
	.movieWrap .moviePlayArea .movieThumb li p {font-size:14px;}

	.interviewWrap .interviewList li figure img {width:auto;height:240px;}

	.subPage .headingWrap .innerWrap {height:auto;padding:0;}
	.subPage .headingWrap .photo img {width:100%;}
	.subPage .headingWrap dl {left:190px;padding-left:10px;bottom:10px;width:90px;font-size:11px;border-left-width:4px;}
	.subPage .headingWrap dl dt {line-height:14px;height:35px;}
	.subPage .headingWrap dl dd {margin-top:0;line-height:14px;}
	.subPage .headingWrap dl dd span {display:block;}
	.subPage .headingWrap.right dl {left:20px;}
	.subPage .headingWrap.inter04 dl {left:20px;}
	.subPage .headingWrap.left dl {right:20px;left:auto;}
	.subPage .headingWrap.inter03 dl {right:10px;}
	
	.interviewDetailWrap ul li+li {margin-top:30px;}
	.interviewDetailWrap ul li dl dt {margin-bottom:30px;font-size:14px;line-height:22px;}
	.interviewDetailWrap ul li dl dd,
	.interviewDetailWrap ul li dl dd p {font-size:14px;line-height:22px;}

	.interviewMoreWrap {padding:60px 0 !important;}
	.interviewMoreWrap h2 {font-size:18px;}
	.interviewMoreWrap .interviewList {margin-top:35px;display:block;}
	.interviewMoreWrap .interviewList li {flex:none;}
	.interviewMoreWrap .interviewList li figure {height:200px;}
	.interviewMoreWrap .interviewList li img {height:182px;}
	.interviewMoreWrap .interviewList li+li {margin:45px 0 0 0;}
	.interviewMoreWrap .interviewList li dl {font-size:14px;line-height:17px;}
	.interviewMoreWrap .interviewList li dl dd {margin-top:5px;}

}

/* page motion */
.add-upscroll:not(.play-mo) {transform:translateY(70px) ;opacity:0;}
.play-mo.add-upscroll ,.play-mo .add-upscroll {animation: add-upscroll 0.7s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay10 ,.play-mo .add-upscroll.delay10 {animation: add-upscroll 0.7s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay20 ,.play-mo .add-upscroll.delay20 {animation: add-upscroll 0.7s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay30 ,.play-mo .add-upscroll.delay30 {animation: add-upscroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay40 ,.play-mo .add-upscroll.delay40 {animation: add-upscroll 0.7s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay50 ,.play-mo .add-upscroll.delay50 {animation: add-upscroll 0.7s 0.5s ease-in-out;animation-fill-mode: both;}
@keyframes add-upscroll {
	0%{
		transform:  translateY(70px) ;opacity:0;
	}
	100%{
		transform: translateY(0px);opacity:1;
	}
}

.add-downscroll:not(.play-mo) {transform:translateY(-70px) ;opacity:0;}
.play-mo.add-downscroll ,.play-mo .add-downscroll {animation: add-downscroll 0.7s 0.0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay10 ,.play-mo .add-downscroll.delay10 {animation: add-downscroll 0.7s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay20 ,.play-mo .add-downscroll.delay20 {animation: add-downscroll 0.7s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay30 ,.play-mo .add-downscroll.delay30 {animation: add-downscroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay40 ,.play-mo .add-downscroll.delay40 {animation: add-downscroll 0.7s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay50 ,.play-mo .add-downscroll.delay50 {animation: add-downscroll 0.7s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay60 ,.play-mo .add-downscroll.delay60 {animation: add-downscroll 0.7s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay70 ,.play-mo .add-downscroll.delay70 {animation: add-downscroll 0.7s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay80 ,.play-mo .add-downscroll.delay80 {animation: add-downscroll 0.7s 0.8s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay90 ,.play-mo .add-downscroll.delay90 {animation: add-downscroll 0.7s 0.9s ease-in-out;animation-fill-mode: both;}

@keyframes add-downscroll {
	0%{
		transform:  translateY(-70px) ;opacity:0;
	}
	100%{
		transform: translateY(0px);opacity:1;
	}
}