@charset "UTF-8";

/*
 * 00_index.css
 *
 */

/* #mirai.00_index
---------------------------------------------------------- */
#mirai.index #categoryVisual-story {
background-image: url(../img/00_index_heroimg.jpg);
background-position: center center;
background-repeat: no-repeat;
}
#mirai.index #categoryVisual-story h1 img.pc {
max-width: 100%;
height: 380px;
margin-left: auto;
margin-right: auto;
}
.h-ttl02{
margin-bottom: 0em !important
}
.boxLinks-section{
padding-top: 0 !important;
}
.boxLinks li {
background-color: #FFFFFF !important;
margin-bottom: 20px;
height: 150px;
}
.boxLinks li img {
width: 100%;
}
.boxLinks li span {
/*height: 100px;*/
width: 480px;
font-size: 14px;/*20px*/
line-height: 1.3;/*1*/
}
.boxLinks li span i.sub-text { /* 20190304 */
font-size: 70%;
font-style: normal;
}
.boxLinks li a {
color: #007aff;
}
@media screen and (mim-width:769px) {
	.boxLinks.line-2 li {
	width: 480px;
	height: 290px;
	}
}
#main_contents2 .ttl-List li,
#main_contents2 .ttl-List li a {
width: 100%;
}
#main_contents2 .ttl-List {
margin-top: 0px;
}

@media screen and (max-width:767px) and (min-width:1px) {
#mirai.index section.contents {
top: 100px;
padding-bottom: 100px;
}
#categoryVisual,
#categoryVisual.open {
background-image: none;
}
.boxLinks li {
height: auto;
}
.boxLinks li span {
font-size: 16px;
height: 60px;
}

}

@media screen and (max-width:435px) {
.boxLinks li {
margin-bottom: 20px;
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
}
.boxLinks li span {
font-size: 16px;
height: 50px;/* 20191002 36px */
padding-top: 2px;
/* 20191002 width: initial;  */
line-height: 1.3;/* 20191002 */ 
}
.boxLinks.line-2 li{
width: 100%;
height: auto;
margin-bottom: 20px;
}

}