@charset "UTF-8";

/* all */
*, *:before, *:after {
box-sizing: border-box
}


/* base & font */
body {
margin: 0;
background-color: #f5f5f5;
font-size: 16px;
color: #333333;
line-height: 1.5;
font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}


/* link */
a {
word-break: break-all;
cursor: pointer;
}

a:link {
text-decoration:none; /* 未訪問 */
}
a:visited {
text-decoration:none; /* 訪問後 */
}
a:active {
text-decoration:none; /* クリック中 */
}


/* br */
@media screen and (max-width :840px){
br.pc-only {
display: none;
}
}

@media screen and (min-width: 500px){
br.sp-only {
display: none;
}
}


/* ul ol */
ul, ol {
margin: 0;
padding-left: 20px;
}


/* img */
img {
border: 0px;
vertical-align: bottom;
}


/* hr */
hr.green {
border: none;
border-top: 2px solid #01a48f;
margin: 0;
width: 100%;
}

hr.dot {
border: none;
border-top: 2px dotted #999999;
margin: 24px 0;
width: 100%;
}


/* enclose */
#enclose {
margin: 0 auto;
width: 960px;
background-color: #ffffff;
}

@media screen and (max-width :840px){
#enclose {
width: 100%;
}
}


/* header */
header {
width: 95%;
margin: 0 auto;
padding-top: 10px;
text-align: left;
}


/* article */
article {
width: 85%;
margin: 0 auto;
text-align: left;
}

@media screen and (max-width :840px){
article {
width: 90%;
}
}


/* footer */
footer {
width: 95%;
margin: 0 auto;
padding-bottom: 15px;
text-align: center;
}


/* copyright */
div.copyright {
font-size: 14px;
padding-top: 10px;
}


/* h1 */
h1 {
width: 90%;
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 18px;
}

/* h2 */
h2 {
width: 100%;
margin: 0 auto;
position: relative;
font-size: 16px;
font-weight: bold;
color: #666666;/*文字色*/
padding: 0px 0px 4px 38px;
border-bottom: 2px solid #dddddd;
}
h2::before,
h2::after {
position: absolute;
content: '';
border-radius: 100%
}
h2::before {
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background: rgba(37, 111, 237, 0.6);
}
h2::after {
top: 12px;
left: 14px;
width: 14px;
height: 14px;
background: rgba(118, 206, 255, 0.6);
}


/* btn-blue */
a.btn-blue {
display: inline-block;
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 100%;
border-radius: 8px;
border: 2px solid #84bbf3; /*枠の色*/
background: #f2f8fe; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}


/* btn-green */
a.btn-green {
display: inline-block;
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 100%;
border-radius: 8px;
border: 2px solid #89c997; /*枠の色*/
background: #f3f9f4; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}


/* btn-orange */
a.btn-orange {
display: inline-block;
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 100%;
border-radius: 8px;
border: 2px solid #ffaa22; /*枠の色*/
background: #fff6e8; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}


/* sub-menu */
.sub-menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/* btn-blue-2 */
a.btn-blue-2 {
font-size: 16px;
text-align: center;
font-weight: bold; /*文字の太さ*/
text-decoration: none;
width: 48%;
border-radius: 8px;
border: 2px solid #84bbf3; /*枠の色*/
background: #f2f8fe; /*背景色*/
padding: 10px;
margin: 5px 0px 5px 0px;
color: #666666;
}


/* link-list */
div.link-list {
width: 100%;
margin: 0 auto;
padding: 0;
}

div.link-list ul {
list-style: none;
margin: 0;
padding: 0;
}

div.link-list ul li {
font-size: 16px;
margin-bottom: 12px;
text-indent: -1.2em;
padding: 0 0 0 1.2em;
}

div.link-list ul li::before{
content: "・";
color: #3399cc;
margin-right: 4px;
}

div.link-list ul li:last-child {
margin-bottom: 4px;
}


/* table-block */
table.block {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}
table.block td {
padding: 5px;
vertical-align: top;
text-align: left;
}
@media all and (max-width: 500px) {
table.block td , table.block col {
display: block;
width: 100%;
border-bottom: none;
}

}


/* table-news */
table.news {
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}

table.news td {
padding: 5px;
vertical-align: top;
text-align: left;
border: 1px solid #cccccc;
}

table.news tr:nth-child(even) {
background: #f5f5f5;
}


/* table-normal */
table.normal {
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}

table.normal td {
border: 1px solid #cccccc;
padding: 5px;
vertical-align: top;
text-align: left;
}


/* Pagetop */
#pagetop {
position: fixed;
width: 100%;
max-width: 960px;
bottom: 20px;
text-align: right;
}

#pagetop a {
background-color: rgba( 126, 206, 244, 0.3 );
padding: 10px;
text-align: center;
text-decoration: none;
border-radius: 10px;
font-size: 24px;
margin-right: 20px;
}

#pagetop a:hover {
background-color: rgba( 126, 206, 244, 0.5 );
text-decoration: none;
}

/* New */
.new{
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: #cc0c2f;
border-radius: 4px;
padding: 0 6px;
vertical-align: baseline;
margin-left: 10px;
}

/* important */
.important{
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: #cc0c2f;
border-radius: 4px;
padding: 0 6px;
vertical-align: baseline;
margin-left: 10px;
vertical-align: 1px;
}

/* member */
.member{
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: #00aad9;
border-radius: 4px;
padding: 0 6px;
vertical-align: baseline;
margin-left: 10px;
vertical-align: 1px;
}