@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face { font-family: 'FOT-HummingStd-M'; src:url(KosugiMaru-Regular_fix.ttf); }

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
	color:#000000;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
}

@media screen and (max-width: 640px) {
	body {
		width:640px;
		overflow-x:hidden;
		font-size:22px;
	}
}

.subpage {
	background-image:url(../image/header/back-scroll.jpg);
	background-repeat:no-repeat;
	animation: bg-slider 92s linear infinite;
}

@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1920px 0; }
}

a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

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

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

.radius {
	border-radius:10px;
}

video {
	width: 100%;
	margin-bottom: 40px;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; padding-bottom:0 !important; }
.under-harf { margin-bottom:15px !important; padding-bottom:0 !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block !important;
    margin: 0 auto;
	padding-bottom:10px;
	max-width:100%;
}
.alignright { float: right; margin-left:15px !important; margin-bottom:5px !important; max-width:100%; }
.alignleft { float: left; margin-right:15px !important; margin-bottom:5px !important; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

.wp-block-image .aligncenter>figcaption {
	display:block !important;
}

.wp-block-image figcaption {
	font-size:16px !important;
}

@media screen and (max-width: 640px) {
	.wp-block-image figcaption {
		font-size:22px !important;
	}
}

@media screen and (max-width: 640px) {
	.wp-block-image {
		width:100% !important;
		display:block !important;
	}
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none !important; margin: 0 auto !important; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignleft { float: none !important; margin: 0 auto !important; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignright img, .alignleft img {
		width:100% !important;
		height:auto;
		margin-left:auto !important;
		margin-right:auto !important;
		display:block !important;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	width:100%;
	box-sizing:border-box;
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:1px 9px 5px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
}

@media screen and (max-width: 640px) {
	 .wp-pagenavi span.current{
		 padding: 2px 15px 5px 15px !important;
	 }
	 .wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend {
		 padding: 4px 20px 5px 20px !important;
		 font-size: 21px !important;
	 }
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 1200px) {
	#primary {
		max-width:1200px;
		overflow-x:hidden;
	}
}

@media screen and (max-width: 640px) {
	#primary {
		width:640px;
		overflow-x:hidden;
	}
}

article {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 1200px) {
	article {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	position:relative;
	z-index:1;
}

#mainvisual canvas {
	position:absolute;
	bottom:0;
	left:0;
}

@media screen and (max-width: 980px) {
	#mainvisual {
		height:1195px;
	}
}

@media screen and (max-width: 640px) {
	#mainvisual {
		/*height:1286px;*/
		height:1336px;
	}
}

#mainvisual .bxslider {
}

#mainvisual .bxslider .panel {
	width:100%;
	height:923px;
	background-position:center top;
	background-repeat:no-repeat;
}

#mainvisual .bxslider .panel:nth-of-type(1) { background-image:url(../image/mainvisual/01.jpg); }
#mainvisual .bxslider .panel:nth-of-type(2) { background-image:url(../image/mainvisual/02.jpg); }
#mainvisual .bxslider .panel:nth-of-type(3) { background-image:url(../image/mainvisual/03.jpg); }

#mainvisual article {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:none !important;
}

#mainvisual article .mv-content {
	width:100%;
	height:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	box-sizing:border-box;
}

#mainvisual article .mv-content:after {
	content:"";
	background-image:url(../image/mainvisual/point.png);
	width:567px;
	height:290px;
	position:absolute;
	bottom:30px;
	left:-30px;
}

@media screen and (max-width: 980px) {
	#mainvisual article .mv-content:after {
		left:50%;
		bottom:inherit;
		top:620px;
		margin-left:-280px;
	}
}

#mainvisual article .mv-content .information {
	background-image:url(../image/mainvisual/information-back.png);
	width:392px;
	/*height:335px;*/
	height:400px;
	position:absolute;
	bottom:60px;
	right:0;
}

@media screen and (max-width: 980px) {
	#mainvisual article .mv-content .information {
		position:relative;
		right:inherit;
		bottom:inherit;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../image/mainvisual/information-back_tab.png);
		width:580px;
		height:335px;
	}
	#mainvisual article .mv-content {
		padding-top:793px;
	}
}

@media screen and (max-width: 640px) {
	#mainvisual article .mv-content .information {
		background-image:url(../image/mainvisual/information-back_sp.png);
		width:580px;
		/*height:430px;*/
		height:480px;
	}
}

#mainvisual article .mv-content .information h2 {
	display:none;
}

#mainvisual article .mv-content .information ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:115px;
	margin-left:50px;
}

@media screen and (max-width: 980px) {
	#mainvisual article .mv-content .information ul {
		padding-top:110px;
	}
}

#mainvisual article .mv-content .information ul li {
	margin-bottom:5px;
	padding-right:40px;
}

#mainvisual article .mv-content .information ul li span {
	font-size:14px;
	color:#858585;
}

#mainvisual article .mv-content .information ul li p {
	margin:0;
	padding:0;
	font-size:16px;
	color:#ff7800;
}

@media screen and (max-width: 640px) {
	#mainvisual article .mv-content .information ul li span {
		font-size:18px;
	}
	#mainvisual article .mv-content .information ul li p {
		font-size:22px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/

header {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	min-height:500px;
}

@media screen and (max-width: 1200px) {
	header {
		max-width:1200px;
		overflow-x:hidden;
	}
}

header canvas {
	position:absolute;
	bottom:0;
	left:0;
}

header .header-primary {
	width:100%;
	height:152px;
	box-sizing:border-box;
	padding-top:20px;
}

@media screen and (max-width: 900px) {
	header .header-primary {
		height:155px;
		/*background-color:#ffffff;*/
		padding-top:10px;
		border-bottom:3px solid #d5fab1;
	}
}

header .header-primary .logo {
	background-image:url(../image/header/logo.png);
	background-repeat:no-repeat;
	width:445px;
	height:87px;
	position:relative;
	float:left;
	margin-top:10px;
	z-index:2;
}

header .header-primary .logo a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

@media screen and (max-width: 900px) {
	header .header-primary .logo {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}

header .header-primary .option_new {
	width:355px;
	height:111px;
	position:absolute;
	top:10px;
	right:0;
	z-index:1;
	transition:0.3s;
	text-align: right;
}

header .header-primary .option_new img {
	display: block;
	float: right;
	clear: both;
	margin-bottom: 5px;
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
}

.subpage header .header-primary .option_new {
	background-image:none;
}

@media screen and (max-width: 1200px) {
	header .header-primary .option_new {
		right:30px;
	}
}

@media screen and (max-width: 900px) {
	header .header-primary .option_new {
		background-image:none;
		width:100%;
		position:relative;
		top:inherit;
		right:inherit;
		margin-top:20px;
		text-align: center;
	}
	header .header-primary .option_new img.addres {
		display: none;
	}
	header .header-primary .option_new img {
		display: inline;
		float: none;
	}
}

@media screen and (max-width: 900px) {
	header .header-primary .option_new {
		width: 121%;
		transform-origin: left top;
		transform: scale(0.85,0.85);
		top: -16px;
		left: -5px;
	}
}


/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

header nav {
	width:100%;
	height:100px;
	position:relative;
	background-color:rgba(255,255,255,0.9);
	z-index:3;
	box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.10);
}

.subpage nav {
	background-color:rgba(255,255,255,0.7);
}

@media screen and (max-width: 640px) {
	header nav {
		height:110px;
	}
}

header nav ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	width:100%;
}

header nav ul li a {
	width:14.285%;
	height:100px;
	line-height:100px;
	float:left;
	font-family: 'FOT-HummingStd-M';
	text-decoration:none !important;
	display:block !important;
	font-size:18px !important;
	text-align:center !important;
	color:#000000 !important;
	box-sizing:border-box;
}

@media screen and (max-width: 800px) {
	header nav ul {
		text-align:center;
		padding-top:15px;
	}
	header nav ul li {
		display:inline-block;
		width:20%;
		height:40px;
	}
	header nav ul li a {
		width:inherit;
		height:inherit;
		float:none;
		line-height:inherit;
		display:inline !important;
	}
}

header nav ul li a:hover {
	border-bottom:5px solid #ffcc33;
}

/*------------------------------------------------------------------------------------------------------------------
　sidebar
-------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	position:absolute;
	top:0;
	right:0;
	width:300px;
	transition:0.3s;
}

@media screen and (max-width: 1200px) {
	#sidebar {
		right:30px;
	}
}

@media screen and (max-width: 1000px) {
	#sidebar {
		position:relative;
		top:inherit;
		right:inherit;
		width:100%;
		margin-bottom:50px;
	}
}

#sidebar .box {
	border:2px solid #e0e0e0;
	border-radius:10px;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1.00);
	margin-bottom:30px;
}

#sidebar .box h6 {
	text-align:center;
	display:block;
	font-size:24px;
	padding-top:15px;
	padding-bottom:20px;
}

#sidebar .box ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar .box ul li a {
	background-image:url(../image/sidebar/ar.png);
	background-position:right top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #e3e3e3;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:30px;
	display:block;
	font-size:18px;
	font-family: 'FOT-HummingStd-M';
	text-decoration:none !important;
	color:#3e9300;
	transition:0.3s;
}

@media screen and (max-width: 640px) {
	#sidebar .box ul li a {
		font-size:22px;
	}
}

#sidebar .box ul li.current a:nth-child(1) {
	border-bottom:none;
}

#sidebar .box ul li ul {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:15px;
}

#sidebar .box ul li ul li a {
	padding-top:10px !important;
	padding-bottom:10px !important;
	padding-left:0;
	font-size:14px;
	color:#000000;
	background-image:none;
	border-bottom:1px dotted #e3e3e3 !important;
}

@media screen and (max-width: 640px) {
	#sidebar .box ul li ul li a {
		font-size:20px;
	}
}

#sidebar .box ul li.current ul li:last-of-type a {
	border-bottom:none !important;
}

#sidebar .box ul li.current + li a {
	border-top:1px dotted #e3e3e3 !important;
}

#sidebar .box ul li a:hover {
	color:#f08218;
}

.side-company {
	padding:25px;
}

.side-company p {
	margin:0;
	padding:0;
}

.side-company p a {
	color:rgba(0,0,0,1.00) !important;
}

.side-company p span {
	font-size:22px;
	color:#3b8c00;
	font-weight:bold;
	letter-spacing:-1px;
}

.side-company p span strong {
	font-size:29px;
}

#sidebar .box ul.post-list {
	width:calc(100% - 60px);
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-bottom:10px;
}

#sidebar .box ul.post-list li a {
	background-image:none !important;
	padding-left:0;
	padding-top:0;
	padding-bottom:8px;
	margin-bottom:8px;
	color:#333333;
	font-size:15px;
}

#sidebar .box ul.post-list li a span {
	font-size:12px;
	display:block;
	color:#888888;
}

@media screen and (max-width: 640px) {
	#sidebar .box ul.post-list li a {
		font-size:22px;
	}
	#sidebar .box ul.post-list li a span {
		font-size:18px;
	}
}

#sidebar .box ul.post-list li:last-of-type a {
	border-bottom:none;
}

#sidebar .box ul.post-list li a:hover {
	color:#fa8803 !important;
}

#sidebar .box ul.post-list li .category-sub {
	padding-left:25px;
	padding-right:0;
	margin-top:-10px;
	list-style:disc !important;
}

#sidebar .box ul.post-list li .category-sub li a {
	border-bottom:none !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#sidebar .box select {
	width:calc(100% - 60px);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	display:block;
}

.box.posts {
	display:none;
}

.posts .box.posts {
	display:block;
}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color:#efefef;
	box-sizing:border-box;
	padding-top:40px;
}

#footer .logo {
	background-image:url(../image/footer/logo.png);
	width:428px;
	height:87px;
	position:relative;
	float:left;
	margin-right:40px;
}

#footer .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}

#footer .point {
	background-image:url(../image/footer/point.png);
	width:565px;
	height:100px;
	display:block;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	float:left;
	margin-top:-7px;
}

@media screen and (max-width: 1110px) {
	#footer .point {
		display:none;
	}
}

.footer-content {
	clear:both;
	padding-top:40px;
	padding-bottom:40px;
	font-size:14px;
}

.footer-left {
	width:calc(50% - 25px);
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.footer-right {
	width:calc(50% - 25px);
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

@media screen and (max-width: 900px) {
	.footer-left {
		width:100%;
		float:none;
		padding-bottom:30px;
	}
	.footer-right {
		width:100%;
		float:none;
	}
}

.footer-left li, .footer-right li {
	border-bottom:1px dotted #b1b1b1;
	padding-bottom:6px;
	margin-bottom:6px;
}

.footer-left li:nth-child(1) {
	border-bottom:none;
}

.footer-left li:after, .footer-right li:after {
	content: "";
    display: block;
    clear: both;
}

.footer-left li p, .footer-right li p {
	margin:0;
	padding:0;
	float:left;
	width:calc(100% - 210px);
}

.footer-left li p br.sp, .footer-right li p br.sp {
	display:none;
}

@media screen and (max-width: 640px) {
	.footer-left li p, .footer-right li p {
		font-size:20px;
	}
	.footer-left li p br.sp, .footer-right li p br.sp {
		display:block;
	}
}

.footer-left li .number, .footer-right li .number {
	font-size:15px;
	float:right;
	text-align:right;
	width:210px;
	line-height:24px;
}

.footer-left li .number span, .footer-right li .number span {
	font-size:20px;
	color:#3b8c00;
	font-weight:bold;
	display:block;
}

.footer-left li p a, .footer-right li p a {
	font-weight:bold;
	font-size:16px;
}

@media screen and (max-width: 640px) {
	.footer-left li .number, .footer-right li .number {
		font-size:18px;
		padding-top:3px;
		color:#3b8c00 !important;
	}
	.footer-left li .number span, .footer-right li .number span {
		font-size:22px;
	}
	.footer-left li .number a, .footer-right li .number a {
		color:#3b8c00 !important;
	}
}

#footer nav {
	background-color:rgba(255,255,255,1.00);
	width:100%;
	padding-top:30px;
	padding-bottom:35px;
}

#footer nav ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

#footer nav ul li {
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}

#footer nav ul li a {
	color:#333333 !important;
	font-size:15px;
	text-decoration:none !important;
	border-bottom:1px dotted #333333;
	padding-bottom:2px;
}

@media screen and (max-width: 640px) {
	#footer nav {
		padding-bottom:45px;
	}
	#footer nav ul li a {
		font-size:22px;
	}
}

.cc {
	width:100%;
	height:90px;
	line-height:90px;
	background-color:#fa8803;
	text-align:center;
	color:#ffffff;
	font-size:14px;
}

@media screen and (max-width: 820px) {
	.cc {
		text-align:left;
		padding-left:30px;
	}
}

.cc p {
	margin:0;
	padding:0;
}

.topback a {
	position:fixed;
	bottom:-6px;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:195px;
	height:119px;
	display:block;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	z-index:99;
}


/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
}

.subpage #contents-primary {
	padding-top:252px;
}

.subpage #contents-primary article {
	z-index:99;
}

#contents {
	position:relative;
}

.subpage #contents {
	padding-right:350px;
	padding-bottom:50px;
	min-height:1150px;
	transition:0.3s;
}

@media screen and (max-width: 1200px) {
	.subpage #contents {
		padding-right:330px;
	}
}

@media screen and (max-width: 1000px) {
	.subpage #contents {
		padding-right:0;
		min-height:0 !important;
	}
}

.page-header {
	width:100%;
	height:232px;
	background-position:center top;
	background-repeat:no-repeat;
}

@media screen and (max-width: 1215px) {
	.page-header {
		width:1215px;
		background-position:top 0 left -330px;
	}
}

.subpage h3 {
	border:2px solid #6fc730;
	border-radius:15px;
	background-image:url(../image/contents/top/topics-back.png);
	background-repeat:no-repeat;
	background-position:left;
	box-sizing:border-box;
	width:100%;
	height:88px;
	line-height:81px;
	font-size:28px;
	color:#64c31e;
	text-align:center;
	font-family: 'FOT-HummingStd-M';
	text-decoration:none;
	font-weight:normal;
	letter-spacing:-1px;
	position:relative;
	margin:0;
	padding:0;
	margin-bottom:30px;
	text-shadow: 
	white 1px 1px 0, white -1px -1px 0,
	white -1px 1px 0, white 1px -1px 0,
	white 0px 1px 0, white  0-1px 0,
	white -1px 0 0, white 1px 0 0;
}

.subpage h3 span {
	display:block;
	font-size:14px;
	color:#000000;
}

.subpage h3.db {
	line-height:32px;
	padding-top:5px;
}

.subpage h4 {
	background-image:url(../image/contents/h4-back.png), url(../image/contents/h4-back-icon.png);
	background-position:right, left;
	background-repeat:no-repeat;
	width:100%;
	height:70px;
	box-sizing:border-box;
	border:2px solid #6bc629;
	border-radius:10px;
	font-size:26px;
	font-family: 'FOT-HummingStd-M';
	margin:0;
	padding:0;
	padding-left:70px;
	padding-right:30px;
	margin-bottom:30px;
	line-height:68px;
	font-weight:normal;
}

.subpage h5 {
	background-image:url(../image/contents/h5-back.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:26px;
	color:#6bc629;
	font-family: 'FOT-HummingStd-M';
	font-weight:normal;
	margin:0;
	padding:0;
	padding-bottom:15px;
	padding-right:170px;
	box-sizing:border-box;
	margin-bottom:30px;
	position:relative;
}

.subpage h5.db {
}

.subpage h5 span {
	display:block;
	font-size:16px;
	color:#000000;
}

.subpage .content h5.db span {
	display:block;
	font-size:16px;
	color:#333333;
}

.subpage .content h5 a {
	position:absolute;
	top:0;
	right:0;
	width:150px;
	height:34px;
	border-radius:17px;
	color:#ffffff;
	background-color:#64c31e;
	text-align:center;
	display:block;
	font-size:16px;
	line-height:31px;
	text-decoration:none;
	transition:0.3s;
}

.subpage .content h5 a:hover {
	background-color:#8cd359;
}

.subpage h6 {
	font-size:26px;
	color:#349cd7;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-bottom:20px;
	font-family: 'FOT-HummingStd-M';
}

.content-header-img {
	max-width:850px;
	width:100%;
	height:auto;
	margin-bottom:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.content {
	padding-bottom:20px;
	position:relative;
}

.content p {
	margin:0;
	padding:0;
	padding-bottom:15px;
}

.content ul {
	margin:0;
	padding:0;
	padding-left:22px;
}

.content .table-content {
	box-sizing:border-box;
	border:1px solid #6bc629;
	border-radius:10px;
	overflow:hidden;
}

.content .table-content table {
	box-sizing:border-box;
	border:2px solid #6bc629;
	border-radius:10px;
	overflow:hidden;
}

.content .table-content table th {
	background-color:#e0face;
	border-bottom: 1px solid #98e062;
    border-right: 1px solid #e0face;
	box-sizing:border-box;
	position:relative;
	color:#327006;
	font-weight:normal;
	width:19%;
}

.content .table-content table th:before {
	content:"";
	width:100%;
	height:2px;
	background-color:#ffffff;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

.content .table-content table tr:nth-of-type(1) th:before {
	display:none;
}

.content .table-content table td {
	border-bottom: 1px solid #98e062;
}

.content .table-content table td:after {
	content: "";
    display: block;
    clear: both;
}

.content .table-content .separate-left {
	width:50%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
}

.content .table-content .separate-right {
	width:50%;
	float:right;
	padding-left:15px;
	box-sizing:border-box;
}

@media screen and (max-width: 640px) {
	.content .table-content .separate-left {
		width:100%;
		padding-right:0;
		float:none;
	}
	.content .table-content .separate-right {
		width:100%;
		padding-left:0;
		float:none;
	}
}

.content .table-content table td h6 {
	color:#46a600;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	font-size:16px;
}

@media screen and (max-width: 640px) {
	.content .table-content table td h6 {
		font-size:22px;
	}
}

.content .table-content table td ul {
	margin:0;
	padding:0;
	padding-left:22px;
	padding-bottom:10px;
}

.content .table-content table td table {
	width:auto !important;
	display:inline-block;
	border:none;
}

.content .table-content table td td {
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	text-align:left;
	vertical-align:top;
	display:table-cell !important;
}

@media screen and (max-width: 640px) {
	.content .table-content table td td {
		padding-top:10px !important;
		padding-bottom:10px !important;
		border-bottom:1px dotted #cccccc !important;
	}
	.content .table-content table td tr:last-of-type td {
		border-bottom:none !important;
	}
}

.content .table-content table td td:first-of-type {
	padding-right:20px !important;
}

@media screen and (max-width: 640px) {
	.content .table-content table td td:first-of-type {
		width:inherit;
		padding-right:20px !important;
	}
}

@media screen and (max-width: 640px) {
	.content .table-content table td ul {
		padding-left:30px;
	}
}

#contents .box {
	border:2px solid #e0e0e0;
	padding:30px;
	border-radius:10px;
	margin-bottom:30px;
}

#contents .box img {
	max-width:100%;
}

.alart-green {
	background-color:#d9f5c2;
	padding:15px;
	border-radius:10px;
	text-align:center;
	color:#489608;
}

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.top-topics {
	background-image:url(../image/contents/top/topics-back.jpg);
	background-position:center top;
	width:100%;
	padding-top:80px;
	padding-bottom:80px;
}

@media screen and (max-width: 800px) {
	.top-topics {
		background-image:none;
		padding-bottom:15px;
	}
}

.top-topics h2 {
	border:2px solid #6fc730;
	border-radius:15px;
	background-image:url(../image/contents/top/topics-back.png);
	background-repeat:no-repeat;
	background-position:left;
	box-sizing:border-box;
	width:100%;
	height:88px;
	line-height:81px;
	font-size:36px;
	color:#64c31e;
	text-align:center;
	font-family: 'FOT-HummingStd-M';
	text-decoration:none;
	font-weight:normal;
	letter-spacing:3px;
	position:relative;
	margin:0;
	padding:0;
	margin-bottom:50px;
}

.top-topics h2:before {
	background-image:url(../image/contents/top/pin.png);
	content:"";
	position:absolute;
	top:27px;
	right:15px;
	width:22px;
	height:27px;
}

.top-topics h2:after {
	background-image:url(../image/contents/top/pin.png);
	content:"";
	position:absolute;
	top:27px;
	left:15px;
	width:22px;
	height:27px;
}

.top-topics .list-primary {
	width:calc(100% + 30px);
}

.top-topics .list-primary .list {
	width:calc(25% - 30px);
	margin-right:30px;
	float:left;
	border-radius:15px;
	overflow:hidden;
	position:relative;
}

@media screen and (max-width: 800px) {
	.top-topics .list-primary .list {
		width:calc(50% - 30px);
		margin-bottom:30px;
	}
}

.top-topics .list-primary .list a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
	z-index:99;
}

.top-topics .list-primary .list a:hover {
	background-color:rgba(255,255,255,0.2);
}

.top-topics .list-primary .list:nth-child(1) { background-color:#8cd359; }
.top-topics .list-primary .list:nth-child(2) { background-color:#6cb2ee; }
.top-topics .list-primary .list:nth-child(3) { background-color:#f4b162; }
.top-topics .list-primary .list:nth-child(4) { background-color:#e9a0c5; }

.top-topics .list-primary .list .thum {
	width:278px;
	height:197px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.top-topics .list-primary .list:nth-child(1) .thum { background-image:url(../image/contents/top/topics-photo01.png);  }
.top-topics .list-primary .list:nth-child(2) .thum { background-image:url(../image/contents/top/topics-photo02.png);  }
.top-topics .list-primary .list:nth-child(3) .thum { background-image:url(../image/contents/top/topics-photo03.png);  }
.top-topics .list-primary .list:nth-child(4) .thum { background-image:url(../image/contents/top/topics-photo04.png);  }

@media screen and (max-width: 1200px) {
	.top-topics .list-primary .list .thum {
		width:100%;
		height:0;
		background-size:contain;
		background-repeat:no-repeat;
		padding-top:70.863%;
	}
}

.top-topics .list-primary .list h3 {
	margin:0;
	padding:0;
	text-align:center;
	color:rgba(255,255,255,1.00);
	font-family: 'FOT-HummingStd-M';
	font-weight:normal;
	padding-top:10px;
	padding-bottom:12px;
	display:block;
	width:100%;
	position:relative;
	font-size:24px;
}

.top-topics .list-primary .list h3:after {
	content:"";
	background-image:url(../image/contents/top/topics-ar.png);
	background-repeat:no-repeat;
	width:35px;
	height:54px;
	position:absolute;
	right:0;
	top:4px;
}

@media screen and (max-width: 1000px) {
	.top-topics .list-primary .list h3 {
		text-align:left;
		padding-left:20px;
	}
	.top-topics .list-primary .list h3:after {
		right:17px;
	}
}

.top-facility {
	padding:10px;
	padding-left:0;
	padding-right:0;
	background-color:#ffffff;
	position:relative;
	min-height:400px;
}

.top-facility:after {
	width:360px;
	height:390px;
	background-color:#ffe8cb;
	content:"";
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:610px;
}

.top-facility-left {
	background-image:url(../image/contents/top/facility_back.png);
	width:650px;
	height:389px;
	box-sizing:border-box;
	padding-top:60px;
	padding-left:360px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-950px;
	transition:0.3s;
}

@media screen and (max-width: 1250px) {
	.top-facility-left {
		left:-350px;
		margin-left:0;
		padding-left:380px;
	}
}

.top-facility-left h2 {
	background-image:url(../image/contents/top/facility_house.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:145px;
	width:241px;
	text-align:center;
	color:#ffffff;
	font-family: 'FOT-HummingStd-M';
	font-weight:normal;
	font-size:30px;
	margin-bottom:10px;
}

@media screen and (max-width: 900px) {
	.top-facility-left {
		position:relative;
		left:inherit;
		top:inherit;
		padding-left:0;
		width:100%;
		height:inherit;
		padding-top:30px;
		padding-left:30px;
		padding-right:30px;
		background-image:none;
	}
	.top-facility-left h2 {
		border:2px solid #6fc730;
		border-radius:15px;
		background-image:url(../image/contents/top/topics-back.png);
		background-repeat:no-repeat;
		background-position:left;
		box-sizing:border-box;
		width:100%;
		height:88px;
		line-height:81px;
		font-size:36px;
		color:#64c31e;
		text-align:center;
		font-family: 'FOT-HummingStd-M';
		text-decoration:none;
		font-weight:normal;
		letter-spacing:3px;
		position:relative;
		margin:0;
		padding:0;
		margin-bottom:30px;
	}
	
	.top-facility-left h2:before {
		background-image:url(../image/contents/top/pin.png);
		content:"";
		position:absolute;
		top:27px;
		right:15px;
		width:22px;
		height:27px;
	}
	
	.top-facility-left h2:after {
		background-image:url(../image/contents/top/pin.png);
		content:"";
		position:absolute;
		top:27px;
		left:15px;
		width:22px;
		height:27px;
	}
}

.top-facility-left p {
	width:241px;
	text-align:center;
	margin:0;
	padding:0;
	color:#ffffff;
	font-family: 'FOT-HummingStd-M';
	font-weight:normal;
	font-size:15px;
}

@media screen and (max-width: 900px) {
	.top-facility-left p {
		width:100%;
		color:#000000;
		font-size:16px;
		padding-bottom:30px;
	}
}

@media screen and (max-width: 640px) {
	.top-facility-left p {
		font-size:24px;
	}
}

.top-facility-right {
	width:890px;
	height:100%;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-290px;
}

@media screen and (max-width: 1250px) {
	.top-facility-right {
		width:100%;
		box-sizing:border-box;
		padding-left:310px;
		left:0;
		margin-left:0;
	}
	.top-facility:after {
		display:none;
	}
}

@media screen and (max-width: 900px) {
	.top-facility-right {
		padding-left:30px;
		padding-right:30px;
		left:inherit;
		top:inherit;
		position:relative;
	}
}

.top-facility-right .list-primary {
	width:calc(100% + 10px);
}

.top-facility-right .list-primary .list {
	width:calc(33.333% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	border:3px solid #fc8903;
	border-radius:10px;
	height:190px;
	display:block;
	box-sizing:border-box;
	text-align:center;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffcfc+0,f6f7f6+100 */
	background: rgb(255,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,252,252,1) 0%, rgba(246,247,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,252,252,1) 0%,rgba(246,247,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,252,252,1) 0%,rgba(246,247,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#f6f7f6',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 750px) {
	.top-facility-right .list-primary .list {
		width:calc(50% - 10px);
	}
}

.top-facility-right .list-primary .list a {
	font-size:20px;
	text-decoration:none;
	color:#000000;
	font-family: 'FOT-HummingStd-M';
	font-weight:normal;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align:middle;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	transition:0.3s;
}

@media screen and (max-width: 1090px) {
	.top-facility-right .list-primary .list a {
		text-align:left;
		justify-content:flex-start;
		font-size:18px;
	}
}

@media screen and (max-width: 1090px) {
	.top-facility-right .list-primary .list a br {
		display:none;
	}
}

@media screen and (max-width: 900px) {
	.top-facility-right .list-primary .list a {
		text-align:center;
		justify-content:center;
		font-size:18px;
	}
	.top-facility-right .list-primary .list a br {
		display:block;
	}
}

@media screen and (max-width: 640px) {
	.top-facility-right .list-primary .list a {
		font-size:22px;
	}
	.top-facility-right .list-primary .list:nth-child(6) a {
		font-size:20px;
	}
}

.top-facility-right .list-primary .list a:hover {
	color:#fc8903;
}

/*.facility-right .list-primary .list:nth-child(3) a { padding-top:44px; }
.facility-right .list-primary .list:nth-child(5) a { padding-top:74px; }*/

.top-facility-right .list-primary .list a:after {
	content:"";
	background-image:url(../image/contents/top/facility_icon.png);
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	bottom:10px;
}

.top-bana {
	padding-top:40px;
	padding-bottom:50px;
}

.top-bana .bana01 {
	background-image:url(../image/contents/top/bana01.png);
	width:575px;
	height:150px;
	position:relative;
	float:left;
}

.top-bana .bana02 {
	background-image:url(../image/contents/top/bana02.png);
	width:575px;
	height:150px;
	position:relative;
	float:right;
}

@media screen and (max-width: 1200px) {
	.top-bana .bana01 {
		float:none;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}
	.top-bana .bana02 {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}

.top-bana .bana01 a, .top-bana .bana02 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	transition:0.3s;
	background-color:rgba(255,255,255,0);
}

.top-bana .bana01 a:hover, .top-bana .bana02 a:hover {
	background-color:rgba(255,255,255,0.3);
}


/*----------------------------------------------------------------------------
   facility
------------------------------------------------------------------------------*/

.facility .page-header {
	background-image:url(../image/contents/facility/mv.png);
}

.facility .page-header h2 {
	display:none;
}

.flow-primary {
}

.flow-primary .list {
	border:2px dashed #d9f5c2;
	border-radius:10px;
	padding:15px;
	padding-left:65px;
	text-align:center;
	color:#64c31e;
	margin-bottom:15px;
	position:relative;
}

.flow-primary .list:after {
	content:"▼";
	color:#d9f5c2;
	font-size:22px;
	position:absolute;
	display:block;
	left:50%;
	bottom:-24px;
}

.flow-primary .list:last-of-type {
	margin-bottom:0;
}

.flow-primary .list:last-of-type:after {
	display:none;
}

.flow-primary .list .num {
	position:absolute;
	width:40px;
	height:40px;
	border-radius:50%;
	top: 50%;
	left: 35px;
	transform: translate(-50%, -50%);
	background-color:#64c31e;
	color:#ffffff;
	text-align:center;
	line-height:37px;
	font-size:18px;
	font-family: 'FOT-HummingStd-M';
}

.flow-primary .list p {
	margin:0;
	padding:0;
}

.facility-list-primary {
	padding-bottom:50px;
}

.facility-list-primary .list {
}

.facility-list-primary .list ul {
	list-style:none;
	margin:0;
	padding:0;
}

.facility-list-primary .list ul li a {
	border:2px solid #e3e3e3;
	padding:15px;
	text-align:center;
	box-sizing:border-box;
	border-radius:10px;
	position:relative;
}

.facility-list-primary .list ul li a:after {
	content:"〉";
	position:absolute;
	top:15px;
	right:10px;
	color:#e3e3e3;
}

.facility-list-primary .list ul.db li a {
	width:calc(50% - 15px);
	float:left;
}
.facility-list-primary .list ul.db li:last-of-type a {
	width:calc(50% - 15px);
	float:right;
}

.facility-list-primary .list ul li a {
	text-decoration:none;
	color:rgba(0,0,0,1.00);
	transition:0.3s;
	display:block;
}

.facility-list-primary .list ul li a:hover {
	color:#ffffff;
	border:2px solid #6bc629;
	background-color:#6bc629;
}

.facility-list-primary.orange .list ul li a:hover {
	color:#ffffff;
	border:2px solid #ff9203;
	background-color:#ff9203;
}

.facility-list-primary .list ul li a:hover:after {
	color:#ffffff;
}

.facility-gmap {
	background-color:#e3e3e3;
	border-radius:10px;
	width:100%;
	height:600px;
	color:#ffffff;
	text-align:center;
	line-height:600px;
	font-size:30px;
}

.facility-right-comment {
	background-color:#f3ffeb;
	position:absolute;
	top:95px;
	right:0;
	width:340px;
	padding:15px;
	padding-top:12px;
	padding-bottom:12px;
	box-sizing:border-box;
	border:3px dotted #64c31e;
	color:#333333;
	text-align:center;
	font-family: 'FOT-HummingStd-M';
	font-weight:bold;
	font-size:20px;
}

@media screen and (max-width: 1100px) {
	.facility-right-comment {
		position:relative;
		top:inherit;
		left:inherit;
		width:100%;
		margin-bottom:30px;
	}
	.facility-right-comment br {
		display:none;
	}
}

/*----------------------------------------------------------------------------
   corporate
------------------------------------------------------------------------------*/

.corporate .page-header {
	background-image:url(../image/contents/corporate/mv.png);
}

.corporate .page-header h2 {
	display:none;
}

.corporate-comment {
	font-family: 'FOT-HummingStd-M';
	padding-bottom:60px;
}

.corporate-comment p {
	text-align:center;
	margin:0;
	padding:0;
	font-size:18px;
}

.corporate-comment img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.corporate ol {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:20px;
}


/*----------------------------------------------------------------------------
   recruit
------------------------------------------------------------------------------*/

.recruit .page-header {
	background-image:url(../image/contents/recruit/mv.png);
}

.recruit .page-header h2 {
	display:none;
}

.recruit-list-primary {
}

.recruit-list-primary .list {
	border:2px solid #f0f0f0;
	border-radius:10px;
	padding:30px;
	margin-bottom:30px;
	position:relative;
	transition:0.3s;
}

.recruit-list-primary .list:hover {
	border:2px solid #fa8803;
	background-color:#fffed9;
}

.recruit-list-primary .list a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
}

.recruit-list-primary .list img {
	margin-bottom:0;
}

@media screen and (max-width: 1020px) {
	.recruit-list-primary .list img {
		width:180px;
		height:auto;
	}
}

.recruit-list-primary .list h5 {
}

.recruit-list-primary .list p {
}

.recruit-list-primary .list .detail {
	/*padding-right:280px;*/
}

@media screen and (max-width: 1020px) {
	.recruit-list-primary .list .detail {
		/*padding-right:210px;*/
	}
}

.recruit-list-primary .list .detail .button {
	background-color:#fa8803;
	width:150px;
	height:36px;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	line-height:34px;
	border-radius:18px;
	transition:0.3s;
}

.recruit-list-primary .list:hover .detail .button {
	background-color:#ffb053;
}

.recruit-back-button a {
	background-color:#fa8803;
	width:180px;
	height:40px;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	line-height:38px;
	border-radius:20px;
	transition:0.3s;
	margin-top:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	position:relative;
	box-sizing:border-box;
	padding-left:10px;
}

.recruit-back-button a:after {
	content:"〈";
	color:#ffffff;
	position:absolute;
	top:0;
	left:5px;
}

.recruit-back-button a:hover {
	background-color:#ffb053;
}

.mynav-bana a {
	background-image:url(../image/contents/recruit/mynav.png);
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	height:123px;
	display:block;
	font-size:24px;
	color:#00abeb;
	font-family: 'FOT-HummingStd-M';
	text-decoration:none;
	padding-left:30px;
	border:2px solid #00abeb;
	border-radius:10px;
	display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 box-sizing:border-box;
	 transition:0.3s;
	 position:relative;
}

.mynav-bana a:hover {
	border:2px solid #35c8ff;
}

.mynav-bana a:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
	content:"";
	display:block;
}

.mynav-bana a:hover:after {
	background-color:rgba(255,255,255,0.3);
}

@media screen and (max-width: 1140px) {
	.mynav-bana a {
		font-size:20px;
		background-size:255px 88px;
	}
}


/*----------------------------------------------------------------------------
   disclosure
------------------------------------------------------------------------------*/

.disclosure .page-header {
	background-image:url(../image/contents/disclosure/mv.png);
}

.disclosure .page-header h2 {
	display:none;
}

.pdf-button {
	display:block;
	width:calc(50% - 15px);
}

@media screen and (max-width: 700px) {
	.pdf-button {
		width:100%;
	}
}

.pdf-button a {
	background-image:url(../image/contents/disclosure/pdf.png);
	background-repeat:no-repeat;
	background-position:right;
	border:2px solid #E9E9E9;
	padding:30px;
	border-radius:10px;
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-bottom:30px;
	padding-right:78px;
	transition:0.3s;
}

.pdf-button a:hover {
	border:2px solid #d53238;
}

.pdf-button:nth-child(even) { float:right; }
.pdf-button:nth-child(odd) { float:left; }

.now-button a {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	border:2px solid #fa8803;
	color:#fa8803;
	display:block;
	border-radius:10px;
	font-size:18px;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	transition:0.3s;
}

.now-button a:after {
	content:"〉";
	position:absolute;
	top:28px;
	right:10px;
	color:#fa8803;
	display:block;
	font-size:24px;
}

.now-button a:hover {
	color:#ffb661;
	border:2px solid #ffb661;
}


/*----------------------------------------------------------------------------
   access
------------------------------------------------------------------------------*/

.access .page-header {
	background-image:url(../image/contents/access/mv.png);
}

.access .page-header h2 {
	display:none;
}


/*----------------------------------------------------------------------------
   contact
------------------------------------------------------------------------------*/

.contact .page-header {
	background-image:url(../image/contents/contact/mv.png);
}

.contact .page-header h2 {
	display:none;
}

/*----------------------------------------------------------------------------
   posts
------------------------------------------------------------------------------*/

.posts .page-header {
	background-image:url(../image/contents/posts/mv.png);
}

.posts .page-header h2 {
	display:none;
}

.wp-block-image {
	display:inline-block;
}

.wp-block-image img {
	max-width:850px;
	height:auto;
	border-radius:10px;
}

.posts .content p {
	margin:0;
	padding:0;
	margin-top:-5px;
	padding-bottom:30px;
}

.posts .content p:after {
	content: "";
    display: block;
    clear: both;
}

.post-archives {
	list-style:none;
	margin:0;
	padding:0;
}

.post-archives li {
	border:2px solid #cccccc;
	border-radius:10px;
	margin-bottom:30px;
	padding:30px;
	box-sizing:border-box;
}

.post-archives li h5 {
	background-image:none;
	margin:0;
	padding:0;
	margin-top:-15px;
	margin-bottom:20px;
}

.post-archives li h5 a {
	font-size:16px;
	position:relative;
	padding-left:137px;
}

.post-archives li h5 a span {
	display:block;
	color:#ffffff;
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:30px;
	border-radius:15px;
	background-color:#64c31e;
	text-align:center;
	font-size:12px;
	line-height:30px;
}

@media screen and (max-width: 640px) {
	.post-archives li h5 a {
		font-size:22px;
		padding-left:157px;
	}
	.post-archives li h5 a span {
		font-size:16px;
		width:140px;
		height:35px;
		line-height:35px;
	}
}

.post-archives li p {
	margin-bottom:0;
	padding-bottom:0;
	overflow:hidden;
}

@media screen and (max-width: 640px) {
}

.post-archives li img {
	border-radius:10px;
	padding-bottom:0;
	margin-bottom:0;
	display:block;
	transition:0.3s;
}

.post-archives li img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.post-archives li:after {
	content: "";
    display: block;
    clear: both;
}