@charset "utf-8";
/*================================
sub header
================================*/
.subhd{
	background: #D1F5D6 url("../img/manga/header_img.png") no-repeat bottom 30px right 80px / 170px auto;
}
.subbnr{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1204px;
  margin: 0 auto 70px;
}
.subbnr .bnr {
    max-width: 520px;
    width: 100%;
    margin: 10px;
}
.tab_item{
	width: calc(100%/4);
}
.tab_item a {
  font-size: 20px;
}
/*================================
/manga/
================================*/
.manga_image{
	width:70%;
	margin: 0 auto 60px;
}
.manga_arw {
	margin: 0 auto 60px;
}
.manga_arw img{
	height:80px;
}
.subcol.aboutcol .feature_list{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.feature_list_item{
	width: 48%;
}
.feature_list_item:first-child{
	width: 100%;
	margin-bottom: 20px;
}
.feature_list_item:first-child figure{
	width: 50%;
	margin: auto;
}
.feature_list_item figcaption{
	font-size: 16px;
	font-weight: bold;
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN","Hiragino Sans",YuGothic,"Yu Gothic",Meiryo,sans-serif;
	line-height: 1.2;
	margin-top: 10px;
	text-align: center;
}
.feature_list_item figcaption .blue{
	color: #009A49;
}
.feature_detail{
	margin-top: 60px;	
	padding: 60px;
	background: #ffffff;
	border-radius: 12px;
}
.aboutcol02{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.aboutcol02 .subcol_item{
	width: 70%;
}
.aboutcol02 .subcol_item02{
	width: 25%;
}
.aboutcol02 .subcol_item03{
	width: 100%;
	margin-top: 40px;
	padding: 40px 60px;
	background: #fdf6cd;
	border-radius: 12px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.aboutcol02 .subcol_item03 ul{
	width: 45%;
}
.aboutcol02 .subcol_item03 li{
	font-size: 16px;
	font-weight: bold;
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN","Hiragino Sans",YuGothic,"Yu Gothic",Meiryo,sans-serif;
	line-height: 1.2;
	padding-left: 1em;
	margin-bottom: 15px;
}
.aboutcol02 .subcol_item03 li:last-child{
	margin-bottom: 0;
}
.aboutcol02 .subcol_item03 li span.normal{
	display: inline-block;
	font-weight: normal;
	line-height: 1.5;
}
.aboutcol02 .subcol_item03 li p.normal{
	font-weight: normal;
	line-height: 1.5;
	margin-top: 5px;
}
.aboutcol02 .subcol_item03 li::before{
	content: '●';
	color: #009A49;
	display: inline-block;
	text-indent: -1em;
}
.aboutcol02 .subcol_item03 figure{
	width: 50%;
}
.subttl03{
	font-size: 28px;
    font-weight: bold;
	font-family: YakuHanJP,"Hiragino Kaku Gothic ProN","Hiragino Sans",YuGothic,"Yu Gothic",Meiryo,sans-serif;
    color: #009A49;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 25px;
	line-height: 1.4em;
}
.sec02{
	margin-top: 60px;
	background: #fdf6cd;
	padding: 80px 60px;
	border-radius: 12px;
	margin-bottom: 40px;
}
.sec_box{
	margin:80px auto 0px; 
}
.integra_box{
	color: #646b6f;
}
.integra_box ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.integra_box li:first-child{
	margin-right: 20px;
}
.integra_box li a:hover img{
	opacity: .5;
}
.subtxt span{
	display: inline-block;
	font-size: 14px;
}
@media only screen and (max-width: 1024px) {
	.subhd{
		background: #D1F5D6 url(../img/manga/header_img.png) no-repeat bottom 30px right 3% / 130px auto;
	}
	.subcol{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.subcol .subtxt{
		margin-bottom: 20px;
	}
	.subcol.aboutcol .subcol_item{
		margin: 20px auto 0;
	}
	.feature_list_item figcaption{
		font-size: 15px;
	}
	.feature_detail{
		margin-top: 20px;
		padding: 20px 3%;
	}
	.aboutcol02 .subcol_item{
		width: 100%;
	}
	.aboutcol02 .subcol_item02{
		width: 70%;
		margin: auto;
	}
	.aboutcol02 .subcol_item03{
		padding: 30px 3%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.aboutcol02 .subcol_item03 ul{
		width: 100%;
	}
	.aboutcol02 .subcol_item03 li{
		font-size: 13px;
		margin-bottom: 10px;
	}
	.aboutcol02 .subcol_item03 figure{
		width: 100%;
		margin-top: 20px;
	}
	.subtxt.mgb{
		text-align: left;
	}
	.subbnr{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px;
	}
	.subbnr .bnr{
		margin: 0 auto 10px;
	}
	.subft .subbnr{
		width: 94%;
		margin: 0 auto 40px;
	}
	/*================================
	/manga/
	================================*/
	.manga_image{
		width: 100%;
		margin: 0 auto 15px;
	}
	.manga_arw {
		margin: 0 auto 15px;
	}
	.manga_arw img{
		height: 37.5px;
	}
	.subttl03{
		font-size: 20px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		line-height: 1.4em;
	}
	.sec02{
		margin-top: 20px;
		padding: 40px 4%;
		margin-bottom: 20px;
	}
	.sec_box{
		margin:30px auto 0px; 
	}
	.integra_box{
		padding: 0;
	}
	.integra_box ul{
		width: 100%;
	}
	.integra_img{
		max-width: 120px;
		margin-right: 3%;
	}
	.integra_txt{
		width: 65%;
	}
	.integra_txt .subtxt{
		font-size: 12px;
	}
	.integra_box li:first-child{
		margin-right: 10px;
	}
	.subtxt span{
		font-size: 10px;
		display: block;
		line-height: 1.3;
	}
  .tab {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .tab_item {
    width: calc(100%/2);
  }
  .tab_item:not(:last-child) {
    margin-right: 0;
  }
  .tab_item a {
    font-size: 14px;
  }
  .tab_01 a{
    border-right: 1px solid #009A49;
  }
  .tab_02 a{
    border-left: 1px solid #009A49;
  }
  .tab_03 a{
    border-right: 1px solid #009A49;
    border-radius: 0px;
  }
  .tab_04 a{
    border-left: 1px solid #009A49;
    border-radius: 0px;
  }
  .tab.down .tabdown_01 a{
    border-radius: 0px;
    border-right: 1px solid #009A49;
  }
  .tab.down .tabdown_02 a{
    border-radius: 0px;
    border-left: 1px solid #009A49;
  }
  .tab.down .tabdown_03 a{
    border-right: 1px solid #009A49;
  }
  .tab.down .tabdown_04 a{
    border-left: 1px solid #009A49;
  }
}