@charset "UTF-8";

*,
*::before,
*::after {
box-sizing: border-box; } .site-footer .footer-contact {
background: url(//www.itoden.co.jp/wp/wp-content/themes/itoden/assets/img/itoden_footer_pc_contact_bg.png) center/cover no-repeat;
padding-top: 60px;
padding-bottom: 80px;
color: #fff;
text-align: center; }
.site-footer .footer-contact .page-content {
width: 1000px; }
.site-footer .footer-contact .page-content .section-title {
color: #fff; }
.site-footer .footer-contact .page-content hr {
width: 40px;
margin-top: 8px; }
.site-footer .footer-contact .page-content .contact-boxes {
max-width: 740px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
margin: 40px auto 0; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact .contact-box {
width: 340px;
height: 100px;
display: flex;
align-items: center;
background-color: #009966;
color: #fff;
padding: 0 20px;
border-radius: 4px;
text-decoration: none; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact .contact-box .icon {
width: 45px;
height: auto;
margin-right: 14px;
margin-left: 0px; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact .contact-box .label {
font-weight: bold;
font-size: 2.0rem; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .contact-box {
display: flex;
align-items: center;
background: #fff;
border-radius: 6px;
padding: 0 20px;
width: 340px;
height: 100px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-decoration: none;
color: #333;
gap: 16px; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .contact-box .icon {
width: 32px;
height: auto;
flex-shrink: 0;
margin-left: 10px;
margin-right: 14px; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .tel-info {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .tel-info .tel-number {
text-align: center;
font-size: 2rem;
font-weight: bold;
margin: 0 0 4px; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .tel-info .tel-hours {
text-align: center;
font-size: 1.6rem;
color: #666;
margin: 0; }
.site-footer .footer-bottom {
background-color: #d7f0e5;
padding-top: 40px;
padding-bottom: 20px;
text-align: center; }
.site-footer .footer-bottom .page-content {
width: 1000px; }
.site-footer .footer-bottom .page-content .footer-logo {
margin-bottom: 40px; }
.site-footer .footer-bottom .page-content .footer-logo img {
width: 260px;
height: auto; }
.site-footer .footer-bottom .page-content .footer-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 50px;
margin-bottom: 15px; }
.site-footer .footer-bottom .page-content .footer-nav li a {
font-size: 1.6rem;
color: #333;
text-decoration: none;
font-weight: 500; }
.site-footer .footer-bottom .page-content .footer-nav li a:hover {
text-decoration: underline; }
.site-footer .footer-bottom .page-content .copyright {
margin-top: 20px;
font-size: 1.2rem;
color: #333; }
.site-footer .footer-line {
height: 10px;
background-color: #2ea965;
width: 100%; } @media screen and (max-width: 768px) {
.site-footer .footer-contact {
background: url(//www.itoden.co.jp/wp/wp-content/themes/itoden/assets/img/itoden_footer_pc_contact_bg.png) center/cover no-repeat;
padding-top: 40px;
padding-bottom: 60px;
color: #fff;
text-align: center; }
.site-footer .footer-contact .page-content {
width: 98vw; }
.site-footer .footer-contact .page-content .section-title {
color: #fff; }
.site-footer .footer-contact .page-content hr {
width: 40px;
margin-top: 8px; }
.site-footer .footer-contact .page-content .contact-boxes {
width: 90%;
display: flex;
flex-direction: column;
gap: 30px;
margin: 40px auto 0; }
.site-footer .footer-contact .page-content .contact-boxes .contact-box {
width: 90%;
margin: 0 auto;
height: 100px;
display: flex;
align-items: center;
border-radius: 4px;
text-decoration: none;
padding: 0 20px;
justify-content: center; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact {
width: 100%; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact .contact-box {
width: 100%;
background-color: #009966;
color: #fff; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact .contact-box .icon {
width: 45px;
height: auto;
margin-right: 14px;
margin-left: 0px; }
.site-footer .footer-contact .page-content .contact-boxes .web-contact .contact-box .label {
font-weight: bold;
font-size: 2.0rem;
text-align: center; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact {
width: 100%; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .contact-box {
width: 100%;
background: #fff;
color: #333;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
gap: 16px; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .contact-box .icon {
width: 32px;
height: auto;
flex-shrink: 0;
margin-left: 10px;
margin-right: 14px; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .tel-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .tel-info .tel-number {
font-size: 2rem;
font-weight: bold;
margin: 0 0 4px; }
.site-footer .footer-contact .page-content .contact-boxes .tel-contact .tel-info .tel-hours {
font-size: 1.6rem;
color: #666;
margin: 0; }
.site-footer .footer-bottom {
background-color: #d7f0e5;
padding-top: 40px;
padding-bottom: 20px;
text-align: center; }
.site-footer .footer-bottom .page-content {
width: 98vw; }
.site-footer .footer-bottom .page-content .footer-logo {
margin-bottom: 40px; }
.site-footer .footer-bottom .page-content .footer-logo img {
width: 200px;
height: auto; }
.site-footer .footer-bottom .page-content .footer-nav {
width: 96%;
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 20px;
margin: 10px auto; }
.site-footer .footer-bottom .page-content .footer-nav li {
display: flex;
align-items: center;
height: 24px; }
.site-footer .footer-bottom .page-content .footer-nav li a {
font-size: 1.6rem;
color: #333;
text-decoration: none;
font-weight: 500; }
.site-footer .footer-bottom .page-content .footer-nav li a:hover {
text-decoration: underline; }
.site-footer .footer-bottom .page-content .copyright {
margin-top: 40px;
font-size: 1.2rem;
color: #333; }
.site-footer .footer-line {
height: 10px;
background-color: #2ea965;
width: 100%; } }