@charset "UTF-8";
/**
 * Stylesheet for Top Page
 * 
 */


/* ==========================================================================
   Module
   ページを構成するスタイルを定義
 ========================================================================== */
/* トップスライド効果 */
@keyframes zoomDown {
	0% {
		/* transform: scale(1.25); */
		transform: scale(1.15);
	}
	100% {
		transform: scale(1);
	}
}
.top_slide .flex-active-slide {
  overflow: hidden;
}
.top_slide .flex-active-slide img {
	animation: zoomDown 4s linear 0s 1 normal both;  
}
.metaslider .flexslider {
  position: relative;
}
.metaslider .flex-pauseplay {
  position: absolute;
  bottom: -40px;
}
.metaslider .flexslider .flex-pauseplay .flex-play, .metaslider .flexslider .flex-pauseplay .flex-pause {
  background: #8f8f8f !important;
}

#home p {
  margin-top: 1rem;
}

.section_title {
  position: relative;
  z-index: 10;
  color: #777;
  font-family: "Crimson Text", system-ui;
  font-weight: bold;
  font-style: italic;
  font-size: 250%;
}
.section_title span {
  display: block;
  font-size: 55%;
  line-height: 1.3;
  font-family: "Sawarabi Gothic", serif;
  font-style: normal;
  color: #939393;
}
.section_title:after {
  border-top: 3px solid var(--main-color);
  border-bottom: 3px solid #ccc;
}
.section_title:before {
  content: attr(data-title)"";
  position: absolute;
  z-index: -5;
  width: 100%;
  top: -25%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 150%;
  font-family: "Bonheur Royale", cursive;
  letter-spacing: 2px;
  color: var(--light-color);
  line-height: 1.1;
}
@media (min-width: 992px) {
  .section_title:before {
    top: -45%;
    font-size: 230%;
  }
}

.top_figure {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.top_figure img {
  width: 100%;
}
@media (min-width: 992px) {
  .top_figure {
    width: 100%;
  }
}

dl {
  display: block;
  width: 100%;
  margin-top: 1rem;
}
dt {
  width: 100%;
  font-weight: bold;
}
dd {
  width: 100%;
}
@media (min-width: 768px){ 
  dl {
    display: flex;
  }
  dt {
    width: 12%;
  }
  dd {
    width: 88%;
  }
}
@media (min-width: 992px) {
  dt {
    width: 8%;
  }
  dd {
    width: 92%;
  }
}

main > section:nth-child(2n+1) .sections {
  background-color: #fcf8f4;
}

/* HOME固定ページにコンテンツを追加する場合、ここの部分はコメントアウトすること */
#home .entry-content {
  margin: 0 !important;
}
/*---------------------------------------------------------------------------
   Outline
 --------------------------------------------------------------------------- */
 .outline_area {
  /* background-color: #eeeeee; */
}

/*---------------------------------------------------------------------------
  Rirahyume
 --------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------
  Features
 --------------------------------------------------------------------------- */
 .features_area {
  /* background-color: #eeeeee; */
}

/*---------------------------------------------------------------------------
  How to Use
 --------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------
  Story
 --------------------------------------------------------------------------- */
 .story_area {
  /* background-color: #eeeeee; */
}

/*---------------------------------------------------------------------------
  Specification
 --------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------
  FAQ
 --------------------------------------------------------------------------- */
.faq_area {
  /* background-color: #eeeeee; */
}
 /*---------------------------------------------------------------------------
   About Us
 --------------------------------------------------------------------------- */
.aboutus_area dl {
  width: 90%;
  margin: 1rem auto;
  border-bottom: 1px dotted #ddd;
}
.aboutus_area dt {
  width: 100%;
}
.aboutus_area li {
  margin-top: 0.7rem;
}
@media (min-width: 768px){ 
  .aboutus_area dt {
    width: 15%;
    text-align: right;
    padding-right: 1rem;
    padding-bottom: 10px;
  }
  .aboutus_area dd {
    width: 85%;
  }
}
@media (min-width: 992px) {
  .aboutus_area dl {
    width: 70%;
  }
}

/*------------------------------------------
  共通ヘッダー
 --------------------------------------------*/

@media (min-width: 992px) {
}
@media (min-width: 992px) {
}

@media (min-width: 768px){ 
}
@media (max-width: 767px){ 
}

/*------------------------------------------
  共通フッター
 --------------------------------------------*/
@media (min-width: 768px){
}
@media (max-width: 767px){
}

/*---------------------------------------------------------------------------
  ページデザイン構成クラス
 --------------------------------------------------------------------------- */


/*------------------------------------------
 XXXページ
--------------------------------------------*/