@charset "utf-8";
/*
************************************************************************
 見出し
************************************************************************
*/
.section-title
{
	line-height:1;
}

/* 01-01 */
.SECTION-TITLE-01-01 .section-title > .title-wrap
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.SECTION-TITLE-01-01 .section-title > .title-wrap:before
{
	content:"";
	
	position:absolute;
	top:calc(100% + 1em);
	left:0;
	
	width:20em;
	border-top:1px solid var(--body-border-color);
}
.SECTION-TITLE-01-01 .section-title > .title-wrap > i
{
	font-size: 2.4em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-01-01 .section-title > .title-wrap > .main
{
	font-size:2.4em;
	color:var(--body-font-color);
}
.SECTION-TITLE-01-01 .section-title > .title-wrap > .sub
{
	position:absolute;
	bottom:calc(100% + 0.5em);
	left:3.1em;
	
	font-size:1.0em;
	color:var(--body-icon-color-light);
}

/* 01-02 */
.SECTION-TITLE-01-02 .section-title
{
	text-align:center;
}
.SECTION-TITLE-01-02 .section-title > .title-wrap
{
	display: flex;
	flex-wrap: wrap;
	padding-bottom:2.0em;
}
.SECTION-TITLE-01-02 .section-title > .title-wrap:before
{
	content:"";
	
	position:absolute;
	top:100%;
	right:calc(50% + 2em);
	
	width:10em;
	border-top:1px solid var(--body-border-color);
}
.SECTION-TITLE-01-02 .section-title > .title-wrap:after
{
	content:"";
	
	position:absolute;
	top:100%;
	left:calc(50% + 2em);
	
	width:2em;
	
	width:10em;
	border-top:1px solid var(--body-border-color);
}
.SECTION-TITLE-01-02 .section-title > .title-wrap > i
{
	position: absolute;
	bottom: calc(0% - 0.5em);
	left: calc(50% - 0.5em);
	font-size: 2.4em !important;
	
	color:var(--body-icon-color);
}
.SECTION-TITLE-01-02 .section-title > .title-wrap > .main
{
	flex: 0 0 100%;
	
	font-size:2.4em;
	order:1;
	
	color:var(--body-font-color);
}
.SECTION-TITLE-01-02 .section-title > .title-wrap > .sub
{
	flex: 0 0 100%;
	font-size:1.0em;
	margin-bottom:0.5em;
	
	color:var(--body-icon-color-light);
}

/* 01-03 */
.SECTION-TITLE-01-03 .section-title > .title-wrap
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
}
.SECTION-TITLE-01-03 .section-title > .title-wrap:before
{
	content:"";
	
	position:absolute;
	top:calc(100% + 1em);
	right:0;
	
	width:20em;
	border-top:1px solid var(--body-border-color);
}
.SECTION-TITLE-01-03 .section-title > .title-wrap > i
{
	font-size: 2.4em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-01-03 .section-title > .title-wrap > .main
{
	font-size:2.4em;
	color:var(--body-font-color);
}
.SECTION-TITLE-01-03 .section-title > .title-wrap > .sub
{
	position:absolute;
	bottom:calc(100% + 0.5em);
	right:0.0em;
	
	font-size:1.0em;
	color:var(--body-icon-color-light);
}

/* 02-01 */
.SECTION-TITLE-02-01 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;

	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));
	border-radius: var(--border-radius);
	background-color: var(--accent-background-color);
	border:2px solid var(--accent-frame-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-02-01 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-02-01 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--accent-font-color);
}
.SECTION-TITLE-02-01 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--accent-font-color-light);
}

/* 02-02 */
.SECTION-TITLE-02-02 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;

	padding:1.8em 0.8em 0.8em 0.8em;
	border-radius: var(--border-radius);
	background-color: var(--accent-background-color);
	border:2px solid var(--accent-frame-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-02-02 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-02-02 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--accent-font-color);
}
.SECTION-TITLE-02-02 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:50%;
	transform:translateX(-50%);
	
	font-size:1.0em;
	color:var(--accent-font-color-light);
}

/* 02-03 */
.SECTION-TITLE-02-03 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-end;

	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;
	border-radius: var(--border-radius);
	background-color: var(--accent-background-color);
	border:2px solid var(--accent-frame-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-02-03 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-02-03 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--accent-font-color);
}
.SECTION-TITLE-02-03 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	right:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--accent-font-color-light);
}

/* 03-01 */
.SECTION-TITLE-03-01 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;

	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));
	border-radius: var(--border-radius);
	border:2px solid var(--body-frame-color);
	background-color: var(--body-background-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-03-01 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-03-01 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--body-font-color);
}
.SECTION-TITLE-03-01 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--body-font-color-light);
}

/* 03-02 */
.SECTION-TITLE-03-02 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;

	padding:1.8em 0.8em 0.8em 0.8em;
	border-radius: var(--border-radius);
	border:2px solid var(--body-frame-color);
	background-color: var(--body-background-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-03-02 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-03-02 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--body-font-color);
}
.SECTION-TITLE-03-02 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:50%;
	transform:translateX(-50%);
	
	font-size:1.0em;
	color:var(--body-font-color-light);
}

/* 03-03 */
.SECTION-TITLE-03-03 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-end;

	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;
	border-radius: var(--border-radius);
	border:2px solid var(--body-frame-color);
	background-color: var(--body-background-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-03-03 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-03-03 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--body-font-color);
}
.SECTION-TITLE-03-03 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	right:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--body-font-color-light);
}

/* 04-01 */
.SECTION-TITLE-04-01 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;

	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));
	border-radius: var(--border-radius);
	background-color: var(--accent-background-color);
	border:2px solid var(--accent-frame-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-04-01 .section-title > .title-wrap:before
{
	content:"";

	position:absolute;
	top:100%;
	left:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--accent-frame-color);
}
.SECTION-TITLE-04-01 .section-title > .title-wrap:after
{
	content:"";

	position:absolute;
	top:calc(100% - 3px);
	left:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--accent-background-color);
}
.SECTION-TITLE-04-01 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-04-01 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--accent-font-color);
}
.SECTION-TITLE-04-01 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--accent-font-color-light);
}

/* 04-02 */
.SECTION-TITLE-04-02 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;

	padding:1.8em 0.8em 0.8em 0.8em;
	border-radius: var(--border-radius);
	background-color: var(--accent-background-color);
	border:2px solid var(--accent-frame-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-04-02 .section-title > .title-wrap:before
{
	content:"";

	position:absolute;
	top:100%;
	left:calc(50% -0.5em);

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--accent-frame-color);
}
.SECTION-TITLE-04-02 .section-title > .title-wrap:after
{
	content:"";

	position:absolute;
	top:calc(100% - 3px);
	left:calc(50% -0.5em);

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--accent-background-color);
}
.SECTION-TITLE-04-02 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-04-02 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--accent-font-color);
}
.SECTION-TITLE-04-02 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:50%;
	transform:translateX(-50%);
	
	font-size:1.0em;
	color:var(--accent-font-color-light);
}

/* 04-03 */
.SECTION-TITLE-04-03 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-end;

	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;
	border-radius: var(--border-radius);
	background-color: var(--accent-background-color);
	border:2px solid var(--accent-frame-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-04-03 .section-title > .title-wrap:before
{
	content:"";

	position:absolute;
	top:100%;
	right:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--accent-frame-color);
}
.SECTION-TITLE-04-03 .section-title > .title-wrap:after
{
	content:"";

	position:absolute;
	top:calc(100% - 3px);
	right:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--accent-background-color);
}
.SECTION-TITLE-04-03 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-04-03 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--accent-font-color);
}
.SECTION-TITLE-04-03 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	right:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--accent-font-color-light);
}

/* 05-01 */
.SECTION-TITLE-05-01 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;

	padding:1.8em 0.8em 0.8em calc(0.8em + calc(var(--border-radius) / 2));
	border-radius: var(--border-radius);
	border:2px solid var(--body-frame-color);
	background-color: var(--body-background-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-05-01 .section-title > .title-wrap:before
{
	content:"";

	position:absolute;
	top:100%;
	left:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--body-frame-color);
}
.SECTION-TITLE-05-01 .section-title > .title-wrap:after
{
	content:"";

	position:absolute;
	top:calc(100% - 3px);
	left:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--body-background-color);
}
.SECTION-TITLE-05-01 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-05-01 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--body-font-color);
}
.SECTION-TITLE-05-01 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--body-font-color-light);
}

/* 05-02 */
.SECTION-TITLE-05-02 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;

	padding:1.8em 0.8em 0.8em 0.8em;
	border-radius: var(--border-radius);
	border:2px solid var(--body-frame-color);
	background-color: var(--body-background-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-05-02 .section-title > .title-wrap:before
{
	content:"";

	position:absolute;
	top:100%;
	left:calc(50% - 0.5em);

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--body-frame-color);
}
.SECTION-TITLE-05-02 .section-title > .title-wrap:after
{
	content:"";

	position:absolute;
	top:calc(100% - 3px);
	left:calc(50% - 0.5em);

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--body-background-color);
}
.SECTION-TITLE-05-02 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-05-02 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--body-font-color);
}
.SECTION-TITLE-05-02 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	left:50%;
	transform:translateX(-50%);
	
	font-size:1.0em;
	color:var(--body-font-color-light);
}

/* 05-03 */
.SECTION-TITLE-05-03 .section-title > .title-wrap
{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-end;

	padding:1.8em calc(0.8em + calc(var(--border-radius) / 2)) 0.8em 0.8em ;
	border-radius: var(--border-radius);
	border:2px solid var(--body-frame-color);
	background-color: var(--body-background-color);

	box-shadow: 2px 2px 3px 0px #00000044;
}
.SECTION-TITLE-05-03 .section-title > .title-wrap:before
{
	content:"";

	position:absolute;
	top:100%;
	right:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--body-frame-color);
}
.SECTION-TITLE-05-03 .section-title > .title-wrap:after
{
	content:"";

	position:absolute;
	top:calc(100% - 3px);
	right:calc(1.5em + var(--border-radius));

	width:0;
	height:0;

	border:1.0em solid transparent;
	border-top:1.0em solid var(--body-background-color);
}
.SECTION-TITLE-05-03 .section-title > .title-wrap > i
{
	font-size: 2.0em !important;
	color:var(--body-icon-color);
	margin-right:0.25em;
}
.SECTION-TITLE-05-03 .section-title > .title-wrap > .main
{
	font-size:2.0em;
	color:var(--body-font-color);
}
.SECTION-TITLE-05-03 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:0.5em;
	right:calc(1.0em + calc(var(--border-radius) / 2));
	
	font-size:1.0em;
	color:var(--body-font-color-light);
}

/* 06-01 */
.SECTION-TITLE-06-01 .section-title > .title-wrap
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.SECTION-TITLE-06-01 .section-title > .title-wrap > i
{
	font-size: 2.4em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;

	padding:0.25em;
	background-color: var(--accent-background-color);
	border-radius:100%;

}
.SECTION-TITLE-06-01 .section-title > .title-wrap > .main
{
	font-size:2.4em;
	color:var(--body-font-color);
}
.SECTION-TITLE-06-01 .section-title > .title-wrap > .sub
{
	position:absolute;
	bottom:calc(100% + 0.0em);
	left:4.5em;
	
	font-size:1.0em;
	color:var(--body-icon-color-light);
}

/* 06-02 */
.SECTION-TITLE-06-02 .section-title > .title-wrap
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	padding-top:3.0em;
	padding-bottom:1.0em;
}
.SECTION-TITLE-06-02 .section-title > .title-wrap > i
{
	position: absolute;
	top: calc(0% - 0.75em);
	left: calc(50% - 0.75em);
	
	font-size: 2.4em !important;
	color:var(--accent-icon-color);

	padding:0.25em;
	background-color: var(--accent-background-color);
	border-radius:100%;

}
.SECTION-TITLE-06-02 .section-title > .title-wrap > .main
{
	font-size:2.4em;
	color:var(--body-font-color);
}
.SECTION-TITLE-06-02 .section-title > .title-wrap > .sub
{
	position:absolute;
	top:calc(100% - 0.5em);
	left:50%;
	transform: translateX(-50%);

	font-size:1.0em;
	color:var(--body-icon-color-light);
}

/* 06-03 */
.SECTION-TITLE-06-03 .section-title > .title-wrap
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
}
.SECTION-TITLE-06-03 .section-title > .title-wrap > i
{
	font-size: 2.4em !important;
	color:var(--accent-icon-color);
	margin-right:0.25em;

	padding:0.25em;
	background-color: var(--accent-background-color);
	border-radius:100%;
}
.SECTION-TITLE-06-03 .section-title > .title-wrap > .main
{
	font-size:2.4em;
	color:var(--body-font-color);
}
.SECTION-TITLE-06-03 .section-title > .title-wrap > .sub
{
	position:absolute;
	bottom:calc(100% + 0.0em);
	right:0.0em;
	
	font-size:1.0em;
	color:var(--body-icon-color-light);
}




.title-lv2
{
	margin-bottom:1em;
	
	padding-left:1em;
	border-left:0.25em solid var(--body-icon-color);
}
.title-lv2 > .main
{
	font-size:1.5em;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}