@charset "utf-8";
/*
Theme Name: echigokozai
Theme URI: http://docodoor.co.jp/

	This theme was designed and built by docodoor,
	whose blog you will find at http://docodoor.co.jp/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.phpf

*/

*{margin:0;padding:0;}

html{
margin: 0;
padding: 0;
overflow-y:scroll;
}
body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 13px;
line-height: 26px;
color:#333;
}

a{text-decoration:none;color:#333; }
a:hover{text-decoration:underline;color:#ccc;}
a:active, a:focus {outline: 0;}

img{border:0;}
p{margin-bottom: 10px;}
ul li{list-style-type:none;}


/* Margin */
.mT_5{margin-top:-5px !important; }
.mT_10{margin-top:-10px !important; }
.mT_15{margin-top:-15px !important; }
.mT_20{margin-top:-20px !important; }
.mT_30{margin-top:-30px !important; }
.mT_40{margin-top:-40px !important; }
.mT_45{margin-top:-45px !important; }
.mT_60{margin-top:-60px !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; }
.mT35{margin-top:35px !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; }

.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; }
.mB35{margin-bottom:35px !important; }
.mB40{margin-bottom:40px !important; }
.mB50{margin-bottom:50px !important; }
.mB60{margin-bottom:60px !important; }
.mB80{margin-bottom:80px !important; }

.mL_5{margin-left:-5px !important; }
.mL_10{margin-left:-10px !important; }
.mL5{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; }
.mL40{margin-left:40px !important; }
.mL45{margin-left:45px !important; }
.mL50{margin-left:50px !important; }
.mL60{margin-left:60px !important; }

.mR5{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; }
.mR60{margin-right:60px !important; }

.fs12{font-size:12px;}
.fs24{font-size:24px;}

/* Float */
.fR{float:right !important; }
.fL{float:left !important; }
.clear{clear:both !important; }
.clear2{clear:both !important;height: 20px;}
.clear hr,.clear2 hr{display:none;}

/* Text */
.center{text-align:center !important; }
.right{text-align:right !important; }
.ssmall{font-size: 8pt;}
.small{font-size: 9pt; line-height: 20px;}
.middle{font-size: 12pt;}
.large{font-size: 14pt;line-height: 26px;}
.x-large{font-size: 16pt;}
.orange{color: #DB6D00;}
.white{color: #fff;}
.red{color: #c1272d;}
.green{color:#339999;}
.gold{color:#b49f21;}
.blue{color:#558cd0;}
.pink{color:#ed798e;}
.gray{color:#808080;}

.waku{border: 1px solid #dfdbcb;}
.line{border-bottom: 1px dotted #ccc;}
.map{border: solid 8px #558cd0;}
.center {text-align:center; }
.bold {font-weight:bold;}

.fs12{font-size:12px;}


hr { height: 0; margin: 0; padding: 0; border: 0; }
hr.line1 { border-top:1px dashed #1a1a1a; margin:45px 0 70px 0 ; over-flow:hidden;}
hr.line2 { border-top:1px solid #666; margin: 0 0 0px 0; over-flow:hidden; }
hr.line3 { border-top:1px dotted #1a1a1a; margin: 0 0 0px 0; over-flow:hidden; }
hr.line4 { border-top:1px dotted #1a1a1a; margin: 30px 0; over-flow:hidden; }

.line_h {line-height:30px;}


.questrial{
font-size:24px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-top:2px;
text-align:left;
margin:0px 0 20px -40px;
}

/* ナビゲーション2 */
#topnav02{
width:auto;
height:72px;
float:right;
margin:20px 0 40px;
}

ul#nav00 li {
    float: left;
    width: auto;
    height: 72px;
    overflow: hidden;
}
ul#nav00 li a img:hover {
filter:alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}

/* テーブル---------------------*/
.t01 {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin:-5px 0 10px 0;
font-size: 12px;
border-top: solid 1px #ddd;
}
.t01 tr{margin:0;padding:0;}
.t01 th{
color: #1a1a1a;
width: auto;
font-weight: bold;
background-color:#f2f2f2;
padding: 6px 10px 6px 20px;
text-align: left;
border-bottom: solid 1px #ddd;
}
.t01 td{
width: auto;
padding: 6px 10px 6px 20px ;
font-weight: normal;
text-align: left;
border-bottom: solid 1px #ddd;
}

.t02 {
width: 710px;
border-collapse: collapse;
border-spacing: 0;
margin:-5px 0 10px 0;
font-size: 12px;
}
.t02 tr{margin:0;padding:0;}
.t02 th{
color: #1a1a1a;
height:20px;
width: 90px;
font-weight: normal;
background-color:#eef1de;
padding: 6px 10px 6px 10px;
text-align: left;
border: solid 1px #666;
}
.t02 .th2{
color: #1a1a1a;
height:20px;
width: 30px;
font-weight: normal;
background-color:#eef1de;
padding: 3px 0 ;
text-align: center;
border: solid 1px #666;
}
.t02 .th3{
color: #1a1a1a;
height:20px;
width: 50px;
font-weight: normal;
background-color:#eef1de;
text-align: left;
border: solid 1px #666;
}

.t02 td{
width: 90px;
height:20px;
padding: 10px  ;
font-weight: normal;
text-align: left;
border: solid 1px #666;
}

.t02 .td2{
width: 30px;
height:20px;
padding: 3px 5px 3px 5px ;
font-weight: normal;
text-align: center;
border: solid 1px #666;
}
.t02 .td3{
width:70px;
font-weight: normal;
text-align: left;
border: solid 1px #666;
}
.t02 .td3 img{
width:100%;
}

/* 施工事例テーブル */
.t_works {
margin: 0 0;
text-align: left;
width: 100%;
font-size: 12px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
}
.t_works tr{margin:0;padding: 0;}

.t_works tr:nth-child(even) {
    background:#fff;
}
.t_works tr:nth-child(odd) {
    background:#fafafa;
}
.t_works th{
width: 20%;
margin:0;
padding: 10px 10px 10px 20px;
font-weight: bold;
line-height: 20px;
border-bottom: 1px solid #ccc;
}
.t_works td{
margin:0;
padding: 10px 5px 10px 20px;
font-weight: normal;
line-height: 20px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

/* 古材テーブル */
.t_kozai {
margin: 0 0 30px;
text-align: left;
width: 100%;
font-size: 12px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
}
.t_kozai tr{margin:0;padding: 0;}

.t_kozai tr:nth-child(even) {
    background:#fff;
}
.t_kozai tr:nth-child(odd) {
    background:#fafafa;
}
.t_kozai th{
width: 20%;
margin:0;
padding: 10px 20px;
font-weight: bold;
line-height: 20px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.t_kozai td{
margin:0;
padding: 10px 20px;
font-weight: normal;
line-height: 20px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

/* 古材リスト */
.kozai_list{
width:100%;
overflow:hidden;
}
.kozai_list{
width:100%;
overflow:hidden;
}
.kozai_list li{
float:left;
margin:0 18px 18px 0;
}
.kozai_list li:nth-child(6){
float:left;
margin:0 0 18px 0;
}
.kozai_list li span{
display:block;
text-align:center;
margin:5px 0 0 ;
}

/* form */
.tForm {
margin: 20px 0;
text-align: left;
width: 100%;
font-size: 11pt;
border-collapse: collapse;
border-spacing: 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
.tForm tr{margin:0;padding: 0;}
.tForm th{
width: 30%;
margin:0;
padding: 15px 10px 15px 25px;
font-weight: normal;
line-height: 20px;
background-color:#f2f2f2;
border-bottom: 3px solid #fff;
}
.tForm td{
width:auto;
margin:0;
padding: 15px 5px 15px 25px;
font-weight: normal;
line-height: 20px;
background-color:#fafafa;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
}


/* ヘッダー---------------------*/
#header{
width:100%;
height:180px;
margin:0;
}
#header .inner{
width:1020px;
margin:0 auto;
}
#header .headlogo{
width:200px;
margin:30px 0 0 0;
float:left;
}
#header .head_right{
float:right;
overflow:hidden;
}
#header .head_right a{
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
float:left;
color:#000;
background:#fff;
padding:3px 20px;
font-size:11px;
}
#header .head_right p{
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
float:left;
color:#000;
background:#fff;
padding:3px 20px;
font-size:11px;
margin-right:10px;
}
#header .head_right a:hover{
color:#fff;
background:#000;
text-decoration:none !important;
}

.slide{
width:1200px;
height:auto;
margin:0 auto 50px auto;
position:relative;
z-index:3;
}
.head_bg {height:auto;}

/* トップナビ ---------------------*/
ul#topnav{
width: 780px;
height: 70px;
float: left;
background: url(images/nav.jpg) no-repeat;
}
#topnav li{
float:left;
list-style:none;
text-indent:-9999px;
margin-top:20px;
display:block;
z-index: 100;
position:relative;
}
#topnav a{
height: 70px;
text-indent:-9999px;
display:block;
background: url(images/nav.jpg) no-repeat;
}
#topnav1 a { width : 155px ; background-position :0px 0 ; }
#topnav2 a { width : 125px ; background-position :-155px 0 ; }
#topnav3 a { width : 191px ; background-position :-278px 0 ; }
#topnav4 a { width : 129px ; background-position :-469px 0 ; }
#topnav5 a { width : 182px ; background-position :-598px 0 ; }


#topnav1 a:hover { width : 155px ; background-position :0px -70px ; }
#topnav2 a:hover { width : 125px ; background-position :-155px -70px ; }
#topnav3 a:hover { width : 191px ; background-position :-278px -70px ; }
#topnav4 a:hover { width : 129px ; background-position :-469px -70px ; }
#topnav5 a:hover { width : 182px ; background-position :-598px -70px ; }



/* コンテンツ---------------------*/
#wrapper{
width:100%;
margin:0;
padding:0;
}
#wrapper .inner {
width:1020px;
margin:0 auto 0 auto;
}

#content{
width:1020px;
margin:0 auto 0 auto;
}
.click a{
font-size: 11pt;
color:#38424d;
font-weight: bold;
line-height:22px;
float:right;
margin-bottom:15px;
padding:0 0 0 25px;
background: url(images/click.png) no-repeat 0 2px;
}
.click a:hover{text-decoration:none;color:#558cd0;}

#sidebox { width:1020px; margin:0 auto;}

/* トップページ---------------------*/
#top_main {
width:1020px;
height: 530px;
margin:0 auto;
}
.mainImage {
width:740px;
float:right;
}
.main_text {
width:220px;
height: auto;
float:left;
}
h1.h1_top{
width:220px;
margin:0 0 20px 0;
float:left;
background: none;
}
.top_btn {
margin-top:-32px;
margin-right:20px;
float:right;
}

/* メインバナー */
.main_bn1 {
width:240px;
height:260px;
line-height:20px;
float:left;
margin-bottom:20px;
margin-right:20px;
}
.main_bn2 {
width:240px;
height:260px;
line-height:20px;
float:right;
margin-bottom:20px;
}
.main_bn01 {
width:240px;
height:240px;
line-height:20px;
float:left;
margin-bottom:20px;
margin-right:20px;
}
.main_bn02 {
width:240px;
height:240px;
line-height:20px;
float:right;
margin-bottom:20px;
}

.main_bn1 h3{
font-size:14px;
font-weight:bold;
margin:10px 0 0 0;
}
.main_bn2 h3{
font-size:14px;
font-weight:bold;
margin:10px 0 0 0;
}
.main_bn1 p{
font-size:11px;
margin-top:-5px;
}
.main_bn2 p{
font-size:11px;
margin-top:-5px;
}

.main_bn01 h3{
font-size:14px;
font-weight:bold;
margin:10px 0 0 0;
}
.main_bn02 h3{
font-size:14px;
font-weight:bold;
margin:10px 0 0 0;
}
.main_bn01 p{
font-size:11px;
margin-top:-5px;
}
.main_bn02 p{
font-size:11px;
margin-top:-5px;
}

#sub_bn {
width:100%;
overflow:hidden;
margin-bottom:40px;
}
#sub_bn div{
width:326px;
float:left;
margin-left:20px;
}
#sub_bn div:first-child{
float:left;
margin:0;
}
#sub_bn p{
font-size:11px;
margin-top:15px;
line-height:22px;
}

.col_two h3,.col_three h3,.col_four h3,.col_left h3,.col_right h3,h3.cube,h3.nom
{
font-size:19px;
font-weight:bold;
letter-spacing:1px;
}
.col_two h3:before,.col_three h3:before,.col_four h3:before,.col_left h3:before,.col_right h3:before,h3.cube:before{
content:"\f1b2";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
top:-1px;
}
.col_two h3.nom:before{
content:"";
display:none;
}
h3.qa{
margin-left: -3px;

}
h3.qa:before{
content:"\f059";
font-family: 'FontAwesome';
padding:0 10px 0 4px;
font-size:20px;
display:inline-block;
position: relative;
top:1px;
}

.col_left {
width:47%;
float:left;
overflow:hidden;
margin-bottom:30px;
}
.col_right {
width:47%;
float:right;
overflow:hidden;
margin-bottom:30px;
}
.col_left p{
font-size:12px;
height:120px;
}
.col_right p{
font-size:12px;
height:120px;
}

.col_two {
width:100%;
overflow:hidden;
margin-bottom:60px;
}
.col_two img{
float:right;
margin:50px 0 0 40px;
}
.col_two p{
font-size:13px;
margin-top:15px;
line-height:28px;
}

.col_three {
width:100%;
overflow:hidden;
margin-bottom:40px;
}
.col_three div{
width:320px;
float:left;
margin-left:30px;
}
.col_three div:first-child{
float:left;
margin:0;
}
.col_three h4{
font-size:13px !important;
margin-top:20px !important;
line-height:22px;
}

.col_three p{
font-size:12px;
margin-top:15px;
line-height:22px;
}

.col_four {
width:100%;
overflow:hidden;
margin-bottom:30px;
}
.col_four div{
width:230px;
float:left;
margin-left:33px;
}
.col_four div:first-child{
float:left;
margin:0;
}
.col_four h4{
font-size:13px;
margin-top:20px !important;
line-height:22px;
}

.col_four p{
font-size:12px;
margin-top:10px !important;
line-height:22px;
}
ul.qa{
margin:35px 0 25px;
}
ul.qa li{
margin:0 0 0 25px;
}
ul.qa li.q{
margin:0 0 0 20px;
font-size:15px;
font-weight: bold;
}
ul.qa li.q:before{
content:"\f059";
font-family: 'FontAwesome';
padding:0 10px 10px 0;
font-size:20px;
display:inline-block;
position: relative;
top:1px;
margin-left:-20px;
}
ul.qa li.a{
border:1px dotted #999;
margin:0 0 0 27px;
padding:25px;
font-size:13px;
background:#fafafa;
}

ul.ant_list{
margin:25px 0;
font-size:12px;
}

.other_box{margin:70px 0;}

.other_box h3{
text-align:center;
font-weight:bold;
letter-spacing:4px;
}
.other_box p{
font-size:12px;
text-align:center;
margin-bottom:40px;
}




/* Infomation_top */
#info{
width:100%;
margin:50px 0 30px 0;
}
#info .timber{
width:500px;
overflow:hidden;
}
#info .timber div {
float:right;
margin-left:10px;
}
#info .timber h3 {
font-size:14px;
margin:10px 0 0 0;
font-weight:bold;
}
#info .timber p {
font-size:11px;
margin-top:-10px;
}
#info .timber div:first-child{
float:left;
margin:0;
}

.info_tour {
width:500px;
height:500px;
float:right;
}

/* news_box */
#top_info{
  height:130px;
}

.news_box{
width:500px;
height:400px;
float:left;
margin: 0 auto 0 auto;
font-size:12px;
}
.news_box ul li.date{
width: auto;
font-size: 11px;
font-weight: bold;
margin:-5px 0 0 10px;
padding: 0;
float:left;
}
.news_box ul li.icon{
width: 70px;
margin:-3px 0 0 10px;
float:left;
}
.news_box ul li.title{
width:auto;
font-size: 12px;
font-weight: bold;
padding:0;
margin:-6px 0 0 10px;
text-decoration:none;
float:left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_box ul li.text{
font-size: 11px;
color:#808080;
font-weight: normal;
padding:0;
margin:3px 0 3px 0;
line-height:15px;
float:left;
}

.news_box .info {
width:100%;
margin:0 0 0 0 ;
}

/* news_box2 */
.news_box2{
width:100%
float:left;
margin: 0 auto 0 auto;
font-size:12px;
}
.news_box2 ul li.date{
width: auto;
font-size: 11px;
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
color:#999;
float:left;
}
.news_box2 ul li.icon{
width: 70px;
margin:0 0 0 10px;
float:left;
}
.news_box2 ul li.cat_news{
    font-size:9px;
    font-weight: bold;
    color:#fff;
    background:#D22C2E;
    line-height: 18px;
    letter-spacing:1px;
width: auto;
margin:2px 0 0 5px;
padding: 1px 10px !important;
float:left;
}
.news_box2 ul li.cat_media{
    font-size:9px;
    font-weight: bold;
    color:#fff;
    background:#E5B52E;
    line-height: 18px;
    letter-spacing:1px;
width: auto;
margin:2px 0 0 5px;
padding: 1px 10px !important;
float:left;
}
.news_box2 ul li.cat_blog{
    font-size:9px;
    font-weight: bold;
    color:#fff;
    background:#3F77B4;
    line-height: 18px;
    letter-spacing:1px;
width: auto;
margin:2px 0 0 5px;
padding: 1px 10px !important;
float:left;
}
.news_box2 ul li.cat_goods{
    font-size:9px;
    font-weight: bold;
    color:#fff;
    background:#3C9B73;
    line-height: 18px;
    letter-spacing:1px;
width: auto;
margin:2px 0 0 5px;
padding: 1px 10px !important;
float:left;
}

.news_box2 ul li.icon2{
width: 90px;
margin:0 0 0 10px;
float:left;
}
.news_box2 ul li.title{
max-width:100%;
font-size: 14px;
font-weight: bold;
padding: 0 0;
margin:5px 0 10px 0;
text-decoration:none;
float:left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_box2 a:hover ul li.title {
color:#333 !important;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 ul li.text{
font-size: 12px;
color:#4d4d4d;
font-weight: normal;
padding:0;
margin:0 0 0 0;
line-height:18px;
float:left;
}
.news_box2 .thumbnail{
overflow:hidden;
height:150px;
}
.news_box2 .thumbnail img{
    width:100%;

margin:0 0 0 0;
}

.news_box2 .info2 a{
width:243px;
height: 300px;
max-height: 300px;
min-height: 300px;
float:left;
margin: 0 30px 30px 0;
box-shadow:rgba(204, 204, 204, 0.247059) 0px 0px 1px 1px;
-webkit-box-shadow:rgba(204, 204, 204, 0.247059) 0px 0px 1px 1px;
-moz-box-shadow:rgba(204, 204, 204, 0.247059) 0px 0px 1px 1px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2 a:hover{
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2:nth-child(3n) a{
width:243px;
height: 300px;
max-height: 300px;
min-height: 300px;
float:left;
margin: 0 0 30px 0;
box-shadow:rgba(204, 204, 204, 0.247059) 0px 0px 1px 1px;
-webkit-box-shadow:rgba(204, 204, 204, 0.247059) 0px 0px 1px 1px;
-moz-box-shadow:rgba(204, 204, 204, 0.247059) 0px 0px 1px 1px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.news_box2 .info2:nth-child(3n) a:hover{
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2 ul{
padding:16px 18px;
}
.news_box2 .info2 a .label_news{
border-color: transparent #D22C2E #D22C2E transparent;
  position: relative;
  right: 0;
  bottom: -35px;
  border-width: 18px;
  border-style: solid;
  -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2 a .label_blog{
border-color: transparent #3F77B4 #3F77B4 transparent;
  position: relative;
  right: 0;
  bottom: -35px;
  border-width: 18px;
  border-style: solid;
  -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2 a .label_goods{
border-color: transparent #3C9B73 #3C9B73 transparent;
  position: relative;
  right: 0;
  bottom: -35px;
  border-width: 18px;
  border-style: solid;
  -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2 a .label_media{
border-color: transparent #E5B52E #E5B52E transparent;
  position: relative;
  right: 0;
  bottom: -35px;
  border-width: 18px;
  border-style: solid;
  -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}


.news_box2 .info2 a:hover .label_news{
    border-width:38px;
    bottom: -28px;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.news_box2 .info2 a:hover .label_goods{
    border-width:38px;
    bottom: -28px;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.news_box2 .info2 a:hover .label_media{
    border-width:38px;
    bottom: -28px;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.news_box2 .info2 a:hover .label_blog{
    border-width:38px;
    bottom: -28px;
-webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}


/* 事例 */
.works{ margin-top:80px; overflow:hidden;}
.works h4{ font-size:12px; font-weight:bold;}
.work_box1{
width:224px;
height:auto;
margin-right:41px;
float:left;
}
.work_box1,.work_box2 p{
font-size:11px;
line-height:17px;
}
.work_box2{
width:224px;
height:auto;
float:right;
}

/* 施工事例 */
/* #caseBg{width:1020px;} */
#caseBg2{width: 790px;}
#caseList{
width: 240px;
height: 210px;
display: block;
text-align:left;
margin: 0 20px 25px 0 !important;
float: left;
}
#caseList:nth-child(4n) {
margin: 0 0  0px 0px !important;
}
#caseList2{
width: 320px;
height: 270px;
display: block;
text-align:left;
margin: 0 30px 40px 0 !important;
float: left;
}
#caseList2:nth-child(3n) {
margin: 0 -30px 40px 0 !important;
}
#caseList2 img {
	width: 100%;
	height: auto;
}
#caseList h4{
    margin:0 !important;
    font-weight:normal;
    font-size:13px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#caseList2 h4{
    margin:0 !important;
    font-weight:normal;
}
#caseList2 h4 a{
    margin:0 !important;
    text-decoration:none !important;
    float:left;
}
#caseList2 .ctext{
padding-top:5px;
color:#888;
}

#caseBox{
width:990px;
}
#caseBox2{
width:730px;
}

.cbox{
width: 240px;
height: 170px;
display: block;
overflow: hidden;
margin: 0 0 12px 0;
}

.cbox2{
width: 320px;
height: 200px;
display: block;
overflow: hidden;
margin: 0 0 12px 0;
}
.cprice{
float:right;
display:block;
}
.cinfo{ width: 240px; margin: 8px 0 0 0; line-height:18px; font-weight: normal;}
.cinfo2{ width: 220px; margin: 8px 0 0 0; line-height:18px; font-weight: normal;}
.ctext{
clear:both;
color:#888;
line-height:18px;
margin-top:10px;
font-size:11px;
}
figure {
position: relative;
overflow: hidden;
/* width: 240px; */
}
figcaption {
position: absolute;
bottom: -60px;
left: 0;
z-index: 2;
width: 100%;
height: 60px;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
color:#fff;
box-sizing:boreder-box;
}
figcaption .cf_area{
padding-top:5px;
padding-left:10px;
font-size:11px;
}
figcaption .cf_form{
font-size:11px;
padding-left:10px;
}
figcaption .cf_use{
font-size:11px;
padding-left:10px;
}
figure:hover figcaption {
bottom: 0;
}


.fi01{
position: relative;
overflow: hidden;
width: 240px;
}
.fi01 figcaption {
position: absolute;
bottom: -85px;
left: 0;
z-index: 2;
width: 100%;
height: 85px;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
color:#fff;
box-sizing:boreder-box;
}

.tel_left{
width:260px;
margin-top:25px;
margin-right:15px;
float:left;
}
.tel_left p{
font-size:11px;
line-height:18px;
}
.tel_right{
margin-top:30px;
width:260px;
float:left;
}


.w_list{
overflow:hidden;
margin-bottom:60px;
}

.w_list ul li {
float:left;
padding-right:20px;
}
.w_list ul li a{
text-decoration:none !important;
}
.w_list ul{
padding-top:10px;
}

.works_data{
width:45%;
float:left;
}

.works_txt{
width:50%;
float:right;
}
.works_txt h2{
font-size:13px;
margin:-11px 0 0 0;
}
.works_txt p{
font-size:11px;
line-height:24px;
}

/* 商品紹介 */
.goods_txt{
width:55%;
float:left;
overflow:hidden;
}
.goods_txt h2{
font-size:16px;
margin:-11px 0 0 0;
}
.goods_txt p{
font-size:13px;
line-height:24px;
}
.goods_txt table{
width:100%;
margin-top:30px;
border-collapse:collapse;
}
.goods_txt table th{
width:20%;
padding:5px 0 5px 20px;
text-align:left;
font-weight:normal;
background:#fafafa;
border:1px solid #ccc;
}
.goods_txt table td{
padding:5px 0 5px 20px;
text-align:left;
font-weight:normal;
border:1px solid #ccc;
}

.goods_price{
width:auto;
float:right;
text-align:right;
}
.goods_price p{
font-size:24px;
font-weight:bold;
}
.goods_price span{
font-size:12px;
display:block;
}
.goods_price a{
width:auto;
padding:10px 40px;
font-size:14px;
background-color:#fff;
border:1px solid #333;
color:#333;
box-sizing:border-box;
text-align:center;
margin-top:30px;
line-height:20px;
float:right;
text-decoration:none !important;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.goods_price a:hover{
border:1px solid #333;
background-color:#333;
color:#fff;
opacity: 1;
-webkit-transition: opacity .3s linear;
}


/* コンタクト */
.contact_box {
width:560px;
height:150px;
background:#fff;
padding:60px auto 30px auto;
margin:30px auto 70px auto;
border:1px solid #333;
box-sizing:border-box;
text-align:center;
}
.contact_box a{ text-decoration:none !important;}
.contact_box p{
margin-left:50px;
text-align:left;
}
.contact_box2 {
width:500px;
height:140px;
border:2px solid #a4102c;
padding:30px;
margin:30px auto 80px auto;
}

/* ABOUT US */
.about_box{
width:100%;
height:350px;
margin:0 0 80px 0;
background: url(images/about_bg.jpg) no-repeat ;
}
.about_box2{
width:800px;
height:350px;
margin:0 auto 80px auto;
background: url(images/about_bg.jpg) no-repeat ;
}
.about_box2 .about01{
width:33%;
height:350px;
float:left;
border-right:10px solid #fff;
box-sizing:border-box;
padding: 0 25px;
}
.about_box2 .about02{
width:34%;
height:350px;
float:left;
border-right:10px solid #fff;
box-sizing:border-box;
padding: 0 25px;
}
.about01{
width:25%;
height:350px;
float:left;
border-right:1px solid #fff;
box-sizing:border-box;
padding: 0 25px;
}
.about01 p{
font-size:11px;
font-weight:normal;
line-height:18px;
margin-top:10px;
}
.about02{
width:25%;
height:350px;
float:left;
border-right:1px solid #fff;
box-sizing:border-box;
padding: 0 25px;
}
.about02 p{
font-size:11px;
font-weight:normal;
line-height:18px;
margin-top:10px;
}
.about_icon{
width:80px;
height:80px;
background-color:#fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin:30px auto 25px auto;
box-sizing:border-box;
padding:22px 22px;
}
.about_icon2{
width:80px;
height:80px;
background-color:#fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin:30px auto 25px auto;
box-sizing:border-box;
padding:21px 23px;
}
.about_icon3{
width:80px;
height:80px;
background-color:#fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin:30px auto 25px auto;
box-sizing:border-box;
padding:24px 21px;
}
.about_icon4{
width:80px;
height:80px;
background-color:#fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin:30px auto 25px auto;
box-sizing:border-box;
padding:22px 29px;
}
/* 園内マップ */
.map_info{
width:auto;
float:left;
}
.map_info ul{
font-size:13px;
}
.map_info ul li{
margin-bottom:16px;
}
.map_info ul li span{
margin-right:30px;
font-weight:bold;
}

.map_bg{
width:550px;
height:480px;
background: url(images/map_bg.jpg) no-repeat;
/*overflow:hidden;*/
float:right;
}
.map01{
width:auto;
height:auto;
display:block;
margin-top:275px;
margin-left:455px;
}
.map02{
width:auto;
height:auto;
margin-top:93px;
margin-left:442px;
display:block;
}
.map03{
width:auto;
height:auto;
display:block;
margin-top:-90px;
margin-left:107px;
}
.map04{
width:auto;
height:auto;
display:block;
margin-top:-140px;
margin-left:107px;
}
.map05{
width:auto;
height:auto;
display:block;
margin-top:-87px;
margin-left:107px;
}
.map06{
width:auto;
height:auto;
display:block;
margin-top:-113px;
margin-left:217px;
}
.map07{
width:auto;
height:auto;
display:block;
margin-top:-103px;
margin-left:257px;
}
.map08{
width:auto;
height:auto;
display:block;
margin-top:-34px;
margin-left:217px;
}
.map09{
width:auto;
height:auto;
display:block;
margin-top:-74px;
margin-left:257px;
}
.map10{
width:auto;
height:auto;
display:block;
margin-top:-110px;
margin-left:284px;
}
.map11{
width:auto;
height:auto;
display:block;
margin-top:-60px;
margin-left:119px;
}
.map12{
width:auto;
height:auto;
display:block;
margin-top:-105px;
margin-left:28px;
}
.map13{
width:auto;
height:auto;
display:block;
margin-top:10px;
margin-left:28px;
}
img.zoom {
-webkit-transition:0.25s ease-in-out;
-moz-transition:0.25s ease-in-out;
-ms-transition:0.25s ease-in-out;
-o-transition:0.25s ease-in-out;
transition:0.25s ease-in-out;
}

img.zoom:hover {
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
filter:alpha(opacity=100)!important;
	-moz-opacity: 1.0!important;
	opacity: 1.0!important;
}

/* ボタン */
.more a{
width:60px;
height:22px;
font-size:13px;
background-color:#fff;
border:1px solid #333;
color:#333;
box-sizing:border-box;
text-align:center;
margin-top:10px;
padding:0;
line-height:20px;
float:right;
text-decoration:none !important;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.more a:hover{
border:1px solid #333;
background-color:#333;
color:#fff;
opacity: 1;
-webkit-transition: opacity .3s linear;
}

.more2 a{
    width:200px;
    height:auto;
    display: block;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 20px auto 30px;
    padding: 13px 25px;
    line-height: 1;
    text-decoration: none !important;
    letter-spacing: 1px;
    opacity: 1;
    -webkit-transition: opacity .3s linear;
}
.more2 a:hover{
border:1px solid #333;
background-color:#333;
color:#fff;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.news_more a{
width:auto;
height:22px;
font-size:13px;
background-color:#fff;
border:1px solid #333;
color:#333;
box-sizing:border-box;
text-align:center;
margin-top:7px;
padding:0 10px;
line-height:21px;
float:right;
text-decoration:none !important;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.news_more a:hover{
border:1px solid #333;
background-color:#333;
color:#fff;
opacity: 1;
-webkit-transition: opacity .3s linear;
}

.blog_btn a{
width:60px;
height:22px;
font-size:13px;
background-color:#fff;
border:1px solid #333;
color:#333;
box-sizing:border-box;
text-align:center;
margin-top:10px;
margin-right:15px;
padding:0;
line-height:20px;
float:right;
text-decoration:none;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.blog_btn a:hover{
border:1px solid #333;
background-color:#333;
color:#fff;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.contact_btn a{
width:220px;
height:32px;
font-size:15px;
margin-top:-10px;
background-color:#B3B3B3;
color:#fff;
box-sizing: border-box;
text-align:center;
padding:10px 30px;
text-decoration:none;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.contact_btn a:hover{
border:1px solid #B3B3B3;
color:#B3B3B3;
background-color:#fff;
opacity: 0.5;
-webkit-transition: opacity .3s linear;
}
.icon_news a{
width:80px;
height:20px;
background-color:#D22C2E;
color:#fff;
box-sizing:border-box;
text-align:center;
font-size:12px;
padding:0;
line-height:20px;
margin-bottom:7px;
float:right;
text-decoration:none;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.icon_news a:hover{
opacity: 0.5;
-webkit-transition: opacity .3s linear;
}
.icon_goods a{
width:80px;
height:20px;
background-color:#3C9B73;
color:#fff;
box-sizing:border-box;
text-align:center;
font-size:12px;
padding:0;
line-height:20px;
margin:0 0 7px 0;
float:right;
text-decoration:none;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.icon_goods a:hover{
opacity: 0.5;
-webkit-transition: opacity .3s linear;
}
.icon_blog a{
width:80px;
height:20px;
background-color:#3F77B4;
color:#fff;
box-sizing:border-box;
text-align:center;
font-size:12px;
padding:0;
line-height:20px;
margin:0 0 7px 0;
float:right;
text-decoration:none;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.icon_blog a:hover{
opacity: 0.5;
-webkit-transition: opacity .3s linear;
}
.icon_media a{
width:80px;
height:20px;
background-color:#E5B52E;
color:#fff;
box-sizing:border-box;
text-align:center;
font-size:12px;
padding:0;
line-height:20px;
margin:0 0 7px 0;
float:right;
text-decoration:none;
letter-spacing:1px;
opacity: 1;
-webkit-transition: opacity .3s linear;
}
.icon_media a:hover{
opacity: 0.5;
-webkit-transition: opacity .3s linear;
}


/* 検索ボタンのCSS */
#searchsubmit {
border: 1px solid #333;
background: #333;
color: #fff;
letter-spacing:1px;
-webkit-border-radius: 4px;     /* Google Chrome・Safari用 */
-moz-border-radius: 4px;    /* Firefox用 */
border-radius: 4px;     /* 基本形 */
padding: 5px 10px;
cursor: pointer;
display: inline-block;
}
#searchsubmit:hover{
background: #fff;
color: #333;
}

/* フッターボタン */
.foot_btn{
overflow:hidden;
margin-bottom:80px;
}
.foot_btn a{
float:left;
margin-left:20px;
}
.foot_btn a:first-child{
float:left;
margin:0;
}

/* リスト */
ul.check{ padding-left:32px;
}
ul.check li:before{
content:"\f046";
font-family: 'FontAwesome';
display:inline-block;
position: relative;
font-size:16px;
text-indent:-2.0em;
padding:left:5em;
}
/* 見出し */
h1{
width:100%;
margin:-150px 0 320px -90px;
}
h1 p{
height:80px;
width:1020px;
padding:40px 0 0 0;
margin:0 auto;
}
h2{
font-size:24px;
color:#111;
line-height:38px;
margin:0 0 30px 0;
}
h2 .sub{
font-size:12px;
color:#808080;
line-height:38px;
margin:-10px 0 0 15px;
top:-5px;
display:inline-block;
position:relative;
}
h2.main_h2{
width:auto;
line-height:38px;
margin:-10px 0 70px 0;
}

h2.questrial{
font-size:24px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-left:50px;
}
h2.questrial01{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial01:before{
content:"\f002";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
top:-1px;
}
h2.questrial02{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial02:before{
content:"\f09e";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
}
h2.questrial03{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial03:before{
content:"\f041 ";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
}
h2.questrial04{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial04:before{
content:"\f02c";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
}
h2.questrial05{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial05:before{
content:"\f183";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
}
h2.questrial06{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial06:before{
content:"\f015";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
}
h2.questrial07{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h2.questrial07:before{
content:"\f1b2";
font-family: 'FontAwesome';
padding:0 10px 0 0;
display:inline-block;
position: relative;
}

h2.h2_line{
height:100%;
margin:0 auto;
font-size:22px;
text-align:center;
font-weight:normal;
padding:0px 0 80px;
margin:0 0 0 0 !important;
letter-spacing:4px;
background: url(images/h2_line.gif) no-repeat center;
}
h2.h2_line span{
font-size:12px;
margin-left:15px;
}

h3{
height:26px;
font-size:18px;
font-weight:normal;
padding-bottom:10px;
margin:40px 0 15px 0;
color:#1a1a1a;
overflow:hidden;
line-height:26px;
}

h3 .sub{
font-size:12px;
color:#808080;
line-height:38px;
margin:-10px 0 0 15px;
top:-5px;
display:inline-block;
position:relative;
}

h3.questrial01{
font-size:24px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h3.questrial01:before{
content:"\f059";
font-family: 'FontAwesome';
padding:0 10px 0 2px;
display:inline-block;
position: relative;
}
h3.questrial02{
font-size:24px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h3.questrial02:before{
content:"\f01e";
font-family: 'FontAwesome';
padding:0 10px 0 2px;
display:inline-block;
position: relative;
}
h3.questrial03{
font-size:24px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h3.questrial03:before{
content:"\f06c";
font-family: 'FontAwesome';
padding:0 10px 0 2px;
display:inline-block;
position: relative;
}
h3.questrial04{
font-size:18px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:20px;
}
h3.questrial04:before{
content:"\f02c";
font-family: 'FontAwesome';
padding:0 10px 0 2px;
display:inline-block;
position: relative;
}
h3.goods_list{
font-size:18px;
margin-bottom:30px;
padding:15px 0 15px 15px;
background-color:#f2f2f2;
}

#main h4{
color:#1a1a1a;
font-size:13px;
margin:40px 0 10px 0;
}
h4.works{
color:#1a1a1a;
font-size:13px;
font-weight:bold;
margin:20px 0 0 0;
}
.text01 {
width:650px;
margin:90px auto 90px auto;
text-align:center;
}
.text01 p{
font-size:12px;
color:#808080;
padding:0 20px;
margin-bottom:50px;
}
.text02 {
margin:0 auto;
text-align:center;
}
h3.pre{
font-size:30px;
margin:0 auto 20px auto;
text-align:center;
line-height:30px;
height:30px;
}
.text02 p{
font-size:20px;
color:#1a1a1a;
padding:0 20px;
margin-bottom:50px;
}
h3.work_top2{
height:26px;
font-size:18px;
font-weight:normal;
padding-bottom:10px;
margin:10px 0 15px 0;
color:#1a1a1a;
overflow:hidden;
line-height:26px;
}

/* 下層 ---------------------*/
#main{
width:1020px;
margin:0 0 20px 0;
float:right;
}
#main a{
text-decoration:underline;
}
#main2{
width:790px;
margin:0 0 20px 50px;
float:left;
}
#main2 img,
#main_blog img{
max-width: 100%;
}
#main_blog{
    width:600px;
    margin:0 0 20px 50px;
    float:left;
}
#main_blog p{
    font-family: 'Open Sans','Helvetica Neue','Helvetica','Arial',sans-serif;
    color:#4f5759;
    -webkit-font-smoothing: antialiased;
}
#main_blog a{
    color:#1111cc;
    display: inline-block;
    margin: 0 0 3px;
}
#main_blog h3{
    width:100%;
    height: auto;
    margin:30px 0 30px;
    display: block;
    font-size: 17px;
    border-left:1px solid #333;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:11px 18px;
    background: #f2f2f2;
    color:#4f5759;
}
#main_blog h4:before,
#main_blog h4.flg:before{
    content:"";
    display: block;
    /* width:100px; */
    width: 100%;
    border-top:1px solid #333;
    margin:50px 0 18px;
}
#main_blog h4.none:before{
    display: none;
}
#main_blog h4.none{
    margin: 50px 0 18px 0;
}
#main_blog h4{
    font-size:16px;
    font-weight: bold;
    margin:0 0 18px;
    color:#4f5759;
}
#main_blog hr.line1{
    border-top:1px solid #999;
    display: block;
    width: 100%;
    margin:20px 0 10px;
}
#main_blog hr.line2{
    border-top:5px solid #999;
    display: block;
    width: 100%;
    margin:30px 0;
}


#blog_title{
    width:780px;
    margin:0 0 0 50px;
    float:left;
}
#blog_title:after{
    content:"";
    display: block;
    height:0;
    clear:both;
}
#blog_title h2{
    font-size: 26px;
    color:#4f5759;
}

.blog_txt p{
font-size:14px !important;
}

.itemL{
width:790px;
margin:0 0 20px 0;
}
.itemL h3{
font-size:23px;
line-height:30px;
height:auto;
}
.itemL p{
font-size:12px;
line-height:24px;
}
.itemL2{
width:670px;
border:2px solid #ccc;
padding:20px;
margin:20px 0 20px 0;
}
.itemM{
width:490px;
margin:30px 0 20px 0;
text-align:left;
}
.itemMM{
width:450px;
margin:30px 0 20px 0;
text-align:left;
}
.itemS{
width:230px;
margin-bottom:10px;
font-size:11px;
}
.itemS2{
width:240px;
margin-bottom:10px;
font-size:11px;
}
.itemSS{
width:225px;
margin-bottom: 10px;
float:left;
font-size:11px;
}
.itemSS p{
font-size:13px;
font-weight:normal;
margin-top:10px;
line-height:18px;
}
.tel{
font-size:26px;
font-weight:normal;
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
margin-bottom:25px;
margin-top:-5px;
}
.tel:before{
content:"\f095";
font-family: 'FontAwesome';
padding:2px 1px 0 0;
display:inline-block;
position: relative;
margin-right:10px;
top:1px;
}

.map_box {
width:100%;
overflow: hidden;
text-align:center;
}
.map_box a{
    float:left;
    margin: 10px 0 0 30px;
}
.map_box a:first-child{
    float:left;
    margin: 10px 0 0 0;
}
.map_box h4{
height:100%;
margin:0 auto;
font-size:20px !important;
font-weight:normal;
padding:0px;
margin:60px 0 20px 0 !important;
letter-spacing:4px;
}
.map_box p{
margin-bottom:30px;
}

.bn_box{
width:230px;
height:210px;
margin-bottom:10px;
font-size:11px;
}
.bn_box p{
line-height:18px;
margin:0 0 20px 0;
}

/* Infomation_under */
#info2{
width:100%;
background: none;
margin:0 0 5px 0;
}
#info2 ul li.date{
width: 90px;
height: auto;
font-size: 13px;
padding:0 0 0 0;
float:left;
}
#info2 ul li.title{
width: 250px;
height: 23px;
font-size: 13px;
font-weight: normal;
float:left;
padding:0 0 0 0;
overflow:hidden;
margin-left:20px;
}
#info2 ul li.icon{
width: 60px;
margin: 0;
float:left;
}

#info2 .case_box{
width:236px;
float:left;
}
#info2 .case_box2{
width:236px;
float:right;
}
#info2 .case_title a{
font-size:14px;
margin:10px 0;
font-weight:bold;
}
#info2 .tumbnail{
margin-bottom:10px;
}

/* 商品紹介 */
.goods_top{
  overflow:hidden;
  margin:0 0 60px;
  text-align:center;
}
.goods_top h2{
  margin:0;
}
.goods_top p{
  font-size:13px;
  margin:-30px 0 0;
  line-height: 34px;
}

/* 記事 */
#title {
font-weight: bold;
font-size: 13pt;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
#title a {
color:#3a6567;
}
#date {
font-weight: bold;
color:#666;
font-size: 10pt;
margin:0 0 20px 0;
}
#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px 0 0 0;
    margin: 0 0 0 20px;
    display: inline;
}
img.alignleft {
    padding: 4px 0 0 0;
    margin: 0 20px 0 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}


/* パンくず */
.bread-bg{
width: 100% ;
height: 24px;
margin-bottom: 130px;
border-top:1px solid #ccc;
padding-top:15px;
box-sizing:border-box;
}
.breadcrumbs{
width: 1020px ;
height: 24px;
line-height: 15px;
font-size: 8pt;
margin: 0 auto;
text-align:right;
}
.bread-bg2{
width: 100% ;
height: 52px;
margin-bottom: 60px;
background-color:#f2f2f2;
}
.breadcrumbs2{
width: 1020px ;
height: 52px;
line-height: 15px;
font-size: 8pt;
margin:0 auto 0 auto;
text-align:right;
}

.h1_block h1{
width:auto;
height:42px;
float:left;
margin:0;
line-height: 42px;
}
.h1_block span{
width:42px;
background-color:#fff;
float:left;
border:1px solid #1a1a1a;
color:#1a1a1a;
font-size:20px;
margin-right:1px;
text-align:center;
font-family: 'Questrial', sans-serif;
}

/* サイドバー---------------------*/
#sidebar{
width:180px;
float:left;
margin:0 0 0 0;
}
#sidebar ul { margin:0; padding:0; }
#sidebar a { text-decoration:none; }
#sidebar .side_02 {
width:180px;
heihgt:40px;
box-sizing:border-box;
font-size:14px;
letter-spacing:2px;
font-weight:bold;
margin:-15px 0 15px 0;
}
#sidebar .side_02 p:before {
content:url("images/icon_info.gif");
transform: scale(0.5,0.5);
font-family: 'FontAwesome';
margin:0 5px 0 -8px ;
padding:0 ;
display:inline-block;
position: relative;
top:8.5px;
}

#sidebar .side_2 { }
#sidebar .side_2 a {
background-color:#fff;
color:#333;
width:180px;
float:left;
font-size:12px;
box-sizing:border-box;
letter-spacing:1px;
}
#sidebar .side_2 a:hover {color:#ccc; text-decoration:none;}
#sidebar .side_2 a:hover img {opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";}


/* ページトップ */
#page-top{
    position:fixed;
    right:50px;
    bottom:50px;
    display: none;
}

#page-top a{
width:50px;
  height:50px;
    background: url("images/pagetop_a.svg");
    display:block;
    cursor:pointer;
}

#page-top a:hover{
    background:url("images/pagetop_b.svg");
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

/* フッター---------------------*/
#footer{
width:100%;
height:auto;
padding:20px 0 40px 0;
background-color:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#footer .inner{width:1020px; margin:0 auto;}
#footer p{text-align: left; margin:0 0 5px 0; padding:0;}
#footer a{color:#333;font-size:12px; text-decoration:none;}
#footer a:hover{color:#ccc;}


#footer #foot_left{
width:auto;
height:auto;
float:left;
margin:85px 0 0 0;
}
#footer #foot_left p{
line-height:20px;
padding:25px 0 0 0;
text-align:left;
}
#footer #foot_right{
width:auto;
height:250px;
float:right;
font-size:12px;
}
#footer #foot_right ul.footlist{
float:left;
height:250px;
margin:10px 0 0 35px;
border-left:1px solid #ccc;
padding:0 10px 0 25px;
}
#footer #foot_right ul.footlist li{
background: url(images/listmark.png) no-repeat 0 5px;
padding:0 0 5px 12px;
line-height:20px;
}
#footer #foot_right ul.footlist0{
float:left;
height:250px;
margin:11px -10px 0 0;
padding:0 10px 0 25px;
}
#footer #foot_right ul.footlist0 li{
background: url(images/listmark.png) no-repeat 0 5px;
padding:0 0 5px 12px;
line-height:20px;
}
#footer #foot_right ul.footlist2{
float:left;
height:250px;
margin:10px 0 0 35px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:0 30px 0 25px;
}
#footer #foot_right ul.footlist2 li{
background: url(images/listmark.png) no-repeat 0 5px;
padding:0 0 5px 12px;
line-height:20px;
}

#footer a{color:#1a1a1a;}

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

/* Contact form---------------------*/
/*.wpcf7-form input[type=submit],.form_comment_submit input[type=submit]{
width:300px;
height:50px !important;
margin: 20px auto !important;
font-size: 11pt !important;
line-height: 20px !important;
}*/
input#b {
    width:300px !important;
    height:60px !important;
    margin:10px auto;
    font-size: 16px;
    letter-spacing:3px;
    padding: 0.2em 0.4em;
    background:#B3B3B3;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    border: 1px solid #ccc;
}
input#b:hover {
    background: #ccc;
}
span.wpcf7-list-item{
display: block;
}
input[type="text"],input[type="tel"],input[type="email"],textarea
{
    background-color: #fff;
    color: #000;
    width: 90%;
    font-size:15px;
    padding:5px;
}

/* SP only */
#nav,.spOnly{display: none;}





/* 幅648px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 648px){

        #wrapper,#content{
        width: 100%;
        margin: 0;
        clear:both;
        float:none;
        padding: 0;
        position:relative;
        background: none;
	overflow-x: hidden;
	overflow-y: hidden;
        }
        #wrapper .inner{
        width: 100%;
	box-sizing:border-box;
        padding:0 5px 0;
        }
        .mL5,.mL10,.mL15,.mL20,.mL25,.mL30,.mL40,.mR5,.mR10,.mR12,.mR15,.mR20,.mR25,.mR30{
        margin:0 auto!important;
        }
        .mT_20,.mT15,.mT20,.mT25,.mT30,.mT40,.mT50,.mT80,.mT100{
        margin-top:5px; !important;
        }
        .mB15{
        margin-bottom:5px; !important;
        }
        .mB20, .mB30, .mB40, .mB50, .mB60, .mB80{
        margin-bottom:10px; !important;
        }
        .fR{float:none !important; width:100%;}
        .fL{float:none !important; width:100%;}

.sp_slide{
width:100%;
height:auto;
margin:0 auto 50px auto;
position:relative;
z-index:3;
}


        /* SP navi */
        ul#spnav{
        width: 100%;
        height: 60px;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        border-top: solid 1px #888;
        background: url(images/bg_spnav.jpg) repeat 0 0;
        }
        #spnav li{
        width: 18.1%;
        height: 60px;
        float:left;
        list-style:none;
        line-height: 14px;
        padding: 5px 3px;
        margin: 0;
        text-align: center;
        border-right: solid 1px #888;
        }
        #spnav li.last{
        border-right: none;
        }
        #spnav li a{
        color:#fff;
        font-size: 85%;
        }
        #spnav li a:hover{text-decoration:none;}
        #spnav li:hover{background: #000;}
        #spnav li img{margin-bottom:4px;}


        /* トップ */
        .sp_main { max-width:100%; height:auto;}

        /* メインバナー */
        .main_bn1 {
        width:48%;
        height:220px;
        line-height:20px;
        margin:0 1% 10px;
	float:left;
        }
        .main_bn2 {
        width:48%;
        height:220px;
        line-height:20px;
        margin:0 1% 10px;
	float:left;
        }
	.bn_img {width:100%;}
	.item {width:23%; margin-bottom:20px; margin-left:15px;}

.main_bn01 {
        width:48%;
        height:240px;
        line-height:20px;
        margin:0 1% 10px 1%;
        float:left;
}
.main_bn02 {
        width:48%;
        height:240px;
        line-height:20px;
        margin:0 1% 10px 1%;
        float:left;
}
.main_bn01 h3,
.main_bn02 h3,
.main_bn1 h3,
.main_bn2 h3
{
font-size:13px !important;
margin:10px 0 0 0 !important;
}

.col_left{
width:100%;
}
.col_right{
width:100%;
}
.col_left img{
margin-top:20px;
}
.col_right{
width:100%;
margin-top:20px;
}
.col_two {
width:100%;
overflow:hidden;
margin-bottom:40px;
}
.col_two h3 {
display: block;
float:none;
margin-bottom:10px;
}
.col_two img{
float:none;
display: block;
margin:10px 0 ;
}
.col_two p{
font-size:13px;
margin-top:15px;
line-height:28px;
}

.col_three{
width:100%;
margin:0 0 10px 0;
}
.col_three div{
width:100%;
margin:0 0 30px 0;
float:none;
}
.col_three div:first-child{
float:none;
margin:0 0 30px 0;
}
.col_three span{
clear:both;
line-height:18px;
margin-top:10px;
font-size:11px;
}

.col_four{
width:100%;
margin:0;
}
.col_four div{
width:48%;
float:left;
margin:0 1% 0;
}
.col_four div:first-child{
width:48%;
float:left;
margin:0 1% 0;
}

.info_tour {
width:100%;
height:auto;
float:none;
}
.info_tour a img {
max-width:100%;
height:auto;
}

        /* Infomation_top */

        #info{
        width:100%;
        float:none;

        margin:0 auto 0 auto;
        text-align: left;
        }
        #info .inner{
        width:95%;
        }
        #info ul li{ line-height: 13px;}
        #info ul li.icon{ width:15%; height:auto; margin: 0 10px 0 0; float:left; line-height: 20px;}
        #info ul li.icon img{ width:100%; margin-bottom:-5px; }
        #info ul li.date{
        width:20%;
        font-size: 80%;
        float:left;
        }
        #info ul li.title{
        width: 58%;
        height: auto;
        font-size: 80%;
        float:left;
        margin: 0 0 5px -10px;
        }
        #info2 {
	width:100%;
	background: none;
	margin:0 0 5px 0;
	}
	#info2 ul li.date{
	width: 20%;
	height: auto;
	font-size: 13px;
	padding:0 0 0 0;
	margin-right: 8px;
	float:left;
	}
	#info2 ul li.title{
	width: 100%;
	height: auto;
	font-size: 13px;
	font-weight: normal;
	float:left;
	padding:0 0 0 0;
	overflow:hidden;
        margin:10px 0 10px 0;
	}
	#info2 ul li.icon{
	width: 10%;
	float:left;
	}

	/* news_box */
	.news_box{
	width:100%;
	height:auto;
	float:none;
	margin: 0;
padding:0;
	box-sizing:border-box;
	font-size:12px;
	}
	.news_box ul{
	width: auto;
	margin:0;
padding:0;
	}
	.news_box ul li.date{
	width: 22% !important;
	margin:0 0 0 10px;
padding:0;
	}
	.news_box ul li.icon{
	width: 25% !important;
	margin:-3px 0 0 0 !important;
padding:0 !important;
	}
	.news_box ul li.title{
	width:40% !important;
	margin:5px 0 0 0;
padding:0;
	}
	.news_box .info {
	width:100%;
	float:none;
	margin:10px 0 0 0 ;
padding:0;
	}

.breadcrumbs2 {
width: 100% ;　
}
.breadcrumbs2 a{
display:none;
}


/* timber */
.timber{
width:100% !important;
margin:0;
padding:0;
box-sizing:border-box;
}
.timber div{
width:48% !important;
float:right;
}
.timber h3 {
font-size:13px !important;
margin:10px 0 0 0;
font-weight:bold;
}
.timber p {
font-size:11px;
line-height:20px;
margin-top:-10px;
}
.timber div:first-child{
width:48% !important;
float:left;
margin:0;
}



        /* 下層 */
        #main{
        clear:both;
        width:97%;
        float:none;
        margin:10px auto 0 auto;
        padding: 0;
        display: block;
        text-align: left;
        }
	#main2{
        clear:both;
        width:97%;
        float:none;
        margin:10px auto 0 auto;
        padding: 0;
        display: block;
        text-align: left;
        }
#main_blog{
    clear:both;
        width:97%;
        float:none;
        margin:10px auto 0 auto;
        padding: 0;
        display: block;
        text-align: left;
}

	.itemL{
	width:100%;
	margin:0 0 20px 0;
	}
	.itemL2{
	width:100%;
	border:2px solid #ccc;
	padding:20px;
	margin:20px 0 20px 0;
	}
	.itemM{
	width:100%;
	margin:30px 0 20px 0;
	text-align:left;
	}
	.itemS{
	width:100%;
	margin-bottom:10px;
	font-size:11px;
	text-align:center;
	}
	.itemSS{
	width:100%;
	margin-bottom:10px;
	font-size:11px;
	text-align:center;
	}
.map_box a{
width:100%;
height:100%;
float:none;
margin:0;
}
.map_box a img{
width:100%;
height:100%;
float:none;
margin:0 0 10px 0;
}


/* 商品詳細 */
.goods_price{
margin-top:50px;
width:100%;
display:block;
float:none;
}
.goods_txt{
width:100%;
display:block;
float:none;
}
.goods_txt table th{
width:30%;
}

/* 施工事例詳細 */
.w_list{
overflow:hidden;
margin-bottom:60px;
font-size:12px;
}

.w_list ul li {
float:left;
padding-right:20px;
}
.w_list ul li a{
text-decoration:none !important;
}
.w_list ul{
padding-top:10px;
margin-left:5px;
}

.works_data{
margin-top:50px;
width:100%;
display:block;
float:none;
}
.works_txt{
width:100%;
display:block;
float:none;
}
	/* news_box2 */
	.news_box2{
	width:100%;
	float:left;
	margin: 0 auto 0 auto;
	font-size:12px;
	padding-right:50px;
	}
	.news_box2 ul li.date{
	width: auto;
	font-size: 12px;
	font-weight: bold;
	margin:-2px 0 0 15px;
	padding: 0;
	float:left;
	}
	.news_box2 ul li.icon{
	width: 70px;
	margin:0 0 0 0;
	float:left;
	}
	.news_box2 ul li.title{
	width:100%;
	font-size: 12px;
	font-weight: bold;
	padding:0;
	margin:5px 0 10x 0;
	text-decoration:none;
	float:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
	.news_box2 ul li.text{
	font-size: 11px;
	color:#808080;
	font-weight: normal;
	padding:0;
	margin:3px 0 0 0;
	line-height:18px;
	float:left;
	}
	.news_box2 .thumbnail {
	width:30%;
	height:150px;
	float:left;
	margin:0 0 130px 0;
	}
	.news_box2 .thumbnail img{
width:100%;
	height:100px;
min-height:100px;
max-height:100px;
	}
	.news_box2 .info2{
	width:30%;
	float:left;
	margin:0 0 0 0 ;
	}
	.news_box2 .info2 a{
height: 260px;
max-height: 260px;
min-height: 260px;
	}
.news_box2 .info2:nth-child(3n) a{
height: 260px;
max-height: 260px;
min-height: 260px;
}

/* 新着情報 スマホ */
.news_box2 .info2{
width:50%;
height:100%;
margin:0 0 0 0;
padding:0 3px;
box-sizing:border-box;
}
.news_box2 .thumbnail{
width:100% !important;
height:auto !important;
margin:0 !important;
}
.news_box2 .info2 a{
width:100% !important;
height: 100%;
float:left;
margin: 0 0 20px 0;
padding:0 0 10px 0;
}

.news_box2 .info2:nth-child(3n) a{
width:100%;
height: 100%;
float:left;
margin: 0 0 20px 0;
}
.news_box2 ul{
width:100%;
height: 100%;
margin: 0 !important;
padding: 10px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_box2 ul li.date{
margin: 0 !important;
}
.news_box2 ul li.cat{
margin: 0 !important;
}
.news_box2 ul li.text{
width:100% !important;
}


.news_box2 .info2 a .label_news{
display:none;
}
.news_box2 .info2 a .label_blog{
display:none;
}
.news_box2 .info2 a .label_goods{
display:none;
}
.news_box2 .info2 a .label_media{
display:none;
}

a ul li.cat_news{
display:none;
}
a ul li.cat_blog{
display:none;
}
a ul li.cat_goods{
display:none;
}
a ul li.cat_media{
display:none;
}

.text01 {
width:100%;
margin:30px auto 70px;
text-align:center;
font-size:10px;
}
h3.pre{
font-size:18px;
margin:0 auto 20px auto;
text-align:center;
line-height:38px;
height:100%;
}

#sub_bn {
width:100%;
overflow:hidden;
margin-bottom:40px;
}
#sub_bn div{
width:100%;
float:none;
margin:0 0 20px 0;
}
#sub_bn div:first-child{
float:none;
margin:0 0 20px 0;
}
#sub_bn div a img{
min-width:100%;
width:100%;
height:auto;
}
#sub_bn p{
display:none;
}

/* お問い合わせ */
.contact_box {
width:100%;
height:100%;
overflow:hidden;
padding:20px 10px;
margin:10px auto 10px;
}
.contact_box p {
margin:0;
}
.contact_btn a{
min-width:100%;
height:100%;
font-size:10px;
margin-top:-10px;
padding:10px 10px;
}
.tel{
font-size:18px;
margin-bottom:25px;
margin:0 0 0 0;
}
.tel:before{
padding:2px 1px 0 0;
margin-right:10px;
top:1px;
}
.tel_left{
width:46%;
margin:0 0 0 0;
float:left;
}
.tel_left h2.questrial{
font-size:18px !important;
margin:0 0 10px 0 !important;
}
.tel_left p{
font-size:10px;
line-height:18px;
}
.tel_right{
margin:0;
width:51%;
float:right;
}

/* フッターボタン */
.foot_btn{
overflow:hidden;
margin:20px 0 40px;
}
.foot_btn a:nth-child(odd){
    width:48%;
float:left;
margin:10px 0 0;
}
.foot_btn a img{
    width:100%;
    float:left;
}
.foot_btn a:nth-child(even){
    width:49%;
float:right;
margin:10px 0 0;
}


	/* テーブル---------------------*/
	.t01 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:-5px 0 10px 0;
	font-size: 12px;
	}
	.t01 tr{margin:0;padding:0;}
	.t01 th{
	color: #000;
	width: auto;
	font-weight: normal;
	background-color:#e2e2e2;
	padding: 6px 10px 6px 20px;
	text-align: left;
	border: solid 1px #fff;
	}
	.t01 td{
	width: auto;
	padding: 6px 10px 6px 20px ;
	font-weight: normal;
	text-align: left;
	border: solid 1px #fff;
	background-color:#f2f2f2;
	}

	.t02 {
	max-width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin:-5px 0 10px 0;
	font-size: 12px;
	}
	.t02 tr{margin:0;padding:0;}
	.t02 th{
	color: #000;
	width: auto;
	font-weight: normal;
	background-color:#eef1de;
	padding: 6px 10px 6px 10px;
	text-align: left;
	border: solid 1px #666;
	}
	.t02 .th2{
	color: #000;
	width: auto;
	font-weight: normal;
	background-color:#eef1de;
	padding: 3px 0 ;
	text-align: center;
	border: solid 1px #666;
	}
	.t02 .th3{
	color: #000;
	width: auto;
	font-weight: normal;
	background-color:#eef1de;
	text-align: left;
	border: solid 1px #666;
	}

	.t02 td{
	width: auto;
	padding: 10px ;
	font-weight: normal;
	text-align: left;
	border: solid 1px #666;
	}

	.t02 .td2{
	width: auto;
	height:auto;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	text-align: center;
	border: solid 1px #666;
	}
	.t02 .td3{
	width:auto;
	font-weight: normal;
	text-align: left;
	border: solid 1px #666;
	}
	.t02 .td3 img{
	width:100%;
	}

	/* form */
	.tForm {
	margin: 20px 0;
	text-align: left;
	width: 100%;
	font-size: 11pt;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #558cd0;
	border-top: 5px solid #558cd0;
	}
	.tForm tr{margin:0;padding: 0;}
	.tForm th{
	width: auto;
	margin:0;
	padding: 15px 10px 15px 15px;
	font-weight: normal;
	line-height: 20px;
	border-bottom: 1px solid #558cd0;
	}
	.tForm td{
	margin:0;
	padding: 15px 5px 15px 20px;
	font-weight: normal;
	line-height: 20px;
	border-bottom: 1px solid #558cd0;
	border-left: 1px solid #558cd0;
	}

        /* 見出し */
        h1 {display:none;}


h2.questrial,
h2.questrial01,
h2.questrial02,
h2.questrial03,
h2.questrial04,
h2.questrial05,
h2.questrial06,
h2.questrial07
{
font-size:22px;
margin:20px 0 10px;
}
h2.questrial01:before{
    margin: 2px 0 0 5px;
}

h2 .sub{
font-size:11px;
margin:-5px 0 0 15px;
top:-3px;
}

.h1_block2 h2{
width:auto;
height:42px;
float:left;
margin:30px 0 20px 5px;
line-height: 42px;
}
.h1_block2 span{
width:42px;
background-color:#fff;
float:left;
border:1px solid #1a1a1a;
color:#1a1a1a;
font-size:20px;
margin-right:1px;
text-align:center;
font-family: 'Questrial', sans-serif;
}

        #main h2{
        font-size:16px;
	color:#333;
	line-height:38px;
	}
	h2.sp_top{
	padding:20px 10px 0;
	}
	h2.h2_line{
        margin-top:60px !important;
    }
    #main h3{
    height:auto;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	margin:40px 0 15px 0;
	color:#333;
	overflow:hidden;
        /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
        }
        #main h4{
	height:24px;
	color:#1a1a1a;
	font-size:15px;
	margin:20px 0 10px 0;
	}
        .txt_all,.itemM{
        width: 100%;
        display: block;
        float: none;
        margin: 0px 0 20px 0 !important;
        clear:both;
        }
        .txt_half{
        width: 40%;
        padding: 0;
        display: block;
        margin: 0px 0px 20px 0 !important;
        float: left !important;
        }

        /* テーブル */
        .tForm{
        width:98%;
        margin:10px 0 ;
        padding:0 ;
        display: block;
        border: none;
        }
        .tForm tr{
        border: none;
        }
        .tForm th{
        width:100%;
        padding:15px 5px 15px 5px;
        font-weight:normal;
        display: block;
        border: 1px solid #ddd;
        background:#f2f2f2;
        }
        .tForm td{
        padding: 20px 5px 20px 5px;
        font-weight:normal;
        display: block;
        width:100%;
        border: 1px solid #ddd;
	background-color:#fff;
        }

	/* 施工事例 */
	#caseBg{width:100%;}
	#caseBg2{width: 100%;}
	#caseList{
	width: 46%;
	height: auto;
	text-align:left;
	display: block;
	margin:0 5px 15px 5px  !important;
	float: left;
	}
    #caseList:nth-child(4n) {
    margin:0 5px 15px 5px  !important;
}
    #caseList .ctext{
 display:none;
    }
    #caseList h4{
font-size:11px;
line-height:20px;
    }
	#caseList2{
    width: 46%;
    height: auto;
    text-align:left;
    display: block;
    margin:0 5px 25px 5px  !important;
    float: left;
	}
	#caseList2:nth-child(3n) {
    margin:0 5px 25px 5px  !important;
	}
	#caseList2:nth-child(odd){
    margin:0 5px 25px 5px  !important;
	}
	#caseList2:nth-child(even){
    margin:0 5px 25px 5px  !important;
	}
	.cbox2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 0 5px 0;
    float:left;
	}
	#caseList2 h4{
	float: left !important;
	font-size:11px !important;
    line-height:20px;
    font-weight:bold;
	}
	.cbox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 0 5px 0;
	float:left;
	}
    .ctext{
        font-size:10px;
        display:none;
    }
    .cbox a img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 0 0 0;
    float:left;
    }

.fi01{
    float:left;
    width:100%;
}

/* トップ施工事例 */
.works{
    margin-top:30px;
    overflow:hidden;
}

/* 古材 テーブル */
.t_kozai th{
padding:10px;
}
.t_kozai td{
padding:10px;
}
/* 古材リスト */
.kozai_list{
width:100%;
overflow:hidden;
}
.kozai_list li{
width:50%;
float:left;
margin:0 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding:0 5px;
}
.kozai_list li:nth-child(6){
float:left;
margin:0 0 15px 0;
}
.kozai_list li span{
display:block;
text-align:center;
margin:5px 0 0 ;
}

/* snsボタン */
#sns_btn{
width:100%;
overflow:hidden;
margin:30px auto 0;
text-align:center;
display:block;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding:0 7%;
}
#sns_btn li{
width:25%;
padding:5px 0;
float:left;
margin:0 auto;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#sns_btn li span{
font-size:9px;
color:#4d4d4d;
display:block;
margin:5px auto 0;
}

	/* ボタン */
	.more a{
float:right;
display:block;
margin:-10px 0 20px 0;
	}
.more2 a{
    margin: 0 auto 50px;
}
.blog_btn a{
display:block;
float:right;
margin:-10px 15px 20px 0;
}
.news_more a{
margin-top:-10px;
display:block;
float:right;
}


.ninja_onebutton{
    display:none;
}

        /* フッター */
        #footer{
        max-width:100%;
        height:100%;
        background-color:#f2f2f2;
        margin-top:30px;
        }
        #footer img{
	float:none !important;
        }
        #footer .inner{width:90%;  margin:0 auto;}
        #footer p{text-align: left;}
        #footer a{color:#333;font-size:9px;}
        #footer a:hover{color:#ccc;}

	#footer #foot_left{
	width:100%;
	height:100%;
	float:none;
	margin:0 0 0 0;
	font-size:12px;
	}
	#footer #foot_left a img{
	width:50% !important;
	height:auto;
	}
	#footer #foot_left p{
	line-height:20px;
	padding:0 0 0 0;
	text-align:left;
	}
	#footer #foot_right{
	width:100%;
	height:auto;
	float:left;
	}
	#footer #foot_left ul.footlist2{
	float:left;
	margin:0 0 0 -40px;
	border:none;
	}
	#footer #foot_left ul.footlist{
	float:left;
	margin:0 30px 10px -15px;
	border:none;
	}
	#footer #foot_left ul.footlist li{
	background: url(images/listmark.png) no-repeat 0 5px;
	padding:0 0 5px 20px;
	line-height:20px;
	}
	#footer #foot_left ul.footlist2 li{
	background: url(images/listmark.png) no-repeat 0 5px;
	padding:0 0 5px 20px;
	line-height:20px;
	}
#footer #foot_left ul.footlist0{
margin:20px 0 0 0;
padding:0 10px 0 25px;
}



        .footNav{
        width:100%;
        line-height:20px;
        text-align:left;
        }
        .footNav a{margin: 0 -2px;}

        .copy {text-align:center; margin-top:20px; font-size:6px;}


/* bxslider */
.bx-wrapper {/*reset*/
	position: relative;
	height: 100%;
	margin: 0 0 50px;
	padding: 0 20px;
	box-sizing:border-box;
	*zoom: 1;
}
.sPost {
height: 280px !important;
background:#fff !important;
}
.sPost img {
height: auto !important;
	max-height: 280px !important;
max-width:100% !important;
width:auto !important;
}
.bx-wrapper img {
	width: 100%;
	height: auto;/*auto又は100%に指定・縦横比を維持する*/
	display: block;
}


/* ページトップ */
#page-top{
    position:fixed;
    right:20px;
    bottom:20px;
    display: none;
}

#page-top a{
width:50px;
  height:50px;
    background: url("images/pagetop_a.svg");
    display:block;
    cursor:pointer;
}

#page-top a:hover{
    background:url("images/pagetop_a.svg");
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}


        /* 画像画面幅 */
        #main img,#spMain img,#main img,.itemS img,.itemM img,.lib img,.cbox img{
        width: 100%;
        height:auto;
        border:none;
        display: block;
        }
        /* 画像原寸 */
        #main_top .top_h2 img, .itemStaff img,.tCom img,.snsIcon img{
        width: 100% !important;
        border:none;
        display: block;
        margin: 0 0 10px 0 !important;
        float: left !important;
        }

/* 忍者 */
.ninja{
padding:0 15px 0 ;
}
.ninja a{
padding:0 5px 0 ;
}

        /* SP only */
        .pcOnly{display: none !important;}
        .spOnly{display: block !important;}

        /* PC only */

        #top_bg,.head_bg,#top_main,.mainImage,.main_text,.top_btn,#loopslider_wrap,.mainTitle,#header,#header .inner,.bread-bg,.breadcrumbs,#topnav,.top_boxl,.top_boxr,.sha,.f_boxl,.f_boxr,#mainImage,#sidebar,#contact2,#staffbox ul{
        display: none;
        }

/* スワイパー */
.swiper-container, .swiper-slide{
	max-width:100%;
	height: 100%;
text-align:center;
}
.swiper-slide img{
height: auto !important;
	max-height: 280px !important;
max-width:100% !important;
width:auto !important;
margin:0 auto;
}

.pagination {
	text-align: center;
	padding: 15px 5px 0;
		margin:0 auto 40px;
}
.pagination span {
	margin: 0 5px;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #ccc;
	cursor: pointer;
	transition: all .25s linear;
}

.swiper-pagination-bullet-active {
	background-color: #333 !important;
}




}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#header{text-align:center;}
	#header h2,#header ul{float:none;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	#footer ul{text-align:left;padding:15px;}
	#footer ul ul{padding:0;}
}



/*---------------------------------------------------------------
2017/02/23
about レイアウト微調整
---------------------------------------------------------------*/

.about_col{
    display: inline-block;
    width: 100%;
}
.about_col img{
    float: right;
}
.about_col div{
    float: left;
    width: 490px;
    padding: 30px 0 0 0;
}
.about_col.num1 div{
    padding:0;
}
.about_col.num2 div{
    padding:0;
}
.about_col .cube{
    font-size: 22px;
}
.about_col p{
    font-size: 15px;
    line-height: 2;
}
@media only screen and (max-width: 648px){
    .about_col img{
        float: none;
    }
    .about_col div{
        float: none;
        width: 100%;
        padding: 0;
    }
    .about_col .cube{
        font-size: 18px;
    }
    .about_col p{
        font-size: 13px;
        line-height: 1.8;
    } 
}
/*---------------------------------------------------------------
2019/08/02
マージン汎用クラス追記
---------------------------------------------------------------*/
.fs12 {
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .fs12 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 414px) {
  .fs12 {
    font-size: 1.0rem;
  }
}

.fs13 {
  font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
  .fs13 {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 414px) {
  .fs13 {
    font-size: 1.1rem;
  }
}

.fs14 {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .fs14 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 414px) {
  .fs14 {
    font-size: 1.2rem;
  }
}

.fs15 {
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .fs15 {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 414px) {
  .fs15 {
    font-size: 1.3rem;
  }
}

.fs16 {
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .fs16 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 414px) {
  .fs16 {
    font-size: 1.4rem;
  }
}

.fs17 {
  font-size: 1.7rem;
}

@media screen and (max-width: 768px) {
  .fs17 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 414px) {
  .fs17 {
    font-size: 1.5rem;
  }
}

.fs18 {
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .fs18 {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 414px) {
  .fs18 {
    font-size: 1.6rem;
  }
}

.fs19 {
  font-size: 1.9rem;
}

@media screen and (max-width: 768px) {
  .fs19 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 414px) {
  .fs19 {
    font-size: 1.7rem;
  }
}

.fs20 {
  font-size: 2.0rem;
}

@media screen and (max-width: 768px) {
  .fs20 {
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 414px) {
  .fs20 {
    font-size: 1.8rem;
  }
}

.fs21 {
  font-size: 2.1rem;
}

@media screen and (max-width: 768px) {
  .fs21 {
    font-size: 2.0rem;
  }
}

@media screen and (max-width: 414px) {
  .fs21 {
    font-size: 1.9rem;
  }
}

.fs22 {
  font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
  .fs22 {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 414px) {
  .fs22 {
    font-size: 2.0rem;
  }
}

.fs23 {
  font-size: 2.3rem;
}

@media screen and (max-width: 768px) {
  .fs23 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 414px) {
  .fs23 {
    font-size: 2.1rem;
  }
}

.fs24 {
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  .fs24 {
    font-size: 2.3rem;
  }
}

@media screen and (max-width: 414px) {
  .fs24 {
    font-size: 2.2rem;
  }
}

.fs25 {
  font-size: 2.5rem;
}

@media screen and (max-width: 768px) {
  .fs25 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 414px) {
  .fs25 {
    font-size: 2.3rem;
  }
}

.fs26 {
  font-size: 2.6rem;
}

@media screen and (max-width: 768px) {
  .fs26 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 414px) {
  .fs26 {
    font-size: 2.4rem;
  }
}

.fs27 {
  font-size: 2.7rem;
}

@media screen and (max-width: 768px) {
  .fs27 {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 414px) {
  .fs27 {
    font-size: 2.5rem;
  }
}

.fs28 {
  font-size: 2.8rem;
}

@media screen and (max-width: 768px) {
  .fs28 {
    font-size: 2.7rem;
  }
}

@media screen and (max-width: 414px) {
  .fs28 {
    font-size: 2.6rem;
  }
}

.fs29 {
  font-size: 2.9rem;
}

@media screen and (max-width: 768px) {
  .fs29 {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 414px) {
  .fs29 {
    font-size: 2.7rem;
  }
}

.fs30 {
  font-size: 3.0rem;
}

@media screen and (max-width: 768px) {
  .fs30 {
    font-size: 2.9rem;
  }
}

@media screen and (max-width: 414px) {
  .fs30 {
    font-size: 2.8rem;
  }
}

.font-s12 {
  font-size: 1.2rem !important;
}

@media screen and (max-width: 768px) {
  .font-s12 {
    font-size: 1.1rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s12 {
    font-size: 1.0rem !important;
  }
}

.font-s13 {
  font-size: 1.3rem !important;
}

@media screen and (max-width: 768px) {
  .font-s13 {
    font-size: 1.2rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s13 {
    font-size: 1.1rem !important;
  }
}

.font-s14 {
  font-size: 1.4rem !important;
}

@media screen and (max-width: 768px) {
  .font-s14 {
    font-size: 1.3rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s14 {
    font-size: 1.2rem !important;
  }
}

.font-s15 {
  font-size: 1.5rem !important;
}

@media screen and (max-width: 768px) {
  .font-s15 {
    font-size: 1.4rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s15 {
    font-size: 1.3rem !important;
  }
}

.font-s16 {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 768px) {
  .font-s16 {
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s16 {
    font-size: 1.4rem !important;
  }
}

.font-s17 {
  font-size: 1.7rem !important;
}

@media screen and (max-width: 768px) {
  .font-s17 {
    font-size: 1.6rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s17 {
    font-size: 1.5rem !important;
  }
}

.font-s18 {
  font-size: 1.8rem !important;
}

@media screen and (max-width: 768px) {
  .font-s18 {
    font-size: 1.7rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s18 {
    font-size: 1.6rem !important;
  }
}

.font-s19 {
  font-size: 1.9rem !important;
}

@media screen and (max-width: 768px) {
  .font-s19 {
    font-size: 1.8rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s19 {
    font-size: 1.7rem !important;
  }
}

.font-s20 {
  font-size: 2.0rem !important;
}

@media screen and (max-width: 768px) {
  .font-s20 {
    font-size: 1.9rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s20 {
    font-size: 1.8rem !important;
  }
}

.font-s21 {
  font-size: 2.1rem !important;
}

@media screen and (max-width: 768px) {
  .font-s21 {
    font-size: 2.0rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s21 {
    font-size: 1.9rem !important;
  }
}

.font-s22 {
  font-size: 2.2rem !important;
}

@media screen and (max-width: 768px) {
  .font-s22 {
    font-size: 2.1rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s22 {
    font-size: 2.0rem !important;
  }
}

.font-s23 {
  font-size: 2.3rem !important;
}

@media screen and (max-width: 768px) {
  .font-s23 {
    font-size: 2.2rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s23 {
    font-size: 2.1rem !important;
  }
}

.font-s24 {
  font-size: 2.4rem !important;
}

@media screen and (max-width: 768px) {
  .font-s24 {
    font-size: 2.3rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s24 {
    font-size: 2.2rem !important;
  }
}

.font-s25 {
  font-size: 2.5rem !important;
}

@media screen and (max-width: 768px) {
  .font-s25 {
    font-size: 2.4rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s25 {
    font-size: 2.3rem !important;
  }
}

.font-s26 {
  font-size: 2.6rem !important;
}

@media screen and (max-width: 768px) {
  .font-s26 {
    font-size: 2.5rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s26 {
    font-size: 2.4rem !important;
  }
}

.font-s27 {
  font-size: 2.7rem !important;
}

@media screen and (max-width: 768px) {
  .font-s27 {
    font-size: 2.6rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s27 {
    font-size: 2.5rem !important;
  }
}

.font-s28 {
  font-size: 2.8rem !important;
}

@media screen and (max-width: 768px) {
  .font-s28 {
    font-size: 2.7rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s28 {
    font-size: 2.6rem !important;
  }
}

.font-s29 {
  font-size: 2.9rem !important;
}

@media screen and (max-width: 768px) {
  .font-s29 {
    font-size: 2.8rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s29 {
    font-size: 2.7rem !important;
  }
}

.font-s30 {
  font-size: 3.0rem !important;
}

@media screen and (max-width: 768px) {
  .font-s30 {
    font-size: 2.9rem !important;
  }
}

@media screen and (max-width: 414px) {
  .font-s30 {
    font-size: 2.8rem !important;
  }
}

.t-center {
  text-align: center;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.txt-center {
  text-align: center !important;
}

.txt-left {
  text-align: left !important;
}

.txt-right {
  text-align: right !important;
}

.block {
  display: block;
}

.iblock {
  display: inline-block;
}

.inline {
  display: inline;
}

.pc-block {
  display: block;
}

@media screen and (max-width: 768px) {
  .pc-block {
    display: none;
  }
}

.pc-iblock {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .pc-iblock {
    display: none;
  }
}

.sp-block {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-block {
    display: block;
  }
}

.sp-iblock {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-iblock {
    display: inline-block;
  }
}

@media screen and (min-width: 769px) {
  .sp-visible {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc-visible {
    display: none !important;
  }
}

@media screen and (min-width: 415px) {
  .mb-visible {
    display: none !important;
  }
}

@media screen and (max-width: 414px) {
  .tb-visible {
    display: none !important;
  }
}

.mt5 {
  margin-top: 5px !important;
}

@media screen and (max-width: 414px) {
  .mt5 {
    margin-top: 3px !important;
  }
}

.mt10 {
  margin-top: 10px !important;
}

@media screen and (max-width: 414px) {
  .mt10 {
    margin-top: 5px !important;
  }
}

.mt15 {
  margin-top: 15px !important;
}

@media screen and (max-width: 414px) {
  .mt15 {
    margin-top: 8px !important;
  }
}

.mt20 {
  margin-top: 20px !important;
}

@media screen and (max-width: 414px) {
  .mt20 {
    margin-top: 10px !important;
  }
}

.mt25 {
  margin-top: 25px !important;
}

@media screen and (max-width: 414px) {
  .mt25 {
    margin-top: 13px !important;
  }
}

.mt30 {
  margin-top: 30px !important;
}

@media screen and (max-width: 414px) {
  .mt30 {
    margin-top: 15px !important;
  }
}

.mt35 {
  margin-top: 35px !important;
}

@media screen and (max-width: 414px) {
  .mt35 {
    margin-top: 18px !important;
  }
}

.mt40 {
  margin-top: 40px !important;
}

@media screen and (max-width: 414px) {
  .mt40 {
    margin-top: 20px !important;
  }
}

.mt45 {
  margin-top: 45px !important;
}

@media screen and (max-width: 414px) {
  .mt45 {
    margin-top: 23px !important;
  }
}

.mt50 {
  margin-top: 50px !important;
}

@media screen and (max-width: 414px) {
  .mt50 {
    margin-top: 25px !important;
  }
}

.mb5 {
  margin-bottom: 5px !important;
}

@media screen and (max-width: 414px) {
  .mb5 {
    margin-bottom: 3px !important;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 414px) {
  .mb10 {
    margin-bottom: 5px !important;
  }
}

.mb15 {
  margin-bottom: 15px !important;
}

@media screen and (max-width: 414px) {
  .mb15 {
    margin-bottom: 8px !important;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 414px) {
  .mb20 {
    margin-bottom: 10px !important;
  }
}

.mb25 {
  margin-bottom: 25px !important;
}

@media screen and (max-width: 414px) {
  .mb25 {
    margin-bottom: 13px !important;
  }
}

.mb30 {
  margin-bottom: 30px !important;
}

@media screen and (max-width: 414px) {
  .mb30 {
    margin-bottom: 15px !important;
  }
}

.mb35 {
  margin-bottom: 35px !important;
}

@media screen and (max-width: 414px) {
  .mb35 {
    margin-bottom: 18px !important;
  }
}

.mb40 {
  margin-bottom: 40px !important;
}

@media screen and (max-width: 414px) {
  .mb40 {
    margin-bottom: 20px !important;
  }
}

.mb45 {
  margin-bottom: 45px !important;
}

@media screen and (max-width: 414px) {
  .mb45 {
    margin-bottom: 23px !important;
  }
}

.mb50 {
  margin-bottom: 50px !important;
}

@media screen and (max-width: 414px) {
  .mb50 {
    margin-bottom: 25px !important;
  }
}

.ml5 {
  margin-left: 5px !important;
}

@media screen and (max-width: 414px) {
  .ml5 {
    margin-left: 3px !important;
  }
}

.ml10 {
  margin-left: 10px !important;
}

@media screen and (max-width: 414px) {
  .ml10 {
    margin-left: 5px !important;
  }
}

.ml15 {
  margin-left: 15px !important;
}

@media screen and (max-width: 414px) {
  .ml15 {
    margin-left: 8px !important;
  }
}

.ml20 {
  margin-left: 20px !important;
}

@media screen and (max-width: 414px) {
  .ml20 {
    margin-left: 10px !important;
  }
}

.ml25 {
  margin-left: 25px !important;
}

@media screen and (max-width: 414px) {
  .ml25 {
    margin-left: 13px !important;
  }
}

.ml30 {
  margin-left: 30px !important;
}

@media screen and (max-width: 414px) {
  .ml30 {
    margin-left: 15px !important;
  }
}

.ml35 {
  margin-left: 35px !important;
}

@media screen and (max-width: 414px) {
  .ml35 {
    margin-left: 18px !important;
  }
}

.ml40 {
  margin-left: 40px !important;
}

@media screen and (max-width: 414px) {
  .ml40 {
    margin-left: 20px !important;
  }
}

.ml45 {
  margin-left: 45px !important;
}

@media screen and (max-width: 414px) {
  .ml45 {
    margin-left: 23px !important;
  }
}

.ml50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 414px) {
  .ml50 {
    margin-left: 25px !important;
  }
}

.mr5 {
  margin-right: 5px !important;
}

@media screen and (max-width: 414px) {
  .mr5 {
    margin-right: 3px !important;
  }
}

.mr10 {
  margin-right: 10px !important;
}

@media screen and (max-width: 414px) {
  .mr10 {
    margin-right: 5px !important;
  }
}

.mr15 {
  margin-right: 15px !important;
}

@media screen and (max-width: 414px) {
  .mr15 {
    margin-right: 8px !important;
  }
}

.mr20 {
  margin-right: 20px !important;
}

@media screen and (max-width: 414px) {
  .mr20 {
    margin-right: 10px !important;
  }
}

.mr25 {
  margin-right: 25px !important;
}

@media screen and (max-width: 414px) {
  .mr25 {
    margin-right: 13px !important;
  }
}

.mr30 {
  margin-right: 30px !important;
}

@media screen and (max-width: 414px) {
  .mr30 {
    margin-right: 15px !important;
  }
}

.mr35 {
  margin-right: 35px !important;
}

@media screen and (max-width: 414px) {
  .mr35 {
    margin-right: 18px !important;
  }
}

.mr40 {
  margin-right: 40px !important;
}

@media screen and (max-width: 414px) {
  .mr40 {
    margin-right: 20px !important;
  }
}

.mr45 {
  margin-right: 45px !important;
}

@media screen and (max-width: 414px) {
  .mr45 {
    margin-right: 23px !important;
  }
}

.mr50 {
  margin-right: 50px !important;
}

@media screen and (max-width: 414px) {
  .mr50 {
    margin-right: 25px !important;
  }
}

.telephone a {
  cursor: default;
}

.telephone a:hover {
  opacity: 1;
}

.android .telephone a,
.iphone .telephone a {
  opacity: .7;
}

#pageTop {
  z-index: 400;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  #pageTop {
    bottom: 0;
    right: 0;
    width: 45px;
    height: 45px;
  }
}

#pageTop a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  color: #ffffff;
}

#pageTop a:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-59%);
  -ms-transform: translateY(-59%);
  transform: translateY(-59%);
  width: 100%;
  content: "\f077";
  font-family: FontAwesome;
  font-size: 2.4rem;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  #pageTop a:before {
    font-size: 2.0rem;
  }
}

#pageTop a:hover {
  opacity: 0.5;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
}

/* 260128_LINE導線 */
#header .head_right a.hd-line-btn {
  border-color: #06c755;
  color: #06c755;
}
#header .head_right a.hd-line-btn:hover {
  background: #06c755;
  color: #fff;
}

.b-contactbox-01 {
  margin: 30px auto 70px;
}
@media screen and (max-width: 768px) {
  .b-contactbox-01 {
    margin: 10px auto;
  }
}

.u-contactbox-01 {
  width: 800px;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 50px;
  background: #fff;
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 {
    padding: 30px 15px;
    display: block;
    width: 100%;
  }
}
.u-contactbox-01 > .inner-left {
  width: 275px;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.u-contactbox-01 > .inner-left > .questrial {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-left > .questrial {
    margin-top: 0;
  }
}
.u-contactbox-01 > .inner-left > p {
  text-align: left;
  margin-bottom: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-left > p {
    font-size: 12px;
  }
}
.u-contactbox-01 > .inner-right {
  width: 410px;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-right {
    width: 100%;
  }
}
.u-contactbox-01 > .inner-right > .tel {
  text-align: left;
  margin-top: 0;
}
.u-contactbox-01 > .inner-right > .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-right > .btn-wrap {
    display: block;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn > a {
  display: block;
  width: 200px;
  height: auto;
  padding: 10px;
  border: 1px solid #B3B3B3;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn > a {
    width: 100%;
    font-size: 12px;
  }
}
.u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn.line_btn > a {
  position: relative;
  background: #06c755;
  border-color: #06c755;
}
.u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn.line_btn > a:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 28px;
  height: 28px;
  background: url(images/icon_line.png) 0/contain no-repeat;
  display: inline-block;
}
.u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn.line_btn > a > span {
  padding-left: 35px;
}
@media screen and (max-width: 768px) {
  .u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn.line_btn > a > span {
    padding-left: 0;
  }
}
.u-contactbox-01 > .inner-right > .btn-wrap > .contact_btn.line_btn > a:hover {
  color: #06c755;
  background: #fff;
}