/* Created by Artisteer v4.2.0.60623 */

/* font */

/*
 * "Noto Sans JP" is lisenced under the SIL Open Font License 1.1
 * https://fonts.google.com/
 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

@font-face{
	font-family: Noto Sans JP otf;
	src: url("../font/Noto_Sans_JP/NotoSansJP-Regular.otf");
	font-weight: normal;
	font-display: swap;
}

@font-face{
	font-family: Noto Sans JP otf;
	src: url("../font/Noto_Sans_JP/NotoSansJP-Bold.otf");
	font-weight: bold;
	font-display: swap;
}

/*
 * "LigatureSymbols" is lisenced under the SIL Open Font License 1.1
 * http://kudakurage.com/ligature_symbols/
 */

@font-face{
	font-family: "LigatureSymbols";
	src: url("../font/LigatureSymbols/LigatureSymbols-2.11.eot");
	src: url("../font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
		 url("../font/LigatureSymbols/LigatureSymbols-2.11.woff") format("woff"),
		 url("../font/LigatureSymbols/LigatureSymbols-2.11.ttf") format("truetype"),
		 url("../font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
	font-weight: normal;
	font-style: normal;
}



*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a{
	color: #0033FF;
}

a, input[type="submit"], button{
	transition: background-color 0.5s, opacity 0.5s;
}

.pc a:hover,
.pc input[type="submit"]:hover,
.pc button:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.pc a[href*="tel:"],
.pc a[href*="tel:"]:hover{
	cursor: default;
	color: inherit;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.pc a[href*="tel:"]:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

p{
	margin: 0 auto;
}

table{
	table-layout: fixed;
	border-collapse: collapse;
}

input, textarea{
	font-size: 100%;
	font-family: inherit;
}

html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body,html{
	width: 100%;
	padding: 0;
	margin: 0;
	color: #726962;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Noto Sans JP", "Noto Sans JP otf", "Lucida Grande", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	position: relative;
}


@media (max-width: 640px){
	body{
		line-height: 1.5;
	}
}



/* ヘッダー */

header{
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	position: fixed;
	top: 0;
	z-index: 900;
}

.header_layout{
	width: 97%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 1em 3em;
	margin: 0.75rem 0 0.75rem 3%;
	padding: 0;
}

.headerLeft{
	margin: calc(0.5em * 1.25) 0;
}

@media (max-width: 1366px) and (min-width: 641px){
	.header_layout{
		width: 98%;
		margin: 0.75rem 0 0.75rem 2%;
		gap: 1em 2em;
	}
	.headerLeft{
		flex-grow: 1;
	}
}

@media (min-width: 641px){
	.headerLeft{
		display: block;
		white-space: nowrap;
	}
}

@media (max-width: 1281px){
	.headerLeft{
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.5em 0;
		width: 100%;
		margin: 0;
	}
	.header_layout{
		width: 95%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.5em;
		margin: 0 0 1rem 5%;
	}
}

.header_layout .header_logo{
	display: flex;
	flex-wrap: wrap;
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 0 0.25em;
	font-size: 125%;
}

.header_layout .header_logo a{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-decoration: none;
	color: #726962;
}

.header_logo_image{
	display: block;
	margin: 0 0.75em 0 0;
}

.header_logo_image img{
	display: block;
	width: auto;
	height: 3.4em;
	margin: 0;
}

.header_logo_text{
	display: block;
	margin: 0;
	line-height: 1.4;
	font-size: 120%;
}

@media (min-width: 1410px){
	.header_logo_text{
		font-size: 150%;
	}
}

@media (max-width: 650px){

	.header_layout .header_logo{
		display: block;
		margin: 0.5rem 0 0;
		font-size: 112.5%;
	}

	.header_logo_image{
		display: block;
		margin: 0 0.5em 0 0;
	}

	.header_logo_image img{
		display: block;
		width: auto;
		height: 3em;
		margin: 0;
	}

	.header_logo_text, .header_logo_text span{
		line-height: 1.4;
	}

	.header_logo_text{
	}

}

.headerMain{
	display: flex;
	align-items: center;
}

@media (min-width: 1367px){
	.headerMain{
		justify-content: flex-start;
		gap: 0 3em;
	}
}

@media (max-width: 1366px){
	.headerMain{
		width: 100%;
		gap: 0 3em;
		flex-grow: 1;
	}
}

@media (max-width: 820px){
	.headerMain{
		flex-direction: column;
		align-items: flex-start;
		width: auto;
		flex-grow: 0;
	}
}

.headerMainInner{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0;
}

.header_logo_text span{
	display: block;
	font-size: 50%;
}

.mainNav{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0 1em;
}

@media (max-width: 1366px){
	.mainNav{
		width: calc(100% / 95 * 90);
		gap: 0;
	}
	.mainNavButton{
		width: 100%;
	}
}

.headerInfo{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.headerInfo--add{
	margin: 0;
}

@media (max-width: 640px){
	.headerInfo--add{
		font-size: 0.9rem;
	}
}

.headerInfo--tel{
	margin: 0;
	text-decoration: none;
	color: inherit !important;
	font-size: 175%;
}

@media (min-width: 1367px){
	.headerInfo--tel{
		font-size: 200%;
	}
}

@media (max-width: 820px){
	.headerInfo--tel{
		font-size: 125%;
		margin: 0 auto;
	}
}



.headerInfo--tel a{
	text-decoration: none;
	color: inherit !important;
}

.headerInfo--tel:before{
	content: "phone";
	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;
	margin: 0 0.25em 0 0;
}

.mainNavInner{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

@media (max-width: 1081px){
	.mainNavInner{
		flex-direction: row;
	}
}

.mainNavMenu{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	font-size: 112.5%;
	gap: 0 0.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 1366px){
	.mainNavMenu{
		gap: 0;
	}
}

@media (max-width: 1281px){
	.mainNavMenu{
		display: none;
	}
}

.mainNavMenuItem{
	display: flex;
	align-items: stretch;
	position: relative;
}

.mainNavMenuItem a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: inherit;
	padding: 0.5em 0.75em;
	text-decoration: none;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	transition: border 0.25s;
	white-space: nowrap;
}

@media (max-width: 1366px){
	.mainNavMenuItem a{
		padding: 0.5em;
	}
}

.mainNavMenuItem a:hover{
	border-bottom: 3px solid #FF9052;
}

.mainNavButton{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 2px;
	margin: 0;
	text-align: center;
	font-size: 100%;
}

@media (max-width: 1366px){
	.mainNavButton{
		max-width: 16em;
	}
}

@media (max-width: 1281px){
	.mainNavButton{
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 640px){
	.mainNavButton{
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-evenly;
		width: 100%;
		max-width: 100%;
		font-size: 87.5%;
		gap: 1em;
	}
}

.headerNavDropdown{
	position: absolute;
	z-index: 200;
	top: 100%;
	left: 50%;
	width: 12em;
	background-color: transparent;
	visibility: hidden;
	opacity: 0;
	transform: translate(-50%,0);
	transition: all 0.25s;
	padding: 0.75em 0 0;
}

.headerNavDropdownInner{
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding: 0.5em 0;
}

.mainNavMenuItem:hover .headerNavDropdown{
	visibility: visible;
	opacity: 1;
	transform: translate(-50%,0);
}

.mainNavMenuItem a.headerNavDropdownLink{
	padding: 0.5em 0.75em;
	border: none;
	transition: color 0.25s;
}

.mainNavMenuItem a.headerNavDropdownLink:hover{
	border: none;
	color: #FF9052;
}

.mainNavButtonItem{
	display: block;
	width: calc((100% - 2px) / 2);
	background-color: #456682;
	border: 2px solid #456682;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 1em 0.25em;
	transition: border 0.5s, background-color 0.5s, color 0.5s;
}

.mainNavButtonItem:hover{
	background-color: #FFF;
	color: #456682;
}

@media (max-width: 1281px){
	.mainNavButtonItem{
		width: calc((100% - (2px * 3)) / 4);
	}
}

@media (max-width: 820px){
	.mainNavButtonItem{
		width: calc((100% - 1em) / 2);
		padding: 0.75em;
	}
	.mainNavButtonItem--spHide{
		display: none;
	}
}

.header_tel{
	font-size: 150%;
	line-height: 1;
	padding: calc(1em / 1.5) calc(0.25em / 1.5);
}

.header_tel span{
	color: inherit;
	white-space: nowrap;
	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;
	font-weight: normal;
}

.header_menu{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	width: 1.125em;
	aspect-ratio: 1 / 1;
	border-radius: 5px;
	margin: 0 0 0 20px;
	padding: 0;
	background-color: #847E7A;
	position: relative;
	cursor: pointer;
	outline: none;
	border: none;
	font-size: 100%;
}

.header_menu:after{
	content: "";
	display: block;
	padding-top: 100%;
}

.header_menu span{
	display: block;
	width: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.header_menu span img{
	display: block;
	width: 100%;
	margin: 0;
}

.header_menu.active span{
	background-image: url("../images/common/menu_close.svg");
	background-size: contain;
	background-position: center center;
}

.header_menu.active span img{
	visibility: hidden;
}

.header_desc{
	width: 100%;
	margin: 0 auto;
	background-color: #FF9052;
	line-height: 1.6;
}

.header_desc > span{
	display: block;
	width: 70%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0.6em 0 0.8em;
	font-size: 125%;
	color: #FFF;
	text-align: center;
}

.header_desc span.header_desc_sub{
	display: inline-block;
	font-size: 90%;
	color: #FFF;
	text-align: center;
	margin: 0 0.2em;
}


@media (max-width: 1350px){

	.header_layout .header_logo{
		flex-grow: 0;
		flex-shrink: 0;
	}

}

@media (max-width: 1160px) and (min-width: 1025px){
	.header_layout .header_logo{
		font-size: 150%;
	}
	.header_right{
		font-size: 300%;
	}
}


@media (max-width: 1281px){

	.header_desc{
		text-align: center;
	}

	.header_desc span{
		width: 90%;
		padding: 10px 0;
		font-size: 1em;
	}

	.header_desc span.header_desc_sub{
		display: inline;
		width: auto;
		font-size: 90%;
		margin: 0;
		padding: 0;
	}

	.header_right{
		font-size: 225%;
	}

}

@media (max-width: 400px){

	.header_layout .header_logo{
		font-size: 4vw;
	}

	.header_logo_image{
		margin: 0 0.5em 0 0;
	}

}


.sub_header{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 240px;
	margin: 0 auto;
	position: relative;
	background-color: #F4F3F2;
}

.sub_header img{
	display: block;
	width: auto;
	height: 80%;
	margin: 0;
}


@media (max-width: 640px){

	.sub_header{
		height: auto;
	}

	.sub_header img{
		width: 100%;
		height: auto;
	}

}

/* ナビゲーション */

.global_nav{
	display: block;
	width: 100%;
	position: relative;
}

.global_nav_menu{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	background-color: #FFFDF1;
	overflow: auto;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: top center;
	transition: all 0.5s;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	z-index: 100;
}

.nav-active .global_nav_menu{
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
}

.global_nav_menu li{
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #564D47;
}

.global_nav_menu li a{
	display: block;
	width: 70%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 20px 3em 20px 0;
	font-size: 18px;
	color: #564D47;
	text-decoration: none;
	position: relative;
}

.global_nav_menu li a:after{
	content: "next";
	font-size: 200%;
	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;
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.global_nav_menu li a span{
	display: inline-block;
	font-size: 16px;
}

.global_nav_menu li a span:before{
	content: "";
	display: inline-block;
	width: 3em;
	height: 0;
	margin: 0 0.6em;
	vertical-align: middle;
	border-top: 1px dotted #564D47;
}


.global_nav_menu li.global_nav_outpatient{
	display: flex;
	justify-content: center;
	width: auto;
	background-color: #FFF;
	padding: 1em 0;
}

.global_nav_menu li.global_nav_outpatient a{
	width: auto;
	display: flex;
	align-items: center;
	jutify-content: center;
	gap: 0 0.5em;
	font-size: 112.5%;
	border: 2px solid #456682;
	background-color: #456682;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0.45em 1.5em;
	border-radius: 5px;
	transition: border 0.25s, background-color 0.25s, color 0.25s;
}

.pc .global_nav_menu li.global_nav_outpatient a:hover,
.global_nav_menu li.global_nav_outpatient a:hover{
	border: 2px solid #FF9052;
	background-color: #FF9052;
	color: #FFF;
	opacity: 1;
}

.global_nav_menu li.global_nav_outpatient a:after{
	font-size: 150%;
	line-height: 1;
	position: static;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}


@media (min-width: 1025px){

	.global_nav_menu li.global_nav_outpatient{
		display: none;
	}

}


@media (max-width: 640px){

	.nav-active{
		overflow: hidden;
	}

	.global_nav_menu li a{
		width: 90%;
		padding: 1em 2em 1em 0;
		font-size: 1em;
	}

	.global_nav_menu li a:after{
		font-size: 160%;
	}

	.global_nav_menu li a span{
		font-size: 0.8em;
	}

	.global_nav_menu li a span:before{
		width: 2em;
	}

}



/* メイン画像 */

.main_image{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.main_image li{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.main_image img{
	display: block;
	width: 100%;
	margin: 0;
}

.main_image img.ph_slide{
	display: none;
}


@media (max-width: 640px){

	.main_image img.pc_slide{
		display: none;
	}


	.main_image img.ph_slide{
		display: block;
	}

}



/* サブページヘッダー */

.sub-head{
	width: 100%;
	display: block;
	margin: 0 auto;
	background-image: url("../images/common/sub-head.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.sub-head h2{
	width: 70%;
	max-width: 1050px;
	text-align: center;
	margin: 50px auto;
	font-weight: bold;
	font-size: 200%;
	color: #FFF;
	text-shadow: 2px 2px 2px #333;
}



/* メインコンテンツ */

.art-sheet{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.content-wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 90px 0 90px;
	background-color: #FFF;
	overflow: hidden;
}

.content-wrapper:nth-of-type(even){
	background-color: #F4F3F2;
}

.content-wrapper .content-layout{
	width: 70%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0;
}

.content-wrapper:first-of-type .content-layout{
	padding-top: 0;
}

.content-title{
	width: 100%;
	text-align: center;
	font-size: 250%;
	padding: 0;
	color: #FF9052;
	margin: 0 auto 50px;
	font-weight: bold;
}

:not(.index) .content-title{
	font-size: 200%;
}

.content-title span{
	display: block;
	font-size: 65%;
	color: #726962;
	font-weight: normal;
	font-style: italic;
}

.content-title.news{
	width: 100%;
	text-align: center;
	font-size: 175%;
	padding: 0;
	color: #726962;
	margin: 0 auto 50px;
	font-weight: bold;
}

.content-title.news span{
	display: block;
	font-size: 65%;
	font-weight: normal;
	font-style: italic;
}


@media (max-width: 640px){

	.content-wrapper{
		padding: 60px 0;
	}

	.content-wrapper .content-layout{
		width: 80%;
		padding: 0;
	}

	.content-wrapper:first-of-type .content-layout{
		padding-top: 0;
	}

	.content-title,
	:not(.index) .content-title{
		font-size: 150%;
		line-height: 1.4;
		margin-bottom: 30px;
	}

	.content-title.news{
		font-size: 150%;
		margin: 0 auto 20px;
	}

}



/* フッター */

footer{
	background-color: #FF9052;
	line-height: 1.6;
	overflow: hidden;
}

.footer_container{
	width: 90%;
	margin: 30px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 20px 4%;
}

.footer_content{
	display: block;
	margin: 0;
	color: #FFF;
}

.footer_content p{
	display: block;
	width: 100%;
	margin: 0 auto 5px;
	font-size: 18px;
}

.footer_content ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_content ul li{
	width: 100%;
	margin: 0 auto;
}


#copy{
	width: 100%;
	color: #FFF;
	text-align: center;
	margin: 30px auto;
}

@media (max-width: 1366px){
	.footer_container{
		width: 80%;
		max-width: 1050px;
		justify-content: flex-start;
	}
	.footer_content{
		width: calc((100% - 4%) / 2);
	}
}

@media (max-width: 1024px){
	.footer_container{
		width: 90%;
	}
}


@media (max-width: 640px){
	footer{
		font-size: 14px;
		background-color: #FF9052;
		overflow: hidden;
	}
	.footer_container{
		width: 90%;
		flex-direction: column;
	}
	.footer_content,
	.footer_content:nth-of-type(2n){
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.footer_content:nth-of-type(n+2){
		margin-top: 20px;
	}
	.footer_content p{
		font-size: 16px;
	}
}



/* 共通部分 */

.common_logo{
	display: block;
	text-align: center;
}

.common_logo-block{
	display: inline-block;
	font-size: 200%;
	color: #726962;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}

.common_logo-image{
	display: block;
	width: 35%;
	margin: 0 auto 10px;
}

.common_logo-image img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.common_logo-text{
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
}

.common_logo-text span{
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 50%;
}


.common_content_calendar{
	width: 100%;
	table-layout: fixed;
	margin: 0 auto;
	border: 1px solid #AE9B8B;
}

.common_content_calendar tr th{
	width: 10%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background-color: #FF9052;
	padding: 20px 0.4em;
	border: 1px solid #FFF;
	border-top: 1px solid #AE9B8B;
	font-size: 125%;
}

.common_content_calendar tr th:first-of-type{
	width: 30%;
	border-left: 1px solid #AE9B8B;
}

.common_content_calendar tr th:last-of-type{
	border-right: 1px solid #AE9B8B;
}

.common_content_calendar tr td{
	width: 10%;
	color: #E27037;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0.4em;
	border: 1px solid #AE9B8B;
	border-top: none;
	font-size: 100%;
	line-height: 1.2;
}

.common_content_calendar tr td:first-of-type{
	width: 30%;
	background-color: #FFE9E3;
	font-size: 175%;
	line-height: 1.5;
}

.common_content_calendar tr td img{
	display: block;
	width: 2em;
	margin: 0 auto;
}


.common_content_calendar_text{
	margin: 30px auto 20px;
}

.common_content_calendar_text p{
	display: inline-block;
	color: #FF9052;
	font-weight: bold;
	font-size: 125%;
	text-align: left;
}

.common_content_calendar_text span{
	font-weight: normal;
	font-size: 1rem;
}

.common_content_time{
	display: block;
	text-align: center;
	margin: 10px auto 20px;
}

.common_content_time_block{
	display: inline-block;
	font-size: 100%;
	border: 2px solid #ED7052;
	text-align: center;
	color: #ED7052;
	border-radius: 10px;
	overflow: hidden;
	padding: 0 0 0.3em;
}

.common_content_time_block p{
	font-size: 150%;
	display: block;
	background-color: #ED7052;
	color: #FFF;
	padding: 0.2em 5.5em;
	margin: 0 0 0.2em;
}

.common_content_time_block_inner{
	display: inline-table;
	font-size: 150%;
}

.common_content_time_block_inner th{
	font-weight: normal;
	padding-right: 1em;
}

.common_content_time_block_inner td{
	text-align: right;
}

.common_content_time_text{
	color: #ED7052;
}


.common_content_calendar_sup{
	padding: 0;
	list-style: none;
	margin: 0 auto 30px;
}

.common_content_calendar_sup li{
	position: relative;
	padding-left: 1.2em;
}

.common_content_calendar_sup li:before{
	content: "・";
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}

.common_content_calendar_sup_text{
	text-align: center;
	width: 100%;
	margin: 30px auto 0;
	color: #ED7052;
	font-size: 125%;
}


@media (max-width: 640px){

	.common_logo-text{
		font-size: 80%;
	}

	.common_logo-text span{
		font-size: 55%;
	}


	.common_content_calendar tr > *:first-child{
		width: 4.6em !important;
	}

	.common_content_calendar tr th,
	.common_content_calendar tr td{
		font-size: 80%;
		padding: 0.4em 0.3em;
	}

	.common_content_calendar tr td{
		font-weight: normal;
	}

	.common_content_calendar tr td{
		font-weight: normal;
		font-size: 50%;
	}

	.common_content_calendar tr td:first-of-type{
		font-size: 80%;
	}

	.common_content_calendar tr td img{
		width: 60%;
	}

	.common_content_time_block{
		width: 100%;
	}

	.common_content_time_block p{
		font-size: 125%;
		padding: 0.2em 1em;
	}

	.common_content_calendar_sup_text{
		font-size: 100%;
	}

	.common_content_time_text{
		font-size: 90%;
		margin-top: 1em;
	}

}


.common_content_map{
	display: block;
	width: 100%;
	height: 360px;
	border: 3px solid #AAA;
}

.common_access{
	display: block;
	font-size: 150%;
	color: #726962;
	text-align: center;
	margin: 20px auto 30px;
}

.common_access span{
	display: inline-block;
	padding: 0.2em 0.6em 0.3em;
	color: #FFF;
	background-color: #726962;
	border-radius: 5px;
	margin: 5px 1em 0 0;
	font-size: 85%;
}

.common_access span:last-of-type{
	margin-right: 0;
}


.common_contact{
	text-align: center;
}

.common_contact-title{
	text-align: center;
	margin: 2em auto 0;
}

.common_contact-title span{
	font-size: 112.5%;
	color: #FF9052;
	display: inline-block;
	border-bottom: 1px solid #FF9052;
}

.common_contact-clinic{
	display: inline-block;
	color: #726962;
	text-align: center;
	margin: 0.8em auto 0;
	font-size: 200%;
	font-weight: bold;
}

.common_contact-clinic a{
	display: block;
	font-size: 200%;
	font-weight: bold;
	margin: 0 0 0.4em;
}

.common_contact-clinic a:before{
	content: "phone";
	display: inline-block;
	font-size: 80%;
	width: calc(1em / 8 * 10);
	height: calc(1em / 8 * 10);
	line-height: calc(1em / 8 * 10);
	margin: 0 0.2em 0 0;
	-webkit-transform: translateX(0) translateY(-0.1em);
	-moz-transform: translateX(0) translateY(-0.1em);
	-ms-transform: translateX(0) translateY(-0.1em);
	-o-transform: translateX(0) translateY(-0.1em);
	transform: translateX(0) translateY(-0.1em);
	text-align: center;
	background-color: #726962;
	color: #FFF;
	font-size: 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;
	border-radius: 5px;
}

.common_contact-shop{
	display: block;
	color: #726962;
	text-align: center;
	margin: 0 auto 1em;
}

.common_contact-shop span{
	color: #726962;
	display: inline-block;
	border: 1px solid #726962;
	padding: 0.2em 1em;
	border-radius: 5px;
	margin: 0 1em 0 0;
	-webkit-transform: translateX(0) translateY(-0.3vw);
	-moz-transform: translateX(0) translateY(-0.3vw);
	-ms-transform: translateX(0) translateY(-0.3vw);
	-o-transform: translateX(0) translateY(-0.3vw);
	transform: translateX(0) translateY(-0.3vw);
}

.common_contact-shop a{
	color: #726962;
	display: inline-block;
	font-weight: bold;
	font-size: 225%;
}


.common_banner-block{
	width: calc(100% * 10 / 9);
	display: block;
	margin: 0 auto 0 calc(100% * 10 / 8 * 0.05 * -1);
}

.common_banner-block img{
	width: 100%;
	display: block;
	margin: 0 auto;
}


@media (max-width: 640px){

	.common_logo-block{
		display: inline-block;
		font-size: 150%;
		color: #726962;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
	}

	.common_logo-image{
		display: block;
		width: 50%;
		max-width: 50%;
		margin: 0 auto 10px;
	}


	.common_content_calendar_text{
		margin: 10px auto 20px;
	}

	.common_content_calendar_text p{
		font-weight: normal;
		font-size: 80%;
	}


	.common_content_calendar_sup{
		padding: 0;
		list-style: none;
		margin: 0 auto 30px;
	}

	.common_content_calendar_sup li{
		position: relative;
		padding-left: 1.2em;
	}

	.common_content_calendar_sup li:before{
		content: "・";
		font-weight: bold;
		position: absolute;
		top: 0;
		left: 0;
	}



	.common_content_map{
		height: 220px;
		border: 1px solid #AAA;
	}

	.common_access{
		font-size: 4vw;
	}

	.common_access span{
		font-size: 85%;
	}


	.common_contact-title span{
		font-size: 100%;
	}


	.common_contact-clinic{
		font-size: 100%;
		margin-top: 1.5em;
	}

	.common_contact-clinic a{
		font-size: 200%;
		color: inherit;
		text-decoration: none;
		margin: 0 auto 0.75em;
	}


	.common_contact-shop{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 2em auto;
	}

	.common_contact-shop span{
		margin: 0 1em 0 0;
		padding: 0.2em 0.6em 0.3em;
		font-size: 90%;
	}

	.common_contact-shop a{
		font-size: 125%;
		text-decoration: none;
	}

}


.ph_br{
	display: none;
}

@media (max-width: 1050px){

}



@media (max-width: 960px){

}



@media (max-width: 640px){

	.ph_br{
		display: block;
	}

	.pc_br, .res_hide{
		display: none !important;
	}

}


.back_top{
	display: block;
	width: 100%;
	margin: 50px auto 0;
	text-align: center;
}

.back_top img{
	display: inline-block;
	width: 60%;
	max-width: 460px;
}


@media (max-width: 640px){

	.back_top img{
		width: 80%;
		max-width: 80%;
	}

}



.precautionsImage{
	display: block;
	width: 80%;
	margin: 40px auto 0;
}


@media (max-width: 640px){

	.precautionsImage{
		width: 100%;
	}

}


.margin--top{
	margin-top: 2em;
}


.margin--bottom1{
	margin-bottom: 1rem !important;
}

.margin--bottom2{
	margin-bottom: 2rem !important;
}

.margin--bottom3{
	margin-bottom: 3rem !important;
}

.margin--bottom4{
	margin-bottom: 4rem !important;
}

.margin--bottom5{
	margin-bottom: 5rem !important;
}


.footButton{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	position: sticky;
	bottom: 0;
	left: 0;
}

@media (min-width: 821px){
	.footButton{
		display: none;
	}
}

.footButtonItem{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0 1em;
	width: 50%;
	border: 3px solid var(--buttonColor);
	background-color: var(--buttonColor);
	color: #FFF;
	text-decoration: none;
	padding: 1em;
	transition: background-color 0.25s, color 0.25s;
	font-weight: bold;
	font-size: 100%;
}

.footButtonItem:hover{
	text-decoration: none;
	opacity: 1 !important;
	background-color: #FFF;
	color: var(--buttonColor);
}

.footButtonItem--blue{
	--buttonColor: #456682;
}

.footButtonItem--orange{
	--buttonColor: #cc4859;
}

.footButtonText{
	color: inherit;
	font-weight: inherit;
	font-size: 100%;
}

.iconButton{
	display: flex;
	justify-content: center;
	margin: 1.5rem auto 0;
}

.iconButton--marginBottom{
	margin-bottom: 3rem;
}

.iconButton:before,
.iconButton:after{
	display: none !important;
}

.iconButton--large{
	font-size: 100%;
}

@media (min-width: 641px){
	.iconButton--large{
		font-size: 125%;
	}
}


.iconButtonInner{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	padding: 0.5em 1.25em;
	border-radius: 5px;
	background-color: #FF9052;
	color: #FFF;
	font-size: 125%;
	text-decoration: none;
	width: auto !important;
}

.iconButton--colorLightblue .iconButtonInner{
	background-color: #52b1ff;
}

.iconButtonInner:hover{
	opacity: 0.7;
}

.iconButtonText{
	display: block;
}

.iconButton--next .iconButtonInner:after{
	content: "right";
	display: block;
	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;
	color: #FFF;
	font-size: 150%;
	margin: 0;
	line-height: 1;
}

.iconButton--file .iconButtonInner:before{
	content: "file";
	display: block;
	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;
	color: #FFF;
	font-size: 150%;
	margin: 0;
	line-height: 1;
}

.iconButton--cal .iconButtonInner:before{
	content: "dailycalendar";
	display: block;
	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;
	color: #FFF;
	font-size: 150%;
	margin: 0;
	line-height: 1;
}

.iconButton--onlineshopping .iconButtonInner:before{
	content: "pc";
	display: block;
	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;
	color: #FFF;
	font-size: 150%;
	margin: 0;
	line-height: 1;
}

.kentFoter{
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0.5em 1em;
	background-color: #FF9052;
	color: #FFF;
	font-size: 100%;
	text-align: center;
}

.kentFoter a,
.kentFoter a:hover{
	width: 100%;
	color: #FFF;
	font-size: 100%;
}


/*---------------------------------
	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;
	}

	@media(max-width: 1024px) and (min-width: 601px){
		&.buttons--tbAlignLeft{
			justify-content: flex-start;
		}
	}

	@media(max-width: 600px){
		&.buttons--spAlignLeft{
			justify-content: flex-start;
		}
	}

	& a{
		text-decoration: none;
	}

	& input{
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		box-sizing: border-box;
		cursor: pointer;
		
		&::-webkit-search-decoration{
			display: none;
		}

		&::focus{
			outline-offset: -2px;
		}
	}
}

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

/*---------------------------------
	standardButton start
---------------------------------*/
.standardButton{
	--p-color: #FF9052;
	--p-color-contrast: #FFF;
	--p-borderWidth: 2px;
	--p-paddingX: 1em;
	--p-paddingY: 1em;
	display: block;
	position: relative;
	max-width: 100%;
	min-width: 15em;
	padding: var(--p-paddingY) var(--p-paddingX) calc(var(--p-paddingY) * 1.2);
	color: var(--p-color-contrast);
	text-align: center;
	font-weight: var(--f-weight-bold);
	text-decoration: none;
	background-color: var(--p-color);
	border:  var(--p-borderWidth) solid var(--p-color);
	border-radius: 5px;
	outline: none !important;
	transition: background-color 0.25s, color 0.25s;
	
	&:hover{
		color: var(--p-color);
		text-decoration: none;
		background-color: var(--p-color-contrast);
	}
	
	&.standardButton--next{
		padding-right: calc(var(--p-paddingX) + 1em);
		
		&:before{
			content: "right";
			position: absolute;
			top: 50%;
			right: .75em;
			transform: translateY(-50%);
			font-family: 'LigatureSymbols';
			font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;
			font-weight: 400;
			font-size: 100%;
		}
	}
	
	&.standardButton--prev{
		padding-left: calc(var(--p-paddingX) + 1em);
		
		&:before{
			content: "left";
			position: absolute;
			top: 50%;
			left: .75em;
			transform: translateY(-50%);
			font-family: 'LigatureSymbols';
			font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;
			font-weight: 400;
			font-size: 100%;
		}
	}

	&.standardButton--small{
		--p-PaddingX: 1.5em;
		--p-PaddingY: 0.5em;
		font-size: 90%;
	}
	
	&.standardButton--negative{
		--p-color: #666;
		--p-color-contrast: #FFF;
		min-width: 0;
		font-size: 90%;
	}

	&.standardButton--x{
		--p-color: #000;
		--p-color-contrast: #FFF;
	}

	&.standardButton--facebook{
		--p-color: #1877f2;
		--p-color-contrast: #FFF;
	}

	&.standardButton--line{
		--p-color: #06c655;
		--p-color-contrast: #FFF;
	}

	&.standardButton--instagram{
		position: relative;
		padding: calc(var(--p-paddingY) + var(--p-borderWidth)) calc(var(--p-paddingX) + var(--p-borderWidth));
		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;
		
		&:before{
			content: "";
			position: absolute;
			top: 2px;
			left: 2px;
			width: calc(100% - (var(--p-borderWidth) * 2));
			height: calc(100% - (var(--p-borderWidth) * 2));
			background-color: #FFF;
			visibility: hidden;
			opacity: 0;
			transition: all 0.25s;
		}

		&:hover{
			&:before{
				visibility: visible;
				opacity: 1;
			}
			
			& 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
---------------------------------*/

/*---------------------------------
	nColumsContents start
---------------------------------*/
.nColumsContents{
	--gapX: clamp(1em, 2vw, 2em);
	--gapY: clamp(1em, 3vw, 3em);
	--col: 2;
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: var(--gapY) var(--gapX);
	padding: 0;
	margin: 0;
}

.nColumsContents_item{
	width: calc((100% - var(--gapX) * (var(--col) - 1) - 1px) / var(--col));
}

@media(min-width: 1025px){
	& .nColumsContents--pcCol4{
		--col: 4;
	}
	
	& .nColumsContents--pcCol3{
		--col: 3;
	}
	
	& .nColumsContents--pcCol2{
		--col: 2;
	}
	
	& .nColumsContents--pcCol1{
		--col: 1;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	& .nColumsContents{
		--col: 2;
	}
	
	& .nColumsContents--tbCol4{
		--col: 4;
	}
	
	& .nColumsContents--tbCol3{
		--col: 3;
	}
	
	& .nColumsContents--tbCol2{
		--col: 2;
	}
	
	& .nColumsContents--tbCol1{
		--col: 1;
	}
}

@media(max-width: 600px){
	& .nColumsContents{
		--col: 1;
	}
	
	& .nColumsContents--spCol4{
		--col: 4;
	}
	
	& .nColumsContents--spCol3{
		--col: 3;
	}
	
	& .nColumsContents--spCol2{
		--col: 2;
	}
	
	& .nColumsContents--spCol1{
		--col: 1;
	}
}

.nColumsContents_itemLink,
.nColumsContents_itemLink:hover{
	display: block;
	text-decoration: none;
	color: inherit;
}

/*---------------------------------
	nColumsContents end
---------------------------------*/

/*---------------------------------
	imageFrame start
---------------------------------*/
.imageFrame{
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.imageFrame--ratio1to1{
	aspect-ratio: 1 / 1;
}

.imageFrame--ratio4to3{
	aspect-ratio: 4 / 3;
}

.imageFrame--ratio5to3{
	aspect-ratio: 5 / 3;
}

.imageFrame--ratio5to2{
	aspect-ratio: 5 / 2;
}

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

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

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

/*---------------------------------
	margin start
---------------------------------*/
.mb-0{
	margin-bottom: 0 !important;
}

.mb-half{
	margin-bottom: 0.5rem !important;
}

.mb-1{
	margin-bottom: 1rem !important;
}

.mb-2{
	margin-bottom: 2rem !important;
}

.mb-3{
	margin-bottom: 3rem !important;
}

.mb-4{
	margin-bottom: 4rem !important;
}

.mb-5{
	margin-bottom: 5rem !important;
}

.mb-6{
	margin-bottom: 6rem !important;
}

.mb-7{
	margin-bottom: 7rem !important;
}

.mb-8{
	margin-bottom: 8rem !important;
}

.mb-9{
	margin-bottom: 9rem !important;
}

.mb-10{
	margin-bottom: 10rem !important;
}

@media(min-width: 1025px){
	& .mb-pc-0{
		margin-bottom: 0 !important;
	}

	& .mb-pc-1{
		margin-bottom: 1rem !important;
	}

	& .mb-pc-2{
		margin-bottom: 2rem !important;
	}

	& .mb-pc-3{
		margin-bottom: 3rem !important;
	}

	& .mb-pc-4{
		margin-bottom: 4rem !important;
	}

	& .mb-pc-5{
		margin-bottom: 5rem !important;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	& .mb-tb-0{
		margin-bottom: 0 !important;
	}

	& .mb-tb-1{
		margin-bottom: 1rem !important;
	}

	& .mb-tb-2{
		margin-bottom: 2rem !important;
	}

	& .mb-tb-3{
		margin-bottom: 3rem !important;
	}

	& .mb-tb-4{
		margin-bottom: 4rem !important;
	}

	& .mb-tb-5{
		margin-bottom: 5rem !important;
	}
}

@media(max-width: 600px){
	& .mb-sp-0{
		margin-bottom: 0 !important;
	}

	& .mb-sp-1{
		margin-bottom: 1rem !important;
	}

	& .mb-sp-2{
		margin-bottom: 2rem !important;
	}

	& .mb-sp-3{
		margin-bottom: 3rem !important;
	}

	& .mb-sp-4{
		margin-bottom: 4rem !important;
	}

	& .mb-sp-5{
		margin-bottom: 5rem !important;
	}
}

.mt-0{
	margin-top: 0 !important;
}

.mt-half{
	margin-top: 0.5rem !important;
}

.mt-1{
	margin-top: 1rem !important;
}

.mt-2{
	margin-top: 2rem !important;
}

.mt-3{
	margin-top: 3rem !important;
}

.mt-4{
	margin-top: 4rem !important;
}

.mt-5{
	margin-top: 5rem !important;
}

@media(min-width: 1025px){
	& .mt-pc-0{
		margin-top: 0 !important;
	}
	
	& .mt-pc-half{
		margin-top: 0.5rem !important;
	}

	& .mt-pc-1{
		margin-top: 1rem !important;
	}

	& .mt-pc-2{
		margin-top: 2rem !important;
	}

	& .mt-pc-3{
		margin-top: 3rem !important;
	}

	& .mt-pc-4{
		margin-top: 4rem !important;
	}

	& .mt-pc-5{
		margin-top: 5rem !important;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	& .mt-tb-0{
		margin-top: 0 !important;
	}

	& .mt-tb-1{
		margin-top: 1rem !important;
	}

	& .mt-tb-2{
		margin-top: 2rem !important;
	}

	& .mt-tb-3{
		margin-top: 3rem !important;
	}

	& .mt-tb-4{
		margin-top: 4rem !important;
	}

	& .mt-tb-5{
		margin-top: 5rem !important;
	}
}

@media(max-width: 600px){
	& .mt-sp-0{
		margin-top: 0 !important;
	}

	& .mt-sp-1{
		margin-top: 1rem !important;
	}

	& .mt-sp-2{
		margin-top: 2rem !important;
	}

	& .mt-sp-3{
		margin-top: 3rem !important;
	}

	& .mt-sp-4{
		margin-top: 4rem !important;
	}

	& .mt-sp-5{
		margin-top: 5rem !important;
	}
}

/*---------------------------------
	margin end
---------------------------------*/

/*---------------------------------
	text start
---------------------------------*/
.t-alignCenter{
	text-align: center;
}

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

@media(min-width: 1025px){
	& .t-pcAlignCenter{
		text-align: center;
	}
}

@media(max-width: 600px){
	& .t-spAlignLeft{
		text-align: left;
	}
}

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

.t-size80{
	font-size: 80%;
}

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

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

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

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

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

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

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

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

@media(min-width: 1025px){
	.t-pcSize70{
		font-size: 70%;
	}
	
	.t-pcSize80{
		font-size: 80%;
	}
	
	.t-pcSize90{
		font-size: 90%;
	}
	
	.t-pcSize100{
		font-size: 100%;
	}
	
	.t-pcSize110{
		font-size: 110%;
	}

	.t-pcSize125{
		font-size: 125%;
	}

	.t-pcSize150{
		font-size: 150%;
	}

	.t-pcSize175{
		font-size: 175%;
	}

	.t-pcSize200{
		font-size: 200%;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	.t-tbSize70{
		font-size: 70%;
	}
	
	.t-tbSize80{
		font-size: 80%;
	}
	
	.t-tbSize90{
		font-size: 90%;
	}
	
	.t-tbSize100{
		font-size: 100%;
	}
	
	.t-tbSize110{
		font-size: 110%;
	}

	.t-tbSize125{
		font-size: 125%;
	}

	.t-tbSize150{
		font-size: 150%;
	}

	.t-tbSize175{
		font-size: 175%;
	}

	.t-tbSize200{
		font-size: 200%;
	}
}

@media(max-width: 600px){
	.t-spSize70{
		font-size: 70%;
	}
	
	.t-spSize80{
		font-size: 80%;
	}
	
	.t-spSize90{
		font-size: 90%;
	}
	
	.t-spSize100{
		font-size: 100%;
	}
	
	.t-spSize110{
		font-size: 110%;
	}

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

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

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

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

.t-weightBold{
	font-weight: bold;
}

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

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

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

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

.t-colorBlack{
	color: #333;
}

.t-colorGray{
	color: #888;
}

.t-inlineBlock{
	display: inline-block;
}

.t-breakWord{
	word-break: break-all;
}

.t-underline{
	text-decoration: underline;
}

/*---------------------------------
	text end
---------------------------------*/