/*css*/
@import "//static.plimo.com/static/type8/css/reset.css";
@import "//static.plimo.com/static/type8/css/skeleton.css";
@import "//static.plimo.com/static/type8/css/font-awesome.css";
@import "//static.plimo.com/static/type8/css/superfish.css";
@import "//static.plimo.com/static/type8/css/owl.carousel.css";

@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(//fonts.googleapis.com/css?family=Ubuntu:400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Playball);



/*----------------- top -----------------*/

.top .contents_block.container_12 {
  width: 100% !important;
}
.wd960 {
  max-width: 960px;
  margin: 0 auto 2em;
}

.max_img img {
  max-width: 50%;
  margin: 0 auto;
}
.max_img02 img {
  max-width: 640px;
  margin: 0 auto;
}


.top .counts_01 {
  background: #f5fbf1 url(../asset/top_pc_bg01.jpg) no-repeat left top;
  padding: 20px 0;
  margin-bottom: 0;
}
.top .counts_02 {
  background: #ffffff url(../asset/top_pc_bg02.jpg) no-repeat right top;
  padding: 20px 0;
  margin-bottom: 0;
}
.top .counts_03 {
  background: #fff3d6;
  padding: 20px 0px;
  margin-bottom: 0;
}
.top .counts_04 {
  background: #ffffff url(../asset/top_pc_bg03.jpg) no-repeat left top;
  padding: 20px 0;
  margin-bottom: 0;
}

.top .counts_01 .grid_3 {

  -webkit-box-shadow: 2px 2px 2px 0 #c6c2b9;
  -moz-box-shadow: 2px 2px 2px 0 #c6c2b9;
  box-shadow: 2px 2px 2px 0 #c6c2b9;
}



#sidecontact {
  display: block;
  position: fixed;
  top: 15%;
  width: 60px;
  height: 410px;
  right: 0;
  z-index: 1000;
}
#inquiryBody #sidecontact {
  display: none;
}

#sidecontact a img:hover {
  opacity: 0.7;
}

.sp_on {
  display: none;
}

#header li,
#header li,
#header li a,
#header li a,
#footer a,
#footer a {
    vertical-align: middle !important;
}
/*----------------under ----------------*/

.under_list li {
  position: relative;
  padding: 2px 0 2px 15px;
}

.under_list li:before {
  content: '';
  background: #f89c0b;
  width: 5px;
  height: 5px;
  left: 3px;
  top: 12px;
  display: block;
  position: absolute;
    border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.about .under_list a {
    text-decoration: underline;
}


.under .grid_6 strong,
.under .b_09 strong {
  vertical-align: text-bottom;
}
.under .grid_6 span,
.under .b_09 span {
  vertical-align: baseline;
}
.h5_bt {
  border-bottom: 2px solid #313131;
}
.h5_bt2 {
  border-bottom: 2px solid #f89c0b;
}


.info .singlebox4 {
    padding: 5px;
    width: 48.5% !important;
}

.flow .grid_6 {
    float: right;
}
.flow .container_12 .alpha {
  margin-left: 10px !important;
  margin-right: 0px !important;
}
.flow .grid_6 {
    float: right;
}
.flow .container_12 .omega {
  margin-left: 0px !important;
  margin-right: 10px !important;
}

.brandname .contents_block a,
.generic .contents_block a {
  text-decoration: underline;
}
.brandname .contents_block a:hover,
.generic .contents_block a:hover {
  text-decoration: none;
}

.bg_col li {
  padding: 5px 0;
}
.t_box {
background: #448b1c;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
padding: 2px 5px 2px;
text-align: center;
position: relative;
color: #fff;
top: 0;
left: 0;
}


.under .container_12 .grid_6.alpha {
    width: 310px;
}
.under .container_12 .grid_6.omega {
    width: 610px;
}

.t_img {
  text-align: center;
}
.t_img img {
  max-width: 130px;
}
.t_img .img3 {
border: none;
}

.under .sp_on,#blogBody .sp_on {
  display: none;
}

/*----------------- qa -----------------*/



dl.qa_t dt {
  background: url(../asset/qa_q.png) no-repeat 8px 0;
  padding: 5px 0 10px 50px;
  border-left: 5px solid #17722d;
  margin-bottom: 10px;
  font-weight: bold;
}

dl.qa_t dd {
  background: url(../asset/qa_a.png) no-repeat 8px 0;
  padding: 5px 0 10px 50px;
  border-left: 5px solid #90c75a;
  margin-bottom: 15px;
}

.col_qa li {
  padding: 3px 0 3px 25px;
  position: relative;
}
.col_qa li a {
  font-size: 114%;
  color: #448b1c;
  text-decoration: underline;
}
.col_qa li a:hover {
  color: #313131;
  text-decoration: none;
}
.col_qa li a:visited {
  color: #313131;
}
.col_qa li:before {
  content: '';
  background: #f89c0b;
  width: 6px;
  height: 6px;
  left: 5px;
  top: 12px;
  display: block;
  position: absolute;
  border-radius: 50%;
}

/*--------------------------------------*/
.dw_th {
  width: 70%;
  margin: 0 auto;
}
.dw_th li {
  float: left;
  width: 33%;
  text-align: center;
}
/*---------------generic-----------------*/


.bg_col {
  background: #fff3d6;
  padding: 15px;
}

/*--------------------------------------*/
.under #content-top .contents_block {
  min-height: 0px;
}
.under .contents_block {
  min-height: 500px;
}


/*------- tel ---------------------------- */

.access_tel a[href^="tel:"] {
  pointer-events: none;
}



/*---------------------------------------- */




body{
 font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	min-width: 960px;
	background: #ffffff;
	color: #323232;
	font-size: 15px;
	line-height: 1.5;
}
#owl h2 {
	line-height: 74px;
}f


p {
	margin-bottom: 22px;
}
h2{
	font-size: 38px;
	line-height: 1;
        color: #313131;
	text-transform: uppercase;
	padding-top: 15px;
	margin-bottom: 15px;
        text-align: center;
        font-family: "UD新ゴ コンデンス90 B JIS2004",Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
h3{
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-shadow: 1px 1px 1px #fff;
}


a:focus {
    outline: none;
}
/*--------------------------------------*/
.gnv_tmp_h3_bg {

/*
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
        background: none #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #333));
	background: -webkit-linear-gradient(top, #333 0%, #000 100%);
	background: -moz-linear-gradient(top, #333 0%, #000 100%);
	background: -o-linear-gradient(top, #333 0%, #000 100%);
	background: -ms-linear-gradient(top, #333 0%, #000 100%);
	background: linear-gradient(top, #333 0%, #000 100%);
*/
        position: relative;
        border: 2px solid #448b1c;
	padding: 6px 6px 6px 30px;
        
}
.gnv_tmp_h3_bg:before {
	content: "";
	position: absolute;
	background: url('/asset/h3_bg.png') no-repeat left center;
	top: 25%;
	left: 5px;
	margin-top :-5px;
	height: 35px;
	width: 35px;
	border-radius: 0;
}
.gnv_tmp_h3_bg h3 {
        font-size: 150%;
	color: #313131;
	padding: 0 0 0 10px;
        margin: 0;
}

/*--------------------------------------*/

h4{
	font-size: 28px;
	line-height: 34px;
	word-wrap: break-word;
	margin-bottom: 15px;
}



/*--------------------------------------*/

.gnv_tmp_h4_bg {
	position: relative;
	padding: 5px 5px 5px 10px;
	border-bottom: 2px solid #f89c0b;
	font-weight: bold;
        margin-bottom: 1.5em;
        background: #fff3d6;
}
/*
.gnv_tmp_h4_bg:before {
	content: "";
	position: absolute;
	background: #555;
	top: 50%;
	left: 10px;
	margin-top :-5px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #000 inset;
}
*/
.gnv_tmp_h4_bg h4 {
        font-size: 130%;
	color: #f89c0b;
	margin: 0;
	padding: 0 0 0 10px;
}


/*--------------------------------------*/
h5{
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 10px 0 15px;
}
.top h5 {
  font-family: "UD新ゴ コンデンス90 B JIS2004",Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #448b1c;
  margin: 2px 0 10px;
}
h6{
	color: #448b1c;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
img {
	max-width: 100%;
	width: 100%;
}

input {
/*	border-radius: 0 !important;*/
	outline: none !important;
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

* {
	-webkit-text-size-adjust: none;
}
.extra_wrapper{
	overflow: hidden;
}

/*-----------Header------------*/
#header{
	background: url('../asset/header_bg.jpg') repeat-x left bottom;
        border-top: 3px solid #448b1c;
}
#header h1{
	clear: both;
	padding-top: 23px;
	display: inline-block;
	margin-bottom: 27px;
	float: left;
}
#header h1 img{
	display: block;
}

/*------------------------------*/
.sf-menu>li {
  margin: 0 4px;
}
.sf-menu>li.current>a {
  color: #1b1b1b;
}
.sf-menu>li>a {
  color: #1b1b1b;
}
.sf-menu>li.sfHover>a, .sf-menu>li>a:hover {
  color: #f89c0b;
}
.sf-menu>li>a {
  font-family: ""メイリオ"",Meiryo,verdana,""ヒラギノ角ゴ Pro W3"",""Hiragino Kaku Gothic Pro"",Osaka,""ＭＳ Ｐゴシック"",""MS PGothic"",Sans-Serif;
  font: inherit;
}

.sf-menu ul {
  left: 0;
  top: 42px;
  background-color: #75b550;
    padding: 15px 6px 15px 6px;
}
.sf-menu a.sf-with-ul:before {
  content: '';
  background: url('../asset/arrow.png') 0 0 no-repeat;
  width: 5px;
  right: 48%;
  top: 22px;
  display: block;
  position: absolute;
  height: 5px;
}
.sf-menu ul li a {
  color: #ffffff;
  display: block;
  font: 14px/26px 'arial', sans-serif;
text-align: center;
}

.sf-menu ul li a:hover {
  color: #306f0c;
}





/*-----------Content-----------*/
#content_mainimage{
	background-color: #fff;
    min-height: 210px;
}
.brd{
	height: 5px;
	background: url('//static.plimo.com/static/type8/images/bg3.jpg') repeat-x;
}
.brd1{
	padding-top: 35px;
	border-right: 1px solid #cdcdcd;
	min-height: 65px;
	margin-top: 18px;
}
.brd2{
	padding-top: 37px;
	background: url('//static.plimo.com/static/type8/images/bg6.jpg') repeat-x #f6f6f6;
}
.brd3{
	padding-top: 10px;
	
	min-height: 230px;
}

/*----------------------------------------*/

#footer .container_12 .grid_3 {
        border-left: 1px solid #c5e0b4;
        border-right: 1px solid #c5e0b4;
        padding: 0 0 0 15px;
        width: 240px;
}
#footer .container_12 .grid_4 {
  width: 310px;
}
#footer .container_12 .grid_5 {
        width: 300px;
}
#footer .container_12 .grid_5 li {
  background: url('../asset/footer_bf.png') no-repeat left center;
  padding: 2px 0 2px 15px;
}

/*----------------------------------------*/
.brd4{
	padding-top: 37px;
	background: #f6f6f6;
}
.bg2{
	padding-top: 50px;
	background: #f6f6f6;
}
.bg5{
	background: url('//static.plimo.com/static/type8/images/bg5.jpg') repeat-x #f6f6f6;
}
.div1{
	padding: 0 150px 32px;
}
.div2{
	padding-top: 35px;
	min-height: 65px;
	margin-top: 20px;
}
.div3{
	background: none;
	padding: 24px 18px 24px 16px;
}
.div4{
	padding: 12px 18px 26px 18px;
}
.div4, .div7{
	border-bottom: 1px solid #d6d6d6; 
	border-left: 1px solid #d6d6d6; 
	border-right: 1px solid #d6d6d6;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.div4:before, .div4:after, .div7:before, .div7:after{
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
}
.div4:before, .div7:before{
	bottom: 0;
	right: 0;
	border-width: 0 0 29px 29px;
	border-color: transparent transparent #d6d6d6 transparent;
}
.div4:after, .div7:after{
	border-width: 0 0 30px 30px;
	bottom: -1px;
	right: -1px;
	border-color: transparent transparent #fff transparent;
}
.div5{
	padding: 0 52px 17px 0;
}
.div6{
	background: #fff;
	padding: 0 12px 17px 0;
	color: #9a9a9a;
}
.div7{
	padding: 12px 18px 14px 18px;
}
.div7 .tit {
	font-size: 30px;
	line-height: 26px;
	text-transform: uppercase;
	padding-top: 20px;
	color: #323232;
	margin-bottom: 13px;
}
.pstn{
	min-height: 10px;
	position: relative;
}
article.art1 {
	position: absolute;
	top: -172px;
	left: 0;
	right: 0;
}
.top article.art1 {
	position: absolute;
	top: -433px;
	left: 0;
	right: 0;
}

.block1{
	background: #464646;
	padding: 27px 30px 27px 15px;
	margin-bottom: 40px;
}
.block1 p{
	color: #323232;
	font-size: 14px;
	line-height: 22px;
}
.block1 p span{
	font-size: 20px;
	text-transform: uppercase;
	line-height: 18px;

	display: block;
	margin-bottom: 10px;
}


/*--------------List------------*/
.gallery li{
	margin-bottom: 20px;
}
.list li{
	background: url(/asset/marker1.png) 0 16px no-repeat;
	text-align: left;
	padding-left: 13px;
	line-height: 310%;
}
.gal li {
	margin-bottom: 20px;
}
.list1{
	margin-bottom: 22px;
}
.list1 li {
	display: inline-block;
	color: #3fc8f0;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}
.list1 li+li {
	margin-left: 3px;
}


/*-------------Text------------*/
.txt {
	text-align: center;
}
.p1 {
	color: #3fc8f0;
}
.top .p1 {
	text-align: center;
        font-size: 140%;
        font-weight: bold;
        color: #448b1c;
 font-family: "UD新ゴ コンデンス90 B JIS2004",Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.p2 {
}
.p3 {
	font-size: 16px;
	line-height: 18px;
	color: #292b2d;
	text-shadow: 1px 2px 0px #fff;
	margin-bottom: 24px;
}
.p4 {
	font-size: 21px;
	line-height: 30px;
	display: block;
	color: #010101;
	margin-bottom: 10px;
}
.p5 {
	color: #000000;
	font-size: 14px;
	line-height: 22px;
}
.p6 {
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	color: #3fc8f0;
	margin-bottom: 14px;
}

/*------------Images-----------*/
.img1, .img2, .img3, .img4 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.img1 {
	display: inline-block;
	border: 1px solid #d9d9d9;
}
.img2 {
	display: inline-block;
	border: 1px solid #d0d0d0;
}
.img3 {
	border: 1px solid #dadada;
	margin-bottom: 25px;
}
.img4 {
	float: left;
	border: 1px solid #dcdcdc;
	display: inline-block;
	margin: 5px 20px 20px 0;
}

/*-------------Links-----------*/
a {
	text-decoration: none;
	color: inherit;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
a:hover {
	color: #f89c0b;
}
a.lightbox {
	display: block;
	position: relative;
}
.gallery a.lightbox span {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url('//static.plimo.com/static/type8/images/magnify.png') -100px center no-repeat;
}
.gallery a.lightbox:hover span {
	background-position: center center;
}
.link{
	width: 42px;
	position: absolute;
	height: 42px;
	bottom: 5px;
	right: 5px;
}
.link:hover{
	opacity: 0.7;
}
.a1{
	color: #313131;
	text-transform: uppercase;
	padding: 5px 35px 5px 45px;
	position: relative;
        background: #ececec;
	background: linear-gradient(to bottom, #ffffff, #ececec);
        background: -webkit-linear-gradient(top, #ffffff, #ececec);
        background: -moz-linear-gradient(top, #ffffff, #ececec);
        background: -o-linear-gradient(top, #ffffff, #ececec);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ececec')";
	display: inline-block;
	margin-bottom: 14px;
        border: 1px solid #b5b5b5;
  -webkit-box-shadow: 2px 2px 2px 0 #c6c2b9;
  -moz-box-shadow: 2px 2px 2px 0 #c6c2b9;
  box-shadow: 2px 2px 2px 0 #c6c2b9;
}
.a1:hover{
	color: #f89c0b;
	opacity: 0.7;
}
.a1:before{
	content: '';
	left: 20px;
	display: block;
	height: 12px;
	background: url('/asset/btn_bg.png') no-repeat;
	width: 12px;
	position: absolute;
	top: 10px;
}
.a2{
	color: #ffffff;
	display: inline-block;
        background: #ff7300;
	background: linear-gradient(to bottom, #ffaa08, #ff7300);
        background: -webkit-linear-gradient(top, #ffaa08, #ff7300);
        background: -moz-linear-gradient(top, #ffaa08, #ff7300);
        background: -o-linear-gradient(top, #ffaa08, #ff7300);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffaa08', endColorstr='#ff7300')";
	text-transform: uppercase;
	padding: 6px 20px;
          border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 2px 2px 2px 0 #c6c2b9;
  -moz-box-shadow: 2px 2px 2px 0 #c6c2b9;
  box-shadow: 2px 2px 2px 0 #c6c2b9;
}
.a2:hover{
	opacity: 0.7;
        color: #ffffff;
}
.a3{
	padding: 6px 25px 6px;
	background: #f89c0b;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
}
.top .a3 {
  text-align: center;
  display: block;
  padding: 6px 10px 6px;
  width: 70%;
  margin: 0 auto;
}
.a3:hover{
	background: #f89c0b;
	opacity: 0.7;
        color: #fff;
}
.a4{
	color: #3fc8f0;
	font-size: 36px;
}
.a5{
	font-size: 30px;
	line-height: 34px;
	color: #3fc8f0;
}
.a6{
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	color: #3fc8f0;
}
.a7{
	color: #3fc8f0;
	font-size: 30px;
	line-height: 34px;
}
.a4:hover, .a5:hover, .a6:hover, .a7:hover{
	color: #464646;
}
.a8{
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	background: #707070;
	display: inline-block;
	padding: 8px 24px 7px;
	float: right;
	color: #fff;
}
.a8:hover{
	color: #909090;
}
.a9{
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 18px;
}


.a10{
	color: #313131;
	text-transform: uppercase;
	padding: 5px 5px 5px 25px;
	position: relative;
	background: linear-gradient(to bottom, #ffffff, #ececec);
        background: -webkit-linear-gradient(top, #ffffff, #ececec);
        background: -moz-linear-gradient(top, #ffffff, #ececec);
        background: -o-linear-gradient(top, #ffffff, #ececec);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ececec')";
	display: block;
	margin-bottom: 14px;
        border: 1px solid #b5b5b5;
   -webkit-box-shadow: 2px 2px 2px 0 #c6c2b9;
  -moz-box-shadow: 2px 2px 2px 0 #c6c2b9;
  box-shadow: 2px 2px 2px 0 #c6c2b9;
       width: auto;
       text-align: center;
  margin: 0 auto;
}
.a10:hover{
	color: #f89c0b;
	opacity: 0.7;
}
.a10:before{
	content: '';
	left: 20px;
	display: block;
	height: 12px;
	background: url('/asset/btn_bg.png') no-repeat;
	width: 12px;
	position: absolute;
	top: 10px;
}

/*
.a12:before{
	content: '';
	width: 12px;
	display: block;
	position: absolute;
	height: 12px;
	top: 4px;
	background: url('/asset/btn_bg.png') 0 0px no-repeat;
	right: -20px;
}*/
.a11{
	font-size: 14px;
	font-style: italic;
	color: #3fc8f0;
}
.a10:hover, .list1 a:hover, .a11:hover{
	color: #585858;
}
.a12{
	position: relative;
	color: #f89c0b;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
        text-decoration: underline;
        padding: 0px 25px 0px 5px;
        background: url('/asset/btn_bg.png') top right no-repeat;
}
.a12:hover {
    text-decoration: none;
}

/*-------------Indent-----------*/
.pad1{
	padding-top: 38px;
}
.pad2{
	padding-bottom: 70px;
}
.pad3{
	padding-right: 60px;
}
.pad4{
	padding-top: 10px;
}
.pad5{
	padding-top: 40px;
}
.pad6{
	padding-top: 34px;
}
.pad7{
	padding-top: 36px;
}
.pad8{
	padding: 0 50px 52px 0;
}
.pad9{
	padding-top: 225px;
}

.mrg1{
	margin-bottom: 22px;
}
.mrg2{
	margin-bottom: 40px;
}
.mrg3{
	margin-bottom: 15px;
}
.mrg4{
	margin-bottom: 20px;
}
.mrg5{
	margin-bottom: 0;
}
.mrg6{
	margin-bottom: 27px;
}
.mrg7{
	margin-bottom: 7px;
}
.mrg8{
	margin-bottom: 12px;
}
.mrg9{
	margin-bottom: 30px;
}
.mrg10{
	margin-bottom: 10px;
}
.mrg11{
	margin-bottom: 36px;
}

/*-------------Footer-----------*/
#footer{
	border-top: 4px solid #448b1c;
        background: #e7f6de;
	padding: 24px 0 80px;
}
#footer h1 a{
	display: inline-block;
}
#subscribe-form { 
	position: relative;
}
#subscribe-form input { 
	color: #fff;
	border: none;
	width: 100%;
	box-shadow: none !important;
	text-transform: none;
	height: 33px;
	padding: 7px 5px 8px 15px;
	background: #909090;
	margin-bottom: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
}
#subscribe-form fieldset {
	position: relative;
}
#subscribe-form .error {
	position: absolute;
	border: 1px solid #909090;
	box-shadow: none;
	overflow: hidden;
	display: none;
	height: 0;
	font-size: 10px;
	top: 0;
	color: red;
	right: 22px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#subscribe-form .success {
	border-radius: 0;
	padding: 0;
	height: 37px;
	border: 1px solid #40515e;
	text-align: center;
	background: #b6b6b6;
	position: absolute;
	z-index: 10;
	top: 0;
	width: 100%;
	color: #40515e;
}
#subscribe-form label.invalid .error {
	height: 19px;
	display: block;
}
#subscribe-form a[data-type="submit"]{
	float: right;
}
footer address{
	color: #fff;
	padding-top: 4px;
	text-transform: uppercase;
}
footer address dt{
	margin-bottom: 20px;
}
.privacy{
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	margin: 2px 0 12px;
}
.socials a{
	display: inline-block;
}
.socials a:hover{
	filter:alpha(opacity=50);
	opacity: 0.5;
}

/*--------------To_Top----------*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px !important;
    right: 50px !important;
    margin: 0px !important;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../asset/page_top.png) center no-repeat;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    opacity: 0.7;
    outline: none;
    /*background: url(//static.plimo.com/static/type8/images/totop.png) center no-repeat #909090;*/
}

/*--------------Map-------------*/
.map {
	overflow: hidden;
	padding-bottom: 40px;
	text-align: left;
}
.map figure {
	display: inline-block;
	width: 100%;
}
.map figure iframe {
	width: 345px;
	height: 273px;
	max-width: 100%;
	border: 1px solid #dfdfdf;
	margin-bottom: 26px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.map address {
    font-style: normal;
    line-height: inherit;
	display: block;
	font-weight: normal;
}
.map address dt {
	margin-bottom: 12px;
	text-transform: uppercase;
	color: #3fc8f0;
}
.map address dd{
	height: 24px;
}
.map address dd span {
	color: inherit;
	padding: 0;
	display: inline-block;
	min-width: 70px;
	text-align: left;
}
.map address a{
	color: #3fc8f0;
}
.map address a:hover{
	color: #585858;
}

/*------------- other ---------------*/


.sf-menu>li:after {
  display: none;
}

.top_dw a img:hover {
  opacity: 0.7;
}


@media only screen and (max-width: 995px) and (min-width: 768px) {


.counts_02 .container_12 {
  width: 748px;
}
}
/*=======================RESPONSIVE LAYOUTS===========================*/

@media only screen and (max-width: 995px) {
	body {
		min-width: 768px;
	}
	#owl h2{
		font-size: 40px !important;
		line-height: 40px !important;
		padding: 120px 0 180px !important;
	}
	#owl .owl-prev, #owl .owl-next {
		top: 35% !important;
	}
	article.art1 {
	    top: -134px;
	}
        .top article.art1 {
	    top: -395px;
	}
	h2{
		font-size: 34px;
	}
	.div5, .div6 {
		padding: 0 0 17px 0;
	}
	.div7{
		padding: 10px 10px;
	}
	.block1 p span {
		font-size: 18px;
	}
	.pad3{
		padding-right: 5px;
	}
	/*footer, #content {
		text-align: center;
	}*/
	#newsletter1 input {
		width: 90%;
	}
	footer address {
		font-size: 10px;
	}
	#newsletter1 a[data-type="submit"] , .img4 {
		float: none;
	}
	.img4 {
		margin-right: 0;
	}
	.div4 {
	    padding: 0 10px 10px;
	}
	.div1 {
		padding: 0 40px 32px;
	}


/*----------------- top -----------------*/

.top .contents_block.container_12 {
  width: 100% !important;
}
.wd960 {
  max-width: 748px;
  margin: 0 auto 2em;
}

.top_dw .grid_12 {
  width: 768px;
}


.a10{
	padding: 5px 15px 5px 25px;	
}

.a10:before{

	left: 10px;

}
/*----------------header------------------*/
#header h1 {
  width: 18%;
}
.sf-menu ul {
  top: 38px;
}


/*----------------footer------------------*/

#footer .container_12 .grid_3 {
  width: 240px;
}
#footer .container_12 .grid_4 {
  width: 230px;
}
#footer .container_12 .grid_5 {
        width: 220px;
}


/*----------------------------------------*/
.sf-menu {
  padding: 49px 0 0 0;
}



/*------- tel ---------------------------- */

.access_tel a[href^="tel:"] {
  pointer-events: auto;
}



/*--------------under------------------- */


.max_img img {
  max-width: 500px;
  margin: 0 auto;
}
.bt .container_12 {
  width: 748px;
}
.bt .grid_12 {
  width: 728px;
}

.under .contents_block.container_12 {
  width: 746px;
}
.under .grid_12 {
  padding: 0 0px;
  margin: 0px;

}
.container_12 .grid_8 {
  width: 452px;
}

.info .singlebox4 .b_10 img {
  width: auto;
}

}


@media only screen and (max-width: 767px) {
	body {
		min-width: 420px;
	}
	article.art1 {
		position: static;
		margin: 10px 0 20px;
	}
        .top article.art1 {
		position: static;
		margin: 10px 0 20px;
	}
	.div7 {
	    padding-bottom: 20px;
	}
	.pad9 {
		padding-top: 45px;
	}
	h4{
		font-size: 30px;
	}
	.div1 {
		padding: 0 20px 32px;
	}
	.brd1, .brd3 {
		border-right: none;
	}
	.brd3 {
		min-height: 100px;
		margin-bottom: 40px;
	}
	#owl h2 {
		padding: 80px 0 95px !important;
		font-size: 30px !important;
		line-height: 30px !important;
	}
	#owl .item {
		padding: 0 45px !important;
	} 
	.brd1, .div2 {
		min-height: 30px;
		padding-top: 10px;
		margin-top: 10px;
	}
	.img2 {
		margin-bottom: 20px;
	}
	ul.list{
		margin-bottom: 40px;
	}
	.btns{
		padding-top: 0 !important;
	}


/*--------------under------------------- */



.dw_th li {
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

/*--------------- header ----------------*/

#header h1 {
  width: auto;
  text-align: center;
  float: none;
  display: block;
}
#header h1 img {
  max-width: 228px;
  display: inherit;
}

/*----------------- top -----------------*/
.sp_on {
  display: block;
}

.sp_on .sp_inq {
  max-width: 185px;
  margin-right: 10px;
  float: left;
  width: 100%;
}
.sp_on .sp_tel {
  max-width: 225px;
  float: right;
  width: 100%;
}
.sp_on .sp_inq img {
  width: 100%;
}
.sp_on .sp_tel img {
  width: 100%;
}



.top .counts_01 {
  background: url(../asset/top_sp_bg01.jpg) no-repeat center bottom;
}
.top .counts_02 {
  background: url(../asset/top_sp_bg02.jpg) no-repeat center top;
}
.top .counts_04 {
  background: url(../asset/top_sp_bg03.jpg) no-repeat center top;
}



.top .contents_block.container_12 {
  width: 100% !important;
}
.wd960 {
  max-width: 420px;
  margin: 0 auto 2em;
}
#sidecontact {
  display: none;
}

.top .counts_02 img,
.top .counts_04 img {
  display: none;
}
.a10{
  width: 140px;
}

#footer .container_12 .grid_3 {
    border-left: none;
    border-right: none;
    padding: 0;
}
.info .singlebox4 {
      width: 46.5% !important;
}


.top_dw .singlebox3 {
  padding: 0 65px;
}

.top .img3 {
	margin-bottom: 15px;
}
.counts_04 .gallery li {
  margin-bottom: 10px;
}
.counts_04 .div3 {
  padding: 10px 18px 10px 16px;
}







#toTop {
  right: 20px !important;
}

}



@media only screen and (max-width: 480px) {
	body {
		min-width: 300px;
	}	
	#owl h2 {
		padding: 70px 0 85px !important;
		font-size: 25px !important;
		line-height: 25px !important; 
	}
	#owl .item {
		padding: 0 30px !important;
	}
	h4 {
		font-size: 25px;
	}
	.p4{
		font-size: 18px;
		line-height: 25px;
	}

/*----------------- top -----------------*/

.top .contents_block.container_12 {
  width: 100% !important;
}
.wd960 {
  max-width: 300px;
  margin: 0 auto 2em;
}
.top_dw .singlebox3 {
  padding: 0 15px;
}
.sp_on .sp_inq {
  width: 44%;
}
.sp_on .sp_tel {
  width: 52.5%;
}

/*--------------under------------------- */


.bt .container_12 {
  width: 300px;
}

}
/*-----------------------------------------------------------------------------------------------------------------------*//* inquiry */
.inquiry #content .contentArea {
    margin: 4em 0 10em;
    width: 100%;
}
.inquiry #content .message {
    margin-bottom: 2.4em;
}
.inquiryFormTable {
    border-bottom: 1px solid rgb(153, 153, 153);
    border-top: 1px solid rgb(153, 153, 153);
    padding: 2.4em 0;
}
.inquiryFormTable dl {
    display: table;
    width: 100%;
}
.inquiryFormTable dt {
    border-right: medium none;
    font-weight: 700;
    width: 25%;
}
.inquiryFormTable dd, .inquiryFormTable dt {
    display: table-cell;
    padding: 7px 10px 20px;
    text-align: left;
    vertical-align: top;
}
#inquiryForm .comment {
    color: rgb(153, 153, 153);
    display: block;
    font-size: 70%;
    margin-top: 0.3em;
}
.inquiryFormTable .formS {
    width: 30%;
}
.inquiryFormTable .formM {
    width: 50%;
}
.inquiryFormTable .formL {
    width: 82%;
}
.inquiryFormTable textarea {
    padding: 0.3em;
    width: 98%;
}
.inquiryFormTable .required {
    color: rgb(204, 0, 0);
    font-size: 80%;
    font-weight: 700;
    padding-left: 0.5em;
}
.inquiryFormTable .title {
    border-bottom: 1px solid rgb(153, 153, 153);
    color: rgb(51, 51, 51);
    margin: 1.5em 0;
    padding: 0.7em 0.5em;
}
.inquiryFormTable hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 15px 0 0;
    color: rgb(255, 255, 255);
    height: 0;
}
.inquiryFormTable .text {
    color: rgb(102, 102, 102);
    font-size: 90%;
    margin: 0.5em 0;
}
.inquiryFormTable label.tandem {
    display: block;
}
.inquiry #content .btBox {
    margin: 3.5em 0 0;
    text-align: center;
}
.inquiry #content .backBt, .inquiry #content .confirmBt, .inquiry #content .submitBt, .inquiry #content .topBt {
    height: auto;
    margin: 0;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 152px;
}
.inquiry #content .backBt {
    margin-right: 30px;
}
.inquiry #content .topBt {
    display: block;
    margin: 2em auto;
}
.inquiry #content .errorText:before {
    content: "※";
}
.inquiry #content .errorText {
    color: rgb(204, 0, 0);
    display: block;
    font-size: 85%;
}
.inquiryFormTable textarea, input.formM {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
}

.inquiry #content .confirmBt:hover {
  opacity: 0.7;
}

#inquiryBody .sp_on {
  display: none;
}
body#inquiryBody.under #content-top {
    min-height: 0px !important;
}

/* =====================================
 blog
===================================== */
#archiveCategory .list li {
    min-height: 25px;
}
#blogBody .list li{
	line-height:160%;
	margin-bottom:5px;
}
p.date{
	margin-bottom:5px;
}
.blogcontent{
	margin-bottom:40px;
}
/* =====================================
 pagenation
===================================== */
#pagenation .inner {
    margin: 30px auto 20px;
    padding-top: 20px;
    white-space: nowrap;
    width: 235px;
}
#pagenation ul,#pagenation ol {
    margin: 0;
    padding: 0;
}
#pagenation ul {
    list-style: none outside none;
}
#pagenation li {
    float: left;
    font-size: 100%;
    margin: 0.15em;
    text-align: center;
    width: 2em;
}
#pagenation li a {
    background: none repeat scroll 0 0 rgb(237, 237, 237);
    color: rgb(102, 102, 102);
    display: block;
    padding: 0.25em 0;
}
#pagenation .active a, #pagenation a.active:hover {
    background: #323232;
    color: #fff;
}
#pagenation .arrow {
    float: left;
    margin: 0.2em;
}

/* =====================================
 notfound
===================================== */
#notfoundBody p {
    text-align: center;
}
#notfoundBody form {
    text-align: center;
}
#notfoundBody .contentArea {
    margin-left: 0;
    margin-bottom: 2em;
}
.static #content .contentArea p {
    line-height: 1.4em;
    margin-bottom: 1em;
}
.static #content h2.titleBg, h2.titleBg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgb(237, 237, 237);
    border-left: medium none;
    border-top: 3px solid #448b1c;
    font-size: 120%;
    padding: 10px 15px;
}
#notFound.grid_8 {
    min-height: 200px;
}
/* =====================================
 sitemap
===================================== */
ul.sitemap_ic li {
    border-bottom: 1px dotted rgb(204, 204, 204);
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.sitemap_ic li a {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 20px 10px 20px 15px;
    position: relative;
    text-decoration: none;
}
ul.sitemap_ic li a:before {
    background: none repeat scroll 0 0 rgb(204, 204, 204);
    content: "";
    display: block;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
}
ul.sitemap_ic li a:after {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    content: "";
    display: block;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
}
/* =====================================
 news
===================================== */
#news {
    position: relative;
    margin-left: 0;
}
#news h2 {
    border-top: 3px solid #448b1c;
    display: block;
    font-size: 130%;
    margin: 0 0 1em !important;
    padding: 10px;
}
#news dl {
    border-bottom: 1px solid rgb(237, 237, 237);
    margin-bottom: 0.6em;
    width: 100%;
}
#news dt {
    float: none;
    font-weight: bold;
    margin-bottom: 0.1em;
    padding: 0 10px;
    vertical-align: initial;
}
#news dt .newsNew {
    background: none repeat scroll 0 0 #f89c0b;
    border-radius: 2px;
    color: rgb(255, 255, 255);
    font-size: 76%;
    margin: 0 0 0 10px;
    padding: 2px 4px;
}
#news dd {
    float: none;
    font-size: 15px;
    padding: 0 10px 0.6em;
    width: auto;
}
#news dd a {
    text-decoration: underline;
}
/* news link -------------------------- */
#news .ov {
    display: block;
    float: left;
    position: absolute;
    text-align: right;
    top: 16px;
    right: 10px;
    width: auto;
}
/* news detail -------------------------- */
#newsDetail {
    margin-top: 10px;
}
.newsDetailBody {
    margin-top: 1em;
    padding: 0 10px 10px;
}
/* =====================================
 youtube resp 対応コード
===================================== */
.youtube_contents {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
}
.youtube_contents embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube_contents iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* =====================================
 singlebox
===================================== */
/* 2 column -------------------------- */
.singlebox2 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    width: 47% !important;
}
/* 3 column -------------------------- */
.singlebox3 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    width: 33.3% !important;
}
.singlebox3 {
	box-sizing: border-box;
}
.singlebox3 .b_11_in {
    padding: 5px;
}
.singlebox3 .b_11_in span img {
    margin: 0;
}
/* 4 column -------------------------- */
.singlebox4 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 25% !important;
}

.info .singlebox4 .b_10 img {
  width: auto;
}

.singlebox4 .b_11_in {
    padding: 5px;
}
.singlebox4 .b_11_in span img {
    margin: 0;
}
.gallery .singlebox4{
    padding: 5px;
	box-sizing:border-box;
}


@media only screen and (max-width: 767px) {
/* common column -------------------------- */
.singlebox2,
.singlebox3,
.singlebox4 {
    width: 100% !important;
    padding: 0 0 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.singlebox2 .b_11_2_in,
.singlebox3 .b_11_2_in,
.singlebox4 .b_11_2_in {
    padding: 5px;
}
.singlebox2 .b_11_2_in span img,
.singlebox3 .b_11_2_in span img,
.singlebox4 .b_11_2_in span img {
    margin: 0;
}




.under .container_12 .grid_6.alpha {
    width: 100% !important;
}
.under .container_12 .grid_6.omega {
    width: 100% !important;
}
}

/* =====================================
 layout
===================================== */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin-right: 3px;
    padding: 0;
}
.side {
	margin-right: 20px;
}

@media only screen and (max-width: 995px) {
#blogBody #content,
#news{
    text-align:left;
}
.container_12 .grid_6 {
    width: 350px;
}
.under .container_12 .grid_6.alpha {
    width: 250px;
}
.under .container_12 .grid_6.omega {
    width: 450px;
}

.img4 {
	float:none;
	margin:0;
}
}

@media only screen and (max-width: 767px) {
.container_12 {
    width: 300px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    margin: 0;
}
.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
    width: 300px;
}
.container_12 .prefix_1, .container_12 .prefix_2, .container_12 .prefix_3, .container_12 .prefix_4, .container_12 .prefix_5, .container_12 .prefix_6, .container_12 .prefix_7, .container_12 .prefix_8, .container_12 .prefix_9, .container_12 .prefix_10, .container_12 .prefix_11 {
    padding-left: 0;
}
.container_12 .suffix_1, .container_12 .suffix_2, .container_12 .suffix_3, .container_12 .suffix_4, .container_12 .suffix_5, .container_12 .suffix_6, .container_12 .suffix_7, .container_12 .suffix_8, .container_12 .suffix_9, .container_12 .suffix_10, .container_12 .suffix_11 {
    padding-right: 0;
}

.flow .container_12 .omega,
.flow .container_12 .alpha {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.container_12 .omega,
.container_12 .alpha {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.top .grid_3  {
  width: auto;
  text-align: center;
}

.top #footer .grid_3  {
  text-align: left;
}

.top .counts_01 .grid_6  {
  text-align: center;
}

.bt .container_12 {
  width: 420px;
}
.bt .container_12 .grid_12 {
  width: auto;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#sitemapBody .container_12,#blogBody .container_12,#notfoundBody .container_12 {
    width: 420px;
}
/*#sitemapBody .under .contents_block.container_12 {
    width: 300px;
}*/

.container_12 {
    width: 420px;
}
.under .contents_block.container_12 {
    width: 420px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    margin: 0;
}
.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
    width: 420px;
}
.container_12 .prefix_1, .container_12 .prefix_2, .container_12 .prefix_3, .container_12 .prefix_4, .container_12 .prefix_5, .container_12 .prefix_6, .container_12 .prefix_7, .container_12 .prefix_8, .container_12 .prefix_9, .container_12 .prefix_10, .container_12 .prefix_11 {
    padding-left: 0;
}
.container_12 .suffix_1, .container_12 .suffix_2, .container_12 .suffix_3, .container_12 .suffix_4, .container_12 .suffix_5, .container_12 .suffix_6, .container_12 .suffix_7, .container_12 .suffix_8, .container_12 .suffix_9, .container_12 .suffix_10, .container_12 .suffix_11 {
    padding-right: 0;
}
}

@media only screen and (max-width: 480px) {

.under .contents_block.container_12 {
    width: 300px;
}
.bt .container_12 {
  width: 300px;
}
}