html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,button,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

sup {
  position: relative;
  top: -0.1em;
  font-size: 70%;
  vertical-align: top;
}

sub {
  position: relative;
  font-size: 70%;
  vertical-align: bottom;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
  display: block;
}

body {
  line-height: 1;
}

ol,ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --colorWhite: #fff;
  --headerHeight: 12rem;
  --colorGray: #CFCFCF;
  --colorBrown: #383939;
  --colorOrange: #FDB67F;
  --colorLightBrown: #958974;
  --colorLightBrown02: #B9B1A2;
  --colorPink: #8fb88a;
  --colorLightPink: #b5d4b0;
  --bgColorPink: #d4e5cf;
  --bgColorLightPink: #e8f0e5;
  --bgColorBoldPink: #a6c69f;
  --bgPatternColorPink: #eacbca;
  --bgColorYellow: #FAF4E3;
  --bgColorLightYellow: #F8EEC3;
  --bgColorLightYellow02: #FFFBEE;
  --bgColorBlue: #D5E9E9;
  --bgColorLightGray: #E5E5E5;
  --bgColorLightGreen: #DEECC4;
  --bgColorBoldGreen: #ACD260;
  --bgColorBoldGreen02: #C6E18E;
  --bgColorOrange: #F4D9C5;
  --bgColorPurple: #E5DEEE;
  --colorYellow: #E9D062;
  --colorRosePink: #7da87a;
  --colorSakuraPink: #a8c9a3;
  --colorSakuraBoldPink: #6a9a65;
  --hoverColorPink: #99c296;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightSemiBold: 600;
  --weightBold: 700;
  --weightBlack: 900;
}

html {
  font-size: min(.732vw ,62.5%);
}

body {
  color: var(--colorBrown);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  font-family: "Zen Maru Gothic","游ゴシック","Yu Gothic",YuGothic,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: .04em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
}

main {
  overflow: hidden;
}

a {
  color: currentColor;
  text-decoration: none;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  transition: opacity 500ms;
}

svg {
  width: 100%;
}

img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
}

button {
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--colorBrown);
}

@media screen and (max-width: 47.9375em) {
  :root {
    --headerHeight: 7rem;
  }
  html {
    font-size: 2.66vw;
  }
  body {
    min-width: 0;
    font-size: 1.4rem;
    letter-spacing: 0em;
  }
}

@media (hover: hover) {
  a:hover {
    opacity: .6;
  }
}

@media (hover: none) {
  a:active {
    opacity: 1;
  }
}