@charset "Shift_JIS";


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

Name: rd2.css

Description: Special Setting for RD

Create: 2018.7.30

Update: 8888.88.88

Copyright 2018 Hitachi, Ltd.


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

/*---navigation modify---*/
#GlobalNaviTop {
	font-size: 90%;
}
#GlobalNaviTop li div.NaviItem {
	line-height: 60px;
}
#HorizontalLocalNavi {
	font-size: 90%;
}
#HorizontalLocalNavi li div.NaviItem {
	line-height: 2.5;
}
.MMGlobalNaviStyle.Current.MMSetMenu a.Strong strong {
    line-height: 60px;
}


/* [s5] Breadcrumb Trail
=========================================================================================== */

#TopicPath ul li.TopicTitle {
	word-break: normal;
}


/* ---コンテンツエリア横幅最大1275px---

=========================================================================================== */
div.RdContentsWidthWide {
    max-width: 1275px;
    margin: 0 auto;
}


/* ---横幅を最大749pxに制限---
2020/02/21 720px から 965px へ変更
=========================================================================================== */
div.RdGeneralWrap {
    width: 965px;
    margin: auto;
}
div.RdGeneralWrap .ImgOnlyStyle img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width :995px) and (max-width: 1304px) {
	.OptionWideRWD div.RdGeneralWrap {
		width: auto;
		max-width: 965px;
	}
	.OptionWideRWD div.RdGeneralWrap .ColumnSet {
		width: auto;
		margin: 0 0 0 -15px;
	}
}
@media screen and (max-width: 994px) {
	.JS div.RdGeneralWrap {
		width: auto;
		max-width: 965px;
	}
	.JS div.RdGeneralWrap .ColumnSet {
		width: auto;
		margin: 0 0 0 -15px;
	}
}
@media screen and (max-width: 767px) {
    div.RdGeneralWrap {
        width: auto;
    }
}


/* ---2段カラム---

=========================================================================================== */
.RdGeneralColumn2 {
	columns: 2;
	column-rule: 1px solid #cdcdcd;
	column-gap: 2.5em;
    margin: 0 0 10px;
}
@media screen and (max-width: 965px) {
    .RdGeneralColumn2 {
	    columns: 1;
        margin: 0 0 0;
    }
}


/* Column for 965px
=========================================================================================== */

.RdColumnSet {
	width: 100%;
}
.RdColumnSet:after {
	content: "";
	display: block;
	clear: both;
}

.RdColumn1 {
	float: left;
	width: 230px;
	margin: 0 0 0 15px;
}

.RdColumn1andthird {
	float: left;
	width: 311px;
	margin: 0 0 0 15px;
}

.RdColumn2 {
	float: left;
	width: 475px;
	margin: 0 0 0 15px;
}

.RdColumn3 {
	float: left;
	width: 720px;
	margin: 0 0 0 15px;
}

.RdColumn1.FirstItem,
.RdColumn1andthird.FirstItem,
.RdColumn2.FirstItem,
.RdColumn3.FirstItem {
	margin: 0;
}

@media screen and (min-width :995px) and (max-width: 1304px) {

	.OptionWideRWD .RdColumnSet {
		width: auto;
		margin: 0 0 0 -15px;
	}

	.OptionWideRWD .RdColumn1 {
		width: 25%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .RdColumn1andthird {
		width: 33.33333333%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .RdColumn2 {
		width: 50%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.OptionWideRWD .RdColumn3 {
		width: 75%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

}

@media screen and (max-width: 994px) {
	.JS .RdColumnSet {
		width: auto;
		margin: 0 0 0 -15px;
	}

	.JS .RdColumn1 {
		width: 25%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.JS .RdColumn1andthird {
		width: 33.33333333%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.JS .RdColumn2 {
		width: 50%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.JS .RdColumn3 {
		width: 75%;
		margin: 0;
		padding: 0 0 0 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
	.JS .RdColumn1,
	.JS .RdColumn1andthird,
	.JS .RdColumn2,
	.JS .RdColumn3 {
		float: none;
		width: auto;
	}
	.JS .RdColumn1:after,
	.JS .RdColumn1andthird:after,
	.JS .RdColumn2:after,
	.JS .RdColumn3:after {
		content: "";
		display: block;
		clear: both;
	}
	.JS .ImgHeadingSet .RdColumn1 {
		float: left;
		width: 33.33333333%;
	}
	.JS .ImgHeadingSet .RdColumn1:nth-child(4) {clear: both;}
    
    .JS .ImgHeadingSet .RdColumn1andthird {
		float: left;
		width: 50%;
	}
    .JS .ImgHeadingSet .RdColumn1andthird:nth-child(3) {clear: both;}
}

@media screen and (max-width: 579px) {
	.JS .ImgHeadingSet .RdColumn1 {width: 50%;}

	.JS .ImgHeadingSet .RdColumn1:nth-child(3) {clear: both;}

	.JS .ImgHeadingSet .RdColumn1:nth-child(4) {clear: none;}
}

@media screen and (max-width: 399px) {
	.JS .ImgHeadingSet .RdColumn1,
    .JS .ImgHeadingSet .RdColumn1andthird {
		float: none;
		width: auto;
	}
}


/*---text decoration---*/

.RdCenter {
text-align:center;
}
.RdBlockWord {
white-space:nowrap;
}
span.RdSpeaker {
font-weight:bold;
color: #001b70;
margin-right:15px;
}
span.RdSpeaker2{
	color: #001b70;
	margin-right:15px;
	font-size: 130%;
	font-weight: normal;
}

/* ---[c3-1-1] paragraph > font size:90%(small margin)--- */
/* ---[c3-2-1] paragraph > Right align > font size:90%(small margin)--- */
p.RdTextStyle1 {
margin: 0 0 5px;
font-size: 90%;
line-height: 1.5;
}

p.RdTextStyle1 a { line-height: 1.5; }

/* ---[c3-1-2] paragraph > font size:83%(small margin)--- */
/* ---[c3-2-2] paragraph > Right align > font size:83%(small margin)--- */
p.RdTextStyle2 {
margin: -10px 0 8px;
font-size: 83%;
line-height: 1.5;
}

p.RdTextStyle2 a { line-height: 1.5; }

h2.RdBgNone {
background: none;
}
h2.midashi {
    font-size: 26px;
	background-image: none;
}
p.midashi_text {
    font-size: 15px;
    margin-bottom: 30px;
}

/*---Social Network---*/
.RdSocial {
	margin-bottom: 20px;
}

.RdSocial div {
    display:inline-block;
	padding-left: 10px;
	float: right;
}

.RdSocial div.Facebook,
.RdSocial div.Linkedin,
.RdSocial div.Twitter,
.RdSocial div.Hatena,
.RdSocial div.Line {
    width:auto;
}

.RdSocial div.Googleplus {
    width:60px;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#RdFollowingSocialbuttons {
	display: none;
	position:fixed;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.7);
	z-index: 100;
}

@media print {
	.RdSocial {
		display: none;
	}
}

/*---image decoration---*/

img.RdArchiveListImg{
vertical-align:top;
}

img.RdImgBorder1 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #eeeeee;
border-right-color: #888888;
border-bottom-color: #888888;
border-left-color: #eeeeee;
}

img.RdImgBorder2 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #888888;
border-right-color: #888888;
border-bottom-color: #888888;
border-left-color: #888888;
}


/* --- [c6-xx] 2Image Left and Right --- */

.Rd2ImgLeftSide {
float: left;
margin: 0 0 0 0;
text-align: left;
}

.Rd2ImgRightSide {
float: right;
margin: 0 0 0 0;
text-align: left;
}

.Rd2ImgLeftSide .ImgOnlyStyle,
.Rd2ImgRightSide .ImgOnlyStyle {margin: 0 0 10px;}

.JS .RdImgLeftAdjustClear {
	float: left !important;
	margin: 0 20px 0 0 !important;
}

.JS .RdImgRightAdjustClear {
	float: right !important;
	margin: 0 0 0 20px !important;
}

.JS .RdImgLeftAdjustClear.clear,
.JS .RdImgRightAdjustClear.clear {
	clear: both;
}
/*画像複数配置*/
.JS .RdImgRightAdjustClear .ImgOnlyStyle:not(:first-of-type){
	margin-top: 40px !important;
}

@media screen and (max-width:994px){
.JS .RdImgRightAdjustClear,
.JS .RdImgLeftAdjustClear {
	float: none !important;
	margin: 0 !important;
}
/*画像複数配置*/
.JS .RdImgRightAdjustClear .ImgOnlyStyle:not(:first-of-type){
	margin-top: 15px !important;
}
}


/*---box decoration---*/
.RdBox {
	border-bottom: solid 1px #dddddd;
	margin-bottom: 17px !important;
}
.RdBoxFixHeight1 {
	height: 275px;
}

@media screen and (max-width: 994px) {
	.JS .RdBox {
		margin-bottom: 17px;
	}
}
@media screen and (max-width: 767px) {
	.JS .RdBox {
		border-bottom: none;
		margin-bottom: 0;
	}
	.JS .RdBoxFixHeight1 {
		height: auto;
	}
}

/* ---タイル設定---

=========================================================================================== */
.RdTileWrap {
    background-color: #f0f0f0;
    margin-bottom: 60px;
}

.RdTileElementLevel1 {
	float: left; 
	overflow: hidden; 
	width: 100%;
    margin-bottom: 2px;
    min-height: 540px;
	background: #2a2a2a;
    position: relative; 
}
.RdTileElementLevel2 {
	float: left; 
	width: 50%; 
    margin-bottom: 2px;
    overflow: hidden;
	background: #2a2a2a;
}
.RdTileElementLevel2L {
	float: left; 
	width: 50%; 
	position: relative; 
	background: #000;
}
.RdTileElementLevel2a {
	float: left; 
	width: 33.333333%; 
    margin-bottom: 2px;
    overflow: hidden;
	background: #2a2a2a;
}
.RdTileElementLevel2aL {
	float: left; 
	width: 33.333333%; 
	position: relative; 
	background: #000;
}
.RdTileElementLevel3 {
    float: left; 
	width: 25%; 
    margin-bottom: 2px;
    overflow: hidden;
	background: #2a2a2a;
}
.RdTileElementLevel3L {
	float: left; 
	width: 25%; 
	position: relative; 
	background: #000;
}
.RdTileElementLevel4 {
    float: left; 
	width: 20%; 
    margin-bottom: 2px;
    overflow: hidden;
	background: #2a2a2a;
}
.RdTileElementLevel4L {
	float: left; 
	width: 20%; 
	position: relative; 
	background: #000;
}
.RdTileElementLevel1 a img {
	position: absolute;
    width: 100%;
	height: auto;
  	min-width: 100%;
  	min-height: 100%;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	transition: 0.5s;
}
.RdTileElementLevel2 a img,
.RdTileElementLevel2L a img,
.RdTileElementLevel2a a img,
.RdTileElementLevel2aL a img,
.RdTileElementLevel3 a img,
.RdTileElementLevel3L a img,
.RdTileElementLevel4 a img,
.RdTileElementLevel4L a img {
	width: 100%;
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	transition: 0.5s;
}
.RdTileElementLevel1 a:hover img,
.RdTileElementLevel2 a:hover img,
.RdTileElementLevel2L a:hover img,
.RdTileElementLevel2a a:hover img,
.RdTileElementLevel2aL a:hover img,
.RdTileElementLevel3 a:hover img,
.RdTileElementLevel3L a:hover img,
.RdTileElementLevel4 a:hover img,
.RdTileElementLevel4L a:hover img {
	filter:alpha(opacity=40); 
	-moz-opacity: 0.4; 
	opacity: 0.4;
	transition: 0.5s;
}
.RdTileElementLevel1 div.text {
	position: absolute; 
    width: 100%;
 	height: 6.5em;
    background-color: #2a2a2a;
    bottom:0;
	color: white; 
}
.RdTileElementLevel2 div.text,
.RdTileElementLevel2a div.text,
.RdTileElementLevel3 div.text,
.RdTileElementLevel4 div.text {
    position: relative; 
    width: 100%;
    height: 6.5em;
    background-color: #2a2a2a;
	color: white;
}
.RdTileElementLevel1 a,
.RdTileElementLevel2 a,
.RdTileElementLevel2L a,
.RdTileElementLevel2a a,
.RdTileElementLevel2aL a,
.RdTileElementLevel3 a,
.RdTileElementLevel3L a,
.RdTileElementLevel4 a,
.RdTileElementLevel4L a {
    text-decoration: none;
}
.RdTileElementLevel1 a:hover div.text,
.RdTileElementLevel2 a:hover div.text,
.RdTileElementLevel2a a:hover div.text,
.RdTileElementLevel3 a:hover div.text,
.RdTileElementLevel4 a:hover div.text {
    color: #ffe0e0;
}

.RdTileElementLevel1 .newsrelease,
.RdTileElementLevel2 .newsrelease,
.RdTileElementLevel2a .newsrelease {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_newsrelease.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .open,
.RdTileElementLevel2 .open ,
.RdTileElementLevel2a .open {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_open.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .story,
.RdTileElementLevel2 .story ,
.RdTileElementLevel2a .story {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_story.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .tech,
.RdTileElementLevel2 .tech ,
.RdTileElementLevel2a .tech {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_tech.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .topics,
.RdTileElementLevel2 .topics ,
.RdTileElementLevel2a .topics {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_topics.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .earth,
.RdTileElementLevel2 .earth ,
.RdTileElementLevel2a .earth {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_earth.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .event,
.RdTileElementLevel2 .event ,
.RdTileElementLevel2a .event {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_event.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .feature,
.RdTileElementLevel2 .feature ,
.RdTileElementLevel2a .feature {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_feature.png);
    background-repeat: no-repeat;    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}
.RdTileElementLevel1 .interview,
.RdTileElementLevel2 .interview ,
.RdTileElementLevel2a .interview {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_interview.png);
    background-repeat: no-repeat;
    background-size: 1.6em;
    text-indent: 2em;
    height: 1.6em;    
    font-size: 90%;
    color: #ff9999;
}

.RdTileElementLevel3 .newsrelease,
.RdTileElementLevel4 .newsrelease {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_newsrelease.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .open,
.RdTileElementLevel4 .open {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_open.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .story,
.RdTileElementLevel4 .story {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_story.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .tech,
.RdTileElementLevel4 .tech {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_tech.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .topics,
.RdTileElementLevel4 .topics {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_topics.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .earth,
.RdTileElementLevel4 .earth {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_earth.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .event,
.RdTileElementLevel4 .event {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_event.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .feature,
.RdTileElementLevel4 .feature {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_feature.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}
.RdTileElementLevel3 .interview,
.RdTileElementLevel4 .interview {
    margin: 0.8em 0.8em 0em 0.5em;
    background-image: url(/rd/image/common/caticon_interview.png);
    background-repeat: no-repeat;
    background-size: 1.4em;
    text-indent: 1.8em;
    font-size: 82%;
    color: #ff9999;
}

.RdTileElementLevel1 .EllipsisTitle,
.RdTileElementLevel2 .EllipsisTitle,
.RdTileElementLevel2a .EllipsisTitle {
	position: relative;
    margin: 0.4em 0.8em 0em 0.5em;
	max-height: 2.6em;
	overflow: hidden;
    font-size: 93%;
	line-height: 1.3em;
    background-color: #2a2a2a;
    text-align: justify;
}
.RdTileElementLevel3 .EllipsisTitle,
.RdTileElementLevel4 .EllipsisTitle {
	position: relative;
    margin: 0.5em 0.8em 0em 0.5em;
	max-height: 3.9em;
	overflow: hidden;
    font-size: 79%;
	line-height: 1.3em;
    background-color: #2a2a2a;
    text-align: justify;
}
.RdTileElementLevel1 .EllipsisTitle:before, .RdTileElementLevel1 .EllipsisTitle:after,
.RdTileElementLevel2 .EllipsisTitle:before, .RdTileElementLevel2 .EllipsisTitle:after,
.RdTileElementLevel2a .EllipsisTitle:before, .RdTileElementLevel2a .EllipsisTitle:after,
.RdTileElementLevel3 .EllipsisTitle:before, .RdTileElementLevel3 .EllipsisTitle:after,
.RdTileElementLevel4 .EllipsisTitle:before, .RdTileElementLevel4 .EllipsisTitle:after {
	position: absolute;
	background-color: #2a2a2a;
}
.RdTileElementLevel1 .EllipsisTitle:before,
.RdTileElementLevel2 .EllipsisTitle:before,
.RdTileElementLevel2a .EllipsisTitle:before {
	content: "･･･";
	top: 1.3em;
	right: 0;
    padding: 0 0.1em;
}
.RdTileElementLevel3 .EllipsisTitle:before,
.RdTileElementLevel4 .EllipsisTitle:before {
	content: "･･･";
	top: 2.6em;
	right: 0;
    padding: 0 0.1em;
    width: 1em;
}
.RdTileElementLevel1 .EllipsisTitle:after,
.RdTileElementLevel2 .EllipsisTitle:after,
.RdTileElementLevel2a .EllipsisTitle:after,
.RdTileElementLevel3 .EllipsisTitle:after,
.RdTileElementLevel4 .EllipsisTitle:after {
	content: "";
    width: 100%;
    height: 100%;
}

.RdTileElementLevel1 span.date,
.RdTileElementLevel2 span.date,
.RdTileElementLevel2a span.date {
    display: block;
	font-size: 76%;
    margin: 0 0 0 0.8em;
}
.RdTileElementLevel3 span.date,
.RdTileElementLevel4 span.date {
    display: block;
	font-size: 70%;
    margin: 0 0 0 0.8em;
}

.RdTileElementLevel2L div.textL,
.RdTileElementLevel2aL div.textL,
.RdTileElementLevel3L div.textL,
.RdTileElementLevel4L div.textL {
	position: absolute; 
    width: 100%;
    background-color: rgba(0,0,0,0.4);
	bottom:0; 
	color: white; 
	font-size: 90%;
	font-weight: 500;
}
.RdTileElementLevel2L div.titleL,
.RdTileElementLevel2aL div.titleL,
.RdTileElementLevel3L div.titleL,
.RdTileElementLevel4L div.titleL {
    padding: 5px;
	line-height: 1.4;
	text-shadow: 1px 1px 8px #000000;
}

@media screen and (max-width: 800px) {
    .JS .RdTileElementLevel4,
    .JS .RdTileElementLevel4L {
		width: 25%;
	}
    .JS .RdTileElementLevel2a .newsrelease,
    .JS .RdTileElementLevel2a .open,
    .JS .RdTileElementLevel2a .story,
    .JS .RdTileElementLevel2a .tech,
    .JS .RdTileElementLevel2a .topics,
    .JS .RdTileElementLevel2a .earth,
    .JS .RdTileElementLevel2a .event,
    .JS .RdTileElementLevel2a .feature,
    .JS .RdTileElementLevel2a .interview {
        margin: 0.8em 0.8em 0em 0.5em;
        background-size: 1.4em;
        text-indent: 1.8em;
        font-size: 82%;
    }
    .JS .RdTileElementLevel2a .EllipsisTitle {
    	max-height: 3.9em;
        font-size: 79%;
    }
    .JS .RdTileElementLevel2a .EllipsisTitle:before {
	    top: 2.6em;
    }
    .JS .RdTileElementLevel2a span.date {
    	font-size: 70%;
    }
}
@media screen and (max-width: 640px) {
	.JS .RdTileElementLevel1 {
		overflow: visible; 
		width: 50%;
		min-height: 0 !important;
	}
	.JS .RdTileElementLevel2a,
    .JS .RdTileElementLevel2aL,
	.JS .RdTileElementLevel3,
    .JS .RdTileElementLevel3L,
    .JS .RdTileElementLevel4,
    .JS .RdTileElementLevel4L {
		width: 50%;
	}
	.JS .RdTileElementLevel1 a img {
		position: static; 
 	 	-webkit-transform: none;
  		transform: none;
	}
    .RdTileElementLevel1 div.text {
    	position: relative; 
    }
    .JS .RdTileElementLevel1 .newsrelease,
    .JS .RdTileElementLevel1 .open,
    .JS .RdTileElementLevel1 .story,
    .JS .RdTileElementLevel1 .tech,
    .JS .RdTileElementLevel1 .topics,
    .JS .RdTileElementLevel1 .earth,
    .JS .RdTileElementLevel1 .event,
    .JS .RdTileElementLevel1 .feature,
    .JS .RdTileElementLevel1 .interview,
    .JS .RdTileElementLevel2 .newsrelease,
    .JS .RdTileElementLevel2 .open,
    .JS .RdTileElementLevel2 .story,
    .JS .RdTileElementLevel2 .tech,
    .JS .RdTileElementLevel2 .topics,
    .JS .RdTileElementLevel2 .earth,
    .JS .RdTileElementLevel2 .event,
    .JS .RdTileElementLevel2 .feature,
    .JS .RdTileElementLevel2 .interview {
        margin: 0.8em 0.8em 0em 0.5em;
        background-size: 1.4em;
        text-indent: 1.8em;
        font-size: 82%;
    }
    .JS .RdTileElementLevel1 .EllipsisTitle,
    .JS .RdTileElementLevel2 .EllipsisTitle {
    	max-height: 3.9em;
        font-size: 79%;
    }
    .JS .RdTileElementLevel1 .EllipsisTitle:before,
    .JS .RdTileElementLevel2 .EllipsisTitle:before {
	    top: 2.6em;
    }
    .JS .RdTileElementLevel1 span.date,
    .JS .RdTileElementLevel2 span.date {
    	font-size: 70%;
    }
}

@media screen and (max-width: 380px) {
	.JS .RdTileElementLevel1,
	.JS .RdTileElementLevel2,
	.JS .RdTileElementLevel2L,
	.JS .RdTileElementLevel2a,
	.JS .RdTileElementLevel2aL,
	.JS .RdTileElementLevel3,
    .JS .RdTileElementLevel3L,
	.JS .RdTileElementLevel4,
    .JS .RdTileElementLevel4L {
		width: 100%;
	}
}

.RdTileMore {
    text-align: center;
    padding: 30px 0 50px 0;
}
.RdTileMore a:hover img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}

/* [c16] Box
=========================================================================================== */

.RdBoxPatternA {
	clear: both;
	margin: 0 0 15px;
	padding: 15px 0 0 0;
	background-color: #f2f2f2;
}
.RdBoxPatternA:after {
	content: "";
	display: block;
	clear: both;
}

.RdBoxPatternA .Title,
.RdBoxPatternA h2,
.RdBoxPatternA h3,
.RdBoxPatternA h4 {
	min-height: 20px;
	margin: -15px 0 15px;
	padding: 8px 15px;
	font-size: 96%;
	font-weight: normal;
	color: #fff;
	line-height: 130%;
	border: none;
	background-color: #737373;
}
.RdBoxPatternA h2 {background-image: none;}

.RdBoxPatternA .Title a,
.RdBoxPatternA h2 a,
.RdBoxPatternA h3 a,
.RdBoxPatternA h4 a {
	display: block;
	min-height: 20px;
	margin: -8px -15px;
	background-image: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
	background-repeat: no-repeat;
	background-position: right 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;
}
.RdBoxPatternA .Title a:link,
.RdBoxPatternA h2 a:link,
.RdBoxPatternA h3 a:link,
.RdBoxPatternA h4 a:link,
.RdBoxPatternA .Title a:visited,
.RdBoxPatternA h2 a:visited,
.RdBoxPatternA h3 a:visited,
.RdBoxPatternA h4 a:visited {
	padding: 8px 22px 8px 15px;
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
	border-right: solid 3px transparent;
}
.RdBoxPatternA .Title a:hover,
.RdBoxPatternA h2 a:hover,
.RdBoxPatternA h3 a:hover,
.RdBoxPatternA h4 a:hover,
.RdBoxPatternA .Title a:active,
.RdBoxPatternA h2 a:active,
.RdBoxPatternA h3 a:active,
.RdBoxPatternA h4 a:active {
	padding: 8px 24px 8px 15px;
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
	border-right: solid 1px transparent;
}

.RdBoxPatternA .Title strong {
	color: #fff;
	font-weight: normal;
}

.RdBoxPatternA .BoxImgStyle {
	margin: -15px 0 15px;
	padding: 0;
}

.RdBoxPatternA .ImgOnlyStyle {
	margin-bottom: 10px;
}

.RdBoxPatternA p,
.RdBoxPatternA ul,
.RdBoxPatternA dl {
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.RdBoxPatternA .ThumbW60SetStyle,
.RdBoxPatternA .ThumbW120SetStyle,
.RdBoxPatternA .ThumbW180SetStyle,
.RdBoxPatternA .ThumbW230SetStyle {margin-left: 15px;}

.RdBoxPatternA .ThumbW60SetStyle .Img,
.RdBoxPatternA .ThumbW120SetStyle .Img,
.RdBoxPatternA .ThumbW180SetStyle .Img,
.RdBoxPatternA .ThumbW230SetStyle .Img {padding-right: 5px;}

.RdBoxPatternA .ImgW60SetStyle .ImgSet {margin-left: -90px;}
.RdBoxPatternA .ImgW120SetStyle .ImgSet {margin-left: -150px;}
.RdBoxPatternA .ImgW180SetStyle .ImgSet {margin-left: -210px;}
.RdBoxPatternA .ImgW230SetStyle .ImgSet {margin-left: -270px;}



/* [xx] トップページ

=========================================================================================== */
.keisen_p{margin-bottom: 20px!important;font-weight: bold; margin-top: 70px;}
.person_name{font-weight: bold;}
.keisen{letter-spacing: -5px;}


/* [xx] 開発ストーリー ローカルナビのバナー写真付き

=========================================================================================== */
.main_img_box{width: 100%;
	position: absolute;
    top: 0;
    left: 0;
margin-top: 240px;}
.main_img_box_smaller_margin{
	margin-top: 190px;
}

.main_img_box_inner{min-height:250px;margin: 0 auto;position: relative;text-align: center;
}
.main_img_box_inner h1{font-size: 30px;line-height: 250px;}
.main_img_box .highlight{
background: url(/rd/image/top/img_rd_region04.jpg) no-repeat;
background-size: 100% auto;
background-position:50% 22%;
}


/* [xx] 開発ストーリー インタビュアー見出し

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

h3.RdStoryInterview {
	padding: 4px 0 4px 28px;
	background: url("/rd/image/common/icon_interview.gif") no-repeat 0 0.2em;
	font-size: 105%;
}
h3.RdStoryInterview2{
	padding: 4px 0 4px 28px;
	background: url("/rd/image/common/icon_interview.gif") no-repeat 0 0.2em;
	margin-top: 55px;
	margin-bottom: 20px;
	font-size: 125%;
	font-weight: normal;
}
h3.RdStoryInterview2.clear{
	clear: both;
}


/* [xx] 開発ストーリー 年別インデックスページ

=========================================================================================== */
.rd_linkbtn_box{padding-top: 30px;margin-bottom: 30px;}
.rd_linkbtn_box a{float:right;}
div.RdStoryTab {
background-color:#eaeaea;
    /*margin-top: -15px;*/
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}
div.RdStoryTab img{
float:left;
margin-right: 2px;
}
div.RdStoryTab a:last-child img{
margin-right: 0;
}
div.RdStoryBox {
	width: 230px;
    display:  inline-block;
    vertical-align:  top;
	margin-left:9px;
	margin-bottom:9px;
    box-sizing: border-box;
}
div.RdStoryBoxCol2 {
	width: 469px;
	margin-left:9px;
	margin-bottom:9px;
}

/* [xx] 開発ストーリー ページインデックス

=========================================================================================== */
div.RdPageIndex {
margin: 5px 0 15px 0;
background: #eeeeee;
}

div.RdPageIndex ul {
padding: 5px 10px;
}

div.RdPageIndex ul li {
padding: 5px 0 5px 12px;
border-top: 1px solid #cccccc;
line-height: 1.5;
}

div.RdPageIndex ul li.FirstItem {
border: none;
}

div.RdPageIndex ul li a {
text-decoration:none;
color: #002b80;
}

div.RdPageIndex ul li a:visited {
text-decoration:none;
color: #602b80;
}

div.RdPageIndex ul li a:hover,
div.RdPageIndex ul li a:active {
text-decoration:underline;
color: #b1000e;
}

div.RdPageIndex2 {
	margin: 15px auto 15px auto;
	width: 90%;
	background: url(/rd/sc/story/image/bg_img.jpg) repeat;
	background-size: 20px 15px;
}

div.RdPageIndex2 ul {
	padding: 5px 10px;
}

div.RdPageIndex2 ul li {
	padding: 6px 0 6px 12px;
	border-top: 2px dotted #a7f9fe;
	line-height: 1.5;
}

div.RdPageIndex2 ul li.FirstItem {
	border: none;
}

div.RdPageIndex2 ul li a {
	background-image: url(/image/jp/r1/icon/icon_link_right_l_white.gif) !important;
	text-decoration:none;
	color: #fff;
}

div.RdPageIndex2 ul li a:visited,
div.RdPageIndex2 ul li a:link {
	padding: 10px 22px 10px 10px;
	text-decoration:none;
	color: #fff;
}

div.RdPageIndex2 ul li a:hover,
div.RdPageIndex2 ul li a:active {
	padding: 10px 24px 10px 10px;
	text-decoration:underline;
	color: #a7f9fe;
}


/* ---開発ストーリー プロローグページ RdCaption_475（475pxのキャプションエリア）---


=========================================================================================== */
div#RdCaption_475 {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

/* ---RdCaption_475_3（475pxに158pxずつ3つ。端数1pxは無視）--- */

ul#RdCaption_475_3 li {
	list-style-type: none;
	display: block;
	width: 154px;
	float: left;
	padding: 0 0 10px 0;
	margin:0 2px 0 2px;
	vertical-align: middle;
	text-align: center;
	font-size: 83%;
	line-height: 1.5;
}

ul#RdCaption_475_3 li img {
	margin-bottom:5px;
}


/* Win IE6lower */
* html ul#RdCaption_475_3 { display: inline; }
/* */

/* ---RdCaption_475_2（475pxに237pxずつ2つ。端数1pxは無視）--- */

ul#RdCaption_475_2 li {
	list-style-type: none;
	display: block;
	width: 49.0526315%;
	float: left;
	padding : 0 0 10px 0;
	margin: 0 0.4210526%;
	vertical-align: middle;
	text-align: center;
	font-size: 83%;
	line-height: 1.5;
}

ul#RdCaption_475_2 li img {
margin-bottom:5px;
}


/* Win IE6lower */
* html ul#RdCaption_475_2 { display: inline; }
/* */


/* ---開発ストーリー プロローグページ RdCaption（キャプションエリア）---

=========================================================================================== */
div#RdCaption_3 {
margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

/* ---RdCaption_3（3分割）--- */
ul#RdCaption_3 li {
list-style-type: none;
	display: block;
	width : calc(100% / 3) ;
	float: left;
	padding: 0 0 10px 0;
	vertical-align: middle;
	text-align: center;
	font-size: 83%;
	line-height: 1.5;
}
ul#RdCaption_3 li img {
margin-bottom:5px;
}

/* ---RdCaption_950_2（950pxを2分割）--- */
ul#RdCaption_2 li {
list-style-type: none;
	display: block;
	width : calc(100% / 2) ;
	float: left;
	padding : 0 0 10px 0;
	vertical-align: middle;
	text-align: center;
	font-size: 83%;
	line-height: 1.5;
}
ul#RdCaption_2 li img {
margin-bottom:5px;
}


/* ---開発ストーリー 記事中の設定---

=========================================================================================== */
div.RdStoryWrap {
    width: 700px;
    margin: auto;
}
@media screen and (max-width: 700px) {
    div.RdStoryWrap {
        width: auto;
    }
}

h2.RdStoryTitle {
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: url(/rd/sc/story/image/bg_img.jpg) repeat;
	background-size: 20px 15px;
}

h2.RdStoryTitle span {
	font-size: 170%;
	font-weight: normal;
	text-align: center;
	color: #1d83aa;
	background-color: #f2f2f2;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 7%;
	padding-right: 7%;
	line-height: 130%;
}
h2.RdStoryTitle2 {
	margin: 0 0 10px 0;
	padding-left: 7px;
	padding-bottom: 1px;
	background: url(/rd/sc/story/image/bg_img.jpg) repeat;
	background-size: 20px 15px;
}

h2.RdStoryTitle2 span {
	font-size: 125%;
	font-weight: normal;
	color: #2092BD;
	background-color: #ffffff;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 130%;
}

p.RdStoryTextLead{
	line-height: 200%;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 105%;
	color:#666666;
}
p.RdStoryTextLead2{
	line-height: 200%;
	font-weight: bold;
}

p.RdStoryText{
	line-height: 200%;
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 96%;
}
p.RdStoryText2{
	line-height: 200%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 90%;
}
span.RdStoryFigText{
	font-size: 110%;
	line-height: 170%;
}
p.RdStoryFigText2{
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 90%;
	line-height: 170%;
}
div.RdStorySectionSeparator {
	margin-top:30px;
}
div.RdStoryImageSeparator {
	margin-top:100px;
}

.RdContentsWithBgimg {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0;
}
.RdContentsWithBgimg .RdBgimg {
    margin-bottom: 15px;
}
@media screen and (max-width: 1304px) {
	.JS .RdContentsWithBgimg .Section,
	.JS .RdContentsWithBgimg .PageTitleStyle1 {
		min-width: 290px;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.JS .RdContentsWithBgimg .RdStoryTitle2 {
		min-width: 290px;
		margin-right: 15px !important;
		margin-left: 15px !important;
	}
	.JS .RdContentsWithBgimg .RdBgimg {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
}

.Column1 .portal_area ul li {
	margin-bottom   : 15px;
}
.Column1 .portal_area ul li.hide {
	filter          : alpha(opacity=15);
	-moz-opacity    : 0.15;
	opacity         : 0.15;
}
.Column1 .BoxPatternC.keyword {
	padding        : 10px 0 0;
}
.Column1 dl.keyword {
	padding        : 0 0 2px 10px;
}
.Column1 dl.keyword dt {
	background      :url(/rd/image/keyword_sort/icon_check.png) no-repeat 0 5px;
	padding         : 0 0 5px 28px;
	font-weight     : bold;
	clear           : both;
}
.Column1 dl.keyword dd {
	margin-right: 10px;
}
.Column1 dl.keyword dd:after {
	content         : "";
	display         : block;
	clear           : both;
}
.Column1 dl.keyword dd.products {
	border-bottom   : 2px solid #ccc;
	padding-bottom  : 2px;
	margin-bottom   : 8px;
}
.Column1 dl.keyword dd ul {
	margin          : 0;
	padding         : 0;
}
.Column1 dl.keyword dd ul li {
	border-right    : 2px solid #ccc;
	color           : #666;
	float           : left;
	font-size       : 90%;
	font-weight     : bold;
	margin-bottom   : 6px;
	padding         : 0 10px;
}

@media screen and (max-width:767px){
.Column1 .portal_area ul li {
	float: left;
	width: 31.2075983%;
	margin-right: 3.1886024%;
}
.Column1 .portal_area ul li.LastItem {
	margin-right: 0;
}
}

@media screen and (max-width:579px){
.Column1 .portal_area ul li {
	float: none;
	width: 100%;
	margin-right: 0;
	text-align: left;
}
.Column1 .portal_area ul li.csi { background-color: #6f45ba; }
.Column1 .portal_area ul li.cti { background-color: #3967c6; }
.Column1 .portal_area ul li.cer { background-color: #287928; }
}

.Column2 .portal_area ul li {
	margin-bottom   : 15px;
}
.Column2 .portal_area ul li.hide {
	filter          : alpha(opacity=15);
	-moz-opacity    : 0.15;
	opacity         : 0.15;
}
.Column2 .BoxPatternC.keyword {
	padding        : 10px 0 0;
}
.Column2 dl.keyword {
	padding        : 0 0 2px 10px;
}
.Column2 dl.keyword dt {
	background      :url(/rd/image/keyword_sort/icon_check.png) no-repeat 0 5px;
	padding         : 0 0 5px 28px;
	font-weight     : bold;
	clear           : both;
}
.Column2 dl.keyword dd {
	margin-right: 10px;
}
.Column2 dl.keyword dd:after {
	content         : "";
	display         : block;
	clear           : both;
}
.Column2 dl.keyword dd.products {
	border-bottom   : 2px solid #ccc;
	padding-bottom  : 2px;
	margin-bottom   : 8px;
}
.Column2 dl.keyword dd ul {
	margin          : 0;
	padding         : 0;
}
.Column2 dl.keyword dd ul li {
	border-right    : 2px solid #ccc;
	color           : #666;
	float           : left;
	font-size       : 90%;
	font-weight     : bold;
	margin-bottom   : 6px;
	padding         : 0 10px;
}

@media screen and (max-width:767px){
.Column2 .portal_area ul li {
	float: left;
	width: 31.2075983%;
	margin-right: 3.1886024%;
}
.Column2 .portal_area ul li.LastItem {
	margin-right: 0;
}
}

@media screen and (max-width:579px){
.Column2 .portal_area ul li {
	float: none;
	width: 100%;
	margin-right: 0;
	text-align: left;
}
.Column2 .portal_area ul li.csi { background-color: #6f45ba; }
.Column2 .portal_area ul li.cti { background-color: #3967c6; }
.Column2 .portal_area ul li.cer { background-color: #287928; }
}

/* 画像のfloatによる隣接要素へのめり込み回避 */
.RdStoryFlexWrap {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	flex-wrap: wrap;
}
.RdStoryFlexWrap .flex1 {
	flex: 1;
}

@media screen and (max-width:994px){
	.RdStoryFlexClear.RdStoryFlexWrap {
		display: block;
	}
}

/* ---研究紹介とハイライトページ---

=========================================================================================== */
.RdTitleLinkSet {
	margin: 15px 0 15px 0;
	padding: 0 0 10px 0;
	background: url(/rd/research/image/bg_img.jpg) repeat;
	background-size: 20px 15px;
}

.RdTitleLinkSet div {
	padding: 10px 13px 10px 15px;
	background-color: #f2f2f2;
}

.RdTitleLinkSet div h2 {
	float: left;
	margin: 0;
	padding: 5px 0 0 7px;
	color: #5570e8;
	font-size: 150%;
	font-weight: normal;
	line-height: 130%;
}

.RdTitleLinkSet div h2 a:link,
.RdTitleLinkSet div h2 a:visited {
	color:#5570e8;
	background-image: url(/rd/image/icon_link_right.gif);
}

.RdTitleLinkSet div h2 a:hover,
.RdTitleLinkSet div h2 a:active {
	color:#5570e8;
	background-image: url(/rd/image/icon_link_right_hover.gif);
}

.RdTitleLinkSet div ul {
	float: right;
	padding-top: 10px;
}

.RdTitleLinkSet div ul li {
	font-size: 76%;
	line-height: 130%;
}

.RdTitleLinkSet div ul li a {
	padding: 0 17px 0 0;
	color:#5570e8;
}

.RdTitleLinkSet div ul li a:link,
.RdTitleLinkSet div ul li a:visited {
	text-decoration: none;
}

.RdTitleLinkSet div ul li a:hover,
.RdTitleLinkSet div ul li a:active {
	text-decoration: underline;
}

.RdTheme h2 a:link,
.RdTheme h2 a:visited {
	background-color: #0000aa;
}

.RdTheme h2 a:hover,
.RdTheme h2 a:active {
	background-color: #000077;
}


/* ---ニュースリリース---

=========================================================================================== */
.RdNewsreleaseTitleLinkSet {
	margin: 15px 0 15px 0;
	padding: 0 0 10px 0;
	background: url(/rd/news/image/bg_img.jpg) repeat;
	background-size: 20px 15px;
}

.RdNewsreleaseTitleLinkSet div {
	padding: 10px 13px 10px 15px;
	background-color: #f2f2f2;
}

.RdNewsreleaseTitleLinkSet div h2 {
	float: left;
	margin: 0;
	padding: 5px 0 0 7px;
	color: #317491;
	font-size: 150%;
	font-weight: normal;
	line-height: 130%;
}

p.RdNewsreleaseText{
	line-height: 170%;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 96%;
}

sup.news {
	color: orangered;
}

.RdRelatedLink {
/*    background-color: #f6f6f6;*/
    margin-top: 40px;
    padding: 40px 0 20px;
}
.RdRelatedLink .Wrap {
    width: 965px;
    margin: auto;
}
.RdRelatedLink .Text {
    font-size: 170%;
    padding: 0 0 30px;
}
@media screen and (max-width: 1304px) {
    .RdRelatedLink {
        margin-left: -15px;
        margin-right: -15px;
        padding: 40px 15px 20px;
    }
    .RdContentsWithBgimg .RdRelatedLink {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 965px) {
    .RdRelatedLink .Wrap {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .RdRelatedLink {
        background-color: #ffffff;
        margin-top: 10px;
    }
    .RdRelatedLink .Text {
        font-size: 150%;
    }
}


/* ---映像集などムービーへのリンク---


=========================================================================================== */
.ImgOnlyStyle .RdModalVideoLink {
	position: relative;
	display: inline-block;
}
.ImgOnlyStyle .RdModalVideoLink:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	/*background-color: #222222;*/
	background-color: #e60027;
	opacity: .5;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.ImgOnlyStyle .RdModalVideoLink:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	margin: -18px 0 0 -18px;
	/*background-color: #222222;*/
	background-color: #e60027;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.ImgOnlyStyle .RdModalVideoLink span {
	position: relative;
	display: block;
}
.ImgOnlyStyle .RdModalVideoLink span:after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -3px;
	border-left: solid 9px #fff;
	border-top: solid 9px transparent;
	border-bottom: solid 9px transparent;
}



/* [xx] Date List for archive list

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

.DateListStyle2 a .RdArchiveListImg,
.DateListStyle2 .RdArchiveListImgNone{ width: 13.8%; }

.DateListStyle2 .RdArchiveListImgNone {
width: 13.8%;
display: inline-block;
margin-left: 5px;
}

.RdArchiveList{
display:inline-block;
padding-left:15px;
max-width:77.8443113%;
}



/* [xx] Date List for related link list -- inline style

=========================================================================================== */
* html .RdDateListStyle3 dd a,
* html .RdDateListStyle5 dd a,
*:first-child+html .RdDateListStyle3 dd a,
*:first-child+html .RdDateListStyle5 dd a {
vertical-align:top;
}
.RdDateListStyle3 {
 font-size:90%;
 margin:0;
 padding:0;
 zoom:1;
}
.RdDateListStyle3 .LinkListStyle1,
.RdDateListStyle5 .LinkListStyle2 {
 font-size:100%;
 margin:0 0 5px 0;
}
.RdDateListStyle3 a,
.RdDateListStyle5 a {
 padding:0 10px 0 0;
 zoom:1;
}
.RdDateListStyle3 a:active,
.RdDateListStyle3 a:hover,
.RdDateListStyle5 a:active,
.RdDateListStyle5 a:hover {
 text-decoration:underline;
}
.RdDateListStyle3 a:link,
.RdDateListStyle3 a:visited,
.RdDateListStyle5 a:link,
.RdDateListStyle5 a:visited {
 text-decoration:none;
}
.RdDateListStyle3 dd,
.RdDateListStyle5 dd {
 margin:0 0 0 150px;
 padding:0;
}
.RdDateListStyle3 dt,
.RdDateListStyle5 dt {
 clear:both;
 float:left;
}
.RdDateListStyle3 dt a,
.RdDateListStyle3 dt span,
.RdDateListStyle5 dt a,
.RdDateListStyle5 dt span {
 display:inline-block;
 min-height:24px;
 vertical-align:middle;
 width:135px;
}
.RdDateListStyle3 dt a.RdAward,
.RdDateListStyle3 dt span.RdAward,
.RdDateListStyle5 dt a.RdAward,
.RdDateListStyle5 dt span.RdAward {
	background: url(/rd/image/common/category_award.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdEvent,
.RdDateListStyle3 dt span.RdEvent,
.RdDateListStyle5 dt a.RdEvent,
.RdDateListStyle5 dt span.RdEvent {
	background: url(/rd/image/common/category_event.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdStory,
.RdDateListStyle3 dt span.RdStory,
.RdDateListStyle5 dt a.RdStory,
.RdDateListStyle5 dt span.RdStory {
	background: url(/rd/image/common/category_story.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdExplanation,
.RdDateListStyle3 dt span.RdExplanation,
.RdDateListStyle5 dt a.RdExplanation,
.RdDateListStyle5 dt span.RdExplanation {
	background: url(/rd/image/common/category_explanation.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdGlossary,
.RdDateListStyle3 dt span.RdGlossary,
.RdDateListStyle5 dt a.RdGlossary,
.RdDateListStyle5 dt span.RdGlossary {
	background: url(/rd/image/common/category_glossary.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdInfo,
.RdDateListStyle3 dt span.RdInfo,
.RdDateListStyle5 dt a.RdInfo,
.RdDateListStyle5 dt span.RdInfo {
	background: url(/rd/image/common/category_info.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdInterview,
.RdDateListStyle3 dt span.RdInterview,
.RdDateListStyle5 dt a.RdInterview,
.RdDateListStyle5 dt span.RdInterview {
	background: url(/rd/image/common/category_interview.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdNewsrelease,
.RdDateListStyle3 dt span.RdNewsrelease,
.RdDateListStyle5 dt a.RdNewsrelease,
.RdDateListStyle5 dt span.RdNewsrelease {
	background: url(/rd/image/common/category_newsrelease.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdNews,
.RdDateListStyle3 dt span.RdNews,
.RdDateListStyle5 dt a.RdNews,
.RdDateListStyle5 dt span.RdNews {
	background: url(/rd/image/common/category_news.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdTopics,
.RdDateListStyle3 dt span.RdTopics,
.RdDateListStyle5 dt a.RdTopics,
.RdDateListStyle5 dt span.RdTopics {
	background: url(/rd/image/common/category_topics.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdOverview,
.RdDateListStyle3 dt span.RdOverview,
.RdDateListStyle5 dt a.RdOverview,
.RdDateListStyle5 dt span.RdOverview {
	background: url(/rd/image/common/category_overview.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdProduct,
.RdDateListStyle3 dt span.RdProduct,
.RdDateListStyle5 dt a.RdProduct,
.RdDateListStyle5 dt span.RdProduct {
	background: url(/rd/image/common/category_product.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdPublist,
.RdDateListStyle3 dt span.RdPublist,
.RdDateListStyle5 dt a.RdPublist,
.RdDateListStyle5 dt span.RdPublist {
	background: url(/rd/image/common/category_publist.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdResearch,
.RdDateListStyle3 dt span.RdResearch,
.RdDateListStyle5 dt a.RdResearch,
.RdDateListStyle5 dt span.RdResearch {
	background: url(/rd/image/common/category_research.gif) no-repeat;
	background-size: 135px 24px;
}
.RdDateListStyle3 dt a.RdFeature,
.RdDateListStyle3 dt span.RdFeature,
.RdDateListStyle5 dt a.RdFeature,
.RdDateListStyle5 dt span.RdFeature {
	background: url(/rd/image/common/category_feature.gif) no-repeat;
	background-size: 135px 24px;
}

.RdDateListStyle3 img,
.RdDateListStyle5 img {
 vertical-align:middle;
 vertical-align:top;
}
.RdDateListStyle3:after,
.RdDateListStyle5:after {
 clear:both;
 content:"";
 display:block;
}
.RdDateListStyle5 {
font-size:83%;
 margin:0;
 padding:0;
 zoom:1;
}



@media screen and (max-width: 767px) {
.DateListStyle2 dt {
padding-top: 15px;
}
.DateListStyle2 dd {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 0 0 15px 0;
padding-left: 9em;
}
.DateListStyle2 a .RdArchiveListImg{
width: 135px;
float: none;
padding-top: 15px;
}
.DateListStyle2 .RdArchiveListImgNone{
display: none;
}
.DateListStyle2 dd .ResponsiveLinkListStyle.BottomBorderSet {
border-top: none;
border-bottom: none;
margin-bottom: 0;
width: 100%;
}
.DateListStyle2 .RdArchiveList {
max-width: 100%;
padding-left: 0;
}
.RdDateListStyle3 {
margin: 0 -15px;
border-bottom: 1px solid #ddd;
}
.RdDateListStyle3 dt {
padding: 15px 0 0 15px;
}
.RdDateListStyle3 dd {
border-top: 1px solid #ddd;
margin-left: 0;
padding-left: 150px;
}
.RdDateListStyle3 dd > .LinkListStyle1 {
padding: 15px 0;
}
.RdDateListStyle3 dd > .LinkListStyle1 li {
padding: 0 0 0 10px;
}
.JS .RdDateListStyle3 dd .ResponsiveLinkListStyle,
.JS .RdDateListStyle3 dd .ResponsiveListStyle {
border-top: none;
padding-right: 0;
margin-right: 0;
}
.JS .RdDateListStyle3 dd .ResponsiveListStyle .LinkListStyle1 {
padding: 15px 0;
}
.JS .RdDateListStyle3 dd .ResponsiveListStyle .LinkListStyle1 li {
padding: 0 15px;
}
.JS .RdDateListStyle3 dd .ResponsiveLinkListStyle .LinkListStyle1 a,
.JS .RdDateListStyle3 dd .ResponsiveListStyle .LinkListStyle1 a {
margin-left: 15px;
}
.JS .RdDateListStyle3 dd .ResponsiveLinkListStyle .LinkListStyle1 span{
margin-left: 30px;
color: #000;
display: block;
}
.JS .RdDateListStyle3 dd .ResponsiveListStyle .LinkListStyle1 span{
color: #000;
display: block;
}
.JS .ResponsiveLinkListStyle.Line2,
.JS .ResponsiveListStyle.Line2 {
margin-left: 15px;
}
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li,
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li a {
padding-left: 0;
}
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li a:hover,
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle2 li a:hover {
background-color: transparent;
}
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li:hover,
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle2 li:hover {
background-color: #f2f2f2;
}
.JS .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li span {
margin-left: 15px;
}

.JS .ResponsiveLinkListStyle.Line3,
.JS .ResponsiveListStyle.Line3 {
margin-top: 0;
}
.JS .ResponsiveLinkListStyle.Line3 .LinkListStyle1 li a:hover,
.JS .ResponsiveLinkListStyle.Line3 .LinkListStyle2 li a:hover {
background-color: transparent;
}
.JS .ResponsiveLinkListStyle.Line3 .LinkListStyle1 li:hover,
.JS .ResponsiveLinkListStyle.Line3 .LinkListStyle2 li:hover {
background-color: #f2f2f2;
}
.JS .ResponsiveLinkListStyle.Line4 .LinkListStyle1 li a:hover,
.JS .ResponsiveLinkListStyle.Line4 .LinkListStyle2 li a:hover {
background-color: transparent;
}
.JS .ResponsiveLinkListStyle.Line4 .LinkListStyle1 li:hover,
.JS .ResponsiveLinkListStyle.Line4 .LinkListStyle2 li:hover {
background-color: #f2f2f2;
}

.Grid3 h2.midashi, 	.Grid4 h2.midashi{
margin: 0 auto;
}
.kaihatsu_story{height:26vw;}
.main_img_box_inner h1{
line-height: 27vw!important;
font-size: 19px!important;
}
.rd_linkbtn_box {
margin-top: 0px!important;
padding-top:60px!important;
margin-bottom: 19px;
}

div.RdStoryTab img {
float: left;
margin-right: 0px!important;
width:120px!important;
}
.JS .PageTitleStyle1.title_center{padding-top: 20px;}
.JS .PageTitleStyle1.title_center h1{font-size: 180%;}
.Section.font_normal p{width: 90%;margin: 0 auto; text-align:left;}
}



@media screen and (max-width: 579px) {
.DateListStyle2 dt {
border-top: 1px solid #ddd;
}
.DateListStyle2 dd {
border-top: none;
border-bottom: none;
padding-left: 0;
}
.DateListStyle2 dd a .RdArchiveListImg{
margin-left: 0;
padding: 10px 0 0;
}
.DateListStyle2 dd .ResponsiveLinkListStyle {
margin: 0 0;
}
.RdDateListStyle3 dt {
float: none;
border-top: 1px solid #ddd;
}
.RdDateListStyle3 dd {
padding-left: 0;
border-top: none;
}

.JS .RdDateListStyle3 dd .ResponsiveListStyle .LinkListStyle1 li {
padding-left: 0;
}
.JS .RdDateListStyle3 dd .ResponsiveLinkListStyle .LinkListStyle1 li a {
margin-left: 0;
}
.JS .ResponsiveLinkListStyle.Line2,
.JS .ResponsiveListStyle.Line2 {
margin-left: 0;
}
.JS .RdDateListStyle3 dd .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li,
.JS .RdDateListStyle3 dd .ResponsiveListStyle.Line2 .LinkListStyle1 li {
padding-left: 15px;
}
.JS .RdDateListStyle3 dd .ResponsiveLinkListStyle.Line2 .LinkListStyle1 li span {
margin-left: 0;
}
}


@media screen and (max-width:399px){
.RdDateListStyle3 dt, .RdDateListStyle5 dt {
	float: none;
}
.RdDateListStyle3 dd, .RdDateListStyle5 dd {
	margin: 0 0 10px 0;
}
}


@media screen and (max-width: 994px) {
	.main_img_box {
position: relative!important;
margin-top: 0px!important;}

	.rd_linkbtn_box {
/* padding-top: 60px!important;*/
	margin-bottom: 30px!important;
}

.JS #Contents .main_img_box_inner {
	width: 100%;
	min-width: inherit;
	min-height: inherit;
	height: auto;

	position: relative;
	text-align: center;
	margin: 0 -15px;
	padding: 0 15px;
}
.JS .Grid3.noneside {width: 100%;}

.main_img_box_inner {
	min-width: inherit!important;
	width:100%;
	min-height: inherit!important;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
  .kaihatsu_story{background-size: auto 100%!important;}

  .JS .ColumnSet.portalColumn_full{
	  width: auto;
	  margin: 0 0 10px 0px!important;
		  padding-top: 30px;
  }
}

/* ---AI Blog---

=========================================================================================== */
div.AIBlog {
	width: 282px;
    display:  inline-block;
    vertical-align:  top;
	margin: 0 0 24px 26px;
    border: #aaa solid 1px;
    box-sizing: border-box;
    min-height: 280px;
}
div.AIBlog .inner {
	position: relative;
    min-height: 272px;
}
div.AIBlog .thum {
  background: linear-gradient(to top, rgba(0,0,0,0) 4%, rgba(181,160,46,0.8) 0%, rgba(181,160,46,0.1) 70%);
  max-width: 280px;
  margin: 0 auto 10px;
}
div.AIBlog .thum img {
  opacity: 1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
div.AIBlog .thum img:hover {
  opacity: 0.4;
}

div.AIBlog ul.LinkListStyle2 {
	margin: -5px 10px 5px 10px;
    padding-bottom: 1.8em;
}
div.AIBlog p.TextStyle3 {
    position: absolute;
	bottom: 0;
    right: 10px;
    margin-bottom: 0;
    color: #333;
    font-weight: bold;
}

@media screen and (max-width: 1304px) {
    div.AIBlog {
        width: 22% !important;
        margin: 0 0 24px 14px !important;
		padding: 0 !important;
	}
}

@media screen and (max-width: 1110px) {
    div.AIBlog {
        width: 25% !important;
        margin: 0 0 24px 14px !important;
	}
}

@media screen and (max-width: 950px) {
    div.AIBlog {
        width: 30% !important;
        margin: 0 0 24px 4px !important;
	}
}

@media screen and (max-width: 767px) {
    div.AIBlog {
		float: none;
		width: 100% !important;
        border: none;
        border-bottom: #aaa solid 1px;
        margin: 0 0 30px 0;
        text-align: center;
        min-height: 260px;
	}
	div.AIBlog:after {
		content: "";
		display: block;
		clear: both;
	}
    div.AIBlog .inner {
        min-height: 252px;
    }
    div.AIBlog ul.LinkListStyle2 {
	    text-align: left;
    }
    div.AIBlog p.TextStyle3 {
        right: 15px;
    }
}

div.AIBlogBanner {
    width: 50%;
    text-indent:290px;
	background-color:#b5a02e;
    padding: 5px 0 5px 0;
    margin: 0 0 25px 0;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
}
@media screen and (max-width: 1304px) {
    div.AIBlogBanner {
        width: 56%;
        text-indent: 290px;
        /*text-indent:calc((100% * 2.27 - 700px) / 2);*/
    }
}
@media screen and (max-width: 995px) {
    div.AIBlogBanner {
        width: 56%;
        text-indent: 150px;
    }
}
@media screen and (max-width: 767px) {
    div.AIBlogBanner {
        text-indent: 0;
        padding: 5px 0 5px 45px;
    }
}
@media screen and (max-width: 579px) {
    div.AIBlogBanner {
        width: auto;
        text-align: center;
        padding: 5px 5px 5px 5px;
    }
}

div.AIBlogWrap {
    width: 700px;
    margin: auto;
}
hr.AIBlogLine {
    display: block;
    height: 1px;
    margin-top: 50px;
    margin-bottom: 20px;
    background-color: #aaa;
    border: none;
}
hr.AIBlogLine2 {
    display: block;
    height: 1px;
    margin-bottom: 20px;
    background-color: #aaa;
    border: none;
}
h1.AIBlogTitle {
    font-weight: normal;
    font-size: 190%;
    line-height: 1.4;
    color: #333;
}
@media screen and (max-width: 700px) {
    div.AIBlogWrap {
        width: auto;
    }
	h1.AIBlogTitle {
        font-size: 135%;
	}
}

div.AIBlogNavi {
    margin: 30px 0 20px 0;
    font-size: 90%;
}
div.AIBlogNavi ul li.top {
    background-image: url(/rd/sc/aiblog/image/common/icon_link_left_hd.gif);
    background-repeat: no-repeat;
 	-webkit-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
    background-size: 16px 16px;
    background-position: 0% 50%;
    text-indent: 20px;
}
div.AIBlogNavi a {
    text-decoration: none;
}
div.AIBlogNavi a:hover {
    text-decoration: underline;
}


/* ---common elements---

=========================================================================================== */
.BtnWhite {
	color: #c02;
	margin: 60px auto 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: 400px;
}
.BtnWhite a {
	border: 1px solid #c02;
	display: block;
  padding: 12px 20px;
	box-sizing: border-box;
	text-decoration: none;
}
.BtnWhite a:hover {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}

.BtnWhite.LeftArrow a:before {
	content: url("/rd/image/icon_btnwhite_left_arrow.png");
	position: absolute;
	left: 20px;
	width: 10px;
	height: 26px;
}
.BtnWhite.LeftArrow a:hover:before {left: 17px;}
.BtnWhite.RightArrow a:after {
	content: url("/rd/image/icon_btnwhite_right_arrow.png");
	position: absolute;
	right: 20px;
	width: 10px;
	height: 26px;
}
.BtnWhite.RightArrow a:hover:after {right: 17px;}
.BtnWhite.mtbSpacing {margin: 60px auto;}
.BtnWhite.mbSpacing {margin: 0 auto 60px;}
.BtnWhite.mtSpacing {margin: 60px auto;}

@media screen and (max-width: 994px) {
	.BtnWhite {width: 100%;}
	.BtnWhite.mtbSpacing {margin: 30px auto;}
	.BtnWhite.mbSpacing {margin-bottom: 30px;}
  .BtnWhite.mtSpacing {margin: 30px auto;}
}

/* --- about/japan - flexbox ---

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

.about-base-container {
  margin: auto;
  max-width: 965px;
  width: 100%;
}
.about-base {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
  flex-wrap: wrap;
}
.about-base + .about-base {
  margin-top: 10px;
}
.about-base:last-child {
  margin-bottom: 45px;
}
.column-label {
  background-color: #215968;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  width: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.column-label__abbr {
  font-size: 30px;
  width: 100%;
}
.column-info {
  background-color: #b7dee8;
  box-sizing: border-box;
  width: calc(100% - 170px);
  padding: 20px;
}
.column-info__sub {
  border-bottom: 3px solid #215968;
  color: #215968;
  font-size: 24px;
}
.column-info__list {
  list-style-type: none;
  margin: 0.5em 0 0 0.5em;
}
.column-info__list li {
  padding-left: 1.5em;
  position: relative;
}
.column-info__list li::before {
  content: "";
  background-color: #215968;
  border-radius: 50%;
  display: inline-block;
  height: 0.5em;
  left: 0;
  margin-right: 1em;
  position: absolute;
  vertical-align: middle;
  top: 0.5em;
  width: 0.5em;
}
@media screen and (max-width: 767px) {
  .about-base:last-child {
    margin-bottom: 20px;
  }
  .about-base {
    display: block;
  }
  .column-label {
    padding: 5px;
    width: 100%;
  }
  .column-label br {
    display: none;
  }
  .column-label__abbr {
    font-size: 150%;
    margin-right: 0.5em;
    width: auto;
  }
  .column-info {
    width: 100%;
  }
  .column-info__sub {
    font-size: 112.5%;
  }
  .column-info__list li {
    font-size: 90%;
  }
}


/* --- about/leaders_td - tab_nav ---

=========================================================================================== */
#leaders_td .tab_nav li {
	width: 100% !important;
}


/* --- city_home - Cities and homes / Slider ---

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

#FutureContents #GreenLead h2 {
    font-weight: bold;
    color: #84B346;
}
#FutureContents #YellowLead h2 {
    font-weight: bold;
    color: #F29700;
}
#FutureContents #PinkLead h2 {
    font-weight: bold;
    color: #CA3A55;
}

.FutureMore #RotationBanner #SliderArea {
    width: 100%;
}
#Contents .FutureMore #RotationBanner li {
	width: 300px;
}

#RotationBanner li img {
    width: 100%;
}
@media screen and (min-width :995px) and (max-width: 1304px) {
	.FutureMore #RotationBanner #SliderArea {
		width: auto;
		margin-right: 25px;
	}
	#Contents .FutureMore #RotationBanner li {
		box-sizing: content-box;
		max-width: 300px;
		width: calc(((100% /10) - 75px) / 4);
	}
}

/* --- Cities and homes / accordion --- */
@media screen and (max-width: 994px) {
	#FutureContents .accordion div.yellow_box dl dt,
	#FutureContents .accordion div.yellow_box dl dd,
	#FutureContents .accordion div.green_box dl dt,
	#FutureContents .accordion div.green_box dl dd {
		display: block;
		width: 100%;
	}
	#FutureContents br.HideSP {
		display: none;
	}
}


/* --- sc/insightslab ---

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

div.contentpersonsWidth2 {
    max-width: 1275px;
	padding: 0 15px;
}

@media screen and (min-width :768px) and (max-width: 1280px) {
.person_name2 {
	width: 12%!important;
}
.person_text2 {
	width: 85%!important;
}

#lecturer.specialBlock .lecturerRBox {
    width: 100%!important;
}
}

@media screen and (min-width :769px) and (max-width: 994px) {
	div.contentpersonsWidth2 {
		max-width: 96%;
		padding: 0;
	}
}


/* --- sc/ai ---

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

.specialOverviewWidth {
    max-width: 1275px!important;
}
#videoDigest.specialOverviewBlock .contentsWidth {
    max-width: 1275px!important;
}

/**/
#videoDigest .contentsWidth .vDCol1{
	width: calc(100% / 2 - 10px) !important;
	display: inline-block !important;
	box-sizing: border-box;
	vertical-align: top;
	padding: 0 !important;
	float: none!important;
}
#videoDigest .contentsWidth .vDCol1:nth-child(even){
    margin-left: 14px;
}
#videoDigest .contentsWidth .vDCol1.latest{
    padding-bottom: 28px !important;
    width: 100% !important;
}
#videoDigest .contentsWidth .vDCol1.latest .vDTtl{
    padding: 0 0 8px;
}
#videoDigest.renzoku .contentsWidth .vDCol1.latest{
	padding-bottom: 0px;
	width: 100%;
}
#videoDigest .contentsWidth .vDCol1 .vDThumb{
    padding-top: 17px;
}
#videoDigest .contentsWidth .vDCol1 .vDThumb img{
    width: 100%;
}
.renzoku .vDThumb{padding-top: 70px!important;}
#videoDigest .contentsWidth .vDCol1 .rdButtonStyle{
    padding-top: 30px;
}
/* 3列 */
#videoDigest .contentsWidth.col3 .vDCol1{
    width: calc(100% / 3 - 15px) !important;
}
#videoDigest .contentsWidth.col3 .vDCol1{
    margin-right: 15px;
}
#videoDigest .contentsWidth.col3 .vDCol1:nth-child(even){
    margin-left: 0;
}
#videoDigest .contentsWidth.col3 .vDCol1:last-child{
    margin-right: 0;
}
#videoDigest .contentsWidth .vDTtl{
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0 4px;
    color: #e60027;
}
#videoDigest .contentsWidth .vDTxt{
    font-size: 85%;
    line-height: 1.45;
}
#videoDigest .contentsWidth .rdButtonStyle .link{
    min-width: 132px;
    background-position: 150px center;
}
#videoDigest.specialOverviewBlock.chapter {
	padding-bottom: 20px;
	box-sizing: border-box;
}

@media screen and (max-width: 1304px) {
    #videoDigest {
		padding: 18px 15px 41px;
    }
    #videoDigest .contentsWidth {
        display: block !important;
    }
    #videoDigest .contentsWidth .vDCol1 .vDTtl{
        font-size: 87.5%;
        padding-top: 0;
        padding-bottom: 7px;
    }
    #videoDigest .contentsWidth .vDCol1 .vDTxt{
        font-size: 80%;
        line-height: 1.45;
    }
    #videoDigest .contentsWidth .vDCol1 .vDThumb {
        padding-top: 11px;
    }
	#videoDigest.specialOverviewBlock {
        width: 100%;
    }
    #videoDigest.specialOverviewBlock .contentsWidth {
        box-sizing: border-box;
    }
}
@media screen and (max-width: 767px) {
    #videoDigest {
		padding: 18px 15px!important;
    }
	#videoDigest.renzoku .contentsWidth .vDCol1.latest{
		padding: 0 15px 0 15px;
	}
    #videoDigest .contentsWidth .vDCol1 .rdButtonStyle {
        padding-top: 9px;
    }
    #videoDigest .contentsWidth .rdButtonStyle .link {
        min-width: 88px;
        background-position: 93px center;
    }
	/* 3列 */
    #videoDigest .contentsWidth.col3 .vDCol1{
        width: calc(100% / 2 - 11px) !important;
        margin-right: 16px !important;
        padding: 0;
    }
    #videoDigest .contentsWidth.col3 .vDCol1:nth-child(even){
        margin-right: 0 !important;
    }
}

/* --- sc/vision_design/talk/ ---

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

.special_description {
	text-align: left;
}

@media screen and (min-width: 1305px) {
	#FutureContents .contentpersonsWidth {
		max-width: 1275px;
	}
}

@media screen and (max-width: 1304px) {
	#FutureContents .specialBlock {
		padding: 18px 15px 82px;
	}
}

@media screen and (min-width: 994px) {
	#FutureContents .special_description_box {
		width: 100%;
		margin: auto;
		max-width: 1275px;
		line-height: 2em;
	}
	#FutureContents .contentpersonsWidth {
		margin: 70px auto;
		padding-left: 100px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1304px) {
	#FutureContents .contentpersonsWidth {
		max-width: 86%;
	}
}



/* --- sc/video ---

=========================================================================================== */
@media screen and (max-width: 767px) {
	#ideathon_chula + .ColumnSet .Column2andhalf,
	#ideathon_chula + .ColumnSet .Column1andHalf {
		float: none;
		margin: 0;
		padding: 0 0 0 15px;
		width: 100%;
	}
}