@charset "utf-8";
/*
Theme Name: 弁護士法人TLEO虎ノ門法律経済事務所新潟支店／企業法務特化サイト
Theme URI: http://c-tpl.com/
Description: responsive_242
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =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, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
	position: relative;
	font-family: "Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic", arial, helvetica, sans-serif;
	background: url("images/base/BgBody.jpg") bottom 630px center / 100% auto no-repeat;
	font-size: 18px;
	line-height: 1.5;
	color:#333;
	-webkit-text-size-adjust: none;
}

.pc { display: block; }
.sp { display: none; }

/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#27894c;
}

a:hover, a:active{
	outline: none;
	color:#27894c;  
	opacity: 0.8;
	text-decoration: underline;
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

/*見出し
*****************************************************/
#content h1:not(.style_none),
#content_page h1:not(.style_none) {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	clear: both;
	position: relative;
	margin: 0 0 30px;
	padding: 7px 30px;
	font-size: 30px;
	text-align: center;
	box-sizing: border-box;
}
#content h1:not(.style_none):after,
#content_page h1:not(.style_none):after {
	position: absolute;
	content: "";
	display: block;
	background: #27894c;
	width: 100px;
	height: 2px;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
}
#content h2:not(.style_none),
#content_page h2:not(.style_none) {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	clear: both;
	position: relative;
	background: #444;
	margin: 20px 0;
	padding: 5px 30px;
	color: #fff;
	font-size: 22px;
}
#content h2:not(.style_none):after,
#content_page h2:not(.style_none):after {
	position: absolute;
	content: "";
	display: block;
	background: #fff;
	width: 8px;
	height: 100%;
	bottom: 0;
	left: 8px;
}
#content h2:not(.style_none) a,
#content_page h2:not(.style_none) a { color: #fff; }
#content h3:not(.style_none),
#content_page h3:not(.style_none) {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	clear: both;
	margin: 20px 0;
	padding: 5px 30px;
	color: #666666;
	font-size: 20px;
	border-bottom: 2px solid #a0a0a0;
}

/* 下層ページリンクスタイル　※h3と揃える */
.plist { margin: 20px 0 50px; }
.plist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.plist > ul > li {
	clear: both;
	position: relative;
	margin: 20px 0;
	padding: 5px 30px;
	color: #666;
	font-size: 20px;
	border-bottom: 2px solid #a0a0a0;
}
.plist > ul > li > ul { padding: 0 30px; }

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="tel"], textarea {
	vertical-align:middle;
	max-width:90%;
	line-height:30px;
	height:30px;
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
}

textarea{
	height:auto;
	line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
	padding:3px 10px;
	background: #878787;
	background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
	background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
	background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
	background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:1.5;
	font-size:120%;
	color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #878787;
	background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
	background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
	background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
	background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
	cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

/* レイアウト
------------------------------------------------------------*/
#wrapper {
	width:1200px;
	margin:0 auto;
	box-sizing: border-box;
}

.inner {
	width:1200px;
	margin:0 auto;
	box-sizing: border-box;
}

#content .inner,
#content_page .inner {
	width:880px;
	margin:0 auto;
	box-sizing: border-box;
}

#header {
	overflow:hidden;
	background: #fff;
	padding: 30px 0;
}

#content,
#content_page {
	float: right;
	width: 880px;
	padding: 40px 0 50px;
}

#sidebar{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	float: left;
	width: 290px;
	padding: 50px 0 80px;
}

#sidebar h1:not(.style_none) {
	clear: both;
	background: #333;
	margin: 0;
	padding: 12px 20px 8px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}

#sidebar .side_nav { margin-bottom: 60px; }
#sidebar .side_nav div > ul {
	background: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid #444;
}

/*第一階層*/
#sidebar .side_nav div > ul > li {
	position: relative;
	border-bottom: 1px solid #444;
}
#sidebar .side_nav div > ul > li:last-child { border-bottom: none; }
#sidebar .side_nav div > ul > li:hover { background: #eee; }
#sidebar .side_nav div > ul > li > a {
	position: relative;
	display: block;
	padding: 12px 10px 10px 30px;
	text-decoration: none;
	background: url(images/base/Arrow1.png) 10px 50% no-repeat;
	box-sizing: border-box;
	color: #333;
}
#sidebar .side_nav div > ul > li a:hover{
	opacity: 1;
	text-decoration: none;
}

/*第二階層*/
#sidebar .side_nav div > ul > li > ul { padding: 0 10px 10px 20px; }
#sidebar .side_nav div > ul > li > ul > li a {
	position: relative;
	display: block;
	padding: 3px 0 0 30px;
	text-decoration: none;
	background: url(images/base/Arrow1.png) 10px 50% no-repeat;
	box-sizing: border-box;
	color: #333;
}
#sidebar .side_nav div > ul > li > ul > li a:hover {
	color: #27894c;
	text-decoration: underline;
}

#sidebar .side_bn1 { margin-bottom: 60px; }
#sidebar .side_bn1 .side_bn1_1 {
	position: relative;
	margin-bottom: 30px;
}
#sidebar .side_bn1 .side_bn1_1 .tel {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	bottom: 115px;
	left: 0px;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}
#sidebar .side_bn1 .side_bn1_1 .time {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	bottom: 85px;
	left: 0px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}
#sidebar .side_bn1 .side_bn1_1 .button {
	position: absolute;
	content: "";
	display: block;
	bottom: 13px;
	left: 13px;
}

#sidebar .side_bn2 .side_bn2_1 {
	background: #fff;
    padding: 15px 14px 25px;
    border: 1px solid #444;
	line-height: 1.3;
}
#sidebar .side_bn2 .side_bn2_1 .name {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
#sidebar .side_bn2 .side_bn2_1 .address { margin: 15px 0; }

/* ヘッダー
*****************************************************/
#header { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif; }

/* サイト説明文
----------------------------------*/
#header h1{
	padding: 5px 0;
	font-size: 80%;
	font-weight: normal;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {
	position: relative;
	clear: both;
	float: left;
	padding: 5px 0 0 80px;
	font-size: 16px;
	line-height: 1.0;
}
#header h2:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/BgLogo.png") 0 0 / 100% 100% no-repeat;
	width: 72px;
	height: 74px;
	top: 0;
	left: 0;
}
#header h2 a {
	text-decoration: none;
	color: #333;
}
#header h2 .logo {
	padding: 0 0 10px;
	font-size: 36px;
	font-weight: bold;
}
#header h2 .logo .small { font-size: 28px; }
#header h2 .logo .green { color: #27894c; }
#header h2 .office {
	font-size: 18px;
	font-weight: normal;
}

/* コンタクト
----------------------------------*/
.contact {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	float: right;
	padding: 0;
}
.contact .header_tel {
	text-align: center;
	line-height: 1.1;
}
.contact .header_tel .tel {
	padding-bottom: 8px;
	font-size: 38px;
	font-weight: bold;
}
.contact .header_tel .time { font-size: 24px; }
.contact a img { margin-left: 20px; }

/* トップページ　メイン画像
----------------------------------*/
#mainImg {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	width: 100%;
	margin: 0;
	font-size: 0px;
	border-bottom: 6px solid #444;
	clear:both;
}
#mainImg .inner { position: relative; }
#mainImg .inner > img { margin-left: -200px; }
#mainImg .inner .text {
	position: absolute;
	display: block;
	top: 100px;
	left: 60px;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.2;
	filter: drop-shadow(2px 2px 2px #fff) drop-shadow(-2px 2px 2px #fff) drop-shadow(2px -2px 2px #fff) drop-shadow(-2px -2px 2px #fff);
}
#mainImg .inner .text .small { font-size: 40px; }
#mainImg .inner .text br { display: none; }
#mainImg .inner ul {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	padding: 0;
	bottom: 85px;
	left: 60px;
}
#mainImg .inner ul li {
	background: #fff;
	margin-right: 20px;
	filter: drop-shadow(4px 4px 0 rgba(30,114,66,0.8));
}
#mainImg .inner ul li:last-child { margin-right: 0; }
#mainImg .inner ul li a {
	position: relative;
	display: table-cell;
	width: 224px;
	height: 135px;
	padding: 10px 10px 20px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
	line-height: 1.2;
	box-sizing: border-box;
}
#mainImg .inner ul li:nth-of-type(2) a { font-size: 20px; }
#mainImg .inner ul li a:hover { text-decoration: none; }
#mainImg .inner ul li a:after {
	position: absolute;
    content: "";
    display: block;
	background: url("images/base/BgBtnMv1_1.png") 0 0 / 100% 100% no-repeat;
	width: 96px;
	height: 57px;
    top: 15px;
    left: 50%;
	margin-left: -48px;
}
#mainImg .inner ul li:nth-of-type(2) a:after {
	background: url("images/base/BgBtnMv1_2.png") 0 0 / 100% 100% no-repeat;
	width: 52px;
	height: 68px;
	margin-left: -26px;
}
#mainImg .inner ul li:nth-of-type(3) a:after {
	background: url("images/base/BgBtnMv1_3.png") 0 0 / 100% 100% no-repeat;
	width: 74px;
	height: 64px;
	margin-left: -37px;
}
#mainImg .inner .office {
	position: absolute;
	content: "";
	display: block;
	background: #27894c;
	padding: 5px 10px;
	bottom: 75px;
	right: 5px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2;
}
#mainImg .inner .name {
	position: absolute;
	content: "";
	display: block;
	background: #27894c;
	padding: 5px 10px;
	bottom: 30px;
	right: 5px;
	color: #fff;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.2;
}

/* メイン画像下
----------------------------------*/
/* main1 */
.main1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	background: #27894c;
	display: block;
	width: 100%;
	padding: 40px 0 60px;
	box-sizing: border-box;
}
.main1 .title {
	position: relative;
	padding: 10px 0;
	margin: 0 0 20px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.main1 .title:after {
	position: absolute;
	content: "";
	display: block;
	background: #fff;
	width: 100px;
	height: 2px;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
}
.main1 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main1 ul li {
	background: url("images/base/BgMain1_1.jpg") top left / 100% 100% no-repeat;
	display: block;
	width: 276px;
	height: 147px;
	margin-top: 25px;
}
.main1 ul li:nth-of-type(2) { background: url("images/base/BgMain1_2.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:nth-of-type(3) { background: url("images/base/BgMain1_3.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:nth-of-type(4) { background: url("images/base/BgMain1_4.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:nth-of-type(5) { background: url("images/base/BgMain1_5.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:nth-of-type(6) { background: url("images/base/BgMain1_6.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:nth-of-type(7) { background: url("images/base/BgMain1_7.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:nth-of-type(8) { background: url("images/base/BgMain1_8.jpg") top left / 100% 100% no-repeat; }
.main1 ul li:hover { opacity: 0.8; }
.main1 ul li a {
	position: relative;
	display: table-cell;
	width: 276px;
	height: 147px;
	padding: 0 15px;
	vertical-align: middle;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	text-align: right;
	filter: drop-shadow(0 0 2px #fff);
	box-sizing: border-box;
}
.main1 ul li a:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/Arrow2.jpg") 0 0 / 100% 100% no-repeat;
	width: 19px;
	height: 19px;
	bottom: 7px;
	right: 7px;
}
.main1 ul li a:hover {
	opacity: 1.0;
	text-decoration: none;
}

/* main2 */
.main2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	padding: 60px 0;
	box-sizing: border-box;
}
.main2 .inner .block {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #dcf8e6;
	padding: 20px 50px 20px 20px;
	color: #333;
	border: 4px solid #27894c;
	box-sizing: border-box;
}
.main2 .inner .block a { font-size: 0; }
.main2 .inner .block a:hover { text-decoration: none; }
.main2 .inner .block a:after {
	position: absolute;
	content: "";
	display: block;
	border-top: 15px solid transparent;
	border-right: 15px solid #27894c;
	border-bottom: 15px solid #27894c;
	border-left: 15px solid transparent;
	bottom: 5px;
	right: 5px;
}
.main2 .inner .block .text_area {
	width: 700px;
	font-weight: bold;
}
.main2 .inner .block .text_area .title {
	padding: 0 10px 10px;
	color: #27894c;
	font-size: 58px;
	line-height: 1.0;
	border-bottom: 3px solid #27894c;
}
.main2 .inner .block .text_area .date {
	margin-top: 15px;
	font-size: 36px;
}
.main2 .inner .block .text_area .area {
	margin-top: 15px;
	font-size: 26px;
}
.main2 .inner .block .text_area .CS1 {
	background: #27894c;
	padding: 3px 20px;
	margin-right: 20px;
	color: #fff;
	font-size: 36px;
}

/* メインコンテンツ部分
*****************************************************/

/* top_block1 */
.top_block1 {
	margin-bottom: 60px;
	box-sizing: border-box;
}
.top_block1 .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_block1 .inner ul li {
	background: url("images/base/BgTop1_1.jpg") top left / 100% 100% no-repeat;
	display: block;
	width: 202px;
	height: 127px;
	margin-top: 20px;
	filter: drop-shadow(2px 2px 0 #064a17);
}
.top_block1 .inner ul li:nth-of-type(2) { background: url("images/base/BgTop1_2.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(3) { background: url("images/base/BgTop1_3.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(4) { background: url("images/base/BgTop1_4.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(5) { background: url("images/base/BgTop1_5.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(6) { background: url("images/base/BgTop1_6.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(7) { background: url("images/base/BgTop1_7.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(8) { background: url("images/base/BgTop1_8.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(9) { background: url("images/base/BgTop1_9.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(10) { background: url("images/base/BgTop1_10.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(11) { background: url("images/base/BgTop1_11.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:nth-of-type(12) { background: url("images/base/BgTop1_12.jpg") top left / 100% 100% no-repeat; }
.top_block1 .inner ul li:hover { opacity: 0.8; }
.top_block1 .inner ul li a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	position: relative;
	display: table-cell;
	width: 202px;
	height: 127px;
	padding: 0 15px;
	vertical-align: middle;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	text-align: right;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
	border: 3px solid #27894c;
	box-sizing: border-box;
}
.top_block1 .inner ul li a:after {
	position: absolute;
	content: "";
	display: block;
	background: url("images/base/Arrow2.jpg") 0 0 / 100% 100% no-repeat;
	width: 19px;
	height: 19px;
	bottom: 5px;
	right: 5px;
}
.top_block1 .inner ul li a:hover {
	opacity: 1.0;
	text-decoration: none;
}

/* top_block2 */
.top_block2 {
	background: #f4f4f4;
	margin-bottom: 60px;
	padding: 40px 20px 50px;
	box-sizing: border-box;
	overflow: auto;
}
.top_block2 .inner {
	width: 100% !important;
	margin-top: 50px !important;
}
.top_block2 .inner img {
	float: left;
	margin: 0 30px 30px 0;
}
.top_block2 .inner .text { line-height: 1.7; }

/* top_block3 */
.top_block3 {
	margin-bottom: 80px;
	box-sizing: border-box;
}
.top_block3 .inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 50px auto !important;
}
.top_block3 .inner .block {
	position: relative;
	background: #fff;
	width: 280px;
	padding: 12px 12px 65px;
	border: 1px solid #444;
	box-sizing: border-box;
}
.top_block3 .inner .block .title {
	padding: 3px 0;
	margin-bottom: 8px;
	color: #27894c;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px solid #27894c;
}
.top_block3 .inner .block .text {
	font-size: 16px;
	line-height: 1.4;
}
.top_block3 .inner .block .button {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	padding: 12px;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
}
.top_block3 .inner .block .button a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	position: relative;
	display: block;
	background: #27894c;
	width: 100%;
	padding: 9px 10px 8px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.top_block3 .inner .block .button a:after {
	position: absolute;
	content: "";
	display: block;
	background: url(images/base/Arrow3.png) 0 0 / 100% 100% no-repeat;
    width: 12px;
    height: 14px;
    top: 50%;
    right: 15px;
    margin-top: -7px;
}
.top_block3 .inner .block .button a:hover { text-decoration: none; }

/* top_contact */
.top_contact {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	margin-bottom: 60px;
	box-sizing: border-box;
}
#content_page .top_contact {
	margin-top: 70px;
	margin-bottom: 0;
}
.top_contact .inner { position: relative; }
.top_contact .inner .tel {
	position: absolute;
	content: "";
	display: block;
	bottom: 75px;
	left: 30px;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.0;
}
.top_contact .inner .time {
	position: absolute;
	content: "";
	display: block;
	bottom: 75px;
	right: 215px;
	font-size: 24px;
	line-height: 1.2;
	filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff);
}
.top_contact .inner .button {
	position: absolute;
	content: "";
	display: block;
	bottom: 4px;
	right: 12px;
}

/* top_info */
#top_info {
	background: #fff;
	margin-bottom: 50px;
	box-sizing: border-box;
}
#top_info .inner { width: 100%; }
#top_info .inner .block {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px dashed #27894c;
	box-sizing: border-box;
}
#top_info .inner .block .news_date {
	width: 180px;
	text-align: center;
}
#top_info .inner .block .news_text {
	width: 680px;
	padding-right: 20px;
	box-sizing: border-box;
}
#top_info .inner .block .news_text a {
	color: #333;
	text-decoration: none;
}
#top_info .inner .block .news_text a:hover {
	color: #27894c;
	text-decoration: underline;
}

/* 投稿ページ 関連タグ一覧 */
.tag-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.tag-list li {
	display: block;
	background: #27894c !important;
	margin: 0 5px 5px 0;
	padding: 3px 8px !important;
	color: #fff;
	font-size: 14px;
}
.tag-list li a { color: #fff !important; }

/* 記事ループ
*****************************************************/
.list{ padding:10px 0; }
.list:last-child{border:0;}
.post .list p{padding:0;}
.list span{padding-left:10px;}

/* タイポグラフィ
*****************************************************/
.dateLabel{
	text-align:right;
	font-weight:bold;
	color:#858585;
}

.post p { padding-bottom: 15px; }
.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;
}
.post h2 {
	margin: 10px 0;
	padding-bottom: 2px;
	font-size: 130%;
	color: #333;
}
.post h3 {
	margin: 10px 0;
	font-size: 100%;
	color: #2e2c2c;
}
.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 #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 20px;
}
.post table th {
	padding: 10px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	background: #efede7;
}
.post table td {
	padding: 10px;
	border: 1px #ccc 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{
	margin: 10px 10px 15px 15px;
	display:inline;
}

img.alignleft { margin:10px 15px 15px 10px; }
.alignright { float:right; }
.alignleft { float:left; }

#gallery-1 img {
	border: 1px solid #eaeaea !important;
	padding: 5px;
	background: #fff;
}
#gallery-1 img:hover{background:#fffaef;}

/* サイドバー　ウィジェット
*****************************************************/
#searchform input[type="text"]{
	line-height:1.7;
	height:24px;
	width:90px;
	vertical-align:bottom;
}

/* お問い合わせフォーム
*****************************************************/
.wpcf7 {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
} 
.wpcf7 .inner {
	display:table;
	width: 100% !important;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-top: none;
}
.wpcf7_th, .wpcf7_td {
	display:table-cell;
	padding: 10px;
	background: #fff;
}
.wpcf7_th {
	background: #ddd;
	text-align: left;
	width: 30%;
	vertical-align: top;
}
.wpcf7 p { margin-top: 20px; }
.wpcf7 .tableWide { width:100% !important; } 
.wpcf7 .tableWide tr { display:inline; }
.wpcf7 .tableWide th, .wpcf7 .tableWide td {
	display:block; 
	width: 100% !important; 
	box-sizing: border-box;
}
.wpcf7 .confirmation .last input { display: none; }
.wpcf7 .confirmation .last span {
	display: inline-block;
	margin-left:26px;
}
.wpcf7_td span.wpcf7-list-item { margin: 0; }

/* パンくずリスト
*****************************************************/
.breadcrumbs { margin-bottom: 20px; }

/* フッター
*****************************************************/
#footer {
	clear:both;
	background: #444;
}
#footer iframe { display: block; }

/* #footerNav */
nav#footerNav {
	z-index: 200;
	width: 100%;
	border-bottom: 5px solid #4f4132;
}
nav#footerNav.fixed { filter: drop-shadow(0 0px 3px #333);}
nav#footerNav .inner {
	width: 100%;
	padding: 0;
}

#footer .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: auto;
}
#footer .inner ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 850px;
	margin: 0 auto;
}
#footer .inner ul li { position: relative; }
#footer .inner ul li:after {
	position: absolute;
	content: "/";
	display: block;
	top: 0;
	right: -16px;
	color: #fff;
}
#footer .inner ul li:last-child:after { display: none; }
#footer .inner ul li a { color: #fff; }
#footer .inner ul li a:hover { color: #fff; }
/* ロゴ (サイトタイトル)
----------------------------------*/
#footer h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
	color: #fff;
	font-size: 40px;
	line-height: 1.3;
	text-align: center;
}
#footer h2 .small {
	display: block;
	font-size: 24px;
}

/* 固定バナー */
.footer_fix { display: none; }

#copyright {
	clear:both;
	background: #fff;
	padding: 25px 0;
	font-size: 14px;
	text-align: center;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
	clear:both;
	width: 100%;
	height: 30px;
	margin: 5px 0 20px;
}
.pagenav a {
	display: block;
	padding: 10px 20px;
    background: #27894c;
    line-height: 1.5;
    color: #fff;
}
.pagenav a:hover {
    cursor: pointer;
	text-decoration: none;
}
.prev{float:left}
.next{float:right;}
#pageLinks{
	clear:both;
	color:#4f4d4d;
	text-align:center;
}

/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{ padding:0; }
ul.post li{
	margin:0 10px;
	padding:20px 0 15px;
	border-bottom:1px dashed #dcdcdc;
}
ul.post li:last-child{border:0;}
ul.post img{
	float:left;
	margin:0 15px 5px 10px;
}
ul.post h3{
	margin:0 0 10px 10px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	border:0;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1200px){
	/* #mainNav */
	nav#mainNav {
		z-index: 200;
		width: 100%;
	}
	nav#mainNav .inner { width: 100%; }
	nav#mainNav .inner .menu1 {
		background: #444;
		height: auto;
	}
	nav#mainNav .inner .menu1 > div > ul {
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	nav#mainNav .inner .menu1 > div > ul > li {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	nav#mainNav .inner .menu1 > div > ul > li:before {
		position: absolute;
		content: "";
		display: block;
		background: #b4b4b4;
		width: 1px;
		height: 40px;
		top: 13px;
		left: 0;
	}
	nav#mainNav .inner .menu1 > div > ul > li:last-child:after {
		position: absolute;
		content: "";
		display: block;
		background: #b4b4b4;
		width: 1px;
		height: 40px;
		top: 13px;
		right: 0;
	}
	nav#mainNav .inner .menu1 > div > ul > li > a {
		display: table-cell;
		width: 175px;
		height: 65px;
		padding: 0;
		color: #fff;
		text-align: center;
		font-size: 18px;
		vertical-align: middle;
		line-height: 1.1;
		box-sizing: border-box;
	}
	nav#mainNav .inner .menu1 > div > ul > li > a:hover,
	nav#mainNav .inner .menu1 > div > ul > li.current-menu-parent > a {
		background: #227441;
		text-decoration: none;
		opacity: 1.0;
		box-sizing: border-box;
	}
	nav div.panel { display:block !important; }
	a#menu { display:none; }
	
	/* グローバルナビ固定
	------------------------------------------------------------*/
	.fixed {
		position: fixed !important;
		top: 0;
		width: 100%;
		margin-bottom: -5px;
		z-index: 10000;
		filter: drop-shadow(0 1px 1px #666);
	}
}

/* メインメニュー 1200pxサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1200px) {
	nav#mainNav a.menu{
		position: absolute;
		display: block;
		width: fit-content;
		height: 37px;
		top: 20px;
		right: 2.5%;
		text-align: left;
	}
	nav#mainNav a#menu span { padding-left: 35px; }
	nav#mainNav a#menu:hover { cursor: pointer; }
	nav .panel {
		position: relative;
		display: none;
		width: 100%;
		right: 0;
		top: 0;
		z-index: 1;
	}
	nav#mainNav ul {
		margin: 0;
		padding: 0;
	}
	nav#mainNav ul li {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
		line-height: 1.0;
	}
	nav#mainNav ul li a,
	nav#mainNav ul li.current-menu-item li a {
		display: block;
		background: #444;
		padding: 15px 10px;
		color: #fff;
		text-align:left;
		font-size: 16px;
		font-weight: bold;
		border-top:1px solid #b4b4b4;
	}
	nav#mainNav ul li a:hover,
	nav#mainNav ul li a:active {
		background: #227441;
		text-decoration: none;
	}
	nav#mainNav .inner .menu1 div > ul > li > ul { display: none; }
}

/* 1200px以下の調整
------------------------------------------------------------*/
@media only screen and (max-width: 1200px){
	
	body{ background: none; }

	img { width: 100%; height: auto; }
	#wrapper, .inner { width:100%; }

	#header {
		width: 100%;
		padding: 25px 100px 25px 30px;
		box-sizing: border-box;
	}
	#header h2 { margin-top: 0; }
	
	.contact { display: none; }
	nav#mainNav { width:100%; }
	nav#mainNav ul { margin:0 auto; }
	nav#mainNav ul ul { padding:0; }
	nav div.panel { float:none; }
	
	/* トップページ　メイン画像
	----------------------------------*/
	#mainImg .inner > img { margin-left: 0; }
	#mainImg .inner .text {
		top: 20%;
		left: 16%;
	}
	#mainImg .inner .text br { display: block; }
	#mainImg .inner .name {
		padding: 3px 10px;
		bottom: 45px;
		right: 30%;
		font-size: 18px;
	}
	#mainImg .inner .office {
		padding: 3px 10px;
		bottom: 80px;
		right: 30%;
		font-size: 16px;
	}
	#mainImg .inner ul {
		justify-content: space-between;
		width: 714px;
		bottom: -100px;
		left: 50%;
		margin-left: -357px;
	}
	#mainImg .inner ul li { filter: drop-shadow(4px 4px 0 rgba(6, 74, 23, 0.8)); }
	
	/* メイン画像下
	----------------------------------*/
	/* main1 */
	.main1 { padding: 130px 0 60px; }
	.main1 ul {
		width: 600px;
		margin: 0 auto;
	}
	
	/* main2 */
	.main2 .inner {
		width: 920px;
		line-height: 1.0;
	}
	.main2 .inner .block { padding: 15px 30px 15px 15px; }
	.main2 .inner .block img {
		width: 343px;
		height: 100%;
	}
	.main2 .inner .block .text_area { width: 500px; }
	.main2 .inner .block .text_area .title {
		margin-top: 15px;
		font-size: 46px;
	}
	.main2 .inner .block .text_area .date {
		margin-top: 10px;
		font-size: 30px;
		line-height: 2.0;
	}
	.main2 .inner .block .text_area .area {
		margin-top: 10px;
		font-size: 18px;
		line-height: 2.0;
	}
	.main2 .inner .block .text_area .CS1 {
		padding: 3px 15px;
		margin-right: 10px;
		font-size: 24px;
	}
	
	#content {
		clear: both;
		width: 100%;
		float: none;
		padding: 50px 0;
	}
	#content_page {
		clear: both;
		width: 94%;
		float: none;
		margin: 0 auto;
		padding: 50px 0;
	}
	
	#sidebar {
		float: none;
		width: 880px;
		margin: 0 auto;
	}
	#sidebar .pc { display: none; }
	#sidebar .sp { display: block; }
	
	/* メインコンテンツ部分
    *****************************************************/
	section.widget_search{text-align:center;}
	
	/* top_block2 */
	.top_block2 { padding: 40px 50px 50px; }
	.top_block2 .inner img { width: 426px; }
	
	/* top_contact */
	.top_contact { padding: 0 20px; }
	
	/* top_info */
	#top_info .inner { width: 880px; }
	
	/* フッター
	*****************************************************/
	#footer .pc { display: none; }
	#footer .sp { display: block; }
	#footer .inner {
		display: block;
		width: 100%;
	}
}

/* 幅950px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 950px) {
	body { font-size: 14px; }
	.pc { display: none; }
	.sp { display: block; }
	#wrapper, .inner { width: 100%; }
	#content .inner,
	#content_page .inner { width: 100%; }
	#header {
		width: 100%;
		padding: 0;
	}
	#content, #content_page { padding: 8% 0; }
	
	/* ロゴ (サイトタイトル)
	----------------------------------*/
	#header h2 {
		width: 100%;
		padding: 13px 0 10px 12%;
		line-height: 1.2;
	}
	#header h2:after {
		width: 9.5vw;
		height: 10.0vw;
		top: 3.8vw;
		left: 1.8vw;
	}
	#header h2 .logo {
		padding: 0 0 5px;
		font-size: 5.2vw;
	}
	#header h2 .logo .small { font-size: 4.2vw; }
	#header h2 .logo .green { display: block; }
	#header h2 .office { font-size: 2.6vw; }
	
	/* トップページ　メイン画像
	----------------------------------*/
	#mainImg .inner .text {
		top: 25%;
        left: 7%;
		font-size: 7.0vw;
	}
	#mainImg .inner .text .small { font-size: 5.6vw; }
	#mainImg .inner .office {
		bottom: 30%;
		right: 35%;
		font-size: 3.0vw;
	}
	#mainImg .inner .name {
		bottom: 18%;
		right: 35%;
		font-size: 3.3vw;
	}
	#mainImg .inner ul {
		justify-content: space-around;
        width: 100%;
		margin: 0 auto;
		padding: 0 2%;
        bottom: -11.0vw;
        left: 0;
		box-sizing: border-box;
    }
	#mainImg .inner ul li {
		margin: 0;
		filter: drop-shadow(3px 3px 0 rgba(6, 74, 23, 0.8));
	}
	#mainImg .inner ul li a {
		width: 29.0vw;
		height: 18.0vw;
		padding: 5% 3%;
		font-size: 3.5vw;
	}
	#mainImg .inner ul li:nth-of-type(2) a { font-size: 2.6vw; }
	#mainImg .inner ul li a:after {
		width: 14.0vw;
		height: 8.5vw;
		top: 10%;
		margin-left: -7.0vw;
	}
	#mainImg .inner ul li:nth-of-type(2) a:after {
		width: 7.6vw;
		height: 10.0vw;
		margin-left: -3.8vw;
	}
	#mainImg .inner ul li:nth-of-type(3) a:after {
		width: 11.0vw;
		height: 9.5vw;
		top: 10%;
		margin-left: -5.5vw;
	}
	
	/* メイン画像下
	----------------------------------*/
	/* main1 */
	.main1 { padding: 17% 3% 10%; }
	.main1 .title {
		padding: 5px 0;
		margin: 0 0 3%;
		font-size: 20px;
	}
	.main1 .title:after {
		width: 70px;
		height: 1px;
		margin-left: -35px;
	}
	.main1 ul {
		width: 94%;
		margin: 0 auto;
	}
	.main1 ul li {
		width: auto;
		height: auto;
		margin-top: 5%;
	}
	.main1 ul li a {
		width: 40.0vw;
		height: 22.0vw;
		padding: 0 5%;
		font-size: 4.5vw;
	}
	.main1 ul li a:after {
		width: 14px;
		height: 14px;
		bottom: 5px;
		right: 5px;
	}
	
	/* main2 */
	.main2 { padding: 8% 0; }
	.main2 .inner { width: 94%; }
	.main2 .inner .block {
		display: block;
		padding: 4%;
		border: 3px solid #27894c;
	}
	.main2 .inner .block a:after {
		border-top: 8px solid transparent;
		border-right: 8px solid #27894c;
		border-bottom: 8px solid #27894c;
		border-left: 8px solid transparent;
	}
	.main2 .inner .block img {
        width: 100%;
        height: auto;
    }
	.main2 .inner .block .text_area { width: 100%; }
	.main2 .inner .block .text_area .title {
		padding: 0 1% 2%;
        margin-top: 3%;
		font-size: 6.5vw;
		border-bottom: 2px solid #27894c;
	}
	.main2 .inner .block .text_area .date {
        margin-top: 2%;
        font-size: 5.0vw;
        line-height: 1.5;
    }
	.main2 .inner .block .text_area .area {
        margin-top: 2%;
        font-size: 3.0vw;
        line-height: 1.5;
    }
	.main2 .inner .block .text_area .CS1 {
        padding: 2px 2%;
        margin-right: 3%;
        font-size: 4.5vw;
    }
	
	nav#mainNav{ width:100%; }
	
	img.alignright,
	img.alignleft {
		display: block;
		margin:5px auto;
	}
	
	.alignright,.alignleft { float:none; }
	
	nav#mainNav a.menu {
		position: absolute;
		width: 12%;
		top: 10px;
		right: 2%;
	}
	nav#mainNav a.menu img { width:100%; }
	
	/*見出し
	*****************************************************/
	#content h1:not(.style_none),
	#content_page h1:not(.style_none) {
		margin: 0 0 5%;
		padding: 1% 2% 2%;
		font-size: 20px;
	}
	#content h1:not(.style_none):after,
	#content_page h1:not(.style_none):after {
		width: 70px;
		height: 2px;
		margin-left: -35px;
	}
	#content h2:not(.style_none),
	#content_page h2:not(.style_none) {
		margin: 4% 0;
		padding: 1% 5%;
		font-size: 15px;
	}
	#content h2:not(.style_none):after,
	#content_page h2:not(.style_none):after {
		width: 6px;
		left: 6px;
	}
	#content h3:not(.style_none),
	#content_page h3:not(.style_none) {
		margin: 4% 0;
		padding: 1% 5%;
		font-size: 14px;
		border-bottom: 1px solid #a0a0a0;
	}
	
	/* 下層ページリンクスタイル　※h3と揃える */
	.plist { margin: 5% 0; }
	.plist > ul > li {
		margin: 4% 0;
		padding: 1% 2%;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #a0a0a0;
	}
	.plist > ul > li > ul { padding: 0 5%; }
	
	#sidebar {
		width: 94%;
		padding: 0 0 7%;
	}
	#sidebar h1:not(.style_none) {
		padding: 2% 3%;
		font-size: 16px;
		font-weight: bold;
	}
	
	#sidebar .side_nav { margin-bottom: 10%; }
	
	/* メインコンテンツ部分
    *****************************************************/
	
	/* top_block1 */
	.top_block1 {
		margin-bottom: 15% !important;
		padding: 0;
	}
	.top_block1 .inner ul {
		width: 90%;
		margin: 0 auto;
	}
	.top_block1 .inner ul li {
		width: auto;
        height: auto;
        margin-top: 5%;
		filter: drop-shadow(1px 1px 0 #064a17);
	}
	.top_block1 .inner ul li a {
		width: 41.0vw;
		height: 25.5vw;
		padding: 0 5%;
		font-size: 4.0vw;
		border: 2px solid #27894c;
	}
	.top_block1 .inner ul li a:after {
		width: 14px;
        height: 14px;
	}
	
	/* top_block2 */
	.top_block2 {
		margin-bottom: 15% !important;
		padding: 6% 3% 8%;
	}
	.top_block2 .inner { margin-top: 6% !important; }
	.top_block2 .inner img {
		width: 48%;
		height: 100%;
		margin: 0 2% 2% 0;
	}
	.top_block2 .inner .text { line-height: 1.5; }
	
	/* top_block3 */
	.top_block3 {
		margin-bottom: 10% !important;
		padding: 0 3%;
	}
	.top_block3 .inner { margin: 8% auto !important; }
	.top_block3 .inner .block { padding: 10px 10px 55px; }
	.top_block3 .inner .block .title {
		padding: 5px 0;
		margin-bottom: 10px;
		font-size: 4.0vw;
	}
	.top_block3 .inner .block .text { font-size: 3.3vw; }
	.top_block3 .inner .block .button { padding: 0 10px 10px; }
	.top_block3 .inner .block .button a {
		padding: 8px 25px;
		font-size: 14px;
	}
	.top_block3 .inner .block .button a:after {
		width: 8px;
        height: 13px;
        right: 12px;
        margin-top: -6px;
	}
	
	/* スライダー*/
	.top_block3 .bx-viewport { height: auto !important; }
	.top_block3 .mainInner {
		position: relative;
		display: block;
		width: 70%;
		margin: 0 auto;
	}
	.top_block3 .bx-pager-item a { display: none; }
	.top_block3 .bx-controls-direction a {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
		margin-top: 0;
	}
	.top_block3 .bx-controls {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		z-index: 100;
		width: 100%;
	}
	.top_block3 .bx-prev {
		display: block;
		background: url(images/base/Arrow_prev.jpg) 0 0 / 100% 100% no-repeat;
		height: 50px;
		width: 50px;
		position: absolute;
		left: -26%;
		z-index: 10;
	}
	.top_block3 .bx-next {
		display: block;
		background: url(images/base/Arrow_next.jpg) 0 0 / 100% 100% no-repeat;
		height: 50px;
		width: 50px;
		position: absolute;
		right: -26%;
		z-index: 10;
	}
	
	/* top_contact */
	.top_contact {
		margin-bottom: 15% !important;
		padding: 0;
	}
	#content_page .top_contact {
		margin-top: 10% !important;
		margin-bottom: 0 !important;
		padding: 0;
	}
	.top_contact .inner { width: 94% !important; }
	#content_page .top_contact .inner { width: 100% !important; }
	.top_contact .inner .tel {
		bottom: 50%;
		left: 3%;
		font-size: 8.0vw;
	}
	.top_contact .inner .time {
		bottom: 50%;
		right: 3%;
		font-size: 3.3vw;
		font-weight: bold;
		filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff);
	}
	.top_contact .inner .button {
		width: 50%;
		bottom: 3%;
		right: 50%;
		margin-right: -25%;
	}
	
	/* top_info */
	#top_info { margin-bottom: 10%; }
	#top_info .inner { width: 94%; }
	#top_info .inner .block { padding: 2% 0; }
	#top_info .inner .block .news_date { width: 30%; }
	#top_info .inner .block .news_text {
	  width: 68%;
	  padding-right: 0;
	}
	
	/*　お問い合わせフォーム　*/
	.wpcf7 {
		margin-bottom: 10px;
		border-top: 1px solid #ccc;
	} 
	.wpcf7 .inner {
		display:table;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-top: none;
	}
	.wpcf7_th, .wpcf7_td {
		display:table-cell;
		padding: 10px;
		background: #fff;
	}
	.wpcf7_th {
		background: #ddd;
		text-align: left;
		width: 30%;
		vertical-align: top;
	}
	.wpcf7_td { width: 200px; }
	.wpcf7_td [type="checkbox"] { width: 30px; }
	.wpcf7_td_1 {
		display: block;
		padding: 10px;
		border-bottom:1px solid #ccc;
		background: #fff;
	}
	.wpcf7_td_1_last { border-bottom: none; }
	.wpcf7_td_1 [type="number"] { width: 30px; }
	.wpcf7 .wpcf7_text1 {
		font-size: 90%;
		color: #73573c;
	}
	.wpcf7 .wpcf7_text2 { font-size: 90%; }
	.wpcf7_td textarea,.wpcf7_td input { width: 200px; }
	.wpcf7_td label{ display: block; }
	.wpcf7 p { margin-top: 5px; }
	.wpcf7 .tableWide { width:100% !important; }
	.wpcf7 .tableWide tr { display:inline; }
	.wpcf7 .tableWide th,
	.wpcf7 .tableWide td {
		display:block; 
		width: 100% !important; 
		box-sizing: border-box;
	}
	.wpcf7 .confirmation .first { margin-top:2%; }
	.wpcf7 .confirmation .last { margin-bottom:2%; }
	.wpcf7 .confirmation .first input {
		display:inline-block;
		margin:1% 0 0 0;
		width:10%;
		min-height:15px;
		vertical-align:top;
	}
	.wpcf7 .confirmation .first span {
		display:inline-block;
		width:90%;
	}
	.wpcf7 .confirmation .last input { display: none; }
	.wpcf7 .confirmation .last span {
		display:block;
		margin-left:10%;
	}
	
	/* フッター
	*****************************************************/
	#footer iframe { height: 200px; }
	#footer .inner { padding: 8% 0; }
	#footer .inner ul {
		justify-content: space-around;
		width: 300px;
		margin: 0 auto;
	}
	#footer .inner ul li {
		display: block;
		width: fit-content;
		margin-top: 3%;
		padding: 0 5px;
		font-size: 13px;
		text-align: center;
	}
	#footer .inner ul li:after { right: -6px; }
	/* ロゴ (サイトタイトル)
	----------------------------------*/
	#footer h2 {
		font-size: 5.0vw;
		margin-bottom: 5%;
		box-sizing: border-box;
	}
	#footer h2 .small { font-size: 3.6vw; }
	
	/* 固定バナー */
	.footer_fix {
		display: block;
		position: fixed;
		background: #fff;
		width: 100%;
		bottom: 0;
		left: 0;
		border-top: 4px solid #444;
		z-index: 100;
	}
	.footer_fix ul {
		display: table;
		width: 100%;
		margin: 0;
		padding: 0;
		border-spacing: 10px 10px;
		box-sizing: border-box;
	}
	.footer_fix li {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "MS PGothic", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
		display: table-cell;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
		line-height: 1.1;
	}
	.footer_fix li:first-child {
		width: 62%;
		font-size: 4.3vw;
	}
	.footer_fix li:first-child a {
		display: block;
		margin-bottom: 3%;
		color: #000;
		font-size: 7.0vw;
	}
	
	#copyright{
		margin-bottom: 21%;
		padding: 25px 5px 30px;
		font-size: 3.2vw;
	}
}