@charset "utf-8";
.mincho{font-family: 'Noto Serif JP', serif;}
.egl{font-family: 'Crimson Text', serif;}

#header{margin: 20px auto;position: relative;}
#header h1{text-align: left;font-size:2.0rem;font-weight: normal}
#header #nav ul{font-size: 0;margin-top: 25px}
#header #nav li{display: inline-block;font-size: 1.6rem;padding-left: 24px;padding-right: 24px;border-right: 1px solid #ccc;}
#header #nav li:first-child{border-left: 1px solid #ccc;}
#header #nav li span{display: block;font-size: 1.0rem;color: #999}
#header #nav li a{display: block}
#header .htel{background: #2c5382;color: #fff;width:40%;position: absolute;right: 0;top: 0}
#header .htel img{width: 15px;height: auto;vertical-align: middle}
#header .htel span{display: inline-block;vertical-align: middle;margin-left: 8px}
#header .htel span.egl{font-size: 2.2rem}




@media screen and (min-width:768px){ /*PC独自設定*/
.is-fixed {  position: fixed;  top: 0;  left: 0;  z-index: 10;  width: 100%;  padding-bottom: 10px;  box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);  -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);  background-color: rgba(255,255,255,0.9);}
.is-fixed .htel{display: none}
}
@media screen and (max-width: 768px) {
#header{margin: 10px;position: relative}
#header h1{font-size:1.5rem;}
#header #nav{background-color: rgba(255,255,255,0.9);}
#header #nav li{display:block;font-size: 1.6rem;padding-left: 0px;padding-right: 0px;padding: 12px; border-bottom: 1px solid #ccc;border-right:none}
#header #nav li:first-child{border-left:none;}
#header .htel{background: #2c5382;color: #fff;width:100%;position:relative;right: 0;top: 0;padding: 20px 0}
#header .htel img{width: 30px;height: auto;vertical-align: middle}
#header .htel span{display: inline-block;vertical-align: middle;margin-left: 8px}
#header .htel span.egl{font-size: 3.2rem;}
#header .htel a{color: #fff}
/*nav*/
#nav{position: fixed;width: 100%; top: -9999px;height: 0; left: 0; z-index: 50;
overflow:hidden;-webkit-overflow-scrolling: touch;
-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */ }
#humberger{background: #fff;border: 1px solid #2c5382;background: #2c5382; line-height: 1em; color:  #fff;position: fixed;top:10px;	right: 10px;	z-index: 70;	width: 44px;	padding: 5px 8px 0px;height: 44px; cursor: pointer;}
.icon-bar{	height: 2px;background:  #fff;display: block;margin-bottom: 6px;-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */}
.icon-bar.last{margin-bottom: 0}

.fixed-content{	right: inherit;	width: 100%;z-index: 2;-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);/* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */}
#overlay{	z-index:-1;	opacity: 0;	background: #000;left: 0;top: 0;width: 100%;height: 100%;position: fixed;-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition: all 400ms cubic-bezier(1.000,0.000,0.000,1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000,1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */}
/*** ドロワー開放時のスタイル**/

body.drawer-opened #page{top:0px;left: 0}
body.drawer-opened .fixed-content{top:0px;	}
body.drawer-opened #nav{top:55px;left: 0;height:auto;}

body.drawer-opened #humberger .icon-bar{background:  #fff;}
body.drawer-opened #humberger :nth-child(1){		transform:translate(0,8px) rotate(45deg);		-webkit-transform:translate(0,8px) rotate(45deg);	}
body.drawer-opened #humberger :nth-child(2){		transform:translate(-20px ,0);		-webkit-transform:translate(-20px ,0);		opacity:0;	}
body.drawer-opened #humberger :nth-child(3){		transform:translate(0,-8px) rotate(-45deg);		-webkit-transform:translate(0,-8px) rotate(-45deg);	}
body.drawer-opened #overlay{		z-index: 3;		opacity: 0.3;		top:0px;	}
}


#footer{background:#3F5260;margin-top: 50px;padding: 20px 0}
#footer li{display: inline-block;text-align: left;color: #fff;vertical-align: middle;padding:0 20px;}
#footer li:first-child{border-right: 1px solid #fff}
#footer h1{font-size: 2.2rem}
#footer img{width: 60px;height: auto}
#footer li span{display: inline-block;vertical-align: middle;margin-right: 8px}
#footer .egl{font-size: 7.0rem;line-height: 1em}
#footer a{color: #fff}
#address{padding: 20px 0;font-size: 1.2rem}

#pagetop{    position:fixed;    right:10px;    bottom:60px;    cursor:pointer;z-index: 9999 }
	#pagetop:hover img {filter:Alpha(opacity=75);	opacity:0.75; }

@media screen and (max-width: 768px) {
#footer{padding: 0 0 20px 0}
#footer li{display:block;text-align: left;color: #fff;vertical-align: middle;padding-top: 20px}
#footer li:first-child{border-right: none;border-bottom: 1px solid #fff;padding-bottom: 20px}
#footer li:nth-child(2){text-align: center}
#footer h1{font-size: 1.6rem;padding-bottom: 8px}
#footer img{width: 30px;height: auto}
#footer .egl{font-size: 3.0rem;line-height: 1em}
#footer a{color: #fff}
#pagetop img{width: 50px;height: auto}
#address{font-size: 1.0rem}
}

/*各頁共通*/
.w1000{width: 1000px;margin-left: auto;margin-right: auto}
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
#pan{ text-align:left; font-size:85%;padding: 12px 0;}
	#pan li{ display:inline-block; text-align:left; position:relative; }
	#pan li a{ padding-right:20px;}
	#pan li a:after{ 
	content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -3px;
}
/*下線付きタイトル*/
.con_title{font-size: 2.4rem;font-weight: normal; line-height: 1.3em; letter-spacing: 0.2em; position: relative;margin-bottom: 20px}
.con_title:after {content: "";display: block;line-height: 0;overflow: hidden;position: absolute;left: 0;right: 0;margin: auto; bottom: -1px;width: 7%;border-bottom: 1px solid #999;}
@media screen and (max-width: 768px) {
.w1000{width: 96%;}
.con_title{font-size: 1.8rem;}
}