@charset "utf-8";
/*==================================================
	パソコンのみ適応
==================================================*/
@media print, screen and (min-width:769px){
	.dsp_tbs, .dsp_smt { display: none; }
	.cen_pc { text-align: center; }

	.fl { float: left; }	/* 左寄せ（float） */
	.fr { float: right; }	/* 右寄せ（float） */

	/* ヘッダ */
	#header {
		position: relative;
	}
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
	}
	#header p.title .narita {
		position: absolute;
		left: calc(50% + 320px);
		top: 25px;
	}
	#header .title_box {
		width: 940px;
	}
	#header .contact {
		position: fixed;
		top: 110px;
		right: 0;
		z-index: 100000;
	}
	#header .contact a {
		width: 35px;
		height: 120px;
		line-height: 35px;
		text-align: center;
		font-size: 17px;
		display: block;
	}
	#header .contact a.tel,
	#header .contact a.btn {
		background: #395b79;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #fff;
		}
	#header .contact a.tel {
		width: 31px;
		margin-top: 5px;
		background: #fff;
		color: #395b79;
		border: #395b79 solid 2px;
		font-size: 17px;
	}
	#header .contact a.btn_sns {
		background: #395b79;
		border-radius: 3px 0 0 3px;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #fff;
	}
	#header .contact a.btn_sns img {
		width: 100%;
	}
	#header .contact a img {
		width: 19px;
	}
	#header .contact a.btn_sns {
		margin-top: 5px;
	}
	#header .contact a.btn_sns+.btn_sns {
		margin-top: 5px;
	}
	#header .contact .btn img {
		width: 18px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 1150px;
	}
	#container {
		padding-bottom: 253px;
	}
	.main {
		width: 1100px;
		margin: auto;
	}
	#main {
		float: left;
		width: 840px;
	}
	#navi {
		float: right;
		width: 220px;
	}
	/* フッター */
	#footer {
		position: relative;
		min-height: 253px;
		margin-top: -253px;
	}
	#footer .box dd p {
		display: inline-block;
	}
	#footer .box dd p+p {
		margin-left: 0.5em;
	}
	/*--------------------------------------------------
		メニュー
	--------------------------------------------------*/
	#menu.merchant_menu li a {
		padding: 0px 22px 14px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/

	#top_works .box .in dl{
		font-size: 33px;
	}
	#top_works .box .in dl dt span{
		font-size: 20px;
	}
	#top_works .box dl dd{
		font-size: 16px;
	}
	#top_works .box dl dd p.txt{
		font-size: 33px;
		text-align: center;
	}
	#top_column.bg_wide:before {
		background: url("../img/top/img_column.jpg") no-repeat left;
		top: 0;
	}
	#top_column .in {
		padding-left: calc(50% - 100px);
		padding-top: 50px;
	}
	#top_blog dl:nth-of-type(5n) {
		margin-right: 0;
	}
	#top_blog dl:nth-last-of-type(-n+5) {
		margin-bottom: 0;
	}
	
	/*--------------------------------------------------
		スタッフ紹介
	--------------------------------------------------*/
	/*共通*/
	#staff h4.sub {
		font-size:25px;
		margin-bottom:0px;
		font-weight: 500;
	}
	#staff p {
		font-size:16px;
	}
	#staff p.name {
		font-size:33px;
		font-weight: 500;
	}
	#staff ul.list {
		margin-bottom:30px;
	}
	#staff ul.list {
		font-size:16px;
	}
	#staff ul.list li:before{ 
	  width:10px;
	  height: 10px;
	  margin-right: 7px;
	}
	#staff .content_inner {
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom:20px;
	}
	#staff .content_inner .left {
		margin-right:24px;
	}
	/*content1*/
	#staff .content1 .img_left {
		float:left;
		margin-right:35px;
		margin-bottom:50px;
	}
	/*content2*/
	#staff .content2 .img_right {
		float:right;
		margin-left:35px;
		margin-bottom:50px;
	}
	#staff .content2 .inner_single {
		text-align: center;
		margin-bottom: 20px ;
	}
	
	/*--------------------------------------------------
	会社概要
	--------------------------------------------------*/
	#company .tbl iframe {
		width: 400px;
	}
	
	/*--------------------------------------------------
	工事について
	--------------------------------------------------*/
	#construction .content1 {
		height:471px;
		margin-bottom:80px;
	}
	#construction .content1.bg_wide:before {
		margin-left:50%;
		width:50vw;
		background-position: center top;
		background-size: cover;
	}
	#construction .content1 h3.sub2 {
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		left:0;
		font-size:33px;
	}
	#construction h4.sub2 {
		font-size:27px;
		line-height: 54px;
		margin-bottom:30px;
	}
	#construction .content .img_left {
		float:left;
		margin-right:45px;
	}
	#construction .content .img_right {
		float:right;
		margin-left:28px;
	}
	#construction .content .free {
		font-size:27px;
		padding:2px 10px;
	}
	/*--------------------------------------------------
		天窓の専門店について
	--------------------------------------------------*/
	#about .content1 {
		height:400px;
		margin-bottom:80px;
	}
	#about .content1.bg_wide:before {
		width:50vw;
		background-position: left center;
		background-size: cover;
	}
	#about .content2 {
		height:400px;
		margin-bottom:80px;
	}
	#about .content2.bg_wide:before {
		margin-left:50%;
		width:50vw;
		background-position: right top;
		background-size: cover;
	}
	#about .in {
		height:400px;
		padding-left: calc(60% - 60px);
	}
	#about h3 {
		margin-bottom:10px;
	}
	#container .font33 {
		font-size:33px;
	}
	#container .font25 {
		font-size:25px;
	}
	#container .font20 {
		font-size:20px;
	}
	#about .content_inner {
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom:20px;
	}
	#about .content_inner .left {
		margin-right:24px;
	}
	#about h3.sub2 {
		text-align: center;
		font-size:33px;
	}
	
	/*------------------------------------------------*/
	/* 背景固定 */
	html, body, #wrap {
		height: 100%;
	}
	body > #wrap {
		height: auto;
		min-height: 100%;
	}
	/* Hides from IE-mac \*/
	* html .cf {
		height: 1%;
	}
	.cf {
		display: block;
	}
	/* End hide from IE-mac */ 
/*------------------------------------------------*/
}