@charset "UTF-8";
/*ファイルインポート*/
/*変数*/
/*色の変数*/
/*font*/
/*FONTサイズ vw 計算*/
/*24px　相当*/
/*16px　相当*/
/*8px　相当*/
/*contentsサイズ*/
/*ブレイクポイント*/
/*モバイルメニューレイアウト*/
/*モバイルメニューレイアウト*/
@font-face {
  font-family: 'NotoSansCJKjpBlack';
  src: url("../font/NotoSansCJKjpBlack.otf"); }
@font-face {
  font-family: 'NotoSansCJKjpBold';
  src: url("../font/NotoSansCJKjpBold.otf"); }
@font-face {
  font-family: 'NotoSansCJKjpDemiLight';
  src: url("../font/NotoSansCJKjpDemiLight.otf"); }
@font-face {
  font-family: 'NotoSansCJKjpLight';
  src: url("../font/NotoSansCJKjpLight.otf"); }
@font-face {
  font-family: 'NotoSansCJKjpMedium';
  src: url("../font/NotoSansCJKjpMedium.otf"); }
@font-face {
  font-family: 'NotoSansCJKjpRegular';
  src: url("../font/NotoSansCJKjpRegular.otf"); }
@font-face {
  font-family: 'NotoSansCJKjpThin';
  src: url("../font/NotoSansCJKjpThin.otf"); }
@font-face {
  font-family: 'DINBold';
  src: url("../font/DINBold.ttf"); }
@font-face {
  font-family: 'DINOTMedium';
  src: url("../font/DINOTMedium.otf"); }
@font-face {
  font-family: 'hirakakuW3';
  src: url("../font/hirakakuW3.otf"); }
html {
  font-size: 80%; }

@media screen and (max-width: 1400px) {
  html {
    font-size: 80%; } }
@media screen and (max-width: 1000px) {
  html {
    font-size: 60%; } }
@media screen and (max-width: 768px) {
  html {
    font-size: 80%; } }
@media screen and (max-width: 480px) {
  html {
    font-size: 70%; } }
* {
  font-family: "NotoSansCJKjpRegular", sans-serif;
  font-weight: normal;
  box-sizing: border-box; }

body {
  color: #646464;
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
  overflow-y: scroll; }

.container {
  width: 100%;
  margin: auto;
  overflow: hidden; }

div, section, article {
  box-sizing: border-box; }

ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
  ul li, ul dt, ul dd, ol li, ol dt, ol dd, dl li, dl dt, dl dd {
    box-sizing: border-box; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

img {
  display: block;
  outline: none; }

*:focus {
  outline: none; }

h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0; }

.dspnone {
  display: none !important; }

.sp {
  display: none !important; }

.kerning {
  letter-spacing: -0.4em; }

.mt0 {
  margin-top: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mt110 {
  margin-top: 110px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.ml110 {
  margin-left: 110px !important; }

.mr110 {
  margin-right: 110px !important; }

.pt110 {
  padding-top: 110px !important; }

.pb110 {
  padding-bottom: 110px !important; }

.mt120 {
  margin-top: 120px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.ml120 {
  margin-left: 120px !important; }

.mr120 {
  margin-right: 120px !important; }

.pt120 {
  padding-top: 120px !important; }

.pb120 {
  padding-bottom: 120px !important; }

.mt130 {
  margin-top: 130px !important; }

.mb130 {
  margin-bottom: 130px !important; }

.ml130 {
  margin-left: 130px !important; }

.mr130 {
  margin-right: 130px !important; }

.pt130 {
  padding-top: 130px !important; }

.pb130 {
  padding-bottom: 130px !important; }

.mt140 {
  margin-top: 140px !important; }

.mb140 {
  margin-bottom: 140px !important; }

.ml140 {
  margin-left: 140px !important; }

.mr140 {
  margin-right: 140px !important; }

.pt140 {
  padding-top: 140px !important; }

.pb140 {
  padding-bottom: 140px !important; }

.mt150 {
  margin-top: 150px !important; }

.mb150 {
  margin-bottom: 150px !important; }

.ml150 {
  margin-left: 150px !important; }

.mr150 {
  margin-right: 150px !important; }

.pt150 {
  padding-top: 150px !important; }

.pb150 {
  padding-bottom: 150px !important; }

.mt160 {
  margin-top: 160px !important; }

.mb160 {
  margin-bottom: 160px !important; }

.ml160 {
  margin-left: 160px !important; }

.mr160 {
  margin-right: 160px !important; }

.pt160 {
  padding-top: 160px !important; }

.pb160 {
  padding-bottom: 160px !important; }

.mt170 {
  margin-top: 170px !important; }

.mb170 {
  margin-bottom: 170px !important; }

.ml170 {
  margin-left: 170px !important; }

.mr170 {
  margin-right: 170px !important; }

.pt170 {
  padding-top: 170px !important; }

.pb170 {
  padding-bottom: 170px !important; }

.mt180 {
  margin-top: 180px !important; }

.mb180 {
  margin-bottom: 180px !important; }

.ml180 {
  margin-left: 180px !important; }

.mr180 {
  margin-right: 180px !important; }

.pt180 {
  padding-top: 180px !important; }

.pb180 {
  padding-bottom: 180px !important; }

.mt190 {
  margin-top: 190px !important; }

.mb190 {
  margin-bottom: 190px !important; }

.ml190 {
  margin-left: 190px !important; }

.mr190 {
  margin-right: 190px !important; }

.pt190 {
  padding-top: 190px !important; }

.pb190 {
  padding-bottom: 190px !important; }

.mt200 {
  margin-top: 200px !important; }

.mb200 {
  margin-bottom: 200px !important; }

.ml200 {
  margin-left: 200px !important; }

.mr200 {
  margin-right: 200px !important; }

.pt200 {
  padding-top: 200px !important; }

.pb200 {
  padding-bottom: 200px !important; }

@media screen and (max-width: 768px) {
  .mt0 {
    margin-top: 0px !important; }

  .mb0 {
    margin-bottom: 0px !important; }

  .ml0 {
    margin-left: 0px !important; }

  .mr0 {
    margin-right: 0px !important; }

  .pt0 {
    padding-top: 0px !important; }

  .pb0 {
    padding-bottom: 0px !important; }

  .mt10 {
    margin-top: 5px !important; }

  .mb10 {
    margin-bottom: 5px !important; }

  .ml10 {
    margin-left: 5px !important; }

  .mr10 {
    margin-right: 5px !important; }

  .pt10 {
    padding-top: 5px !important; }

  .pb10 {
    padding-bottom: 5px !important; }

  .mt20 {
    margin-top: 10px !important; }

  .mb20 {
    margin-bottom: 10px !important; }

  .ml20 {
    margin-left: 10px !important; }

  .mr20 {
    margin-right: 10px !important; }

  .pt20 {
    padding-top: 10px !important; }

  .pb20 {
    padding-bottom: 10px !important; }

  .mt30 {
    margin-top: 15px !important; }

  .mb30 {
    margin-bottom: 15px !important; }

  .ml30 {
    margin-left: 15px !important; }

  .mr30 {
    margin-right: 15px !important; }

  .pt30 {
    padding-top: 15px !important; }

  .pb30 {
    padding-bottom: 15px !important; }

  .mt40 {
    margin-top: 20px !important; }

  .mb40 {
    margin-bottom: 20px !important; }

  .ml40 {
    margin-left: 20px !important; }

  .mr40 {
    margin-right: 20px !important; }

  .pt40 {
    padding-top: 20px !important; }

  .pb40 {
    padding-bottom: 20px !important; }

  .mt50 {
    margin-top: 25px !important; }

  .mb50 {
    margin-bottom: 25px !important; }

  .ml50 {
    margin-left: 25px !important; }

  .mr50 {
    margin-right: 25px !important; }

  .pt50 {
    padding-top: 25px !important; }

  .pb50 {
    padding-bottom: 25px !important; }

  .mt60 {
    margin-top: 30px !important; }

  .mb60 {
    margin-bottom: 30px !important; }

  .ml60 {
    margin-left: 30px !important; }

  .mr60 {
    margin-right: 30px !important; }

  .pt60 {
    padding-top: 30px !important; }

  .pb60 {
    padding-bottom: 30px !important; }

  .mt70 {
    margin-top: 35px !important; }

  .mb70 {
    margin-bottom: 35px !important; }

  .ml70 {
    margin-left: 35px !important; }

  .mr70 {
    margin-right: 35px !important; }

  .pt70 {
    padding-top: 35px !important; }

  .pb70 {
    padding-bottom: 35px !important; }

  .mt80 {
    margin-top: 40px !important; }

  .mb80 {
    margin-bottom: 40px !important; }

  .ml80 {
    margin-left: 40px !important; }

  .mr80 {
    margin-right: 40px !important; }

  .pt80 {
    padding-top: 40px !important; }

  .pb80 {
    padding-bottom: 40px !important; }

  .mt90 {
    margin-top: 45px !important; }

  .mb90 {
    margin-bottom: 45px !important; }

  .ml90 {
    margin-left: 45px !important; }

  .mr90 {
    margin-right: 45px !important; }

  .pt90 {
    padding-top: 45px !important; }

  .pb90 {
    padding-bottom: 45px !important; }

  .mt100 {
    margin-top: 50px !important; }

  .mb100 {
    margin-bottom: 50px !important; }

  .ml100 {
    margin-left: 50px !important; }

  .mr100 {
    margin-right: 50px !important; }

  .pt100 {
    padding-top: 50px !important; }

  .pb100 {
    padding-bottom: 50px !important; }

  .mt110 {
    margin-top: 55px !important; }

  .mb110 {
    margin-bottom: 55px !important; }

  .ml110 {
    margin-left: 55px !important; }

  .mr110 {
    margin-right: 55px !important; }

  .pt110 {
    padding-top: 55px !important; }

  .pb110 {
    padding-bottom: 55px !important; }

  .mt120 {
    margin-top: 60px !important; }

  .mb120 {
    margin-bottom: 60px !important; }

  .ml120 {
    margin-left: 60px !important; }

  .mr120 {
    margin-right: 60px !important; }

  .pt120 {
    padding-top: 60px !important; }

  .pb120 {
    padding-bottom: 60px !important; }

  .mt130 {
    margin-top: 65px !important; }

  .mb130 {
    margin-bottom: 65px !important; }

  .ml130 {
    margin-left: 65px !important; }

  .mr130 {
    margin-right: 65px !important; }

  .pt130 {
    padding-top: 65px !important; }

  .pb130 {
    padding-bottom: 65px !important; }

  .mt140 {
    margin-top: 70px !important; }

  .mb140 {
    margin-bottom: 70px !important; }

  .ml140 {
    margin-left: 70px !important; }

  .mr140 {
    margin-right: 70px !important; }

  .pt140 {
    padding-top: 70px !important; }

  .pb140 {
    padding-bottom: 70px !important; }

  .mt150 {
    margin-top: 75px !important; }

  .mb150 {
    margin-bottom: 75px !important; }

  .ml150 {
    margin-left: 75px !important; }

  .mr150 {
    margin-right: 75px !important; }

  .pt150 {
    padding-top: 75px !important; }

  .pb150 {
    padding-bottom: 75px !important; }

  .mt160 {
    margin-top: 80px !important; }

  .mb160 {
    margin-bottom: 80px !important; }

  .ml160 {
    margin-left: 80px !important; }

  .mr160 {
    margin-right: 80px !important; }

  .pt160 {
    padding-top: 80px !important; }

  .pb160 {
    padding-bottom: 80px !important; }

  .mt170 {
    margin-top: 85px !important; }

  .mb170 {
    margin-bottom: 85px !important; }

  .ml170 {
    margin-left: 85px !important; }

  .mr170 {
    margin-right: 85px !important; }

  .pt170 {
    padding-top: 85px !important; }

  .pb170 {
    padding-bottom: 85px !important; }

  .mt180 {
    margin-top: 90px !important; }

  .mb180 {
    margin-bottom: 90px !important; }

  .ml180 {
    margin-left: 90px !important; }

  .mr180 {
    margin-right: 90px !important; }

  .pt180 {
    padding-top: 90px !important; }

  .pb180 {
    padding-bottom: 90px !important; }

  .mt190 {
    margin-top: 95px !important; }

  .mb190 {
    margin-bottom: 95px !important; }

  .ml190 {
    margin-left: 95px !important; }

  .mr190 {
    margin-right: 95px !important; }

  .pt190 {
    padding-top: 95px !important; }

  .pb190 {
    padding-bottom: 95px !important; }

  .mt200 {
    margin-top: 100px !important; }

  .mb200 {
    margin-bottom: 100px !important; }

  .ml200 {
    margin-left: 100px !important; }

  .mr200 {
    margin-right: 100px !important; }

  .pt200 {
    padding-top: 100px !important; }

  .pb200 {
    padding-bottom: 100px !important; } }
@media screen and (max-width: 768px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; } }
a {
  text-decoration: none;
  color: #646464;
  transition: opacity 0.5s 0s ease-out;
  -webkit-transition: opacity 0.5s 0s ease-out;
  -o-transition: opacity 0.5s 0s ease-out; }
a:hover {
  transition: opacity 0.5s 0s ease-out;
  -webkit-transition: opacity 0.5s 0s ease-out;
  -o-transition: opacity 0.5s 0s ease-out; }
/**a:hover {
  filter: alpha(opacity=70);
  opacity: .7;
  transition: opacity 0.5s 0s ease-out;
  -webkit-transition: opacity 0.5s 0s ease-out;
  -o-transition: opacity 0.5s 0s ease-out; }**/
  a:hover img {
    filter: alpha(opacity=70);
    opacity: .7;
    transition: opacity 0.5s 0s ease-out;
    -webkit-transition: opacity 0.5s 0s ease-out;
    -o-transition: opacity 0.5s 0s ease-out; }
  a:hover p {
    filter: alpha(opacity=70);
    opacity: .7;
    transition: opacity 0.5s 0s ease-out;
    -webkit-transition: opacity 0.5s 0s ease-out;
    -o-transition: opacity 0.5s 0s ease-out; }

.pcB { display: inherit; }
.spB { display: none; }
@media all and (max-width: 480px) {
.pcB { display: none; }
.spB { display: inherit; } }
  
.opacity0 {
  opacity: 0;
  position: relative; }

.opacity100 {
  opacity: 1;
  animation: opacity100 0.3s linear 0s; }

.loading {
  opacity: 1;
  animation: loading 1.8s infinite ease-in-out both; }

.img_anime {
  opacity: 1;
  animation: marker 4.8s infinite; }

.flexpage {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

@keyframes opacity100 {
  0% {
    opacity: 0;
    top: 20px; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    top: 0; } }
@keyframes loading {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"] {
  border: 1px solid #dddddd;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1rem;
  outline: none !important;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  border-radius: 4px; }

textarea {
  border-radius: 4px;
  border: 1px solid #dddddd;
  height: 100px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  outline: none !important;
  box-sizing: border-box;
  width: 100%; }

select {
  border-radius: 4px;
  border: 1px solid #dddddd;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  outline: none !important;
  box-sizing: border-box; }

.blockUI img {
  display: inline; }

.error {
  color: red;
  display: block;
  margin-top: 10px; }

body {
  width: 100%;
  background: rgba(179,228,243,1);
background: -moz-linear-gradient(top, rgba(179,228,243,1) 0%, rgba(238,249,251,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,228,243,1)), color-stop(100%, rgba(238,249,251,1)));
background: -webkit-linear-gradient(top, rgba(179,228,243,1) 0%, rgba(238,249,251,1) 100%);
background: -o-linear-gradient(top, rgba(179,228,243,1) 0%, rgba(238,249,251,1) 100%);
background: -ms-linear-gradient(top, rgba(179,228,243,1) 0%, rgba(238,249,251,1) 100%);
background: linear-gradient(to bottom, rgba(179,228,243,1) 0%, rgba(238,249,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e4f3', endColorstr='#eef9fb', GradientType=0 );}

.container {
  width: 100%;
  max-width: 100%;
  background-image: url("../img/bg01.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto; }

header {
  background-color: rgba(242, 250, 251, 0.8);
  width: 100%; }
  header .header-logoarea {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0; }
    header .header-logoarea__img {
      width: 31.3vw;
      max-width: 673px; }
      header .header-logoarea__img img {
        width: 100%; }
    header .header-logoarea__menu__list {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      header .header-logoarea__menu__list li {
        margin-left: 10px; }
        header .header-logoarea__menu__list li a {
          display: block;
          border: 1px solid #518294;
          border-radius: 20px;
          font: 400 0.9rem "NotoSansCJKjpRegular", sans-serif;
          color: #518294;
          padding: 1px 10px 2px; }
		  header .header-logoarea__menu__list li a:hover { background: #518294; color: #fff; }
  header .header-naviarea {
    position: relative;
    background-color: #8db7c6;
    box-shadow: 0px 9px 10px -10px rgba(0, 0, 0, 0.35); }
    header .header-naviarea .header-nav {
      width: calc(100% - 40px);
      max-width: 1624px;
      margin: auto; }
      header .header-naviarea .header-nav-list {
        display: flex;
        justify-content: space-between; }
        header .header-naviarea .header-nav-list__link {
          width: 100%;
          padding: 11px;
		  box-sizing: border-box;
		  position: relative; }
          
          @media screen and (min-width: 769px) {
           header .header-naviarea .header-nav-list__link:after { content: ""; position: absolute; height: 60%; width: 1px; background: #fff; top: 20%; right: 0; }
           header .header-naviarea .header-nav-list__link > a:hover { background: #fff; color: #518294; }
           header .header-naviarea .header-nav-list__link:last-child a { border-right: none; }
          header .header-naviarea .header-nav-list__link a {
            display: block;
            text-align: center;
            font: 400 1.25rem "NotoSansCJKjpMedium", sans-serif;
            color: #fff;
			padding: 4px;
			border-radius: 4px;
			position: relative; } }

@media screen and (max-width: 768px) {
  .spacer {
    height: 70px; }

  header {
    height: 70px;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 10000; }
    header .header-logoarea {
      padding: 15px 0; }
      header .header-logoarea__img {
        width: 240px; }
        header .header-logoarea__img img {
          width: 100%; }
    header .header-naviarea {
      background-color: transparent;
      position: relative; }
      header .header-naviarea .header-nav {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        height: auto;
        max-height: 0;
        overflow: hidden;
        width: 80%;
        min-width: 300px;
        margin: auto;
        transition: all 0.5s cubic-bezier(0, 0, 0, 1); }
        header .header-naviarea .header-nav-list {
          display: block;
          background-color: #518294; }
          header .header-naviarea .header-nav-list__link {
            width: 100%;
            padding: 0;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff; }
            header .header-naviarea .header-nav-list__link a {
              padding: 7px 20px;
              display: block;
              text-align: left;
              font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
              color: #fff;
              border-right: none; }
          header .header-naviarea .header-nav-list__link:last-child a {
            border-right: none; }
        header .header-naviarea .header-nav-otherlist {
          display: flex !important;
          justify-content: space-between;
          flex-wrap: wrap;
          background-color: #c8dce2; }
          header .header-naviarea .header-nav-otherlist__link {
            width: 50%;
            padding: 0;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff; }
            header .header-naviarea .header-nav-otherlist__link a {
              padding: 7px 20px;
              display: block;
              text-align: left;
              font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
              color: #518294;
              border-right: none; }
          header .header-naviarea .header-nav-otherlist__link:last-child a {
            border-right: none; }
      header .header-naviarea .open {
        max-height: 1000px;
        transition: all 0.5s cubic-bezier(0, 0, 0, 1); } }
@media screen and (max-width: 768px) {
  header {
    position: relative; }
    header #nav__btn {
      position: absolute;
      display: block;
      top: 50%;
      right: 5.33vw;
      transform: translate(0, -50%);
      height: 35px;
      width: 42px;
      cursor: pointer;
      pointer-events: auto;
      z-index: 2;
      z-index: 15001;
      background-color: #c7dce2;
      border-radius: 4px; }
    header #nav__btn i,
    header #nav__btn::after,
    header #nav__btn::before {
      position: absolute;
      right: 7px;
      top: 0;
      content: '';
      background-color: #518294;
      height: 3px;
      width: 27px;
      -webkit-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out;
      cursor: pointer; }
    header .open #nav__btn {
      position: absolute;
      top: 2vw;
      right: 5.33vw; }
    header #nav__btn::before {
      top: 7.5px; }
    header #nav__btn i {
      top: 15.5px; }
    header #nav__btn::after {
      top: 23.5px; }
    header .open#nav__btn::before {
      top: 16px;
      width: 27px;
      background-color: #518294;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    header .open#nav__btn > i {
      opacity: 0; }
    header .open#nav__btn::after {
      top: 16px;
      width: 27px;
      background-color: #518294;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); } }
footer .footer-top {
  width: 100%;
  background-color: #dff4f8; }
  footer .footer-top-link {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    footer .footer-top-link li {
      padding: 10px 0; }
      footer .footer-top-link li a {
        display: block;
        padding: 0 20px;
        text-align: center;
        border-right: 1px solid #518294;
        font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
        color: #518294; }
footer .footer-middle {
  width: 100%;
  background-color: #78a0ae;
  padding: 10px 0; }
  footer .footer-middle-inner {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  footer .footer-middle__address {
    font: 400 1rem "NotoSansCJKjpMedium", sans-serif;
    color: #fff; }
  footer .footer-middle-list {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    footer .footer-middle-list li {
      margin-left: 10px; }
      footer .footer-middle-list li a {
        display: block;
        border: 2px solid #fff;
        border-radius: 15px;
        font: 400 1rem "NotoSansCJKjpRegular", sans-serif;
        color: #fff;
        padding: 2px 10px; }
		footer .footer-middle-list li a:hover { background: #fff; color: #518294; }
footer .footer-bottom {
  padding: 5px 0;
  background-color: #98bac5; }
  footer .footer-bottom p {
    text-align: center;
    font: 400 0.75rem "NotoSansCJKjpRegular", sans-serif;
    color: #fff; }

@media screen and (max-width: 768px) {
  footer .footer-top {
    padding: 5px 0; }
    footer .footer-top-link li {
      padding: 5px 0; }
      footer .footer-top-link li a {
        padding: 0 10px;
        border-right: 1px solid #518294;
        font: 400 0.875rem "NotoSansCJKjpMedium", sans-serif; }
  footer .footer-middle-inner {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    display: block; }
  footer .footer-middle__address {
    font: 400 1rem "NotoSansCJKjpMedium", sans-serif;
    color: #fff; }
  footer .footer-middle-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px; }
    footer .footer-middle-list li {
      margin-left: 0;
      margin-right: 10px; }
      footer .footer-middle-list li a {
        display: block;
        border: 2px solid #fff;
        border-radius: 15px;
        font: 400 0.875rem "NotoSansCJKjpRegular", sans-serif;
        color: #fff;
        padding: 2px 10px; }
  footer .footer-bottom {
    padding: 5px 0;
    background-color: #98bac5; }
    footer .footer-bottom p {
      text-align: center;
      font: 400 0.875rem "NotoSansCJKjpRegular", sans-serif;
      color: #fff; } }
main .orange-c {
  color: #ff9966; }
main .green-c {
  color: #68b987; }
main .blue-c {
  color: #5998bf; }
main .pink-c {
  color: #cc91b8; }

  
main .top001 {
  width: 100%;
  background-color: rgba(152, 186, 197, 0.47);
  padding: 50px 0; }
  main .top001-sliderdiv {
    position: relative; }
    main .top001-sliderdiv-slider {
      width: 100%; }
      main .top001-sliderdiv-slider__list {
        padding: 0 2.3vw;
        position: relative; }
        main .top001-sliderdiv-slider__list img {
          width: 100%; }
        main .top001-sliderdiv-slider__list .txtarea {
          width: auto !important;
          position: absolute;
          top: 15%;
          left: 2.3vw;
		  margin-top: -32px;}
          main .top001-sliderdiv-slider__list .txtarea h2 {
            font: 400 2.79vw "NotoSansCJKjpMedium", sans-serif;
            color: #1e3c47;
		  padding: 8px 15px !important;
		  background-color: rgba(255, 255, 255, 0.88) !important; }
		  main .top001-sliderdiv-slider__list .txtarea h2 span { line-height: 1 !important; font-size: 70%; display: block; margin: 4px 0 !important; }
          main .top001-sliderdiv-slider__list .txtarea p {
            font: 400 1.11vw "NotoSansCJKjpMedium", sans-serif;
            color: #fff;
            margin-top: 0;
		  padding: 8px 15px !important;
		  background-color: rgba(80, 130, 148, 0.80) !important; }
    main .top001-sliderdiv__prev {
      width: 63px;
      position: absolute;
      top: 50%;
      left: 119px;
      transform: translate(0, -50%);
	  cursor: pointer !important; }
    main .top001-sliderdiv__next {
      width: 63px;
      position: absolute;
      top: 50%;
      right: 119px;
      transform: translate(0, -50%);
	  cursor: pointer !important; }
@media screen and (max-width: 1400px) {
  main .top001-sliderdiv__prev {
    width: 63px;
    position: absolute;
    top: 50%;
    left: 69px;
    transform: translate(0, -50%); }
  main .top001-sliderdiv__next {
    width: 63px;
    position: absolute;
    top: 50%;
    right: 69px;
    transform: translate(0, -50%); } }
@media screen and (max-width: 1100px) {
  main .top001-sliderdiv__prev {
    width: 43px;
    position: absolute;
    top: 50%;
    left: 29px;
    transform: translate(0, -50%); }
  main .top001-sliderdiv__next {
    width: 43px;
    position: absolute;
    top: 50%;
    right: 29px;
    transform: translate(0, -50%); } }
@media screen and (max-width: 768px) {
  main .top001 {
    padding: 30px 0; }
    main .top001-sliderdiv__prev {
      width: 30px;
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translate(0, -50%); }
    main .top001-sliderdiv__next {
      width: 30px;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translate(0, -50%); } }
@media screen and (max-width: 480px) {
  main .top001-sliderdiv-slider {
    width: 100%; }
    main .top001-sliderdiv-slider__list {
      padding: 0 2.3vw;
      position: relative; }
      main .top001-sliderdiv-slider__list img {
        width: 100%; }
      main .top001-sliderdiv-slider__list .txtarea {
        width: auto !important;
        position: absolute;
        bottom: 0;
        left: 2.3vw;
		margin-top: 0;}
        main .top001-sliderdiv-slider__list .txtarea h2 {
          font: 400 2.79vw "NotoSansCJKjpMedium", sans-serif;
            color: #1e3c47;
		  padding: 5px 10px !important;
		  background-color: rgba(255, 255, 255, 0.88) !important; }
        main .top001-sliderdiv-slider__list .txtarea p {
          font: 400 1.72vw "NotoSansCJKjpMedium", sans-serif;
            color: #fff;
            margin-top: 0;
		  padding: 5px 10px !important;
		  background-color: rgba(80, 130, 148, 0.80) !important;}
  main .top001-sliderdiv__prev {
    width: 15px;
    position: absolute;
    top: 50%;
    left: 17.5px;
    transform: translate(0, -50%); }
  main .top001-sliderdiv__next {
    width: 15px;
    position: absolute;
    top: 50%;
    right: 17.5px;
    transform: translate(0, -50%); } }
main .top002 {
  width: 100%;
  background-color: rgba(240, 249, 251, 0.47);
  padding: 30px 0 40px; }
  main .top002-inner {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    position: relative; }
    main .top002-inner-news {
      width: calc(100% - 50px);
      margin-left: auto;
      margin-right: 0;
      background-color: #fff;
      padding: 20px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      margin-top: 20px; }
      main .top002-inner-news__date {
        font: 400 1.125rem "NotoSansCJKjpRegular", sans-serif;
        color: #518294; }
      main .top002-inner-news__msg {
        margin-top: 10px;
        font: 400 1.125rem "NotoSansCJKjpRegular", sans-serif;
        color: #518294; }
    main .top002-inner-img {
      width: 23px;
      position: absolute;
      top: 0;
      left: 0; }
      main .top002-inner-img img {
        width: 100%; }
  main .top002-inner:after {
    content: "";
    width: 2px;
    height: calc(100% - 232px);
    position: absolute;
    bottom: 0;
    left: 10px;
    background-color: #bad0d8; }
  main .top002-btnarea {
    margin-top: 50px; }
    main .top002-btnarea a {
      display: block;
      margin: auto;
      display: block;
      width: 277px; }
      main .top002-btnarea a img {
        width: 100%; }
@media screen and (max-width: 768px) {
  main .top002 {
    padding: 20px 0 30px; }
    main .top002-inner-news {
      width: calc(100% - 25px); }
    main .top002-inner-img {
      width: 11.5px; }
    main .top002-inner:after {
      content: "";
      width: 2px;
      height: calc(100% - 116px);
      position: absolute;
      bottom: 0;
      left: 5px;
      background-color: #bad0d8; }
    main .top002-btnarea {
      margin-top: 30px; }
      main .top002-btnarea a {
        width: 200px; }
        main .top002-btnarea a img {
          width: 100%; } }
main .top003 {
  width: 100%;
  background-color: rgba(196, 219, 226, 0.76);
  padding: 3.72vw 0; }
  main .top003__title {
    text-align: center;
    font: 400 3rem "NotoSansCJKjpMedium", sans-serif;
    color: #fff; }
  main .top003__subtitle {
    margin-top: 20px;
    text-align: center;
    font: 400 1.25rem "NotoSansCJKjpMedium", sans-serif;
    color: #518294;
    letter-spacing: 1rem; }
  main .top003-list {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    margin-top: 2.32vw; }
    main .top003-list-item {
      margin-right: 3.72vw;
      width: calc(25% - 3.72vw);
      position: relative; }
      main .top003-list-item__circle {
        width: 100%; }
      main .top003-list-item__title {
        position: absolute;
        padding-left: 2vw;
        height: 2.03vw;
        width: 11.82vw;
        max-width: 192px;
        max-height: 33px;
        padding-top: .15vw;
        font: 400 1.11vw "DINOTMedium", sans-serif;
        color: #fff;
        top: 15%;
        left: 11%;
        background-size: 100% auto;
        background-position: left top; }
      main .top003-list-item .orange {
        background-image: url("../img/bar-orange.png"); }
      main .top003-list-item .blue {
        background-image: url("../img/bar-blue.png"); }
      main .top003-list-item .green {
        background-image: url("../img/bar-green.png"); }
      main .top003-list-item .pink {
        background-image: url("../img/bar-pink.png"); }
      main .top003-list-item__msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        font: 400 1.25rem "NotoSansCJKjpBlack", sans-serif;
        text-align: center; }
      main .top003-list-item__img {
        width: 7.75vw;
        max-width: 126px;
        position: absolute;
        top: 82.5%;
        left: 85%;
        transform: translate(-50%, -50%);
        border-radius: 50%; }
  main .top003 .right {
    justify-content: flex-end; }
    main .top003 .right .top003-list-item {
      margin-left: 3.72vw;
      margin-right: 0; }
@media screen and (max-width: 1200px) {
  main .top003-list-item__msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font: 400 1rem "NotoSansCJKjpBlack", sans-serif;
    text-align: center; } }
@media screen and (max-width: 768px) {
  main .top003 {
    width: 100%;
    padding: 5.72vw 0; }
    main .top003__title {
      text-align: center;
      font: 400 1.875rem "NotoSansCJKjpMedium", sans-serif; }
    main .top003__subtitle {
      margin-top: 10px;
      font: 400 1.25rem "NotoSansCJKjpMedium", sans-serif; }
    main .top003-list {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-top: 2.32vw; }
      main .top003-list-item {
        margin-right: 30px;
        width: calc(50% - 15px);
        position: relative; }
        main .top003-list-item__circle {
          width: 100%; }
        main .top003-list-item__title {
          position: absolute;
          padding-left: 4vw;
          height: 4.2vw;
          width: 25vw;
          max-width: 192px;
          max-height: 33px;
          padding-top: .15vw;
          font: 400 3.11vw "DINOTMedium", sans-serif;
          color: #fff;
          top: 15%;
          left: 11%;
          background-size: 100% auto;
          background-position: left top; }
        main .top003-list-item__msg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          white-space: nowrap;
          font: 400 1.25rem "NotoSansCJKjpBlack", sans-serif;
          text-align: center; }
        main .top003-list-item__img {
          width: 14.4vw;
          max-width: 126px;
          position: absolute;
          top: 82.5%;
          left: 85%;
          transform: translate(-50%, -50%); }
      main .top003-list-item:nth-child(2n) {
        margin-right: 0; }
    main .top003 .right {
      justify-content: flex-start; }
      main .top003 .right .top003-list-item {
        width: calc(50% - 15px);
        margin-right: 30px;
        margin-left: 0; }
      main .top003 .right .top003-list-item:nth-child(2n) {
        margin-right: 0; } }
@media screen and (max-width: 480px) {
  main .top003-list-item__msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font: 400 0.875rem "NotoSansCJKjpBlack", sans-serif;
    text-align: center; }
  main .top003 .right .top003-list-item {
    margin-right: 30px;
    margin-left: 0; } }
main .top004 {
  width: 100%;
  background-color: rgba(242, 251, 253, 0.8);
  padding: 3.72vw 0; }
  main .top004__title {
    text-align: center;
    font: 400 3rem "DINOTMedium", sans-serif;
    color: #7ac898;
    position: relative; }
    main .top004__title span {
      position: relative;
      padding-left: 70px; }
    main .top004__title span:before {
      content: "";
      background-image: url("../img/top004-001.png");
      background-repeat: no-repeat;
      background-size: 55px 38px;
      width: 55px;
      height: 38px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%); }
  main .top004__subtitle {
    margin-top: 10px;
    text-align: center;
    font: 400 1.25rem "NotoSansCJKjpMedium", sans-serif;
    color: #7ac898; }
  main .top004-video {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    max-width: 1384px;
    margin-top: 2.32vw;
    position: relative;
    z-index: 2; }
    main .top004-video iframe {
      width: 100%;
      position: relative;
      z-index: 3; }
  main .top004-video:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    background-image: url("../img/top004-003.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%; }
@media screen and (max-width: 768px) {
  main .top004 {
    padding: 5.72vw 0; }
    main .top004__title {
      text-align: center;
      font: 400 1.875rem "DINOTMedium", sans-serif;
      color: #7ac898;
      position: relative; }
      main .top004__title span {
        position: relative;
        padding-left: 35px; }
      main .top004__title span:before {
        content: "";
        background-image: url("../img/top004-001.png");
        background-repeat: no-repeat;
        background-size: 27.5px 19px;
        width: 27.5px;
        height: 19px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%); }
    main .top004__subtitle {
      margin-top: 5px;
      text-align: center;
      font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
      color: #7ac898; }
    main .top004-video {
      width: calc(100% - 40px);
      max-width: 1624px;
      margin: auto;
      max-width: 1384px;
      margin-top: 2.32vw;
      position: relative;
      z-index: 2; }
      main .top004-video iframe {
        width: 100%;
        position: relative;
        z-index: 3; }
    main .top004-video:after {
      content: "";
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1;
      background-image: url("../img/top004-003.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 100%;
      height: 100%; } }

main .kiji001 {
  margin-top: 30px;
  display: flex;
  justify-content: center; }
  main .kiji001-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    background-color: rgba(153, 193, 205, 0.65);
    border-radius: 40px; }
  main .kiji001-msg1 {
    border-radius: 40px;
    padding: 3px 20px;
    background-color: #fff;
    color: #518294;
    font: 400 1.625rem "NotoSansCJKjpMedium", sans-serif; }
  main .kiji001-title1 {
    color: #fff;
    font: 400 2.3rem "NotoSansCJKjpMedium", sans-serif;
    margin-left: 20px; }
@media screen and (max-width: 768px) {
  main .kiji001 {
    margin-top: 26px; }
    main .kiji001-msg1 {
      font: 400 1.375rem "NotoSansCJKjpMedium", sans-serif; }
    main .kiji001-title1 {
      font: 400 2.0rem "NotoSansCJKjpMedium", sans-serif; } }
@media screen and (max-width: 480px) {
main .kiji001 {
  margin-top: 20px;}
    main .kiji001-title1 {
      font: 400 1.6rem "NotoSansCJKjpMedium", sans-serif; margin-left: 0; }
  main .kiji001-inner {
    display: block; }
  main .kiji001-msg1 {
    text-align: center; } }
main .kiji002 {
  width: calc(100% - 40px);
  max-width: 1624px;
  margin: auto;
  margin-top: 30px;
  background-color: rgba(255, 255, 255, 0.83);
  padding: 30px 30px 30px 72px;
  position: relative; }
  main .kiji002-title {
    font: 400 2.35rem "NotoSansCJKjpBold", sans-serif; }
  main .kiji002-profile {
    position: absolute;
    bottom: 12px;
    right: 18px;
    display: flex;
    justify-content: space-between; }
    main .kiji002-profile__msg {
      font: 400 1.125rem "NotoSansCJKjpRegular", sans-serif;
      text-align: right;
      margin-right: 20px;
	  padding-top: 6px; }
      main .kiji002-profile__msg .big {
        font: 700 1.4rem "NotoSansCJKjpRegular", sans-serif; }
    main .kiji002-profile__img {
      width: 80px;
      position: relative;}
      main .kiji002-profile__img img {
        width: 100%;
        border-radius: 50%;
		position: relative;
	  z-index: 6; }
    main .kiji002-profile__img:before {
      content: "";
      width: 27px;
      height: 27px;
      border-radius: 50%;
      opacity: .4;
      position: absolute;
      bottom: -4px;
      right: -4px;
	  z-index: 5;}
  main .kiji002__theme {
    position: absolute;
    top: 20px;
    left: 25px;
    width: 12px; }
main .kiji002:after {
  content: "";
  width: 3px;
  height: calc(100% - 86px);
  position: absolute;
  bottom: 0;
  left: 30px;
  background-color: #bad0d8; }
main .kiji002.kiji_long:after { height: calc(100% - 80px); }
@media screen and (max-width: 1200px) {
  main .kiji002 {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    margin-top: 30px;
    background-color: rgba(255, 255, 255, 0.83);
    padding: 30px 30px 30px 72px;
    position: relative; }
    main .kiji002-profile {
      margin-top: 20px;
      position: static;
      display: flex;
      justify-content: flex-end; }
      main .kiji002-profile__msg {
        font: 400 1.125rem "NotoSansCJKjpRegular", sans-serif;
        text-align: right;
        margin-right: 18px;
		padding-top: 6px;}
        main .kiji002-profile__msg .big {
          font: 700 1.4rem "NotoSansCJKjpRegular", sans-serif; } }
@media screen and (max-width: 991px) {main .kiji002 { padding: 30px 30px 30px 60px;}}
@media screen and (max-width: 768px) {
  main .kiji002 {
    margin-top: 26px;
    background-color: rgba(255, 255, 255, 0.83);
    padding: 25px 25px 25px 50px;
    position: relative; }
    main .kiji002-title {
      font: 400 1.8rem "NotoSansCJKjpBold", sans-serif; }
  main .kiji002:after {
    content: "";
    width: 3px;
    height: calc(100% - 86px);
    position: absolute;
    bottom: 0;
    left: 23px;
    background-color: #bad0d8; }
main .kiji002.kiji_long:after { height: calc(100% - 80px); }
	main .kiji002__theme { left: 20px; }}
@media screen and (max-width: 480px) {
  main .kiji002 {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    margin-top: 20px;
    background-color: rgba(255, 255, 255, 0.83);
    padding: 20px 10px 20px 30px;
    position: relative; }
    main .kiji002-title {
      font: 400 1.375rem "NotoSansCJKjpBold", sans-serif; }
	main .kiji002-profile { margin-right: 10px; }
    main .kiji002-profile__msg {
      font: 400 0.875rem "NotoSansCJKjpRegular", sans-serif;
      text-align: right;
      margin-right: 10px; }
      main .kiji002-profile__msg .big {
        font: 700 1.25rem "NotoSansCJKjpRegular", sans-serif; }
    main .kiji002-profile__img {
      width: 64px;
      position: relative; }
      main .kiji002-profile__img img {
        width: 100%;
        border-radius: 50%; }
    main .kiji002-profile__img:before {
      content: "";
      width: 22px;
      height: 22px;
      border-radius: 50%;
      opacity: .4;
      position: absolute;
      bottom: -5px;
      right: -5px; }
    main .kiji002__theme {
      position: absolute;
      top: 20px;
      left: 10px;
      width: 9px; }
  main .kiji002:after {
    content: "";
    width: 2px;
    height: calc(100% - 68px);
    position: absolute;
    bottom: 0;
    left: 14.5px;
    background-color: #bad0d8; }
main .kiji002.kiji_long:after { height: calc(100% - 62px); }}
main .orange-bgc:after {
  background-color: #ff9966; }
main .green-bgc:after {
  background-color: #68b987; }
main .blue-bgc:after {
  background-color: #5998bf; }
main .pink-bgc:after {
  background-color: #cc91b8; }
main .orange-bgc2 {
  background-color: rgba(255, 153, 102, 0.6); }
main .green-bgc2 {
  background-color: rgba(104, 185, 135, 0.6); }
main .blue-bgc2 {
  background-color: rgba(89, 152, 191, 0.6); }
main .pink-bgc2 {
  background-color: rgba(204, 145, 184, 0.6); }
main .kiji003 {
  width: calc(100% - 40px);
  max-width: 1624px;
  margin: auto;
  padding: 25px 30px 25px 72px;
  position: relative; }
  main .kiji003__title {
    font: 400 2.25rem "NotoSansCJKjpBold", sans-serif;
	letter-spacing: 1px;
    color: #fff; }
  main .kiji003__msg {
    margin-top: 30px;
    font: 400 1.5rem "NotoSansCJKjpRegular", sans-serif;
    color: #fff; }
main .kiji003:after {
  content: "";
  width: 3px;
  height: 90px;
  position: absolute;
  top: 0;
  left: 30px;
  background-color: #fff; }
@media screen and (max-width: 991px) {main .kiji003 { padding: 25px 30px 25px 60px;} main .kiji003:after {height: 75px;}}
@media screen and (max-width: 768px) {
  main .kiji003 {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    padding: 20px 25px 20px 50px;
    position: relative; }
    main .kiji003__title {
      font: 400 1.875rem "NotoSansCJKjpBold", sans-serif;
      color: #fff; }
    main .kiji003__msg {
      margin-top: 20px;
      font: 400 1.35rem "NotoSansCJKjpRegular", sans-serif;
      color: #fff; }
	  main .kiji003:after { left: 23px; }}
@media screen and (max-width: 480px) {
  main .kiji003 {
    width: calc(100% - 40px);
    max-width: 1624px;
    margin: auto;
    padding: 20px 10px 20px 30px;
    position: relative; }
    main .kiji003__title {
      font: 400 1.25rem "NotoSansCJKjpBold", sans-serif;
      color: #fff; }
    main .kiji003__msg {
      margin-top: 20px;
      font: 400 1.175rem "NotoSansCJKjpRegular", sans-serif;
      color: #fff; }
  main .kiji003:after {
    content: "";
    width: 2px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 14.5px;
    background-color: #fff; } }
main .kiji004 {
  width: calc(100% - 40px);
  max-width: 1624px;
  margin: auto;
  padding: 0 30px 30px;
  background-color: rgba(81, 130, 148, 0.70);
  margin-bottom: 0px;}
.outline main .kiji004, .purpose main .kiji004,
.project main .kiji004, .faq main .kiji004{ background-color: rgba(255, 255, 255, 0.95); }
  main .kiji004__title {
    font: 700 2.25rem "NotoSansCJKjpRegular", sans-serif;
	letter-spacing: 2px;
    color: #fff;
    padding: 25px 30px 25px 44px;
    position: relative; }
    .outline main .kiji004__title, .purpose main .kiji004__title,
	.project main .kiji004__title, .faq main .kiji004__title { color: #518294; }
    .outline .type_DL main .kiji004__title, .outline .type_BT main .kiji004__title { color: #fff; }
  main .kiji004__title:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    background-color: #fff; }
    .outline main .kiji004__title:before, .purpose main .kiji004__title:before,
	.project main .kiji004__title:before, .faq main .kiji004__title:before { background-color: #518294; }
    .outline .type_DL main .kiji004__title:before, .outline .type_BT main .kiji004__title:before { background-color: #fff; }
  main .kiji004-kiji {
    margin-top: 30px;
    background-color: #fff;
    padding: 40px;
    border-radius: 20px; }
    main .kiji004-kiji-list {
      width: 100%; }
      main .kiji004-kiji-list-item {
        padding: 5px 10px;
        font: 400 1.25rem "NotoSansCJKjpRegular", sans-serif;
        color: #646464;
        list-style-type: disc; }
    main .kiji004-kiji p {
      font: 400 1.375rem "NotoSansCJKjpRegular", sans-serif;
	  line-height: 1.75 !important;
      color: #646464; }
    main .kiji004-kiji img {
      max-width: 100%;
      margin: auto; }
    main .kiji004-kiji h4 {
      font: 400 1.25rem "NotoSansCJKjpBold", sans-serif;
      color: #646464;
      text-align: center; }
@media screen and (max-width: 991px) { main .kiji004__title { padding: 25px 30px 25px 33px; } main .kiji004-kiji { padding: 30px; }}
@media screen and (max-width: 768px) {
  main .kiji004 {
    padding: 0 20px 20px; }
    main .kiji004__title {
      font: 700 1.875rem "NotoSansCJKjpRegular", sans-serif;
      color: #fff;
      padding: 20px 20px 20px 34px;
      position: relative; }
    main .kiji004__title:before {
      content: "";
      width: 3px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 3px;
      background-color: #fff; }
    main .kiji004-kiji {
      margin-top: 30px;
      background-color: #fff;
      padding: 30px;
      border-radius: 15px; }
      main .kiji004-kiji p {
        font: 400 1.25rem "NotoSansCJKjpRegular", sans-serif;
        color: #646464; }
      main .kiji004-kiji img {
        max-width: 100%;
        margin: auto; }
      main .kiji004-kiji h4 {
        font: 400 1.125rem "NotoSansCJKjpBold", sans-serif;
        color: #646464;
        text-align: center; } }
@media screen and (max-width: 480px) {
  main .kiji004 {
    padding: 0 14px 14px; }
    main .kiji004__title {
      font: 700 1.25rem "NotoSansCJKjpRegular", sans-serif;
      color: #fff;
      padding: 20px 20px 20px 24px;
      position: relative; }
    main .kiji004__title:before {
      content: "";
      width: 2px;
      top: 0;
      left: 0; }
    main .kiji004-kiji {
      margin-top: 20px;
      background-color: #fff;
      padding: 20px;
      border-radius: 10px; }
      main .kiji004-kiji p {
        font: 400 1.125rem "NotoSansCJKjpRegular", sans-serif;
        color: #646464; }
      main .kiji004-kiji img {
        max-width: 100%;
        margin: auto; }
      main .kiji004-kiji h4 {
        font: 400 1rem "NotoSansCJKjpBold", sans-serif;
        color: #646464;
        text-align: center; } }
main .kiji005 {
  width: 100%;
  background-color: rgba(242, 250, 252, 0.85);
  margin-top: 0; }
  main .kiji005-inner {
    width: calc(100% - 40px);
    margin: auto;
    max-width: 1000px;
    padding-top: 50px;
    padding-bottom: 50px; }
    main .kiji005-inner__title {
      margin-top: 50px;
      font: 400 1.875rem "NotoSansCJKjpMedium", sans-serif;
      color: #518294;
      text-align: center; }
      main .kiji005-inner__title span {
        position: relative; }
      main .kiji005-inner__title span:before {
        content: "";
        width: 122px;
        height: 2px;
        background-color: #518294;
        position: absolute;
        top: 50%;
        left: -142px;
        transform: translate(0, -50%); }
      main .kiji005-inner__title span:after {
        content: "";
        width: 122px;
        height: 2px;
        background-color: #518294;
        position: absolute;
        top: 50%;
        right: -142px;
        transform: translate(0, -50%); }
    main .kiji005-inner__msg {
      margin-top: 30px;
      font: 400 1.25rem "NotoSansCJKjpMedium", sans-serif;
      color: #518294; }
    main .kiji005-inner .center {
      text-align: center; }
@media screen and (max-width: 768px) {
  main .kiji005 {
    margin-top: 0; }
    main .kiji005-inner {
      padding-top: 30px;
      padding-bottom: 30px; }
      main .kiji005-inner__title {
        margin-top: 30px;
        font: 400 1.5rem "NotoSansCJKjpMedium", sans-serif; }
        main .kiji005-inner__title span:before {
          width: 66px;
          left: -82px; }
        main .kiji005-inner__title span:after {
          width: 66px;
          right: -82px; }
      main .kiji005-inner__msg {
        margin-top: 20px;
        font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
        color: #518294; }
      main .kiji005-inner .center {
        text-align: center; } }
@media screen and (max-width: 480px) {
  main .kiji005 {
    margin-top: 0; }
    main .kiji005-inner {
      padding-top: 30px;
      padding-bottom: 30px; }
      main .kiji005-inner__title {
        margin-top: 30px;
        font: 400 1.25rem "NotoSansCJKjpMedium", sans-serif; }
        main .kiji005-inner__title span:before {
          width: 33px;
          left: -52px; }
        main .kiji005-inner__title span:after {
          width: 33px;
          right: -52px; }
      main .kiji005-inner__msg {
        margin-top: 15px;
        font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
        color: #518294; }
      main .kiji005-inner .center {
        text-align: center; } }


.overlay{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	top:0;
	left:0;
}

.overlay .modal{
	position:absolute;
	width:90%;
	max-width:400px;
	background-color:#ffffff;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:20px;
	border-radius:4px;
}

.overlay .modal .modalinner{
	display:flex;
	justify-content: flex-start;
	
	
}
.overlay .modal .modalinner input{
	width:calc(100% - 60px);
	margin-right:10px;
	
}
.overlay .modal .modalinner .btn1{
	width:50px;
	background-color:#fff;
	border:1px solid #000;
	border-radius:4px;
	font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif;
    color: #646464;
    text-align:center;
	height:30px;
	line-height:30px;
}

.modal-close{
	width:30px;
	height:30px;
	
	position:absolute;
	
	top:-30px;
	right:0;
	cursor:pointer;
}
.modal-close::after,.modal-close::before{
	position: absolute;
	right: 3px;
	top: 12px;
	content: '';
	background-color: #FFFFFF;
	height: 3px;
	width: 25px;
	cursor: pointer;
}
.modal-close::before{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal-close::after{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#submenu1{
	position:relative;
}
.header-nav-list__link .submenu{
    position:absolute;
    width:100%;
    top:90%;
    left:0;
    background-color: rgba(40, 77, 90, 0.9);
    padding 30px 0;
    z-index:10000;
}

.header-nav-list__link .submenu a{
	display:block;
	width:100%;
	padding:5px 0;
	font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif !important;
	color:#fff !important;
	border-right:none !important;

}

.header-nav-list__link .submenu a:hover{
	background-color: rgba(40, 130, 148, 0.9);
}
@media screen and (max-width: 768px){
	.overlay.dspnone{
		display:block !important;
	}
	.overlay{
		position:static;
		width:100%;
		height:auto;
		background-color:#FFFFFF;
		
		display:block;
	}
	.overlay .modal{
		position:static;
		width:100%;
		max-width:100%;
		background-color:#ffffff;
		transform:none;
		padding:20px;
		border-radius:0;
	}
	.header-nav-list__link .submenu.dspnone{
		display:flex !important;
	}
	.header-nav-list__link .submenu{
	    position:static;
	    width:100%;
	    background-color:#c8dce2;
	    display:flex;
	    justify-content: space-between;
	}
	.header-nav-list__link .submenu a{
		display:block;
		width:50%;
		padding:5px 0;
		font: 400 1.125rem "NotoSansCJKjpMedium", sans-serif !important;
		color: #518294 !important;
		border-right:none !important;
		border-top:1px solid #fff;
	}
	.header-nav-list__link .submenu a:first-child{
		border-right:1px solid #fff !important;
	}
	.header-nav-list__link .submenu a:hover{
		background-color:transparent;
	}

}



main .kiji002-title span { left: -12px; font-weight: 400; font-size: 90%; font-family: "NotoSansCJKjpBold", sans-serif; position: relative;}




/* 色指定 */
main .kiji004 { background-color: rgba(81, 130, 148, 0.75); }

.type_D main .kiji004 { background-color: rgba(89, 152, 191, 0.95); }
.type_B main .kiji004 { background-color: rgba(235, 137, 87, 0.95); }
.type_BT main .kiji004,
.type_T main .kiji004 { background-color: rgba(104, 185, 135, 0.95); }
.type_DL main .kiji004,
.type_L main .kiji004 { background-color: rgba(194, 133, 173, 0.95); }

main .kiji003 { background-color: rgba(81, 130, 148, 0.75); }
.type_DL main .kiji003,
.type_D main .kiji003 { background-color: rgba(89, 152, 191, 0.75); }
.type_BT main .kiji003,
.type_B main .kiji003 { background-color: rgba(235, 137, 87, 0.75); }
.type_T main .kiji003 { background-color: rgba(104, 185, 135, 0.75); }
.type_L main .kiji003 { background-color: rgba(194, 133, 173, 0.75); }

main .kiji002:after { background: #518294; }
.type_DL main .kiji002-profile__img:before,
.type_D main .kiji002-profile__img:before,
.type_DL main .kiji002:after,
.type_D main .kiji002:after {background: #5998bf;}
.type_BT main .kiji002-profile__img:before,
.type_B main .kiji002-profile__img:before,
.type_BT main .kiji002:after,
.type_B main .kiji002:after {background: #eb8957;}
.type_T main .kiji002-profile__img:before,
.type_T main .kiji002-profile__img:before,
.type_T main .kiji002:after{background: #68b987;}
.type_L main .kiji002-profile__img:before,
.type_L main .kiji002-profile__img:before,
.type_L main .kiji002:after {background: #c285ad;}

main .kiji002-title { color: #518294; }
.type_DL main .kiji002-title,
.type_DL main .kiji002-profile__msg,
.type_D main .kiji002-title,
.type_D main .kiji002-profile__msg { color: #5998bf; }
.type_BT main .kiji002-title,
.type_BT main .kiji002-profile__msg,
.type_B main .kiji002-title,
.type_B main .kiji002-profile__msg { color: #eb8957; }
.type_T main .kiji002-title,
.type_T main .kiji002-profile__msg { color: #68b987; }
.type_L main .kiji002-title,
.type_L main .kiji002-profile__msg { color: #c285ad; }
.type_DL main .kiji002-title,
.type_DL main .kiji002-profile__msg,
.type_D main .kiji002-title,
.type_D main .kiji002-profile__msg { color: #5998bf; }
.type_BT main .kiji002-title,
.type_BT main .kiji002-profile__msg,
.type_B main .kiji002-title,
.type_B main .kiji002-profile__msg { color: #eb8957; }
.type_T main .kiji002-title,
.type_T main .kiji002-profile__msg { color: #68b987; }
.type_L main .kiji002-title,
.type_L main .kiji002-profile__msg { color: #c285ad; }


ul.list-box { margin-top: 30px; }
ul.list-box li {
      width: 100%;
      margin: 0 0 20px;
      background-color: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      position: relative;
      font: 400 1.375rem "NotoSansCJKjpRegular", sans-serif;
	  line-height: 1.5 !important;
      color: #518294; }
ul.list-box li:last-child { margin-bottom: 0; }
ul.list-box li a { display: block; color: #518294 !important; padding: 36px 20px 20px; position: relative; }
ul.list-box li a span { position: absolute; top: 0; left: 0; background: #518294; padding: 2px 10px 3px;
font: 400 1.125rem "NotoSansCJKjpRegular", sans-serif; line-height: 1.1 !important; color: #fff; letter-spacing: 1.5px; display: inline-block; }
ul.list-box li a span.tag_d,
ul.list-box li a span.tag_b,
ul.list-box li a span.tag_t,
ul.list-box li a span.tag_l { width: 84px; text-align: center; }
ul.list-box li a span.tag_d { background: #5998bf; }
ul.list-box li a span.tag_b { background: #eb8957; }
ul.list-box li a span.tag_t { background: #68b987; }
ul.list-box li a span.tag_l { background: #c285ad; }

.txt_c { text-align: center; }
.kiji000 p { color: #518294 !important; }
.kiji000 p, .txt_nrm { font: 400 1.375rem "NotoSansCJKjpRegular", sans-serif; line-height: 1.75 !important; }
.txt_big { font: 400 1.5rem "NotoSansCJKjpRegular", sans-serif; line-height: 1.5 !important; margin-top: 20px; color: #fff; }
.img_set { width: 70%; margin: 16px auto 40px; }
.img_set2 { width: 50%; margin: 16px auto 40px; }
.img_set3 { width: 100%; margin: 16px auto 40px; }
.box_HL { width: 48%; margin-right: 4%; float: left; }
.box_HR { width: 48%; float: left; }
.img_set p img, .img_set2 p img, .img_set3 p img { width: 100%; height: auto; }
.img_set p, .img_set2 p, .img_set3 p { font: 400 1.0rem "NotoSansCJKjpRegular", sans-serif !important; line-height: 1.5 !important; color: #000 !important; text-align: center !important; margin-top:12px !important; width: 100% !important; }
@media screen and (max-width: 768px) {
ul.list-box li, .kiji000 p, .txt_nrm {font-size:1.25rem;}
.txt_big {font-size:1.35rem;}
.img_set, .img_set3 { width: 90%; }
.img_set2 { width: 70%; }
.box_HL { width: 100%; margin-right: 0; margin-bottom: 24px; float: none; }
.box_HR { width: 100%; float: none; }
}
@media screen and (max-width: 480px) {
ul.list-box li a { padding: 23px 10px 10px; position: relative; }
.img_set p, .img_set2 p, .img_set3 p { text-align: left !important; }
.img_set, .img_set3 { width: 100%; }
.img_set2 { width: 100%; }
ul.list-box li, .kiji000 p, .txt_nrm {font-size:1.125rem;}
.txt_big {font-size:1.175rem;}
}

.h3_type01 { background: #518294; padding: 4px 14px 5px;
font: 700 1.5rem "NotoSansCJKjpRegular", sans-serif; line-height: 1.1 !important; margin: 40px 0 16px; color: #fff; letter-spacing: 2.5px; display: inline-block; }

.h3_type02 { color: #518294 !important; font: 700 1.5rem "NotoSansCJKjpRegular", sans-serif; line-height: 1.3 !important; margin: 30px 0 16px; color: #fff; letter-spacing: 0.5px; }
.answer__msg { color: #518294 !important; padding: 16px; border-radius: 5px; border: 1px solid #739DAD; }

.h3_type01at { border-left: 8px solid #7294a1; font-size: 1.75rem !important; }
.type_D .h3_type01 {background: #5998bf; border-color: #95b9cf; }
.type_B .h3_type01 {background: #eb8957; border-color: #eac0ab; }
.type_T .h3_type01, .type_BT .h3_type01 {background: #68b987; border-color: #a1c8b0; }
.type_L .h3_type01, .type_DL .h3_type01 {background: #c285ad; border-color: #d3b2c8; }

a.nrm_link { color: #739DAD !important; border-bottom: 1px dotted #739DAD; }
a.nrm_link:hover { color: #518294 !important; border-bottom: 1px solid #518294; }

.kiji005-inner__msg p { margin-bottom: 16px !important; }
.kiji005-inner__msg p:last-child { margin-bottom: 0 !important; }
.kiji005-inner__msg p a { color: #739DAD !important; border-bottom: 1px dotted #739DAD; }
.kiji005-inner__msg p a:hover { color: #518294 !important; border-bottom: 1px solid #518294; }

.txt_big span { font-size: 90%; padding: 3px 9px 4px; line-height: 1.1 !important; border: 1px solid #fff; margin-right: 18px; display: inline-block; }
.txt_big a { color: #fff !important; border-bottom: 1px dotted #fff; margin-right: 16px; }
.txt_big a:hover { border-bottom: 1px solid #fff; }

main .mgTORG { margin-top: 30px; }
@media screen and (max-width: 768px) { { margin-top: 26px; } }
@media screen and (max-width: 480px) { { margin-top: 20px; } }

strong { font-weight: 700; }
.txt_link a { color: #518294; border-bottom: 1px dotted #518294; }
.txt_link a:hover { border-bottom: 1px solid #518294; }


/* 下層技術一覧 */
  .under004-list {
    width: 100%;
    max-width: 1624px;
	padding: 50px 30px 10px;
    margin: 0 auto;
    display: block;
    justify-content: flex-start; }
    .under004-list-item {
      width: 25%;
	  margin: 0 4% 50px 0;
      position: relative;
	  float: left; }
	  .under004-list-item2{margin-left: 12% !important;}
	  .under004-list-item3{margin-right: 0 !important;}
      .under004-list-item__circle {
        width: 100%; }
      .under004-list-item__title {
        position: absolute;
        padding-left: 2vw;
        height: 2.03vw;
        width: 11.82vw;
        max-width: 192px;
        max-height: 33px;
        padding-top: .25vw;
        font: 400 1.11vw "DINOTMedium", sans-serif;
        color: #fff;
        top: 15.8%;
        left: 10.5%;
        background-size: 100% auto;
        background-position: left top; }
      .under004-list-item .orange {
        background-image: url("../img/bar-orange.png"); }
      .under004-list-item .blue {
        background-image: url("../img/bar-blue.png"); }
      .under004-list-item .green {
        background-image: url("../img/bar-green.png"); }
      .under004-list-item .pink {
        background-image: url("../img/bar-pink.png"); }
      .under004-list-item__msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        font: 400 1.2vw "NotoSansCJKjpBold", sans-serif !important;
        text-align: center; }
      .under004-list-item__img {
        width: 6vw;
        max-width: 90px;
        position: absolute;
        bottom: -35px;
        right: -35px;
        transform: translate(-50%, -50%);
        border-radius: 50%; }

@media screen and (max-width: 1200px) {
.under004-list-item__title {top: 16.4%; left: 11.2%;}
  .under004-list-item__msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font: 400 1.5vw "NotoSansCJKjpBold", sans-serif !important;
    text-align: center; }
	    .under004-list-item {
      width: 30%;
	  margin: 0 3% 50px 0;
      position: relative;
	  float: left; }
	  .under004-list-item2{margin-left: 0 !important;}
	  .under004-list-item3{margin-right: 3% !important;}
	  .under004-list-item__img {
        width: 8vw;
        bottom: -36px;
        right: -36px;}}
		
@media screen and (max-width: 900px) {.under004-list {padding: 40px 16px 0px;}}
@media screen and (max-width: 768px) {

	  .under004-list-item2{margin-left: 0 !important;}
	  .under004-list-item3{margin-right: 0 !important;}
    .under004-list {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-top: 2.32vw; }
      .under004-list-item {
        margin: 0 20px 40px 0 !important;
        width: calc(50% - 20px);
        position: relative; }
        .under004-list-item__circle {
          width: 100%; }
        .under004-list-item__title {
          position: absolute;
          padding-left: 4vw;
          height: 4.2vw;
          width: 25vw;
          max-width: 192px;
          max-height: 33px;
          padding-top: .45vw;
          font: 400 2.41vw "DINOTMedium", sans-serif;
          color: #fff;
          top: 15.5%;
          left: 9.5%;
          background-size: 100% auto;
          background-position: left top; }

        .under004-list-item__img {
          width: 12vw;
          max-width: 90px;
          position: absolute;
          bottom: -32px;
          right: -32px;
          transform: translate(-50%, -50%); }
		
  .under004-list-item__msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font: 400 2.2vw "NotoSansCJKjpBold", sans-serif !important;
	line-height: 1.2 !important;
    text-align: center; }
	}
	
@media screen and (max-width: 480px) {
.under004-list {padding: 28px 0 0px;}
.under004-list-item { margin: 0 10px 30px 0 !important; width: calc(50% - 10px);}}

.aform-content .submit { background: #fff !important; }
.aform-content .submit input {
    margin: 0 6px;
    padding: 5px 16px;
	text-align: center;
    font-size: 160%;
	font-weight: bold;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #bbb !important;
}
.aform-content .submit input:hover {
color: #fff !important;
background: rgb(100,152,171);
background: linear-gradient(0deg, rgba(100,152,171,1) 0%, rgba(76,122,138,1) 42%, rgba(140,178,191,1) 100%);}
label.aform-label { color: #518294; font-weight: bold; font-size: 110%; display: inline-block; padding: 4px; border-radius: 5px; border: 1px solid #dff0f7; background:#dff0f7; }
.aform-content dl dt .required {
    position: absolute;
    top: 6px !important;
    right: 8px !important;
}
@media screen and (max-width: 767px) {
.aform-content dl dt .required {margin-top:3px;}
label.aform-label { padding: 4px 6px !important; }
}

#aform_result { text-align: center !important; }
#aform_result a { display: block !important; margin-top: 32px !important; }

/* Add 2020.10 */
.up_date { text-align: right; margin: 20px 20px 20px 0; }

header .header-logoarea__menu__list li:first-child a { font-weight: bold; color: #fff; background-color: #6993a2; }
header .header-logoarea__menu__list li:first-child a:hover { background-color: #518294; }
ul.list-box li a span.list_name { text-align: right; line-height: 1.6 !important; top: auto; left: auto; right: 16px; bottom: 16px; background: none !important; color: #518294 !important; letter-spacing:0 !important; }
@media screen and (max-width: 768px) {ul.list-box li a span.list_name {display: block;position: relative;bottom:0;right:0;}}
@media screen and (max-width: 540px) {ul.list-box li a span.list_name {margin-top: 10px;font-size: 90%;}}


@media screen and (max-width: 540px) {
.footer-middle-list { flex-wrap: wrap; }
.footer-middle-list li { margin-top: 6px; }
.footer-middle-list li a { white-space: nowrap; }}