@charset "utf-8";

/* ---------------------------------------------------
 * base
/* ---------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	font-size: 62.5%;	/*適宜変更お願いします*/
}

body {
	width: 100%;
	text-align: center;
	color: #000000;
	background-color: #fff;
	font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
	font-size: 10px;
	font-weight: 400;	/*適宜変更お願いします*/
	line-height: 1.75;

	font-feature-settings: "palt" 1;	/*自動カーニング*/
}

.app {
	width: calc(100% / 0.8);
	height: calc(100% / 0.8);

/* 70% バージョン */
	transform: scale(0.8);
	transform-origin: left top;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: #fff;
}

a:hover {
	/*opacity: 0.8;*/
	text-decoration: none;
}

p {
	text-align: justify;

	hanging-punctuation: allow-end;	/*文字のぶら下げ*/
}

#footer {
	text-align: center;
}
#footer a {
	color: #000000;
}


/* ---------------------------------------------------
 * common（PC　min-width: 1023px）
/* ---------------------------------------------------*/
.wrap {
	width: 1920px;
	max-width: 100%;
}

.container {
	position: relative;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

/*背景画像を指定*/
section#section-01 {
	height: px;
	background: url(../img_pc/section_01.webp)no-repeat top center;
}
section#section-02 {
	height: px;
	background: url(../img_pc/section_02.webp)no-repeat top center;
}
section#section-03 {
	height: px;
	background: url(../img_pc/section_03.webp)no-repeat top center;
}
section#section-04 {
	height: px;
	background: url(../img_pc/section_04.webp)no-repeat top center;
}
section#section-05 {
	height: px;
	background: url(../img_pc/section_05.webp)no-repeat top center;
}
section#section-06 {
	height: px;
	background: url(../img_pc/section_06.webp)no-repeat top center;
}
section#section-07 {
	height: px;
	background: url(../img_pc/section_07.webp)no-repeat top center;
}
section#section-08 {
	height: px;
	background: url(../img_pc/section_08.webp)no-repeat top center;
}
section#section-09 {
	height: px;
	background: url(../img_pc/section_09.webp)no-repeat top center;
}
section#section-10 {
	height: px;
	background: url(../img_pc/section_10.webp)no-repeat top center;
}

/*背景画像を指定*/
section#section-11 {
	height: px;
	background: url(../img_pc/section_11.webp)no-repeat top center;
}
section#section-12 {
	height: px;
	background: url(../img_pc/section_12.webp)no-repeat top center;
}
section#section-13 {
	height: px;
	background: url(../img_pc/section_13.webp)no-repeat top center;
}
section#section-14 {
	height: px;
	background: url(../img_pc/section_14.webp)no-repeat top center;
}
section#section-15 {
	height: px;
	background: url(../img_pc/section_15.webp)no-repeat top center;
}


.-pc {
	display: block;
}

.-sp {
	display: none;
}

*, *::before, *::after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;	/*親要素のbox-sizingを継承*/
}

.btn:hover {
	cursor: pointer;

	filter: brightness(115%);
}
.btn_area1 {
	position: absolute;
	z-index: 99;
	top: 70%;
	right: 0;
	left: 0;
	margin: auto;
}
.btn_animate01 {
	margin: 0 auto;
	cursor: pointer;
	transform-origin: center;
	animation: fuwafuwa 1.5s ease 0s infinite alternate;
}
@keyframes fuwafuwa {
	from {
		transform: scale(0.9,0.9);
	}
	to {
		transform: scale(1,1);
	}
}


/*-----------------タブレットサイズ-----------------------
@media (min-width: 600px) and (max-width: 1023px) {
    body {
        font-size: 3.2rem;
    }
    .-pc {
        display: none;
    }
    .-sp {
        display: block;
    }
    .wrap {
        max-width: 100%;
        width: 100%;
    }
}
----------------------------------------*/

/*-----------------スマホサイズ-----------------------*/

@media screen and (max-width:600px) {
	.-pc {
		display: none;
	}
	.-sp {
		display: block;
	}
	body {
		font-size: 4.2vw;
	}
	.app {
		width: 100%;
		height: 100%;
		transform: scale(1);
	}
	.wrap {
		width: 100%;
		max-width: 100%;
	}

	.btn_area1 {
		position: absolute;
		z-index: 99;
		right: 0;
		left: 0;
		width: 95%;
		margin: auto;
	}

	#footer {
		padding: 0.8em;
		text-align: center;
		font-size: 0.7em;
	}
	#footer a {
		color: #000000;
	}
	section#section-01, section#section-02, section#section-03, section#section-04, section#section-05, section#section-06, section#section-07, section#section-08, section#section-09, section#section-10, section#section-11, section#section-12, section#section-13, section#section-14, section#section-15, section#section-16, section#section-17, section#section-18, section#section-19, section#section-20, section#section-21, section#section-22, section#section-23, section#section-24, section#section-25, section#section-26, section#section-27, section#section-28, section#section-29, section#section-30, section#section-31, section#section-32, section#section-33, section#section-34, section#section-35, section#section-36, section#section-37, section#section-38, section#section-39, section#section-40, section#section-41, section#section-42, section#section-43, section#section-44, section#section-45, section#section-46, section#section-47, section#section-48, section#section-49, section#section-50 {
		background: none !important;
	}
}
/*----------------------------------------*/