@charset "utf-8";

@media print,
screen and (min-width: 1024px) and (max-width: 3000px) {}


@media print,
screen and (max-width: 1400px) {
	header {
		background-position: left center;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.logo1,
	.yoyaku1,
	.yoyaku2 {
		width: 60%;
	}

	.price-link {
		width: 80%;
	}
}

@media screen and (min-width: 740px) and (max-width: 1023px) {

	/************************************
	clearfix 
************************************/
	.clearfix:after {
		visibility: hidden;
		height: 0;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
	}

	* html .clearfix {
		zoom: 1;
	}

	*:first-child+html .clearfix {
		zoom: 1;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	.big_oya1 {
		width: 100%;
		background: url(../img/fotter_bg.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.oya1_left {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.ko_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.ko_right {
		width: 90%;
		margin: 0 auto;
		display: none;
	}

	.oya1_right {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.access5 {
		font-size: 3.5em;
		font-weight: 100;
		text-align: center;
		padding: 50px 0;
	}

	footer {
		background: #013763;
		padding: 50px 0;
	}

	.copy_rbox {
		font-size: 1.8em;
		font-weight: 100;
		color: white;
		text-align: center;
	}

	.number {
		display: none;
	}
}

@media screen and (min-width: 320px) and (max-width: 739px) {
	img {
		max-width: 100%;
		height: auto;
	}

	header {
		height: 300px;
		background-size: 156%;
		justify-content: center;
		padding: 0;
	}

	.yoyaku1,
	.yoyaku2 {
		display: none;
	}
	.price-msg {
		text-align: center;
		color: #f00;
		margin-bottom: 0.7em;
		font-size: 1em;
}

	.oya1_left {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.ko_left {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.ko_right {
		width: 90%;
		margin: 0 auto;
		display: none;
	}

	.oya1_right {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.access5 {
		font-size: 3.5em;
		font-weight: 100;
		text-align: center;
		padding: 50px 0;
	}

	.big_oya1 {
		margin-bottom: 78px;
	}

	nav {
		display: none;
	}

	.drawr_box {
		display: block;
	}

	.btn {
		background: transparent url(../img/btn.png) no-repeat 0 0;
		display: block;
		width: 35px;
		height: 35px;
		position: fixed;
		top: 20px;
		right: 20px;
		cursor: pointer;
		z-index: 200;
	}

	.peke {
		background-position: -35px 0;
	}

	.drawr {
		display: none;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		top: 0px;
		right: 0;
		width: 260px;
		padding: 60px 0 20px 20px;
		z-index: 100;
	}

	#menu,
	#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#menu li {
		width: 260px;
	}

	#menu li a {
		color: #fff;
		display: block;
		padding: 15px;
	}

	.number {
		display: block;
		position: fixed;
		bottom: 0;
		background: #013763;
		width: 100%;
		padding: 0.5em 0;
		z-index: 1;
	}
	.nunber img {
		width: 50%;
	}
	
	.icon-text {
		display: flex;
		align-items: center;
		gap: 15px;
		color: #FFF;
		justify-content: center;
	}

	.number a {
		color: #FFF;
		text-decoration: none;
	}

	.number p {
		font-size: 1em;
		text-align: center;
		color: #FFF;
		padding: 5px 0;
		line-height: 23px;
	}

	.number span {
		font-size: 3vw;
	}
.number2 {
	display: none;}
}

@media screen and (max-width: 460px) {

	.logo1 {
		width: 100%;
	}

	header {
		height: 179vw;
		background-size: 250%;
		background-position: left bottom;
		justify-content: flex-start;
		align-items: center;
	}

	.setumei {
		font-size: 3.8vw;
		line-height: 4em;
	}
	.price-msg {
  		text-align: center;
  		color: #f00;
  		margin-bottom: 0.7em;
  		font-size: 1em;
}
}