@charset "utf-8";
/* ---------------------------------------------
CSS Info

 File name:  base.css
 Style Info: ظ╥أظ┬آŸعéق╛›ق╜╜ظ╥ق╛┬ظ┬آœظ╤أ«ظ╥أ┬ظ├ق╛šعéق╛›ق╜│ظ╥أ┬ظ├ق╛šظ╤آŸظ╥أ┬ظ├ق╛šظ┬آ¤ظ╥أ┬ظ├ق╜،عéق╛›ق╛š

------------------------------------------------ */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');

/* ------------------------------------------------
ظ╥أ┬عéق╛œأ╚عéق╛œأ╚ظ╥أ┬ظ├ق╜،عéق╛›ق╛œظ╥أ┬ظ├ق╛šظ╤آ›ظ╥أ┬ظ├ق╜،ظ├ق╜،ظ╥أ┬ظ├ق╜،ظ├ق╛╜
------------------------------------------------ */
*,*:before,*:after {
	margin:0;   
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}

html {
	-ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
	font-size:62.5%;
}

ol, ul {list-style:none;}

button, input, select, textarea {
	margin:0;
	padding:0;
	font-family:inherit;
	font-size:100%;
}

blockquote, q {quotes:none;}

blockquote:before,
blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img {
  max-width:100%;
  height:auto;
	outline:none;
}

/*a {
	-webkit-transition: all .3s;
  transition: all .3s;
	outline:none;
	word-wrap : break-word;
  overflow-wrap : break-word;
}*/

::selection {
	background:#00a569;
	color:#FFF;
}
::-moz-selection {
	background:#00a569;
	color:#FFF;
}


/* ------------------------------------------------
ظ╥أ┬عéق╛œأ╚عéق╛œأ╚ظ╥أظ┬آŸعéق╛›ق╜╜ظ╥ق╛┬ظ┬آœظ╤أ«
------------------------------------------------ */
body {
	text-align: left;
	background: #FFF;
	font-family: "ظ╥أ┬ظ├ق╜،عéق╛›آظ╥أ┬ظ├ق╜،عéق╛›آšظ╥أ┬ظ├ق╛šظ┬ق╛╚ظ╥أ┬ظ├ق╜،عéق╛›ق╛›ظ╥أ╔عéق╛›آžعéق╛›آظ╥أ┬ظ├ق╛šعéق╛›ق╛╗ Pro W3","ظ╥أ┬ظ├ق╜،عéق╛œق╛║ظ╥أ┬ظ├ق╛šظ┬آ¤ظ╥أ┬ظ├ق╜،عéق╛›ق╛œظ╥أ┬ظ├ق╛šعéق╛›ق╛œ","Meiryo","Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 1.8;
}

a {
font-weight:bold;
text-decoration:none;
}

a:link { /*ظ╥أ┬ظ├ق╛šعéق╛œظîظ╥أ┬ظ├ق╛šظ┬ظ›ظ╥أ┬ظ├ق╛šظ╤آ›ظ╥أ┬ظ├ق╛šعéق╛›ق╜│ظ╥أ┬عéق╛œآ¤ظ├ق╛─ظ╥أ┬عéق╛œآ¤ظ┬آŸظ╥أ┬عéق╛œآ¤ظ├ق╛║ظ╥أ┬عéق╛œآ¤عéق╛›آŸظ╥أ┬عéق╛œآ¤ظ┬ق╛╚ظ╥أ┬عéق╛œآ¤عéق╛›ق╛œظ╥أ┬عéق╛œآ¤عéق╛›ق╜═ظ╥أ┬ظ├ق╜،عéق╛›ق╛œظ╥أ┬ظ├ق╜،عéق╛›ُ├┤ظ╥أ┬ظ├ق╛šظ┬ظ›*/
color:#0000FF;
}

a:visited { /*ظ╥أ┬ظ├ق╛šعéق╛œظîظ╥أ┬ظ├ق╛šظ┬ظ›ظ╥أ┬ظ├ق╛šظ╤آ›ظ╥أ┬ظ├ق╛šعéق╛›ق╜│ظ╥أ┬عéق╛œآ¤ظ├ق╛─ظ╥أ┬عéق╛œآ¤ظ┬آŸظ╥أ┬عéق╛œآ¤ظ├ق╛║ظ╥أ┬عéق╛œآ¤عéق╛›آŸظ╥أ┬عéق╛œآ¤ظ┬ق╛╚ظ╥أ┬عéق╛œآ¤ظ├ق╛šظ╥أ┬ظ├ق╛šظ├آ؛ظ╥أ┬ظ├ق╜،عéق╛›ق╛œظ╥أ┬ظ├ق╜،عéق╛›ُ├┤ظ╥أ┬ظ├ق╛šظ┬ظ›*/
color:#6600FF;
}

a:hover {/*ظ╥أ┬ظ├ق╜،ظ┬آžظ╥أ┬ظ├ق╛šعéق╛œق╛┐ظ╥أ┬ظ├ق╛šعéق╛›ق╜│ظ╥أ┬عéق╛œآ¤ظ├آ╩ظ╥ق╛┴عéق╛›آ¤ظ├ق╛Ÿظ╥أ┬عéق╛œآ¤عéق╛›ق╛šظ╥ق╛┴عéق╛›ق╜│ظ├ق╛─ظ╥أ┬عéق╛œآ¤عéق╛œآœظ╥أ┬عéق╛œآ¤عéق╛œق╛┐ظ╥أ┬عéق╛œآ¤عéق╛›ق╜═ظ╥أ┬ظ├ق╛šظ├آ؛ظ╥أ╞ظ├ق╛Ÿعéق╛›ق╛žظ╥ق╛┬ظ├ُ├┤ظ├آ؛*/
color:#FF0099;
text-decoration:underline;
}

a img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}




/* ------------------------------------------------
ظ╥أ┬عéق╛œأ╚عéق╛œأ╚ظ╥أظ├ُ├┤عéأ؛ق╛ظ╥أ╩عéق╛œأ╚ظ┬آšظ╥أ┬ظ├ق╜،ظ╤أ«ظ╥أ┬ظ├ق╛šظ┬آ¤ظ╥أ┬ظ├ق╛šعéق╛œظîظ╥أ┬ظ├ق╛šعéق╛œق╛┐ظ╥أ┬ظ├ق╜،ظ├ق╛╜
------------------------------------------------ */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {clear:both;}
.clearfix {clear:both;}

.container {
	position: relative;
	width: 94%;
	max-width: 1160px;
	margin: 0 auto;
}
.container.medium {max-width: 980px;}
.container.small {max-width: 900px;}

@media screen and (max-width:767px) {
	.pc-only {display: none;}
}

@media screen and (min-width:768px) {
	.sp-only {display: none;}
}




/* HEADER
------------------------------------------------ */
#header {
	padding-bottom: 4px;
	border-top: 4px solid #00a569;
	background: url(../img/bg-colorfulline.png) repeat-x left bottom;
}
#header p {line-height: 1;}
#header .h1p {
	padding-right: 32px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}

#gnavi ul li {line-height: 1;}
#gnavi ul li a {
	position: relative;
	display: block;
	padding-left: 24px;
	font-weight: bold;
	color: #111;
	text-decoration: none;
}
#gnavi ul li a:hover {color: #00a569;}
#gnavi ul li:first-child a:before {background-image: url(../img/ico-home.png);}
#gnavi ul li:nth-child(2) a:before {background-image: url(../img/ico-book.png);}
#gnavi ul li:nth-child(3) a:before {background-image: url(../img/ico-user.png);}
#gnavi ul li:nth-child(4) a:before {background-image: url(../img/ico-voice.png);}
#gnavi ul li a:before {
	position: absolute;
	content: "";
	width: 18px;
	height: 15px;
	left: 0;
	top: 50%;
	margin-top: -8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 15px;
}


@media screen and (max-width:767px) {
	#header {height: 64px;}
	#header .logo {margin-top: 16px;}
	#header .logo img {
		width: 229px;
		height: 32px;
	}
	.h1p,
	.hd-telbox{display: none;}
	
	.drawer-open {overflow: hidden !important;}
	.drawer-nav {
		position: fixed;
		z-index: 999;
		top: 0;
		overflow: hidden;
		width: 240px;
		height: 100%;
		color: #222;
		background-color: #fafafa;
	}
	.drawer-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.drawer-menu-item {
		font-size: 1rem;
		display: block;
		padding: .75rem;
		text-decoration: none;
		color: #222;
	}
	.drawer-menu-item:hover {
		text-decoration: underline;
		color: #555;
		background-color: transparent;
	}
	.drawer-overlay {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
	}
	.drawer-open .drawer-overlay {display: block;}
	.drawer--left .drawer-nav {
		left: -240px;
		-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}
	.drawer--left.drawer-open .drawer-nav {left: 0;}
	.drawer--left .drawer-hamburger,
	.drawer--left.drawer-open .drawer-navbar .drawer-hamburger,
	.drawer--left.drawer-open .drawer-hamburger {right: 16px;}
	
	.drawer-hamburger {
		position: absolute;
		z-index: 104;
		top: 16px;
		display: block;
		width: 32px;
		height: 32px;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	.drawer-hamburger:hover {
		cursor: pointer;
	}
	.drawer-hamburger-icon {
		position: relative;
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/hamburger.png);
		background-size: 32px;
	}
	.sr-only {
		position: absolute;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
	}
	.sr-only-focusable:active,
	.sr-only-focusable:focus {
		position: static;
		overflow: visible;
		clip: auto;
		width: auto;
		height: auto;
		margin: 0;
	}
	
	#gnavi {padding: 20px 16px 0;}
	.spnavi-title {
		padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,165,105,.25);
    font-weight: bold;
    text-align: center;
    color: #00a569;
	}
	#gnavi ul li a {
		padding-top: 16px;
		padding-bottom: 16px;
		border-bottom: 1px solid rgba(0,165,105,.25);
		line-height: 1;
	}
}

@media screen and (min-width:768px) {
	.gheader {
		width: 100%;
		display: table;
		padding: 24px 0;
	}
	.gheader .gheader-item {
		display: table-cell;
		vertical-align: middle;
	}
	
	#header .logo {width: 240px;}
	#header .logo img {
		width: 212px;
		height: 32px;
	}
	
	#header .hd-telbox {
		width: 200px;
		text-align: right;
	}
	#header .hd-tel {
		position: relative;
		display: inline-block;
		padding-left: 22px;
		font-family: 'Lato', sans-serif;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 900;
		color: #00a569;
		letter-spacing: 0.02em;
	}
	#header .hd-tel:before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		left: 0;
		top: 50%;
		margin-top: -8px;
		background: url(../img/ico-tel.png) no-repeat left top;
		background-size: 16px;
	}
	#header .hd-time {
		margin: 0;
		padding: 0;
		font-size: 11px;
		font-size: 1.1rem;
		color: #666;
	}
	
	.drawer-toggle {display: none;}
	#gnavi {
		padding: 16px 0;
		border-top: 1px solid #e7f3eb;
		background: #fafafa;
	}
	.gnavi-inner {
		width: 94%;
		max-width: 1160px;
		margin: 0 auto;
	}
	.spnavi-title {display: none;}
	#gnavi ul {
		letter-spacing: -.40em;
		text-align: center;
	}
	#gnavi ul li {
		display: inline-block;
		letter-spacing: normal;
	}
	#gnavi ul li:not(:last-child) {margin-right: 48px;}
}

@media screen and (min-width:1024px) {
	#header .logo {width: 320px;}
	#header .logo img {
		width: 286px;
		height: 40px;
	}
	#header .hd-telbox {
		width: 240px;
	}
	#header .hd-tel {
		padding-left: 26px;
		font-size: 30px;
		font-size: 3rem;
		letter-spacing: 0.01em;
	}
	#header .hd-tel:before {
		width: 20px;
		height: 20px;
		margin-top: -9px;
		background-size: 20px;
	}
	#header .hd-time {
		font-size: 12px;
		font-size: 1.2rem;
	}
}



/* SIDE
------------------------------------------------ */
.side-block .side-banner img {
	display: block;
	margin: 0 auto;
	max-width: 256px;
	height: auto;
}
.side-block .side-link-box {margin: 16px 0;}
.side-block .side-link-box li:not(:last-child) {margin-bottom: 8px;}
.side-block .side-link-box a {
	position: relative;
	display: block;
	line-height: 1;
	padding: 14px  40px 11px 48px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
}
.side-block .side-link-box a:before,
.side-block .side-link-box a:after {
	position: absolute;
	content: "";
}
.side-block .side-link-box .guide a:before {background-image: url(../img/ico-side-info.png);}
.side-block .side-link-box .first a:before {background-image: url(../img/ico-book.png);}
.side-block .side-link-box a:before {
	width: 20px;
	height: 20px;
	left:16px;
	top: 50%;
	margin-top: -10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px;
}
.side-block .side-link-box .guide a:after {background-image: url(../img/arrow-right-wh.png);}
.side-block .side-link-box .first a:after {background-image: url(../img/arrow-right-gr.png);}
.side-block .side-link-box a:after {
	width: 9px;
	height: 14px;
	right:16px;
	top: 50%;
	margin-top: -7px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 9px 14px;
}

.side-block .side-link-box .guide a {
	background: #00a569;
	color: #FFF;
}
.side-block .side-link-box .guide a:hover {background: #05ce85;}
.side-block .side-link-box .first a {
	background-color: #FFF;
	background-image: url(../img/bg-side-diagonal.png);
	border: 1px solid #00a569;
	color: #00a569;
}
.side-block .side-link-box .first a:hover {
	background-color: #d4ede4;
	background-image: none;
} 

.side-block .side-box-outer {
	border-color: #e9e3dd;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
.side-block .side-box-outer h3 {
	position: relative;
	padding: 14px 16px 11px 34px;
	background: #70bf78;
	font-weight: bold;
	color: #FFF;
	line-height: 1;
}
.side-block .side-box-outer h3.news:before {background-image: url(../img/ico-side-note.png);}
.side-block .side-box-outer h3.map:before {background-image: url(../img/ico-side-list.png);}
.side-block .side-box-outer h3:before {
	position: absolute;
	content: "";
	width: 12px;
	height: 15px;
	left:16px;
	top: 50%;
	margin-top: -7px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 12px 15px;
}
.side-block .side-box {padding: 16px;}

.side-news-list li:not(:last-child) {margin-bottom: 12px;}
.side-news-list li a {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
	color: #333;
}
.side-news-list li a:hover {color: #70bf78;}
.side-news-list li a p {line-height: 1.3;}
.side-news-list li a .date {
	position: relative;
	margin: 0 0 0 .75em;
	font-weight: bold;
}
.side-news-list li a .date:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: .35em;
	left: -.75em;
	width: .5em;
	height: .5em;
	border-radius: 50%;
	background: #70bf78;
}
.side-news-list li a .txt {
	margin-top: 2px;
	text-decoration: underline;
}
.side-news-list .more {
	margin-top: 24px;
	text-align: right;
}
.side-news-list .more a {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #70bf78;
}
.side-news-list .more a:before {
	position: absolute;
	content: "";
	width: 6px;
	height: 8px;
	right: 0;
	top: 50%;
	margin-top: -4px;
	background: url(../img/arrow-triangle.png) no-repeat right center;
	background-size: 6px 8px;
}

.side-map-list li:not(:last-child) {margin-bottom: 6px;}
.side-map-list li a {
	position: relative;
	display: block;
	padding-left: 14px;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	color: #333;
}
.side-map-list li a:before {
	position: absolute;
	content: "";
	width: 6px;
	height: 8px;
	left:0;
	top: 50%;
	margin-top: -4px;
	background: url(../img/arrow-triangle.png) no-repeat left center;
	background-size: 6px 8px;
}

@media screen and (max-width:979px) {
	.main-wrapper {padding: 48px 0 64px;}
	.contents-block {margin-bottom: 80px;}
}

@media screen and (min-width:980px) {
	.main-wrapper {padding: 24px 0 96px;}
	.main-wrapper.idx-wrap {padding: 56px 0 96px;}
	
	.side-block {
		float: left;
		width: 256px;
	}
	.contents-block {
		float: right;
		width: 100%;
		margin-left: -256px;
	}
	.contents-block-inner {margin-left: 296px;}
}




/* FOOTER
------------------------------------------------ */
#footer {
	padding: 32px 0;
	background: #EEE;
}

#pagetop {
	position: fixed;
	width: 48px;
	height: 48px;
	right: 40px;
	bottom: 72px;
	z-index: 10;
}

.ft-logo img {
	width: 229px;
	height: 32px;
}
.ft-navi li {line-height: 1;}
.ft-navi a {
	font-size: 13px;
	font-size: 1.3rem;
	color: #666;
	text-decoration: none;
	line-height: 1;
}
.ft-navi a:hover {text-decoration: underline;}
.ft-copyright {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999;
}

@media screen and (max-width:767px) {
	#footer {padding: 24px 0 56px;}
	#pagetop {
		width: 40px;
		height: 40px;
		right: 8px;
		bottom: 56px;
	}
	
	#ft-floating {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 48px;
    background: #00a569;
    box-shadow: 0 3px 5px 3px rgba(0,0,0,.35);
	}
	#ft-floating a {
		display: block;
		line-height: 48px;
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		text-align: center;
	}
	#ft-floating a span {
		padding-left: 22px;
		background: url(../img/ico-tel_wh.png) no-repeat left center;
		background-size: 15px;
	}
}

@media screen and (max-width:979px) {
	.ft-navi {padding-top: 20px;
    text-align: center;}
	.ft-navi li { padding-top:5px;}

	.ft-logo,
	.ft-copyright {text-align: center;} 
}

@media screen and (min-width:980px) {
	.footer-box {
		width: 100%;
		display: table;
	}
	.footer-box .ft-item {
		display: table-cell;
		vertical-align: middle;
	}
	.ft-logo {width: 256px;}
	.ft-navi {letter-spacing: -.40em;}
	.ft-navi li {
		display: inline-block;
		letter-spacing: normal;
	}
	.ft-navi li:not(:last-child) {
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px solid #666;
	}
	.ft-copyright {text-align: right;}
}