@charset "UTF-8";
/*
Theme Name: Hapilan Base
Theme URI:
Description: Hapilanベーステーマ
Author: Hapilan
Author URI:
Version: 1
Text Domain: Hapilan
*/
/* all display
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
html,
body {margin: 0px;font-size: 15px;color: #333;
font-family: "Noto Sans JP";text-align: justify;line-height: 1.8;-webkit-font-smoothing: antialiased;background: #FFF;}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;text-decoration: none;}
a{transition: 0.5s;text-decoration: none;color: #006835;}
a:hover{color: #999;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.wmain{max-width: 1200px;margin: 0 auto;}
.pc{display: inline-block;}
.sp{display: none;}
.left{float: left;}
.right{float: right;}
h1{line-height: 1.6em;font-size: 2rem;font-weight: 500;}
h2{font-size: 2.4rem;line-height: 1.8em;font-weight: bold;color: #006835;}
h2.sec-ti{padding: 0 0 20px;position: relative;margin: 0 0 35px;}
h2.sec-ti:after{content: "";position: absolute;bottom: 0;left: 0; height: 3px;border-bottom: 3px solid #006835;width: 50px;}
h2.sec-ti.center{text-align: center;}
h2.sec-ti.center:after{left: 0;right: 0;margin: 0 auto;}
h3{font-size: 1.5rem;}
p{margin: 0 0 18px;}
section{padding: 60px 0;}
.img{position: relative;overflow: hidden;}
.img img.fitsz{position: absolute;width: 100%;height: 100%;object-fit: cover;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 15px;}
.btn{margin: 25px 0;display: block;}
.btn a{color: #006835;text-align: center;padding: 10px;min-width: 220px;display: inline-block; border-radius: 3px;background-color:#e2efbc;background-image:  url(./img/lnk-ar.svg);background-repeat: no-repeat; background-position: center right 10px;background-size: 22px;font-weight: bold;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;;transition: 0.2s;}
.btn a:hover{transition: 0.2s;background-color: #e3f7aa;}
.btn.grn a{background-color: #057940;color: #fff;background-image:  url(./img/lnk-arwh.svg);}
.btn.grn a:hover{background-color: #000;}
.btn.center{text-align: center;}

/*header
*********************/
.header{margin: 0 auto;padding: 10px 0px;background: #ffffff;}
.header .wmain{padding: 5px 0 10px;display: flex;justify-content: space-between;align-items: center;font-weight: 500;}
.header .logo{width: 300px;}

/*header
*********************/
.header{margin: 0 auto;padding: 10px 0px;background: #ffffff;}
.header .wmain{padding: 5px 0 10px;display: flex;justify-content: space-between;align-items: center;font-weight: 500;}
.header .logo{width: 300px;}
/*topnav*/
.topnav{max-width: 70%;}
.topnav .nav {margin: 0 auto;padding:0;display: flex;justify-content: flex-end;align-items: center;}
.topnav .nav li a{font-size: 120%;padding: 0 25px;}
.topnav .nav .dropdown .btn{font-size: 90%;color: #fff;}
.topnav .nav .dropdown a{color: #333;font-size: 80%;margin: 0;}
.topnav .nav .pc{display: none;}
.menu-trigger{display: none;}
#header.fixed{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.topnav .menu-item-has-children {position: relative;cursor: pointer;}
.topnav .menu-item-has-children a{padding: 10px 0;position: relative;}
.topnav .nav-item-dropdown {position: relative;cursor: pointer;}
.topnav .nav-item-dropdown a{padding: 10px 0;position: relative;}
.topnav ul .dropdown-trigger {position: relative;}
.topnav ul .dropdown-trigger:before {content: "›";position: absolute;color: #006835;font-size: 26px;font-weight: bold;transform: rotate(90deg);top: -6px;right: 5px;}
.topnav ul .sub-menu {background-color: #006835;display: none;position: absolute;top: 2.4rem;left: 0;right: 0;margin: 0 auto;width: 270px;z-index: 9;}
.topnav ul .sub-menu a {color: #fff;}
.topnav ul .sub-menu li {text-align: left;}
.topnav ul .sub-menu li a:hover {background-color: #077d43;}
.topnav .nav .sub-menu a{margin: 0;font-size: 95%;display: block;padding: 10px 15px;}
.topnav ul .sub-menu.on{opacity: 1;}

/*Top Page
*********************/
/*fv*/
.fv .ctn{width: 90%; margin: 0 auto;position: relative;}
.fv .img{width: 100%;height: 730px;border-bottom-right-radius: 40px;border-bottom-left-radius: 40px;}
.fv .img .fitsz{border-radius: 0;}
.fv .wmain{position: absolute;top: 0;left: 0;}
.fv .txt{color: #fff;padding: 100px 0 0 200px;}
.fv .txt .tisub{font-size: 140%;margin: 0 0 45px;line-height: 1.6;}
.fv .txt .tisub span{font-weight: bold;font-size: 150%;}
.fv .txt .ti{font-size: 3.2rem;font-weight: bold;line-height: 1.4;}
/*topNews*/
.topNews{padding: 30px 0 10px;}
.topNews .ctn{display: flex;justify-content: space-between;}
.topNews .ti{width: 12%;border-right: 1px solid #006835;color: #006835;}
.topNews .tx{width: 83%;}
.topNews .ctn li{padding: 5px 0;}
.topNews .ctn li a{color: #000;}
.topNews .ctn li a:hover{color: #006835;}
.topNews .ctn li a span{color: #8d8d8d;margin: 0 45px 0 0;}
/*topAim*/
.topAim .ctn{display: flex;justify-content: space-between;}
.topAim .tx{width: 50%;}
.topAim ul{padding: 20px;background: #e3f2eb;border-radius: 15px;margin: 0 0 20px;}
.topAim li{display: flex;justify-content: space-between;padding: 5px 0;align-items: center;font-weight: bold;color: #006835;}
.topAim li .ico{width: 15%;}
.topAim li p{width: 80%;margin: 0;}
.topAim .img{margin: 100px 0 0;width: 45%;height: 420px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.topAim .img img{position: absolute;width: 120%;height: 100%;object-fit: cover;bottom: 0;}
/*topBusiness*/
.topBusiness{background: #004f27;color: #fff;}
.topBusiness .sec-ti{color: #fff;}
.topBusiness .ctn{display: flex;justify-content:space-between;flex-direction: row-reverse;}
.topBusiness .tx{width: 45%;}
.topBusiness .img{width: 50%;height: 395px;}
.topBusiness .img img{position: absolute;width: 120%;height: 100%;object-fit: cover;bottom: 0;}
/*topCase*/
.topCase .ctn{display: flex;justify-content: space-between;}
.topCase .tx{width: 48%;}
.topCase .imgs{width: 45%;text-align: center;}
.topCase .img{width: 100%;height: 300px;}
.topCase .imgs p{margin: 15px 0;font-weight: bold;color: #006835;}

/*pg
*********************/
.pgfv .bg{position: relative; color: #fff;background: #006835;padding: 65px 0;width: 92%;margin: 0 auto;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;overflow: hidden;}
.pgfv .bg .tx{position: relative;z-index: 2;}
.pgfv .bg .pgfvimg{position: absolute;right: 0;bottom: 0;width:50%;}
.pgfv .bg .img{width: 100%;height: 199px;}
.pgfv .bg .img .fitsz{border-radius: 0;}
/*pgCompany*/
.pgCompany .cpyAbout .ctn{display: flex;justify-content: space-between;}
.pgCompany .cpyAbout .tx{width: 50%;}
.pgCompany .cpyAbout .img{width: 45%;height: 400px;margin: 100px 0 0;}
.pgCompany .cpyMessage{position: relative;padding: 40px 0 100px;}
.pgCompany .cpyMessage .wmain{position: relative;color: #fff;}
.pgCompany .cpyMessage .sec-ti{color: #fff;}
.pgCompany .cpyMessage .ctn{display: flex;justify-content: space-between;position: relative;z-index: 3;align-items: center;}
.pgCompany .cpyMessage .tx{width: 70%;}
.pgCompany .cpyMessage .img{width: 25%;}
.pgCompany .cpyMessage .img img{border-radius: 30px;}
.pgCompany .cpyMessage:before{content: "";position: absolute;right: 0;bottom: 0; width: 100%;background: #e3f2eb;height: 80%;z-index: 1;}
.pgCompany .cpyMessage:after{content: "";position: absolute;right: 0;bottom: 9%; width: 90%;background: #004f27;height: 90%;z-index: 2;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.pgCompany .cpyStyle .ctn{display: flex;justify-content: space-between;}
.pgCompany .cpyStyle .tx{width: 54%;}
.pgCompany .cpyStyle .img{width: 44%;height: 320px;}
.pgCompany .cpyGrph{background: #f1f8db;}
.pgCompany .cpyGrph .ctn{display: flex;justify-content: space-between;}
.pgCompany .cpyGrph .imgs{width: 45%;}
.pgCompany .cpyGrph .tx{width: 45%;margin: 120px 0 0;}
.pgCompany .cpyGrph li{padding: 15px 0;display: flex;justify-content: space-between;font-weight: bold;font-size: 110%;}
.pgCompany .cpyGrph .ico{width: 30px;height: 30px;border-radius: 150px;}
.pgCompany .cpyGrph .ico1{background: #308b4c;}
.pgCompany .cpyGrph .ico2{background: #2e5d34;}
.pgCompany .cpyGrph .ico3{background: #6ab15d;}
.pgCompany .cpyGrph .ico4{background: #a2cc9a;}
.pgCompany .cpyGrph .ti{width: 10%;margin: 0 0 0 15px;}
.pgCompany .cpyGrph .dsc{width: 80%;}
.pgCompany .cpyDtl .ctn{display: flex;justify-content: space-between;}
.pgCompany .cpyDtl .tx{width: 50%;}
.pgCompany .cpyDtl table{width: 100%;}
.pgCompany .cpyDtl th,.pgCompany .cpyDtl td{font-weight: normal;}
.pgCompany .cpyDtl th{width: 30%;}
.pgCompany .cpyDtl td{width: 70%;}
.pgCompany .cpyDtl .gmap{width: 45%;margin: 120px 0 0;}
.pgCompany .cpyDtl .ggmap {position: relative;padding-bottom: 95%;padding-top: 40px;height: 0;overflow: hidden;}
.pgCompany .cpyDtl .ggmap iframe,
.pgCompany .cpyDtl .ggmap object,
.pgCompany .cpyDtl .ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*pgCase*/
.pgCase .caseDtl ul{display: flex;justify-content: space-between;margin: 30px auto 0;}
.pgCase .caseDtl li{width: 30%;display: flex;flex-direction: column;}
.pgCase .caseDtl .img{width: 100%;height: 250px;}
.pgCase .caseDtl .ti{text-align: center;margin: 15px 0;font-weight: bold;color: #006835;font-size: 130%;}
.pgCase .caseDtl .btn{text-align: center;margin: auto 0 0;}
.pgCase .caseDtl .btn a{width: 95%;margin: 0 auto;}
.pgCase .caseChosen{color: #fff;background: #014f27;}
.pgCase .caseChosen .sec-ti{color: #fff;}
.pgCase .caseChosen .img{width: 100%;height: 32vw;margin: 0 0 50px;}
.pgCase .casePlan{background: #eff8f4;}
.pgCase .casePlan ul{display: flex;justify-content: space-between;margin: 30px auto 0;}
.pgCase .casePlan li{width: 30%;display: flex;flex-direction: column;}
.pgCase .casePlan .img{width: 100%;height: 250px;}
.pgCase .casePlan .ti{text-align: center;margin: 15px 0;font-weight: bold;color: #006835;font-size: 130%;}
.pgCase .casePlan .btn{margin: auto 0 0;}
.pgCase .casePlan .btn a{width: 95%;margin: 0 auto;}
.pgCase .caseCst .ytube{margin: 0 auto;width: 85%;}
.pgCase .caseCst .movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.pgCase .caseCst .movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*pgBusiness*/
.pgBusiness .bsnAgency .ctn{display: flex;justify-content: space-between;}
.pgBusiness .bsnAgency .tx{width: 50%;}
.pgBusiness .bsnAgency .img{width: 45%;height: 26vw;}
.pgBusiness .bsnPurc {background: #f4f4f4;}
.pgBusiness .bsnPurc .ctn{display: flex;justify-content: space-between;}
.pgBusiness .bsnPurc .tx{width: 50%;}
.pgBusiness .bsnPurc .img{width: 45%;height: 26vw;}
.pgBusiness .bsnTeras .ctn{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.pgBusiness .bsnTeras .tx{width: 50%;}
.pgBusiness .bsnTeras .img{width: 45%;height: 23vw;}
.pgBusiness .bsnImpro{background: #f4f4f4;}
.pgBusiness .bsnImpro .ctn{display: flex;justify-content: space-between;}
.pgBusiness .bsnImpro .tx{width: 50%;}
.pgBusiness .bsnImpro .img{width: 45%;height: 22vw;}
.pgBusiness .pgbsnPurc .img{width: 100%;height: 30vw;}
.pgBusiness .pgbsnPurc h3{margin: 20px 0 15px;}
.pgBusiness .pgbsnPurc ul{display: flex;justify-content: space-between;margin: 30px 0 0;}
.pgBusiness .pgbsnPurc li{width: 30%;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnPurc .img{width: 100%;}
.pgBusiness .pgbsnPurc .tx{width: 65%;}
.pgBusiness .pgbsnPurc .tx .ti{font-weight: bold;margin: 0 0 5px;font-size: 120%;}
.pgBusiness .pgbsnPurc .imgs{width: 30%;}
.pgBusiness .pgbsnCostVoice{background: #e3f2eb;}
.pgBusiness .pgbsnCostVoice ul{margin: 30px 0 0;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnCostVoice li{width: 46%;background: #fff;padding: 15px;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnCostVoice .imgs{width: 35%;}
.pgBusiness .pgbsnCostVoice .txt{width: 60%;}
.pgBusiness .pgbsnCostVoice .ti{font-weight: bold;margin: 0 0 10px;}
.pgBusiness .pgbsnCostVoice p{margin: 0;}
.pgBusiness .pgbsnOwner ul{margin: 30px 0 0;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnOwner li{width: 46%;background: #f4f4f4;padding: 15px;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnOwner .imgs{width: 35%;}
.pgBusiness .pgbsnOwner .txt{width: 60%;}
.pgBusiness .pgbsnOwner .ti{font-weight: bold;margin: 0 0 10px;}
.pgBusiness .pgbsnOwner p{margin: 0;}
.pgBusiness .pgbsnMiryoku{background: #f4f4f4;}
.pgBusiness .pgbsnMiryoku ul{margin: 0 auto;width: 75%;}
.pgBusiness .pgbsnMiryoku li{padding: 10px;background: #fff;margin: 10px auto;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnMiryoku .img{width: 42%;}
.pgBusiness .pgbsnMiryoku .tx{width: 50%;padding: 10px 20px;}
.pgBusiness .pgbsnMiryoku .nbr{font-size: 350%;color: #006835;font-style: italic;line-height: 1.2;}
.pgBusiness .pgbsnMiryoku .ti{font-weight: bold;font-size: 130%;margin: 10px 0;line-height: 1.4;}
.pgBusiness .pgbsnAble .ctn{display: flex;justify-content: space-between;margin: 0 auto 50px;}
.pgBusiness .pgbsnAble .ctn.frst{flex-direction: row-reverse;}
.pgBusiness .pgbsnAble .img{width: 45%;height: 16vw;}
.pgBusiness .pgbsnAble .tx{width: 50%;}
.pgBusiness .pgbsnAble .btn a{min-width: 420px;}
.pgBusiness .pgbsnOwn .img{width: 100%;height: 30vw;}
.pgBusiness .pgbsnOwn h3{margin: 20px 0 15px;}
.pgBusiness .pgbsnOwn .ytube{margin: 45px auto 0;width: 100%;}
.pgBusiness .pgbsnOwn .movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.pgBusiness .pgbsnOwn .movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.pgBusiness .pgbsnOwnerVoice{background: #e3f2eb;}
.pgBusiness .pgbsnOwnerVoice ul{margin: 30px 0 0;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnOwnerVoice li{width: 46%;background: #fff;padding: 15px;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnOwnerVoice .imgs{width: 35%;}
.pgBusiness .pgbsnOwnerVoice .txt{width: 60%;}
.pgBusiness .pgbsnOwnerVoice .ti{font-weight: bold;margin: 0 0 10px;}
.pgBusiness .pgbsnOwnerVoice p{margin: 0;}
.pgBusiness .pgbsnImpro .img{width: 100%;height: 30vw;}
.pgBusiness .pgbsnImpro h3{margin: 20px 0 15px;}
.pgBusiness .pgbsnImpro ul{margin: 0 auto;}
.pgBusiness .pgbsnImpro li{margin: 20px auto;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnImpro .imgs{width: 30%;}
.pgBusiness .pgbsnImpro .tx{width: 65%;}
.pgBusiness .pgbsnImpro .nbr{font-size: 350%;color: #006835;font-style: italic;line-height: 1.2;}
.pgBusiness .pgbsnImpro .ti{font-weight: bold;font-size: 130%;margin: 10px 0;line-height: 1.4;}
.pgBusiness .pgbsnImproReason{background: #f4f4f4;}
.pgBusiness .pgbsnImproReason ul{margin: 0 auto;width: 85%;}
.pgBusiness .pgbsnImproReason li{margin: 15px 0;background: #fff;padding: 15px;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnImproReason li:nth-child(even){flex-direction: row-reverse;}
.pgBusiness .pgbsnImproReason .tx{width: 63%;padding: 25px;}
.pgBusiness .pgbsnImproReason .img{width: 30%;}
.pgBusiness .pgbsnImproReason .ti{font-weight: bold;font-size: 120%;color: #006835;margin: 0 0 10px;}
.pgBusiness .pgbsnAgency .img{width: 100%;height: 30vw;}
.pgBusiness .pgbsnAgencyFeat{background: #e3f2eb;}
.pgBusiness .pgbsnAgencyFeat ul{margin: 0 auto;}
.pgBusiness .pgbsnAgencyFeat li{margin: 15px 0;background: #fff;padding: 20px;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnAgencyFeat li:nth-child(even){flex-direction: row-reverse;}
.pgBusiness .pgbsnAgencyFeat .tx{width: 60%;}
.pgBusiness .pgbsnAgencyFeat .img{width: 38%;}
.pgBusiness .pgbsnAgencyFeat .tibl{font-weight: bold;margin: 0 0 5px;display: flex;justify-content: flex-start;align-items: center;}
.pgBusiness .pgbsnAgencyFeat .nbr{font-size: 280%;color: #006835;font-style: italic;font-weight: 500;line-height: 1.4;}
.pgBusiness .pgbsnAgencyFeat .ti{font-size: 130%;margin: 0 0 0 20px;line-height: 1.4;}
.pgBusiness .pgbsnAgencyFeat .tisub{color: #fff;display: inline-block;background: #006835;padding: 3px 30px;text-align: center;margin: 0 0 5px;}
.pgBusiness .pgbsnAgencyVoice ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pgBusiness .pgbsnAgencyVoice li{width: 48%;margin: 0 0 40px;border: 1px solid #006835;}
.pgBusiness .pgbsnAgencyVoice .img{width: 100%;height: 15vw;}
.pgBusiness .pgbsnAgencyVoice .img .fitsz{border-radius: 0;}
.pgBusiness .pgbsnAgencyVoice .tx{padding: 20px;}
.pgBusiness .pgbsnAgencyVoice .ti{text-align: center;font-weight: bold;margin: 0 0 10px;font-size: 120%;}
.pgBusiness .pgbsnAgencyVoice .tx p{margin: 0;}
.pgBusiness .pgbsnAgencyReason{background: #f4f4f4;}
.pgBusiness .pgbsnAgencyReason ul{margin: 0 auto;width: 85%;}
.pgBusiness .pgbsnAgencyReason li{margin: 15px 0;background: #fff;padding: 15px;display: flex;justify-content: space-between;}
.pgBusiness .pgbsnAgencyReason .tx{width: 63%;padding: 15px;}
.pgBusiness .pgbsnAgencyReason .img{width: 30%;}
.pgBusiness .pgbsnAgencyReason .tibl{font-weight: bold;margin: 0 0 5px;display: flex;justify-content: flex-start;align-items: center;}
.pgBusiness .pgbsnAgencyReason .nbr{font-size: 280%;color: #006835;font-style: italic;font-weight: 500;line-height: 1.4;}
.pgBusiness .pgbsnAgencyReason .ti{font-size: 130%;margin: 0 0 0 20px;line-height: 1.4;}

/*faq*/
.faq{background: url(./img/grgbg.png);}
.faq .qa{padding: 0 100px;margin: 0 auto 30px;}
.faq li{overflow: hidden;border-radius: 5px;background: #fff;margin: 10px 0}
.qa-q {background: #f5f5f5;padding: 15px 45px 15px 20px;transition: background .3s ease;cursor: pointer;position: relative;border-bottom: 1px solid var(--bggry-color);}
.qa-q::before,
.qa-q::after{position:absolute;content:'';top:1px;right:20px;bottom:0;width:12px;height:2px;margin:auto;background:#333;}
.qa-q::after{transform:rotate(-90deg);transition:transform 0.3s;}
.qa-q.active::after{transform:rotate(0deg);}
.qa-a {background:  var(--white-color);padding: 12px 20px 10px;}
.qa-q p,.qa-a p{padding: 0 45px;position: relative;margin: 0;}
.qa-q .ico,.qa-a .ico{position: relative;}
.qa-q .ico::before,.qa-a .ico::before{text-align: center;border-radius: 100px;font-weight: bold;width: 30px;height: 30px;font-size: 110%;}
.qa-q .ico::before{position: absolute;content:"Q";top: 0px;left: 0;background: #006835;color: #fff;}
.qa-a .ico::before{position: absolute;content:"A";top: 0px;left: 0;background: #6bb05d;color: #fff;}
.qa-q:hover,.qa-q.active {background: #f2f8dc;}
.qa-a {display: none;}
.contact .inner{max-width: 70%;margin: 0 auto;}
.contact table{width: 100%;margin: 0 auto 20px;}
.contact tr{border-bottom: 1px dotted #eeeeee;}
.contact th,.contact td{padding: 10px 0;position: relative;}
.contact th{width: 30%;font-weight: normal;}
.contact td{width: 70%;}
.contact th p,.contact td p{margin: 0;}
.contact table select {width: 100%;border: 1px solid #eae9e9;border-radius: 5px;height: 50px;}
.contact .form-req{background: #ffe1e2;color: #c35656;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);padding: 4px 3px;border-radius: 3px;font-size: 80%;line-height: 1;font-weight: 400;}
.submit-btn{text-align: center;margin: 20px auto 0;}
.submit-btn p {display: flex;justify-content: center;}
.submit-btn input{font-size: 105%;font-family: "Noto Sans JP";cursor: pointer;margin: 0 3px;}
.submit{border: none;margin: 5px 0;color: #fff;padding: 10px 100px;background: #333;border-radius: 100px;}
.toback{border: none;margin: 5px 0;border-radius: 100px;padding: 10px 100px;background:#ddd;}
.form-text,.form-textarea{width: 100%; border: 1px solid #eae9e9;background: #f6f6f6;border-radius: 5px;}
.form-text{height: 50px;}
.form-textarea{height: 140px;}
.chk-privacy{text-align: center;}
.chk-privacy a{text-decoration: underline;}
.privacypolicy dl{margin: 30px 0 0;}
.privacypolicy dt{padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px dotted #ddd;font-weight: bold;}
.privacypolicy dd{margin: 0 0 30px;}

/*blog*/
.blogall{display: flex;gap:40px 20px;flex-wrap: wrap;margin: 0 auto 35px;}
.blogall li{width: calc(33% - 15px);}
.blogall .img{aspect-ratio: 16 / 9;border-radius: 6px;}
.blogall .img img{position: absolute;aspect-ratio: 16 / 9;object-fit: cover;object-position: center;transition: transform .3s;height: auto;}
.blogall .dtl{margin: 5px 0;display: flex;justify-content: space-between;align-items: center;}
.blogall .date{color: #999;}
.blogall .cate{font-size: 85%;padding: 3px 5px;background: #f5f5f5;display: inline-block;}
.blogall a:hover img{opacity: 1;width: 110%;transition: .5s;transition: transform .3s;transform: scale(1.05);}
.pagination {display: inline-block;margin: 25px auto 0;}
.pagination a,.pagination .dots{color: black;float: left;padding: 8px 16px;text-decoration: none;}
.pagination a:hover{background: #ddd;}
.pagination .current{float: left;padding: 8px 16px;text-decoration: none;background-color: #006835;color: white;}
.blog .content{margin: 0 auto;width: 80%;}
.blog .content h2{font-size: 1.8rem;line-height: 1.6;margin: 20px 0;}
.blog .content p{margin: 20px 0;display: flex;justify-content: space-between;gap:20px;}
.blog .content p img{flex: 1;width: 48%;margin: 15px 0;}
.blog .brd{margin: 0 0 15px;}
.blog .brd ul{display: flex;justify-content: flex-start;}
.blog .brd li{margin: 0 5px 0 0;color: #999;}
.blog .brd li a:after{content: '〉';margin: 0 0 0 10px;color: #333;opacity: 1;}
.post-thumbnail img{height: auto;}
.blog .content table{width: 100%;}
.blog .content th,.blog .content td{width: auto;padding: 5px;border: 1px solid #ddd;}
.blog .content th{text-align: center;}
.blog .content p a{text-decoration: underline;}


/*footer
*********************/
.footer{margin: 50px auto 0;}
.footer .bg{background: #e3f2eb;max-width: 92%;padding: 25px 0;border-top-right-radius: 15px;border-top-left-radius: 15px;margin: 0 auto;}
.footer .wmain{padding: 5px 0 10px;display: flex;justify-content: space-between;}
.footer .logo{width: 250px;}
.footnav{width: 50%;text-align: right;font-size: 80%;}
.footnav ul{display: flex;justify-content: flex-end;}
.footnav li a {font-size: 135%;margin: 0 0 0 25px;}