@charset "UTF-8";
/*PC・タブレット・スマホ共通設定
 ---------------------------------------------------------------------------*/
/* mobile first*/
/* ----
// * ex) @include text-stroke(2, #fff);
---- */
/* font-family */
body {
  font-family: Meiryo, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, sans-serif; }

html {
  font-size: 16px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700; }

h2 {
  font-size: 1.6rem;
  font-weight: normal; }
  @media screen and (min-width: 480px) {
    h2 {
      font-size: 2rem; } }

.h5, h5 {
  font-size: 1.1rem; }

/*
#offerList img,
#corpList img{
   width:100%;
}

 */
/* link */
a {
  color: #142551;
  text-decoration: none; }

/* header image */
.bg_image {
  background: linear-gradient(0deg, rgba(79, 162, 254, 0.14) 80%, #4fa2fe 100%);
  /*
          background: url(../img/top/topimg_02.jpg) no-repeat 80% 4%;

       linear-gradient(0deg, rgba(255,255,255,1) 63%, rgba(79,162,254,1) 87%, rgba(79,162,254,1) 100%)
        */ }
  @media screen and (min-width: 992px) {
    .bg_image {
      background: linear-gradient(0deg, rgba(79, 162, 254, 0.14) 70%, #4fa2fe 100%); } }

/* header logo */
.LogoBlock {
  display: flex;
  align-items: center; }

.LogoBlock__title img {
  max-width: 50px; }
  @media screen and (min-width: 320px) {
    .LogoBlock__title img {
      max-width: 53px; } }
  @media screen and (min-width: 480px) {
    .LogoBlock__title img {
      max-width: 63px; } }

.navbar.Global_nav {
  padding-top: 0; }

.Global_nav .container {
  padding: 0; }

@media screen and (min-width: 992px) {
  .navbar-brand {
    display: none; } }

.LogoBlock__title .Title {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  padding-left: 0.5rem; }
  @media screen and (min-width: 320px) {
    .LogoBlock__title .Title {
      font-size: 1rem; } }
  @media screen and (min-width: 768px) {
    .LogoBlock__title .Title {
      font-size: 1.2rem; } }

.LogoBlock__title span {
  letter-spacing: -1px; }
  @media screen and (min-width: 544px) {
    .LogoBlock__title span {
      letter-spacing: -1px; } }

/* ContainerWrap */
.ContainerWrap {
  position: relative;
  overflow: hidden;
  margin-top: 2rem;
  padding-top: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem; }

/* header menu */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(3,41,99, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.custom-toggler.navbar-toggler {
  /*
    border-color: rgb(0,0, 0);

     */
  background: rgba(255, 255, 255, 0.5);
  padding: .25rem .25rem; }
  @media screen and (min-width: 544px) {
    .custom-toggler.navbar-toggler {
      padding: .25rem .75rem; } }

.flex-container {
  display: flex;
  flex-direction: column; }

.nav_background {
  /*
    background: rgba(255,255,255,0.7);

     */ }

/*  megastyle.css */
.navbar-toggler .hamburger-toggle {
  width: 69px;
  margin-top: -5px; }

.Menu_Text {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(-5px, 6px) scale(0.5);
          transform: translate(-5px, 6px) scale(0.5);
  width: 80px;
  color: #FFF;
  font-weight: bold; }

.SubNav a {
  font-size: 0.8rem; }
  @media screen and (min-width: 1200px) {
    .SubNav a {
      font-size: 0.9rem; } }

.dropdown-item {
  font-size: 0.9rem;
  padding: .5rem 1.5rem; }

.nav-link {
  color: #1a1a1a;
  text-decoration: none; }

@media (min-width: 992px) {
  .navbar-expand-lg.Global_nav .navbar-nav .nav-link {
    padding-right: .6rem;
    padding-left: .6rem; } }

/* footer */
.FooterMenu {
  background: rgba(255, 255, 255, 0.73); }

.FooterMenu ul {
  list-style: none; }

.FooterMenu ul li {
  margin-top: 5px;
  padding: 5px 0 3px 25px; }
  @media screen and (min-width: 768px) {
    .FooterMenu ul li {
      padding: 5px 0 3px 10px;
      margin-top: 0px; } }
  @media screen and (min-width: 992px) {
    .FooterMenu ul li {
      padding: 5px 0 3px 25px; } }

/*
.FooterMenu ul li::before {
    content: '\f104';

    font-weight: 900;
    position: absolute;
    top: 4px;
    left: 0;
    color: green;
}

 */
.FooterMenu li a {
  display: inline-block;
  padding: 0 8px 0 0px; }

.Contact span {
  background: #eee;
  padding: 5px 20px;
  border-radius: 30px; }

.CopyRight {
  margin: 2rem 1rem 5rem;
  padding: 1rem 1rem 7rem 1rem; }

/* Sub Page Common Style*/
.guide {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.PageWrap {
  position: relative;
  overflow: visible; }

.SectionWrap .PageContents {
  background: rgba(255, 255, 255, 0.8);
  padding: 1rem 0.9375rem; }
  @media screen and (min-width: 480px) {
    .SectionWrap .PageContents {
      /*
        padding: 10px;
         */
      padding: 0.9375rem; } }
  @media screen and (min-width: 544px) {
    .SectionWrap .PageContents {
      padding: 30px;
      border-radius: 10px; } }

.SectionWrap .PageContents02 {
  background: white;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.4) 100%);
  padding: 1rem 0.9375rem; }
  @media screen and (min-width: 480px) {
    .SectionWrap .PageContents02 {
      padding: 0.9375rem; } }
  @media screen and (min-width: 544px) {
    .SectionWrap .PageContents02 {
      padding: 30px;
      border-radius: 0.9375rem; } }

.SectionWrap.SectionBack {
  margin-top: -3rem;
  padding-top: 3rem;
  background: #4fa2fe;
  background: linear-gradient(0deg, rgba(79, 162, 254, 0.26) 0%, white 52%, rgba(79, 162, 254, 0.4) 100%); }

.H1Title {
  margin-bottom: 1rem; }

.H1Title__text {
  font-size: 2rem;
  font-weight: normal;
  text-align: center; }

.H1Title__text span {
  /*
    background:#fff;

     */
  border-radius: 10px;
  display: inline-block;
  padding: 0px 20px 10px;
  font-size: 1.5rem; }

.TitleText_01 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1rem;
  padding-left: 0.5rem; }

.TitleText_02 {
  position: relative;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: #ccc thin dotted; }

.TitleText_02::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 30px;
  background-color: #0097A7;
  position: absolute;
  top: 0px;
  left: -10px; }

.TitleText_03 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1rem;
  padding-left: 0.5rem; }

.arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.9375rem; }

.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 10px;
  content: "";
  vertical-align: middle; }

.arrow01::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  /*
    background: #188ffd;

   */ }

.arrow01::after {
  left: 3px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg); }

.arrow02 {
  position: relative;
  /*
    display: inline-block;

     */
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px; }

.arrow02::before,
.arrow02::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle; }

.arrow02-1::before {
  left: 3px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #679bb3; }

.arrow03:before {
  content: "\0bb" "\0020" "\00A0";
  color: #23cb99; }

.LinkButton01 {
  color: #fff;
  background: #679bb3;
  margin-top: 10px;
  border-radius: 30px;
  /*
     padding: 20px 20px 20px 30px !important;
     border: #7eb191 thin dotted;
     font-size: 1.2rem;
      */
  padding: 10px 15px 10px 10px !important;
  /*
     border: #7fbcff thin dotted;

      */
  font-size: 0.9rem; }

a.LinkButton01:hover {
  color: #88fffa; }

.LinkButton02 {
  color: #fff;
  background: #679bb3;
  margin-top: 10px;
  border-radius: 30px;
  /*
    padding: 20px 20px 20px 30px !important;
    border: #7eb191 thin dotted;
    font-size: 1.2rem;
     */
  padding: 15px 15px 15px 30px !important;
  /*
    border: #7fbcff thin dotted;

     */
  font-size: 1.1rem; }

.LinkButton05 {
  background: #f3faf6;
  margin-top: 10px;
  margin-left: 8px;
  border-radius: 10px;
  padding: 10px 10px 10px 30px !important;
  border: #7eb191 thin dotted; }

.LinkButton06 {
  /*
    width:250px;

     */
  font-size: 0.9375rem; }

a.Link_Style05 {
  border-bottom: #4a7eaa  thin solid;
  color: #4a7eaa; }

.Text_08 {
  font-size: 0.8rem; }
  @media screen and (min-width: 320px) {
    .Text_08 {
      font-size: 0.9rem; } }

.Info {
  border: none;
  border-radius: 10px;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.92); }
  @media screen and (min-width: 480px) {
    .Info {
      border: #ccc 1px dotted;
      padding: 2rem 2rem 1.5rem; } }
  @media screen and (min-width: 1200px) {
    .Info {
      padding: 2rem 3rem 1.5rem; } }
  @media screen and (min-width: 1440px) {
    .Info {
      padding: 2rem 8rem 1.5rem; } }

.Info__image {
  background: url(../img/image_09.png) no-repeat 150% 120%; }

.Info ol {
  margin-top: 15px;
  margin-bottom: 15px; }

.Info__text {
  font-size: 0.9rem;
  color: #4e781d;
  margin-left: 30px; }

/*   */
.Padding_infotext {
  padding: 1rem;
  margin-bottom: 1rem; }

.BlockStyle_01 {
  border: #ccc thin dotted;
  border-radius: 10px;
  padding: 0.5rem; }
  @media screen and (min-width: 544px) {
    .BlockStyle_01 {
      padding: 2rem 2rem 1.5rem; } }

.Tab {
  border-bottom: #ccc thin dotted; }
  @media screen and (min-width: 480px) {
    .Tab {
      border: none; } }

.Tab .nav-link {
  padding: .5rem; }
  @media screen and (min-width: 480px) {
    .Tab .nav-link {
      padding: .5rem 1rem; } }

/* URL改行 */
.textbreak {
  word-break: break-all; }

.textbreak02 {
  white-space: normal; }

/* Line-height */
.LineHeight_1rem {
  line-height: 1rem; }

/* form button parts style*/
.Bgroup::after {
  content: "";
  display: block;
  clear: both; }

@media screen and (min-width: 544px) {
  .jkind, .ekind {
    width: 50%;
    float: left; } }

@media screen and (min-width: 768px) {
  .jkind02 {
    width: 50%;
    float: left; } }

input[type=radio].button_padding {
  margin: 5px 3px 5px 10px; }

.Calc .form-control {
  width: 60px;
  padding: .375rem; }

/* 奇数で改行
input{display: inline;}
input:nth-of-type(4n)::before {
   content:"\d\a";white-space: pre;
}

 */
/* フォームパーツはみ出し対策*/
.BorderBox {
  box-sizing: border-box; }

/* bootstrap button bg border alert color */
.btn-primary {
  background-color: #17a2b8;
  border: none; }

.bg-success {
  background-color: #17a2b8 !important; }

.bg-color10 {
  background-color: rgba(70, 196, 253, 0.2); }

.bg-color11 {
  background-color: rgba(68, 178, 111, 0.45); }

.bg-color12 {
  background-color: rgba(134, 183, 186, 0.31); }

.bg-color13 {
  background-color: rgba(208, 231, 177, 0.45); }

.bg-color14 {
  background-color: rgba(206, 244, 245, 0.45); }

.bg-color15 {
  background-color: rgba(71, 192, 255, 0.12); }

.alert-danger {
  color: #721c24;
  background-color: #ffeff0;
  border-color: #f5c6cb; }

.alert-primary {
  color: #444444;
  background-color: #e6f2fe; }

.border-success {
  border-color: #039782 !important; }

.btn-how {
  background-color: #849194; }

.alert-warning {
  background-color: #fff9e6; }

.alert-success {
  /*
    background-color: #f3faf6;
     */
  background-color: rgba(193, 241, 238, 0.3); }

.btn-working-guide01 {
  background-color: rgba(2, 146, 247, 0.15);
  border: #c0e4ed thin solid; }

.btn-working-guide02 {
  background-color: #17a2b8;
  border: none; }

/* icon image filter */
.icon_filter01 {
  -webkit-filter: grayscale(60%);
          filter: grayscale(60%);
  /*
    filter: sepia(40%);
    filter:hue-rotate(25deg);
    filter: saturate(50%);
    filter: brightness(150%);
     */ }

.icon_filter02 {
  -webkit-filter: grayscale(30%);
          filter: grayscale(30%); }

.icon_filter03 {
  -webkit-filter: hue-rotate(180deg);
          filter: hue-rotate(180deg); }

.icon_filter04 {
  -webkit-filter: hue-rotate(270deg);
          filter: hue-rotate(270deg); }

/* News Style */
@media (min-width: 768px) and (max-width: 991px) {
  .Cityinfo, .Corpinfo {
    padding-left: 30%; } }

.Cityinfo > div,
.Corpinfo > div {
  padding-top: 10px;
  /*
    padding-bottom:10px;

     */ }

.Cityinfo__title {
  padding: 3px 0px;
  /*
    background: #67d4d2;
    background: #669f8a;
    background-color:rgba(23,162,184, 0.65);

     */
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 30px;
  color: #346160;
  font-size: 0.9rem;
  display: inline-block;
  width: 100px;
  text-align: center; }

.Cityinfo__title.-color01 {
  border: #599291 1px solid;
  box-shadow: 4px 4px #599291; }

.Cityinfo__title.-color02 {
  border: #5db1b2 1px solid;
  box-shadow: 4px 4px rgba(93, 170, 178, 0.7); }

.Cityinfo__title.-color03 {
  border: #78ac5d 1px solid;
  box-shadow: 4px 4px rgba(120, 172, 93, 0.7); }

.Cityinfo__title.-color04 {
  border: #4eb28d 1px solid;
  box-shadow: 4px 4px rgba(78, 178, 141, 0.7); }

.-border_bottom {
  border-bottom: #ccc thin dotted; }

.-border_bottom02 {
  border-bottom: #ccc thin dotted; }
  @media screen and (min-width: 992px) {
    .-border_bottom02 {
      border-bottom: none; } }

.-border_bottom03 {
  border-bottom: none; }
  @media screen and (min-width: 992px) {
    .-border_bottom03 {
      border-bottom: #ccc thin dotted; } }

.ArticleCard {
  background-color: #faf9f7; }

.Linehight_style {
  line-height: .8; }

/* topへ */
#pagetop {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #6d787a;
  opacity: 0.6;
  border-radius: 50%;
  z-index: 1000; }

#pagetop a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center; }

#pagetop a::before {
  content: '\025b2';
  font-weight: 900;
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto; }

/* Photo style */
.container-item-img {
  position: relative; }

.container-item-img img {
  display: block;
  height: 230px;
  font-family: 'object-fit: cover';
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ccc; }

.zoomstyle {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 8px 2px;
  font-size: 1.2rem;
  color: #3F51B5; }

/* search box */
.TextSearchBox {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 24px;
  max-width: 800px;
  /*
    background: pink;

     */ }

.TextSearchBox img {
  max-width: 22px;
  height: auto;
  display: block; }

.TextSearchBox button {
  background-color: transparent; }

.Box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  border: #ccc thin solid;
  border-radius: 30px; }

.Box-SearchInput {
  border-radius: 4px;
  border: none;
  width: 100%;
  height: 45px;
  letter-spacing: 0.1em;
  padding-left: 20px;
  padding-right: 55px;
  background: transparent;
  color: #000;
  font-size: 14px; }

.input.text:focus-visible,
.Box-SearchInput:focus-visible,
.TextSearchBox:focus-visible {
  outline: none; }

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important; }

.Box-SearchInput_02 {
  border-radius: 4px;
  border: none;
  height: 45px;
  letter-spacing: 0.1em;
  padding-left: 20px;
  padding-right: 55px;
  background: transparent;
  color: #000;
  font-size: 14px; }

.Box-SearchInput_03 {
  border-radius: 30px;
  height: 45px;
  letter-spacing: 0.1em;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  color: #000;
  padding-top: 11px;
  border: #ccc thin solid;
  text-align: center;
  font-size: 14px; }

.Box-SearchInput_03 a {
  vertical-align: middle; }

@media screen and (max-width: 540px) {
  .Box-SearchInput {
    height: 45px;
    padding-right: 45px;
    font-size: 12px; } }

.Box-Btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  border: none;
  border-radius: 0 4px 4px 0;
  /*
       background: #2f2e2e;
    */
  vertical-align: middle; }

@media screen and (max-width: 540px) {
  .Box-Btn {
    width: 45px;
    height: 45px;
    line-height: 45px; } }

.Box-Btn-Icon {
  margin-left: auto;
  margin-right: auto;
  width: 19px;
  height: 19px; }

.Type_Back {
  background: #ffe3ed;
  font-size: 0.9rem;
  padding: 3px 5px 0 5px;
  margin: 5px 3px;
  border-radius: 5px; }

.Word_Back {
  background: #d7eef3;
  font-size: 0.9rem;
  padding: 3px 5px 0 5px;
  margin: 5px 3px;
  border-radius: 5px; }

.Icon_Back01 {
  background: rgba(71, 193, 123, 0.53);
  font-size: 0.7rem;
  padding: 3px 5px 0 5px;
  margin: 5px 3px;
  border-radius: 10px;
  color: #067e5b; }

.Icon_Back02 {
  background: #067e5b;
  font-size: 0.7rem;
  padding: 3px 5px 0 5px;
  margin: 5px 3px;
  border-radius: 10px;
  color: #FFF; }

.Icon_Back03 {
  background: rgba(71, 193, 123, 0.53);
  display: inline-block;
  padding: 3px 10px 0 10px;
  margin: 10px 10px 10px 0;
  border-radius: 30px;
  color: #067e5b; }

div.Hover_Back:hover {
  background: #e7faff; }

div.Separation {
  border-top: #99bfc9 thin solid;
  padding-top: 10px;
  margin-top: 3rem; }
  @media screen and (min-width: 992px) {
    div.Separation {
      border-top: none;
      padding-top: 0px;
      margin-top: 0px; } }

.Separation img {
  max-width: 29px;
  padding-right: 10px; }

/* MegaMenu */
.navbar.MegaMenu {
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (min-width: 480px) {
    .navbar.MegaMenu {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; } }

.MegaMenu .MaxSize {
  max-width: 303px; }

.MegaMenu .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.9); }

.MegaMenu span.mark::before {
  content: '\f105';
  font-weight: 900;
  position: absolute;
  top: 4px;
  left: 0;
  color: green; }

/*  マーカーライン */
.marker_lime {
  background: linear-gradient(#fff 15%, #c1f1ee 20%, #b6ffe7 40%, #fff 50%);
  margin: 0px 50px 0px 50px; }
  @media screen and (min-width: 768px) {
    .marker_lime {
      margin: 0px 20px 0px 20px; } }
  @media screen and (min-width: 992px) {
    .marker_lime {
      margin: 0px 50px 0px 50px; } }

.marker_lime02 {
  background: linear-gradient(#fff 15%, #c1f1ee 20%, #b6ffe7 40%, #fff 50%);
  margin: 0px 50px 0px 50px;
  padding-bottom: 10px; }

.marker_lime03 {
  background: linear-gradient(#fff 15%, #c1f1ee 20%, rgba(78, 151, 242, 0.36) 40%, #fff 50%);
  margin: 0px 50px 0px 50px; }

/* page-top */
/* ボタンのスタイル */
.page-top {
  /* buttonタグのリセットCSS */
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* ボタンの装飾 */
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(39, 74, 91, 0.73);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease; }

/* 矢印のスタイル */
.page-top::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-bottom: -6px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

/* ホバー時のスタイル */
.page-top:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

button.page-top:focus {
  outline: none; }

/*  シャドウスタイル */
.text_style01 {
  text-shadow: 2px 0 0 rgba(255, 255, 255, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5), 0 -2px 0 rgba(255, 255, 255, 0.5), 0 2px 0 rgba(255, 255, 255, 0.5), 2px 2px 0 rgba(255, 255, 255, 0.5), -2px 2px 0 rgba(255, 255, 255, 0.5), 2px -2px 0 rgba(255, 255, 255, 0.5), -2px -2px 0 rgba(255, 255, 255, 0.5), 1px 2px 0 rgba(255, 255, 255, 0.5), -1px 2px 0 rgba(255, 255, 255, 0.5), 1px -2px 0 rgba(255, 255, 255, 0.5), -1px -2px 0 rgba(255, 255, 255, 0.5), 2px 1px 0 rgba(255, 255, 255, 0.5), -2px 1px 0 rgba(255, 255, 255, 0.5), 2px -1px 0 rgba(255, 255, 255, 0.5), -2px -1px 0 rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.5), -1px 1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(255, 255, 255, 0.5); }

/* ListMark_None */
.ListMark_None {
  list-style-type: none; }

.ListMark_None02 {
  list-style-position: inside;
  list-style-type: none; }

/* 東葛テクノプラザ概要---- */
/*-- 新着情報 ---------------------*/
.Sub_Button_Area {
  position: relative;
  overflow: visible;
  margin-top: 2rem;
  padding-top: 1rem; }

.About_Us_Back .Fluid_Back {
  padding: 15rem 0 5rem;
  /*
    background:linear-gradient(0deg,  rgba(238, 246, 255, 1) 0%, rgba(79, 162, 254, 1) 89%, rgb(78, 151, 242) 100%);
    */
  background: url("../img/top/topimg_101.png"), linear-gradient(0deg, #eef6ff 0%, #4fa2fe 89%, #4a7bd2 100%);
  background-repeat: no-repeat;
  background-position: 100% -2%; }
  @media screen and (min-width: 992px) {
    .About_Us_Back .Fluid_Back {
      background: url("../img/top/topimg_103.png"), url("../img/top/topimg_102.png"), url("../img/top/topimg_101.png"), linear-gradient(0deg, #eef6ff 0%, #4fa2fe 89%, #4a7bd2 100%);
      background-repeat: no-repeat, no-repeat, no-repeat;
      background-position: -8% 3%, 50% -20%, right top; } }

.About_Us_Inner {
  margin-top: -15rem; }

.About_Us_h2 {
  line-height: 1.1;
  padding: 7px 0 7px 0;
  margin-bottom: 0;
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55506) 50%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  font-family: "游明朝","Yu Mincho",Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: bold;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 992px) {
    .About_Us_h2 {
      z-index: 0; } }

.About_Us_Image {
  position: relative;
  z-index: 1;
  margin-top: -5rem;
  text-align: center;
  overflow: hidden; }
  @media screen and (min-width: 1200px) {
    .About_Us_Image {
      overflow: visible; } }

.About_Us_Image img {
  width: 100%;
  min-width: 500px; }
  @media screen and (min-width: 544px) {
    .About_Us_Image img {
      width: unset;
      max-width: 700px; } }
  @media screen and (min-width: 768px) {
    .About_Us_Image img {
      max-width: 1101px; } }

.Servise_Image {
  width: 100%;
  max-width: 262px; }

.SectionTitle h2.About_Us_h2 span.H2_Sub {
  color: #fff;
  font-size: 1.3rem;
  text-shadow: 2px 0 0 rgba(25, 66, 143, 0.24), -2px 0 0 rgba(25, 66, 143, 0.24), 0 -2px 0 rgba(25, 66, 143, 0.24), 0 2px 0 rgba(25, 66, 143, 0.24), 2px 2px 0 rgba(25, 66, 143, 0.24), -2px 2px 0 rgba(25, 66, 143, 0.24), 2px -2px 0 rgba(25, 66, 143, 0.24), -2px -2px 0 rgba(25, 66, 143, 0.24), 1px 2px 0 rgba(25, 66, 143, 0.24), -1px 2px 0 rgba(25, 66, 143, 0.24), 1px -2px 0 rgba(25, 66, 143, 0.24), -1px -2px 0 rgba(25, 66, 143, 0.24), 2px 1px 0 rgba(25, 66, 143, 0.24), -2px 1px 0 rgba(25, 66, 143, 0.24), 2px -1px 0 rgba(25, 66, 143, 0.24), -2px -1px 0 rgba(25, 66, 143, 0.24), 1px 1px 0 rgba(25, 66, 143, 0.24), -1px 1px 0 rgba(25, 66, 143, 0.24), 1px -1px 0 rgba(25, 66, 143, 0.24), -1px -1px 0 rgba(25, 66, 143, 0.24);
  padding-left: 1rem; }
  @media screen and (min-width: 544px) {
    .SectionTitle h2.About_Us_h2 span.H2_Sub {
      font-size: 1.5rem; } }

.SectionTitle h2.About_Us_h2 span.H2_Name {
  text-shadow: 2px 0 0 rgba(255, 255, 255, 0.2), -2px 0 0 rgba(255, 255, 255, 0.2), 0 -2px 0 rgba(255, 255, 255, 0.2), 0 2px 0 rgba(255, 255, 255, 0.2), 2px 2px 0 rgba(255, 255, 255, 0.2), -2px 2px 0 rgba(255, 255, 255, 0.2), 2px -2px 0 rgba(255, 255, 255, 0.2), -2px -2px 0 rgba(255, 255, 255, 0.2), 1px 2px 0 rgba(255, 255, 255, 0.2), -1px 2px 0 rgba(255, 255, 255, 0.2), 1px -2px 0 rgba(255, 255, 255, 0.2), -1px -2px 0 rgba(255, 255, 255, 0.2), 2px 1px 0 rgba(255, 255, 255, 0.2), -2px 1px 0 rgba(255, 255, 255, 0.2), 2px -1px 0 rgba(255, 255, 255, 0.2), -2px -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.2), -1px 1px 0 rgba(255, 255, 255, 0.2), 1px -1px 0 rgba(255, 255, 255, 0.2), -1px -1px 0 rgba(255, 255, 255, 0.2);
  text-align: left;
  padding-left: 30px;
  font-size: 1.5rem; }
  @media screen and (min-width: 544px) {
    .SectionTitle h2.About_Us_h2 span.H2_Name {
      font-size: 1.7rem; } }

.Tech_kun_image01Wrap {
  position: relative;
  overflow: visible; }

.Tech_kun_image01 {
  /*
    background: url("../img/top/tech_kun01.png") no-repeat 95% -3% ;

     */
  overflow: visible;
  text-align: center;
  background-color: rgba(196, 253, 22, 0.09); }

/*- SubMenu -*/
.SubMenu_Wrap {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  margin-top: -0.5rem; }

.SubMenu_Wrap a {
  color: #fff; }

nav.submenu .submenu_back {
  padding: 0 1.5rem; }

.submenu_button {
  background: rgba(39, 74, 91, 0.5);
  border-radius: 30px;
  margin: 5px 5px 0;
  text-align: center;
  padding: 3px 15px 3px; }
  @media screen and (min-width: 1440px) {
    .submenu_button {
      margin-top: 0; } }

nav .submenu_button span {
  color: #ccc;
  padding: 0 0.2em 0 0; }

/*  Rentallab */
.Rentallab {
  background: #fff url("../img/rentallab.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 160%;
  /*
    @include screen-mq(xxl) {
        background-size: auto;
        background-color: white;
        background-position: 50% 20px;
    }
*/ }
  @media screen and (min-width: 768px) {
    .Rentallab {
      background-size: contain;
      background-position: right top; } }

.Rentallab .ptstyle_01 {
  padding-top: 6rem; }
  @media screen and (min-width: 320px) {
    .Rentallab .ptstyle_01 {
      padding-top: 10rem; } }
  @media screen and (min-width: 768px) {
    .Rentallab .ptstyle_01 {
      padding-top: 140px; } }
  @media screen and (min-width: 992px) {
    .Rentallab .ptstyle_01 {
      padding-top: 140px; } }

.Rentallab .ptstyle_02 {
  padding-top: 30px; }
  @media screen and (min-width: 1440px) {
    .Rentallab .ptstyle_02 {
      padding-top: 60px; } }

ol.List_Style01 > li {
  list-style-type: none;
  counter-increment: cnt; }

ol.List_Style01 > li::before {
  content: "(" counter(cnt) ") "; }