@charset "utf-8";
/* CSS Document */
@media (min-width:768px) and (max-width:1024px) {
 .wp-container {
 box-sizing: border-box;
 margin: 0;
 width: 100%;
}
.wp-header-left {
 box-sizing: border-box;
 padding-left: 15px;
 width: 25%;
}
 .wp-header-right {
 box-sizing: border-box;
 padding-right: 15px;
 width: 75%;
}
nav a {
 padding: 0 15px;
 width: auto;
}
.banner-block.first-banner > p {
 margin-top: 100px;
}
.middle-block {
 box-sizing: border-box;
 display: block;
 width: 48%;
}
.middle-img-section {
 float: none;
 margin-bottom: 10px;
 margin-right: 0;
 width: 100%;
}
.middle-text-section {
 float: none;
 width: 100%;
}
.footer-link-block {
 box-sizing: border-box;
 width: 23%;
}
.footer-link-block-middle {
 box-sizing: border-box;
 width: 46%;
}
.footer-link-block-middle li {
 width: 46%;
}
}
@media (min-width:481px) and (max-width:767px) {
 .wp-container {
 box-sizing: border-box;
 margin: 0;
 width: 100%;
}
.wp-header-left {
 display: block;
 text-align: center;
 width: 100%;
}
.wp-header-right {
 width: 100%;
}
.contact-specs {
 padding-bottom: 5px;
 text-align: center;
}
 .contact-specs ul li {
 margin-bottom: 10px;
}
.banner-block {
 background-size: auto 100%;
 box-sizing: border-box;
 height: auto;
 padding: 20px;
}
.square-block {
 box-sizing: border-box;
 float: none;
 height: auto;
 text-align: center;
 width: 100%;
}
.banner-block.first-banner > p {
 display: block;
 margin: inherit;
 text-align:center;
}
.middle-block.middle-block-margin {
 float: none;
 margin-right: 0;
}
.middle-block {
 width: 100%;
}
.middle-img-section {
 float: none;
 margin-bottom: 10px;
 margin-right: inherit;
 width: 100%;
}
.middle-text-section {
 float: none;
 width: 100%;
}
.middle-text-section > a {
 display: block;
 float: none;
 font-size: 14px;
 font-weight: bold;
 line-height: 40px;
 text-align: center;
}
.footer-link-block, .footer-link-block-middle {
 box-sizing: border-box;
 float: none;
 margin-left: 0;
 width: 100%;
}
.footer-link-block-middle li {
 width:100%;
}
.footer-link-block-middle li:nth-last-child(2) a {
 border-bottom: 1px dotted #bbbaba;
}
.mobile-arrange {
 padding-left:15px;
 box-sizing: border-box;
}
.footer-bottom {
 text-align: center;
}
.footer-bottom li {
 padding: 10px 0;
}
.footer > p {
 line-height: 22px;
 padding: 10px 0;
}
nav li a {
 border-bottom: 1px solid #b7c9d9;
 line-height:40px;
}
.footer-link h3, .footer-link-block-middle h3 {
 padding-left:15px;
}
.footer {
 padding: 0 20px;
}
nav ul {
 height:40px;
}
}
@media (min-width:320px) and (max-width:480px) {
 .wp-container {
 box-sizing: border-box;
 margin: 0;
 width: 100%;
}
.wp-header-left {
 display: block;
 text-align: center;
 width: 100%;
}
.wp-header-right {
 width: 100%;
}
.contact-specs {
 padding-bottom: 5px;
 text-align: center;
}
 .contact-specs ul li {
 margin-bottom: 10px;
}
.banner-block {
 background-size: auto 100%;
 box-sizing: border-box;
 height: auto;
 padding: 20px;
}
.square-block {
 box-sizing: border-box;
 float: none;
 height: auto;
 text-align: center;
 width: 100%;
}
.banner-block.first-banner > p {
 display: block;
 margin: inherit;
 text-align:center;
}
.middle-block.middle-block-margin {
 float: none;
 margin-right: 0;
}
.middle-block {
 width: 100%;
}
.middle-img-section {
 float: none;
 margin-bottom: 10px;
 margin-right: inherit;
 width: 100%;
}
.middle-text-section {
 float: none;
 width: 100%;
}
.middle-text-section > a {
 display: block;
 float: none;
 font-size: 14px;
 font-weight: bold;
 line-height: 40px;
 text-align: center;
}
.footer-link-block, .footer-link-block-middle {
 box-sizing: border-box;
 float: none;
 margin-left: 0;
 width: 100%;
}
.footer-link-block-middle li {
 width:100%;
}
.footer-link-block-middle li:nth-last-child(2) a {
 border-bottom: 1px dotted #bbbaba;
}
.mobile-arrange {
 padding-left:15px;
 box-sizing: border-box;
}
.footer-bottom {
 text-align: center;
}
.footer-bottom li {
 padding: 10px 0;
}
.footer > p {
 line-height: 22px;
 padding: 10px 0;
}
nav li a {
 border-bottom: 1px solid #b7c9d9;
 line-height:40px;
}
.footer-link h3, .footer-link-block-middle h3 {
 padding-left:15px;
}
.footer {
 padding: 0 20px;
}
}