@charset "UTF-8";

body{background:url(../images/background.jpg) no-repeat -80px top;background-size:cover;}
.mb30{margin:bottom:30px;}
.for_pc{display:none;}
.for_mo{display:block;}

.wall{width:100%;height:100%;text-align:center;}
h1 span{display:none;}
h2{font-size:24px;margin:15px;}
.h2{text-align:center;background:url(../images/3_parts.png) no-repeat center 40px;background-size:100%;color:#38593f;}
.h2 p{font-size:14px;margin-top:50px;margin-bottom:34px;}


.greeting{
/*
	background:url(../images/2_background.jpg) no-repeat 50% 0 fixed;
	background-size:cover;
*/
	padding-top:20%;
	width:100%;
	height:100%;
}
.greeting_logo{margin-bottom:64px;}
.greeting_txt{margin:0 20px;margin-bottom:64px;font-size:12px;line-height:34px;text-align:left;}
.greeting_name{font-size:16px;}



/*=====================
*
* nav
*
======================*/
ul.headerNav_ul li img { width:45px;}
.spnavi { margin:-16px 0 0 0;}
.spnavi li { margin:0;}


.spnavi > li + li {
	margin-left: 7px;
}

@media screen and (max-width: 360px) {
ul.headerNav_ul li img { width:40px;}
.spnavi > li + li {
	margin-left: 5px;
}
}



/*=====================
*
* movie
*
======================*/
.movie video{max-width:100%;}
#movie{position: absolute;right: 0;bottom: 0;top: 0;right: 0;width: 100%;height: 100%;background-size: 100% 100%;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;}
.layer{position: absolute;z-index: 4;width: 100%;left: 0;top: 43%;}



.first_title{color:#38593f;font-size:16px;line-height:2;font-weight:bold;
text-shadow: 
0 0 10px #fff, 
0 0 10px #fff, 
0 0 10px #fff,
0 0 10px #fff, 
0 0 10px #fff, 
0 0 10px #fff;
}
.first_title span{font-size:16px;}


/*=====================
*
* 事業案内
*
======================*/
.service{
/*
	background:url(../images/3_background.jpg) no-repeat 50% 0;
*/
	background:#f8f8f8;
	background-size:cover;
	padding-top:64px;
	color:#000;
}
.service_box{max-width:100%;margin:0 auto;}

.white{background:#fff;color:#000;}
.black{background:#000;color:#fff;}

.service .box_3{
	max-width:100%;
	margin:0 auto;
}
.service .box_3 img{max-width:100%;vertical-align:bottom;}
.service .box_3 span{width:90%;margin:0 auto;}
.service .box_3 .title{
	font-size:16px;
	background:url(../images/3_line.png) no-repeat center 60px;
	background-size:100%;
	padding:30px 10px 10px;
}
.service .box_3 span{display:inline;}
.service .box_3 p span{display:block;}

.service .box_3 .title1 span{background:none;background-size:32px;font-weight:bold;padding:5px 0 5px 5px;}
.service .box_3 .title2 span{background:url(../images/3_icon_2.png) no-repeat 0 0;background-size:32px;font-weight:bold;padding:5px 0 5px 40px;}
.service .box_3 .title3 span{background:url(../images/3_icon_3.png) no-repeat 0 0;background-size:26px;font-weight:bold;padding:5px 0 5px 30px;}
.service .box_3 .title4 span{background:url(../images/3_icon_4.png) no-repeat 0 0;background-size:49px;font-weight:bold;padding:5px 0 5px 55px;}
.service .box_3 .title5 span{background:url(../images/3_icon_5.png) no-repeat 0 0;background-size:37px;font-weight:bold;padding:5px 0 5px 45px;}

.service .box_3 p{font-size:12px;text-align:left;margin-top:2px;}

.service_txt_r,.service_txt_l { float:none; width:96%; max-width:96%; margin:0 2%;}


.ser_box { padding:0 0 30px 0;}
.ser_box ul { width:100%;}
.ser_box li { background:#3b6146; color:#fff; padding:8px 5px; float:left; width:90%; margin:0 5% 2% 5%; font-size:80%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-sizing: border-box;}



.service_box_li { width:96%; margin:0 2%;}
.service_box_li li { width:80%; margin:0 10% 4% 10%; background:#fefefe; padding:15px; float:none; box-sizing: border-box;}
.service_box_li li p.img1 img { width:50%; max-width:310px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin:0 0 5px 0;}
.service_box_li li p.img2 img { width:60%; max-width:709px; margin:0 0 0 0;}
.service_box_li li p.t1 { text-align:center; color:#5d5d5d; margin:0 0 10px 0; font-size:80%; font-weight:bold;}
.service_box_li li p.t2 { text-align:center; color:#000; font-size:70%;}
.service_box_li .btn { margin:10px auto 0 auto; width:90%; }
.service_box_li .btn a { font-size:90%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom:none; padding:5px;}

@media screen and (max-width: 420px) {
.service_box_li li p.t2 { text-align:center; color:#000; font-size:70%; line-height:120%;}
.service_box_li .btn a { font-size:70%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom:none; padding:5px;}
}








/*=====================
*
* 会社概要
*
======================*/
.aboutus{
	background:url(../images/4_background.jpg) no-repeat 50% 0;
	background-size:cover;
	padding-top:64px;
	color:#000;
	max-width:100%;
	margin:0 auto;
}
.aboutus .h2{color:#000;}
.aboutus .map{float:none;border:none;padding:2px;margin-right:0;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.aboutus .map iframe,
.aboutus .map object,
.aboutus .map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0 !important;
}
.aboutus .aboutus_txt{float:none;margin-bottom:10px;}
.aboutus .box{width:90%;margin:0 auto 50px;}
.aboutus table{font-size:12px;text-align:left;}
.aboutus table th{vertical-align:top;width:80px;}



/*=====================
*
* お問い合わせ
*
======================*/
.contact{
	background:url(../images/6_background.jpg) no-repeat 50% 0;
	background-size:cover;
	padding-top:64px;
	color:#000;
	max-width:100%;
	margin:0 auto;
}
.contact .h2{color:#fff;}

.contact form dl {
    max-width: 100%;
    margin: 0 auto;
    font-size: 13px;
}
form dl dt, form dl dd {
    display:block;
    padding: 20px 0 0;
    margin-bottom: 1px;
    width: 100%;
    text-align:left;
    color:#fff;
}
form span.for_mo {
    float: left;
    margin-right: 10px;
    padding: 3px 9px;
}
form {width:90%;margin: 0 auto;}
form span.required {background: #dd4607;color: #fff;font-size: 10px;padding: 3px 9px 2px;}
form span {float: right;}
form dl dd {padding: 10px 5px;width:100%;margin-left: 0;box-sizing: border-box;}
form input, textarea {width: 100%;font-size: 14px;padding: 6px;border: 1px solid #ddd;}
form textarea.otoiawase {height: 150px;vertical-align: top;}

input.btn_next,button.btn_next{cursor: pointer;display: block;width: 280px;height: 60px;border: none;text-indent: -9999px;margin: 60px auto 40px;background: url(../images/6_button.png) no-repeat 0 0;background-size: cover;}
input.btn_next:hover, input.btn_submit:hover, input.btn_back:hover, input.goback:hover, input.submit:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-moz-opacity: 0.8;-khtml-opacity: 0.8;}
input.btn_next2,button.btn_next2{cursor: pointer;display: block;width: 280px;height: 60px;border: none;text-indent: -9999px;margin: 60px auto 40px;background: url(../images/7_button.png) no-repeat 0 0;background-size: cover;}
input.btn_next2:hover, input.btn_submit:hover, input.btn_back:hover, input.goback:hover, input.submit:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-moz-opacity: 0.8;-khtml-opacity: 0.8;}








/*=====================
*
* footer
*
======================*/
footer{background:#518b62;color:#fff;font-size:10px;text-align:center;height:40px;line-height:40px;margin-top:0;position:fixed;bottom:0;left:0;width:100%;z-index:10000;}

/*=====================
*
* arrow nav
*
======================*/
.indexBlock_arrow {position: fixed;width:40px;height:40px;bottom:25px;left:50%;margin-left:-20px;cursor: pointer;z-index: 20000;opacity: 1;}




@media screen and (min-width: 768px) {
.for_pc{display:block;}
.for_mo{display:none;}

body{background:url(../images/background.jpg) no-repeat;background-size:cover;}

.pc_con { display:none!important;}
.sp_con { display: block!important;}

h2{font-size:30px;margin:20px;}
.h2 p{font-size:14px;margin-top:50px;margin-bottom:34px;}

.h2{text-align:center;background:url(../images/3_parts.png) no-repeat center 40px;background-size:542px;color:#000;}

.greeting_txt{margin:0 20px;margin-bottom:64px;font-size:16px;line-height:34px;text-align:center;}
.greeting_name{font-size:18px;}

/*=====================
*
* movie
*
======================*/
.first_title{color:#38593f;font-size:32px;line-height:2;
text-shadow: 
0 0 10px #fff, 
0 0 10px #fff, 
0 0 10px #fff,
0 0 10px #fff, 
0 0 10px #fff, 
0 0 10px #fff;
}
.first_title span{font-size:38px;}


/*=====================
*
* 事業案内
*
======================*/
/*
.service_box{width:1100px;margin:0 auto;}
.service .box_3{
	float:left;
	width:300px;
	margin:18px 32px;
}
*/

.service{
	background:#f8f8f8;
	background-size:cover;
	padding-top:80px;
	color:#fff;
}
.service_box{max-width:100%;margin:0 auto;}
.service .box_3{
	max-width:100%;
	margin:0 auto;
	position:relative;
}
.service .box_3 img{max-width:100%;vertical-align:top;}

.service .box_3 .title{
	font-size:16px;
	background:url(../images/3_line.png) no-repeat center 40px;
	background-size:100%;
	padding:10px;
	font-weight:bold;
}



.service .box_3 p{font-size:12px;text-align:left;margin-top:10px;}

.service_txt_r{position:absolute;top:50px;right:0;max-width:500px;margin-right:100px;}
.service_txt_l{position:absolute;top:50px;left:0;max-width:500px;margin-left:100px;}
.service .fc_black{color:#000;}


.ser_box { padding:0 0 0 0;}
.ser_box ul { width:100%;}
.ser_box li { background:#3b6146; color:#fff; padding:8px 5px; float:left; width:46%; margin:0 2% 2% 2%; font-size:90%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-sizing: border-box;}


.service_box_li { width:1200px; margin:0 auto;}
.service_box_li li { width:21%; margin:0 2%; background:#fefefe; padding:20px; float:left; box-sizing: border-box;}
.service_box_li li p.img1 img { width:90%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin:0 0 10px 0;}
.service_box_li li p.img2 img { width:70%; margin:0 0 0 0;}
.service_box_li li p.t1 { text-align:center; color:#5d5d5d; margin:0 0 15px 0; font-size:90%; font-weight:bold;}
.service_box_li li p.t2 { text-align:center; color:#000; font-size:80%;}
.service_box_li .btn { margin:15px auto 0 auto; width:70%; }
.service_box_li .btn a { font-size:90%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom:none; padding:5px;}



.service_con { width:98%; margin:0 auto; max-width:1000px; padding:0 0 100px 0;}
.service_con .ser_left { float:left; text-align:left; width:65%;}
.service_con1 { font-size:85%;}
.service_con1 h3 { color:#fff; background:url(../images/t_bg.png) no-repeat right; background-size:cover; padding:10px 0 10px 15px; margin:0 0 20px 0;}
.service_con1 h4 { font-size:110%; border-bottom:1px solid #38593f; margin:0 0 10px 0; padding:0 0 5px 0;}
.service_con1 p {}
.service_con1 p.pl { font-size:85%; border-bottom:1px dotted #38593f; padding:0 0 3px 0;}
.service_con1 p span { color:#38593f;}
.m30 { margin-bottom:30px;}
.service_con .btn { margin:20px auto 0 0; width:200px; }
.service_con .btn a { font-size:95%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom:none; padding:5px;}





/*=====================
*
* 会社概要
*
======================*/
.aboutus{
	background:url(../images/4_background.jpg) no-repeat 50% 0;
	background-size:cover;
	padding-top:128px;
	color:#000;
	max-width:100%;
	margin:0 auto;
	height:100%;
}
.aboutus .aboutus_txt{float:right;width:300px;}
.aboutus .map{float:left;width:600px;border:1px solid #999;padding:2px;margin-right:0px;height:450px;width:600px;}
.aboutus .box{width:950px;margin:0 auto 50px;}


/*=====================
*
* お問い合わせ
*
======================*/
.contact{
	background:url(../images/6_background.jpg) no-repeat 50% 0;
	background-size:cover;
	padding-top:128px;
	color:#000;
	max-width:100%;
	margin:0 auto;
}
.contact .h2{color:#fff;}

.contact form dl {
    max-width: 100%;
    margin: 0 auto;
    font-size: 13px;
}
form dl dt, form dl dd {
    display:inline-table;
    padding: 20px 0;
    margin-bottom: 1px;
    width: 200px;
    text-align:left;
    color:#fff;
}
form {width: 70%;margin: 0 auto;}
form span.required {background: #cc0000;color: #fff;font-size: 10px;padding: 3px 9px 2px;}
form span {float: right;}
form dl dd {padding: 10px;width:50%;margin-left: 0;box-sizing: border-box;}
form input, textarea {width: 100%;font-size: 14px;padding: 6px;border: 1px solid #ddd;}
form textarea.otoiawase {height: 150px;vertical-align: top;}

input.btn_next{cursor: pointer;display: block;width: 277px;height: 58px;border: none;text-indent: -9999px;margin: 60px auto 40px;background: url(../images/6_button.png) no-repeat 0 0;background-size: cover;}
input.btn_next2{cursor: pointer;display: block;width: 277px;height: 58px;border: none;text-indent: -9999px;margin: 60px auto 40px;background: url(../images/7_button.png) no-repeat 0 0;background-size: cover;}
input.btn_next:hover, input.btn_submit:hover, input.btn_back:hover, input.goback:hover, input.submit:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-moz-opacity: 0.8;-khtml-opacity: 0.8;}
input.btn_next2:hover, input.btn_submit:hover, input.btn_back:hover, input.goback:hover, input.submit:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-moz-opacity: 0.8;-khtml-opacity: 0.8;}

/*=====================
*
* 特定商取引法に基づく表記
*
======================*/
.act{
	background:#fff;
	padding-top:128px;
	color:#000;
	width:100%;
	margin:0 auto;
}
.act h2{font-size:30px;}
.act .h2{color:#007bc3;}
.act .h2 p{margin-bottom:64px;}
.act .act_dl{margin:0 auto;font-size:12px;max-width:50%;}
.act .act_dl dt,.act_dl dd{text-align:left;float:left;}
.act .act_dl dt{width:30%;font-weight:bold;}
.act .act_dl dd{margin-left:0;}


/*=====================
*
* footer
*
======================*/
footer{background:#518b62;color:#fff;font-size:12px;text-align:center;height:64px;line-height:64px;margin-top:0;position:fixed;bottom:0;left:0;width:100%;z-index:10000;}

/*=====================
*
* arrow nav
*
======================*/
.indexBlock_arrow {position:fixed;width:60px;height:60px;bottom:40px;left:50%;margin-left:-30px;cursor: pointer;z-index: 20000;opacity: 1;}

}


/*=====================
*
* common
*
======================*/



.inner {width: auto; max-width: 1000px; margin: 0 auto 0 auto;}

/* テキストカラー */
.bk {color:#333!important;}
.green {color:#006633!important;}
.blue {color:#000099!important;}
.red { color:#CC0000!important;}
.redb { color:#CC0000!important; font-weight:500;}
.red2 { color:#ff0000!important;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}

/* ライン */
.tline { border-top:1px #ccc solid; padding-top:10px;}
.tline_d { border-top:1px #ccc dotted; padding-top:10px;}
.bline { border-bottom:1px #ccc solid; padding-bottom:10px;}
.bline_d { border-bottom:1px #aaa dotted;}
.line_t{text-decoration: line-through;}

a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}



/* =====================================
 画像
===================================== */
img.rab {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
img.rab50 {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.img_c { width:95%; margin:0 auto 20px auto;}
.img_c200 { width:auto; max-width:200px;  margin:0 auto 0 auto;}
.img_c250 { width:80%; max-width:250px;  margin:0 auto 0 auto;}
.img_c300 { width:auto; max-width:300px;  margin:0 auto 0 auto;}
.img_c400 { width:auto; max-width:400px;  margin:0 auto 0 auto;}
.img_c800 { width:auto; max-width:800px;  margin:0 auto 0 auto;}
.img_l { width:50%; margin:0 30px 20px 0; float:left;}
.img_l300 { width:35%; margin:0 5% 20px 0; float:left; max-width:300px;}
.img_r { width:30%; max-width:230px; margin:0 0 20px 30px; float:right;}

.img_c250 img,
.img_c300 img,
.img_c400 img,
.img_c800 img,
.img_c365 img,
.img_c490 img,
.img_c200 img,
.img_l300 img,
.img_c500 img,
.img_c534 img,
.img_c530 img,
.img_c300 img,
.img_c640 img,
.img_c550 img,
.img_c632 img,
.img_c img,
.img_l264 img,
.img_r img,
.img_l img {width:100%!important;}


/* =====================================
 テーブル
===================================== */
table {
	border-collapse: collapse!important;
	border-spacing: 0!important;
}



table.tbl1 { width:100%; font-size:12px; }
table.tbl1 th,table.tbl1 td { border:1px solid #999; padding:5px;  box-sizing: border-box;}
table.tbl1 th { background:#eee; width:25%; text-align:left; vertical-align:middle;}
table.tbl1 td {line-height:150%; background-color: rgba(255,255,255,0.5);}
table.tbl1 td a { text-decoration:underline; color:#0099FF;}
table.tbl1 td a:hover { text-decoration:none; color:#0099FF;}
table.tbl1 td img { }
table.tbl1 th span { font-size:70%; color:#ff0000;}

table.tbl2 { width:100%; font-size:95%; color:#555;}
table.tbl2 th,table.tbl2 td { border:1px solid #ccc; padding:10px;}
table.tbl2 th { background:#eee; width:25%;}
table.tbl2 td {}

table.tbl3 { width:100%; font-size:90%;}
table.tbl3 th,table.tbl3 td { border:1px solid #ddd; padding:5px;  box-sizing: border-box;}
table.tbl3 th { background:#006633; color:#fff; text-align:center;}
table.tbl3 td img { }
table.tbl3 tr:nth-child(2n+1) {
background: #f5f5f5;
}
table.tbl3_off tr:nth-child(2n+1) {
background: #fff;
}
table.tbl3_off td { vertical-align:middle;}

table.tbl4 { width:100%; font-size:90%;}
table.tbl4 th,table.tbl4 td { border:1px solid #ddd; padding:5px;  box-sizing: border-box; vertical-align:middle;}
table.tbl4 th { background:#006633; color:#fff; text-align:center;}
table.tbl4 td img { }
table.tbl4 tr:nth-child(2n+1) {
background: #f5f5f5;
}

table.tbl5 { width:100%; font-size:90%;}
table.tbl5 th,table.tbl5 td { border:1px solid #ddd; padding:3px;  box-sizing: border-box; vertical-align:middle; text-align:center;}
table.tbl5 th { background:#336633; color:#fff; text-align:center;}
table.tbl5 td img { }
table.tbl5 tr:nth-child(2n+1) {

}

table.tbl6 { width:100%; font-size:90%;}
table.tbl6 th,table.tbl6 td { border:1px solid #ddd; padding:3px;  box-sizing: border-box; vertical-align:middle; text-align:center;}
table.tbl6 td input.w20 { width:20%;}
table.tbl6 th { background:#336633; color:#fff; text-align:center;}
table.tbl6 td img { }
table.tbl6 tr:nth-child(2n+1) {

}

/* =====================================
 6. 汎用プロパティ
===================================== */

.fl { float: left;}
.fr { float: right;}

.mt05 { 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;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { 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;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !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;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt05 { 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;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt100 { padding-top: 100px !important;}
.pt150 { padding-top: 150px !important;}
.pt200 { padding-top: 200px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { 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;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb100 { padding-bottom: 100px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}

a:hover img {
	filter: alpha(opacity=70);
	/* Safari Opera */
	opacity:0.70;
	/* Firefox Netscape */
	-moz-opacity:0.70;
}

/*
 map
---------------------------------------------------------------------- */
.gmap {
	position: relative;
	padding-bottom: 50%; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	overflow-y : hidden !important;
	margin-left: 0;
	margin-right: 0;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 border:0 !important;
 overflow-y : hidden !important;
}



/*
 ボタン
---------------------------------------------------------------------- */
.btn {
}

.btn a {
	display: block;
	padding: 10px 5px 10px 5px;
	font-size:140%;
	text-align: center;
	color:#fff;
	background: #336633;
	position:relative;
	text-decoration:none;
    border-bottom: solid 4px #003300;
    /*border-radius: 6px;*/

}
.btn a:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.btn_detail70 { width:70%; margin:0 auto;}


.btn a:hover {
	color:#fff;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	
	
}

/*
 list
---------------------------------------------------------------------- */
.list3 {}
.list3 ul {}
.list3 li { float:left; width:31%; margin:0 1% 2% 1%; text-align:center; color:#fff; font-size:110%; font-weight:500;}
.list3 li img { width:100%;}


@media only screen and (max-width: 768px) {

.pc_con { display:none!important;}
.sp_con { display: block!important;}

.img_l300 { width:auto; margin:0 auto 20px auto; float:none; max-width:300px;}




}


/*
 ページトップ
------------------------------------------------------- */
#pagetop {
	width: 100%;
	height: 0;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:0px;
	z-index: 99999;
}

#page-top {
	position: fixed;
	bottom: 55px;
	right: 10px;
	font-size: 100%;
	z-index: 9999;
}
#page-top a {

	text-decoration: none;

	width: 70px;

	text-align: center;
	display: block;
	border-radius: 5px;
		filter: alpha(opacity=80);
    /* Safari Opera */
    opacity:0.80;
    /* Firefox Netscape */
    -moz-opacity:0.80;
}
#page-top a:hover {

}


@media screen and (max-width: 768px) {

.service_con { width:80%; margin:0 auto; max-width:80%;}
.service_con .ser_left { float:none; text-align:left; width:100%;}
.service_con1 { font-size:85%;}
.service_con1 h3 { color:#fff; background:url(../images/t_bg.png) no-repeat right; background-size:cover; padding:10px 0 10px 15px; margin:0 0 20px 0;}
.service_con1 h4 { font-size:110%; border-bottom:1px solid #38593f; margin:0 0 10px 0; padding:0 0 5px 0;}
.service_con1 p {}
.service_con1 p.pl { font-size:85%; border-bottom:1px dotted #38593f; padding:0 0 3px 0;}
.service_con1 p span { color:#38593f;}
.m30 { margin-bottom:0;}
.service_con .btn { margin:20px auto 0 auto; width:200px; }
.service_con .btn a { font-size:95%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom:none; padding:5px;}

.img_r { width:100%; max-width:230px; margin:10px auto 20px auto; float:none;}
}