@charset "utf-8";
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	line-height:1.5em;
	font-size:1em;
	margin:0;
}


/* 幅が 769px 以上であれば  PCサイト用の設定*/
@media (min-width:769px) {

/*全体レイアウト*/

div#wrap{
	width:100%;
	margin:0 auto;
}


/*上部ヘッダー*/

header{
	overflow:hidden;
}


/*会社ロゴとメインメニュー領域*/

div#head_menu{
	width:100%;
	height:100px;
	position:fixed;
	background:#33cc00;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	border-bottom:5px solid #fff;
	display:flex;
	align-items: center;
	z-index:200;
}

/*会社ロゴの調整とリンク*/

h1{
	width:25%;
	text-align:center;
}

h1 a{
	text-decoration:none;
	color:#fff;
}

h1 a:hover{
	text-decoration:none;
	color:#ff3300;
	border-bottom:solid 2px #ff3300;
}

h1 img{
	max-width:95%;
	height:auto;
}

/*メインメニュー*/

#drawer_input{
	display:none;
}

.nav_content{
	width:75%;
}

ul#main_menu{
	width:100%;
	list-style:none;
	display:flex;
	flex-wrap: nowrap;
	padding:0;
	align-items: center;
	
}

ul#main_menu li{
	width:100%;
	padding: 10px;
	color:#fff;
	text-align:center;
}

ul#main_menu li a{
	text-decoration:none;
	color:#fff;
}

ul#main_menu li a:hover{
	text-decoration:none;
	color:#ff3300;
	border-bottom:solid 5px #ff3300;
}


/*メイン画像*/

div#img_header{
	width:100%;
	margin-top:100px;
}

div#img_header img{
	max-width:100%;
	height:auto;
}


/*パンくず*/
.pankuzu{
	margin-top:2%;
	margin-left:8%;
}

.pankuzu a{
	text-decoration:none;
}

.pankuzu a:hover{
	text-decoration:none;
	color:#ff0000;
}

/*コンテンツ部分*/

section{
	width:90%;
	margin:40px auto;
	display: flex;
	overflow:hidden;
}

.section02{
	width:90%;
	margin:0 auto;
	display: flex;
	margin:40px auto;
	overflow:hidden;
	flex-flow:row-reverse;
}

.section03{
	width:90%;
	margin:0 auto;
	display:block;
}

.marugoto{
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.marugoto img{
	max-width:15%;
	margin:1%;
}

.link{
	width:70%;
	margin:10 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.link div{
	width:25%;
	text-align:center;
	margin-top:30px;
}

.link a{
	text-decoration:none;

}

.rinkumoji{
	border:2px solid #009900;
	margin:0 15px;
	height:40px;
	line-height:40px;
}

.setubi{
	margin:20px auto;
	background-color:#ffcc66;
	color:#000000;
	width:70%;	
}

/*大成ギャラリー調整*/

.gallery{
	width:55%;
	margin:0 auto;
	margin-bottom:40px;
	display: flex;
	flex-wrap:wrap;
}

.gallery img{
	margin:2px;
}

div#left_side,#right_side,#right_side1{
	width:45%;
	margin:0 auto;
}

div#left_side img,#right_side img{
	max-width:90%;
	height:auto;
}

div#right_side1 img{
	max-width:30%;
	height:auto;
}

.title01{
	font-size:150%;
	border-left:7px solid #33cc00;
	padding-left:15px;
}

.title02{
	width:35%;
	margin:0 auto;
	margin-top:50px;
	padding-top:10px;
	font-size:150%;
	border-top:3px solid #33cc00;
	text-align:center;
}

.text01{
	color:#003366;
	font-size:90%;
	line-height:2;
	margin-top:10px;
}

.vision li{
	font-weight:bold;
	margin:10px 0;
}

div#left,#mid,#right{
	width:25%;
	margin:0 auto;
	border:3px solid #ff3300;
	padding:8px;
	text-align:center;

}

div#left img,#mid img,#right img{
	max-width:70%;
}

div#left a,#mid a,#right a{
	text-decoration:none;
}

h3{
	font-size:120%;
	color:#ff3300;
	text-align:center;
}

.rinen{
	display:flex;
	margin:20px auto;
	justify-content: space-between;
}

.rinen01 img{
	max-width:90%;
	height:auto;
}

.rinen01{
	flex:1;
	border:1px solid #ff3300;
	border-radius:8px;
	margin:0 15px;
	padding:8px;
}

.kyocho{
	font-size:110%;
	color:#ff3300;
	font-weight:bold;
}

iframe#newspage{
		width:90%;
		height:300px;
		margin:0 auto;
		margin-top:20px;
		border-radius:8px;
		border:1px solid #33cc00;
		display:block;
}

.wood_img{
	display:flex;
	margin:20px auto;
	justify-content: space-between;
}

.wood_imgbox{
	text-align:center;
	padding:0 15px;
	width:95%;
}

.wood_imgbox02{
	text-align:center;
	padding:0 15px;
	width:95%;
}

.wood_imgbox img{
	max-width:100%;
	height:auto;
}

.wood_imgbox02 img{
	max-width:100%;
	height:auto;
}

div#left_reno{
	width:30%;
	margin-left:10%;
	text-align:center;
}

div#mid_reno{
	margin:0 20px;
	text-align:center;
}

div#right_reno{
	width:30%;
	text-align:center;
}

/*表*/


dl dt {
	width: 20%;
	border:1px solid #ccc;
	margin:2px 1px;
	padding:8px;
	font-size:85%;
	background-color:#ccffcc;
	text-align:center;
	font-weight: bold;
}
dl dd {
	width: 85%;
	border:1px solid #ccc;
	margin:2px 1px;
	padding:8px;
	font-size:85%;
}

/*スタッフ紹介の名前*/
.staff{
	width:60%;
	margin:0 auto;
	font-size:100%;
	line-height:2;
}

.staff2{
	width:60%;
	margin:15px auto;
	font-size:100%;
	line-height:2;
	text-align:center;
}

.name{
	font-size:1.5em;
	text-align:left;
	color:#000;
	border-left:5px solid #33cc00;
	margin-left:50px;
	padding-left:8px;
}

/*事業案内*/
.jigyou01{
	text-align:center;
}

.soudan{
	font-size:20px;
	font-weight:bold;
}

.soudan02{
	margin:10px auto;
}

.soudan02 li{
	margin-top:10px;
	margin-left:40px;
	line-height:2.5em;
}

.soudan3{
	width:90%;
	margin:0 auto;
	display:flex;
}

.soudan4{
	width:38%;
}

.soudan5{
	width:62%;
}

.keikou{
	background: linear-gradient(transparent 50%, #00ffff 50%);
}		

/*会社案内*/
.company01{
	margin:0 auto;
	width:60%;
	display:flex;
	flex-wrap: wrap;
}

.company01 dt{
	width:25%;
}

.company01 dd{
	width:65%;
}

/*木へのこだわり*/
.mokuzai01{
	width:75%;
	margin:0 auto;
	font-size:110%;
	line-height:2;
	text-align:center;
}

.mokuzai02{
	width:75%;
	margin:0 auto;
	line-height:2;
}

#mokuzai{
	margin:20px auto;
	display:flex;
	flex-wrap: wrap;
}

.mokuzai03{
	margin:35px 10px 20px 10px ;
	width:45%;
	background-color:#ffffcc;
	padding:10px;
	border-radius:8px;
}

.mokuzai04{
	font-size:95%;
	color:#000;
}	


/*リフォーム写真*/
.section{
	display:flex;
	align-items: center;
}

.renovation{
	text-align:center;
}

.renovation a{
	color:#ff0000;
}

.kasen{
	text-decoration:underline 5px;
	text-decoration-color:red;
	font-weight:bold;
}

/*セルコ写真並び*/
.selco_img{
	display:flex;
	width:90%;
	margin:0 auto;
	flex-wrap: wrap;
}

.selco_img>div{
	width: 30%;
	margin: 1px;
	padding: 10px;
}

.selco_img img{
	width:70%;
	height:auto;
}

.selco{
	width:65%;
	margin:0 auto;
	font-size:105%;
	line-height:2;
}

.selco a{
	color:#ff0000;
	font-weight:bold;
}

/*施工事例の強調部分*/
.sekoujirei{
	width:65%;
	margin:0 auto;
	font-size:110%;
	line-height:2.5;
}

span#kyouchou{
	font-size:180%;
	color:#ff3300;
	font-weight:bold;
}

/*お問い合わせページ*/
.toiawase{
	width:90%;
	font-size:120%;
	color:#fff;
	background-color:#003366;
	margin:10px auto;
	border-radius:8px;

}

.toiawase02{
	width:50%;
	margin:5px auto;
	margin-bottom:80px;
	font-size:100%;
}

.toiawase03{
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
	font-size:105%;
	line-height:2;
}

.inquiry_img{
	border:1px solid;
	width:50%;
	margin:10px auto;
	padding:25px 0;
	text-align:center;
}

/*不動産情報*/

.fudousan{
	margin-top:20px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
}

h3.fudousan02{
	margin:20px 0;
}

h3.fudousan02 a{
	text-decoration:none;
}

h3.fudousan02 a:hover{
	font-size:105%;
	color:#f00;
}

.fudousan_box{
	margin:25px auto;
	padding:25px 0;
	width:90%;
	display:flex;
	border:1px solid #cccccc;
}

.fudousan_left{
	width:60%;
	margin:2px;
	text-align:center;
}

.fudousan_right{
	width:35%;
	margin:2px;
}

.fudousan_font{
	color:#f00;
	font-weight:bold;
}

.fudousan_font2{
	font-weight:bold;
}

h3.fudousan02_1{
	color:#000000;
	margin:20px 0;
}

.fudousan1{
	color:#0000CD;
	text-align:center;
	font-weight:bold;	
}

.fudousaniro{
	color:#ff0000
}

.sasikomi{
	padding-top:25px;
	text-align:center;
	width:100%;
}

/*新築*/

.new_house01{
	text-align:center;
}

.new_house01 a{
	font-weight:bold;
	color:#ff0000;
}

/*下部フッター部分*/

footer{
	background:#33cc00;
	padding-top:25px;
}

div#inquiry{
	text-align:center;
	background:#fff;
	width:35%;
	margin:0 auto;
	padding:25px 0;
	border-radius:12px;
}


address{
	font-style:normal;
	text-align:center;
	font-size:80%;
	color:#000;
	margin:0 auto;
	padding-top:30px;
}

.copyright{
	text-align:center;
	font-size:80%;
	color:#000;
}

/*キャッチコピー部*/
p#info{
	position:fixed;
	right:20px;
	bottom:20px;
	margin:0;
}

/*google map*/
.gmap{
	width:600px;
	height:400px;
	margin-top:20px;
}

}