@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Klee+One:wght@600&family=Lato:wght@300;400;700;900&family=Noto+Sans+JP&family=Noto+Serif+JP:wght@300;400;500;700;900&family=Roboto:ital,wght@0,300;0,500;0,700;0,900;1,300;1,500;1,700&display=swap');


body{
  font-family: "Noto Serif JP",'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;;
  /*height: 150vh; fadeのための数値*/
	color: #1d1d1d;position: relative!important; z-index: -100;
}
img {width: 100%;height: auto;}
.kleeone {font-family: 'Klee One', cursive;}
/*==========================================================
fade SPは削除する
========================================================= */
.fade{
  opacity : 0;
  transition: opacity 2s;
}
 .fade.view{
  opacity: 1;
}


@media screen and (max-width: 960px) {
.fade{
  text-align: unset;
  opacity : unset;
  transition: unset;
}
 .fade.view{
  opacity: unset;
 }
}
/*==========================================================
Base-Kits
========================================================= */
.sp {/* PCレイアウトでSPを消す*/
  display: none;
}
.pc {/* SPレイアウトでPCを表示*/
  display: block;
}
@media screen and (max-width: 960px) {
.sp {/* PCレイアウトでSPを消す*/
  display: block;
}
.pc {/* SPレイアウトでPCを表示*/
  display: none;
 }
}

/*==========================================================
  Font
========================================================= */


a {
	color: #025ABA;
	text-decoration: underline;
	font-weight: normal;
	transition:.3s;
}
a:visited {
	color: #666;
}
a:hover {
	color: #039;
	font-weight: normal;
	text-decoration: none;
	transition:.3s;
}
p{
	margin-bottom: 0.5rem;
	}
.txt-serif{
    font-family: "Noto Serif JP",'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.txt-size-sss {/* 極小小の文字サイズ */
	font-size: 0.6rem;
	line-height: 1.4rem;
	letter-spacing: 0.1rem;
	padding-top: 1rem;
	padding-left: 0.4rem;
}
.txt-size-ss {/* 極小の文字サイズ */
	font-size: 0.70rem;
	line-height: 1.4rem;
	letter-spacing: 0.1rem;
	padding-top: 1rem;
	padding-left: 0.4rem;

}
.txt-size-s {/* 小の文字サイズ */
	font-size: 0.8rem;
	line-height: 1.6rem;
	padding-top: 1rem;
	padding-left: 0.4rem;

}
.txt-size-m {/* 中の文字サイズ */
	font-size: 0.96rem;
	line-height: 1.8rem;
	letter-spacing: 0.12rem;
	padding-top: 0.8rem;
	padding-left: 0.4rem;
	
}
.txt-size-l {/* 大の文字サイズ */
	font-size: 1.05rem;
	line-height: 2.1rem;
	letter-spacing: 0.3rem;
	padding-top: 0.8rem;
	padding-left: 0.4rem;
}
.txt-size-ll {/* 大の文字サイズ */
	font-size: 1.3rem;
	line-height: 2.0rem;
	letter-spacing: 0.3rem;
	padding-top: 0.8rem;
	padding-left: 0.4rem;
	font-weight: bold;
}
.txt-spac {/* 字間を広げる */
	letter-spacing: 0.15rem;
}
.txt-li {/* リスト項目 */
	line-height: 1.8rem;
	text-indent: 0rem;
	padding-left: 1.5rem;
	list-style-type: disc;
}
.ol-li {/* 数字リスト項目 */
	line-height: 1.8rem;
	text-indent: -1rem;
	padding-left: 1rem;
	margin-bottom: 1.2rem;
}
.mi {/* 冒頭にスペース */
	text-indent: 1rem;
}
.mt {/* 2行目からスペース */
	line-height: 1.8rem;
	text-indent: -1rem;
	padding-left: 1rem;
}
.txt-red {
	color: #D85745;
}
.txt-orange {
	color: #D4A751;
}
.txt-blue {
	color: #4C92AB;
}
.txt-white {
	color: #FFFFFF;
}
.txt-gray {
	color: #B3B3B3;
}
.txt-bold {
	font-weight: bold;
}
blockquote {/* 引用文*/
	font-style: italic;
	color: #848484;
}

.lato {font-family: 'Lato', sans-serif;}

section .in {width: 1000px;margin: 0 auto 0;}
@media screen and (max-width: 767px) {
	section .in {width: 100%;margin: 0 auto 0;}
}
.wrap {max-width: 1920px; margin: 0 auto 0;position: relative;overflow: hidden;z-index: 0;}

header {width: 100%;position: fixed;left: 0;top:0;z-index: 100;}
header .in {width: 100%;max-width: 1920px; margin: 0 auto;height: auto;aspect-ratio: 1280 / 60;box-sizing: border-box; padding: 1.0% 7% 0.52% 2%;display: flex;justify-content: space-between;align-items: center;background-color: rgba(0,0,0,1.00);}
.home header .in {;background-color: rgba(0,0,0,0.50);}
header .in h1.h_logo {width: 10.0%;max-width: 200px; height: auto;margin: 0;padding: 0;}
/*header .in h1.h_logo img {filter:drop-shadow(3px 3px 3px #000);}*/
header .in .h_nav {width: 76%;max-width: 1000px;}
header .in .h_nav ul {width: 100%;display: flex;justify-content: space-between;}
header .in .h_nav ul li {display: inline-block;}
header .in .h_nav ul li a {display: block;font-size: clamp(13px,1.3vw,16px);letter-spacing: 0.15em; font-weight: 300;color: #FFF;text-decoration: none;position: relative;}
header .in .h_nav ul li a:after {content: '';width: 0%;height: 1px;background-color: #FFF;position: absolute;left: 0;bottom: -3px;transition: .5s all;}
header .in .h_nav ul li a:hover:after {width: 100%;}
@media screen and (max-width: 767px) {
.wrap {max-width: 100%;margin: 0 auto 0;overflow: hidden;z-index: 1;}
	header .in {width: 100%;box-sizing: border-box; padding:3% 5% 3%;background-color: rgba(0,0,0,1.00)}
	header .in h1.h_logo {width: 25%;height: auto;margin: 0;padding: 0;}
	header .in h1.h_logo img {filter:drop-shadow(2px 2px 2px #000);}
	header .in .h_nav {display: none;}
}


/* =========================================================
============================================================
============================================================
  MV
============================================================
============================================================
========================================================= */
.mv {width: 100%; height: auto;margin: 0 auto;position: relative;z-index: 10;}
.mv .in {width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.mv .in .mv_txt {width: 33.4%;position: absolute;top:25.26%;left:33.3%;display: flex;justify-content: space-between;}
.mv .in .mv_txt .mv_txt01 {width: 7.59%;}
.mv .in .mv_txt .mv_txt02 {width: 7.59%;padding-left: 10%;}
.mv .in .mv_txt .mv_txt03 {width: 7.59%;padding-right: 10%;color: inherit}
.mv .in .mv_txt .mv_txt04 {width: 7.59%;}
.mv .news_picup {width: 460px;height: 106px;box-sizing: border-box;padding-left:20px;background-color: #282828;position: absolute;left: 80px;bottom: 72px;border-radius: 0 10px 10px 0;}
.mv .news_picup:before {content: '';position: absolute;width: 80px;height: 106px;background: repeating-linear-gradient(90deg, #282828, #282828 4px, rgba(0,0,0,0) 8px, rgba(0,0,0,0) 12px);left: -80px;;}
.mv .news_picup a {width: 100%;display: flex;justify-content: flex-start;text-decoration: none;}
.mv .news_picup a .ph {width: 147px;height: 100%;overflow: hidden;}
.mv .news_picup a .ph img {width: 100%;height: 106px;object-fit: cover;overflow: hidden;}
.mv .news_picup a .txt_box {width: calc(100% - 160px);box-sizing: border-box;;display: flex;flex-wrap: wrap;padding: 5px 16px; justify-content: flex-start;align-items: center;}
.mv .news_picup a .txt_box .txt {font-size: clamp(12px,1.2vw,14px);font-weight: 300;color: #FFF;text-decoration: none;line-height: 1.66;}
.mv .news_picup a .txt_box .date {font-size: clamp(11px,1.1vw,15px);font-weight: 300;color: #FFF;text-decoration: none;}


@media screen and (max-width: 767px) {
	.mv {width: 100%;height: auto;position: relative;padding-bottom: 0;}
	.mv .in {width: 100%;height: 100%;position: absolute;}
	.mv .in .mv_txt {width: 60%;position: absolute;top:20%;left:20%;display: flex;justify-content: space-between;}
	.mv .in .mv_txt .mv_txt01 {width: 12%;}
	.mv .in .mv_txt .mv_txt02 {width: 12%;padding-left: 15%;}
	.mv .in .mv_txt .mv_txt03 {width: 12%;padding-right: 15%;}
	.mv .in .mv_txt .mv_txt04 {width: 12%;}
.mv .news_picup {width: 100%;height: 70px;box-sizing: border-box;padding-left:5%;background-color: #282828;position: absolute;left: 0px;bottom: 2%;border-radius: 0 0 0 0;}
.mv .news_picup:before {content: none;}
.mv .news_picup a {width: 100%;display: flex;justify-content: flex-start;text-decoration: none;}
.mv .news_picup a .ph {width: 88px;height: 100%;overflow: hidden;}
.mv .news_picup a .ph img {width: 100%;height: 70px;object-fit: cover;overflow: hidden;}
.mv .news_picup a .txt_box {width: calc(100% - 88px);box-sizing: border-box;;display: flex;flex-wrap: wrap;padding: 5px 16px; justify-content: flex-start;align-items: center;}
}


/* =========================================================
============================================================
============================================================
  sec02
============================================================
============================================================
========================================================= */
.sec02 {position: relative;z-index: 1;margin: 0 auto;background-color: #FFF;}
.sec02 .bk {position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.sec02 .bk img {margin-top: 0;}
.sec02 .banner_area {width: 83.125%;height: auto;margin: 0 auto 0;display: flex;justify-content: center;position: relative;}
.sec02 .banner_area .ph {width: 25%;}
.sec02 .banner_area .ph:nth-child(1) {margin-top: 27.1%;}
.sec02 .banner_area .ph:nth-child(2) {margin-top: 20.5%;}
.sec02 .banner_area .ph:nth-child(3) {margin-top: 14%;}
.sec02 .banner_area .ph:nth-child(4) {margin-top: 7.7%;}
.sec02 .txt_area {width:32%;max-width:450px;margin: 0 auto 0;position: relative;padding: 10% 0 10%;}
.sec02 .txt_area .txt_tro {position: absolute;width: 10.6%;height: auto;right: -37%;top:0%;}
.sec02 .txt_area .sec02_txt01 {width: 100%;margin: 0 auto 10%;font-size: clamp(24px,2.6vw,36px);font-weight: 500;text-align: center;letter-spacing: 0.16em;line-height: 1.4;}
.sec02 .txt_area .sec02_txt02 {width: 100%;margin: 0 auto 10%;font-size: clamp(12px,1.3vw,18px);font-weight: 300;text-align: center;letter-spacing: 0.16em;line-height: 1.8;}
.sec02 .txt_area .txt_tro_s {position: absolute;width: 9%;height: auto;left: -45%;bottom: 10%;}

@media screen and (max-width: 767px) {
.sec02 .bk {position: relative;width: 100%;height: auto;left: 0;top:0;margin-top: -12.5%;}
.sec02 .banner_area {width: 100%;height: auto;margin: 0 auto 0;display: block;}
.sec02 .banner_area .ph {width: 100%;}
.sec02 .banner_area .ph:nth-child(1) {margin-top: -22.5%;}
.sec02 .banner_area .ph:nth-child(2) {margin-top: -18%;}
.sec02 .txt_area {width:100%;max-width: 100%; aspect-ratio: 746 / 1064;margin: -21% auto -21%;position: relative;box-sizing: border-box; padding: 55% 0 0%;background-image: url("../img/sec02_txt_area_bk.png");background-size: cover;z-index: -1;}
.sec02 .txt_area .txt_tro {position: absolute;width: 15.6%;height: auto;right: 30%;top:12%;}
	.sec02 .txt_area .sec02_txt02 {font-size: 3.0vw;}
}


/* =========================================================
============================================================
============================================================
  sec03
============================================================
============================================================
========================================================= */
.sec03 {padding: 10% 0 0;margin: 0 auto;}
.sec03 .in {width: 76.4%; margin: 0 auto 0;}
.sec03 .in img {margin-bottom: 5%}
.sec03 .in .btn {width: 36.8%;height: auto;aspect-ratio: 360 / 57; margin: 0 11.4% 0 auto;}
.sec03 .in .btn a {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;font-size: clamp(14px,1.6vw,25px);font-weight: 300;letter-spacing: 0.05em; color: #FFF;background-color: #cf382e;}
.sec03 .in .btn a img {display: block;}
.sec03 .in .btn a:hover img {display: block;opacity: 0.7;}

@media screen and (max-width: 767px) {
	.sec03 {position: relative;z-index: 1;}
.sec03 .in {width:90%;margin: 0 auto 0;}
.sec03 .in .btn {width: 80%;margin: 0 auto 0 auto;}
}

/* =========================================================
============================================================
============================================================
 sec04
============================================================
============================================================
========================================================= */
.sec04 {position: relative;margin: 0 auto;}
.sec04 .bk {width: 100%;height:auto;}
.sec04 .in {position: absolute;width: 82.8%;height: 100%;left: 8.6%;top:0;box-sizing: border-box;padding: 10% 0 0;}
.sec04 .in .tit_area {width: 92.4%;margin: 0 auto 0;position: relative;}
.sec04 .in .tit_area .tit_rem {width: 36.8%;height: auto;aspect-ratio: 360 / 57;margin: 8% 0 3% auto;background-color: #b18852;color: #FFF;display: flex;justify-content: center;align-items: center;font-size: clamp(14px,1.6vw,25px);font-weight: 300;letter-spacing: 0.05em;}
.sec04 .in .tit_area .sec04_tit {width: 80%;margin: 0 auto 5%;}
.sec04 .in .col {width: 92.4%;margin: 0 auto 0%;}
.sec04 .in .col.second {width: 85.1%;padding: 0 14.9% 0 0;margin-bottom: 2%;}
.sec04 .in .col.last {width: 72.87%;margin: 0 auto 0 11.3%;}
.sec04 .in .col.last .mp4_mov {margin-left: 11%; width: 89%;height: auto;}
.sec04 .in .col.last .mp4_mov .video {width: 100%;height: auto;}
.sec04 .in .col.last .txt_area {position: relative;padding: 2% 0 0;display: flex;justify-content: space-between;}
.sec04 .in .col.last .txt_area .sec04_img03 {width: 40%;}
.sec04 .in .col.last .txt_area .sec04_img03 .sec04_img03_01 {width: 65%;aspect-ratio: 204 / 57;margin-right: 35%;margin-bottom: 5%;background-color: #b18852;color: #FFF;display: flex;justify-content: center;align-items: center;font-size: clamp(14px,1.6vw,25px);font-weight: 300;letter-spacing: 0.05em;}
.sec04 .in .col.last .txt_area .sec04_img03 .sec04_img03_02 {width: 65%;aspect-ratio: 204 / 57;margin-left: 35%;background-color: #b18852;color: #FFF;display: flex;justify-content: center;align-items: center;font-size: clamp(14px,1.6vw,25px);font-weight: 300;letter-spacing: 0.05em;}
.sec04 .in .col.last .txt_area .sec04_img03 img {}
.sec04 .in .col.last .txt_area .price {font-size: 11px;font-weight: 500;color:#000;letter-spacing: 0.15em;}
.sec04 .in .col.last .txt_area .price span {font-size: 15px;}

@media screen and (max-width: 767px) {
.sec04 .bk {width: 100%;height:auto;}
.sec04 .in {position: absolute;width: 100%;height: 100%;left: 0%;top:0;box-sizing: border-box;padding: 20% 0 0;}
.sec04 .in .col {width: 100%;margin: 0 auto 8%;}
.sec04 .in .col.second {width: 100%;padding: 0 0 0 0;margin-bottom: 8%;}
.sec04 .in .col.last {width: 100%;margin: 0 auto 0 auto;}
.sec04 .in .col.last .mp4_mov {margin-left: auto;margin-right: auto; width: 90%;height: auto;}
.sec04 .in .col.last .mp4_mov .video {width: 100%;height: auto;}
.sec04 .in .col.last .txt_area {width: 90%;margin: 0 auto;position: relative;padding: 2% 0 0;display: flex;justify-content: space-between;align-items: center;}
.sec04 .in .col.last .txt_area .sec04_img03 {width: 40%;}
.sec04 .in .col.last .txt_area .sec04_img03 .sec04_img03_01 {width: 65%;aspect-ratio: 204 / 57;margin-right: 35%;margin-bottom: 0%;background-color: #b18852;color: #FFF;display: flex;justify-content: center;align-items: center;font-size:2.8vw;font-weight: 300;letter-spacing: 0.05em;}
.sec04 .in .col.last .txt_area .sec04_img03 .sec04_img03_02 {width: 65%;aspect-ratio: 204 / 57;margin-left: 35%;background-color: #b18852;color: #FFF;display: flex;justify-content: center;align-items: center;font-size:2.8vw;font-weight: 300;letter-spacing: 0.05em;}
.sec04 .in .col.last .txt_area .price {font-size: 3.0vw;font-weight: 700;color:#000;letter-spacing: 0.15em;line-height: 1.66;}
.sec04 .in .col.last .txt_area .price span {font-size: 3.8vw;}
}


/* =========================================================
============================================================
============================================================
 sec05
============================================================
============================================================
========================================================= */
.sec05 {position: relative;z-index: 1;margin: 0 auto;}
.sec05 .bk {width: 100%;height: auto;}
.sec05 .bk img {margin-top: -20%;}
.sec05 .in {position: absolute;width: 84%;height: 100%;left: 8.0%;top:0;box-sizing: border-box;padding: 6% 0 0;}
.sec05 .in .sec05_tit {width: 65.68%;margin: 0 auto 5%;position: relative;}
.sec05 .in .sec05_txt {width: 17.7%;margin: 0 auto 8%;}
.sec05 .in .sec05_ico {width: 13.3%;position: absolute;right: 13%;top:17%;}
.sec05 .in .sec05_img {width: 75.75%;margin: 0 6.6% 0 auto;}


/* =========================================================
============================================================
============================================================
 sec06
============================================================
============================================================
========================================================= */
.sec06 {position: relative;z-index: 1;margin: 0 auto;}
.sec06 .bk {width: 100%;height:auto;}
.sec06 .bk img {margin-top: -40%;}
.sec06 .sec06_img {position: absolute;width: 100%;height: auto;top:20%;left: 0;}
.sec06 .sec06_img img {margin-top: -27%;}
.sec06 .sec06_bk_img {position: absolute;width:100%;height:auto;left: 0%;bottom: 13.0%;}
.sec06 .sec06_tit {position: absolute;width: 100%;top:33%;left: 0;z-index: 5;}
.sec06 .sec06_img2 {position: absolute;width: 41.6%;bottom:3%;right: 5%;z-index: 6;}

@media screen and (max-width: 767px) {
.sec06 {position: relative;z-index:auto;}
.sec06 .bk {width: 100%;height:auto;position: relative;z-index: -2;}
.sec06 .bk img {margin-top: -45%;}
.sec06 .sec06_img {position: absolute;width: 100%;height: auto;top:8%;left:0;z-index: 11;}
.sec06 .sec06_img img {margin-top: 0%;}
.sec06 .sec06_tit {position: absolute;width: 100%;top:43%;left: 0;z-index: 5;}
.sec06 .sec06_img2 {position: absolute;width: 100%;bottom:3%;right: 0%;z-index: 6;}
}


/* =========================================================
============================================================
============================================================
 sec07
============================================================
============================================================
========================================================= */
.sec07 {position: relative;z-index: 1;margin: 0 auto;margin-top: -11%;}
.sec07 .bk {width: 100%;height:auto;}
.sec07 .bk img {}
.sec07 .sec07_tit {position: absolute;width: 33.6%;top:21%;left: 33.2%;z-index: 5;}
.sec07 .sec07_tit img {opacity: 0.5;}
.sec07 .sec07_ico {position: absolute;width: 7.8%;top:36%;left: 46.1%;z-index: 5;}
.sec07 .sec07_img {position: absolute;width: 20%;top:36%;right: 17%;}
.sec07 .sec07_img .product_name {color: #FFF; text-align: center; font-size: clamp(9px,1.0vw,11px);font-weight: 300;letter-spacing: 0.05em;margin-top: 5%;}
.sec07 .sec07_img .product_price {width: 65%;height: auto;padding: 10px;margin: 8% auto 0;background-color: #FFF;display: block;text-align: right;font-size: clamp(12px,1.3vw,15px);font-weight: 500;}
.sec07 .sec07_img .product_price .left_txt {font-size: clamp(9px,1.0vw,11px);text-align: left;line-height: 1.6;}

@media screen and (max-width: 767px) {
.sec07 {position: relative;z-index: 1;margin-top: -14%;}
.sec07 .sec07_tit {position: absolute;width: 48%;top:14%;left: 26%;z-index: 5;}
.sec07 .sec07_ico {position: absolute;width: 14.4%;top:36%;left: 43.3%;z-index: 5;}
.sec07 .sec07_img {position: absolute;width: 34%;top:36%;right: 5%;}
.sec07 .sec07_img .product_name {display: none;}
.sec07 .sec07_img .product_price {width: 100%;height: auto;padding:0;margin: 8% auto 0;background-color:inherit;display: block;text-align: right;font-size: clamp(12px,1.3vw,15px);font-weight: 500;color: #FFF;}
.sec07 .sec07_img .product_price .left_txt {font-size: clamp(9px,1.0vw,11px);text-align: left;line-height: 1.6;}
}


/* =========================================================
============================================================
============================================================
 sec08
============================================================
============================================================
========================================================= */
.sec08 {position: relative;z-index: 1;margin: 0 auto;}
.sec08 .bk {width: 100%;height:auto;}
.sec08 .bk img {margin-top: -20%;}
.sec08 .bk2 {width: 100%;height:auto;}
.sec08 .bk2 img {margin-top: -13.7%;}
.sec08 .parfait_area {width: 100%;/*max-width: 1280px;*/ position: absolute;left: 50%;transform: translate(-50%,0);top:15%;}
.sec08 .parfait_area .parfait_tit {width: 35.04%;margin: 0 auto 0;}
.sec08 .parfait_area .parfait_tit img {opacity: 0.5;}
.sec08 .parfait_area .parfait_ico {position:absolute;width: 7.8%;top:150%;left: 46.1%;}
.sec08 .parfait_area .parfait_img01 {position:absolute;width: 20%;top:-180%;left: 5%;}
.sec08 .parfait_area .parfait_img02 {position:absolute;width: 20%;top:150%;left: 18%;}
.sec08 .parfait_area .parfait_img03 {position:absolute;width: 20%;top:150%;right: 18%;}
.sec08 .eatin_area {width: 100%;/*max-width: 1280px;*/ position: absolute;left: 50%;transform: translate(-50%,0);bottom:25%;}
.sec08 .eatin_area .eatin_tit {width: 22.13%;margin: 0 auto 0;}
.sec08 .eatin_area .eatin_tit img {opacity: 0.5;}
.sec08 .eatin_area .eatin_tit .ico_limited_time {width: 29.505%;margin: 10% auto 0;}
.sec08 .eatin_area .eatin_tit .ico_limited_time img {opacity: 1;}
.sec08 .eatin_area .eatin_ico {position:absolute;width: 7.8%;top:-160%;left: 46.1%;}
.sec08 .eatin_area .eatin_img01 {position:absolute;width: 31.25%;top:-90%;left: 5%;}
.sec08 .eatin_area .eatin_img01 img {width: 90.5%;margin-right: 12.31%;}
.sec08 .eatin_area .eatin_img02 {position:absolute;width: 28.28%;top:-90%;right: 5%;}
.product_name {text-align: center; font-size: clamp(9px,1.4vw,14px);font-weight: 300;letter-spacing: 0.05em;margin-top: 5%;}
.product_name span {font-size: clamp(12px,1.6vw,16px);}
.product_price {width: 197px;height: 60px;margin: 8% auto 0;background-color: #FFF;display: flex;justify-content: center;align-items: center;font-size: clamp(12px,1.3vw,15px);font-weight: 500;}
.product_description {font-size: clamp(9px,1.1vw,12px);font-weight: 300;letter-spacing: 0.05em;line-height: 1.6;display: inline-block;margin-left: 50%;transform: translate(-50%,0);white-space: nowrap;margin-top: 5%;}
.product_price span {font-size: clamp(9px,1.1vw,12px);}
.remark {text-align: center;font-size:clamp(10px,1.0vw,12px);font-weight: 500; color: rgba(223,0,3,1.00);padding: 1rem 0 0;line-height: 1.6;}
.remark span {font-size:clamp(12px,1.3vw,15px);display: block;}

@media screen and (max-width: 767px) {
.sec08 {z-index: -1;background-color: #f1f1f1;}
.sec08 .bk img {margin-top: -9%;}
.sec08 .bk2 img {margin-top: -15.5%;}
.sec08 .parfait_area {width: 100%;position: absolute;left: 0;top:4%;transform: translate(0%,0);}
.sec08 .parfait_area .parfait_tit {width: 50%;margin: 0 auto 0;}
.sec08 .parfait_area .parfait_ico {position:absolute;width: 14.4%;top:150%;left: 43.3%;}
.sec08 .parfait_area .parfait_img01 {position:absolute;width: 90%;top:130%;left: 5%;}
.sec08 .eatin_area {width: 100%;position: absolute;left: 0;bottom:auto;top:37%;transform: translate(0%,0);}
.sec08 .eatin_area .eatin_tit {width: 48%;margin: 0 auto 3%;}
.sec08 .eatin_area .eatin_tit img {opacity: 1.0;}
.sec08 .eatin_area .eatin_img01 {position:relative;width: 100%;top:inherit;left: 0%;margin-bottom: 3%;}
.sec08 .eatin_area .eatin_img01 img {width: 100%;margin-right: 0%;}
.sec08 .eatin_area .eatin_img02 {position:relative;width: 100%;top:auto;right:0%;}
	.product_description {display: none;}
	.product_price {display: none;}
.remark span {display: inline-block;}
}


/* =========================================================
============================================================
============================================================
  NEWS
============================================================
============================================================
========================================================= */
.news {position: relative;width: 100%;margin: 0 auto;padding: 20% 0 17%; background-image:url("../img/news_bk.png");background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;background-color: #f1f1f1;margin-top: -30%;}
.news .news_tit {width: 100%;text-align: center; margin: 0 auto 10%;font-size: clamp(24px,1.8vw,30px);font-weight: 500;}
.news .news_tit span {font-size: clamp(13px,1.4vw,16px);font-weight: 300;display: block;padding-top: 1%;}
.news .in {width: 65.5%;margin: 0 auto 3%;display: flex;flex-wrap: wrap; justify-content: space-between;max-width: 1080px;}
.news .in .news_col {width: 28.5%;margin-bottom: 10%;}
.news .in .news_col a {text-decoration: none;}
.news .in .news_col .cat_name {width: 32.35%;aspect-ratio: 77 / 17;background-size: 100% auto;background-position: left bottom;background-repeat: no-repeat;}
.news .in .news_col .cat_name.new_menu {background-image: url("../img/ico_new_menu.png");}
.news .in .news_col .cat_name.news_category {background-image: url("../img/ico_news.png");}
.news .in .news_col .cat_name.pop_up {background-image: url("../img/ico_popup.png");}
.news .in .news_col .cat_name.no_cat {background-image: url("../img/ico_nocat.png");}
.news .in .news_col .ph {width: 100%;aspect-ratio: 478 / 370;overflow: hidden;margin-bottom: 3%;}
.news .in .news_col .ph img {width: 100%;height: auto;object-fit: cover;}
.news .in .news_col a .txt {color: #000;font-size: clamp(14px,1.4vw,18px);line-height: 1.66;margin-bottom: 3%;}
.news .in .news_col a .date {color: #000;font-size:clamp(12px,1.2vw,14px);font-weight: 700;}
.news .btn_area {}
.news .btn_area .btn_more {width: 197px;aspect-ratio: 197 / 60;margin:0 auto 0;}
.news .btn_area .btn_more a {text-decoration: none;width: 100%;height: 100%;background-color: #e9cf96;display: flex;justify-content: center;align-items: center;font-size: clamp(12px,1.3vw,15px);letter-spacing: 0.05em;transition: all 0.5s;color: #000;}
.news .btn_area .btn_more a:hover {background-color: #b18852;color: #FFF;}

@media screen and (max-width: 767px) {
.news {position: relative;z-index: -3;width: 100%;padding: 25% 0 30%;background-image:url("../img/news_bk_sp.png");background-color: inherit;margin-top: -25%;}
.news .news_tit {margin: 0 auto 10%;font-size: 6.4vw;}
.news .news_tit span {font-size:4vw;}
.news .in {width: 90%;margin: 0 auto 3%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.news .in .news_col {width: 47.5%;margin-bottom: 10%;}
.news .in .news_col a .txt {color: #000;font-size: 3.4vw;line-height: 1.66;margin-bottom: 3%;}
.news .in .news_col a .date {color: #000;font-size: 3.0vw;font-weight: 700;}
.news .btn_area .btn_more {width: 50%;margin:0 auto 0;}
}

/*archive*/
.p_header {}
.p_header.archive-news {width: 100%;height: auto;box-sizing: border-box;padding:0;aspect-ratio: 2560 / 420;background-image: url("../img/archive_news_header.png");background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;position: relative;}
.p_header.archive-news .news_h_tit {position: absolute;width: 11.5%;max-width: 147px; left: 50%;top:60%;transform: translate(-50%,0%);font-size: clamp(24px,2.4vw,30px);font-weight: 500;letter-spacing: 0.05em;text-align: center; }
.p_header.archive-news .news_h_tit span {font-size: clamp(13px,1.4vw,16px);font-weight: 300;display: block;padding-top: 5%;}
.p_header.archive-news .news_h_tit img {}
.content-area {}
.content-area .site-content {padding: 10% 0 20%;}
.content-area .site-content .news_o {width: 73.75%;max-width: 944px; margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.content-area .site-content .news_o .news_col {width: 41%;margin-bottom: 8%;}
.content-area .site-content .news_o .news_col a {text-decoration: none;}
.content-area .site-content .news_o .news_col a .cat_name {}
.content-area .site-content .news_o .news_col a .cat_name {width: 32.35%;aspect-ratio: 77 / 17;background-size: 100% auto;background-position: left bottom;background-repeat: no-repeat;}
.content-area .site-content .news_o .news_col a .cat_name.new_menu {background-image: url("../img/ico_new_menu.png");}
.content-area .site-content .news_o .news_col a .cat_name.news_category {background-image: url("../img/ico_news.png");}
.content-area .site-content .news_o .news_col a .cat_name.pop_up {background-image: url("../img/ico_popup.png");}
.content-area .site-content .news_o .news_col a .cat_name.no_cat {background-image: url("../img/ico_nocat.png");}
.content-area .site-content .news_o .news_col a .ph {width: 100%;aspect-ratio: 478 / 370;overflow: hidden;margin-bottom: 3%;}
.content-area .site-content .news_o .news_col a .title {color: #000;font-size: clamp(16px,2.0vw,30px);font-weight: 300;line-height: 1.66;margin-bottom: 3%;}
.content-area .site-content .news_o .news_col a .date {color: #000;font-size: clamp(12px,1.2vw,14px);font-weight: 500;margin-bottom: 5%;}
.content-area .site-content .news_o .news_col a .txt {color: #000;font-size: clamp(12px,1.3vw,15px);font-weight: 300;line-height: 1.66;}

/*single*/
.news_single {width: 55%;margin: 0 auto 0%;}
.news_single .entry-header {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 3%;}
.news_single .entry-header .date {color: #000;font-size: 1.3vw;font-weight: 300;margin-right: 2%;}
.news_single .entry-header .cat_name {width: 16%;aspect-ratio: 77 / 17;background-size: 100% auto;background-position: left bottom;background-repeat: no-repeat;}
.news_single .entry-header .cat_name.new_menu {background-image: url("../img/ico_new_menu.png");}
.news_single .entry-header .cat_name.news_category {background-image: url("../img/ico_news.png");}
.news_single .entry-header .cat_name.pop_up {background-image: url("../img/ico_popup.png");}
.news_single .entry-header .cat_name.no_cat {background-image: url("../img/ico_nocat.png");}
.news_single h2.entry-title {color: #cf382e;font-size: clamp(23px,2.3vw,35px);font-weight: 300; line-height: 1.66;margin-bottom: 3%;}
.news_single .in {color: #000;font-size: clamp(12px,1.4vw,14px);font-weight: 300;line-height: 1.66;margin-bottom: 10%;}
.news_single .in p {}

@media screen and (max-width: 767px) {
	.p_header.archive-news {margin-top: 13.65%;aspect-ratio: 2560 / 420;}
.p_header.archive-news .news_h_tit {position: absolute;width: 100%;left: 50%;top:50%;transform: translate(-50%,-50%);font-size: 5.6vw;}
.content-area .site-content {padding: 10% 0 4%;}
.content-area .site-content .news_o {width: 90%;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.content-area .site-content .news_o .news_col {width: 47.5%;margin-bottom: 8%;}
.content-area .site-content .news_o .news_col a .cat_name {width: 50%;aspect-ratio: 77 / 17;background-size: 100% auto;background-position: left bottom;background-repeat: no-repeat;}
.content-area .site-content .news_o .news_col a .title {color: #000;font-size: 3.6vw;line-height: 1.66;margin-bottom: 3%;}
.content-area .site-content .news_o .news_col a .date {color: #000;font-size: 3.0vw;margin-bottom: 3%;}
.content-area .site-content .news_o .news_col a .txt {color: #000;font-size: 3.0vw;line-height: 1.66;}
.news_single {width: 90%;margin: 0 auto 0%;}
.news_single .entry-header .date {color: #000;font-size: 3.2vw;margin-right: 2%;}
.news_single h2.entry-title {color: #cf382e;font-size: 4.4vw; line-height: 1.66;margin-bottom: 3%;}
.news_single .in {color: #000;font-size: 4.0vw;line-height: 1.66;margin-bottom: 10%;}
}



/* =========================================================
============================================================
============================================================
  Shop
============================================================
============================================================
========================================================= */
.shop {width: 100%;height: auto;}
.shop .shop_tit {width: 100%;text-align: center; margin: 0 auto 3%;font-size: clamp(24px,1.8vw,30px);font-weight: 500;}
.shop .shop_tit span {font-size: clamp(13px,1.4vw,16px);font-weight: 300;display: block;padding-top: 1%;}
.shop .in {width: 65.5%;max-width: 1080px; margin: 0 auto 5%;display: flex;justify-content: center;}
.shop .in .shop_col {width: 29%;margin: 0 3% 5% 3%;}
.shop .in .shop_col:nth-child(3n) {margin-right: 0;}
.shop .in .shop_col .ph {width: 100%;height: auto;aspect-ratio: 240 / 150;object-fit: cover;overflow: hidden;margin-bottom: 3%;}
.shop .in .shop_col .name {color: #000;font-size: clamp(14px,1.4vw,18px);line-height: 1.66;margin-bottom: 3%;}
.shop .in .shop_col .txt {color: #000;font-size:  clamp(12px,1.2vw,14px);line-height: 1.66;margin-bottom: 3%;}
.shop .in .shop_col .sns {display: flex;justify-content: flex-end;align-items: center;margin-top: -15%;}
.shop .in .shop_col .sns a {width: 7%;margin-left: 5%;}
.shop .btn_area {}
.shop .btn_area .btn_more {width: 23.125%;max-width: 296px; margin: 0 auto 0;}
.shop .btn_area .btn_more a {}
.shop .btn_area .btn_more a img {}

@media screen and (max-width: 767px) {
.shop {width: 100%;height: auto;padding: 2% 0 0;}
.shop .shop_tit {margin: 0 auto 5%;font-size: 6.4vw;}
	.shop .shop_tit span {font-size:4.0vw;}
.shop .in {width: 90%;margin: 0 auto 5%;}
.shop .in .shop_col {width: 47.5%;margin: 0 0% 5% 0;}
.shop .in .shop_col .name {color: #000;font-size: 3.4vw;line-height: 1.66;margin-bottom: 3%;}
.shop .in .shop_col .txt {color: #000;font-size: 3.2vw;line-height: 1.66;margin-bottom: 3%;}
.shop .in .shop_col .sns {display: flex;justify-content: flex-end;align-items: center;margin-top: 0%;}
.shop .in .shop_col .sns a {width: 10%;margin-left: 8%;}
.shop .btn_area .btn_more {width: 50%;margin: 0 auto 0;}
}



/* =========================================================
============================================================
============================================================
  Franchise
============================================================
============================================================
========================================================= */
.franchise {width: 100%;margin: 0 auto;height: auto;box-sizing: border-box;padding: 12% 0 0; aspect-ratio: 1280 / 1019;background-image: url("../img/franchise_bk.png");background-size: 100% auto;background-repeat: no-repeat;}
.franchise .franchise_tit {width: 13.6%;max-width: 175px;margin: 0 auto 3%;}
.franchise .franchise_txt {width: 100%;text-align: center; margin: 0 auto 2%;font-size: clamp(22px,2.5vw,35px);font-weight: 500;line-height: 1.6;}
.franchise .franchise_rem {width: 34.22%;max-width: 480px;height: 40px;line-height: 40px;text-align: center; margin: 0 auto 3%;font-size: clamp(14px,1.6vw,20px);font-weight: 300;color: #FFF;background-color:#b18852;border-radius: 50px;margin-bottom: 3%; }
.franchise .in {width: 44.8%;max-width: 580px;margin: 0 auto 0;display: flex;justify-content: space-between;}
.franchise .in .btn_circle {width: 39%;aspect-ratio: 1 / 1;background-color: #FFF;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: clamp(18px,2.0vw,25px);font-weight: 300;text-align: center;line-height: 1.4;}
.franchise .in .btn_circle a {color: #000000;text-decoration: none;}

@media screen and (max-width: 767px) {
.franchise {width: 100%;height: auto;box-sizing: border-box;padding: 35% 0 0; aspect-ratio: 750 / 1340;background-image: url("../img/franchise_bk_sp.png");background-size: 100% auto;background-repeat: no-repeat;}
.franchise .franchise_tit {width: 67%;margin: 0 auto 8%;}
.franchise .franchise_txt {width: 90%;margin: 0 auto 10%;}
.franchise .franchise_rem {width: 92%;margin: 0 auto 10%}
.franchise .in {width: 90%;margin: 0 auto 0;display: flex;justify-content: space-between;}
.franchise .in .btn_circle {width: 47.5%;}
}



/* =========================================================
============================================================
============================================================
  Contact
============================================================
============================================================
========================================================= */
.contact_area {position: relative; width: 100%;margin: 0 auto;height: auto;box-sizing: border-box;padding: 30% 0 10%; aspect-ratio: 1280 / 1000;background-image: url("../img/contact_bk.png");background-size: 100% auto;background-repeat: no-repeat;background-position: center bottom;margin-top: -40%;z-index: -1;}
.contact_area .contact_tit {width: 11.64%;max-width: 150px; margin: 5% auto 5%;}
.contact_area .inner {width: 44.8%;max-width: 580px; margin: 0 auto 0%;display: flex;justify-content: space-between;}
.contact_area .inner .btn_circle {width: 39%;aspect-ratio: 1 / 1;background-color: #FFF;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: clamp(18px,2.0vw,25px);font-weight: 300;text-align: center;line-height: 1.4;}
.contact_area .inner .btn_circle a {color: #000000;text-decoration: none;}
.contact_area .inner .btn_circle a span {display: block;font-size: clamp(13px,1.5vw,17px);color:#cf382e; }


@media screen and (max-width: 767px) {
.contact_area {position: relative; width: 100%;height: auto;box-sizing: border-box;padding: 30% 0 0; aspect-ratio: 750 / 809;background-image: url("../img/contact_bk_sp.png");background-size: 100% auto;background-repeat: no-repeat;margin-top: -30%;margin-bottom: -30%;z-index: -1;display: block;}
.contact_area .contact_tit {width: 57.5%;margin: 0 auto 8%;}
.contact_area .inner {width: 90%;margin: 0 auto 0%;display: flex;justify-content: space-between;}
.contact_area .inner .btn_circle {width: 47.5%;}
}



/* =========================================================
============================================================
============================================================
  f_nav_area
============================================================
============================================================
========================================================= */
.f_nav_area {position: relative; width: 100%;margin: 0 auto;height: auto;box-sizing: border-box;padding: 18% 0 0; aspect-ratio: 1280 / 360;background-image: url("../img/f_nav_bk.png");background-size: 100% auto;background-repeat: no-repeat;background-position: center bottom;margin-top: -18%;}
.hone .f_nav_area {z-index: -3;}
.f_nav_area .in {width: 60.4%;max-width:900px;margin: 0 auto 0;display: flex;justify-content: space-between;}
.f_nav_area .in ul.f_ico_insta {width: 5%;}
.f_nav_area .in ul.f_ico_insta li {}
.f_nav_area .in ul.f_ico_insta li a {}
.f_nav_area .in ul.f_ico_insta li a img {}
.f_nav_area .in ul.f_nav {width: 89%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.f_nav_area .in ul.f_nav li {width: 25%;margin-bottom: 3%;}
.f_nav_area .in ul.f_nav li a {text-decoration: none;font-size: clamp(13px,1.3vw,16px);letter-spacing: 0.15em;font-weight: 500;color: #000;}

@media screen and (max-width: 767px) {
	.f_nav_area {display: none;margin: -100% 0 0;padding: 0;}
}



/* =========================================================
============================================================
============================================================
  SUMMARY
============================================================
============================================================
========================================================= */
.summary {}
.p_tit {font-size: clamp(24px,1.8vw,30px);font-weight: 500;letter-spacing: 0.05em;text-align: center;margin-bottom: 5%;}
.p_header {width: 100%; margin: 0 auto 0;margin-top:3.2%;}
@media screen and (min-width: 1920px) {
	.p_header {margin-top:90px;}
}
.content-area {}
.summary .content-area .site-content {padding: 0 0 20%;}
.summary .p_read {width: 100%;height: auto;aspect-ratio: 2560 / 720;background-image: url("../img/summary_p_read_bk.png");background-size: 100% auto;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
.summary .p_read .in {}
.summary .p_read .in p {font-size:clamp(14px,1.4vw,18px);line-height: 1.86;letter-spacing: 0.05em;text-align: center;margin-bottom: 1.5em;}
.summary .p_read .in p:last-child {margin-bottom: 0;}
.summary .wholesale {padding: 5% 0;}
#wholesale {padding-top: 120px; margin-top: calc(5% - 120px);}
.summary .wholesale .btn_wholesale {width: 34.2%;max-width:438px;height: 40px;border-radius: 20px;background-color:#cf382e;color: #FFF;font-size: clamp(14px,1.5vw,18px); margin: 0 auto 5%;}
.summary .wholesale .btn_wholesale a {color: #FFF;text-decoration: none;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;letter-spacing: 0.05em;}
.summary .wholesale .btn_wholesale a img {}
.summary .wholesale p {font-size:clamp(14px,1.4vw,18px);line-height: 1.86;letter-spacing: 0.05em;text-align: center;margin-bottom: 0;}
.summary .flow {background-color: rgba(239,220,179,0.20);padding: 6% 0;}
.sec_t {font-size:clamp(14px,1.4vw,18px);font-weight: 300;letter-spacing: 0.05em; text-align: center;margin-bottom: 5%;}
.col4 {max-width: 1080px;margin: 0 auto 4%;display: flex;justify-content: space-between;}
.col4 .col {width: 25%;}
.col4 .col .col_t {font-size:clamp(14px,1.4vw,18px);font-weight: 300;letter-spacing: 0.05em; text-align: center;margin-bottom: 5%;}
.col4 .col .ico {width: 81.487%;height: auto;margin: 0 auto 5%;}
.col4 .col .ico img {}
.col4 .col .txt {font-size:clamp(10px,1.1vw,11px);font-weight: 300;letter-spacing: 0.05em;line-height: 1.6; text-align: center;}
.summary .flow .flow_img {width: 84%;max-width:1075px;margin: 0 auto 5%;}
.summary .flow .flow_img img {}
.summary .flow p {font-size: clamp(10px,1.0vw,11.5px);font-weight: 300;color: #282828; line-height: 1.86;letter-spacing:0.025em;text-align: center;margin-bottom: 5%;}
.summary .flow .btn_contact {width: 34.2%;max-width:438px;height: 40px;border-radius: 20px;background-color:#b18852;color: #FFF;font-size: clamp(14px,1.5vw,18px); margin: 0 auto 0;}
.summary .flow .btn_contact a {color: #FFF;text-decoration: none;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;letter-spacing: 0.05em;}
.summary .p_franchise {padding: 5% 0;}
#p_franchise {padding-top:calc(5% + 80px);margin-top: -80px;}
.summary .p_franchise .p_franchise_tit {font-size: clamp(24px,1.8vw,30px);font-weight: 500;letter-spacing: 0.1em;text-align: center;margin-bottom: 5%;}
.summary .p_franchise .p_franchise_tit span {display: block;font-size: clamp(13px,1.4vw,16px);font-weight: 300;padding-top: 0.5%;}
.summary .p_franchise .txt_area {margin-bottom: 5%;}
.summary .p_franchise .txt_area p {font-size: clamp(14px,1.4vw,18px);line-height: 1.86;letter-spacing: 0.05em;text-align: center;margin-bottom: 1.5em;}
.summary .p_franchise .txt_area p:last-child {margin-bottom: 0;}
.summary .p_franchise .col2 {width: 36%;max-width: 461px; display: flex;justify-content: space-between;margin: 0 auto 0;}
.summary .p_franchise .col2 .col {width: 35.1%;aspect-ratio: 1 / 1;border-radius: 50%;background-color: #c7a983;color: #FFF;display: flex;justify-content: center;align-items: center;font-size: clamp(16px,1.5vw,20px);letter-spacing: 0.05em;}
.summary .p_franchise .col2 .col img {}
.summary .implementation {padding: 5% 0;background-color: rgba(239,220,179,0.20);}
.summary .implementation .implementation_img {width: 84%;max-width:1075px;margin: 0 auto 5%;}
.summary .implementation .implementation_img img {}
.summary .implementation .btn_contact {width: 34.2%;max-width:438px;height: 40px;border-radius: 20px;background-color:#b18852;color: #FFF;font-size: clamp(14px,1.5vw,18px); margin: 0 auto 0;}
.summary .implementation .btn_contact a {color: #FFF;text-decoration: none;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;letter-spacing: 0.05em;}

@media screen and (max-width: 767px) {
.p_header {width: 100%;margin: 0 auto 0;padding-top: 13.65%;}
.content-area {}
.p_tit {font-size:5.6vw;}
.summary .content-area .site-content {padding: 0 0 0%;}
.summary .p_read {width: 100%;height: auto;background-image:none;display:block;padding: 8% 5% 5%;box-sizing: border-box;position: relative;}
.summary .p_read:before {content: '';left: 0;top:0;position: absolute; width: 100%;height: auto;aspect-ratio: 750 / 1331;background-image: url("../img/summary_p_read_bk_sp.png");background-size: 100% auto;background-repeat: no-repeat;display:block;padding: 8% 5% 5%;box-sizing: border-box;z-index: -1}
.summary .p_read .in p {font-size: 3.2vw;line-height: 1.86;letter-spacing: 0.05em;text-align: center;margin-bottom: 1.5em;}
.summary .wholesale {padding: 0% 0 5%;}
#wholesale {padding-top: 70px; margin-top: calc(0% - 70px);}
.summary .wholesale .btn_wholesale {width: 90%;margin: 0 auto 5%;}
.summary .wholesale p {font-size: 3.2vw;line-height: 1.86;letter-spacing: 0.05em;text-align: center;margin-bottom: 0;}
.col4 {display: none;}
.summary .flow {background-color:#f9f2e3; padding: 0% 0 3%;}
.summary .flow .flow_img {width: 100%;margin: 0 auto 2%;background-color:#f9f2e3;}
.summary .flow p {font-size: 3.0vw;font-weight: 700;color: #282828; line-height: 1.66;letter-spacing:0;text-align: left;width: 90%; margin:0 auto 2%;}
.summary .flow .btn_contact {width: 90%;margin: 0 auto 5%;}
#p_franchise {padding-top:calc(5% + 60px);margin-top: -60px;}
.summary .p_franchise .p_franchise_tit {font-size:5.6vw;margin: 0 auto 5%;}
.summary .p_franchise .txt_area {margin-bottom: 5%;}
.summary .p_franchise .txt_area p {font-size: 3.2vw;line-height: 1.86;letter-spacing: 0.05em;text-align: center;margin-bottom: 1.5em;}
.summary .p_franchise .txt_area p:last-child {margin-bottom: 0;}
.summary .p_franchise .col2 {width: 90%;display: flex;justify-content: space-between;margin: 0 auto 0;}
.summary .p_franchise .col2 .col {width: 47.5%;}
.summary .p_franchise .col2 .col img {}
.summary .implementation {padding: 0% 0 8%;background-color: #f9f2e3;}
.summary .implementation .implementation_img {width: 100%;margin: 0 auto 5%;}
.summary .implementation .implementation_img img {}
.summary .implementation .btn_contact {width: 90%;margin: 0 auto 0;}
}



/* =========================================================
============================================================
============================================================
  SHOP
============================================================
============================================================
========================================================= */
.post-type-archive-shop .content-area .site-content {padding: 0 0 20%;}
.shop_o {padding: 5% 0;}
.shop_o .shop_col{width: 60%;max-width: 980px; margin:0 auto 8%;}
.shop_o .shop_col .name {font-size: clamp(24px, 1.8vw, 30px);font-weight: 500;letter-spacing: 0.05em;text-align: center;margin-bottom: 5%;color: #282828; line-height: 1.86;}
.shop_o .shop_col .col2 {width: 100%;margin: 0 auto 0;display: flex;justify-content: space-between;}
.shop_o .shop_col .col2 .l_col{width: 42.6%;}
.shop_o .shop_col .col2 .l_col .ph{margin-bottom: 3%;}
.shop_o .shop_col .col2 .l_col .txt{padding: 3%;box-sizing: border-box;width: 100%;border-left: solid 1px #000;font-size:clamp(12px,1.2vw,16px);line-height: 1.66;}
.shop_o .shop_col .col2 .r_col{width: 52.5%;}
.shop_o .shop_col .col2 .r_col .map{width: 100%;height: auto;aspect-ratio: 405 / 207;margin-bottom: 3%;}
.shop_o .shop_col .col2 .r_col .map iframe {width: 100%;height: 100%;}
.shop_o .shop_col .col2 .r_col .txt{padding: 3%;box-sizing: border-box;width: 100%;border-left: solid 1px #000;font-size:clamp(12px,1.2vw,16px);line-height: 1.88;}
.shop_o .shop_col .col2 .r_col .txt a {vertical-align: middle;}
.shop_o .shop_col .col2 .r_col .txt a img {width: 5%;height: auto; margin: 0 2% 0 0;}
.shop_o .shop_col .col2 .r_col .txt span {font-size:clamp(11px,1.1vw,14px);}

@media screen and (max-width: 767px) {
.shop_o .shop_col{width: 90%;margin:0 auto 8%;}
.shop_o .shop_col .name {font-size: 4.8vw;font-weight: 500;color: #282828; line-height: 1.86;letter-spacing:0.025em;margin-bottom: 2%;}
.shop_o .shop_col .col2 {width: 100%;margin: 0 auto 0;display:block;}
.shop_o .shop_col .col2 .l_col{width: 100%;margin-bottom: 5%;}
.shop_o .shop_col .col2 .l_col .txt{padding: 3%;box-sizing: border-box;width: 100%;border-left: solid 1px #000;font-size: 3.6vw;line-height: 1.66;}
.shop_o .shop_col .col2 .r_col{width: 100%;}
.shop_o .shop_col .col2 .r_col .txt{padding: 3%;box-sizing: border-box;width: 100%;border-left: solid 1px #000;font-size: 3.6vw;line-height: 1.66;}
}


/* =========================================================
============================================================
============================================================
  PRIVACY POLICY
============================================================
============================================================
========================================================= */
.policy {}
.policy .policy_box {}
.policy .policy_box .sec_tit {}
.policy .policy_box .sec_tit h2 {font-size: clamp(24px,2.4vw,30px);font-weight: 500;letter-spacing: 0.05em;text-align: center; }
.policy .policy_box .in {width: 1000px;margin: 0 auto 0;box-sizing: border-box;padding: 72px;color: #000;}
.policy .policy_box .in p.read {font-size: clamp(12px,1.2vw,16px);font-weight: 500;letter-spacing: 0.1em;line-height: 1.86;margin-bottom: 56px;}
.policy .policy_box .in h2 {font-size: clamp(18px,1.8vw,24px);line-height: 1.66;letter-spacing: 0.05em;margin-bottom: 16px;}
.policy .policy_box .in h2 span {display: inline-block;padding-bottom: 8px;border-bottom: solid 2px #121212;}
.policy .policy_box .in p {font-size: clamp(12px,1.2vw,16px);font-weight: 500;letter-spacing: 0.1em;line-height: 1.86;margin-bottom:48px;}
.policy .policy_box .in ol.num {counter-reset: listnum; /* カウンターをリセット */list-style: none; /* 標準のスタイルは消す */margin-bottom:48px;}
.policy .policy_box .in ol.num li {position: relative;font-size: clamp(12px,1.2vw,16px);font-weight: 500;letter-spacing: 0.1em;line-height: 1.86;padding-left: 1.5em;}
.policy .policy_box .in ol.num li:before {position: absolute;left: 0;top:0;counter-increment: listnum;content: counter(listnum)'.'; /* 半角スペースを入れて""の中にピリオドを追加 */padding-right: 16px;}
.policy .policy_box .in .auther {text-align: right;font-size: clamp(12px,1.2vw,16px);font-weight: 500;line-height: 1.86;}

@media screen and (max-width: 767px) {
	.policy .p_header {height: auto;}
	.policy .policy_box .sec_tit h2 {font-size: 5.6vw;font-weight: 500; text-align: center;}
	.policy .policy_box .in {width: 100%;margin: 0 auto 0;box-sizing: border-box;border-radius: 16px;background-color: #FFF;padding: 5%;}
	.policy .policy_box .in p.read {font-size: 3.6vw;margin-bottom: 7%;}
	.policy .policy_box .in h2 {font-size: 4.8vw;margin-bottom: 2%;}
	.policy .policy_box .in h2 span {padding-bottom: 1%;border-bottom: solid 2px #5d7782;}
	.policy .policy_box .in p {font-size: 3.6vw;margin-bottom:6%;}
	.policy .policy_box .in ol.num {margin-bottom:6%;}
	.policy .policy_box .in ol.num li {font-size: 3.6vw;}
	.policy .policy_box .in ol.num li:before {padding-right: 2%;}
}


/* =========================================================
============================================================
============================================================
  CONTACT
============================================================
============================================================
========================================================= */
.site-content {}
.site-content .faq_area {padding: 0 0 10%;}
#faq_area {padding-top: 100px;margin-top: -100px;}
.site-content .faq_area .sec_tit {font-size: clamp(24px,1.8vw,30px);font-weight: 500;letter-spacing: 0.05em;text-align: center; margin: 0 auto 5%;}
.site-content .faq_area .sec_tit img {}
.site-content .faq_area .read {width: 100%;margin: 0 auto 3%;text-align: center;line-height: 1.66;font-size: clamp(14px,1.3vw,18px);font-weight: 500;}
.site-content .faq_area .in {width: 62.5%;margin: 0 auto 0;display: block;}
.site-content .faq_area .in .acc_box {width: 100%;letter-spacing: 0.05em;}
.site-content .faq_area .in .acc_box .btn_acc {width: 100%;box-sizing: border-box; display: flex;justify-content: flex-start;cursor: pointer;margin-bottom: 0.5em;}
.site-content .faq_area .in .acc_box .btn_acc .ico_q {font-size:  clamp(14px,1.3vw,18px);font-weight: 500;line-height: 1.86;}
.site-content .faq_area .in .acc_box .btn_acc .que_txt {font-size:  clamp(14px,1.3vw,18px);font-weight: 500;line-height: 1.86;}
.site-content .faq_area .in .acc_box .content_acc {width: 100%;box-sizing: border-box; display: flex;justify-content: flex-start;align-items: flex-start; padding-left: 2rem;margin-bottom: 2rem;}
.site-content .faq_area .in .acc_box .content_acc .ico_a {font-size:  clamp(14px,1.3vw,18px);font-weight: 500;line-height: 1.86;color: #cf382e;}
.site-content .faq_area .in .acc_box .content_acc .ans_txt {font-size:  clamp(11px,1.1vw,13px);font-weight: 500;line-height: 1.86;padding: 0.25% 2rem 0 0.5em;box-sizing: border-box;}
.site-content .contact_block {padding: 10% 0 20%;margin-bottom: -20%; background-color: rgba(239,220,179,0.20);}
.site-content .contact_block .sec_tit {font-size: clamp(24px,1.8vw,30px);font-weight: 500;letter-spacing: 0.05em;text-align: center; margin: 0 auto 5%;}

.form-box {width: 62.5%;margin: 0 auto 0;}
table.table-style01 {display: block;text-align: left;}
table.table-style01 tbody {width: 100%;}
table.table-style01 tr {display: flex;flex-wrap: wrap; width: 100%;padding-bottom: 32px;}
table.table-style01 tr th {width: 25%;padding: 16px 0 0;font-size:clamp(12px,1.2vw,14px);line-height: 1.66;letter-spacing: 0.05em; color:#000;position: relative;}
table.table-style01 tr th span.must {color: #c94324;box-sizing: border-box;border: solid 1px #c94324;font-size:  clamp(11px,1.1vw,12px);display: inline-block;margin-right: 5px;padding: 0 5px;position: absolute;right: 16px;top:16px;}
table.table-style01 tr td {width: 75%;font-size: clamp(14px,1.4vw,18px);}
table.table-style01 tr td input {width: 100%;box-sizing: border-box;padding: 12px;font-size:  clamp(14px,1.3vw,18px);outline: #b2b2b2;}
table.table-style01 tbody tr td input[name='zip'] {width: 40%;font-size: clamp(18px,1.8vw,22px);box-sizing: border-box;padding: 8px 16px;margin-bottom: 8px;}
table.table-style01 tr td textarea {width: 100%;box-sizing: border-box;padding: 8px;font-size:  clamp(14px,1.3vw,18px);outline: #b2b2b2;}
table.table-style01 tr td input[type="radio"] {width: auto;}
table.table-style01 tr td .mwform-radio-field {display: block;}
.submit_area {width: 100%;margin: 24px auto 80px;background-color: #f2f2f2;box-sizing: border-box;padding: 72px;text-align: center;font-size:  clamp(13px,1.3vw,16px);line-height: 1.86;}
.submit_area a.policy_link {padding-right: 1.5em;position: relative;}
.submit_area a.policy_link:after {content: "";position: absolute;right: 0.2em;top:0; width: 1.1em;height: 100%;background-image:url("../img/icon_link.png");background-repeat: no-repeat;background-size: contain;background-position: right top;}
.btn-submit input[type="submit"]{border: 0px;border-radius: 32px;background-color: #b18852;width:316px;height:64px;color: #FFF;font-size: 19px;cursor: pointer;font-family: "Noto Serif JP", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;}
.btn-submit[disabled]  input[type="submit"] {cursor: default;pointer-events: none;}

.site-content.thanks {padding: 0% 0 20%;}
.site-content.thanks .contact_block {}
.site-content.thanks .contact_block .sec_tit {}
.site-content.thanks .contact_block .in {margin-bottom: 120px;}
.site-content.thanks .contact_block .in p {text-align: center;line-height: 1.66;font-size: clamp(14px, 1.3vw, 18px);font-weight: 500;}
.site-content.thanks .contact_block .in .btn {}
.site-content.thanks .contact_block .in .btn a {}

@media screen and (max-width: 767px) {
.site-content .faq_area .sec_tit {width: 100%;margin: 0 auto 5%;font-size: 5.6vw;}
.site-content .faq_area .read {width: 100%;margin: 0 auto 3%;text-align: center;line-height: 1.66;font-size: 4.0vw;font-weight: 500;}
.site-content .faq_area .in {width: 90%;margin: 0 auto 0;display: block;}
.site-content .faq_area .in .acc_box .btn_acc .ico_q {font-size: 4.0vw;font-weight: 500;line-height: 1.86;}
.site-content .faq_area .in .acc_box .btn_acc .que_txt {font-size: 4.0vw;font-weight: 500;line-height: 1.86;}
.site-content .faq_area .in .acc_box .content_acc {width: 100%;box-sizing: border-box; display: flex;justify-content: flex-start;align-items: flex-start; padding-left: 2rem;margin-bottom: 2rem;}
.site-content .faq_area .in .acc_box .content_acc .ico_a {font-size: 4.0vw;font-weight: 500;line-height: 1.86;color: #cf382e;}
.site-content .faq_area .in .acc_box .content_acc .ans_txt {font-size: 3.6vw;font-weight: 500;line-height: 1.86;}
.site-content .contact_block {padding: 18% 0 1%;margin: -8% auto -4%; background-color: rgba(239,220,179,0.20);}
.site-content .contact_block .sec_tit {width: 100%;margin: 0 auto 5%;font-size: 5.6vw;}
.form-box {width: 90%;margin: 0 auto 0;}
table.table-style01 tr {display: flex;flex-wrap: wrap; width: 100%;padding-bottom: 4%;}
table.table-style01 tr th {width: 100%;padding: 1% 0;;font-size: 4.0vw;line-height: 1.66;letter-spacing: 0.05em; color:#5d7782;}
table.table-style01 tr th span.must {right: 0;top:16%;}
table.table-style01 tr td {width: 100%;}
		
.submit_area {width: 100%;margin: 4% auto 10%;background-color: #f2f2f2;box-sizing: border-box;padding: 5%;text-align: center;font-size: 4vw;line-height: 1.86;}
.btn-submit input[type="submit"]{border: 0px;border-radius: 32px;background-color: #b18852;width:90%;height:52px;color: #FFF;font-size: 4vw;cursor: pointer;}
.btn-submit[disabled] input[type="submit"] {cursor: default;pointer-events: none;}
	
.site-content.thanks {padding: 0% 0% 0%;}
.site-content.thanks .contact_block {padding: 5%}
.site-content.thanks .contact_block .sec_tit {font-size: 4.8vw;margin-bottom: 8%;}
.site-content.thanks .contact_block .in {margin-bottom: 15%;}
.site-content.thanks .contact_block .in p {text-align: center;line-height: 1.66;font-size: clamp(12px, 1.2vw, 14px);font-weight: 500;}
.site-content.thanks .contact_block .in .btn {}
.site-content.thanks .contact_block .in .btn a {}
}


/* =========================================================
============================================================
============================================================
  BUTTON
============================================================
============================================================
========================================================= */

/*== ボタン共通設定 */
.btn{
	position: relative;
	color: #333333;	
	display:block;
	transition: ease .2s;
}
.btn a {color: #333333;text-decoration: none;}

.btn_back {width: 20%; margin: 0 auto 0;}
.btn_back a {width: 100%;height: 100%;padding: 8% 5%;box-sizing: border-box;background-color: #e9cf96;font-size: 1.3vw;font-weight: 500;color: #000;text-decoration: none;display: flex;justify-content: center;align-items: center;}

.center {text-align: center;}
/* =========================================================
============================================================
============================================================
  footer
============================================================
============================================================
========================================================= */
footer{width: 100%;background-color: #FFF;display: block}
footer .in {text-align: center;padding: 5% 0 4%;}
footer .in .f_logo {width: 9.375%;max-width:120px; margin: 0 auto 3%;}
footer .in .add {font-size: clamp(12px,1.2vw,14px);font-weight: 500;text-align: center;margin: 0 auto 1.5%;}
footer .in .tel {font-size: clamp(12px,1.2vw,14px);font-weight: 500;text-align: center;margin: 0 auto 1.5%;}
footer .in .txt_link {font-size: clamp(10px,1.0vw,12px);font-weight: 500;text-align: center;}
footer .in .txt_link a {text-decoration: none;color: #000;}
footer .footer_copy {font-size: clamp(10px,1.1vw,12px);font-weight: 500;text-align: center;}
footer .footer_copy p {padding: 1% 0;margin: 0}

.page_top.pc{position: fixed;bottom: 20px;left: 0;right: auto;width: 100px;height: 220px;}
.page_top.pc{opacity: 1;transition: all 1.0s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.page_top.pc a .text{position: absolute;bottom: 0;left: 50%;width: 8px;margin-left: -4px;}
.page_top.pc a .line{position: absolute;top: 0;left: 50%;width: 5px;height: 150px;margin-left: -3px;}
.page_top.pc a .line:before{content: "";display: block;margin-left: 2px;width: 1px;height: 150px;background:#666666;}
.page_top.pc a .line .point{position: absolute;top: 0;left: 0;width: 5px;height: 5px;background: #000;border-radius: 50%;animation:circlemove2 2.4s ease-in-out infinite,cirlemovehide2 2.4s ease-out infinite;}
@keyframes circlemove2 {
  0% {
    transform:  translate(0%, 150px);
  }
  60% {
    transform:  translate(0%, 0px);
  }
  100% {
    transform:  translate(0%, 0px);
  }
}
@keyframes cirlemovehide2{
    0%{opacity:0}
    40%{opacity:1;}
    60%{opacity:0.9;}
    70%{opacity:0;}
	100%{opacity:0;}
}

@media screen and (max-width: 767px) {	
	footer{width: 100%;position: relative;background-image: url("../img/footer_bk_sp.jpg");background-size: auto 120%;background-position: center bottom;background-repeat: no-repeat;z-index: -3;display:block;margin: 0 0 0;padding: 10% 0 0;}
	.home footer {padding: 30% 0 0;}
	footer .in{max-width: 100%;padding: 0% 0 4%;margin: 0 auto 0;display:block;}
	footer .in .f_logo {width: 16%;margin: 0 auto 5%;}
	footer .in .add {font-size: 3.2vw;font-weight: 500;text-align: center;margin: 0 auto 3%;}
	footer .in .tel {font-size: 3.2vw;font-weight: 500;text-align: center;margin: 0 auto 3%;}
	footer .in .txt_link {font-size: 3.2vw;font-weight: 500;text-align: center;}
	footer .in .footer_copy {font-size: 3.0vw;line-height: 1.66;}
	footer .footer_copy p {padding: 1% 0;margin: 0;font-size: 3.0vw;}
	
	.page_top.pc {position: fixed;bottom: 20px;left: 0;right: auto;width:30px;height: 220px;opacity: 0;pointer-events: none;}
	.page_top.sp{position: absolute;bottom: 20px;left: 0;right: auto;width: 40px;height: 170px;}
	.page_top.sp{opacity: 1;transition: all 1.0s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	.page_top.sp a .text{position: absolute;bottom: 0;left: 50%;width: 8px;margin-left: -4px;}
	.page_top.sp a .line{position: absolute;top: 0;left: 50%;width: 5px;height: 100px;margin-left: -3px;}
	.page_top.sp a .line:before{content: "";display: block;margin-left: 2px;width: 1px;height: 100px;background:#FFF;}
	.page_top.sp a .line .point{position: absolute;top: 0;left: 0;width: 5px;height: 5px;background: #FFF;border-radius: 50%;animation:circlemove2 2.4s ease-in-out infinite,cirlemovehide2 2.4s ease-out infinite;}
.btn_back {width: 60%; margin: 0 auto 0;}
.btn_back a {width: 100%;height: 100%;padding: 8% 5%;box-sizing: border-box;background-color: #e9cf96;font-size: 3.6vw;font-weight: 700;color: #000;text-decoration: none;display: flex;justify-content: center;align-items: center;}
}





#pageNate {width: 100%;padding: 50px 0 104px;border-top: solid 1px #000;display: flex;justify-content: space-between;}
#pageNate .btn_next {}
#pageNate .btn_next a {text-decoration: none;padding: 0 1em 8px 0;border-bottom: solid 2px #000;}
#pageNate .btn_prwv {}
#pageNate .btn_prwv a {text-decoration: none;padding: 0 1em 8px 0;border-bottom: solid 2px #000;}

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

	#pageNate {width: 100%;padding: 6% 0 15%px;border-top: solid 1px #000;display: flex;justify-content: space-between;}
	#pageNate .btn_next {}
	#pageNate .btn_next a {font-size: 3.6vw; text-decoration: none;padding: 0 1em 4px 0;border-bottom: solid 2px #000;}
	#pageNate .btn_prwv {}
	#pageNate .btn_prwv a {font-size: 3.6vw; text-decoration: none;padding: 0 1em 4px 0;border-bottom: solid 2px #000;}

}


/*========= 1文字ずつ出現させるためのCSS ===============*/
/*
.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}
*/
.eachTextAnime span{display: inline-block;
    opacity: 0;
    transform: translate(0%, 30px) rotate(5deg);
    transition: all 0.5s 0s ease;}
.eachTextAnime.appeartext span{ animation:text_anime_on 0.5s ease-out forwards; }
@keyframes text_anime_on {
  0% {
    opacity:0;
    transform:  translate(0%, 30px) rotate(5deg);
  }
  100% {
    opacity:1;
    transform:  translate(0%, 0px) rotate(0deg);
  }
}

.fade2 .bar {
    background-color: #191919;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 2px;
    margin: auto 0;
    left: 0;
    right: 100%;
}
.fade2.view2 .bar {
    left: 100%;
    right: 0;
    -webkit-transition: left 1.2s cubic-bezier(.205, .01, .075, .995) .4s,right 1.2s cubic-bezier(.205, .01, .075, .995);
    -o-transition: left 1.2s cubic-bezier(.205, .01, .075, .995) .4s,right 1.2s cubic-bezier(.205, .01, .075, .995);
    transition: left 1.2s cubic-bezier(.205, .01, .075, .995) .4s,right 1.2s cubic-bezier(.205, .01, .075, .995);
}
.fade2 .word {
    display: inline-block;
    position: relative;
    -webkit-clip-path: polygon(0% -20%,0% -20%,0% 120%,0% 120%);
    clip-path: polygon(0% -20%,0% -20%,0% 120%,0% 120%);
}
.fade2.view2 .word {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-clip-path: polygon(0% -20%,100% -20%,100% 120%,0% 120%);
    clip-path: polygon(0% -20%,100% -20%,100% 120%,0% 120%);
    transition: -webkit-clip-path 1.2s cubic-bezier(.205, .01, .075, .995) .6s,clip-path 1.2s cubic-bezier(.205, .01, .075, .995) .6s,transform 1s cubic-bezier(.59, .005, .375, 1) .4s;
}


#loading-wrapper {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,1.00);z-index: 1000;transition: all 0.8s;}
#loading-wrapper.is-active {opacity: 0;visibility: hidden;}

#loading-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #999;
  width: 100px;
  height: 30px;
  margin: -7px 0 0 -45px;
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 20px;
}

#loading-content {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 170px;
  height: 170px;
  margin: -85px 0 0 -85px;
  border: 3px solid #F00;
}
#loading-content.is-active {opacity: 1;visibility: visible;}
#loading-content:after {
  content: "";
  position: absolute;
  border: 3px solid #0F0;
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 15px;
}

#loading-content:before {
  content: "";
  position: absolute;
  border: 3px solid #00F;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}

#loading-content {
  border: 3px solid transparent;
  border-top-color: #4D658D;
  border-bottom-color: #4D658D;
  border-radius: 50%;
  -webkit-animation: loader 2s linear infinite;
  -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 2s linear infinite;
}

#loading-content:before {
  border: 3px solid transparent;
  border-top-color: #D4CC6A;
  border-bottom-color: #D4CC6A;
  border-radius: 50%;
  -webkit-animation: loader 3s linear infinite;
    -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 3s linear infinite;
}

#loading-content:after {
  border: 3px solid transparent;
  border-top-color: #84417C;
  border-bottom-color: #84417C;
  border-radius: 50%;
  -webkit-animation: loader 1.5s linear infinite;
  animation: loader 1.5s linear infinite;
    -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
}

@-webkit-keyframes loaders {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* =========================================================
============================================================
============================================================
  Loading
============================================================
============================================================
========================================================= */
/* Loading背景画面設定　*/
#loading {
  /*fixedで全面に固定*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

/* Loaderテキスト中央配置　*/
#loading_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  font-family: serif;
}
/* 左右OPEN遷移用　*/
#splashbg1,
#splashbg2 {
  content: "";
  position: fixed;
  z-index: 999;
  width: 50%;
  height: 100%;
  background-color: #000;
}
#splashbg1 {
  top: 0;
  right: 50%;
  transform-origin: left;
  transform: scaleX(1);
}
#splashbg2 {
  top: 0;
  left: 50%;
  transform-origin: right;
  transform: scaleX(1);
}


.img-wrap {
  opacity: 0.3;
}

.sec02 .img-wrap {
	margin-top: -15%;
	padding-bottom: 15%;
}
@media screen and (max-width: 767px) {
.sec02 .img-wrap {
	margin-top: -12.5%;
	padding-bottom: 0;
}
}

.img-animation {
  animation: img-opacity 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  overflow: hidden;
  position: relative;
}

.img-animation::before {
  animation: img-animation 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-opacity {
  100% {
    opacity: 1;
  }
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}

/* =========================================================
============================================================
============================================================
  アコーディオン
============================================================
============================================================
========================================================= */
.acc_box {padding-top: 20px;}
.acc_box .btn_acc {width: 100%;height: auto;display: flex;justify-content: center;align-items: center;transition: all 0.5s;position: relative;}
.acc_box .btn_acc:after {position: absolute;bottom:calc(50% - 4px);right: 10px;margin: auto;content: "";width: 10px;height: 10px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(135deg);transform: rotate(135deg);transition: all 0.5s;}
.acc_box .btn_acc.active:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.acc_box .content_acc {display: none;}

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


/* =========================================================
============================================================
============================================================
  TOP NEWS
============================================================
============================================================
========================================================= */
.p-newsticker {
  position: absolute;
  bottom: 100px;
  left: 30px;
  height: 104px;
  z-index: 600
}
html.is-domestic.ua-chrome body .p-gh .p-newsticker {
  position: absolute
}
.p-newsticker ul:after {
  content: "";
  display: table;
  clear: both
}

.p-newsticker ul li.p-newsticker__item {
  float: left;
  overflow: hidden;
  counter-increment: item
}

.p-newsticker ul li.p-newsticker__item a {
  position: relative;
  display: block;
  background-color: #000;
	text-decoration: none;
	font-size: 14px;line-height: 1.46;
}

.p-newsticker ul li.p-newsticker__item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.p-newsticker ul li.p-newsticker__item a figure {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 104px;
  height: 104px
}

.p-newsticker ul li.p-newsticker__item a figure img {
  width: 100%;
  height: 100%;
	object-fit: cover;
}

.p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header {
  display: table;
  padding-left: 104px
}

.p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div {
  display: table-cell;
  padding: 20px;
  color: #fff;
  vertical-align: middle
}

.p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div .p-newsticker__item__date {
  /*font-family: "futura-pt", "AppleSystem", "MySansSerif", sans-serif;
  line-height: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: .6;*/
	font-size: 14px;
}

@media only screen and (min-width: 768px) {
	
  .p-newsticker {
    margin-left: -100%
  }
  html.is-domestic.ua-chrome body .p-newsticker {
    top: calc(100vh - 134px);
    bottom: auto
  }
  .p-newsticker ul li.p-newsticker__item {
    width: 400px;
    height: 104px
  }
  .p-newsticker ul li.p-newsticker__item:not(.is-active) {
    width: 8px
  }
  .p-newsticker ul li.p-newsticker__item:not(.is-active) figure img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    -webkit-transform: translateX(5%);
    transform: translateX(5%)
  }
  .p-newsticker ul li.p-newsticker__item:not(.is-active) .p-newsticker__item__header>div h3 {
    -moz-transform: translateX(20);
    -ms-transform: translateX(20);
    -webkit-transform: translateX(20);
    transform: translateX(20);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
  }
  .p-newsticker ul li.p-newsticker__item:not(.is-active) .p-newsticker__item__header>div .p-newsticker__item__date {
    -moz-transform: translateX(20);
    -ms-transform: translateX(20);
    -webkit-transform: translateX(20);
    transform: translateX(20);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
  }
  .p-newsticker ul li.p-newsticker__item a {
    width: 400px;
    height: 104px
  }
  .p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div h3 {
    line-height: 1.428571429;
    font-size: 14px;
    font-size: 1rem
  }
  .p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div .p-newsticker__item__date {
    margin-top: 1em;
    font-size: 14px;
  }
  .p-newsticker ul li.p-newsticker__item+li.p-newsticker__item {
    margin-left: 10px
  }
}

@media only screen and (min-device-width: 320px) and (max-width: 767px) {
	.p-newsticker {
    bottom: 2vw;
    left: 0;
    width: 100%;
    height: 21.33333vw
  }
  html.is-domestic.ua-chrome body .p-newsticker {
    top: calc(100vh - 21.33333vw - 4vw);
    bottom: auto
  }
  .p-newsticker ul.is-loading {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  .p-newsticker ul li.p-newsticker__item {
    margin: 0 1.333333333%;
    width: 92%;
    height: 21.33333vw
  }
  .p-newsticker ul li.p-newsticker__item:only-child {
    margin: 0 4vw
  }
  .p-newsticker ul li.p-newsticker__item a {
    width: 100%;
    height: 100%
  }
  .p-newsticker ul li.p-newsticker__item a figure {
    width: 21.33333vw;
    height: 21.33333vw
  }
  .p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header {
    padding-left: 21.33333vw
  }
  .p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div {
    padding: 1.5vw;
	  font-size: 4.0vw;
	  line-height: 1.4;
  }
  .p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div h3 {
    font-size: 3.2vw;
    line-height: 1.416666667
  }
  .p-newsticker ul li.p-newsticker__item a .p-newsticker__item__header>div .p-newsticker__item__date {
    margin-top: 2vw;
	  font-size: 3.6vw;
  }
}