@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
 font-family: 'Noto Sans Japanese', sans-serif;
 /*background-color: #ffffff;*/
 color: #0F1625;
}
img, video {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}
/*  スマホのみ改行　　*/
@media screen and (min-width: 600px) {
 .br-sp {
  display: none;
 }
}
@media screen and (max-width: 901px) {
 .br-pc {
  display: none;
 }
}
@media screen and (min-width: 895px) {
 .br-tb {
  display: none;
 }
}
/*  内部リンク用設定　　*/
html {
 scroll-padding-top: 70px; /* 固定ヘッダの高さ分 */
}
@media screen and (min-width: 900px) {
 html {
  scroll-padding-top: 90px;
 }
}
/*--  container ---------------------------------------*/
/*  sp　*/
.container {
 width: 96%;
 margin: 0 auto;
 /* background-color: darkgoldenrod;*/ /*  空間確認用　最後に削除*/
}
/*  PC   */
@media screen and (min-width: 900px) {
 .container {
  width: 91%;
  max-width: 1240px;
 }
}
/*--  リンク　　--------------------------------------*/
a {
 color: inherit;
 text-decoration: none;
}
a:hover {
 opacity: 0.8;
}
/* menu button  */
.sr-only {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}
/*--  ヘッダー ---------------------------------------*/
#header {
 border-bottom: #0F1625 solid 2px;
 background-color: transparent;
}
@media screen and (min-width:900px) {
 #header {
  border-bottom: #0F1625 solid 5px;
 }
}
#header .container {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 60px;
 padding: 13px 0;
}
@media screen and (min-width:900px) {
 #header .container {
  height: 90px;
  padding: 8px 20px;
 }
}
/*　ヘッダー：サイト名　*/
.site {
 width: 35%;
 /*max-width: 140px;*/
 height: auto;
}
@media screen and (min-width:900px) {
 .site {
  max-width: 427px;
 }
}
/*  ここに設定しないとスマホの時に固定されない　　*/
#header {
 /*  上部固定用　　*/
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 z-index: 10;
 /*background: rgba(255, 255, 255, 0.1);*/
}
/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed {
 position: fixed; /*fixedを設定して固定*/
 z-index: 999; /*最前面へ*/
 top: 0; /*位置指定*/
 left: 0; /*位置指定*/
 background: rgba(255, 255, 255, 0.9);
}
/*   フッター　---------------------------------------*/
.footer {
 background-color: #03989E;
 /* margin-top: 15px;*/
 padding: 15px 0;
}
.footer > .wrapper {
 display: block;
 margin: 0 auto;
 color: #ffffff;
 text-align: center;
}
.footer > .wrapper img {
 width: 220px;
 height: auto;
 padding-bottom: 10px;
}
.footer > .wrapper p {
 color: #ffffff;
 font-size: 12px;
 line-height: 2;
}
@media(min-width: 600px) {
 .footer > .wrapper img {
  padding-bottom: 22px;
 }
}