@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');
/*------------------------------------base*/




body{
font-family: 'Noto Serif JP', serif;
font-size:100%
-webkit-text-size-adjust: none;
background: #efeff1
color:#000;		
/*
url("../img/bg.jpg") repeat-y center center;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
-ms-background-size:contain;
background-size:contain;
*/

}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inner{position:relative;padding: 0;	margin: 0 1em 5em 1em;z-index: 2}
.flex{display:flex; justify-content: space-between; flex-flow:row wrap;}

img{width:100%;height:auto;}
a{color:#0071ba; display:inline-block;
 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover{opacity:0.6;}


ul{margin:-1em 0 1em 1.5em;}

/* アスタリスク　注釈用 */
ul.ast {	list-style: none;font-size: 85%;line-height: 120%;margin:-1em 0 1.25em 0;text-align: left;}
ul.ast li {	margin: 0 0 5px 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #000;}
ul.ast li.red:before {	content: "\203b";	color: #000;}



/*------------------------------------*/


header{ position: relative;text-align: center;
padding:1em 0;margin:0 0 2em 0;
 background: url("../img/bg.jpg")  center center;

}
header h1{font-size:133%;font-weight:700;}
h2{font-size:122%;margin:2em 0 0.5em 0;font-weight:700;padding:0 0 0.5em 0;border-bottom:2px solid #d09815;}


p{margin:0 0 1.25em 0;}

.backhome {
	width:88%;
    margin: 3em auto 0 auto;
    text-align: center;
}
@media screen and (max-width: 320px) {
header h1{font-size:105%;}
	h2{font-size:105%;}
}

/* footer
================================================== */
footer{
padding:1em 0.5em 3em 0.5em;
text-align: center;
color:#fff;
	background: #000;
}

footer .baken{justify-content: center;margin:0 0 2em 0;font-size:75%;}
footer .baken a{justify-content: center;font-family: 'Noto Sans JP', sans-serif;color:#fff;text-decoration: none;}
footer .sepa{margin:0 0.5em }
footer .copyright{align-items: center;justify-content: space-between;}

footer a.jralogo{width:23%;margin:0 auto 1em auto;}



	

#copyright{font-size: 60%;font-weight:200;}


#totop {z-index: 100;
    position: fixed;
    bottom:0em;
    right: 1em;
}
#totop a {
    width: 40px;
    display: block;
}