/*---------------------------------
	buttons start
---------------------------------*/
.buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1em 1.5em;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.buttons--alignLeft{
	justify-content: flex-start;
}

.buttons--vertically{
	flex-direction: column;
	align-items: center;
}

.buttons a{
	text-decoration: none;
}

.buttons input{
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	cursor: pointer;
}

.buttons input::-webkit-search-decoration{
	display: none;
}

.buttons input::focus{
	outline-offset: -2px;
}

/*---------------------------------
	buttons end
---------------------------------*/

/*---------------------------------
	simpleTitle start
---------------------------------*/
.simpleTitle{
	font-weight: normal;
	color: var(--mainTextColor);
}

.simpleTitle--size110{
	font-size: 110%;
}

.simpleTitle--size125{
	font-size: 125%;
}

.simpleTitle--size150{
	font-size: 150%;
}

.simpleTitle--size175{
	font-size: 175%;
}

.simpleTitle--size200{
	font-size: 200%;
}

.simpleTitle--size225{
	font-size: 225%;
}

@media(max-width: 600px){
	.simpleTitle--spSize100{
		font-size: 100%;
	}
	
	.simpleTitle--spSize110{
		font-size: 110%;
	}

	.simpleTitle--spSize125{
		font-size: 125%;
	}

	.simpleTitle--spSize150{
		font-size: 150%;
	}
}

.simpleTitle--alignCenter{
	text-align: center;
}

.simpleTitle--weightBold{
	font-weight: var(--fontWeightBold);
}

.simpleTitle--colorMain{
	color: #1f4e79;
}

/*---------------------------------
	simpleTitle end
---------------------------------*/

/*---------------------------------
	sectionTitle start
---------------------------------*/
.sectionTitle{
	font-size: 200%;
	text-align: center;
	color: var(--mainTextColor);
	font-weight: var(--fontWeightBold);
}

@media(max-width: 600px){
	.sectionTitle{
		font-size: 150%;
	}
}

.sectionTitle_main{
	margin-bottom: 0;
	overflow-wrap: break-word;
}

.sectionTitle_sub{
	margin: 0;
	font-size: 50%;
}

/*---------------------------------
	simpleTitle end
---------------------------------*/

/*---------------------------------
	standardButton start
---------------------------------*/
.standardButton{
	--standardButtonBgColor: var(--themeColor); /* 背景色 */
	--standardButtonActiveBgColor: #FFF; /* ホバー時背景色 */
	--standardButtonTextColor: #333; /* 文字色 */
	--standardButtonActiveTextColor: var(--mainColor01_hex); /* ホバー時文字色 */
	--standardButtonBorderColor: var(--standardButtonBgColor); /* 枠線色 */
	--standardButtonBorderWidth: 2px;
	--standardButtonPaddingX: 1.5em;
	--standardButtonPaddingY: 0.75em;
	display: block;
	max-width: 100%;
	min-width: 13em;
	padding: var(--standardButtonPaddingY) var(--standardButtonPaddingX);
	color: var(--standardButtonTextColor);
	text-align: center;
	font-weight: normal;
	font-size: 110%;
	text-decoration: none;
	background-color: var(--standardButtonBgColor);
	border: var(--standardButtonBorderWidth) solid var(--standardButtonBorderColor);
	outline: none !important;
	transition: background-color 0.25s, color 0.25s;
}

.standardButton:hover{
	color: var(--standardButtonActiveTextColor);
	text-decoration: none;
	background-color: var(--standardButtonActiveBgColor);
}

.standardButton--small{
	--standardButtonPaddingX: 1em;
	--standardButtonPaddingY: 0.75em;
	font-size: 90%;
}

.standardButton--black{
	--standardButtonTextColor: #FFF;
	--standardButtonBgColor: #000;
	--standardButtonActiveTextColor: #000;
	--standardButtonActiveBgColor: #FFF;
	--standardButtonBorderColor: #000;
}

.standardButton--facebook{
	--standardButtonTextColor: #FFF;
	--standardButtonBgColor: #1877f2;
	--standardButtonActiveTextColor: #1877f2;
	--standardButtonActiveBgColor: #FFF;
	--standardButtonBorderColor: #1877f2;
}

.standardButton--line{
	--standardButtonTextColor: #FFF;
	--standardButtonBgColor: #06c655;
	--standardButtonActiveTextColor: #06c655;
	--standardButtonActiveBgColor: #FFF;
	--standardButtonBorderColor: #06c655;
}

.standardButton--instagram{
	position: relative;
	padding: calc(var(--standardButtonPaddingY) + var(--standardButtonBorderWidth)) calc(var(--standardButtonPaddingX) + var(--standardButtonBorderWidth));
	background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
	color: #FFF;
	border: none;
}

.standardButton--instagram:before{
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - (var(--standardButtonBorderWidth) * 2));
	height: calc(100% - (var(--standardButtonBorderWidth) * 2));
	background-color: #FFF;
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s;
}

.standardButton--instagram:hover:before{
	visibility: visible;
	opacity: 1;
}

.standardButton--bgImage{
	--standardButtonBgColor: #FFF;
	--standardButtonActiveBgColor: #FFF;
	--standardButtonBorderColor: #333;
	position: relative;
	min-height: 3em;
}

.standardButton--bgImage img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity 0.25s;
}

.standardButton--bgImage:hover img{
	opacity: 0.8;
}

.standardButton--instagram:hover span{
	position: relative;
	background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

/*---------------------------------
	standardButton end
---------------------------------*/

/*---------------------------------
	frameButton start
---------------------------------*/
.frameButton{
	padding: 1em 2em;
	margin: 0;
	text-align: center;
	font-size: 90%;
	color: var(--mainTextColor);
	border: 2px solid var(--themeColor);
	background-color: var(--themeColor);
	outline: none;
	transition: all 0.25s;
}

.frameButton--margin0{
	margin: 0;
}

.frameButton:hover{
	color: var(--mainTextColor);
	background-color: #FFF;
}

.frameButton--viewmore{
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: center;
	gap: 0 0.75em;
	width: 15em;
	max-width: 100%;
}

.frameButton--viewmore:after{
	content: "right";
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	font-size: 112.5%;
	line-height: 1;
}

/*---------------------------------
	frameButton end
---------------------------------*/

/*---------------------------------
	blockButton start
---------------------------------*/
.blockButton,
.blockButton:focus{
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: center;
	gap: 0 0.75em;
	padding: 0.75em 2em;
	margin: 0;
	text-align: center;
	color: var(--mainTextColor);
	border: 2px solid var(--themeColor);
	background-color: var(--themeColor);
	outline: none;
	transition: all 0.25s;
}

.blockButton--margin0{
	margin: 0;
}

.blockButton:hover{
	color: var(--mainTextColor);
	background-color: #FFF;
}

.blockButton--prev:before{
	content: "left";
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	font-size: 112.5%;
	line-height: 1;
}

.blockButton--next:after{
	content: "right";
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	font-size: 112.5%;
	line-height: 1;
}

/*---------------------------------
	blockButton end
---------------------------------*/

/*---------------------------------
	kentwebFooter start
---------------------------------*/
.kentFooter{
	text-align: center;
	margin: 0;
	padding: 0.1em 1em;
	background: #333;
	border-top: 1px solid #FFF;
	color: #FFF;
	font-size: 100%;
}

.kentFooter a,
.kentFooter a:hover{
	color: inherit;
}

/*---------------------------------
	kentwebFooter end
---------------------------------*/

/*---------------------------------
	texts start
---------------------------------*/

.texts{
	color: var(--mainTextColor);
}

.texts > p:last-child{
	margin-bottom: 0;
}

.texts--alignCenter{
	text-align: center;
}

.texts--alignRight{
	text-align: right;
}

.texts--size90{
	font-size: 90%;
}

.texts--size110{
	font-size: 110%;
}

.texts--size125{
	font-size: 125%;
}

.texts--size150{
	font-size: 150%;
}

.texts--size175{
	font-size: 175%;
}

.texts--size200{
	font-size: 200%;
}

.texts--size250{
	font-size: 250%;
}

@media(max-width: 600px){
	.texts--spSize100{
		font-size: 100%;
	}
	
	.texts--spSize110{
		font-size: 110%;
	}

	.texts--spSize125{
		font-size: 125%;
	}

	.texts--spSize150{
		font-size: 150%;
	}

	.texts--spSize175{
		font-size: 175%;
	}

	.texts--spSize200{
		font-size: 200%;
	}
}

.texts--colorPink{
	color: #e94187;
}

.texts--colorRed{
	color: #CC3333 !important;
}

.texts--weightBold{
	font-weight: var(--fontWeightBold);
}

.texts--lineHeight100{
	line-height: 100%;
}

.texts--lineHeight200{
	line-height: 200%;
}

.texts--indent1{
	padding-left: 1em;
}

.texts--indent2{
	padding-left: 2em;
}

.texts > *{
	margin: 0 0 1em;
}

.texts--margin0 > *{
	margin: 0;
}

.texts > *:last-child{
	margin: 0;
}

.texts_text--colorBlack{
	color: #000;
}

.texts_text--weightBold{
	font-weight: var(--fontWeightBold);
}

.texts_text--size110{
	font-size: 110%;
}

.texts_text--size125{
	font-size: 125%;
}

.texts_text--size150{
	font-size: 150%;
}

.texts_text--size175{
	font-size: 175%;
}

.texts_text--size200{
	font-size: 200%;
}

.texts_text--size225{
	font-size: 225%;
}

.texts_text--size250{
	font-size: 250%;
}

.texts_text--alignRight{
	text-align: right;
}

.texts_icon:before{
	margin: -0.1em 0.1em 0;
	line-height: 100%;
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}

.texts_icon--phone:before{
	content: "phone";
}

/*---------------------------------
	texts end
---------------------------------*/

/*---------------------------------
	textLink start
---------------------------------*/
.textLink{
	text-decoration: underline;
}

.textLink:hover{
	text-decoration: none;
}

/*---------------------------------
	textLink end
---------------------------------*/

/*---------------------------------
	basicTable start
---------------------------------*/
.basicTable{
	width: 100%;
}

.basicTable > tbody > tr > th{
	padding: 1em;
	font-weight: normal;
}

.basicTable > tbody > tr > td{
	padding: 1em;
}

.basicTable--vertialAlignMiddle > tbody > tr > th,
.basicTable--vertialAlignMiddle > tbody > tr > td{
	vertical-align: middle;
}

.basicTable--vertialAlignTop > tbody > tr > th,
.basicTable--vertialAlignTop > tbody > tr > td{
	vertical-align: top;
}

.basicTable--horizontalLine > tbody > tr{
	border-bottom: 1px solid #CCC;
}

.basicTable--horizontalLine > tbody >  tr:first-of-type{
	border-top: 1px solid #CCC;
}

.basicTable--horizontalLine > tbody >  tr:first-of-type{
	border-top: 1px solid #CCC;
}

.basicTable--rowBottomDottedLine > tbody > tr{
	border-bottom: 2px dotted #CCC;
}

.basicTable--bgAlternate > tbody > tr:nth-of-type(2n + 1){
	background-color: rgba(0,0,0,0.05);
}

.basicTable--headFontColorLightPink > tbody > tr > th{
	color: #df99b6;
}

.basicTable--headBgLightPink > tbody > tr > th{
	background-color: #fbd1f0;
}

.basicTable--headAlignCenter > tbody > tr > th{
	text-align: center;
}

.basicTable--borderAllSides > tbody > tr > th,
.basicTable--borderAllSides > tbody > tr > td{
	border: 1px solid #CCC;
}

@media(max-width: 600px){
	.basicTable--responsive1Column > tbody > tr > tr{
		display: block;
		width: 100%;
		padding: 0.5em 0.5em
	}
	
	.basicTable--responsive1Column > tbody > tr > th{
		display: block;
		width: 100%;
		margin: 0.5em 0;
		padding: 0;
	}

	.basicTable--responsive1Column > tbody > tr > td{
		display: block;
		width: 100%;
		margin: 0.5em 0;
		padding: 0;
	}
}

.basicTableTextIndent{
	display: block;
	padding-left: 0.5em;
}

.basicTable_headText--sub{
	display: block;
	font-size: 80%;
}

/*---------------------------------
	basicTable end
---------------------------------*/

/*---------------------------------
	simpleImageBlock start
---------------------------------*/
.simpleImageBlock{
	max-width: 100%;
}

.simpleImageBlock--width100{
	width: 100%;
}

/*---------------------------------
	simpleImageBlock end
---------------------------------*/

/*---------------------------------
	basicList start
---------------------------------*/
.basicList{
	list-style: none;
	margin: 0;
	padding: 0;
}

.basicList > li{
	position: relative;
	margin: 0 0 0.25em;
	padding: 0 0 0 1em;
}

.basicList > li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

.basicList--size125{
	font-size: 125%;
}

.basicList--size150{
	font-size: 150%;
}

.basicList--markerDot > li:before{
	content: "・";
}

.basicList--markerCircle > li:before{
	content: "●";
}

/*---------------------------------
	basicList end
---------------------------------*/

/*---------------------------------
	imageFrame start
---------------------------------*/
.imageFrame{
	position: relative;
	width: 100%;
	background-color: #CCC;
}

.imageFrame--ratio4to3{
	padding-top: calc(100% / 4 * 3);
}

.imageFrame--ratio5to3{
	padding-top: calc(100% / 5 * 3);
}

.imageFrame--radius{
	border-radius: 1em;
	overflow: hidden;
}

.imageFrame_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.imageFrame--fitContain .imageFrame_image{
	object-fit: contain;
}

/*---------------------------------
	imageFrame end
---------------------------------*/

/*---------------------------------
	simpleImageLayout start
---------------------------------*/
.simpleImageLayout{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.simpleImageLayout--col1{
	flex-direction: column;
	align-items: center;
}

.simpleImageLayout_image{
	max-width: 100%;
}

.simpleImageLayout_image--borderSimple{
	border: 1px solid #000;
}

/*---------------------------------
	simpleImageLayout end
---------------------------------*/

/*---------------------------------
	gmap start
---------------------------------*/
.gmap{
	position: relative;
	width: 100%;
	padding-top: calc(100% / 5 * 3);
}

.gmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*---------------------------------
	gmap end
---------------------------------*/

/*---------------------------------
	mainvisual start
---------------------------------*/
.mainvisual{
	--bgWidth: 60%;
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #A2D7DD;
}

.mainvisual_bg{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: var(--bgWidth);
	height: 100%;
	margin: 0;
	z-index: 1;
}

@media(max-width: 1024px){
	.mainvisual{
		--bgWidth: 70vw;
	}
}

@media(max-width: 600px){
	.mainvisual{
		--bgWidth: 80vw;
	}
}

.mainvisual_bg:before{
	content: '';
	position: absolute;
	z-index: 125;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
}

.mainvisual_bg .swiper-container{
	height: 100%;
}

.mainvisualSlideImage{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@keyframes mainvisualSliderZoomup {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.5);
	}
}

/*
.mainvisual_bg .swiper-slide-active .mainvisualSlideImage,
.mainvisual_bg .swiper-slide-duplicate-active .mainvisualSlideImage,
.mainvisual_bg .swiper-slide-prev .mainvisualSlideImage{
	animation: mainvisualSliderZoomup 20s linear 0s 1 normal both;
}
*/

.mainvisualCatch{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	font-size: 200%;
}

.mainvisualCatch > *{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	text-align: center;
}

.mainvisualCatch_jp{
	left: calc((100% - var(--bgWidth)) / 2);
	transform: translateX(-50%);
}

.mainvisualCatch_eng{
	right: calc((100% - var(--bgWidth)) / 2);
	transform: translateX(50%);
}

.catchMaintext{
	position: relative;
	margin: 0;
	color: #000;
	width: max-content;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.catchSubtext{
	margin: 0;
	width: max-content;
	position: absolute;
	color: #FFF;
	user-select: none;
	-webkit-user-select :none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.catchMaintext p,
.catchSubtext p{
	margin: 0;
}

.mainvisualCatch_jp .catchSubtext{
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.mainvisualCatch_eng .catchSubtext{
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}


@media(max-width: 1024px){
	.mainvisualCatch_jp{
		top: 25%;
		left: 5vw;
		transform: translateX(0) translateY(-50%);
	}
	.mainvisualCatch_eng{
		bottom: 25%;
		right: 5vw;
		transform: translateX(0) translateY(50%);
	}
	.mainvisualCatch_jp .catchSubtext{
		clip-path: polygon(10vw 0, 100% 0, 100% 100%, 10vw 100%);
	}
	.mainvisualCatch_eng .catchSubtext{
		clip-path: polygon(0 0, calc(100% - 10vw) 0, calc(100% - 10vw) 100%, 0 100%);
	}
}

@media(max-width: 600px){
	.mainvisualCatch{
		font-size: 125%;
	}
	.mainvisualCatch_jp{
		left: 2.5vw;
	}
	.mainvisualCatch_eng{
		right: 2.5vw;
	}
	.mainvisualCatch_jp .catchSubtext{
		clip-path: polygon(7.5vw 0, 100% 0, 100% 100%, 7.5vw 100%);
	}
	.mainvisualCatch_eng .catchSubtext{
		clip-path: polygon(0 0, calc(100% - 7.5vw) 0, calc(100% - 7.5vw) 100%, 0 100%);
	}
}

/*---------------------------------
	mainvisual end
---------------------------------*/

/*---------------------------------
	effectin start
---------------------------------*/
.effectin--fadein{
	opacity: 0;
}

@keyframes effectinFadein{
	0%{
		opacity: 0;
		transform: translateY(1rem);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}

.is-effectinActive{
	& .effectin--fadein{
		animation: effectinFadein 1.0s 0s both;
	}
	& .effectin--delay1{
		animation-delay: 0.25s;
	}
	& .effectin--delay2{
		animation-delay: 0.5s;
	}
	& .effectin--delay3{
		animation-delay: 0.75s;
	}
	& .effectin--delay4{
		animation-delay: 1s;
	}
	& .effectin--delay5{
		animation-delay: 1.25s;
	}
	& .effectin--delay6{
		animation-delay: 1.5s;
	}
	& .effectin--delay7{
		animation-delay: 1.75s;
	}
	& .effectin--delay8{
		animation-delay: 2s;
	}
	& .effectin--delay9{
		animation-delay: 2.25s;
	}
	& .effectin--delay10{
		animation-delay: 2.5s;
	}
	@media(max-width: 1024px){
		& .effectin--tabDelay1{
			animation-delay: 0.25s;
		}
		& .effectin--tabDelay2{
			animation-delay: 0.5s;
		}
		& .effectin--tabDelay3{
			animation-delay: 0.75s;
		}
		& .effectin--tabDelay4{
			animation-delay: 1s;
		}
		& .effectin--tabDelay5{
			animation-delay: 1.25s;
		}
		& .effectin--tabDelay6{
			animation-delay: 1.5s;
		}
		& .effectin--tabDelay7{
			animation-delay: 1.75s;
		}
		& .effectin--tabDelay8{
			animation-delay: 2s;
		}
		& .effectin--tabDelay9{
			animation-delay: 2.25s;
		}
		& .effectin--tabDelay10{
			animation-delay: 2.5s;
		}
	}
	@media(max-width: 600px){
		& .effectin--spDelay1{
			animation-delay: 0.25s;
		}
		& .effectin--spDelay2{
			animation-delay: 0.5s;
		}
		& .effectin--spDelay3{
			animation-delay: 0.75s;
		}
		& .effectin--spDelay4{
			animation-delay: 1s;
		}
		& .effectin--spDelay5{
			animation-delay: 1.25s;
		}
		& .effectin--spDelay6{
			animation-delay: 1.5s;
		}
		& .effectin--spDelay7{
			animation-delay: 1.75s;
		}
		& .effectin--spDelay8{
			animation-delay: 2s;
		}
		& .effectin--spDelay9{
			animation-delay: 2.25s;
		}
		& .effectin--spDelay10{
			animation-delay: 2.5s;
		}
	}
}

/*---------------------------------
	effectin start
---------------------------------*/

/*---------------------------------
	sidePhotoLayout start
---------------------------------*/
.sidePhotoLayout{
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.sidePhotoLayout_photo{
	flex-grow: 0;
	flex-shrink: 0;
	width: 50%;
	padding: 0 1.5em;
}

@media(min-width: 1025px){
	.sidePhotoLayout--photoLeft .sidePhotoLayout_photo{
		order: 0;
	}
	
	.sidePhotoLayout--photoRight .sidePhotoLayout_photo{
		order: 1;
	}
}

.sidePhotoLayout_photo--padding0{
	padding: 0;
}

.sidePhotoLayout_content{
	flex-grow: 0;
	flex-shrink: 0;
	width: 50%;
	padding: 0 1.5em;
}

.sidePhotoLayout_content--topMargin1{
	padding-top: 1em;
}

.sidePhotoLayout_content--topMargin2{
	padding-top: 2em;
}

.sidePhotoLayout_content--topMargin3{
	padding-top: 3em;
}

@media(min-width: 1025px){
	.sidePhotoLayout--photoLeft .sidePhotoLayout_content{
		order: 1;
	}
	
	.sidePhotoLayout--photoRight .sidePhotoLayout_content{
		order: 0;
	}
}

@media(max-width: 1024px){
	.sidePhotoLayout{
		flex-direction: column;
		align-items: center;
		width: 100%;
		max-width: 30em;
		margin: 0 auto;
	}

	.sidePhotoLayout_photo{
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.sidePhotoLayout_content{
		width: 100%;
		margin: 0 0 2.5em;
		padding: 0;
		padding: 0;
	}
}

.sidePhotoLayout_photoWrapper{
	position: relative;
	width: 100%;
	padding-top: calc(100% / 4 * 3);
}

.sidePhotoLayout_photoWrapper--ratio4to3{
	padding-top: calc(100% / 4 * 3);
}

.sidePhotoLayout_photoWrapper--ratio5to3{
	padding-top: calc(100% / 5 * 3);
}

.sidePhotoLayout_photoImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*---------------------------------
	sidePhotoLayout end
---------------------------------*/

/*---------------------------------
	photoContents start
---------------------------------*/
.photoContents{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.photoContents_item{
	margin-bottom: 1.5em;
}

@media(min-width: 1025px){
	.photoContents_item{
		width: calc(100% / 3 - 2.5% - 1px);
	}
	
	.photoContents_item:not(:nth-of-type(3n)){
		margin-right: calc(2.5% * 3 / 2);
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	.photoContents_item{
		width: calc(100% / 2 - 2.5% - 1px);
	}
	
	.photoContents_item:not(:nth-of-type(2n)){
		margin-right: calc(2.5% * 2);
	}
}

@media(max-width: 600px){
	.photoContents_item{
		width: 100%;
	}
}

.photoContents_imageFrame{
	position: relative;
	width: 100%;
	padding-top: calc(100% / 5 * 3);
	border: 2px solid #CCC;
	background-color: #FFF;
}

.photoContents_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.photoContents_texts{
	padding: 0.5em;
}

.photoContents_texts p{
	margin-bottom: 1em;
}


/*---------------------------------
	photoContents end
---------------------------------*/

/*---------------------------------
	wideBannars start
---------------------------------*/
.wideBannars{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.wideBannarsItem{
	width: calc(100% / 3 - 1px);
	margin: 0 0 2px;
}

@media(min-width: 601px){
	.wideBannars--col2 .wideBannarsItem{
		width: calc(100% / 2 - 1px);
	}

	.wideBannars--col3 .wideBannarsItem{
		width: calc(100% / 3 - 1px);
	}
}

@media(max-width: 600px){
	.wideBannars{
		flex-direction: column;
	}
	
	.wideBannarsItem{
		width: 100%;
	}
}

.wideBannarsItem_inner{
	position: relative;
	height: 25vw;
	overflow: hidden;
}

@media(max-width: 1024px){
	.wideBannarsItem_inner{
		height: 35vw
	}
}

@media(max-width: 600px){
	.wideBannarsItem_inner{
		height: 45vw
	}
}

.wideBannarsItem_bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 105;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.wideBannearsItem_link:hover .wideBannarsItem_bg{
	transform: scale(1.1);
}

.wideBannarsItem_overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.wideBannarsItem_title{
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 115;
	width: 100%;
	margin: 0;
	text-align: center;
	color: #FFF;
	font-size: 150%;
	transform: translate(0, -50%);
}

@media(max-width: 600px){
	.wideBannarsItem_title{
		font-size: 125%;
	}
}

/*---------------------------------
	wideBannars end
---------------------------------*/

/*---------------------------------
	contactBlock start
---------------------------------*/
.contactBlock{
	border: 1px solid #000;
	padding: 1.5em 2em 2em;
}

@media(max-width: 600px){
	.contactBlock{
		padding: 1em;
	}
}

.contactBlock_inner{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.contactBlock_texts{
	width: 100%;
	margin: 0 0 1em;
}

@media(max-width: 600px){
	.contactBlock_texts{
		font-size: 90%;
		margin: 0 0 0.5em;
	}
}

.contactBlock_texts p{
	text-align: center;
	margin: 0 0 0.5em;
}

.contactBlock_tel{
	margin: 0.5em 1em;
}

@media(max-width: 600px){
	.contactBlock_tel{
		margin: 0.5em 0;
	}
}

.contactBlock_telNum{
	display: block;
	font-size: 225%;
	line-height: 125%;
	color: inherit;
}

@media(max-width: 600px){
	.contactBlock_telNum{
		font-size: 225%;
		text-align: center;
	}
}

.contactBlock_telNum:before{
	content: "phone";
	margin: 0 0.125em 0 0;
	font-size: 125%;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}

.contactBlock_telSub{
	margin: 0.5em 0;
}

@media(max-width: 600px){
	.contactBlock_telSub{
		text-align: center;
	}
}

.contactBlock_mailform{
	margin: 0.5em 1em;
}

@media(max-width: 600px){
	.contactBlock_mailform{
		margin: 0.5em 0;
	}
}

.contactBlock_mailformButton{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	max-width: 100%;
	width: 22em;
	padding: 0.5em 1em;
	color: #000;
	border: 1px solid #000;
	transition: color 0.25s, background-color 0.25s;
}

.contactBlock_mailformButton:hover{
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}

.contactBlock_mailformButton:before{
	content: "mail";
	margin: 0 0.5em 0 0;
	font-size: 200%;
	line-height: 100%;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}


@media(max-width: 600px){
	.contactBlock_mailformButton{
		flex-direction: column;
		align-items: center;
		padding: 0.5em;
	}
	
	.contactBlock_mailformButton:before{
		margin: 0 0 0.125em;
		font-size: 300%;
	}
}

/*---------------------------------
	contactBlock end
---------------------------------*/

/*---------------------------------
	contactTelLink start
---------------------------------*/
.contactTelLink[href]{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 250%;
	color: #e94187;
	text-align: center;
}

.contactTelLink[href]:before{
	content: "phone";
	font-size: 125%;
	margin-right: 0.25em;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}

@media(max-width: 600px){
	.contactTelLink[href]{
		font-size: 200%;
	}
}

/*---------------------------------
	contactTelLink end
---------------------------------*/

/*---------------------------------
	mailformTable start
---------------------------------*/
.mailformTable{
	width: 100%;
	font-size: 110%;
}

.mailformTable tr{
	border-bottom: 1px solid #CCC;
}

.mailformTable th,
.mailformTable td{
	padding: 1.25em 1em;
	vertical-align: top;
}

.mailformTable th{
	position: relative;
	width: 15em;
	font-weight: var(--fontWeightBold);
	color: #333;
	padding-right: calc(1em + (3em * 0.75));
}

@media(min-width: 601px){
	.mailformTable_cell--required,
	.mailformTable_cell--optional{
		padding: 1.25em 4.25em 1.25em 1em;
	}
}

.mailformTable_cell--required:after{
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	display: inline-block;
	padding: 0.1em 0.5em;
	content: "\5FC5\9808";
	color: #FFF;
	font-size: 75%;
	background-color: #CC3333;
	border-radius: 5px;
}

@media(max-width: 600px){
	.mailformTable tr{
		display: block;
		padding: 0.5em 0.5em;
	}
	.mailformTable th,
	.mailformTable td{
		display: block;
		width: 100%;
		margin: 0.5em 0;
		padding: 0;
		border: none;
	}
	.mailformTable_cell--required,
	.mailformTable_cell--optional{
		padding: 0 4.25em 0 0;
	}
	.mailformTable_cell--required:after{
		top: 0;
	}
}

.mailformTable_textForm{
	width: 100%;
	font-size: 90%;
	margin: 0 0 0.5em;
	padding: 0.25em 0.5em;
	background: #FFF;
	border: 1px solid #aaa;
	border-radius: 2px;
	outline: none;
	transition: background-color 0.25s;
}

.mailformTable_textForm:last-of-type{
	margin-bottom: 0;
}

.mailformTable_textForm:focus{
	background-color: #FFF;
}

.mailformTable_textForm::placeholder{
	color: inherit;
	opacity: 0.3;
}

.mailformTable_textForm:-ms-input-placeholder{
	color: rgba(0,0,0,0.35);
}

.mailformTable_textForm::-ms-input-placeholder{
	color: rgba(0,0,0,0.35);
}

.mailformTable_textarea{
	width: 100%;
	height: 10em;
	font-size: 90%;
	margin: 0;
	padding: 0.25em 0.5em;
	background: #FFF;
	border: 1px solid #aaa;
	border-radius: 2px;
	outline: none;
	transition: background-color 0.25s;
}

.mailformTable_textarea:focus{
	background-color: #FFF;
}


.mailformTable_textarea::placeholder{
	color: inherit;
	opacity: 0.35;
}

.mailformTable_textarea:-ms-input-placeholder {
	color: rgba(0,0,0,0.35);
}

.mailformTable_textarea::-ms-input-placeholder {
	color: rgba(0,0,0,0.35);
}

.mailformTable .msg{
	color: #FF0000;
}

/*---------------------------------
	mailformTable end
---------------------------------*/

/*---------------------------------
	radiobuttonsList start
---------------------------------*/
.radiobuttonsList{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.radiobuttonsList_item{
	margin: 0.25em 1.5em 0.25em 0;
}

.radiobuttonsList_item label{
	margin: 0;
}

.radiobuttonsList_item input[type="radio"]{
	margin-right: 0.25em;
}

/*---------------------------------
	radiobuttonsList end
---------------------------------*/

/*---------------------------------
	checkboxList start
---------------------------------*/
.checkboxList{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.checkboxList_item{
	margin: 0.25em 1.5em 0.25em 0;
}

.checkboxList_item label{
	margin: 0;
}

.checkboxList_item input[type="checkbox"]{
	margin-right: 0.25em;
}

/*---------------------------------
	radiobuttonsList end
---------------------------------*/

/*---------------------------------
	blog start
---------------------------------*/
.blogLayout{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}

@media(max-width: 1024px){
	.blogLayout{
		flex-direction: column;
	}
}

.blogLayout_articles{
	flex-grow: 1;
	flex-shrink: 1;
}

@media(max-width: 1024px){
	.blogLayout_articles{
		width: 100%;
		margin-bottom: 5em;
	}
}

.blogLayout_sidebar{
	flex-grow: 0;
	flex-shrink: 0;
	width: 25%;
	margin-left: 10%;
}

@media(max-width: 1024px){
	.blogLayout_sidebar{
		width: 100%;
		margin-left: 0;
	}
}

.blogArticlesItem{
	padding: 0;
	margin-bottom: 3em;
	padding-bottom: 5em;
	border-bottom: 1px solid #CCC;
}

.blogArticlesItem_info{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 2em;
}

.blogArticlesItem_cate{
	flex-grow: 0;
	flex-shrink: 1;
	min-width: 6em;
	margin-right: 1em;
	font-size: 90%;
	text-align: center;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
}

.blogArticlesItem_cate a,
.blogArticlesItem_cate a:hover{
	display: block;
	padding: 0.125em 0.5em;
	color: inherit;
	text-decoration: inherit;
}

.blogArticlesItem_date{
	flex-grow: 0;
	flex-shrink: 1;
}

.blogArticlesItem_body{
	margin: 0 0 2em;
}

.blogArticlesItem_body img{
	max-width: 100%;
}

.blogArticlesItemTitle{
	margin-bottom: 0.75em;
	padding: 0.5em 0;
	font-size: 150%;
	font-weight: var(--fontWeightBold);
	color: #000;
	border-bottom: 2px solid #000;
}

.blogArticlesItemTitle_link,
.blogArticlesItemTitle_link:hover{
	color: inherit;
}

.blogArticlesItemTitle_link{
	text-decoration: none;
}

.blogArticlesItemTitle_link:hover{
	text-decoration: underline;
}

.blogWidgets{
	display: flex;
}

@media(min-width: 1025px){
	.blogWidgets{
		flex-direction: column;
	}
}

@media(max-width: 1024px){
	.blogWidgets{
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}

.blogWidgetsItem{
	margin-bottom: 2em;
}

@media(max-width: 1024px) and (min-width: 601px){
	.blogWidgetsItem{
		width: calc(100% / 2 - 1em);
	}
}

@media(max-width: 600px){
	.blogWidgetsItem{
		width: 100%;
	}
}

.blogWidgetsItem_content{
	padding: 0.5em;
}

.blogWidgetsItemListWrapper ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.blogWidgetsItemListWrapper li{
	position: relative;
	padding: 0.25em 0.25em 0.25em calc(0.25em + 1em);
}

.blogWidgetsItemListWrapper li:before{
	content: "・";
	position: absolute;
	top: 0.25em;
	left: 0;
}

.blogWidgetsItemListWrapper li a,
.blogWidgetsItemListWrapper li a:hover{
	color: inherit;
}

.blogWidgetsItemTitle{
	padding: 0.25em 0.25em 0.5em;
	margin-bottom: 0.5em;
	font-size: 125%;
	font-weight: var(--fontWeightBold);
	font-weight: normal;
	border-bottom: 1px solid #333;
}

.blogRssLinkWrapper{
	text-align: left;
}

.blogRssLinkWrapper img{
	display: inline-block;
	width: auto;
	margin: 0 0.1em 0 0;
}

.blogRssLinkWrapper a,
.blogRssLinkWrapper a:hover{
	color: inherit;
}

/*---------------------------------
	blog end
---------------------------------*/

/*---------------------------------
	searchBox start
---------------------------------*/
.searchBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.searchBox_textBox{
	flex-grow: 1;
	flex-shrink: 1;
	width: 100%;
	margin-right: 0.5em;
	padding: 0.25em 0.5em;
	font-size: 90%;
	background: #FFF;
	border: 1px solid #CCC;
	outline: none;
}

.searchBox_textBox::placeholder{
	color: inherit;
	opacity: 0.35;
}

.searchBox_textBox:-ms-input-placeholder {
	color: rgba(0,0,0,0.35);
}

.searchBox_textBox::-ms-input-placeholder {
	color: rgba(0,0,0,0.35);
}

.searchBox_submitButton{
	width: 5em;
	padding: 0.25em 0.5em;
	color: var(--mainTextColor);
	font-size: 90%;
	font-weight: var(--fontWeightBold);
	text-align: center;
	background-color: var(--themeColor);
	border: 2px solid var(--themeColor);
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	transition: color 0.25s, background-color 0.25s;
}

.searchBox_submitButton,
.searchBox_submitButton:hover{
	color: var(--mainTextColor);
}

.searchBox_submitButton:hover{
	color: var(--mainTextColor);
	background-color: #FFF;
}

.searchBox_submitButton input::-webkit-search-decoration{
	display: none;
}

.searchBox_submitButton input::focus{
	outline-offset: -2px;
}

/*---------------------------------
	searchBox end
---------------------------------*/

/*---------------------------------
	pager start
---------------------------------*/
.pager{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	gap: 0.5em 0.75em;
	padding: 0;
	margin: 0;
}

.pager > *{
	margin: 0;
	padding: 0.25em 0.5em;
	color: var(--mainTextColor);
	text-align: center;
	background-color: var(--themeColor);
	border: 2px solid var(--themeColor);
	outline: none;
	transition: color 0.25s, background-color 0.25s;
}

.pager > *.pagerBack{
	padding: 0.5em 1.25em;
}

.pager > a,
.pager > a:hover{
	text-decoration: none;
}

.pager > a:hover,
.pager > span{
	background-color: #FFF;
}

/*---------------------------------
	pager end
---------------------------------*/