@charset "UTF-8";
html {
	width:100%;
	margin:0 auto;
	text-align: center;
	animation: loading 1s;	
	scroll-behavior: smooth;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
img {
	width: 100%;
	pointer-events: none;
}
.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 600px) {
	.pc{display: none;}
	.sp{display: block;}
}
body {
	max-width: 1024px;
	margin: 0 auto;
	font-family: 'Kosugi Maru', sans-serif;
	background:url(../img/background.jpg);
	background-size: cover;
	background-repeat: repeat-y;

}
.fv{
	max-width:1200px;
	margin:0 auto;
	position:relative;

}

.fv_bon{
	width:60%;
	margin: 0 auto;
	position:absolute;
	right:0;
	left:0;
	top:10%;
	bottom:0;

}

.main {
	background-image: url(../img/pc_bg.png);
	background-size: 100%;
}

.bt_area{
	width:100%;
	background:#93ccdf;
	margin:-10px 0 0 0;
	padding:0 0 5% 0;
}

.bt_area img{
	width:90%;
}
.con {
	width: 60%;
	margin: 0 auto;
}

.con h1 {
	width: 35%;
    padding-bottom: 5%;
	margin:5% 0 0 0;
}


nav ul {
	display: flex;
	width: 100%;
}

nav ul li {

	width: 48%;
	margin: 0 auto;
	padding-bottom: 3%;
}

.box {
	background-color: #93ccdf;
}


#n1 {
	width: 60%;
	margin: 0 auto;
}

#n1 h1 {
	width: 60%;
	margin: 0 auto;
	padding: 10% 0 3%;
}

#n1 .box img {
	width: 75%;
	margin: 0 auto;
	padding-top: 5%;
}

#n2 .box ul {
	display: flex;
	align-items: center;
}


#n2 .box {
	padding: 5%;
}

#n2 {
	width: 60%;
	margin: 0 auto;
}

#n2 h1 {
	width: 60%;
	margin: 0 auto;
	padding: 15% 0 3%;
}

.fl {
	position: relative;
	right: 5%;
}

#n3 {
	width: 60%;
	margin: 0 auto;
}

#n3 h1 {
	width: 60%;
	margin: 0 auto;
	padding: 15% 0 3%;
}

#n3 .box {
	padding-top: 35%;
	background-image: url(../img/n3p.png);
	background-size: 100%;
}

#n3 li {
	width: 60%;
	margin: 0 auto;
}

#n3 .a {
	padding: 5% 0;
}

#n4 {
	width: 60%;
	margin: 0 auto;
}

#n4 h1 {
	width: 40%;
	margin: 0 auto;
	padding: 15% 0 3%;
}

#n4 .box {
	padding-top: 5%;
	padding-bottom: 25%;
	background-image: url(../img/n4p.png);
	background-size: 100%;
	background-color: initial;
	background-repeat: no-repeat;
}

#n4 .box p {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 3%;
}

.com {
	width: 65%;
	margin: 0 auto;
}

.com h1 {
	width: 60%;
	margin: 0 auto;
	padding: 15% 0 10%;
}

.left {
	width: 60%;
	margin: 0 auto 0 0;
}
.right {
	width: 65%;
	margin: 0 0 0 auto;
}

h2 {
	width: 75%;
    margin: 0px auto 0 20%;
	padding-bottom: 5%;
	padding-top: 2%;
}

.voice {
	width:60%;
	margin: 0 auto;
	padding-bottom:10%;
}

.voice h3 {
	width: 60%;
	margin: 0 auto;
	padding: 0% 0 5%;
}

.voice ul {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	padding-bottom: 7%;
}

.voice .box {
	padding: 10% 0 5%;
}

.v_f {
	width: 30%;
}

.v_n {
	width: 60%;
}

.v_n h1 {
	padding-bottom: 5%;
}

.v_n p {
	line-height:1.5;
	text-align: left;
	font-size: 14px;
}

a {
	display: inline-block;
}

#n2 .box ul.sp {
    display: none;
    align-items: center;
}

.v_n h1 {
	background-color: #e7f9ff;
    padding: 3% 0%;
    font-size: 20px;
}

.fix {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9999;
	width: 40%;
}

.is-hidden {
	visibility: hidden;
	opacity: 0;
  }

@media screen and (max-width: 769px) {
.v_n p {
    line-height: 1.5;
    text-align: left;
    font-size: 13px;
}

.voice ul {
    width: 90%;
    margin: 0 auto;
    /* display: flex; */
    justify-content: space-around;
    padding-bottom: 7%;
}


.voice {
	width:60%;
	margin: 0 auto;
	padding-bottom: 9%;
}

.page-top {
	position: fixed;
	bottom: 20px;
	transition: 0.5s;
	width: 100%;
	right: initial;
  }
}
@media screen and (max-width: 426px) {

	.pc{display: none;}
	.sp{display: block;}

	.fv_bon {
		width:90%;
		top:20%;
	}
	.bt_area p {
		width:75%;
		margin: 0 auto;
	}

	.con {
		width:90%;
		margin: 0 auto;
	}

	.con h1 {
		width: 50%;
		margin: 0 auto;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	#n1 , #n2 , #n3 , #n4  {
		width: 80%;
		margin: 0 auto;
	}

	#n1 h1 {
		width: 100%;
		margin: 0 auto;
		padding: 10% 0 7%;
	}

	#n1 .box img {
		width: 110%;
		margin: 0 auto;
		padding-top: 5%;
		position: relative;
		right: 5%;
	}

	#n2 .box ul.pc {
		display:none;
		align-items: center;
		flex-direction: column;
	}

	#n2 .box ul.sp {
		display:flex;
		align-items: center;
		flex-direction: column;
	}
	.arrow {
		width: 30%;
		margin: 0 auto;
	}

	#n2 .box {
		padding: 10%;
	}

	#n3 .box {
		padding-top: 90%;
		background-image: url(../img/n3p_sp.png);
		background-size: 100%;
		padding-bottom: 10%;
	}
	#n2 h1 {
		width: 90%;
		margin: 0 auto;
		padding: 15% 0 3%;
	}

	#n3 li {
		width: 80%;
		margin: 0 auto;
	}
	#n3 h1 {
		width: 90%;
		margin: 0 auto;
		padding: 25% 0 3%;
	}
	#n4 .box {
		padding-top: 5%;
		padding-bottom: 25%;
		background-image: url(../img/n4p_sp.png);
		background-size: 100%;
		background-color: initial;
		background-repeat: no-repeat;
	}
	#n4 .box p {
		width: 68%;
		margin: 0 auto;
		padding-bottom: 3%;
	}

	#n4 h1 {
		width: 60%;
		margin: 0 auto;
		padding: 15% 0 3%;
	}

	.com h1 {
		width:90%;
		margin: 0 auto;
		padding: 15% 0 10%;
	}

	.com {
		width: 90%;
		margin: 0 auto;
	}

	h2 {
		width: 90%;
		margin:0 auto;
	}

	.voice ul {
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		padding-bottom: 7%;
		flex-direction: column;
		align-items: center;
	}

	.voice ul.rev {
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		padding-bottom: 5%;
		flex-direction: column-reverse;
	}

	.v_f {
		width:80%;
		padding:2% 0 5% 0;
	}

	.v_n {
		width: 80%;
	}

	.voice {
		width: 80%;
		margin: 0 auto;
	}
	.v_n p {
		line-height: 1.5;
		text-align: left;
		font-size: 14px;
	}

	.voice h3 {
		width: 80%;
		margin: 0 auto;
		padding:5% 0;
	}

	footer {
		padding: 5% 0 5%;
		font-size: 12px;
	}
	.fix {
		position: fixed;
		bottom: 10px;
		right: 30px;
		z-index: 9999;
		width: 80%;
	}
	.v_n h1 {
		background-color: #e7f9ff;
		padding: 3% 0%;
		font-size: 14px;
	}
	
	.page-top {
		position: fixed;
		bottom: 20px;
		transition: 0.5s;
		width: 100%;
		right: initial;
	  }
	  
	  .page-top p {
		width: 80%;
		margin: 0 auto;
	  }

	  .page-top_link {
		position: relative;
		display: block;
	  }
	
	  
	  /*footerまでスクロールしたら消す*/
	  .is-hidden {
		visibility: hidden;
		opacity: 0;
	  }

	  main {
		height: 500px;
		padding: 20px;
		text-align: center;
	  }
	  
	  .footer {
		height: 150px;
		padding: 20px;
		text-align: center;
	  }
}
p.caution{
	font-size:18px;
	text-align:center;
	color:#ff0000;
	margin:0 auto;
}
@media screen and (max-width: 426px) {
	p.caution{
		font-size:15px;
	}
}
footer {
	width:100%;
	font-size: 20px;
}
@media screen and (max-width: 426px) {
	footer {
	padding:3% 0;
	}
}
.myrow{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	background:#cbebf6;
	padding:3% 0;
}
.mycol-1{
	flex:1;
}
@media screen and (max-width:700px){
	.mycol-1 p{
		font-size:13px;
	}
}
  /*tokusho**/
#tokusho{
	width:90%;
	margin:0 auto;
	padding:5% 0;
}

#tokusho h2{
	font-size:2em;
	margin:0 auto;
}
@media screen and (max-width:700px){
	#tokusho h2{
		font-size:1.5em;
	}
}
  /**テーブルメニュー****/
table {
	width:100%;
	margin: 20px auto;
  }
  .tbl-r02 th {
	background:#f0ffdc;
	border:solid 2x #f0ffdc;
	color:#000;
	padding: 10px;
  }
  .tbl-r02 td {
	border: solid 2px #f0ffdc;
	padding: 10px;
	background:#fff;
	text-align:left;
  }

#kojin{
width:90%;
margin:0 auto;
padding:5% 0;
  }
#kojin h2{
font-size:2em;
margin:0 auto;
}
@media screen and (max-width:700px){
	#kojin h2{
		font-size:1.5em;
	}
}
.main_txt{
	font-size:15px;
	line-height:23px;
	font-weight:bold;
	display: block;
	text-align:left;
	margin:15px 0 0 0;
}
#kojin p{
	font-size:15px;
	line-height:25px;
	text-align:left;
}
p.backtotop{
	font-weight:bold;
	font-size:2em;
	border:solid 1px #000;
	padding:5px 11px;
	margin:0 0 15px 0;
	background:#c7ffc3;
}
@media screen and (max-width:700px){
	p.backtotop{
		font-size:1.5em;
	}
}
.wrapper_2{
	max-width:800px;
	margin:0 auto;
	background:#fff;
}
p.footer_copy{
	font-size:15px;
	display: block;
	margin:15px 0 50px 0;
}