@charset "UTF-8";

*,html	{font-family: 'Noto Sans JP', sans-serif;font-size: 16px;line-height: 180%;box-sizing: border-box}


body	{color: #333;text-align: center;letter-spacing:0.05em;word-break: break-all;overflow: hidden;overflow-y:scroll;}

img	{width: 100%;height: auto;line-height: 0}
a:hover	{opacity: 0.5;transition: all 0.5s;}
div,p {line-height: 180%;}
p	{margin-bottom: 1em}
p.none	{margin-bottom: 0}
.textright  {text-align: right}

/*数字リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}
/*・リスト*/
ul.disc    {margin:0;list-style-type:none;font-size:100%;}
ul.disc    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.disc    li:before{content:"・"}
/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"※"}

/*改行*/
.pconly{display:inline}
.w48,.w64,.w768,.w980{display:none}
@media screen and (max-width:1100px){.pconly{display:none}}
@media screen and (max-width:980px){.w980{display:inline}}
@media screen and (max-width:768px){.w768{display:inline}}
@media screen and (max-width:640px){.w64{display:inline}.w64none{display:none}}
@media screen and (max-width:480px){.w48{display:inline}}

.cwrap	{max-width: 1200px;margin: 0 auto;text-align: left;}
@media only screen and (max-width: 1200px) {.cwrap	{max-width: auto;margin: 0 3%;}}
@media only screen and (max-width: 640px) {.cwrap	{max-width: auto;margin: 0 4%;}}


:root {
--head-height: 115px;/*ヘッダのメニューの高さ*/
--head-height2: -115px;/*ヘッダのメニューの高さ調整分*/

--head-height-sp: 80px;/*ヘッダのメニューの高さ*/
--head-height2-sp: -80px;/*ヘッダのメニューの高さ調整分*/

--base-blue: #114a9c;
}

/*---------------------------
　HEADER
---------------------------*/

#header	{height: var(--head-height);z-index:20000}

#header	{position: fixed;top: 0;left: 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;background: #fff;border-bottom: 1px solid #efefef;}
#header.lower 	{border-bottom: 8px solid #87bd43;}

.head-inner	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.header-block01	{-ms-flex-preferred-size: 427px;flex-basis: 427px;}
.header-block02	{-ms-flex-preferred-size: 323px;flex-basis: 323px;}
#g-nav  {-ms-flex-preferred-size: 450px;flex-basis: 450px;}

.header-block01	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.head-logo	{width: 140px;text-align: center;}
.head-logo	img{width: 83px}
.head-info	li{line-height: 1.15em;}
.head-info	.head-info01{padding-bottom: 3px;font-size: 14px}
.head-info	.head-info02,
.head-info	.head-info03{font-size: 12px;}
.head-info	.cname{padding-top: 7px;line-height: 0}
.head-info	.cname  span{display: inline-block;width: 245px;line-height: 0}

.header-block02	{}
.head-contact	{}
.head-contact	a{color: var(--base-blue);text-decoration: none;}
.head-contact	i{margin-right: 4px;font-weight:bold}
.head-contact	.fa-phone{font-size: 33px;}
.head-contact	.fa-envelope-o{font-size: 24px}
.head-contact	li:nth-child(1)	span	{font-size: 38px;font-weight: 800;}
.head-contact	li:nth-child(3)	span{font-size: 1.5rem;font-weight: 800;}

.head-contact	li:nth-child(1)	{}
.head-contact	li:nth-child(2)	{padding: 0 0 5px 85px;font-size: 0.85rem;line-height: 1em;}
.head-contact	li:nth-child(3)	{}

#g-nav ul	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack: distribute;justify-content: space-around;padding-top: 65px;}
#g-nav li	a{display: block;color: #333;font-size: 0.8rem;text-decoration: none}

@media screen and (max-width:1200px){

.header-block02	{margin-right: 50px;}

#g-nav ul	{display:block;padding-top: 0;}

#g-nav{position:fixed;z-index:1;top:0;right:-120%;width:100%;height:100vh;background:rgba(22,73,157,.9);transition:all .6s}
#g-nav.panelactive{right:0}
#g-nav ul{position:absolute;z-index:1;top:50%;left:50%;width: 85%;transform:translate(-50%,-50%);}
#g-nav li{list-style:none;text-align:center}
#g-nav li a{display:block;padding: 15px 0;font-size: 1rem;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700}

.openbtn{position:fixed;top:30px;right:10px;z-index:2;cursor:pointer;width:50px;height:50px;background:rgba(255,255,255,.4);}
.openbtn span{position:absolute;left:14px;height:3px;display:inline-block;transition:all .4s;border-radius:2px;background-color: var(--base-blue);width:45%}
.openbtn span:nth-of-type(1){top:15px}
.openbtn span:nth-of-type(2){top:23px}
.openbtn span:nth-of-type(3){top:31px}
.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}
.openbtn.active span:nth-of-type(2){opacity:0}
.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}
}

@media screen and (max-width: 840px){

#header	{height: var(--head-height-sp);}
.openbtn{position:fixed;top:15px;right:10px;}

.head-logo	{width: 70px;padding-top: 7px;text-align: left}
.head-logo	img{width: 58px}

.head-info	.head-info01{padding-bottom: 1px;font-size:12px}
.head-info	.head-info02,
.head-info  .head-info03{font-size:11px;}
.head-info	.cname{padding-top: 4px;}
.head-info	.cname  span{width: 220px;}

.header-block02	{position: fixed;left: 0;right: 0;bottom: 0;width: 100%;padding: 3% 1% 0 1%;background: rgba(22,73,157,0.7)}

.head-contact   {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 2%;}
.head-contact	li:nth-child(1){order: 0}
.head-contact	li:nth-child(2){order: 2}
.head-contact	li:nth-child(3){order: 1}

.head-contact	li:nth-child(1){-ms-flex-preferred-size: 48%;flex-basis: 48%;}
.head-contact	li:nth-child(2){-ms-flex-preferred-size: 100%;flex-basis: 100%;padding: 5px 0;}
.head-contact	li:nth-child(3){-ms-flex-preferred-size: 48%;flex-basis: 48%;letter-spacing: 0;}


.head-contact	a{color: #fff}
.head-contact	li:nth-child(1),.head-contact	li:nth-child(3)	{padding: 3px 0;color: #fff;text-align: center;border: none}
.head-contact	li:nth-child(1)	{background: #2f9dd1;}
.head-contact	li:nth-child(3)	{background: #89b929;}
.head-contact	li:nth-child(2){color: #fff;font-size: 10px;}

.head-contact	.fa-phone,
.head-contact	.fa-envelope-o{margin-right: 5px;font-size:3vw}
.head-contact	li:nth-child(1)	span	{display: inline;font-size:3vw}
.head-contact	li:nth-child(3)	span{display: inline;font-size:2.3vw}

}

@media screen and (max-width: 640px){
.head-contact	.fa-phone,
.head-contact	.fa-envelope-o{margin-right: 5px;font-size:4vw}
.head-contact	li:nth-child(1)	span	{display: inline;font-size:4vw}
.head-contact	li:nth-child(3)	span{display: inline;font-size:3.3vw}
}

@media screen and (max-width: 375px){
.head-info	.cname  span{width: 200px;}
}

/*---------------------------
　MAIN
---------------------------*/

#maincontents	{padding-top: var(--head-height);}
.adjustment {padding-top:  var(--head-height);margin-top:  var(--head-height2);}
#main	{position: relative;padding-bottom: 30px;}

@media screen and (max-width:640px){
#maincontents	{padding-top: var(--head-height-sp);}
.adjustment {padding-top:  var(--head-height-sp);margin-top:  var(--head-height2-sp);}
}

/*---------------------------
　FOOTER
---------------------------*/

#footer	{position: relative;padding-bottom: 10px;background: #e6e6e5;}
#footer.home	{border-top: 8px solid #87bd43;}

.footer-inner-wrap	{padding: 60px 0 0}

.footer-inner-wrap	{display:-webkit-box;display:-ms-flexbox;display:flex;width: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.footer-info    {-ms-flex-preferred-size: 37%;flex-basis: 37%;}
.footer-contact  {-ms-flex-preferred-size: 33%;flex-basis: 33%;}
.footer-link	 {-ms-flex-preferred-size: 30%;flex-basis: 30%;}

.footer-info	{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}

.footer-logo	{width: 110px;}
.footer-logo	img{width: 85px}

.footer-info-list	li{line-height: 1.3rem;}
.footer-info-list	li:nth-child(1){padding-bottom: 5px;font-size: 0.9rem}
.footer-info-list	li:nth-child(2),.footer-info-list	li:nth-child(3){font-size: 0.85rem}

.footer-info-name{padding-top: 8px;}
.footer-info-name   span{display: inline-block;width: 266px;}
.footer-info-time	{margin: 0}


.footer-contact {}
.footer-contact-list 	a{color: var(--base-blue);text-decoration: none;}
.footer-contact-list i{margin-right: 7px;font-weight:bold}
.footer-contact-list	.fa-phone{font-size: 38px;}
.footer-contact-list	.fa-envelope-o{font-size: 38px}
.footer-contact-list    li:nth-child(1){padding-bottom: 10px;}
.footer-contact-list    li:nth-child(1)	span	{font-size:42px;font-weight: 800;}
.footer-contact-list    li:nth-child(2)	span{font-size: 30px;font-weight: 800;}


.footer-link	{}
.footer-link	a{display: block;color: #333;text-align: center;text-decoration: none;line-height: 1.2rem}
.footer-link-list	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.footer-link-list	li{-ms-flex-preferred-size: 33.3333333%;flex-basis: 33.3333333%;margin-bottom: 15px;}
.footer-link-list	li:last-child{-ms-flex-preferred-size: 66.6666666%;flex-basis: 66.6666666%;}


.footer-link-list	li{border-right: 1px solid #666;}
.footer-link-list	li:nth-child(1),.footer-link-list	li:nth-child(4){border-left: 1px solid #666;}

#copiright	{padding: 0 10px 25px 10px;font-size: 0.7rem;}

@media screen and (max-width:1200px){
.footer-link	a{padding: 0.5em 0}

.footer-info    {-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.footer-contact   {-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.footer-link	 {-ms-flex-preferred-size: 100%;flex-basis: 100%;}

.footer-link-list   {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top: 10px;}
.footer-link-list	li,
.footer-link-list	li:last-child{-ms-flex-preferred-size: 20%;flex-basis: 20%;}

.footer-link-list	li,
.footer-link-list	li:nth-child(1),.footer-link-list	li:nth-child(4){border: none}
}

@media screen and (max-width:980px){
.footer-info,.footer-contact   {-ms-flex-preferred-size: 100%;flex-basis: 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.footer-info    {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: center;}
.footer-logo	{width:auto;margin: 0 auto 15px auto;text-align: center;}
.footer-logo	img{width: 80px}

.footer-info-list   {display: inline-block;}
.footer-info-list	li:nth-child(1){font-size: 1rem}
.footer-info-list	li:nth-child(2),.footer-info-list	li:nth-child(3){font-size: 0.8rem}

.footer-info-name{font-size: 2rem;}

.footer-contact-list    {padding: 15px 0}
.footer-contact-list	.fa-phone{font-size: 35px;}
.footer-contact-list	.fa-envelope-o{font-size: 28px}
.footer-contact-list    li:nth-child(1)	span	{font-size:35px;}
.footer-contact-list    li:nth-child(2)	span{font-size: 25px;}

.footer-link-list   {padding-top: 10px;}
.footer-link-list	li  {margin: 0;}
.footer-link-list	li,
.footer-link-list	li:last-child{-ms-flex-preferred-size: 33%;flex-basis: 33%;}

#copiright	{padding: 25px 10px;font-size: 0.5rem;}
}

@media screen and (max-width: 840px){
#copiright	{padding: 25px 0 80px 0;}
}

@media screen and (max-width:640px){
    
.footer-contact-list    {padding: 15px 0 0 0}
.footer-info-name{font-size: 6vw;}
.footer-link-list	li{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.footer-link-list	li:last-child{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
#copiright	{padding: 10px 0 70px 0;}
}

/*---------------------------
　PAGETOP
---------------------------*/

.pagetop{position: absolute;display: block;top: -45px;left: 0; right: 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;margin: 0;z-index: 100;}

.pagetop    a{-ms-flex-preferred-size: 80px;flex-basis: 80px;display: block;height: 80px;line-height: 80px;background: #d0d72f; color: #fff;text-align: center;text-decoration: none;border: 3px solid #fff;border-radius: 40px;}

.pagetop    a:hover    {opacity: 1}
.pagetop    a   i{display: block;padding-top: 10px;font-size: 60px;line-height: 35px;}
.pagetop    a   span{display: block;font-size: 10px;line-height: 10px;white-space: nowrap}

@media screen and (max-width:768px){
.pagetop    a{width: 40px;}
.pagetop    span{display: none}
.pagetop    a   i{margin-right:0;}
}