/*////////////////////////////////////////
共通
////////////////////////////////////////*/
/*詳細非表示プルダウンここから*/	
.hidden_box {
    padding: 0;
	margin-top: 60px;
}
.hidden_box label {
    cursor :pointer;
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		border:0.5px solid #009fea;
		padding: 27px 0px;
		background: #fff;
		color:#009fea;
		text-align: center;
		background: url(../images/cnt04/arrow-bottom.png) no-repeat center 55px;
}
.hidden_box label:hover {
	color:#42c0fb;
}
.hidden_box label:after {
    content: "を表示";	/* 閉じている状態のときにラベルの後ろに続く文字 */
}
.hidden_box input {
    display: none;
}
.hidden_box .hidden_show {
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    text-align: left;
    transition: 0.5s;
}
.hidden_box input:checked + label:after {
    content: "を非表示";	/* 開いている状態のときにラベルの後ろに続く文字 */
}
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
    padding: 10px 0;
}
/*詳細非表示プルダウンここまで*/



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

/*////////////////////////////////
共通
////////////////////////////////*/
/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:20px;
	}
/*PC・スマホ切り替え*/
	.pc{display: none;}
	.sp{display: block;}

/*お問い合わせ*/
	div.contact-cnt{
		border: 5px solid #009fea;
		padding: 15px;
		width: 84%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	div.contact-cnt h3{
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 10px;	
	}
	div.contact-cnt-inner{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	div.contact-cnt-inner p{
		float:left;
		width:280px;
		margin-right: 10px;
	}
	


/*--------------------------------
info
--------------------------------*/
section#info{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:30px;
}

	section#info h2{
		width:180px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	section#info h2 img{
		width:100%;
	}
	
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;
}


/*--------------------------------
greeting　ご挨拶
--------------------------------*/	
section#greeting{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:20px;
	margin-bottom: 30px;
}

	section#greeting h2{
		width:65%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	section#greeting h2 img{
		width:100%;
	}

	div#greeting-inner{
		margin-bottom: 30px;
	}
	
	p#greeting-inner-l{
		margin-right: 20px;
	}
	p#greeting-inner-r{
		margin-top: 10px;
	}

	section#greeting h3{
		color:#009bdb;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	ul#greeting-inner02-cnt{
		border: 1px solid #ccc;
		padding: 30px;
	}
	
	ul#greeting-inner02-cnt li{
		float:left;
		width:96px;
		height: 15px;
		margin-right: 20px;
		padding: 10px;
	}
	
	ul#greeting-inner02-cnt li img{
		width:100%;
	}
	
/*--------------------------------
cnt02　私たちの想い
--------------------------------*/
section#cnt02{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:30px;
	margin-bottom: 30px;
}

	section#cnt02 h2{
		width:80%;
		margin-left: auto;
		margin-right: auto;
	}
	section#cnt02 h2 img{
	width:100%;
	}
	
	div.cnt02-inner h3{
		font-weight: bold;
		font-size: 150%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 30px;	
		margin-top: 60px;
		line-height: 1.3;
	}
	
	div.cnt02-inner-cnt p.cnt02-inner-cnt-l{
		margin-right: 20px;
	}
	div.cnt02-inner-cnt p.cnt02-inner-cnt-l img{
		width:100%;
		margin-bottom: 10px;
	}
	div.cnt02-inner-cnt p.cnt02-inner-cnt-r{
	}
	

	
	section#cnt02 h4{
		background: url(../images/h4-title.png) no-repeat left center;
		padding-left: 30px;
		font-weight: bold;
		font-size: 120%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	
	div.cnt02-inner-cnt span{
		color:#009bdb;
		font-weight: bold;
		font-size: 110%;
	}
	
	div.cnt02-inner-cnt span.red{
		color:#f67502;
	}


	div.cnt02-inner-cnt p img{
		width: 100%;
		margin-bottom: 20px;
	}



/*--------------------------------
cnt03
--------------------------------*/
section#cnt03{
	background: #f4eeee;
	padding-top: 10px;
	padding-bottom: 15px;

}	

section#cnt03 h2{
	text-align:center;
	padding-bottom:18px;
	margin-top:40px;
	margin-bottom:10px;
	color:#000;
}
section#cnt03 h2 img{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	}
	
	div.cnt03-inner{
		text-align: center;
		line-height: 1.6;
		width:90%;
		height:160px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding-top: 15px;
		background: #fff;
		padding: 15px 10px 0px 10px;
	}	
	
	div.cnt03-inner h3{
		color:#333;
		font-size:160%;
		font-weight: bold;
	}

	div.cnt03-inner h4{
		color:#009fea;
		font-size:160%;
		font-weight: bold;
		font-family: "Arial Black", Gadget, "sans-serif";
	}

	
/*--------------------------------
cnt04　お客様の声
--------------------------------*/
section#cnt04{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
	margin-bottom: 60px;
}

	section#cnt04 h2{
		width:250px;
		margin-left: auto;
		margin-right: auto;
	}
	section#cnt04 h2 img{
		width:100%;
	}
	
	div.cnt04-inner h3{
		font-weight: bold;
		font-size: 150%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-top: 60px;
		margin-bottom: 30px;
		line-height: 1.3;
	}
	
	div.cnt04-inner-cnt p.cnt04-inner-cnt-l{
		margin-right: 20px;
	}
	div.cnt04-inner-cnt p.cnt04-inner-cnt-l img{
		width:100%;
	}
	div.cnt04-inner-cnt p.cnt04-inner-cnt-r{
	}
	
	div.cnt04-inner-cnt span{
		color:#009bdb;
		font-weight: bold;
		font-size: 120%;
		display: block;
		padding-top: 10px;
		margin-bottom: 5px;
	}


	
	
/*--------------------------------
cnt05
--------------------------------*/
	section#cnt05{
		border-bottom: 2px solid #eedbc2;
		padding-bottom: 50px;
	}
section#cnt05 h2{
	text-align:center;
	padding-bottom:18px;
	margin-top:40px;
	margin-bottom:10px;
	color:#000;
}
section#cnt05 h2 img{
	width:76%;
	margin-left: auto;
	margin-right: auto;
	}
	
	section#cnt05 h3{
		font-size: 120%;
		font-weight: bold;
		padding: 20px 20px 20px 65px;
		margin-bottom: 10px;
		background: #d9f0fb url(../images/cnt05/q.png) no-repeat 10px center;
		border: 1px solid #23a6eb;
		line-height: 1.3;
	}
	
	section#cnt05 p{
		margin-bottom: 30px;
		background: url(../images/cnt05/a.png) no-repeat 10px 30px;
		padding: 20px 20px 0px 65px;
	}
	
	section#cnt05 h4{
		border-top: 1px solid #cfcfcf;
		padding: 10px;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	
	
/*--------------------------------
cnt06　会社案内
--------------------------------*/
section#cnt06{
	width:94%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
	margin-bottom: 60px;
}

	section#cnt06 h2{
		width:230px;
		margin-left: auto;
		margin-right: auto;
	}
	section#cnt06 h2 img{
		width:100%;
	}

	div.cnt06-inner h3{
		font-weight: bold;
		font-size: 130%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-top: 60px;
		margin-bottom: 30px;	
	}
/*cnt06-inner-cnt-l*/
	div.cnt06-inner-cnt-l{
		width:60%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	div.cnt06-inner-cnt-l img{
		width:100%;
	}
	div.cnt06-inner-cnt-r{
		height: 580px;
		width:100%;
		background: url(../images/cnt06/cnt06-img01-bg.png) no-repeat left bottom;
		background-size:100% auto;
	}
	
	div.cnt06-inner-cnt-r p{
		padding: 0px 0px 20px 0px;
	}

	p.cnt06-line{
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
	
/*cnt06-inner-cnt-l02*/
	div.cnt06-inner-cnt-l02{
		height: 100%;
		margin-right: 20px;
	}
	div.cnt06-inner-cnt-r02{
		width:60%;
		margin-left: auto;
		margin-right: auto;
	}
	div.cnt06-inner-cnt-r02 img{
		width:100%;
	}
	div.cnt06-inner-cnt-l02 p{
		padding: 0px 0px 20px 0px;
	}
	div.cnt06-inner-cnt-r02 p{
		padding: 0px 0px 20px 0px;
	}

/*会社概要*/

	section#cnt06 h4{
		background: url(../images/h4-title.png) no-repeat left center;
		padding-left: 30px;
		font-weight: bold;
		font-size: 120%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	div#cnt06-img-cnt{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
	}
	div#cnt06-img-cnt-l p img{
		width:100%;
		margin-top: 10px;
	}
	p#cnt06-img-cnt-r img{
		width:100%;
		margin-top: 10px;
	}	
	
/*テーブル*/	
	div.cnt06-inner-table table{
		width:100%;
	}
	div.cnt06-inner-table tr{
		border-top: 1px solid #ccc;
	}
	div.cnt06-inner-table tr:last-child{
		border-bottom: 1px solid #ccc;
	}
	div.cnt06-inner-table th{
		background: #f0eeee;
		padding: 10px;
		width:35%;
	}
	div.cnt06-inner-table td{
		padding: 10px;
		width:65%;
	}
	
	
/*--------------------------------
contact-cnt
--------------------------------*/
	
	div#contact-cnt{
	}
div#contact-cnt h2{
	text-align:center;
	padding-bottom:18px;
	margin-top:40px;
	margin-bottom:10px;
	color:#000;
}
div#contact-cnt h2 img{
	width:86%;
	margin-left: auto;
	margin-right: auto;
	}
	
	p#contact-info{
		width:96%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}

	p#form-info{
		margin-bottom: 10px;
	}
	
	p#privacy{
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
}





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

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

/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:0px;
}
/*PC・スマホ切り替え*/	
	.pc{display: block;}
	.sp{display: none;}

/*お問い合わせ*/
	div.contact-cnt{
		border: 5px solid #009fea;
		padding: 15px;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
		background: url(../images/tel-bg.png) no-repeat right top;
		background-size:contain;
	}
	div.contact-cnt h3{
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 10px;	
	}
	div.contact-cnt-inner{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	div.contact-cnt-inner p{
		float:left;
		width:280px;
		margin-right: 10px;
	}
	
	
/*--------------------------------
info
--------------------------------*/
section#info{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
}

	section#info h2{
		width:180px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	section#info h2 img{
		width:100%;
	}
	
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;
}

/*--------------------------------
greeting　ご挨拶
--------------------------------*/	
section#greeting{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
	margin-bottom: 60px;
}

	section#greeting h2{
		width:220px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	section#greeting h2 img{
		width:100%;
	}

	div#greeting-inner{
		margin-bottom: 30px;
	}
	
	p#greeting-inner-l{
		float:left;
		width:305px;
		margin-right: 20px;
	}
	p#greeting-inner-r{
		float:left;
		width:650px;
	}

	section#greeting h3{
		color:#009bdb;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	ul#greeting-inner02-cnt{
		border: 1px solid #ccc;
		padding: 30px;
	}
	
	ul#greeting-inner02-cnt li{
		float:left;
		margin-right: 20px;
	}
	
/*--------------------------------
cnt02　私たちの想い
--------------------------------*/
section#cnt02{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
	margin-bottom: 60px;
}

	section#cnt02 h2{
		width:250px;
		margin-left: auto;
		margin-right: auto;
	}
	section#cnt02 h2 img{
		width:100%;
	}
	
	div.cnt02-inner h3{
		font-weight: bold;
		font-size: 150%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-top: 60px;
		margin-bottom: 30px;	
	}
	
	div.cnt02-inner-cnt p.cnt02-inner-cnt-l{
		float:left;
		width:205px;
		margin-right: 20px;
	}
	div.cnt02-inner-cnt p.cnt02-inner-cnt-l img{
		width:100%;
	}
	div.cnt02-inner-cnt p.cnt02-inner-cnt-r{
		float:right;
		width:775px;
	}
	

	
	section#cnt02 h4{
		background: url(../images/h4-title.png) no-repeat left center;
		padding-left: 30px;
		font-weight: bold;
		font-size: 120%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	
	div.cnt02-inner-cnt span{
		color:#009bdb;
		font-weight: bold;
		font-size: 110%;
	}
	
	div.cnt02-inner-cnt span.red{
		color:#f67502;
	}
	
	
/*--------------------------------
cnt03
--------------------------------*/
section#cnt03{
	background: #f4eeee;
	padding-top: 10px;
}
	div#cnt03-inner-cnt{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	}

section#cnt03 h2{
	text-align:center;
	padding-bottom:18px;
	margin-top:40px;
	margin-bottom:25px;
	color:#000;
	font-size:320%;
	font-weight: bold;
	letter-spacing: 5px; /*文字間隔を調整*/
}
	
	div.cnt03-inner{
		float:left;
		text-align: center;
		line-height: 1.6;
		width:280px;
		height:170px;
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 15px;
		padding-left: 10px;
		padding-right: 10px;
		background: #fff;
		font-size: 120%;
		font-weight: bold;
	}	
	
	div.cnt03-inner h3{
		color:#333;
		font-size:130%;
		font-weight: bold;
	}

	div.cnt03-inner h4{
		color:#009fea;
		font-size:160%;
		font-weight: bold;
		font-family: "Arial Black", Gadget, "sans-serif";
	}
	div.cnt03-inner h4 span{
		font-size: 60%;
	}
	div.cnt03-inner h5{
		font-size:110%;
		font-weight: bold;
	}
	div.cnt03-inner p{
		font-size:100%;
		font-weight: bold;
	}
	
	

/*--------------------------------
cnt04　お客様の声
--------------------------------*/
section#cnt04{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
	margin-bottom: 60px;
}

	section#cnt04 h2{
		width:250px;
		margin-left: auto;
		margin-right: auto;
	}
	section#cnt04 h2 img{
		width:100%;
	}
	
	div.cnt04-inner h3{
		font-weight: bold;
		font-size: 150%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-top: 60px;
		margin-bottom: 30px;	
	}
	
	div.cnt04-inner-cnt p.cnt04-inner-cnt-l{
		float:left;
		width:205px;
		margin-right: 20px;
	}
	div.cnt04-inner-cnt p.cnt04-inner-cnt-l img{
		width:100%;
	}
	div.cnt04-inner-cnt p.cnt04-inner-cnt-r{
		float:right;
		width:775px;
	}
	
	div.cnt04-inner-cnt span{
		color:#009bdb;
		font-weight: bold;
		font-size: 120%;
		display: block;
		margin-bottom: 5px;
	}
	
/*--------------------------------
cnt05
--------------------------------*/
	section#cnt05{
		border-bottom: 2px solid #eedbc2;
		padding-bottom: 50px;
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}

	section#cnt05 h2{
		width:270px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	section#cnt05 h2 img{
		width:100%;
	}
	
	section#cnt05 h3{
		font-size: 120%;
		font-weight: bold;
		padding: 20px 20px 20px 65px;
		margin-bottom: 10px;
		background: #d9f0fb url(../images/cnt05/q.png) no-repeat 10px center;
		border: 1px solid #23a6eb;
	}
	
	section#cnt05 p{
		margin-bottom: 30px;
		background: url(../images/cnt05/a.png) no-repeat 10px 30px;
		padding: 20px 20px 20px 65px;
	}
	
	section#cnt05 h4{
		border-top: 1px solid #cfcfcf;
		padding: 10px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	

/*--------------------------------
cnt06　会社案内
--------------------------------*/
section#cnt06{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-top:60px;
	margin-bottom: 60px;
}

	section#cnt06 h2{
		width:250px;
		margin-left: auto;
		margin-right: auto;
	}
	section#cnt06 h2 img{
		width:100%;
	}

	div.cnt06-inner h3{
		font-weight: bold;
		font-size: 150%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-top: 60px;
		margin-bottom: 30px;	
	}
/*cnt06-inner-cnt-l*/
	div.cnt06-inner-cnt-l{
		float:left;
		width:205px;
		margin-right: 20px;
	}
	div.cnt06-inner-cnt-l img{
		width:100%;
	}
	div.cnt06-inner-cnt-r{
		float:right;
		width:760px;
		height: 430px;
		background: url(../images/cnt06/cnt06-img01-bg.png) no-repeat 460px bottom;
	}
	
	div.cnt06-inner-cnt-r p{
		padding: 0px 0px 20px 0px;
	}

	p.cnt06-line{
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
	
/*cnt06-inner-cnt-l02*/
	div.cnt06-inner-cnt-l02{
		float:left;
		width:760px;
		height: 400px;
		margin-right: 20px;
	}
	div.cnt06-inner-cnt-l02 img{
		width:100%;
	}
	div.cnt06-inner-cnt-r02{
		float:right;
		width:205px;
	}
	div.cnt06-inner-cnt-l02 p{
		padding: 0px 0px 20px 0px;
	}
	div.cnt06-inner-cnt-r02 p{
		padding: 0px 0px 20px 0px;
	}

/*会社概要*/

	section#cnt06 h4{
		background: url(../images/h4-title.png) no-repeat left center;
		padding-left: 30px;
		font-weight: bold;
		font-size: 120%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	
	div#cnt06-img-cnt{
		width:900px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
	}
	div#cnt06-img-cnt-l{
		float:left;
		width:392px;
	}	
	div#cnt06-img-cnt-l p{
		margin-top: 10px;
	}
	p#cnt06-img-cnt-r{
		float:right;
		width:495px;
		margin-top: 10px;
	}
/*テーブル*/	
	div.cnt06-inner-table table{
		width:100%;
	}
	div.cnt06-inner-table tr{
		border-top: 1px solid #ccc;
	}
	div.cnt06-inner-table tr:last-child{
		border-bottom: 1px solid #ccc;
	}
	div.cnt06-inner-table th{
		background: #f0eeee;
		padding: 20px;
		width:20%;
	}
	div.cnt06-inner-table td{
		padding: 20px;
		width:80%;
	}
	

	
	
/*--------------------------------
contact-cnt
--------------------------------*/
	
	div#contact-cnt h2{
		width:520px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	div#contact-cnt h2 img{
		width:100%;
	}
	
	p#contact-info{
		text-align: center;
		margin-bottom: 30px;
	}

	p#form-info{
		margin-bottom: 10px;
	}

	p#privacy{
		text-align: center;
		margin-top: 15px;
	}
	
	
}

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

}