@charset "utf-8";

/*＠＠書式設定
----------------------------------*/

html {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	border: 0 none;
	width: 100%;
	font-size:14px;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	position: relative;
}

html, a, form, div, table, ul, ol, li, dl, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0 none;
}
img {
	margin:0;
	padding:0;
	border: 0 none;
}
ul {
	list-style-type: none;
}
td {
	text-align:left;
}

/* =======================================
	ClearFixElements
======================================= */
.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
/*====================================
okuhakone
====================================*/
.WRAPPER01 {
	width: 100%;
	background: url("../images/bg.jpg") center top no-repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 1024px;
}
.WRAPPER02 {
	width: 100%;
	background: #f2f9f8;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.WRAPPER03 {
	width: 100%;
	background: #faf9f9;
	text-align: center;
	margin: 115px 0 0 0;
	padding: 0px;
}
.WRAPPER04 {
	width: 100%;
	background: #fdf3f7;
	text-align: center;
	margin: 115px 0 0 0;
	padding: 0px;
}
.WRAPPER05 {
	width: 100%;
	background: #fdfdf2;
	text-align: center;
	margin: 115px 0 0 0;
	padding: 0px;
}
.contents01 {
	position: relative;
	background: url("../images/main.jpg") center top no-repeat;
	width: 100%;
	height: 1000px;
	margin: 0 auto;
	padding: 0 auto;
	max-height: 704px;
	min-width: 990px;
}
.contents02 {
	position: relative;
	width: 990px;
	height: 1150px;
	margin: 0 auto;
	padding: 0;
}
.contents03 {
	position: relative;
	width: 990px;
	height: 1150px;
	margin: 0 auto;
	padding: 0;
}
.contents04 {
	position: relative;
	width: 990px;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
}
.contents05 {
	position: relative;
	width: 990px;
	height: 3620px;
	margin: 0 auto;
	padding: 0;
}
.contents01 h1{
    position: absolute;
	top: 45%;
	left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 200;
}
@media screen and (max-width: 1150px) {
.WRAPPER01 {
	width: 100%;
	background: url("../images/bg02.jpg?20230424") center top no-repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
	.box_01 {
    position: absolute;
	width: 90%;
	height: auto;
    top: 572px;
    left: 56.5%;
    transform: translate(-56.5%, -56.5%);
    -webkit-transform: translate(-56.5%, -56.5%);
    -ms-transform: translate(-56.5%, -56.5%);
	z-index: 201;
}
.contents01 h1{
    position: absolute;
	width: 95%;
	height: auto;
	top: 44%;
	left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 200;
}

.box_03 img {
	display: none;
}
.box_02 {
    position: absolute;
    width: 990px;
    top: 100%;
    left: 0%;
    z-index: 203;
}}
.box_01 {
    position: absolute;
    top: 571px;
    left: 52.5%;
    transform: translate(-52.5%, -52.5%);
    -webkit-transform: translate(-52.5%, -52.5%);
    -ms-transform: translate(-52.5%, -52.5%);
	z-index: 201;
}
.box_02 {
    position: absolute;
    width: 990px;
    top: 100%;
    left: 47%;
    transform: translate(-47%, -47%);
    -webkit-transform: translate(-47%, -47%);
    -ms-transform: translate(-47%, -47%);
    z-index: 203;
}
.box_02 img {
	margin-left: 22px;
	Vertical-align: top;
}
.box_02 img.mr98 {
    margin-right: 90px;
}
.box_03 {
    position: absolute;
    top: 899px;
    left: 60%;
    transform: translate(-60%, -60%);
    -webkit-transform: translate(-60%, -60%);
    -ms-transform: translate(-60%, -60%);
    z-index: 202;
}
.box_03 img {
	width: 623px;
	height: auto;
}
.box_04 {
    position: absolute;
    top: 1076px;
    left: 4px;
    z-index: 203;
}
.box_04 img {
    width: 980px;
}
.box_05 {
    position: absolute;
    top: -59px;
    left: 225px;
    z-index: 203;
}
.box_06 {
    position: absolute;
    top: -30px;
    left: 1px;
    z-index: 202;
}
.box_07 {
    position: absolute;
    top: 152px;
    left: 746px;
    z-index: 99;
}
.box_08 {
    position: absolute;
    top: 188px;
    left: 226px;
    z-index: 99;
}
.box_09 {
    position: absolute;
    top: 312px;
    left: 2px;
    z-index: 203;
}
.box_09 img {
    width: 350px;
}
.box_10 {
    position: absolute;
    top: 359px;
    left: 321px;
    z-index: 203;
}
.box_10 img {
    width: 350px;
}
.box_11 {
    position: absolute;
    top: 310px;
    left: 639px;
    z-index: 202;
}
.box_11 img {
    width: 350px
}
.box_12 {
    position: absolute;
    top: 381px;
    left: 44px;
    z-index: 204;
}
.box_13 {
    position: absolute;
    top: 412px;
    left: 355px;
    z-index: 204;
}
.box_14 {
    position: absolute;
    top: 375px;
    left: 683px;
    z-index: 204;
}
.box_15 {
    position: absolute;
    top: 715px;
    left: 0px;
    z-index: 99;
}
.box_15 img {
    width: 990px;
}
.box_15.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(2005px);
}
.box_16 {
    position: absolute;
    top: -75px;
    left: 235px;
    z-index: 99;
}
.box_17 {
    position: absolute;
    top: 33px;
    left: 0px;
    z-index: 99;
}
.box_18 {
    position: absolute;
    top: 138px;
    left: 222px;
    z-index: 99;
}
.box_18 img {
    width: 86%;
	height: auto;
}
.box_19 {
    position: absolute;
    top: 144px;
    left: 671px;
    z-index: 99;
}
.box_20 {
    position: absolute;
    top: 577px;
    left: 671px;
    z-index: 99;
}
.box_21 {
    position: absolute;
    top: 754px;
    left: 598px;
    z-index: 99;
}
.box_22 {
    position: absolute;
    top: 407px;
    left: 0px;
    z-index: 99;
}
.box_23 {
    position: absolute;
    top: 619px;
    left: 28px;
    z-index: 99;
}
.box_24 {
    position: absolute;
    top: 841px;
    left: 0px;
    z-index: 99;
}
.box_25 {
    position: absolute;
    top: 864px;
    left: 314px;
    z-index: 99;
}
.box_26 {
    position: absolute;
    top: 307px;
    left: 670px;
    z-index: 99;
}
.box_27 {
    position: absolute;
    top: 336px;
    left: 671px;
    z-index: 99;
}
.box_28 {
    position: absolute;
    top: 365px;
    left: 670px;
    z-index: 99;
}
.box_29 {
    position: absolute;
    top: 393px;
    left: 670px;
    z-index: 99;
}
.box_30 {
    position: absolute;
    top: 421px;
    left: 670px;
    z-index: 99;
}
.box_31 {
    position: absolute;
    top: 450px;
    left: 669px;
    z-index: 99;
}
.box_72 {
    position: absolute;
    top: 479px;
    left: 670px;
    z-index: 99;
}
.box_73 {
    position: absolute;
    top: 508px;
    left: 669px;
    z-index: 99;
}
.box_32 {
    position: absolute;
    top: 710px;
    left: 673px;
    z-index: 99;
}
.box_33 {
    position: absolute;
    top: 914px;
    left: 596px;
    z-index: 99;
}
.box_34 {
    position: absolute;
    top: 566px;
    left: 0px;
    z-index: 99;
}
.box_35 {
    position: absolute;
    top: 775px;
    left: 28px;
    z-index: 99;
}
.box_36 {
    position: absolute;
    top: 1001px;
    left: 0px;
    z-index: 99;
}
.box_37 {
    position: absolute;
    top: 1056px;
    left: 348px;
    z-index: 99;
}
.box_38 {
    position: absolute;
    top: -75px;
    left: 156px;
    z-index: 99;
}
.box_39 {
    position: absolute;
    top: 163px;
    left: 238px;
    z-index: 99;
}
.box_40 {
    position: absolute;
    top: 203px;
    left: 279px;
    z-index: 99;
}
.box_41 {
    position: absolute;
    top: 158px;
    left: 1px;
    z-index: 99;
}
.box_42 {
    position: absolute;
    top: 559px;
    left: 0px;
    z-index: 99;
}
.box_43 {
    position: absolute;
    top: 526px;
    left: 2px;
    z-index: 99;
}
.box_44 {
    position: absolute;
    top: 536px;
    left: 621px;
    z-index: 99;
}
.box_45 {
    position: absolute;
    top: 505px;
    left: 645px;
    z-index: 99;
}
.box_46 {
    position: absolute;
    top: 553px;
    left: 263px;
    z-index: 99;
}
.box_46 img {
    width: 440px;
}
.box_47 {
    position: absolute;
    top: -82px;
    left: 334px;
    z-index: 99;
}
.box_48 {
    position: absolute;
    top: -50px;
    left: 3px;
    z-index: 99;
}
.box_49 {
    position: absolute;
    top: -16px;
    left: 667px;
    z-index: 99;
}
.box_50 {
    position: absolute;
    top: 181px;
    left: 0px;
    z-index: 99;
}
.box_50 img {
    width: 988px;
}
.box_51 {
    position: absolute;
    top: 199px;
    left: 26px;
    z-index: 99;
}
.box_52 {
    position: absolute;
    top: 199px;
    left: 148px;
    z-index: 99;
}
.box_53 {
    position: absolute;
    top: 199px;
    left: 313px;
    z-index: 99;
}
.box_54 {
    position: absolute;
    top: 199px;
    left: 431px;
    z-index: 99;
}
.box_55 {
    position: absolute;
    top: 199px;
    left: 566px;
    z-index: 99;
}
.box_56 {
    position: absolute;
    top: 199px;
    left: 702px;
    z-index: 99;
}
.box_57 {
    position: absolute;
    top: 199px;
    left: 837px;
    z-index: 99;
}
.box_58 {
    position: absolute;
    top: 266px;
    left: 1px;
    z-index: 99;
}
.box_58 img {
    width: 486px;
}
.box_59 {
    position: absolute;
    top: 265px;
    left: 503px;
    z-index: 99;
}
.box_59 img {
    width: 486px;
}
.box_60 {
    position: absolute;
    top: 711px;
    left: 1px;
    z-index: 99;
}
.box_60 img {
    width: 486px;
}
.box_61 {
    position: absolute;
    top: 710px;
    left: 503px;
    z-index: 99;
}
.box_61 img {
    width: 486px;
}
.box_62 {
    position: absolute;
    top: 1157px;
    left: 2px;
    z-index: 99;
}
.box_62 img {
    width: 486px;
}
.box_63 {
    position: absolute;
    top: 1156px;
    left: 503px;
    z-index: 99;
}
.box_63 img {
    width: 486px;
}
.box_64 {
    position: absolute;
    top: 2046px;
    left: 2px;
    z-index: 99;
}
.box_64 img {
    width: 486px;
}
.box_65 {
    position: absolute;
    top: 2046px;
    left: 503px;
    z-index: 99;
}
.box_65 img {
    width: 486px;
}
.box_66 {
    position: absolute;
    top: 2499px;
    left: 2px;
    z-index: 99;
}
.box_66 img {
    width: 486px;
}
.box_67 {
    position: absolute;
    top: 2498px;
    left: 504px;
    z-index: 99;
}
.box_67 img {
    width: 486px;
}
.box_68 {
    position: absolute;
    top: 2942px;
    left: 2px;
    z-index: 99;
}
.box_68 img {
    width: 486px;
}
.box_69 {
    position: absolute;
    top: 2940px;
    left: 504px;
    z-index: 99;
}
.box_69 img {
    width: 486px;
}
.box_74 {
    position: absolute;
    top: 1603px;
    left: 1px;
    z-index: 99;
}
.box_74 img {
    width: 486px;
}
.box_75 {
    position: absolute;
    top: 1601px;
    left: 503px;
    z-index: 99;
}
.box_75 img {
    width: 486px;
}
.box_70 {
    position: absolute;
    top: 3227px;
    left: 265px;
    z-index: 99;
}
.box_71 {
    position: absolute;
    top: 3429px;
    left: 141px;
    z-index: 99;
}

/*====================================
slide
====================================*/
* {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* スライドする要素 */
.item {
  width: 280px;
  height: 175px;
}
.item:nth-child(1) {
  background: #000;
}
.item:nth-child(2) {
  background: #000;
}
.item:nth-child(3) {
  background: #000;
}
.item:nth-child(4) {
  background: #000;
}
.item:nth-child(5) {
  background: #000;
}
.item:nth-child(6) {
  background: #000;
}
.item:nth-child(7) {
  background: #000;
}
.item:nth-child(8) {
  background: #000;
}
.item:nth-child(9) {
  background: #000;
}
.item:nth-child(10) {
  background: #000;
}
.item:nth-child(11) {
  background: #000;
}
.item:nth-child(12) {
  background: #000;
}
/* スライドレールの枠 */
.wrap {
    width: 100%;
    position: absolute;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 230px;
    margin-bottom: 100px;
    z-index: 100;
    left: 0px;
    top: 30%;
}
.wrap ul li p {
	font-size: 0.8rem;
	font-weight: bold;
	letter-spacing:0.05rem;
	text-align: left;
	color: #fff;
	display: block;
	padding-top: 8px;
}

/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 80s infinite linear 0.5s;
  animation: loop-slide 80s infinite linear 0.5s;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/* ホバー時の装飾（パターン3） */
.item-hover {
  transition: all 0.2s;
  margin-right: 8px;
}
.item-hover:hover {
  transform: translateY(-20px);
  border-radius: 0 0;
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}
/*====================================
fuwafuwa
====================================*/
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
}
.fuwafuwa02 {
  animation: fuwafuwa02 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
}


@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-10deg);
  }
  50% {
    transform:translate(0, -10px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(10deg);
  }
}
@keyframes fuwafuwa02 {
  0% {
    transform:translate(0, 0) rotate(10deg);
  }
  50% {
    transform:translate(0, 10px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(-10deg);
  }
}

/*アニメーション要素のスタイル*/

.fadeup {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.poyoyon3 {
  animation: poyoyon3 2.5s infinite;
  opacity: 1;
}
@keyframes poyoyon3 {
  5%, 45% {
    transform: skew(0deg, 0deg);
  }
  10% {
    transform: skew(1.2deg, 1.2deg);
  }
  12% {
    transform: skew(-1.2deg, -1.2deg);
  }
  18% {
    transform: skew(1.2deg, 1.2deg);
  }
  25% {
    transform: skew(-1.2deg, -1.2deg);
  }
  30% {
    transform: skew(0.5deg, 0.5deg);
  }
  35% {
    transform: skew(-0.5deg, -0.5deg);
  }
  40% {
    transform: skew(0.5deg, 0.5deg);
  }
}
.poyoyon2 {
  animation: poyoyon2 3.0s infinite;
  opacity: 1;
}
@keyframes poyoyon2 {
  15%, 55% {
    transform: skew(0deg, 0deg);
  }
  20% {
    transform: skew(2deg, 2deg);
  }
  25% {
    transform: skew(-1.5deg, -1.5deg);
  }
  30% {
    transform: skew(2deg, 2deg);
  }
  35% {
    transform: skew(-1.2deg, -1.2deg);
  }
  40% {
    transform: skew(0.8deg, 0.8deg);
  }
  45% {
    transform: skew(-0.6deg, -0.6deg);
  }
  50% {
    transform: skew(0.3deg, 0.3deg);
  }
}

.poyoyon1 {
  animation: poyoyon1 3.0s infinite;
  opacity: 1;
}
@keyframes poyoyon1 {
  35%, 60% {
    transform: skew(0deg, 0deg);
  }
  40% {
    transform: skew(2deg, 2deg);
  }
  45% {
    transform: skew(-1.5deg, -1.5deg);
  }
  50% {
    transform: skew(2deg, 2deg);
  }
  55% {
    transform: skew(-1.2deg, -1.2deg);
  }
  60% {
    transform: skew(0.8deg, 0.8deg);
  }
  65% {
    transform: skew(-0.6deg, -0.6deg);
  }
  70% {
    transform: skew(0.3deg, 0.3deg);
  }
}
/*====================================
link
====================================*/
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*====================================
other
====================================*/
@page {
  margin: 3mm;
  size: 210mm 297mm;
}
@media print {
  /* 全体設定 */
  body {
    -webkit-print-color-adjust: exact; 
    width: 1100px; 
  zoom: 0.8;
	}
  /* 改ページ*/
.WRAPPER02 {
    page-break-before: always;
}
.WRAPPER03 {
    page-break-before: always;
}
.WRAPPER04 {
    page-break-before: always;
}
.WRAPPER05 {
    page-break-before: always;
}
.box_62 {
    page-break-before: always;
}
.box_64,.box_65,.box_66,.box_67 {
    margin-top: 180px;
}
.box_70,.box_71{
    margin-top: 350px;
}
.globalFooter {
    page-break-before: always;
}
}