body {
	margin: 0;
	font-size: 15px;
	font-family:a-otf-ud-reimin-pr6n, sans-serif, Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/common/h_bg.gif) repeat-x 0 0;
}

img {
	border:none;
	vertical-align:bottom;
}

a {
	color: #007ed9;
}

a:hover { text-decoration: none; }

.inner {
	margin: 0 auto;
	max-width: 1000px;
}

/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------ */
header {
	padding-top: 20px;
	background: url(../images/common/bg01.gif) repeat 0 0;
}

header .inner { position: relative; }

header .sns {
	position: absolute;
	overflow: hidden;
	width: 37%;
	top: 12px;
	right: 0;
}

header .fb-like {
	margin-right: 10px;
	float: left;
}

header .tweet {
	margin-right: 10px;
	float: left;
} 

header .googleplus { float: left; }
header .line { float: left; }

header .spMenu { display: none; }

header nav {
	margin-top: 20px;
	height: 70px;
	background-color: #ba3a2b;
}

header nav ul {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
	width: 99%;
	max-width: 1000px;
	align-items: center;
	height: 100%;
}

header nav li {
	float: left;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	width: calc(100%/5);
	
}

header nav li a {
	font-family: a-otf-ud-reimin-pr6n, sans-serif;
	display: block;
	margin-right: 14px;
	padding: 20px 0;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	border-left: #fff dotted 1px;
	height: 100%;
	transition: all 0.3s;
}
header nav li:last-child{
	border-right: #fff dotted 1px;
}

header nav li a:last-child { margin-right: 0; 
	}

header nav li a:hover { background: #fff;
color: #ba3a2b;
 }


/* ------------------------------------------------------------------------
	secttion
------------------------------------------------------------------------ */
#bnr {
	padding: 40px 0 20px;
	width: 100%;
	background: url(../images/module/top/bg02.png) repeat 0 0; 
}
#bnr ul { width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
 }

#bnr li {
	
	height: 100px;
	margin-bottom: 20px;
	padding: 10px;
	background: #fff;
}

#bnr li:nth-child(3n-1) { margin: 0 20px; }

#bnr li.pdf { padding-top: 2px; }

#bnr li img { margin-bottom: 4px;}

#bnr li span {
	display: block;
	padding-left: 21px;
	background: url(../images/common/arrow01.gif) no-repeat 0 1px;
}

/* ------------------------------------------------------------------------
	footer
------------------------------------------------------------------------ */
footer {
	padding: 20px 0 40px;
}

footer .inner { overflow: hidden; }

footer ul {
	float: left;
	width: 50%;
	border-left: 1px solid #535353;
}

footer li {
	float: left;
	padding: 0 20px;
	border-right: 1px solid #535353;
}

footer a {
	color: #000;
	text-decoration: none;
}

footer a:hover { color: #999; }

footer p { text-align: right;}

#pageTop {
	position: fixed;
	margin: 0;
	right: 10px;
	bottom: 10px;
	width: 70px;
	z-index: 5;
}

/* ------------------------------------------------------------------------
	sns
------------------------------------------------------------------------ */
footer .sns { display: none; }


/* ========================================================================

	COMMON
  
======================================================================== */
/** margin **/
.nomb { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

.nomr { margin-right: 0 !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

/** color **/
.c01 { color: #F00; }
.c02 { color: #3da8cc; }
.c03 { color: #84ab6b; }
.c04 { color: #58a730; }
.c05 { color: #3fabb9; }
.c06 { color: #e29500; }

/** float **/
.left { float: left; }
.right { float: right; }

/** text **/
.txtCenter { text-align: center !important; }
.txtLeft{ text-align: left !important; }
.txtRight { text-align: right !important; }

/* ===============================================

	MOUSEOVER
  
=============================================== */
a:hover .over {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

.over a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


/* ===============================================

	CLEAR FIX
  
=============================================== */
/** clear **/
.clear {
	clear: both;
}



.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear:both;
}


@media screen and (max-width: 960px) {
.inner { width: 94%; }
}
@media screen and (max-width: 769px){
/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------ */
header { padding-top: 15px; }

header h1 { padding-bottom: 15px; }

header h1 img { width: 45%; }

header .sns { display: none; }

header .spMenu {
	position: absolute;
	display: inherit;
	top: 10px;
	right: 10px;
	width: 100px;
	height: 30px;
}

header .spMenu li {
	padding: 8px;
	color: #fff;
	width: 100%;
	background: #ba3a2b;
	cursor: pointer;
}

header .spMenu li:hover { background: url(../images/common/menu_bg.gif) repeat 0 0; }

header .spMenu li p { text-align: right; }

header .spMenu li div {
	position: relative;
}

header .spMenu li span {
	display: block;
    position: absolute;
    height: 2px;
    width: 36%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

header .spMenu li span:nth-child(1) { top: 0; }
header .spMenu li span:nth-child(2) { top: 8px; }
header .spMenu li span:nth-child(3) { top: 16px; }

/* #nav-toggle 切り替えアニメーション */
header .open li span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
header .open li span:nth-child(2) {
	width: 0;
	left: 20%;
}
header .open li span:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}


#menuList { display: none; }

header nav {
	margin: 0;
	padding: 0;
	background: #ba3a2b;
	height: auto;
}

header nav ul { width: 100%; 
flex-direction: column;
display: inherit;
height: auto;}

header nav li {
	float: none;
	border-bottom: 1px dotted #fff;
	width: 100%;
}

header nav li a {
	display: block;
	margin: 0;
	padding: 15px 0;
	color: #fff;
	text-decoration: none;
	width: 100%;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

header nav li:last-child { border-bottom: none; }


/* ------------------------------------------------------------------------
	secttion
------------------------------------------------------------------------ */
#bnr { padding: 20px 0; }

#bnr ul {
	margin: 0 auto !important;
	width: 70%;
}

#bnr ul.clearfix {
	display: inherit;
}

#bnr li {
	float: none;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}

#bnr li:nth-child(3n-1) { margin: 10px 0; }

#bnr li img { width: 100%; }


/* ------------------------------------------------------------------------
	footer
------------------------------------------------------------------------ */
footer {
	padding: 20px 0 40px;
}

footer .inner { overflow: hidden; }

footer ul {
	float: none;
	margin: 0 auto 20px;
	padding-top: 10px;
	width: 100%;
	border: none;
	border-top: 1px dotted #535353;
}

footer li {
	float: left;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	width: 50%;
	border: none;
}

footer li:first-child { background: url(../images/common/lin01.gif) right 0 repeat-y; }

footer li:last-child {
	padding: 10px 0;
	width: 100%;
	border-top: 1px dotted #535353;
	border-bottom: 1px dotted #535353;
}

footer a {
	color: #000;
	text-decoration: none;
}

footer a:hover { color: #999; }

footer p {
	text-align: center;
	font-size: 92%;
}

#pageTop {
	width: 12%;
	position: fixed;
}

/* ------------------------------------------------------------------------
	sns
------------------------------------------------------------------------ */
footer .sns {
	display: flex;
	margin: 0 auto 20px;
	width: 60%;
}

footer .sns .fb-like {
	
	margin-bottom: 15px;
}

footer .sns .tweet {
	
	margin-right: auto;
	margin-bottom: 15px;
} 

footer .sns .googleplus {
	clear: both;
}

footer .sns .line {
	margin-right: auto;
}


}

/* ------------------------------------------------------------------------
	animation
------------------------------------------------------------------------ */
/*----------------------- フェード -----------------------------*/
:root {
	--animate-duration: 1.5s;
	--animate-delay: 0.3s;
	--animate-repeat: 1;
  }
  .animate__animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  .animate__animated.animate__delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay);
  }
  @-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 40%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
  }
  @-webkit-keyframes fadeInRight {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes fadeInRight {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(50%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
  }
  @-webkit-keyframes fadeInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes fadeInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-30%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  .animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	animation-duration: 2s;
  }