@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------------------------------- 
	サイト全体の設定
/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------- 
	フォント
/* ----------------------------------------------------------- */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
html {
	font-size:62.5%;
	-webkit-text-size-adjust:none;
}
body {
	font-family: "メイリオ", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
	color:#333;
	font-size:10px;
	font-size:1.0rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.serif {
	font-family:"Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.f_helvetica {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.f_times {
	font-family:Times New Roman, serif;
}
/* ----------------------------------------------------------- 
	各パーツの基本設定
/* ----------------------------------------------------------- */
section {
	clear:both;
	margin-bottom:50px;
}
table {
	letter-spacing:1px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
table th {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	padding:5px 10px 5px 10px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
table td {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	padding:5px 10px 5px 10px;
	vertical-align:top;
	text-align:left;
}
dl, section ul {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
li, section ol {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1px;
}
dt, dd {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1px;
}
p {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}
a {
	color:#36F;
	text-decoration:none;
}
a img {
	backface-visibility: hidden;
}
a img:hover {
	opacity:0.8;
}
a:hover {
	text-decoration:underline;
}
.nopc {
 display:none;
}
.window_reset_pc {
 width:100%;
 min-width:960px;
}

img {
	max-width: 100%;
	height: auto;
}
/* ----------------------------------------------------------- 
	デフォルトからの継承（WPのみ）
/* ----------------------------------------------------------- */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	margin: 0 0 20px 20px;
	display: inline;
}
img.alignleft {
	margin: 0 20px 20px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/* ----------------------------------------------------------- 
	レイアウト
/* ----------------------------------------------------------- */
/*
#wrp {
	width:960px;
	margin:0 auto;
}
*/
header {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:100%;
	min-width:960px;
	padding-top:10px;
}
#gnav_wrp {
	position:relative;
	width:100%;
	min-width:960px;
	margin-bottom:10px;
}
#mainimage {
	position:relative;
	width:100%;
	min-width:960px;
	margin-bottom:30px;
	text-align:center;
	background:#009944;
	
}
#wrp_eyecatch {
	position:relative;
	width:100%;
	min-width:960px;
	background:#f3f3f3;
	padding:30px 0;
}
.w100p {
	width:100%;
	min-width:960px;
}
.w1600 {
	width:100%;
	min-width:960px;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}
.w960 {
	position:relative;
	width:960px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w960_2 {
	position:relative;
	width:960px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w800 {
	position:relative;
	width:800px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w600 {
	position:relative;
	width:600px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w640 {
	position:relative;
	width:640px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w320 {
	position:relative;
	width:320px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w300 {
	position:relative;
	width:300px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w200 {
	width:200px;
	margin-left:auto;
	margin-right:auto;
}
.w240 {
	width:240px;
	margin-left:auto;
	margin-right:auto;
	margin:10px;
}
.w180 {
	width:180px;
	margin-left:auto;
	margin-right:auto;
	margin:5px;
}
.col_one article {
	width:100%;
}
.col_one #sidebar {
	width:100%;
}
.col_one #sub_contents {
	width:100%;
	margin-bottom:40px;
}
.col_two article {
	float:left;
	width:640px;
	margin-bottom:30px;
}
.col_two #sidebar {
	float:right;
	width:300px;
	margin-bottom:30px;
}
.col_two #sub_contents {
	float:left;
	width:660px;
	margin-bottom:40px;
}
#pagetop {
	position:fixed;
	bottom:30px;
	right:30px;/*	width:100%;
	min-width:960px;
	margin-left:auto;
	margin-right:auto;
	background:#8bd536;
	padding:10px 0 5px 0;
	text-align:center;
*/
}
#footer_back {
	padding:20px 0 0 0;
	margin:0 auto;
	width:100%;
	min-width:960px;
	border-top:solid 3px #f3f3f3;
}
footer {
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
/*site only*/
.whitebox {
	background:#fff;
	padding:20px;
	box-shadow: 0 0 3px #ece5c7;
	-moz-box-shadow: 0 0 3px #ece5c7;
	-webkit-box-shadow: 0 0 3px #ece5c7;
	margin:0 20px 30px 20px;
}
.whitebox2 {
	background:#fff;
	padding:20px;
	box-shadow: 0 0 3px #ece5c7;
	-moz-box-shadow: 0 0 3px #ece5c7;
	-webkit-box-shadow: 0 0 3px #ece5c7;
	margin:0 20px 30px 20px;
	border:solid 3px #6f3100;
}
.whitebox3 {
	background-color:rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 3px #ece5c7;
	-moz-box-shadow: 0 0 3px #ece5c7;
	-webkit-box-shadow: 0 0 3px #ece5c7;
}

.whitebox_photo {
	background:#fff url(img/index/c4_back.png) no-repeat right bottom;
}
.orangeline {
	border-top:solid 5px #ffb442;
}
.pinkline {
	border-top:solid 5px #ff5252;
}
.greenline {
	border-top:solid 5px #34b784;
}
.blueline {
	border-top:solid 5px #6aa6e9;
}
/* ---------------------------------------------------------- 
	ヘッダ
/* ----------------------------------------------------------- */
h1 {
	margin:10px auto;
}

/* ---------------------------------------------------------- 
	グローバルナビ
/* -----------------------------------------------------------  */
#toggle {
 display:none;
}
ul#menu-global {
 width:960px;
 height:40px;
 margin:0 auto;
}
ul#menu-global li {
 float:left;
 width:240px;
 height:40px;
 text-indent:-9999px;
}
ul#menu-global li a {
 display:block;
 width:240px;
 height:40px;
}
ul#menu-global li a:hover {
opacity:0.7;
}
ul#menu-global li.menu-item-27 a {
 background:url(img/common/menu00.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-28 a {
 background:url(img/common/menu01.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-29 a {
 background:url(img/common/menu02.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-30 a {
 background:url(img/common/menu03.png) no-repeat 0 0;
}

/* ----------------------------------------------------------- 
	アイキャッチ
/* ----------------------------------------------------------- */
#wrp_eyecatch h2 {
	display:block;
	width:960px;
	padding:100px 0;
	margin:0 auto;
	font-size:21px;
	font-size:2.1rem;
}
#wrp_eyecatch h2.company {
	background:url(img/eyecatch/company.png) no-repeat center center;
}
#wrp_eyecatch h2.service01 {
	background:url(img/eyecatch/service01.png) no-repeat center center;
}
#wrp_eyecatch h2.service02 {
	background:url(img/eyecatch/service02.png) no-repeat center center;
}
#wrp_eyecatch h2 span {
	background-color:rgba(0, 0, 0, 0.8);
	color:#fff;
	padding:30px;
	margin-left:20px;
}
/* ----------------------------------------------------------- 
	パンくずメニュー
/* ----------------------------------------------------------- */
.back_breadcrumbs {
	background:url(img/common/line.png) repeat center bottom;
}
#breadcrumbs {
	width:960px;
	clear: both;
	padding:5px 0;
	margin:0 auto;
}
#breadcrumbs ol {
	width:960px;
	margin:0 auto;
	text-align:right;
}
#breadcrumbs li {
	display: inline;
	margin-right: 0.5em;
	list-style: none;
	font-size:12px;
	font-size:1.2rem;
	color:#333;
}
#breadcrumbs li a {
	color:#333;
}
/* ----------------------------------------------------------- 
	サイドバー
/* ----------------------------------------------------------- */
#sidebar h3.st2 {
	text-align:center;
	margin-bottom:30px;
	background:#f56d86;
	padding:0;
}
#sidebar h3.st {
	text-align:center;
	margin-bottom:30px;
	padding:10px 10px;
	font-size:18px;
	font-size:1.8rem;
	background:#fbf5e4 url(img/common/line.png) no-repeat right bottom;
}
#sidebar ul {
	margin-bottom:30px;
}
#sidebar ul li {
	margin-bottom:10px;
}
#sidebar ul li img {
}
.sidebox {
	width:298px;
	border:solid 1px #efefef;
	margin:0 auto;
}
ul.sidebanner {
	width:280px;
	margin:0 auto 40px auto;
}
ul.sidebanner2 {
	width:280px;
	margin:0 auto 40px auto;
}
h3.sidetitle {
	background:#83b80e;
	color:#fff;
	padding:5px;
	text-align:center;
}
h3.sidetitle2 {
	background:#1f7fc3;
	color:#fff;
	padding:5px;
	text-align:center;
}
ul.sidebanner li {
	border-bottom:solid 1px #dedeed;
	border-left:solid 5px #83b80e;
	border-right:solid 1px #dedeed;
	box-shadow: 0 0 2px #dedede;
	-moz-box-shadow: 0 0 2px #dedede;
	-webkit-box-shadow: 0 0 2px #dedede;
	line-height:0;
}
ul.sidebanner li img a:hover {
	background:#f7f8f8;
}
ul.sidebanner li img {
	margin-bottom:0!important;
}
ul.sidebanner2 li {
	border-bottom:solid 1px #dedeed;
	border-left:solid 5px #459cda;
	border-right:solid 1px #dedeed;
	box-shadow: 0 0 2px #dedede;
	-moz-box-shadow: 0 0 2px #dedede;
	-webkit-box-shadow: 0 0 2px #dedede;
	line-height:0;
}
ul.sidebanner2 li img a:hover {
	background:#f7f8f8;
}
ul.sidebanner2 li img {
	margin-bottom:0!important;
}
/* ---------------------------------------------------------- 
	フッタ
/* ----------------------------------------------------------- */
.fnav {
	width:100%;
	min-width:960px;
	padding:20px 0;
	margin:0 0 20px 0;
}
ul#menu-footer {
	max-width:960px;
	margin:0 auto 0 auto;
 /letter-spacing:2px;/*IE7*/
}
ul#menu-footer li {
	display:inline-block;
 /display:inline;/*IE7*/
 /zoom:1;/*IE7*/
	font-size:12px;
	font-size:1.2rem;
	line-height:20px;
	line-height:2rem;
	padding:0 5px;
	border-left:solid 1px #333;
	white-space:pre;
	zoom:1;
}
ul#menu-footer li.last {
	border-right:solid 1px #333;
}
ul#menu-footer li a {
	color:#333;
}
/*その他*/
.f_logo {
	width:250px;
	margin-right:10px;
}
.f_address {
}
.copy {
	padding:40px 0 40px 0;
	margin:0 auto;
	font-size:12px;
	font-size:1.2rem;
	color:#666;
	background:#f3f3f3;
	text-align:center;
}
/* ------------------------------------------------------------------------------------------------------------------------------- 
	サイト共用パーツ設定
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* box */
.w80p {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.w65p {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.w30p {
	width:20%;
	margin-left:auto;
	margin-right:auto;
}
.w1200 {
	width:1200px;
	margin:0 auto;
}
.w480 {
	width:480px;
}
.w470 {
	width:470px;
}
.w430 {
	width:430px;
}
.w440 {
	width:440px;
}
.w400 {
	width:400px;
}
.w400 {
	width:400px;
}
article .common_title {
	background:url(img/common/titleback.png) repeat-x center top;
	min-width:960px;
}

article h2.title01 {
	background:url(img/common/title_line.png) repeat-x center top;
	padding-top:120px;
	font-size:36px;
	font-size:3.6rem;
	color:#eb0953;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	min-width:960px;
}
article h2.title01_g {
	background:url(img/common/title_line2.png) repeat-x center top;
	padding-top:120px;
	font-size:36px;
	font-size:3.6rem;
	color:#fff;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	min-width:960px;
}
article h2.txttitle {
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:30px;
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
article h2.txttitle:after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}
article h2.imagetitle {
	padding:0;
	line-height:0;
	margin-bottom:20px;
}
article h2.imagetitle2 {
	padding:0;
	line-height:0;
	margin-bottom:20px;
	background:url(img/common/titleback.png) no-repeat center center;
}
article h3.title02 {
	background:url(img/common/title_back.png) no-repeat center top;
	padding-top:70px;
	font-size:21px;
	font-size:2.1rem;
	color:#5b710d;
	margin-bottom:30px;
	text-align:center;
}
article .midashi {
	padding:10px 15px;
	background:url(img/common/titleback.png) no-repeat center center;
	margin-bottom:30px;
	text-align:center;
}
article h3.txttitle {
	font-size:18px;
	font-size:1.8rem;
	border-left:solid 3px #01016c;
	border-bottom:solid 1px #dbc104;
	line-height:20px;
	padding:15px 10px;
	letter-spacing:1px;
	margin-bottom:30px;
	background:#f6fbff;
}
article h3.imagetitle {
	padding:0;
	height:auto;
	line-height:0;
	text-indent:0;
	margin-bottom:20px;
	background:none;
	border:none;
	background:url(img/common/titleback.png) no-repeat 0 0;
}
article h3.def {
	font-size:18px;
	font-size:1.8rem;
	padding:45px 10px 30px 90px;
	letter-spacing:1px;
	margin-bottom:30px;
	background:url(img/common/titleback.png) no-repeat 0 0;
	color:#666;
}
article h3.imagetitle2 {
	padding:0;
	height:auto;
	line-height:0;
	text-indent:0;
	margin-bottom:20px;
	border:none;
	background:url(img/common/titleline.png) no-repeat center 0;
	text-align:center;
}
#header03 {
	border-left:solid 5px #ffd074;
	padding:0 10px;
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:30px;
}
#heading05 {
	position:relative;
	padding:15px 10px;
	background:#fff;
	border-top:#999 solid 2px;
	border-bottom:#999 solid 3px;
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:40px;
}
#heading05:before {
	content:" ";
	position:absolute;
	top:100%;
	left:26px;
	width:0;
	height:0;
	border-width:16px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#999;
}
#heading05:after {
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:10px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fff;
	z-index:1;
}
#heading04 {
	text-align:center;
	max-width:60%;
	position:relative;
	padding:5px 10px;
	font-size:18px;
	font-size:1.8rem;
	border:#ffdf70 solid 3px;
	border-radius:18px;
	background:#fff;
	margin-bottom:30px;
}
#heading04:before {
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:16px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#ffdf70;
}
#heading04:after {
	content:" ";
	position:absolute;
	bottom:-24px;
	left:18px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fff;
}
article h4 {
	margin-bottom:10px;
}
.titleline {
	border-top:dotted 1px #f3eac2;
	padding-top:15px;
	padding-bottom:20px;
	font-size:21px;
	font-size:2.1rem;
	background:#fff url(img/common/line.png) no-repeat center bottom;
	border-radius:10px;        /* CSS3草案 */
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */
	-moz-border-radius:10px;   /* Firefox用 */
}
.deftitle {
	border-left:solid 5px #009944;
	padding:3px 15px;
	margin-left:10px;
	margin-bottom:20px;
}
.h3_box {
	padding:10px;
	background:url(img/common/titleline.png) no-repeat center bottom;
	margin-bottom:30px;
}
.h3_box h3 {
	padding:35px 0 35px 100px;
	font-size:30px;
	font-size:3.0rem;
	color:#6c4f35;
	line-height:1.1;
}
.h3_box h3.icon01 {
	background:url(img/common/titleicon01.png) no-repeat 0 0;
	padding:20px 0 20px 100px;
	min-height:50px;
}
/* p */
p.title {
	font-size:21px;
	font-size:2.1rem;
	line-height:30px;
	line-height:3.0rem;
	margin-bottom:20px;
}
p.para_cap_i {
	padding:20px;
	background:#fffce7;
}
/* dl */
dl.ou {
	background-color: #ffe1e6;
	border: 1px solid #ebe6d8;
	border-top: none;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
}
dl.ou dt {
	width:20%;
	padding: 1em 0 1em 1em;
	border-top: 1px solid #ebe6d8;
	float: left;
}
dl.ou dd {
	background-color:#fff;
	margin: 0 0 0 20%;
	padding:1em;
	border-top: 1px solid #ebe6d8;
	border-left: 1px solid #ebe6d8;
}
dl.ou dd a {
}
/* dl */
dl.ou2 {
	background-color: #fbf5e4;
	border: 1px solid #ebe6d8;
	border-top: none;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0;
}
dl.ou2 dt {
	width:40%;
	padding: 1em 0 1em 1em;
	border-top: 1px solid #ebe6d8;
	float: left;
}
dl.ou2 dd {
	background-color:#fff;
	margin: 0 0 0 40%;
	padding:1em;
	border-top: 1px solid #ebe6d8;
	border-left: 1px solid #ebe6d8;
}
dl.ou2 dd a {
}
ul.list_def {
	margin-left:30px;
	list-style:square;
}
ul.list_def li {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:dotted 1px #d9cfae;
}
/* table */
table.bu_table {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 30px auto;
}
table.bu_table th.t_top {
	border-top: #ffa000 4px solid;
}
table.bu_table th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding:10px 10px;
	font-weight: normal;
	width:30%;
	font-size:14px;
	font-size:1.4rem;
}
table.bu_table th:before {
	content: "◆  ";
	color:#ff9000;
	font-size:12px;
}
table.bu_table td.t_top {
	border-top: #ccc 4px solid;
}
table.bu_table td {
	border-bottom: #ccc 1px dotted;
	text-align: left;
	padding:10px 10px;
	font-size:14px;
	font-size:1.4rem;
}
table.bu_table tr:hover {
	background:#f3f3f3;
}
table.bu_table2 {
	border-collapse:collapse;
	width:95%;
	margin:0 auto 30px auto;
}
table.bu_table2 th.t_top {
	border-top: #093a09 4px solid;
}
table.bu_table2 th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	width:60%;
}
table.bu_table2 td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.bu_table2 td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
table.bu_table2 tr:hover {
	background:#f3f3f3;
}
table.tate_table {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}
table.tate_table th,
table.tate_table td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}
table.tate_table th {
  background-color: #eee;
  text-align: left;
}

  table.tate_table {
    border: none;
  }
  table.tate_table thead {
    display: none;
  }
  table.tate_table tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
  table.tate_table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table.tate_table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }


/* googlemap */
.mapbox {
	background:#f3f3f3;
	padding:10px;
	line-height:0;
	margin-left:10px;
	margin-right:10px;
}
/* only */
.backimage_green {
	background:url(img/common/back_pt_g.png) repeat 0 0;
	padding:40px 0;
	border:dotted 1px #d1bfa4;
	width:100%;
	min-width:960px;
}
.back_i {
	background:url(img/common/back_pt_i.png) repeat 0 0;
	padding:10px;
}
.back_y {
	background:#fffae4;
	padding:10px;
	border:dotted 1px #f6ebc0;
}
.back_b {
	background:#f4fcff;
	padding:10px;
	border:dotted 1px #dbeef7;
}
.back_p {
	background:#fef1f1;
	padding:15px 10px;
	border:dotted 1px #f6e1e1;
}
.back_pa {
	background:#f6ebff;
	padding:15px 10px;
	border:dotted 1px #dcc3ef;
}
.back_aq {
	background:#edfeff;
	padding:15px 10px;
	border:dotted 1px #cff2f4;
}
.back_w {
	background-color:rgba(255, 255, 255, 0.7);
}
.underline {
	border-bottom:dotted 1px #c3dec3;
	padding-bottom:10px;
}
.topline {
	border-top:dotted 1px #c3dec3;
	padding-top:10px;
}
.button_g {
	position: relative;
	background-color: #1abc9c;
	border-radius: 4px;
	color: #fff;
	padding:10px;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size:14px;
	font-size:1.4rem;
}
.button_g:hover {
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
	text-decoration:none;
}
.button_g:active {
	top: 3px;
	box-shadow: none;
}
.re_btn {
	display: inline-block;
	width: 240px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	font-size:14px;
	font-size:1.4rem;
	margin-bottom:10px;
}
.re_btn::before, .re_btn::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}
.re_btn, .re_btn::before, .re_btn::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.re_btn {
	background-color: #90c31f;
	color: #fff;
}
.re_btn:hover {
	background-color: #a2d03c;
	color:#fff;
	text-decoration: none;
}
.cube_btn {
	display: inline-block;
	width: 150px;
	margin:10px;
	padding:20px;
	min-height:80px;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:10px;
}
.cube_btn::before, .cube_btn::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}
.cube_btn, .cube_btn::before, .cube_btn::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.cube_btn {
	background-color: #ffcc00;
	color: #fff;
}
.cube_btn:hover {
	background-color: #ff9900;
	color:#fff;
	text-decoration: none;
}

.lo_frame {
	display: inline-block;
	position: relative;
	overflow: hidden; /* 不要部分を消す */
	padding: 6px; /* 6px だけは写真からはみ出す */
}
.lo_frame img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.lo_frame:before, .lo_frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97px;
	height: 50px;
	background: #fff; /* 背景色 */
	transform: rotate(-30deg);
}
/* 左上 */
.lo_frame:before {
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.5);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;
}
/* 右下 */
.lo_frame:after {
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
}

.lo_frame2 {
	display: inline-block;
	position: relative;
	overflow: hidden; /* 不要部分を消す */
	padding: 6px; /* 6px だけは写真からはみ出す */
}
.lo_frame2 img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.lo_frame2:before, .lo_frame2:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97px;
	height: 50px;
	background: #faf7e9; /* 背景色 */
	transform: rotate(-30deg);
}
/* 左上 */
.lo_frame2:before {
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.5);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;
}
/* 右下 */
.lo_frame2:after {
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
}
p.cap {
	font-size:13px;
	font-size:1.3rem;
	text-align:center;
	padding:10px 0 10px 0;
	margin-left:0;
	margin-right:0;
	margin-bottom:30px;
	border-top:solid 1px #dedede;
	border-bottom:solid 1px #dedede;
}
p.address {
	padding:15px;
	border-left:solid 4px #dedede;
	margin:0;
}
.note{
    position: relative;
    background-color: #fff;
    background-size: 100% 2.5em;
    line-height:1.5em;
	padding:25px 20px;
	width:90%;
	margin: 0 auto;
}
.arrow{
  width: 0px;
  border-color: #ffa1b1;
  border-style: solid;
  border-width: 30px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  margin:0 auto 30px auto;
}

.cssmidashi{
    position: relative;
    color: #111;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.8em 2em;
    border-bottom: 5px solid #009944;
}
 
.cssmidashi:before{
    content: "";
    position: absolute;
    background: #009944;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.cssmidashi:after{
    content: "";
    position: absolute;
    background:#ffa000;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
.note{
    position: relative;
    background-color: #fff;
    background-size: 100% 2.5em;
    line-height:1.5em;
	padding:25px 20px;
	width:90%;
}
.arrow{
  width: 0px;
  border-color: #ffa1b1;
  border-style: solid;
  border-width: 30px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  margin:0 auto 30px auto;
}
.bar_blue{
	border-left:solid 3px #014599;
	padding:10px 0 10px 20px;
}


.note h5 {
  position: relative;
  text-align: center;
  font-size:14px;
  font-size:1.4rem;
}
.note h5 span {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  color: #777;
  background-color: #fff;
}
.note h5::before {
  content: '';
  width: 100%;
  border-top: 5px solid #efefef;
  position: absolute;
  top: 50%;
  left: 0;
}
.note p {
  padding: 1.5em 2em 2em;
  border-bottom: 5px solid #efefef;
}
.note div {
  padding: 1.5em 2em 2em;
  border-bottom: 5px solid #efefef;
}
.note ul li{
	list-style:decimal;
}


/* ------------------------------------------------------------------------------------------------------------------------------- 
	各ページ別設定
/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------- 
	page ホーム
/* ----------------------------------------------------------- */
.slider_pt{
	padding-top:50px;
	padding-bottom:50px;
}
.sp-slide{
	box-shadow: 0 0 3px #0093bb;
	-moz-box-shadow: 0 0 3px #0093bb;
	-webkit-box-shadow: 0 0 3px #0093bb;
}
.sp-slide a:hover{
	cursor:pointer;
}
.c1_back{
	background:url(img/index/c1_back.png) repeat 0 bottom;
	padding-bottom:50px;
}
.c1_box{
	background:url(img/common/back_pt.png) repeat 0 0;
	padding:10px;
}
.c1_box2{
	background:#fffdf4;
	border:solid 5px #108544;
	padding:20px;
}
.c2_back{
	position:relative;
	width:100%;
	min-width:960px;
	text-align:center;
	background-image:url("img/index/c2_back.jpg");
	background-size:cover;
	background-position:center;
	padding:70px 0;
}
.c2_box{
	background:#fff;
	padding:30px;
	margin-bottom:30px;
	box-shadow: 0 0 3px #ded29d;
	-moz-box-shadow: 0 0 3px #ded29d;
	-webkit-box-shadow: 0 0 3px #ded29d;
}
.c2_title{
	font-size:36px;
	font-size:3.6rem;
	margin-bottom:10px;
	line-height:1.3;
	padding-top:30px;
}
.c3_back{
	position:relative;
	width:100%;
	min-width:960px;
	text-align:center;
	background-image:url("img/index/c3_back.jpg");
	background-size:cover;
	background-position:center;
	padding:70px 0;
}
/* ----------------------------------------------------------- 
	page 車買取
/* ----------------------------------------------------------- */
.flowbox {
	margin:20px 10px 20px 10px;
	padding:20px;
	background:#f3f3f3 url(img/common/back_pt2.png) repeat 0 0;
}
.flowbox .photo {
	float:left;
	line-height:0;
	width:200px;
}
.flowbox .photo2 {
	float:right;
	line-height:0;
}
.flowbox .txtarea {
	float:left;
	max-width:530px;
}
.flowbox .txtarea2 {
	float:right;
	max-width:380px;
	padding:10px 20px;
}
.flowtitle {
	border-bottom:dashed 1px #ff9900;
	font-weight:bold;
	margin-bottom:15px;
}
.flowtitle span {
	padding:3px 10px;
	background:#ff9900;
	color:#fff;
	font-size:21px;
 font-size:21.rem;
	margin-right:10px;
}

.c3_faqbox{
	padding:10px 20px 5px 20px;
	background:#fff;
	box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
}
.qbox{
	width:720px;
}
.qbox p{
	font-size:18px;
	font-size:1.8rem;
	padding:10px 0 20px 0;
	background:url(img/service01/c3_line.png) repeat-x 0 bottom;
	font-weight:bold;
}
.abox{
	width:720px;
}
.abox p{
	padding:10px 0 0 0;
}



.contactbox {
	background:#f9f7ff;
	border-radius:10px;        /* CSS3草案 */
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */
	-moz-border-radius:10px;   /* Firefox用 */
	border:solid 2px #5c4e86;
	padding:20px 0;
	text-align:center;
}
table.contacttable {
	width:90%!important;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
table.contacttable span.atn {
	width:2em;
	padding:2px 3px;
	font-size:12px;
	font-size:1.2rem;
	background:#5c4e86;
	color:#fff;
	border-radius:5px;        /* CSS3草案 */
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:5px;   /* Firefox用 */
	margin-left:5px;
}
table.contacttable th {
	padding:13px 20px 13px 20px;
	font-size:14px;
	font-size:1.4rem;
	background:#f7f0e3;
	border:solid 1px #e1e1e1;
	min-width:100px;
	width:150px;
}
table.contacttable td {
	padding:13px 10px;
	font-size:14px;
	font-size:1.4rem;
	vertical-align:top;
	background:#fff;
	border:solid 1px #e1e1e1;
}
table.contacttable input {
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable select {
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable textarea {
	width:440px;
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
.txt_center input {
	padding:7px;
}
.screen-reader-response {
	display:none;
}
.wpcf7-validation-errors {
	color:#F00;
	font-size:1.4rem;
}
.wpcf7-mail-sent-ok {
	color:#FC0;
	font-size:1.4rem;
}
.wpcf7-not-valid-tip {
	color:#F00;
}
.w_mi {
	width:250px;
}
.w_sh {
	width:110px;
}
.w_sh2 {
	width:30px;
}
.w_lo {
	width:350px;
}


/*================
中央に影をつけるサンプル
===================*/

.frame03 {
display: inline-block;
position: relative;
padding: 6px;
box-shadow: 0 2px 6px #ccc;
}
.frame03:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient( /* ここで光を作っている */
-120deg,
rgba(255, 250, 250, 0.1) 0,
rgba(255, 250, 250, 0.5) 70px,
rgba(255, 250, 250, 0) 71px);
}