@charset "utf-8";
#bg_main_image {
	background-image: url(../img/img_main.jpg);
}


@media screen and (min-width:1025px) {
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
}

@media print, screen and (min-width: 751px) {
#features{
margin-top: 70px;
}
#features > ul{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
#features > ul > li{
background-color: #F4F4F4;
color: #004DA0;
font-weight: bold;
text-align: center;
padding: 20px 10px;
width: 24%;
}
#features > ul > li .icon{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto 10px;
padding-bottom: 30.4%;
width: 30.4%;
}
#features > ul > li:nth-child(1) .icon{
background-image: url(../img/icon_features01.png);
}
#features > ul > li:nth-child(2) .icon{
background-image: url(../img/icon_features02.png);
}
#features > ul > li:nth-child(3) .icon{
background-image: url(../img/icon_features03.png);
}
#features > ul > li:nth-child(4) .icon{
background-image: url(../img/icon_features04.png);
}


#service{
margin-top: 60px;
}
#service_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
#service_list > dl{
background-color: #F4F4F4;
color: #004DA0;
font-size: 13px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 15px;
padding: 20px;
width: 49.3%;
}
#service_list > dl > dt{
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
#service_list > dl:nth-child(3) > dd{
text-align: center;
}


.image_wide{
margin: 0 -60px;
}
.image_wide img{
height: auto;
width: 100%;
}

.sub_head + p{
margin-top: 20px;
}

#low_price,
#standard,
#various{
margin-top: 60px;
}
#low_price .tbl table,
#standard .tbl table{
margin-top: 20px;
}
#low_price .tbl > table td,
#standard .tbl > table td{
vertical-align: middle;
text-align: center;
}

#various .image_list{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
#various .image_list > .image{
width: 47.9%;
}
#various .image_list > .image img{
height: auto;
width: 100%;
}

}

@media screen and (max-width: 750px) {
#main_heading p{
padding: 0 20px;
}
#features{
margin-top: 35px;
}
#features > ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#features > ul > li{
background-color: #F4F4F4;
color: #004DA0;
font-weight: bold;
font-size: 13px;
text-align: center;
padding: 20px 10px;
margin-top: 15px;
width: 48%;
}
#features > ul > li .icon{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto 10px;
padding-bottom: 30.4%;
width: 30.4%;
}
#features > ul > li:nth-child(1) .icon{
background-image: url(../img/icon_features01.png);
}
#features > ul > li:nth-child(2) .icon{
background-image: url(../img/icon_features02.png);
}
#features > ul > li:nth-child(3) .icon{
background-image: url(../img/icon_features03.png);
}
#features > ul > li:nth-child(4) .icon{
background-image: url(../img/icon_features04.png);
}


#service{
margin-top: 30px;
}
#service_list{
margin-top: 20px;
}
#service_list > dl{
background-color: #F4F4F4;
color: #004DA0;
font-size: 13px;
margin-top: 15px;
padding: 20px;
}
#service_list > dl > dt{
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
#service_list > dl:nth-child(3) > dd,
#service_list > dl:nth-child(4) > dd{
text-align: center;
}



.image_wide{
margin: 0 -20px;
}
.image_wide img{
height: auto;
width: 100%;
}

.sub_head + p{
margin-top: 20px;
}

#low_price,
#standard,
#various{
margin-top: 60px;
}
#low_price .tbl table,
#standard .tbl table{
margin-top: 20px;
}
#low_price .tbl > table td,
#standard .tbl > table td{
vertical-align: middle;
text-align: center;
}

#various .image_list{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
#various .image_list > .image{
width: 47.9%;
}
#various .image_list > .image img{
height: auto;
width: 100%;
}
}