@charset "utf-8";
/* CSS Document */
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: lighter;
	width: 100%;
	zoom:85%;
	
} 

#wrap {
margin:0 auto;
width:1230px;
}




.title p{  line-height:200%;
	text-shadow:0 0 3px black,0 0 3px black,0 0 3px black,0 0 3px black,0 0 3px black;
    }


a{
	text-decoration: none;
	color: #000000;
}

.contents:hover{
	transform: translate(0,-15%);
}





 


.container {
  width: 1000px;
  display: flex;
}

.main {
  display: block;
  width: 1000px;}



@media (max-width:480px){
	
	
.container {
  width: 400px;
}



.main {
  width: 400px;}	
	
#wrap {
margin:0 auto;
width:400px;
}
	
	
}

/*---------------------------------------------------*/

.sidebar__item
{text-align: center;
  width: 230px;

}

.sidebar__item--fixed {
  position: sticky;
  top: 20px;
  z-index: 1;
}



.sidebar ul {
       width: 200px;
       padding: 1px;
       list-style-type: none;
       background-color: #EEEEEE;
     }

.sidebar__item li a {
       display: block;
       padding: 8px 16px;
       text-decoration: none;
       color: #000000;
     }
.sidebar__item li {
       text-align: center;
     }
.sidebar__item li:last-child {
       border-bottom: none;
     }
.sidebar__item li a.active {
       color: #FFFFFF;
       background-color: #FFD700;
     }
.sidebar__item li a:hover:not(.active) {
    color: #FFFFFF;
    background-color: #FFD700;
    font-size: 16px;
     }
.sidebar__item table th {
       background: #FFD700;
       width: 120px;
     }
.menu:hover{
	width: 105%;
}


.side{
	margin: 100px 30px 0 0;
	opacity: 0.6;
}


/*-----------------------------------------------------------*/





/*タイトル*/
h1 {
       font-size: 22px;
       border-bottom: solid 3px #5D99FF;
       border-left: solid 20px #5D99FF;
       width: 980px;
	   position: relative;
       
     }




/*内容*/

table.contact {
      border-collapse: collapse;
      background: #FFFFFF;
      font-size: 14px;
	  position: relative;
     
    }

table.contact th, table.contact td{
    border: solid 1px silver;
    padding: 15px;
    height: 50px;
    font-size: 16px;
    }



.contact th{
      text-align: left;
      width: 300px;
      background-color: #EEEEEE;
    }


input[name=btn_confirm]{
	position: relative;
    
	margin-top: 10px;
	padding: 5px;
	cursor: pointer;
	
}


@media (max-width:480px){
	
.contact{display: none}

}


/*入力案内*/
h4{
    position: relative;
   
     }

small {
      font-size: 13px;
      color: #FF8C00;
    }


/*ボタン*/

.menu:hover{
	width: 105%;
}


/*---------------------------------*/




.contact2{
	font-weight: bold;
	font-size: 13pt;

    margin-bottom: 40px;
	padding-bottom: 40px;
	
	border-bottom: solid 1.5pt #5D99FF;

}