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

html{
  font-size: 62.5%;
}
body{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  color: #333;
  background-color: #FFFFFF;
}
img{
  width: 100%;
  vertical-align: bottom;
}
a{
  text-decoration: none;
  color: #225967;
  letter-spacing: 5%;
  line-height: 23px;
}
ul{
  list-style: none;
}
input{
  border: 0;
  outline: none;
  appearance: none;
  -webkit-appearance:none;
}
textarea{
  border: 0;
  outline: none;
  resize: none;
}
/* -------------------------- */
/* //base
/* -------------------------- */
/* -------------------------- */
/* header
/* -------------------------- */

header{
  padding: 0;
  position: relative;
}

.nav-item{
  max-width: 90px;
}

/*flex設定*/
.flex-rr{
  display: flex;
  justify-content: space-between;
}
.flex-rc{
  display: flex;
  justify-content: space-between;
}
/*flex設定*/

/* ハンバーガーメニュー */
.burger-btn{
  display: none;
}

/* -------------------------- */
/* //header
/* -------------------------- */
/* -------------------------- */
/* key-visual
/* -------------------------- */

.migihashi{
	position: fixed;
	bottom: 10%;
	left: 55%;
}

.talk{
	positon: relative;
	width: 500px;
}
.talk-text{
	top: 15%;
	left: 5%;
	position: absolute;
}

.shirokuma{
	position: fixed;
	top: 87%;
	left: 90%;
	width: 80px;
}

/* -------------------------- */
/* Footer
/* -------------------------- */
.infomation-text{
	font-family: 'Arial Rounded MT Bold', sans-serif;
	color: #303030;
	margin: 2% 10% 0% 10%;
}
/* -------------------------- */
/* //Footer
/* -------------------------- */

#head {
	background: url("none");
	background-repeat: no-repeat;
    background-color: white;
	background-size: 400px;
	width: 450px;
    height: 100px;
    z-index: 1000;
    transition: 1s;
}

#box1 {
  height: 500px;
  width: 100%;
  background: white;
  transition: .3s;
}

#box2 {
  height: 2000px;
  width: 100%;
  background: white;
  transition: .3s;
}

#box3 {
  height: 4500px;
  width: 100%;
  background: white;
  transition: .3s;
} 

/* ----------------------------------------------------------------スマホ版 */

@media screen and (max-width:428px){
/* -------------------------- */
/* sp_header
/* -------------------------- */

header{
  padding: 8% 9% 2% 10%;
  position: relative;
}

.nav-item{
  max-width: 50px;
  margin-right: 5%;
}

/* -------------------------- */
/* //sp_header
/* -------------------------- */
/* -------------------------- */
/* sp_key-visual
/* -------------------------- */
	
#head{
	background-size: 250px;
	width: 200px;
	height: 50px;
}
	
.migihashi{
	position: fixed;
	margin-right: 10%;
	bottom: 10%;
	left: 10%;
}
	
.talk{
	positon: relative;
	width: 100%;
	margin-right: 10%;
}
	
.hukidashi{
	margin-right: 10%;
}
	
.talk-text{
	top: 15%;
	left: 5%;
	position: absolute;
}

.shirokuma{
	position: fixed;
	top: 87%;
	left: 80%;
	width: 50px;
}
	
/* -------------------------- */
/* //sp_key-visual
/* -------------------------- */
/* -------------------------- */
/* sp_Footer
/* -------------------------- */
.infomation-text{
	font-family: 'Arial Rounded MT Bold', sans-serif;
	font-size: 1.0rem;
	color: #303030;
	margin: 2% 10% 0% 10%;
}

/* -------------------------- */
/* //sp_Footer
/* -------------------------- */
}