@charset "utf-8";
/*---normalize--------------------------------*/

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 72.5%; /*10px*/
}

*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	margin: 0;
	padding:0;
	font-size:1.6rem;
	font-family: Arial, "'游明朝",
Yu Mincho , "メイリオ", Meiryo, sans-serif;
	color:#000;
}



/*　フォントのサイズ
htmlのサイズを基準にルート指定remを使用する

1.2rem  12px
1.6rem　16px
2.2rem  22px

*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}


audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}




a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 90%;
}

sub,
sup {
	font-size: 85%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	vertical-align:middle;
}

svg:not(:root) {
	overflow: hidden;
}


hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	margin-top:30px;
	margin-bottom:30px;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1.2em;
}

form{
	margin:0;
	padding:0;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; 
	cursor: pointer; 
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}


/*---reset--------------------------------*/

h1,h2,h3,h4,h5,
ul,li,dl,dt,dd,ol{
	margin:0;
	padding:0;
	list-style-type:none;
}

/* IE8+, Chrome */
input, button, a{
  outline: 0;
}

/* Firefox */
input::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
}


/*---original-----------------------------*/

body{
	position:relative;
	color:#32221B;
}

a:link,a:visited{
	color:#AAA;
	text-decoration:underline;
}

a:hover,a:active{
	color:#CCC;
	text-decoration:none;
}

a img{
	transition:0.5s;
}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60); 
	-ms-filter: "alpha(opacity=60)";
    animation: sindou .1s  1;
}

@keyframes sindou {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

h1{
	font-size: 3.2rem;
	letter-spacing:2px;
	line-height:1.2;
}

h2{
	font-size: 2.6rem;
	letter-spacing:1px;
	line-height:1.2;
}

h3{
	font-size: 2.2rem;
	letter-spacing:1px;
	line-height:1.4;
}

h4{
	font-size: 2.0rem;
	letter-spacing:0.5px;
	line-height:1.6;
}

h5{
	font-size: 1.8rem;
	letter-spacing:0.5px;
	line-height:1.6;
}

li,dt,dd,p{
	font-size:1.6rem;
	letter-spacing:0.2px;
	line-height:1.6;
}

p{	margin: 1em 0 0;}
p:first-child{margin-top:0;}

p2{
	color: #F00;
}
p3 {
	color: #FFF;
	background-color: #F00;
}

img{vertical-align:top; line-height:0;}

/*-------------------------------------------------
 　フェード部分
/*-------------------------------------------------*/

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*-------------------------------------------------
 　ヘッダー部分
/*-------------------------------------------------*/


#wrapper{
	position:relative;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: url(images/bg_dot.png) repeat;
	width: 100%;
	z-index: 100;
}

#header {
	z-index:300;
	position:fixed;
}

#header2{
	text-align:center;
	padding-top:10px;
	background:#054020;
}

#header{
	width:100%;
	padding:0;
	margin:0;
}

#header h1#logo{
	width:100%;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	text-align:center;
}

#header h1#logo img{
	max-width:40%;
}

#maximage .bx-viewport {
	position: fixed !important;
	top: 0;
	left: 0;
	background:#000;
	line-height:0;
}



/*----------------------*/

#gnav{
	height:70px;
	z-index:500;
	width:100%;
	background:#054020;
	border-bottom:solid 1px #EEE;
	position:relative;
	text-align:center;
	overflow:hidden;
}

#gnav ul {
	font-size:0;
	line-height:70px;
}

#gnav ul li{
	display:inline-block;
	border-right:solid 1px #EEE;
	border-left:solid 1px #EEE;

}

#gnav ul li a{
	font-size:1.8rem;
	color:#FFF;
	display:block;
	padding:5px 20px;
	text-decoration:none;
	line-height:1.1;
	transition:0.5s;
}

#gnav ul li a:hover{
	background:#F0F0F0;
	border-radius:0px;
}




/*-------------------------------------------------
 　メイン部分(1カラム)
/*-------------------------------------------------*/


#main{
	z-index: 3500;
	position:absolute;
	width: 100%;
	background:#FFF;
}

#main .wrap{
	width:1000px;
	margin:0 auto;
	padding:140px 0;
}

#main .wrap2{
	width:800px;
	margin:0 auto;
	padding:140px 0;
}

#main > .wrap2{
	padding-top:40px;

}

.brown_bg{
	background:url(images/bg_white.jpg) repeat center top;
}

.gray_bg{
	background:#F0F0F0;
}


.topbg1{
	background:url(images/bg_top04.jpg) no-repeat center top;

}

.topbg2{
	background:url(images/bg_top03.jpg) no-repeat center top;

}

.topbg3{
	background:url(images/bg_top01.jpg) no-repeat center top;

}


.title{
	margin:0 auto 20px;
	text-align:center;
}

.title h2{
	text-align:center;
	font-size:2.7rem;
	padding:10px;
	letter-spacing:2px;
	line-height:1.1;
	display:inline-block;
	border:solid 3px #333;
	border-style: double;
}

.title h2white{
	text-align:center;
	font-size:2.7rem;
	padding:10px;
	letter-spacing:2px;
	line-height:1.1;
	display:inline-block;
	color:#FFF;
	border:solid 3px #FFF;
	border-style: double;
}


.title2{
	margin:0 auto 20px;
}

.title2 h2{
	font-size:2.2rem;
	padding-left:10px;
	letter-spacing:1px;
	line-height:1.1;
	border-left:solid 12px #006060;
}






.textcenter{
	width:520px;
	margin:0 auto;
}

.textcenter.w320{
	width:320px;
	color:#FFF;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
               -1px 1px 0 #000, 1px -1px 0 #000,
                0px 1px 0 #000,  0-1px 0 #000,
               -1px 0 0 #000, 1px 0 0 #000;
}

.textcenter.w700{
	width:700px;
}

.textcenter h3{
	font-size:2.0rem;
	text-align:center;
	letter-spacing:2px;
}

.textcenter p{
	font-size:1.5rem;
	line-height:2;
}


.btn{
	text-align:center;
	margin:40px auto;
}

.btn a{
	width:400px;
	display:inline-block;
	background:#DDD;
	font-size:1.7rem;
	letter-spacing:2px;
	color:#000;
	text-align:center;
	padding:15px 0px;
	text-decoration:none;
	position:relative;
	transition:.5s;
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.btn a:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn a:hover{
	background:#555;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.btn2{
	text-align:center;
	margin:40px auto;
}

.btn2 a{
	width:320px;
	display:inline-block;
	background:#32221B;
	font-size:1.7rem;
	letter-spacing:0px;
	color:#FFF;
	text-align:center;
	padding:5px 0px;
	text-decoration:none;
	position:relative;
	transition:.5s;
}

.btn2 a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn2 a:hover{
	background:#666;
}

.banner_3column *{
	margin:0;
	padding:0;
	list-style-type:none;
}

.banner_3column {

}

.banner_3column ul{
	display:block;
	font-size:0;
	margin:40px auto;
	text-align:center;
}

.banner_3column ul li{
	width:325px;
	vertical-align:top;
	text-align:left;
	padding:10px 20px;
	display:inline-block;
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.banner_3column ul li:hover{
	width:325px;
	vertical-align:top;
	text-align:left;
	padding:10px 20px;
	display:inline-block;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.banner_3column ul li p{
	margin-top:5px;
	font-size:1.5rem;
}

.banner_3column ul li h3{
	margin-top:10px;
	font-size:1.6rem;
}


/*--------------*/

/*
.image_3column *{
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.image_3column {
	text-align:center;
}

.image_3column ul{
	display:block;
	font-size:0;
}


.image_3column ul li{
	width:33.33333%;
	vertical-align:top;
	text-align:left;
	padding:10px;
	display:inline-block;
}

.image_3column ul li p{
	margin-top:10px;
	font-size:1.5rem;
}

.image_3column ul li h3{
	margin-top:10px;
	font-size:1.6rem;
}
*/


.image_3column *{
	margin:0;
	padding:0;
	list-style-type:none;
}

.image_3column {

}

.image_3column ul{
	display:block;
	font-size:0;
	margin:40px auto;
	text-align:center;
}

.image_3column ul li{
	width:325px;
	vertical-align:top;
	text-align:left;
	padding:10px 20px;
	display:inline-block;
}

.image_3column ul li:hover{
	width:325px;
	vertical-align:top;
	text-align:left;
	padding:10px 20px;
	display:inline-block;
}

.image_3column ul li p{
	margin-top:5px;
	font-size:1.5rem;
}

.image_3column ul li h3{
	margin-top:10px;
	font-size:1.6rem;
}


/*--------------*/


.image_2column *{
	margin:0;
	padding:0;
	list-style-type:none;
}

.image_2column {
	text-align:center;
}

.image_2column ul{
	display:block;
	vertical-align:central;
	font-size:0;
	margin:40px auto;
}

.image_2column ul li{
	width:50%;
	vertical-align:central;
	text-align:center;
	padding:10px;
	display:inline-block;
}

.image_2column ul li p{
	margin-top:10px;
	font-size:1.5rem;
	text-align:left;
}

.image_2column ul li h3{
	margin-top:10px;
	font-size:1.6rem;
}

.img_text_2column *{
	margin:0;
	padding:0;
	list-style-type:none;
}

.img_text_2column {
	text-align:center;
}

.img_text_2column ul{
	display:block;
	font-size:0;
	margin:20px auto;
}

.img_text_2column ul li{
	width:50%;
	vertical-align:middle;
	text-align:left;
	font-size:1.5rem;
	padding:10px;
	display:inline-block;
}

.img_text_2column ul li img{
	vertical-align:top !important;
}

.img_text_2column ul li p{
	margin-top:10px;
	font-size:1.5rem;
	text-align:left;
}

.img_text_2column ul li h3{
	margin-top:10px;
	font-size:1.6rem;
}

.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*-----slick */

.flowslide_wrap{
	position:relative;
	width:1200px;
	max-width:100%;
	margin:40px auto 80px;
}

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('/js/slick/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img { width:100%; height:auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before,
.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev,.slick-next{font-size: 0; line-height: 0; position: absolute;width:100px;height:100%; top: 0%; display: block; padding: 0;cursor: pointer;color: transparent;border: none;outline: none; background: transparent;z-index:10;}

.slick-prev{
   left: 0px;
   background: url(images/prev.png) rgba(0,0,0,.7) no-repeat center center;
	 transition:.5s;
}

.slick-next{
	right: 0px;
	background: url(images/next.png) rgba(0,0,0,.7) no-repeat center center;
	 transition:.5s;
}

.slick-prev:hover{
   left: 0px;
   background: url(images/prev.png) rgba(0,0,0,1) no-repeat center center;
}

.slick-next:hover{
	right: 0px;
	background: url(images/next.png) rgba(0,0,0,1) no-repeat center center;
}

/* Dots */
.slick-slider { /*margin-bottom: 30px;*/ }
.slick-dots { position: absolute; bottom: -60px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; height: 50px; z-index: 20; }
.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0px 7px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: #CCC; display: block; height: 10px; width: 10px; overflow: hidden; line-height: 0; font-size: 0; color: transparent; cursor: pointer; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*.slick-dots li button:focus { outline: none; background: #12cfa7; }*/
.slick-dots li.slick-active button { outline: none; background: #C00; }




/*-------------------------------------------------
 Whatsnew
/*-------------------------------------------------*/

.whatsnew{

}

.whatsnew *{
	margin:0;
	padding:0;
	list-style-type:none;
}

.whatsnew dl{
	width:700px;
	margin:0 auto;
	text-align:left;
	letter-spacing:1px;
}

.whatsnew dl dt{
	clear: both;
	float: left;
	width: 200px;
	text-align:left;
	padding:15px 0 15px 30px;
	color:#666;
	font-size:1.5rem;
}

.whatsnew dl dt span{
	display:inline-block;
	background:#9E8366;
	padding:2px;
	font-size:1.2rem;
	letter-spacing:2px;
	margin-left:15px;
	width:70px;
	text-align:center;
	color:#FFF;

}

.whatsnew dd{
	padding:15px 5px;
	padding-left:200px;
	color: #333333;
	border-bottom:solid 1px #C8C8C8;
	font-size:1.5rem;
}


/*-------------------------------------------------
 インフォ
/*-------------------------------------------------*/

.info_wrap{
	margin-top:40px;
	overflow:hidden;
	zoom:1;
}

.info_wrap .facebook{
	float:left;
	width:370px;
}

.info_wrap .info{
	background:#FFF;
	width:430px;
	height:620px;
	float:right;
	padding:30px;
}

.info_wrap .info dl{
	overflow:hidden;
	zoom:1;
	border-bottom:solid 1px #DDD;
}

.info_wrap .info dl:last-child{
	border-bottom:none;
}

.info_wrap .info dl dt{
	float:left;
	width:140px;
	padding:15px 10px;
	text-align:center;
	color:#C00;
}

.info_wrap .info dl dd{
	padding:15px 10px;
	padding-left:150px;
	font-size:1.4rem;
}




/*-------------------------------------------------
 　フッター部分
/*-------------------------------------------------*/

#footer{
	margin:0;
	background:#054020;
}

#footer .wrap{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:10px 0 5px;
}

#footer .navi{
	text-align:center;
	font-size:1.4rem;
	margin:12px auto;
	color:#FFF;
}

#footer .navi a{
	text-decoration:none;
}


#footer .copyright{
	font-size:1.4rem;
	letter-spacing:1px;
	line-height:1.6;
	padding:5px;
	text-align:center;
	margin-top:0px;
	color:#FFF;
}

#footer .pageup{
	text-align:center;
}

.pagetop{
	position:fixed;
	right:20px;
	bottom:60px;
	text-align:right;
	z-index:10000;
}

.pagetop a{
	display:inline-block;
}


.pagetop a:hover{

}


.fixedbtn{
	position:fixed;
	left:0;
	top:330px;
	z-index:10000;
}

.fixedbtn2{
	position:fixed;
	right:0;
	top:40px;
	z-index:10000;
}

.sp_logo,
.sp_navi{
	display:none;
}

/*---------------------------
 サブページ
-----------------------------*/

.subtitle{
	background:#F0F0F0;
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
}

.subtitle h1{
    width:1000px;
	margin:0 auto;
    padding:2% 2% 2% 0%;
    letter-spacing:5px;
}

.subtitle h1 span{
    font-size:1.4rem;
    font-weight:bold;
    margin-left:10px;
}

.subtitle p{
    width:1000px;
	margin:0 auto;
}

.subtitle2{
	background:#F0F0F0;
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
}

.breadcrumb {
	border-bottom:solid 1px #DDD;
	background:#054020;
}

.breadcrumb ul {
	font-size:0;
	color:#FFF;
	width:1000px;
	margin:0 auto;
	padding:10px;
}

.breadcrumb ul li{
	display:inline-block;
	font-size:1.4rem;
	padding:5px 10px;
	position:relative;
}

.breadcrumb ul li:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 0px;
		width: 5px;
		height: 5px;
		margin: -4px 0 0 0;
		border-top: solid 2px #999;
		border-right: solid 2px #999;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
}

.breadcrumb ul li:last-child:after{
		display:none;
}

/*---------------------------
 アクセス
-----------------------------*/
.google-maps{
	margin:20px auto;
}


/*-------------------------------------------------
 　会社概要
/*-------------------------------------------------*/
.business_guide dl{
	width:100%;
	overflow:hidden;
	zoom:1;
}

.business_guide dl + dl{
	margin-top:40px;
}

.business_guide dl dt{
	float:right;
	margin-left:20px;
	max-width:30%;
}

.business_guide dl dd{
	overflow:hidden;
}


/*-------------------------------------------------
 　お問い合わせ部分
/*-------------------------------------------------*/

.contact{

}

.contact .desc{
	padding:10px;
}

.contact table{
  border-collapse:collapse; 
	color:#333333;
	border:solid 1px #CCC;
}

.contact table th,
.contact table td{
	padding:15px;
	border:solid 1px #CCC;
}


.contact table th{
	background:#EEE;
	border:solid 1px #CCC;
	font-weight:bolc;
	width:35%;
}

.contact table td{
	background:#FFF;
}

.contact select,
.contact input[type="text"],
.contact input[type="email"]{
	height:28px;
	font-size:1.5rem;
}

.contact textarea{
	width:100%;
}


.contact .btn{
	text-align:center;
	margin-top:20px;
}

.contact .btn input[type="submit"]{
	font-size:2.2rem;
	-webkit-appearance: none;
	color:#FFF;
	padding:15px 20px;
	border:none;
	border:solid 1px #D0084;
	border-radius:5px;
	background: rgb(255,199,181); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,199,181,1) 0%, rgba(249,174,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,199,181,1)), color-stop(100%,rgba(249,174,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,199,181,1) 0%,rgba(249,174,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,199,181,1) 0%,rgba(249,174,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,199,181,1) 0%,rgba(249,174,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,199,181,1) 0%,rgba(249,174,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc7b5', endColorstr='#f9ae00',GradientType=0 ); /* IE6-9 */

}

.contact .btn input[type="submit"]:hover{
	background: rgb(255,102,51); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,102,51,1) 1%, rgba(204,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,102,51,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,102,51,1) 1%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,102,51,1) 1%,rgba(204,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,102,51,1) 1%,rgba(204,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,102,51,1) 1%,rgba(204,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}

/*プレースホルダー*/
    /* Webkit */
    ::-webkit-input-placeholder {
        color: #999;
        opacity: 1;
				font-size:15px;
    }
    /* Firefox 18 以前 */
    :-moz-placeholder {
        color: #999;
				font-size:15px;
    }
    /* Firefox 19 以降 */
    ::-moz-placeholder {
        color: #999;
				font-size:15px;
        opacity: 1;
    }
    /* IE 10 以降 */
    :-ms-input-placeholder {
        color: #999;
				font-size:15px;
    }

    :placeholder-shown {
        color: #999;
				font-size:15px;
    }

    /* Webkit */
    :focus::-webkit-input-placeholder {
        color: transparent;
    }
    /* Firefox 18 以前 */
    :focus:-moz-placeholder {
        color: transparent;
    }
    /* Firefox 19 以降 */
    :focus::-moz-placeholder {
        color: transparent;
    }


/*GENERAL---------------*/

.alignC{text-align:center;}
.alignR{text-align:right;}
.alignL{text-align:left;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}





/*small*/
.small{
	font-size:90%;
}


/*-------------------------------------------------
　スペックテーブル
/*-------------------------------------------------*/
.spec_tbl table{
	margin:0 auto;
	border-collapse:collapse;
	table-layout:fixed;
}



.spec_tbl table th,
.spec_tbl table td{
	background:#FFF;
	border:solid 1px #CCC;
	padding:10px;
	font-size:1.5rem;
}

.spec_tbl table th p,
.spec_tbl table td p{
	margin:0;
	padding:0;
}

.spec_tbl table th p + p,
.spec_tbl table td p + p{
	margin-top:1em;
}

.spec_tbl table th{
	background:#EEE;
	text-align:center;
}






/*スマホページ用*/


@media ( max-width : 768px ) {/*スマホ用*/


	body{
		width:100% !important;
		min-width:none;
	}

	#header,#header2{
		display:none;
	}

	img{
		max-width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#topimage{
		padding-top:70px;
	}
		
	#topimage img{
		width:100%;
		height:auto !important;
	}

	#overlay{
		display:none;
	}

	
	#logo{display:none}
	
	#main {
		position:static !important;
		padding-top:0;
	}

	.sp_logo{
		display:block;
		margin-top:5px;
	}

	.sp_logo img{
		width:auto;
		height:60px;
	}

	#gnav{
		width:100%;
		height:70px;
		background:#054020;
		border-bottom:solid 1px #CCC;
		position:fixed;
		top:0;
		text-align:center;
		z-index:10000;
	}
	

	#gnav ul {
		display:none;
	}
	
	#gnav ul li{
		display:inline-block;
		width:49.999999%;
		border-right:solid 1px #EEE;
		border-left:solid 1px #EEE;
	}
	
	#gnav ul li a{
		font-size:1.4rem;
		color:#32221B;
		display:block;
		padding:5px 20px;
		text-decoration:none;
		line-height:1.1;
	}

	#main .wrap{
		width:100%;
		margin:0 auto;
		padding:30px 10px;
	}

	#main .wrap2{
		width:100%;
		margin:0 auto;
		padding:10px 10px 30px;
	}

	#mainimage{
		height:300px !important;
	}

	 .textcenter,
	 .textcenter.w700{
	 		width:100%;
	 		max-width:100%;
	 }
	 
	 .whatsnew dl{
	 		width:100%;
	 		max-width:100%;
	}

	.whatsnew dl dt{
		clear: both;
		float: none;
		width: 100%;
		text-align:left;
		padding:5px 5px 0;
		color:#666;
		font-size:1.3rem;
		font-weight:bold;
	}
	
	.whatsnew dl dt span{
		display:inline-block;
		background:#9E8366;
		padding:2px;
		font-size:0.8rem;
		letter-spacing:2px;
		margin-left:15px;
		width:70px;
		text-align:center;
		color:#FFF;
	
	}
	
	.whatsnew dd{
		padding:0 5px 5px;
		color: #333333;
		border-bottom:solid 1px #C8C8C8;
		font-size:1.3rem;
	}


	.info_wrap{
		margin-top:20px;
		overflow:hidden;
		zoom:1;
	}
	
	.info_wrap .facebook{
		float:none;
		width:100%;
		height:auto;
		text-align:center;
	}

	.info_wrap .facebook iframe{
		text-align:center;
		display:block;
		margin:0 auto;
	}

	
	.info_wrap .info{
		float:none;
		background:#FFF;
		width:100%;
		margin:10px auto;
		height:auto;
		padding:10px;
	}

	.info_wrap .info dl dt{
		float:left;
		width:100px;
		padding:15px 10px;
		text-align:center;
		color:#C00;
	}

	.info_wrap .info dl dd{
		padding:15px 10px;
		padding-left:100px;
		font-size:1.2rem;
	}

	#footer .wrap{
		width:100%;
	}
	
	.banner_3column ul{
		display:block;
		font-size:0;
		margin:20px auto;
		text-align:center;
	}
	
	.banner_3column ul + ul{
		margin-top:-40px;
	
	}

	.banner_3column ul li{
		width:100%;
		vertical-align:top;
		text-align:left;
		padding:10px;
		text-align:center;
		display:block;
	}
	
/*	
	.image_3column ul{
		display:block;
		font-size:0;
		margin:20px auto;
	}
	
	.image_3column ul li{
		width:100%;
		vertical-align:top;
		text-align:left;
		padding:10px;
		display:block;
		text-align:center;
	}
*/

	.image_3column ul{
		display:block;
		font-size:0;
		margin:20px auto;
		text-align:center;
	}
	
	.image_3column ul + ul{
		margin-top:-40px;
	
	}

	.image_3column ul li{
		width:100%;
		vertical-align:top;
		text-align:left;
		padding:10px;
		text-align:center;
		display:block;
	}


	.image_2column ul{
		display:block;
		font-size:0;
		margin:20px auto;
	}
	
	.image_2column ul li{
		width:100%;
		vertical-align:top;
		text-align:left;
		padding:10px;
		display:block;
		text-align:center;
	}
	
	.img_text_2column *{
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.img_text_2column {
		text-align:center;
	}

	.img_text_2column ul{
		display:block;
		font-size:0;
		margin:20px auto;
	}

	.img_text_2column ul li{
		width:100%;
		vertical-align:middle;
		text-align:left;
		font-size:1.5rem;
		padding:10px;
		display:block;
	}

	.img_text_2column ul li p{
		margin-top:10px;
		font-size:1.5rem;
		text-align:left;
	}

	.img_text_2column ul li h3{
		margin-top:10px;
		font-size:1.6rem;
	}

	.btn a{
		width:85%;
	}

	.btn2 a{
	}

	.fixedbtn{
		display:none;
	}

	.fixedbtn2{
		display:none;
	}

	.subtitle {
		padding-top:70px;
	}

	.subtitle h1{
		width:100%;
		margin:0px auto 0;
		padding:10px;
		letter-spacing:2px;
		font-size:2.0rem;
	}

	.subtitle p{
		width:100%;
		margin:0px auto 0;
		padding:10px;
		letter-spacing:2px;
		font-size:1.2rem;
	}

	.subtitle2 {
		padding-top:10px;
	}

	.breadcrumb {
		border-bottom:solid 1px #DDD;
	}
	
	.breadcrumb ul {
		font-size:0;
		width:100%;
		margin:0 auto;
		padding:5px;
	}

	#gnav{
		overflow:visible;
	}
	
	#gnav ul li a:hover{
		border-radius:0px;
		color:#333;
	}
	

	#menu{
		display:block;
		height:0;
		overflow:hidden;
		opacity:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		overflow:hidden;
	}
	
	#menu{
		position:absolute;
		left:0;
		top:64px;
		width:100%;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 5px -2px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 5px -2px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 5px -2px;
		
	}
	
	#menu ul{
		min-width:100%;
		width:100%;
		display:block;
		padding:0;
		border-top:solid 1px #999;
		position:relative;
	}
	
	#menu ul li{
		display: block;
		position:relative;
		width:100%;
		padding:0;
		border-bottom:solid 1px #999;
	}
	
	
	#menu ul li:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	
	#menu ul li a{
		display:block;
		padding: 10px 25px 10px 10px;
		text-align:left;
		text-decoration:none;
		font-size:1.3rem;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		color:#FFF;
		background:#006767;
	}
	
	
	#menu ul li a img{
		display:none;
	}
	

	
	#menu.open{
		height:auto;
		opacity:1;
	}
	
	
	
	#toggle{
		position: absolute;
		right:5px;
		top:5px;
		display:block;
		width:45px;
		height:60px;
	}
	
	
	#toggle a{
		display: block;
		position: absolute;
		width:45px;
		height:60px;
		background:url(images/sp_icon_menu.png) no-repeat left top;
		background-size:45px 60px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	
	#toggle a.close{
		display: block;
		position: absolute;
		width:45px;
		height:60px;
		background:url(images/sp_icon_menu_close.png) no-repeat left top;
		background-size:45px 60px;
	}

	.pagetop{
		position:fixed;
		right:20px;
		bottom:40px;
		text-align:right;
		z-index:10000;
	}

	.pagetop img{
		width:36px;
		height:36px;
	}

	.google-maps {
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
	}
	
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	.contact table{
		border:none;
		border-top:solid 1px #CCC;
	}

	.contact table tr{
		display:block;
		width:100%;
		border:solid 1px #CCC;
		border-top:none;
	}
	
	.contact table th,
	.contact table td{
		padding:5px;
		display:block;
		width:100%;
		text-align:left;
		border:none;
	}
	
	.contact select,
	.contact input[type="text"],
	.contact input[type="email"],
	.contact textarea{
		width:100%;
	}
	
	.business_guide dl + dl{
		margin-top:30px;
	}
	
	.business_guide dl dt{
		float:right;
		margin-left:20px;
		max-width:30%;
	}
	
	.business_guide dl dd{
		overflow:visible;
	}

}

/* ----- murai ----- */
/*body*/
.width1000 {
	width: 1000px;
}

/*contact*/
.attention {
    color: #F00;
}

/*indexpart*/
.obj {
	margin-top:120px;
	width:100%;
	height:680px;
}
