@charset "utf-8";

.sp{display: none !important;}
/*********************
 headerMenu 1024px
*********************/
@media screen and (max-width: 1024px) {

	.pc{display: none !important;}
	.sp{display: inline-block !important;}


	/*********************
	 body
	*********************/
	body{
		margin-top:75px;
	}

	/*********************
	 header
	*********************/
	header .logo_btn img{
		height:55px;
		margin:10px 5px 10px 5px;
	}
	/** menu button **/
	header .menu_btn{
		display:inline-block;
		position: fixed;
		background:#004ea2;
		cursor: pointer;
		width: 75px;
		height:75px;
		top:0;
		right:0;
		z-index:999;
	}
	header .menu_btn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		right: 20px;
		height: 2px;
		border-radius: 5px;
		background: #fff;
		width: 45%;
	 }
	header .menu_btn span:nth-of-type(1) { top:23px; }
	header .menu_btn span:nth-of-type(2) { top:29px; }
	header .menu_btn span:nth-of-type(3) { top:35px; }

	header .menu_btn span:nth-of-type(3)::after {
		content:"Menu";
		position: absolute;
		top:1px;
		right:0px;
		color: #fff;
		font-size: 0.6rem;
		text-transform: uppercase;
	}
	header .menu_btn.active span:nth-of-type(1) {
		top: 24px;
		right: 28px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}
	header .menu_btn.active span:nth-of-type(2) { opacity: 0; }
	header .menu_btn.active span:nth-of-type(3){
		top: 36px;
		right: 28px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	header .menu_btn.active span:nth-of-type(3)::after {
		content:"Close";
		transform: translateY(0) rotate(-45deg);
		top:2px;
		right:-22px;
	}

	/** menu list **/
	header .menu_list{
		position: fixed;
		background:#fff;
		width:80vw;
		z-index:998;
		border-top:76px solid #004ea2;
		display:none;
		opacity: 0;
		height: 100vh;
		top:0;
		color:#004ea2;
	}
	header .menu_list.active{
		animation-name:slideinRight;
		animation-duration:0.3s;
		animation-fill-mode:forwards;
		display:inline-block;;
	}
	@keyframes slideinRight {
	  0% {
		transform: translateX(100%);
	  }
	  100% {
		opacity: 1;
		transform: translateX(-100%);
	  }
	}
	header .menu_list li{
		border-bottom:1px solid #9ae7f6;
		display:block !important;
	}
	header .menu_list li a{
		color:#004ea2;
		text-decoration:none;
		font-weight:bold;
		position: relative;
		display: inline-block;
		padding:15px 20px;
		width:100%;
	}
	header .menu_list li a:hover{
		text-decoration:none;
	}
	header .menu_list li a:before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 2px #004ea2;
		border-right: solid 2px #004ea2;
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		right: 30px;
		bottom: 0;
		margin: auto;
	}
	header .menu_list li a p {
		display:inline-block;
	}
	header .menu_list li a img {
		display:none;
	}

	/*********************
	 footer
	*********************/
	footer section article{
		display: inline-block !important;
		text-align:center;
		padding-bottom:15px;
		width:100%;
	}
	footer section article div#honsha{
		display: inline-block !important;
		width:100%;
		text-align:center;
		padding-top:30px;
	}
	footer section div#links {
		line-height:2em;
	}
	footer section div#links a{
		width:44%;
		text-align:right;
		padding:0 10px 0 0;
		margin-right:0;
	}
	footer section div#links a:nth-of-type(even){
		text-align:left;
		padding:0 0 0 10px;
	}
	footer #footer_telbtn {
		z-index:997;
		position: fixed;
		left: 50%;
		bottom:0;
		transform: translate(-50%,0%);
		width:100%;
	}
	footer #footer_telbtn a{
		display:inline-block;
		background:#00a0e9;
		transition: opacity 0.5s ease-in-out;
		width:80%;
		padding:15px 0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		font-size:18px;
		border-radius:10px 10px 0 0;
	}
	footer #footer_telbtn img{
		display:inline-block;
		height:18px;
		margin-right:5px;
	}

}