@charset "utf-8";

/* ===================================================================
 style info : サイト内共通のモジュール設定
=================================================================== */

.touchDevice p,h1,h2,h3,h4,h5{	background-image:url(bg-p.gif);}

body {	height:100%;	color: #333333;	-webkit-text-size-adjust: none;/*webkitフォントサイズ対策*/-webkit-backface-visibility: hidden;
    backface-visibility: hidden;	/*-webkit-text-stroke: 0.01em;	text-stroke: 0.01em;*/}

/* ------------------------------------------------------ *
	logo & btn
 * ------------------------------------------------------ */
[class^="logo0"]{	display:block;	background:url(../img/logo.png) 0 0 no-repeat;	text-indent:110%;	white-space:nowrap;	overflow:hidden; zoom:1;}

#fixed-box{	position:fixed;	left:50%;	bottom:20px;	margin-left:683px;	z-index:+100;}
	#fixed-box a{	display:block;	width:50px;	height:50px;	background:url(../img/btn-totop.png) no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden;	opacity:0;}
	#fixed-box.on a{	opacity:1;}

	@media screen and (max-width: 1500px){
		#fixed-box{	left:auto;	right:10px;	margin-left:0;}
	}

/* ------------------------------------------------------ *
	header 
 * ------------------------------------------------------ */
#header{	padding:60px 0;	text-align:center;	margin:0 0 60px;}
.h-header{	font-family: 'Oswald', sans-serif;	text-align:center;	font-size:400%;	color:#333;	font-weight:normal;}
.h-header a{	text-decoration:none!important;}
.h-std{	font-family: 'Oswald','Noto Sans Japanese', sans-serif;	text-align:center;	font-size:167%;	color:#333;	margin:0 auto 60px;}

	@media screen and (max-width: 480px){
		.search-header02{	top:50px;}
		.search-header02 > div{	padding:10px;	margin:0 auto;}
			.search-header02 .search-txt{	width:80%;}
			.search-header02 .search-submit{	width:10%;}
		
	}

/* ------------------------------------------------------ *
	nav
 * ------------------------------------------------------ */
 

/* ------------------------------------------------------ *
	contents
 * ------------------------------------------------------ */
#container{	margin:0 auto; overflow:hidden;	background:#FFF;	position:relative;}
#contents{ display:block;	margin:0 auto; clear:both;}

article{	position:relative;	overflow:hidden;	padding-bottom:100px;}
	article > section{	padding:50px 0;}
#main{ display:block;	width:730px;	float:right;}
	#main section + section{	margin-top:60px;}
 @media screen and (max-width: 768px) {
 }
 @media screen and (max-width: 640px) {
	article{	padding-bottom:30px;}
	article > section{	padding:25px 0;}
	#bnr-box{	text-align:center;	padding:0;}
	[class^="bnr"]{	width:100%!important;}
	[class^="bnr"] li{	width:45.3125%!important;	margin:1.171875%!important;	text-align:left;	font-size:93%;}
 }

/* ------------------------------------------------------ *
	pager
 * ------------------------------------------------------ */
#breadcrumbs{	background:#76B547;	color:#FFF;	 padding:8px 30px;}
	#breadcrumbs ul{	margin:0 auto;}
	#breadcrumbs li{	display:block;	list-style:none;	float:left;	font-size:100%;}
	#breadcrumbs li+li:before{	content:url(../img/icon-arrow04.png);	vertical-align:top;	margin:0 1em;}
	#breadcrumbs a{	color:inherit;	text-decoration:underline;}
	
 @media screen and (max-width: 480px) {
	#breadcrumbs{	padding:8px 10px;}
		#breadcrumbs li{	font-size:85%;	display:inline-block;}
		#breadcrumbs li+li:before{	content:'>';	margin:0 .2em;}
 }


/* ------------------------------------------------------ *
	footer
 * ------------------------------------------------------ */
#footer{ display:block;	clear:both;	padding:30px 0;	position:relative;	border-top:solid 1px #EEE;}

#copyright{	display:block;	font-size:108%;	text-align:center;  font-family: 'Lato', sans-serif;	color:#999;}
 @media screen and (max-width: 1024px) {
	#footer{ padding-left:0;	margin:0 auto;}
 }
 @media screen and (max-width: 768px) {
	#footer .inner01 > div *{	float:none!important;	margin:0 auto;	text-align:center!important;}
	#footer .inner01 > div li{	display:block;	line-height:20px!important;	margin:30px auto 0!important;}
	#footer .inner01 > div li+li:before{	content:"";}
	#footer .inner01 > div li+li{	margin:10px auto 0!important;}
	#footer .inner01 > div{	height:auto;	line-height:20px!important;}
	#copyright{	margin:30px auto 0!important;	padding-bottom:5px;}
 }
/* ------------------------------------------------------ *
	loader
 * ------------------------------------------------------ */
#loader{	width:0!important;	height:0!important;	display:none!important;}
 /*
#loader{	position:fixed;	left:0;	top:0;	width:100%;	height:100%;	background:#76B547;	z-index:+200;	display:none!important;}
.spinner,
.spinner2 {
  margin:-81px 0 0 -81px;
  width: 162px;
  height:162px;
  position:absolute;
  top:50%;
  left:50%;
}
.spinner2 {	position:fixed;	background:url(../img/loader.png) 0 -648px no-repeat;	display:none;}
.spinner2.on {	display:block;}

.spinner .spinner-container {
	background:url(../img/loader.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.container1 {	background-position:0 0!important;}
.container2 {	background-position:0 -162px!important;	-webkit-animation: bouncedelay 4s linear infinite;	animation: bouncedelay linear 4s infinite;}
.container3 {	background-position:0 -324px!important;	-webkit-animation: bouncedelay2 2s linear infinite;	animation: bouncedelay2 linear 2s infinite;}
.container4 {	background-position:0 -486px!important;}


@-webkit-keyframes bouncedelay {
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@keyframes bouncedelay {
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes bouncedelay2 {
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); transform: rotate(-360deg);}
}

@keyframes bouncedelay2 {
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); transform: rotate(-360deg);}
}
*/