@charset "UTF-8";


/* ========================
 * common
 * ======================== */
body{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: #202124;
  font-feature-settings: "palt";
}

.garamond{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.outer{
  margin: 0 auto;
  max-width: 1700px;
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}

.inner{
  margin: 0 auto;
  max-width: 1380px;
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.box{
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.standard-btn{
  width: 360px;
  height: 62px;
  padding-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  box-sizing: border-box;
  font-size: 13px;
  position: relative;
  margin: 0 auto;
  background-color: transparent;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.standard-btn:after{
  content: "";
  width: 20px;
  height: 1px;
  display: block;
  right: -10px;
  position: absolute;
  margin-top: 2px
}

.btn-wh{
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff
}

.btn-wh:after{
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-bk{
  border: 1px solid rgba(60, 64, 67, 0.2);
  color: #3c4043
}

.btn-bk:after{
  background-color: rgba(60, 64, 67, 0.2);
}

a{
  transition: 0.2s;
  opacity: 1;
  color: #202124;
  text-decoration: none;
}

a:hover{
  opacity: 0.6
}

a.ci:hover {
  opacity: 1 !important
}

.parens:before{
  content: "( "
}
.parens:after{
  content: " )"
}
.label{
  font-size: 15px;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position: relative;
  z-index: 2;
  color: #555;
}
.label.wh{
  color: #fff
}


section{
  position: relative;
}

.swiper-navigation-icon{
  display: none;
}

main{
  padding-bottom: 200px
}

/* ========================
 * header
 * ======================== */
header .outer{
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  flex-direction: row;
}

header h1{
  display: flex;
}

header h1 img{
  height: 90px;
  width: auto;
}

header .nav{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  gap:70px;
}

header .nav,
header .nav .menu{
  display: flex;
}

header .nav .cat{
  margin-right: 30px
}

header .nav .menu ul{
  display: grid;
  gap: 20px 40px;
  text-align: left;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
}


header .sns{
  display: flex;
  gap: 20px;
}

header .sns li{
  display: flex;
  justify-content: center;
  align-items: center;
}

header .sns img{
  width: 16px;
}

header .sns li.nt img{
  width: 13px
}

/*body.second main{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}*/

body.second #head{
  max-width: 1180px;
  margin: 240px auto 0;
  padding: 0 50px;
}

body.second #head .head-bar{
  display: flex;
  justify-content: space-between;
}

body.second #head .main-cap{
  display: flex;
  flex-direction: column;
  font-size: 48px;
  letter-spacing: 2px;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin-top: -6px;
}
body.second #head .main-cap span{
  font-size: 16px;
  margin-top: 36px;
}
body.second #head #breadcrumbs{
  font-size: 12px;
}

body.second #head #breadcrumbs b{
  margin: 0 10px;
}

body.second #content .top-head{
  font-size: 36px;
  text-align: center;
  letter-spacing: 2px;
  margin-block: 100px;

  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body.second #content .head_e-j{
  display: flex;
  flex-direction: column;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body.second #content .top-head.head_e-j span{
  font-size: 16px;
  margin-top: 30px;
}

body.second #head .main-cap span,
body.second #content .head_e-j span,
body.second #content .top-head span{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


/* ========================
 * footer
 * ======================== */
 footer{
  background-color: #3c4043;
  color: #fff;
  padding-top: 140px
 }

 footer .inner{
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

footer h1{
  display: flex;
}

footer h1 img{
  height: 90px;
  width: auto;
}

footer .nav{
  font-size: 13px;
  gap:70px;
}

footer .nav,
footer .nav .menu{
  display: flex;
}

footer .nav .cat{
  margin-right: 30px
}

footer a{
  color: #fff
}

footer .nav .menu ul{
  display: grid;
  gap: 20px 40px;
  text-align: left;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
}

footer .bottom{
  width: 100%;
  margin-top: 310px;
  border-top: solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 50px
}

footer .bottom ul{
  display: flex;
  gap: 20px;
  font-size: 13px;
}

footer .bottom .copyright{
  font-size: 12px
}