html{
  letter-spacing:0.5pt;
  font-size: 62.5%;
  scroll-behavior: smooth;
  }
  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}

body{
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:0.5pt;
margin: 0; 
padding: 0; 
font-size: 16px;
font-size: 1.6rem;
-webkit-text-size-adjust: 100%;
}





a{
	color: #293393;
	transition: 0.5s;
    }
    
a:hover {
    text-decoration: underline;
    }

a:hover img {opacity: 0.8;}






img,abbr,acronym,fieldset{border:0;}
    
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
    border: none;
    max-width: 100%;
    height: auto;
}





header{
width: 1000px;
margin:0 auto;
padding: 10px;
display: flex;
justify-content: center;
box-sizing: border-box;
}

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

header{width: 100%;
padding: 5px;
justify-content:flex-start;}

}
header h1{
padding: 0;
margin:0
}






.menu{
background: rgba(0,0,0,0.20);
margin: 0;
padding: 10px;}


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

.menu{display: none;}

}



.menu ul{
width: 1000px;
margin:auto;
display: flex;
justify-content: center;
list-style: none;
}

.menu ul li{margin-right: 10px;}

.menu ul li:last-child{margin-right: 0;}

.menu ul li a{
background: rgba(255,255,255,1.00);
text-decoration: none;
border-radius: 5px;
padding: 2px 15px;
font-weight: bold!important;
color: rgba(0,0,0,1.00)!important;
transition: 0.5s;
}

.menu ul li a:hover{
background: rgba(125,70,151,1.00);
color:rgba(255,255,255,1.00)!important;
}




.appeal{
width: 1000px;
margin: 30px auto 0px auto;
display: flex;
}

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

.appeal{
width: 100%;
margin: 0 auto 0 auto;
display: flex;
flex-direction: column;
}

}


.appeal2{
width: 1000px;
background: #5cb531;
margin: 0px auto 30px auto;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-weight: bold;
color: rgba(255,255,255,1.00);
}


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

.appeal2{
width: 100%;
text-align: left;

}


}



main{
width: 1000px;
margin:0 auto 100px auto;
box-sizing: border-box;
}


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

main {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  margin:0 auto 50px auto;
}
	
}


.info dl{}

.info dt{
background: rgba(0,0,0,0.10);
display: block;
padding:2px 7px;
}

.info dd{
display: block;
padding:2px 7px;
margin-bottom: 2em;
}

.info dd ul{
display: flex;
list-style: none;
flex-wrap: wrap;}

.info dd ul li{
margin-right: 1em;
}












 








	
.px10{font-size: 0.63em;font-size: 1.0rem;}

.px11{font-size: 0.68em;font-size: 1.1rem;}

.px12{font-size: 0.73em;font-size: 1.2rem;}

.px13{font-size: 0.81em;font-size: 1.3rem;}

.px14{font-size: 0.87em;font-size: 1.4rem;}

.px15{font-size: 0.93em;font-size: 1.5rem;}

.px16{font-size: 1.00em;font-size: 1.6rem;}

.px17{font-size: 1.06em;font-size: 1.7rem;}

.px18{font-size: 1.12em;font-size: 1.8rem;}

.px20{font-size: 1.22em;font-size: 2.0rem;}

.px22{font-size: 1.37em;font-size: 2.2rem;}

.px24{font-size: 1.47em;font-size: 2.4rem;}

.px26{font-size: 1.62em;font-size: 2.6rem;}

.px28{font-size: 1.75em;font-size: 2.8rem;}

.px30{font-size: 1.87em;font-size: 3.0rem;}





.white{color: white;}

.blue{color: dodgerblue;}

.red{color: red;}




















footer{ 
background:rgba(0,0,0,0.10); 
margin:0; 
padding:50px 0; 
display: block;
text-align: center;
}

footer  p{
text-align:center;
font-size:smaller;
}

footer img{
margin:1em auto;
}



footer ul{
display: flex;
list-style: none;
justify-content:center;
font-size: 14px;
margin-bottom: 1em;
}

footer ul li{
margin-right: 1em;
}

footer ul li:last-child{
margin-right: 0;
}

footer ul li a{
color: rgba(0,0,0,1.00);
}

footer ul li a:hover{
color: #293393;
text-decoration: none;
}




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

footer ul{
flex-direction: column;
}

footer ul li{
margin-right: 0em;
}

}



	
main h2{
	clear:both;
	line-height:50px;
	font-size:18px;
	text-indent:10px;
	border:1px solid #ccc;
	margin-bottom:30px;
    margin-top: 30px;
	
background: -moz-linear-gradient(#ffffff, #d6d6d6);
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d6d6d6));
background: -o-linear-gradient(#ffffff, #d6d6d6);
background: linear-gradient(#ffffff, #d6d6d6);
	}	
	
h3{ border-bottom:1px solid #000000; padding:0 0 0.5% 0.5%;font-size:17px;} 	
	
	
.kugiri{ border-bottom:1px dashed #cccccc;margin-bottom:50px;}
	
	

	
	
.center{text-align:center;}

.right{text-align:right;}

.left{text-align:left;}
	
	
	
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.mb50{margin-bottom:50px;}

.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}


.mt5{margin-top:5px;}	
.mt10{margin-top:10px;}	
.mt20{margin-top:20px;}	
.mt30{margin-top:30px;}	


.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
	
	
	
	
/* TOPに戻るボタン
------------------------------------------------------------*/

@media print{	

#btn-backtotop {display:none;}	

#btn-backtotop a{display:none;}	

}

#btn-backtotop{
  position: fixed;
  bottom: 30px;
  right: 30px;
}

 

#btn-backtotop a {
  display: block;
  z-index: 999;
  color: #666;
  text-decoration: none;
  text-align: center;
  font-size: 2.5em;
}

 

#btn-backtotop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
















.br-sp { display:none; }

@media screen and (max-width: 767px) {
	
.br-sp { display: block; }
	
}



@media screen and (min-width: 768px) {
	
.dis{display:none;}

}








.bg-gray{
background: rgba(0,0,0,0.10);
display: block;
padding: 25px;
margin:0 0 50px 0;
}

.bx{
margin:0 auto 50px auto;
width:500px;
display: block;
}




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

.bx{ max-width:100%; }	
	
}
	
    
    
    
    
.kigyo table{
    border-collapse: collapse;
    }   
    
.kigyo table tr{border-bottom: 1px dotted gray;}    
  
.kigyo table th{padding: 10px;} 
.kigyo table td{padding: 10px;}  
  
.kigyo thead td{
    background-color: #0068b7;
    color: white;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    }  
      
.kigyo thead th{
    background-color: #addef8;
    text-align: center;
    font-weight: bold;
    }      

.kigyo tbody td:nth-child(1){ background-color: #f0f3f7;font-weight: bold;white-space: nowrap;}

.kigyo tbody td:nth-child(2){background-color: white;vertical-align: top;}


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

.kigyo table{border-bottom: none;}   

.kigyo table thead{display: none;}

.kigyo table th{display:none;border:none;}

.kigyo table td{display: block; border:none;}

.kigyo tbody td:nth-child(2){border-bottom: none;}

.kigyo table tr{display: block; margin-bottom: 30px;}

.kigyo table tr{border: 1px dotted gray;}    

}

















   .kigyo2 table{
    border-collapse: collapse;
    }   
  
.kigyo2 table th{padding: 10px;} 
.kigyo2 table td{padding: 10px;}  
  
.kigyo2 table tr{border-bottom: 1px dotted gray;}      
  
.kigyo2 thead td{
    background-color: #ed6c00;
    color: black;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    }  
      
.kigyo2 thead th{
    background-color: #fcd68c;
    text-align: center;
    font-weight: bold;
    }      

.kigyo2 tbody td:nth-child(1){ background-color: #fff2b8;font-weight: bold;white-space: nowrap;}

.kigyo2 tbody td:nth-child(2){background-color: white;vertical-align: top;}


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

.kigyo2 table{border-bottom: none;}   

.kigyo2 table thead{display: none;}

.kigyo2 table th{display:none;border:none;}

.kigyo2 table td{display: block; border:none;}

.kigyo2 tbody td:nth-child(2){border-bottom:none;}

.kigyo2 table tr{display: block; margin-bottom: 30px;}

.kigyo2 table tr{border: 1px dotted gray;}    

}














.booth table{
    border-collapse: collapse;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    }   
  
.booth table th{padding: 10px;} 
.booth table td{padding: 10px;}  
        
.booth thead th{
    background-color: #99d7c2;
    text-align: center;
    font-weight: bold;
    border-right: 1px dotted rgba(0,0,0,0.25);
    }

.booth thead th:first-child{border-left: 1px dotted rgba(0,0,0,0.25);}

.booth tbody tr:nth-child(odd){background-color: white;}

.booth tbody tr:nth-child(even){background-color: #EAF7F2;}


.booth tbody td:nth-child(1){white-space: nowrap;text-align: center;}

.booth tbody td:nth-child(2){ertical-align: top;}


.booth tbody td{border-right: 1px dotted rgba(0,0,0,0.25);}
.booth tbody td:first-child{border-left: 1px dotted rgba(0,0,0,0.25);}


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


.booth table th{display:none;}

.booth table td{display: block; border:none;}

.booth thead th{border-right:none;}
.booth thead th:first-child{border-left: none;}


.booth tbody td{border-right: none;text-align: center;}
.booth tbody td:first-child{border-left:none;background: rgba(0,153,68,0.50);}

.booth tbody tr{
display: block;
border:1px solid rgba(0,153,68,0.50);
margin-bottom: 30px;}


.booth tbody tr:nth-child(odd){background-color: white;}

.booth tbody tr:nth-child(even){background-color: white;}


}














.top table{
    border: 1px solid #999999;
    border-collapse: collapse;
    }   
  
.top table th{padding: 10px;border: 1px solid #999999;} 
.top table td{padding: 10px;border: 1px solid #999999;}  
   

.top td:nth-child(1){ background-color: #dddddd;}

.top td:nth-child(2){background-color: white;vertical-align: top;}


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

.top table{border-bottom: none;}   

.top table th{display:none;border:none;}

.top table td{display: block; border:none;}

.top tbody td:nth-child(2){border-bottom: 1px solid #999999;}

.top th{display: block;border-top:1px solid #4e004e; border-bottom:none;}

.top td{display: block; border-top:none;}

}



.redbox{
 border:1px solid #ff3366;
 padding: 1em;
 background-color: white;
}




@media screen and (min-width:768px) {

.globalMenuSp{display: none;}

}


@media print{	

.globalMenuSp{display: none;}

}


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

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  background: #ccc;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}
}