@charset "UTF-8";

/* **************************************************

Name: modify.css

Description: Sub CSS

Create: 2019.02.01
Update: 20xx.xx.xx

Copyright 2019 Hitachi,Ltd.

***************************************************** */


/* Common
=========================================================================================== */

/* --- LinkList for Data Table --- */
th .LinkListStyle1, th .LinkListStyle2, th .LinkListStyle3, th .LinkListStyle4,
th .LinkListStyle5, th .LinkListStyle6, td .LinkListStyle1, td .LinkListStyle2,
td .LinkListStyle3, td .LinkListStyle4, td .LinkListStyle5, td .LinkListStyle6,
th .ListStyle1, th .ListStyle2, th .ListStyle3, th .ListStyle4, th .ListStyle5,
th .ListStyle6, td .ListStyle1, td .ListStyle2, td .ListStyle3, td .ListStyle4,
td .ListStyle5, td .ListStyle6, td .TextStyle1, td .TextStyle2, td .TextStyle3,
td .TextStyle4, dd .LinkListStyle1, dd .LinkListStyle2, dd .LinkListStyle3,
dd .LinkListStyle4, dd .LinkListStyle5, dd .LinkListStyle6, dd .ListStyle1,
dd .ListStyle2, dd .ListStyle3, dd .ListStyle4, dd .ListStyle5, dd .ListStyle6,
td ul.ListStyle1, td ul.ListStyle2, td p.ImgOnlyStyle, .ListStyle1 li ul,
.ListStyle1 li ol, .ListStyle2 li ul, .ListStyle2 li ol, .ListStyle1 dd ul,
.ListStyle1 dd ol, .ListStyle2 dd ul, .ListStyle2 dd ol, .LinkListStyle1 li ul,
.LinkListStyle1 li ol, .LinkListStyle2 li ul, .LinkListStyle2 li ol {
	margin-bottom: 0;
	font-size: 100%;
}

.AccordionContents {
	display: none;
}
.AccordionOpen .AccordionContents {
	display: block;
}

h2.AccordionBtn {
	position: relative;
	cursor: pointer;
}
h2.AccordionBtn span {
	padding-right:40px;
}

h2.AccordionBtn:after {
	content:"";
	width:0;
	height: 0;
	border:7px solid transparent;
	border-bottom:none;
	border-top:7px solid #e60027;
	position: absolute;
	top:50%;
	right:15px;
	margin-top:-7px;
}

.AccordionOpen h2.AccordionBtn:after {
	transform: rotate(180deg);
	border-top-color:#666;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.BottomLine {border-bottom: 1px dashed #000;margin-bottom:30px;}

.ImgBorder01 { border: solid 1px #ccc;}

/* --- grid+1 > grid4 --- */
.Grid4 { clear: both; }


/* --- icon --- */
p a.NewWin {background-image: url(/image/jp/r1/icon/icon_new_window_hd.gif) !important;}
p a.Mail {background-image: url(/image/jp/r1/icon/icon_mail_hd.gif) !important;}
p a.Pdf {background-image: url(/image/jp/r1/icon/icon_pdf_hd.gif) !important;}

p a.NewWin, p a.Mail, p a.Pdf {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
p a.NewWin:link, p a.Mail:link, p a.Pdf:link,
p a.NewWin:visited, p a.Mail:visited, p a.Pdf:visited {
	text-decoration: none;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
p a.NewWin:hover, p a.Mail:hover, p a.Pdf:hover,
p a.NewWin:active, p a.Mail:active, p a.Pdf:active {
	text-decoration: underline;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}


/* --- IMG mouseover --- */
a:hover img {
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* --- text indent --- */
.TextIndent {margin-left: 1em;}

.TextRed {color: #c02;}
.TextRed01 {color: #f00;}
.TextRed02 {color: #c06;}
.TextBlue01 {color: #409ad6;}

.pc01 { display: block !important; }
.sp { display: none !important; }


/* Head
=========================================================================================== */

/* Index
=========================================================================================== */
#BrandingBase {background-color: #fff;padding-bottom: 32px;}

#TopRenewal .TopBrandingImg {max-width: 1200px;margin: 0 auto;}
#TopRenewal #BrandingImgStyle2 {
max-width: 1440px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#TopRenewal #BrandingImgStyle2  img.TopBranding {
width: 100%;
height: auto;
}

.GridWide {
background: #fff url("/global/image/top/top_bg.jpg") no-repeat;
background-position: top center;
width: 100%;
}
.GridWide #Contents {background-color: transparent;margin-top: -1px;}


/* ブランディング画像内バナーリスト */
.TopBannerBase {width: 965px;margin: 0 auto;text-align: right;position: relative;}
#TopBannerList {
position: absolute;
bottom: 30px;
right: 0;
}
#TopBannerList li {
float: left;
margin-left: 14px;
width: 192px;
height: auto;
}
#TopBannerList li img {width: 100%;}

/* 事業内容ボタンエリア */
.ActivitiesArea ul {
width: auto;
margin: 0 0 0 -24px;
padding: 68px 0 94px;
}
.ActivitiesArea li {
float: left;
padding: 0 0 0 24px;
margin: 0 0 35px 0;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.ActivitiesArea li img {
width: 100%;
}

.ActivitiesArea li.icListbox {
position: relative;
}
.ActivitiesArea li.icListbox  p.icImg {
position: absolute;
width: 50px;
height: 50px;
bottom: 0;
left: 24px;
}
.ActivitiesArea li.icListbox  p.icImg.fb {
position: absolute;
bottom: 0;
left: 90px;
}

.TopTopicsFrm {background-color: #fff;}

h2.TopTopicsTitle {
margin-bottom: 34px;
position: relative;
padding-bottom: 5px;
padding-left: 18px;
font-size: 136%;
font-weight: bold;
border-bottom: 2px solid #b3b3b3;
box-sizing: border-box;
background: none;
}
h2.TopTopicsTitle::after {
content: "";
display: block;
width: 5.2em;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
background: #ed1c24;
}
div.TopTopicsFrm dl.DateListStyle2 dd {margin: 0 0 20px 8.5em;}

div.TopTopicsFrm dl.DateListStyle2,
div.TopTopicsFrm ul.TopTopicsList1 {
padding-left: 18px;
}
div.TopTopicsFrm ul.TopTopicsList1 {
margin-top: 30px;
}
img.TopicsNew {margin-left: 0; margin-right: 8px;}


/* Sub Page Common
=========================================================================================== */

/* Message
=========================================================================================== */

/* Overview
=========================================================================================== */

.StyleHistory .DateListStyle2 dd {
    margin: 0 0 15px 7em;
}

/* Activities
=========================================================================================== */
/* Activities TOP
--------------------------------------------- */
.WColumnSet div.Column1 {margin-bottom: 30px !important;}

.WorksFrm {
width: 100%;
height: auto;
border-radius: 20px;
padding: 140px 14px 14px 18px;
box-sizing: border-box;
}
.WColumnSet p.ImgOnlyStyle {margin-bottom: -134px;}
.WorksFrm h2 {
font-size: 100%;
margin: 0 auto;
font-weight: bold;
width: 100%;
text-align: center;
background: none;
position: relative;
display: inline-block;
margin-bottom: 19px;
min-height: 62px;
line-height: 1.25em;
}
.WorksFrm h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;/*線の上下位置*/
  display: inline-block;
  width: 25px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
}
.WorksFrm .TextStyle1 {color: #666;line-height: 180%;}
.WorksFrm.wclm01 {background-color: #d9f5fb;}
.WorksFrm.wclm02 {background-color: #ffe9e1;}
.WorksFrm.wclm03 {background-color: #eaf4e0;}

.WorksFrm.wclm01 h2 {color: #007bbe;}
.WorksFrm.wclm02 h2 {color: #ee5d50;}
.WorksFrm.wclm03 h2 {color: #21b28a;}
.WorksFrm.wclm01 h2:before {background-color: #007bbe;}
.WorksFrm.wclm02 h2:before {background-color: #ee5d50;}
.WorksFrm.wclm03 h2:before {background-color: #21b28a;}

.WorksFrm .WorksTopBox {max-height: 300px;}
.WorksFrm .ListBox {
position: relative;
/*min-height: 200px;*/
width: 100%;
padding-top: 40px;
}
.WorksFrm .ListBox ul.LinkListStyle2 {
/*position: absolute;*/
position: static;
bottom: 0;
left: 0;
}
.WorksFrm .ListBox ul.LinkListStyle2 li {
padding: 12px 0 0 0;
}
.WorksFrm .ListBox ul.LinkListStyle2 li a:link, 
.WorksFrm .ListBox ul.LinkListStyle2 li a:visited, 
.WorksFrm .ListBox ul.LinkListStyle2 li a:hover, 
.WorksFrm .ListBox ul.LinkListStyle2 li a:active {
display: block;
}



/* Activities Pages
--------------------------------------------- */
.PageTitleStyleKurata {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	padding-top: 268px;
	overflow: hidden;
	margin-bottom: 10px;
}

.PageTitleStyleKurataMedhod {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	padding-top: 76px;
	overflow: hidden;
	margin-bottom: 10px;
}

.PageTitleStyleInnovator {
	padding: 22px;
	margin-bottom: 5px;
	max-width: 100%;
	font-size: 115%;
	color: #6E6E6E;
	background-color: #f2f2f2;
}
.PageTitleStyleInnovator a {
	color: #6E6E6E !important;
}

.BoxPatternD {
    background-color: #fff;
    box-sizing: border-box;
    border: solid #ddd 1px;
}

/* index
--------------------------------------------- */

/* Topics
=========================================================================================== */


.DateListStyle2 dd {
    margin: 0 0 0 7em;
}
.DevelopmentTextIndent {
	position: relative;
	padding-left: 0.9rem;
	margin-left: 0.9rem;
}
.DevelopmentTextIndent:before{
		content: "・";
		position: absolute;
		top: 0;
		left: 0;
	}
.DevelopmentTextIndentCircle {
	position: relative;
	padding-left: 1.2rem;
}
.DevelopmentTextIndentCircle:before{
		content: "●";
		position: absolute;
		top: 0;
		left: 0;
}


/* Special interview 
=========================================================================================== */


.AdjustContents {
	overflow: hidden;
}

/* History
=========================================================================================== */

.DateListStyle2.History {}
.DateListStyle2.History dd {
	margin-bottom:20px;
}
.Historytable {border: 2px solid #18215e;}

.Historytable th,.Historytable td {
border: solid 1px #fff;
}
.Historytable th {background-color: #18215e;color: #fff;width: 70px;}
.Historytable td {background-color: #d9dae0;}
p.HistoryArrowImg {margin:0;padding-left: 100px;}
p.HistoryArrowImg img {margin:0;}

.ResponsiveTableWindow .Contents720 > p.HistoryArrowImg {width: 720px;margin:0 15px;padding-left: 100px;box-sizing: border-box;}

/* kurata
--------------------------------------------- */

p.KurataButton01 a:link,
p.KurataButton01 a:visited {
background-color: #3a6a87;
}
p.KurataButton01 a:hover,
p.KurataButton01 a:active {
background-color: #284a5e;
}

/* kurata common Button */
.KrtButtonStyle1 a {
	display: inline-block;
    font-weight: bold;
    letter-spacing: 0.15em;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url("/global/activities/kurata/images/btn_arrow01.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
    border-radius:5px;
    box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
	padding: 14px 45px 13px 35px;
}
.KrtButtonStyle1 a:link,
.KrtButtonStyle1 a:visited {
	background-color: #3f92c6;
	color: #fff;
	text-decoration: none;
}
.KrtButtonStyle1 a:hover,
.KrtButtonStyle1 a:active {
	background-color: #31729b;
	color: #fff;
	text-decoration: none;
}
.Grid1 .KrtButtonStyle1 a,
.Column1 .KrtButtonStyle1 a {
	display: block;
	min-width: 0;
}

.KrtButtonSet li.KrtButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.KrtButtonStyle1.BtnLsize a {font-size: 116%;}

/* kurata environment / application-method
--------------------------------------------- */
.SectionStepKurata {
	overflow: hidden;
	width: 100%;
	margin-bottom: 40px;
}
.SectionStepKurata:nth-of-type(5) {
	margin-bottom: 100px;
}
.StepKurataIcon {
	float: left;
	width: 134px;
	margin-left: 30px;
}
.StepKurataInner {
	float: left;
	width: calc(100% - 209px);
	padding-left: 45px;
	margin-top: 20px;
}
.StepKurataInner .TextAreaKurata {
	line-height: 1.7;
	font-size: 87.5%;
	margin-bottom: 5px;
}
.StepKurataInner .ListStyleStep {
	line-height: 1.7;
	font-size: 87.5%;
}
.StepKurataInner .ListStyleStep dl {
	display: table;
}
.StepKurataInner .ListStyleStep dt {
	display: table-cell;
	width: 56px;
	letter-spacing: normal;
}
.StepKurataInner .ListStyleStep dl:nth-of-type(3) dt {
	width: 72px;
}
.StepKurataInner .ListStyleStep dd {
	display: table-cell;
	letter-spacing: normal;
}
.StepKurataInner .LinkListStyle1 {}

.TableStyleKurata {
	margin-top: 15px;
}
.TableStyleKurata th {
	padding: 5px 15px;
	text-align: center;
}
.TableStyleKurata td {
	padding: 5px 15px;
}
.ButtonRedKurata {
	margin-bottom: 50px;
}
.ButtonRedKurata p {
	width: 450px;
	line-height: 1;
	text-align: center;
	border-radius: 5px;
	background: linear-gradient(to top, #990000, #e10000);
	margin: auto;
}
.ButtonRedKurata a {
	display: block;
	padding: 9px 0;
	text-decoration: none;
}
.ButtonRedKurata a:hover {
	text-decoration: none;
}
.ButtonRedKurata p span {
	padding-right: 35px;
	line-height: 1;
	color: #fff;
	font-size: 113%;
	background: url(/global/activities/kurata/images/icon_arrow_white.png) right center no-repeat;
}

/* Fund Support
=========================================================================================== */


/* fund support common button */
.FdsButtonStyle1 a {
display: inline-block;
font-weight: bold;
letter-spacing: 0.15em;
min-width: 130px;
min-height: 18px;
margin: 0 0 15px;
text-align: center;
font-size: 83%;
line-height: 130%;
/*矢印画像ここで指定*/
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
word-break: break-all;
border-radius:5px;    
box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
padding: 14px 45px 13px 35px;
}
.FdsButtonStyle1 a:link,
.FdsButtonStyle1 a:visited {
background-color: #4b68af;
color: #fff;
text-decoration: none;
}
.FdsButtonStyle1 a:hover,
.FdsButtonStyle1 a:active {
background-color: #252b90;
color: #fff;
text-decoration: none;
}
.Grid1 .FdsButtonStyle1 a,
.Column1 .FdsButtonStyle1 a {
display: block;
min-width: 0;
}
.FdsButtonSet {margin-top: 5px;}
.FdsButtonSet li.FdsButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.FdsButtonSet li.FdsButtonStyle1.RightBtn {
float: right;
margin: 0;
}

.FdsButtonStyle1 span.Ft01 {
font-size: 1.5em;
line-height: 136%;
}
.FdsButtonStyle1 a.TdFds01 {
font-size: 0.95em;
line-height: 136%;
min-width: auto;
min-height: auto;
font-weight: normal;
padding: 8px 13px 8px 15px;
margin-bottom: 0;
}



/* kurata environment / application
--------------------------------------------- */
.IframeOuter {}

.ACText {
	display: block;
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	color: #a94657;
	text-decoration: none;
	background-image: url(/image/en/r1/icon/icon_link_right_hover_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

/* girls
--------------------------------------------- */
.ff-serif {
		font-family: a-otf-ryumin-pr6n, serif;
}
.about-main__ttl {
    font-size: 2rem;
		color: #c06 !important;
}
.ff-Size01 {
font-size: 110%;
color: #666;
}
.about-contents {
margin-top: 50px;
}
.about-contents__ttl {
	position: relative;
	font-size: 1.5rem;
	text-align: center;
	padding-bottom: 20px;
	color: #666;
}

.about-contents__ttl:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	content: "";
	width: 30px;
	height: 6px;
	background-color:#e68bcb;
}
.about-contents__list {
	color: #666;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 37px;
	justify-content: center;
	
	margin-bottom: 30px;
}

.about-contents__item {
	width: 42.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.9%;
	letter-spacing: -1px;
	border: 1px solid #e68bcb;
	transition: opacity 0.3s;
}

.about-contents__item:nth-of-type(3n) {
	margin-right: 0;
}
.about-contents__link {
	display: block;
	padding: 37px 15px 57px;
}

.about-contents__item-ttl {
	display: block;
	font-size: 1.3125rem;
	text-align: center;
}

.about-contents__img {
	width: 40px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	transition: 0.3s;
}

.about-contents__link:hover .about-contents__img {
	position: relative;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.about-contents__img img {
	width: 100%;
}
.about-contents__txt {
	margin-top: 34px;
	line-height: 1.8;
}

/* innovator
--------------------------------------------- */
.InnFrm01 { border: 1px solid #ed7d31;padding: 5px 10px;margin-bottom: 15px;}
.InnFrm01 dl dt {
background-color: #ed7d31;
color: #fff; 
font-size: 80%;
float: left;
padding: 5px 9px 4px;
line-height: 120%;
margin-right: 14px;
text-align: center;
min-width: 50px;
clear: both;
}

.InnFrm01 dl dt:first-child {margin-bottom: 7px;}
.InnFrm01 dl .htAdjust {padding-top: 3px;}

.InnFrm01 dl dd {
font-size: 110%;
line-height: 120%;
padding-top: 18px;
overflow: hidden;
}

.InnSetBox01 div.InnTextBox01 {
 float:left;width: 58%;
 margin-right: 10px;
}
.InnSetBox01 div.InnImgBox01 {
float: left; width: 39%;
}
.InnSetBox01 div.InnImgBox01 img {
width: 100%;
/*min-width: 250px;*/
}

/* Asia Innovation Award
--------------------------------------------- */
/* Innovation Award common Button */
.AwdButtonStyle1 a {
	display: inline-block;
    font-weight: bold;
    letter-spacing: 0.15em;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url("/activities/award/images/btn_arrow01.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
    border-radius:5px;    
    box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
	padding: 14px 45px 13px 35px;
}
.AwdButtonStyle1 a:link,
.AwdButtonStyle1 a:visited {
	background-color: #55b3d7;
	color: #fff;
	text-decoration: none;
}
.AwdButtonStyle1 a:hover,
.AwdButtonStyle1 a:active {
	background-color: #0389cd;
	color: #fff;
	text-decoration: none;
}
.Grid1 .AwdButtonStyle1 a,
.Column1 .AwdButtonStyle1 a {
	display: block;
	min-width: 0;
}

.AwdButtonSet li.AwdButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.AwdButtonStyle1 span.Ft01 {
font-size: 1.5em;
line-height: 136%;
}
/* finish Awd Button */

.DateListStyle2.ContAwardList01 dt {
	font-weight: bold;
}
.DateListStyle2.ContAwardList01 dd {
	margin-left: 16em;
}

.AdditionalNotesStyle1.JNumberList01 dd {
	margin-left: 1.6em;
}

ul.AwardList {
font-size: 90%;
}
ul.AwardList li {
float: left;
clear: both;
line-height: 140%;
padding: 5px 0;
background-size: 25px 25px;
padding-left: 35px;
background-position: 0 2px;
background-repeat: no-repeat;
}
ul.AwardList li.gold {
background-image: url("/global/activities/award/images/img_gold.png");
} 
ul.AwardList li.silver {
background-image: url("/global/activities/award/images/img_silver.png");
} 
ul.AwardList li.bronze {
background-image: url("/global/activities/award/images/img_bronze.png");
} 

.SDGsCol01 {color: #e5243b;}
.SDGsCol02 {color: #d6a600;}
.SDGsCol03 {color: #1b973a;}
.SDGsCol04 {color: #0075ba;}
.SDGsCol05 {color: #28a838;}
.SDGsCol06 {color: #26bde2;}
.SDGsCol07 {color: #fd9d24;}
/*20250127追加*/
.SDGsCol12 {color: #BF8B2E;}
.SDGsCol13 {color: #3F7E44;}


.AWTitFrame01 {width: 100%;display: table;}

.AWSet .AWTitle { font-size: 130%;display: table-cell;padding: 0 20px 0;width: 80%;vertical-align: middle;}
.AWToro {display:table-cell;font-size: 100%; text-align: center;width: 10%;line-height: 120%;}
.AWSDGsIc {display: table-cell;font-weight: bold;font-size: 80%; text-align: center;line-height: 1.95em;width: 10%;vertical-align: middle;}

.AWSet02 .AWTitle { font-size: 120%;display: table-cell;padding: 0 20px 0;width: 80%;vertical-align: middle;}

table.AWSet.DataTableStyle5 {width: 100%;}
table.AWSet02.DataTableStyle5 {width: 100%;}


ul.AWImglist01,ul.AWImglist02 {width: 100%;}
ul.AWImglist01 li {float:left;width: 390px;margin-bottom: 20px;}
ul.AWImglist02 li {float:left;width: 256px;margin-bottom: 10px;}

ul.AWImglist01 li img,
ul.AWImglist02 li img {
width: 100%;
}

ul.AWImglist01 li:nth-child(odd){ margin-right: 10px;}
ul.AWImglist02 li {margin-left: 10px;}
ul.AWImglist02 li:first-child {margin-left: 0;}

ul.AWImglist01 li.vtImg01 p,
ul.AWImglist01 li.vtImg02 p {
text-align: center;
}
ul.AWImglist01 li.vtImg01 img {
width: auto;
height: 254px;
}
ul.AWImglist01 li.vtImg02 img {
width: auto;
height: 243px;
}
ul.AWImglist01 li.vtImg03 img {
width: auto;
height: 294px;
}
ul.AWImglist01 li.vtImg04 img {
max-height: 267px;
width: auto;
}

.AWTb01 {margin-top: 10px;}
.AWTb01 th,
.AWTb01 td {background-color: #e9e9e9;border-color: #939393;font-size: 96%;}
.AWTb01 th {border-bottom-style: dashed;}
.AWTb01 td {border-top-style: dashed;}
.AWTb01 colgroup col {width: 16.6666%;}

.AWTb01 .ResponsiveTableHeading {display: none;}


div.AWColumnTop {
text-align: center;
padding: 10px 15px;
border: solid 1px #ddd;
font-size: 83%;
border-bottom: none;
}
div.AWColumnTop {
text-align: center;
padding: 10px 15px;
border: solid 1px #ddd;
font-size: 83%;
border-bottom: none;
}

.AWnoWp {white-space: nowrap;}
.AWbg01 {background-color: #f8f8f8;}

/*td.AWAline01 {border-top: none;}*/

table.AWSet.DataTableStyle5 th {width: 14%;}
table.AWSet02.DataTableStyle5 th {width: 15%;}

table.DataTableStyle1.AWjevaTb {font-size: 116%;}
table.DataTableStyle1.AWjevaTb th,
table.DataTableStyle1.AWjevaTb td {vertical-align: middle;}
table.DataTableStyle1.AWjevaTb th {width: auto;}

table.AWSet02.DataTableStyle5 {margin-bottom: 0;}

.AWColumnSet .Column2.FirstItem {margin: 0;width: 483px;}
.AWColumnSet .Column2.LastItem {margin: 0;width: 482px;}
.AWColumnSet .Column2 .DataTableStyle5 {margin-bottom: 0;}

span.AWAline02 {display: inline-block;}
span.AWAline02_01 {display: inline-block;}
span.AWAline02_03 {display: inline-block;}
span.AWAline03 {display: inline-block;}
span.AWAline03_01 {display: inline-block;}
span.AWAline03_03 {display: inline-block;}
span.AWAline03_04 {display: inline-block;}
span.AWAline03_05 {display: inline-block;}
span.AWAline04 {display: inline-block;min-height: 328px;}
span.AWAline05 {display: inline-block;min-height: 268px;}
span.AWAline06 {display: inline-block;min-height: 308px;}
span.AWAline07 {display: inline-block;min-height: 268px;}

span.AWAline08 {display: inline-block;min-height: 350px;}
span.AWAline09 {display: inline-block;min-height: 374px;}
span.AWAline10 {display: inline-block;min-height: 370px;}
span.AWAline11 {display: inline-block;min-height: 725px;}

span.AWAline12 {display: inline-block;min-height: 580px;}
span.AWAline13 {display: inline-block;min-height: 345px;}
span.AWAline14 {display: inline-block;min-height: 385px;}
span.AWAline15 {display: inline-block;min-height: 540px;}
span.AWAline16 {display: inline-block;min-height: 450px;}
span.AWAline17 {display: inline-block;min-height: 1200px;}
/*20250123追加*/
span.AWAline18 {display: inline-block;min-height: 680px;}
span.AWAline19 {display: inline-block;min-height: 468px;}
span.AWAline20 {display: inline-block;min-height: 402px;}
span.AWAline21 {display: inline-block;min-height: 320px;}


td.ImgMW01 {min-width: 100px;width: 20%;vertical-align: middle !important;}

/* topics */
.KrtTit01 {
  font-weight: bold;
  font-size: 130%;
  margin-bottom: 10px;
  padding-left: 5px;
  color: #575757;
}
Table.tps087TB th:nth-child(1),
Table.tps087TB th:nth-child(5),
Table.tps087TB td:nth-child(3){
white-space: nowrap;
}
Table.tps087TB td:nth-child(2) {min-width: 60px;}
Table.tps087TB td:nth-child(3) {min-width: 140px;}
Table.tps087TB td:nth-child(4) {width: 170px;}





/* News Letter
--------------------------------------------- */
.textAreaRight { float: left; }
.newsLetterList > li { margin-bottom: 5px; }
.newsLetterType1 { color: #ee5d50; }
.newsLetterType2 { color: #007bbe; }
.newsLetterType3 { color: #21b28a; }
.textAreaRight {width: calc(100% - 160px);}


/* Space
--------------------------------------------- */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.mgn0 {margin: 0;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.ULText {text-decoration: underline;}

/* Adjust
--------------------------------------------- */
.AdjustSDGsmb30 {margin-bottom:30px !important;}