@charset "UTF-8";

/*
 * 02_datacenter.css
 *
 */

/* #mirai.01_shasai
---------------------------------------------------------- */
#mirai.datacenter #categoryVisual-story {
background-image: url(../img/02_datacenteri-visual.jpg);
background-position: center center;
background-repeat: no-repeat;
}

#mirai.datacenter #categoryVisual-story h1 img.pc {
max-width: 100%;
height: 320px;
margin-left: auto;
margin-right: auto;
}

#mirai.datacenter .copy {
background-color: #e0e0e7;
font-size: 20px;
color: #1d2088;
}

#mirai.datacenter h2.ttl {
color: #0048ff;
font-size: 30px;
border-bottom: 2px solid #0D48FF;
display: inline-block;
line-height: normal;
margin-bottom: 1em;
padding-bottom: 0.4em;
margin-top: 0.5em;
}

#mirai.datacenter .img01 {
width: 980px;
height: 763px;
background-image: url(../img/01_shasai-img01.png);
background-size: cover;
}

#mirai.datacenter .txtBox01 {
width: 320px;
}

@media screen and (max-width:767px) and (min-width:1px) {
#mirai.datacenter .w320 {
width: 100% !important;
}
}