@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1080px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が-1280pxの場合に適用 */
@media screen and ( max-width:1280px )
{

}

/* ウィンドウ幅が-960pxの場合に適用 */
@media screen and ( max-width:960px )
{

/* sp画像表示 */
.pc { display: none !important; }
.sp { display: inline !important; }

	body{
		overflow-x: hidden;
	}

	#wrapper{
		padding-bottom: 580px; /*フッター高さ指定*/
	}

	#wrapper{
		margin: 0 auto;
		width: 100%;
		height: auto;
		overflow-x: hidden;
	}

	#main{
		width: 100%;
		height: auto;
	}

	#main{
	display: block;
		padding-top: 97px;
	}

	/* header -960px */
	#header{
		background: white;
	}

	#header #logo{
		width: 75px;
		margin: 0.8rem 0 0.95rem 1rem;
	}
	.btn-gNav span{
		position: absolute;
		width: 100%;
		height: 4px;
		background: #666;
		border-radius: 10px;
		-webkit-transition: all 400ms;
		transition: all 400ms;
		z-index: 9999;
	}
	.btn-gNav span:nth-child(1) {
		top:0;
	}
	.btn-gNav span:nth-child(2) {
		top:10px;
	}
	.btn-gNav span:nth-child(3) {
		top:20px;
	}
	.btn-gNav.open span:nth-child(1){
	background: #fff;
	top: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
	}
	.btn-gNav.open span:nth-child(2),
	.btn-gNav.open span:nth-child(3){
	top: 6px;
	background :#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
	}
	.btn-gNav{
		position: fixed;
		top: 20px;
		right: 20px;
		width: 30px;
		height: 24px;
		z-index: 3;
	}

	#top-nav-sp{
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	#top-nav-sp.open{
		right: 0px;
		transition: 0.5s ease-out;
	}

	#top-nav-sp{
		background: #333333;
		width: 55vw;
		padding: 5em 0 1em 2.5em;
	}

	#top-nav-sp a{
		display: block;
		font-size: 1.4rem;
		line-height: 3em;
		color: white;
		text-decoration: none;
	}

	#top-nav-sp li{
		border-bottom: 1px solid #888;
	}

/* main -960px */

#main .link-btn{
	width: 62%;
	margin: 0 auto 30px;
}

/* footer -960px */

	.box_contact {
		height: 265px;/* フッター上部の高さ指定 */
	}

	#footer_box{
		height: 230px;/* フッター下部の高さ指定 */
	}

    .box_contact{
		padding-left: 0;
		padding-right: 0;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.box_contact p {
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1.2em;
		font-size: 14px;
	}

    .box_contact .box_in{
		text-align: center;
		width: 100%;
		display: block;
	}

    .box_contact .btn {
        clear: both;
		width: 100%;
		line-height: 30px;
		font-size: 18px;
        margin-left: auto;
        margin-right: auto;
    }

	.box_contact .btn a{
		width: 80%;
		font-size: 1.2em;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.box_contact .btn a i {
		padding-right: 10px;
		font-size: 110%;
	}

	.box_contact .tel{
		clear: both;
		width: 100%;
	}

	.box_contact .tel a strong {
		font-size: 90%;
	}

/* footer下部 */

	#company_f{
		padding: 0;
		font-size: 15px;
		line-height: 1.4em;
		text-align: center;
	}

	#company_f h1{
		font-size: 150%;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#company_f a{
		font-size: 1em;
	}

	.footer_bnr01 img {
		width: 310px;
		margin: 10px auto -10px;
	}

	address {
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 10px;
	}

}

/* ウィンドウ幅が-650pxの場合に適用 */
@media screen and ( max-width:650px )
{

	#top-nav-sp a{
		font-size: 1.15rem;
	}

	.content-box h1{
		font-size: 112%;
	}

}

/* ウィンドウ幅が-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

}