@charset "utf-8";

/* ver.19.1.23 */

/*===============================================================
	
	web font
	
===============================================================*/
@font-face {
	/*font-family: "マキナス flat3";*/
	font-family: "makinas flat3";
	font-style: normal;
	font-weight: normal;
	src: url("../font/makinas-flat3-subset.eot");
	src: url('../font/makinas-flat3-subset.eot?#iefix') format("embedded-opentype"),
		url("../font/makinas-flat3-subset.woff2") format("woff2"),
		url("../font/makinas-flat3-subset.woff") format("woff"),
		url("../font/makinas-flat3-Subset.otf") format("opentype"),
		url("../font/makinas-flat3-Subset.ttf") format("truetype");
}

/*===============================================================

	init

===============================================================*/
* { padding:0; margin:0; outline:none; }
body,div,dl,section,main,video,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,select,input,
p,blockquote,table,th,td { padding:0; margin:0; }
button, input, select, textarea { font-family : inherit; font-size : 100%; }
h1,h2,h3,h4,h5,h6,p,li,dt,dd { max-height:100%; } /* android font size bug fix */
input,textarea { -webkit-appearance: none; } /* iOS Reset */
body { font-family: 'makinas flat3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', Osaka, sans-serif; font-size:62.5%; -ms-font-feature-settings: "normal"; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size: 3.2vw; line-height: 1.5; font-weight: normal; text-align: justify; text-justify: inter-ideograph; /* IE */ }
th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1rem; }
address,caption { font-style:normal; font-weight:normal; }
a { color:#373737; text-decoration: none; cursor: pointer; transition: .2s; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:hover { opacity: .5; }
/* SP横 */
body.landscape h1,
body.landscape h2,
body.landscape h3,
body.landscape h4,
body.landscape h5,
body.landscape h6,
body.landscape p,
body.landscape li,
body.landscape th,
body.landscape td,
body.landscape dt,
body.landscape dd { font-size: 3.2vh; }

/* Tablet  */
@media screen and (min-width:600px) {
	h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size: 2.6vw; }
	/* Tablet横 */
	body.landscape h1,
	body.landscape h2,
	body.landscape h3,
	body.landscape h4,
	body.landscape h5,
	body.landscape h6,
	body.landscape p,
	body.landscape li,
	body.landscape th,
	body.landscape td,
	body.landscape dt,
	body.landscape dd { font-size: 2.2vh; }
}
/* PC */
@media screen and (min-width:1100px) {
	h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size: 1.0rem; line-height: 1.7; }
}

/* utility
----------------------------------------------------------------*/
.clear:after {
	content: ""; 
	display: block; 
	clear: both;
}
.fit img {
	width: 100%;
	height: auto;
}
.pc,.sp_land { display: none; }

/* color */
.red { color: #d00000; }

/* margin */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

 /* 段落 */
p + p {	margin-top: 1rem; }

/* SP横*/
body.landscape .sp_land {
	display: block;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:1100px) {
	.sp { display: none; }
	.pc { display: block; }
}

/* html/body設定
----------------------------------------------------------------*/
img {
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}
html {
	height: 100%;
}
body {
	height: 100%;
	color:#000;
	text-align:left;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}
/* SP横 */
body.landscape {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:1100px) {}

/* ラッパー
----------------------------------------------------------------*/
.wrapper {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	z-index: 1;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* Wide PC */
@media screen and (min-width:1100px) {}

/* ヘッドセクション HEADER
----------------------------------------------------------------*/
header {}
header .logo {
	position: fixed;
	top: 2.6666666666667vw;
	left: 2.6666666666667vw;
	width: 20vw;
	height: 9.73125vw;
	vertical-align: top;
	z-index: 100;
}
header .logo .svg {
	transition: .8s;
}
header .logo.white .svg {
	fill: #fff;
}
/* SP横 */
body.landscape header .logo {
	width: 20vh;
	height: 6.266666666666667vh;
}

/* spmenu  */
.spmenu {
	position: fixed;
	top: 2.6666666666667vw;
	right: 2.6666666666667vw;
	width: 6.666666666666667vw;
	height: 6.666666666666667vw;
	z-index: 102;
}
body.landscape .spmenu {
	width: 6.666666666666667vh;
	height: 6.666666666666667vh;
}
.spmenu a,
.spmenu a span {
	display: block;
	line-height: 2px;
	box-sizing: border-box;
	transition: .5s;
}
.spmenu a {
	position: relative;
	width: 100%;
	height: 100%;
}
.spmenu a:hover {
	opacity: 1;
}
.spmenu a span {
	position: absolute;
	width: 100%;
	height: 8%;
	left: 0;
	background: #000;
	border-radius: 2px;
}
.spmenu.white a span {
	background: #fff;
}
.spmenu a span:nth-of-type(1) {
	top: 14%;
}
.spmenu a span:nth-of-type(2) {
	top: 46%;
}
.spmenu a span:nth-of-type(3) {
	top: 78%;
}
.spmenu.on a span {
	background-color: #fff;
}
.spmenu.on span:nth-of-type(1) {
	top: 40%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.spmenu.on span:nth-of-type(2) {
	opacity: 0;
}
.spmenu.on span:nth-of-type(3) {
	top: 40%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* sp nav */
nav.sp {
	display: block;
	position: fixed;
	top: 0;
	right: -73.333333333333333vw;
	width: 73.333333333333333vw;
	height: 100vh;
	text-align: left;
	background:  #1c456e;
	transition: .5s;
	z-index: 101;
}
nav.sp.disp {
	right: 0;
}
nav.sp ul {
	margin: 12vw 0 0 6.666666666666667vw;
}
nav.sp ul li {
	margin-bottom: 5vw;
}
nav.sp ul li:last-child {
	margin-bottom: 0;
}
nav.sp ul li a {
	position: relative;
	color: #fff;
	font-size: 5vw;
	line-height: 1;
	text-decoration: none;
}
/* SP横 */
body.landscape nav.sp {
	right: -50vw;
	width: 50vw;
}
body.landscape nav.sp.disp {
	right: 0;
}
body.landscape nav.sp ul {
	margin: 12vh 0 0 6.666666666666667vh;
}
body.landscape nav.sp ul li {
	margin-bottom: 5vh;
}
body.landscape nav.sp ul li a {
	font-size: 5vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	header .logo {
		width: 15vw;
		height: 7.2984375vw;
	}
	.spmenu {
		width: 4.444444444444445vw;
		height: 4.444444444444445vw;
	}
	nav.sp {
		right: -50vw;
		width: 50vw;
	}
	nav.sp ul {
		margin: 10vw 0 0 5vw;
	}
	nav.sp ul li a {
		font-size: 3.2vw;
	}
	body.landscape header .logo {
		width: 15vh;
		height: 4.7vh;
	}
	body.landscape .spmenu {
		width: 4.7vh;
		height: 4.7vh;
	}
	body.landscape nav.sp {
		right: -30vw;
		width: 30vw;
	}
	body.landscape nav.sp ul {
		margin: 10vh 0 0 4.7vh;
	}
	body.landscape nav.sp ul li {
		margin-bottom: 3vh;
	}
	body.landscape nav.sp ul li a {
		font-size: 3vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	header .logo {
		position: fixed;
		top: 30px;
		left: 50px;
		width: 120px;
		height: 37.2px;
		vertical-align: top;
		z-index: 100;
	}
	.spmenu, nav.sp {
		display:none;
	}
}

/* ボディセクション BODY
----------------------------------------------------------------*/
article.body {
	height: 100%;
}
/* コンテンツ */
section.section {
	height: 100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	/*min-height: 780px;*/
}
section.section .container {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}
section.section .container .contents {
	width: 100%;
	height: 100%;
}
.second section.section .container .contents {
	height: auto;
	width: auto;
	padding: 15vw 4vw 4vw;
}

/* 上段 / 下段 */
section.section .container .contents .upper,
section.section .container .contents .lower {
	position: relative;
	height: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4vw 8vw;
}
/* 左右 */
section.section .container .contents .horizontal {
	position: relative;
	padding-top: 4vw;
}
section.section .container .contents .horizontal:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	height: 2px;
	width: 10.666666666666667vw;
	background: #000;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
section.section.view .container .contents .horizontal:before {
	animation: horizontalBorder 1.0s ease-in-out 0.5s forwards;
}
@keyframes horizontalBorder {
    0% { opacity: 0; transform: translateX(-150%); }
    100% { opacity: 1; transform: translateX(-50%); }
}
section.section .container .contents .horizontal .en {
	font-size: 3vw;
	line-height: 1.2;
	text-align: inherit;
	text-justify: none; /* IE */
}
section.section .container .contents .horizontal .left,
section.section .container .contents .horizontal .right {
	position: relative;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section.section .container .contents .horizontal .right {
	padding-top: 3vw;
}

/* ページタイトル */
section.section .container .contents .pagetitle {}
section.section .container .contents .headline .text {
	font-size: 7vw;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}
section.section .container .contents .headline .text .en {
	display: block;
	font-size: 4.5vw;
	letter-spacing: .3rem;
	margin-top: 1rem;
}
/* SP横 */
body.landscape.second section.section .container .contents {
	padding: 15vh 5vw 5vh;
}
body.landscape section.section .container .contents .upper,
body.landscape section.section .container .contents .lower {
	padding: 5vh 5vw;
}
body.landscape section.section .container .contents .horizontal {
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	padding-top: 5vh;
}
body.landscape section.section .container .contents .horizontal:before {
	width: 10.666666666666667vh;
}
body.landscape section.section .container .contents .pagetitle {}
body.landscape section.section .container .contents .headline .text {
	font-size: 7vh;
}
body.landscape section.section .container .contents .headline .text .en {
	font-size: 4.5vh;
	margin-top: 0.5rem;
}
body.landscape section.section .container .contents .horizontal .en {
	font-size: 3vh;
}
body.landscape section.section .container .contents .horizontal .left {
	width: 57%;
	padding-right: 2.5vw;
}
body.landscape section.section .container .contents .horizontal .right {
	width: 43%;
	padding-top: 0;
	padding-left: 2.5vw;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.second section.section .container .contents {
		padding: 12vw 4vw 4vw;
	}
	section.section .container .contents .pagetitle {}
	section.section .container .contents .headline .text {
		font-size: 5vw;
	}
	section.section .container .contents .headline .text .en {
		font-size: 3.5vw;
	}
	section.section .container .contents .horizontal:before {
		width: 8vw;
	}
	section.section .container .contents .horizontal .en {
		font-size: 2.4vw;
	}
	body.landscape.second section.section .container .contents {
		padding: 15vh 5vw 5vh;
	}
	body.landscape section.section .container .contents .upper,
	body.landscape section.section .container .contents .lower {
		padding: 5vh 5vw;
	}
	body.landscape section.section .container .contents .horizontal {
		padding-top: 5vh;
	}
	body.landscape section.section .container .contents .horizontal:before {
		width: 8vh;
	}
	body.landscape section.section .container .contents .pagetitle {}
	body.landscape section.section .container .contents .headline .text {
		font-size: 5vh;
	}
	body.landscape section.section .container .contents .headline .text .en {
		font-size: 3vh;
	}
	body.landscape.second section.section .container .contents {
		padding: 10vh 5vw 5vh;
	}
	body.landscape section.section .container .contents .horizontal .en {
		font-size: 2.2vh;
	}
	body.landscape section.section .container .contents .horizontal .left {
		width: 57%;
		padding-right: 2.5vw;
	}
	body.landscape section.section .container .contents .horizontal .right {
		width: 43%;
		padding-top: 0;
		padding-left: 2.5vw;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	section.section {
		min-width: 1100px;
		padding: 0 50px;
		/*min-height: 780px;*/
	}
	section.section .container {
		width: 1000px;
		margin: 0 auto;
	}
	.second section.section .container .contents {
		height: auto;
		padding: 97.2px 0 88px;
	}
	section.section .container .contents .upper,
	section.section .container .contents .lower {
		padding: 40px;
	}
	section.section .container .contents .horizontal {
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
		padding-top: 40px;
	}
	section.section .container .contents .horizontal:before {
		width: 40px;
	}
	section.section .container .contents .horizontal .en {
		font-size: 1.0rem;
	}
	section.section .container .contents .horizontal .left {
		width: 55%;
		padding-right: 40px;
	}
	section.section .container .contents .horizontal .right {
		width: 45%;
		padding-top: 0;
		padding-left: 40px;
	}
	section.section .container .contents .pagetitle {}
	section.section .container .contents .headline .text {
		font-size: 3.0rem;
	}
	section.section .container .contents .headline .text .en {
		font-size: 1.8rem;
	}
	.second section.section .container .contents .headline .text {
		font-size: 2.0rem;
	}
}

/* ボタン */
.btn.more,
.btn.close {
	text-align: center;
	margin-top: 4vw;
}
.btn.more a,
.btn.close a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: bold;
	background: #000;
	border: 3px solid #000;
	padding: 0 4rem;
	transition: .5s;
}
.btn.more a:hover,
.btn.close a:hover {
	color: #000;
	background: transparent;
	border: 3px solid #000;
	opacity: 1;
}
.btn.more a:before,
.btn.close a:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	border: 3px solid #000;
	z-index: -1;
}
.btn.more a:hover:before,
.btn.close a:hover:before {
	opacity: 0;
	animation: btnHover 0.5s ease-out 0.1s;
}
@keyframes btnHover {
    0% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.2); }
}
/* SP横 */
body.landscape .btn.sp {
	display: none;
}
body.landscape .btn.pc {
	display: block;
}
body.landscape .btn.more,
body.landscape .btn.close {
	margin-top: 4vh;
}
body.landscape .btn.more a,
body.landscape .btn.close a {
	font-size: 4vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.btn.more a,
	.btn.close a {
		font-size: 3vw;
	}
	body.landscape .btn.more,
	body.landscape .btn.close {
		margin-top: 2.6vh;
	}
	body.landscape .btn.more a,
	body.landscape .btn.close a {
		font-size: 2.6vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	.btn.more,
	.btn.close {
		margin-top: 2rem;
	}
	.btn.more a,
	.btn.close a {
		font-size: 1.0rem;
		border: 3px solid #000;
	}
}

/* フッタセクション FOOTER
--------------------------------------------------------------*/
footer {
	display: none;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:1100px) {
	footer {
		display: block;
		position: fixed;
		bottom: -75px; /* FF */
		left: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #1c456e;
		padding: 10px 50px;
		z-index: 100;
		transition: .8s;
	}
	footer.is_visible {
		bottom: -0;
	}
	footer nav {}
	footer nav ul {}
	footer nav ul li {
		display: inline-block;
		color: #fff;
		font-size: 1.0rem;
		line-height: 1.2;
	}
	footer nav ul li.separater {
		margin: 0 1rem
	}
	footer nav ul li a {
		display: inline-block;
		color: #fff;
		opacity: 1;
	}
	footer .copyright {
		position: absolute;
		top: 50%;
		right: 50px;
		color: #fff;
		font-size: 1.0rem;
		text-align: right;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

/*===============================================================

	セクション

===============================================================*/

/* セクション1 #section1 */
#section1 {
	background: linear-gradient(#fff 0%, #fff 50%, #d9e8f6 50%, #d9e8f6 100%);
}
/* フレーム */
#section1 .caption {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60vw;
	padding-top: 60vw;
	overflow: hidden;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#section1 .caption .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*border: 5px solid #000;*/
}
#section1 .caption:before,
#section1 .caption:after,
#section1 .caption .inner:before,
#section1 .caption .inner:after {
	content: "";
	position: absolute;
	background: #000;
}
#section1.view .caption:before {
	top: 0;
	right: -100%;
	width: 100%;
	height: 0.666666666666667vw;
    animation: section1CaptionBorderTop 1.8s ease-in-out 0.0s forwards;
}
#section1.view .caption:after {
	top: -100%;
	left: 0;
	width: 0.666666666666667vw;
	height: 100%;
    animation: section1CaptionBorderLeft 1.8s ease-in-out 0.0s forwards;
}
#section1.view .caption .inner:before {
	bottom: 0;
	left: -100%;
	width: 100%;
	height: 0.666666666666667vw;
    animation: section1CaptionBorderBottom 1.8s ease-in-out 0.0s forwards;
}
/* SP横 */
#section1.view .caption .inner:after {
	bottom: -100%;
	right: 0;
	width: 0.666666666666667vw;
	height: 100%;
    animation: section1CaptionBorderRight 1.8s ease-in-out 0.0s forwards;
}
@keyframes section1CaptionBorderTop {
    0% { opacity: 0; right: -100%; }
    100% { opacity: 1; right: 0; }
}
@keyframes section1CaptionBorderLeft {
    0% { opacity: 0; top: -100%; }
    100% { opacity: 1; top: 0; }
}
@keyframes section1CaptionBorderBottom {
    0% { opacity: 0; left: -100%; }
    100% { opacity: 1; left: 0; }
}
@keyframes section1CaptionBorderRight {
    0% { opacity: 0; bottom: -100%; }
    100% { opacity: 1; bottom: 0; }
}
#section1 .caption .inner .chara {
	position: absolute;
	height: auto;
	opacity: 0;
}
/* 表示領域に入ってからアニメーション※1回のみ */
#section1.view .caption .inner .chara {
	/*animation-name: section1CaptionChara;
	animation-duration: 0.6s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;*/
	animation: section1CaptionChara 1.8s ease-in-out 0s forwards;
}
#section1.view .caption .inner .chara01 {
	top: 7.290701754385965%;
	left: 8.995166666666667%;
	width: 15.844833333333333%;
	/*animation-delay: 0.5s;*/
}
#section1.view .caption .inner .chara02 {
	top: 7.553859649122807%;
	left: 42.195166666666667%;
	width: 13.2495%;
	/*animation-delay: 0.7s;*/
}
#section1.view .caption .inner .chara03 {
	top: 7.238245614035088%;
	left: 75.470166666666667%;
	width: 11.9995%;
	/*animation-delay: 0.9s;*/
}
#section1.view .caption .inner .chara04 {
	top: 41.580175438596491%;
	left: 10.995166666666667%;
	width: 11.9745%;
	/*animation-delay: 1.1s;*/
}
#section1.view .caption .inner .chara05 {
	top: 70.606666666666667%;
	left: 8.995166666666667%;
	width: 15.849333333333333%;
	/*animation-delay: 1.3s;*/
}
#section1.view .caption .inner .chara06 {
	top: 70.317017543859649%;
	left: 40.970333333333333%;
	width: 16.649333333333333%;
	/*animation-delay: 1.5s;*/
}
#section1.view .caption .inner .chara07 {
	top: 72.102280701754386%;
	left: 72.1945%;
	width: 19.036166666666667%;
	/*animation-delay: 1.7s;*/
}
@keyframes section1CaptionChara {
    0% { opacity: 0; transform: translateX(25%); }
    100% { opacity: 1; transform: translateX(0); }
}
#section1 .for {
	position: absolute;
	top: 26vw;
	left: 4vw;
}
#section1 .for p {
	font-size: 4vw;
	line-height: 1.2;
	font-weight: bold;
}
#section1 .for ul {
	display: inline-block;
	margin-bottom: 1vw;
}
#section1 .for ul li {
	display: inline-block;
	font-size: 3.2vw;
	line-height: 1;
}
#section1 .for ul li .num {
	font-size: 3vw;
	display: block;
}
#section1 .for ul li.separater {
	padding: 0 0.5rem;
}
#section1 .catch_lb {
	position: absolute;
	bottom: 16vw;
	left: 4vw;
}
#section1 .catch_lb p {
	font-size: 4vw;
	line-height: 1.3;
}
#section1 .catch_rt {
	position: absolute;
	top: 15vw;
	left: 4vw;
}
#section1 .catch_rt p {
	font-size: 4vw;
	line-height: 1.2;
}
#section1 .catch_rc {
	position: absolute;
	bottom: 34vw;
	right: 4vw;
}
#section1 .catch_rc p {
	position: relative;
	font-size: 4vw;
}
#section1 .catch_rc p:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -80px;
	width: 50px;
	height: 1px;
	background: #000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#section1 .scroll {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#section1 .scroll a {
	position: relative;
	display: block;
	width: 60px;
	height: 50px;
}
#section1 .scroll .arw {
	position: absolute;
	content: "";
	bottom: 2px;
	left: 50%;
	height: 20px;
	width: 1px;
	background: #000;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#section1 .scroll .arw:after {
	position: absolute;
	content: "";
	bottom: 3px;
	left: 50%;
	height: 5px;
	width: 5px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg) translateX(-70%);
	transform: rotate(-45deg) translateX(-70%);
}
#section1 .scroll .text {
	display: block;
	font-size: 4vw;
	text-align: center;
	animation: section1_scroll 3s ease-in-out infinite;
}
@keyframes section1_scroll {
  0% { transform: translateY(-10px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(-10px); }
}
/* SP横 */
body.landscape #section1 .caption {
	width: 60vh;
	padding-top: 60vh;
}
body.landscape #section1.view .caption:before {
	height: 0.533333333333333vh;
}
body.landscape #section1.view .caption:after {
	width: 0.533333333333333vh;
}
body.landscape #section1.view .caption .inner:before {
	height: 0.533333333333333vh;
}
body.landscape #section1.view .caption .inner:after {
	width: 0.533333333333333vh;
}
body.landscape #section1 .for {
		top: auto;
		bottom: 50%;
		left: 5vw;
		transform: translateY(-1rem);
}
body.landscape #section1 .for p {
	font-size: 4vh;
}
body.landscape #section1 .for ul {
	display: block;
	margin-bottom: 1vh;
}
body.landscape #section1 .for ul li {
	font-size: 3.2vh;
}
body.landscape #section1 .for ul li .num {
	font-size: 3vh;
}
body.landscape #section1 .for  ul li.separater.sp {
	display: none;
}
body.landscape #section1 .catch_lb {
	bottom: 5vh;
	left: 5vw;
}
body.landscape #section1 .catch_lb p {
	font-size: 4vh;
}
body.landscape #section1 .catch_rt {
	position: absolute;
	top: 5vh;
	left: 50%;
}
body.landscape #section1 .catch_rt p {
	font-size: 4vh;
}
body.landscape #section1 .catch_rc {
	bottom: auto;
	top: 40%;
	right: 5vw;
}
body.landscape #section1 .catch_rc p {
	font-size: 4vh;
}
body.landscape #section1 .catch_rc p:before {
	left: -80px;
	width: 50px;
}
body.landscape #section1 .scroll a {
	height: 40px;
}
body.landscape #section1 .scroll .arw {
	height: 10px;
}
body.landscape #section1 .scroll .text {
	font-size: 4vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	#section1 .for {
		top: 20vw;
		left: 4vw;
	}
	#section1 .for p {
		font-size: 3.2vw;
	}
	#section1 .for ul {
		margin-bottom: 1vw;
	}
	#section1 .for ul li {
		font-size: 2.6vw;
	}
	#section1 .for ul li .num {
		font-size: 2.2vw;
	}
	#section1 .catch_lb {
		bottom: 10vw;
		left: 4vw;
	}
	#section1 .catch_lb p {
		font-size: 3.2vw;
	}
	#section1 .catch_rt {
		top: 10vw;
		left: 4vw;
	}
	#section1 .catch_rt p {
		font-size: 3.2vw;
	}
	#section1 .catch_rc {
		bottom: 26vw;
		right: 4vw;
	}
	#section1 .catch_rc p {
		font-size: 3.2vw;
	}
	#section1 .scroll a {
		width: 10vw;
		height: 8vw;
	}
	#section1 .scroll .text {
		font-size: 3.2vw;
	}
	body.landscape #section1 .caption {
		width: 50vh;
		padding-top: 50vh;
	}
	body.landscape #section1 .for {
		left: 4vw;
	}
	body.landscape #section1 .for p {
		font-size: 3vh;
	}
	body.landscape #section1 .for ul {
		margin-bottom: 1vh;
	}
	body.landscape #section1 .for ul li {
		font-size: 2.6vh;
	}
	body.landscape #section1 .for ul li .num {
		font-size: 2vh;
	}
	body.landscape #section1 .catch_lb {
		bottom: 8vh;
		left: 4vw;
	}
	body.landscape #section1 .catch_lb p {
		font-size: 3vh;
	}
	body.landscape #section1 .catch_rt {
		top: 4vh;
	}
	body.landscape #section1 .catch_rt p {
		font-size: 3vh;
	}
	body.landscape #section1 .catch_rc {
		top: 40%;
	}
	body.landscape #section1 .catch_rc p {
		font-size: 3vh;
	}
	body.landscape #section1 .scroll a {
		height: 8vh;
	}
	body.landscape #section1 .scroll .arw {
		height: 3vh;
	}
	body.landscape #section1 .scroll .text {
		font-size: 3vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	#section1 .caption {
		width: 46%;
		padding-top: 46%;
	}
	#section1.view .caption:before {
		height: 5px;
	}
	#section1.view .caption:after {
		width: 5px;
	}
	#section1.view .caption .inner:before {
		height: 5px;
	}
	#section1.view .caption .inner:after {
		width: 5px;
	}
	#section1 .for {
		top: auto;
		bottom: 50%;
		left: 0;
		transform: translateY(-1rem);
	}
	#section1 .for p {
		font-size: 1.2rem;
	}
	#section1 .for ul {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-end;
		margin-bottom: 0.5rem;
	}
	#section1 .for  ul li {
		font-size: 1.0rem;
	}
	#section1 .for  ul li .num {
		font-size: 0.6rem;
	}
	#section1 .for  ul li.separater.sp {
		display: none;
	}
	#section1 .catch_lb {
		bottom: 30px;
		left: 0;
	}
	#section1 .catch_lb p {
		font-size: 1.0rem;
	}
	#section1 .catch_rt {
		top: 5%;
		left: auto;
		right: 0;
	}
	#section1 .catch_rt p {
		font-size: 1.0rem;
		line-height: 1.3;
	}
	#section1 .catch_rc {
		bottom: auto;
		top: 40%;
		right: 0;
	}
	#section1 .catch_rc p {
		font-size: 1.0rem;
	}
	#section1 .catch_rc p:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -80px;
		width: 50px;
		height: 1px;
		background: #000;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#section1 .scroll a {
		width: 80px;
		height: 80px;
	}
	#section1 .scroll .arw {
		height: 40px;
	}
	#section1 .scroll .arw:after {
		bottom: 7px;
		height: 10px;
		width: 10px;
	-webkit-transform: rotate(-45deg) translateX(-78%);
	transform: rotate(-45deg) translateX(-78%);
	}
	#section1 .scroll .text {
		font-size: 1.2rem;
	}
}

/* セクション2 #section2 */
#section2 {
	background: linear-gradient(#d9e8f6 0%, #d9e8f6 50%, #fff 50%, #fff 100%);
}
#section2 .upper .headline,
#section3 .upper .headline,
#section4 .upper .headline,
#section6 .upper .headline {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#section2 .upper .headline .pagetitle,
#section3 .upper .headline .pagetitle,
#section4 .upper .headline .pagetitle,
#section6 .upper .headline .pagetitle {
	height: 7vw;
	margin-bottom: 7vw;
}
#section2 .upper .headline .pagetitle img,
#section3 .upper .headline .pagetitle img,
#section4 .upper .headline .pagetitle img,
#section6 .upper .headline .pagetitle img {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
}
/* SP横 */
body.landscape #section2 .upper .headline .pagetitle,
body.landscape #section3 .upper .headline .pagetitle,
body.landscape #section4 .upper .headline .pagetitle,
body.landscape #section6 .upper .headline .pagetitle {
	height: 5vh;
	margin-bottom: 5vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	#section2 .upper .headline .pagetitle,
	#section3 .upper .headline .pagetitle,
	#section4 .upper .headline .pagetitle,
	#section6 .upper .headline .pagetitle {
		height: 5vw;
		margin-bottom: 5vw;
	}
	body.landscape #section2 .upper .headline .pagetitle,
	body.landscape #section3 .upper .headline .pagetitle,
	body.landscape #section4 .upper .headline .pagetitle,
	body.landscape #section6 .upper .headline .pagetitle {
		height: 4vh;
		margin-bottom: 4vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	#section2 .upper .headline .pagetitle,
	#section3 .upper .headline .pagetitle,
	#section4 .upper .headline .pagetitle,
	#section6 .upper .headline .pagetitle {
		height: 40px;
		margin-bottom: 40px;
	}
}

/* セクション3 #section3 */
#section3 {
	background: #d9e8f6;
}

/* セクション4 #section4 */
#section4 {
	background: linear-gradient(#fff 0%, #fff 50%, #d9e8f6 50%, #d9e8f6 100%);
}

/* セクション5 #section5 */
#section5 {
	background: #1c456e;
}
#section5 .caption {
	position: absolute;
	top: 15vw;
	left: 50%;
	/*width: 9.2802%;*/
	/*overflow: hidden;*/
	/*padding-top: 40%;*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#section5 .caption .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#section5 .caption .inner .chara {
	position: absolute;
	width: auto;
	opacity: 0;
}
#section5 .caption .inner .chara.fit img {
	width: auto;
	height: 100%;
}
/* 表示領域に入ってからアニメーション※1回のみ */
#section5.view .caption .inner .chara {
	width: auto;
	animation-name: section5CaptionChara;
	animation-duration: 0.6s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#section5.view .caption .inner .chara01 {
	top: 0;
	left: 64.269089028253701%;
	height: 8.55475%;
	animation-delay: 0.0s;
}
#section5.view .caption .inner .chara02 {
	top: 10.6275%;
	left: 61.292860067670955%;
	height: 9.54475%;
	animation-delay: 0.1s;
}
#section5.view .caption .inner .chara03 {
	top: 23.1205%;
	left: 62.830542445205922%;
	height: 8.4625%;
	animation-delay: 0.2s;
}
#section5.view .caption .inner .chara04 {
	top: 34.404%;
	left: 60.746535635007866%;
	height: 8.91175%;
	animation-delay: 0.3s;
}
#section5.view .caption .inner .chara05 {
	top: 48.3475%;
	left: 68.090127367944656%;
	height: 4.60575%;
	animation-delay: 0.4s;
}
#section5.view .caption .inner .chara06 {
	top: 58.45725%;
	left: 62.383353807030021%;
	height: 7.79475%;
	animation-delay: 0.5s;
}
#section5.view .caption .inner .chara07 {
	top: 69.26875%;
	left: 66.252882480981013%;
	height: 8.52025%;
	animation-delay: 0.6s;
}
#section5.view .caption .inner .chara08 {
	top: 80.242%;
	left: 59.158207797245749%;
	height: 9.326%;
	animation-delay: 0.7s;
}
#section5.view .caption .inner .chara09 {
	top: 93.4255%;
	left: 62.483567164500765%;
	height: 6.5745%;
	animation-delay: 0.8s;
}
#section5.view .caption .inner .chara10 {
	top: 25.06625%;
	left: 4.652916962996487%;
	height: 9.211%;
	animation-delay: 0.9s;
}
#section5.view .caption .inner .chara11 {
	top: 37.16775%;
	left: 0.248917049201526%;
	height: 8.9805%;
	animation-delay: 1.0s;
}
#section5.view .caption .inner .chara12 {
	top: 48.77375%;
	left: 0;
	height: 8.95775%;
	animation-delay: 1.1s;
}
#section5.view .caption .inner .chara13 {
	top: 60.2995%;
	left: 1.738109092476455%;
	height: 8.9575%;
	animation-delay: 1.2s;
}
#section5.view .caption .inner .chara14 {
	top: 71.19175%;
	left: 29.77737548759725%;
	height: 2.936%;
	animation-delay: 1.3s;
}
@keyframes section5CaptionChara {
    0% { opacity: 0; transform: translateY(25%); }
    100% { opacity: 1; transform: translateY(0); }
}
#section5 .catch {
	position: absolute;
	bottom: 15vw;
	left: 0;
	width: 100%;
	opacity: 0;
}
#section5.view .catch {
	animation: section5Catch 1s ease-in-out 1.4s forwards;
}
#section5 .catch p {
	color: #fff;
	font-size: 4vw;
	text-align: center;
}
@keyframes section5Catch {
    0% { opacity: 0; transform: translate3d(0, 50%, 0); }
    100% { opacity: 1; transform: none; }
}
/* SP横 */
body.landscape #section5 .caption {
	top: 5vh;
}
body.landscape #section5 .catch {
	bottom: 5vh;
}
body.landscape #section5 .catch p {;
	font-size: 4vh;
}
body.landscape #section5 .catch p br.sp {
	display: none;
}

/* Tablet  */
@media screen and (min-width:600px) {
	#section5 .catch p {
		font-size: 3vw;
	}
	body.landscape #section5 .caption {
		top: 8vh;
	}
	body.landscape #section5 .catch {
		bottom: 8vh;
	}
	body.landscape #section5 .catch p {;
		font-size: 3.2vh;
	}
	}
/* PC */
@media screen and (min-width:1100px) {
	#section5 .caption {
		position: absolute;
		top: 80px;
		left: 50%;
		/*width: 9.2802%;*/
		/*overflow: hidden;*/
		/*padding-top: 40%;*/
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#section5 .catch {
		bottom: 100px;
	}
	#section5 .catch p {
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
	}
}

/* セクション6 #section6 */
#section6 {
	background: linear-gradient(#fff 0%, #fff 50%, #1c456e 50%, #1c456e 100%);
}
#section6 .lower {
	display: flex;
	align-items: center;
	justify-content: center;
}
#section6 .lower p {
	color: #fff;
	font-size: 4.5vw;
	text-align: center;
}
/* SP横 */
body.landscape #section6 .lower p {
	font-size: 4.5vh;
}
body.landscape #section6 .lower p br.sp {
	display: none;
}

/* Tablet  */
@media screen and (min-width:600px) {
	#section6 .lower p {
		font-size: 3.6vw;
	}
	body.landscape #section6 .lower p {
		font-size: 3.2vh;
	}
	body.landscape #section6 .lower p br.sp {
		display: none;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	#section6 .lower p {
		font-size: 1.2rem;
	}
}

/* セクション7 #section7 */
#section7 {
	background: linear-gradient(#1c456e 0%, #1c456e 50%, #fff 50%, #fff 100%);
}
#section7 .upper .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
section#section7.section .container .contents .horizontal {
	padding-top: 0;
}
section#section7.section .container .contents .horizontal:before {
	content: none;
}
section#section7.section .container .contents .horizontal .left {
	width: 100%;
}
section#section7.section .container .contents .horizontal .left table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
section#section7.section .container .contents .horizontal .left table th {
	width: 30%;
	line-height: 1.5;
	text-align: right;
	padding: 0 10px 0 0;
}
section#section7.section .container .contents .horizontal .left table td {
	width: 70%;
	line-height: 1.5;
	padding: 0 0 0 10px;
}
section#section7.section .container .contents .horizontal .right {
	width: 100%;
}
section#section7.section .container .contents .horizontal .right p {
	text-align: center;
}
section#section7.section .container .contents .horizontal .right .btn.more {
	margin-top: 0.5rem;
}
/* SP横 */
body.landscape #section7 .upper .logo {
	width: 14%;
}
body.landscape section#section7.section .container .contents .horizontal .left {
	width: 80%;
	display: flex;
	align-items: center;
	padding-right: 1vw;
}
body.landscape section#section7.section .container .contents .horizontal .left table th {
	width: 22%;
	padding: 0 2vh;
}
body.landscape section#section7.section .container .contents .horizontal .left table td {
	width: 88%;
	padding: 0 2vh;
}
body.landscape section#section7.section .container .contents .horizontal .right {
	width: 20%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 1vw;
}
body.landscape section#section7.section .container .contents .horizontal .right .form {
	width: 100%;
}
body.landscape section#section7.section .container .contents .horizontal .right .btn.more a {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

/* Tablet  */
@media screen and (min-width:600px) {
	#section7 .upper .logo {
		width: 25%;
	}
	section#section7.section .container .contents .horizontal .left table th {
		width: 22%;
	}
	section#section7.section .container .contents .horizontal .left table td {
		width: 78%;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	#section7 .upper .logo {
		width: 20%;
	}
	section#section7.section .container .contents .horizontal .left {
		width: 73%;
		display: flex;
		align-items: center;
	}
	section#section7.section .container .contents .horizontal .left table th {
		width: 20%;
		padding: 0 10px;
	}
	section#section7.section .container .contents .horizontal .left table td {
		width: 80%;
		padding: 0 10px;
	}
	section#section7.section .container .contents .horizontal .right {
		width: 27%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}

/*===============================================================

	FORM共通

===============================================================*/
.formarea {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
}
/* Wide PC */
@media screen and (min-width:1100px) {}

/*===============================================================

	404 Not Found

===============================================================*/
.notfound {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
}
/* Wide PC */
@media screen and (min-width:1100px) {}

/* Overlay
--------------------------------------------------------------*/
#overlay{
	position: fixed;
	display: none;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 100;
}
#lock,
#send {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: 10000;
}
#lock {
	display: block;
	background: #fff;
}
#send {
	display: none;
	background: rgba(0, 0, 0, .6);
}
#lock .loader,
#lock .loader:after,
#send .loader,
#send .loader:after {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
#lock .loader,
#send .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	text-indent: -9999px;
	border-top: 2px solid rgba(0, 0, 0, 0.2);
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	border-left: 2px solid #222;
	margin: -15px 0 0 -15px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
}
@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1100px) {}

/*===============================================================

	second pages

===============================================================*/

/* 共通 */
.second .headline {
	margin-bottom: 4vw;
}
.second .headline .pagetitle {
	position: relative;
	height: 3vw;
	padding-bottom: 5vw;
	margin: 0 auto 5vw;
}
.second .headline .pagetitle.fit img {
	height: 100%;
}
.second .headline .pagetitle:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	height: 2px;
	width: 40px;
	background: #000;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.second .headline .pagetitle:after,
.second .headline .pagetitle:after{
	animation: horizontalBorder 1.0s ease-in-out 0.5s forwards;
}
.second .headline .text {
	font-size: 5vw;
	line-height: 1;
	text-align: center;
}
/* SP横 */
body.landscape.second .headline {
	margin-bottom: 4vh;
}
body.landscape.second .headline .pagetitle {
	height: 4vh;
	padding-bottom: 5vh;
	margin: 0 auto 5vh;
}
body.landscape.second .headline .pagetitle:after {
	width: 10.666666666666667vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.second .headline {
		margin-bottom: 3vw;
	}
	.second .headline .pagetitle {
		height: 4vw;
		padding-bottom: 3vw;
		margin: 0 auto 3vw;
	}
	.second .headline .text {
		font-size: 4vw;
	}
	body.landscape.second .headline {
		margin-bottom: 3vh;
	}
	body.landscape.second .headline .pagetitle {
		height: 3vh;
		padding-bottom: 4vh;
		margin: 0 auto 4vh;
	}
	body.landscape.second .headline .pagetitle:after {
		width: 8vh;
	}
	body.landscape.second section.section .container .contents .headline .text {
		font-size: 4vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {}

/* プライバシーポリシー */
.second .polisy {}
.second .polisy dl {}
.second .polisy dl dt {
	font-size: 3.6vw;
	font-weight: bold;
}
.second .polisy dl dd + dt {
	margin-top: 1rem;
}
.second .polisy dl dd {
}
.second .polisy dl dd p {
	font-size: 3.6vw;
	line-height: 1.2;
}
.second .polisy dl dd ul {}
.second .polisy dl dd ul li {
	font-size: 3.6vw;
	line-height: 1.2;
	padding: 0 1rem;
}
.second .polisy dl dd ul li:before {
	content: "-";
	margin-right: 0.5rem;
}
/* SP横 */
body.landscape.second .polisy dl dt,
body.landscape.second .polisy dl dd p,
body.landscape.second .polisy dl dd ul li {
	font-size: 3.6vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.second .polisy dl dt {
		font-size: 3.2vw;
	}
	.second .polisy dl dd p ,
	.second .polisy dl dd ul li {
		font-size: 3vw;
	}
	body.landscape.second .polisy dl dt,
	body.landscape.second .polisy dl dd p,
	body.landscape.second .polisy dl dd ul li {
		font-size: 2.2vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	.second .polisy dl dt {
		font-size: 1.0rem;
	}
	.second .polisy dl dd p {
		font-size: 1.0rem;
		line-height: 1.5;
	}
	.second .polisy dl dd ul li {
		font-size: 1.0rem;
		line-height: 1.5;
	}
}
/* ガイドライン */
.second .guidance {}
.second .guidance p {
	font-size: 4vw;
	text-align: center;
	margin-bottom: 30px;
}
.second .guidance ul {}
.second .guidance ul li {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #000;
	opacity: 0;
	padding: 7.5vw 4vw 22.5vw;
}
.second .guidance ul li.separater {
	height: 16vw;
	border: none;
	padding: 0;
}
.second .guidance ul li.separater:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
    -webkit-transform: translate(-50%, -100%) rotate(135deg);
    transform: translate(-50%, -100%) rotate(135deg);
}
.second .guidance ul li .no {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: -5vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.second .guidance ul li .subtitle {
	position: relative;
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
	padding-bottom: 4vw;
	margin-bottom: 4vw;
}
.second .guidance ul li .subtitle:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 1px;
	width: 40px;
	background: #000;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.second .guidance ul li p {
	font-size: 4vw;
	line-height: 1.5;
	text-align: left;
	margin: 0;
}
.second .guidance ul li .fig {
	position: absolute;
	height: 17.5vw;
	bottom: 2.5vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.second .guidance ul li .fig img {
	height: 100%;
	width: auto;
}
.second.loaded .guidance ul li:nth-child(1) {
	animation: guidance 0.5s ease-in-out 0.5s forwards;
}
.second.loaded .guidance ul li:nth-child(2) {
	animation: guidance 0.5s ease-in-out 1.0s forwards;
}
.second.loaded .guidance ul li:nth-child(3) {
	animation: guidance 0.5s ease-in-out 1.5s forwards;
}
.second.loaded .guidance ul li:nth-child(4) {
	animation: guidance 0.5s ease-in-out 2.0s forwards;
}
.second.loaded .guidance ul li:nth-child(5) {
	animation: guidance 0.5s ease-in-out 2.5s forwards;
}
@keyframes guidance {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
/* SP横 */
body.landscape.second .guidance p {
	font-size: 4vh;
}
body.landscape.second .guidance ul li {
	padding: 7.5vh 4vh 22.5vh;
}
body.landscape.second .guidance ul li.separater {
	height: 16vh;
}
body.landscape.second .guidance ul li .no {
	width: 10vh;
	height: 10vh;
	top: -5vh;
}
body.landscape.second .guidance ul li .subtitle {
	font-size: 5vh;
	padding-bottom: 4vh;
	margin-bottom: 4vh;
}
body.landscape.second .guidance ul li p {
	font-size: 4vh;
}
body.landscape.second .guidance ul li .fig {
	height: 17.5vh;
	bottom: 2.5vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.second .guidance p {
		font-size: 3.2vw;
		margin-bottom: 6.4vw;
	}
	.second .guidance ul li {
		padding: 6.5vw 4vw 21.5vw;
	}
	.second .guidance ul li.separater {
		height: 16vw;
	}
	.second .guidance ul li.separater:after {
		width: 5vw;
		height: 5vw;
	}
	.second .guidance ul li .subtitle {
		font-size: 4vw;
		padding-bottom: 3vw;
		margin-bottom: 3vw;
	}
	.second .guidance ul li p {
		font-size: 3.2vw;
	}
	.second .guidance ul li .fig {
		height: 16.5vw;
		bottom: 2.5vw;
	}
	/* SP横 */
	body.landscape.second .guidance p {
		font-size: 3vh;
	}
	body.landscape.second .guidance ul {
		display: flex;
		flex-wrap: nowrap;
	}
	body.landscape.second .guidance ul li {
		width: 26%;
		padding: 5vh 3vh 15vh;
	}
	body.landscape.second .guidance ul li.separater {
		height: auto;
		width: 11%;
	}
	body.landscape.second .guidance ul li.separater:after {
		width: 4vw;
		height: 4vw;
		-webkit-transform: translate(-75%, -50%) rotate(45deg);
		transform: translate(-75%, -50%) rotate(45deg);
	}
	body.landscape.second .guidance ul li .no {
		width: 8vh;
		height: 8vh;
		top: -4vh;
	}
	body.landscape.second .guidance ul li .subtitle {
		font-size: 3vh;
		padding-bottom: 2vh;
		margin-bottom: 2vh;
	}
	body.landscape.second .guidance ul li p {
		font-size: 2.2vh;
	}
	body.landscape.second .guidance ul li .fig {
		height: 10vh;
		bottom: 2.5vh;
	}
}
/* PC */
@media screen and (min-width:1100px) {
	.second .headline {
		margin-bottom: 30px;
	}
	.second .headline .pagetitle {
		height: auto;
		width: 40%;
		padding-bottom: 30px;
		margin: 0 auto 30px;
	}
	.second .headline .pagetitle.fit img {
		height: auto;
	}
	.second .headline .text {
		font-size: 2.0rem;
	}
	.second .guidance p {
		font-size: 1.2rem;
	}
	.second .guidance ul {
		display: flex;
		flex-wrap: nowrap;
	}
	.second .guidance ul li {
		width: 26%;
		padding: 30px 20px 90px;
	}
	.second .guidance ul li.separater {
		height: auto;
		width: 11%;
	}
	.second .guidance ul li.separater:after {
		width: 40px;
		height: 40px;
		-webkit-transform: translate(-75%, -50%) rotate(45deg);
		transform: translate(-75%, -50%) rotate(45deg);
	}
	.second .guidance ul li .no {
		width: 40px;
		height: 40px;
		top: -20px;
	}
	.second .guidance ul li .subtitle {
		font-size: 1.0rem;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.second .guidance ul li .subtitle:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		height: 1px;
		width: 40px;
		background: #000;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.second .guidance ul li p {
		font-size: 1.0rem;
		line-height: 1.5;
		text-align: left;
		margin: 0;
	}
	.second .guidance ul li .fig {
		position: absolute;
		height: 50px;
		bottom: 20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* フォーム */
.second .form {}
.second .form p {
	font-size: 3.2vw;
	line-height: 1.5;
	text-align: left;
}
.second .form .table_wrapeer {
	background: #d9e8f6;
	padding: 2vw;
	margin-top: 4vw;
}
.second .form table {
	display: block;
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
.second .form table tbody,
.second .form table tr {
	display: block;
	width: 100%;
}
.second .form table th {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 3.2vw;
	padding: 5px 0 0;
}
.second .form table th.company {
	padding-top: 0;
}
.second .form table td {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 3.2vw;
	padding: 0 0 5px;
}
.second .form table td.content {
	padding-bottom: 0;
}
.second .form table td,
.second .form table td input,
.second .form table td textarea {
	font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif;
}
.second .form table td input {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 3.2vw;
	line-height: 1.5;
	border: none;
	border-radius: 0;
	padding: 5px;
}
.second .form table td.num input {
	width: 6rem;
}
.second .form table td textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100px;
	min-height: 100px;
	max-height: 100px;
	font-size: 3.2vw;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	padding: 5px;
}
/* submit */
.second .form .submit {
	text-align: center;
	margin-top: 2vw;
}
.second .form .submit .btn {
	position: relative;
	display: inline-block;
}
.second .form .submit .btn:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	border: 3px solid #000;
	z-index: -1;
}
.second .form .submit .btn:hover:before {
	opacity: 0;
	animation: btnHover 0.5s ease-out 0.1s;
}
.second .form .submit input {
	display: inline-block;
	color: #fff;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: bold;
	background: #000;
	border: 3px solid #000;
	border-radius: 0;
	padding: 0 4rem;
	transition: .5s;
}
.second .form .submit input:hover {
	color: #000;
	background: transparent;
	border: 3px solid #000;
	cursor: pointer;
	opacity: 1;
}
.second .form .success,
.second .form .false {
	display: none;
}
.second .form .success p,
.second .form .false p {
	color: #222;
	font-size: 3.2vw;
	text-align: center;
}
.second .form p.result {
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	margin: 3vw 0;
}
.second .form .success .result {
	color: #75b63b;
}
.second .form .false .result {
	color: #ff5b5b;
}
/* SP横 */
body.landscape.second .form p {
	font-size: 4vh;
}
body.landscape.second .form .table_wrapeer {
	padding: 5vh;
	margin-top: 4vh;
}
body.landscape.second .form table th,
body.landscape.second .form table td,
body.landscape.second .form table td input,
body.landscape.second .form table td textarea {
	font-size: 4vh;
}
body.landscape.second .form .submit {
	margin-top: 4vh;
}
body.landscape.second .form .submit input {
	font-size: 4vh;
}
body.landscape.second .form .success p,
body.landscape.second .form .false p {
	font-size: 5vh;
}
body.landscape.second .form p.result {
	font-size: 6vh;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.second .form p {
		font-size: 2.6vw;
	}
	.second .form table th,
	.second .form table td,
	.second .form table td input,
	.second .form table td textarea {
		font-size: 2.6vw;
	}
	.second .form .submit input {
		font-size: 3vw;
	}
body.landscape.second .form p {
	font-size: 2.2vh;
}
body.landscape.second .form .table_wrapeer {
	padding: 3vh;
	margin-top: 3vh;
}
body.landscape.second .form table th,
body.landscape.second .form table td,
body.landscape.second .form table td input,
body.landscape.second .form table td textarea {
	font-size: 2.2vh;
}
body.landscape.second .form .submit {
	margin-top: 2.6vh;
}
body.landscape.second .form .submit input {
	font-size: 2.6vh;
}
body.landscape.second .form .success p,
body.landscape.second .form .false p {
	font-size: 2.2vh;
}
body.landscape.second .form p.result {
	font-size: 3vh;
}
}
/* PC */
@media screen and (min-width:1100px) {
	.second .form p {
		font-size: 1.0rem;
	}
	.second .form .table_wrapeer {
		padding: 20px;
		margin-top: 1rem;
	}
	.second .form table {
		display: table;
	}
	.second .form table tbody,
	.second .form table tr {
		display: table-row;
		width: 100%;
	}
	.second .form table th {
		display: table-cell;
		width: 30%;
		font-size: 1.0rem;
		padding: 10px 5px;
	}
	.second .form table td {
		display: table-cell;
		width: 70%;
		font-size: 1.0rem;
		padding: 5px;
	}
	.second .form table td input {
		font-size: 1.0rem;
	}
	.second .form table td.company input,
	.second .form table td.company_kana input {
		width: 20rem;
	}
	.second .form table td.name input,
	.second .form table td.name_kana input {
		width: 12rem;
	}
	.second .form table td.department input,
	.second .form table td.post input {
		width: 10rem;
	}
	.second .form table td.tel input {
		width: 13rem;
	}
	.second .form table td textarea {
		width: 600px;
		min-width: 600px;
		max-width: 600px;
		height: 130px;
		min-height: 130px;
		max-height: 130px;
		font-size: 1.0rem;
	}
	.second .form .submit {
		margin-top: 2rem;
	}
	.second .form .submit input {
		font-size: 1.0rem;
	}
	.second .form .success p,
	.second .form .false p {
		font-size: 1.0rem;
	}
	.second .form p.result {
		font-size: 1.2rem;
		margin: 10px 0;
	}
}

/*===============================================================
	
	404 Page Not Found
	
===============================================================*/

/* フォーム */
.second .workaround {}
.second .workaround ul {
	padding: 1rem;
}
.second .workaround ul li:before {
	content: "・";
	padding-right: 0.5rem;
}

/*===============================================================
	
	noscript
	
===============================================================*/
noscript {
	display: block;
	background: #000;
	padding: 20px 0;
}
noscript p.message {
	color: #d00000;
	font-size: 3.0rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
noscript p.message {}
noscript p a {
	color: #fff;
	font-size: 1.8rem;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:1100px) {}

/*===============================================================
	
	PLUN INs
	
===============================================================*/

/* jquery.inview.min.js
--------------------------------------------------------------*/
.iv {
	opacity: 0;
}
.view .iv {
	animation: fadeIn 1s ease-in-out 0s forwards;
}

/* ofi.min.js
--------------------------------------------------------------*/
img.ofi {
	object-fit: cover;
	font-family: "object-fit: cover";
}

/* jquery.scrollify.js
--------------------------------------------------------------*/
/* ページネーション */
.pagenation {
	position: fixed;
	left: 1.333333333333333vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pagenation li {
	margin-bottom: 20px;
}
.pagenation li:last-child {
	margin-bottom: 0;
}
.pagenation a {
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	border-radius: 50%;
}
.pagenation a.active {
	background: #000;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:1100px) {
	.pagenation {
		left: 20px;
	}
}