@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap');


.sp{
	display: none;
}


/**************************************************************
全体
**************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 100%;
}


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 200%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:450;
	color: #3b3126;
}


/**************************************************************
リンク
**************************************************************/
a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}


/**************************************************************
ヘッダー
**************************************************************/
#title {
	margin: 0px;
	padding: 0px 0px;
	height: 70px;
	position: relative;
	text-align: left;
	padding: 10px;
}
#title-inner{
	width: 1100px;
	margin: 0 auto;
}

#title .logo{
	width: 400px;
	float: left;
}

#title .logo img{
	width: 100%;
	height: auto;
}

#title .tel{
	float: right;
	padding-top: 20px;
}

#title .tel img{
	height: 35px;
	width: auto;
	margin-left: 10px;
}

#title h1 {
	font-size: 36px;
	font-weight:normal;
	line-height: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;}

/**************************************************************
フッター
**************************************************************/
#bottom {
	margin: 0px;
	position: relative;
	background: #EEEEEE;
	text-align: center;
	clear: right;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 160%;

}

#bottom a:link, #bottom a:visited {
	color: #333333;
	font-size: 12px;

}
#bottom a:hover, #bottom a:active {
	color: #0099FF;
	font-size: 12px;
}

#bottom #footer {
	text-align:center;
}


/**************************************************************
各ページ
**************************************************************/

.midashi{
	background-image: url("../image/base/midashi-bg.png");
	text-align: center;
	padding: 5px;
}

.midashi img{
	width: 1100px;
	height: auto;
}

.main{
	background-image: url("../image/main-bg.png");
background-size:auto 100%;/*この場合は幅が自動設定*/
	padding: 10px;
	position: relative;
}

.main-inner{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.main img{
	width: 100%;
	height: auto;
}

.main-detail{
    position: absolute;
    height: 200px;
    right: 26px;
    bottom: 20px;
    width: 275px;
	background-image: url("../image/bhbh.png");
	padding: 10px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	text-align: left;
	color: #fff;
	font-size: 12px;
	line-height: 150%;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.main-detail h2{
	font-size: 16px;
	text-align: center;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
	padding: 5px;
	border-bottom: solid 2px #fff;
	margin-bottom: 10px;
	color: #fff;
}

/*コンテンツ部分---------------------------------------------*/


/**************************************************************
アウトライン
**************************************************************/
#outline {
    margin: 0px auto;
    padding: 0px;
    width: 1100px;
    background: #FFFFFF;
	padding: 20px 0;
	text-align: left;
}
#outline h2{
	font-size: 26px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:700;
	background-color: #228C21;
	color: #fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-align: center;
}

.jirei{
	margin-bottom: 20px;
}

.jirei .box{
	width: 48%;
	margin: 1%;
	height: auto;
	background-color: #ececec;
	padding-bottom: 15px;
	font-size: 15px;
	text-align: center;
	float: left;
}
.jirei .box img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}



.wy-text{

	padding: 10px;
}

.wy-text img{
	width:230px;
	float: right;
	height: auto;
	margin-left: 15px;
	margin-bottom: 15px;
}

/*ツーバイフォー--------------------------------------------*/

#tbf{
	overflow: hidden;
	clear: both;
	background-image: url("../image/bg.png");
	margin-top: 50px;
}

#tbf-inner{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}
#tbf-inner h1 {
	text-align: center;
	margin-bottom: 30px;
}
#tbf-inner h1 img{
	width: 70%;
	height: auto;
}
#tbf-inner p{
	padding: 15px;
	text-align: left;
	font-size: 18px;
	line-height: 200%;
}

.tbf-img{
	margin: 20px 0;
}
.tbf-img img{
	width: 31%;
	margin: 1%;
	height: auto;
	border: solid 1px #fff;
}

/*徹底比較------------------------------------*/

#hikaku{
	overflow: hidden;
	clear: both;
	background-color: #fff;
}

#hikaku-inner{
	width: 1000px;
	margin: 0 auto;
	padding: 70px 0;
}


#hikaku-inner h1 {
	text-align: center;
	margin-bottom: 0px;
}
#hikaku-inner h1 img{
    width: 90%;
    height: auto;
}

.hikaku-midashi{
    margin-top: 80px;
    margin-bottom: 30px;
}

#hikaku-inner h2{
	background: linear-gradient(transparent 70%,rgba(247, 198, 104, 0.2) 70%,rgb(247, 198, 104) 85%,rgba(247, 198, 104, 0.2));
    /* border-bottom: solid 2px #f6ac16; */
    font-size: 50px;
    padding: 10px;
    font-weight: 700;
    margin: 10px;
    margin-bottom: 25px;
	text-align: center;

}

.hikaku-frame{
	overflow: hidden;
	clear: both;
	margin-top: 30px;

}

.hikaku-frame-l{
	width: 35%;
	float: left;
}

.hikaku-frame-l img{
	width: 100%;
	height: auto;
}

.hikaku-frame-r{
	width: 62%;
	float: right;
}

.hikaku-frame-r img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.hikaku-kekka{
	padding: 15px;
	background-color: #C40003;
	margin-top: 50px;
	overflow: hidden;
}

.hikaku-kekka h1{
	width: 20%;
	float: left;
	padding: 0;
	margin: 0;
}
.hikaku-kekka h1 img{
	width: 90%;
	height: auto;
}

.hikaku-kekka h2{
	width: 75%;
	float: right;
	padding: 0!important;
	margin: 0!important;
	color: #fff;
	font-size: 19px!important;
	line-height: 160%;
	text-align: left!important;
	background: none!important;
}

/*スーパーゼネコン-----------------------------------------*/

#superzene{
	background-color: #fffbf2;
	overflow: hidden;
	clear: both;
}

#superzene-inner{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	padding: 30px 0;
}


#superzene-inner h2 {
    font-size: 26px;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 700;
    background-color: #7a5932;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: center;
}

#superzene-inner .explain img{
	width: 250px;
	float: right;
	height: auto;
	margin-left: 15px;
}

.deve{
	overflow: hidden;
	margin: 50px 0 0 0;
}

.deve-l{
	width: 40%;
	float: left;
}
.deve-l img{
	width: 100%;
	height: auto;
}

.deve-r{
	width: 55%;
	float: right;
}

.deve-r h2{
	background-color: #fffbf2!important;
	color: #000!important;
	padding: 0!important;
	margin: 0 !important;
	border-bottom: solid 2px #000;
	padding-bottom: 10px!important;
	margin-bottom: 20px!important;
}

.deve-r p{
	line-height: 150%;
	font-size: 13px;
}

#superzene-inner h3{
	background-color: #cc0000!important;
	color: #fff!important;
	padding: 0!important;
	margin: 0 !important;
	margin-bottom: 40px!important;
	margin-top: 100px!important;
	font-size: 26px!important;
	padding: 25px 15px!important;
	text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


.reason-waku{
	overflow: hidden;
	clear: both;
	margin: 80px 0;
}

.reason-waku .botan{
	text-align: right;
}
.reason-waku .botan img{
	width: 260px;
	height: auto;
}
.reason-waku-l{
	width: 70%;
	float: left;
}

.reason-waku-l h4{
	font-size: 24px;
	color: #000;
	padding: 7px;
	border-bottom: solid 2px #000;
	margin-bottom: 20px;
}
.reason-waku-r{
	width: 26%;
	float: right;

}
.reason-waku-r img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;

}

.r-no{
	font-family: 'Roboto Mono', monospace;
	font-weight: 700;
	margin-right: 7px;
	font-size: 35px;
	color: #B30002;
}

.reason-waku-l p{
	font-size: 15.5px!important;
	line-height: 210%!important;
}


/*ご挨拶--------------------------------------------*/

#greet{
	overflow: hidden;
	clear: both;
	background-color: #fff;
}
#greet-inner{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}

#greet-inner .tt{
	width: 50%;
	margin: 0 auto;
	margin-bottom: 50px;
}
#greet-inner .tt img{
	width: 100%;
	height: auto;
}
.message-waku{
	overflow: hidden;
	clear: both;
}

.message-waku-l{
	width: 70%;
	float: left;
}

.message-waku-r{
	width: 28%;
	float: right;
}
.message-waku-r img{
	width: 100%;
	height: auto;
}

#greet-inner h3 {
    background-color: #5eb339!important;
    color: #fff!important;
    padding: 0!important;
    margin: 0 !important;
    margin-bottom: 40px!important;
    margin-top: 100px!important;
    font-size: 26px!important;
    padding: 25px 15px!important;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.greet-unei{
	margin-bottom: 20px;
}

.greet-unei img{
	float: right;
	width: 300px;
	height: auto;
	margin-left: 15px;
}

.greet-box-waku{
	overflow: hidden;
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
}
.greet-box{
	width: 29%;
	padding: 1%;
	margin: 1%;
	float: left;
	border: solid 1px #ccc;
	height: 400px;
	overflow: hidden;
}
.greet-box img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.greet-box h2{
	color: #3875b6;
	margin-bottom: 10px;
	padding: 5px 0!important;
	border-bottom: solid 2px #3875b6;
	font-size: 16px;
	line-height: 160%;

	
}

.greet-no{
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
    margin-right: 7px;
    font-size: 40px;
    color: #5eb439;
	text-align: center;
	margin-bottom: 15px;

}
.greet-box p{
	font-size: 14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
	line-height: 160%;
}



/*お問い合わせフォーム------------------------------------------------*/

#contact{
	overflow: hidden;
	clear: both;
	background-color: #3875b6;
	color: #fff;
}

#contact-inner{
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}

#contact-inner .tt{
	margin-bottom: 25px;
	overflow: hidden;
}


#contact-inner .tt-l{
	width: 200px;
	float: left;
}
#contact-inner .tt-l img{
	width: 100%;
	height: auto;
}

#contact-inner .tt-r{
	width: 750px;
	float: right;
}

.contact-h {
    font-size: 45px;
    padding:0 0 10px 0;
    font-weight: 700;

    text-align: center;
    line-height: 50px;
    border-bottom: 10px solid #fcee21;
}

#contact-inner .tt-r p{
	margin-top: 15px;
}


/*フォーム----------------------------------------*/

.form-waku{
	padding: 15px;
	overflow: hidden;
	clear: both;
}

.form-line{
	overflow: hidden;
	clear: both;
	padding: 10px 0;
	border-bottom: dotted 1px #ccc;
}

.form-line-l{
	width: 25%;
	float: left;
}

.form-line-r{
	width: 70%;
	float: right;
}

.hissu{
	padding: 5px;
	background-color: #FFF500;
	color: #000;
	font-size: 12px;
	margin-left: 10px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}


.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
/*  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;*/
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #fff;
  font-size: 18px;
}

.Form-Item-Textarea {
    border: 1px solid #ddd;
    border-radius: 6px;
/*    margin-left: 40px;
    padding-left: 1em;
    padding-right: 1em;*/
    height: 216px;
    flex: 1;
    width: 100%;
    max-width: 410px;
    background: #fff;
    font-size: 18px;
}

.Form-Btn {
    border-radius: 6px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 280px;
    display: block;
    letter-spacing: 0.05em;
    background: #fcee21;
    color: #000;
    font-weight: bold;
    font-size: 20px;
}