/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

/*-----------------------------*/

@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

/*-----------------------------*/

body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/*word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-feature-settings: "palt";*/
	word-break: break-all;
}

/*header {
	background: #000;
	border-bottom: 1px solid #FFF;
	padding: 6px 10px 6px 10px;
	height: 30px;
	overflow: hidden !important;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
}*/

a:hover {
	opacity: 0.8;
}

a {
	transition: opacity 0.3s ease-out;
}

#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9000;
}

#page-top.fixed {
    position: fixed !important;
}

#container #page-top img {
	width: 50px;
	height: auto;
}

/*----------------------------------*/

.alc {
	text-align: center;
}

.weightM {
	font-weight: 500;
}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
.mb-240 {margin-bottom: 240px;}
.mb-250 {margin-bottom: 250px;}
.mb-280 {margin-bottom: 280px;}
.mb-300 {margin-bottom: 300px;}
.mb-360 {margin-bottom: 360px;}
.mb-390 {margin-bottom: 390px;}
.mb-410 {margin-bottom: 410px;}

.mt-80 {
	margin-top: 80px;
}

@media (max-width: 750px) {
	.mb-5 {margin-bottom: 0.66vw;}
	.mb-10 {margin-bottom: 1.33vw;}
	.mb-15 {margin-bottom: 2.0vw;}
    .mb-20 {margin-bottom: 2.67vw;}
    .mb-30 {margin-bottom: 4vw;}
    .mb-40 {margin-bottom: 5.33vw;}
    .mb-50 {margin-bottom: 6.67vw;}
    .mb-60 {margin-bottom: 8vw;}
    .mb-70 {margin-bottom: 9.33vw;}
    .mb-80 {margin-bottom: 10.67vw;}
    .mb-90 {margin-bottom: 12vw;}
    .mb-100 {margin-bottom: 13.33vw;}
    .mb-110 {margin-bottom: 14.67vw;}
    .mb-120 {margin-bottom: 16vw;}
    .mb-130 {margin-bottom: 17.33vw;}
    .mb-140 {margin-bottom: 18.67vw;}
    .mb-150 {margin-bottom: 20vw;}
    .mb-160 {margin-bottom: 21.33vw;}
    .mb-170 {margin-bottom: 22.67vw;}
    .mb-180 {margin-bottom: 24vw;}
    .mb-190 {margin-bottom: 25.33vw;}
    .mb-200 {margin-bottom: 26.67vw;}
	.mb-240 {margin-bottom: 32vw;}
	.mb-250 {margin-bottom: 33.34vw;}
	.mb-280 {margin-bottom: 37.34vw;}
	.mb-300 {margin-bottom: 40vw;}
	.mb-360 {margin-bottom: 48vw;}
	.mb-390 {margin-bottom: 52vw;}
	.mb-410 {margin-bottom: 54.67vw;}
.mt-80 {margin-top: 10.67vw;}
}

/*----------------------------------*/

#container {
	margin: auto;
	width: 100%;
	max-width: 750px;
	overflow: hidden;
	font-family: 'Noto Sans JP', sans-serif;
	/*padding-top: 43px;*/
}

.fontNotoSerif {
	font-family: 'Noto Serif JP', serif;
}


/*----------------------------------------
	ハンバーガーメニュー
-----------------------------------------*/

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn1{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  background:#ffffff;
  cursor: pointer;
    width: 30px;
    height:30px;
  border-radius: 5px;
}

/*ボタン内側*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 16%;
    height: 2px;
    border-radius: 2px;
  background: #000308;
    width: 68%;
  }

.openbtn1 span:nth-of-type(1) {
  top: 31%; 
}

.openbtn1 span:nth-of-type(2) {
  top: 48%;
}

.openbtn1 span:nth-of-type(3) {
  top: 65.5%;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn1.active span:nth-of-type(1) {
    top: 28%;
    left: 18%;
    transform: translateY(6px) rotate(-45deg);
    width: 68%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

.openbtn1.active span:nth-of-type(3){
    top: 68%;
    left: 18%;
    transform: translateY(-6px) rotate(45deg);
    width: 68%;
}



/*==================================================
　5-2-2 2本線が×に
===================================*/

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn2{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  width: 30px;
    height:30px;
  cursor: pointer;
  background:#fff;
}
  
/*ボタン内側*/

.openbtn2 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 16%;
    height: 2px;
  background-color: #666;
  }


.openbtn2 span:nth-of-type(1) {
  top: 40%; 
    width: 68%;
}

.openbtn2 span:nth-of-type(2) {
  top: 58%;
    width:68%;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn2.active span:nth-of-type(1) {
    top: 40.5%;
    left: 18%;
    transform: translateY(6px) rotate(-45deg);
    width: 68%;
}

.openbtn2.active span:nth-of-type(2) {
    top: 56.7%;
    left: 18%;
    transform: translateY(-6px) rotate(45deg);
    width: 68%;
}

/*----------------------------*/

/*.menuBtn01 {
	width: 30px;
	height: 30px;
	border: 1px solid #000000;
	border-radius: 100px;
	position: fixed;
	top: 50px;
	left: 50%;
	margin-left: 290px;
	z-index: 100;
}*/
.menuBtn01 {
	width: 30px;
	height: 30px;
	/*width: 74px;
	height: 74px;*/
	border: 1px solid #000000;
	border-radius: 100px;
	position: fixed;
	top: 6px;
	right: 18px;
	z-index: 100;
}

/*----------------------------*/

.headerMenuWrap01 {
	/*display: none;*/
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	visibility: hidden;
	opacity: 1;
	/*transition-duration: 0.6s;*/
	transition: all 0.6s;
}
.headerMenuWrap01.contOpen {
  visibility: visible;
  opacity: 1;
  /*transition-duration: 0.2s;*/
	transition: all 0.6s;
}

.headerMenuBg01 {
	width: 110vw;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position: fixed;
	top: 0px;
	left: 0px;
}
.headerMenu01 {
	overflow: hidden;
	width: 100%;
	position: relative;
	top: 0px;
	left: -110vw;
	transition: all 0.6s;
	padding-top: 43px;
}
.contOpen .headerMenu01 {
	width: 100%;
	transition: all 0.6s;
	left: 0px;
}

.headerMenuIn01 {
	box-sizing: border-box;
	background-color: #ffffff;
	width: 750px;
	/*height: 746px;*/
	/*height: auto;*/
	height: calc( 100vh - 132px );
	overflow: auto;
	text-align: left;
	/*padding: 120px 20px 50px 80px;*/
	padding: 80px 34px 64px 34px;
	position: relative;
	margin: auto;
}
.headerMenuClose01 {
	position: absolute;
	top: 14px;
	right: 22px;
}
.headerMenuClose01 img {
	width: 22px;
	height: auto;
}
.headerMenuClose01 img:hover {
	cursor: pointer;
}

.menuBtnWrap01 li {
	margin-bottom: 45px;
}

.menuBtnWrap02 {
	margin-top: 65px;
	text-align: center;
}
.menuBtnWrap02 img {
	width: 70%;
	height: auto;
}



@media screen and (max-width:750px) {

	/*==================================================
	 5-2-2 2本線が×に
	===================================*/

	/*----------------------------*/

	.headerMenu01 {
		/*padding-top: calc( 42px + 11.6vw );*/
	}

	.headerMenuIn01 {
		width: 100%;
		height: calc( 100vh - 42px - 11.6vw );
		padding: 10.6vw 4.5vw 8.5vw 4.5vw;
		margin: auto;
	}

	.menuBtnWrap01 li {
		margin-bottom: 6vw;
	}
	.menuBtnWrap01 li img {
		width: 100%;
		height: auto;
	}
	
	.menuBtnWrap02 {
		margin-top: 8.6vw;
		text-align: center;
	}
	.menuBtnWrap02 img {
		width: 52%;
		height: auto;
	}



}


/* -----------------------------------------
	トップ
-----------------------------------------*/

.mainBox01 {
	padding: 50px 40px 80px 40px;
}
.mainH201 {
	margin-bottom: 55px;
}
.contText30_20_n {
	font-size: 30px;
	line-height: 2.0em;
}

.topLinkBtnWrap01 {
	padding: 0px 28px 0px 20px;
}
.topLinkBtnWrap01 li {
	margin-bottom: 60px;
}

.contBottomBox01 {
	padding: 120px 70px 120px 70px;
}
.bottomCyusyaku01 {
	font-size: 20px;
	line-height: 1.7em;
}


@media (max-width: 750px) {
	
	#container img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
    
    #container .hyakkaBtnWrap01 img {
        width: 55vw;
    }
    
    #container .hyakkaBoxIcon img {
        width: 9vw;
        max-width: 100%;
        height: auto;
    }

	.mainBox01 {
		padding: 6.66vw 5.33vw 10.66vw 5.33vw;
	}
	.mainH201 {
		margin-bottom: 7.33vw;
	}
	.contText30_20_n {
		font-size: 4vw;
	}

	.topLinkBtnWrap01 {
		padding: 0px 3.73vw 0px 2.66vw;
	}
	.topLinkBtnWrap01 li {
		margin-bottom: 8vw;
	}

	.contBottomBox01 {
		padding: 16vw 9.33vw 16vw 9.33vw;
	}

	.bottomCyusyaku01 {
		font-size: 2.66vw;
	}



}


/* -----------------------------------------
	振袖選びのポイント
-----------------------------------------*/

.contText26_17_n {
	font-size: 26px;
	line-height: 1.7em;
	font-weight: normal;
}
.contText28_17_n {
	font-size: 28px;
	line-height: 1.7em;
	font-weight: normal;
}

.colRed01 {
	color: #be0000;
}
.colPink01 {
	color: #ca2d9a;
}
.colBlue01 {
	color: #0056b4;
}

/*-------------------*/

.detailMainWrap01 {
	margin: 60px auto 70px auto;
}
.ancBtnWrap01 {
	position: relative;
	padding-bottom: 120px;
	margin-bottom: 120px;
}
.ancBtnWrap01::after {
	content: "";
	width: 670px;
	height: 1px;
	background-color: #000000;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -335px;
}
.ancBtnWrap01 ul {
	display: flex;
	justify-content: space-around;
}
.ancBtnWrap01 ul li {
	width: 160px;
	height: auto;
}
.pointBlock01 {
	margin-top: 50px;
}

.bottomBtnWrap01 {
	text-align: center;
	margin: 200px auto 200px auto;
}

/*-------------------*/

.contPageTopWrap01 {
	position: relative;
	padding-right: 18px;
	text-align: right;
}
.contPageTopWrap01 img {
	width: 64px !important;
	height: auto;
}


@media (max-width: 750px) {

	.contText26_17_n {
		font-size: 3.46vw;
	}
	.contText28_17_n {
		font-size: 3.73vw;
	}

	/*-------------------*/

	.detailMainWrap01 {
		margin: 8vw auto 9.33vw auto;
	}
	.ancBtnWrap01 {
		padding-bottom: 16vw;
		margin-bottom: 16vw;
	}
	.ancBtnWrap01::after {
		width: 89.33vw;
		margin-left: -44.66vw;
	}
	.ancBtnWrap01 ul li {
		width: 21.33vw;
	}
	.pointBlock01 {
		margin-top: 6.66vw;
	}

	.bottomBtnWrap01 {
		margin: 26.66vw auto 26.66vw auto;
		text-align: center;
	}
	.bottomBtnWrap01 img {
		width: 64vw !important;
		height: auto;
	}

	/*-------------------*/

	.contPageTopWrap01 {
		padding-right: 2.4vw;
	}
	.contPageTopWrap01 img {
		width: 8.53vw !important;
	}


}


/* -----------------------------------------
	振袖選びの流れ
-----------------------------------------*/

.detailH301 {
	color: #ff6f8b;
	font-size: 40px;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: 50px;
}
.flowBoxWrap01 {
	background-image: url("../img/231222/flow_bg01.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	padding: 35px;
}
.flowBox01 {
	background-color: #ffffff;
	padding-bottom: 60px;
}

.flowH501 {
	background-color: #c6ad84;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 66px;
	padding: 4px 20px 4px 20px;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.0em;
	font-weight: 500;
}
.flowH501 .s01 {
	font-size: 42px;
	margin-left: 3px;
	margin-right: 3px;
}
.flowFlex01 {
	display: flex;
	box-sizing: border-box;
	padding: 0px 30px;
}
.flowFlexBox01 {
	width: 99px;
	margin-right: 25px;
	flex-shrink: 0;
}
.flowFlexBox02 {
	font-size: 28px;
	line-height: 1.7em;
	font-weight: 500;
}
.flowFlexBox02 .s01 {
	color: #ff6f8b;
	font-weight: bold;
}

.flowTextWrap01 {
	padding: 0px 30px;
}
.flowTextWrap01 img {
	width: auto;
	height: 78px;
}

.flowText01 {
	font-size: 26px;
	line-height: 1.8em;
	font-weight: bold;
	text-align: center;
}



@media (max-width: 750px) {

	.detailH301 {
		font-size: 5.33vw;
		margin-bottom: 6.66vw;
	}
	.flowBoxWrap01 {
		padding: 4.66vw;;
	}
	.flowBox01 {
		padding-bottom: 8vw;
	}

	.flowH501 {
		height: 8.8vw;
		padding: 0.53vw 2.66vw 0.53vw 2.66vw;
		font-size: 3.9vw;
	}
	.flowH501 .s01 {
		font-size: 5.6vw;
		margin-left: 0.4vw;
		margin-right: 0.4vw;
	}
	.flowFlex01 {
		padding: 0px 4vw;
	}
	.flowFlexBox01 {
		width: 13.2vw;
		margin-right: 3.33vw;
	}
	.flowFlexBox02 {
		font-size: 3.73vw;
	}

	.flowTextWrap01 {
		padding: 0px 4vw;
	}
	.flowTextWrap01 img {
		height: 10.4vw;
	}

	.flowText01 {
		font-size: 3.46vw;
	}


}


/* -----------------------------------------
	お支度品リスト
-----------------------------------------*/

.listBoxIn01 {
	padding: 60px 45px 0px 45px;
	font-size: 28px;
	line-height: 2.1em;
}
.listImg01 {
	text-align: center;
	padding-top: 100px;
}
.listImg01 img {
	width: 538px;
	height: auto;
}
.contText24_16_n {
	font-size: 24px;
	line-height: 1.6em;
	font-weight: normal;
}

.listCyusyaku01 {
	display: inline-block;
	position: relative;
}
.listCyusyaku01::before {
	content: "※";
	font-size: 24px;
	line-height: 1.6em;
	position: absolute;
	left: -32px;
	top: 10px;
}



@media (max-width: 750px) {

	.listBoxIn01 {
		padding: 8vw 6vw 0px 6vw;
		font-size: 3.73vw;
	}
	.listImg01 {
		padding-top: 13.33vw;
	}
	.listImg01 img {
		width: 71.73vw;
	}
	.contText24_16_n {
		font-size: 3.2vw;
	}

	.listCyusyaku01::before {
		font-size: 3.2vw;
		left: -4.26vw;
		top: 1.33vw
	}

}


/* -----------------------------------------
	百花の会
-----------------------------------------*/

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -44px;
}

/*---------------------*/

.slick-dots {
	display: flex;
	justify-content: center;
	margin: 24px;
}
.slick-dots li {
	padding: 0px 35px;
}
.slick-dots li button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
	background-image: url("../img/231222/slide_dot01.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
}
.slick-dots li.slick-active button {
	background-image: url("../img/231222/slide_dot01_on.webp");
}

.hyakkaAncWrap01 {
	padding: 0px 36px 0px 18px;
}
.hyakkaAncWrap01 li {
	margin-top: 58px;
}
.hyakkaAncWrap01 li:first-child {
	margin-top: 0px;
}

.hyakkaBoxBase {
	padding: 0px 40px 0px 40px;
}

/*-------------------------*/

.hyakkaSlideBox01 {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #b32233;
	padding: 30px 35px 35px 35px;
	margin-bottom: 130px;
}
.hyakkaBoxIcon {
	position: absolute;
	top: -30px;
	right: -20px;
}
.hyakkaH401 {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	height: 60px;
	padding: 3px 25px 3px 35px;
	border: 1px solid #000308;
	background-color: #ffffff;
	font-size: 32px;
	line-height: 1.0em;
box-shadow: 10px 10px 0px 0px #ff708b ;
-webkit-box-shadow: 10px 10px 0px 0px #ff708b ;
-moz-box-shadow: 10px 10px 0px 0px #ff708b ;
-o-box-shadow: 10px 10px 0px 0px #ff708b ;
-ms-box-shadow: 10px 10px 0px 0px #ff708b ;
	margin-left: -56px;
	margin-bottom: 58px;
}

.contSlide .slick-dots {
	display: flex;
	justify-content: center;
	margin: 0px;
	width: 70%;
	position: absolute;
	left: 90px;
	top: 900px;
}
.contSlide .slick-dots li {
	padding: 0px 0px;
}

/*-------------------*/

.hyakkaSlideBox01.hyakkaSlide02 {
	border: 1px solid #0066b8;
}
.hyakkaSlide02 .hyakkaH401 {
box-shadow: 10px 10px 0px 0px #0066b8 ;
-webkit-box-shadow: 10px 10px 0px 0px #0066b8 ;
-moz-box-shadow: 10px 10px 0px 0px #0066b8 ;
-o-box-shadow: 10px 10px 0px 0px #0066b8 ;
-ms-box-shadow: 10px 10px 0px 0px #0066b8 ;
}

.hyakkaSlideBox01.hyakkaSlide03 {
	border: 1px solid #000000;
}
.hyakkaSlide03 .hyakkaH401 {
box-shadow: 10px 10px 0px 0px #000000 ;
-webkit-box-shadow: 10px 10px 0px 0px #000000 ;
-moz-box-shadow: 10px 10px 0px 0px #000000 ;
-o-box-shadow: 10px 10px 0px 0px #000000 ;
-ms-box-shadow: 10px 10px 0px 0px #000000 ;
}

.hyakkaSlideBox01.hyakkaSlide04 {
	border: 1px solid #8990ca;
}
.hyakkaSlide04 .hyakkaH401 {
box-shadow: 10px 10px 0px 0px #8990ca ;
-webkit-box-shadow: 10px 10px 0px 0px #8990ca ;
-moz-box-shadow: 10px 10px 0px 0px #8990ca ;
-o-box-shadow: 10px 10px 0px 0px #8990ca ;
-ms-box-shadow: 10px 10px 0px 0px #8990ca ;
}


/*-------------------*/

.hyakkaBoxIn01 {
	position: relative;
	background-color: #ffffff;
	padding: 100px 32px 135px 32px;
}
.hyakkaIconWrap01 li img {
	width: 60px;
	height: auto;
}
.hyakkaIconWrap01 li {
	position: absolute;
}
.hyakkaIconWrap01 li:nth-child(1) {
	top: 18px;
	left: 22px;
}
.hyakkaIconWrap01 li:nth-child(2) {
	top: 18px;
	right: 22px;
}
.hyakkaIconWrap01 li:nth-child(3) {
	bottom: 18px;
	left: 22px;
}
.hyakkaIconWrap01 li:nth-child(4) {
	bottom: 18px;
	right: 22px;
}

.hyakkaH402 {
	text-align: center;
	font-size: 30px;
    font-weight: 500;
	line-height: 1.6em;
	color: #ff708b;
}

.hyakkaFlex01 {
	display: flex;
}
.hyakkaFlexBox01 {
	white-space: nowrap;
	padding-right: 5px;
}
.weightBold {
	font-weight: bold;
}

.hyakkaBox01 {
	border: 1px solid #ff6f8b;
	padding: 60px 40px;
}
.colPink02 {
	color: #ff6f8b;
}
.hyakkaBtnWrap01 {}
.hyakkaBtnWrap01 img {
	width: 370px;
	height: auto;
}
.hyakkaBox02 {
	text-align: center;
	border-bottom: 1px solid #000205;
}
.hyakkaBox0202{
	text-align: center;
	width: 670px;
	margin-left: -40px;
}
.contText36_15_b {
	font-size: 36px;
	line-height: 1.5em;
	font-weight: bold;
}

.hyakkaRemoWrap01 {
	text-align: center;
}

.hyakkaFlex02 {
	display: flex;
	justify-content: center;
}
.hyakkaFlex02 li {
	width: 154px;
	margin: 0px 48px;
}
.contText20_17_n {
	font-size: 20px;
	line-height: 1.7em;
	font-weight: normal;
}

.contBottomBlock01 {
	text-align: center;
	padding: 0px 40px;
	margin: 0px auto 190px auto;
	
}
.contBottomBlock01 img {
	max-width: 100%;
	width: auto;
	height: auto;
}

/*-----------------*/

.bottomTelWrap01 {
	display: inline-block;
	text-align: left;
	margin-bottom: 40px;
	font-family: "Shippori Mincho B1", serif;
}
.bottomTelWrap01 .p01 {
	font-size: 37px;
	line-height: 1.5em;
	font-weight: normal;
}
.bottomTelWrap01 a {
	display: inline-block;
	font-size: 59px;
	line-height: 1.0em;
	font-weight: normal;
	border-bottom: 1px solid #000000;
}
.bottomTelWrap01 a .s01 {
	font-size: 37px;
}

.bottomUl01 {
	margin-bottom: 100px;
}
.bottomUl01 li {
	margin-bottom: 40px;
}
.bottomText01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 28px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 38px;
}
.bottomBox500 {
	width: 500px;
	margin: auto;
}

.bottomBoxWrap01 {
	margin: 60px auto;
}

.bottomSnsWrap01 {
	display: flex;
	justify-content: space-between;
}
.bottomSnsWrap01 li {
	width: 31.4%;
}

.contBottomBlock01 {
	text-align: center;
	padding: 0px 40px;
	margin: 0px auto 190px auto;
}


@media (max-width: 750px) {

	.contBottomBlock01 {
		padding: 0px 5.33vw;
		margin: 0px auto 25.33vw auto;
	
	}

/*-----------------*/

	.bottomTelWrap01 {
		margin-bottom: 5.33vw;
	}
	.bottomTelWrap01 .p01 {
		font-size: 4.93vw;
	}
	.bottomTelWrap01 a {
		font-size: 7.86vw;
	}
	.bottomTelWrap01 a .s01 {
		font-size: 4.93vw;
	}

	.bottomUl01 {
		margin-bottom: 13.33vw;
	}
	.bottomUl01 li {
		margin-bottom: 5.33vw;
	}
	.bottomText01 {
		font-size: 3.73vw;
		margin-bottom: 5.06vw;
	}
	.bottomBox500 {
		width: 66.66vw;
	}

	.bottomBoxWrap01 {
		margin: 8vw auto;
	}

	.contBottomBlock01 {
		padding: 0px 5.33vw;
		margin: 0px auto 25.33vw auto;
	}
	
	.slick-dots {
		margin: 3.2vw;
	}
	.slick-dots li {
		padding: 0px 4.66vw;
	}
	.slick-dots li button {
		width: 10.66vw;
		height: 10.66vw;
	}

	.hyakkaAncWrap01 {
		padding: 0px 4.8vw 0px 2.4vw;
	}
	.hyakkaAncWrap01 li {
		margin-top: 7.73vw;
	}

	.hyakkaBoxBase {
		padding: 0px 5.33vw 0px 5.33vw;
	}

	/*-------------------------*/

	.hyakkaSlideBox01 {
		padding: 4vw 4.66vw 4.66vw 4.66vw;
		margin-bottom: 17.33vw;
	}
	.hyakkaBoxIcon {
		top: -4vw;
		right: -3.06vw;
	}
	.hyakkaH401 {
		height: 8vw;
		padding: 0.4vw 3.33vw 0.4vw 4.66vw;
		font-size: 4.26vw;
	box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
		margin-left: -7.46vw;
		margin-bottom: 7.73vw;
	}

	.contSlide .slick-dots {
		top: 120vw;
	}
	.contSlide .slick-dots li {
		padding: 0px 2.4vw;
	}

	/*-------------------*/

	.hyakkaSlide02 .hyakkaH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	}

	.hyakkaSlide03 .hyakkaH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	}

	.hyakkaSlide04 .hyakkaH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	}


	/*-------------------*/

	.hyakkaBoxIn01 {
		padding: 13.33vw 4.26vw 18vw 4.26vw;
	}
	.hyakkaIconWrap01 li img {
		width: 8vw;
	}
	.hyakkaIconWrap01 li {
		width: 8vw;
	}
	.hyakkaIconWrap01 li:nth-child(1) {
		top: 2.4vw;
		left: 2.93vw;
	}
	.hyakkaIconWrap01 li:nth-child(2) {
		top: 2.4vw;
		right: 2.93vw;
	}
	.hyakkaIconWrap01 li:nth-child(3) {
		bottom: 2.4vw;
		left: 2.93vw;
	}
	.hyakkaIconWrap01 li:nth-child(4) {
		bottom: 2.4vw;
		right: 2.93vw;
	}

	.hyakkaH402 {
		font-size: 4vw;
	}

	.hyakkaFlexBox01 {
		padding-right: 0.66vw;
	}

	.hyakkaBox01 {
		padding: 8vw 5.33vw;
	}
	.hyakkaBtnWrap01 img {
		width: 49.33vw;
	}
	.hyakkaBox0202{
		width: 89.33vw;
		margin-left: -5.33vw;
	}
	.contText36_15_b {
		font-size: 4.8vw;
	}

	.hyakkaFlex02 li {
		width: 20.53vw;
		margin: 0px 6.4vw;
	}
	.contText20_17_n {
		font-size: 2.66vw;
	}



}


/* -----------------------------------------
	
-----------------------------------------*/



@media (max-width: 750px) {



}



/* -----------------------------------------
	SNS footer
-----------------------------------------*/
#sns-footer {
	background: #EEE;
	margin-top: 4em;
}
#sns-footer svg {
	width: 100%;
}
#sns-footer img {
	width: 100%;
}
#sns-footer #sns-footer-inner {
	max-width: 750px;
	margin: auto;
}
#sns-footer #sns-footer-inner #sns-footer-tit {
	padding: 12% 20% 5%;
}
#sns-footer #sns-footer-inner #sns-footer-line {
	padding: 0 14% 10%;
}
#sns-footer #sns-footer-inner #sns-footer-tit-02 {
	padding: 0 33% 3.5%;
}
#sns-footer #sns-footer-inner #sns-footer-list {
	padding: 0 14% 15%;
	overflow: hidden;
}
#sns-footer #sns-footer-inner #sns-footer-list li {
	float: left;
	width: 33.33333%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
#sns-footer #sns-footer-inner #sns-footer-list li a {
	display: block;
	padding: 5%;
}


/*-------------------*/

.furisodefairBoxIn01 {
	position: relative;
	background-color: #ffffff;
	padding: 100px 32px 135px 32px;
}
.furisodefairIconWrap01 li img {
	width: 60px;
	height: auto;
}
.furisodefairIconWrap01 li {
	position: absolute;
}
.furisodefairIconWrap01 li:nth-child(1) {
	top: 18px;
	left: 22px;
}
.furisodefairIconWrap01 li:nth-child(2) {
	top: 18px;
	right: 22px;
}
.furisodefairIconWrap01 li:nth-child(3) {
	bottom: 18px;
	left: 22px;
}
.furisodefairIconWrap01 li:nth-child(4) {
	bottom: 18px;
	right: 22px;
}

.furisodefairH402 {
	text-align: center;
	font-size: 30px;
    font-weight: 500;
	line-height: 1.6em;
	color: #ff708b;
}
.furisodefairH403 {
    font-size: 30px;
    line-height: 1.6em;
	color: #ff708b;
}
.furisodefairH404 {
    font-size: 30px;
    line-height: 1.6em;
}
.furisodefairFlex01 {
	display: flex;
}
.furisodefairFlexBox01 {
	white-space: nowrap;
	padding-right: 5px;
}
.weightBold {
	font-weight: bold;
}

.furisodefairBox01 {
	border: 1px solid #ff6f8b;
	padding: 60px 40px;
}
.colPink02 {
	color: #ff6f8b;
}
.furisodefairBtnWrap01 {}
.furisodefairBtnWrap01 img {
	width: 370px;
	height: auto;
}
.furisodefairBox02 {
	text-align: center;
}
.furisodefairBox0202{
	text-align: center;
	width: 670px;
	margin-left: -40px;
}
.contText36_15_b {
	font-size: 36px;
	line-height: 1.5em;
	font-weight: bold;
}

.furisodefairRemoWrap01 {
	text-align: center;
}

.furisodefairFlex02 {
	display: flex;
	justify-content: center;
}
.furisodefairFlex02 li {
	width: 154px;
	margin: 0px 48px;
}
.contText20_17_n {
	font-size: 20px;
	line-height: 1.7em;
	font-weight: normal;
}

.furisodefesInBox01 {
	text-align: center;
	width: 430px;
	margin: auto;
}

.contText28_16_n {
	font-size: 28px;
	line-height: 1.6em;
}
.contText22_16_n {
	font-size: 22px;
	line-height: 1.6em;
}

.furisodefairH402.clamp {
    font-size: clamp(1.25rem, 5.33vw, 2.5rem);
    text-align: left;
}

.furisodefairH402 {
	text-align: center;
	font-size: 30px;
    font-weight: 500;
	line-height: 1.6em;
	color: #ff708b;
}

.contText32_14_b {
	font-size: 32px;
	line-height: 1.4em;
	font-weight: bold;
}

@media (max-width: 750px) {
	.furisodefesInBox01 {
		width: 57.33vw;
	}
	
	.contText32_14_b {
		font-size: 4.26vw;
	}
	
	.furisodefairH402, .furisodefairH403, .furisodefairH404 {
		font-size: 4vw;
	}
	
	.contText28_16_n {
		font-size: 3.73vw;
	}
	.contText22_16_n {
		font-size: 2.93vw;
	}
	
	.slick-dots {
		margin: 3.2vw;
	}
	.slick-dots li {
		padding: 0px 4.66vw;
	}
	.slick-dots li button {
		width: 10.66vw;
		height: 10.66vw;
	}

	.furisodefairAncWrap01 {
		padding: 0px 4.8vw 0px 2.4vw;
	}
	.furisodefairAncWrap01 li {
		margin-top: 7.73vw;
	}

	.furisodefairBoxBase {
		padding: 0px 5.33vw 0px 5.33vw;
	}

	/*-------------------------*/

	.furisodefairSlideBox01 {
		padding: 4vw 4.66vw 4.66vw 4.66vw;
		margin-bottom: 17.33vw;
	}
	.furisodefairBoxIcon {
		top: -4vw;
		right: -3.06vw;
	}
	.furisodefairH401 {
		height: 8vw;
		padding: 0.4vw 3.33vw 0.4vw 4.66vw;
		font-size: 4.26vw;
	box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #ff708b ;
		margin-left: -7.46vw;
		margin-bottom: 7.73vw;
	}

	.contSlide .slick-dots {
		top: 120vw;
	}
	.contSlide .slick-dots li {
		padding: 0px 2.4vw;
	}

	/*-------------------*/

	.furisodefairSlide02 .furisodefairH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #0066b8 ;
	}

	.furisodefairSlide03 .furisodefairH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #000000 ;
	}

	.furisodefairSlide04 .furisodefairH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #8990ca ;
	}

	.furisodefairSlide05 .furisodefairH401 {
	box-shadow: 1.33vw 1.33vw 0px 0px #f0daa1 ;
	-webkit-box-shadow: 1.33vw 1.33vw 0px 0px #f0daa1 ;
	-moz-box-shadow: 1.33vw 1.33vw 0px 0px #f0daa1 ;
	-o-box-shadow: 1.33vw 1.33vw 0px 0px #f0daa1 ;
	-ms-box-shadow: 1.33vw 1.33vw 0px 0px #f0daa1 ;
	}


	/*-------------------*/

	.furisodefairBoxIn01 {
		padding: 13.33vw 4.26vw 18vw 4.26vw;
	}
	.furisodefairIconWrap01 li img {
		width: 8vw;
	}
	.furisodefairIconWrap01 li {
		width: 8vw;
	}
	.furisodefairIconWrap01 li:nth-child(1) {
		top: 2.4vw;
		left: 2.93vw;
	}
	.furisodefairIconWrap01 li:nth-child(2) {
		top: 2.4vw;
		right: 2.93vw;
	}
	.furisodefairIconWrap01 li:nth-child(3) {
		bottom: 2.4vw;
		left: 2.93vw;
	}
	.furisodefairIconWrap01 li:nth-child(4) {
		bottom: 2.4vw;
		right: 2.93vw;
	}

	.furisodefairH402, .furisodefairH403, .furisodefairH404 {
		font-size: 4vw;
	}

	.furisodefairFlexBox01 {
		padding-right: 0.66vw;
	}

	.furisodefairBox01 {
		padding: 8vw 5.33vw;
	}
	.furisodefairBtnWrap01 img {
		width: 49.33vw;
	}
	.furisodefairBox0202{
		width: 89.33vw;
		margin-left: -5.33vw;
	}
	.contText36_15_b {
		font-size: 4.8vw;
	}

	.furisodefairFlex02 li {
		width: 20.53vw;
		margin: 0px 6.4vw;
	}
	.contText20_17_n {
		font-size: 2.66vw;
	}



}














