@charset "UTF-8";
/*---------------------------
common
-----------------------------*/
html{
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body{
  font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #323232;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.02em;
  background-color: #fff;
  margin: 0;
  box-sizing: border-box;
}

.sweet_gothic{
  font-family: "sweet-gothic-serif", serif;
  font-weight: 500;
  font-style: normal;
}

.go2{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
}

.go{
  font-family: Avenir Next, 'Avenir Next', 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
}

::before,
::after{
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

main{
  position: relative;
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl{
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol{
  margin: 0;
  padding: 0;
  list-style: none;
}

dd{
  margin-left: 0;
}

hr{
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

a{
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

small{
  font-size: 80%;
}

sub,
sup{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub{
  bottom: -0.25em;
}

sup{
  top: -0.5em;
}

iframe{
  vertical-align: bottom;
}

img{
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

button,
input,
select,
textarea{
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type="checkbox"]{
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type="radio"]{
  -webkit-appearance: radio;
  appearance: radio;
}

button,
input{
  overflow: visible;
}

button,
select{
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"]{
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

option{
  padding: 0;
}

fieldset{
  margin: 0;
  padding: 0;
  min-width: 0;
}

textarea{
  overflow: auto;
}

label[for]{
  cursor: pointer;
}

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

td,
th{
  vertical-align: top;
  padding: 0;
}

th{
  text-align: left;
  font-weight: 500;
}


.btn{
  transition: .5s;
  opacity: 1;
  cursor: pointer;
}
.btn:hover{
  transition: .5s;
  opacity: .8;
}

.no_link{
  pointer-events: none;
  opacity: .5 !important;
  cursor: default;
}

@media(max-width:1600px){
  body{
    font-size: 0.93vw;
  }
}

@media(max-width:750px){
  body{
    font-size: 3vw;
  }
}

/* .fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
.fs_15{font-size: 15px;}
.fs_16{font-size: 16px;}
.fs_17{font-size: 17px;}
.fs_18{font-size: 18px;}
.fs_19{font-size: 19px;}
.fs_20{font-size: 20px;}
@media(max-width:1600px){
  .fs_12{font-size: 0.75vw;}
  .fs_13{font-size: 0.81vw;}
  .fs_14{font-size: 0.87vw;}
  .fs_15{font-size: 0.93vw;}
  .fs_16{font-size: 1vw;}
  .fs_17{font-size: 1.06vw;}
  .fs_18{font-size: 1.12vw;}
  .fs_19{font-size: 1.18vw;}
  .fs_20{font-size: 1.25vw;}
}
@media(max-width:750px){
  .fs_12{font-size: 2.4vw;}
  .fs_13{font-size: 2.6vw;}
  .fs_14{font-size: 2.8vw;}
  .fs_15{font-size: 3vw;}
  .fs_16{font-size: 3.2vw;}
  .fs_17{font-size: 3.4vw;}
  .fs_18{font-size: 3.6vw;}
  .fs_19{font-size: 3.8vw;}
  .fs_20{font-size: 4vw;}
} */

/*---------------------------
レスポンシブ対応
-----------------------------*/
@media(min-width:749px){
  .sp{
    display: none !important;
  }
}
@media(max-width:750px){
  .pc{
    display: none !important;
  }
}