@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap');

html{
  overflow: auto;
  position: relative;
  min-height: 100%;
  margin-top:0;
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
  font-size:65%;
}
body{
  overflow-x: hidden;
  position:relative;
  font-size: 16px;
  color:#333333;
  font-weight: 400;
  font-style: normal;;
}

:root {
  --main-color:#f6f8ea;
  --main-font-color: #333333;
  --english-font: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,sans-serif;
  --kozuka:"kozuka-gothic-pr6n", sans-serif;
  --klee:"Klee One", cursive;
  --f-f-mincho:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  /* --english-font: "futura-pt", sans-serif; */
  --fs-small: 12px;
  --fs-large: 24px;
  --fs-xlarge: 32px;
  --fs-xlarge40: 40px;
  --fs-xlarge48: 48px;
  --fs-xlarge56: 56px;
}
#wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  font-family: var(--kozuka);
}
a:hover{
  opacity: 70%;
}
.over_width{
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);

}
.inner_width{
  width:100%;
  max-width: 1280px;
  margin: 0 auto;
}
.pc_none{
  display: none;
}
/* text-align */
.ta_c{
  text-align: center;
}
.ta_l{
  text-align: left;
}
.ta_r{
  text-align: right;
}
strong{
  font-weight:bold;
}
/* header */
header{
  background-color: var(--main-color);
}
.header_content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:24px 5%;
  
}
.header_content a,
.header_content a img{
  /* width:94px; */
  display: block;
}
.header_content a.header_logo{
  display: flex;
  align-items: center;
  font-size:3.6rem;
  text-decoration: none;
  color:#333333;
}
.header_content a.header_logo span{
  padding-left:1em;
}
.header_inner{
  width: 80%;
  margin:0 0 0 auto;
}
ul.nav{
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 0 1 auto;
}
ul.nav li{
  text-align: center;
  /* width:calc(100% / 8); */
  flex: 1 0 auto;
}
ul.nav li a{
  width:100%;
  text-decoration: none;
  color:var(--main-font-color);
}
footer{
  background-color: #e0e0e0;
  padding-bottom:24px;
}
.footer_content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:24px 5%;
}
.footer_content a{
  font-size:2rem;
  text-decoration: none;
  color:#3e3e3e;
}