/*app*/

a{
	color:#666666;
}

/*input*/

.body-customize{
background-color: 
}

.height-500{
width:100%;
height:500px;
}
.height300{
width:100%;
height:300px;
}

.empty-box-m2{
margin:200px 200px 200px 200px;
}
.width100{
width:100%;
}
.width60{
width:60%;
}
a{
color:#444444;
}
a img{
opacity:1;
}
a:hover img{
opacity:0.75;
}
button {
opacity:1;
transition: all 0.5s ease-out;
}
button:hover {
opacity:0.25;
 }

.lineup {
margin:10px 0px 20px 0px;
}
.lineup img{
margin:10px 0px 20px 0px;
}
 
 .p-margin{
 margin:15px 0px 0px 0px;
 }
 
 .tuika-background{
 padding:100px 0px 100px 0px;
 background:#F3FFD8;
 }
 
/*app end*/



/*nav*/


.outline-wrapper {
  padding: 0px;
  height: 800px;
  width: 100%; 
  }
.sticky {
  width: 460px;
  height: auto;
  position: -webkit-sticky; /* Safariに対応する */
  position: sticky; /* 要素を固定/解除する */
  top: 0; /* 縦方向の閾値 */
  left: 0; /* 横方向の閾値 */
   z-index: 6000;
}


#outline-img{
}
#outline-img img{
width:20%;
height:auto;
position:fixed;
top:0px;
left:0;
z-index: 6000;
}


#outline-tel h3{
color:#222222;
text-align:right;
font-family: 'SHINGOPRO-LIGHT';
position: absolute;
top:60px;
right:-50px;
}

button[aria-expanded="true"] > span {
position: relative;
display: none;
}
button[aria-expanded="true"]::after {
  position: relative;
  top: 20px;
  right: 15px;
  font-size: 100px;
  content: "✖️";
}

.hamburger{
color:#fff;
}

/*nav fixed*/

#fixed{
border-radius: 0.25em;  
position:fixed;
 top:-10px;
 right:0px;
 z-index: 6000;
 opacity:1;
}
#fixed img{
width:75%;
height:auto;
}
 #fixed :active {
 opacity:0.25;
}

#fixed-nav{
  width: 33vw;
  height:100%;
background-color:#111111;
opacity:0.85;
position:fixed;  
bottom:0px; 
right:0px;
z-index: 6000;
}

/*nav fixed end*/


#a-image {
border-radius: 1em;
}
#a-image img{
}

#a-hover{
font-size:25pt;
padding: 10px 10px 10px 10px;
border-radius: 0.65em;  
list-style: none;
}
#a-hover a:hover{
  color: red;

}
#a-hover li a{
  display: block;
        color: #fff;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  border-bottom:none;
     z-index: 5000;
}
#a-hover li a:hover{

  border-radius: 0.2em;  
       z-index: 5000;
  }
  
  /*nav ボタン押した後のメニュー*/

.navbar-nav{
border-radius: 1em;
padding: 5px 15px 5px 15px;
margin:10px 10px 10px 0px;
position:relative; top:100px;
left:50px;
}
.navbar-nav h1{
font-family: 'SHINGOPRO-LIGHT';
}
.nav-item{
margin:15px 0px 15px 0px;
}
.nav-link{
background-color:#78FF94;
padding: 5px 15px 5px 15px;
border:solid 1px #00FFFF;
color:#111111;
font-size:20pt;
border-radius: 1em;
} 
/*nav ボタン押した後のメニュー　end*/

/*nav end*/





/*input*/

em{
color:red;
}

.section p {
color:red;
}
.errors-nyuryokujikou em {
color:red;
}

.errors-nyuryokujikou ul {
color:red;
}

.error{
color:red;
}

#table-height{
margin: 10px 0px 10px 0px;
}
.table-size th{
}


.table-size td{
border:solid 1px #999999;
}

.table-sho td{
}

.noborder {
      border: 0px none;
      }


.add{
text-align: -webkit-center;
}
option value{
}
/*input end*/


ul { list-style: none; }


/*new nigaoe*/

/* pc、タブレット用、画面サイズが960px以上の設定 */
	@media (min-width: 768px){
    html {
    font-size: 62.5%; /* ≒10px（デフォルトのフォントサイズ） */
  }
  p {
    font-size: 1.4rem; /* ≒15px */
  }
  h1 {
    font-size: 3.0rem; /* ≒24px */
  }
  h2 {
    font-size: 2.4rem; /* ≒22px */
  }
  h3 {
    font-size: 2.2rem; /* ≒18px */
  }
  h4 {
    font-size: 1.8rem; /* ≒18px */
  }
  h5 {
    font-size: 1.6rem; /* ≒18px */
  }
  h6 {
    font-size: 1.4rem; /* ≒18px */
  }

		
	.img-border-radius img{
		border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
	}

#all-section{
margin: 200px 0px  30px 0px ;
text-align:center;
}

		#all-section h1{
text-align:center;
margin:0px 0px 60px 0px;
}

#all-section h4{
text-align:center;
margin: 0px 0px 0px 0px;
}

#all-section h5{
text-align:center;
margin: 0px 0px 5px 0px;
}

.n-vw-s{
width:30vw;
		}


.n-vw{
width:50vw;
}

#n-vw-t{
margin: 0px 0px  0px 0px ;
}
.n-mini{
width:150px;
}

#toiawase-gotyumon{
margin:5px 0px 25px 0px;
}
		#toiawase{
margin:0px 0px 0px 0px;
}
		#toiawase h2{
			width:450px;
			padding:2px 0px 2px 0px;
			text-align:center;
background: #dddddd;
border-radius: 5px 5px 5px 5px;

}

#nyuryoku{
width:100%;
margin-left:auto;
			margin-right:auto;
			margin:0px 0px 45px 0px;
}
#nyuryoku h4{
line-height:30px;
margin:15px 0px 0px 0px;
		}
		#nyuryoku1{
width:100%;
margin-left:auto;
			margin-right:auto;
			margin:0px 0px 45px 0px;
		}
#nyuryoku1 h4{
line-height:30px;
margin:15px 0px 10px 0px;
		}

		.keisai{
			max-width:600px;
		}
			.keisai h4{
				margin:0px 0px 10px 0px;
			}
		.keisai h5{
			margin:30px 0px 0px 0px;
			font-size:1.7rem
		}
#nyuryoku h5{
line-height:20px;
margin:10px 0px 5px 0px;
}

#nyuryoku2{
width:100%;
margin-left:auto;
margin-right:auto;
}
#nyuryoku2 h4{
line-height:30px;
margin:0px 0px 0px 0px;
}

#toiawase-gotyumon{
margin:0px 0px 45px 0px;
}

		
		
		/*画像添付*/
		#gazou-tenpu1 h2{
			width:250px;
			color:#fff;
						background-color:#555555;
					border: 1px solid #555555;
border-radius: 2px 2px 2px 2px;
			margin:0px 0px 20px 0px;
}
		#gazou-tenpu1 h5{
			padding:0px 0px 15px 0px;
}

		#gazou-tenpu1 h3{
						background-color:#dddddd;
					border: 1px solid #DDDDDD;
border-radius: 1px 1px 1px 1px;
			margin:0px 0px 0px 0px;
}
		#gazou-tenpu1 p{
			font-size:10px;
			margin:2px 0px 0px 0px;
		}
		#gazou-tenpu2 h4{
			margin:0px 0px 0px 0px;
}
		
#gazou-tenpu2 h5{
margin:10px 0px 10px 0px;
}
#gazou-tenpu2{
margin:10px 0px 30px 0px;
		}
		.gazou-tenpu-f{
			font-size:15px;
			width:325px;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
			margin-right:auto;
margin-left:auto;
		}
		.gazou-tenpu-c{
			width:200px;
		}
			.gazou-tenpu-c{
				margin:15px 0px 0px 0px;
		}
/*お支払い*/
#osiharai h4{
			margin:10px 0px 10px 0px;
			text-align:left;
			max-width:275px;
			}
			#center{
			}

			.center{
margin:40px 0px 30px 0px;
margin-right:auto;
margin-left:auto;
}

.td-text-align-center{
text-align:center;
}


}



/* smartphone用、画面サイズが768px以上、960px未満の設定 */
	@media (max-width: 768px){
html {
    font-size: 62.5%; /* ≒10px（デフォルトのフォントサイズ） */
  }

h1{font-size:1.8rem;}
h2{font-size:1.6rem;}
h3{font-size:1.4rem;}
h4{font-size:1.3rem;}
h5{font-size:1.2rem;}
h6{font-size:1.0rem;}
p{font-size:1.0rem;}
	.img-border-radius img{
		border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
	}

#all-section{
margin: 160px 0px  30px 0px ;
text-align:center;
}

		#all-section h1{
			font-size:22px;
line-height26px;
text-align:center;
margin:0px 0px 40px 0px;
}

#all-section h4{
text-align:center;
margin: 0px 0px 0px 0px;
}

#all-section h5{
text-align:center;
margin: 0px 0px 5px 0px;
}

.n-vw-s{
width:40vw;
		}

.n-vw{
width:85%;
		}

			#n-vw-t{
				width:100%;
margin: 0px 0px  0px 0px ;
}
.n-mini{
width:50px;
}

#toiawase-gotyumon{
margin:5px 0px 25px 0px;
}
		#toiawase{
margin:0px 0px 0px 0px;
}
		#toiawase h2{
			font-size:17px;
			width:250px;
			padding:2px 0px 2px 0px;
			text-align:center;
background: #dddddd;
border-radius: 5px 5px 5px 5px;

}

#nyuryoku{
width:100%;
margin-left:auto;
			margin-right:auto;
			margin:0px 0px 35px 0px;
}
		#nyuryoku h4{
			max-width:500px;
			width:60%;
line-height:23px;
margin:5px 0px 0px 0px;
		}
		#keisai{
			max-width:320px
			}
			.keisai{
			max-width:330px;
			}
			.keisai h6{
				font-size:
			}

#nyuryoku h5{
line-height:20px;
margin:10px 0px 5px 0px;
}
#nyuryoku1{
width:100%;
margin-left:auto;
			margin-right:auto;
			margin:0px 0px 35px 0px;
}
#nyuryoku1 h4{
line-height:23px;
margin:15px 0px 10px 0px;
		}

								
						
						
						
#nyuryoku2{
width:100%;
margin-left:auto;
margin-right:auto;
}
#nyuryoku2 h4{
line-height:23px;
margin:0px 0px 0px 0px;
}

#toiawase-gotyumon{
margin:0px 0px 35px 0px;
}

		
		
		/*画像添付*/
		#gazou-tenpu1 h2{
			width:100px;
			color:#fff;
						background-color:#555555;
					border: 1px solid #555555;
border-radius: 2px 2px 2px 2px;
			margin:0px 0px 10px 0px;
}
		#gazou-tenpu1 h5{
			padding:0px 0px 5px 0px;
}

		#gazou-tenpu1 h3{
						background-color:#dddddd;
					border: 1px solid #DDDDDD;
border-radius: 1px 1px 1px 1px;
			margin:-15px 0px 0px 0px;
}
		#gazou-tenpu1 p{
			font-size:10px;
			margin:2px 0px 0px 0px;
		}
		#gazou-tenpu2 h4{
			margin:0px 0px 0px 0px;
}
		
#gazou-tenpu2 h5{
margin:10px 0px 10px 0px;
}
#gazou-tenpu2{
margin:10px 0px 40px 0px;
		}
		.gazou-tenpu-f{
			font-size:12px;
			width:225px;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
			margin-right:auto;
margin-left:auto;
		}
		.gazou-tenpu-c{
			width:100px;
		}
			.gazou-tenpu-c{
				margin:20px 0px 0px 0px;
		}
/*お支払い*/
#osiharai h4{
			margin:10px 0px 10px 0px;
			text-align:left;
			max-width:275px;
			}
			#center{
			}

		.center{
			
			margin:40px 0px 30px 0px;
margin-right:auto;
margin-left:auto;
}

.td-text-align-center{
text-align:center;
}

 }