@charset "utf-8";
/*=============================================================
 base Setting
=============================================================*/
:root {
    --maxWidth: 1120px;
		--primaryColor: #2B3192;
	  --secondaryColor: #008CCE;
		--textColorBlack: #2D333C;
		--textColorGray: #727171;
		--accentColorBlue: #00BE92;
		--accentColorGreen: #00BE92;
		--accentColorSkyBlue: #75CED3;
		--accentColorPastelBlue: #8DB5FF;
	 	--accentColorIceBlue: #E7F4F7;
	  --colorGray00: #EEF3F4;
	  --colorGray01: #EEE;
	  --colorGray02: #D5D4D4;
	  --colorGray03: #AFAEAE;
	  --colorGray04: #818080;
	  --ctaColor: #D24157;
		--space32-16:clamp(16px, calc(16px + 0.0625 * (100vw - 768px)), 32px);
}
/*=============================================================
 base Layout
=============================================================*/
/* container
--------------------------------------------------------------*/
#container{
	overflow:hidden;
}
body,
#container{
  display:flex;
  flex-direction:column;
  min-height:100vh;
	overflow-x:hidden;
}
/* pageBody
-------------------------------------------------------------*/
#pageBody{padding-top:170px; /* haeder */}
/*.sustainability.environment #pageBody,.sustainability.management #pageBody,.sustainability.society #pageBody,.sustainability.governance #pageBody,
.company.outline #pageBody,
.company.message #pageBody,
.company.history #pageBody,
.company.concept #pageBody,
.company.office #pageBody,
.company.concept #pageBody{padding-top:170px;}*/
.nonLocal #pageBody{padding-top:120px; /* haeder */}

/* contentsInner
-------------------------------------------------------------*/
.contentsInner,
#area_content{
	max-width:var(--maxWidth);
	/*width: 100%;*/
	margin:0 auto;
	padding: 0 clamp(16px, (100vw - 768px) * (32 / 256) + 16px, 48px);
}

/* inner
-------------------------------------------------------------*/
.contentsInner [class^="inner-lv"]{
	max-width:calc(var(--maxWidth) - (100px * var(--inner-level, 0)));
	margin:0 auto;
	padding: 0;
}
.inner-lv1 { --inner-level: 1; }
.inner-lv2 { --inner-level: 2; }
.inner-lv3 { --inner-level: 3; }
.inner-lv4 { --inner-level: 4; }
.inner-lv5 { --inner-level: 5; }
.inner-lv6 { --inner-level: 6; }
.inner-lv7 { --inner-level: 7; }
.inner-lv8 { --inner-level: 8; }
.inner-lv9 { --inner-level: 9; }
.inner-lv10 { --inner-level: 10; }

.inner-fullw{
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}
.inner-full{
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	box-sizing: border-box;
}


/* contentsArea
-------------------------------------------------------------*/
#contentsArea{}

/* contents
-------------------------------------------------------------*/
#contents{
	line-height: 200%;
	padding-bottom:120px;
}
#contents :not([class*="col--"]):not([style*="flex"]) > p + p {margin-top: .8em;}
#contents .blockTemplateArea p + p {margin-top: 0!important;}

#contents p + p:has(a){margin-top: 1.25em;}

/* section
-------------------------------------------------------------*/
.section + .section,
section + section {margin-top: 64px;}


/*=============================================================
 pageMain
=============================================================*/
/* pageMain
-------------------------------------------------------------*/
[id*="pageMain--"] {position: relative;}

/* pageTtlMain
-------------------------------------------------------------*/
#pageTtlMain{margin: clamp(35px, calc(35px + 0.05078125 * (100vw - 768px)), 48px) 0 clamp(24px, calc(24px + 0.0625 * (1024px - 100vw)), 40px);}
#pageTtlMain h1{
		font-size: clamp(24px, calc(24px + 0.046875 * (100vw - 768px)), 36px);
		font-weight: 700;
		line-height: 160%;
	}
/* position */
#pageTtlMain h1.center{text-align: center;}

/* ttlImg 
-------------------------------------------------------------*/
#pageMain--ttlImg {
height: clamp(110px, calc(110px + 0.3515625 * (100vw - 768px)), 200px);
overflow: hidden;
}
#pageMain--ttlImg #pageTtlMain{
	position: relative;
	z-index: 1;
	margin: clamp(6px, calc(6px + 0.09375 * (100vw - 768px)), 30px) 0 0;
}
#pageMain--ttlImg #ttlImgBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#pageMain--ttlImg #ttlImgBox img{
	object-fit: cover;
	height: 100%;
}
#pageMain--ttlImg [id^="topicPathArea--"]{
	position: relative;
	z-index: 1;
}
#pageMain--ttlImg h1,#pageMain--ttlImg [id^="topicPathArea--"] li, #pageMain--ttlImg [id^="topicPathArea--"] a {color: #fff;}


/* news-detail
-------------------------------------------------------------*/
#pageMain--news--detail #pageTtlMain{margin: clamp(35px, calc(35px + 0.05078125 * (100vw - 768px)), 48px) 0 clamp(20px, calc(20px + 0.046875 * (100vw - 768px)), 32px);}
#pageMain--news--detail .news-date{
	display: flex;
	align-items: center;
	column-gap: 8px;
}
.news-date time{
	color: var(--textColorGray);
	font-size: 15px;
	font-weight: 400;
	line-height: 160%;	
}
.news-date .news-tag,
.news-list li time span:last-child{
	max-width: 126px;
	width: 100%;
	padding: 1px 3px;
	box-sizing: border-box;
	border-radius: 3px;
	background: var(--primaryColor);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;
	color: #fff;
	white-space: nowrap;
}
.news-list:not(#news-page .news-list){border-top: 1px solid #DDE6E9;}
.news-list li{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap:12px;
	padding: 16px 0;
	border-bottom: 1px solid #DDE6E9;
}
.news-list li time{
	display: flex;
	gap:12px;
	flex-wrap: nowrap;
}
.news-list li time span:first-child{
	color: var(--textColorBlack);
	font-size: 16px;
	font-weight: 700;
	line-height: 200%;
	white-space: nowrap;
}
.news-list li time span:last-child{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 126px;
	padding: 1px 5px;
}
.news-list li div{
	display: inline-block;
	max-width:  830px;
}
.news-list li div a{line-height: 200%}
#pageMain--news--detail #pageTtlMain h1{
	margin-top: 8px;
	font-size: clamp(22px, calc(22px + 0.03125 * (100vw - 768px)), 30px);
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

/* select-area */
.select-area .select-box{
	color: #000;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	min-width: 240px;
	min-height: 50px;
	padding: 8px;
	margin: 16px 0 24px; 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("/corporate/shared/img/link-ac.svg") no-repeat right 16px center;
	background-size: 20px 20px;
	border: 1px solid var(--colorGray02);
	border-radius: 4px;
	cursor: pointer;
}
/* radio-group */
.radio-group {
  display: flex;
	flex-wrap: wrap;
  gap: 8px 16px;
}
.radio-group input[type="radio"] {display: none;}
.radio-group label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 32px;
  min-height: 26px;
}

/* カスタムラジオボタンの外側の円 */
.radio-group label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border: 1px solid #AFAEAE;
  border-radius: 50%;
  background-color: white;
  box-sizing: border-box;
}
.radio-group input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #008CCE;
  border-radius: 50%;
}
/*=============================================================
 topicPathArea
=============================================================*/
/* topicPathArea
-------------------------------------------------------------*/
[id^="topicPathArea--"]{
	color: var(--textColorBlack);
	font-size: 1.2rem;
	line-height: normal;
	max-width: 1280px;
	width: 100%;
	padding: 10px var(--space32-16);
	margin: 0 auto;
}
[id^="topicPathArea--"] a{color:var(--textColorBlack);}

/* topicPath */
#topicPath{
	display:flex;
	flex-wrap:wrap;
	margin-right:auto;
}
#topicPath li{margin:0 20px 0 0;}
#topicPath li a{position: relative;}
#topicPath li a::before{
	content:'';
	background: url("/corporate/shared/img/topicPath-arw.svg") no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
	position: absolute;
	top: calc((100% - 24px) / 2);
	right: -24px;
}
#pageMain--ttlImg [id^="topicPathArea--"] #topicPath li a::before{background: url("/corporate/shared/img/topicPath-arw-w.svg") no-repeat;}

/* link */
#topicPath+*{
	display:flex;
	flex-wrap:wrap;
	margin-left:auto;
}
#topicPath+* li{margin:5px 0 0 10px;}

/* color */
#topicPathArea--white{color: #fff;}
#topicPathArea--white #topicPath li a::before{background: url("/corporate/shared/img/topicPath-arw-w.svg") no-repeat;}
	
@media only screen and (max-width:1023px){#topicPathArea{display: none;}}

/*=============================================================
 figure
=============================================================*/
/*figure{margin-bottom: clamp(24px, calc(24px + 0.03125 * (100vw - 768px)), 32px);}*/
a figure{margin-bottom: 0;}
figure>div{
	font-weight: 700;
	margin-bottom: 8px;
}
figure img{
	max-width: 100%;
	width: 100%;
}
figcaption{
	font-size: 15px;
	line-height: 160%;
	color: var(--textColorBlack);
	margin-top: 8px;
}

/*=============================================================
 text
=============================================================*/
.textNormal{font-weight: 400;}
.textBold{font-weight: 700;}

/* atn
--------------------------------------------------------------*/
* + .text-atn,
* + .text-atnNum{margin-top: .8em;}

.text-atn,
.text-atnNum{
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	color: var(--textColorGray);
}
.text-atnNum{counter-reset: atn-counter;}
.text-atn:not(ul):not(ol),
.text-atn li{
	text-indent:-1.6em;
	margin-left:1.6em;
}
.text-atn:not(ul):not(ol)::before,
.text-atn li::before{
	content: '※';
	margin-right: .4em;
	color: var(--textColorGray);
}
.text-atnNum:not(ul):not(ol),
.text-atnNum li{
	text-indent:-2.2em;
	margin-left:2.2em;
}
.text-atnNum:not(ul):not(ol)::before,
.text-atnNum li::before{
	counter-increment: atn-counter;
	content: '※' counter(atn-counter);
	color: var(--textColorBlack);
  margin-right: 0.6em;
}
.text-atnNum li + li{margin-top: 8px;}


/*=============================================================
 ttl
=============================================================*/
/*-------------------------------------------------------------
 setting
--------------------------------------------------------------*/
:where([class*="ttl-h2--"],[class*="ttl-h3--"],[class*="ttl-h4--"]){font-weight: 700;}
:where([class*="ttl-h3--"],[class*="ttl-h4--"]){line-height: 160%;}

/*-------------------------------------------------------------
 ttl-h2(elem_heading_lv2)
--------------------------------------------------------------*/
[class*="ttl-h2--"]{
	color: var(--primaryColor);
	font-size: clamp(21px, calc(21px + 0.02734375 * (100vw - 768px)), 28px);
	line-height: 150%;
	padding-bottom: 16px;
	box-sizing: border-box;
	position: relative;
	margin: clamp(60px, calc(60px + 0.015625 * (100vw - 768px)), 64px) 0 clamp(24px, calc(24px + 0.03125 * (100vw - 768px)), 32px);
}

/** + [class*="ttl-h2--"]{margin-top: clamp(60px, calc(60px + 0.015625 * (100vw - 768px)), 64px);}*/

[class*="ttl-h2--"]::after, [class*="ttl-h2--"]::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
}
[class*="ttl-h2--"]::after{
	width: 100%;
	right: 0;
	background: var(--colorGray02);
}
[class*="ttl-h2--"]::before{
	width: 56px;
	background: var(--primaryColor);
	z-index: 1;
}

/* position */
[class*="ttl-h2--center--"]{text-align: center;}
[class*="ttl-h2--center--"]::before{left: calc((100% - 56px) / 2);}
[class*="ttl-h2--center--"]::after{content: none;}

/* color */
[class*="ttl-h2--white--"]{color: #fff;}
[class*="ttl-h2--white--"]::after{background: #fff;}
[class*="ttl-h2--white--"]::before{background: var(--accentColorIceBlue);}

/* No decoration */
.ttl-h2--no-decoration,
.ttl-h2--white--no-decoration{margin: 0;}
.ttl-h2--no-decoration::after,
.ttl-h2--no-decoration::before,
.ttl-h2--white--no-decoration::after,
.ttl-h2--white--no-decoration::before{content: none;}

/*-------------------------------------------------------------
 ttl-h3(elem_heading_lv3)
--------------------------------------------------------------*/
[class*="ttl-h3--"]{
	color: var(--secondaryColor);
	font-size: clamp(19px, calc(19px + 0.01953125 * (100vw - 768px)), 24px);
	margin-bottom: 20px;
}
* + [class*="ttl-h3--"]{margin-top: clamp(40px, calc(40px + 0.03125 * (100vw - 768px)), 48px);}

/* color */
.ttl-h3--white{color: #fff;}

/*-------------------------------------------------------------
 ttl-h4(elem_heading_lv4)
--------------------------------------------------------------*/
[class*="ttl-h4--"]{
	font-size: clamp(17px, calc(17px + 0.00390625 * (100vw - 768px)), 18px);
	margin-bottom: 8px;
}

* + [class*="ttl-h4--"]{margin-top: 32px;}

/* color */
.ttl-h4--white{color: #fff;}

/*-------------------------------------------------------------
 ttl-catch(text-catch)
--------------------------------------------------------------*/
/* ttl-catch */
[class*="ttl-catch--"]{
	font-size: clamp(20px, calc(20px + 0.0234375 * (100vw - 768px)), 26px);       
	font-weight: 500;
	line-height: 180%;
	margin-bottom: clamp(23px, calc(23px + 0.03515625 * (100vw - 768px)), 32px);
}

/* color */
.ttl-catch--white{color: #fff;}
.ttl-catch--primary{color: var(--primaryColor);}

/*-------------------------------------------------------------
 ttl-lead
--------------------------------------------------------------*/
[class*="ttl-lead--"]{
	color: var(--primaryColor);
	font-size: clamp(20px, calc(20px + 0.0078125 * (100vw - 768px)), 22px);
	font-weight: 500;
	line-height: 180%;
	margin-bottom: 16px;
}
/* color */
.ttl-lead--white{color: #fff;}
.ttl-lead--primary{color: var(--primaryColor);}
.ttl-lead--black{color: var(--textColorBlack);}

/*=============================================================
 link
=============================================================*/
a [class*="link-arw--"],
[class*="link-arw--"] a{
	display: inline-block;
	position: relative;
	color: var(--primaryColor);
	line-height: 100%;
	transition: all 0.3s ease-in-out;
	padding-right: 26px;
	box-sizing: border-box;
}
a [class*="link-arw--"]{display: inline-block;}
:is(a [class*="link-arw--"], [class*="link-arw--"] a):hover { color: var(--textColorBlack); }
a [class*="link-arw--"]::after,
[class*="link-arw--"] a:not(:has(img))::after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("/corporate/shared/img/link-arw.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
[class*="link-arw--"] + [class*="link-arw--"]{margin-top: 18px;}
* + [class*="link-arw--"]{margin-top: 16px;}

[class*="link-arw--"]:not([class*="link-arw--flow"]):not([class*="col--"]):not(.link-arw--:has(a[href^="#ac--"])) li + li{margin-top: 10px;}

/* link-text-large */
a .link-arw--large,
.link-arw--large a{
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 150%
}

/* blank */
a[target="_blank"] [class*="link-arw--"]::after,
[class*="link-arw--"] a[target="_blank"]::after{
	background: url("/corporate/shared/img/link-blank.svg") no-repeat;
	background-size: contain;
}
/* pdf */
a[href$=".pdf"] [class*="link-arw--"]::after,
[class*="link-arw--"] a[href$=".pdf"]::after{
	width: 14px;
	height: 14px;	
	background: url("/corporate/shared/img/link-pdf.svg") no-repeat;
	background-size: contain;
}
/* ac */
.link-arw--:has(a[href^="#ac--"]),
.link-arw--flow{
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
}
[class*="link-arw--"] [href^="#ac--"]{
	font-weight: 500;
	line-height: 150%;
	color: var(--textColorBlack);
}
[class*="link-arw--"] [href^="#ac--"]:hover{color: var(--primaryColor);}
[class*="link-arw--"] [href^="#ac--"]::after{
	transform: translateY(-50%) rotate(90deg);
}

/* postion */
a .link-arw--left,
.link-arw--left a{padding: 0 0 0 26px;}
a .link-arw--left::after,
.link-arw--left a:not(:has(img))::after{
	right: inherit;
	left: 0;
}

/* color */
a .link-arw--white,
.link-arw--white a{color: #fff;}
a .link-arw--white::after,
.link-arw--white a:not(:has(img))::after{
	background: url("/corporate/shared/img/link-arw-w.svg") no-repeat;
	background-size: contain;
}
a .link-arw--white:hover,
.link-arw--white a:hover{color: var(--accentColorIceBlue);}

/* link-s */
.link-s a{
	color: var(--textColorGray);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%;
}
.link-s a::after{content: none!important;}
.link-s li + li{margin-top: 0!important;}
/*=============================================================
 link-btn
=============================================================*/
[class*="link-btn--"] div{
	display: inline-block;
	vertical-align: top;
}
[class*="link-btn--"] div:has(a[href^="#ac--"]) {display: block;}
* + [class*="link-btn--"]{margin-top: var(--space32-16);}

[class*="link-btn--"] div a{
	position: relative;
	display: flex;
	align-items: center;
	min-height: 56px;
	color: #fff;
	border-radius: 4px;
	padding: 3px 60px 3px 22px;
	line-height: 150%;
	width: 100%;
	box-sizing: border-box;
	background-color: var(--primaryColor);
	transition: all 0.3s ease-in-out;
}
[class*="link-btn--"] div a:hover{
	text-decoration: none;
	background-color: var(--textColorBlack);
}
/* link-btn arw */
[class*="link-btn--"] div a::after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;	
	background: url("/corporate/shared/img/link-arw-w.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: calc((100% - 24px) / 2);
	right: 22px;
	margin:0;
	transition: all 0.3s ease-in-out;
}
/* link-btn blank */
[class*="link-btn--"] div a[target="_blank"]::after{
	background: url("/corporate/shared/img/link-blank-w.svg") no-repeat;
	background-size: contain;
}
/* link-btn pdf */
[class*="link-btn--"] div a[href$=".pdf"]::after{
	background: url("/corporate/shared/img/link-pdf-w.svg") no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	top: calc((100% - 14px) / 2);
}

/***** link-btn--l *****/
[class*="link-btn--l--"] div,
.link-btn--gray--l div,
.link-btn--white--l div{display: block;}
[class*="link-btn--l--"] div a,
.link-btn--gray--l div a,
.link-btn--white--l div a{min-height: 80px;}

/* link-btn--center */
.link-btn--l--center{
	display: flex;
	justify-content: center;
}
.link-btn--l--center div{
	max-width: 554px;
	width: 100%;
}

/***** link-btn--gray *****/
[class*="link-btn--gray--"] div a{
	background-color: var(--colorGray01);
	color: var(--textColorBlack);
}
[class*="link-btn--gray--"] div a:hover{color: #fff;}

/* link-btn arw */
[class*="link-btn--gray--"] div a::after,
[class*="link-btn--white--"] div a::after{
	background: url("/corporate/shared/img/link-arw.svg") no-repeat;
	background-size: contain;
	position: absolute;
	right: 22px;
	margin:0;
}
[class*="link-btn--gray--"] div a:hover::after{
	background: url("/corporate/shared/img/link-arw-w.svg") no-repeat;
	background-size: contain;
}

/* link-btn ac */
[class*="link-btn--"] div a[href^="#ac--"]{width: 100%;}
[class*="link-btn--"] div a[href^="#ac--"]::after{transform: rotate(90deg);}

/* link-btn blank */
[class*="link-btn--gray--"] div a[target="_blank"]::after,
[class*="link-btn--white--"] div a[target="_blank"]::after{
	background: url("/corporate/shared/img/link-blank.svg") no-repeat;
	background-size: contain;
}
[class*="link-btn--gray--"] div a[target="_blank"]:hover::after{
	background: url("/corporate/shared/img/link-blank-w.svg") no-repeat;
	background-size: contain;
}
/* link-btn pdf */
[class*="link-btn--gray--"] div a[href$=".pdf"]::after,
[class*="link-btn--white--"] div a[href$=".pdf"]::after{
	background: url("/corporate/shared/img/link-pdf.svg") no-repeat;
	background-size: contain;
}
[class*="link-btn--gray--"] div a[href$=".pdf"]:hover::after{
	background: url("/corporate/shared/img/link-pdf-w.svg") no-repeat;
	background-size: contain;
}

.reated-area [class*="link-btn--gray--"] {
	justify-content: center;
	margin-top: 62px;
}

/* link-btn--white */
[class*="link-btn--white--"] div a{
	background-color: #fff;
	color: var(--primaryColor);
}
[class*="link-btn--white--"] div a:hover{background-color: var(--accentColorIceBlue);}

/* positin */
[class*="link-btn--center--"]{text-align: center;}
[class*="link-btn--right--"]{text-align: right;}
[class*="link-btn--center--"] div,
[class*="link-btn--right--"] div{width: 100%;}

/* text positin */
[class*="link-btn--"].center div a{justify-content: center;}
[class*="link-btn--"].right div a{justify-content: flex-end;}

/* blod　*/
[class*="link-btn--bold--"] div a{font-weight: 600;}

/* size(div2つ以上横並びサイズ指定) */
[class*="link-btn--"]:has(> div > a):has(> div:nth-of-type(2) > a):not(:has(> div > a[href^="#ac--"])){
	display: flex;
	flex-wrap: wrap;
	gap: 16px 16px;
}
[class*="link-btn--center--"]:has(> div > a):has(> div:nth-of-type(2) > a):not(:has(> div > a[href^="#ac--"])){justify-content: center;}
[class*="link-btn--"]:has(> div > a):has(> div:nth-of-type(2) > a):not(:has(> div > a[href^="#ac--"])) > div{
	max-width: 300px;
	width: 100%;
}
[class*="link-btn--"]:has(> div:nth-of-type(2)) > div a{width: 100%;}

/* .link-btn--gray--more */
.link-btn--gray--more{
	display: flex;
	justify-content: center;
}
.link-btn--gray--more>div{
	width: 300px;
}


/* inline　*/
.inline{
	position: relative;
	color: var(--primaryColor);
	line-height: 100%;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}
.inline:hover{text-decoration: none;}
.inline[target="_blank"]::after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("/corporate/shared/img/link-blank.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 0;
	margin-top: -4px;
}

/*=============================================================
 col--
=============================================================*/
/* setting */
:root {
  --gap-x: clamp(15px, calc(15px + 0.06640625 * (100vw - 768px)), 32px);
  --gap-y: clamp(24px, calc(24px + 0.0625 * (100vw - 768px)), 40px);
  --col-margin-bottom: var(--gap-y);
}
/* col-- */
[class*="col--"] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-y) var(--gap-x);
  width: 100%;
}
[class*="col--"]>li + li{margin-top: 0;}
/*[class*="col--"]:not([class*="link-arw--"]) li + li{margin-top: 16px;}*/
[class*="col--"][class*="link-arw--"]{gap: clamp(8px, calc(8px + 0.03125 * (100vw - 768px)), 16px) var(--gap-x);}
[class*="col--"] [class*="box-bdr--"]{margin-bottom: 0;}
[class*="col--5--"]{gap: 16px 16px;}
[class*="col--"] + * {margin-top: var(--col-margin-bottom);}
[class*="col--"][class*="col--white"]{color: #fff;}
[class*="col--"]:has(> figure) > figure {margin-bottom: 0;}
* + [class*="col--"]{margin-top: clamp(12px, calc(12px + 0.046875 * (100vw - 768px)), 24px);}

[class*="col--"] > * {display: block;}
[class*="col--2--"] > * { width: calc((99.99% - var(--gap-x)) / 2); }
[class*="col--3--"] > * { width: calc((99.99% - var(--gap-x) * 2) / 3); }
[class*="col--4--"] > * { width: calc((99.99% - var(--gap-x) * 3) / 4); }
[class*="col--5--"] > * { width: calc((99.99% - 16px * 4) / 5); }
:is(.col--2--center, .col--3--center, .col--4--center){ justify-content: center; }
.col--2--alc, .col--3--alc, .col--4--alc { align-items: center; }

/* clm */
.col--clm2--1 > *:nth-child(odd),
.col--clm1--2 > *:nth-child(even) {width: calc((99.99% - var(--gap-x) * 2) / 3 * 2 + var(--gap-x));}
.col--clm2--1 > *:nth-child(even),
.col--clm1--2 > *:nth-child(odd) {width: calc((99.99% - var(--gap-x) * 2) / 3);}
.col--clm3--1 > *:nth-child(odd),
.col--clm1--3 > *:nth-child(even) {width: calc((100% - var(--gap-x) * 3) / 4 * 3 + var(--gap-x) * 2);}
.col--clm3--1 > *:nth-child(even),
.col--clm1--3 > *:nth-child(odd) {width: calc((100% - var(--gap-x) * 3) / 4);}

/*=============================================================
 list
=============================================================*/
[class^="list--"] + [class^="list--"]{margin-top:32px;}

/* setting
-------------------------------------------------------------*/
[class^="list--"]{margin-bottom: 24px}
[class^="list--"]>li + li{margin-top: 8px;}
[class^="list--"]>li{
	line-height: 200%;
	padding-left:1em;
	position:relative;
}
/* list-circle
-------------------------------------------------------------*/
[class^="list--circle--"]>li::before{
	content: "";
	background: var(--secondaryColor);
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	position: absolute;
	top: 0.8em;
	left: 0;
}
/* color */
[class^="list--circle--primary"]>li::before{background: var(--primaryColor);}

/* flow */
.list--circle--flow{
	display: flex;
	flex-wrap: wrap;
	gap: 4px 32px;
}
.list--circle--flow>li + li{margin-top: 0;}

/* list-num--
-------------------------------------------------------------*/
[class^="list--num--"]{}
[class^="list--num--"]{
	counter-reset: number;
	padding-left: .6em;
	list-style-type: decimal;
}
[class^="list--num--"]>li{
	padding-left:0.8em;
	position: relative;
}
[class^="list--num--"]>li::before{
  content: counter(number) ". ";
  counter-increment: number;
	color: var(--secondaryColor);
	position:absolute;
	top:0;
	left:-.6em;	
}

/* color */
[class^="list--num--primary"]>li::before{background: var(--primaryColor);}



/*=============================================================
 box
=============================================================*/
/* box-bdr-- */
[class*="box-bdr--"]{
	padding: clamp(24px, calc(24px + 0.0625 * (100vw - 768px)), 40px);
	box-sizing: border-box;
	border-radius :4px;
	border: 1px solid var(--secondaryColor);
	margin-bottom: 56px;
}
[class*="box-bdr--"] [class^="box-title--"]{
	position: relative;
	font-size: clamp(17px, calc(17px + 0.00390625 * (100vw - 768px)), 18px);
	font-weight: 700;
	line-height: 160%;
	margin-bottom: clamp(16px, calc(16px + 0.03125 * (100vw - 768px)), 24px);
}
[class*="box-bdr--"] [class^="box-title--"]::before{
	content: '';
	height: 6px;
	width: clamp(18px, calc(18px + 0.0546875 * (100vw - 768px)), 32px);
	position: absolute;
	border-radius: 0 3px 3px 0;
	top: 1.2rem;
	left: clamp(-40px, calc(-24px + -0.0625 * (100vw - 768px)), -24px);
	background: var(--secondaryColor);
}

/* box-bdr--red */
.box-bdr--red{
	border: 1px solid var(--ctaColor);
	padding:22px;
	text-align: center;
	margin-bottom: clamp(32px, calc(32px + 0.0703125 * (100vw - 768px)), 50px);;
}
.box-bdr--red p + p{margin-top: 16px!important;}
.box-bdr--red [class^="box-title--"]{color: var(--ctaColor);}
.box-bdr--red [class^="box-title--"]::before{content: none;}
.box-bdr--red a{
	color: var(--primaryColor);
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}
.box-bdr--red a:hover{
	color: var(--textColorBlack);
	text-decoration: none;
}

/* box-color-- */
[class^="box-color--"]{
	padding: clamp(24px, calc(24px + 0.0625 * (100vw - 768px)), 40px);
	box-sizing: border-box;
	border-radius :4px;
	background-color: var(--colorGray00);
	margin-bottom: 56px;
}
[class^="box-color--"][class^="box-title--"]{
	font-size: clamp(17px, calc(17px + 0.00390625 * (100vw - 768px)), 18px);
	font-weight: 700;
	line-height: 160%;
	margin-bottom: 20px;
}
/*=============================================================
 table
=============================================================*/
/* table.table-default */
[class*="table-default--"]{
	font-size: 1.5rem;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid var(--colorGray02);
}
[class*="table-default--"] caption,
.table-caption{
	color: var(--primaryColor);
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 200%;
	margin-bottom: 16px;
}
.table-caption{margin-top: clamp(20px, calc(20px + 0.0625 * (100vw - 768px)), 36px);}
[class*="table-default--"] thead th{
	color: #fff;
	background-color: var(--primaryColor);
}
[class*="table-default--"] th,
[class*="table-default--"] td{
	padding: clamp(10px, calc(10px + 0.015625 * (100vw - 768px)), 14px) clamp(12px, calc(12px + 0.03125 * (100vw - 768px)), 20px); 
	font-weight: 400;
	line-height: 150%;
	border-bottom:1px solid var(--colorGray02);
	border-right:1px solid var(--colorGray02);
	background-color:#fff;
	text-align: left;
}
[class*="table-default--"] th:last-child,
[class*="table-default--"] td:last-child{border-right:none;}
[class*="table-default--"] tbody th{font-weight: 500;}

[class*="table-default--"] .bdrR{border-right: 1px solid var(--colorGray02);}
[class*="table-default--"] .bdrL{border-left: 1px solid var(--colorGray02);}
[class*="table-default--"] .bdrT{border-top: 1px solid var(--colorGray02);}

[class*="table-default--"] .ttl{background-color: var(--colorGray00);}

/* position */
[class*="table-default--num--"] td{text-align: right;}
.table-default--center th,
.table-default--center td{text-align: center;}
/* space */
[class*="table-default--"].top,
.sp-table-scroll.top{margin-top: clamp(32px, calc(32px + 0.0625 * (100vw - 768px)), 48px);}
[class*="table-default--"].bottom,
.sp-table-scroll.bottom{margin-bottom: clamp(32px, calc(32px + 0.0625 * (100vw - 768px)), 48px);}

/*=============================================================
 line
=============================================================*/
[class*="separator-line--"]{
	margin: clamp(24px, calc(24px + 0.03125 * (100vw - 768px)), 32px) 0;
	padding-top: clamp(24px, calc(24px + 0.03125 * (100vw - 768px)), 32px);
	border-top: 1px solid var(--colorGray02);
}

/*=============================================================
 space-mT-h2
=============================================================*/
.space-mT-h2{margin-top: clamp(60px, calc(60px + 0.015625 * (100vw - 768px)), 64px);}

/*=============================================================
 imgScale
=============================================================*/
.imgScale figure {overflow: hidden;}
.imgScale figure img {transition: all .3s ease;}
.imgScale:hover figure img{transform: scale(1.03);}

/*=============================================================
 nonContact
=============================================================*/
.nonContact .ftrContactArea{display: none;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC-large
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width:1920px){
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 tablet
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	/* pageBody
-------------------------------------------------------------*/
#pageBody,	
.nonLocal #pageBody{padding-top:60px; /* haeder */}	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/*=============================================================
 base Layout
=============================================================*/
/* pageBody
-------------------------------------------------------------*/
#pageBody,	
.nonLocal #pageBody{padding-top:60px; /* haeder */}	
/*=============================================================
 pageMain
=============================================================*/
/*=============================================================
 topicPathArea
=============================================================*/	
/*=============================================================
 figure
=============================================================*/	
/*=============================================================
 text
=============================================================*/
/*=============================================================
 ttl
=============================================================*/
/*=============================================================
 link-btn
=============================================================*/
	
/* size */
[class*="link-btn--"]:has(> div > a):has(> div:nth-of-type(2) > a):not(:has(> div > a[href^="#ac--"])) > div {max-width: inherit;}
[class*="link-btn--"]:has(> div > a):has(> div:nth-of-type(2) > a):not(:has(> div > a[href^="#ac--"])) > div + div{margin: 0;}
	
/*=============================================================
 col--
=============================================================*/
/* col-- */
[class*="col--2--"] > * { width: 100%;}
:is([class*="col--2--"], [class*="col--3--"], [class*="col--4--"]) > *{ width: calc((99.99% - var(--gap-x)) / 2); }
[class*="col--5--"] > *{ width: calc((99.99% - 16px) / 2); }
	
/* sp-col-1 */
.sp-col-1 > * {width: 100%;}
	
/* clm */
:is(.col--clm2--1 > *:nth-child(odd),.col--clm1--2 > *:nth-child(even),.col--clm2--1 > *:nth-child(even),.col--clm1--2 > *:nth-child(odd),.col--clm3--1 > *:nth-child(odd),.col--clm1--3 > *:nth-child(even),.col--clm3--1 > *:nth-child(even),.col--clm1--3 > *:nth-child(odd)){width: 100%;}
	
	
/*=============================================================
 table
=============================================================*/
[class*="table-default--"]{max-width: 1200px;}	

/* sp-table-scroll 
--------------------------------------------------------------*/
.sp-table-scroll{
	overflow:auto;
	table-layout:auto;
	-webkit-overflow-scrolling:touch;
	position:relative;
	z-index:2;
}
.sp-table-scroll>table{margin-bottom:5px;}
.sp-table-scroll .cellFix{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	left:0;
	z-index:1;
}
.sp-table-scroll>.table-default--num--600{width: 600px;}
.sp-table-scroll>.table-default--num--800{width: 800px;}
.sp-table-scroll>.table-default--num--1000{width: 1000px;}	
/*.sp-table-scroll .arwSc{
	background:url("/corporate/shared/img/table-arw.svg") no-repeat 0 0/auto 93px;
	width:93px;
	height:93px;
	margin:-50px 0 0 -50px;
	position:absolute;
	top:calc(50% + 30px);
	left:50%;
	z-index:2;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	transition:opacity 0.2s ease-out;
}	
.sp-table-scroll.sc .arwSc{
	opacity:0.4;
	visibility:visible;
}*/
	

/* table-default */
.sp-table-scroll .table-default{
	border-collapse:separate;
	border-spacing:0;
}
.sp-table-scroll .table-default th,
.sp-table-scroll .table-default td{border-left:none;}

/* sp-table-block
--------------------------------------------------------------*/
.sp-table-block th,
.sp-table-block td{
	white-space:normal !important;
	display:block;
	width:auto !important;
	border-right:none !important;
	border-left:none !important;
}
		
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print {
  header, footer {display: none !important;}
	
}