/*
Theme Name: UNIVERSAL
Theme URI: https://wordpress.org/themes/
Author: xxx team
Author URI: https://wordpress.org/
Description: none
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Marusa
Tags: none

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*-------------------------------------------
ベースコーディング
-------------------------------------------*/
/*文字コード*/
body, textarea{margin: 0; padding: 0; font-family:'Noto Sans JP',"Hiragino Kaku Gothic ProN"; overflow-x: hidden;}
input, select { font-family: 'Noto Serif JP', serif; }
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary{display:block;}
/*その他*/
ul{padding: 0; margin: 0;}
a img{transition: 0.5s;}
a img:hover{opacity: 0.8;}
.img-responsive{display: inline;}
#work .img-responsive{width: 100%;}
#cat .img-responsive{width: 100%;}
p,h1,h2,h3,h4{margin: 0;}
/*-------------------------------------------
全体構成
-------------------------------------------*/
html{background-color: #ffffff;}
/*wpデフォルト設定*/
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right; }
.alignleft {float: left;}

/*TOP 長方形の動き*/
.bubbles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden; margin-block-start: 0!important; margin-block-end: 0!important; padding-inline-start: 0!important;}
.bubbles li{position: absolute;display: block;list-style: none; animation: animate 25s linear infinite;bottom: -200px;}
.bubbles li:nth-child(1){left: 25%;width: 3vw;height: 8.5vh;animation-delay: 0s;background-color: #fff;opacity: 0.6;}
.bubbles li:nth-child(2){left: 10%;width: 3.5vw;height: 15vh;animation-delay: 2s;animation-duration: 8.5s; bottom: -55vh; background-color: #fff;opacity: 0.3;}
.bubbles li:nth-child(3){left: 90%;width: 2.5vw;height: 8vh;animation-delay: 4s;background-color: #fff;opacity: 0.6;}
.bubbles li:nth-child(4){left: 55%;width: 1vw;height: 6vh;animation-delay: 0s;animation-duration: 13.5s;background-color: #fff;opacity: 0.5;bottom: -600px;}
.bubbles li:nth-child(5){left: 65%;width: 5vw;height: 18vh;animation-delay: 0s;animation-duration: 10s;background-color: #fff;opacity: 0.4;}
.bubbles li:nth-child(6){left: 83%;width: 2vw;height: 15vh;animation-delay: 3s;animation-duration: 16s; bottom: -30vh;background-color: #fff;opacity: 0.4;}
.bubbles li:nth-child(7){left: 15%;width: 4vw;height: 20vh;animation-delay: 7s;animation: animate_opposite 17s linear infinite;top: 0px;background-color: #fff;opacity: 0.5;}
.bubbles li:nth-child(8){left: 50%;width: 2vw;height: 12vh;animation-delay: 15s;animation-duration: 18s;animation: animate_opposite 22s linear infinite;top: -200px;background-color: #fff;opacity: 0.6;}
.bubbles li:nth-child(9){left: 20%;width: 0.5vw;height: 12vh;animation-delay: 2s;animation-duration: 12s;animation: animate_opposite 16s linear infinite;top: -80vh;background-color: #fff;opacity: 0.7;}
.bubbles li:nth-child(10){left: 80%;width: 2vw;height: 18vh;animation-delay: 0s;animation-duration: 11s;animation: animate_opposite 25s linear infinite;top: -200px;background-color: #fff;opacity: 0.3;}
.bubbles li:nth-child(11){left: 2%;width: 4vw;height: 17vh;animation-delay: 0s;animation-duration: 14.5s; animation: animate_opposite 25s linear infinite;top: -200px;background-color: #fff;opacity: 0.5;}
@keyframes animate {
  0%{transform: translate(0px, 0);}
  100%{transform: translate(0px, -200vh);opacity: 0;}
}
@keyframes animate_opposite {
  0%{transform: translate(0px, -150vh);}
  100%{transform: translate(0px,100vh);opacity: 0;}
}

/*スクロール*/
@keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
.fadein {opacity : 0;transform: translateY(100px);transition:all 1.2s;}
.fadein.scrollin {opacity : 1;transform: translateY(0px);}
/*-------------------------------------------
header.php
-------------------------------------------*/
.eyecatch-top{background-color: #19321A; height: 70px; width: 100vw; position: relative;}
.eyecatch-logo{position: absolute; width: 35vw; min-width: 500px; height: 200px; background-color: #E4E6D5; bottom: 15vh; z-index: 10; text-align: center; color: #19321A;}
.eyecatch-top h1{font-weight: 300; margin-top: 50px; letter-spacing: 5px; font-size: 40px;}
.eyecatch-top p{font-weight: 300; margin-top: -20px; letter-spacing: 3px;}
#company-en{ font-size: 20px; letter-spacing: 6px;}
#company-jp{ font-size: 12px; text-align: center;margin-right: 3px;}
.top-header-left{position: absolute; top: 0px; left: 0; list-style: none; z-index: 20;}
.top-header-left ul{list-style: none!important; justify-content: flex-end;  letter-spacing: 2px; font-size: 14px; padding:11px 0;}
.top-header-left ul:hover{opacity: 0.7; transition: 0.3s;}
.top-header-left li a{color: #FFF!important; font-weight: normal; margin:0 35px;transition: 0.3s; text-decoration: none;}
.top-header-right{position: absolute; top: 24px; right: 0; list-style: none; z-index: 20;}
.top-header-right ul{list-style: none!important; display: flex; justify-content: flex-end;  letter-spacing: 2px; font-size: 14px;}
.top-header-right li a{color: #FFF!important; font-weight: normal; padding:24px 0; margin:0 35px;transition: 0.3s; text-decoration: none;}
.top-header-right li a:hover{opacity: 0.7; transition: 0.3s;}
#emergency-btn{padding:30px; margin: 0; position: relative;}
#emergency{background-color: #C35D00; padding-top: 25px;padding-bottom: 25px;margin-top: -24px; height: 20px;}


/* ハンバーガーメニュー */
.hamburger-menu-container{display: none;}
.hamburger-menu-container{position: fixed;right: 0px;top: 0px;cursor: pointer;z-index: 10000001; background-color: #19321A; padding:23px 16px 15px;}
.hamburger-menu-container:hover{transition: 0.3s;}
.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before {width: 25px;height: 2px;}
.hamburger-menu {position: relative; background: #E4E6D5; place-self: center;}
.hamburger-menu.animate {background:transparent;}
.hamburger-menu:before {content: "";position: absolute;left: 0;bottom: 7px;background:#E4E6D5;}
.hamburger-menu:after {content: "";position: absolute;left: 0;top: 7px;background: #E4E6D5;}
.hamburger-menu.animate:after {background:#E4E6D5;top: 0;transform: rotate(45deg);}
.hamburger-menu.animate:before {background:#E4E6D5;bottom: 0;transform: rotate(-45deg);}
.hambuger-menu-cover{width: 100vw;height: 100vh;content: "";position: fixed;z-index: 9; visibility: hidden;background-color:#E4E6D5; }
.hambuger-menu-cover.animate{z-index: 10000000;background-color:#19321A ; visibility: visible;width: 100vw;}
.cover-list{width: 165px; margin: 35vh auto 0; list-style: none; text-align: left; padding-left: 0;}
.cover-list a{text-decoration: none; color: #E4E6D5; font-size: 16px; line-height: 2.4; font-weight: 300;}
.cover-list a:hover{opacity: 0.7; transition: 0.3s;}
.cover-header-left{position: absolute; top: 0px; left: 0; list-style: none; z-index: 20;}
.cover-header-left ul{list-style: none!important; justify-content: flex-end;  letter-spacing: 2px; font-size: 14px; padding:11px 0;}
.cover-header-left li a{color: #FFF!important; font-weight: normal; margin:0 35px 0 16px;text-decoration: none;}
#menu-hambuger-menu{font-size: 12px; color: #FFF; margin-top: 12px; width: 42px;}
.menu-wrapper-single{padding: 17px 10px 0 12px!important;}

/*-------------------------------------------
footer.php
-------------------------------------------*/

.footer-contents{display: flex; flex-direction: row; justify-content: space-evenly; color: #E4E6D5; padding-top: 100px; margin-top: -30px;}
.footer-contents li{list-style: none; font-size: 14px; letter-spacing: 2px; line-height: 3em;}
.footer-contents li a{color:#E4E6D5!important; text-decoration: none; transition: 0.3s;}
.footer-contents li a:hover{transition: 0.3s; opacity: 0.5;}
.footer-title{padding-right: 100px; text-align: center; margin-top: 40px;}
.footer-title a{color: #FFFFFF; text-decoration: none; transition: 0.3s;}
.footer-title a:hover{opacity:0.7; transition: 0.3s;}
.footer-title p:nth-of-type(1){font-weight: 300!important; letter-spacing: 6px!important; font-size: 30px!important;}
.footer-title p:nth-of-type(2){font-size: 12px!important; letter-spacing: 2px!important; margin-top: 4px!important;}
.footer-container{background-color: #19321A;}
.copy-right{letter-spacing: 1px; margin: 80px auto 0; padding-top: 25px; padding-bottom: 25px; font-size: 12px; text-align: center; color:#E4E6D5; opacity: 0.5; border-top: solid 1px #444444;}
.footer-contents-box{display: flex;}
.footer-contents-box ul{margin-left: 100px;}
.footer-contents-list{display: flex; flex-direction: row;}
.footer-contents-list div{padding-left: 50px;}
.footer-info{background: #F7F7F3; width: 100vw; display: flex;}
.footer-maps{width: 50%;}
.date-info{width: 50%; background-color: #f9f9f3;font-family: sans-serif;color: #19321A;display: flex;flex-direction: column; justify-content: center;align-items: center; text-align: left;}
.date-info-container{width: 270px;}
.date-info-container p{margin-top:8px; font-size: 16px;}
.date-info-title{font-size: 18px;}
.date-info-container a{background-color: #19321A; color: #fff;padding: 20px 40px;border: none;font-size: 16px;cursor: pointer; text-decoration: none; margin-top: 24px;letter-spacing: 3px; display: block; text-align: center;}
.date-info-container a:hover span{opacity:0.7; transition: 0.3s;}
.date-info-container span{transition: 0.3s;}
.date-info-detail{ width: 200px;}
.copy-right{text-align: center;font-size: 14px;}

/*-------------------------------------------
index.php
-------------------------------------------*/

#home .home-top{background-color: #19321A; height: 100vh; width: 100vw; position: relative; margin-top: -70px;}
#home .home-logo{position: absolute; width: 35vw; min-width: 500px; height: 200px; background-color: #E4E6D5; bottom: 15vh; z-index: 10; text-align: center; color: #19321A;}
#home .home-top h1{font-weight: 300; margin-top: 50px; letter-spacing: 5px; font-size: 40px;}
#home .home-top p{font-weight: 300; ; letter-spacing: 3px;}
#home .container-about{position: relative; max-width: 1440px; margin-left:auto; margin-right: auto;}
#home .paralax01{left: 10%;position: absolute;bottom: 65%;max-width: 55px;width: 2%; min-width: 20px;max-height: 95px; height:32%; z-index: -1;content: "";background-color: #E4E6D5;opacity: 0.6;}
#home .paralax02{left: 11%;position: absolute;bottom: 5%;max-width: 55px;width: 2.2%;min-width: 26px; max-height: 75px; height:26%;z-index: -1;content: "";background-color: #104E10;opacity: 0.4;}
#home .paralax03{right: 12%;position: absolute;top: 50%;max-width: 65px;width: 2.5%;min-width: 24px; max-height: 90px; height: 30%;z-index: -1;content: "";background-color: #E4E6D5;opacity: 0.6;}
#home .paralax04{right: 14%;position: absolute;top: 8%;max-width: 55px;width:1.5%; min-width: 22px; max-height: 70px; height: 24%;z-index: -1;content: "";background-color: #104E10;opacity: 0.4;}
#home .container-about h2{font-weight:300;text-align:center;font-size: 24px; text-align: center; margin: 0 auto; margin-top: 120px; padding-top:40px; position: relative;}
#home .container-about p{width: 80vw; max-width: 800px; margin: 24px auto 40px; line-height: 2em; letter-spacing: 2px; font-weight: 300;}
#home .about-box a{width: 80vw; max-width:320px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 40px auto 140px; font-size: 14px; font-weight: 300;transition: 0.3s;}
#home .about-box a:hover span{opacity: 0.7; transition: 0.3s;}
#home .about-box a:hover{background-color: #F8F9F8;transition: 0.3s;}
#home .about-box span{transition: 0.3s;}

#home .container-news{background-color: #F7F7F3; padding-bottom: 120px;}
#home .container-news h2{font-weight:300;text-align:center;font-size: 24px; text-align: center; margin: 0 auto; padding-top:120px;padding-bottom: 24px; position: relative;}
#home .news-title{text-align: left;}
#home .news-title:before{background-color: #19321A; content: ""; width: 3px; height: 13px; display: inline-block; margin-right: 10px; margin-bottom: -1px;}
#home .list-news{width: 100%; margin: 0 auto; font-weight:300!important}
#home .list-news p:nth-of-type(2){margin-top: 12px;margin-bottom: 48px; border-bottom: solid 1px #000; padding-bottom: 10px;} 
#home .news-wrapper{background-color: #FFF; margin-top: 120px; padding-bottom: 100px; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,serif;}
#home .news-wrapper h3{text-align: center; font-weight: 300; margin-bottom: 80px;}
#home .news-container a{text-decoration: none!important; color: #000;transition: 0.3s;}
#home .news-container a:hover{opacity: 0.6; transition: 0.3s;}
#home .news-container{width: 80vw; max-width: 800px; margin: 0 auto; font-size: 14px;}
#home .news-container ul{list-style: none; padding-left: 0;width: 100%; margin: 0 auto;}
#home .news-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 40px auto 0; font-size: 14px; font-weight: 300;transition: 0.3s;}
#home .news-box a:hover{background-color: #eff2ef;transition: 0.3s; opacity: 1;}
#home .news-box span{transition: 0.3s;}
#home .container-insurance{margin-bottom: 100px;}
#home .container-insurance h2{font-weight:300;text-align:center;font-size: 24px; text-align: center; margin-top: 120px;margin-bottom: 32px; position: relative;}
#home .container-insurance p{text-align: center; font-size:14px; max-width: 880px; margin: 0 auto 40px; letter-spacing: 1px; font-weight: 300;}
#home .insurance-box{width: 90vw; max-width: 880px; margin: 0 auto 40px; border: 1px solid #DDDDDD}
#home .myagent-banner{padding-bottom: 56px;}
#home .insurance-company{padding: 16px; color:#FFF; background-color: #19321A; text-align: center; font-weight: 400; font-size: 16px; letter-spacing: 1px;}
#home .insurance-banner-container img{height: 100px;}
#home .insurance-banner-container{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 32px;}
#home .list-news p:nth-of-type(2){margin-top: 12px;margin-bottom: 28px; border-bottom: solid 1px #000; padding-bottom: 10px;} 
#intro-insurance{width: 770px;text-align: left!important;}

.my-agent{border:solid 1px #DDDDDD; width: 80vw; max-width: 350px; height: 150px; background-color: #FFF; position: relative;-webkit-box-shadow:  0px 4px 12px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);}
#link-myagent{width: 80vw; max-width: 350px; height: 150px; display: block; margin: 0 auto; transition: 0.3s; text-decoration: none!important;}
#link-myagent:hover{opacity: 0.8; transition: 0.3s;}
.my-agent img{width: 75%; height: auto; left: 50%; transform: translateX(-50%); position: absolute; top: 35px;}
.my-agent p{text-align: center;margin-top: 15px;padding-top: 95px;font-size: 13px; position: relative; color: #000!important;}
#myegent-msg{position: relative;}
.my-agent p img{width: 10px; height: auto; position: absolute; left: 268px; top: 102px;}

#home .voice-container a{text-decoration: none!important; color: #000;transition: 0.3s;}
#home .voice-container a:hover{opacity:1; transition: 0.3s;}
#home .voice-container p{letter-spacing: 3px;font-size: 14px;line-height: 1.5;font-weight: 300;}
#home .voice-container{ width: 100vw; margin: 0 auto; background-color: #F7F7F3; font-size: 14px; padding-top: 120px; padding-bottom: 80px;}
#home .voice-container h2{color: #19321A; font-weight:300;text-align:center;font-size: 24px; text-align: center;margin-bottom: 32px; position: relative;}
#home .voice-container ul{ max-width: 1200px; position: relative; justify-content: center;list-style: none; padding-left: 0; margin: 0 auto; display: flex; flex-direction: row;flex-wrap: wrap; gap:32px;}
#home .paralax05{left: -3%;position: absolute;top: -40%;max-width: 55px;width: 2.3%; min-width: 20px;max-height: 70px; height: 20%;z-index: 0;content: "";background-color: #E4E6D5;opacity: 0.6;}
#home .paralax06{left: -4%;position: absolute;bottom: -65%;max-width: 55px;width: 2.2%;height: 16%;max-height: 60px;  min-width: 23px;z-index: 0;content: "";background-color: #104E10;opacity: 0.4;}
#home .paralax07{right: -4%;position: absolute;bottom: -32%;max-width: 85px;width: 2.5%;min-width: 24px;height: 21%;max-height: 70px; z-index: 0;content: "";background-color: #E4E6D5;opacity: 0.6;}
#home .paralax08{right: -4.5%;position: absolute;top: -65%;max-width: 55px;width: 2%;min-width: 18px;height: 17%;max-height: 65px; z-index: 0;content: "";background-color: #104E10;opacity: 0.4;}


#home .voice-title{text-align: left;position: relative;padding-left: 40px;font-size: 20px !important;font-weight: 400 !important;}
#home .voice-title:before{background-color: #C5D2C2; content: ""; width: 18px; height: 22px; display: inline-block;left:10px;top:0; position:absolute;z-index: 2;}
#home .voice-title:after{background-color: #EFF0E6; content: ""; width: 18px; height: 22px; display: inline-block; left: 0px; top:10px; position:absolute;}
#home .voice-content{border-top: 1px solid #91B792; margin-top: 16px; padding-top: 12px; font-weight: 300;}
#home .voice-box{width: 25vw; max-width: 300px; height:100%;  background-color: #FFF; padding: 24px;min-height: 320px}
#home .voice-link a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 56px auto 40px; font-size: 14px; font-weight: 300;transition: 0.3s;}
#home .voice-link a:hover{background-color: #eff2ef;transition: 0.3s;}
#home .voice-link span{transition: 0.3s;}

.emergency-container{margin-top: 60px; position: relative; max-width: 1440px; margin-left: auto; margin-right: auto;}
.emergency-container h2{font-weight: 300; font-size: 24px; text-align: center; position: relative; padding-top: 40px;}
.emergency-container h2:after{width: 1px; height: 24px; content: ""; background-color: #C35D00; top: 96px; left: 50%; transform: translateX(-50%); position: absolute;}
#emergency-msg{width: 80%; max-width: 800px; margin: 80px auto 40px; letter-spacing: 2px; line-height: 1.8em; font-weight: 300;}
.emergency-detail{border: solid 1px #000; width: 640px; margin: 0 auto;}
.emergency-detail p{font-size: 14px!important; text-align: center; margin-top: 15px; margin-bottom: 15px;letter-spacing: 1px; position: relative;margin-left: 10px;}
#time{font-size: 12px; margin-top: -10px; margin-right: 2px; letter-spacing: 2px;}
#warning-icon{width: 14px; height: 14px;position: absolute;top: 4px;left: 37px;}
.emergency-company p{text-align: center; margin-top: -10px; letter-spacing: 1px; font-size: 14px;}
.table-info-emergency{width: 640px; margin: 30px auto 120px;}
.table-info-emergency tr{position: relative; display: block; }
#table-top:after{position: absolute; content: ""; background-color: #999; width: 112%;height: 1px; top: 2px; left: -6%;}
.table-info-emergency th{text-align: left; padding: 15px 0px 15px 0px; font-weight: 300; width: 480px;}
.table-info-emergency td:nth-of-type(1){text-align: right;width: 180px;}
.table-info-emergency tr:before{position: absolute; content: ""; background-color: #999; width: 112%;height: 1px; bottom:-2px; left: -6%;}
.table-info-emergency th a img{width: 10px;margin-left: 8px; margin-bottom: 3px;}
.table-info-emergency th a{color: #000!important; text-decoration: none!important; transition: 0.3s;}
.table-info-emergency th a:hover{transition: 0.3s; opacity: 0.7;}
#home .belt img{width: 100%; height: 320px; object-fit: cover; opacity: 0.8;}

/*------------------------------------------
各ページのジェネラルSetting
-------------------------------------------*/
.page-frame{margin:0 20px;font-family: 'Noto Serif JP', serif;}
#page h1{letter-spacing: 10px; margin:150px 0 50px;font-size: 38px; text-align: center; line-height: 1.5;}
#page h1:after{content: ""; display: block; width: 40px; height: 3px; background-color: #bdaf35;margin: 35px auto 20px auto;}
#page h2{margin: 50px 0 30px;letter-spacing: 12px;font-size: 30px;display:flex;line-height: 1.5;}
#page h2:before{margin-right: 20px;border-top: 2px solid;content: "";width:30px;margin-top: 20px;}
#page h3{margin: 50px 0 20px;letter-spacing: 10px;font-size: 26px;display:flex;line-height: 1.5;}
#page h3:before{margin-right: 20px;border-top: 2px solid;content: "";width:15px;margin-top: 17px;}
#page .content-box p{line-height: 2;letter-spacing: 0.5px;margin-bottom: 15px;}
#page .content-box ol{margin: 30px 0;padding-inline-start: 35px;}
#page .content-box ul{margin: 30px 0;padding-inline-start: 23px;}
#page .content-box ol li{padding-left: -2px;line-height: 1.5;letter-spacing: 3px; margin-bottom: 10px;}
#page .content-box ul li{padding-left: 10px;line-height: 1.5;letter-spacing: 3px; margin-bottom: 10px;}
#page .content-box a{color: #bdaf35; cursor: pointer; text-decoration: none;}
#page a.anchor{display: block; padding-top: 70px; margin-top: -70px;}


/*------------------------------------------
category-voice.php
-------------------------------------------*/
#category-voice .container{background-color: #FFF;position: relative;}
#category-voice .container img{height: 350px; width: 100%; z-index: 2; object-fit: cover;}
#category-voice .page-title-box{ color:#666666; text-align: center; position: absolute; background-color: #fff;position: absolute;;top: 0;width: 50%;left: 50%;transform: translateX(-50%); padding: 56px 0;}
#category-voice h1{letter-spacing: 6px; margin-bottom: 8px;font-size: 32px;line-height: 1.5; font-weight: 300;}
#category-voice h2{letter-spacing: 3px;font-size: 14px;line-height: 1.5;text-align: center; font-weight: 300;}
#category-voice h3{letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}
#category-voice p{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#category-voice a{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}

#category-voice .voice-wrapper{background-color: #FFF; margin-top: 120px; padding-bottom: 100px; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,serif;}
#category-voice .voice-wrapper h3{text-align: center; font-weight: 300; margin-bottom: 80px;}
#category-voice .voice-container a{text-decoration: none!important; color: #000;transition: 0.3s;}
#category-voice .voice-container a:hover{opacity: 0.6; transition: 0.3s;}
#category-voice .voice-container{width: 1108px;margin: 0 auto; background-color: #fff; font-size: 14px;}
#category-voice .voice-container ul{list-style: none; padding-left: 0; margin: 0 auto; display: flex; flex-direction: row;flex-wrap: wrap; gap:32px; justify-content: left;}
#voice-title{text-align: left;position: relative;padding-left: 40px;font-size: 20px !important;font-weight: 400 !important;}
#voice-title:before{background-color: #C5D2C2; content: ""; width: 18px; height: 22px; display: inline-block;left:10px;top:0; position:absolute;z-index: 2;}
#voice-title:after{background-color: #EFF0E6; content: ""; width: 18px; height: 22px; display: inline-block; left: 0px; top:10px; position:absolute;}
#voice-content{border-top: 1px solid #91B792; margin-top: 16px; padding-top: 12px;}
#list-voice p:nth-of-type(2){margin-top: 5px;margin-bottom: 25px; border-bottom: solid 1px #91B792; padding-bottom: 10px;} 
#category-voice .content-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 80px auto 0px; font-size: 14px;transition: 0.3s;}
#category-voice .content-box a:hover{background-color: #F8F9F8; transition: 0.3s;}
#category-voice .content-box span{transition: 0.3s;}
.list-voice{display: flex; flex-direction: column;}
#category-voice .voice-box{width: 300px; height:100%;  background-color: #F7F7F3; padding: 24px;}

/*------------------------------------------
category-news.php
-------------------------------------------*/
#category-news .container{background-color: #FFF;position: relative;}
#category-news .container img{height: 350px; width: 100%; z-index: 2; object-fit: cover;}
#category-news .page-title-box{ color:#666666; text-align: center; position: absolute; background-color: #fff;position: absolute;;top: 0;width: 50%;left: 50%;transform: translateX(-50%); padding: 56px 0;}
#category-news h1{letter-spacing: 6px; margin-bottom: 8px;font-size: 32px;line-height: 1.5; font-weight: 300;}
#category-news h2{letter-spacing: 3px;font-size: 14px;line-height: 1.5;text-align: center; font-weight: 300;}
#category-news h3{letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}
#category-news p{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#category-news a{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}

#category-news .news-wrapper{background-color: #FFF; margin-top: 120px; padding-bottom: 100px; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,serif;}
#category-news .news-wrapper h3{text-align: center; font-weight: 300; margin-bottom: 80px;}
#category-news .news-container a{text-decoration: none!important; color: #000;transition: 0.3s;}
#category-news .news-container a:hover{opacity: 0.6; transition: 0.3s;}
#category-news .news-container{width: 80vw; max-width: 800px; margin: 0 auto; background-color: #fff; font-size: 14px;}
#category-news .news-container ul{list-style: none; padding-left: 0;width: 100%; margin: 0 auto;}
#news-title{text-align: left;}
#news-title:before{background-color: #19321A; content: ""; width: 3px; height: 13px; display: inline-block; margin-right: 10px; margin-bottom: -1px;}
#category-news .list-news{width: 100%; margin: 0 auto;}
#category-news .list-news p:nth-of-type(2){margin-top: 12px;margin-bottom: 40px; border-bottom: solid 1px #000; padding-bottom: 10px;} 
#category-news .content-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 80px auto 0px; font-size: 14px;transition: 0.3s;}
#category-news .content-box a:hover{background-color: #F8F9F8; transition: 0.3s;}
#category-news .content-box span{transition: 0.3s;}

.paginavigation { margin: 24px 0; }
.paginavigation__list {display:flex; gap:12px; justify-content:center; align-items:center; list-style:none; padding:0; margin:56px auto;}
.paginavigation__item a, 
.paginavigation__item span {display:inline-block; width:40px; text-align:center; padding:10px 0; border:1px solid #19321A; text-decoration:none; color:#19321A; transition:0.3s;}
.paginavigation__item a:hover { transition:0.3s; background-color: #F8F9F8;}
.paginavigation__item img{margin-bottom: -3px;}
.page-numbers.current{background:#19321A; color:#F7F7F3; border-color:#19321A;}

/*------------------------------------------
single-news.php
-------------------------------------------*/
#single-news .container{background-color: #FFF;position: relative;}
#single-news .container img{height: 350px; width: 100%; z-index: 2; object-fit: cover;}
#single-news .page-title-box{ color:#666666; text-align: center; position: absolute; background-color: #fff;position: absolute;;top: 0;width: 50%;left: 50%;transform: translateX(-50%); padding: 56px 0;}
#single-news h1{letter-spacing: 6px; margin-bottom: 8px;font-size: 32px;line-height: 1.5; font-weight: 300;}
#single-news h2{letter-spacing: 3px;font-size: 14px;line-height: 1.5;text-align: center; font-weight: 300;}
#single-news h3{letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}
#single-news p{letter-spacing: 1px;font-size: 16px;line-height: 1.7;font-weight: 300;}
#single-news a{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#single-news .news-container{ width: 90vw; margin: 100px auto 120px; max-width: 800px;}
#single-news .title-container{width: 100%; border-bottom: 1px solid #000;}
#single-news .single-news-title{text-align: left; margin-bottom: 8px;}
#single-news .single-news-title:before{background-color: #19321A; content: ""; width: 4px; height: 22px; display: inline-block; margin-right: 16px; margin-bottom: -2px;}
#single-news .pagedate{font-size: 16px; letter-spacing: 2px; margin:10px 0 40px; font-weight: 300;}
#single-news .content-box h3{margin-top: 120px; padding-bottom:30px; letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 200;}
#single-news .content-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 32px auto; font-size: 14px; transition: 0.3s;}
#single-news .content-box a:hover{background-color: #F8F9F8; transition: 0.3s;}
#single-news .content-box span{transition: 0.3s;}
#single-news .content-box-wrapper{margin-bottom: 120px;}
/*------------------------------------------
カスタムページの各セクション共通設定
-------------------------------------------*/

/*------------------------------------------
page-policy.php
-------------------------------------------*/
#page .single-title-box h1{letter-spacing: 10px; margin:100px 0;font-size: 38px; text-align: left;line-height: 1.5;}
#page .single-title-box h1:after{content: ""; display: block; width: 40px; height: 3px; background-color: #bdaf35;margin: 35px auto 20px 0;}


#policy .container{background-color: #FFF;position: relative;}
#policy #eyecatch-img{height: 350px; width: 100vw; z-index: 2; object-fit: cover;}
#policy .page-title-box{ color:#666666; text-align: center; position: absolute; background-color: #fff;position: absolute;;top: 0;width: 50%;left: 50%;transform: translateX(-50%); padding: 56px 0;}
#policy h1{letter-spacing: 6px; margin-bottom: 8px;font-size: 32px;line-height: 1.5; font-weight: 300;}
#policy h2{letter-spacing: 3px;font-size: 14px;line-height: 1.5;text-align: center; font-weight: 200;}
#policy #first-h3{letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}

#policy .container{width: 100vw; position: relative;}
#policy .top-header{top: 0;}
#policy .eycatch-container{background-color: #FFF; margin-top: 32px; position: relative;}
#policy .eycatch-container img{height: 350px; width: 100%; z-index: 2; object-fit: cover;}
#policy .title-container{z-index: 3; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #ffffff; width: 800px; text-align: center;color: #666666;}
#policy .title-container h1{font-weight: 300; margin-top: 50px; letter-spacing: 5px; font-size: 32px;}
#policy .title-container p{padding-bottom: 50px;font-weight: 300; margin-top: -10px; letter-spacing: 3px;}
#policy .single-content-container{background-color: #FFFFFF; padding-top: 120px; padding-bottom: 100px;}
#policy .single-content-container h3{font-weight: 300; text-align: center; position: relative; width: 80vw; max-width: 1024px; margin: 80px auto 40px;}
#policy #first-h3{margin-top: 0!important;}
/* #policy #first-h2:before{width: 1px; height: 30px; content: ""; background-color: #19321A; top: -105px; left: 50%; transform: translateX(-50%); position: absolute;}
#policy #first-h2:after{width: 1px; height: 30px; content: ""; background-color: #E4E6D5; top: -135px; left: 50%; transform: translateX(-50%); position: absolute;} */
#policy .single-content-container p{width: 80vw; max-width: 1024px; margin: 0 auto 40px; letter-spacing: 2px;font-size: 14px; line-height: 1.8em;font-weight: 300;}
#policy .single-content-container h4{font-size:20px; width: 80vw; max-width: 1024px; font-weight: 300; text-align: left; position: relative; margin: 60px auto 20px;}
#policy .single-content-container ul{width: 80vw; max-width: 1024px; margin: 20px auto; letter-spacing: 2px;font-size: 14px; line-height: 1.8em; font-weight: 300;}
#policy .single-content-container ol{width: 80vw; max-width: 1024px; margin: 20px auto; letter-spacing: 2px;font-size: 14px; line-height: 1.8em; font-weight: 300;}
#policy .single-content-container a{color: #000000; text-decoration: none!important; text-align: center; display: block; margin-top: 100px;transition: 0.3s; width: 100px; margin-left: auto; margin-right: auto;}
#policy .img-container{width: 80vw; max-width: 1024px; margin: 0 auto 40px; height: auto;}
#policy .img-container img{display: block; margin: 0 auto;max-width: 85vw;}
#policy .goal-box{width: 80vw; max-width: 1024px; margin: 40px auto; background-color: #f1f1f1f1; padding: 30px 30px 10px 30px;}
#policy #goal-title{margin-bottom: 20px!important;}
#policy #to-top{margin-top: 100px;}
#policy .content-box h3{margin-top: 120px; padding-bottom:30px; letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 200;}
#policy .content-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 100px auto; font-size: 14px;font-weight: 300; transition: 0.3s;}
#policy .content-box a:hover{background-color: #F8F9F8; transition: 0.3s;}
#policy .content-box span{transition: 0.3s;}


/*------------------------------------------
page-about.php
-------------------------------------------*/


#about .container{background-color: #FFF;position: relative;}
#about .container img{height: 350px; width: 100%; z-index: 2; object-fit: cover;}
#about .page-title-box{ color:#666666; text-align: center; position: absolute; background-color: #fff;position: absolute;;top: 0;width: 50%;left: 50%;transform: translateX(-50%); padding: 56px 0;}
#about h1{letter-spacing: 6px; margin-bottom: 8px;font-size: 32px;line-height: 1.5; font-weight: 300;}
#about h2{letter-spacing: 3px;font-size: 14px;line-height: 1.5;text-align: center; font-weight: 300;}
#about h3{letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}
#about p{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#about a{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#about .president-container{margin: 120px auto 200px; position: relative;}
#about .paralax01{left: -8%;position: absolute;top: 220px;max-width: 40px;width: 9%;height: 20%;z-index: -1;content: "";background-color: #104E10;opacity: 0.4;}
#about .paralax02{left:-11%;position: absolute;top: 390px;max-width: 35px;width: 7%;height: 21%;z-index: 2;content: "";background-color:#E4E6D5;opacity: 0.6;}
#about .paralax03{right: -20px;position: absolute;top: 20px;max-width: 30px;width: 8%;height: 22%;z-index: 0;content: "";background-color: #104E10;opacity: 0.4;}
#about .paralax04{right: -10%;position: absolute;top: -10%;max-width: 45px;width: 6%;height: 14%;z-index: -1;content: "";background-color: #E4E6D5;opacity: 0.6;}
#about .photo-box{position: relative;;margin:0 auto; width: 350px; height: 450px;}
#about .photo-box img{width: 350px; object-fit: cover; height: 450px; margin: 40px auto 24px; display: block;}
#about .president-container p{text-align: center;}
#about .msg-box{width: 380px; margin: 40px auto 60px;}
#about .msg-box p{font-size: 16px;}
#about .msg-box p:nth-of-type(1){font-size: 14px;}
#about .msg-box p:nth-of-type(2){font-size:20px; letter-spacing: 2px;  margin: 5px auto 0;}
#about .msg-box p:nth-of-type(3){letter-spacing: 2px;}
#about .president-msg{letter-spacing: 1px; line-height: 1.6em; margin-top: 28px; text-align: left!important;}
#about .btn-container{display: flex; flex-direction: row; width: 860px; justify-content: space-evenly; margin: 0 auto;}
#about .blog{border: solid 1px #DDDDDD;display: block;width: 350px; height: 150px; background-color: #FFF; position: relative;-webkit-box-shadow:  0px 4px 12px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);}
#about .blog img{width: 350px; height: 150px;}
#about .blog p{position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); font-size: 24px; letter-spacing: 4px; color: #000; margin: 0;}
#about .sdgs{border: solid 1px #EAEAEA; display: block;width: 350px; height: 150px; background-color: #FAFAFA; position: relative;-webkit-box-shadow:  0px 4px 12px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);}
#about .sdgs img{width: 80px; height: auto; margin:auto; display: block; margin-top: 20px;}
#about .sdgs p{color: #000; margin-top: 10px; font-size: 18px; letter-spacing: 2px;}
#about .link-sdgs{width: 350px; height: 150px; display: block; margin: 0 auto; transition: 0.3s; text-decoration: none!important;}
#about .link-sdgs:hover{opacity: 0.6; transition: 0.3s;}
#about .link-blog{width: 350px; height: 150px; display: block; margin: 0 auto; transition: 0.3s; text-decoration: none!important;}
#about .link-blog:hover{opacity: 0.6; transition: 0.3s;}

#about .content-company{background-color:#F7F7F3; padding-bottom: 120px; letter-spacing: 1px; padding-top: 100px;}
#about .content-company h3{font-size: 24px; text-align: center; font-weight: 300;}
#about .table-info{width: 700px; margin: 40px auto;}
#about .table-info tr{position: relative; display: block;}
#table-top:after{position: absolute; content: ""; background-color: #999; width: 112%;height: 1px; top: 2px; left: -6%;}
#about .table-info tr:before{position: absolute; content: ""; background-color: #999; width: 112%;height: 1px; bottom:-2px; left: -6%;}
#about .table-info th{text-align: left; padding: 15px 80px 15px 0; font-weight: 300; width: 350px;}
#about .table-info td{width: 70%; font-weight: 300; line-height: 1.8em;}
#table-info-company:before{position: absolute; content: ""; background-color: #999; width: 112%;height: 1px; bottom: 0; left: -6%;}
#insurance-companies{padding: 10px 0px;}
#about .belt{width: 100%; height: 320px; object-fit: cover; display: flex; flex-direction: row;}
#about .belt img{width: 50%; height: 320px; object-fit: cover;}

#about .content-insurance{background-color:#FFF; padding-bottom: 80px; padding-top: 120px;}
#about .content-insurance h3{font-weight:300;text-align:center;font-size: 24px; text-align: center;}
#about .content-insurance p{max-width: 800px; margin: 70px auto; line-height: 2em; letter-spacing: 2px;}
#about .insurance-container{display: flex; flex-direction: row; flex-wrap: wrap; width: 960px; margin: 60px auto; place-content: center;}
#about .insurance-item{width: 320px;}
#about .insurance-item img{width: 270px; height: 170px; margin: 0 auto; display: block;}
#about .insurance-item h4{margin: 20px 30px 10px; font-weight: 400; letter-spacing: 2px;}
#about .insurance-item p{margin: 10px 30px 30px;}
#about .content-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 80px auto 0px; font-size: 14px;transition: 0.3s;}
#about .content-box a:hover{background-color: #F8F9F8; transition: 0.3s;}
#about .content-box span{transition: 0.3s;}

/*------------------------------------------
page-contact.php
-------------------------------------------*/

#contact .container{background-color: #FFF;position: relative;}
#contact .container img{height: 350px; width: 100%; z-index: 2; object-fit: cover;}
#contact .page-title-box{ color:#666666; text-align: center; position: absolute; background-color: #fff;position: absolute;;top: 0;width: 50%;left: 50%;transform: translateX(-50%); padding: 56px 0;}
#contact h1{letter-spacing: 6px; margin-bottom: 8px;font-size: 32px;line-height: 1.5; font-weight: 300;}
#contact h2{letter-spacing: 3px;font-size: 14px;line-height: 1.5;text-align: center; font-weight: 300;}
#contact h3{letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}
#contact p{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#contact a{letter-spacing: 3px;font-size: 14px;line-height: 1.5; font-weight: 300;}
#contact .container-guide{width: 640px; margin:80px auto;}
#contact .container-guide p{font-size: 14px; letter-spacing: 3px; margin: 40px auto;}
#contact .container-info-box{width: 640px; display: flex; gap:20px;}
#contact .container-info-box a{max-width:310px; width:100%; text-decoration: none; color: #000; border: solid 1px #000; padding: 20px 0; letter-spacing: 2px; text-align: center; cursor:default ; }
#contact .container-info-box a span{display: block; padding-left:32px;}
#contact .container-info-box img{width: 20px; height: 20px; color: #000; opacity: 0.6;margin-top: 1.5px;margin-left: -32px; position: absolute;}
#contact .content-box h3{margin-top: 120px; padding-bottom:30px; letter-spacing: 3px;font-size: 24px;line-height: 1.5;text-align: center; font-weight: 300;}
#contact .content-box a{width:240px;text-align: center; letter-spacing: 3px; display: block; padding: 15px 0; border: solid 1px #000; text-decoration: none; color: #000; margin: 100px auto; font-size: 14px;transition: 0.3s;}
#contact .content-box a:hover{background-color: #F8F9F8; transition: 0.3s;}
#contact .content-box span{transition: 0.3s;}

#contact form{margin:0 auto; width: 540px; font-family:'Noto Sans JP',"Hiragino Kaku Gothic ProN"; justify-content: center;}
#contact .wpcf7-form-control-wrap input,.wpcf7-form-control-wrap textarea{border: solid 1px #A0A0A0;padding: 16px;margin-top:16px;margin-bottom: 24px;width :506px; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN"; letter-spacing: 1px;}
#contact .wpcf7-form-control-wrap textarea{height: 100px;width :506px; height: 240px; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN"}
#contact .wpcf7-form label{width: 100%;font-size: 14px;color: #59595a;margin-bottom: 15px;font-weight:normal;letter-spacing: 3px;}
#contact input.wpcf7-form-control.wpcf7-submit{font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN"; padding:16px; margin: 0 auto;color: #fff; border: none;
  font-size:14px;width: 100%; right:0; left: 0;margin-top: 30px;background-color:#19321A;letter-spacing: 3px;transition: 0.3s;border: solid 1px #19321A;}
#contact input.wpcf7-form-control.wpcf7-submit:hover{background-color:#f9f9f3; color:#19321A; border: solid 1px #19321A;}
#contact .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{border: 2px solid #507085;margin-top: 70px;border-radius: 8px;padding: 15px;}
#contact .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{border: 2px solid #803d3b;margin-top: 70px;border-radius: 8px;padding: 15px;}
#contact div.wpcf7-response-output {margin: 5em 0.5em 1em;}
#contact .message-box{margin-top: 10px;}
.required-label {background-color: #f1f3ea;color: #1f321f;font-size: 12px;padding: 4px 14px;margin-right: 8px;border-radius: 2px;white-space: nowrap;}
.wpcf7-not-valid-tip{margin-bottom: 16px;margin-top: -16px;}


/*------------------------------------------
レスポンシブデザイン
-------------------------------------------*/

@media(max-width: 1400px){
  #home .paralax05{left: 2%;}
  #home .paralax06{left: 1%;}
  #home .paralax07{right: 2%;}
  #home .paralax08{right: 1%;}
}


@media(max-width: 1280px){
  .top-header-right{display: none;}
  .hamburger-menu-container{display: inherit;}
  #home .container-about h2{padding-top: 0;}
  #category-voice .voice-container{width: 728px}
}
@media(max-width: 1180px){
  #home .paralax05{top: -35%;}
  #home .paralax06{bottom: -45%;}
  #home .paralax07{bottom: -12%;}
  #home .paralax08{top: -60%;}
}

@media(max-width: 1080px){
  #contact .page-title-box,#about .page-title-box, #category-voice .page-title-box, 
  #category-news .page-title-box, #policy .page-title-box, #single-news .page-title-box{width: 60%; top: 80px;}
  #about .insurance-container{width: 90vw;}
  #home .voice-container ul{gap: 20px;}
  #home .paralax01{left: 4%;}
  #home .paralax02{left: 5%;}
  #home .paralax03{right: 6%;}
  #home .paralax04{right: 8%;}
}

@media(max-width: 960px){
  .footer-title{padding-right: 0;}
  .footer-contents {flex-direction: column; padding-top: 40px; }
  .footer-contents-box{justify-content: center; padding-top: 40px;}
  #contact .page-title-box,#about .page-title-box, #category-voice .page-title-box, 
  #category-news .page-title-box, #policy .page-title-box, #single-news .page-title-box{width: 70%;}
  #about .president-container{margin-bottom: 120px;}
  #about .btn-container{flex-direction: column;gap: 40px; width: 80vw;}
  #about .belt{height: 100%;}
  #about .belt img{height: 200px;}
  #about .table-info{width: 80vw;}
  #about .table-info th{padding-right: 40px;}
  #intro-insurance{width: 80vw;}
  #home .voice-container ul{flex-direction: column;width: 348px;}
  #home .voice-box{width: 348px; margin:auto; min-height: 200px;}
  #home .paralax05{left:-22%;top: -25%;}
  #home .paralax06{left: -16%; top: 50%; bottom: 0;}
  #home .paralax07{right: -22%; bottom: -40%;}
  #home .paralax08{right: -24%; top: 50%;}
  #category-voice .voice-container{width: 348px}
}

@media(max-width: 768px){
  #home .home-logo{top: 50%;left: 50%;transform: translate(-50%, -50%);}
  #contact .page-title-box,#about .page-title-box, #category-voice .page-title-box, 
  #category-news .page-title-box, #policy .page-title-box, #single-news .page-title-box{width: 80%;}
  .footer-contents-box ul{margin: 0 20px;}
  #contact .container-guide, #contact .container-info-box{width:80vw;}
  #contact .container-info-box{flex-direction: column; align-items: anchor-center;}
  .footer-info{flex-direction: column;}
  .date-info{width: 100%; padding-top: 80px; padding-bottom: 80px;}
  .footer-maps{width: 100%;}
  .table-info-emergency{width: 80vw;}
  .table-info-emergency tr:before, #table-top:after{width: 100%; left: 0;}
  #home .belt img{height: auto;}
  #home .paralax01{bottom: 42%;}
  #home .paralax02{bottom: 11%;}
  #home .paralax03{top: 36%;}
  #home .paralax04{top: 15%;}
  #container-insurance-detail{width: 80%!important;}
}
@media(max-width: 640px){
  #contact .page-title-box h1,#about .page-title-box h1, #category-voice .page-title-box h1, 
  #category-news .page-title-box h1, #policy .page-title-box h1, #single-news .page-title-box h1{font-size: 28px;}
  #contact .page-title-box,#about .page-title-box, #category-voice .page-title-box,
  #category-news .page-title-box, #policy .page-title-box, #single-news .page-title-box{width: 90%;}
  #contact .container-info-box a{width: 80vw;}
  #contact .container-guide, #contact .container-info-box{width: 90vw;}
  #contact form{width:90vw;}
  #contact .wpcf7-form-control-wrap input ,#contact .wpcf7-form-control-wrap {display: block;width: 100%;max-width: none;}
  #contact .wpcf7-form-control-wrap input,#contact .wpcf7-form-control-wrap textarea {box-sizing: border-box; display: block;width: min(90vw, 100%);max-width: 100%;}
  #about .belt{flex-direction: column;}
  #about .belt img{width: 100%;}
  #about .table-info tr{display: flex; flex-direction: column;}
  #about .table-info th{font-weight: 400; color: #666; padding-bottom: 0;}
  #about .table-info td{padding: 8px 0; width: 100%; font-size: 14px;}
  #home .home-logo{min-width: 0; width: 90vw;}
  .table-info-emergency th{padding: 15px 0px 0px 0px; width: 90vw;}
  .table-info-emergency tr{position: relative;display: flex;flex-direction: column;}
  .table-info-emergency td:nth-of-type(1){text-align: left; padding: 10px 0;}
  #home .paralax05{left:-5%;top: 5%;}
  #home .paralax06{left: -10%; top: 45%;}
  #home .paralax07{right: -9%; bottom: -10%;}
  #home .paralax08{right: -4%; top: 60%;}
  .voice-wrapper{margin-top: 80px;}
  #category-news .news-wrapper{margin-top: 80px;}
  #about .president-container{margin-top: 80px;}
  #policy .single-content-container{padding-top: 80px;}
  #home .container-about h2{margin-top: 80px;}
  #home .about-box a{margin-bottom: 120px;}
  #home .container-news h2{padding-top: 80px;}
  #home .container-insurance h2{margin-top: 80px; width: 90%; place-self: anchor-center;}
  #home .voice-container{padding-top: 80px;}
  #contact .content-box h3{margin-top: 80px;}
  .emergency-container h2{padding-top: 20px;}
  .top-header-left li a{margin: 0 35px 0 16px;}
.bubbles li:nth-child(2){animation-duration: 14.5s;}
.bubbles li:nth-child(4){animation-duration: 20.5s;}
.bubbles li:nth-child(5){animation-duration: 16s;}
.bubbles li:nth-child(6){animation-duration: 23s;}
.bubbles li:nth-child(8){animation-duration: 25s;}
.bubbles li:nth-child(9){animation-duration: 15s;}
.bubbles li:nth-child(10){animation-duration: 17s;}
.bubbles li:nth-child(11){animation-duration: 21.5s;}
#home .insurance-banner-container img{height: auto; width: 80vw;}

}

@media(max-width: 480px){
  #about .photo-box{width:80vw; height: auto;}
  #about .photo-box img{width:80vw; height: auto;}
  #about .msg-box{width: 80vw;}
  #about .table-info tr:before{width: 100%; left: 0;}
  #table-top:after{width: 100%;left: 0;}
  #about .link-sdgs, #about .sdgs, #about .blog,#about .link-blog, #about .blog img{width: 100%;}
  #about .blog p{font-size: 20px;}
  #about .table-info tr{width: 90vw;}
  .footer-contents-box{width: 250px; flex-direction: column; margin: 0 auto;}
  #category-voice .voice-box{width: 80vw;}
  #category-voice .voice-container{width: 100vw}
  #category-voice .voice-container ul{justify-content: center;}
  #link-myagent{height: 120px;}
  #myagent-msg{margin-bottom: 0!important;width: 170px;}
  #myagent-img{left: auto; right: -20px; top: auto; bottom: 4px;}
  .my-agent{height: 120px;}
  .my-agent p{padding-top: 75px;}
  .my-agent img {top: 22px;}
  .my-agent p img{display: inline;}
  #home .myagent-banner{padding-bottom: 46px;}
  #home .paralax01{bottom: 36%;}
  #contact .page-title-box h1,#about .page-title-box h1, #category-voice .page-title-box h1, 
  #category-news .page-title-box h1, #policy .page-title-box h1, #single-news .page-title-box h1{font-size: 26px;}
}

@media(max-width: 400px){
  .paginavigation__item a, .paginavigation__item span{width: 32px; padding:6px 0;}
  .paginavigation__list{gap:8px;}
  #home .home-top h1{font-size: 34px; margin-top: 45px;}
  #home .home-logo{height: 170px;}
  #home .insurance-banner-container img{min-height: 90px;}
  #home .voice-box{width: 260px;}
  #home .paralax05{left:3%;top: 5%;}
  #home .paralax06{left: 0%; top: 45%;}
  #home .paralax07{right: 0%; bottom: -10%;}
  #home .paralax08{right: 3%; top: 60%;}
}