@import url(//fonts.googleapis.com/earlyaccess/nicomoji.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.fuwafuwa {
  -webkit-animation: fuwafuwa 3s infinite linear alternate;
  animation: fuwafuwa 3s infinite linear alternate;
  transform: translate3d(0, 0, 0);
}

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

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

.img_o {
  transition: all 0.4s ease;
}

.img_o:hover {
  opacity: 0.7;
}

.header_img, .link_z2, .logo_img {
  width: auto;
  max-width: 100%;
  height: auto;
}

  {
  display: inline-block;
  /*PC画像を表示する*/
}

#navi_sp, #header1_sp, #info_sp, #register_sp, #contact_sp, .spi {
  display: none;
  /*スマホ画像は非表示にする*/
}

/*@media screen and (max-width: 960px) {
#navi, #header1, #info, #link, #step, #step2, #itaku{
		display: none;/*PC画像は非表示する*/

}

#navi_sp, #header1_sp, #info_sp, #register_sp, #contact_sp, .spi {
  display: inline-block;
  /*スマホ画像を表示する*/
}

}

*/ html {
  width: 100%;
  height: 100%
}

body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /* overflow-x: hidden; */
}

.a6 {
  width: 17%;
  height: auto;
  position: absolute;
  top: 75.5%;
  left: 41.5%;
}

.a7 {
  width: 28%;
  height: auto;
  position: absolute;
  top: 95.5%;
  left: 36%;
}

.a8 {
  width: 17%;
  height: auto;
  position: absolute;
  top: 85%;
  left: 28%;
}

.a9 {
  position: absolute;
  width: 17%;
  height: auto;
  top: 85%;
  left: 55%;
}

#navi {
  /*	background:rgba(255,255,255,.53) url(01a.png) 0 0 no-repeat;
	background-size: 100% auto;*/
  position: relative;
  width: 100%;
  height: 100px;
  max-height: 100px;
  background-color: #deb887;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.navi_z {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.logo {
  padding: 30px 40px 30px 0;
  min-width: 200px;
}

.navi_table {
  max-width: 860px;
  width: 100%;
  height: auto;
  border: 0px solid red;
}

.table1 {
  border-collapse: collapse;
  width: 100%;
}

.table1 td {
  /*table内のtdに対して*/
  padding: 10px 10px;
}

.table1 img {
  height: 22px;
}

.navi00 {
  width: auto;
  height: 65%;
  top: 50px;
  left: 50px;
}

.navi01 {
  width: auto;
  height: 28%;
  position: absolute;
  top: 16%;
  left: 40%;
}

.navi02 {
  width: auto;
  height: 28%;
  position: absolute;
  top: 16%;
  left: 60%;
}

.navi03 {
  width: auto;
  height: 28%;
  position: absolute;
  top: 16%;
  left: 78%;
}

.navi04 {
  width: auto;
  height: 28%;
  position: absolute;
  top: 55%;
  left: 40%;
}

.navi05 {
  width: auto;
  height: 28%;
  position: absolute;
  top: 55%;
  left: 60%;
}

.navi06 {
  width: auto;
  height: 28%;
  position: absolute;
  top: 55%;
  left: 78%;
}

#header1 {
  /*	padding-bottom: calc(100%*946/2667);*/
  /*background:rgba(255,255,255,.53) url(images/header_bg.jpg) right 0 no-repeat;*/
  /*background-size: 600px auto;*/
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 0 50px 0;
  /*	left: 50%;
	transform: translateX(-50%);
	margin-bottom:65px;*/
  background-color: #dfeab1;
}

.header_z {
  position: relative;
  /*background-image: url("images/header.svg") ;
  background-repeat: no-repeat;
  background-position: top;*/
  width: 100%;
  max-width: 1200px;
  height: 100%;
  border: 1px solid #dfeab1;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 30px;
}

.header_f {
  position: relative;
  margin: 25px auto;
  width: 100%;
  height: 100%;
  max-height: 400px;
  max-width: 860px;
  border: 0px solid blue;
  box-sizing: border-box;
}

.header_button {
  position: absolute;
  max-width: 860px;
  border: 0px solid red;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  bottom: -30px;
  left: 0;
}

.header_button p {
  text-align: left;
}

.header_button1 {
  width: 100%;
  max-width: 250px;
  height: auto;
}

.header_button2 {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 0 5px 0;
}

.header_button3 {
  width: 100%;
  max-width: 301px;
  height: auto;
}

#info {
  /*	padding-bottom: calc(100%*3531/2667);*/
  background-size: 100% auto;
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 65px;
}

.info_z {
  width: 100%;
  max-width: 850px;
  border: 0px solid red;
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.info_f {
  width: 100%;
  height: 100%;
  margin-bottom: 11%;
}

.info_f:last-child {
  margin-bottom: 0;
}

#link {
  /*	padding-bottom: calc(100%*1084/2667);
	background:rgba(255,255,255,.53) url(images/04_link.jpg) 0 0 no-repeat;*/
  background-size: 100% auto;
  position: relative;
  width: 100%;
  max-width: 860px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 70px;
  text-align: center;
}

.link_z {
  /*
	background:rgba(255,255,255,.53) url(images/link_font.png) 0 0 no-repeat;
	background-size: 100% auto;
  width:100%;
  max-width:850px;
	height:427px;
	position:relative;
	margin:0 auto;
  border:2px solid red;
  */
}

.link_z2 {
  width: 850px;
  height: 100%;
  border: 0px solid red;
}

.link_button {
  width: 100%;
  display: flex;
  border: 0px solid blue;
  justify-content: center;
  margin: auto auto;
  box-sizing: border-box;
  position: absolute;
  top: 60%;
  padding: 0 50px;
}

.link_f {
  width: 850px !important;
}

#overImg {}

#overImg a .ookii {
  width: 0%;
  position: absolute;
  bottom: 110%;
  left: 0;
  rigt: 0;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

#overImg a:hover .ookii {
  width: 100%;
  display: block;
  opacity: 1;
  position: absolute;
  bottom: 110%;
  left: 0;
  rigt: 0;
  z-index: 999;
  border: 1px solid #333;
  border-radius: 10px;
}

.a3 {
  width: 100%;
  max-width: 320px;
  height: 100%;
  padding: 0 20px;
}

.a4 {
  width: 100%;
  max-width: 320px;
  height: 100%;
  padding: 0 20px;
}

#step {
  /*	padding-bottom: calc(100%*4722/2667);
	background:rgba(255,255,255,.53) url(images/step_bg.jpg) 0 0 no-repeat;*/
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: url(images/step1_bg.jpg) 0 0 no-repeat;
  background-size: 100% auto;
  background-color: #faf0e6;
}

.step_z {
  width: 100%;
  max-width: 850px;
  border: 0px solid red;
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.step_z_img {
  width: 100%;
  height: 100%;
}

.step_f {
  width: 850px !important;
}

#step2 {
  /*	padding-bottom: calc(100%*4722/2667);
	background:rgba(255,255,255,.53) url(images/step_bg.jpg) 0 0 no-repeat;*/
  background-size: 100% auto;
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background-color: #f1f1f1;
  margin-bottom: 4%;
}

#step2 p {
  color: #fff;
  font-size: 35px;
  padding: 20px 0;
  background-color: #b99a71;
}

.step2_z {
  width: 100%;
  max-width: 850px;
  border: 0px solid red;
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0 5%;
}

.step2_z_img {
  width: 100%;
  height: 100%;
}

#itaku {
  /*	padding-bottom: calc(100%*700/2667);
	background:rgba(255,255,255,.53) url(images/06_itaku.jpg) 0 0 no-repeat;*/
  position: relative;
  margin: 0 auto;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding-bottom: 35px;
}

.itaku_f {
  width: 100%;
  max-width: 850px;
  border: 0px solid red;
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.itaku_f_img {
  width: 100%;
  height: 100%;
  margin-bottom: 6%;
}

.a5 {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  height: auto;
}

#navi_sp {
  padding-bottom: calc(100%*219/2666);
  background: rgba(255, 255, 255, .53) url(01s.jpg) 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
}

#header1_sp {
  padding-bottom: calc(100%*454/960);
  background: rgba(255, 255, 255, .53) url(02s.jpg) 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
}

#info_sp {
  padding-bottom: calc(100%*960/2398);
  background: rgba(255, 255, 255, .53) url(03s.jpg) 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
}

#register_sp {
  padding-bottom: calc(100%*735/960);
  background: rgba(255, 255, 255, .53) url(04s.jpg) 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
}

#contact_sp {
  padding-bottom: calc(100%*439/960);
  background: rgba(255, 255, 255, .53) url(05s.jpg) 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
}

.menu_sticky {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0% auto;
  position: sticky !important;
  top: 0px;
  z-index: 999;
  margin-bottom: 100px;
}

.menu_sticky a {
  margin: 0 10px;
  width: auto;
  padding: 0;
}

.menu_sticky a img {
  height: auto;
  width: 100%;
}