@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Noto+Serif+JP:wght@200&display=swap');
/* E L E M E N T */
html{font-size: 62.5%;}
html,body,ul,li,dl,dt,dd,ol,h1,h2,h3,h4,h5,iframe,section,p,table,form,a,header,footer{padding:0; margin:0; font-size:100%; font-weight:normal;}
html{width:100%; height:100%; overflow-y:scroll;}
body{line-height:180%; font-size:1.6rem; font-size:16px; color:#333; min-width:1024px; min-height:100vh; font-family: 'Kosugi Maru', sans-serif;} 
table{font-size:1.6rem; font-size:16px; border-collapse:collapse; /*border-collapse:separate; border-spacing:1px;*/}
th,td{border: solid 1px #ccc; padding:5px;}
th{background:#eee; font-weight:normal; text-align:left;}
strong{font-weight:normal;}
li{list-style:none;}
dt{margin-top:2em; background:#eee; padding:0.5em 1em;}
dd{margin:0.5em; border-bottom:solid 1px #ccc;}
img{border:0; vertical-align: top;}/* 場合によってvertical-align */
hr{height:0; margin:1.5em auto; border:none; border-top:1px solid #cccccc; clear:both;}
footer{background:url(../img/alpha60.png); text-align:center; padding:10px; margin-top:3em;}
footer#type2{background:url(../img/footer.jpg) no-repeat; text-align:center; padding:10px; line-height:150px; background-size: cover; margin-top:5px;}
header{background:url(../img/header.jpg) no-repeat; text-align:center;}
section{padding:3em 0;}
h1{font-weight:bold;}
h1#top-txt{ text-align:center; color:#fff; font-size:30px; text-shadow:#666 2px 2px 2px; line-height:180%; font-family: 'Noto Serif JP', serif;}
h2{background:#dcff70; padding:0.5em 2em; border-radius:50px; font-size:24px; color:#005a7d; margin-bottom:3em;}
p{padding-bottom:1em;}

/* LINK */
a {vertical-align:baseline; background:transparent;}
a img:hover{filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
a:link{color:#005a7c; text-decoration:underline;}
a:visited{color:#005a7c; text-decoration:underline;}
a:hover{color:#e94302; text-decoration:underline;}
a:focus{color:#e94302; text-decoration:underline;}
a:active{color:#e94302; text-decoration:underline;}

a.lk1:link{color:#fff; text-decoration:underline; display:block; padding:20px; border-radius:10px; background:#037c00; margin:0 5px;}
a.lk1:visited{color:#fff; text-decoration:underline; display:block; padding:20px; border-radius:10px; background:#037c00;}
a.lk1:hover{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}
a.lk1:focus{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}
a.lk1:active{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}

a.lk2:link{color:#fff; text-decoration:underline; display:block; padding:20px; border-radius:10px; background:#005a7d; margin:0 5px;}
a.lk2:visited{color:#fff; text-decoration:underline; display:block; padding:20px; border-radius:10px; background:#005a7d;}
a.lk2:hover{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}
a.lk2:focus{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}
a.lk2:active{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}

a.lk3:link{color:#fff; text-decoration:underline; display:block; padding:20px; border-radius:10px; background:#727d00; margin:0 5px;}
a.lk3:visited{color:#fff; text-decoration:underline; display:block; padding:20px; border-radius:10px; background:#727d00;}
a.lk3:hover{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}
a.lk3:focus{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}
a.lk3:active{color:#dcff70; text-decoration:underline; display:block; background:#e94302;}

a.lk4:link{color:#fff; text-decoration:underline; display:block; padding:50px 0;}
a.lk4:visited{color:#fff; text-decoration:underline; display:block;}
a.lk4:hover{color:#dcff70; text-decoration:underline; display:block; background:#005314;}
a.lk4:focus{color:#dcff70; text-decoration:underline; display:block; background:#005314;}
a.lk4:active{color:#dcff70; text-decoration:underline; display:block; background:#005314;}


/* メインレイアウト */ 
#top-p{
	background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
#logp-top{margin:auto; padding:150px 0 30px 0; width:200px;}
#logp-top2{margin:auto; padding:20px 0; width:90px;}
#chatch{background:url(../img/alpha60.png); padding:1em; margin:auto; width:500px; box-sizing:border-box;}

/* 他ID */
#form-btn{width:7em; padding:1em; margin:1.5em auto; background:#C00; color:#fff; font-size:18px; display:block; border:none;}


/* フレックスボックス */
.fbox {display:flex; flex-wrap: wrap;}
.box2{ width:50%; box-sizing:border-box;}
.box3{ width:33.333333%; box-sizing:border-box; text-align:center;}

/* 汎用レイアウト */ 
.padding-b150{padding-bottom:150px;}
.padding-b50{padding-bottom:50px;}
.bg1{background:#005a7c;}
.bg2{background:#727c00;}
.bg3{background:#7c2300;}
.width90p{width:90%; margin:auto;}
.mgn-t10{margin-top:10px;}
.mgn-t50{margin-top:50px;}
.alpha60{background:url(../img/alpha60.png);}
.flo-wrap{overflow:hidden; zoom:1; clear:both;}
.flo-l{float:left; padding-right:1em; width:400px;}
.flo-r{padding-left:1em; width:400px; float:right;}


/* TEXT */
.fs24{font-size:24px;}
.cl-fff{color:#fff;}
.t-center{text-align:center;}