/*===========================
basic
===========================*/

.bootstrap {
  @import "bootstrap";
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style-type: none;
}
body {
	line-height:1;
}
img {
	max-width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #008bda;
}
/* 画像の下にできる隙間をなくす */
img {
	vertical-align: bottom;
}
/* hr 要素は不可視で使う */
hr {
	display: none;
}
/*===========================
fonts
===========================*/



/*  Fonts  */



.minchouFontClass {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", hanamin, serif;
}
@font-face {
	font-family: 'raleway-regular';
	src: url('../fonts/raleway-regular.eot');
	src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular.woff') format('woff'), url('../fonts/raleway-regular.ttf') format('truetype'), url('../fonts/raleway-regular.svg#RalewayRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'raleway-semibold';
	src: url('../fonts/raleway-semibold.eot');
	src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-semibold.woff') format('woff'), url('../fonts/raleway-semibold.ttf') format('truetype'), url('../fonts/raleway-semibold.svg#RalewaySemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{ 
	font-family: 'hanamin';
	src: url('../fonts/hanamin.eot'); 
	src: url('../fonst/hanamin.eot?#iefix') format('embedded-opentype'),
	url('../fonts/hanamin.woff') format('woff'), 
	url('../fonts/hanamin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	transform: rotate(0.001deg);
}
/*===========================
general
===========================*/



body {
	font-size:15px;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color:#222;
	background: #fff;
}
.wrapper {
	position:relative;
	width: 90%;
	max-width:1320px;
	/*min-widthはrdの時に削除
	 min-width:1000px;*/
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	letter-spacing: 1px;
	font-weight:normal;
	/* [disabled]overflow: hidden; */
}
h1 {
	/* [disabled]font-size: 2.4em; */
	/* [disabled]line-height:1.3em; */
}
h2 {
	font-size: 1.25em;
	/* [disabled]margin: .75em 0; */
}
h3 {
	font-size: 1.17em;
	/* [disabled]margin: .83em 0; */
}
h4 {
	font-size: 1em;
	margin: .5em 0;
	font-weight:bold;
	color:#090;
}
h5 {
	font-size: .83em;
	margin: 1.5em 0;
}
h6 {
	font-size: .75em;
	margin: 1.67em 0;
}

.pageTitle {
}
.pageTitle h1 {
	font-size:2.8em;
	font-weight:bold;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:1em 0;
}
.content h1 {
	font-size:2em;
	font-weight:bold;
	background-image:url(../img/common/bg_title1.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:0.7em;
	margin-bottom:0.7em;
	text-align:center;
}
.content h2 {
	position: relative;
	text-align: center;
	font-size:2em;
	margin-bottom:0.5em;
}
.content h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 .25em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.col2 {
	background-color: #f8f8f8!important;	
}
.content h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

.content.recruit h2 {
	color:#FFF;
	margin-bottom:0em;
}
.content.recruit h2 span {
	background: none;
}
.content.recruit h2::before {
	background: none;
}
.sp {
	display:none;
}

 @media screen and (max-width: 768px) {
.pageTitle h1 {
	padding:0.5em 0;
}
.sp {
	display:block;
}
}
 @media screen and (max-width: 500px) {
.content h2 span {
	margin: 0 1em;
}

}
 @media screen and (max-width: 768px) {
/*===========================
general
===========================*/

.wrapper {
	width: 96%;
	margin: 0 auto;
}



h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0;
}
h1 {
	font-size: 1.6em;
	line-height:1.3em;
}
.pageTitle {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	height:100x;
	padding:20px 0;
}
.pageTitle h1 {
	font-size:1.8em;
	line-height:1.2em;
	width:auto;
	margin:0;
	text-align:center;
}
.content h1 {
	font-size:1.6em;
}
.content h2 {
	margin-bottom:0.5em;
	font-size: 1.3em;
}
.content h3 {
	padding:9px 0;
	/* [disabled]margin-bottom:1.5em; */
}

}
/* column */

.content .column {
	width:100%;
	border:1px solid #00317e;
	box-sizing: border-box;
}
.content .column div {
	padding:15px;
	line-height:1.6em;
}
.content .column h1 {
	background-color:#00317e;
	padding:8px;
	margin:0;
	width:100%;
	color:#FFF;
	font-weight: normal;
	font-size:1.3em;
	text-align:left;
	box-sizing: border-box;
}
.content .column h1:before {
	position:relative;
	content:url(../img/common/bg_title_column.png);
	top:2px;
}
.content .column ol {
	display: block;
	margin: 0; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */
	padding-start: 0; /* IEは、padding-left: 30pt; Operaは、padding-left: 40px; */
	padding:0;
	list-style-position: outside;
	border:none;
	min-height:180px;
}
.content .column ol li {
	display:list-item;
	list-style-type:decimal;
	line-height:1.6em;
	float:left;
	margin-right:2em;
}
.content .column ul li {
	list-style-type:decimal;
}
 @media screen and (max-width: 768px) {
.content .column {
	margin-bottom:1em;
}
}
/* gallery */


.content .gallery {
	padding:20px 0 0;
}
.content .gallery p {
	width:25%;
	float:left;
}
 @media only screen and (max-width: 340px) {
.content .gallery p {
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:1em;
}
}
/* flow */

.content.flow {
	margin:0 auto;
}
.content.flow div {
	width:18%;
	float:left;
	box-sizing: border-box;
	background-color:#b3e0ed;
	padding:15px 10px;
	margin-right:20px;
	margin-bottom:20px;
	min-height:260px;
}
.content.flow div .step:after {
	position:relative;
	display:block;
	content:url(../img/common/arrow_flow.png);
	margin-right:-25px;
	margin-bottom:-40px;
	text-align:right;
}
.content.flow div.last {
	background-color:#aee1f9;
}
.content.flow div.last .step:after {
	content:none;
}
.content.flow div .step:last-child:after {
	position:relative;
	display:block;
	content : none;
}
.content.flow div .step {
	color:#FFF;
	text-align:center;
	margin:0;
	padding:0;
	font-size:1.4em;
}
.content.flow div h3 {
	font-size:1.1em;
	margin-bottom:0.5em;
	text-align:center;
	font-weight:bold;
}
.content.flow2 {
	margin:0 auto;
}
.content.flow2 div {
	width:18%;
	float:left;
	box-sizing: border-box;
	background-color:#d9e5c6;
	padding:15px 10px;
	margin-right:20px;
	margin-bottom:20px;
	min-height:260px;
}
.content.flow2 div .step:after {
	position:relative;
	display:block;
	content:url(../img/common/arrow_flow2.png);
	margin-right:-25px;
	margin-bottom:-40px;
	text-align:right;
}
.content.flow2 div.last {
	background-color:#b4db98;
}
.content.flow2 div.last .step:after {
	content:none;
}
.content.flow2 div .step:last-child:after {
	position:relative;
	display:block;
	content : none;
}
.content.flow2 div .step {
	color:#FFF;
	text-align:center;
	margin:0;
	padding:0;
	font-size:1.4em;
}
.content.flow2 div h3 {
	font-size:1.1em;
	margin-bottom:0.5em;
	text-align:center;
	font-weight:bold;
}
 @media only screen and (max-width: 768px) {
.content.flow div h3, .content.flow2 div h3 {
	background: none;
	padding:0;
	margin-bottom:0.5em;
}
.content.flow div .step:after, .content.flow2 div .step:after {
	content:none;
	margin-right:0;
	margin-bottom:0;
}
.content.flow div, .content.flow2 div {
	width:96%;
	float:none;
	margin:0 auto;
	padding:2% 2% 0;
	margin-bottom:10px;
	min-height:0;
	height:auto;
}
.content.flow div:after, .content.flow2 div:after {
	position:relative;
	display:block;
	content:url(../img/common/arrow_flow_sp.png);
	text-align:center;
	margin-top:10px;
}
.content.flow div.last:after, .content.flow2 div.last:after {
	content:none;
}
.content.flow div.last, .content.flow2 div.last {
	padding-bottom: 1em;
}
.content.flow2 div .center-sp2 {
	text-align:center;
}
}
 @media screen and (max-width: 500px) {
.content.flow2 div .center-sp {
	text-align:left;
}
.content.flow2 div .center-sp2 {
	text-align:center;
}
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.arrow {
	position: relative;
	display: inline-block;
	color: #FFF;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	background:#549acf;
}
.arrow::before, .arrow::after {
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow1::before {
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow a {
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:2em;
	padding:10px 20px 9px 24px;
}
.arrow a:hover {
	background:#73c7e6;
}
.lead-recruit {
	font-size:1.8em;
	text-align:center;
	line-height:2em;
	font-weight:bold;
	color:#00317e;
	margin-bottom:2em;
}
.lead-partner {
	margin:0 auto;
	margin-bottom:2em;
	width:80%;
}
.lead-partner p {
	font-size:1.1em;
	color:#00317e;
	line-height:1.8em;
	transform: rotate(0.05deg);
}
 @media screen and (max-width: 768px) {
.lead-recruit {
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;
}
.lead-partner {
	width:100%;
}
}
 @media screen and (max-width: 768px) {
.lead-recruit {
	text-align:left;
}
}
.center {
	text-align:center;
}

.em {
	font-size:1.6em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:0.5em;
}
.em span, .em2 span {
	background: linear-gradient(transparent 70%, #7ff1ff 60%);
}
.em2 {
	font-size:2em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:0.5em;
	color:#185f9c;
}
 @media only screen and (max-width: 768px) {
.em {
	font-size:1.1em;
}
.em2 {
	font-size:1.3em;
}
.center-sp {
	text-align:center;
}
}
/* strong */

.strong {
}
.strong h1 {
	font-size:2.8em;
	font-weight:normal;
	background-image:none;
	padding-bottom:0;
	margin-bottom:0.8em;
	text-align:left;
}
.strong h1:before {
	position:relative;
	content:url(../img/constructions/3/bg_h1_strong.png);
	top:15px;
	padding-right:5px;
}
.strong h2 {
	position: relative;
	text-align: left;
	font-size:1.7em;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:0.3em;
	margin-bottom:1em;
	color:#00317e;
	border-bottom:2px solid #000;
}
.strong h2:before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 0.5em;
	background: none;
}
@media screen and (max-width: 768px) {
.strong h1 {
	text-align:center;
}
.strong h2 {
	text-align:center;
}
}
/* various */

.various {
}
.various .one-half div {
	float:left;
	width:32.3%;
	margin:0 0.5% 0.5% 0.5%;
}
.various .one-half div p {
	text-align:center;
	padding:0.2em 0 1em 0;
}
.rslts-inner {
	display:block;
	margin-bottom:30px;
}
.rslts {
}
.rslts .one-half div {
	float:left;
	width:32.3%;
	margin:0 0.5% 0.5% 0.5%;
}
.rslts .one-half div p {
	text-align:center;
	padding:0.2em 0 1em 0;
}
.rslts .one-half .btn {
	clear:both;
	width:200px;
	margin:0 auto;
	float:none;
	margin-top:30px;
}
@media screen and (max-width: 500px) {
.various .one-half div, .rslts .one-half div {
	float:left;
	width:49%;
}
}
@media screen and (max-width: 340px) {
.various .one-half div,  .rslts .one-half div {
	float:none;
	width:100%;
	margin:0 0 1em 0;
	text-align:center;
}
}

.btn {
	border:2px solid #00317e;
	padding:5px;
	text-align:center;
}
.btn a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.btn a::before, .btn a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn a::before {
	left: 3px;
	width: 7px;
	height: 1px;
	background: #00317e;
}
.btn a::after {
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #00317e;
	border-right: 1px solid #00317e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.flow-contact {
	width:100%;
}
.flow-contact .txt {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0;
	text-align:center;
	margin-top:0.5em;
}
.flow-contact .tel {
	font-size:1.6em;
	margin-bottom:0;
	text-align:center;
}
.flow-contact .mail {
	font-size:0.8em;
}
/* 
.flow-contact .tel:before {
	margin:0 0 0 0;
 content:" ";
 width:24px;
 height:29px;
 display:inline-block;
 background-image:url(../img/common/f_icon_tel.png);
 background-repeat:no-repeat;
 background-position:0 7px;
 background-size:100%;
}

*/
.flow-contact .mail a {
	display:block;
	border:1px solid #222;
	padding:6px 4px;
	text-align:center;
	line-height:1em;
	text-decoration:none;
	color:#222;
}
.flow-contact .mail a:before {
	content:url(../img/common/f_icn_mail.gif);
	padding-right:5px;
}
@media screen and (max-width: 768px) {
.flow-contact .mail a {
	width:260px;
	margin:0 auto;
}
}
.mind {
	margin-bottom:3em;
}
.mind h3, .outline h3 {
	font-size:1.6em;
	text-align:center;
	position: relative;
	margin-bottom:1.5em;
	font-weight:bold;
}
.mind h3::after, .outline h3::after {
	position: relative;
	top: 6px;
	z-index: 1;
	content: '';
	display: block;
	width: 30%;
	height: 4px;
	margin:0 auto;
	background: #3e6db7;
	background: -webkit-linear-gradient(-0deg, transparent, #d8eff5 100%, #d8eff5 100%, transparent);
	background: linear-gradient(-0eg, transparent, #d8eff5 100%, #d8eff5 100%, transparent);
}
.recruit h3 {
	background-color:#EEE;
	padding:5px;
	text-align:center;
}
.point {
}
.point h3 {
	font-size:1.6em;
	text-align:center;
	position: relative;
	margin-bottom:1em;
	font-weight:bold;
}
.point .inner-text {
	min-height:12em;
	margin-bottom:30px;
}
 @media screen and (max-width: 768px) {
.content.mind h3,  .content.point h3,  .content.outline h3 {
	background:none;
	margin-bottom:1em;
}
.content.point h3 {
	margin-bottom:0.5em;
}
.point .inner-text {
	min-height:auto;
	height:auto;
	margin-bottom:0;
	margin:0;
	padding:0;
}
.point .img {
	text-align:center;
	margin:0;
	padding:0;
}
}
/* results */

.result1 {
}
.result1 table {
	width:100%;
	line-height:2em;
}
.result1 table tr td {
	padding:8px 10px 8px 3px;
	border-bottom: 1px #EEE solid;
	font-weight:normal;
	letter-spacing:0;
}
.result1 table tr .date {
	min-width:6em;
}
.result1 table tr .date span {
	border-right:2px solid #3e6db7;
	display:block;
}
.result1 img {
	margin-bottom:1px;
}
 @media screen and (max-width: 768px) {
.result1 table {
	margin-bottom:2em;
}
.result1 table tr td {
	padding:8px 0;
}
.result1 table tr .date {
	min-width:6em;
	font-weight:bold;
}
.result1 table tr .date span {
	border-right:none;
	display:inline;
}
.result1 table tr {
	display: block;
	width:48%;
	float:left;
	margin:0 1%;
}
.result1 table tr td {
	display:list-item;
	padding:0;
	font-weight: normal;
	border:none;
}
.result1 table tr .corp {
	border-bottom: 1px #EEE solid;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
}
.result1 img {
	margin-bottom:1px;
}
.result1 .img {
	text-align:center;
}
}
@media screen and (max-width: 700px) {
.result1 table tr {
	width:100%;
	float:none;
	margin:0 0;
}
}
.content.company {
	margin:0 auto 20px;
}
.recruit-bg {
	background-image:url(../img/access/bg.jpg);
	background-size:cover;
	width:100%;
	height:700px;
}
.recruit-bg .transparent {
	width:100%;
	height:670px;
	background-color:rgba(66,66,66,0.8);
	padding:30px 0 0;
}
.company table, .outline table, .recruit table {
	width:100%;
	line-height:2em;
}
.outline table {
	margin-bottom:1.5em;
}
.company table tr th, .outline table tr th, .recruit table tr th {
	padding:8px 10px 8px 3px;
	border-bottom: 1px #EEE solid;
	font-weight:normal;
	letter-spacing:0;
	font-weight:bold;
	width:7em;
}
.recruit table tr th, .partner table tr th {
	color:#FFF;
}
.company table tr td, .outline table tr td, .recruit table tr td {
	padding:8px 10px 8px 3px;
	border-bottom: 1px #EEE solid;
	font-weight:normal;
	letter-spacing:0;
	}
.recruit table tr td, .partner table tr td {
	color:#FFF;
}
@media screen and (max-width: 768px) {
.recruit-bg {
	background-image:url(../img/access/bg.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#000;
	height:auto;
}
.recruit-bg .transparent {
	height:auto;
	padding-bottom:50px;
}
.company table tr, .outline table tr, .recruit table tr {
	display:block;
}
.company table tr th, .outline table tr th, .recruit table tr th {
	display:list-item;
	width:100%;
	border:none;
	padding:2px 0;
}
.company table tr td, .outline table tr td, .recruit table tr td {
	display:inline-table;
	border-bottom: 1px #EEE solid;
	width:100%;
	padding:2px 0;
	margin-bottom:2px;
}
.outline .car h4 {
	text-align:center;
}
.outline .car table {
	width:100%;
}
.outline .car table tr {
	display:block;
	text-align:center;
}
.outline .car table tr td {
	display:inline;
	border-bottom:none;
}
}
.partner table {
	width:80%;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	margin:0 auto;
	margin-bottom:30px;
}
.partner table th {
	padding:8px;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
	width:30%;
	background-color: rgba(255, 255, 255, 0.2);
	vertical-align:middle;
}
.partner table td {
	padding:8px;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	font-weight:normal;
	width:70%;
	letter-spacing:0;
}
.content.outline ul {
	width:auto;
	margin-bottom:2em;
}
.content.outline ul li {
	display:list-item;
	list-style-type:disc;
	line-height:1.6em;
	float:left;
	margin-right:1em;
	margin-left:2em;
	float:left;
	width:auto;
}
.outline .inner {
	border:1px solid #EEE;
	padding:0.3em;
	margin-bottom:1.5em;
}
.partner-bg {
	background-image:url(../img/partner/bg.jpg);
	background-size:cover;
	width:100%;
	height:600px;
}
.partner-bg .transparent {
	width:100%;
	height:440px;
	background-color:rgba(66,66,66,0.8);
	padding:160px 0 0;
}
@media screen and (max-width: 1200px) {
.point .inner-text {
	min-height:13em;
}
}
@media screen and (max-width: 1100px) {
.point .inner-text {
	min-height:15.5em;
}
}
 @media screen and (max-width: 768px) {
.partner table {
	width:100%;
	border:none;
	border: 1px #999 solid;
}
.partner table th {
	display:list-item;
	border:none;
	padding:4%;
	width:92%;
}
.partner table td {
	display:list-item;
	padding:4% 8%;
	border: none;
	width:84%;
}
.partner table td ul li {
	list-style-type:disc;
}
.partner-bg {
	background-position:left bottom;
	height:auto;
	background-color:#000;
}
.partner-bg .transparent {
	height:auto;
	background-color:rgba(66,66,66,0.8);
	padding:30px 0 0;
}
}
/*===========================
main_cut
===========================*/





/*===========================
header
===========================*/



header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width:1000px;
	height: 70px;
	z-index: 4;
	-moz-box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
	-ms-box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
	background-color: #FFF;
}
header .logo {
	width:240px;
	/* [disabled]height:46px; */
	margin-top:15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4%;
	/* [disabled]font-size: 2.4em; */
	/* [disabled]line-height: 1.3em; */
}
header .logo img {
}
.list, .list li {
	padding:0px;
	margin:0px;
}
.list li {
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 16px 0px 16px 0px !important;
}
.list1 li {
	position:relative;
	padding-left:20px;
	font-size:1.1em;
	font-weight:normal;
}
.list1 li:before {
	content:'';
	height:0px;
	width: 90%;
	display:block;
	position:absolute;
	top:18px;
	left:0px;
}
.list1 li:after {
	content:'';
	display:block;
	position:absolute;
	background:#070707;
	width:10px;
	height:10px;
	top:7px;
	left:5px;
	border-radius: 5px;
}
.list2 li {
	position:relative;
	padding-left:20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;	
}
.list2 li:after, .list2 li:before {
	content:'';
	display:block;
	position:absolute;
	top:9px;
	left:8px;
	height:11px;
	width:4px;
	background:#319861;
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list2 li:before {
	top:13px;
	left:3px;
	height:8px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.list3 li {
	position: relative;
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.list3 li::after,
.list3 li::before {
	display: block;
	content: '';
	position: absolute;
}
.list3 li::after {
	top: .75em;
	left: .2em;
	width: 14px;
	height: 14px;
	background-color: #53a069;
	border-radius: 100%;
}
.list3 li::before {
	z-index: 2;
	top: 1.025em;
	left: .375em;
	width: 5px;
	height: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.list4 li {
	position: relative;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
}
.list4 li::after {
	display: block;
	content: '';
	position: absolute;
	top: 1em;
	left: .5em;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 1px solid #53a069;
	border-radius: 100%;
}
.list5{
	counter-reset:li;
	margin-left:20px !important;
}
 
.list5 li{
	position:relative;
	display: block;
	float: left;
	margin-right: 50px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 40px;
}
 
li.list5-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;	
	left: -16px;
	top: 2px;
	background: #9ccbe3;
	height: 30px;
	width: 30px;
	line-height: 32px;
	border: 2px solid #74b1d1;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
}
 
li.list5-count:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:11px; 
	left:15px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #74b1d1;
}
.list6 li{
	position:relative;
	padding-left:20px;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
}
 
.list6 li:after, .list6 li:before{
	content:'';
	display:block;
	position:absolute;
	top:6px;
	left:8px;
	height:11px;
	width:4px;
	background:#fd9d3f;
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list6 li:before{
	top:10px;
	left:3px;
	height:8px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

ol {
	padding:20px;
	border:1px solid #DDD;
	display: block;
	margin: 1em 1em 2em 1em; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */
	padding-start: 40px; /* IEは、padding-left: 30pt; Operaは、padding-left: 40px; */
	list-style-position: outside;
}
ol li {
	list-style-type:decimal;
	padding:0 0 0 10px;
	margin-bottom:1em;
	margin-left:2em;
}
ol li span {
	display:block;
	font-weight:bold;
	font-size:1.1em;
}
.list10{
	counter-reset:li;   
}
 
.list10 li{
	position:relative;
	display: block;
	padding:10px 0px 10px 30px; 
	margin-left:0px !important;
}
 
li.list10-count:after{
	counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: 5px;
	font-size: 30px;
	color:#b6e3cb;
	font-family:'Goudy Bookletter 1911',Georgia,serif; 
}
.list10-count span {
	font-size: 1.2em;
}
/*===========================
slider
===========================*/


.slider {
	width:100%;
	border-top:1px solid #25456d;
	background-color:#25456d;
}
.bxslider {
}
/*===========================
nav
===========================*/


.main-nav {
	width:100%;
}
.main-nav ul {
	height:70px;
	margin-top:-32px;
}
.main-nav ul.nav {
	float:right;
	width:70%;
	padding:0 4% 0 0;
	text-align:right;
}
.main-nav li {
	display:inline-block;
	margin:0 1%;
}
.main-nav li a {
	text-decoration:none;
	color:#222;
}
.main-nav .on a:after {
	display: block;
	width: 100%;
	height: 4px;
	background-color: #2b9975;
	margin: -53px auto;
}
.main-nav ul li a:after {
	display: block;
	content: "";
	width: 0;
	height: 4px;
	background-color: #4eba97;
	margin: -53px auto 0;
	transition: .18s ease-out;
	-webkit-transition: .18s ease-out;
	-moz-transition: .18s ease-out;
	-o-transition: .18s ease-out;
	-ms-transition: .18s ease-out;
}
.main-nav ul li a:hover:after {
	width: 100%;
}
#slide-menu {
	display:none;
}


ul.snav ul {
	display: none;
	margin: 0px;
	position: absolute;
	top: 53px;
	background-color: #FFF;
	height: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


ul.snav li:hover ul {
   display: block;
}

ul.snav ul li { 
	width: 280px;
	display: block;
	text-align: left;
	line-height: 3em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
ul.snav ul li a {
	text-align: left;
	font-weight: normal;
	width: 100%;
	display: inline-block;
	
}
ul.snav ul li a:hover {   /* ※C */
	/* [disabled]background-color: #090; */ 
	color: #090;
}
ul.snav ul li a:after {
	height: 0;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
ul.snav ul li a:after {
	display: block;
	width: 100%;
	height: 4px;
	background-color: #FFF!important;
}

@media only screen and (max-width: 768px) {
header {
	position:relative;
	min-width:100%;
	position:relative;
	height:44px;
}
header .logo img {
	margin-top:8px;
	width:65%;
}
header .logo {
	margin:0 3%;
	float:left;
}
.main-nav {
	display:none;
}
#slide-menu {
	display:block;
	float: right;
	margin-right: 3%;
	width: 44px;
	height: 100%;
	background: url("../img/common/menu_bar.png") no-repeat center center;
	background-size: 44px 44px;
	cursor: pointer;
	text-indent:-9999px;
}
.sidr .close {
	background-color:#d9d9d9;
	box-shadow: 0 0 5px 5px #d3d3d3 inset;
}
}
/*===========================
main_area
===========================*/




.text {
	margin:0 0 1em 0;
}
.text2 {
	margin:0 0 2em 0;
}
/*===========================
footer
===========================*/

#footer {
	clear:both;
	background-color:#f3f3f3;
	padding:16px 0;
	/* [disabled]font-size: 80%; */
}
.address .logo {
	font-weight: bold;
	/* [disabled]font-size: 120%; */
}

#footer .address {
	float:left;
	margin-right:2%;
	padding-right:3%;
	border-right:1px solid #222;
	/* [disabled]font-size: 80%; */
}
#footer ul {
	/* [disabled]float:left; */
	/* [disabled]margin-right:3%; */
	display: block;
	margin-bottom: 20px;
	/* [disabled]width: 100%; */
}
#footer nav ul li {
	margin-bottom:0.4em;
	/* [disabled]display: inline; */
	padding-right: 30px;
	/* [disabled]font-size: 90%; */
	float: left;
}
#footer nav ul li:before {
	content:url(../img/common/chip_fnavi.png);
	padding-right:4px;
	top: -2px;
	position: relative;
}
#footer nav ul li a {
	text-decoration:none;
	color:#333;
	text-decoration:none;
}
#footer .contact {
	float:left;
	margin-right:1%;
}
#footer .contact .txt {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0.5em;
}
#footer .contact .tel {
	font-size:2em;
	line-height:1em;
	margin-bottom:10px;
}
#footer .contact .tel:before {
	content:url(../img/common/f_icon_tel.png);
	padding:3px 3px 0 0;
}
#footer .contact .mail a {
	display:block;
	border:1px solid #222;
	padding:8px;
	text-align:center;
	line-height:1em;
	text-decoration:none;
	color:#222;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}
#footer .contact .mail a:before {
	content:url(../img/common/f_icn_mail.gif);
	padding-right:5px;
}
#footer .contact .mail a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
#footer .bnr {
	float:right;
	margin-right:3%;
}
#footer .copyright {
	font-size: 92%;
	text-align: center;
}
@media only screen and (max-width: 768px) {
#footer .address {
	float:none;
	width:100%;
	margin-right:0;
	padding-right:0;
	margin-bottom:2%;
	padding-bottom:2%;
	border-right:none;
	border-bottom:1px solid #222;
	text-align:center;
}
#footer .address span {
	margin:0 0.5em;
}
#footer ul {
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:2em;
	margin-right:0;
}
#footer ul {
	display: none;
}
#footer nav ul li {
	/* [disabled]font-size: 70%; */
}
#footer .contact {
	margin:0 auto;
	width:100%;
}
#footer .contact .mail a {
	width:260px;
	margin:0 auto;
	margin-bottom:1em;
}
#footer .contact .txt {
	text-align:center;
}
#footer .contact .tel {
	float:none;
	text-align:center;
	padding:0 0 0 0;
}
#footer .bnr {
	float:none;
	margin-right:0;
	text-align:center;
	margin-bottom:10px;
}
#footer .copyright {
	float:none;
	text-align:center;
	position: relative;
	right: auto;
	bottom: auto;
}

}
@media only screen and (max-width: 364px) {
#footer nav ul li {
	display: block;
}
#footer .address span {
	display:block;
}
}
/*===========================
other
===========================*/


/* 「※」付きなど用の文字インデント */

.ex {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.ex span {
	color:#F90;
}
#pagetop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size:12px;
	z-index:5;
}
#pagetop a {
}
#pagetop a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.8;
}
.external {
	background-image:url(../img/common/icn_externallink.png);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding-right:15px;
}
@media only screen and (max-width: 768px) {
#pagetop {
	bottom: 50px;
	right: -23px;
}
#pagetop img {
	width: 80%;
}
}
/*===========================
top
===========================*/
.vis-fixed-bg {
	background-attachment: fixed;
	top: 0;
	position: relative;
	background-size: contain;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 28.75%;
	/*padding-top: 47.36%;*/
	background-repeat: no-repeat;
	background-position: center 70px;
	z-index: 1;
}
.vis-fixed-bg {
	background-image: url(../img/top/imagecut1.png);
	background-color: #f4f4f4;
	margin-bottom: 50px;
}
.vis-fixed-bg .catchArea {
	/* [disabled]height:0; */
	text-align: center;
	margin-top: -15%;
	z-index: 2;	
	text-shadow:
	-1px -1px 0px #fff,
	1px -1px 0px #fff,
	1px 1px 0px #fff,
	-1px 1px 0px #fff,
	0px 0px 25px rgba(255, 255, 255, 0.7),
	0px 0px 20px rgba(255, 255, 255, 0.7);
}
.vis-fixed-bg .catchArea .vis-logo {
	margin-bottom:20px;
}
.vis-fixed-bg .catchArea .ct {
	font-size:2em;
	font-weight:bold;
	color:#333333;
	transform: rotate(0.05deg);
	margin-bottom: 50px;
	line-height: 1.5em;
}
.orna {
	position: absolute;
	margin-left: -81px;
	left: 50%;
	bottom: -43px;
}
@media only screen and (max-width: 1200px) {
.vis-fixed-bg .catchArea .vis-logo {
	width:13%;
	margin:0 auto;
	margin-bottom:1em;
}
.vis-fixed-bg .catchArea .ct {
	font-size:1.4em;
	margin-bottom: 30px;
}
}
 @media only screen and (max-width: 768px) {
.vis-fixed-bg {
	background-image: url(../img/top/imagecut1_sp.png);
	background-size: 140%;
	padding-top: 34%;
	background-position: center top;
}
.vis-fixed-bg .catchArea {
	margin-top:-23%;
	text-align:center;
}
.vis-fixed-bg .catchArea .vis-logo {
	width:13%;
}
.vis-fixed-bg .catchArea .ct {
	font-size:1.3em;
	margin-bottom: 20px;
}
}
 @media only screen and (max-width: 600px) {
.vis-fixed-bg {
	background-size:138%;
	padding-top: 32%;
}
}
@media only screen and (max-width: 500px) {
.vis-fixed-bg {
	background-size:150%;
	padding-top: 28%;
}
.vis-fixed-bg .catchArea .vis-logo {
	width:11%;
	margin-bottom:0.3em;
}
.vis-fixed-bg .catchArea .ct {
	font-size: 1.1em;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.sm {

	line-height: 1.2em;
}
}
.scrolling-bg {
	position: relative;
	min-height: 100%;
	padding: 3.5em 0;
	line-height: 1.6;
	/* [disabled]box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); */
	z-index: 2;
}
.pick_menu {
	width:22.66%;
	margin-right:3%;
	float:left;
}
.pick_menu .pick1 a {
	display:block;
	background-image:url(../img/top/pic_pickup1.jpg);
	background-position:30% 50%;
	background-size:140%;
	height:0;
	padding-top:50%;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
/*

.pick_menu .off a {
		filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

*/

.pick_menu .pick1 a:hover {
	/*background-size:  150%;*/ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pick_menu .pick2 a {
	display:block;
	background-image:url(../img/top/pic_pickup2.jpg);
	background-position:30% 40%;
	background-size:180%;
	height:0;
	padding-top:50%;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.pick_menu .pick2 a:hover {
	/*background-size:195%;*/ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pick_menu .pick3 a {
	display:block;
	background-image:url(../img/top/pic_pickup3.jpg);
	background-position:10% 40%;
	background-size:120%;
	height:0;
	padding-top:50%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}
.pick_menu .pick3 a:hover {
	/*background-size:128%;*/ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pick_menu .pick4 a {
	display:block;
	background-image:url(../img/top/pic_pickup4.jpg);
	background-position:0% 15%;
	background-size:120%;
	height:0;
	padding-top:50%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}
.pick_menu .pick4 a:hover {
	/*background-size:128%;*/ 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pick_menu .pick1 div, .pick_menu .pick2 div, .pick_menu .pick3 div, .pick_menu .pick4 div {
	background-color:#000;
	width:100%;
	height:100%;
}
.pick_menu .const {
	width:44%;
	font-size:1.2em;
	text-align:center;
	padding-bottom:0.1em;
	border-bottom:2px solid #3e6db7;
	margin:0.3em auto;
}
.pick_menu .const a {
	color:#00245d;
	text-decoration:none;
}
.pick_menu p {
	text-align:center;
	margin-bottom:2em;
}
 @media only screen and (max-width: 768px) {
.pick_menu .const {
	width:80%;
}
.pick_menu p {
	text-align:left;
}
.scrolling-bg {
	padding: 1em 0;
}
}
 @media only screen and (max-width: 600px) {
.pick_menu {
	width:100%;
	margin-right:0;
	float:none;
}
.pick_menu p {
	text-align:center;
}
.pick_menu .pick1, .pick_menu .pick2, .pick_menu .pick3, .pick_menu .pick4 {
	background-size:100%;
}
}
.leadArea {
	width:100%;
	max-width:1450px;
	margin:0 auto;
	clear:both;
}
.leadArea .a {
	width:20%;
	height:0;
	background-color:#b00000;
	float:left;
	padding-top:22.82%;
	margin-bottom:36px;
}
.leadArea .a .catch {
	margin-top: -67%;
}
.leadArea .a .catch img {
	width:90%;
	padding:0 5%;
}
.leadArea .b {
	width:80%;
	height:0;
	background-image:url(../img/top/bg_lead.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	float:right;
	padding-top:22.82%;
	margin-bottom:36px;
}
.leadArea .b .lead {
	margin-top:-26%;
	width:66%;
	padding:0 10% 0 24%;
}
.leadArea .b .lead h2 {
	font-size:1.8em;
	font-weight:bold;
	color:#00245d;
	margin-bottom:0.5em;
	transform: rotate(0.05deg);
}
.leadArea .b .lead p {
	font-size:1.4em;
	font-weight:bold;
	color:#FFF;
	line-height:1.6em;
	transform: rotate(0.05deg);
}
 @media only screen and (max-width: 1300px) {
.leadArea .b .lead h2 {
	font-size:1.4em;
}
.leadArea .b .lead p {
	font-size:1.2em;
	line-height:1.6em;
}
}
 @media only screen and (max-width: 1120px) {
.leadArea .b .lead h2 {
	font-size:1.2em;
}
.leadArea .b .lead p {
	font-size:1em;
}
}
 @media only screen and (max-width: 768px) {
.leadArea .b .lead {
	margin-top:-28%;
	width:71%;
	padding:0 5% 0 24%;
}
.leadArea .b .lead p {
	font-size:0.9em;
	font-weight:normal;
}
}
 @media only screen and (max-width: 600px) {
.leadArea .a {
	width:100%;
	float:none;
	padding-top:16%;
	margin-bottom:0;
}
.leadArea .a .catch {
	margin-top: -14%;
}
.leadArea .a .catch img {
	width:40%;
	padding:0 30%;
}
.leadArea .b {
	width:100%;
	height:0px;
	background-image:url(../img/top/bg_lead.jpg);
	background-position:45% 0;
	background-repeat:no-repeat;
	background-size:190%;
	float:none;
	padding-top:40%;
	margin-bottom:36px;
}
.leadArea .b .lead {
	margin-top:-37%;
	width:82%;
	padding:0 2% 0 16%;
}
}
 @media only screen and (max-width: 500px) {
.leadArea .b .lead h2 {
	margin-bottom:0.1em;
	font-size:0.9em;
	text-align:center;
}
.leadArea .b {
	width:100%;
	height:50px;
	background-image:url(../img/top/bg_lead.jpg);
	background-position:45% 0;
	background-repeat:no-repeat;
	background-size:170%;
	padding-top:40%;
	margin-bottom:0;
}
.leadArea .b .lead {
	margin-top:-42%;
	width:96%;
	padding:0 2% 0 2%;
}
.leadArea .b .lead p {
	line-height:1.3em;
}
}
.newsArea {
	width:100%;
	max-width:1450px;
	clear:both;
}

.newsArea h2 {
	position: relative;
	padding: 0 .5em .5em 2em;
}
.newsArea h2::before,
.newsArea h2::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.newsArea h2::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(166, 243, 145, .5);
}
.newsArea h2::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(229, 249, 224, .9);
}
.newsArea dl {
	width:100%;
	min-height:160px;
	overflow:auto;
	/* [disabled]margin-bottom: 3em; */
}
.newsArea dl dt {
	float: left;
	clear:left;
	width: 4.0em;
	margin-bottom:1.2em;
	padding: 3px 0 3px 4px;
	color:#00245d;
}
.newsArea dl dd {
	margin-bottom:1.2em;
	padding: 3px 0 3px 5.5em;
	border-bottom:solid #ccc 1px;
}
/* 左カラム可変・右カラム固定 */
.l_col_liquid {
	float: left; /* 左方向にフロート */
	width: 100%; /* 右カラムで指定した100px以外の幅を保持 */
	margin: 0 -600px 0 0; /* 右カラムと同じ幅をマイナス指定し横並びに */
}
.r_col_fix {
	float: right; /* 右方向にフロート */
	width: 600px; /* 右カラムをpxで固定 */
}
.l_contents {
	margin: 0 620px 0 0; /* 右カラムとの右マージンを調整 */
}
 @media only screen and (max-width: 768px) {
/* 左カラム可変・右カラム固定 */
.l_col_liquid {
	float: none; /* 左方向にフロート */
	margin: 0 0 0 0; /* 右カラムと同じ幅をマイナス指定し横並びに */
}
.r_col_fix {
	float: none; /* 右方向にフロート */
	width: 366px; /* 右カラムをpxで固定 */
	margin:0 auto;
}
.l_contents {
	margin: 0 0 0 0; /* 右カラムとの右マージンを調整 */
}
}
 @media only screen and (max-width: 380px) {
.r_col_fix {
	width: 100%;
}
.newsArea h2 {
	font-size:1.3em;
}
}
/*===========================
content
===========================*/


.title-fixed-bg {
	background-attachment: fixed;
	top:0;
	position: relative;
	background-size: contain;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 32.2%;
	/*padding-top: 33.51%;*/
	background-repeat: no-repeat;
	background-position: center 70px;
	z-index: 1;
	margin-bottom: 2em;
}

.title-fixed-bg.bg2 {
	background-image:url(../img/common/bg_title.png);
}
.title-fixed-bg.bg3 {
	background-image:url(../img/content2/bg_title.png);
}
.title-fixed-bg.bg4 {
	background-image:url(../img/content3/bg_title.png);
}
.title-fixed-bg.bg5 {
	background-image:url(../img/content4/bg_title.png);
}
.title-fixed-bg.bg6 {
	background-image:url(../img/content5/bg_title.png);
}
.title-fixed-bg.bg7 {
	background-image:url(../img/content6/bg_title.png);
}
.title-fixed-bg.bg8 {
	background-image:url(../img/content7/bg_title.png);
}
.title-fixed-bg.bg9 {
	background-image:url(../img/inquiry/bg_title.png);
}
.title-fixed-bg .title-area {
	height:0;
	text-align:center;
	margin-top:-16.4%;
	z-index:2;
}
.title-fixed-bg .title-area2 {
	height:0;
	text-align:center;
	margin-top:-16%;
	z-index:2;
}
.title-fixed-bg .title-area h1, .title-fixed-bg .title-area2 h1 {
	/* [disabled]font-size:2em; */
	/* [disabled]line-height:1.2em; */
	/* [disabled]font-weight:bold; */
	/* [disabled]color:#111; */
	/* [disabled]transform: rotate(0.05deg); */
	/* [disabled]margin:0; */
	/* [disabled]padding:0; */
}
.title-fixed-bg .title-area h1:after, .title-fixed-bg .title-area2 h1:after {
	/* [disabled]position:relative; */
	/* [disabled]content: url(../img/common/chip_title.png); */
	/* [disabled]top : -0.5em; */
	/* [disabled]bottom:0; */
	/* [disabled]display:block; */
}
.title-fixed-bg .title-area h2 {
	color:#FFF;
	font-size:2.6em;
	line-height:0.5em;
	display:block;
	margin:0;
	padding:0;
	font-weight:bold;
}
 @media only screen and (max-width: 768px) {
.title-fixed-bg {
	background-size: 150%;
	padding-top: 24%;
	background-position: center top;
}
.title-fixed-bg .title-area {
	text-align:center;
	margin-top:-16%;
}
.title-fixed-bg .title-area2 {
	/* [disabled]text-align:center; */
	/* [disabled]margin-top:-10%; */
}
.title-fixed-bg .title-area h1, .title-fixed-bg .title-area2 h1 {
	font-size:1.4em;
	line-height:1.2em;
}
.title-fixed-bg .title-area h1:after, .title-fixed-bg .title-area2 h1:after {
	/* [disabled]top : -0.7em; */
}
.title-fixed-bg .title-area h2 {
	font-size:1.7em;
}
.title-fixed-bg.bg4 {
	background-position: left middle;
}
}
 @media only screen and (max-width: 500px) {
.title-fixed-bg {
	background-size: 190%;
	padding-top: 25%;
	background-position: center top;
}
.title-fixed-bg .title-area {
	text-align:center;
	margin-top:-19%;
}
.title-fixed-bg .title-area2 {
	/* [disabled]text-align:center; */
	margin-top:-22%;
}
.title-fixed-bg .title-area h1, .title-fixed-bg .title-area2 h1 {
	font-size:1.2em;
	line-height:1.1em;
}
.title-fixed-bg .title-area h1:after, .title-fixed-bg .title-area2 h1:after {
	/* [disabled]top : -0.6em; */
}
.title-fixed-bg .title-area h2 {
	font-size:1.4em;
}
}
/* content */


.content {
	max-width:1320px;
	margin:0 auto 40px;
	padding:0 16px;
}
.content2 {
	max-width:1320px;
	margin:0 auto 0;
	padding:0 16px;
}
.content3 {
	max-width:1320px;
	margin:0 auto 0;
	padding:25px 16px;
}
/* one quarter */

.content .one-quarter {
	width:22.66%;
	margin-right:3%;
	float:left;
}
/* one third */

.content .one-third {
	width:31.33%;
	margin-right:3%;
	float:left;
}
.content .two-third {
	width:65.66%;
	margin-right:3%;
	float:left;
}
/* one half */

.content .one-half {
	width:48.5%;
	margin-right:3%;
	float:left;
}
.content .last {
	margin-right:0;
}
 @media only screen and (max-width: 768px) {
.content {
	width:96%;
	margin:0 auto;
	padding:0;
}
/* one quarter */

.content .one-quarter {
	width:100%;
	margin-right:0;
	float:none;
}
/* one third */

.content .one-third {
	width:100%;
	margin-right:0;
	float:none;
}
.content .two-third {
	width:100%;
	margin-right:0;
	float:none;
}
/* one half */

.content .one-half {
	width:100%;
	margin-right:0;
	float:none;
}
.content .one-third.img, .content .one-quarter.img, .content .two-third.img, .content .two-third.img {
	text-align:center;
}
}
/* table */


/* 産前･産後骨盤矯正 */



#map_canvas {
	width:100%;
	margin-top:20px;
}
 @media only screen and (max-width: 768px) {
#map_canvas {
	margin-bottom:0;
}
#map_area .inner {
	width:100%;
	height:auto;
	top:0;
	z-index:0;
}
#map_area .map_data {
	padding:1em;
	position:relative;
	padding:15px 10px;
	top:0px;
}
#map_area .map_data .address {
	margin-bottom:0;
}
}
/*===========================
inquiry
===========================*/


.inquiry table {
	background-color: #e9fcef;
	empty-cells: show;
	width: 100%;
	line-height: 1.3em;
	border-spacing: 0px;
	margin-bottom: 1.5em;
	padding: 20px 0;
}
.inquiry table th {
	padding: 12px 36px 12px 0;
	border-bottom: 1px solid #FFF;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	width: 33%;
	line-height: 2.2em;
}
.inquiry table td {
	padding: 12px 5px 12px 0;
	border-bottom: 1px solid #FFF;
	text-align: left;
}
.inquiry table td .select {
	margin-bottom: 0.5em;
}
.inquiry table td .select li {
	float: left;
	margin-right: 20px;
}
.inquiry table td .select li input {
	vertical-align: middle;
}
.inquiry table td label {
	padding: 0 0 0px 5px;
}
.inquiry table span {
	color: #ff0000;
}
.inquiry table input {
	margin: 2px 0 2px 0;
	height: 1.6em;
	border: 1px solid #DDD;
}
.inquiry .formBtn {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.inquiry .btnSend {
	background-color: #66B189;
	color: #FFF;
	padding: 8px 0;
	margin: 0 5px 0 5px;
	border: 0;
	width:160px;
}
.inquiry .btnReset {
	background-color: #FFF;
	color: #196096;
	padding: 7px 0;
	margin: 0 5px 0 5px;
	border: 0;
	border:1px solid #00317e;
	width:160px;
}
.inquiry .forml {
	width: 90%;
}
.inquiry .formm {
	width: 50%;
}
 @media only screen and (max-width: 768px) {
.inquiry table {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 10px;
	background:#e8f3f6;
}
.inquiry table tr {
	display: block;
}
.inquiry table th {
	display: list-item;
	padding: 0;
	border-bottom: none;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	width: 100%;
	line-height: 1em;
}
.inquiry table td {
	display: list-item;
	width: 100%;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px #FFF solid;
	font-weight: normal;
	padding: 5px 0 3% 0;
}
.inquiry .forml {
	width: 100%;
}
.inquiry .formm {
	width: 100%;
}
.inquiry .btnSend {
	width:100px;
}
.inquiry .btnReset {
	width:100px;
}
}
.detailArea1 {
	background-color: #f8f8f8;
	padding-top: 44px;
	padding-bottom: 44px;
}
.detailArea2 {
	background-color: #FFF;
	padding-top: 44px;
	padding-bottom: 44px;
}
.imgLeft {
	float: left;
	padding-bottom: 1em;
	padding-left: 2em;
}
.directionR {
	float: right;
	width: 44%;
	background-image: url(../img/top/bg_direction.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 350px;
	padding-right: 1em;
	padding-left: 1em;
}
h2 .block {
	display: block;
}
.directionR h2 {
	font-size: 2em;
	margin-bottom: 0.5em;
	text-align: center;
	margin-top: 50px;
}
.border h3 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #74d18c;
	overflow: hidden;
	margin: 1em 0;
}
.cont1 {
	height: 75px;
	width: 100%;
	color: #FFF;
}
.directionR .cont p a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 100%;
	width: 100%;
	display: block;
	line-height: 75px;
	background-color: #0086cc;
}
.directionR .cont p a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.directionR .cont p {
	height: 75px;
}

.imgRight {
	float: right;
	margin-right: 2em;
	margin-bottom: 1em;
}
.directionL {
	float: left;
	width: 44%;
	background-image: url(../img/top/bg_direction.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 350px;
	padding-right: 1em;
	padding-left: 1em;
}
h2 .block {
	display: block;
}
.directionL h2 {
	font-size: 2em;
	margin-bottom: 0.5em;
	text-align: center;
	margin-top: 50px;
}
.cont1 {
	height: 75px;
	width: 100%;
	color: #FFF;
}
.directionL .cont p a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 100%;
	width: 100%;
	display: block;
	line-height: 75px;
	background-color: #0086cc;
}
.directionL .cont p a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.directionL .cont1 p {
	height: 75px;
}

@media only screen and (max-width: 1320px) {
.directionR {
	padding-right: 0;
	padding-left: 0;
	float: none;
	width: 100%;
	height: 350px;
}
.directionL {
	padding-right: 0;
	padding-left: 0;
	float: none;
	width: 100%;
	height: 350px;
}


.imgLeft {
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.imgLeft img {
	width: 100%;
}
.imgRight {
	float: none;
	padding: 0px;
	margin: 0px;
}
.imgRight img {
	width: 100%;
}
}
@media only screen and (max-width: 768px) {
.directionR {
	background-size:80% auto;
	padding-right: 0;
	padding-left: 0;
	float: none;
	width: 100%;
	height: 250px;
}
.directionL {
	background-size:80% auto;
	padding-right: 0;
	padding-left: 0;
	float: none;
	width: 100%;
	height: 250px;
}
.detailArea1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.detailArea2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.border h3 {
	margin-bottom: 0.25em;
}
.border h3 {
	overflow: hidden;
	margin: 1em 0;
}
}

#container main .inq {
	height: 135px;
	width: 100%;
	padding-top: 3.5em;
}
.inq_mail {
	height: 135px;
	width: 666px;
	float: left;
}
.inq_mail p a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 100%;
	width: 100%;
	display: block;
	line-height: 135px;
	/* [disabled]background-image: url(../img/common/bg_mail.png); */
	background-color: #419f6d;
	/* [disabled]background-repeat: no-repeat; */
	font-size: 1.8em;
	/* [disabled]padding-left: 10%; */
	/* [disabled]background-position: 11% center; */
}
.inq_mail p a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.inq_tel {
	/* [disabled]float: left; */
	padding-left: 100px;
	padding-top: 35px;
}

.inq_tel .tel {
	font-size: 1.5em;
}
.inq_tel .number {
	font-size: 3em;
	/* [disabled]background-image: url(../img/common/bg_tel.png); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]padding-left: 50px; */
	/* [disabled]background-position: 0px center; */
}
@media only screen and (max-width: 1320px) {
.inq_mail {
	height: 135px;
	width: 100%;
	float: none;
}
.inq_tel {
	padding-left: 35px;
	padding-top: 35px;
}
#container main .inq {
	padding-bottom: 6.5em;
}
.inq_tel .number {
}
}
@media only screen and (max-width: 768px) {
.inq_mail {
	height: 80px;
	width: 100%;
	float: none;
}
.inq_mail p a {
	line-height: 80px;
	font-size: 1em;
	background-size:20px auto;
}
.inq_tel {
	padding-left: 0px;
	padding-top: 0px;
	text-align: center;
}
.inq_tel .tel {
	font-size: 1.2em;
}
#container main .inq {
	padding-bottom: 1.5em;
}
.inq_tel .number {
	font-size: 2em;
}	
}