@charset "UTF-8";

p, div {
text-align: justify;
text-justify:
inter-ideograph;
line-height: 1.8em;
font-feature-settings: "palt";
}

a:link { 
text-decoration: none; 
color: #002e66;
}
a:visited { 
text-decoration: none; 
color: #002e66;
}
a:hover { 
text-decoration: none; 
color: #660500;
}
a:active { 
text-decoration: none; 
color: #660500;
}

h1 {
margin-top: 20px;
position: relative;
color: #002e66;
padding: 0.5rem 2rem;
border-bottom: 3px solid #002e66;
border-left: 3px solid #002e66;
border-radius: 0 0 0 10px;
}

h2 {
position: relative;
color: #002e66;
padding: 0.5rem 2rem;
border-bottom: 2px solid #002e66;
}
h3 {
position: relative;
color: #002e66;
padding: 0.5rem 2rem;
border-bottom: 1px solid #002e66;
}
h4 {

}
p.body1 {
line-height: 1.8em;
padding: 0.5rem 2rem 0.5rem 2rem;
text-align: justify;
text-justify: auto;
}
p.body2 {
line-height: 1.8em;
padding: 0.5rem 2rem 0 2rem;
text-align: justify;
text-justify: auto;
margin-bottom: 0;
padding-bottom: 0;
}
p.backnumber {
border: 1px solid #666;
margin: 0.5rem 2rem 0.5rem 2rem;
padding: 0.5rem 0;
text-align: center;
}
p.regulations1 {
line-height: 1.8em;
text-indent: -1em;
padding-left: 1em;
text-align: justify;
text-justify: auto;
margin-bottom: 0;
}
p.regulations2 {
line-height: 1.8em;
text-indent: -1em;
padding-left: 2em;
text-align: justify;
text-justify: auto;
margin-bottom: 0;
}
p.regulations3 {
line-height: 1.8em;
text-indent: -1em;
padding-left: 3em;
text-align: justify;
text-justify: auto;
margin-bottom: 0;
}
p.regulations4 {
line-height: 1.8em;
text-indent: -2em;
padding-left: 5em;
text-align: justify;
text-justify: auto;
margin-bottom: 0;
}
p.regulations5 {
line-height: 1.8em;
padding-left: 1.8em;
text-align: justify;
text-justify: auto;
margin-bottom: 0;
}
/*
■#001e43 ■#353b42 ■#283442 ■#1b2c42 ■#0d2542 ■#001e43
*/
.nav-item, .dropdown-item {
font-size: 87%;
}

.panel1 {
border: 1px solid #666;
border-radius: 8px;
text-align: center;
padding: 10px 0;
}

h3.accordion-header {
border: none;
}
.accordion-button {
background-color: #eee;
}
.accordion-body {
padding: 0.5rem 3rem;
}
.accordion-button:focus {
box-shadow:none;
}
.mokuji {
text-align: center;
}
.ronbun {
padding-bottom: 0.5em;
border-bottom: 1px solid #ccc;
}
ul.rule{
margin: 0 2em;
list-style-type: none;
}
ul.rule2{
margin: 0;
list-style-type: none;
}
.baai {
margin-bottom: 0;
padding-bottom: 0;
}
.bt6 {
text-align: center;
}

.accordion-button:not(.collapsed){
color:#002e66;background-color:#bcc7d7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)
}
.add-tel {
padding: 0.7em 0;
font-size: 87%;
background-color: #8da0b6;
color: #192f60;
text-align: center;
}
hr.add {
margin: 10px 15px;
border-top: 1px solid #fff;
}

.footer {
padding: 1.25em 0 2em 0;
font-size: 87%;
background-color: #001733;
color: #fff;
text-align: center;
}

.essay-title {
line-height: 1.8em;
}
.essay-body{
line-height: 1.8em;
margin-bottom: 20px;
}

.info-box {
margin: 20px;
padding: 20px;
border: 1px solid #001733;
}
.info-title {
font-size: 120%;
font-weight: bold;
border-bottom: 1px solid #001733;
}
table.info-table1 {
margin-left: 50px;
margin-bottom: 15px;
}
table.info-table1 th {
font-weight: normal;
padding-right: 1em;
white-space: nowrap;
vertical-align: top;
}
.info-text1 {
margin-left: 70px;
}
.info-text2 {
margin-left: 50px;
margin-bottom: 0;
}
@media screen and (min-width:768px){
.info-box {
max-width: 768px;
margin: 20px auto;
}
.info-title {
font-size: 120%;
font-weight: bold;
border-bottom: 1px solid #001733;
}
}
.junbi {
background:#ddd url(img/junbi.png) no-repeat center center;
background-size:cover;
text-align: center;
color: #fff;
font-size: 160%;
line-height: 400px;
height: 400px;
}

.btn-outline-primary {
    background: #fff; //ボタンの背景色
    color: #222; //ボタンのテキストの色
}

.btn-outline-primary:hover, .btn-outline-primary:focus, 
.btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .btn-outline-primary:active.focus,
.btn-outline-primary.active, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary.active.focus,
.open > .dropdown-toggle.btn-outline-primary, 
.open > .dropdown-toggle.btn-outline-primary:hover,
.open > .dropdown-toggle.btn-outline-primary:focus, 
.open > .dropdown-toggle.btn-outline-primary.focus,
.btn-outline-primary.disabled:hover, .btn-outline-primary[disabled]:hover, fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus, .btn-outline-primary[disabled]:focus, fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled.focus, .btn-outline-primary[disabled].focus, fieldset[disabled] .btn-outline-primary.focus {
    background: #00533f; //ボタンの上にポインタを持ってきたり、クリックしたりした時の背景色
    color: #fff; //ボタンの上にポインタを持ってきたり、クリックしたりした時のテキストの色
}

.btn-outline-primary.outline {
    border: 3px solid #00533f; //アウトラインのみのボタンの線の色
    color: #222; //アウトラインのみのボタンのテキストの色
}
.limit {
font-size: 140%;
}

.ind3 {
padding-left: 3em; 
}