@charset 'UTF-8';

/*-----------------------------------------------
10px:71.43%
11px:78.57%
12px:85.71%
13px:92.86%
14px:100%
15px:107.14%
16px:114.29%
17px:121.43%
18px:128.57%
-----------------------------------------------*/

/* unit */
.unit {
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px) {
	.unit {
		width: 100%;
		height: auto;
	}
}

/* header */
header {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
header .contentBg {
	bottom: 100px;
}
#slideSP {
	display: none;
}
.slideBgList,
.slideBgItem {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
}
.slideBgItem>div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	transform: scale(1.2, 1.2);
}
.reduce {
	-webkit-transition: -webkit-transform 8800ms cubic-bezier(0, 0, 1, 1);
	-moz-transition: -moz-transform 8800ms cubic-bezier(0, 0, 1, 1);
	-ms-transition: -ms-transform 8800ms cubic-bezier(0, 0, 1, 1);
	-o-transition: -o-transform 8800ms cubic-bezier(0, 0, 1, 1);
	transition: transform 8800ms cubic-bezier(0, 0, 1, 1);
	-moz-transform: scale(1,1) !important;
	-webkit-transform: scale(1,1) !important;
	-o-transform: scale(1,1) !important;
	-ms-transform: scale(1,1) !important;
	transform: scale(1, 1) !important;
}
.slideBgItem {
	z-index: 10;
}
.slideBgItem img {
	display: none;
}
header .slide,
header .slide ul {
	width: 100%;
	height: 100%;
}
header .slide li {
	position: absolute;
	top: 0;
	width: auto;
	height: 100%;
}
header .slide img {
	width: 100%;
	height: auto;
}
header .slideOver {
	position: absolute;
	top: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-image: url("../img/bg_top_over.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
header .slideOver img {
	width: 100%;
}
header .overBg {
	position: absolute;
	top: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-image: url("../img/bg_top.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
header h1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
header h1 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	width: auto;
	height: 70%;
	margin: auto;
}
@media screen and (max-height:600px) {
	header h1 {
		bottom: 0;
	}
	header h1 img {
		top: 0;
		height: 100%;
	}
}
header .downBtn {
	position: absolute;
	bottom: 3%;
	z-index: 100;
	width: 100%;
}
header .downBtn img {
	width: 54px;
	height: 54px;
}
header .logoSP,
header .contentsSP {
	display: none;
}
@media screen and (max-width:768px) {
	header {
		background-color: #000000;
		padding: 0 0 159.07% 0;
	}
	header .contentBg {
		bottom: 0;
	}
	header .overBg {
		background-image: none;
	}
	#slidePC {
		display: none;
	}
	header .slideOver {
		display: none;
	}
	header h1 {
		position: static;
		width: auto;
	}
	header h1 img {
		/* top: 8.87%;
		bottom: auto; */
		width: 40.53%;
		height: auto;
	}
	header .downBtn,
	header .headerNav {
		display: none;
	}
	.slideBgList,
	.slideBgItem,
	.slideBgItem>div {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.slideBgItem>div {
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
	}
	header #slideSP {
		display: block;
		overflow: hidden;
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		height: 0;
		padding: 64% 0 0 0;
	}
	header .contentsSP {
		display: block;
		overflow: hidden;
		background-image: url("../img/bg_sp_header_01.jpg");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 5.4% 0 5.4%;
		padding: 153.33% 0 0 0;
	}
	header .logoSP {
		display: block;
		position: absolute;
		top: 1.79%;
		right: 2.4%;
		z-index: 20;
		width: 22.4%;
	}
	header .contentsSP img {
		float: right;
		width: 52.88%;
	}
}

/* globalNav */
#globalNav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/* height: 11vw; */
}
@media screen and (max-width:768px) {
	#globalNav {
		position: fixed;
		top: 0;
		bottom: auto;
		height: max(49px, 11vw);
	}
	#incFavoriteButtonArea.miasa{
		margin: 0;
	}
	#incFavoriteButtonArea .subnavSignin .menuParent .signout span{
		padding: 12px;
	}
}

/* content01 */
#content01 {
	overflow: hidden;
	position: relative;
	height: 100%;
	padding: 0;
}
#content01 .contentBg {
	background-image: url("../img/bg_top01.jpg");
	background-attachment: fixed;
}
#content01 .contentInner>div {
	/* float: left; */
	width: 600px;
	height: 100%;
}
#content01 h2 {
	position: relative;
	width: 75%;
	text-align: center;
	background-image: url("../img/img_title04_frame.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 19.86% auto 3% auto;
	padding: 0 0 37.5% 0;
}
#content01 h2 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 80.22%;
	margin: auto;
}
#content01 h2 img+img {
	display: none;
}
#content01 p {
	width: 75%;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	margin: 0 auto;
}
@media screen and (max-width:1900px) {
	#content01 {
	}
}
@media screen and (max-width:1200px) {
	#content01 {
	}
}
@media screen and (max-width:768px) {
	#content01 {
		overflow: hidden;
		height: auto;
	}
	#content01 .contentBg {
		display: none;
		background-color: #ffffff;
		background-image: none;
	}
	#content01 .contentInner>div {
		float: none;
		width: 100%;
		height: auto;
	}
	#content01 h2 {
		position: relative;
		width: 100%;
		text-align: center;
		background-image: url("../img/bg_sp_top01.jpg");
		background-size: cover;
		margin: 0;
		padding: 38px 0;
	}
	#content01 h2 img {
		display: none;
		position: static;
	}
	#content01 h2 img+img {
		display: block;
		width: 89.33%;
	}
	#content01 p {
		width: 92%;
		color: #000000;
		padding: 25px 0;
	}
}

/* content02 */
#content02 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0 18% 0; /* 350/475 * 25% */
}
#content02 ul {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#content02 ul li {
	float: left;
	position: relative;
	width: 25%;
	height: 100%;
	background-image: url("../img/bg_content02_01.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#content02 ul li+li {
	background-image: url("../img/bg_content02_02.jpg");
}
#content02 ul li+li+li {
	background-image: url("../img/bg_content02_03.jpg");
}
#content02 ul li+li+li+li {
	background-image: url("../img/bg_content02_04.jpg");
}
#content02 ul li>div {
	width: 100%;
	height: 100%;
}
#content02 ul li>div:hover {
}
#content02 ul li .icon span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	width: 140px;
	height: 140px;
	max-height: 90%;
	background-image: url("../img/menu_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 200%;
}
#content02 ul li .icon a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
#content02 ul li .icon a:hover span {
	background-position: center 100%;
}
#content02 ul li .iconOver {
	display: none;
}
@media screen and (max-width:768px) {
	#content02 {
		position: relative;
		padding: 0 0 73.33% 0;
	}
	#content02 ul li {
		width: 50%;
		height: 50%;
	}
	#content02 ul li.clearSP {
		clear: left;
	}
	#content02 ul li {
		background-image: url("../img/bg_sp_content02_01.jpg");
	}
	#content02 ul li+li {
		background-image: url("../img/bg_sp_content02_02.jpg");
	}
	#content02 ul li+li+li {
		background-image: url("../img/bg_sp_content02_03.jpg");
	}
	#content02 ul li+li+li+li {
		background-image: url("../img/bg_sp_content02_04.jpg");
	}
	#content02 ul li .icon span {
		width: 66%;
		height: 90%;
	}
}

/* content03 */
#content03 {
	overflow: hidden;
	position: relative;
	height: 100%;
}
#content03 .contentBg {
	background-image: url("../img/bg_top03.jpg");
}
#content03 .contentInner>div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 83.33%;
	height: 59%;
	margin: auto;
}
#content03 h2 {
	margin: 0 auto 25px auto;
}
#content03 h2 img+img {
	display: none;
}
#content03 .movie {
	width: 100%;
	height: 100%;
}
#content03 .movie iframe {
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px) {
	#content03 {
		position: static;
		padding: 0;
	}
	#content03 .contentBg {
		position: static;
	}
	#content03 .contentInner>div {
		position: static;
		height: auto;
		padding: 35px 0;
	}
	#content03 h2 {
		width: 84%;
		margin: 0 auto 20px auto;
	}
	#content03 h2 img {
		display: none;
	}
	#content03 h2 img+img {
		display: block;
	}
	#content03 .movie {
		width: 84%;
		margin: 0 auto;
		padding: 0;
	}
	#content03 .movie iframe {
		width: 100%;
		height: 200px;
	}
}

/* content04 */
#content04 {
	overflow: hidden;
	position: relative;
	height: 100%;
}
#content04 .contentBg {
	background-image: url("../img/bg_top04.jpg");
	background-attachment: fixed;
}
#content04 .contentInner {
	height: 100%;
}
#content04 .contentInner>div {
	float: right;
	width: 600px;
	height: 100%;
}
#content04 h2 {
	position: relative;
	width: 75%;
	text-align: center;
	background-image: url("../img/img_title04_frame.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 19.86% auto 3% auto;
	padding: 0 0 37.5% 0;
}
#content04 h2 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 80.22%;
	margin: auto;
}
#content04 h2 img+img {
	display: none;
}
#content04 p {
	width: 74%;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	#content04 {
		overflow: hidden;
		height: auto;
	}
	#content04 .contentBg {
		display: none;
		background-color: #ffffff;
		background-image: none;
	}
	#content04 .contentInner>div {
		float: none;
		width: 100%;
		height: auto;
	}
	#content04 h2 {
		position: relative;
		width: 100%;
		text-align: center;
		background-image: url("../img/bg_sp_top04.jpg");
		background-size: cover;
		margin: 0;
		padding: 38px 0;
	}
	#content04 h2 img {
		display: none;
		position: static;
	}
	#content04 h2 img+img {
		display: block;
		width: 89.33%;
	}
	#content04 p {
		width: 92%;
		color: #000000;
		padding: 25px 0;
	}
}

/* content05 */
#content05 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0 18% 0;
}
#content05 ul {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#content05 ul li {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	background-image: url("../img/bg_content05_01.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#content05 ul li+li {
	background-image: url("../img/bg_content05_02.jpg");
}
#content05 ul li>div {
	width: 100%;
	height: 100%;
}
#content05 ul li>div:hover {
}
#content05 ul li .icon span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 140px;
	height: 140px;
	margin: auto;
	background-image: url("../img/menu_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 200%;
}
#content05 ul li .icon a {
	display: block;
	width: 100%;
	height: 100%;
}
#content05 ul li .icon a:hover span{
	background-position: center bottom;
}
#content05 ul li .iconOver {
	display: none;
}
@media screen and (max-width:768px) {
	#content05 {
		position: relative;
		padding: 0 0 36.67% 0;
	}
	#content05 ul li {
		width: 50%;
		height: 100%;
	}
	#content05 ul li.clearSP {
		clear: left;
	}
	#content05 ul li {
		background-image: url("../img/bg_sp_content05_01.jpg");
	}
	#content05 ul li+li {
		background-image: url("../img/bg_sp_content05_02.jpg");
	}
	#content05 ul li .icon span {
		width: 66%;
		height: 90%;
	}
}
/* content07 */
#content07 {
	overflow: hidden;
	position: relative;
	height: 100%;
}
#content07 .contentBg {
	background-image: url("../img/content07_bg.jpg");
}
#content07 .contentInner>div {
	overflow: hidden;
	position: static;
	width: 95%;
	/*background-image: url("../img/content07_image.png");
	background-position: left  top;
	background-repeat: no-repeat;
	background-size: contain;*/
	margin: 0 auto;
	height: 570px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#content07 .contentInner>div>div>img {
	width: 57.1%;
	max-width: 100%;
}
#content07 .contentInner>div>div {
	position: relative;
	text-align: left;
}
#content07 .content07_text {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 11.6%;
	width: 346px;
	height: 326px;
	margin :auto;
	text-align: center;
	/*margin: 80px 11.6% 0 0;*/
}
#content07 .content07_text a>img {
	width: auto;
	margin-top: 50px;
}
#content07 .text img {
	width: auto;
}
#content07 .toTop {
	display: none;
}
@media screen and (max-width:1000px) {
	#content07 .contentInner>div {
		width: 100%;
		height: 490px;
	}
}
@media screen and (max-width:900px) {
	#content07 .contentInner>div {
		height: 440px;
	}
}
@media screen and (max-width:768px) {
	#content07 .contentInner {
		width: 100%;
		padding: 80px 0 50px;
		height: auto;
	}
	#content07 .contentBg {
		background-image: url("../img/content07_bg_sp.jpg");
		position: relative;
	}
	#content07 .contentInner>div {
		position: relative;
		width: auto;
		padding: 0;
		overflow: auto;
		height: auto;
	}#content07 .contentInner>div>div {
		text-align: center;
	}
	#content07 .contentInner>div>div>img {
		width: auto;
		max-width: 100%;
	}
	#content07 .content07_text {
		position: relative;
		top: 10px;
		bottom: auto;
		right: auto;
		width: 46%;
		height: auto;
		margin: auto;
		text-align: center;
	}
	#content07 .content07_text img {
		width: 100%;
	}
	#content07 .content07_text a {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#content07 .content07_text a>img {
		width: 100%;
		margin-top: 0;
	}
	#content07 .toTop {
		display: block;
		padding: 0;
	}
	#content07 .toTop img {
		width: 88px;
		padding: 10px;
	}
}
.closedText{
	position: absolute;
	bottom: 5vh;
	right: 0;
	left: 0;
	margin: auto;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	z-index: 100;
}
.closedText p{
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.05em;
}
.mode_sp{
	display: none;
}
@media screen and (max-width:768px) {
	.mode_sp{
		display: block;
	}
	.closedText p{
		font-size: 14px;
	}
}