/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Base Style

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.font-jp { font-family: noto-sans-cjk-jp, sans-serif !important; font-weight: bold;}
.font-eng { font-family: din-2014, sans-serif !important; font-weight: bold;}
.font-eng.no-bold { font-weight: inherit;}

.effect { opacity: 0; transform: translateY(50px); transition: all 1000ms;}
.effect.act { opacity: 1; transform: translateY(0px);}

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

/* Hover : Zoom */
.zoom-img { overflow: hidden;}
.zoom-img img { transition: all 3s;}
@media screen and (min-width:768px){
  .zoom-img:hover img { transform: scale3d(1.05,1.05,1);}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section Style

/////////////////////////////////////////////////////////////////////////////////////////////////*/

main { min-width: 1000px; padding-bottom: 100px; background-color: #FDF8ED;}

section .inr { max-width: 860px; margin: 0 auto;}
section .inr.mw-1000 { max-width: 1000px;}
section .ttl {
  padding: 80px 0 40px;
  font-size: 42px; text-align: center; line-height: 1.4;
}
section .ttl span { display: block; font-size: 12px;}
section .ttl + p { text-align: center; line-height: 1.8;}


/* [SP] */
@media screen and (max-width: 767px) {
  main { min-width: 100%; padding-bottom: 60px;}
  section .inr { padding: 0 25px;}
  section .ttl { padding: 40px 0 20px; font-size: 28px; line-height: 1.3;}
  section .ttl span { font-size: 10px;}
  section .ttl + p { text-align: left; line-height: 1.5;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Footer Style

/////////////////////////////////////////////////////////////////////////////////////////////////*/

footer { padding: 60px 0; background: #2D1B04; color: #D4CCBE;}
footer .logo { display: block; width: 324px; margin: 0 auto;}


/* [SP] */
@media screen and (max-width: 767px) {
  footer { padding: 30px 0;}
  footer .logo { width: 160px;}
}