@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");

/*reset*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
sup {
  padding: 0;
  margin: 0;
}

/*Sp切替*/
.Sp-blk {
  display: none !important;
}
.Sp-hid {
  display: block !important;
}
@media (max-width: 768px) {
  .Sp-blk {
    display: block !important;
  }
  .Sp-hid {
    display: none !important;
  }
  .Sp-flex-block {
    display: block !important;
  }
  .Sp-flex-block li.img {
    width: 100% !important;
    padding-bottom: 2rem;
  }
}

/*	font*/

.Min {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.red-text {
  color: #d90000;
}

.atten {
  font-size: 0.76rem;
  padding-top: 1rem;
}

.bld {
  font-weight: bold;
}

/*	A*/

A {
  color: #000;
  text-decoration: none;
}

A:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.8;
}

/*	List*/

li {
  list-style: none;
}

ul.ChkList {
  padding: 1.5rem;
  border: 1px solid #eee;
  /*box-shadow: 2px 2px 3px rgba(0,0,0,0.2);*/
  margin-top: 1rem;
}
ul.ImgList {
  padding: 1.5rem;
  border: 1px solid #eee;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin-top: 1rem;
  background-color: #fff;
  line-height: 2;
}
ul.ChkList li {
  line-height: 2;
  background-image: url("../img/icon-check.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5rem;
}

@media (max-width: 768px) {
  ul.ChkList li {
    background-position: left top 6px !important;
  }
}
ul.ChkList li.bg-blue {
  background-image: none;
  padding: 2rem !important;
  margin-top: 1rem;
}
ul.ImgList li {
  width: 100%;
}
ul.ImgList li.img {
  width: 40%;
}
ul.ImgList li.img img {
  width: 100%;
}
ul.ImgList li.img + li {
  width: 100%;
}
ul.ImgList h5 {
  font-size: 1.6rem;
  padding: 0 0 1rem;
}
ul.ImgListNonB li {
  width: 100%;
}
ul.ImgListNonB li.img {
  width: 70%;
}
ul.ImgListNonB li.img img {
  width: 100%;
}
ul.gropeList li {
  width: 100%;
}
ul.gropeList li:first-child {
  padding-right: 1rem;
}
ul.gropeList li:last-child {
  padding-left: 1rem;
}
ul.gropeList li p {
  padding: 1rem;
  border-bottom: 1px solid #e6e6e6;
}
ul.gropeList li p A {
  background-image: url("../img/icon-window.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
}

@media (max-width: 768px) {
  ul.gropeList {
    display: block;
  }
  ul.gropeList li:first-child {
    padding-right: 0;
  }
  ul.gropeList li:last-child {
    padding-left: 0;
  }
  .subCntblk,
  .subCntblk-gray,
  .subCntblk-gray .SubCnt-inblk {
    padding: 1rem !important;
  }
  .subCntblk h5 {
    font-size: 1rem !important;
  }
}

.subCntblk {
  padding: 1.5rem;
  border: 1px solid #eee;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin-top: 1rem;
  background-color: #fff;
  line-height: 2;
}
.subCntblk h5 {
  background-color: #edf6f9;
  padding: 1rem;
  margin-bottom: 1rem;
}
.subCntblk ul.ImgList {
  border: 0px solid #eee;
  box-shadow: none;
  margin-top: 0rem;
  padding: 0;
}

.subCntblk-gray {
  padding: 1.5rem;
  margin-top: 1rem;
  background-color: #f2f2f2;
}

.subCntblk-gray .SubCnt-inblk {
  padding: 1.5rem;
  margin-top: 1rem;
  background-color: #fff;
}
.subCntblk-gray .SubCnt-inblk .Stepttl {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 1rem;
}
.subCntblk-gray .SubCnt-inblk .Stepttl p {
  width: 100%;
}
.subCntblk-gray .SubCnt-inblk .step {
  color: #fff;
  background-color: #00a0e9;
  text-align: center;
  padding: 0.3rem 0.7rem;
  line-height: 1;
  margin-right: 1rem;
  display: block;
}
.subCntblk-gray .SubCnt-inblk .step span {
  font-size: 2rem;
  display: block;
}
.subCntblk-gray h5 {
  padding: 0;
  background-color: #f2f2f2;
}

/*table*/

@media (max-width: 768px) {
  th {
    display: block;
    width: 100% !important;
    padding: 0.5rem 0 0 !important;
    color: #00a0e9;
    font-size: 1rem;
  }
  td {
    display: block;
    width: 100% !important;
    padding: 0 0 0.5rem !important;
  }
  td ul.flex {
    display: block;
  }
  .table-area-comp th:before {
    display: none;
  }
  .table-area-comp td ul.flex li:last-child {
    padding-left: 0 !important;
  }
  .table-area-comp td ul.flex li:first-child {
    padding-right: 0 !important;
    white-space: normal !important;
  }
}

.table-area table {
  width: 100%;
  border-top: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
.table-area th {
  background-color: #f8d7e5;
  padding: 0.25rem;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.table-area td {
  padding: 0.25rem;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.table-area-form {
  padding-top: 1rem;
}
.table-area-form table {
  width: 100%;
  border-top: 0px;
  border-right: 0px;
}
.table-area-form th {
  background-color: #f8d7e5;
  padding: 1rem;
  border-left: 0px;
  border-bottom: 0px;
}
.table-area-form td {
  padding: 1rem;
  border-left: 0px;
  border-bottom: 0px;
}
p.required span {
  color: #00a0e9;
  padding-right: 0.5rem;
}
p.required {
  padding-top: 2rem;
}

.table-area-comp {
  padding: 2rem 0;
}
.table-area-comp table {
  width: 100%;
  border-top: 0;
  border-right: 0;
}
.table-area-comp th {
  position: relative;
  width: 20%;
  background-color: none;
  padding: 0.5rem 1rem 1rem 1rem;
  border-left: 0;
  border-bottom: 0;
  vertical-align: text-top;
}
.table-area-comp th:before {
  position: absolute;
  content: "";
  border-left: 2px solid #cecece;
  height: 40px;
  top: 0;
  bottom: 0;
  left: 0;
}
.table-area-comp td {
  padding: 1rem;
  border-left: 0;
  border-bottom: 0;
}

.table-area-comp td ul.flex li:first-child {
  padding-right: 1rem;
  white-space: nowrap;
}
.table-area-comp td ul.flex li:last-child {
  padding-left: 1rem;
}

.table-area-inptform {
  padding-top: 1rem;
}
.table-area-inptform table {
  width: 100%;
  border-top: 0px;
  border-right: 0px;
}
.table-area-inptform th {
  white-space: nowrap;
  padding: 1rem;
  border-left: 0px;
  border-bottom: 0px;
  font-size: 1rem;
}
.table-area-inptform th span {
  color: #00a0e9;
  padding-right: 0.5rem;
}

.table-area-inptform td {
  padding: 1rem;
  border-left: 0px;
  border-bottom: 0px;
}

/*	Flex*/

.flex {
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 768px) {
  .sp-blk {
    display: block !important;
  }
}

/*Img*/

.imgArea-center {
  padding: 1rem 0;
  text-align: center;
}
.nb-img img {
  width: 100%;
  margin: 0.5rem 0;
}

@media (max-width: 768px) {
  .imgArea-center img {
    width: 100%;
  }
}

/*base*/

body {
  font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", sans-serif;
  font-size: 0.86rem;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/*tamplate*/

.ContentsHeader {
  padding: 0;
  height: 220px;
  overflow: hidden;
  position: relative;
}
.ContentsHeader .container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}
.ContentsHeader .container .Cntttl {
  padding: 1rem 0;
  position: relative;
}
.ContentsHeader .container .Cntttl:after {
  content: "";
  display: block;
  width: 840px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.ContentsHeader .container .Cntttl h1 {
  color: #fff;
  font-weight: bold;
  width: 280px;
}

.ContentsHeader img {
  width: 100%;
}
@media (max-width: 768px) {
  aside {
    width: 100% !important;
    margin-right: 0 !important;
    padding: 0 0 4rem 0 !important;
  }
  aside li a {
    padding: 1rem !important;
  }
  .SideNav {
    padding: 0.5rem;
  }
  .inCnt {
    width: 100% !important;
    padding: 0.5rem !important;
  }

  .ContentsHeader {
    height: auto !important;
  }

  .ContentsHeader .container {
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .ContentsHeader .container .Cntttl {
    width: 100% !important;
    text-align: center;
  }
  .ContentsHeader .container .Cntttl h1 {
    width: 100% !important;
  }
  .ContentsHeader .container .Cntttl:after {
    content: none;
  }
  ul.nav-tabs .nav-item {
    width: 49% !important;
  }
  .inCnt .CntIntro {
    display: block;
  }
  .inCnt .Clumn-Area {
    display: block;
  }
  .SideBlk {
    display: none;
  }
}

aside {
  width: 280px;
  border-top: 4px solid #00a0e9;
  padding: 4rem 0 0 0;
  margin-right: 20px;
}
.container.flex > .row {
  width: calc(100% + var(--bs-gutter-x));
  flex-wrap: nowrap;
}
.container.flex > .row > aside {
  flex: 0 0 280px;
  width: 280px;
  max-width: 280px;
}
.container.flex > .row > .inCnt {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 300px);
}
@media (max-width: 768px) {
  .container.flex {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .container.flex > .row {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    flex-wrap: wrap;
  }
  .container.flex > .row > aside,
  .container.flex > .row > .inCnt {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
aside li a {
  width: 100%;
  display: block;
  padding: 1rem 0;
  border-bottom: 1px solid #cecece;
}
aside li a:hover {
  color: #00a0e9;
  border-bottom: 1px solid #00a0e9;
}
aside li.active a {
  font-weight: bold;
  color: #f19ec2;
  font-size: 0.92rem;
}
aside nav h5 {
  color: #00a0e9;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 3rem 0 1rem;
}
aside nav h5:after {
  border-top: 2px solid #00a0e9;
  content: "";
  flex-grow: 1;
}
aside nav h5:after {
  margin-left: 1rem;
}
aside ul.Catg li.active a {
  font-weight: bold;
  color: #00a0e9;
  font-size: 0.92rem;
}
.SideBlk {
  border: 1px solid #cecece;
  padding-top: 2rem;
  width: 100%;
  position: relative;
  margin-top: 2rem;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  padding: 1.2rem;
  border-radius: 0.25rem;
}
.SideBlk img {
  width: 100%;
}
.SideBlk h3 {
  font-size: 2rem;
  font-weight: bold;
  padding: 0.8rem 0;
}
.SideBlk.hopsmall h3 {
  font-size: 1.8rem;
}
.SideBlk h3 span {
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
}
.SideBlk p {
  padding-top: 1rem;
}

.SideBlk .ttl-center {
  text-align: center;
  font-weight: bold;
}
.SideBlk .ttl-center p {
  font-size: 1rem;
}

.inCnt {
  width: 840px;
  padding: 0 0 4rem;
  position: relative;
}
/*.inCnt section{
		padding: 0 0 4rem;
	}*/

@media (max-width: 768px) {
  .inCnt .Tab-Area,
  .inCnt .Tab-AreaIn {
    width: 96% !important;
  }
}
.inCnt section:last-child {
  padding-bottom: 0rem;
}
.inCnt .Tab-Area {
  position: absolute;
  top: -50px;
  width: 100%;
  padding: 0;
}
.inCnt .Tab-AreaIn {
  position: absolute;
  padding: 0.5rem;
  top: -50px;
  width: 100%;
}
ul.nav-tabs {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
ul.nav-tabs .nav-item {
  width: 50%;
}
ul.nav-tabs .nav-item a.nav-link {
  border: 0;
  background-color: #00a0e9;
  border-radius: 0;
  height: 50px;
  color: #fff;
  background-image: url("../img/icon-arrow02w.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
}
ul.nav-tabs .nav-item a.nav-link.active,
ul.nav-tabs .nav-item a.nav-link:hover {
  border: 0;
  background-color: #fff;
  border-radius: 0;
  color: #00a0e9;
  font-size: 1rem;
  font-weight: 500;
  background-image: none;
}
ul.nav-tabs .nav-item a.nav-link:hover:after {
  content: none;
}
.tab-content {
  padding: 4rem 0 0 0;
}
.inCnt .CntIntro {
  padding: 2rem 0;
}
.inCnt .CntIntro .readArea {
  width: 100%;
}
@media (max-width: 768px) {
  .inCnt .CntIntro .ImgArea {
    padding-top: 1rem;
    padding-left: 0rem !important;
    width: 100% !important;
  }
}

.inCnt .CntIntro .readArea h3 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #00a0e9;
  line-height: 1.4;
}
.inCnt .CntIntro .readArea h3 + P {
  padding-top: 1rem;
  line-height: 1.6;
}
.inCnt .CntIntro .ImgArea {
  padding-left: 2rem;
  width: 70%;
}
.inCnt .CntIntro .ImgArea img {
  width: 100%;
}

.inCnt .Clumn-Area {
  border: 1px solid #00a0e9;
  margin-top: 2rem;
}
.inCnt .Clumn-Area h4 {
  color: #fff;
  position: relative;
  background-color: #00a0e9;
  padding: 0.25rem 1rem;
}
.inCnt .Clumn-Area h4 span {
  position: absolute;
  font-size: 0.86rem;
  right: 1rem;
  top: 0.5rem;
  margin: auto;
}
.inCnt .Clumn-Area ul {
  padding: 1rem;
  line-height: 2;
  font-weight: 500;
}
.inCnt .Clumn-Area .TtlArea {
  color: #fff;
  position: relative;
  background-color: #00a0e9;
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.inCnt .Clumn-Area .TtlArea span {
  display: block;
  font-size: 0.86rem;
}
.inCnt .Clumn-Area .clmun-blk {
  padding: 1rem;
}
.inCnt .Clumn-Area ul.ChkList {
  margin-top: 0;
  border: 0px solid #eee;
}

.inbg_gray article {
  background-color: #fff;
  padding: 2rem;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .inbg_gray article {
    padding: 2rem 1rem !important;
  }
  .inqArea .inqttl h5 {
    font-size: 1.5rem !important;
  }
  .inqArea .inqttl h5 + P {
    letter-spacing: -1px;
  }
  .inqArea .cntInqArea {
    display: block !important;
  }
  .inqArea .cntInqArea .Tokyo {
    border-right: 0px !important;
    border-bottom: 1px solid #cecece;
    margin-bottom: 1rem;
  }
}
.inbg_gray article:last-child {
  margin-bottom: 0rem;
}
.PanLink {
  padding: 1rem;
  font-size: 0.8rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.inqArea {
  padding: 1.5rem !important;
  border: 1px solid #eee;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin-top: 1rem;
  position: relative;
  text-align: center;
}
.inqArea .inqttl {
  padding-bottom: 1.6rem;
}
.inqArea .inqttl h5 {
  font-size: 1.8rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cecece;
  position: relative;
}
.inqArea .inqttl h5:after {
  content: "";
  width: 200px;
  height: 3px;
  background-color: #00a0e9;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: auto;
}
.inqArea .inqttl h5 + P {
  padding-top: 1rem;
  font-size: 0.92rem;
  font-weight: 500;
}
.inqArea .cntInqArea {
  padding-bottom: 1.6rem;
}
.inqArea .cntInqArea .Tokyo {
  width: 100%;
  border-right: 1px solid #cecece;
}
.inqArea .cntInqArea .Oosaka {
  width: 100%;
}
.inqArea .cntInqArea dl {
  position: relative;
  padding: 0 1.6rem;
  margin: 0;
}
.inqArea .cntInqArea dt {
  background-color: #f19ec2;
  color: #fff;
  text-align: center;
  width: auto;
  max-width: 100px;
  padding: 0.16rem 1rem;
  border-radius: 2rem;
  margin: 0 auto 0.5rem;
}
.inqArea .cntInqArea dd.TelArea A {
  color: #00a0e9;
  font-size: 1.2rem;
  font-weight: bold;
  background-image: url("../img/icon-tel.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 2rem;
}
.inqArea .bluBtn {
  width: 80%;
  margin: auto;
}
.PanLink a {
  color: #00a0e9;
}
.PanLink a:after {
  content: ">";
  padding: 0 1rem;
}

/*header*/

header {
  position: relative;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  z-index: 101;
}

header .container {
  background-color: #fff;
  position: fixed;
  padding: 0;
  height: 85px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  font-weight: bold;
}

header .container .hLogo {
  width: auto;
  padding: 0 0 0 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  gap: var(--bs-navbar-brand-margin-end);
}

header .container .hLogo P {
  width: auto;
  margin: 0;
}

header .navbar-brand {
  width: 106px;
  flex-shrink: 0;
  margin-right: 0;
}
header .navbar-brand img {
  width: 100%;
}

header .container P {
  width: 100%;
}
header .navbar {
  padding: 0;
}
header .navbar-toggler {
  border: 0;
  box-shadow: none;
  margin-left: auto;
}
header .navbar-toggler:focus {
  box-shadow: none;
  outline: 0;
}

@media (max-width: 991px) {
  header {
    position: sticky;
    top: 0;
    left: 0;
  }

  header .container {
    position: relative;
  }
  header .navbar-toggler {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  header .container .hLogo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  header .navbar-brand {
    width: 100px;
  }
}

/*gMenu*/
#navbarNav {
  width: auto;
}
#navbarNav .nav-item {
  margin: 0;
}
#navbarNav .nav-item:first-child {
  margin: 0;
}
#navbarNav .nav-item--has-child {
  position: relative;
}
@media (min-width: 992px) {
  #navbarNav .nav-item--has-child {
    &:hover {
      .nav-item-child {
        display: block;
        opacity: 1;
        @starting-style {
          opacity: 0;
        }
      }
    }
  }
}
#navbarNav .nav-item-child {
  display: none;
  transition:
    opacity 0.3s ease-in-out,
    display 0.3s ease-in-out allow-discrete;
  min-width: 296px;
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50%;
  z-index: 1000;
  background: linear-gradient(to top, #fff 0, #fff 100%) no-repeat bottom left/100% calc(100% - 12px);
  padding: 1rem 1rem 0.25rem;
  border: 1px solid #dddddd;
  opacity: 0;
  &::after {
    content: "";
    display: block;
    width: 16px;
    height: 12px;
    background: #00a0e9;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    position: absolute;
    top: -14px;
    left: 50%;
    translate: -50%;
  }
  /*   #navbarNav .nav-item-child::after {
    content: "";
    display: block;
    width: 16px;
    height: 12px;
    background: #00a0e9;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    position: absolute;
    top: -12px;
    left: 50%;
    translate: -50%;
  } */

  li + li {
    border-top: 1px solid #00a0e9;
  }
}
#navbarNav .nav-item-child__ttl {
  margin-top: 12px;
}
#navbarNav .nav-item-child__link {
  display: block;
  padding: 12px 0 12px 1.4rem;
  color: #00a0e9;
  position: relative;
  transition: 0.15s;
  background: url(../img/icon-arrow01.png) no-repeat left center/15px;
  &:hover {
    color: #00a0e9;
  }
}
#navbarNav .nav-item-child__link--indent {
  padding-left: 2.8rem;
  background-position: left 1.4rem center;
}
a.nav-link,
a.inqBtn {
  width: auto;
  height: 85px;
}
a.nav-link {
  padding-left: 1.4rem !important;
  padding-right: 1rem !important;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  background-image: url("../img/icon-arrow01.png");
  background-position: left center;
  background-repeat: no-repeat;
  position: relative;
}
a.nav-link:hover {
  color: #00a0e9;
  opacity: 1;
}
a.nav-link:hover:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #00a0e9;
  position: absolute;
  bottom: 0;
  margin-left: -1.6rem;
}

a.inqBtn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  background-image: url("../img/icon-mail.png");
  background-position: top 20px center;
  background-repeat: no-repeat;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  font-size: 0.7rem;
  background-color: #00a0e9;
  color: #fff;
  margin: 0 !important;
}
a.inqBtn:hover {
  color: #fff;
}
a.inqBtn:hover:after {
  content: none;
}
@media (max-width: 991px) {
}
a.nav-link.mallBtn {
  display: flex;
  justify-content: center;
  align-items: end;
  background:
    url(../img/icon-mall.svg) no-repeat top 14px center/37px,
    #f18617;
  padding: 0 0.1875rem 0.3125rem !important;
  font-size: 0.6875rem;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  &:hover {
    color: #fff;
    opacity: 1;
    &::after {
      display: none;
    }
  }
}
a.nav-link.hankyuBn {
  width: 85px;
  height: 85px;
  padding: 0 !important;
  img {
    width: 100%;
    height: auto;
  }
  &::after {
    display: none;
  }
}
.navbar-toggler .navbar-toggler-icon {
  position: relative;
}
.navbar-toggler-line {
  display: block;
  width: 24px;
  height: 2px;
  background: #1995e0;
  border-radius: 10vh;
  transition: 0.3s;
  + & {
    margin-top: 6px;
  }
}
.navbar-toggler[aria-expanded="true"] {
  .navbar-toggler-line {
    &:first-child {
      rotate: 45deg;
      translate: 0 8px;
    }
    &:nth-child(2) {
      opacity: 0;
    }
    &:last-child {
      rotate: -45deg;
      translate: 0 -8px;
    }
  }
}
#navbarNav {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .navbar-collapse {
    background: #00a0e9;
    width: 100%;
    max-height: calc(100svh - 85px);
    position: absolute;
    top: 85px;
    z-index: 101;
    overflow: auto;
  }
  ul.navbar-nav {
    padding-block: 0.25rem 2rem;
  }
  #navbarNav .nav-item {
    margin: 0;
    padding: 0 1rem;
  }
  a.nav-link {
    padding: 1rem;
    color: #fff;
    border-bottom: 1px solid #fff;
    &:hover {
      color: #fff;
    }
  }
  #navbarNav .nav-item--has-child > a.nav-link {
    &::before,
    &::after {
      content: "";
      display: block;
      width: 13px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%;
      right: 1.4rem;
      translate: 0 -50%;
    }
    &::after {
      rotate: 90deg;
      transition: 0.3s;
    }
    &.is-open {
      border-color: transparent;
      &:after {
        rotate: 180deg;
      }
    }
  }
  #navbarNav .nav-item-child {
    display: none;
    position: static;
    translate: none;
    margin: 0 -1rem;
    padding: 0 1rem;
    opacity: 0;
    background: #fff;
    transition:
      opacity 0.3s ease-in-out,
      display 0.3s ease-in-out allow-discrete;
    &::after {
      display: none;
    }
    &.is-open {
      display: block;
      opacity: 1;
      @starting-style {
        opacity: 0;
      }
    }
  }
  #navbarNav .nav-item-child__link {
    padding-left: 1.4rem;
    background: url("../img/icon-arrow01w2.png") no-repeat left center/15px;
  }
  #navbarNav .nav-item-child__link--indent {
    padding-left: 2.8rem;
    background-position: left 1.4rem center;
  }
  a.nav-link,
  a.nav-link:is(.inqBtn, .mallBtn, .hankyuBn) {
    height: auto;
  }
  a.inqBtn,
  a.mallBtn {
    background-position: left 1rem center;
    border: 1px solid #fff;
    margin-top: 1rem !important;
  }

  a.nav-link.mallBtn {
    align-items: center;
    background-position: left 17px center;
    padding: 1rem !important;
    font-size: 0.6875rem;
    text-align: center;
    color: #fff;
    br {
      display: none;
    }
  }
  a.nav-link.hankyuBn {
    width: 100%;
    margin-top: 1rem !important;
    border: 0;
  }
}

/*ttl*/
@media (max-width: 768px) {
  .inCntttl P {
    display: none;
  }
  .ttlArea-main h2 {
    font-size: 1.6rem !important;
    line-height: 1.6;
  }
}

.ttlArea-main,
.ttlArea {
  text-align: center;
  padding: 0rem 0 2rem;
  position: relative;
  z-index: 99;
}
.ttlArea-main h2 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #00a0e9;
  padding-bottom: 0.5rem;
}
.ttlArea-main P {
  font-weight: 500;
}
.ttlArea h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
.ttlArea P {
  font-size: 0.7rem;
}
.ttlArea h2:after {
  content: "";
  width: 100px;
  height: 3px;
  display: block;
  margin: 0.8rem auto;
  background-color: #00a0e9;
}

.ttlArea-cnt h3 {
  font-size: 1.6rem;
  border-bottom: 1px solid #cecece;
  position: relative;
  padding: 1rem 0;
}
.ttlArea-cnt h3:before {
  content: "";
  width: 200px;
  display: block;
  border-bottom: 3px solid #00a0e9;
  position: absolute;
  bottom: -3px;
  left: 0;
}

.inCntttl {
  position: relative;
  background-color: #00a0e9;
  color: #fff;
  padding: 1rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.inCntttl img {
  padding-right: 1rem;
  border-right: 1px solid #fff;
  margin-right: 1rem;
}
.inCntttl P {
  position: absolute;
  right: 1rem;
}

.line-ttl {
  position: relative;
  border-left: 4px solid #00a0e9;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.25rem 0rem 0.25rem 1rem;
  margin-bottom: 1rem;
}
.line-ttl h4 {
  width: 100%;
}
.line-ttl P {
  width: 100%;
  font-weight: 500;
  text-align: right;
}

@media (max-width: 768px) {
  .line-ttl P {
    display: none;
  }
}

/*contnar*/

section {
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  section {
    padding: 3rem 0;
  }
}
a:hover .card-imgtxt {
  opacity: 0.8;
}

/*index*/

.indexSlider {
  padding: 0;
  position: relative;
  color: #fff;
  height: auto;
  max-height: 640px;
  overflow: hidden;
}
.indexSlider:after {
  content: "";
  background-image: url("../img/bg-slider.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .indexSlider {
    padding: 0;
  }
  .indexSlider .mainCopy {
    top: 0 !important;
    left: 0 !important;
    right: 0;
    text-align: center;
  }
  .indexSlider h1 {
    /*font-size: 1.8rem !important;*/
  }
  .indexSlider .mainCopy {
    border: 0px !important;
    width: 100% !important;
  }
  .indexSlider .mainCopy h2 {
    font-size: 1.6rem !important;
    padding-top: 1rem;
  }
  .indexSlider .mainCopy .cp {
    font-size: 1.2rem !important;
  }
}
.indexSlider .mainCopy {
  position: absolute;
  width: 405px;
  height: 405px;
  border: 1px dotted #fff;
  top: 8.5rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  padding: 2.2rem 3rem 3rem;
}
.indexSlider .mainCopy h1 {
  font-size: 4rem;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.indexSlider .mainCopy h1:before {
  content: "";
  width: 6px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/icon-cach-left.png");
}
.indexSlider .mainCopy h1:after {
  content: "";
  width: 6px;
  height: 150px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../img/icon-cach-right.png");
}
.indexSlider .mainCopy h2 {
  font-size: 2rem;
  letter-spacing: 1.82rem;
  padding-bottom: 1rem;
  text-align: center;
  font-weight: bold;
}
.indexSlider .mainCopy h3 {
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
  padding-top: 1rem;
  border-top: 2px solid #fff;
}
.indexSlider .mainCopy .cp {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
}

/*Slider*/
.indexSlider .Slider {
  height: auto;
  min-height: 640px;
  overflow: hidden;
}
.indexSlider .Slider img {
  width: 100%;
  min-width: 1640px;
  height: auto;
  min-height: 640px;
}
.Slider {
  position: relative;
}
.inSlidearea {
  width: 100%;
  max-width: 530px;
  margin: 0 auto;
}
.inSlidearea .Slider,
.inSlidearea .swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.inSlidearea .swiper-slide {
  width: 100% !important;
}
.inSlidearea .swiper-slide img {
  width: 100%;
  height: auto;
}
.inSlidearea .swiper-button-next:after,
.inSlidearea .swiper-button-prev:after {
  color: #fff !important;
  font-size: 0.85rem !important;
}
.inSlidearea .swiper-button-next,
.inSlidearea .swiper-button-prev {
  color: #fff !important;
}
.inSlidearea .swiper-button-next svg,
.inSlidearea .swiper-button-prev svg {
  width: 38% !important;
  height: 38% !important;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: #00a0e9;
  border-radius: 20px;
  width: 40px !important;
  height: 40px !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.2rem !important;
  color: #fff !important;
}
.swiper-button-next {
  right: 10px !important;
}
.swiper-button-prev {
  left: 10px !important;
}

@media screen and (max-width: 768px) {
  .indexSlider .Slider {
    width: 100%;
    height: 460px !important;
    min-height: inherit;
    overflow: hidden;
    text-align: center;
  }
  .indexSlider .Slider .swiper-slide img {
    margin: auto;
    /*width: auto;*/
    width: 100%;
    /*min-width: 1180px !important;*/
    min-width: 375px !important;
    height: auto;
    min-height: 460px;
  }
  .inSlidearea {
    width: auto;
    max-width: 260px;
  }

  .inSlidearea .Slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .inSlidearea .Slider .swiper-slide img {
    width: 100%;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 0.8rem !important;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
}

/*a Btn */
.bluBtn {
  width: 100%;
  font-weight: 500;
  display: block;
  background-color: #00a0e9;
  padding: 1rem;
  text-align: center;
  color: #fff;
  margin: 1rem 0;
  background-image: url("../img/icon-arrow01w.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
  border: 0;
}

.bluBtn:hover {
  color: #fff;
}

.grayBtn {
  width: 100%;
  font-weight: 500;
  display: block;
  background-color: #cecece;
  padding: 1rem;
  text-align: center;
  color: #fff;
  margin: 1rem 0;
  background-image: url("../img/icon-arrow01l.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
  border: 0;
}

.grayBtn:hover {
  color: #000;
}

/*bgcolr*/

@media (max-width: 768px) {
  .inbg_gray {
    padding: 1rem !important;
  }
  .in-linnbg_gray {
    padding: 0.5rem !important;
  }
  .bg-yellow,
  .bg-blue,
  .bg-pink {
    padding: 1rem 0.5rem !important;
  }
}

.bg_gray {
  background-image: url("../img/back-gray.gif");
  background-repeat: repeat;
  background-color: #f5f5f5;
}
.inbg_gray {
  padding: 2rem;
  background-image: url("../img/back-gray.gif");
  background-repeat: repeat;
  background-color: #f5f5f5;
}
.inbg_gray .card-imgtxt {
  background-color: #f2f2f2;
  overflow: hidden;
  box-shadow: none;
}
.inbg_gray .card-imgtxt P {
  padding: 1rem;
}
.linnbg_gray {
  border: 3px solid #e6e6e6;
  padding: 0.1rem !important;
  position: relative;
  margin-bottom: 2rem;
}
.linnbg_gray:after {
  content: "";
  width: 110px;
  height: 58px;
  display: block;
  position: absolute;
  background-image: url("../img/icon-arrow03.png");
  background-position: center center;
  background-repeat: no-repeat;
  bottom: -58px;
  left: 0;
  right: 0;
  margin: auto;
}
.in-linnbg_gray {
  border: 1px solid #e6e6e6;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .in-linnbg_gray .ttlArea h2 {
    font-size: 2rem !important;
    padding-top: 2rem;
  }
}
.in-linnbg_gray .ttlArea h2 {
  font-size: 3rem;
}
.bg-yellow {
  background-color: #ffffce;
  padding: 2rem;
  margin-bottom: 2rem;
}

.bg-blue {
  background-color: #edf6f9;
  padding: 2rem;
  margin-bottom: 1rem;
}
.bg-blue h5 {
  color: #00a0e9;
  font-weight: bold;
  padding-bottom: 1rem;
}
.bg-yellow:last-child,
.bg-blue:last-child {
  margin-bottom: 0rem;
}

.bg-pink {
  background-image: url("../img/back-pink.gif");
  background-repeat: repeat;
  background-color: #f4b2cf;
  color: #fff;
  padding: 1rem;
  text-align: center;
}

/*Index*/

@media (max-width: 768px) {
  .sp-blk .office {
    padding-bottom: 2rem;
  }
  .IndexCntBlk .ttl-center {
    height: auto !important;
  }
  .hisArea h3 {
    width: 100% !important;
    margin-bottom: 2rem;
  }
  .hisArea A {
    padding: 2rem 2rem 7rem 2rem !important;
    background-position: bottom 1rem center !important;
  }
}

.IndexCntBlk {
  border-top: 3px solid #00a0e9;
  padding-top: 2rem;
  width: 100%;
  position: relative;
  margin-top: 2rem;
}
.IndexCntBlk img {
  width: 100%;
}
@media (max-width: 768px) {
  .IndexCntBlk h3 {
    font-size: 1.6rem !important;
  }
}
.IndexCntBlk h3 {
  font-size: 2rem;
  font-weight: bold;
  padding: 0.8rem 0;
}
.office h3 {
  padding: 1.2rem 0 1rem;
}
.IndexCntBlk h3 span {
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
}
.IndexCntBlk p {
  padding-top: 1rem;
}
.IndexCntBlk:first-child {
  margin-right: 2rem;
}

.IndexCntBlk .ttl-center {
  text-align: center;
  font-weight: bold;
  height: 8.2rem;
}
.ttl-center p {
  font-size: 1rem;
}
.office:before {
  content: "";
  background-image: url("../img/icon-office.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  position: absolute;
  top: -2.6rem;
  left: 0;
  right: 0;
  margin: auto;
}
.hopsmall:before {
  content: "";
  background-image: url("../img/icon-hopsmall.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  position: absolute;
  top: -2.6rem;
  left: 0;
  right: 0;
  margin: auto;
}

.hisArea A {
  margin-top: 2rem;
  border: 2px solid #00a0e9;
  padding: 2rem 10rem 2rem 2rem;
  background-image: url("../img/btn_detail.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  line-height: 2;
}

.hisArea h3 {
  width: 30%;
  background-image: url("../img/icon-history.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 4rem;
  color: #00a0e9;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.card-imgtxt {
  background-color: #fff;
  overflow: hidden;
  margin: 1rem 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.card-imgtxt h4 {
  font-size: 0.86rem;
  padding: 1rem;
  background-image: url("../img/icon-arrow01.png");
  background-position: right 1rem center;
  background-repeat: no-repeat;
}
.thumbImg {
  position: relative;
  overflow: hidden;
  height: auto;
  max-height: 200px;
}
.card-imgtxt img {
  width: 100%;
}
/*compmany*/

.Company-header {
  text-align: center;
}

.Company-header img {
  width: auto;
  max-width: 131px;
}
.Company-header h4 {
  padding-top: 2rem;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2;
}

@media (max-width: 768px) {
  .Company-header h4 {
    font-size: 1rem;
  }
}

/*Business*/

@media (max-width: 768px) {
  .Business-header h2 {
    font-size: 1.9rem !important;
  }
  .Business-header h2 + P {
    text-align: left !important;
  }
}

.Business-header h2 {
  text-align: center;
  font-size: 3rem;
  letter-spacing: -3px;
  padding: 4rem 0 1.5rem;
  border-bottom: 2px solid #00a0e9;
}
.Business-header h2 + P {
  font-size: 1rem;
  line-height: 1.8;
  text-align: center;
  padding-top: 1rem;
}

.hopsmallArea {
  border: 2px solid #00a0e9;
  padding: 2rem !important;
  position: relative;
  margin-top: 5rem;
}
.hopsmallArea:before {
  content: "";
  background-image: url("../img/icon-hopsmall.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  position: absolute;
  top: -2.6rem;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .hopsmallin {
    display: block !important;
  }
  .hopsmallin .hopsmall-read .ttl-center {
    text-align: center !important;
  }
  .hopsmallin .hopsmall-read h3 {
    font-weight: bold;
  }

  .hopsmallin .hopsmall-img {
    width: 100% !important;
    padding-left: 0rem !important;
    padding-top: 2rem;
  }
}
.hopsmallin .hopsmall-read {
  width: 100%;
}
.hopsmallin .hopsmall-read .ttl-center {
  padding-bottom: 2rem;
}
.hopsmallin .hopsmall-read h3 {
  font-weight: bold;
}
.hopsmallin .hopsmall-read P {
  font-weight: 500;
}
.hopsmallin .hopsmall-img {
  width: 70%;
  padding-left: 2rem;
}
.hopsmallin .hopsmall-img img {
  width: 100%;
}

/*Kiyaku*/

.kiyaku-area {
  padding: 2rem !important;
  border: 1px solid #f2f2f2;
  height: 400px;
  overflow-y: scroll;
  margin: 2rem auto;
}

.kiyaku-area h2 {
  font-size: 1.4rem;
  padding: 0 0 2rem;
}

.kiyaku-area h3 {
  font-size: 1.2rem;
  padding: 1rem 0 0.5rem;
}

/*history*/

@media (max-width: 768px) {
  .historyArea {
    margin-bottom: 3rem;
  }
}

.historyArea {
  position: relative;
  padding: 2rem 0 0 0;
}
.historyArea:before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #e6e6e6;
  position: absolute;
  left: 1.2rem;
}
.historyArea .his-blk {
  position: relative;
  z-index: 100;
  background-image: url("../img/icon-history-flag.png");
  background-position: left 15px top 40px;
  background-repeat: no-repeat;
  padding: 2rem 0 2rem 4rem;
}
.historyArea .his-blk h5 {
  font-size: 1.2rem;
  padding-bottom: 1rem;
}
.historyArea .his-blk .flex p {
  width: 100%;
}
.historyArea .his-blk .flex .img {
  width: 60%;
  padding-left: 2rem;
}
.historyArea .his-blk .flex .img img {
  width: 100%;
}

/*footer*/
footer .container,
.CopyArea {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

@media (max-width: 768px) {
  footer .container,
  .CopyArea {
    display: block;
  }
  footer .container .fLogo,
  footer .container .fgropeLogo {
    width: 100% !important;
  }
  footer .container .fLogo {
    border-right: 0px;
  }
  footer .container .fInqArea {
    padding: 1rem 0 2rem;
    display: block !important;
  }
  footer .container .fInqArea .Oosaka {
    padding-top: 2rem;
  }
  footer .container .fInqArea dd.MapLink {
    top: inherit !important;
    bottom: -2rem;
  }
  footer .container .fgropeLogo {
    padding: 0.5rem 1rem 1rem;
  }
}
footer .container {
  padding: 1.2rem 0;
  font-size: 0.82rem;
}
footer .container .fLogo {
  width: 21%;
  text-align: center;
  font-weight: bold;
  padding-right: 1rem;
  border-right: 2px solid #f2f2f2;
}
footer .container .fLogo img {
  width: auto;
  max-width: 100px;
  margin: auto;
  height: 38px;
}
footer .container .fLogo p span {
  display: block;
  font-size: 10px;
}
footer .container .fInqArea {
  width: 100%;
  position: relative;
}
footer .container .fInqArea dl {
  position: relative;
  padding: 0 1.6rem;
  margin: 0;
}
footer .container .fInqArea dt {
  background-color: #f19ec2;
  color: #fff;
  text-align: center;
  width: auto;
  max-width: 100px;
  padding: 0.16rem 1rem;
  border-radius: 2rem;
  margin-bottom: 0.5rem;
}
footer .container .fInqArea dd.MapLink {
  position: absolute;
  padding-right: 1rem;
  top: 1.8rem;
  right: 0;
}
footer .container .fInqArea dd.MapLink A {
  color: #00a0e9;
  background-image: url("../img/icon-arrow02.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 0.5rem;
}
footer .container .fgropeLogo {
  width: 43%;
  padding-left: 1rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
footer .container .fgropeLogo A:first-child {
  width: 100%;
  padding-right: 0.5rem;
}
footer .container .fgropeLogo A:last-child {
  width: 100%;
  padding-left: 0.5rem;
}
footer .container .fgropeLogo A img {
  width: 100%;
  height: auto;
}

.CopyArea {
  background-color: #00a0e9;
  color: #fff;
}
.CopyArea p {
  width: 100%;
  text-align: right;
  font-size: 0.72rem;
}
.CopyArea ul.flex {
  width: 100%;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.CopyArea ul.flex A {
  color: #fff;
  padding: 0 0.5rem;
}
.CopyArea ul.flex A:after {
  content: "|";
  padding-left: 0.5rem;
}
.CopyArea ul.flex li:last-child A:after {
  content: none;
}
@media (max-width: 768px) {
  .CopyArea {
    text-align: center;
  }
  .CopyArea ul.flex {
    display: block;
    padding: 0 1rem 1rem;
  }
  .CopyArea ul.flex li {
    color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #fff;
  }
  .CopyArea ul.flex A:after {
    content: none;
  }

  .CopyArea p {
    font-size: 0.6rem;
    text-align: center;
  }
}

/*固定系*/

.hopsLinkBtn {
  position: fixed;
  top: 25%;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
#hyperBn {
  /*効かない*/
  display: none;
  position: absolute;
  left: -9999px;
}

@media (max-width: 768px) {
  .hopsLinkBtn {
    display: none;
  }
  /*フローティングバナー*/
  #hyperBn {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    padding: 1.5rem 4rem 1.5rem 1.5rem;
    background-color: white;
    border-top: 1px solid #e5e5e5;
  }
  .hyperBn__close {
    position: absolute;
    top: 1rem;
    right: 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
  }
  .hyperBn__close-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .hyperBn__close-inner::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .hyperBn__close-inner::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .hyperBn__close-inner::before,
  .hyperBn__close-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.2rem;
    height: 0.2rem;
    background-color: #888;
  }
  .hyperBn__img img {
    width: 100%;
    height: auto;
  }
}

/*サイトマップ*/
@media (max-width: 768px) {
  .row {
    width: 100%;
  }
  .bg_gray > article.container > .row {
    width: auto;
  }
}
.sitemapArea {
  padding: 0;
}
.sitemapArea h5 {
  color: #00a0e9;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 3rem 0 1rem;
}

.sitemapArea h5:after {
  margin-left: 1rem;
}
.sitemapArea h5:after {
  border-top: 2px solid #00a0e9;
  content: "";
  flex-grow: 1;
}
.sitemapArea ul li {
  width: 100%;
  border-bottom: 1px dotted #cecece;
  padding: 1rem;
}

/*form*/

.btns {
  text-align: center;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btns input {
  margin: 0 1rem;
}

input[type="text"],
textarea {
  padding: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid #cecece;
}

#thanks_box {
  text-align: center;
}
#thanks_box .ttl {
  font-size: 2rem;
  color: #00a0e9;
}

.inpSS {
  width: 15%;
}
.inpS {
  width: 20%;
}
.inpM {
  width: 40%;
}
.inpML {
  width: 80%;
}
.inpL {
  width: 90%;
}

.sp_fBnar {
  display: none;
}

@media (max-width: 768px) {
  .sp_fBnar {
    display: block;
    padding: 1rem;
  }

  .sp_fBnar img {
    width: 100%;
    max-width: 720px;
  }
}

/*230629*/
.indexSlider .mainCopy {
  width: 410px;
}
.hopsmall:before {
  background-image: url("/common/img/icon-hopsmall2306.png");
}
.IndexCntBlk.hopsmall {
  border-top: 3px solid #f18617;
}
.IndexCntBlk.hopsmall .bluBtn {
  background-color: #f18617;
}
.hopsLinkBtn {
  position: fixed;
  left: auto;
  right: auto;
  margin-left: 1140px;
  z-index: 101;
}
.hopsLinkBtnWrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  top: 220px;
}
@media (max-width: 1198px) {
  .hopsLinkBtnWrap {
    width: 960px;
  }
  .hopsLinkBtn {
    margin-left: 960px;
  }
}
@media (max-width: 991px) {
  .hopsLinkBtnWrap {
    width: 720px;
  }
  .hopsLinkBtn {
    margin-left: 720px;
  }
}
@media (max-width: 768px) {
  .hopsLinkBtnWrap {
    display: none;
  }
}