@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6{
color:#3c3c3c;
font-weight:normal;
font-family:"メイリオ", Meiryo, "Times New Roman", "游明朝",YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",serif; /* Mincho */
font-weight:300;
letter-spacing:0;
margin:0;
padding:0;
-webkit-text-size-adjust:100%;
}

body{
min-width:320px;
line-height:2;
font-size:100%;
word-wrap:break-word;
position:relative;
overflow-x:hidden;
}

@media screen and (max-width: 767px) {
body{
font-size:85%;
line-height:1.8;
}
}

img{
max-width:100%;
vertical-align:middle;
}

input{
padding:5px 8px;
}

textarea{
padding:3px;
}

ol{
margin:0px 0px 0px 21px;
}

ol > li{
list-style:decimal outside;
margin:0px 0px 3%;
}

a:link,
a:visited{
color:#3c3c3c;
text-decoration:underline;
outline:0;
}

a:hover,
a:active{
color:#5c5c5c;
text-decoration:none;
}

em{
font-style:normal;
font-weight:bold;
color:#3c3c3c;
}

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

/* --------------------------------------------------
 Wrapper
-------------------------------------------------- */
#wrapper{
width:100%;
}


/* --------------------------------------------------
 Header
-------------------------------------------------- */
#header{
width:100%;
position:relative;
box-sizing:border-box;
}

@media screen and (max-width: 480px) {
}


/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
width:100%;
position:relative;
z-index:1;
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
}



/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
background-color:#001441;
width:100%;
box-sizing:border-box;
}

#footer .copyright{
color:#fff;
text-align:center;
padding:2% 0;
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
}