@charset "utf-8";

@media print, screen and (min-width:768px){
.mainVisual{
display: block;
text-align:center;
}
.mainVisual a{
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out;
}
.mainVisual a:hover{
opacity:.7;
}
.mainVisual>h1>.block>img{
max-width:100%;
}
.str-outer{
padding-top:70px !important;
letter-spacing:0;
line-height:1.6;
}
.contentAreaType01{
margin-top:70px;
padding-top:0;
padding-bottom:0;
background-color:#fff;
}
.contentAreaType01:first-child{
margin-top:0;
}
.contentInner{
padding-top:0;
}
.contentAreaType01 .contentTitle{
margin-bottom:10px;
}
.bannerArea{
margin-top:70px;
padding-top:0;
background-color:#fff;
}
.bannerArea>.bannerAreaInner {
width:980px;
margin:0 auto;
}
.bannerArea .bannerItem+.bannerItem{
margin-top:25px;
}
.solutionList>li>.block{
display:block;
}
.solutionList>li>a{
outline:none;
}
.solutionList>li .solutionListDetail{
margin-bottom:5px;
}
.linkInfoList{
margin-top:.8em;
}
.topicsInner .topicsBox:not(.hasNoLink):hover::after{
display:none;
}
.topicsInner .topicsBox:not(.hasNoLink)>.block{
position:relative;
display:block;
height:100%;
}
.topicsInner .topicsBox:not(.hasNoLink)>a{
outline:none;
}
.topicsInner .topicsBox:not(.hasNoLink)>a:hover::after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:3px solid #c00;
content:"";
}
}

@media only screen and (max-width:767px){
.mainVisual{
-webkit-justify-content:center;
justify-content:center;
text-align:center;
}
.mainVisual .block{
display:block;
}
.mainVisual>h1>.block>img{
max-width:100%;
}
.str-outer{
padding-top:35px !important;
letter-spacing:0;
line-height:1.6;
}
.contentAreaType01{
margin-top:35px;
padding-top:0;
padding-bottom:0;
background-color:#fff;
}
.contentAreaType01:first-child{
margin-top:0;
}
.contentInner{
padding:0;
}
.contentAreaType01 .contentTitle{
margin-bottom:10px;
}
.bannerArea{
margin-top:35px;
padding-top:0;
background-color:#fff;
}
.bannerArea .bannerItem+.bannerItem{
margin-top:15px;
}
.bannerArea .banner>img{
max-width:100%;
}
.solutionList>li>.block{
display:block;
}
.solutionList>li>a{
outline:none;
}
.solutionList>li .solutionListDetail{
margin-bottom:5px;
}
.linkInfoList{
margin-top:.8em;
}
.topicsInner .topicsBox:not(.hasNoLink)>.block{
position:relative;
display:block;
height:100%;
}
.topicsInner .topicsBox:not(.hasNoLink)>a{
outline:none;
}
}

@media print{
}