@CHARSET "UTF-8";


@media screen and (max-width:500px){
	body{
		font-size:1em;
	}
	.belt p{
		font-size:0.8em;
	}

	nav ul li a {
		font-size:1.1em;
		line-height:1.5em;
	}
	.topic{
		padding-top:1.5em;
		padding-bottom:1.5em;
	}

}

@media screen and (min-width:501px){
	body{
		font-size:1.2em;
	}
	nav ul li a {
		font-size:1.3em;
		line-height:1.8em;
	}
	.topic{
		padding-top:1.8em;
		padding-bottom:1.8em;
	}
}


html {
	scroll-behavior:smooth;
}
body{
	font-family:Arial,"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif;
	text-align:center;
	margin: auto;
}


/*トップに戻るボタン */
.pagetop{
    height:50px;
    width:50px;
    position:fixed;
    right:30px;
    bottom:30px;
    background:#ffffff;
	border: solid 3px #000000;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.pagetop:hover{
	background:#006400;
	border-color:#ffffff
}
.pagetop_arrow {
    height: 12px;
    width: 12px;
    border-top: 4px solid #000000;
    border-right: 4px solid #000000;
    transform:translateY(20%)rotate(-45deg);
    transition-duration: .4s;
}
.pagetop:hover .pagetop_arrow{
	border-color:#ffffff;
}

/*トップに戻るボタン / */


/* メニュー */
nav{
	position: sticky;
	top: 0;
	z-index: 998;
	background:#006400;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	);
}
nav ul{
	display: flex;
	justify-content: space-between;
	margin:auto;
	padding-left:0px;
	padding-right:0px;
}
nav ul li{
	list-style: none;
	flex: 1 0 auto;
}
nav ul li a {
	display: block;
	text-decoration: underline;
	color: white;
}
nav ul li a:hover {
  color: #ffff00;
}
/* メニュー / */


.overview{
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
}
.overview tr{
    text-align:left;
}
.overview th{
	white-space: nowrap;
	padding:5px 5px 0px 20px;
	border-bottom:solid 2px #cccccc;
}
.overview td{
	padding:5px 5px 0px 10px;
	border-bottom:solid 2px #cccccc;
	
}
.overview tr > th:first-child{
  width: 30%; // 最初のカラムだけ30%のwidthを確保
  
}



/*見出しのスタイル*/
/*配色履歴：#6666ff;*/
h1{
    margin-left:5%;
    margin-right:5%;
	/*border-left:solid 10px #008080;#6666ff;*/
	border-top:solid 3px #008080;
}
h2{
    margin-left:10%;
    margin-right:10%;
	border-top:solid 1px #008080;
	border-bottom:solid 1px #008080;
	padding-left:20px;
}
h3{
    margin-left:15%;
    margin-right:15%;
	border-bottom:dotted 2px #008080;
	padding-left:40px;
}

iframe{
	max-width:1200px;
}

img{
	width:100%;
	max-width:1200px;
}

.wordwraptext {
  display:		table;
  margin-left:	auto;
  margin-right:	auto;
  text-align:	left; /* 親要素で text-align:center しているので指定 */
}



.faq_ans{
	/*border:solid 1px #000000;*/
	margin-left:	10%;
	margin-right:	10%;
	padding-bottom: 4%;
	text-align:	left;
	width:80%;

}

.contact{
	display: inline-block;
	max-width:60%;
}


.headerbox{
	position:relative;
}
.headerbox p{
    position: absolute;
    top: 8%;
    right: 20%;
    min-width:300px;
    border:solid 1px black;
}



/****************************
ベルト用
*****************************/
.belt {
	background: linear-gradient(
	  180deg,
	  #4e005b 0%,
	  #4e005b 75%,
	  #e06c00 75%,
	  #e06c00 100%
	);
	
	width:100%;
	height:36px;

    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.belt p{
	color:#ffffff;
	font-style:italic;
}


#buffer{
	height:25px;
	width:100%;
	
}