@charset "utf-8";

@import url(page.css);

/*
Theme Name: 株式会社コリオンテーマ - 2024
Theme URI: http://www.korion-ds.com/
Version: 2.0
Author: 株式会社コリオン
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { border: 0; font-family: inherit; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline:0; }
/*html { overflow-y: scroll; }*/
table { border-collapse: collapse; }
ol, ul {list-style:none; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after,q:before, q:after { content:""; }
blockquote, q { quotes:"" "";}
img, a img { width: auto; height: auto; max-width: 100%; border:0; vertical-align: bottom; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
input, textarea { margin: 0; padding: 0; }

html{ font-size: 10px; }
body{ font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
body{ font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #666; -webkit-text-size-adjust: 100%; background: #fff; }

/* リンク設定
------------------------------------------------------------*/
a {
	font-size: 100%; color: #666;
	margin: 0; padding: 0;
	text-decoration: none; outline: 0; vertical-align: baseline;
	background: transparent;
	
	&[href*=".pdf"][target="_blank"] {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		gap: 0 0.5em;
		color: #e73124;
		text-decoration: underline;
		
		/* -- icon -- */
		&::after {
			content: '';
			display: block;
			width: 2.0em;
			height: 2.0em;
			background: url("img/icon_pdf.svg") no-repeat 50% 50% / contain;
		}
		
		/* -- hover -- */
		&:hover {
			text-decoration: none;
		}
	}
}
a:hover, a:active {
	color: #999; outline: none;
	-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;
}

/* 配置指定
------------------------------------------------------------*/
img.aligncenter { display: block; margin: 5px auto; }
img.alignright, img.alignleft{ padding: 4px;	margin: 0 0 2px 7px; display: inline; }
img.alignleft{ margin: 0 7px 2px 0; }
.alignright{ float: right; }
.alignleft{ float: left; }
.inline { letter-spacing: -0.4em; } 
.inline li { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; }

/* Clearfix
------------------------------------------------------------*/
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* = Selected Text
----------------------------------------------- */
::selection { background: #FBCED6; }
::-moz-selection { background:#FBCED6; }

/* マージン
------------------------------------------------------------*/
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="number"], input[type="email"], select, textarea{
	vertical-align:middle;
	line-height:30px;
	height:30px;
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
	
	&[readonly] {
		background: transparent;
		border: none;
	}
}
textarea{
	font-size: 15px; line-height: 1.5; height: auto;
}
input[type="checkbox"] {
	display: none;
	
	& + span {
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		font-size: 16px;
		color: #333;
		line-height: 1.35;
		min-height: 1.25em;
		padding-left: 1.75em;
		cursor: pointer;
		
		&::before,
		&::after  {
			position: absolute;
			top: 50%;
			content: '';
			display: block;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			-webkit-transition: 0.4s ease;
			-o-transition: 0.4s ease;
			transition: 0.4s ease;
		}
		&::before {
			left: 0;
			width: 1.25em;
			height: 1.25em;
			border: 1px solid #CCC;
			border-radius: 4px;
		}
		&::after {
			left: 0.25em;
			content: '\f00c';
			font-family: 'Font Awesome 6 Free';
			font-weight: 900;
			color: #1D6B1D;
			opacity: 0;
		}
	}
	
	/* checkbox */
	&:checked {
		& + span {
			&::before {
				border-color: #1D6B1D;
			}
			&::after  {
				opacity: 1.0;
			}
		}
	}
}
input[type="submit"],input[type="reset"],input[type="button"]{
	padding:3px 10px;
	background: #2a588b;
	background: -moz-linear-gradient(top, #2a588b 0%, #214a78 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a588b), color-stop(100%,#214a78));
	background: -webkit-linear-gradient(top, #2a588b 0%,#214a78 100%);
	background: -o-linear-gradient(top, #2a588b 0%,#214a78 100%);
	background: -ms-linear-gradient(top, #2a588b 0%,#214a78 100%);
	background: linear-gradient(to bottom, #2a588b 0%,#214a78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#214a78',GradientType=0 );
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 1.5;
	font-size: 100%;
	color: #fff;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #2a588b;
	background: -moz-linear-gradient(top, #214a78 0%, #2a588b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214a78), color-stop(100%,#2a588b));
	background: -webkit-linear-gradient(top, #214a78 0%,#2a588b 100%);
	background: -o-linear-gradient(top, #214a78 0%,#2a588b 100%);
	background: -ms-linear-gradient(top, #214a78 0%,#2a588b 100%);
	background: linear-gradient(to bottom, #214a78 0%,#2a588b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a78', endColorstr='#2a588b',GradientType=0 );
}
*:first-child+html input[type="submit"]{ padding: 3px; }

.wpcf7-not-valid {
	border-color: #D80000 !important;
	
	& + span {
		font-weight: bold;
		color: #FFF !important;
		width: fit-content;
		margin-top: 0.5em;
		padding: 0.5em;
		background-color: #D80000;
	}
}
.wpcf7-acceptance {
	.wpcf7-list-item {
		margin-left: 0;
	}
}


/* レイアウト
------------------------------------------------------------*/
html,body{ height:100%; }
body {
	overflow-x: hidden;
}
.inner{ width:980px; margin:0 auto; }
#header{ height: 80px; overflow: hidden; background: #fff; }
#content{ width: 980px; margin: 0px auto; padding: 0 0 30px; }
#sidebar{ width: 245px; padding: 30px 0; float: left; }
#main{ width: 720px; padding: 30px 0; float: right; }
#footer{ clear: both; padding-top: 20px; border-bottom: 1px solid #fff; background: url(img/footer_back.gif) repeat-x; }


/* ヘッダー
*****************************************************/
#header{ padding: 10px 0; }

/* サイト説明文
----------------------------------*/
#header {
	position: relative;
	z-index: 100;
	border-bottom: 20px solid #B5D100;
	box-shadow: 0 1px 0 #FFF, 0 3px 2px rgb( 51, 51, 51, 65%);
}
#header h1{
	color: #666;
	font-size: 80%;
	font-weight: normal;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
.header_title { float: left; }
.header_title h2 { margin-top: 10px; }
.header_title h2 a:hover { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

/* サブナビゲーション
----------------------------------*/
.header_nav{ float: right; }
.header_nav ul{ margin-top: 10px; }
.header_nav li{ float: left; margin-left: 10px; }
.header_nav li:first-child{ margin-left: 0; }

/* メインメニュー
------------------------------------------------------------*/
#mainNav {
	padding: 0 0 40px;
	background: url("img/main/textures.png");
	
	h2 {
		margin-bottom: 10px;
	}
	.inner {
		position: relative;
		z-index: 1;
	}
}
#mainNav .mainNav_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px min( 2.5%, 12px );
	
	li {
		flex-basis: 318px;
		margin: 0;
		float: none;
		
		a {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			font-family: 'リュウミン B-KL', sans-serif;
			font-size: clamp( 14px, calc( 14px + 4 * ( ( 100dvw - 320px ) / 660 ) ), 18px );
			font-weight: bold;
			color: #331F1F;
			line-height: 1.17;
			text-decoration: none;
			height: 100%;
			background-color: #FFF;
			box-shadow: 0 1px 1px rgba( 102, 102, 102, 0.65);
			-webkit-transition: 0.4s ease;
			-o-transition: 0.4s ease;
			transition: 0.4s ease;
			
			.thumbnail {
				img {
					width: 100%;
					aspect-ratio: 3 / 2;
					object-fit: cover;
				}
			}
			.content {
				position: relative;
				flex-grow: 1;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				-ms-align-items: center;
				align-items: center;
				padding: 12px calc( 12px + 1.77em ) 12px 12px;
				
				&::after {
					position: absolute;
					top: 50%;
					right: 12px;
					content: '\f0a9';
					font-family: 'Font Awesome 6 Free';
					font-size: 1.77em;
					font-weight: 900;
					color: #F27E91;
					transform: translateY(-50%);
				}
			}
			
			/* hover */
			&:hover {
				color: #F27E91;
				background-color: #FFF7F8;
			}
		}
	}
}

/* -- スマホメニュー -- */
#mainNavBtn { display: none; }
#menuNav { display: none; height: 0; }


/* トップページ　メイン画像
----------------------------------*/
#mainImg {
	position: relative;
	z-index: 1;
	clear: both;
	
	&::before {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		content: '';
		display: block;
		width: 468px;
		height: 413px;
		background: url("img/main/leaf_img.png") no-repeat 0 0 / contain;
		aspect-ratio: 468 / 413;
	}
	&::after {
		position: absolute;
		bottom: -120px;
		left: 0;
		z-index: 1;
		content: "";
		display: block;
		width: 1920px;
		background: url(img/main/wave.png) no-repeat 50% 0 / contain;
		aspect-ratio: 990 / 223;
	}
}
#top #mainImg .inner {
	position: relative;
	z-index: 2;
}
#top #mainImg ul.rslides {
	position: relative;
	z-index: -1;
}
#top #mainImg ul.rslides li img {
	width: auto;
	max-width: none;
	height: 592px;
	object-fit: cover;
	aspect-ratio: 120 / 37;
}
#top #mainImg ul.rslides li img.pc { display: block; }
#top #mainImg ul.rslides li img.sp { display: none; }

/* -- サブページ -- */
#sub #header {
	z-index: 0;
}
#sub #mainImg {
	position: relative;
	z-index: 1;
	
	.inner {
		min-height: 213px;
		box-sizing: border-box;
		
		h2 {
			position: static;
			font-family: 'リュウミン R-KL', sans-serif;
			font-size: clamp( 20px, calc( 20px + 22 * ( ( 100dvw - 320px ) / 660 ) ), 42px );
			font-weight: 500;
			color: #FFF;
			text-align: center;
			margin-bottom: 0;
			padding-top: 20px;
			text-shadow: 2px 2px 10px rgba( 255, 255, 255, 0.75 ), 
						 -2px -2px 10px rgba( 255, 255, 255, 0.75 );
		}
	}
	
	&::before {
		display: none;
		width: min( 16%, 468px );
	}
	&::after {
		top: -26px;
		bottom: auto;
		left: 50%;
		z-index: -1;
		width: auto;
		height: 243px;
		margin: auto;
		background: url("img/main/sub_back_img.png") 50% 0 no-repeat;
		aspect-ratio: 220 / 27;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	@media screen and ( min-width: 1200px) {
		&::before {
			display: block;
		}
	}
}
#sub #mainNav {
	margin-top: -80px;
}


.main_copy { position: absolute; top: 110px; left: 0; z-index: 3; }

.main_link {
	position: absolute;
	top: 340px;
	right: 20px;
	z-index: 3;
	
	p {
		margin-bottom: 0 !important;
		
		em {
			display: block;
			font-family: 'リュウミン B-KL', sans-serif;
			font-size: clamp( 16px, calc( 16px + 8 * ( ( 100dvw - 320px ) / 660 ) ), 24px );
			font-weight: bold;
			font-style: normal;
			color: #FFF;
			text-align: center;
			padding: 0.5em 1.0em;
			background-color: #006600;
			border-radius: 12px 12px 0 0;
		}
	}
	ul {
		li {
			border-bottom: 1px solid rgba( 255, 255, 255, 0.3);
			
			a {
				display: block;
				font-family: 'リュウミン R-KL', sans-serif;
				font-size: clamp( 14px, calc( 14px + 4 * ( ( 100dvw - 320px ) / 660 ) ), 18px );
				font-weight: bold;
				color: #FFF;
				line-height: 1.35;
				padding: 1.0em;
				background-color: rgba( 154, 212, 29, 0.84);
				text-shadow: 2px 2px 2px rgba( 0, 0, 0, 20% );
				-webkit-transition: 0.4s ease;
				-o-transition: 0.4s ease;
				transition: 0.4s ease;
				
				&:hover {
					background-color: rgba( 154, 212, 29, 1.0);
				}
			}
			
			&:last-child {
				border-bottom: none;
				
				a {
					border-radius: 0 0 12px 12px;
				}
			}
		}
	}
}

#move { position: absolute; }

.post { margin: 0 0 20px 0; padding: 10px; background: #FFF; border:1px solid #F0F0E1; }


/* -- rslides -- */
.rslides { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.rslides li { position: absolute; top: 0; left: 0; display: none; width: 100%; -webkit-backface-visibility: hidden; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; width: 100%; height: auto; float: left; }


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:30px 0 0;
padding:7px 10px;
font-size:110%;
border:1px solid #f0f0e1;
border-bottom:0;
background:#fff url(images/border.png) repeat-x 0 100%;
}

h2.first{margin-top:0;}

.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #f0f0e1;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #f0f0e1;
}

.post h3{
margin:10px 0;
font-size:120%;
font-weight:normal;
color:#214a78;
border-bottom:1px solid #f0f0e1;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #214a78 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:7px 10px 7px 5px;
border: #214a78 solid;
border-width: 0 0 1px 1px;
font-weight:bold;
color:#fff;
background:#214a78;
}

.post table td{
padding:7px 5px;
border: 1px #214a78 solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}



/* サイドバー
*****************************************************/
#side_contact {
	margin-bottom: 15px;
	background: url(img/side/con_back.png) repeat-y;
}
#side_contact h4, #side_contact p { line-height: 0; margin: 0 !important; padding-left:18px; }
#side_contact h4:nth-child(n+2) { padding-top: 5px; }

.side_btn { padding-top: 5px; }

#banners li { margin-bottom: 15px; }
.side-blog-list {
	color: #FFF; margin: 0; padding: 0 15px 4px;
	background: #92C221;
}
.side-blog-list a { color: #FFF; }
.side-blog-list a:hover { text-decoration: underline; }
.side-blog-list li { font-size: 13px; font-size: 1.3rem; padding: 10px 0; border-bottom: 1px dotted #FFF; }
.side-blog-list li:last-child { border-bottom: none; }



/* フッター
*****************************************************/
#footer ul{
padding:20px 0;
letter-spacing:-0.4em; /* 文字間を詰めて隙間を削除する */
}

#footer ul li{
letter-spacing: normal; /* 文字間を通常に戻す */
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:0px 30px;
font-size:18px;
border-left:1px solid rgba(255,255,255,0.67);
/* For IE 6/7 */
*display: inline;
*zoom: 1;
}
#footer ul li:last-child{
border-right:1px solid rgba(255,255,255,0.67);
}

#footer ul li a{
display:block;
color:rgba(255,255,255,0.66);
}

#footer ul li a:hover{
text-decoration:underline;
color:#FFF;
}

#footer_sub ul{
	margin:15px 0;
}
#footer_sub li{
float:left;
padding:0 20px;
border-left:1px solid #666;
}
#footer_sub li:last-child{
border-right:1px solid #666;
}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:10px;
text-align:right;
zoom:1;
font-size:9px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav {
	clear:both;
	width: 100%;
	height: 30px;
	margin: 5px 0 20px;
}
.prev { float:left; }
.next { float:right; }

#pageLinks {
	clear:both;
	color:#2a588b;
	text-align:center;
}


/* トップページ 最新記事3件
------------------------------------------------------------*/
.thumbWrap{
	width:735px;
	margin:20px -25px 20px 0;
}
.thumbWrap li{
	float:left;
	width: 220px;
	margin:0 25px 0 0;
	padding:2px 0 40px;
	background:none;
}

/* 最新記事リンク */
ul.thumb h3{
	margin-top:10px;
	padding:1px;
	font-weight:normal;
	font-size:100%;
	text-align:center;
	background:#fff;
	border:1px solid #ccc;
}
ul.thumb h3 span{
	display:block;
	padding:2px 3px;
	background:#e7d9cc;
}
ul.thumb h3 a{color:#666;}
ul.thumb h3:hover span { color: #fff; background: #ce9a98; }

/* pageTop
------------------------------------------------------------*/
#pageTop{ position: fixed; bottom: 20px; right: 20px; }


@media screen and (max-width:768px) {
	/* レイアウト
	------------------------------------------------------------*/
	html,body { height: auto; }
	html { position: relative; overflow-x: hidden; }
	body { position: relative; right: 0; width: 100%; }
	body.open { overflow-x: visible; }
	.inner { width: 90%; }
	#header { height: auto; }
	#content { width: 90%; padding: 30px 0; }
	#sidebar { width: 100%; padding: 0; float: none; }
	#main { width: 100%; padding: 0 0 30px; float: none; }
	#footer { padding-top: 0; border-top: 10px solid #FBC4C8; background: none; }
	
	/* ヘッダー
	*****************************************************/
	#header{ padding: 14px 0; }
	
	/* サイト説明文
	----------------------------------*/
	#header h1{
		font-size: 10px; font-size: 1.0rem; line-height: 135%;
	}
	
	/* ロゴ (サイトタイトル)
	----------------------------------*/
	.header_title { float: none; }
	.header_title h2 { width: 111.5px; height: 20px; margin-top: 10px; }
	.header_title h2 a:hover { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
	
	/* サブナビゲーション
	----------------------------------*/
	.header_nav{ display: none; }
	
	
	/* メインメニュー
	------------------------------------------------------------*/
	#sub nav#mainNav{ display: none; }
	nav#mainNav {
		.mainNav_list {
			li {
				flex-basis: calc( 50% - ( min( 2.5%, 12px ) / 2 ) );
			}
		}
	}
	
	/* -- メニューボタン -- */
	#mainNavBtn { position: absolute; top: 10px; right: 0; z-index: 300; display: block; }
	#mainNavBtn span {
		display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;
		width: 52px; height: 62px; cursor: pointer;
		background: url(img/navi/menuBtn.png) no-repeat;
	}
	#mainNavBtn.open span { background-position: 0 -62px; }
	
	
	/* トップページ　メイン画像
	----------------------------------*/
	#mainImg {
		&::before {
			width: min( 25%, 468px );
			height: auto;
		}
		&::after {
			position: absolute;
			bottom: 0;
			width: 100%;
		}
	}
	#top #mainImg {
		.inner {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
		}
	}
	#top #mainImg ul.rslides li img {
		max-width: 100%;
		height: auto;
		object-fit: cover;
		aspect-ratio: 64 / 43;
	}
	
	#sub #mainImg {
		background: url(img/sp_background_sub.jpg) no-repeat;
		background-size: cover;

		.inner {
			min-height: 0px;
			
			h2 {
				padding-bottom: 20px;
			}
		}

		&::before {
			display: none;
		}
		&::after {
			display: none;
		}
	}
	
	.main_copy{ position: static; top: auto; left: auto; width: 76.85%; margin: 0 !important; padding: 38px 0 0; }
	.main_link{ position: static; top: auto; left: auto; width: 52%; margin: 0 !important; padding: 16px 0 0; }
	
	#move{ position: static; }

	
	/* サイドバー
	*****************************************************/
	#side_contact{ display: none; }
	
	#banners li { margin-bottom: 15px; }
	#banners li img { width: 100%; }
	
	.side-blog-list { display: none; }
	
	
	/* フッター
	*****************************************************/
	#footer .inner { width: 100%; background: #688E1A; border-top: 1px solid #FFF; }
	#footer ul {
		width: 90%; margin: 0 auto; padding: 20px 0;
		letter-spacing: -0.4em;
	}
	
	#footer ul li{
		display: block; vertical-align: bottom;
		font-size: 16px; font-size: 1.6rem; padding: 0;
		border-left: none; border-bottom: 1px solid #DDD;
	}
	#footer ul li:last-child{ border-right: none; border-bottom: none; }
	#footer ul li a {
		position: relative;
		color: #666; padding: 16px;
		background: -webkit-linear-gradient(top, #ffffff 0%,#EEEEEE 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#EEEEEE 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEEEEE',GradientType=0 );
	}
	#footer ul li:first-child a {
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	#footer ul li:last-child a {
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	#footer ul li a:hover{ color: #999; text-decoration: none; }
	#footer ul li a:after {
		position: absolute; top: 50%; right: 16px;
		content: ""; display: block; width: 8px; height: 13px; margin: -6.5px 0 0;
		background: url(img/arrow.png) no-repeat;
	}

	#footer_sub { width: 100%; }
	#footer_sub ul{ margin: 0 0 20px; }
	#footer_sub li{
		padding: 0; float: none;
		border-left: none; border-bottom: 1px solid #CCC;
	}
	#footer_sub li:last-child{ border-right: none; }
	#footer_sub li a { display: block; padding: 16px 32px; background: url(img/arrow.png) no-repeat 90% center; }
	#footer_sub p { font-size: 12px; font-size: 1.2rem; width: 90%; margin: 0 auto; }
	
	#copyright{ font-size: 9px; font-size: 0.9rem; clear: both; zoom: 1; }
	
	
	/* スマホグローバルナビ
	*****************************************************/
	#menuNav {
		display: block;
		position: fixed; top: 0; right: -80%; z-index: 300;
		width: 80%; height: 100%; overflow: hidden;
		background: #7EAD1F;
	}
	#menuNav h3 {
		display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;
		width: 75px; height: 18px; margin: 10px 0;
		background: url(img/navi/menu_title.png) no-repeat;
	}
	
	/* -- 閉じるボタン -- */
	#menuNav .close { position: absolute; top: 20px; right: 20px; }
	#menuNav .close span {
		display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;
		width: 86px; height: 32px; cursor: pointer;
		background: url(img/navi/close.png) no-repeat;
	}
	
	/* -- サービス -- */
	#menuNav .mainMenu { margin: 20px 0 16px; }
	#menuNav .mainMenu li { width: 49%; margin: 0 2% 2% 0; float: left; }
	#menuNav .mainMenu li:nth-child(2n+2) { margin: 0 0 2%; }
	#menuNav .mainMenu li img { width: 100%; }
	
	/* -- ナビゲーション -- */
	#menuNav .subMenu li { border-bottom: 1px solid #DDD; }
	#menuNav .subMenu li:last-child { border-bottom: none; }
	#menuNav .subMenu li a {
		position: relative; display: block; padding: 16px;
		background: -webkit-linear-gradient(top, #ffffff 0%,#EEEEEE 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#EEEEEE 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEEEEE',GradientType=0 );
	}
	#menuNav .subMenu li:first-child a {
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	#menuNav .subMenu li:last-child a {
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	#menuNav .subMenu li a:after {
		position: absolute; top: 50%; right: 16px;
		content: ""; display: block; width: 8px; height: 13px; margin: -6.5px 0 0;
		background: url(img/arrow.png) no-repeat;
	}
	
	/* -- スクロール -- */
	#menuNav .scroll { position: relative; height: 100%; min-height: 100%; padding: 20px; overflow-y: auto; box-sizing: border-box; }
	

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		#footer ul li a:after { background-image: url(img/arrow@2x.png); background-size: cover; }
		#footer_sub li a { background-image: url(img/arrow@2x.png); background-size: 8px 13px; }
		#menuNav h3 { background-image: url(img/navi/menu_title@2x.png); background-size: cover; }
		#mainNavBtn span { background-image: url(img/navi/menuBtn@2x.png); background-size: 52px 124px; }
		#menuNav .close span { background-image: url(img/navi/close@2x.png); background-size: cover; }
		#menuNav .subMenu li a:after { background-image: url(img/arrow@2x.png); background-size: cover; }
	}
}