@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;	/*自動カーニング*/
}

html, body {
	height: 100%;
}
#main {
	width: calc(100% / 0.7);
	height: calc(100% / 0.7);

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

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

a {
	color: #004282;
}

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

.btn:hover {
	filter: brightness(110%);
}

p {
	text-align: justify;

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

#footer {
	padding-bottom: 10px;
	text-align: center;
	color: #004282;
	font-size: 1.7em;
}

/* ---------------------------------------------------
 * common（PC　min-width: 1023px）
/* ---------------------------------------------------*/
.wrap {
	width: 1920px;
	max-width: 100%;
	min-height: 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;
}
section#section-16 {
	height: px;
	background: url(../img_pc/section_16.webp)no-repeat top center;
}
section#section-17 {
	height: px;
	background: url(../img_pc/section_17.webp)no-repeat top center;
}
section#section-18 {
	height: px;
	background: url(../img_pc/section_18.webp)no-repeat top center;
}
section#section-19 {
	height: px;
	background: url(../img_pc/section_19.webp)no-repeat top center;
}
section#section-20 {
	height: px;
	background: url(../img_pc/section_20.webp)no-repeat top center;
}

/*背景画像を指定*/
section#section-21 {
	height: px;
	background: url(../img_pc/section_21.webp)no-repeat top center;
}
section#section-22 {
	height: px;
	background: url(../img_pc/section_22.webp)no-repeat top center;
}
section#section-23 {
	height: px;
	background: url(../img_pc/section_23.webp)no-repeat top center;
}
section#section-24 {
	height: px;
	background: url(../img_pc/section_24.webp)no-repeat top center;
}
section#section-25 {
	height: px;
	background: url(../img_pc/section_25.webp)no-repeat top center;
}
section#section-26 {
	height: px;
	background: url(../img_pc/section_26.webp)no-repeat top center;
}
section#section-27 {
	height: px;
	background: url(../img_pc/section_27.webp)no-repeat top center;
}
section#section-28 {
	height: px;
	background: url(../img_pc/section_28.webp)no-repeat top center;
}
section#section-29 {
	height: px;
	background: url(../img_pc/section_29.webp)no-repeat top center;
}
section#section-30 {
	height: px;
	background: url(../img_pc/section_30.webp)no-repeat top center;
}

/*背景画像を指定*/
section#section-31 {
	height: px;
	background: url(../img_pc/section_31.webp)no-repeat top center;
}
section#section-32 {
	height: px;
	background: url(../img_pc/section_32.webp)no-repeat top center;
}
section#section-33 {
	height: px;
	background: url(../img_pc/section_33.webp)no-repeat top center;
}

.btn_area1 {
	position: absolute;
	z-index: 99;
	top: 26%;
	right: 0;
	left: 0;
	margin: auto;
}
.btn_area2 {
	position: absolute;
	z-index: 99;
	top: 20%;
	right: 0;
	left: 0;
	margin: auto;
}

.yureru-s {
	animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
	0% {
		transform: translate(2px, 0px);
	}
	5% {
		transform: translate(-2px, 0px);
	}
	10% {
		transform: translate(2px, 0px);
	}
	15% {
		transform: translate(-2px, 0px);
	}
	20% {
		transform: translate(2px, 0px);
	}
	25% {
		transform: translate(-2px, 0px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

.-pc {
	display: block;
}

.-sp {
	display: none;
}

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

/*-----------------タブレットサイズ-----------------------
@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;
	}
	#main {
		width: 100%;
		height: 100%;
		transform: scale(1);
	}
	.wrap {
		width: 100%;
		max-width: 100%;
	}
	.btn_area1 {
		width: 95%;
	}
	.btn_area2 {
		width: 95%;
	}


	#footer {
		margin-bottom: 10px;
		padding: 1em;
		text-align: center;
		font-size: 0.8em;
	}
	#footer a {
		color: #004282;
	}
	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;
	}
}
/*----------------------------------------*/