body {
   width: 930px; /* 1080px */

  /*  センター寄せ  */
  margin-left: auto;
  margin-right: auto;
}
/* ---------------------------
    グリッドレイアウトに変更する
    ここからレイアウトを定義する
  -----------------------------*/
.container {             /* グリッドコンテナー */
  display: -ms-grid;
  display: grid;
  /* 横カラム */
  -ms-grid-columns: 930px;
  grid-template-columns: 930px;
  /* 縦の行 */
  -ms-grid-rows: 92px 60px 510px 1fr 150px;
  grid-template-rows: 92px 60px 510px 1fr 150px;
}
/* ---------------------------------
   グリッドアイテムを定義
   header main など
---------------------------------  */
.header {                /* グリッドアイテム */
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.menu {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}

.myslide {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
}

.contents {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 4;
  grid-row: 4;
}

.footer {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  grid-row: 5;
}

.container {
  background-color: white;
}

.header {
  display: flex;
  background: linear-gradient(to bottom, #4169e1, #e0ffff, white);
}

.logo {
  width: 80px;
  height: 79px;
  margin: 7px 0 5px 12px;
  background: #ffffff;
}

.cname {
  width: 440px;
  height: 79px;
  margin: 7px 0 5px 3px;
  padding-top: 1px;
}

.pmark {
  margin-top: 7px;
  margin-left: auto;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   スライド関係
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.swiper-container {
  height: 510px;
  margin: 0;
  padding-top: 1px;
}

.swiper-wrapper {
  -ms-align-items: stretch;
  align-items: stretch;
}

.swiper-slide {
  display: flex;
  justify-content: content;
  -ms-align-items: center;
  align-items: center;
  height: auto;
}

/* --------------------------------
   コンテンツ関係
----------------------------------*/
.contents {
  margin: 0;
  /* background-color: #f0f8ff; */
}

.contents h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.center-contents {
  margin: 0;
  display: flex;
  flex-direction: row;
}

.center-contents figure {
  margin: 0;
}
.center-contents figcaption {
  margin-left: 5px;
}

.featuretable {
  margin-top: 5px;
  margin-left: 20px;
}
.featuretable td {
  text-align: center;
}

.aside-left {
  width: 450px;
  margin-top: 25px;
  margin-right: 15px;
  margin-left: 50px;
}

.aside-left table {
  float: left;
}

.aside-left img {
/*  float: left; */
  margin-right: 4px;
  padding-right: 0px;
  border-radius: 4px;
  border: 1px solid #2f2f2f;
}

.news-content {
  /* border-left: 1px dashed #202020; */
}

.news-content {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.title {
  text-align: center;
}

.inquiry {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inquiry title {
  margin-bottom: 0px;
}

.inquiry p {
  margin-top: 0px;
  line-height: 1.5em;
}

.trove {
  margin-top: 40px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trove title {
  margin-bottom: 0px;
}

.trove p {
  margin-top: 0px;
  line-height: 1.5em;
}
/* ---------------------------------
  文字を影付にする
-----------------------------------*/
.contents-sub-header{
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  color: #dc143c;
  font-size: 1.5em;
  padding-top: 20px;
}

/* ---------------------------------
  newｓの文字を影付にする
-----------------------------------*/
.news-content h3 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  color: #0505FF;
  font-size: 1.5em;
}

/* ---------------------------------
  お問合せの文字を影付にする
-----------------------------------*/
.inquiry h3 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  color: #0505FF;
  font-size: 1.5em;
}

.trove h3 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  color: #0505FF;
  font-size: 1.5em;
}
.news-content {
  padding-top: 20px;
  padding-bottom: 0px;
}

/* 新年用 */
.nyword {
  padding-top: 0;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  color: #08088A; /*群青色;*/
  font-size: 1.3em;
}

.nypresident {
  padding-top: 0;
  padding-left: 800px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  text-align: justify;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  color: black; /*#0505FF;*/
}

/* .just {
  text-align: justify;
} */