@charset "utf-8";

/*=============================================================
 base Layout
=============================================================*/

/* container
--------------------------------------------------------------*/
#container{
	overflow:hidden;
}
body,
#container{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
/* pageBody
-------------------------------------------------------------*/
#pageBody{padding-top:120px;}

/* pageBlock
-------------------------------------------------------------*/
#pageBlock{
	height: 200px;
	position: relative;
}
#pageBlock::after{
	content: '';
	height: 4px;
	background: linear-gradient(90deg, rgba(251,117,0,1) 0%, rgba(246,172,45,1) 15%, rgba(243,158,44,1) 40%, rgba(207,0,37,1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
/* contentsInner
-------------------------------------------------------------*/
.contentsInner{
	max-width:1200px;
	margin:0 auto;
	padding:0 6%;
}
/* topicPathArea
-------------------------------------------------------------*/
#topicPathArea{
	height: 64px;
	padding:5px 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
#topicPathArea a{color:#222;}
#topicPathArea .contentsInner{
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
/* topicPath */
#topicPath{
	font-size:13px;
	display:flex;
	flex-wrap:wrap;
	margin-right:auto;
}
#topicPath li{margin:5px 6px 0 0;}
#topicPath li:not(:first-child)::before{
	content:'>';
	padding-right:5px;
}
/* link */
#topicPath+*{
	display:flex;
	flex-wrap:wrap;
	margin-left:auto;
}
#topicPath+* li{margin:5px 0 0 10px;}

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

/* contents
-------------------------------------------------------------*/
#contents{
	line-height:1.85;
	/*margin-top:48px;*/
	/*padding-bottom:100px;*/
}
#contents p + p{margin-top: 1em;} 

/* section
-------------------------------------------------------------*/
section + section,
.section + .section,
.section + section,
section + .section{padding-top:80px;}


.colorE{background: #D1EDB9!important;}
.colorS{background: #B9E3ED!important;}
.colorG{background: #EDC3B9!important;}
.colorE>span,
.colorS>span,
.colorG>span{
	font-size: 46px;
	line-height: 1.2;
	display: block;
}
.bgColor01{
	background: #C44000;
	color: #fff;
	padding: 10px;
}

.marAuto{
	margin: 0 auto;
}

/*=============================================================
 text
=============================================================*/
.textSS{font-size:75%;}
.textS{font-size:87.5%;}
.textL{font-size:112.5%;}
.textLL{font-size:125%;}

/* base setting
-------------------------------------------------------------*/
[class^="ttl-"]:not(.ttl-h1):not(.ttl-fig){
	position: relative;
	margin-bottom:24px;
}
[class^="ttl-"]::before,
[class^="ttl-"]::after{
	content: '';
	position: absolute;
	left: 0;
}
.colorRed{color: #BB0400;}
.colorBlue{color: #0055AA;}

/* ttl-h1
-------------------------------------------------------------*/
.ttl-h1{
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
	margin-top: 10px;
}
/* ttl-h2
-------------------------------------------------------------*/
.ttl-h2{
	font-size: 24px;
	line-height: 1.4;
	padding-bottom: 12px;
}
.ttl-h2::before,
.ttl-h2::after{
	height: 2px;
	background-color: #CDD5E2;
	width: 100%;
	bottom: 0;
}
.ttl-h2::after{
	background-color: #FB7500;
	width: 240px;
}
/* ttl-h3
-------------------------------------------------------------*/
.ttl-h3{
	font-size: 20px;
	line-height: 1.4;
	padding-bottom: 12px;
}
.ttl-h3::after{
	height: 2px;
	width: 58px;
	background-color: #FB7500;
	bottom: 0;
}
p + .ttl-h3,figure + .ttl-h3, div + .ttl-h3, ul + .ttl-h3{margin-top: 48px;}

.ttl-h3-service{
	color:#CE4B00;
	margin-bottom: 0!important;
}
.lead-service{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 0;
}

/* ttl-h4
-------------------------------------------------------------*/
.ttl-h4{
	font-size: 18px;
	line-height: 1.4;
	padding-left: 25px;
}
.ttl-h4::after{
	height: 15px;
	width: 15px;
	background-color: #FB7500;
	top:50%;
	transform: translateY(-50%);
}
p + .ttl-h4,figure + .ttl-h4, div + .ttl-h4, ul + .ttl-h4{margin-top: 48px;}


/* figcaption
--------------------------------------------------------------*/
figure figcaption,
.figcaption{
	font-size:14px;
	line-height:1.3;
	display:block;
	padding:16px 0 0 0;
}
.figcaption-ttl,
.ttl-fig,
.table-default caption{
	text-align: left;
	font-size: 18px;
	line-height:1.4;
	font-weight: bold;
	padding: 0;
	margin: 0 0 20px 0;
}
.table-default p{line-height: 1.6;}
/* atn
--------------------------------------------------------------*/
.text-atn,
.text-atnNum{
	font-size:14px;
	line-height:1.6;
	margin-top:32px;
}
.text-atn:not(ul):not(ol),
.text-atn li{
	text-indent:-1.4em;
	margin-left:1.4em;
}
.text-atnNum:not(ul):not(ol),
.text-atnNum li{
	text-indent:-2em;
	margin-left:2em;
}
.text-atn.atns{
	text-indent:-2.3em;
	margin-left:2.3em;
}
.text-atn li+li,
.text-atnNum li+li{margin-top: .6em;}

.text-name{
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
}
.text-name>span{
	display: block;
	font-size: 16px;
	line-height: 1.6;
	font-weight: normal;
	margin-top: 10px;
}
/*=====================================================================
 list
=====================================================================*/
[class^="list-"]+[class^="list-"]{margin-top:1em;}
[class^="list-"]{
	line-height:1.6;
	margin-top:48px;
}

/* list-circle
-------------------------------------------------------------*/
.list-circle>li{
	padding-left:30px;
	margin-top:1em;
	position:relative;
}
.list-circle>li::before{
	content:"";
	background:#CE4B00;
	display:block;
	width:0.5em;
	height:0.5em;
	border-radius:100%;
	position:absolute;
	top:0.6em;
	left:.6em;
}
.list-circle + p{margin-top: 48px;}
.results .list-circle>li{margin-top:.2em;}

.list-circle .list-circle>li::before{background:#666;}

/* list-num
-------------------------------------------------------------*/
.list-num{
	margin-left:30px;
}
.list-num>li{
	list-style-type:decimal;
	margin-top:1em;
}
/* lisIc
-------------------------------------------------------------*/
.lisIc{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	text-align: left;
}
.lisIc > li{
	width: 55px;
	padding: 5px 0;
}
/*.lisIc > li:nth-child(n+4){margin-top: 10px;}*/
.lisIc > li img{width:55px;}


/*=============================================================
 link
=============================================================*/
/* overOpc
--------------------------------------------------------------*/
.overOpc{
	transition:opacity .3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
html:not(.touchDevice) .overOpc:hover,
html:not(.touchDevice) a:hover .overOpc{opacity:0.7;}

/* base setting
-------------------------------------------------------------*/
#pageBody a,
.cookie-banner a,
[class^="btn-"] a span,
.menu-link .ttl a span,
.download-btn a span,
.imgLinkArea a .link-icon{
	color:#222;
	text-decoration:none;
	/*background-image: linear-gradient(90deg, #C44000, #C44000);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.6s;
	position: relative;*/
}
.imgLinkArea a .link-icon{background-position-x: 20px;}
/*.normal-link a,*/
.imgLinkArea a{background: none!important;}
#pageBody a:visited,
[class^="btn-"] a span:visited{color:#5d3fbb;}
#pageBody a:hover,
[class^="btn-"] a:hover span,
.menu-link .ttl a:hover span,
.imgLinkArea a:hover .link-icon{
	color:#C44000;
	background-size: 100% 1px;
	text-decoration: none;
}
.imgLinkArea a:hover .link-icon{
	background-size: calc((100% - 20px)) 1px;
	background-position-x: 20px;
}
#pageBody a.inline,
.cookie-banner a.inline{
	color:#C44000;
	background-size: 100% 1px;
}
#pageBody a.inline:hover,
.cookie-banner a.inline:hover{background-size: 0 1px;background-position: bottom right;}

a[class^="link-"],
[class^="link-"] a,
[class^="btn-"] a span,
.menu-link .ttl a span{background-position-x: 20px!important;}


a.notAnimeation{transition: none;}
a.notLink{pointer-events: none;}

a[class^="link-"],
[class^="link-"] a,
[class^="btn-"] a span,
.menu-link .ttl a span,
.download-btn a span,
.imgLinkArea a .link-icon{
	position:relative;	
	line-height:1.4;
	display:inline-block;
	padding:4px 0 4px 20px;	
}
a[class^="link-"]::before,
[class^="link-"] a::before,
[class^="btn-"] a span::before,
.menu-link .ttl a span::before,
.imgLinkArea a .link-icon::before{
	content:"";
	display:block;
	width:6px;
	height:6px;
	border-bottom:2px solid #C44000;
	border-right:2px solid #C44000;	
	position:absolute;
	top:0.7em;
	left:0px;
	transform:rotate(-45deg);
}
/* imgLinkArea
-------------------------------------------------------------*/
.imgLinkArea>*{margin-top: 4.0em!important;}
.imgLinkArea a{
	font-size: 20px;
	font-weight: 700;
}
.col-3.imgLinkArea a{
	font-size: 18px;
}
.imgLinkArea a figure{
	overflow: hidden;
	margin-bottom: 20px;
}
.imgLinkArea a figure img{
	height: auto;
	transition: all .3s ease;
}
.imgLinkArea a:hover figure img{transform: scale(1.05);}
.imgLinkArea a .txt14{
	color: #222;
	font-weight: normal;
	font-size: 14px;
	margin-top: 30px;
}
/* list-link
-------------------------------------------------------------*/
.list-link{margin-top:20px;}

/* link-icon
-------------------------------------------------------------*/
.link-icon li + li{margin-top: .6em;}

/* link-flow
-------------------------------------------------------------*/
.link-flow{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	column-gap: 3.0rem;
}

/* link-ac
-------------------------------------------------------------*/
a.link-ac,
.link-ac a{font-size: 14px;}
a.link-ac::before,
.link-ac a::before{
	transform:rotate(45deg)!important;
	top:calc(0.7em - 2px)!important;
}

/* link-icon
-------------------------------------------------------------*/
/* base setting */
a[target="_blank"],a[href$=".pdf"] .fileSize,a[href$=".xls"] .fileSize,a[href$=".xlsx"] .fileSize,a[href$=".ppt"] .fileSize,a[href$=".pptx"] .fileSize,a[href$=".doc"] .fileSize,a[href$=".docx"] .fileSize{position: relative;}

a[target="_blank"]::after,a[href$=".pdf"] .fileSize::before,a[href$=".xls"] .fileSize::before,a[href$=".xlsx"] .fileSize::before,a[href$=".ppt"] .fileSize::before,a[href$=".pptx"] .fileSize::before,a[href$=".doc"] .fileSize::before,a[href$=".docx"] .fileSize::before{
	content: '';
	display: inline-block;
	margin: 0 5px 0 10px;
	margin-bottom: -3px;
}
.notIcon a:after{content: none;}
.fileSize{font-size: 14px;}
/* blank */
a[target="_blank"]:not([href$=".pdf"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".ppt"]):not([href$=".pptx"]):not([href$=".doc"]):not([href$=".docx"])::after{
	background: url("/perspectives_symposium/shared/img/icon_window_w.svg") no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height:15px;
	margin-bottom: 0px;
}

/* pdf */
a[href$=".pdf"] .fileSize::before{
	background: url("/shared/img/icon_pdf.png") no-repeat;
	background-size: 13px 15px;
	width: 13px;
	height:15px;
	margin-bottom: -2px;
}
/* xls */
a[href$=".xls"] .fileSize::before,
a[href$=".xlsx"] .fileSize::before{
	background: url("/shared/img/icon_excel.png") no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height:15px;
	margin-bottom: -2px;
}

/* ppt */
a[href$=".ppt"] .fileSize::before,
a[href$=".pptx"] .fileSize::before{
	background: url("/shared/img/icon_ppt.png") no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height:15px;
	margin-bottom: -2px;
}

/* doc */
a[href$=".doc"] .fileSize::before,
a[href$=".docx"] .fileSize::before{
	background: url("/shared/img/icon_word.png") no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height:15px;
	margin-bottom: -2px;
}

/* normal-link */
.normal-link>* + *{margin-top: 5px;}
/*.normal-link a{
	font-size: 16px;
	text-decoration: underline!important;
}
.normal-link a:hover{text-decoration: none!important;}*/

/* report-list
-------------------------------------------------------------*/
.report-list>*{
	padding: 14px 0;
	box-sizing: border-box;
	border-bottom: 1px dotted #666;
}
/*.report-list>*>a{background-image: none!important;}
.report-list>*>a:hover{text-decoration: underline!important;}*/
.report-list>* + *{margin-top: 0!important;}

/* btn-link
-------------------------------------------------------------*/
.btn-link{width: 100%;}
.btn-link a{
	background: #fff!important;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #C44000;
	transition: background 0.2s!important;
	background-size:auto!important;
}
.btn-link a:hover{
	background-size:auto!important;
	background: #fff1e5!important;
}
.btn-link.grayBg a{
	padding: 30px 20px;
	border: none;
	background: #EDF0F5!important;
}
.btn-link.redBg{
	max-width: 260px;
	width: 100%;
	margin: 0 auto;
}
.btn-link.redBg a{
	padding: 16px 20px;
	border: none;
	background: #C44000!important;
}
.btn-link.redBg a span{
	color: #fff!important;
	background-image: linear-gradient(90deg, #fff, #fff);
}
.btn-link.redBg a:hover span{
	background-size: 100% 1px;
	text-decoration: none;
}
.btn-link.redBg a span::before{
	border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.colorBox .btn-link a{
	background-color: #CE4B00!important;
	color: #fff!important;
}
.colorBox .btn-link a::after{content: none!important;}
.colorBox .btn-link a span::before{
	border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.colorBox .btn-link a span{color: #fff!important;}
/* menu-link

-------------------------------------------------------------*/
.menu-link .ttl{width: 100%;}
.menu-link .ttl a{
	font-size: 20px;
	font-weight: bold;
	background: #fff!important;
	display: block;
	padding: 20px 0 20px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #FB7500;
	background-size:auto!important;
}
.menu-link.menu-link-s .ttl a{
	font-size: 18px;
}
/* download-btn
-------------------------------------------------------------*/
.download-btn{margin-top: 40px;}
.download-btn a{
	display: block;
	width: 100%;
	background-color: #CE4B00;
	color: #fff!important;
	padding: 20px;
	font-weight: 700;
	box-sizing: border-box;
}
.download-btn a .fileSize{padding:4px 0 4px 30px;}
.download-btn a .fileSize::before{
	background: url(/shared/img/icon_pdf_w.png) no-repeat;
	background-size: 13px 15px;
	margin-top: -8px;
}
.download-btn a span::before{
	content: "";
	display: block;
	width: 18px;
	height: 16px;
	background: url("/shared/img/icon-download.png");
	background-size: 18px 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.download-btn a span{color: #fff!important;}
/*=====================================================================
 col
=====================================================================*/
/* base setting
-------------------------------------------------------------*/
p+[class^="col-"],
ul+[class^="col-"],
[class^="col-"]+[class^="col-"]{margin-top:48px;}	
[class^="col-"]{
	display:flex;
	flex-wrap:wrap; 
	column-gap: 5%
}
[class^="col-"]>*{
	box-sizing:border-box;
	margin-top: 1.6em;
}
[class^="col-"].menu-link>*{margin-top: 64px;}
.col-2>*:nth-child(-n+2), .col-3>*:nth-child(-n+3), .col-4>*:nth-child(-n+4){margin-top: 0!important;}
.col-2>*{width:calc((99.9999% - 5%) / 2);}
.col-3>*{width:calc((99.9999% - 10%) / 3);}
.col-4>*{width:calc((99.9999% - 15%) / 4);}
.col-6>*{width:calc((99.9999% - 25%) / 6);}

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


/* col-photo
-------------------------------------------------------------*/
.col-photo{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	margin: 20px!important;
}
.col-photo>*{margin: 0;}


/*=====================================================================
 colorBox
=====================================================================*/
.colorBox{
	padding: 30px;
	box-sizing: border-box;
	background-color: #fff1e5;
	position: relative;
	margin-top: 48px;
}
.colorBox::before{
	content: '';
	height: 4px;
	width: 58px;
	background-color: #fff1e5;
	position: absolute;
	top:0;
	left:0;
}
.colorBox .colorBox-ttl{
	color: #CE4B00;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
	padding-bottom: 20px;
	position: relative;
}
.colorBox .colorBox-ttl::after{
	content: '';
	width: 50px;
	height: 4px;
	background-color: #FB7500;
	position: absolute;
	bottom: 0;
	left: 0;
}
.colorBox [class^="list-"]{margin-top: 0;}

.colorBoxGray{
	padding: 30px;
	box-sizing: border-box;
	background: #F0F0F0;
}
.bdr{border: 1px solid #ccc;}
.boxBdr{
	border: 1px solid #ccc;
	padding: 30px;
	box-sizing: border-box;
	margin-top: 40px;
}
.boxBdr .boxBdr-ttl{
	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 20px;
}
.boxBdr>.list-circle,
.boxBdr>.list-circle>*:first-child{margin-top: 0;}

.colorBox.grayBox{background-color: #EDF0F5;}

/*=====================================================================
 table 
=====================================================================*/
/* table-default 
-------------------------------------------------------------*/
.sp-table-scroll+.sp-table-scroll,
.table-default+.sp-table-scroll,
.sp-table-scroll+.table-default{margin-top: 48px;}

.table-default{
	line-height: 1.4;
	width:100%;
	border-collapse:collapse;
	margin-top: 48px;
	border-top:1px solid #ccc;
}
.table-default th,
.table-default td{
	background-color:#fff;
	padding:12px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.table-default .bdrT{border-top:1px solid #ccc!important;}
.table-default .bdrR{border-right:1px solid #ccc!important;}
.table-default .bdrB{border-bottom:1px solid #ccc!important;}
.table-default .bdrL{border-left:1px solid #ccc!important;}
.table-default th{font-weight:bold;}
.table-default th:first-child,
.table-default td:first-child{border-left:none;}
.table-default th:last-child,
.table-default td:last-child{border-right:none;}
/*.table-default.table-history th span{display: inline-block;}
.table-default.table-history th span:first-child{width: 86px;}
.table-default.table-history th span:last-child{
	min-width: 40px;
	text-align: right;
}*/

.table-default th{background-color: #EDF0F5;}
/*.table-default th.ttl{background-color: #CDD5E2;}*/
.table-default thead th{
	text-align:left;
	font-weight:bold;
	color: #fff;
	background-color: #333;
}
.table-default thead .ttl{
	background-color: #CDD5E2;
	color: #222;
}
.table-default thead .ttl2{
	background-color: #EDF0F5;
	color: #222;
}
.table-default .bg,
.table-default .bg th,
.table-default .bg td{background-color:#fff1e5;}
.table-default .list-circle li + li,
.table-default .list-num li + li{margin-top: .4em;}
.table-default .list-circle,
.table-default .list-circle li:first-child,
.table-default .list-num,
.table-default .list-num li:first-child{margin-top: 0;}


/*=============================================================
 mov-area
=============================================================*/	
.mov-area{
/*
	max-width:calc(100% / 2);
	margin:48px auto;
*/
}
.mov-iframe{
	position:relative;
	padding-bottom:56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height:0;
	overflow:hidden;
}
.mov-iframe iframe,
.mov-iframe video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
  height:100%;
}
.mov-iframe img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.mp4-area{
	max-width: inherit;
	margin: 0;
}
.mp4-area .mov-iframe{
	padding-bottom: 66.67%; /* 480 / 720 = 0.6667 */
}
/*=============================================================
 qa-list
=============================================================*/	
.qa-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.qa-list dt,
.qa-list dd div{
  display: flex;
  align-items: center;
}
.qa-list dt div:first-child,
.qa-list dd div div:first-child{width: 50px;}
.qa-list dt div:first-child,
.qa-list dd div:first-child{margin-right: 10px;}
.qa-list dt div:last-child,
.qa-list dd div div:last-child{width: calc((100% - 60px));}
.qa-list dt div img,
.qa-list dd div img{
  width: 50px;
  height: 50px;
}
.qa-list dd {margin: 38px 0 60px;}
.qa-list dd p { margin: 26px 0 0;}

/*=============================================================
 seclect-area
=============================================================*/	
.seclect-area{
	line-height: 1.4;
	background: #EDF0F5;
	padding: 10px 30px 12px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
	margin-top: 58px;
}
.seclect-box{
	position: relative;
  width: 200px;
}
.seclect-box:before{
	content: '';
	height: 20px;
	width: 1px;
	background: #ccc;
	position: absolute;
	right: 40px;
	top:50%;
	margin-top: -10px;
	z-index: 2;
}
.seclect-box:after{
  position: absolute;
  top: 50%;
  right: 15px;
	width: 12px;
	height: 6px;
	background: url("/shared/img/pulldown-arw.png")no-repeat;
	background-size: 12px 6px;
  pointer-events: none;
  content: "";
	margin-top: -3px;
 }
.seclect-box .pulldown{
  appearance: none; 
  width: 200px;
  height: 54px;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding: 10px 10px;
  cursor: pointer;
	position: relative;
}
::-ms-expand {
  display: none;
}
/*=============================================================
 newsList
=============================================================*/
.newsList{}
.newsList>dt{
	width:10em;
	padding-top: 14px;
}
.newsList>dd{
	margin-top:-1.8em;
  padding:0 0 14px 10em;
	box-sizing: border-box;
	border-bottom: 1px dotted #666;
}

.newsList.newsIcon{border-top: 1px dotted #666;}
.newsList.newsIcon dt{
	font-size: 14px;
	width:27em;
}
.newsList.newsIcon dd{padding:0 0 14px 25em;}
.newsList.newsIcon dt span{display: inline;margin-right: 25px;}
.newsList.newsIcon dt .tag{
	display: inline-block;
	text-align: center;
	font-size: 12px;
	width: 110px;
	color: #fff;
	background: #222;
	border: 1px solid #666;
	margin: 0 5px;
}
.newsList.newsIcon dt .tag:nth-child(2) {
	color: #222;
	background: #fff;
	margin-right: 0;
}
	
	
/*=============================================================
 toggle
=============================================================*/
/* toggle-set
--------------------------------------------------------------*/
.toggle-set .toggle-btn,
.toggle-set .toggle-close{
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.toggle-set>.toggle-box{display:none;}
.toggle-set.open>.toggle-box{display:block;}

/* toggle-sp */
.toggle-sp .toggle-btn{cursor:auto;}
.toggle-sp .toggle-close{display:none;}
.toggle-sp>.toggle-box{display:block;}
.sp-noLink{}

/* delete JS Style */
@media only screen and (min-width:768px){
.toggle-sp>.toggle-box{display:block !important;}
}
/* box-toggle
--------------------------------------------------------------*/
.box-toggle{
	margin-top:70px;
	border-bottom:1px solid #ccc;
}
.box-toggle+.box-toggle{margin-top:-1px;}
.box-toggle .toggle-btn,
.box-toggle .toggle-close{transition:.3s;}
.box-toggle>.toggle-btn{
	font-size:16px;
	line-height:1.4;
	font-weight:bold;
	box-sizing:border-box;
	display:table;
	width:100%;
	border-top:1px solid #ccc;
	position:relative;
}
.box-toggle>.toggle-btn>span{
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	height:85px;
	padding:15px 40px 15px 15px;
}
.toggle-btn::after{
	content:"";
	box-sizing:border-box;
	width:10px;
	height:10px;
	border-right:1px solid #CE4B00;
	border-bottom:1px solid #CE4B00;
	position:absolute;
	top:calc((50% - 5px));
	left:160px;
	transform:translate(-40%, 0) rotate(45deg);
	transition:transform 0.3s ease;
}
.open>.toggle-btn::after{transform:scaleY(-1) translate(-40%, 0) rotate(45deg);top:calc((50% - 0));}

.box-toggle>.toggle-box{display:none;}
.box-toggle.open>.toggle-btn{background: #F0F0F0;}
.box-toggle.open>.toggle-box{
	display:block;
	padding:30px 0;
}

/* directors-history */
.directors-history{}
.directors-history>dt{
	width:100px;
}
.directors-history>dd{
	margin-top:-1.8em;
  padding:0 0 0.8em 100px;
}


/*=============================================================
 bgIcon
=============================================================*/
.bgIcon>*{
	position: relative;
}
.bgIcon>* a{padding: 30px 80px 30px 20px!important;}
.bgIcon>*::after{
	content: '';
	width: 82px;
	height: 56px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.bgIcon>*.icon-ir-p01::after{
	background: url("/shared/img/icon-ir-p01.svg") center center no-repeat;
	background-size: 82px 56px;	
}
.bgIcon>*.icon-ir-p02::after{
	background: url("/shared/img/icon-ir-p02.svg") center center no-repeat;
	background-size: 82px 56px;	
}
.bgIcon>*.icon-ir-p03::after{
	background: url("/shared/img/icon-ir-p03.svg") center center no-repeat;
	background-size: 82px 56px;	
}
.bgIcon>*.icon-sustainability-p01::after{
	background: url("/shared/img/icon-sustainability-p01.svg") center center no-repeat;
	background-size: 82px 56px;	
}
.bgIcon>*.icon-sustainability-p02::after{
	background: url("/shared/img/icon-sustainability-p02.svg") center center no-repeat;
	background-size: 82px 56px;	
}

/*=============================================================
 delimiter
=============================================================*/
.delimiter{
	border-top:2px solid #ccc;
}
/*=============================================================
 etc
=============================================================*/
.w900Auto{
	max-width: 900px;
	margin: 0 auto;
}
.w600Auto{
	max-width: 600px;
	margin: 0 auto;
}
/*=============================================================
 imgAnime
=============================================================*/
a .imgAnime{overflow: hidden;}
a .imgAnime img{
	height: auto;
	transition: all .3s ease;
	width: 100%;	
}
a:hover .imgAnime img{transform: scale(1.05);}

/*=============================================================
 underAnime
=============================================================*/
a .underAnime{
	display: inline-block;
	position: relative;
	padding-left: 16px;
	padding-bottom: 5px;
	text-decoration: none;
	background-image: linear-gradient(90deg, #C44000, #C44000);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.6s;
	background-position-x:16px;
	margin-top: 10px;
	line-height: 1.4;
}
a:hover .underAnime{
	background-size: 100% 1px;
	text-decoration: none;	
}
a .underAnime::before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #C44000;
	border-right: 2px solid #C44000;
	position: absolute;
	top: calc(50% - 6px);
	left: 0px;
	transform: rotate(-45deg);
}

a.noAnime{background-image: none!important;}

/* cookie
----------------------------*/
.cookie-banner {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.9);
	color: #fff;
	line-height: 1.4;
	text-align: left;
	padding: 20px 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	animation: fadeInUp 1s ease-in-out;
	z-index: 23;
}

@keyframes fadeInUp {
	0% {
			opacity: 0;
			transform: translateY(20px);
	}
	100% {
			opacity: 1;
			transform: translateY(0);
	}
}
.cookie-col{
	display: flex;
	column-gap: 5%;
	justify-content: space-between;
	position: relative;
}
.cookie-banner p{
	width: calc((95% - 100px));
	font-size: 14px;
	font-weight: 500;
}
.cookie-banner button {
	width: 100px;
	font-weight: 700;
	text-align: center;
	background-color: #C44000;
	color: #fff;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	transition: all .3s;
}
.cookie-banner button:hover{
	background-color: #fff;
	color: #C44000;
}
.cookie-banner a{
	font-weight: 700;
	color: #C44000!important;
}
.cookieclose{
	position: absolute;
	right: 0;
	top: 0;
}
.cookieclose button{
	position: relative;
	text-indent: -99999px;
	width: inherit!important;
  background-color: transparent!important;
  color: #fff!important;
  padding: 5px!important;
}
.cookieclose button::after,
.cookieclose button::before{
	content: "";
	background-color: #fff;
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
  transform: rotate(45deg);
	cursor: pointer;
}
.cookieclose button::before{transform: rotate(-45deg);}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px){
	#pageBody{padding-top:80px!important;}
	
		/* container
	--------------------------------------------------------------*/
	#container{min-width:320px;}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:600px) and (max-width:959px){
/*=============================================================
 text
=============================================================*/
/* ttl-h1
-------------------------------------------------------------*/
.ttl-h1{font-size: calc(26px + ((1vw - 6px) * 2.78552));}
	
/*=============================================================
 col
==============================================================*/
/* base setting
-------------------------------------------------------------*/
.col-2>*:nth-child(-n+2), .col-3>*:nth-child(-n+3), .col-4>*:nth-child(-n+4){margin-top: inherit!important;}	
.col-2>*:nth-child(-n+2), .col-3>*:nth-child(-n+3), .col-4>*:nth-child(-n+4){margin-top: 1.6em!important;}	
.col-2>*:nth-child(-n+2), .col-3>*:nth-child(-n+3), .col-4>*:nth-child(-n+3){margin-top: 0!important;}
.col-4>*{width:calc((99.9999% - 10%) / 3);}

/* col-clm
-------------------------------------------------------------*/
.col-2.col-clm3-1>*:nth-child(odd),
.col-2.col-clm1-3>*:nth-child(even){width:calc((100% - 10%) / 3 * 2 + 5%);}
.col-2.col-clm3-1>*:nth-child(even),
.col-2.col-clm1-3>*:nth-child(odd){width:calc((100% - 10%) / 3);}
	

	
	
.col-3.tb-col-2>*, .col-4.tb-col-2>*, .col-3.menu-link>*{width:calc((99.9999% - 5%) / 2);}
.col-3.tb-col-2>*:nth-child(n+3), .col-4.tb-col-2>*:nth-child(n+3){margin-top: 1.2em!important;}	
.col-3.menu-link>*:nth-child(n+3)	{margin-top: 3.6em!important;}	
	
.col-6.tb-col-3>*{width:calc((99.9999% - 10%) / 3);}

.col-3.tab-col-1>*:nth-child(-n+3),
.col-2.tab-col-1>*:nth-child(-n+2){
	width: 100%;
	margin-top: 1.6em!important;
}
.text-name + .box-toggle{margin-top: 20px;}	
	
/* imgLinkArea
-------------------------------------------------------------*/
.imgLinkArea>*{margin-top: 4.0em!important;}
.imgLinkArea a{font-size: 18px;}
	
	
.col-3.imgLinkArea a{
	font-size: 18px;
}
	
.col-3.tb-col-2.bgIcon>*, .col-4.tb-col-2.bgIcon>*{
  display: flex;
  align-items: stretch;
}	
.col-3.tb-col-2.bgIcon>* a, .col-4.tb-col-2.bgIcon>* a{display: block;flex: 1;}
.col-3.tb-col-2.imgLinkArea>*, .col-4.tb-col-2>*, .col-3.menu-link>*{width:calc((99.9999% - 5%) / 2);}	
.col-3.tb-col-2.imgLinkArea>*:nth-child(n+3), .col-4.tb-col-2.imgLinkArea>*:nth-child(n+4){margin-top: 2.0em!important;}
.col-3.tb-col-2.imgLinkArea:not(.menu-link)>*:nth-child(-n+2), .col-4.tb-col-2.imgLinkArea>*:nth-child(-n+2){margin-top: 0!important;}	

/*=============================================================
 newsList
=============================================================*/
.newsList.newsIcon dt{width:100%;}
.newsList.newsIcon dd{
	margin-top: 0; 
	padding:0 0 14px 0;
}
.newsList.newsIcon dt span:first-child{margin-right:10px;}	
	
	
#pageBody a:hover, [class^="btn-"] a:hover span, .menu-link .ttl a:hover span, .imgLinkArea a:hover .link-icon{background-image: none;}
	
/*=============================================================
 underAnime
=============================================================*/
a .underAnime{background-image: none;}
	
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:599px){

/*=============================================================
 base Layout
=============================================================*/
/* container
--------------------------------------------------------------*/
#container{min-width:320px;}
body,
#container{}		
/* pageBody
-------------------------------------------------------------*/
#pageBody{padding-top:80px!important;}

/* contentsInner
-------------------------------------------------------------*/
.contentsInner{
	padding:0 4%;
}
/* topicPathArea
-------------------------------------------------------------*/
#topicPathArea{height: 64px;}

/* contents
-------------------------------------------------------------*/
#contents{
	line-height:1.85;
	margin-top:48px;
	padding-bottom:100px;
}

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


	
	
	
/*=============================================================
 text
=============================================================*/
[class^="ttl-"]:not(.ttl-h1):not(.ttl-fig){margin-bottom:30px;}
	
/* ttl-h1
-------------------------------------------------------------*/
/*#pageTtlMain{
	height: calc(100% - 64px);
	display: flex;
	align-items: center;
	justify-content: flex-start;
}*/
.ttl-h1{
	height: 100%;
	font-size: 26px;
	font-weight: normal;
}
	
/* ttl-h2
-------------------------------------------------------------*/
.ttl-h2{font-size: 20px;}

/* ttl-h3
-------------------------------------------------------------*/
.ttl-h3{font-size: 18px;} 

/* ttl-h4
-------------------------------------------------------------*/
.ttl-h4{font-size: 16px;}

/* figcaption
--------------------------------------------------------------*/
figure figcaption,
.figcaption{font-size:14px;}
.figcaption-ttl,
.ttl-fig,
.table-default caption{
	font-size: 16px;
	margin: 0 0 16px 0;
}

/* atn
--------------------------------------------------------------*/
.text-atn,
.text-atnNum{font-size:14px;}

/*=============================================================
 link
=============================================================*/
/* link-ac
-------------------------------------------------------------*/
a.link-ac,
.link-ac a{font-size: 16px;}

/* link-icon
-------------------------------------------------------------*/

/* menu-link
-------------------------------------------------------------*/
.menu-link .ttl a{
	font-size: 18px;
	padding: 10px 0 10px 0;
}

.directors .col-2.col-clm1-3 img{width: 64%;}
	
	
/* imgLinkArea
-------------------------------------------------------------*/
.imgLinkArea>*{margin-top: 4.0em!important;}
.imgLinkArea a{font-size: 18px;}
	
	
.col-3.sp-col-1.imgLinkArea a{
	display: flex;
	align-items: center;
	column-gap: 6%;
	font-size: 16px;
}
.col-3.sp-col-1.imgLinkArea a>figure{width: 44%;margin-bottom: 0;}
.col-3.sp-col-1.imgLinkArea a>div{width: 50%;}
.col-3.sp-col-1.imgLinkArea>*{
	margin-top: 10px!important;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.col-3.sp-col-1.imgLinkArea>*:last-child{padding-bottom: 10px;}	
.col-3.sp-col-1.imgLinkArea{border-bottom: 1px solid #ccc;}	
/*.col-2.imgLinkArea>*:nth-child(-n+2), .col-3.imgLinkArea>*:nth-child(-n+3), .col-4.imgLinkArea>*:nth-child(-n+4){margin-top: 3.0em!important;}
.col-2.imgLinkArea>*:nth-child(-n+1), .col-3.imgLinkArea:not(.menu-link)>*:nth-child(-n+2), .col-4.imgLinkArea>*:nth-child(-n+2){margin-top: 0!important;}*/
	
/*=====================================================================
 col
=====================================================================*/
/* base setting
-------------------------------------------------------------*/
[class^="col-"]{column-gap: 8%}
[class^="col-"]>*,
.col-2>*:nth-child(-n+2), .col-3>*:nth-child(-n+3), .col-4>*:nth-child(-n+4){margin-top: 1.6em!important;}
[class^="col-"].menu-link{display: block;}	
[class^="col-"].menu-link>*{
	width: 100%!important;
	margin-top: 1.6em!important;
}
.col-2>*:nth-child(-n+1), .col-3:not(.menu-link)>*:nth-child(-n+2), .col-4>*:nth-child(-n+2){margin-top: 0!important;}
.col-2>*{width: 100%;}
.col-3>*{width:calc((99.9999% - 8%) / 2);}
.col-4>*{width:calc((99.9999% - 8%) / 2);}

.sp-dsp-clm-rev{
	display: flex!important;
	flex-direction: column-reverse;
}	
	
/* col-clm
-------------------------------------------------------------*/
.col-2.col-clm3-1>*:nth-child(odd),
.col-2.col-clm1-3>*:nth-child(even){width:100%;}
.col-2.col-clm3-1>*:nth-child(even),
.col-2.col-clm1-3>*:nth-child(odd){width:100%;}

.col-2.sp-col-clm2-1>*:nth-child(odd),
.col-2.sp-col-clm1-2>*:nth-child(even){width:calc((100% - 16%) / 3 * 2 + 5%)!important;}
.col-2.sp-col-clm2-1>*:nth-child(even),
.col-2.sp-col-clm1-2>*:nth-child(odd){width:calc((100% - 16%) / 3)!important;}	
/* sp-col-1
-------------------------------------------------------------*/
.sp-col-1{display: block!important;}
.sp-col-1>*{width: 100%!important;}
.sp-col-1>*:first-child{margin-top: 0!important;}
	
/* sp-col-2
-------------------------------------------------------------*/
.sp-col-2{display: flex!important;column-gap: 5%!important;}
.sp-col-2>*{width: calc((99.9999% - 5%) / 2)!important;}
.sp-col-2>*,.col-3>*:nth-child(-n+3){margin-top: 0!important;}
.sp-col-2>*:nth-child(n + 3),.col-3>*:nth-child(n + 3){margin-top: 20px!important;}

/* sp-col-3
-------------------------------------------------------------*/	
.sp-col-3>*{width: calc((99.9999% - 16%) / 3)!important;}
	
/* col-3
-------------------------------------------------------------*/
.col-3.sp-col-1>*:not(:first-child){margin-top: 20px!important;}
	
/* col-photo
-------------------------------------------------------------*/
.col-photo{
	margin: 10px 0 60px 0!important;
}
.col-photo>*{margin: 0;}
	
/*=====================================================================
 colorBox
=====================================================================*/
.colorBox{padding: 20px;}

	
/*=====================================================================
 table
=====================================================================*/
/* table-default
--------------------------------------------------------------*/
.table-default{margin-top: 0;}
.table-default th,
.table-default td{padding:5px;}

/* 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;
}
html:not(.win) .sp-table-scroll::-webkit-scrollbar{height:5px;}
html:not(.win) .sp-table-scroll::-webkit-scrollbar-track{
	background:#e3e4e5;
	border-radius:10px;
}
html:not(.win) .sp-table-scroll::-webkit-scrollbar-thumb{
	background:#84919d;
	border-radius:10px;
}
.sp-table-scroll .arwSc{
	background:url("/shared/img/table-arw.png") no-repeat 0 0/auto 60px;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	transition:opacity 0.2s ease-out;
}
.materiality .sp-table-scroll .arwSc{
	top:20%;
}
.sp-table-scroll.sc .arwSc{
	opacity:1;
	visibility:visible;
}
/* table-default */
.sp-table-scroll .table-default{
	border-collapse:separate;
	border-spacing:0;
	width: 800px;
}
.sp-table-scroll .table-default th,
.sp-table-scroll .table-default td{
	position: relative;
	 -webkit-text-size-adjust: 100%;
	border-left:none;
	font-size: 14px!important;
}		
/*=============================================================
 mov-area
=============================================================*/	
.mov-area{max-width:100%;}
.mov-iframe{}
.mov-iframe iframe{}	
.mp4-area{margin-top: 20px;}
	
/*=============================================================
 qa-list
=============================================================*/	
.qa-list dt div:first-child,
.qa-list dd div div:first-child{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.qa-list dt div:last-child,
.qa-list dd div div:last-child{width: calc((100% - 50px));}
.qa-list dt div img,
.qa-list dd div img{
  width: 40px;
  height: 40px;
}
/*=============================================================
 seclect-area
=============================================================*/	
.seclect-area{
	padding: 10px 10px 12px;
	column-gap: 20px;
	margin-top: 38px;
	justify-content: space-between;
}
.seclect-area div{font-size: 14px;}	
.seclect-box{width: 220px;}
.seclect-box .pulldown{width: 220px;}
	
/*=============================================================
 toggle
=============================================================*/
/* toggle-set
--------------------------------------------------------------*/
/* toggle-sp */
.toggle-sp .toggle-btn{cursor:pointer;}
.toggle-sp .toggle-close{display:block;}
.toggle-sp>.toggle-box{display:none;}

/* box-toggle
--------------------------------------------------------------*/
.box-toggle>.toggle-btn>span{
	height:55px;
	padding:8px 34px 8px 10px;
}
/*.box-toggle>.toggle-btn:after,
.box-toggle>.toggle-btn:before{
	width:24px;
	right:2px;
}*/
.box-toggle.open>.toggle-box{padding:15px 0;}	
.text-name + .box-toggle{margin-top: 20px;}		
	
/*=============================================================
 newsList
=============================================================*/
.newsList{}
.newsList>dt{
	width:100%;
	padding-top: 14px;
}
.newsList>dd{
	margin-top:0;
  padding:0 0 14px 0;
	border-bottom: 1px dotted #666;
}
.newsList.newsIcon dt{width:100%;}
.newsList.newsIcon dd{
	margin-top: 0; 
	padding:0 0 14px 0;
}
.newsList.newsIcon dt span:first-child{
	display: block;
	margin-right: 0;
}	
.newsList.newsIcon dt span:nth-child(2){margin-left: 0;}
	
#pageBody a, [class^="btn-"] a span, .menu-link .ttl a span, .imgLinkArea a .link-icon,
#pageBody a:hover, [class^="btn-"] a:hover span, .menu-link .ttl a:hover span, .imgLinkArea a:hover .link-icon{background-image: none!important;}
	
/*=============================================================
 underAnime
=============================================================*/
a .underAnime{background-image: none;}	
	
/* cookie
----------------------------*/
.cookie-col{display: block;text-align: center;}
.cookie-banner p{
	width: 100%;
	font-size: 13px;
	padding: 20px 0 10px;
	text-align: left;
}
.cookie-banner button {padding: 10px;}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){

}