@charset "utf-8";

/* Initialization
--------------------------------------------------*/
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {margin: 0;padding: 0;outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
body {font-size: small;line-height: 1;-webkit-text-size-adjust: none;font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
del {text-decoration: line-through;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff0;color: #000;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
input, textarea, select {font-family: inherit;font-weight: inherit;font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {vertical-align: top;}

/* clearfix
--------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;overflow:hidden;}

/* mouseover
--------------------------------------------------*/
a:hover.over,a:hover img.over,a:focus img.over {opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}

/* link
--------------------------------------------------*/
a:link,
a:active,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #333;
	text-decoration: none;
}


/* PC/SP表示切り替え
--------------------------------------------------*/
.sp {
	display: none !important;
}
@media screen and (max-width: 740px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	img.sp {
		display: inline !important;
	}
}

/*plugin*/
#main {
  z-index: 1;
  background: #fff;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-content {
	padding-bottom: 80px;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}

/* outline
--------------------------------------------------*/
.container {
	margin: 0 auto;
	width: 100%;
	max-width: 990px;
}
@media screen and (max-width: 990px) {
	.container {
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* header
--------------------------------------------------*/
header {
	display: table;
}
	header > * {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 0;
	}
	header  h1 {
	}
		header  h1 img {
			width: 90%;
			max-width: 307px;
		}
	header  p {
	}
		header  p img {
			width: 90%;
			max-width: 304px;
		}
	header  ul {
		max-width: 283px;
	}
		header  ul li {
			display: inline-block;
			vertical-align: middle;
			padding: 5px 0;
			width: 45%;
			box-sizing: border-box;
			font-size: 116%;
			line-height: 1.8;
		}
		header  ul li.faq:before {
			content: "";
			display: inline-block;
			width: 20px;
			height: 20px;
			background: url(../img/ico_balloon.png) left top no-repeat;
			background-size: contain;
			margin-right: 3px;
		}
			header  ul li:first-child {
				width: 90%;
				max-width: 283px;
			}
			header  ul li:first-child img {
				width: 100%;
			}
			header  ul li:last-child {
				width: 50%;
				max-width:151px;
			}
			header  ul li:last-child img {
				width: 100%;
			}
nav {
	background: #fff1b5;
}
nav.expand {
	background: url(../img/bg_menu01.png);
	position:fixed !important;
	z-index: 9999;
	top: 0;
	width: 100%;
	display: none;
}
	nav ul {
		width: 100%;
		height: 70px;
		display: table;
	}
	nav ul li {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	nav ul li img {
		width: 90%;
	}
	nav ul li.contact {
		display: none;
	}
	nav.expand ul li.contact {
		display: table-cell;
	}


@media screen and (max-width: 740px) {
	header img {
		vertical-align: middle;
	}
	header,
	header > * {
		display: block;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
		header > div {
			width: 100%;
			display: table;
			background: #FFDA00;
			padding: 0;
		}
			header > div > * {
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				height: 50px;
			}
			header > div > span {
				background: #333333;
				width: 78px;
			}
		header > h1 {
			background: #fff;
			text-align: center;
			padding: 15px 0;
			border-bottom: 1px solid #ECECEC;
		}
			header > h1 img {
				max-width: 213px;
			}
	nav {
		/*display: none;*/
		background: #fff;
		border-left: 1px solid #FFDB00;
		padding: 0 !important;
	}
	nav .container {
		padding: 0 !important;
	}
	nav ul {
		width: 100%;
		display: block;
		height: inherit;
	}
	nav ul li{
		border-top: 1px solid #E1E1E1;
		width: 100%;
		display: block;
	}
		nav ul li > a {
			display: block;
			padding: 15px;
			background: url(../img/ico_arrow01.png) 98% center no-repeat;
			background-size: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #333;
			text-align: left;
		}
		nav ul li > a:link,nav ul li > a:active,nav ul li > a:visited {
			color: #333;
			text-decoration: none;
		}
		nav ul li > a:hover,nav ul li > a:focus {
			color: #003366;
			text-decoration: none;
		}
		nav ul li.spmenu02 > a:before,
		nav ul li.spmenu03 > a:before,
		nav ul li.spmenu04 > a:before,
		nav ul li.spmenu05 > a:before,
		nav ul li.spmenu06 > a:before,
		nav ul li.spmenu07 > a:before,
		nav ul li.spmenu08 > a:before,
		nav ul li.spmenu09 > a:before {
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			margin-right: 5px;
			vertical-align: middle;
		}
		nav ul li.spmenu02 > a:before {
			background: url(../img/ico_mugi.png);
			background-size: 16px;
		}
		nav ul li.spmenu03 > a:before {
			background: url(../img/ico_sun.png);
			background-size: 16px;
		}
		nav ul li.spmenu04 > a:before {
			background: url(../img/ico_family.png);
			background-size: 16px;
		}
		nav ul li.spmenu05 > a:before {
			background: url(../img/ico_smile.png);
			background-size: 16px;
		}
		nav ul li.spmenu06 > a:before {
			background: url(../img/ico_bag.png);
			background-size: 16px;
		}
		nav ul li.spmenu07 > a:before {
			background: url(../img/ico_flag.png);
			background-size: 16px;
		}
		nav ul li.spmenu08 > a:before {
			background: url(../img/ico_house.png);
			background-size: 16px;
		}
		nav ul li.spmenu09 > a:before {
			background: url(../img/ico_balloon.png);
			background-size: 16px;
		}
		nav ul li.spmenuInfo {
			padding: 15px 0;
		}
			nav ul li.spmenuInfo figure {
				margin: 10px 0;
			}
			nav ul li.spmenuInfo > a:link,nav ul li.spmenuInfo > a:active,nav ul li.spmenuInfo > a:visited {
				text-decoration: underline;
			}
	.spheadInfo {
		width: 100%;
		display: table !important;
		margin: 10px 0;
	}
		.spheadInfo li {
			display: table-cell;
			text-align: center;
		}
		.spheadInfo li img {
			width: 95%;
			max-width: 146px;
	}
}

/* main
--------------------------------------------------*/
#main {
	line-height: 1.5;
}
.main p {
	font-size: 116%;
	line-height: 1.8;
}

/* contents
--------------------------------------------------*/
#contents {
}
#topicPath {
	margin: 10px auto;
}
	#topicPath li {
		display: inline-block;
	}
	#topicPath li a {
		font-weight: bold;
	}

@media screen and (max-width: 740px) {
	#contents {
	}
	
	#topicPath {
		display: none;
	}
}



/* footer
--------------------------------------------------*/
#pagetop {
    bottom: 20px;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 500;
}
footer {
	background: #333333;
	color: #fff;
	padding: 20px 0;
}
footer > div.container {
	display: table;
}
	.footerLeft {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
		.footerLeft h1 img {
			width: 90%;
			max-width: 389px;
		}
		.footerLeft h2 {
			margin: 20px 0 5px;
			font-weight: bold;
			font-size: 109%;
		}
		.footerLeft p {
			margin: 5px 0;
			line-height: 1.8;
			font-size: 109%;
		}
	.footerRight {
		display: table-cell;
		vertical-align: top;
		width: 50%;
		text-align: right;
	}
		.footerRight ul {
			max-width: 430px;
			text-align: left;
			display: inline-block;
			vertical-align: top;
		}
			.footerRight ul li {
				display: inline-block;
				width: 140px;
				line-height: 2;
				vertical-align: middle;
			}
			.footerRight ul li a {
				color: #fff;
			}
			.footerRight ul li a:before {
				content: "";
				display: inline-block;
				width: 6px;
				height: 6px;
				background: #fff;
				border-radius: 3px;
				margin-right: 7px;
			}
		.footerRight p {
			margin: 20px 0 0;
			font-size: 91% !important;
		}
@media screen and (max-width: 740px) {
	.footerLeft,
	.footerRight {
		display: block;
		width: 100%;
		text-align: left;
	}
		.footerLeft h1 img {
			max-width: 226px;
		}
		.footerLeft h2,
		.footerLeft p,
		.footerRight p {
			font-size: 10px;
		}
		.footerRight p {
			margin: 10px 0 0;
		}
		.footerRight p a:link,
		.footerRight p a:active,
		.footerRight p a:visited,
		.footerRight p a:hover,
		.footerRight p a:focus {
			color: #fff;
		}
	#pagetop img {
		width: 37px;
		height: 37px;
	}
}