@charset "utf-8";
/* CSS Document */

/*************************************
　*Google Fonts 読み込み*
 *************************************/
@import url(http://fonts.googleapis.com/css?family=Satisfy);


/*************************************
 	reset
 *************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,figure,figcaption{
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
	background:#F0F0F0;
	z-index:-1;
}
img { border:0;max-width:100%;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul { list-style:none; }
fieldset, img { border:0; }
table {
	border-collapse: collapse;
	border-spacing:0;
}
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/*************************************
 	共通
 *************************************/
body {
/*	font: 14px/1.7 'Lucida Grande',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;*/
/*	font: 16px/1.7 "新ゴ L",sans-serif;*/
	font: 32px/1.8 "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	 
	color:#666;
	letter-spacing: 1.0px;
	font-weight:300;
	width:680px;
	margin:0 auto;
	background:#FFF;
	position:relative;
}

.kakugo{
	font-family:"Shuei KakuGo Kin L";
}
.mincho{
	font-family:"Shuei Mincho M";
}

.b0 { margin-bottom:0px!important; }
.b5 { margin-bottom:5px!important; }
.b10 { margin-bottom:10px!important; }
.b20 { margin-bottom:20px!important; }
.b30 { margin-bottom:30px!important; }
.b40 { margin-bottom:40px!important; }
.b50 { margin-bottom:50px!important; }
.b60 { margin-bottom:60px!important; }
.b70 { margin-bottom:70px!important; }
.b80 { margin-bottom:80px!important; }
.t0 { margin-top:0px!important; }
.t5 { margin-top:5px!important; }
.t10 { margin-top:10px!important; }
.t12 { margin-top:12px!important; }
.t20 { margin-top:20px!important; }
.t30 { margin-top:30px!important; }
.t40 { margin-top:40px!important; }
.t50 { margin-top:50px!important; }
.t60 { margin-top:60px!important; }
.t-1 { margin-top:-1px!important; }
.t-5 { margin-top:-5px!important; }
.t-10 { margin-top:-10px!important; }
.t-15 { margin-top:-15px!important; }
.t-20 { margin-top:-20px!important; }
.t-25 { margin-top:-25px!important; }
.t-30 { margin-top:-30px!important; }
.l0 { margin-left:0px!important; }
.l5 { margin-left:5px!important; }
.l10 { margin-left:10px!important; }
.l20 { margin-left:20px!important; }
.l25 { margin-left:25px!important; }
.l30 { margin-left:30px!important; }
.l40 { margin-left:40px!important; }
.l50 { margin-left:50px!important; }
.l60 { margin-left:60px!important; }
.l70 { margin-left:70px!important; }
.l80 { margin-left:80px!important; }
.l90 { margin-left:90px!important; }
.l100 { margin-left:100px!important; }
.l110 { margin-left:110px!important; }
.l-5 { margin-left:-5px!important; }
.l-10 { margin-left:-10px!important; }
.l-20 { margin-left:-20px!important; }
.r0 { margin-right:0px!important; }
.r5 { margin-right:5px!important; }
.r10 { margin-right:10px!important; }
.r20 { margin-right:20px!important; }
.r30 { margin-right:30px!important; }
.r40 { margin-right:40px!important; }
.r50 { margin-right:50px!important; }
.r60 { margin-right:60px!important; }
.r70 { margin-right:70px!important; }
.r80 { margin-right:80px!important; }
.r90 { margin-right:90px!important; }

.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }
.pb80 { padding-bottom:80px!important; }
.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt12 { padding-top:12px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }

.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }

.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }


.lh12 { line-height:1.2em !important; }
.lh13 { line-height:1.3em !important; }
.lh14 { line-height:1.4em !important; }
.lh15 { line-height:1.5em !important; }
.lh16 { line-height:1.6em !important; }
.lh17 { line-height:1.7em !important; }
.lh18 { line-height:1.8em !important; }
.lh19 { line-height:1.9em !important; }
.lh20 { line-height:2.0em !important; }
.lh22 { line-height:2.2em !important; }
.lh24 { line-height:2.4em !important; }
.lh26 { line-height:2.6em !important; }


/*クリア*/
.clearfix:after { content: ""; display: block; clear: both; }
.clear_ov{ overflow:hidden;}
/*イメージ（画像）を中央に表示*/
.center_ds {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*divを中央に表示*/	
.center {
	margin-left:auto !important;
	margin-right:auto !important;
}
/*　フォント関係　*/
.f10 { font-size:110% !important; }
.f20 { font-size:120% !important; }
.f30 { font-size:130% !important; }
.f40 { font-size:140% !important; }
.f50 { font-size:150% !important; }
.f200 { font-size:200% !important; }
.f220 { font-size:220% !important; }
.fs95 { font-size:95% !important; }
.fs90 { font-size:90% !important; }
.fs85 { font-size:85% !important; }
.fs80 { font-size:80% !important; }
.fs75 { font-size:75% !important; }
.fs70 { font-size:70% !important; }
.fs65 { font-size:65% !important; }
.fs60 { font-size:60% !important; }
.fw { font-weight:bold !important; }
.fwn{ font-weight:normal !important;}
.c_pink { color:#FB688D; }
.c_red { color:#F5421F; }
.c_blu { color:#258AD4; }
.c_ore { color:#F15A24; }
.c_cha { color:#C3932C; }
.c_kogecha { color:#98024F; }
.c_pul { color:#60157E; }
.c_gre { color:#62A431; }
.c_gre2 { color:#087B7D; }
.c_higre { color:#97C12B; }
.c_meiko { color:#5DB836; }
.c_ { color:#; }
.c_{color:#;}
.bg_c {
	background:#; 
	}

/** リンク　**/
.link { cursor:pointer; }

.img_link_on a:hover img{
	opacity:0.7 !important;
	filter: alpha(opacity=70) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)" !important;  /* ie 8 */
	-moz-opacity:0.7 !important;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7 !important;              /* Safari 1.x */
	zoom:1 !important;
  	transition: 0.4s;
}
.img_link_on2 a:hover img{
	opacity:0.85 !important;
	filter: alpha(opacity=85) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=85)" !important;  /* ie 8 */
	-moz-opacity:0.85 !important;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.85 !important;              /* Safari 1.x */
	zoom:1 !important;
  	transition: 0.4s;
}

.img_link_on3{
	opacity:0.7 !important;
	filter: alpha(opacity=70) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)" !important;  /* ie 8 */
	-moz-opacity:0.70 !important;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.70 !important;              /* Safari 1.x */
	zoom:1 !important;
  	transition: 0.4s;
}

.img-block {   /*---ページで使用*/
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.img-block img {
  transition: 0.5s; 
}
.img-block img:hover {
  -moz-transform: scale(1.2,1.2);
  -webkit-transform: scale(1.2,1.2);
  -o-transform: scale(1.2,1.2);
  -ms-transform: scale(1.2,1.2);
}

a{/*リンクされた文字*/
	color:inherit;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
}
a:visited {/*訪問後のリンク*/
}
a:hover {/*マウスをのせたとき*/
    color:#39C;
    text-decoration:none;
}

.tx_deco{
	color:#39C;
}

.link_point{
    color:#39C;
    text-decoration:none;
}	

.linkbox{ 
	opacity:0.6 ;
	filter: alpha(opacity=60) ;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)" ;  /* ie 8 */
	-moz-opacity:0.6 ;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6 ;              /* Safari 1.x */
	zoom:1;
	}

.textbox {     /*ブロック要素全体にリンクを設定する*/
	cursor:pointer;
}
/* マウスオーバー時 */
.textbox:hover {
	opacity:0.7 !important;
	filter: alpha(opacity=70) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)" !important;  /* ie 8 */
	-moz-opacity:0.7 !important;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7 !important;              /* Safari 1.x */
	zoom:1 !important;
  	transition: 0.4s;
}
/**　インデント　**/
.indent005 {
	text-indent:-0.5em;
	padding-left:0.5em;
}
.indent00 {
	text-indent:0em;
	padding-left:0em;
}
.indent01 {
	text-indent:-1em;
	padding-left:1em;
}
.indent015 {
	text-indent:-1.5em;
	padding-left:1.5em;
}
.indent020 {
	text-indent:-2em;
	padding-left:2em;
}
.indent025 {
	text-indent:-2.5em;
	padding-left:2.5em;
}

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

.txt_c{text-align:center;}
.txt_l{text-align:left;}
.txt_r{text-align:right;}

/* border */
.bt_n{ border-top:none !important;}
.bb_n{ border-bottom:none !important;}
.bl_n{ border-left:none !important;}
.br_n{ border-right:none !important;}


.background_none{
	background:none !important;
}

.vastyle01{
	vertical-align:top;
}

.vastyle02{
	vertical-align:middle;
}

.vastyle03{
	vertical-align:bottom;
}

.vastyle04{
	vertical-align:text-bottom;
}

.vastyle05{
	vertical-align:4px;
}

.dispnone{
	display:none;
}
/*************************************
 	レイアウト
 *************************************/
/* タイトル一覧 */

/* header部分 */

.pagelogo{
	margin:15px 0 15px 20px;
}
.pagelogo img{
	width:260px;
}

/* mmenu */
.header{
	border-top:4px solid #8CCD71;
	width:680px;
	height:110px;
	background:#eee;
	position:fixed;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:100000;
	box-shadow: 0px 8px 6px -6px rgba(100,100,100,0.4);
}

a.mmenu
{
	background: center center no-repeat transparent;
	background-image:url(/sp/img/sp_menu_icon.png);
	display: block;
	width: 88px;
	height: 87px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin:auto;
}
.main_area{
	padding-top:114px;
}
#menu ul li a{
	font-size:2.0em;
	padding:40px 0 40px 30px;
}



/* footer_content部分 */
.contact_area{
	width:100%;
	background:url(/img/common/debut_light.png);
}
.contact_area .bg_contact{
	width:100%;
	background:url(/img/common/bg_contact.png) no-repeat scroll 50% 0%;
	padding-bottom:40px;
}

.contact_area .bg_contact .contact_message{
	text-align:center;
	padding:40px 0 30px;
}

.contact_area .bg_contact .contact_table{
	display:table;
	margin:0 auto;
}
.contact_area .bg_contact .contact_table .contact_table_child img{
	width:480px;
	height:auto;
}

/* footer部分 */

#bottom_footer{
	width:100%;
	background:#4D4D4D;
	padding:25px 0;
	color:#FFF;
	font-size:0.7em;
	letter-spacing:0.1px;
}

/* topへ部分 */
.gotop{
	display: none;
	text-align:right;
	position:fixed;
	bottom:47px;
	right:47px;
	z-index:10000;
}
.gotop a {
	display: block;
	width: 110px;
}
.gotop a img{
	width:100%;
}

/*************************************
	フロントページ
 *************************************/
.skippr{
	overflow:visible !important;/*スマホ特有*/
}
.hero{
	width:100%;
	height:450px; /*高さはここで制御をする*/
	position:relative;
	}



.hero .undershadow_hero{
	width:100%;
	height:30px;
	position:absolute;
	bottom:0%;
	background:url(/img/frontpage/shadow_hero.png);
	background-repeat:repeat-x;
	z-index:999
}

.slogan{
	text-align:center;
	padding:15px 0;
	background:#F7FFF4;
	margin-bottom:30px;
	}
	

/*3つのカラム部分*/
hr.greenhori{
	border: 1px #8CCD70 solid;
}
.frontbox{
	width:100%;
	margin-bottom:55px;
	}

.frontbox img.shousai_bt{
	width:460px;
}
	
/*************************************
	固定ページ共通
 *************************************
 *************************************/
.w1000box{
	width:92%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
.w1000box_noma{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.w940box_noma{
	width:88%;
	margin-left:auto;
	margin-right:auto;
}

.page_photo{
	width:100%;
	height:450px;
	position:relative;
}

.page_photo img{
	width:100%;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

.page_photo h3{
	position:absolute;
	display:table;
    top: 160px;
	left: 0;
	right: 0;
	margin:auto;
	font-size:1.7em;
	font-weight:100;
	z-index:100;
	text-shadow: 0 0 4px #000;
	padding-left:30px;
}

.page_photo h3.content_colo{color:#fff;}
.page_photo h3.case_colo{color:#fff;}
.page_photo h3.flow_colo{color:#fff;}
.page_photo h3.question_colo{color:#fff;}
.page_photo h3.company_colo{color:#fff;}
.page_photo h3.contact_colo{color:#fff;}

/*************************************
	取り扱い内容
 *************************************/
.content_box{
	margin:50px 0 80px;
}

.list{
	margin-bottom:90px;
}
.list_left{
	position:relative;
}

.list_left:before,.list_left:after,ul.lis li dt:before,ul.lis li dt:after{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 34px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: rgba(100,100,100,0.7);
    box-shadow: 0 15px 10px rgba(100,100,100,0.7);
    transform: rotate(-8deg);
}

.list_left:after,ul.lis li dt:after {
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}
.list .list_left{
	width:auto;
}

.list .list_right{
	width:auto;
}

.list .list_right h3{
	font-size:1.2em;
	padding-bottom:5px;
	border-bottom:2px dashed #ccc;
	margin-bottom:10px;
	}

.list h4{
	text-align:center;
	font-size:1.1em;
}

ul.lis{
	padding-top:50px;
}
ul.lis li{
	width:auto;
	margin-bottom:90px;
}
ul.lis li dt{
	position:relative;
}
ul.lis li dd{
	margin:10px auto 30px;
	text-align:center;
}
/*************************************
	施工例
 *************************************/
.case_box{
	margin:50px 0 80px;
}
.case_box .case{
	padding:45px 30px;
	margin-bottom:40px;
	background-image:url(/img/case/bg_case.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
}
.case_box .case .head_box{
	margin-bottom:20px;
}
.case_box .case .head_box h3{
	font-size:1.3em;
	color:#C1272D;
	margin-bottom:15px;
}
.case_box .case .head_box .left{
	width:auto;
	text-align:center;
}
.case_box .case .head_box .left img{
	width:100%;
}
.case_box .case .head_box .right{
	width:auto;
}
.case_box .case .tit{
	font-size:1.05em;
	line-height:2.3rem;
	margin-bottom:10px;
	border-left:4px solid #FFC03E;
	padding-left:7px;
}
.case_box .case .head_box .right .soudan p{
	margin-bottom:20px;
}
.case_box .case .head_box .right .soudan ul li{
	float:left;
	color:#FFF;
	background:#8CCD70;
	padding:4px 8px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:0.65em;
}

.case_box .case .figure_box{
	margin-bottom:20px;
}
.case_box .case .figure_box .left{
	display:table;
	margin:0 auto;
}
.case_box .case .figure_box .left li{
	width:23.1%;
	box-sizing:border-box;
	display:inline-block;
	margin-bottom:7px;
}
.case_box .case .figure_box .right{
	width:100%;
	height:300px;
}

.concept_box p{
	margin-bottom:30px;
	line-height:1.8rem;
}

/*************************************
	契約の流れ
 *************************************/
.flow_box{
	padding-bottom:5px;
}

.flow_box .overflow{
	padding:30px;
	border:1px solid #CCC;
	margin-top:50px;
	margin-bottom:10px;
}

.flow_box .step{
	margin-bottom:30px;
}

.s_media{
	padding-top:70px;
	background:url(/img/question/aq_bar.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin-bottom:5px;
}

.s_media:first-child{
	background:none;
}


.flow_box .s_media span img{
	width:90px;
	height:auto;
	margin-right:30px;
	vertical-align:middle;
	}

.flow_box .s_media h3{
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:10px;
}

/*************************************
	よくある質問
 *************************************/
.qanda_box{
	padding-bottom:50px;
}

.acMenu{
	margin-top:40px;
	padding-bottom:2px;
	background:url(/img/question/aq_bar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
    }
.acMenu dt{
    display:block;
    cursor:pointer;
	margin-bottom:20px;
	background: url("/img/question/pict_q.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
    }
.acMenu dt span{
	margin-right:10px;
    }

.acMenu dt img{
	vertical-align:middle;
    }

.acMenu dd{
    display:none;
	background: url("/img/question/pict_a.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 60px;
	margin-bottom: 20px;
    }
.acMenu dd span{
	margin-right:10px;
    }

.acMenu dd img{
	vertical-align:middle;
    }



/*************************************
	会社概要
 *************************************/
.company{
	margin:50px 0;
}
.company table {
	width:100%;
	margin-bottom:20px;
}

.company table,
.company table tr,
.company table th,
.company table td {
	display:inline-block;
	border:none;
	
}
.company table tr{
	border-bottom:1px solid #ddd;
}

.company table tr:first-child{
	border-top:1px solid #ddd;
}

.company table th,
.company table td {
	margin-bottom:5px;
}
/*
.company table tr {
	margin-bottom:5px;
}
*/
.company table th,
.company table td {
	padding:0 20px;
	line-height:43px;
	text-align:left;
}

.company table tr {
	width:100%;
}
.company table th {
	width:100%;
	margin-right:5px;
}

.company table td {
	width:100%;
}

.company table th.row2 {
	height:91px;
	line-height:91px;
}

.company table th.row3 {
	height:139px;
	line-height:139px;
}

.company table th.row4 {
	height:187px;
	line-height:187px;
}
.company table td.mb5 {
	margin-bottom:5px;
}
.company table tr.h94 th {
	padding:27px 20px;
}
.company table tr.h94 td {
	padding:16px 20px;
}
.company table tr.h94 {
	height:94px;
}
.company table tr.h94 th {
	height:40px;
	line-height:20px;
}
.company table tr.h94 td {
	height:62px;
	line-height:20px;
}

.company_title{
	font-size:1.3em;
	margin-bottom:30px;
}

.company_title span{
	margin-right:10px;
}


.company .person_box{
	margin-bottom:60px;
}

.company .person_box .person_left_box{
	text-align:center;
}
.company .person_box .person_left_box figure img{
	border:1px solid #ccc;
	padding:5px;
	background:#FAFAFA;
}

.company .person_box .person_left_box figure figcaption{
	text-align:center;
	font-size:1.2em;
	line-height:1.8em;
}
.company .person_box .person_right_box{
}

/*************************************
	お問い合わせ
 *************************************/

.contact_box{
	margin:50px 0 80px;
}

/*************************************
	採用情報
 *************************************/
.recruit_box{margin:50px 0 ;}

.recruit_point{
	padding: 30px;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-bottom: 50px;
	font-size: 30px;
	color: #E68B46;

}
.recruit_box table{
	border-collapse: collapse;
}
.recruit_box table,
.recruit_box table tr,
.recruit_box table th,
.recruit_box table td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.recruit_box th,
.recruit_box td{
	padding: 10px 15px;
	color:#333;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}
.recruit_box th{
	background-color:#F5F6F1;
	font-weight: bold;
}
.recruit_box td{
}
.recruit_box th.detail_hd_company,
.recruit_box th.detail_hd_info{
	/*font-size:18px;*/
	font-weight:normal;
	letter-spacing:10px;
	color:#fff;
	text-align:center;
	background: #444; 
}
.recruit_box table tbody{
	width: 100%;
}
.recruit_box th.send{
	color: #FFF;
	background:#E3A014;

}