@charset "UTF-8";
html{
overflow-y: scroll;
font-size: 14px;
color: #333;
letter-spacing: 0.10rem;
}
body{
background-color: #fffcf9;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 100%;
font-family: sans-serif,'Helvetica Neue', Helvetica, Arial, 'Droid Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';
min-height: 100vh;
}
a,a:link,a:visited,a:active,a:hover{color:#0071a5;text-decoration:none;}
a:hover [class^="hoverblue"]{
background: -webkit-linear-gradient(transparent 50%,#BEE4F1 50%);
background: linear-gradient(transparent 50%,#BEE4F1 50%);
}
a:hover [class^="hovermete"]{
background: -webkit-linear-gradient(transparent 50%,#60D6F9 50%);
background: linear-gradient(transparent 50%,#60D6F9 50%);
}
a:hover [class^="hoverpola"]{
background: -webkit-linear-gradient(transparent 50%,#60EFE5 50%);
background: linear-gradient(transparent 50%,#60EFE5 50%);
}
a:hover [class^="hoverarc"]{
background: -webkit-linear-gradient(transparent 50%,#fda784 50%);
background: linear-gradient(transparent 50%,#fda784 50%);
}
h1{display: contents;}
header{position: sticky; width: 100%; background-color: #fffcf9; z-index: 10; top: 0;}
.header_area a{
color: #fff;
font-size: 1.1rem;
}
.main{
max-width: 1020px;
width: 100%;
margin: 0 auto;
padding-bottom: 5vh;
}
.btn-blue{
background-color: #FFFCF9 !important;
border: 1px solid #085696 !important;
color: #085696 !important;
}
.btn-blue:hover{
background-color: #085696!important;
color: #FFFCF9!important;
text-decoration: none;
}
.btn-white{
border: 1px solid #FFFCF9!important;
color: #FFFCF9!important;
}
.btn-white:hover{
background-color: #FFFCF9!important;
border: 1px solid #085696!important;
color: #085696!important;
text-decoration: none;
}
.btn-gazo,.btn-gazo img{
height: 40px;
}
.btn-gazo img:hover{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.b-blue{
background-color: #085696;
}
.b-bg{background-color: #e3ecf7!important;}
.b-grey{background-color: #f2f2f2!important;}
.b-grey2{background-color: #ddd!important;}
.fs-7{font-size: .875em!important;}
.table-striped > tbody > tr:nth-of-type(2n) > *{--bs-table-bg-type: var(--bs-table-striped-bg);}
.table-striped > tbody > tr:nth-of-type(2n+1) > *{--bs-table-bg-type: #fff;}

.white_box{
padding: 10px;
}
.white_box h3{
font-weight: bold;
}
.white_box h4{
line-height: 140%;
margin: 20px 0 10px;
font-weight: bold;
}
.white_box p{
line-height: 160%;
padding: 0;
}
.b-line{
position: relative;
font-size: 1.2rem;
padding: 0 .5rem .5rem 1.2rem!important;
}
.b-line:before{
content: "";
position: absolute;
background-color: #085696;
width: 6px;
height: 18px;
top: 0;
left: 0;
border-radius: 2px;
}

/* o-toi */
#form1{
margin: 0 auto;
max-width: 800px;
width: 100%
margin: 0 auto;
padding: 20px;
font-size: 16px;
}
#form1 label {
margin-right: 20px;
cursor: default;
display: block;
}
#form1 input, #form1 textarea {
border: 1px solid #ccc;
padding: 10px;
margin: 5px auto;
line-height: 1.6;
width:100%;
max-width: 800px;
border-radius: 3px;
font-size:100%;
}
ul li{list-style: none!important;}
ul.list-indent{
margin-left: 1em;
margin-bottom:1em;
padding-left: 1em;
}
ul.list-indent li{
margin:.5rem 0 4px;
text-indent: -1em;
line-height: 160%;
}
footer {
background-color:#085696;
padding: 20px 0 60px;
width:100%;
}
#footer_main {
margin:0 auto;}

#footer_main img {
border-radius: 5px;
}
#footer_main ul.utility_link {margin-bottom: 10px;}
#footer_main ul.utility_link li.arrow_white{
margin: 0 0 10px 10px;
display: inline-block;
}
#footer_main ul.utility_link li.arrow_white:first-child{
margin-left:0;
}
#page-top {
position: fixed;
bottom: 40px;
right: 40px;
font-size: 80%;
}
#page-top a {
text-decoration: none;
background: #FFF;
padding: 7px 14px 10px;
border-radius: 50%;
text-align: center;
font-size: 20px;
border: #186FB6 1px solid;
}
#page-top a:hover {
text-decoration: none;
background: #186FB6;
color: #fff;
}
.titlebar{
margin-bottom:1rem;
}
.titlebar h2{
padding: 30px 0 4px;
margin: 0 10px 0 0;
position: relative;
border-bottom: solid 1px #C7C3C3;
color: #333;
}
.titlebar .icn_comment{float:left; border-left:none; letter-spacing:3px; font-weight:bold;}
.titlebar .rbox {
position: absolute;
top: 16px;
right: 0;
line-height: 1;
}
.titlebar .rbox img{
margin-right: 5px;
}
.release,.release2{
display: table;
width: 100%;
}
.release li{padding-bottom: 1.4rem;}
.release div.top_news_date{
width: 10%;
min-width: 180px;
color: #444;
display: table-cell;
vertical-align: top;
padding: 0 5px 5px;
font-size: .875rem!important;
font-weight: bold;
}
.release div.top_news_title{
width: 80%;
display: table-cell;
vertical-align: top;
padding: 0 5px 5px;
}
.release2 li{padding-bottom: 1.2rem; margin-bottom: 2rem; border-bottom: 1px dotted #333;}
.release2 div.top_news_date{
color: #444;
display: block;
vertical-align: top;
padding: 0 5px 5px;
font-size: .875em!important;
font-weight: bold;
}
.release2 div.top_news_title{
display:block;
vertical-align: top;
padding: 0 5px 5px;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.header_area a{font-size: 1rem;}
.release div.top_news_date,.release div.top_news_title{width: 100%!important;display: block;}
}