/* font */

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


/*---------------------------------
	CSSカスタムプロパティ start
---------------------------------*/
:root {
	/* Noto Sans Japanese */
	--fontFamily: "Noto Sans JP", YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	--fontWeightNormal: 400; /* 通常フォント太さ */
	--fontWeightBold: 600; /* 太文字フォント太さ */

	--mainBgColor: #FFF; /* 背景色 */
	--mainTextColor: #333;  /* 文字色 */

	--themeColor: #4870A2;
	--subColorRed: #C23131;

	/* ヘッダー */
	--headerBgColor: #FFF; /* 背景色 */
	--headerTextColor: var(--mainTextColor); /* 文字色 */

	/* ヘッダーメニュー */
	--headerMenuBgColor: var(--themeColor); /* 背景色 */
	--headerMenuTextColor: #FFF; /* 文字色 */

	/* ドロワーナビ(タブレット、スマホ時) */
	--drawerNavButtonBgColor: var(--headerMenuBgColor); /* ボタン背景色 */
	--drawerNavButtonIconColor: var(--headerMenuTextColor); /* ボタンアイコン色 */
	--drawerNavBodyBgColor: var(--headerMenuBgColor); /* 背景色 */
	--drawerNavBodyTextColor: var(--headerMenuTextColor); /* 文字色 */

	/* フッター */
	--footerBgColor: var(--themeColor); /* 背景色 */
	--footerTextColor: #FFF; /* 文字色 */

	/* ボタン */
	--buttonBgColor: var(--themeColor); /* 背景色 */
	--buttonActiveBgColor: #FFF; /* ホバー時背景色 */
	--buttonTextColor: #FFF; /* 文字色 */
	--buttonActiveTextColor: #333; /* ホバー時文字色 */
	--buttonBorderColor: var(--buttonBgColor); /* 枠線色 */

	/* 表1 表2 表スタイル 通常 (standardTable--borderGrid・nColumsContents--borderGrid) */
	--tableBordergridHeadBgColor: rgba(0,0,0,0.1); /* th背景色 */
	--tableBordergridHeadTextColor: var(--mainTextColor); /* th文字色 */
	--tableBordergridCellBgColor: transparent; /* td背景色 */
	--tableBordergridCellTextColor: var(--mainTextColor); /* td文字色 */
	--tableBordergridBorderColor: #CCC; /* 枠線色 */
}

/*---------------------------------
	CSSカスタムプロパティ end
---------------------------------*/

html,body{
	font-family: var(--fontFamily);
	font-size: 18px;
	font-weight: var(--fontWeightNormal);
	color: var(--mainTextColor);
}

body.nav-active{
	overflow-y: hidden;
}

/* common */

a[href^="tel:"] {
	cursor: default;
	color: inherit;
	font-size: inherit;
	text-decoration: inherit;
	line-height: inherit;
}

a[href^="tel:"]:hover img{
	opacity: 1;
}

table{
	table-layout: fixed;
	width: 100%;
}

table th,
table td{
	border-bottom: 1px solid #BFBFBF;
	padding: 1em;
	vertical-align: top;
}

body{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body > *{
	flex-grow: 0;
	flex-shrink: 0;
}

body > main{
	flex-grow: 1;
}

/* headline */
.en-title{
	font-size: 275%;
	text-align: center;
	margin-bottom: 1em;
}

@media(max-width: 750px){
	.en-title{
		font-size: calc(275% * 0.7);
		margin-bottom: calc(1em * 0.7);
	}
}

.je-title{
	font-size: 200%;
	text-align: center;
	margin-bottom: 1.5em;
}

.je-title .j,
.je-title .e{
	display: block;
	line-height: 125%;
}

.je-title .e{
	font-size: 50%;
}

@media(max-width: 750px){
	.je-title{
		font-size: calc(200% * 0.7);
		margin-bottom: calc(1.5em * 0.7);
	}
}

/* buttons */

/* reset start */

input[type="submit"],
input[type="button"],
input[type="reset"]{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
	display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
	outline-offset: -2px;
}


/* reset end */

.buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 120%;
	margin-top: 3em;
	margin-bottom: 3em;
}

.buttons > *{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 0.5em;
	font-size: inherit;
	margin: 0.5em 1em;
	padding: 0.5em 2em;
	color: var(--buttonTextColor);
	border: 2px solid var(--buttonBorderColor);
	text-align: center;
	background-color: var(--buttonBgColor);
	transition: all 0.25s;
}

.buttons > *:hover{
	color: var(--buttonActiveTextColor);
	background-color: var(--buttonActiveBgColor);
	text-decoration: none;
}

@media(max-width: 750px){
	.buttons{
		font-size: calc(120% * 0.7);
	}
}

.button--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: 100%;
	line-height: 1;
	transform: translateY(10%);
}

.button--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: 100%;
	line-height: 1;
	transform: translateY(10%);
}


/* header */

header{
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	z-index: 200;
	padding: 0.5em 0 0.75em;
	box-shadow: 0 2px 4px rgba(51,51,51,0.3);
}

body{
}

@media(max-width: 750px){
	header{
		font-size: 70%;
	}
}

.header-inner{
	max-width: 1180px;
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headerLogo{
	font-size: 175%;
	font-weight: var(--fontWeightBold);
	margin: 0;
}

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

.headerLogoLink,
.headerLogoLink:hover{
	color: inherit;
	text-decoration: none;
}

.headerLogoLayout{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 0 0.5em;
}

.headerLogoImage{
	display: block;
}

.headerLogoImage img{
	display: block;
	width: auto;
	height: 2.5em;
}

.headerLogoText{
	margin: 0;
}

.header-navbutton{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	cursor: pointer;
}

.header-navbutton-text{
	line-height: 150%;
	font-size: 125%;
	margin: 1em;
}

@media(max-width: 750px){
	.header-navbutton-text{
		display: none;
	}
}

.header-navbutton-icon{
	font-size: 250%;
	width: 1.5em;
	height: 1.5em;
	position: relative;
}

.header-navbutton-icon-open{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1em;
	height: 0.75em;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	transition: all 0.5s;
}

.header-navbutton-icon-open:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 3px;
	background-color: #000;
}

body.nav-active .header-navbutton-icon-open{
	visibility: hidden;
	opacity: 0;
}

.header-navbutton-icon-close{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

body:not(.nav-active) .header-navbutton-icon-close{
	visibility: hidden;
	opacity: 0;
}

.header-navbutton-icon-close:before,
.header-navbutton-icon-close:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1.25em;
	height: 3px;
	background-color: #000;
}

.header-navbutton-icon-close:before{
	transform: translate(-50%,-50%) rotate(45deg);
}

.header-navbutton-icon-close:after{
	transform: translate(-50%,-50%) rotate(-45deg);
}

/* nav */
.nav-main{
	display: block;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #FFF;
	padding: 80px 0 0;
	transform: translate(0, 10px);
	transition: all 0.25s ease;
}

.nav-active .nav-main{
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
	transition: all 0.5s ease;
}

.nav-inner{
	max-width: 1180px;
	width: 90%;
	margin: 0 auto;
	padding: 100px 0;
}

.nav-info{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 100px;
}

.nav-info-tel-no{
	font-size: 200%;
}

.nav-linklist{
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em 2em;
	flex-wrap: wrap;
	font-size: 150%;
}

.nav-linklist-item{
	flex-grow: 0;
	flex-shrink: 0;
	width: calc((100% - (2em * 3)) / 4);
	margin: 0;
}

@media(max-width: 1150px){
	.nav-linklist-item{
		width: calc((100% - 2em) / 2);
	}
}

@media(max-width: 750px){
	.nav-linklist-item{
		width: 100%;
	}
}

.nav-linklist-link,
.nav-linklist-link:hover{
	color: #000;
	text-decoration: none;
}

.nav-linklist-link{
	display: block;
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 2px solid #CCC;
}

.nav-current-active .nav-linklist-link{
	border-bottom: 2px solid #0000cd;
}

.nav-sublinklist{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	font-size: calc(1.5em * 0.75);
}

.nav-sublinklist-item{
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0.5em 2em;
}

.nav-sublinklist-link,
.nav-sublinklist-link:hover{
	color: #666;
}

@media(max-width: 750px){
	.nav-main{
		font-size: 0.7em;
	}
	
	.nav-inner{
		padding: 2.5em 0;
	}
	
	
	.nav-info{
		margin: 0 0 2.5em;
	}
	
	.nav-linklist{
		margin: 0 0 1em;
	}
	
	.nav-linklist-item{
		margin: 0 0 0.5em;
	}
	
	.nav-linklist-link{
		padding: 0.25em 0 0.25em 0.25em;
	}
	
	.nav-sublinklist{
		font-size: 100%;
	}
}

/* footer */
footer{
	background-color: var(--footerBgColor);
	color: var(--footerTextColor);
}

@media(max-width: 750px){
	footer{
		font-size: 80%;
	}
}

.footer-inner{
	max-width: calc(1024px / 9 * 10);
	width: 90%;
	margin: 2em auto 1em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5em 0;
}

.footerLayout{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 3em;
	width: 100%;
}

@media(max-width: 1024px){
	.footerLayout{
		flex-wrap: wrap;
	}
}

@media(max-width: 980px){
	.footerLayout{
		gap: 0 2em;
	}
}

@media(max-width: 750px){
	.footerLayout{
		flex-wrap: wrap;
	}
}

.footer-logo{
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 200%;
	font-weight: var(--fontWeightNormal);
	max-width: 100%;
}

.footer-logo img{
	display: block;
	width: auto;
	height: 2em;
}

.footer-info{
	flex-grow: 0;
	flex-shrink: 0;
	max-width: 100%;
	margin: 1em 0 0;
}

.footer-info p{
	margin: 0;
}

.footerContact{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-grow: 1;
	margin: 1em 0 0;
}

@media(max-width: 1024px){
	.footerContact{
		justify-content: flex-start;
		wodth: 100%;
	}
}

@media(max-width: 750px){
	.footerContact{
		justify-content: flex-start;
	}
}

.footerContactLink{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 0.5em;
	font-size: inherit;
	margin: 0;
	padding: 0.75em 2em;
	color: #FFF;
	border: 2px solid #FFF;
	text-align: center;
	background-color: transparent;
	transition: all 0.25s;
}

@media(max-width: 980px){
	.footerContactLink{
		font-size: 90%;
		padding: 0.5em 1em 0.75em;
	}
}

.footerContactLink:hover{
	color: var(--footerBgColor);
	background-color: #FFF;
	text-decoration: none;
}

.footerContactLinkt: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: 125%;
	line-height: 1;
	transform: translateY(10%);
}

.footer-linklist{
	flex-grow: 0;
	flex-shrink: 0;
	width: 100%;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.footer-linklist-item{
	margin: 0.25em 2em 0.25em 0;
}

.footer-linklist-link,
.footer-linklist-link:hover{
	color: inherit;
}

.footer-copy{
	text-align: center;
	margin: 0;
	padding: 0.5em 1em;
}

.kentFooter{
	width: 100%;
	background-color: var(--footerBgColor);
	text-align: center;
	margin: 0;
	padding: 0.5em 1em;
	color: #FFF;
}

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

/* section */
section{
	padding: 4em 0 6em;
}

.section--color{
	background-color: #EFF6FF;
}

.section-inner{
	max-width: 1024px;
	width: 90%;
	margin: 0 auto;
}

@media(max-width: 750px){
	section{
		padding: 3em 0 5em;
	}
}

/* kentFooter */
.kentFooter{
	text-align: center;
	margin: 0;
	padding: 0.25em 1em;
	background-color: var(--themeColor);
	color: #FFF;
}

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

/*---------------------------------
	contentAlign start
---------------------------------*/

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

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

.contentAign--right{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
}

.contentAign--textGap{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 1em;
	margin: 0;
}

.contentAignInner{
	display: block;
	width: 60%;
}


@media(max-width: 1024px){
	.contentAign--tabColumnCenter{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
}

@media(max-width: 600px){
	.contentAign--spColumnCenter{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
}

/*---------------------------------
	contentAlign end
---------------------------------*/

/*---------------------------------
	commonList end
---------------------------------*/

.commonList{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.commonListItem{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 0.5em;
	margin: 0;
}

.commonListItem:before{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
}

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

.commonListItem--extra{
	justify-content: flex-end;
	width: 100%;
	padding-top: 0.5em;
}

.commonListItem--extra:before{
	display: none !important;
}

.commonListItem--extra .commonListInner{
	width: auto;
}

@media(min-width: 961px){
	.commonList--col2{
		width: 100%;
		flex-direction: row;
		gap: 0.5em 2em;
	}
	.commonList--col2 > li{
		width: calc((100% - 2em) / 2);
	}
}

.commonList--space > .commonListItem:not(:first-of-type){
	margin-top: 1em;
}

.commonList--full > .commonListItem{
	width: 100%;
}

.commonList--dots > .commonListItem:before{
	content: "";
	display: block;
	width: 0.3em;
	height: 0.3em;
	margin: 0.6em 0;
	border-radius: 50%;
	background-color: var(--mainTextColor);
}

@media(max-width: 750px){
	.commonList--spDots > .commonListItem:before{
		content: "";
		display: block;
		width: 0.3em;
		height: 0.25em;
		margin: 0.625em 0;
		border-radius: 50%;
		background-color: var(--mainTextColor);
	}
}

.commonList--mark{
	margin: 0;
}

.commonList--mark > .commonListItem:before{
	content: "※";
	display: block;
	color: #D00;
	font-weight: var(--fontWeightBold);
}

.commonList--row{
	flex-direction: row;
	gap: 0 1em;
}

.commonList--rowWide{
	flex-direction: row;
	gap: 0 2em;
}

@media(min-width: 751px){
	.commonList--tabRow{
		flex-direction: row;
		gap: 0 1em;
	}
}

.commonList--num{
    counter-reset: listNum 0;
}

.commonList--num > .commonListItem{
	counter-increment: listNum 1;
}

.commonList--num > .commonListItem:before{
	content: counter(listNum)".";
	color: var(--themeColor);
	font-weight: var(--fontWeightBold);
}

.commonList--icon > .commonListItem:not(:first-of-type){
	margin-top: 0.5em;
}

.commonList--icon > li:before{
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../images/common/listIconF.png");
	background-position: center center;
	background-size: contain;
}

.commonList--gap1{
	gap: 1em;
}

.commonList--gapHalf{
	gap: 0.5em;
}

/*---------------------------------
	commonList end
---------------------------------*/

/*---------------------------------
	commonDecoration end
---------------------------------*/

.commonDecoration--borderColor{
	border: 1px solid var(--themeColor);
	padding: 1.5em !important;
	background-color: #FFF;
}

.commonDecoration--borderColorBold{
	border: 4px solid var(--themeColor);
	padding: 2em 3em !important;
	background-color: #FFF;
}

.commonDecoration--borderGray{
	border: 1px solid #DFDFDF;
	padding: 1.5em !important;
	background-color: #FFF;
}

.commonDecoration--bgColor{
	background-color: var(--themeSubColor);
	padding: 1em !important;
}

.commonDecoration--bgGray{
	background-color: #EFEFEF;
	padding: 1em !important;
}

.commonDecoration--bgWhite{
	background-color: #FFF;
	padding: 1.5em !important;
}

.commonDecoration--separatorColor{
	border-bottom: 1px solid var(--themeSubColor);
	padding-bottom: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.commonDecoration--separatorGray{
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 1.5em !important;
	margin: 0 0 1.5em !important;
}

.commonDecoration--separatorColor:last-child,
.commonDecoration--separatorGray:last-child{
	margin-bottom: 0 !important;
}

/*---------------------------------
	commonDecoration end
---------------------------------*/

/*---------------------------------
	commonDecoration end
---------------------------------*/
.textMarker{
	display: inline;
	background: linear-gradient(transparent 60%, var(--themeColor) 60%, var(--themeColor) 100%, transparent 100%);
}
/*---------------------------------
	commonDecoration end
---------------------------------*/


/*---------------------------------
	colonTable start
---------------------------------*/
.colonTable{
	display: flex;
	width: 100%;
}

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

.colonTable tr{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 1.5em;
	width: 100%;
	margin: 0;
}

.colonTable th{
	width: auto;
	padding: 0;
	position: relative;
	font-weight: var(--fontWeightNormal);
	border: none;
	flex-grow: 1;
	flex-shrink: 1;
}

.colonTable td{
	padding: 0;
	border: none;
}

.colonTableTitle{
	width: 100%;
}

.colonTable td.colonTableExtra{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding-top: 0.5em;
}

@media(max-width: 750px){
	.colonTable td{
		white-space: nowrap;
	}
}

/*---------------------------------
	colonTable end
---------------------------------*/

/*---------------------------------
	layoutTable start
---------------------------------*/
.layoutTable{
	width: auto;
}

.layoutTable th{
	width: auto;
	padding: 0 1em 0 0;
	position: relative;
	font-weight: var(--fontWeightNormal);
	border: none;
}

.layoutTable td{
	padding: 0;
	border: none;
}

/*---------------------------------
	colonTable end
---------------------------------*/

@media(min-width: 1025px){
	.pcBlock{
		display: block;
	}
}

/*---------------------------------
	newsPickup start
---------------------------------*/
.newsPickup{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.newsPickupItem{
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
}

.newsPickupItem_link,
.newsPickupItem_link:hover{
	color: inherit;
	text-decoration: none;
}

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

.newsPickupItem_inner{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.newsPickupItem_date{
	flex-grow: 0;
	flex-shrink: 0;
	width: 8em;
	padding: 0.75em 0.5em;
	margin: 0;
	color: #000000;
}

.newsPickupItem_title{
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0.75em 0.5em;
	margin: 0;
}

@media(max-width: 750px){
	.newsPickupItem_inner{
		flex-direction: column;
		padding: 0.5em 0.5em;
	}
	.newsPickupItem_date,
	.newsPickupItem_title{
		width: 100%;
		padding: 0;
		margin-bottom: 0.5em;
		
	}
}

/*---------------------------------
	newsPickup end
---------------------------------*/


/*---------------------------------
	commonTable start
---------------------------------*/

.commonTable{
	width: 100%;
}

.commonTable--auto{
	width: 100%;
}

.commonTable > tbody > tr > th{
	width: 25%;
}

.commonTable.commonTable--auto > tbody > tr > th{
	width: 10em;
}

@media(max-width: 750px){
	.commonTable{
		font-size: 0.9em;
	}
	.commonTable > tbody > tr > th{
		display: block;
		width: 100%;
		padding: 1em 0.5em 0.5em;
		border-bottom: none;
	}
	.commonTable > tbody > tr > td{
		display: block;
		width: 100%;
		padding: 0 0.5em 1em;
	}
}

/*---------------------------------
	commonTable end
---------------------------------*/

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

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

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

@media(max-width: 1024px){
	.margin--tbBottom0{
		margin-bottom: 0 !important;
	}

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

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

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

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

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

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

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

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

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

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

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

.margin--top0{
	margin-top: 0;
}

.margin--top1{
	margin-top: 1rem;
}

.margin--top2{
	margin-top: 2rem;
}

.margin--top3{
	margin-top: 3rem;
}

.margin--top4{
	margin-top: 4rem;
}

.margin--top5{
	margin-top: 5rem;
}

@media(max-width: 1024px){
	.margin--tbTop0{
		margin-top: 0;
	}

	.margin--tbTop1{
		margin-top: 1rem;
	}

	.margin--tbTop2{
		margin-top: 2rem;
	}

	.margin--tbTop3{
		margin-top: 3rem;
	}

	.margin--tbTop4{
		margin-top: 4rem;
	}

	.margin--tbTop5{
		margin-top: 5rem;
	}
}

@media(max-width: 600px){
	.margin--spTop0{
		margin-top: 0;
	}

	.margin--spTop1{
		margin-top: 1rem;
	}

	.margin--spTop2{
		margin-top: 2rem;
	}

	.margin--spTop3{
		margin-top: 3rem;
	}

	.margin--spTop4{
		margin-top: 4rem;
	}

	.margin--spTop5{
		margin-top: 5rem;
	}
}

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


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

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

@media(min-width: 1025px){
	.texts--pcAlignCenter{
		text-align: center;
	}
}
@media(min-width: 601px){
	.texts--PcTbAlignCenter{
		text-align: center;
	}
}

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

.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--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--lastMargin0 > *:last-of-type{
	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_text--markerLine{
	display: inline;
	margin: 0 0.5em;
	font-size: 110%;
	background: linear-gradient(transparent 50%, rgba(var(--mainColor01_rgb),0.5) 50%, rgba(var(--mainColor01_rgb),0.5) 100%, transparent 100%);
}

.texts_text--markerLineWrapper{
	display: inline;
	margin: 0;
}

@media(min-width:325px){
/*
	.texts_text--markerLine{
		white-space: nowrap;
	}
*/
	.texts_text--markerLineWrapper{
		display: inline-block;
	}
	.texts_text--markerLineWrapper .texts_text--markerLine{
		margin: 0;
	}
}

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

/*---------------------------------
	largeImage start
---------------------------------*/

.largeImage{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.largeImageInner{
	display: block;
	margin: 0;
}

.largeImage img{
	display: block;
	max-width: 100%;
	margin: 0;
}

.largeImageText{
	display: flex;
	width: 100%;
	margin: 0.5em 0 0;
	font-weight: var(--fontWeightBold);
}

.largeImageText--left{
	justify-content: flex-end;
}

/*---------------------------------
	largeImage end
---------------------------------*/