@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
/*------------------------------------base*/
body{
font-family: 'Noto Sans JP', sans-serif;
font-size:100%;
color:#000;	
text-align: left;
background: #e9f2ed url("../img/first_footer_bg.jpg") no-repeat center bottom;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
-ms-background-size:contain;
background-size:contain;	
	
padding:0 0 25vw 0;	
position: relative;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inner{position:relative;max-width:1000px;	padding:0 2em;	margin: 0 auto 5em auto;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.ast {	list-style: none;font-size: 90%;margin: 10px 0 0 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_upper{padding:0.75em;position: absolute;margin:auto;left:0;right:0;top:0;z-index: 1}
#header_upper .inner{justify-content: space-between;z-index:1;}
#logo{width:77px;}


header{ text-align: center;
background: #e9f2ed url("../img/title_bg.jpg") no-repeat center bottom;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;
padding:2em 1em;
margin:0 0 5em 0;
}
header h1{margin:auto;font-size:155%;color:#fff;font-weight:700;}


h2{color:#009245;font-size:111%;margin:1em 0 0.25em 0;font-weight:700;}



/* footer
================================================== */
footer{
position:absolute;
bottom:1em;
width:100%;
text-align: center;
}



footer .inner{align-items: center;justify-content: space-between;margin:0 auto;}

footer a{width:77px;}
#copyright{ font-size: 90%;font-weight:200;}


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