@charset "utf-8";
/*
Theme Name: wp_EAGLE
Author: Eagle Kensetsu
Version: 1.0
*/

/* reset設定
--------------------------------------------------------------------------*/
* {width: auto; height: auto; margin: 0; padding: 0; border: 0; color: #3D554F; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; text-decoration: none; vertical-align: baseline; line-height: 1; list-style-type: none; box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word;}
strong, span, small, time, address, b {color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
del {text-decoration: line-through;}
small {font-size: 80%;}
a img {width: inherit; height: inherit;}
input:focus, button:focus-visible, select:focus-visible {outline: none;}
@media (max-width: 1229px) {
  * {font-size: 14px;}
}

/* 共通設定
--------------------------------------------------------------------------*/
html {background-color: #FFF; scroll-behavior: smooth; scroll-padding-top: 15px;}
body {position: relative; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #FFF;}
header #hamburger {display: none;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.cover, .contain {display: inline-block; width: 100%; height: 240px; background: center / cover no-repeat transparent;}
.contain {background-size: contain;}
.container {position: relative; z-index: 1; width: 100%; max-width: 1200px; margin: 0 auto;}
.dispFlex {display: flex; flex-direction: row; gap: 30px;}
.dispNone {display: none;}
.calcArea2 {width: calc(50% - 30px * 1 / 2);}
.calcArea3 {width: calc(33.333% - 30px * 2 / 3);}
.calcArea4 {width: calc(25% - 30px * 3 / 4);}
.textArea {padding-top: 30px; line-height: 1.8;}
.googleMap {position: relative; z-index: 9; width: 100%; height: 450px;}
.googleMap iframe {width: 100%; height: inherit;}
.grecaptcha-badge {visibility: hidden;}
.imgArea {position: relative;}
.imgArea img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
::before, ::after {position: absolute; top: 0; left: 0; display: block; background: center / cover no-repeat;}
.tbView, .tbsView {display: none;}
@media (min-width: 1230px) {
  .bodyWrap {width: 100%; max-width: 1920px; margin: 0 auto;}
  a {transition: all 0.3s ease; opacity: 1;}
  a:hover {transition: all 0.3s ease; opacity: 0.6;}
}
@media (max-width: 1229px) and (min-width: 992px) {
  .cover, .contain {height: 200px;}
  .container {max-width: 970px;}
  .dispFlex {gap: 25px;}
  .calcArea2 {width: calc(50% - 25px * 1 / 2);}
  .calcArea3 {width: calc(33.333% - 25px * 2 / 3);}
  .calcArea4 {width: calc(25% - 25px * 3 / 4);}
  .textArea {padding-top: 25px;}
  .googleMap {height: 400px;}
  .tbView {display: block;}
}
@media (max-width: 991px) {
  .googleMap {height: 350px;}
}
@media (max-width: 991px) and (min-width: 768px) {
  .cover, .contain {height: 160px;}
  .container {max-width: 750px;}
  .dispFlex {gap: 20px;}
  .calcArea2 {width: calc(50% - 20px * 1 / 2);}
  .calcArea3 {width: calc(33.333% - 20px * 2 / 3);}
  .calcArea4 {width: calc(25% - 20px * 3 / 4);}
  .textArea {padding-top: 20px;}
  .tbsView {display: block;}
}
@media (min-width: 768px) {
  .mpView {display: none;}
}
@media (max-width: 767px) {
  .cover, .contain {display: block; width: 100%; max-width: 450px; height: 200px; margin: 0 auto;}
  .container {max-width: 450px; padding: 0 15px;}
  .dispFlex {gap: 15px;}
  .calcArea2, .calcArea3 {width: 100%;}
  .calcArea4 {width: calc(50% - 15px * 1 / 2);}
  .textArea {padding-top: 15px; line-height: 1.6;}
  .pcView {display: none;}
}
@media (min-width: 361px) {
  .mpsView {display: none;}
}
@media (max-width: 360px) {
  .cover, .contain {height: 160px;}
}