﻿/*-- 

	未来への扉 Ele
	/csr/miraihenotobira

====================================================== --*/
/*-- MiraihenoTobira --*/
/*-- ------------------------------------------------- --*/
#MiraihenoTobira{
	background:#fff;
}

#MiraihenoTobira .main02 p{
	font-size:25px;
}
#MiraihenoTobira .main02 h1{
  margin-bottom:20px;
}

#MiraihenoTobira .contents{
  padding-bottom:0px;
}
#MiraihenoTobira .MiraihenoTobira{
	margin-top:-229px ;
	position:relative;
}

#MiraihenoTobira .MiraihenoTobira .about{
  width:993px;
  margin:0px auto 76px;
  background:white;
  padding:20px 0px 0px;
}


#MiraihenoTobira .MiraihenoTobira .about figure{
  margin:10px 40px 0px 0px;
  padding:0px;
  width:350px;
  height:310px;
  box-shadow:0px 0px 10px rgba(0,0,0,0.15);
  border-radius:10px;
  position:relative;
  float:right;
}
#MiraihenoTobira .MiraihenoTobira .about figure img{
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
  top:0px;
  margin:auto;
}
#MiraihenoTobira .MiraihenoTobira .about dl{
  margin:0px 0px 30px 40px;
  width:500px;
}
#MiraihenoTobira .MiraihenoTobira .about dl dt{
  font-weight:normal;
  font-size:24px;
  line-height:36px;
  margin:0px 0px 8px;
}
#MiraihenoTobira .MiraihenoTobira .about dl dd p{
  font-size:13px;
  line-height:24px;
  margin:0px 0px 6px;
}
#MiraihenoTobira .MiraihenoTobira .about nav{
  width:530px;
  margin:0px auto;
}
#MiraihenoTobira .MiraihenoTobira .about .commonBtn02{
  text-align:center;
  padding-left:0px;
  padding-right:20px;
	background:url(../img/mark_more_hover.png) no-repeat 477px center black;
  color:white;
}
#MiraihenoTobira .MiraihenoTobira .about .commonBtn02:hover{
	color:#666;
  border-color:#ccc;
	background-color:#fff;
	background-image:url(../img/mark_more.png);
}



#MiraihenoTobira .MiraihenoTobira .catch{
  background:url(../../images/csr/miraihenotobira/catch_img.jpg) no-repeat center 141px;
  text-align:center;
  margin:0px 0px 54px;
}
#MiraihenoTobira .MiraihenoTobira .catch h2{
  height:570px;
  font-size:0px;
  margin:0px 0px 5px;
}
#MiraihenoTobira .MiraihenoTobira .catch p{
  font-size:13px;
  line-height:24px;
  color:#999;
}

#MiraihenoTobira .MiraihenoTobira .program{
  width:993px;
  margin:0px auto;
}
#MiraihenoTobira .MiraihenoTobira .program h2{
  text-align:center;
  margin:0px 0px 37px;
}
#MiraihenoTobira .MiraihenoTobira .program h3{
  border-radius:22px;
  height:25px;
  padding:10px 0px;
  text-align:center;
  width:138px;
  background:#f094bc;
  font-size:0px;
  margin:0px auto -22px;
  position:relative;
  z-index:10;
}
#MiraihenoTobira .MiraihenoTobira .program .block{
  border-radius:10px;
  position:relative;
  z-index:1;
  border:2px solid #f094bc;
  box-shadow:0px 0px 10px rgba(0,0,0,0.15);
}
#MiraihenoTobira .MiraihenoTobira .program .pickup{
  padding:63px 80px 44px;
  overflow:hidden;
  margin:0px 0px 42px;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup figure{
  margin:0px;
  padding:0px;
  float:left;
  width:324px;
  border-radius:10px;
  overflow:hidden;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup figure ~ dl{
  width:485px;
  margin:0px 0px 0px auto;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup dl{
}
#MiraihenoTobira .MiraihenoTobira .program .pickup dl dt{
  font-weight:normal;
  font-size:18px;
  line-height:24px;
  color:#000;
  margin:0px 0px 9px;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup dl dd p{
  font-size:14px;
  line-height:24px;
  color:#000;
  margin:0px 0px 50px;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup dl dd nav{
  width:321px;
  margin:0px auto;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup dl dd nav .commonBtn02{
  text-align:center;
  padding-left:0px;
  padding-right:20px;
	background:url(../img/mark_more_hover.png) no-repeat 205px center black;
  color:white;
}
#MiraihenoTobira .MiraihenoTobira .program .pickup dl dd nav .commonBtn02:hover{
	color:#666;
  border-color:#ccc;
	background-color:#fff;
	background-image:url(../img/mark_more.png);
}


#MiraihenoTobira .MiraihenoTobira .program .feature{
  padding:44px 40px 35px;
  margin:0px 0px 0px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol{
  overflow:hidden;
  margin:0px 0px 33px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li{
  float:left;
  width:279px;
  
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li h4{
  text-align:center;
  font-size:20px;
  font-weight:normal;
  line-height:30px;
  margin:0px 0px 30px;
  padding:68px 0px 0px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li:nth-of-type(1) h4{
  background:url(../../images/csr/miraihenotobira/feature_01.gif) no-repeat center top;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li:nth-of-type(2) h4{
  background:url(../../images/csr/miraihenotobira/feature_02.gif) no-repeat center top;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li:nth-of-type(3) h4{
  background:url(../../images/csr/miraihenotobira/feature_03.gif) no-repeat center top;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li:nth-of-type(2){
  margin:0px 36px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li figure{
  margin:0px 0px 27px;
  text-align:center;
  padding:0px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature ol li p{
  line-height:20px;
  font-size:13px;
}

#MiraihenoTobira .MiraihenoTobira .program .feature div{
  border-radius:10px;
  background:#fff2f8;
  padding:20px 0px 35px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div figure{
  margin:0px 0px 21px;
  text-align:center;
  padding:0px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div ul{
  margin:0px 80px 19px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div li{
  font-size:14px;
  line-height:24px;
  list-style:none;
  padding:0px 0px 0px 28px;
  position:relative;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div li::before{
  content:"●";
  color:#333;
  font-size:16px;
  line-height:24px;
  position:absolute;
  left:0px;
  top:0px;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div nav{
  width:321px;
  margin:0px auto;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div nav .commonBtn02{
  text-align:center;
  padding-left:0px;
  padding-right:20px;
	background:url(../img/mark_blank_hover.png) no-repeat 239px center black;
  color:white;
}
#MiraihenoTobira .MiraihenoTobira .program .feature div nav .commonBtn02:hover{
	color:#666;
  border-color:#ccc;
	background-color:#fff;
	background-image:url(../img/mark_blank.png);
}






#MiraihenoTobira .MiraihenoTobira .slash{
	margin:-136px 0px 0px;
	padding:200px 0px 421px;
	background:url(../img/slash_white_bottom02.png) no-repeat center top #f7fcff;
	background-size:auto auto,100% 100%;
}
#MiraihenoTobira .MiraihenoTobira .slash h2{
  text-align:center;
  font-weight:normal;
  font-size:30px;
  line-height:50px;
  color:#f094bc;
  margin:0px 0px 25px 0px;
}

#MiraihenoTobira .MiraihenoTobira .slash .voice{
  width:910px;
  margin:0px auto 71px;
  overflow:hidden;
}
#MiraihenoTobira .MiraihenoTobira .slash .voice li{
  float:left;
  width:280px;
}
#MiraihenoTobira .MiraihenoTobira .slash .voice li:nth-of-type(2){
  margin:0px 35px;
}
#MiraihenoTobira .MiraihenoTobira .slash .voice li figure{
  margin:0px 0px 23px;
}
#MiraihenoTobira .MiraihenoTobira .slash .voice li dt{
  font-weight:normal;
  font-size:18px;
  line-height:25px;
  margin:0px 0px 11px;
}
#MiraihenoTobira .MiraihenoTobira .slash .voice li dd{
  font-size:13px;
  line-height:20px;
}

#MiraihenoTobira .MiraihenoTobira .slash p{
  font-size:14px;
  line-height:26px;
  width:910px;
  margin:-15px auto 35px;
}
#MiraihenoTobira .MiraihenoTobira .slash .logos{
  text-align:center;
  font-size:0px;
	position:relative;
  z-index:100;
}
#MiraihenoTobira .MiraihenoTobira .slash .logos li{
  display:inline-block;
  margin:0px 15px;
}
#MiraihenoTobira .MiraihenoTobira .slash .logos li a{
  transition:opacity 300ms ease;
}
#MiraihenoTobira .MiraihenoTobira .slash .logos li a:hover{
	opacity:0.75;
}

#MiraihenoTobira .articleList{
	margin:-621px 0px 0px;
	padding:350px 0px 60px;
	background:url(../img/slash_gray_f6.png) no-repeat center top, url(../img/bg_gray_f6.png) no-repeat 0px 621px;
	background-size:auto auto,100% 100%;
	position:relative;
}



















