@media screen and (max-width: 767px){
	/*
	Base
	------------------------------------------------------------
	*/
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	#container {
		margin-top: 80px;
	}
	#content {
		padding: 0;
		margin-bottom: 100px;
	}

	/*
	Header
	------------------------------------------------------------
	*/
	header {
		width: 100%;
		padding: 20px;
		background: #000;
		top: 0;
		left: 0;
	}
	.logo{
		width: 180px;
	}
	#gnavi{
		display: none;
	}
	.button-area {
		display: inline;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 250;
		background: #dab86b;
		padding: 15px;
	}
	.panel-btn{
		display: inline-block;
		position: relative;
		width: 40px;
		height: 40px;
	}
	.panel-btn-icon{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		width: 40px;
		height: 2px;
		margin: -1px 0 0 -7px;
		background: #000;
		transition: .2s;
	}
	.panel-btn-icon:before, .panel-btn-icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 40px;
		height: 2px;
		background: #000;
		transition: .3s;
	}
	.panel-btn-icon:before{
		margin-top: -10px;
	}
	.panel-btn-icon:after{
		margin-top: 10px;
	}
	.panel-btn .close{
		background: transparent;
	}
	.panel-btn .close:before, .panel-btn .close:after{
		margin-top: 0;
	}
	.panel-btn .close:before{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.panel-btn .close:after{
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	#gnavi_sp{
		display: none;
		position: fixed;
		top: 0;
		height: 100%;
		width: 100%;
		overflow: auto !important;
		z-index: 200;
		padding: 80px 0 0;
		font-weight: 500;
	}
	#gnavi_sp a:link,
	#gnavi_sp a:visited,
	#gnavi_sp a:hover{
		color: #000;
		text-decoration: none;
	}
	ul.nav_list li a{
		border-top: 1px solid #FFF;
	}
	ul.nav_list li a{
		display: block;
		background: #dab86b;
		position: relative;
		padding: 20px;
		font-size: 125%;
		border-bottom: 1px solid #FFF;
	}
	ul.nav_list li a:after{
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 25px;
		border-style: solid;
		border-width: 8px 0 8px 10px;
		border-color: transparent transparent transparent #000;
		content: "";
		margin-top: -5px;
	}
	ul.nav_list li:last-child a{
		border-bottom: none;
	}

	/*
	footer
	------------------------------------------------------------
	*/
	footer{
		padding-bottom: 50px;
	}

	/*
	top
	------------------------------------------------------------
	*/
	.main_img{
		height: 430px;
	}
	.main_inner{
		top: 15%;
	}
	.main_logo{
		width: 125px;
		margin-bottom: 20px;
	}
	.main_inner h2{
		font-size: 450%;
	}
	#top_lead{
		padding: 50px 5%;
		font-size: 100%;
	}
	section{
		padding-top: 60px;
	}
	.service_box .inner{
		top: 10%;
	}
	h4.service_ti{
		font-size: 250%;
	}
	ul.list_sns{
		margin-top: 100px;
	}
    

}
@media screen and (max-width: 500px){
	.main_inner h2{
		font-size: 350%;
	}
}