@charset "utf-8";
/* CSS Document */

:root {
    font-size:16px;

/*	--color-headline-text	:#8d8d8d;*/

    --color-headline-text	:#604730;
    --color-headline-bg		:#b7e5f3;
    --color-table-border	:#999;

    --color-header-text		:#009fe8;
    --color-header-bg		:#b7e5f3;

    --color-main-bg			:#fff;

    --color-link-text	:#53ACE5;
    --color-link-hover	:#0261A4;

    --color-input-text-sample	:#999;

    --color-attention		:#c00;

    --color-ui-bg			:#00a19e; /* 01b1ae */
    --color-ui-shadow		:transparent;

    --color-ui-mono-bg		:#6f6f6f; /* a5a5a5  */
    --color-ui-mono-shadow	:transparent;

    --color-ui-text			:#fff;
}




* {
    margin:0;
    padding:0;
}

/* 基本 */
body{
    background-color: #fff;
    color:#555;
/*
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", sans-serif;
*/
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

    -webkit-text-size-adjust: 100%;
}

html {overflow-y:scroll;}

p,li,dt,dl {
    line-height:1.5;
}

p + p,
p + ul,
ul + p,
li + li {
    margin-top: 1em;
}

img {border:0;}

strong {color:#c00;}

em {
    font-style: normal;
    font-weight:bold;
}

a {
    color:var(--color-link-text);
    font-weight: bold;
    text-decoration:none;}

a:hover {
    color:var(--color-link-hover);
}

a:hover img{
    opacity: 0.7;
}

ul, ol {
    list-style-position: inside;
}

#main ul li,
#main ol li {
    padding-left: 1.25em;
    text-indent: -1.33em;
}
/*
#main ul.attention li {
    padding-right: 0.75em;
    margin-left: -0.375em;
}
*/
ul.attention li,
ol.list_float_contents li {
    list-style: none;
}

ul.attention li:before,
span.attention:before {
    content:"※";
    color:#c00;

    padding-right:0.75em;
    margin-left:-0.375em;
}


table, tr, th, td {
    border:1px solid var(--color-table-border);
}

table {
    border-collapse: collapse;
    margin: 1rem auto;
}

summary {
    text-align: center;
}

th, td {
    padding: 0.25em 0.5em;
}

th {
    font-weight: normal;
}

td {
    font-weight: bold;
}

summary, th {
    color: var(--color-headline-text);
}

.clear {
    display: block;
    clear:both;
    height: 0;
    line-height: 0;
}

.red{
    color:var(--color-attention);
    font-weight:bold;
}

/* 見出し */

h1 {font-size:1.5rem;}
h2 {font-size:1.33rem;}
h3 {font-size:1.13rem;}
h4 {font-size:1rem;}
h5 {font-size:0.875rem;}
h6 {font-size:0.774rem;}

h2,h3,h4,h5,h6 {
    margin-top: 2em;
    margin-bottom: 1em;

    color: var(--color-headline-text);
}

h2 {
    padding: 1em 0;
    margin-top:3rem;
    margin-bottom: 1rem;
    text-align: center;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7e5f3+1,ffffff+33,ffffff+67,b7e5f3+100 */
background: #f4ece0; /* Old browsers */
background: -moz-linear-gradient(top,  #f4ece0 1%, #ffffff 33%, #ffffff 67%, #f4ece0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4ece0 1%,#ffffff 33%,#ffffff 67%,#f4ece0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4ece0 1%,#ffffff 33%,#ffffff 67%,#f4ece0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ece0', endColorstr='#f4ece0',GradientType=0 ); /* IE6-9 */

}

h2 + h3 {
    margin-top: 0;
}

h3 {
    border-top:0.0625em solid var(--color-headline-bg);
    padding-top: 0.5em;
}

section h3:first-child {
    border-top:none;
}

p + p,
p + .paragraph,
.paragraph + p,
.paragraph + .paragraph {
    margin-top:1em;
}

.paragraph.with_list ul,
.paragraph.with_list ol,
.paragraph.with_list li {
    display: inline-block;
}


.wrap_link {
    text-align: right;
}

.buttons {
    width: 100%;
    text-align: center;
}

.buttons a {
    position: relative;
    display: inline-block;
    color:#fff;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#81decb+0,0a927a+100 */
background: rgb(129,222,203); /* Old browsers */
background: -moz-linear-gradient(bottom,  rgba(129,222,203,1) 0%, rgba(10,146,122,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(129,222,203,1) 0%,rgba(10,146,122,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(129,222,203,1) 0%,rgba(10,146,122,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a927a', endColorstr='#81decb',GradientType=0 ); /* IE6-9 */

    border: 0.125rem solid #0c6458;
    border-radius: 1rem;
    font-size: 2rem;
    padding: 0.5em 1em;

    text-shadow:
    0 -.0625rem 0 #0c6458,
    -.0625rem 0 0 #0c6458,
    0 .0625rem 0 #0c6458,
    .0625rem 0 0 #0c6458,

    0 0 .0625rem #0c6458,
    0 0 .0625rem #0c6458,
    0 0 .0625rem #0c6458,

    0 .0625rem .33rem #0c6458,
    0 .125rem .33rem #0c6458,
    0 .1875rem .33rem #0c6458
    ;

    box-shadow: 0.25rem 0.25rem 1rem rgba(0,0,0,0.25);
}

.buttons a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    width: calc(100% - 1rem);
    height: 16%;
    margin: 0 0.5rem;
    border-radius: 1rem;
    background: rgba(255,255,255,0.33);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.25) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.25) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.25) 100%);
}


#schedule {
    overflow: hidden;
}

#news {
    overflow-x: hidden;
    overflow-y: scroll;
}


.wrap_text > img {
    display: block;
    width: 100%;
}

.wrap_text_in,
.wrap_text > img {
    display: grid;
    place-items: center left;
}

.wrap_img {
    display: grid;
    place-items: center;
}

.wrap_text_in p,
.wrap_text_in h3
 {
    width: 100%;
}

.before_h2 {
    margin-bottom: 3rem;
}

.after_h2 {
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}