@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap");
html, body {
  height: 100%; }

#pagepiling {
  height: 100%; }

.boxlink {
  cursor: pointer; }

/* 
----------------------------------------------*/
.font-min {
  font-family: "Noto Serif JP" , "ＭＳ Ｐ明朝", "ＭＳ 明朝" , serif;
  transform: rotate(0.05deg); }

.font-sans {
  font-family: "Noto Sans JP" , メイリオ, "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
  transform: rotate(0.05deg); }

.font-maru {
  font-family: 'M PLUS Rounded 1c' , メイリオ, "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
  transform: rotate(0.05deg); }

/*
-------------------------------------------------------------------*/
#pageAbox {
  background: url(../images/01/img1bg.jpg) center top no-repeat;
  background-size: cover;
  height: 100%; }

.img1 {
  position: relative;
  height: 90%;
  margin: 0 35% 3% 10%; }

.img1 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageBbox {
  background: url(../images/02/img2bg.jpg) center top no-repeat;
  background-size: cover;
  height: 100%; }

.img2 {
  position: relative;
  height: 95%;
  margin: 0 120px 0 35%; }

.img2-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageCbox {
  background: url(../images/03/img3bg.jpg) left 50% no-repeat;
  background-size: cover;
  height: 100%; }

.img3 {
  position: relative;
  height: 95%;
  margin: 0 130px 0 10%; }

.img3-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageDbox {
  background: url(../images/04/img4bg.jpg) right bottom no-repeat;
  background-size: cover;
  height: 100%; }

.img4 {
  position: relative;
  height: 90%;
  margin: 0 130px 0 2%; }

.img4-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageE2box {
  background: url(../images/05-a/img5bg-a.png) 50% 50% repeat;
  background-size: cover;
  height: 100%; }

.img5a {
  position: relative;
  height: 90%;
  margin: 0 90px 0 90px; }

.img5a-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageEbox {
  background: url(../images/05/img5bg.jpg) right top no-repeat;
  background-size: cover;
  height: 100%; }

.img5 {
  position: relative;
  height: 90%;
  margin: 0 30% 0 4%; }

.img5-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageFbox {
  background: url(../images/06/img6bg.jpg) right top no-repeat;
  background-size: cover;
  height: 100%; }

.img6 {
  position: relative;
  height: 90%;
  margin: 0 30% 0 2%; }

.img6-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageGbox {
  background: url(../images/07/img7bg.jpg) right 50% no-repeat;
  background-size: cover;
  height: 100%; }

.img7 {
  position: relative;
  height: 80%;
  margin: 0 100px 0 30%; }

.img7-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageHbox {
  background: url(../images/08/img8bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%; }

.img8 {
  position: relative;
  height: 90%;
  margin: 0 90px 0 90px; }

.img8-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageIbox {
  background: url(../images/09/img9bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%; }

.img9 {
  position: relative;
  height: 100%;
  margin: 0 130px 0 130px; }

.img9-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%; }

/*
-------------------------------------------------------------------*/
#pageJbox {
  background: url(../images/10/img10bg.jpg) center top no-repeat;
  background-size: cover;
  height: 100%;
  overflow: hidden; }

.img10 {
  position: relative;
  height: 95%;
  margin: 0 120px 0 28%; }

.img10-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  max-width: 1100px; }

.img10-1b {
  position: relative;
  height: 100%; }

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

.img10_txtbox > div {
  position: absolute;
  text-align: left; }

.img10_txtbox_title1 {
  color: #ff476e;
  background: linear-gradient(transparent 60%, #fde3e9 60%);
  top: 11%;
  left: 5%;
  font-weight: bold;
  font-size: 0.18em; }

.img10_txtbox_txt1 {
  top: 14.5%;
  left: 5%;
  right: 5%;
  font-size: 0.16em; }

.img10_txtbox_title2 {
  color: #ff476e;
  background: linear-gradient(transparent 60%, #fde3e9 60%);
  top: 26%;
  left: 5%;
  font-weight: bold;
  font-size: 0.18em; }

.img10_txtbox_txt2 {
  top: 29.5%;
  left: 5%;
  right: 5%;
  font-size: 0.16em; }

.img10_txtbox_title3 {
  color: #ff476e;
  background: linear-gradient(transparent 60%, #fde3e9 60%);
  top: 39%;
  left: 5%;
  font-weight: bold;
  font-size: 0.18em; }

.img10_txtbox_txt3 {
  top: 42.5%;
  left: 5%;
  right: 5%;
  font-size: 0.16em; }

.img10_txtbox_title4 {
  color: #ff476e;
  background: linear-gradient(transparent 60%, #fde3e9 60%);
  top: 58%;
  left: 5%;
  font-weight: bold;
  font-size: 0.18em; }

.img10_txtbox_txt4 {
  top: 61.5%;
  left: 5%;
  right: 5%;
  font-size: 0.16em; }

.img10_txtbox_contacttxt1 {
  color: #533900;
  top: 69%;
  left: 10%;
  font-size: 0.27em;
  text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white; }

.img10_txtbox_contacttxt2 {
  color: #533900;
  font-size: 0.6em;
  text-align: right;
  margin-top: -0.9%;
  text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white; }

.img10_txtbox_contacttxt3 {
  color: #533900;
  top: 75.0%;
  left: 10%;
  font-size: 0.27em;
  text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white; }