@charset "Shift_JIS";
/* content===========================================

[-] for all
[-] for 1305px -
[-] for 995px - 1304px
[-] for - 767px
[-] for - 579px
[-] for - 399px

@media screen and (max-width: 1304px)
@media screen and (max-width: 965px)
@media screen and (max-width: 767px)
@media screen and (max-width: 579px)

===================================================== */
.foot-keywords dt{
font-weight: bold;	
}
.foot-keywords dd{
	
}
.foot-keywords {
margin-top:60px;	
}



#RdFollowingSocialbuttons{
padding-bottom: 0px;	
}

.Section h2 {
	margin: 5px 0;
	font-size: 180%;
	font-weight: bold;
	line-height: 140%;
	color: #000000;
	background: none;
}
.Card h3{
	font-size: 160%;
}
.Card dt{
	margin-top:15px;
}
 
h3{
	margin: 20px 0 10px;
		font-size: 140%;
}
.box{
	display: table;
}

.box-text{
	width:50%;
	display: table-cell;
}

.box-img{
	display: table-cell;

	width:50%;
	vertical-align:middle;
}
.box-img img{
	width:80%;
		margin-left:5%;
}

.Contents.RdContentsWithBgimg {
	margin-right: -15px;
	margin-left: -15px;
}

.OnlyPC {
  display: none;
}

@media screen and (max-width: 767px) {
  .OnlyPC {
    display: block;
  }
}

.OnlySP {
  display: block;
}

@media screen and (max-width: 767px) {
  .OnlySP {
    display: none;
  }
}

.RdBgimg div {
  position: relative;
  background: #000 center center no-repeat;
  background-size: cover;
  height: 560px;
}

#LpIndex.HeroTitle {
  margin-bottom: 0;
  background-image: url("../img/kv.png");
}

@media screen and (max-width: 767px) {
  #LpIndex.HeroTitle {
    background-image: url("../img/kv_sp.png");
  }
}

#LpIndex.HeroTitle.h470 {
  height: 470px;
}

@media screen and (max-width: 767px) {
  #LpIndex.HeroTitle.h470 {
    height: 152.5px;
  }
}

#LpIndex .Grid4.inner {
  height: 470px;
  vertical-align: middle;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  #LpIndex .Grid4.inner {
    height: 152.5px;
    vertical-align: middle;
  }
}

@media screen and (max-width: 994px) {
  #LpIndex .Grid4.inner {
    padding: 20px 15px 0px;
  }
}

@media screen and (max-width: 994px) {
  #LpIndex .Grid4.inner h1 {
    margin-bottom: 15px;
  }
}

#LpIndex .Grid4.inner h1:after {
  display: none;
}

#LpIndex .Grid4 .Title {
  font-size: 42px;
  text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.9);
}

@media screen and (max-width: 964px) {
  #LpIndex .Grid4 .Title {
    /*line-height: 0;*/
  }
}

@media screen and (max-width: 767px) {
  #LpIndex .Grid4 .Title {
    font-size: 20px;
  }
}

#LpIndex .Grid4 .Text {
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.9);
}

@media screen and (max-width: 767px) {
  #LpIndex .Grid4 .Text {
    font-size: 12px;
  }
}

h2.borderRed {
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 10px;
  letter-spacing: 1.35px;
  padding-left: 10px;
  border-left: 10px solid #d32c33;
  border-bottom: 1px solid #d32c33;
  background: none;
  display: block;
}

@media screen and (max-width: 767px) {
  h2.borderRed {
    font-size: 18px;
  }
}

.bgGray {
  background-color: #f2f2f2;
}

.bgGray .Section .Head2Title {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .TextStyle {
    font-size: 12px;
  }
}


.GridSet .Section {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .GridSet .Section .Head2Title {
    font-size: 23px;
  }
}

.GridSet .Section .TextStyle {
  line-height: 1.8;
}

.GridSet .Section .specialBlockTtl {
  padding-bottom: 30px;
}

.GridSet .Section .inner {
  max-width: 970px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .GridSet .Section .inner {
    width: 100%;
  }
}

.GridSet .Section .Head2Title {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section .Head2Title {
    margin-bottom: 20px;
  }
}

.GridSet .Section.news {
  padding-top: 65px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.news {
    padding-top: 35px;
    padding-bottom: 30px;
  }
}

.GridSet .Section.SiliconComputer {
  margin-top: 65px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.SiliconComputer {
    margin-top: 42.5px;
  }
}

.GridSet .Section.SiliconComputer .TextStyle + .TextStyle {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.SiliconComputer .TextStyle + .TextStyle {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .GridSet .Section.SiliconComputer .ImgLinkBlock {
    margin-bottom: 0;
  }
}

.GridSet .Section.SiliconComputer .ImgContentsWrap {
  margin-top: 75px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.SiliconComputer .ImgContentsWrap {
    margin-top: 30px;
  }
}

.GridSet .Section.SiliconComputer .specialBlockTtl.firstItem {
  border-top: none;
}

.GridSet .Section.CMOS {
  padding-top: 80px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.CMOS {
    padding-top: 40px;
  }
}

.GridSet .Section.CMOS:not(.Problem) .TextStyle {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.CMOS:not(.Problem) .TextStyle {
    margin-bottom: 30px;
  }
}

.GridSet .Section.CMOS a.no-link:hover {
  opacity: 1;
  cursor: auto;
}

.GridSet .Section.CMOS .ImgLinkBlock {
  margin-bottom: 0;
}

.GridSet .Section.CMOS h2.borderRed {
  margin-top: 0;
}

.GridSet .Section.CMOS .listen li + li {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.CMOS .listen li + li {
    margin-top: 35px;
  }
}

@media screen and (max-width: 767px) {
  .GridSet .Section.CMOS.Problem .specialBlockTtl {
    margin-top: 40px;
  }
}

.GridSet .Section.CMOS.Problem .TextStyle + .TextStyle {
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.CMOS.Problem .TextStyle + .TextStyle {
    margin-top: 20px;
  }
}

.GridSet .Section.CMOS.Problem .TextStyle.min {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.CMOS.Problem .TextStyle.min {
    font-size: 11px;
  }
}

.GridSet .Section .ImgLinkMain .ImgLinkInner {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
	min-height: 500px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 994px) {
  .GridSet .Section .ImgLinkMain .ImgLinkInner {
		padding-left: 0px;
		padding-right: 0px;
		min-height: 0;
	}
	.GridSet .Section .ImgLinkMain .ImgLinkInner .Card {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 20px;
	}
}

.ImgLinkBlock a h3 {
    color: white;
}
.ImgLinkBlock a p {
    color: white;
}

.ImgLinkBlock dt {
    color: white;
}

.ImgLinkBlock dd {
    color: white;
}


@media screen and (max-width: 965px) {
  .GridSet .Section .ImgLinkMain .ImgLinkInner {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .GridSet .Section .ImgLinkMain .ImgLinkInner {
    margin-top: 20px;
  }
}

.GridSet .Section.event {
  padding-top: 80px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.event {
    padding-top: 40px;
  }
}

.GridSet .Section.event .eventLists li {
  display: flex;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  padding-top: 15px;
}

.GridSet .Section.event .eventLists li:last-of-type {
  border-bottom: none;
}

.GridSet .Section.event .eventLists li .thumb {
  width: 120px;
  display: block;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.event .eventLists li .thumb {
    width: 70px;
  }
}

.GridSet .Section.event .eventLists li .thumb img {
  width: 100%;
}

.GridSet .Section.event .eventLists li p {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.event .eventLists li p {
    font-size: 12px;
  }
}

.GridSet .Section.event .eventLists li p .date {
  display: block;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.event .eventLists li p .date {
    margin-bottom: 5px;
  }
}

.GridSet .Section.event .eventLists li a {
  font-weight: bold;
}

.GridSet .Section.study {
  padding-top: 80px;
}

@media screen and (max-width: 767px) {
  .GridSet .Section.study {
    padding-top: 40px;
  }
}

.NewsRelease .NewsReleaseStyle {
  display: flex;
}

@media screen and (max-width: 767px) {
  .NewsRelease .NewsReleaseStyle {
    display: block;
  }
}

.NewsRelease .NewsReleaseStyle dt {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .NewsRelease .NewsReleaseStyle dt {
    display: inline-block;
  }
}

.NewsRelease .NewsReleaseStyle dt .label {
  display: inline-block;
  margin-top: 1px;
  margin-right: 20px;
  margin-left: 10px;
}

.StepsYearBlock {
  box-sizing: border-box;
  display: flex;
}

.StepsYearBlock + .StepsYearBlock {
  border-top: 2px solid #f2f2f2;
}

.StepsYearBlockWrap {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .StepsYearBlockWrap {
    margin-top: 30px;
  }
}

.StepsYearBlock__Year {
  color: #c02;
  font-size: 40px;
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Year {
    font-size: 20px;
    padding-top: 15px;
  }
}

.StepsYearBlock__Year p {
  line-height: 1;
}

.StepsYearBlock__Event {
  padding-top: 40px;
  padding-bottom: 35px;
  margin-left: 57px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event {
    padding-top: 15px;
    padding-bottom: 20px;
    margin-left: 32px;
  }
}

.StepsYearBlock__Event::before {
  background: #c02;
  content: '';
  display: block;
  height: calc(100% + 4px);
  left: -28px;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event::before {
    left: -20px;
  }
}

.StepsYearBlock__Event::after {
  border-right: 1px dotted #c02;
  content: '';
  display: block;
  height: calc(100% + 4px);
  left: -28px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event::after {
    left: -20px;
  }
}

.StepsYearBlock__Event dl {
  display: flex;
  position: relative;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event dl {
    display: block;
    padding-bottom: 18px;
  }
}

.StepsYearBlock__Event dl::after {
  background: #c02;
  border-radius: 100px;
  content: '';
  display: block;
  height: 8px;
  left: -31px;
  position: absolute;
  top: 6px;
  width: 8px;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event dl::after {
    left: -23px;
    height: 7px;
    width: 7px;
  }
}

.StepsYearBlock__Event dl::before {
  background: #c02;
  content: '';
  display: block;
  height: 100%;
  left: -28px;
  position: absolute;
  top: 7px;
  width: 1px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event dl::before {
    left: -20px;
  }
}

.StepsYearBlock__Event dl:last-child {
  padding-bottom: 0;
}

.StepsYearBlock__Event dl:last-child::before {
  display: none;
}

.StepsYearBlock__Event dl dt {
  color: #c02;
  font-size: 15px;
  width: 110px;
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event dl dt {
    font-size: 11px;
    width: auto;
  }
}

.StepsYearBlock__Event dl dd {
  font-size: 15px;
  width: calc(100% - 110px);
}

@media screen and (max-width: 767px) {
  .StepsYearBlock__Event dl dd {
    font-size: 11px;
    width: auto;
  }
}

.StepsYearBlock.year01 .StepsYearBlock__Event::before {
  top: 45px;
}

.StepsYearBlock.year03 .StepsYearBlock__Event::before {
  height: calc(100% - 70px);
}

.StepsYearBlock.year04 .StepsYearBlock__Event::before {
  display: none;
}

.StepsYearBlock.year05 .StepsYearBlock__Event {
  padding-bottom: 0;
}

.StepsYearBlock.year05 .StepsYearBlock__Event::before {
  display: none;
}

.ImgLinkBlock a h3 {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .ImgLinkBlock a h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}



/* color1  */
.color1  {
	background-color: #6B2B96;	
}
.ImgLinkBlock.color1 li a {
	display: flex;
	align-items: center;
}
.color1 dt {
	color: #D7C6E3;	
}
.ImgLinkBlock.color1  h3{
	color:#ffffff;
}
.ImgLinkBlock.color1 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color1 dd{
	color:#ffffff;
}


/* color2  */
.color2  {
	background-color: #F3B300;	
}
.ImgLinkBlock.color2 li a {
	display: flex;
	align-items: center;
}
.color2 dt {
	color: #826D14;	
}
.ImgLinkBlock.color2  h3{
	color:#312D15;
}
.ImgLinkBlock.color2 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color2 dd{
	color:#312D15;
}

/* color3  */
.color3  {
	background-color: #EC8484;	
}
.ImgLinkBlock.color3 li a {
	display: flex;
	align-items: center;
}
.color3 dt {
	color: #FAE0E0;	
}
.ImgLinkBlock.color3  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color3 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color3 dd{
	color:#FFFFFF;
}

/* color4  */
.color4  {
	background-color: #1FA2DC;	
}
.ImgLinkBlock.color4 li a {
	display: flex;
	align-items: center;
}
.color4 dt {
	color: #C7E8F6;	
}
.ImgLinkBlock.color4  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color4 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color4 dd{
	color:#FFFFFF;
}

/* color5  */
.color5  {
	background-color: #2A2C7F;	
}
.ImgLinkBlock.color5 li a {
	display: flex;
	align-items: center;
}
.color5 dt {
	color: #CACADF;	
}
.ImgLinkBlock.color5  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color5 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color5 dd{
	color:#FFFFFF;
}

/* color6  */
.color6  {
	background-color: #1BB8B7;	
}
.ImgLinkBlock.color6 li a {
	display: flex;
	align-items: center;
}
.color6 dt {
	color:  #C6EDED;	
}
.ImgLinkBlock.color6  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color6 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color6 dd{
	color:#FFFFFF;
}

/* color7  */
.color7  {
	background-color: #166164;	
}
.ImgLinkBlock.color7 li a {
	display: flex;
	align-items: center;
}
.color7 dt {
	color: #C5D7D8;	
}
.ImgLinkBlock.color7  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color7 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color7 dd{
	color:#FFFFFF;
}

/* color8  */
.color8  {
	background-color: #DC3F42;	
}
.ImgLinkBlock.color8 li a {
	display: flex;
	align-items: center;
}
.color8 dt {
	color: #F6CFD0;	
}
.ImgLinkBlock.color8  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color8 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color8 dd{
	color:#FFFFFF;
}

/* color9  */
.color9  {
	background-color: #21B54F;	
}
.ImgLinkBlock.color9 li a {
	display: flex;
	align-items: center;
}
.color9 dt {
	color: #C7ECD3;	
}
.ImgLinkBlock.color9  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.color9 dl{
	margin-bottom: 20px;
}
.ImgLinkBlock.color9 dd{
	color:#FFFFFF;
}

/* story01  */
.story01  {
	background-color: #0070C0;	
}
.ImgLinkBlock.story01 li a {
	display: flex;
	align-items: center;
}
.ImgLinkBlock.story01  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.story01 p{
	color:#FFFFFF;
	margin-bottom: 20px;
}

/* story02  */
.story02  {
	background-color: #168B5B;	
}
.ImgLinkBlock.story02 li a {
	display: flex;
	align-items: center;
}
.ImgLinkBlock.story02  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.story02 p{
	color:#FFFFFF;
	margin-bottom: 20px;
}

/* story03  */
.story03  {
	background-color: #FD5273;	
}
.ImgLinkBlock.story03 li a {
	display: flex;
	align-items: center;
}
.ImgLinkBlock.story03  h3{
	color:#FFFFFF;
}
.ImgLinkBlock.story03 p{
	color:#FFFFFF;
	margin-bottom: 20px;
}

/* sustainablesociety/index */
.box-text h3{
	font-weight: bold;
}


@media screen and (max-width: 994px) {
	
	.ImgLinkBlock.color1 li a,
	.ImgLinkBlock.color2 li a,
	.ImgLinkBlock.color3 li a,
	.ImgLinkBlock.color4 li a,
	.ImgLinkBlock.color5 li a,
	.ImgLinkBlock.color6 li a,
	.ImgLinkBlock.color7 li a,
	.ImgLinkBlock.color8 li a,
	.ImgLinkBlock.color9 li a,
	.ImgLinkBlock.story01 li a,
	.ImgLinkBlock.story02 li a,
	.ImgLinkBlock.story03 li a {
		flex-direction: column;
	}

}