@charset "utf-8";

/* --------------------------------------------


トップページ


---------------------------------------------- */

.sectionTitle {
 position: relative;
 margin: 0 0 0 4.8%;
}

.sectionTitle span {
 vertical-align: middle;
 font-size: 7.4rem;
 font-weight: 500;
 letter-spacing: 0.2em;
 color: #F36200;
}

.sectionTitle em {
 padding: 0 0 0 1em;
 font-size: 2rem;
 font-weight: 700;
 letter-spacing: 0.2em;
 line-height: 1.1;
 text-align: center;
}


@media only screen and (max-width:640px) {

 .sectionTitle {
  margin: 0;
  text-align: center;
 }

 .sectionTitle span {
  font-size: 4.8rem;
 }

 .sectionTitle em {
  padding: 0;
 }
}




/* --------------------------------------------

リード分

---------------------------------------------- */
.pageRead {
 position: relative;
 align-items: center;
 align-content: center;
 padding: 240px 0;
}

.pageRead .deco:nth-of-type(1) {
 top: 10%;
}

.pageRead_chara {
 width: 500px;
 margin: auto;
}

.pageRead_text {
 width: 40%;
}

.pageRead_text h2 {
 font-size: 2.6rem;
 line-height: 2;
 font-weight: 600;
 color: #8C826F;
}

.pageRead_text p {
 margin: 64px 0;
 font-size: 2rem;
 line-height: 2.5;
}


@media only screen and (max-width:640px) {
 .pageRead {
  padding: 128px 0;
 }

 .pageRead .deco:nth-of-type(1) {
  top: 62%;
 }

 .pageRead_chara {
  width: 54%;
  order: 2;
  z-index: 2;
 }

 .pageRead_text {
  width: 90%;
  margin: auto;
 }

 .pageRead_text h2 {
  text-align: center;
 }

 .pageRead_text p {
  font-size: 1.8rem;
  text-align: center;
 }
}




/* --------------------------------------------

イラストギャラリー 〜　店舗デザイン

---------------------------------------------- */
.bgWrap {
 position: relative;
 margin: 96px 0;
 padding: 0 0 24px;
 background: #fbfafc;
}

.bgWrap::before,
.bgWrap::after {
 content: "";
 display: block;
 width: 100%;
 height: 16.2vw;
 position: absolute;
 background-size: 100% auto;
}

.bgWrap::before {
 top: -16.2vw;
 background-image: url(../_image/common/section-top.webp);
 background-position: bottom;
}

.bgWrap::after {
 bottom: -16.2vw;
 background-image: url(../_image/common/section-bottom.webp);
 background-position: top;
}

@media only screen and (max-width:640px) {}



/* --------------------------------------------

イラストギャラリー

---------------------------------------------- */
.galleryWrap {
 position: relative;
 margin: -16px 0 0;
}

.galleryWrap .deco:nth-of-type(1) {
 top: -20%;
}

.galleryWrap .deco:nth-of-type(2) {
 top: 60%;
}

.gallery_list {
 max-width: 1280px;
 justify-content: center;
 margin: 96px auto 192px;
}

.gallery_item {
 width: 30%;
 max-width: 350px;
 margin: 16px;
 border-radius: 30px;
 overflow: hidden;
}

@media only screen and (max-width:640px) {
 .galleryWrap {
  padding-top: 64px;
 }

 .galleryWrap .deco:nth-of-type(1) {
  top: -5%;
 }

 .galleryWrap .deco:nth-of-type(2) {
  top: 26%;
 }

 .galleryWrap .deco:nth-of-type(3) {
  top: 62%;
 }

 .galleryWrap .deco:nth-of-type(4) {
  top: 97%;
 }

 .gallery_list {
  margin: 64px auto 192px;
 }

 .gallery_item {
  width: 60%;
  max-width: none;
  margin: 16px auto;
 }
}




/* --------------------------------------------

店舗デザイン

---------------------------------------------- */
.storeWrap {
 position: relative;
}

.storeWrap .deco:nth-of-type(1) {
 top: -25%;
}

.store_list {
 position: relative;
 width: 100%;
 margin: 96px auto;
 overflow-x: hidden;
}

.store_item {}

@media only screen and (max-width:640px) {
 .storeWrap .deco:nth-of-type(1) {
  top: 105%;
 }

 .store_list {
  margin: 64px auto 96px;
 }

}


/* 
スライダー
---------------------------------------------- */
.swiper-storePhoto {
 overflow-y: hidden;
}

.swiper-storePhoto .swiper-slide {
 width: 700px !important;
 margin-right: 0 !important;
 padding: 0 32px;
}

.swiper-storePhoto .swiper-button-arrow {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 800px;
 margin-left: -400px;
}

@media only screen and (max-width:640px) {
 .swiper-storePhoto .swiper-slide {
  width: 610px !important;
  padding: 0 24px;
 }

 .swiper-storePhoto .swiper-button-arrow {
  width: 500px;
  margin-left: -250px;
 }

}





/* --------------------------------------------

お知らせ

---------------------------------------------- */
.profileWrap {
 position: relative;
 margin: 256px 0 96px;
}

.profileWrap .deco:nth-of-type(1) {
 top: 30%;
}

.profileWrap .deco:nth-of-type(2) {
 top: 75%;
}

.profile_photo {
 width: 280px;
 margin: 64px auto 24px;
 border-radius: 30px;
 overflow: hidden;
}

.profile_photo img {}

.profile_name {
 text-align: center;
 font-size: 2.6rem;
 line-height: 1;
 color: #F36200;
}

.profile_name small {
 font-size: 1.8rem;
 line-height: 3.2;
}

.profile_name span {
 margin-top: 1em;
 font-size: 1.4rem;
 letter-spacing: 0.2em;
}

.profile_history {
 width: 86%;
 max-width: 560px;
 margin: 64px auto;
 z-index: 2;
}

.profile_works {
 width: 86%;
 max-width: 560px;
 margin: 96px auto;
 font-size: 1.6rem;
 color: #F36200;
}

.profile_works b {
 display: inline-block;
 margin: 0 0.5em 12px 0;
 font-weight: 700;
}

.profile_works b::before {
 content: "";
 display: inline-block;
 width: 0.5em;
 height: 0.5em;
 margin-right: 0.5em;
 border: 4px solid #F36200;
 border-radius: 50%;
}

@media only screen and (max-width:640px) {

 .profileWrap .deco:nth-of-type(1) {
  top: 24%;
 }

 .profileWrap .deco:nth-of-type(2) {
  top: 98%;
 }

 .profile_history {}

 .profile_works {
  margin: 64px auto;
 }

}




/* --------------------------------------------

お知らせ

---------------------------------------------- */


@media only screen and (max-width:640px) {}