@charset "UTF-8";
@import url("variables.css");
/** カラー設定 **/
/** font size **/
/*======================================

	0.body

=======================================*/
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scroll-behavior: auto;
}

body {
  font-family: "Noto Serif JP", "Times New Roman", "YuMincho",
    "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: var(--black-color);
  background: #ffffff;
  letter-spacing: 0.1rem;
  transform: rotate(0.005);
  font-size: 14px;
}

* {
  margin: 0;
  padding: 0;
}

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

.ft_Garamond {
  font-family: "Cormorant Garamond", serif;
}

.ft_EDGaramond {
  font-family: "EB Garamond", serif;
}

.ft_num {
  font-family: "EB Garamond", serif;
}

.ft_Gothic {
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

p {
  color: var(--text-color);
  line-height: 1.6em;
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
  font-size: 1rem;
}

ul {
  margin-bottom: 1.5em;
}

li {
  color: var(--text-color);
  line-height: 1.8em;
}

a {
  color: var(--orange-color);
  text-decoration: underline;
  transition: all 0.3s;
}

a:hover {
  color: var(--orange-color);
  text-decoration: none;
  transition: all 0.3s;
}

img {
  border: none;
}

li {
  list-style: none;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/** カラー関係 **/
.pink {
  color: #ff8300;
}

.blue {
  color: #328cfa;
}

.purple {
  color: #1d2080;
}

.red {
  color: #e20012;
}

.orange {
  color: #eb751c;
}

.black {
  color: #ffffff;
}

.green {
  color: #009944;
}

.yellow {
  color: #f8b62d;
}

.gold {
  color: #c9a063;
}

/** margin **/
.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mr0 {
  margin-right: 0px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.ml0 {
  margin-left: 0px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.mr0em {
  margin-right: 0em;
}

.mr1em {
  margin-right: 1em;
}

.mr2em {
  margin-right: 2em;
}

.mr3em {
  margin-right: 3em;
}

.mr4em {
  margin-right: 4em;
}

.mr5em {
  margin-right: 5em;
}

.mr6em {
  margin-right: 6em;
}

.mr7em {
  margin-right: 7em;
}

.mr8em {
  margin-right: 8em;
}

.mr9em {
  margin-right: 9em;
}

.mr10em {
  margin-right: 10em;
}

.ml0em {
  margin-left: 0em;
}

.ml1em {
  margin-left: 1em;
}

.ml2em {
  margin-left: 2em;
}

.ml3em {
  margin-left: 3em;
}

.ml4em {
  margin-left: 4em;
}

.ml5em {
  margin-left: 5em;
}

.ml6em {
  margin-left: 6em;
}

.ml7em {
  margin-left: 7em;
}

.ml8em {
  margin-left: 8em;
}

.ml9em {
  margin-left: 9em;
}

.ml10em {
  margin-left: 10em;
}

/** padding **/
.pt0 {
  padding-top: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pr0 {
  padding-right: 0px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pl0 {
  padding-left: 0px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

/** font style **/
.ft_normal {
  font-weight: normal;
}

.ft_bold {
  font-weight: bold;
}

.fw100 {
  font-weight: 100;
}

.fw200 {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.ft_italic {
  font-style: italic;
}

/** text align **/
.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

/** テキスト関係 **/
.txt-none {
  text-decoration: none;
}

.txt-underline {
  text-decoration: underline;
}

.txt-line-through {
  text-decoration: line-through;
}

/** フォントサイズ関係 **/
.ft8 {
  font-size: 8px;
}

.ft9 {
  font-size: 9px;
}

.ft10 {
  font-size: 10px;
}

.ft11 {
  font-size: 11px;
}

.ft12 {
  font-size: 12px;
}

.ft13 {
  font-size: 13px;
}

.ft14 {
  font-size: 14px;
}

.ft15 {
  font-size: 15px;
}

.ft16 {
  font-size: 16px;
}

.ft17 {
  font-size: 17px;
}

.ft18 {
  font-size: 18px;
}

.ft19 {
  font-size: 19px;
}

.ft20 {
  font-size: 20px;
}

.ft21 {
  font-size: 21px;
}

.ft22 {
  font-size: 22px;
}

.ft23 {
  font-size: 23px;
}

.ft24 {
  font-size: 24px;
}

.ft25 {
  font-size: 25px;
}

.ft26 {
  font-size: 26px;
}

.ft27 {
  font-size: 27px;
}

.ft28 {
  font-size: 28px;
}

.ft29 {
  font-size: 29px;
}

.ft30 {
  font-size: 30px;
}

.ft31 {
  font-size: 31px;
}

.ft32 {
  font-size: 32px;
}

.ft33 {
  font-size: 33px;
}

.ft34 {
  font-size: 34px;
}

.ft35 {
  font-size: 35px;
}

.ft36 {
  font-size: 36px;
}

.ft37 {
  font-size: 37px;
}

.ft38 {
  font-size: 38px;
}

.ft39 {
  font-size: 39px;
}

.ft40 {
  font-size: 40px;
}

.ft41 {
  font-size: 41px;
}

.ft42 {
  font-size: 42px;
}

.ft43 {
  font-size: 43px;
}

.ft44 {
  font-size: 44px;
}

.ft45 {
  font-size: 45px;
}

.ft46 {
  font-size: 46px;
}

.ft47 {
  font-size: 47px;
}

.ft48 {
  font-size: 48px;
}

.ft49 {
  font-size: 49px;
}

.ft50 {
  font-size: 50px;
}

.ft8rem {
  font-size: 0.8rem;
}

.ft9rem {
  font-size: 0.9rem;
}

.ft10rem {
  font-size: 1rem;
}

.ft11rem {
  font-size: 1.1rem;
}

.ft12rem {
  font-size: 1.2rem;
}

.ft13rem {
  font-size: 1.3rem;
}

.ft14rem {
  font-size: 1.4rem;
}

.ft15rem {
  font-size: 1.5rem;
}

.ft16rem {
  font-size: 1.6rem;
}

.ft17rem {
  font-size: 1.7rem;
}

.ft18rem {
  font-size: 1.8rem;
}

.ft19rem {
  font-size: 1.9rem;
}

.ft20rem {
  font-size: 2rem;
}

.ft21rem {
  font-size: 2.1rem;
}

.ft22rem {
  font-size: 2.2rem;
}

.ft23rem {
  font-size: 2.3rem;
}

.ft24rem {
  font-size: 2.4rem;
}

.ft25rem {
  font-size: 2.5rem;
}

.ft26rem {
  font-size: 2.6rem;
}

.ft27rem {
  font-size: 2.7rem;
}

.ft28rem {
  font-size: 2.8rem;
}

.ft29rem {
  font-size: 2.9rem;
}

.ft30rem {
  font-size: 3rem;
}

.ft31rem {
  font-size: 3.1rem;
}

.ft32rem {
  font-size: 3.2rem;
}

.ft33rem {
  font-size: 3.3rem;
}

.ft34rem {
  font-size: 3.4rem;
}

.ft35rem {
  font-size: 3.5rem;
}

.ft36rem {
  font-size: 3.6rem;
}

.ft37rem {
  font-size: 3.7rem;
}

.ft38rem {
  font-size: 3.8rem;
}

.ft39rem {
  font-size: 3.9rem;
}

.ft40rem {
  font-size: 4rem;
}

.ft41rem {
  font-size: 4.1rem;
}

.ft42rem {
  font-size: 4.2rem;
}

.ft43rem {
  font-size: 4.3rem;
}

.ft44rem {
  font-size: 4.4rem;
}

.ft45rem {
  font-size: 4.5rem;
}

.ft46rem {
  font-size: 4.6rem;
}

.ft47rem {
  font-size: 4.7rem;
}

.ft48rem {
  font-size: 4.8rem;
}

.ft49rem {
  font-size: 4.9rem;
}

.ft50rem {
  font-size: 5rem;
}

/** other font decoration **/
.dropcaps {
  font-size: 3em;
}

.first_dot {
  text-indent: -1em;
}

.chu {
  font-size: 1rem;
}

/** ワイド関係 **/
.w100p {
  width: 100%;
}

.w0 {
  width: 0px;
}

.w10 {
  width: 10px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px;
}

.w130 {
  width: 130px;
}

.w140 {
  width: 140px;
}

.w150 {
  width: 150px;
}

.w160 {
  width: 160px;
}

.w170 {
  width: 170px;
}

.w180 {
  width: 180px;
}

.w190 {
  width: 190px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w220 {
  width: 220px;
}

.w230 {
  width: 230px;
}

.w240 {
  width: 240px;
}

.w250 {
  width: 250px;
}

.w260 {
  width: 260px;
}

.w270 {
  width: 270px;
}

.w280 {
  width: 280px;
}

.w290 {
  width: 290px;
}

.w300 {
  width: 300px;
}

.w310 {
  width: 310px;
}

.w320 {
  width: 320px;
}

.w330 {
  width: 330px;
}

.w340 {
  width: 340px;
}

.w350 {
  width: 350px;
}

.w360 {
  width: 360px;
}

.w370 {
  width: 370px;
}

.w380 {
  width: 380px;
}

.w390 {
  width: 390px;
}

.w400 {
  width: 400px;
}

.w410 {
  width: 410px;
}

.w420 {
  width: 420px;
}

.w430 {
  width: 430px;
}

.w440 {
  width: 440px;
}

.w450 {
  width: 450px;
}

.w460 {
  width: 460px;
}

.w470 {
  width: 470px;
}

.w480 {
  width: 480px;
}

.w490 {
  width: 490px;
}

.w500 {
  width: 500px;
}

.w510 {
  width: 510px;
}

.w520 {
  width: 520px;
}

.w530 {
  width: 530px;
}

.w540 {
  width: 540px;
}

.w550 {
  width: 550px;
}

.w560 {
  width: 560px;
}

.w570 {
  width: 570px;
}

.w580 {
  width: 580px;
}

.w590 {
  width: 590px;
}

.w600 {
  width: 600px;
}

.w610 {
  width: 610px;
}

.w620 {
  width: 620px;
}

.w630 {
  width: 630px;
}

.w640 {
  width: 640px;
}

.w650 {
  width: 650px;
}

.w660 {
  width: 660px;
}

.w670 {
  width: 670px;
}

.w680 {
  width: 680px;
}

.w690 {
  width: 690px;
}

.w700 {
  width: 700px;
}

.w710 {
  width: 710px;
}

.w720 {
  width: 720px;
}

.w730 {
  width: 730px;
}

.w740 {
  width: 740px;
}

.w750 {
  width: 750px;
}

.w760 {
  width: 760px;
}

.w770 {
  width: 770px;
}

.w780 {
  width: 780px;
}

.w790 {
  width: 790px;
}

.w800 {
  width: 800px;
}

.w810 {
  width: 810px;
}

.w820 {
  width: 820px;
}

.w830 {
  width: 830px;
}

.w840 {
  width: 840px;
}

.w850 {
  width: 850px;
}

.w860 {
  width: 860px;
}

.w870 {
  width: 870px;
}

.w880 {
  width: 880px;
}

.w890 {
  width: 890px;
}

.w900 {
  width: 900px;
}

.w910 {
  width: 910px;
}

.w920 {
  width: 920px;
}

.w930 {
  width: 930px;
}

.w940 {
  width: 940px;
}

.w950 {
  width: 950px;
}

.w960 {
  width: 960px;
}

.w970 {
  width: 970px;
}

.w980 {
  width: 980px;
}

.w990 {
  width: 990px;
}

.w1000 {
  width: 1000px;
}

.w1010 {
  width: 1010px;
}

.w1020 {
  width: 1020px;
}

.w1030 {
  width: 1030px;
}

.w1040 {
  width: 1040px;
}

.w1050 {
  width: 1050px;
}

.w1060 {
  width: 1060px;
}

.w1070 {
  width: 1070px;
}

.w1080 {
  width: 1080px;
}

.w1090 {
  width: 1090px;
}

.w1100 {
  width: 1100px;
}

.w1110 {
  width: 1110px;
}

.w1120 {
  width: 1120px;
}

.w1130 {
  width: 1130px;
}

.w1140 {
  width: 1140px;
}

.w1150 {
  width: 1150px;
}

.w1160 {
  width: 1160px;
}

.w1170 {
  width: 1170px;
}

.w1180 {
  width: 1180px;
}

.w1190 {
  width: 1190px;
}

.w1200 {
  width: 1200px;
}

.w1210 {
  width: 1210px;
}

.w1220 {
  width: 1220px;
}

.w1230 {
  width: 1230px;
}

.w1240 {
  width: 1240px;
}

.w1250 {
  width: 1250px;
}

.w1260 {
  width: 1260px;
}

.w1270 {
  width: 1270px;
}

.w1280 {
  width: 1280px;
}

.w1290 {
  width: 1290px;
}

.w1300 {
  width: 1300px;
}

.w1310 {
  width: 1310px;
}

.w1320 {
  width: 1320px;
}

.w1330 {
  width: 1330px;
}

.w1340 {
  width: 1340px;
}

.w1350 {
  width: 1350px;
}

.w1360 {
  width: 1360px;
}

.w1370 {
  width: 1370px;
}

.w1380 {
  width: 1380px;
}

.w1390 {
  width: 1390px;
}

.w1400 {
  width: 1400px;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 959px) {
  .w960 {
    width: 100%;
  }
}

@media screen and (max-width: 979px) {
  .w980 {
    width: 100%;
  }
}

@media screen and (max-width: 999px) {
  .w1000 {
    width: 100%;
  }
}