/* ////////////////////////////////////////////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 479px) {

/*////////////////////////////////
共通
////////////////////////////////*/
/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:20px;
	}


/*----------------------------------------
slick-メイン
----------------------------------------*/
div#slick-inner00{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 35px;
}
	
	
div#slick-inner00 img{
	width:100%;
}

/*--------------
ページングのドット（番号）表記は以下に記述している。
css/slick-theme.css　の　121行目
--------------*/ 
	
	
/*day-info-cnt*/
	div#day-info-cnt{
		background: #f5f5f5;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 40px;
		text-align: center
	}
	
/*--------------------------------
info
--------------------------------*/
	
	div#info-title h2{
		text-align: center;
		margin-top: 90px;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}

	div#info-title h3{
		text-align: center;
		font-size: 130%;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
/*----------------------------------------
slick-コンテンツ
----------------------------------------*/
div#slick-inner01{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

div#slick-inner01 h2{
	text-align: center;
	font-weight: bold;
	font-size: 330%;
	margin-top: 50px;
	margin-bottom: 30px;
}

/*一覧（大枠）*/
	div#slick01{
		border: 1px solid #ccc;
		padding: 10px 0px;
	}


	p.more-link a{
		display: block;
		width:100px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		padding: 10px 30px;
		color:#fff;
		background: #cfcfcf;
		text-decoration: none;
		text-align: center;
	}

/*一覧（デザイン調整）*/

	div.works-cnt{
		border: 1px solid #000;
		width:86%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 10px 10px 10px 10px;
	}
	div.works-cnt p{
		width:100%;	
	}
	p.works-img{
		width:100%;
		height: 200px;
		position: relative;
		overflow: hidden;
	}
	
	p.works-img img{
		width:100%;
		height: 200px;
		object-fit: cover;
	}
	
	p.works-h4{
		font-weight: bold;
		font-size: 120%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
/*カテゴリ*/
	p.info-cat{	
		margin-bottom: 5px;
	}
p.info-cat span{
	background:#ccc;
	text-align:center;
	width:50px;
	border-radius: 15px;
	color:#fff;
	padding: 5px 15px;
	}	


	
	
/*<!--画像まで呼び込まない従来の表示
section#info{
	padding:20px;
	margin-top:10px;
	margin-bottom: 30px;
}

section#info ul{
	width:98%;
	margin-left:auto;
	margin-right:auto;
}


section#info ul li{
	border-bottom:1px dotted #ccc;
	padding:10px;
}

section#info ul li span{
	font-size:90%;
	color:#999;
}
*/
	

/*----------------------
 section cnt02
----------------------*/
section#cnt02{
	
}
	section#cnt02 h2{
		text-align: center;
		margin-bottom: 30px;
		margin-top: 70px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}
	
	section#cnt02 h3{
		width: 100%;
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}
	
	section#cnt02 {
		background: url(../images/cnt02/cnt02-bg.png) no-repeat left 100px;
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}
	/*透明度調整（白網）*/
	div.layerTransparent{
		background-color: rgba(255,255,255,0.5);
		height: 530px;
		margin-bottom: 60px;
	}
	
	section#cnt02 p{
		width:90%;
		padding-top: 70px;
		margin-top: 0px;
		margin-left: 10px;
		font-size: 110%;
		line-height: 1.6;
		text-align: center;

	}


/*----------------------
 section cnt03
----------------------*/
section#cnt03{
	margin-top: 30px;
}

	section#cnt03 h2{
		text-align: center;
		margin-bottom: 10px;
		margin-top: 70px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}
	section#cnt03 h3{
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}
	section#cnt03 h3 span{
		font-size: 180%;
	}

	
	
	div#cnt03-inner01{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	div#cnt03-inner01-cnt{
		width:100%;
		height: auto;
		border: 1px solid #e5e5e5;
		text-align: center;
		margin-bottom: 25px;
		padding-bottom: 30px;
	}

	/*共通*/
	div#cnt03-inner01 h4{
		background: #f5f1f1;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 130%;
		margin-bottom: 30px;
	}

	p.cnt03-top{
		line-height: 2.0;
		text-align: left;
		padding: 5px 15px 20px 15px;
	}
	p.cnt03-sub{
		margin-bottom: 10px;
		margin-top: 15px;
	}
	p.cnt03-sub span{
		font-size: 200%;
		font-weight: bold;
		font-family: Arial, Helvetica, "sans-serif"
	}
	p.cnt03-sub02{
		background: #f5f1f1;
		border-radius: 15px;
		text-align: left;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
	}
	
	p#menu-btn{
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
	p#menu-btn img{
		width:100%;
	}
	
	div#cnt03-inner02-cnt{
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}
	
	p.menu-btn{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	p.menu-btn img{
		width: 100%;
	}

/*----------------------
 section cnt04
----------------------*/
section#cnt04{
	margin-top: 110px;
}

/*お客様の声*/
	section#cnt04 h2{
		text-align: center;
		margin-bottom: 30px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	section#cnt04 h3{
		text-align: center;
		font-size: 130%;
	}
	section#cnt04 h3 span{
		font-size: 180%;
	}

	section#cnt04 h3 br{
		display: none;
	}
	
	
	div#cnt04-inner01{
		margin-top: 50px;
	}
	
	div#cnt04-inner01-cnt{
		width:96%;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #e5e5e5;
		text-align: center;
		margin-bottom: 30px;
	}

	div#cnt04-inner01-cnt h4{
		background: #f5f1f1;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		margin-bottom: 20px;
		font-size: 130%;
	}
	div#cnt04-inner01-cnt img{
		width: 100%;
	}
	
	div#cnt04-inner01-cnt p{
		text-align: left;
		padding: 20px;
	}


/*----------------------
 section cnt05
----------------------*/
	section#cnt05{
		margin-top: 130px;
		text-align: center;
	}

	section#cnt05 h3{
		text-align: center;
		font-size: 130%;
		margin-bottom: 20px;
		margin-top: 50px;
	}

	div#cnt05-inner01 h4{
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 5px;
		margin-top: 30px;
	}
	div#cnt05-inner01 h4 span{
		font-size: 50%;
		font-weight: normal;
	}

	p#cnt05-main{
		margin-top: 30px;
		margin-bottom: 15px;
		line-height: 2.3;
	}
	p#cnt05-sub{
		font-size: 90%;
		color:#666;
		margin-top: 30px;
		
	}

/*----------------------
gallery
----------------------*/
div#gallery{
	margin-top: 80px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

	div#gallery h2{
		text-align: center;
		margin-bottom: 30px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}
	div#gallery h3{
		width: 100%;
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}


	div.main-img-pc{
		display: none;
	}
	div.main-img-sp{
		margin-top: 30px;
	}
	


	
/*--------------------------------
contact【問合せフォーム】
--------------------------------*/
div#contact-cnt {
	margin-bottom:50px;
	margin-top:80px;
}
	
	div#contact-cnt h2{
		text-align: center;
		margin-bottom: 30px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}
	div#contact-cnt h3{
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}

/*--------------------------------
access-cnt【アクセス】
--------------------------------*/
section#access-cnt{
	width:100%;
	margin-top: 0px;
}

	section#access-cnt h2{
		text-align: center;
		margin-bottom: 30px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}
	
	section#access-cnt h3{
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}


/*--------------------------------
footer-cnt【フッター】
--------------------------------*/

/*footer-sub-cnt*/
	section#footer-sub-cnt{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	
	section#footer-sub-cnt a{
		text-decoration: underline;
		color:#3a65f0;
	}
	
	div#footer-sub-inner-l{
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 15px;
		margin-bottom: 15px;
	}
	div#footer-sub-inner-r{
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 15px;
	}
	
	
/*footer-cnt*/
	div#footer-cnt{
		background: #f5f5f5;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 40px;
	}
	
	div#footer-cnt h2{
		font-size: 80%;
		margin-bottom: 30px;
	}
	
	div#footer-cnt h2 span{
		font-size: 200%;
	}
	
	div#footer-cnt p{
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
	
/*facebook＋LINE@*/
div#s-fb-line-container{
	margin-top:25px;
	margin-bottom:25px;
	width:130px;
	margin-left: auto;
	margin-right: auto;
}
div#s-fb-line-container p{
	float:left;
	margin-right:5px;
}
div#s-fb-line-container p img{
	width:30px;
	height: auto;
	margin-right: 7px;
}




}





/*////////////////////////////////////////////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 
////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

/*////////////////////////////////
共通
////////////////////////////////*/


/*----------------------------------------
slick-メイン
----------------------------------------*/
div#slick-inner00{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}
	
	
div#slick-inner00 img{
	width:100%;
}

/*day-info-cnt*/
	div#day-info-cnt{
		background: #f5f5f5;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 10px;
		text-align: center;
	}
	
/*--------------------------------
info
--------------------------------*/
	
	div#info-title h2{
		text-align: center;
		margin-top: 130px;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}

	div#info-title h3{
		text-align: center;
		font-size: 130%;
		margin-top: 70px;
		margin-bottom: 30px;
	}

	
/*----------------------------------------
slick-コンテンツ
----------------------------------------*/
div#slick-inner01{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}

div#slick-inner01 h2{
	text-align: center;
	font-weight: bold;
	font-size: 430%;
	margin-top: 100px;
}

/*ブログページ用　施工実績一覧（大枠）*/
	div#slick01{
		border: 1px solid #ccc;
		width: 1030px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		padding: 30px;
	}	


	p.more-link a{
		display: block;
		width:100px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		padding: 10px 30px;
		color:#fff;
		background: #cfcfcf;
		text-decoration: none;
		text-align: center;
	}

/*ブログページ用　施工実績一覧（デザイン調整）
以下より下のデザイン調整は日本硝子工業様を見本にしてbase.cssにまとめると便利*/

	div#slick01{
		/*幅の問題があって日本硝子工業様はdiv#slick01は各ページのcssで制御した*/
	}
	
	div.works-cnt{
		border: 1px solid #000;
		float:left;
		width:210px;
		min-height: 360px;
		margin-left: 10px;
		margin-right: 0px;
		margin-bottom: 15px;
		padding: 5px 10px 10px 10px;
	}
	div.works-cnt p{
		width:100%		
	}
	p.works-img{
		width:100%;
		min-height: 210px;
		position: relative;
		overflow: hidden;
	}
	
	p.works-img img{
		width:100%;
		height: 200px;
		object-fit: cover;
	}
	
	p.works-h4{
		font-weight: bold;
		font-size: 120%;
		margin-bottom: 5px;
	}
	
/*カテゴリ*/
	p.info-cat{	
		margin-bottom: 5px;
	}
p.info-cat span{
	background:#ccc;
	text-align:center;
	width:50px;
	border-radius: 15px;
	color:#fff;
	padding: 5px 15px;
	}




	
/*<!--画像まで呼び込まない従来の表示
section#info{
	padding:20px;
	margin-top:0px;
	margin-bottom: 100px;
}

section#info ul{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


section#info ul li{
	border-bottom:1px dotted #ccc;
	padding:10px;
}

section#info ul li span{
	font-size:90%;
	color:#999;
}
*/


/*----------------------
 section cnt02
----------------------*/
section#cnt02{
	
}
	section#cnt02 h2{
		text-align: center;
		margin-bottom: 50px;
		margin-top: 100px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}

	section#cnt02 h3{
		text-align: center;
		font-size: 130%;
	}
	section#cnt02 h3 br{
		display: none;
	}
	
	section#cnt02 {
		background: url(../images/cnt02/cnt02-bg.png) no-repeat left 130px;
		height: 830px;
		width:695px;
		margin-left: auto;
		margin-right: auto;
	}

	section#cnt02 p{
		padding-top: 156px;
		margin-left: 346px;
		margin-top: 30px;
		font-size: 110%;
		line-height: 2.0;
	}


/*----------------------
 section cnt03
----------------------*/
section#cnt03{
	margin-top: 110px;
}

/*プラン*/
	section#cnt03 h2{
		text-align: center;
		margin-bottom: 30px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	section#cnt03 h3{
		text-align: center;
		font-size: 130%;
	}
	section#cnt03 h3 span{
		font-size: 180%;
	}

	section#cnt03 h3 br{
		display: none;
	}
	
	
	div#cnt03-inner01{
		width:1197px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
	
	div#cnt03-inner01-cnt{
		width:355px;
		height: 580px;
		float:left;	
		border: 1px solid #e5e5e5;
		text-align: center;
		margin-left: 33px;
		margin-bottom: 30px;
	}

	div#cnt03-inner01 h4{
		background: #f5f1f1;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 130%;
	}

	p.cnt03-top{
		line-height: 2.0;
		text-align: left;
		padding: 5px 15px 20px 15px;
	}
	p.cnt03-sub{
		margin-bottom: 10px;
		margin-top: 15px;
	}
	p.cnt03-sub span{
		font-size: 200%;
		font-weight: bold;
		font-family: Arial, Helvetica, "sans-serif"
	}
	p.cnt03-sub02{
		background: #f5f1f1;
		border-radius: 15px;
		text-align: left;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
	}
	
	div#cnt03-inner02-cnt{
		width:1080px;
		margin-left: auto;
		margin-right: auto;
	}
	
	p.menu-btn{
		float:left;
		width:340px;
		margin-left: 10px;
		margin-right: 10px;
	}
	p.menu-btn img{
		width: 100%;
	}
	
	
/*----------------------
 section cnt04
----------------------*/
section#cnt04{
	margin-top: 110px;
}

/*お客様の声*/
	section#cnt04 h2{
		text-align: center;
		margin-bottom: 30px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	section#cnt04 h3{
		text-align: center;
		font-size: 130%;
	}
	section#cnt04 h3 span{
		font-size: 180%;
	}

	section#cnt04 h3 br{
		display: none;
	}
	
	
	div#cnt04-inner01{
		width:1197px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
	
	div#cnt04-inner01-cnt{
		width:60%;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #e5e5e5;
		margin-bottom: 30px;
	}

	div#cnt04-inner01-cnt h4{
		background: #f5f1f1;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		margin-bottom: 20px;
		font-size: 130%;
	}

	div#cnt04-inner01-cnt p{
		text-align: left;
		padding: 20px;
	}

	
/*----------------------
 section cnt05
----------------------*/
	section#cnt05{
		margin-top: 130px;
		text-align: center;
	}

	section#cnt05 h3{
		text-align: center;
		font-size: 130%;
	}

	div#cnt05-inner01 h4{
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 5px;
		margin-top: 30px;
	}
	div#cnt05-inner01 h4 span{
		font-size: 50%;
		font-weight: normal;
	}

	p#cnt05-main{
		margin-top: 30px;
		margin-bottom: 15px;
		line-height: 2.3;
	}
	p#cnt05-sub{
		font-size: 90%;
		color:#666;
		margin-top: 30px;
		
	}

	

/*----------------------
gallery
----------------------*/
div#gallery{
	margin-top: 110px;
	width:1200px;
	margin-left: auto;
	margin-right: auto;
}

	div#gallery h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}	
	

	div#gallery h3{
		text-align: center;
		font-size: 130%;
		margin-bottom: 50px;
	}

	div.main-img-sp{
		display: none;
	}
	
/*----------------------
movie
----------------------*/
div#movie{
	margin-top: 110px;
	width:1200px;
	margin-left: auto;
	margin-right: auto;
}

	div#movie h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	
	div#movie h3{
		text-align: center;
		font-size: 130%;
	}

	div.main-mov-sp{
		display: none;
	}

/*--------------------------------
contact【問合せフォーム】
--------------------------------*/

div#contact-cnt{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	margin-top: 110px;
}

		div#contact-cnt h2{
		text-align: center;
		margin-bottom: 40px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}

	
/*--------------------------------
access-cnt【アクセス】
--------------------------------*/
section#access-cnt{
	width:100%;
	margin-top: 110px;
}

	section#access-cnt h2{
		text-align: center;
		margin-bottom: 40px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	
	section#access-cnt h3{
		text-align: center;
		font-size: 130%;
		margin-bottom: 40px;
	}


/*--------------------------------
footer-cnt【フッター】
--------------------------------*/
/*footer-sub-cnt*/
	section#footer-sub-cnt{
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
	section#footer-sub-cnt a{
		text-decoration: underline;
		color:#3a65f0;
	}
	
	div#footer-sub-inner-l{
		text-align: center;
		width: 350px;
		float: left;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 30px;
	}
	div#footer-sub-inner-r{
		text-align: center;
		width: 350px;
		float: right;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 30px;
	}
	
	
	
/*footer-cnt*/
	div#footer-cnt{
		background: #f5f5f5;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 10px;
	}
	
	div#footer-cnt h2{
		margin-bottom: 30px;
	}
	
	div#footer-cnt h2 span{
		font-size: 90%;
	}
	
/*facebook＋LINE@*/
div#s-fb-line-container{
	margin-top:25px;
	margin-bottom:25px;
	width:130px;
	margin-left: auto;
	margin-right: auto;
}
div#s-fb-line-container p{
	float:left;
	margin-right:5px;
}
div#s-fb-line-container p img{
	width:30px;
	height: auto;
	margin-right: 7px;
}
	
	
}

/*////////////////////////////////////////////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 769px) {

	
section#info ul{
	width:900px;
	
}