@charset "utf-8";

body {
 background-color: black;
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 16px;
 height: 100%;
 line-height: 24px;
 margin: 0px;
 text-align: center;
 width: 100%;
 -webkit-text-size-adjust: 100%;
}

#white {
 background-color: white;
 width: 100%;
}

#white_in {
 margin-left: auto;
 margin-right: auto;
 overflow: hidden;
 width: 980px;
}

#main {
 float: left;
 padding-bottom: 4px;
 padding-top: 4px;
 width: 61.8%;
}

#main_in {
 margin-left: 16px;
 margin-right: 8px;
 text-align: left;
}

p {
 margin: 0px;
}

@font-face {
 font-family: 'NotoSansCJKjp';
 src: url('NotoSansCJKjp-Regular.woff') format('woff'),
 font-display: swap;
}

#google_font {
 font-family: 'Montserrat', sans-serif;
}

#link {
 color: black;
 text-decoration: none;
}

#link:hover {
 text-decoration: underline;
}

#text_small {
 font-size: 12px;
 line-height: 20px;
}

#text_big_notosans {
 border-bottom: solid 1px black;
 font-size: 32px;
 line-height: 36px;
}

#main_in_in {
 margin-top: 5px;
}

#text_big {
 border-bottom: solid 1px black;
 font-family: 'Montserrat', sans-serif;
 font-size: 40px;
 line-height: 48px;
}

#sub {
 float: right;
 padding-bottom: 4px;
 padding-top: 4px;
 width: 38.2%;
}

#sub_in {
 background-color: whitesmoke;
 margin: 72px 16px 4px 8px;
 padding-bottom: 4px;
 padding-top: 4px;
}

#sub_in_in {
 margin-left: 16px;
 margin-right: 16px;
 margin-top: 5px;
 text-align: left;
}

footer {
 color: white;
 font-family: 'Montserrat', sans-serif;
 font-size: 12px;
 line-height: 20px;
 padding-bottom: 4px;
 padding-top: 4px;
 width: 100%;
}

#logo_footer {
 height: 20px;
 margin-bottom: 4px;
 margin-top: 4px;
 vertical-align: bottom;
}

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

#white_in {
 width: calc(100% - 32px);
}

#main {
 width: 100%;
}

#main_in {
 margin-left: 0px;
 margin-right: 0px;
}

#sub {
 padding-top: 0px;
 width: 100%;
}

#sub_in {
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
}

}