@charset "UTF-8";

/*
* 05_platform.css
*
*/

/* #mirai.05_platform
---------------------------------------------------------- */
#mirai .bg-gray02 {
background-color: #efefef !important;
}
#mirai .arw01{
display: inline-block;
padding-right: 20px;
}
#mirai #categoryVisual-story {
background-image: url(../img/05_platform-visual.jpg);
background-position: center center;
background-repeat: no-repeat;
}
#mirai #categoryVisual-story h1 img.pc {
max-width: 100%;
height: 320px;
margin-left: auto;
margin-right: auto;
}
#mirai .copy {
background-color: #e0e0e7;
font-size: 20px;
color: #1d2088;
}
#mirai 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 ol.list {
margin-right: -35px;
}
#mirai ol.list li {
width: 465px;
float: left;
margin-right: 35px;
margin-bottom: 3em;
}
#mirai ol.list li h3 {
font-size: 25px
}
#mirai section.txt-block {
background-color: #FFFFFF;
border: 1px solid #e7e7e7;
padding: 2em;
}
#mirai section.txt-block h3{
font-size: 29px;
margin-bottom: .5em;
}
#mirai .txt-block.left {
width: 50%;
float: left;
}
#mirai .img-block.right {
float: right;
width: 45%;
}
#mirai figcaption{
margin-top: 0.5em;
line-height: 1.2em;
}
#mirai.platform .careplus-text {
width:50%;
float: left;
}
#mirai.platform .careplus-logo {
width:50%;
float: left;
margin-top:30px;
text-align:center;
}
#mirai.platform .careplus-logo img {
width:300px;
}

@media screen and (max-width:767px) and (min-width:1px) {
#mirai section img{
 width: 100%;
 }
#mirai ol.list {
margin-right: 0px;
}

#mirai section.txt-block {
padding: 2em 1em;
}
#mirai ol.list li,
#mirai .txt-block.left,
#mirai .img-block.right{
width: 100%;
margin-right: 0px;
float: none;
}
#mirai figcaption{
text-align: center;
}
#mirai.platform .careplus-text {
width:100%;
float: left;
}
#mirai.platform .careplus-logo {
float: left;
width:100%;
margin-top:5px;
text-align:left;
}

}