@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap");
/*変数(ブレイクポイント)設定(必要に応じて数値を変更)*/
/*------------------------------------------------------------------------------*/
/* 全体設定 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  list-style-type: none;
  -webkit-text-size-adjust: 100%;
  border: none; }

img, a img {
  border: none;
  vertical-align: text-bottom;
  -ms-interpolation-mode: bicubic;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  border: none; }

/*画像リンク関連*/
a:active, a:focus {
  outline: none;
  border: none; }

a img {
  border: none;
  outline: none; }

img {
  padding: 0px;
  margin: 0px;
  border: none;
  outline: none; }

/*=====================================================================================================================*/
/*ボディー全体設定*/
html {
  overflow: auto; }

html, body {
  width: 100%; }

body {
  background: #FFF;
  outline: none;
  min-width: 100%;
  overflow: hidden; }

area {
  border: none;
  outline: none; }

a.modal {
  outline: none;
  border: none; }

a {
  text-decoration: none;
  outline: none;
  border: none; }

input[type="text"]:focus {
  outline: 0;
  border-color: orange; }

@media screen and (max-width: 1024px) {
  .pc {
    display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 1024px) {
    .sp {
      display: block; } }

/*フォント設定*/
.red {
  color: #FF0000; }

.redB {
  color: #FF0000;
  font-weight: bold; }

.blue {
  color: #0000FF; }

.blueB {
  color: #0000FF;
  font-weight: bold; }

.yellow {
  color: #FFB730; }

.yellowB {
  color: #FFB730;
  font-weight: bold; }

/*リンク設定*/
a {
  /*リンクされた文字*/
  color: 0000ff;
  font-style: normal;
  text-decoration: underline; }

a:link {
  /*未訪問のリンク*/
  color: 0000ff;
  font-style: normal;
  text-decoration: underline; }

a:visited {
  /*訪問後のリンク*/
  color: #934C7B;
  text-decoration: none; }

a:hover {
  /*マウスをのせたとき*/
  color: #ff0000;
  font-style: normal;
  text-decoration: none; }

a:active {
  /*クリック中*/
  text-decoration: none; }

/*=====================================================================================================================*/
/**/
#container {
  width: 760px;
  max-width: 98%;
  margin: auto;
  padding: 0;
  border-left: solid 1px #6a84b9;
  border-right: solid 1px #6a84b9;
  text-align: center;
  overflow: hidden; }

.cntn {
  color: #000000;
  line-height: 150%;
  padding: 5px 30px;
  font-size: 12px;
  text-align: left; }

.sbt_00 {
  background-color: #1d50b8;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 10px;
  margin: 10px 0px;
  font-size: 16px; }

h1 {
  text-align: center;
  color: #000000;
  margin: 25px auto;
  font-size: 30px;
  font-weight: bold;
  max-width: 90%; }

.obi {
  background: #09F;
  color: #FFFFFF;
  padding: 2px 3px;
  margin-left: 15px; }

.mail_img {
  width: 130px; }

#footer {
  background: #2158c9;
  color: #CCC;
  margin: 0;
  padding: 5px 10px;
  font-size: 10px; }

#footer p {
  color: white;
  padding: 5px;
  margin: 0;
  text-align: center;
  font-size: 10px; }

input[type="image"] {
  margin: 5px 20px; }

/*=====================================================================================================================*/
/*================================================================================*/