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

body	{color: #666;text-align: center;letter-spacing:0.05em;word-break: break-all;}

img	{width: 100%;height: auto;line-height: 0}
a:hover	{opacity: 0.5;transition: all 0.5s;}
p	{margin-bottom: 1em}
p:none	{margin-bottom: 0}

/*数字リスト*/
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.maru    {margin:0;list-style-type:none;font-size:100%;}
ul.maru    li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;}
ul.maru    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,.w1200{display:none}
@media screen and (max-width:1100px){.pconly{display:none}}
@media screen and (max-width:1200px){.w1200{display:inline}}
@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
---------------------------*/

:root {
  --color-p1: #0099cc;/*ブルー*/
		--color-p2: #666666;/*グレー*/
		--color-p3: #ffff33;/*黄色*/
		--color-p5: #75b8fd;/*ブルー 2*/
}


a{color:  var(--color-p1);}

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

#header	{position: fixed;top: 0;left: 0;width: 100%;height: 80px;background: #fff;border-bottom: 1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 20000}

.logo	{width: 484px;margin-left: 15px}

#g-nav{position:fixed;z-index:1;top:0;right:-120%;width:100%;height:100vh;background:rgba(0,153,0255,.9);transition:all .6s}
#g-nav.panelactive{right:0}
#g-nav.panelactive 
#g-nav-list{position:fixed;z-index:1;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}
#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:left}
#g-nav li a{display:block;padding: 15px 0;font-size: 1.2rem;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700}

#g-nav .submenu{position:relative;top: 50px;padding: 0 15px;}
#g-nav .submenu	li{padding: 0}

.openbtn1{position:fixed;top:5px;right:10px;z-index:2;cursor:pointer;width:70px;height:70px;background:rgba(255,255,255,.4);}
.openbtn1 span{position:absolute;left:18px;height:1px;display:inline-block;transition:all .4s;background-color:#333;width:45%}
.openbtn1 span:nth-of-type(1){top:23px}
.openbtn1 span:nth-of-type(2){top:35px}
.openbtn1 span:nth-of-type(3){top:48px}
.openbtn1.active span:nth-of-type(1){top:23px;left:12px;transform:translateY(13px) rotate(-45deg);width:65%}
.openbtn1.active span:nth-of-type(2){opacity:0}
.openbtn1.active span:nth-of-type(3){top:48px;left:12px;transform:translateY(-13px) rotate(45deg);width:65%}

@media only screen and (max-width: 580px) {
.logo	{width: calc(100% - 70px);}

.openbtn1{top:15px;width:50px;height:50px;}
.openbtn1 span{left:14px;height:2px;}
.openbtn1 span:nth-of-type(1){top:15px}
.openbtn1 span:nth-of-type(2){top:23px}
.openbtn1 span:nth-of-type(3){top:31px}
.openbtn1.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}
.openbtn1.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}
}

/*---------------------------
　TITLE
---------------------------*/

.page-title	{padding: 50px;color:var(--color-p1);font-size: 2.2rem;font-weight: 600;}
.page-sub-title	{margin-bottom: 50px;padding: 10px 0;font-size: 1.5rem; }
.page-title-s	{margin-bottom: 50px;color:var(--color-p1);font-size: 1.5rem;text-align: center}



.page-sub-title {


  background: rgba(0,153,255,0.2);
  z-index: -1;
  background-size: 10px 10px;
  background-image: repeating-linear-gradient(45deg, #edf8fb 0, #edf8fb 2px, #d3eef7 0, #d3eef7 50%);
}






/*---------------------------
　main
---------------------------*/

#main	{margin-top: 80px;}


/*---------------------------
　お問い合わせ
---------------------------*/

.contact-us-area	{padding: 80px 0;}
.contact-us-area-title	{margin-bottom: 40px;color:var(--color-p1);font-size: 1.8rem;font-weight: 600;text-align: center}
.contact-us-area-ul	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.contact-us-area-ul	li{flex-basis: 48%;margin: 0 1%;padding: 20px;border: 2px solid var(--color-p5);text-align: center}
.contact-us-area-ul	li	span{display: block;}


.contact-us-mail	{text-aling: center}
.contact-us-mail	a{display: block;max-width: 360px;margin: 20px auto auto auto;padding: 20px;background:var(--color-p5);color: #fff;text-decoration: none}

.telnum	{padding: 15px;font-family: 'Roboto Condensed', sans-serif;font-size: 1.8em;color: var(--color-p1)}
.telnum	a{font-size: 2.3rem;font-weight: 600;text-decoration: none}
.telnum	i{margin-right: 5px;}

@media only screen and (max-width: 830px) {
.contact-us-area	{padding: 30px 0;}
.contact-us-area-ul	{display: block}
.contact-us-area-ul	li:first-child{margin-bottom: 20px;}
}

@media only screen and (max-width: 420px) {
.contact-us-area	{font-size: 0.85rem}
}


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

#footer	{background: var(--color-p5);color: #fff;}

.footer-link-area	{background:rgba(255,255,255,0.8);}

.footer-link	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 10px 0;text-align: center}
.footer-link	a{display: block;color:#777777;text-decoration: none}

.link-block	{height: 60px;line-height: 60px;}
.link-block-s,.footer-link-service	{height: 30px;line-height: 30px;}

.footer-link	> li{-ms-flex-preferred-size: 20%;flex-basis: 20%;border-left: 1px solid rgba(0,0,0,0.3);}
.footer-link	> li:last-child{border-right: 1px solid rgba(0,0,0,0.3);}
.footer-link	> li:nth-child(2)	{-ms-flex-preferred-size: 40%;flex-basis: 40%;}

.footer-link-service	{display: block;margin: 0 10px;line-height: 1.2em;border-bottom: 1px dotted rgba(0,0,0,0.4);}
.footer-link-submenu	{display:-webkit-box;display:-ms-flexbox;display:flex;width: 100%;text-align: center;}
.footer-link-submenu	li{-ms-flex-preferred-size: 50%;flex-basis: 50%;;margin: 5px 0 0 0;border: none}
.footer-link-submenu	li:first-child{border-right: 1px dotted rgba(0,0,0,0.4);}
.footer-link-submenu	li	a{}

.foot-information	{width: 100%;padding: 30px 0;text-align: center}
.foot-information	h3{margin-bottom: 0.5em;font-size: 1.5rem;font-weight: 500;}
.foot-information	.telnum-area	{padding: 15px 0;}
.foot-information	.telnum-area	i{margin-right: 5px;color: #fff;font-size: 2rem;}
.foot-information	.telnum	{font-family: 'Roboto Condensed', sans-serif;font-weight: 500;}
.foot-information	.telnum	a{color:#fff;font-size: 2rem;text-decoration: none}
.foot-information-uketuke	{font-size: 0.8rem}

@media screen and (max-width:980px){
.footer-link,.footer-link-submenu		{display: block;with: auto;text-align: left;}
.footer-link	> li,.footer-link-service,.footer-link	> li:last-child{border: none;}
.footer-link-service	{margin: 0}
.footer-link-submenu	{margin: 0 0 0 15px;padding: 10px 15px;border-left: 1px dotted #777777;}
.footer-link-submenu	li{padding: 0 0 5px 0;}
.footer-link-submenu	li:last-child{}
.link-block	{height: 50px;line-height: 50px;}
.link-block-s,.footer-link-service	{height: 25px;line-height: 25px;}
}



/**--COPYRIGHT--------------------*/
#copiright	{padding: 25px 10px;background: var(--color-p5);border-top: 1px solid rgba(0,0,0,0.1);font-size: 0.8rem;color:#fff;}


/**--PAGETOP--------------------*/
.pagetop{position: fixed;display: block;bottom: 0; right: 0;margin: 0;text-align: right;z-index: 1000;}
.pagetop    a{display: block;background: rgba(0,0,0,0.53); color: #fff;width: 40px;height: 40px;line-height: 38px;text-align: center;font-size: 180%;}
.pagetop    a:hover    {background: #2a73a1;color: #fff;}


/*------------------------
/////FADE/////////////////
------------------------*/

/*ひとつめのフェード*/
.fadeinf {animation-name: fadeinfanm;animation-duration: 1s;}
@keyframes fadeinfanm {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}


/*ふたつめ以降のフェード*/

.fadein {
	opacity : 0;
	transform : translate(0px, 100px);
	transition : all 1000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}


@keyframes fadein {
from {
opacity: 0.1;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/*ふたつめ以降のフェードの中のフェード*/
.fadein.finfade {
	-moz-transition-delay: 40ms;
	-webkit-transition-delay: 40ms;
	-o-transition-delay: 40ms;
	-ms-transition-delay: 40ms;
	}