@charset "UTF-8";
/* ============== 共通とPC ================ */
#miraiDetailWrap {
	width: 1200px;
	margin: 100px auto 0 auto;
	padding: 0 10px;
}
#miraiDetailWrap img{
	width:100%;
}
.miraiDetail {
	width: 850px;
	min-height: 500px;
	margin: 30px 0 0 0;
	float: left;
}
.miraiDetail h2::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 24px;
	margin: -3px 10px 0 0;
	background: url(../_img_bg/icon_menu_miraikaigi.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.miraiDetail .article01, 
.miraiDetail .article02, 
.miraiDetail .article03,
.miraiDetail .article04,
.miraiDetail .article05,
.miraiDetail .article06 {
	padding: 0;
	margin: 0 0 30px 0;
}
.miraiDetail .article01 p, 
.miraiDetail .article02 p, 
.miraiDetail .article03 p,
.miraiDetail .article04 p,
.miraiDetail .article05 p,
.miraiDetail .article06 p{
	margin: 0 0 10px 0;
}
.miraiDetail .article01 img {
	width: 100%;
	height: auto;
	margin: 20px 0 15px 0;
}
.miraiDetail h5{
    color: #0099d3;
    font-size: 24px;
    margin-bottom:30px;
    border-bottom: 1px solid #0099d3;
    padding-bottom:10px;
}
.miraiDetail h3{
	margin: 0 0 15px 0;
	line-height: 1.5;
	font-weight: bold;
}
.miraiDetail h4{
    background-color: #19a3d7;
    color: #ffffff;
    font-size: 20px;
    padding: 8px 12px;
    margin:30px 0;
}
.miraiDetail .datePC{
	margin:10px 0 20px 0;
}
#developDetail .article02 img {
	width: 40%;
	height: auto;
	margin: 0 15px 15px 0;
	float: left;
}
#developDetail .article03 img {
	width: 40%;
	height: auto;
	margin: 0 0 15px 15px;
	float: right;
}
.borderBox{
	border:1px solid #00abdc;
	padding:15px;
	margin:20px 0;
}
.borderBox span{
	margin-bottom: 10px;
}

.youtube iframe {
    width: 100%;
    height: 520px;
    margin-top: 20px;
}

/* .fukidashi */
.fukidashi01{
  text-align: center;
  color:#fff;
  background-color: #74c847;
  width:80px;
  padding: 5px 20px;
  position: relative;
  margin:0 20px 10px 0;
}
.fukidashi01:after {
  border-left: 8px solid #74c847;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: '';
  margin-top: -7px;
  position: absolute;
  right: -8px;
  top: 50%;
}
.fukidashi02{
  text-align: center;
  color:#fff;
  background-color: #f4864a;
  width:80px;
  padding: 5px 20px;
  position: relative;
  margin:0 20px 10px 0;
}
.fukidashi02:after {
  border-left: 8px solid #f4864a;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: '';
  margin-top: -7px;
  position: absolute;
  right: -8px;
  top: 50%;
}
.fukidashi03{
  text-align: center;
  color:#fff;
  background-color: #20c0ba;
  width:80px;
  padding: 5px 20px;
  position: relative;
  margin:0 20px 10px 0;
}
.fukidashi03:after {
  border-left: 8px solid #20c0ba;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: '';
  margin-top: -7px;
  position: absolute;
  right: -8px;
  top: 50%;
}
.aBtn1.back a::before {
   content: "";
   display: inline-block;
   width: 18px;
   height: 14px;
   margin: 0 5px 0 0;
   background: url(../_img_bg/icon_back.png) no-repeat center center;
   background-size: contain;
   vertical-align: middle;
}
.fukidashiInner span{
	width:60px;
}
.fukidashiInner p{
	width:720px;
	float:right;
}
.fukidashiInner .mgnt10{
	width:100%;
	float:none;
}

/* miraikaigi01 */
#miraikaigi01 .article01 img,
.miraiDetail .article01 img{
	margin:0 0 10px 0;
}
#miraikaigi05 .article01 img,
.miraiDetail .article01 img{
	margin:0 0 10px 0;
}
#miraikaigi01 .article01 .fLeft,
#miraikaigi01 .article01 .fRight,
.miraiDetail .article01 .fLeft,
.miraiDetail .article01 .fRight{ 
  width:410px;
  margin:0 0 20px 0;
}
#miraikaigi05 .article01 .fLeft,
#miraikaigi05 .article01 .fRight,
.miraiDetail .article01 .fLeft,
.miraiDetail .article01 .fRight{ 
  width:410px;
  margin:0 0 20px 0;
}
/*miraikaigi_vol3_01,02*/
#miraikaigi_vol3_01 .fukidashi01,
#miraikaigi_vol3_01 .fukidashi02,
#miraikaigi_vol3_01 .fukidashi03,
#miraikaigi_vol3_02 .fukidashi01,
#miraikaigi_vol3_02 .fukidashi02,
#miraikaigi_vol3_02 .fukidashi03{
	font-size:13px;
}

/*miraikaigi_vol4_01,02*/
#miraikaigi_vol4_01 .box3 .fLeft,
#miraikaigi_vol4_02 .box3 .fLeft{
	width:260px;
	margin:0 10px 20px 10px;
	float:left;
}


/* ============== モバイル  ================ */
@media screen and (max-width: 800px) {
#miraiLeft {
	width: calc(100% - 10x);
	margin: 30px auto 0 auto;
	float: none;
}
.datePC {
	display: none;
}
#miraiDetailWrap {
	width: 100%;
	margin: 70px auto 0 auto;
	padding: 0;
}
.miraiDetail {
	width: calc(100% - 20px);
	min-height: 400px;
	margin: 20px 0 0 0;
	padding: 0 10px;
	float: none;
}
#miraiDetailWrap .breadcrumb {
	padding: 0 10px;
}
#miraiDetailWrap .ttl01 {
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.miraiDetail .article01 {
	padding: 0;
	margin: 20px 0;
}
.miraiDetail .article01 .ttl02 {
	margin: 15px 0 0 0;
}
.miraiDetail img,
.miraiDetail .article02 img, 
.miraiDetail .article03 img {
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
	margin: 0 0 15px 0;
}	

/*miraikaigi01*/
#miraikaigi01 .article01 .fLeft,
#miraikaigi01 .article01 .fRight,
.miraiDetail .article01 .fLeft,
.miraiDetail .article01 .fRight{
	float:none;
	width:100%;
}

.fukidashiInner span{
	width:40px;
}
.fukidashiInner p{
	width:100%;
	float:none;
}
	/* ------- 800 ---------- */
}