@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese");

@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400&display=swap&subset=japanese");

/*font-family: 'Noto Serif JP', serif;*/



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

main {

	display: block;

}

body {

	line-height: 1;

}

ol,

ul {

	list-style: none;

}

blockquote,

q {

	quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

img {

	vertical-align: bottom;

}

input[type="text"] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	box-shadow: none;

	border: none;

}

button {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	box-shadow: none;

	border: none;

	cursor: pointer;

	background: none;

	padding: 0;

}





/* -----------------------------------------------------------------------------*/



html {

	overflow-y: scroll;

	font-size: 62.5%;

}



body {

	font-size: 1.5em;

	font-family: "Noto Sans JP", sans-serif;

	line-height: 1;

	color: #333;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	text-size-adjust: 100%;

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 374px) {

	body {

		min-width: 320px;

	}

}





/*clearfix*/

.cf:before,

.cf:after {

	content: "";

	display: table;

}

.cf:after {

	clear: both;

}







a {

	color: #333;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}



a img {

	transition: opacity 0.3s ease-in-out;

}

a:hover img {

	opacity: 0.5;

}

img.nofade {

	opacity: 1 !important;

}





/*===========================================================================

 レイアウトベース （lo-）

===========================================================================*/

.lo-ctsIdt {

	padding-left: 20px;

	padding-right: 20px;

}

.lo-ctsWidth {

	min-width: 960px;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.lo-ctsIdt {

		padding-left: 20px;

		padding-right: 20px;

	}

	.lo-ctsWidth {

		min-width: 0;

	}

}





#wrap {

	overflow: hidden;

	min-width: 1000px;

}

#wrapInr {

	padding-top: 94px;

}



/* PC

-------------------------------------*/

@media screen and (min-width: 769px) {

	#wrap {

		position: static !important;

		width: auto !important;

	}

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	#wrap {

		min-width: 0;

	}

	#wrapInr {

		padding-top: 55px;

	}

}





#responseFlagTab {

	display: none !important;

}



/* PC

-------------------------------------*/

@media screen and (min-width: 769px) {

	#responseFlagPc {

		display: block !important;

	}

	#responseFlagSp {

		display: none !important;

	}

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	#responseFlagPc {

		display: none !important;

	}

	#responseFlagSp {

		display: block !important;

	}

}





/*===========================================================================

 #header

===========================================================================*/

#header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 94px;

	background: #fff;

	z-index: 90;

	min-width: 1000px;

}

#header a {

	text-decoration: none;

	color: #333;

	display: inline-block;

}

#header a:hover {

	text-decoration: none;

}

#header .hdInr {

	margin: 0 auto;

	height: 94px;

	position: relative;

}

#header .siteLogo {

	position: absolute;

	top: 46%;

	left: 0;

	transform: translateY(-50%);

}

#header .hdNav {

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

	display: flex;

	align-items: center;

	margin-top: -3px;

}

#header .hdNav .navList {

	display: flex;

	align-items: center;

	font-size: 1.5rem;

	margin-right: 17px;

	font-weight: 500;

}

#header .hdNav .navList li {

	margin-right: 27px;

	letter-spacing: 1px;

}

#header .hdNav .navList li a {

	padding: 2px 0;

	border-top: 1px solid rgba(255, 255, 255, 0);

	border-bottom: 1px solid rgba(255, 255, 255, 0);

}

#header .hdNav .navList li a.js-stay,

#header .hdNav .navList li a:hover {

	border-bottom: 1px solid #333;

}

#header .hdNav .linkEn {

	position: relative;

	font-size: 1.3rem;

	display: flex;

	align-items: center;

	padding: 0 16px;

	letter-spacing: 1px;

}

#header .hdNav .linkEn::before,

#header .hdNav .linkEn::after {

	content: "";

	display: block;

	overflow: hidden;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 1px;

	height: 20px;

	background: #333;

	margin-top: 1px;

}

#header .hdNav .linkEn::before {

	left: 0;

}

#header .hdNav .linkEn::after {

	right: 0;

}

#header .hdNav .linkEn a {

	padding: 4px 0;

	border-top: 1px solid rgba(255, 255, 255, 0);

	border-bottom: 1px solid rgba(255, 255, 255, 0);

}

#header .hdNav .linkEn a:hover {

	border-bottom: 1px solid #333;

}

#header .hdNav .linkHolding {

	margin-left: 30px;

	font-size: 10px;

}

#header .hdNav .linkHolding img {

	width: 112px;

	height: auto;

}

.langEn #header .hdNav .linkHolding img {

	width: 173px;

	height: auto;

}



/* PC

-------------------------------------*/

@media screen and (min-width: 769px) {

	#spNavPlace {

		display: none !important;

	}

	#btnSpNav {

		display: none !important;

	}

}



/* PC for 1200px

-------------------------------------*/

@media screen and (max-width: 1190px) {

	#header .lo-ctsIdt {

		padding-left: 16px;

		padding-right: 16px;

	}

	#header .hdNav .navList {

		margin-right: 12px;

	}

	#header .hdNav .navList li {

		margin-right: 15px;

	}

	#header .hdNav .linkEn {

		padding: 0 10px;

	}

	#header .hdNav .linkHolding {

		margin-left: 20px;

	}

}

/* PC for 1080px

-------------------------------------*/

@media screen and (max-width: 1080px) {

	#header .hdNav .navList {

		margin-right: 6px;

		font-size: 1.4rem;

	}

	#header .hdNav .navList li {

		margin-right: 10px;

	}

	#header .hdNav .linkEn {

		padding: 0 8px;

	}

	#header .hdNav .linkHolding {

		margin-left: 12px;

	}

}



/* SP

----------------------------------*/

@media screen and (max-width: 768px) {

	#header {

		height: 55px;

		min-width: 0;

	}

	#header a {

	}

	#header a:hover {

	}

	#header img {

		width: 232px;

		height: auto;

	}

	.langEn #header img {

		width: 217px;

	}

	#header .hdInr {

		height: 55px;

	}

	#header .siteLogo {

		font-size: 15px;

		top: 50%;

	}

	#header .hdNav {

		display: none;

	}

	html.is_jsSpHdNavShow,

	html.is_jsSpHdNavShow body {

		height: 100%;

	}

	#btnSpNav {

		position: fixed;

		width: 38px;

		height: 45px;

		top: 5px;

		right: 15px;

		z-index: 99;

		cursor: pointer;

	}

	#btnSpNav::before,

	#btnSpNav::after {

		content: "";

		display: block;

	}

	#btnSpNav::before,

	#btnSpNav::after,

	#btnSpNav .bar {

		overflow: hidden;

		position: absolute;

		width: 27px;

		left: 50%;

		margin-left: -13.5px;

		height: 1.5px;

		background: #333;

		transition: all 0.3s ease-out;

	}

	#btnSpNav::before {

		top: 6px;

	}

	#btnSpNav .bar {

		top: 14px;

	}

	#btnSpNav::after {

		top: 22px;

	}

	#btnSpNav .txt {

		font-size: 9px;

		position: absolute;

		top: 31px;

		left: 50%;

		transform: translateX(-50%);

	}

	#btnSpNav.js-spHdNavShow::before,

	#btnSpNav.js-spHdNavShow::after,

	#btnSpNav.js-spHdNavShow .bar {

		top: 14px;

	}

	#btnSpNav.js-spHdNavShow::before,

	#btnSpNav.js-spHdNavShow .bar {

		transform: rotate(135deg);

	}

	#btnSpNav.js-spHdNavShow .bar {

		opacity: 0;

	}

	#btnSpNav.js-spHdNavShow::after {

		transform: rotate(45deg);

	}

	#spNavPlace {

		display: table;

		position: relative;

		width: 100%;

		height: 100%;

		z-index: 98;

		display: none;

		background: rgba(255, 255, 255, 0.96);

	}

	#spNavPlace .navPlaceInr {

		display: table-cell;

		text-align: center;

		vertical-align: middle;

	}

	#spNavPlace .hdNav {

		padding: 55px 20px;

	}

	#spNavPlace .hdNav a {

		text-decoration: none;

		color: #333;

	}

	#spNavPlace .hdNav a:hover {

		text-decoration: underline;

	}

	#spNavPlace .hdNav .navList li {

		margin-top: 30px;

		font-size: 1.7rem;

	}

	#spNavPlace .hdNav .navList li:first-child {

		margin-top: 0;

	}

	#spNavPlace .hdNav .linkEn {

		font-size: 1.3rem;

		margin-top: 45px;

	}

	#spNavPlace .hdNav .linkHolding {

		margin-top: 18px;

	}

	#spNavPlace .hdNav .linkHolding img {

		width: 120px;

		height: auto;

	}

	.langEn #spNavPlace .hdNav .linkHolding img {

		width: 144px;

	}

}







/*===========================================================================

 #footer

===========================================================================*/

#footer {

	margin-top: 110px;

}

#footer .ftBg {

	background: #f2f2f2;

}

#footer .ftNavCol {

	padding-top: 50px;

	padding-bottom: 50px;

	border-bottom: 1px solid #ccc;

}

#footer .ftNavCol .ftNav {

	position: relative;

}

#footer .ftNavCol .pagetop {

	position: absolute;

	top: 50%;

	right: 10px;

	transform: translateY(-50%);

}

#footer .ftNavCol .pagetop a {

	display: block;

	overflow: hidden;

	width: 21px;

	height: 14px;

	background: url(/common/images/arw_pagetop.png) no-repeat center center;

	background-size: 100% auto;

}

#footer .ftNavCol .navListWrap {

	display: flex;

	justify-content: space-between;

	padding-right: 80px;

}

#footer .ftNavCol .navListLine,

#footer .ftNavCol .navListLine .navList,

#footer .ftNavCol .navListWrap .subNavLine {

	display: flex;

	align-items: center;

}

#footer .ftNavCol .navListLine .navList li {

	font-size: 1.5rem;

	margin-right: 45px;

	font-weight: 500;

	white-space: nowrap;

}

#footer .ftNavCol .navListLine .navList:last-child li:last-child {

	margin-right: 0;

}

#footer .ftNavCol .navListLine .navList li a {

	text-decoration: none;

}

#footer .ftNavCol .navListLine .navList li a:hover {

	text-decoration: underline;

}

#footer .ftNavCol .navListLine .navList li .linkDsc {

	font-size: 1.3rem;

	font-weight: 400;

}

#footer .ftNavCol .navListLine .navList li .linkDsc .seBr {

	display: none;

}

#footer .ftNavCol .navListWrap .subNavLine {

	font-size: 1.3rem;

}

#footer .ftLogoNaviCol {

	padding-top: 35px;

	padding-bottom: 35px;

}

#footer .ftLogoNaviCol .ftLogoNavi {

	max-width: 800px;

}

#footer .ftLogoNaviCol .logoList {

	display: flex;

	align-items: center;

	/* justify-content: space-around; */

	justify-content: center;

	gap: 20px 30px;

	flex-wrap: wrap;

}

#footer .ftLogoNaviCol .logoList a {

	display: block;

}

#footer .ftLogoNaviCol .logoList img {

	height: 38px;

}

.langEn #footer .ftLogoNaviCol .ftLogoNavi {

	max-width: 850px;

}

.langEn #footer .ftLogoNaviCol .logoList img {

	height: 30px;

}

#footer .ftCopyCol {

	background: #333;

	color: #fff;

	padding-top: 35px;

	padding-bottom: 35px;

}

#footer .ftCopyCol a {

	text-decoration: none;

}

#footer .ftCopyCol .ftCopy {

	width: 100%;

	display: flex;

	justify-content: flex-end;

}

#footer .ftCopyCol .ftLogo {

	font-size: 2rem;

	font-weight: 500;

}

#footer .ftCopyCol .copyright {

	font-size: 1.2rem;

}



/* PC for 1100px

-------------------------------------*/

@media screen and (max-width: 1100px) {

	#footer .ftNavCol .navListLine .navList li {

		margin-right: 20px;

	}

	#footer .ftNavCol .navListLine .navList:last-child li:last-child {

		margin-right: 0;

	}

	.langEn #footer .ftLogoNaviCol .logoList img {

		height: 30px;

	}

}



/* SP

----------------------------------*/

@media screen and (max-width: 768px) {

	#footer {

		margin-top: 75px;

	}

	#footer .ftNavCol {

		padding-top: 15px;

		padding-bottom: 35px;

	}

	#footer .ftNavCol .pagetop {

		transform: none;

		top: 17px;

	}

	#footer .ftNavCol .navListWrap {

		display: block;

		padding-right: 0;

	}

	#footer .ftNavCol .navListLine {

		display: block;

		margin-right: -20px;

	}

	#footer .ftNavCol .navListLine,

	#footer .ftNavCol .navListLine .navList {

		flex-wrap: wrap;

	}

	#footer .ftNavCol .navListLine .navList li {

		font-size: 1.6rem;

		margin-right: 20px;

		margin-top: 17px;

		line-height: 1.4;

		white-space: normal;

	}

	#footer .ftNavCol .navListLine .navList li .linkDsc {

		display: block;

		margin-top: 6px;

	}

	#footer .ftNavCol .navListLine .navList li a {

		text-decoration: none;

	}

	#footer .ftNavCol .navListLine .navList li a:hover {

		text-decoration: underline;

	}

	#footer .ftNavCol .navListWrap .subNavLine {

		flex-wrap: wrap;

		margin-top: 25px;

	}

	#footer .ftNavCol .navListWrap .subNavLine li {

		margin-left: 0;

		padding-left: 0;

		margin-right: 20px;

		padding-right: 20px;

	}

	#footer .ftLogoNaviCol {

		padding-top: 18px;

		padding-bottom: 25px;

	}

	#footer .ftLogoNaviCol .logoList {

		justify-content: flex-start;

		flex-wrap: wrap;

		margin: 0 -10px;

		gap: 0;

	}

	#footer .ftLogoNaviCol .logoList li {

		box-sizing: border-box;

		padding: 0 10px;

	}

	#footer .ftLogoNaviCol .logoList li a {

		margin-top: 15px;

	}

	#footer .ftLogoNaviCol .logoList img {

		height: 34px;

	}

	#footer .ftCopyCol {

		padding-top: 22px;

		padding-bottom: 22px;

	}

	#footer .ftCopyCol .ftLogo img {

		width: 233px;

		height: auto;

	}

	.langEn #footer .ftCopyCol .ftLogo img {

		width: 207px;

	}

	#footer .ftCopyCol .ftCopy {

		display: block;

		text-align: center;

	}

	#footer .ftCopyCol .copyright {

		font-size: 1rem;

		font-weight: 500;

	}

	body.langEn #footer .ftLogoNaviCol .logoList li {

		width: 50%;

		margin-top: 7px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList li a {

		display: flex;

		align-items: center;

		justify-content: center;

		height: 30px;

		margin-top: 0;

		text-align: center;

	}

	body.langEn #footer .ftLogoNaviCol .logoList li img {

		width: auto;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li01 img {

		height: 28px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li02 img {

		height: 27px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li03 img {

		height: 20px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li04 img {

		height: 22px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li05 img {

		height: 19px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li06 img {

		height: 22px;

	}

	body.langEn #footer .ftLogoNaviCol .logoList .li07 img {

		height: 30px;

	}

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 374px) {

	#footer .ftNavCol .navListLine .navList li .linkDsc {

		line-height: 1.5;

	}

	#footer .ftNavCol .navListLine .navList li .linkDsc .seBr {

		display: block;

	}

}



/*===========================================================================

 #main

===========================================================================*/

#main {

}





.breadcrumb {

	margin-top: 23px;

}

.breadcrumb .breadcrumbList {

	display: flex;

	margin-left: 4px;

	font-size: 1.3rem;

}

.breadcrumb .breadcrumbList li {

	padding-right: 30px;

	color: #999;

	position: relative;

	white-space: nowrap;

}

.breadcrumb .breadcrumbList li::after {

	content: "";

	display: block;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	right: 12px;

	width: 6px;

	height: 6px;

	box-sizing: border-box;

	border-top: 1px solid #999;

	border-right: 1px solid #999;

	transform: translateY(-50%) rotate(45deg);

}

.breadcrumb .breadcrumbList li:last-child {

	padding-right: 0;

	flex: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.breadcrumb .breadcrumbList li:last-child::after {

	content: none;

}

.breadcrumb .breadcrumbList li a {

	color: #999;

}

.breadcrumb .breadcrumbList .itemHome a {

	padding-left: 24px;

	position: relative;

	color: #333;

}

.breadcrumb .breadcrumbList .itemHome a::before {

	content: "";

	display: block;

	overflow: hidden;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	width: 14px;

	height: 14px;

	background: url(/common/images/icn_home.png) no-repeat center center;

	background-size: 100% auto;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.breadcrumb {

		margin-top: 12px;

	}

	.breadcrumb .breadcrumbList {

		display: flex;

		margin-left: 0;

		margin: 0 -5px;

		font-size: 1rem;

	}

	.breadcrumb .breadcrumbList li {

		padding-right: 23px;

	}

	.breadcrumb .breadcrumbList li::after {

		right: 9px;

		width: 5px;

		height: 5px;

	}

	.breadcrumb .breadcrumbList li:last-child {

	}

	.breadcrumb .breadcrumbList li:last-child::after {

	}

	.breadcrumb .breadcrumbList li a {

	}

	.breadcrumb .breadcrumbList .itemHome a {

		padding-left: 18px;

	}

	.breadcrumb .breadcrumbList .itemHome a::before {

		width: 11px;

		height: 11px;

	}

}







/*===========================================================================

 Common use utility （cm-）

 モジュール （md-{モジュール名}）

 モジュールのパターン別（md-{モジュール名}-{パターン名}）

 個別での上書き（ow-）

===========================================================================*/

/* PC

-------------------------------------*/

@media screen and (min-width: 769px) {

	.cm-spOnly {

		display: none !important;

	}

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.cm-pcOnly {

		display: none !important;

	}

}





.cm-hasArw {

	padding-left: 15px;

	position: relative;

}

.cm-hasArw::before {

	content: "";

	display: block;

	position: absolute;

	box-sizing: border-box;

	top: 50%;

	transform: rotate(45deg) translateY(-50%);

	left: 0;

	width: 6px;

	height: 6px;

	border-top: 1px solid #333;

	border-right: 1px solid #333;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.cm-hasArw {

		padding-left: 14px;

	}

	.cm-hasArw::before {

	}

}



.cm-hasArwR {

	padding-right: 15px;

	position: relative;

}

.cm-hasArwR::after {

	content: "";

	display: block;

	position: absolute;

	box-sizing: border-box;

	top: 50%;

	transform: translateY(-50%) rotate(-135deg);

	right: 0;

	width: 6px;

	height: 6px;

	border-top: 1px solid #333;

	border-right: 1px solid #333;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.cm-hasArwR {

		padding-right: 14px;

	}

	.cm-hasArwR::before {

	}

}







/*-------------------------------------

.md-btnDtl

-------------------------------------*/

.md-btnDtl {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 260px;

	height: 58px;

	background: #fafb00;

}

.md-btnDtl .btnTxt {

	font-size: 1.4rem;

	font-weight: 500;

}

.md-btnDtl .btnTxt::before {

	border-width: 2px;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.md-btnDtl {

		width: 100%;

		max-width: 260px;

	}

	.md-btnDtl .btnTxt {

	}

	.md-btnDtl .btnTxt::before {

	}

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 374px) {

	.langEn .md-btnDtl .btnTxt {

		font-size: 1.2rem;

	}

}



/*-------------------------------------

.md-pageCatTtl

-------------------------------------*/

.md-pageCatTtl {

	background: url(/common/images/pg_ttl_bg.png) no-repeat left center;

	overflow: hidden;

}

.md-pageCatTtl .pageCatTtlInr {

	height: 260px;

	display: flex;

	align-items: center;

	position: relative;

}

.md-pageCatTtl .pageCatTtlInr::before {

	content: "";

	display: block;

	overflow: hidden;

	position: absolute;

	width: 220px;

	height: 260px;

	top: 0;

	left: 52px;

	background: rgba(249, 249, 46, 0.45);

	transform: skewX(-22deg);

}

.md-pageCatTtl .txtCol {

	position: relative;

	z-index: 2;

}

.md-pageCatTtl .txtCol .ttlLine {

	display: flex;

	align-items: center;

	margin-right: -20px;

}

.md-pageCatTtl .txtCol .ttlLine .en {

	color: #666;

	font-size: 4.6rem;

	letter-spacing: 4px;

	font-weight: 600;

	position: relative;

	margin-right: 46px;

	padding-right: 46px;

}

.md-pageCatTtl .txtCol .ttlLine .en::first-letter {

	color: #333;

}

.md-pageCatTtl .txtCol .ttlLine .en::after {

	content: "";

	display: block;

	overflow: hidden;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	right: 0;

	width: 1px;

	height: 26px;

	background: #333;

}

.langEn .md-pageCatTtl .txtCol .ttlLine .en::after {

	content: none;

}

.md-pageCatTtl .txtCol .ttlLine .jp {

	font-weight: 600;

	letter-spacing: 1px;

	font-size: 1.5rem;

}

.md-pageCatTtl .txtCol .dsc {

	line-height: 2;

	font-size: 1.4rem;

	letter-spacing: 2px;

	margin-top: 24px;

}

.langEn .md-pageCatTtl .txtCol .dsc {

	letter-spacing: normal;

	font-size: 1.3rem;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.md-pageCatTtl {

		background: url(/common/images/sp_pg_ttl_bg.png) no-repeat left center;

	}

	.md-pageCatTtl .pageCatTtlInr {

		height: 210px;

	}

	.md-pageCatTtl .pageCatTtlInr::before {

		width: 118px;

		height: 210px;

		top: 0;

		left: 52px;

	}

	.md-pageCatTtl .txtCol {

	}

	.md-pageCatTtl .txtCol .ttlLine {

	}

	.md-pageCatTtl .txtCol .ttlLine .en {

		font-size: 3.7rem;

		letter-spacing: 3px;

		margin-right: 20px;

		padding-right: 18px;

	}

	.md-pageCatTtl .txtCol .ttlLine .en::first-letter {

	}

	.md-pageCatTtl .txtCol .ttlLine .en::after {

		height: 21px;

	}

	.md-pageCatTtl .txtCol .ttlLine .jp {

		font-size: 1.2rem;

		line-height: 1.4;

	}

	.md-pageCatTtl .txtCol .dsc {

		line-height: 2;

		font-size: 1.4rem;

		letter-spacing: 1px;

		margin-top: 20px;

	}

	.langEn .md-pageCatTtl .txtCol .dsc {

		font-size: 1.2rem;

	}

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 374px) {

	.md-pageCatTtl .txtCol .ttlLine .en {

		font-size: 3.5rem;

		letter-spacing: normal;

		margin-right: 15px;

		padding-right: 13px;

	}

	.md-pageCatTtl .txtCol .ttlLine .jp {

		font-size: 1.1rem;

	}

	.md-pageCatTtl .txtCol .dsc br {

		display: none;

	}

	.langEn .md-pageCatTtl .txtCol .dsc {

		font-size: 1rem;

	}

}







/*-------------------------------------

.md-pgSecTtl

-------------------------------------*/

.md-pgSecTtl {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	position: relative;

	padding-bottom: 14px;

}

.md-pgSecTtl::after {

	content: "";

	display: block;

	overflow: hidden;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 26px;

	height: 1px;

	background: #333;

}

.md-pgSecTtl .en {

	font-size: 3.4rem;

	font-weight: 600;

	letter-spacing: 3px;

	margin-right: 15px;

	margin-bottom: 10px;

}

.langEn .md-pgSecTtl .en {

	letter-spacing: 1px;

}

.md-pgSecTtl .jp {

	font-size: 1.4rem;

	color: #666;

	font-weight: 500;

	letter-spacing: 2px;

	margin-bottom: 10px;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.md-pgSecTtl {

	}

	.md-pgSecTtl::after {

	}

	.md-pgSecTtl .en {

		letter-spacing: 2px;

		margin-right: 20px;

	}

	.md-pgSecTtl .jp {

	}

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 374px) {

	.md-pgSecTtl .en {

		font-size: 3rem;

		letter-spacing: 1px;

		margin-right: 15px;

	}

	.md-pgSecTtl .jp {

		font-size: 1.2rem;

		letter-spacing: 1px;

	}

}







/*-------------------------------------

.md-paginate

-------------------------------------*/

.md-paginate .paginateCol {

	display: table;

	margin: 65px auto 0;

	position: relative;

}

.md-paginate .btnPrev,

.md-paginate .btnNext {

	position: absolute;

	top: 0;

}

.md-paginate .btnPrev {

	left: -150px;

}

.md-paginate .btnNext {

	right: -150px;

}

.md-paginate .btnDtl {

	width: 140px;

	height: 48px;

}

.md-paginate .btnDtl .btnTxt {

	position: relative;

	font-weight: 600;

}

.md-paginate .btnPrev .btnDtl .btnTxt::before,

.md-paginate .btnNext .btnDtl .btnTxt::after {

	content: "";

	display: block;

	position: absolute;

	box-sizing: border-box;

	top: 50%;

	width: 6px;

	height: 6px;

	border-top: 2px solid #333;

	border-right: 2px solid #333;

}

.md-paginate .btnPrev .btnDtl .btnTxt {

	padding-left: 16px;

}

.md-paginate .btnPrev .btnDtl .btnTxt::before {

	left: 0;

	transform: translateY(-50%) rotate(-135deg);

	margin-top: 2px;

}

.md-paginate .btnNext .btnDtl .btnTxt {

	padding-right: 16px;

}

.md-paginate .btnNext .btnDtl .btnTxt::after {

	right: 0;

	transform: translateY(-50%) rotate(45deg);

}

.md-paginate .numList {

	display: flex;

}

.md-paginate .numList li {

	margin: 0 10px;

}

.md-paginate .numList li .num {

	display: flex;

	width: 48px;

	height: 48px;

	align-items: center;

	justify-content: center;

	font-weight: 600;

	font-size: 1.4rem;

	text-decoration: none;

	background: #eee;

}

.md-paginate .numList li span.num,

.md-paginate .numList li .num:hover {

	background: #fafb00;

}



/* PC

-------------------------------------*/

@media screen and (max-width: 1070px) {

	.md-paginate .numList li {

		margin: 0 5px;

	}

	.md-paginate .btnPrev {

		left: -145px;

	}

	.md-paginate .btnNext {

		right: -145px;

	}

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.md-paginate .paginateCol {

		margin: 32px auto 0;

		height: 48px;

		display: flex;

		max-width: 310px;

		width: 100%;

	}

	.md-paginate .paginateCol .btnPrev,

	.md-paginate .paginateCol .btnNext {

		position: static;

		box-sizing: border-box;

		width: 50%;

	}

	.md-paginate .paginateCol .btnPrev {

		padding-right: 10px;

		float: left;

	}

	.md-paginate .paginateCol .btnNext {

		padding-left: 10px;

		float: right;

	}

	.md-paginate .paginateCol .btnDtl {

		width: 100%;

		max-width: none;

	}

	.md-paginate .numList {

		display: none;

	}

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 374px) {

	.md-paginate .btnDtl {

		width: 120px;

	}

	.md-paginate .btnDtlPrev {

		margin-left: -130px;

	}

	.md-paginate .btnDtlNext {

		margin-right: -130px;

	}

}







/*-------------------------------------

.md-paginate-single

-------------------------------------*/

.md-paginate-single {

	margin-top: 78px;

}

.md-paginate-single .linkList {

	margin: 0 30px;

}

.md-paginate-single .linkList .btnDtl {

	background: #fbfbfb;

	text-decoration: none;

}

.md-paginate-single .linkList .btnDtl:hover {

	background: #fafb00;

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.md-paginate-single {

		margin-top: 64px;

	}

	.md-paginate-single .paginateCol {

		max-width: 345px;

	}

	.md-paginate-single .linkList {

		margin: 0;

	}

	.md-paginate-single .linkList .btnDtl {

	}

	.md-paginate-single .linkList .btnDtl:hover {

	}

	.md-paginate-single .linkList,

	.md-paginate-single .paginateCol .btnPrev,

	.md-paginate-single .paginateCol .btnNext {

		width: 33.333%;

	}

}