@charset "utf-8";

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


DAICHI


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


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

メインヴィジュアル

---------------------------------------------- */
.pageRead,
.pageRead * {
 /* background-color: rgba(255, 0, 0, 0.1); */
}

.pageRead.flex {
 align-items: center;
 align-content: center;
 justify-content: center;
 position: relative;
 padding: 192px 5% 256px;
 z-index: 2;
}

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

.pageRead_photo {
 width: calc(100% - 560px);
 max-width: 800px;
 border-radius: 30px;
 overflow: hidden;
}

.pageRead_photo img {
 object-fit: cover;
 min-height: 450px;
}

.pageRead_text {
 width: 460px;
 margin: auto 0 auto 64px;
}

.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.flex {
  padding: 48px 5% 192px;
 }

 .pageRead_photo {
  width: calc(100%);
  order: 2;
 }

 .pageRead_photo img {
  min-height: inherit;
 }

 .pageRead_text {
  width: 100%;
  margin: 24px auto;
 }

 .pageRead_text h2 {
  text-align: center;
 }

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








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

メインヴィジュアル

---------------------------------------------- */
.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) {}




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

メニュー

---------------------------------------------- */
.sectionTitle {
 position: relative;
 text-align: center;
}

.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;
 }
}



.deco-item-01 {
 position: absolute;
 top: -1%;
 left: 70%;
 width: 150px;
 z-index: 1;
}

.itemWrap {
 position: relative;
 margin: -16px 0 0;
}

.itemWrap>h3 {
 display: block;
 width: 20em;
 margin: 32px auto;
 padding: 12px;
 text-align: center;
 border: 2px solid #000;
 border-radius: 40px;
}

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

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

.item_list {
 width: 90%;
 max-width: 1280px;
 justify-content: space-between;
 margin: 96px auto 192px;
}

.item {
 position: relative;
 width: 29%;
 margin: 0px 0 64px;
}

.item_icon {
 position: absolute;
 top: -24px;
 right: -24px;
 width: 96px;
 height: 96px;
 padding-top: 24px;
 text-align: center;
 font-size: 1.2rem;
 color: rgb(255, 98, 0);
 border-radius: 50%;
 background-color: rgb(249, 247, 139);
 z-index: 2;
}

.item_icon span {
 font-size: 2.6rem;
}

.item_photo {
 margin-bottom: 12px;
 border-radius: 30px;
 overflow: hidden;
}

.item_text * {
 text-align: center;
}

.item_text h2 {}

.item_text h2 .ff-en {
 display: inline-block;
 padding: 24px;
 font-size: 1.3rem;
 letter-spacing: 0.15em;
 line-height: 1.4;
 color: #F36200;
}

.item_text h2 em {
 font-size: 2.2rem;
 font-weight: 700;
 line-height: 1.4;
}

.item_text p {
 margin: 24px 0;
 font-size: 1.6rem;
}

.item_text dl {
 width: 100%;
 margin: 12px 0 0px;
 font-size: 1.6rem;
 color: #8C826F;
}

.item_text dt {
 padding: 4px 0;
}

.item_text dt.list {
 float: left;
}

.item_text dt.list::before {
 content: "●";
 display: inline-block;
 font-size: 0.58em;
 vertical-align: middle;
 margin: -0.5em 0.3em 0 0;
}

.item_text dl .tax {
 font-size: 1.0rem;
}

.item_text dl .ff-en {
 font-size: 1.05em;
 font-weight: 400;
}

.item_text dl small {
 display: block;
 margin: 0 0 12px;
 font-size: 1.2rem;
}


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

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

 .itemWrap .deco:nth-of-type(2) {
  top: 28%;
 }

 .item_list {
  margin: 64px auto 0px;
 }

 .item {
  width: 46%;
 }

 .item_icon {
  font-size: 1.0rem;
 }

 .item_icon span {
  font-size: 2rem;
 }

 .item_text {
  width: 100%;
  margin-top: 32px;
  padding-left: 0%;
 }

 .item_text dl {
  margin: 24px 0 32px;
 }


}




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

店舗紹介

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

.shopWrap .deco:nth-of-type(1) {
 top: -68%;
}

.shop_inner {
 position: relative;
 width: 88%;
 max-width: 1080px;
 margin: 128px auto 96px;
}

.shop_photo {
 width: 55%;
 max-width: 600px;
 border-radius: 30px;
 overflow: hidden;
}

.shop_text {
 margin: auto;
}

.shop_text h2 {
 margin: 0 0 24px;
 font-size: 2.2rem;
 font-weight: 700;
 color: #F36200;
}

.shop_text h2::before {
 content: "";
 display: inline-block;
 width: 0.4em;
 height: 0.4em;
 margin: -0.3em 0.3em 0 0;
 vertical-align: middle;
 border: 7px solid #F36200;
 border-radius: 50%;
}

.shop_text p {}

.shop_text a {
 display: block;
 margin: 24px 0 0;
}

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

 .shop_inner {
  margin: 160px auto 96px;
 }

 .shop_photo {
  width: 100%;
 }

 .shop_text {
  width: 100%;
  margin: 64px 0 0;
 }

 .shop_text h2 {}

 .shop_text h2::before {}

 .shop_text p {}

 .shop_text a {
  margin: 24px auto 0;
 }
}





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

ギャラリー

---------------------------------------------- */
.photoWrap {
 position: relative;
 margin: 128px 0 96px;
}

.photoWrap .deco:nth-of-type(1) {
 top: -28%;
}

.photoWrap .deco:nth-of-type(2) {
 top: 80%;
}

.photo_list {
 width: 90%;
 max-width: 1080px;
 margin: 64px auto;
}

.photo_item {
 width: 48%;
 margin: 24px 0;
 border-radius: 30px;
 overflow: hidden;
}

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

 .photoWrap .deco:nth-of-type(1) {
  top: -38%;
 }

 .photoWrap .deco:nth-of-type(2) {
  top: 90%;
 }

 .photoWrap p {}

 .photo_list {}

 .photo_item {
  margin: 12px 0;
 }
}




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

アクセス

---------------------------------------------- */
.accessWrap {
 margin: 96px auto;
}

.accessWrap h2 {
 text-align: center;
}

.accessWrap span {
 font-size: 1.4rem;
 letter-spacing: 0.2em;
 color: #F36200;
}

.accessWrap em {
 font-size: 2.4rem;
 font-weight: 700;
 line-height: 3.6;
}

.access_gMap {
 width: 90%;
 max-width: 1080px;
 height: 460px;
 margin: 12px auto;
 border-radius: 30px;
 overflow: hidden;
}

.accessWrap iframe {
 display: block;
 width: 100%;
 height: 100%;
}

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

 .accessWrap h2 {}

 .accessWrap span {}

 .accessWrap em {}

 .access_gMap {}

 .accessWrap iframe {
  width: 70%;
  height: 70%;
  transform: scale(1.43);
  transform-origin: left top;
 }
}