@charset "UTF-8";
/* CSS Document */
p {
line-height: 2em;
}
.ttl-m {
margin-bottom: 24px;
}
.hero-content {
background: url("../img/fv.jpg") no-repeat top center;
background-size: cover;
position: relative;
}
.hero-txt {
position: absolute;
width: 100%;
}
.hero-txt h2 {
line-height: 2em;
}
#News ul a {
display: block;
color: #1E62D9;
padding: 10px;
text-align: left;
border-bottom: dotted 1px #1E62D9;
}
#News ul {
max-width: 560px;
margin: 24px auto 0;
}
.service {
background: url("../img/service_bg.jpg") no-repeat top center;
padding-bottom: 72px;
}
.s-block {
max-width: 1024px;
width: 94%;
margin: 0 auto;
}
.s-img {
max-width: 280px;
width: 90%;
}
.s-desc {
text-align: right;
padding: 24px;
}
.s-desc h3{
margin: 16px 0;
font-size: 18px;
font-weight: bold;
}
.s-desc .btn-w{
margin-right: 0;
}
.logo-reform {
width: 200px;
margin: 16px auto;
margin-right: 0;
}
.about-img {
max-width: 560px;
margin: 24px auto;
}
@media screen and (max-width: 380px){
.hero-pc-dn {
display: block;
}
}
@media screen and (min-width: 381px) {
.hero-pc-dn {
display: none;
}
}
@media screen and (max-width: 560px){
.hero-content {
padding: 250px 0;
}
.s-img {
width: 65%;
margin-bottom: 200px;
}
#News a span{
display: block;
}
}
@media screen and (min-width: 561px) {
.hero-content {
padding: 400px 0;
}
.s-img {
margin: 36px 36px 80px;
}
}

@media (min-width:561px) and (max-width:959px){
}

@media screen and (max-width: 959px){
main {
padding-bottom: 24px;
}
.inner {
padding: 24px 0;
}
.hero-txt {
bottom: 36px;
left: 50%;
transform: translateX(-50%);
}
.s-block {
width: 90%;
}
.service-item {
margin-bottom: 16px;
}
}

@media screen and (min-width: 960px){
main {
padding-bottom: 36px;
}
.inner {
padding: 48px 0;
}
.hero-txt {
bottom: 80px;
left: 10%;
text-align: left;
}
.hero-txt h1{
margin-bottom: 36px;
}
.s-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.service-item:first-child {
width: 100%;
margin-bottom: 24px;
}
.service-item:nth-child(2),
.service-item:nth-child(3) {
width: 46%;
}
}
@media screen and (min-width: 1281px){
}
@media screen and (min-width: 1441px){
}