@charset 'UTF-8';
/* ---------------------------------------- file info */
/* filename:style.css */
/* -------------------------------------------------- */
f /* --------------------------------------------------
    reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, side, hgroup, menu, nav, section, audio, video, canvas, main {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, side, hgroup, menu, nav, section, main {
	display: block;
}
/* --------------------------------------------------
    base
-------------------------------------------------- */
html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	_overflow: auto;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
html, body {
	width: 100%;
	min-height: 100%;
}
body {
	font-family: 'UD Shin Go Light', Meiryo, 'MS PGothic', Arial, Osaka, Sans-Serif;
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.85;
	overflow: hidden;
	color: #555;
	background: url(../images/back.jpg) repeat;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	counter-reset: count-number;
	margin: 0;/*marginを0に*/
}
a {
	position: relative;
	text-decoration: none;
	color: inherit;
}
a[href^=tel] {
	cursor: default;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
a:not(.rollover) img, button:not(.rollover) img {
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	opacity: 1;
	filter: alpha(opacity=100);
}
a:not(.rollover):hover img, button:not(.rollover):hover img {
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	opacity: .7;
	filter: alpha(opacity=70);
}
/* ---------------------
   Heading, Paragraph
--------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* ---------------------
   List
--------------------- */
ol, ul, li {
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
/* ---------------------
   Table
--------------------- */
table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
dl, dt, dd {
	overflow: hidden;
	zoom: 1;
}
/* ---------------------
   Form
--------------------- */
fieldset {
	border: none;
}
input[type=number], input[type=button], input[type=password], input[type=text], input[type=email], input[type=tel], textarea, select, label {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background: #f8f9fa;
}
button {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background: #ffffff;
	border: none;
}
button[type=submit] {
	font-family: inherit;
	font-size: 105%;
	margin: 0;
	padding: 10px 70px;
	vertical-align: middle;
	background: #bb1919;
	color: #FFFFFF;
	font-weight: bold;
}
button[type=reset] {
	font-family: inherit;
	font-size: 105%;
	margin: 0 10px 0 0;
	padding: 10px 70px;
	vertical-align: middle;
	background: #ffffff;
	border: 2px solid #d4d7da;
	color: #c6c9cc;
}
/* hover */
button[type=submit] a:hover {
	color: #bb1919;
	background: #FFF;
	border: 1px solid #bb1919;
}
button[type=reset] a:hover {
	color: #ffffff;
	background: #d4d7da;
	border: 1px solid #d4d7da;
}
input[type=submit], input[type=number], input[type=button], input[type=password], input[type=text], input[type=email], input[type=tel], textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type=number], input[type=password], input[type=text], input[type=email], input[type=tel], textarea, select {
	padding: 7px 8px;
	border: 1px solid #d4d7da;
	margin-bottom: 10px;
}
input[size='10'] {
	width: 100% !important;
}
input[size='46'] {
	width: 100% !important;
}
input[size='60'] {
	width: 100% !important;
}
input {
	outline: none;
}
select {
	width: 100% !important;
	background-color: #ffffff;
	outline: none;
}
textarea {
	width: 100% !important;
	height: 200px !important;
	outline: none;
}
button {
	cursor: pointer;
	outline: none;
}
textarea {
	overflow: auto;
}
label {
	cursor: pointer;
}
legend {
	display: none;
}

@media screen and (max-width: 480px) {
button[type=submit] {
	margin-top: 15px;
}
button[type=reset] {
	margin: 0;
}
}
/* ---------------------
   Other
--------------------- */
img {
	vertical-align: middle;
	border: none;
	max-width: 100%;
	height: auto;/*	max-widthはblock要素の大きさに応じて変化できるように、heightを指定したのは比率が変化しないように*/
}
object {
	vertical-align: middle;
	outline: none;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
small {
	font-size: 100%;
}
abbr, acronym {
	font-variant: normal;
	border: none;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre {
	font-family: monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
hr {
	display: none;
}
i {
	line-height: 1;
}
/* 
::selection {
    color: #fff;
    background: #000;
}
::-moz-selection {
 color: #fff;
 background: #000;
}
*/
[class^='icon-']:before, [class*=' icon-']:before {
	width: auto;
	margin: 0;
}
mark {
	color: inherit;
	background: url(../images/mark.png) no-repeat left bottom;
	background-size: 100% 15px;
}
/* --------------------------------------------------
    utility
-------------------------------------------------- */
/* ---------------------
   font
--------------------- */
.ff-en {
	font-family: Lato, "century gothic", futura, sans-serif;
	font-weight: normal;
}
.ff-min {
	font-family: "UD Reimin Light", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "游明朝体", "Yu Mincho", "HGS明朝E", serif;
	font-weight: normal;
}
/* ---------------------
   transition
--------------------- */
/*
** trs
*/
.trs {
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
/*
** trp
*/
.trp {
	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-ms-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
	opacity: 1;
	filter: alpha(opacity=100);
}
.trp:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
/* trs-dr */
.trs-dr02 {
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-ms-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.trs-dr03 {
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}
.trs-dr05 {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}
.trs-dr06 {
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
}
.trs-dr08 {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
}
.trs-dr12 {
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
}
/* trs-tf */
.trs-tfCb {
	-webkit-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	-moz-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	-ms-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	-o-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	transition-timing-function: cubic-bezier(0, .96, .4, .99);
}
/* ---------------------
   txt
--------------------- */
.txt {
	line-height: 1.8;
}
.txt p:not(:last-child) {
	margin-bottom: 1.5em;
}
/* ---------------------
   cf
--------------------- */
.cf:after {
	display: block;
	clear: both;
	content: '';
}
/* ---------------------
   frame
--------------------- */
.frame {
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 769px) {
.frame {
	width: 100%;
	max-width: 769px;
	margin: 0 auto;
}
}

@media screen and (max-width: 480px) {
.frame {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}
}
/* ---------------------
   other
--------------------- */
.sp {
	display: none;
}
.pc {
}
/* ---------------------
   aTarget
--------------------- */
.aTarget {
	position: absolute;
	top: -77px;
	left: 0;
}
/* --------------------------------------------------
    component
-------------------------------------------------- */
/* ---------------------
   sct
--------------------- */
.sct {
	position: relative;
	padding: 0 0 60px 0;
}
.sctBack {
	background: url(../images/back_circle01.png) no-repeat right top, url(../images/back_circle02.png) no-repeat right bottom;
	z-index: 0;
}
.sctBack-02 {
	background: url(../images/back_circle01.png) no-repeat left top, url(../images/back_circle02.png) no-repeat left bottom;
	z-index: 0;
}
.sctTtl {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 0.7;
	font-weight: normal;
	text-align: center;
}
.sctTtl-en {
	color: #bb1919;
	text-align: center;
}
.sct_zindex1 {
	z-index: 1;
}
.sct_zindex2 {
	z-index: 2;
}
/* ---------------------
   sctTtl_head
--------------------- */
.sctTtl_head {
	margin-bottom: 30px;
}
/* ---------------------
   innerSct
--------------------- */
.innerSct + .innerSct {
	margin-top: 40px;
}
.innerSct_ttl {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.6;
	margin-bottom: 0;
	letter-spacing: .025em;
	color: #333333;
	font-weight: normal;
	text-align: center;
}
.innerSct_ttlBorder {
	background-image: -moz-linear-gradient(left, #6f500b, #6f500b 11.11111%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
	background-image: -o-linear-gradient(left, #6f500b, #6f500b 11.11111%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(left, #6f500b, #6f500b 11.11111%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to right, #6f500b, #6f500b 11.11111%, rgba(0, 0, 0, 0) 11.11111%, rgba(0, 0, 0, 0) 100%);
	background-size: 8px 8px;
	height: 2px;
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 40px;
}
.innerSct_body {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}
.innerSct_ttlS {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
	font-weight: normal;
	margin-left: 4%;
	margin-bottom: 20px;
}
.innerSct_ttlS i {
	color: #e6dbc3;
	margin-right: 5px;
}
.innerSct_ttlS b {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	padding: 0 15px;
	border: solid 1px #6f500b;
	border-radius: 20px;
	background: #6f500b;
	color: #ffffff;
	text-align: center;
	margin-left: 15px;
}
/* hover */
.innerSct_ttlS b:hover {
	border: solid 1px #bb1919;
	background: #bb1919;
}
/* ---------------------
    table
--------------------- */
.table {
	width: 100%;
	background: #f5f6f7;
}
.table th, .table td {
	line-height: 1.54;
	padding: 10px 18px;
	border: 2px solid #fff;
}
.table th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #e4e8ed;
}
.table th[scope=col] {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 13px 18px;
}
.table td[scope=row] {
	font-size: 15px;
	font-size: 1.5rem;
	padding-left: 1000px;
}
.tableIcon {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
.tableIcon-good, .tableIcon-excellent {
	color: #f09199;
}
/* --------------------------------------------------
    common
-------------------------------------------------- */
/* ---------------------
   side
--------------------- */
.side {
	width: 240px;
	height: 100%;
	min-height: 530px;
	position: fixed;
	left: 0;
	top: 0;
	background: #e6dbc3;
	z-index: 999;
}

@media screen and (max-width: 769px) {
.side {
	display: none;
	background: none;
	width: 100%;
	position: absolute;
	top: 60px;
	height: auto;
	min-height: 0;
}
}
/* ---------------------
   sideTop
--------------------- */
.sideTop .frame {
	position: relative;
}
h1#logo span {
	display: none;
}
.side_logo {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
.side_item {
	margin-bottom: 10px;
}
.sideMail {
	width: 200px;
	height: 40px;
	position: absolute;
	bottom: 50px;
	left: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.sideMail_num {
	width: 200px;
	height: 40px;
	border: solid 2px #bb1919;
	border-radius: 20px;
	background: #e6dbc3;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #bb1919;
	padding-left: 40px;
	padding-top: 6px;
}
.sideMail_num i {
	display: block;
	position: absolute;
	top: 12px;
	left: 22px;
}
.sideMail_num i, x:-moz-any-link {
 display: block;
 position: absolute;
 top: 26px;
 left: 22px;
}
.sideTel {
	width: 200px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.sideTel_num {
	width: 200px;
	height: 40px;
	border: solid 2px #bb1919;
	border-radius: 20px;
	background: #e6dbc3;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	color: #bb1919;
	padding-left: 40px;
	padding-top: 6px;
	cursor: pointer;
}
.sideTel_num i {
	display: block;
	position: absolute;
	top: 12px;
	left: 22px;
}
.sideTel_num i, x:-moz-any-link {
 display: block;
 position: absolute;
 top: 28px;
 left: 22px;
}
/* hover */
.sideMail_num:hover {
	width: 200px;
	height: 40px;
	border: solid 2px #bb1919;
	background: #bb1919;
	border-radius: 20px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #ffffff;
	padding-left: 40px;
	padding-top: 6px;
}
.sideMail_num i:hover {
	display: block;
	position: absolute;
	top: 12px;
	left: 22px;
	color: #ffffff;
}
.sideTel_num:hover {
	width: 200px;
	height: 40px;
	border: solid 2px #bb1919;
	background: #bb1919;
	border-radius: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	color: #ffffff;
	padding-left: 40px;
	padding-top: 6px;
}
.sideTel_num i:hover {
	display: block;
	position: absolute;
	top: 12px;
	left: 22px;
	color: #ffffff;
}

@media screen and (max-width: 769px) {
.side_item {
	float: none;
	height: 100%;
	position: relative;
	/* top: 61px; */
	width: 100%;
	/* display: none; */
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	/* padding-bottom: 50px; */
	background: #e6dbc3;
	z-index: 100;
}
h1#logo span {
	display: none;
}
.side_logo {
	width: 100%;
	max-width: 177px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: none;
}
}

@media screen and (max-width: 769px) {
.sideMail, .sideTel {
	display: none;
}
}
/* ---------------------
   gNav
--------------------- */
.dropmenu {
	display: block;
	cursor: pointer;
}
.dropmenu ul {
	display: none;
}
.gNav_item {
	line-height: 0;
	position: relative;
	text-align: left;
	margin-left: 40px;
}
.gNav_item:before {
	position: absolute;
	top: -5px;
	bottom: 0;
	left: 40px;
	right: 5px;
	width: 1px;
	height: 20px;
	margin: auto;
	content: '';
}
.gNav_item i {
	margin-right: 5px;
	color: #6f500b;
}
.gNav_item a {
	display: block;
	padding: 5px 0 15px;
	text-decoration: none;
}
/* hover , current */
.gNav_item a:hover, .gNav_item a.current {
	color: #bb1919;
}
.gNav_listS {
	margin-bottom: 10px;
	display: none;
}
.gNav_itemS {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 0;
	position: relative;
	text-align: left;
	margin-left: 60px;
}
.gNav_itemS:before {
	position: absolute;
	top: -5px;
	bottom: 0;
	left: 60px;
	right: 5px;
	width: 1px;
	height: 20px;
	margin: auto;
	content: '';
}
.gNav_itemS i {
	margin-right: 5px;
	color: #6f500b;
}
.gNav_itemS a {
	display: block;
	padding: 5px 0 10px;
	text-decoration: none;
}
/* hover , current */
.gNav_itemS a:hover, .gNav_itemS a.current {
	color: #bb1919;
}

@media screen and (max-width: 769px) {
.gNav_item {
	line-height: 0;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding-left: 20px;
	padding-top: 10px;
	/* display: none; */
	border-top: 1px solid #fff;
}
li.gNav_item {
}
.gNav_itemS {
	line-height: 0;
	position: relative;
	text-align: left;
	margin-left: 32px;
}
#rwdMenuWrap {
	width: 100%;
	border-bottom: #f8f2e5 1px solid;
	z-index: 1000;
}
#rwdMenuWrap #switchBtnArea {
	width: 100%;
	height: 60px;
	background: #e6dbc3;
	position: relative;
}
#rwdMenuWrap #switchBtnArea #switchBtn {
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
}
#rwdMenuWrap #switchBtnArea #switchBtn span {
	left: 20%;
	width: 60%;
	height: 4px;
	display: block;
	position: absolute;
	background-color: #fff;
	border-radius: 5px;
	transition: all 0.2s linear;
}
#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
	top: 10px;
	transform: rotate(0);
}
#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
	top: 18px;
	transform: scale(1);
}
#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
	bottom: 10px;
	transform: rotate(0);
}
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
	top: 18px;
	transform: rotate(-45deg);
}
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
	transform: scale(0);
}
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
	bottom: 18px;
	transform: rotate(45deg);
}
#rwdMenuWrap ul {
	width: 100%;
	display: none;
}
#rwdMenuWrap ul li {
	width: 100%;
	border-bottom: #f8f2e5 1px solid;
}
#rwdMenuWrap ul li a {
	padding: 15px 20px;
	text-align: center;
	display: block;
	background: #ffffff;
	position: relative;
}
#contents {
	width: 100%;
}
#contents p {
	padding: 0 20px 2em 20px;
}
.spLogo {
	float: left;
	margin-left: 4%;
	margin-top: 8px;
	margin-bottom: 5px;
	max-width: 135px;/*iphone5用にサイズ調整*/
}
.spBtn {
}
.menuBtn {
	width: 62px;
	height: 60px;
	float: right;
	border-left: 1px solid #ffffff;
}
.mailBtn {
	width: 44px;
	height: 60px;
	font-size: 2.6rem;
	color: #bb1919;
	float: right;
	margin-top: 6px;
}
.telBtn {
	width: 50px;
	height: 60px;
	font-size: 2.8rem;
	color: #bb1919;
	float: right;
	margin-top: 6px;
}
}
/* @media screen and (max-width: 769px) {
.gNav {
    background-color: #fff;
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px;
    position: fixed;
    right: -300px;
    top: 0;
    transition: transform 0.3s linear 0s; 
    width: 300px;
    z-index: 1000;
}
.gNav::before {
    background-color: #e6dbc3;
    color: #ffffff;
    content: "≡";
    display: block;
    font-size: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}
} */

/* ---------------------
   bread
--------------------- */
.bread {
	width: 100%;
	padding: 11px 0;
	background: #e6dbc3;
	margin-bottom: 1px;
}
.bread_item {
	margin-left: 4%;
	color: #787878;
}
.bread_item b i {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 15px;
}
.bread_item i {
	margin-right: 5px;
}
.bread_item a {
	color: #ffffff;
}
/* ---------------------
   main
--------------------- */
.main {
	margin-left: 240px;
	top: 0;
}

@media screen and (max-width: 769px) {
.main {
	margin: 0;
}
}
/* ---------------------
   mainHead
--------------------- */
.mainHead {
	position: absolute;
	left: 320px;
	top: 50px;
}
/* ---------------------
   mainTtl
--------------------- */
.mainTtl {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1;
	font-weight: normal;
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	/* margin-left: 80px;
	margin-top: -200px; */
	display: inline-block;
}
.mainTtl small {
	font-size: 20px;
	font-size: 2.0rem;
}
.mainTtl_en {
	color: #bb1919;
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-text-orientation: mixed;
	-webkit-text-orientation: mixed;
	text-orientation: mixed;
	margin-left: 2px;
	margin-top: 5px;/* margin-left: 82px;
	margin-top: 10px; */
}

@media screen and (max-width: 769px) {
.mainHead {
	position: absolute;
	left: 8%;
	top: 90px;
}
}

@media screen and (max-width: 480px) {
.mainHead {
	display: none;
}
}
/* ---------------------
   cBtn
--------------------- */
.cBtn {
	/* width: 200px;
    height: 40px;
	border: solid 2px #bb1919;
    border-radius: 20px; */
	/* float: right; ここで float right使うとcfされてないから下の要素にも影響あり*/
	margin: -20px 0 10px auto;
}
.cBtn_item {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .04em;
	color: #bb1919;
	text-align: right;/*float rightを削除した分ここで右寄せ*/
}
.cBtn_item i {
	display: block;
	position: absolute;
	top: 2px;
	left: -10px;
}
/* hover */
.cBtn_item a:hover {
	left: 2px;
	font-weight: bold;
}
.cBtn_idx {
	margin: -20px 0 10px auto;
	padding-right: 3%;
}
/* ---------------------
   cNav
--------------------- */
.cNav {
	margin-left: 140px;
	margin-bottom: 50px;
	margin-top: -60px;
}
.cNav_left {
	float: left;
}
.cNav_item01 {
	overflow: visible;
	width: 130px;
	height: 26px;
	border: solid 1px #bb1919;
	border-radius: 20px;
	background: #bb1919;
	color: #ffffff;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
.cNav_item02 {
	overflow: visible;
	width: 130px;
	height: 26px;
	border: solid 1px #555555;
	border-radius: 20px;
	color: #555555;
	text-align: center;
	margin-right: 10px;
	background: #FAFAFA;
}
/* hover */
.cNav_item02:hover {
	width: 130px;
	height: 26px;
	border: solid 1px #bb1919;
	border-radius: 20px;
	background: #bb1919;
	color: #ffffff;
	text-align: center;
	margin-right: 10px;
}

@media screen and (max-width: 769px) {
.cNav {
	display: none;
}
}
/* ---------------------
   footer
--------------------- */
.footer {
	border-top: 1px solid #e8dec8;
	margin-left: 240px;
}

@media screen and (max-width: 769px) {
.footer {
	border-top: 1px solid #e8dec8;
	margin: 0;
	width: 100%;
	max-width: 769px;
}
}

@media screen and (max-width: 480px) {
.footer {
	border-top: 1px solid #e8dec8;
	margin: 0;
	width: 100%;
	max-width: 480px;
}
}
/* ---------------------
   fTop
--------------------- */
.fTop {
	border-top: 1px solid #fbf6e7;
	padding: 60px 0;
	width: 820px;
	margin: 0 auto;
}
.fLogo {
	margin-bottom: 15px;
}
.fCal {
	width: 100%;
	max-width: 370px;
	float: left;
}
.fCal tr {
	border-bottom: 1px solid #f8f2e5;
}
.fCal th, td {
	padding: 0 7px;
}
.fCal th {
	padding-right: 18px;
}
.fCal td b {
	color: #bb1919;
}
.fCal td sup {
	vertical-align: super;
	font-size: 6px;
	font-size: 0.6rem;
}
.fCal_list {
	width: 100%;
	max-width: 370px;
	background: #f8f2e5;
	padding: 15px;
	margin-top: 10px;
}
.fCal_list b {
	color: #bb1919;
}
.fAccess {
	width: 100%;
	max-width: 400px;
	float: right;
}
.fAccess_map {
	width: 100%;
	height: 220px;
	margin-bottom: 5px;
}
.fAccess_adr small {
	color: #999999;
}
.gm-style-mtc {
	display: none;
}

@media screen and (max-width: 480px) {
.fTop {
	width: 100%;
	max-width: 769px;
	margin: 0 auto;
}
.fLogo {
	margin-bottom: 15px;
	margin-left: 4%;
}
.fCal {
	width: 98%;
	max-width: 370px;
	float: none;
	/* margin-left: 4%; */
	/* margin-right: 4%; 中央寄せならautoでいいのでは？*/
	margin: 0 auto;
}
.fCal th, td {
	padding: 0 auto;
}
.fCal th {
	padding-right: 18px auto;
}
.fCal_list {
	/* width: 92%; ここはなぜ92%？*/
	background: #f8f2e5;
	padding: 4%;
	margin-top: 10px;
	margin-right: 4%;
}
.fAccess {
	width: 100%;
	max-width: 480px;
	float: none;
	margin-top: 30px;
}
.fAccess_adr small {
	margin-left: 20px;
}
}
/* ---------------------
   fBtm
--------------------- */
.fCopy {
	font-size: 11px;
	font-size: 1.1rem;
	margin-bottom: 10px;
	text-align: center;
}
/* ---------------------
   pageTop
--------------------- */
.pageTop {
	position: fixed;
	z-index: 1000;
	right: 28px;
	bottom: 34px;
}
/* ---------------------
   circleList
--------------------- */
.circleList li {
	position: relative;
	padding-left: 15px;
}
.circleList li:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 6px;
	height: 6px;
	content: '';
	background: #6f500b;
	border-radius: 5px;
}
.circleList-02 li {
	position: relative;
	padding-left: 15px;
}
.circleList-02 li:before {
	position: absolute;
	top: 8px;
	left: 5px;
	width: 6px;
	height: 6px;
	content: '';
	background: #6f500b;
	border-radius: 5px;
}
/* --------------------------------------------------
    project
-------------------------------------------------- */
/* -----------------------------------
   index
----------------------------------- */
/* ---------------------
   mainVisual
--------------------- */
.mainVisual {
	width: 100％;
	height: auto;
	margin-left: 10px;
	margin-bottom: 20px;
}
.mainVisual img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
.mainVisual {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 20px;
}
.mainVisual img {
	width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: -webkit-baseline-middle;
	margin-top: -6px;
}
}
/* ---------------------
   idxCatch
--------------------- */
.idxCatch {
	text-align: center;
	letter-spacing: .05em;
}
.idxCatch_ttl {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 30px;
	letter-spacing: .1em;
	color: #6f500b;
}
.idxCatch_item {
	line-height: 2.0;
	letter-spacing: .05em;
}
.idxCatch_item b {
	font-weight: bold;
}
.idxCatch_item span {
	color: #bb1919;
	font-weight: bold;
}

@media screen and (max-width: 480px) {
.idxCatch {
	margin-left: 4%;
	margin-right: 4%;
}
}
/* ---------------------
   idxVoice
--------------------- */
.idxVoice {
	width: 100%;
	max-width: 650px;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.idxVoice_item {
	width: 190px;
	height: 190px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #e6dbc3;
	float: left;
}
.idxVoice_item:not(:last-child) {
	margin-right: 4%;
}
.idxVoice_itemTtl {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 40px;
	letter-spacing: .1em;
	text-align: center;
	color: #6f500b;
	font-weight: normal;
}
.idxVoice_itemTtl i {
	margin-left: 5px;
}
.idxVoice_itemBody {
	display: inline-block;
	width: 180px;
	margin-top: 15px;
	text-align: center;
	line-height: 1.6;
}

@media screen and (max-width: 480px) {
.idxVoice {
	width: 100%;
	display: block;
}
.idxVoice_item {
	width: 190px;
	height: 190px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #e6dbc3;
	padding: auto;
	float: none;
	margin-left: 20%;
	margin-right: 20%;
}
.idxVoice_item +.idxVoice_item {
	margin-top: 30px;
}
.idxVoice_itemTtl {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: .1em;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
}
.idxVoice_itemTtl i {
	margin-left: 5px;
}
.idxVoice_itemBody {
	display: inline-block;
	text-align: center;
	line-height: 1.6;
}
}
/* ---------------------
   idxMenu
--------------------- */
.idxMenu {
	width: 94%;
	margin: 0 auto;
}
.idxMenu_item {
	width: 246px;
	margin-right: 46px;
	margin-bottom: 20px;
	border-radius: 2px;
	float: left;
	display: inline;
}
.idxMenu_item:nth-of-type(3n) {
	width: 246px;
	margin-right: 0;
	margin-bottom: 20px;
	border-radius: 2px;
	float: left;
	display: inline;
}
.idxMenu_itemImg {
	width: 246px;
	height: auto;
	margin-bottom: 10px;
}
.idxMenu_itemTtl {
	text-align: left;
	font-weight: normal;
}
.idxMenu_itemTtl b {
	color: #bb1919;
}

@media screen and (max-width: 1200px) {
.idxMenu_item {
	margin-right: 30px;
}
.idxMenu_item:nth-of-type(3n) {
	margin-right: 0;
}
}

@media screen and (max-width: 1100px) {
.idxMenu_item {
	margin-right: 20px;
}
.idxMenu_item:nth-of-type(3) {
	margin-right: 20px;
}
.idxMenu_item:nth-of-type(2n) {
	margin-right: 0;
}
}

@media screen and (max-width: 480px) {
.idxMenu {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}
.idxMenu_item {
	width: 100%;
	height: auto;
	border-radius: 2px;
	float: none;
	margin: 0 15% 20px 15%;
	display: block;
}
.idxMenu_itemImg {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
}
/* ---------------------
   idxNews
--------------------- */
.idxNews {
	width: 94%;
	margin: 0 auto;
	background: #f7f4ed;
	border-radius: 10px;
	padding: 4%;
}
.idxNews_body {
	height: 100%;
	float: left;
	margin-top: 20px;
}
.idxNews_item {
	line-height: 2.6;
	margin-bottom: 15px;
}
.idxNews_itemDate {
	float: left;
	width: 5em;
	margin-right: 30px;
	color: #6f500b;
}
.idxNews_itemTtl {
	font-weight: normal;
	overflow: hidden;
	text-decoration: underline;
	float: left;
}
/* hover */
.idxNews_itemTtl a:hover {
	color: #bb1919;
	background: transparent;
}

@media screen and (max-width: 769px) {
.idxNews {
	width: 100%;
	max-width: 728px;
}
.idxNews_body {
	float: none;
}
.idxNews_item {
	margin: 0 20px 15px 20px;
}
.idxNews_itemDate {
	float: none;
}
.idxNews_itemTtl {
	float: none;
}
}
/* -----------------------------------
   about
----------------------------------- */
/* ---------------------
   mainVisual02
--------------------- */
.mainVisual02 {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 20px;
}
.mainVisual02 img {
	width: 100%;
	height: auto;
}
.mainVisual03 {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 0;
}
.mainVisual03 img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 769px) {
.mainVisual02 {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 20px;
}
.mainVisual02 img {
	width: 100%;
	height: auto;
	margin-top: -5px;
}
.mainVisual03 {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 20px;
}
.mainVisual03 img {
	width: 100%;
	height: auto;
	margin-top: -5px;
}
}

@media screen and (max-width: 480px) {
.mainVisual02 {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 20px;
}
.mainVisual02 img {
	width: 100%;
	height: auto;
	margin-top: -5px;
}
.mainVisual03 {
	width: 100％;
	height: auto;
	margin-left: 0;
	margin-bottom: 20px;
}
.mainVisual03 img {
	width: 100%;
	height: auto;
	margin-top: -5px;
}
}
/* ---------------------
   rinen
--------------------- */
.rinen_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
}
.rinen_body li {
	color: #6f500b;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.rinen_body p {
	margin-left: 15px;
}
.rinen_body p:not(:last-child) {
	margin-bottom: 30px;
}

@media screen and (max-width: 769px) {
.rinen_body {
}
}
/* ---------------------
   aboutCal
--------------------- */
.aboutCal_tbl {
	width: 42.7083%;
	max-width: 410px;
	margin-left: 4%;
	float: left;
}
.aboutCal_tbl tr {
	border-bottom: 1px solid #f8f2e5;
}
.aboutCal_tbl td + .aboutCal_tbl td {
	padding: 0 auto;
}
.aboutCal_tbl th {
	padding-right: 15px;
}
.aboutCal_tbl td b {
	color: #bb1919;
}
.aboutCal_tbl td sup {
	vertical-align: super;
	font-size: 6px;
	font-size: 0.6rem;
}
.aboutCal_list {
	margin-right: 9.5238%;
	float: right;
	width: 42.7083%;
	max-width: 410px;
}
.aboutCal_body {
	background: #f8f2e5;
	padding: 15px;
	margin-bottom: 10px;
}
.aboutCal_body b {
	color: #bb1919;
}
.aboutCal_item {
	margin-left: 25px;
	line-height: 1.5;
}

@media screen and (max-width: 480px) {
.aboutCal_tbl {
	width: 100%;
	max-width: 480px;
	margin-left: 4%;
	float: none;
	margin-bottom: 10px;
}
.aboutCal_list {
	margin-left: 4%;
	margin-right: 4%;
	float: none;
	width: 92%;
	max-width: 460px;
	margin-top: 5px;
}
.aboutCal_tbl th, td {
	padding: 0 auto;
}
.aboutCal_tbl th {
	padding-right: 18px auto;
}
}
/* ---------------------
   aboutAccess
--------------------- */
.aboutAccess_head {
	width: 50%;
	max-width: 480px;
	height: 480px;
	float: left;
}
.aboutAccess_map {
	width: 100%;
	height: 480px;
}
.aboutAccess_item {
	width: 50%;
	max-width: 480px;
	height: 480px;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.aboutAccess_adr {
	display: inline-block;
}
.aboutAccess_adr small {
	color: #999999;
}

@media screen and (max-width: 480px) {
.aboutAccess_head {
	width: 100%;
	height: 360px;
	float: none;
}
.aboutAccess_map {
	width: 100%;
	height: 360px;
}
.aboutAccess_item {
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
}
/* ---------------------
   aboutAccess_btn
--------------------- */
/* .aboutAccess_btn {
	width: 200px;
    height: 40px;
	border: solid 2px #bb1919;
    border-radius: 20px;
	margin: 30px auto 0 auto;
	padding: 12px 0;
}*/
.aboutAccess_btnItem {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .04em;
	color: #bb1919;
	text-align: center;
	margin-top: 30px;
}
.aboutAccess_btnItem i {
	display: block;
	position: absolute;
	top: 3px;
	left: -10px;
}
/* hover */
.aboutAccess_btnItem a:hover {
	left: 2px;
	font-weight: bold;
}
/* ---------------------
   about_item
--------------------- */
.about_item {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	background: #f7f4ed;
	padding: 30px 30px 10px 30px;
	border-radius: 10px;
}

@media screen and (max-width: 480px) {
.about_item {
	width: 92%;
	margin-left: 4%;
}
}
/* ---------------------
   about_body
--------------------- */
.about_body {
	float: left;
	width: 180px;
	margin-right: 25.5px;
	margin-bottom: 20px;
}
.about_bodyTxt {
	text-align: left;
	margin-top: 10px;
	line-height: 1.7;
}

@media screen and (max-width: 480px) {
.about_body {
	float: none;
	width: 100%;
	height: auto;
	padding-left: auto;
	padding-right: auto;
}
.about_body img {
	width: 180px;
	text-align: center;
	margin-left: 17%;
}
.about_bodyTxt {
	text-align: left;
}
}
/* -----------------------------------
   greeting
----------------------------------- */
/* ---------------------
   greeting_fgr
--------------------- */
.greeting_fgr {
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
}
.greeting_fgrTxt {
	margin-top: 5px;
}
.greeting_fgrTxt b {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}
.greeting_item b {
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
}

@media screen and (max-width: 480px) {
.greeting_fgr {
	float: none;
	padding-left: 0;
	padding-bottom: 30px;
	text-align: center;
}
}
/* ---------------------
   prof_list
--------------------- */
.prof_list {
	margin-left: 4%;
}
.prof_item {
	float: left;
	width: 28.5714%;
	margin-right: 5%;
	margin-bottom: 30px;
}
.prof_item(3n) {
 margin-right: 0;
}
.prof_item h4 {
	text-align: center;
	margin-bottom: 5px;
}
.prof_item li {
	line-height: 1.5;
	margin-top: 5px;
}
.prof_itemBg {
	background-image: url(../images/greeting_circle.png);
	width: 234px;
	height: 210px;
}

@media screen and (max-width: 480px) {
.prof_item {
	float: none;
	width: 100%;
	height: auto;
	margin-right: 0;
}
.prof_itemBg {
	background-image: url(../images/greeting_circle.png) no-repeat;
	width: 234px;
	height: 210px;
	margin: 0 auto 30px auto;
}
}
/* -----------------------------------
   method
----------------------------------- */
/* ---------------------
   method
--------------------- */
.method_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
	margin-top: 30px;
}
.method_body h3 {
	color: #bb1919;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.method_body li {
	margin-top: 5px;
}
/* ---------------------
   methodTbl
--------------------- */
.methodTbl {
	width: 100%;
	background: #f7f4ed;
	margin-bottom: 10px;
	margin-top: 20px;
}
.methodTbl th {
	background: #e6dbc3;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	padding: 15px;
	border: 2px solid #ffffff;
}
.methodTbl td {
	line-height: 1.54;
	padding: 10px 20px;
	border: 2px solid #ffffff;
	vertical-align: middle;
}
.methodTbl td sup {
	vertical-align: super;
	font-size: 6px;
	font-size: 0.6rem;
}
/* ---------------------
   detail
--------------------- */
.detail {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
}
.detail_body {
	width: 77.0833%;
	margin-left: 11.4583%;
	margin-right: 11.4583%;
}
.detail_body a {
	color: #bb1919;
	font-weight: bold;
}
.detail_body b {
	color: #6f500b;
}
/* ---------------------
   method_item
--------------------- */
.method_item ol li {
}
.method_item ol li:before {
	counter-increment: count-number;
	content: counters(count-number, ".") " ";
	float: left;
	background: #6f500b;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 1.7;
	margin-right: 5px;
	margin-top: 2px;
}
/* -----------------------------------
   policy
----------------------------------- */
/* ---------------------
   policy
--------------------- */
.policy_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
}
.policy_body li {
	color: #6f500b;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.policy_body p {
	margin-left: 15px;
}
.policy_body p:not(:last-child) {
	margin-bottom: 30px;
}
/* ---------------------
   region
--------------------- */
.region_body {
	width: 77.0833%;
	margin-left: 11.4583%;
	margin-right: 11.4583%;
}
.region_body b {
	color: #bb1919;
	text-decoration: underline;
}
.region_txtR {
	text-align: right;
	line-height: 1.5;
}
/* -----------------------------------
   flow
----------------------------------- */
/* ---------------------
   flow
--------------------- */
.flow_list {
}
.flow_item + .flow_item {
	margin-top: 40px;
}
.flow_itemTtl {
	margin: 8px 0 10px 40px;
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.flow_itemTtl-02 {
	margin: 8px 0 30px 40px;
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.flow_itemTtl::before {
	content: '';
	position: absolute;
	background: #6f500b;
	width: 2px;
	height: 24%;
	margin-left: 21px;
	z-index: -1;
}
.flow_itemTtl-02::before {
	content: '';
	position: absolute;
	background: #6f500b;
	width: 2px;
	height: 0;
	margin-left: 21px;
	z-index: -1;
}
.flow_itemTtl img {
	margin-right: 10px;
}
.flow_itemTtl-02 img {
	margin-right: 10px;
}
.flow_itemTxt {
	margin-left: 105px;
}
.flow_itemTxt small {
	font-size: 6px;
	font-size: 0.6rem;
	color: #6f500b;
	vertical-align: middle;
}
.flow_itemFgr {
	width: 190px;
	height: 190px;
	float: right;
	margin-top: -40px;
}
.flow_body {
	padding-top: 20px;
	margin-left: 100px;
	border-top: 1px solid #e8dec8;
}
.flow_body h3 {
	margin-bottom: 5px;
}
.flow_bodyTxt {
	line-height: 1.5;
}

@media screen and (max-width: 480px) {
.flow_itemTtl {
	margin: 8px 4% 10px 4%;
}
.flow_itemTtl-02 {
	margin: 8px 4% 15px 4%;
}
.flow_itemTtl::before {
	height: 25%;
}
.flow_itemTxt {
	margin-left: 23%;
}
.flow_itemTxt small {
	font-size: 12px;
	font-size: 1.2rem;
}
.flow_itemFgr {
	margin-top: 10px;
}
.flow_body {
	margin-left: 20%;
}
}
/* -----------------------------------
   facility
----------------------------------- */
/* ---------------------
   facility
--------------------- */
.facility {
	margin-top: 60px;
}
.facility_fgr {
	width: 190px;
	height: 190px;
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	margin-right: 4%;
}
.facility_body {
	width: 77.0833%;
	margin-left: 11.4583%;
	margin-right: 11.4583%;
}
.facility_body + .facility_body {
	margin-top: 30px;
}
.facility_bodyBg {
	max-width: 520px;
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
	margin-top: 30px;
}
.facility_bodyBg h3 {
	color: #bb1919;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.facility_bodyBg h3 small {
	font-size: 13px;
	font-size: 1.3rem;
}
.facility_bodyTxtL {
	float: left;
	margin-right: 4%;
}
.facility_bodyLine {
	margin: 20px 10px;
	border-bottom: 1px solid #ffffff;
}
.facility_bodyS {
	width: 77.0833%;
	margin-left: 11.4583%;
	margin-right: 11.4583%;
	margin-top: 20px;
	border-top: 1px solid #e8dec8;
}
.facility_bodyS h3 {
	margin-bottom: 5px;
	margin-top: 20px;
}

@media screen and (max-width: 480px) {
.facility_fgr {
	float: none;
	margin: 0 auto;
	margin-bottom: 20px;
}
.facility_bodyTxtL {
	float: none;
}
}
/* -----------------------------------
   cost
----------------------------------- */
/* ---------------------
   cost
--------------------- */
.cost {
}
.cost b {
	color: #bb1919;
}
/* ---------------------
   costTbl
--------------------- */
.costTbl {
	width: 100%;
	background: #f7f4ed;
	margin-bottom: 10px;
	margin-top: 20px;
}
.costTbl th, .costTbl td {
	line-height: 1.54;
	padding: 10px 20px;
	border: 2px solid #ffffff;
}
.costTbl th {
	vertical-align: middle;
	background: #e6dbc3;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}
.costTbl td sup {
	vertical-align: super;
	font-size: 6px;
	font-size: 0.6rem;
}
.costTbl_txtR {
	text-align: right;
}
/* ---------------------
   cost_body
--------------------- */
.cost_body {
	width: 85%;
	max-width: 960px;
	margin-left: 11.4583%;
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
}
.cost_body h3 {
	color: #bb1919;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
/* ---------------------
   cost_list
--------------------- */
.cost_list {
	margin-top: 20px;
	float: right;
	margin-left: 8%;
}
.cost_listFgrL-01 {
	float: left;
}
.cost_listFgrL-02 {
	float: left;
}
.cost_listFgrR {
	float: right;
	margin-top: 28px;
	margin-left: 20px;
}
.cost_listTxt {
	float: right;
	text-align: right;
	margin-top: 30px;
}

@media screen and (max-width: 480px) {
.cost_list {
	margin-top: 20px;
	float: none;
}
.cost_listFgrL-01 {
	float: none;
}
.cost_listFgrL-02 {
	float: none;
}
.cost_listFgrL-01 img {
	width: 320px;
	height: auto;
}
.cost_listFgrL-02 img {
	width: 200px;
	height: auto;
}
.cost_listFgrR {
	float: right;
	margin-top: 10px;
	margin-bottom: 15px;
}
.cost_listTxt {
	float: none;
	text-align: left;
	margin-top: 60px;
	margin-left: 8%;
}
}
/* ---------------------
   cost_item
--------------------- */
.cost_item {
	width: 80.2083%;
	max-width: 740px;
	background: #e6dbc3;
	border-radius: 10px;
	padding: 4%;
	float: right;
	margin-left: 11.4583%;
	margin-top: 30px;
}
.cost_item h4 {
	color: #ffffff;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.cost_item h4 small {
	font-size: 13px;
	font-size: 1.3rem;
}
.cost_item ul li {
	float: left;
	margin-right: 4%;
}
.cost_item ul li:before {
	counter-increment: count-number;
	content: counters(count-number, ".") " ";
	float: left;
	background: #6f500b;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 1.7;
	margin-right: 5px;
	margin-top: 2px;
}

@media screen and (max-width: 480px) {
.cost_item {
	width: 100%;
	float: none;
	margin-left: 4%;
	margin-right: 4%;
}
}
/* -----------------------------------
   traffic
----------------------------------- */
/* ---------------------
   traffic_body
--------------------- */
.traffic li {
	margin-top: 5px;
}
.traffic_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
	margin-top: 30px;
}
.traffic_body h3 {
	color: #bb1919;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.traffic_body ol li {
}
.traffic_body ol li:before {
	counter-increment: count-number;
	content: counters(count-number, ".") " ";
	float: left;
	background: #6f500b;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 1.7;
	margin-right: 5px;
	margin-top: 2px;
}
/* ---------------------
   traffic_list
--------------------- */
.traffic_list {
	margin-top: 60px;
}
.traffic_listLine {
	border-left: 1px solid #6f500b;
	height: auto;
}
.traffic_item {
	background-repeat: no-repeat;
}
.traffic_itemTtl {
	margin: 8px 0 10px 40px;
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.traffic_itemTtl-02 {
	margin: 8px 0 10px 40px;
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.traffic_itemTtl-03 {
	margin: 8px 0 10px 40px;
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.traffic_itemTtl span {
	color: #bb1919;
}
.traffic_itemTtl::before {
	content: '';
	position: absolute;
	background: #6f500b;
	width: 2px;
	height: 20%;
	margin-left: 21px;
	z-index: -1;
}
.traffic_itemTtl-02::before {
	content: '';
	position: absolute;
	background: #6f500b;
	width: 2px;
	height: 14%;
	margin-left: 21px;
	z-index: -1;
}
.traffic_itemTtl-03::before {
	content: '';
	position: absolute;
	background: #6f500b;
	width: 2px;
	height: 0;
	margin-left: 21px;
	z-index: -1;
}
.traffic_itemTtl img {
	margin-right: 10px;
}
.traffic_itemTtl-02 img {
	margin-right: 10px;
}
.traffic_itemTtl-03 img {
	margin-right: 10px;
}
.traffic_itemTxt {
	margin-left: 105px;
}
.traffic_item + .traffic_item {
	margin-top: 40px;
}

@media screen and (max-width: 480px) {
.traffic_itemTtl {
	margin: 8px 0 10px 20px;
}
.traffic_itemTtl-02 {
	margin: 8px 0 10px 20px;
}
.traffic_itemTtl-03 {
	margin: 8px 0 10px 20px;
}
.traffic_itemTxt {
	margin-left: 85px;
}
}
/* -----------------------------------
   faq
----------------------------------- */
/* ---------------------
   faq
--------------------- */
.faq_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
}
/* ---------------------
   faq_list
--------------------- */
.faq_list {
	margin-left: 16px;
}
.faq_item {
	background-repeat: no-repeat;
}
.faq_itemTtl {
	margin: 8px 0 10px 52px;
	color: #6f500b;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.faq_itemTxt {
	margin-left: 52px;
}
.faq_item + .faq_item {
	margin-top: 40px;
}
/* -----------------------------------
   column
----------------------------------- */
/* ---------------------
   column
--------------------- */
.column {
}
.column_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-top: 30px;
}
.column_list:not(:last-child) {
	margin-bottom: 20px;
}
.columnDate {
	float: left;
	color: #6f500b;
	margin-right: 30px;
}
.columnItem_ttl {
	text-decoration: underline;
}
.columnItem_ttl:hover {
	text-decoration: underline;
	color: #bb1919;
}

@media screen and (max-width: 480px) {
.columnDate {
	float: none;
	margin-right: 0;
}
}
/* ---------------------
   column_detail
--------------------- */
.column_detail {
	margin-bottom: 30px;
	border-bottom: 1px solid #e8dec8;
}
.column_detailDate {
	color: #6f500b;
}
.column_detailItem {
}
.column_detailItem_ttl {
	font-size: 16px;
	font-size: 1.6rem;
}
.column_detailBody {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
	margin-bottom: 15px;
}
.column_detailBody p {
	overflow: hidden;
}
/* -----------------------------------
   information
----------------------------------- */
/* ---------------------
   info
--------------------- */
.info {
}
.info_body {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-top: 30px;
}
.info_list:not(:last-child) {
	margin-bottom: 15px;
}
.infoDate {
	float: left;
	color: #6f500b;
	margin-right: 30px;
}
.infoItem_ttl {
	text-decoration: underline;
}
.infoItem_ttl:hover {
	color: #bb1919;
}

@media screen and (max-width: 480px) {
.infoDate {
	float: none;
	margin-right: 0;
}
}
/* ---------------------
   info_detail
--------------------- */
.info_detail {
	margin-bottom: 30px;
	border-bottom: 1px solid #e8dec8;
}
.info_detailDate {
	color: #6f500b;
}
.info_detailItem {
}
.info_detailItem_ttl {
	font-size: 16px;
	font-size: 1.6rem;
}
.info_detailBody {
	background: #f7f4ed;
	padding: 4%;
	border-radius: 10px;
}
.info_detailBody p {
	overflow: hidden;
}
/* ---------------------
   投稿ページの為ADD　20160629　
--------------------- */
.column_detailBody p, .info_detailBody p {
	display: block;
	margin: 1em 0;
}
.column_detailBody strong, .info_detailBody strong {
	font-weight: bold;
}
.column_detailBody em, .info_detailBody em {
	font-style: italic;
}
.column_detailBody blockquote, .info_detailBody blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}
/* img */
.column_detailBody .aligncenter, .info_detailBody .aligncenter {
	display: block;
	margin: 0 auto;
}
.column_detailBody .alignright, .info_detailBody .alignright {
	float: right;
}
.column_detailBody .alignleft, .info_detailBody .alignleft {
	float: left;
}
.column_detailBody img[class*="wp-image-"], .info_detailBody img[class*="wp-image-"], .column_detailBody img[class*="attachment-"], .info_detailBody img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
/* clearfix */
 
.clearfix {
	overflow: hidden;
	zoom: 1;
}
.clearfix:after {
 content: ""  display: block;
	clear: both;
}
/* -----------------------------------
   pNav
----------------------------------- */
/* ---------------------
   pNav
--------------------- */
.pNav_item {
	position: relative;
	text-decoration: none;
	color: #6f500b;
	margin: 10px;
}
.pNav_item:hover {
	text-decoration: underline;
}
.pNav_item-back {
	float: left;
}
.pNav_item-next {
	float: right;
}
/* -----------------------------------
   contact
----------------------------------- */
/* ---------------------
   contact
--------------------- */
.contact {
	margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
.contact {
	margin-left: 4%;
}
}
/* 追加0328 */
.page-id-25 .cost_item ul li:before{
	display: none;
}
.cost_div01 {
	margin: 0 auto 40px;
}
.page-id-25 .cost_item {
	float: none;
	width: 85%;
	max-width: 960px;
}
.page-id-25 .cost_listTxt {
	float: none;
}

@media screen and (max-width: 480px) {
.page-id-25 .cost_body {
	margin: 0 auto;
}
.page-id-25 .cost_item {
	margin: 20px auto 0;
}
.page-id-25 .cost_listTxt {
	margin: 20px auto 0;
	width: 85%;
}
}