@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  box-sizing: border-box;
}

body {
  background-color: #faf8f5;
  color: #333; /* RGB */
  font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",  'Noto Sans JP', sans-serif;
  font-size: 1.6em;
  line-height: 2.4rem;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  vertical-align: baseline;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

section h2 {
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
font-weight: 200;
}

section h3 {
font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",  'Noto Sans JP', sans-serif;
font-weight: 500;
}


/*改行*/

/*---スマホ時改行--*/
@media screen and (max-width: 480px) {
.pc-br{display:none;}
.tb-br{display:none;}
.sp-br{display:block;}
}
/*---タブレット時改行--*/
@media screen and (min-width:481px) and (max-width: 1020px) {
.pc-br{display:none;}
.tb-br{display:block;}
.sp-br{display:none;}
}
/*---PC時改行--*/
@media screen and (min-width:1021px){
.pc-br{display:block;}
.tb-br{display:none;}
.sp-br{display:none;}
}



/* header */
.header {
position:fixed;
	top:0;
	z-index: 100;
  height: 66px;
  width: 100%;
  background-color: #FFFFFF;
}
.header__logo {
    width: 230px;
    padding: 18px;
}
.header-content-wrapper {

  height: 60px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1400px
}
.gnav {
  text-align: center;
}
.gnav ul li {
  display: inline-block;
  width: 100px;
}
/* gnav*/
@media(max-width:480px) {
  .gnav-list li {
    padding: 10px;
  }
}
@media(max-width:896px) {
  .gnav ul li {
width: 88px;
    padding: 14px 0;
    margin: -8px;
  }
}
/* footer */
.footer {
  height: 260px;
  background-color: #f3eee6;
  text-align: center;
	position: relative;
}
.footer-logo {
  max-width: 220px;
  margin: 0 auto;
  padding: 50px 0 30px;
}
.footer a {
  text-decoration: none;
  color: #000000;
  font-size: 1.4rem;
}
.footer li {
  display: inline-block;
  padding: 0 20px
}
.footer__copyright {
font-size: 1.3rem;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
	bottom: 30px;
}
@media(max-width:480px) {
  .footer {
    height: 260px;
  }
  .footer-logo {
    padding-bottom: 30px;
  }
  .footer li {
    padding: 10px;
  }
}
/* more_button  */
.btn_arrow {
  display: table;
  position: relative;
  padding: 0.7em 3em;
  min-width: 16em;
  border: 1px solid;
  color: #000000;
  font-family: 'Lato', sans-serif;
  font-family: 'Raleway', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
  transition: 0.5s;
}
.btn_arrow::after {
  position: absolute;
  top: 40%;
  right: 2em;
  width: 6em;
  height: 0.4em;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg);
  content: "";
}
.btn_arrow:hover {
  border: 1px solid #EBEBEB;
  background-color: #EBEBEB;
  color: #000;
}