@charset "UTF-8";
/*common*/
/* line 11, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
body {
  font-size: 15px;
  color: #1C1B19;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  height: 100%; }

/* line 18, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }

/* フェードイン時に入るクラス */
/* line 25, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

/* line 30, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
li {
  list-style: none; }

/* line 34, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
a {
  color: #1C1B19;
  text-decoration: none; }

/* line 38, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
section {
  padding: 60px 0; }

/* line 41, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
.inner {
  margin: 0 auto;
  width: 1024px; }
.inner p{
	line-height:1.8;
}

img,iframe {
	vertical-align: middle;
}

/* line 48, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
header .logo {
  margin: 20px 0; }
  /* line 50, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  header .logo a {
    transition: .2s ease; }
    /* line 52, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    header .logo a:hover {
      opacity: 0.6; }
  /* line 56, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  header .logo img {
    width: 160px; }

/* line 61, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
header .h-nav {
  background: #52A8DC; }
  /* line 63, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  header .h-nav ul {
    display: flex;
    justify-content: center; }
    /* line 66, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    header .h-nav ul li {
      margin: 0 2%; }
      /* line 68, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      header .h-nav ul li a {
        color: #fff;
        display: block;
        padding: 20px 0;
        transition: .2s ease; }
        /* line 73, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        header .h-nav ul li a:hover {
          opacity: 0.6; }

/* line 87, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
.title-box1 {
  margin: 20px 0; }
  /* line 89, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  .title-box1 .title-h2 {
    font-size: 20px; }
  /* line 92, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  .title-box1 .sub-title {
    color: #52A8DC;
    font-size: 10px;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal; }

/* line 104, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .f-block1 {
  background: #52A8DC;
  padding: 60px 0;
  color: #fff; }

/* line 109, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer a {
	display: block;
  color: #fff;
  padding: 5px 0;
  transition: .2s ease; }
  /* line 112, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  footer a:hover {
    opacity: 0.6; }

/* line 116, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .f-nav {
  margin-bottom: 40px; }
  /* line 118, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  footer .f-nav ul {
    display: flex;
    justify-content: center; }
    /* line 121, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    footer .f-nav ul li {
      margin: 0 2%; }

/* line 127, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .f-area2 {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* line 132, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .f-logo {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  /* line 136, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  footer .f-logo img {
    width: 160px; }

/* line 141, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .address {
  font-size: 12px;
  font-style: normal;
  margin-left: 40px; }

/* line 146, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .contact {
  display: flex;
  align-items: center; }
  /* line 149, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  footer .contact li {
    margin-left: 20px;
    background: #16212D;
    border-radius: 10px;
    padding: 20px 20px 20px 30px;
    width: 200px;
    text-align: center;
    font-size: 12px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: left 15px center; }
  /* line 163, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  footer .contact .tel {
    background-image: url(/wp-content/themes/suminoe-ht/image/suminoe-icon1.svg); }
  /* line 168, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  footer .contact .fax {
    background-image: url(/wp-content/themes/suminoe-ht/image/suminoe-icon2.svg); }

/* line 176, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .f-block2 iframe {
  width: 100%;
  height: 500px; }

/* line 180, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
footer .f-block2 p {
  font-size: 12px;
  text-align: center;
  margin: 20px 0; }

/*common*/
/* line 194, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .mv {
  position: relative;
  overflow: hidden;
  height: 500px; }
  /* line 202, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .mv .mv-slick .slick-dots li button:before {
    content: "◯" !important;
    opacity: 1 !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 212, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .mv .mv-slick .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #fff !important;
    content: "●" !important; }
  /* line 219, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .mv .mv-slick .slick-dots {
    bottom: 0 !important;
    left: inherit !important;
    right: 0 !important;
    margin-top: 20px !important;
    background: #16212D;
    width: 300px;
    padding: 20px 0; }
  /* line 230, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .mv li img {
    width: 100%;
    height: 500px;
    object-fit: cover; }

/* line 238, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .top-co1 {
  background: #F8F8F8;
  position: relative;
  padding: 60px 0 140px 0;
  z-index: 1; }
  /* line 243, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co1 .title-box1 {
    text-align: center; }
  /* line 247, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co1 p {
    line-height: 28px;
    text-align: center; }
  /* line 251, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co1 .illust1, #top .top-co1 .illust2 {
    position: absolute;
    background-size: contain;
    background-repeat: no-prepeat;
    background-position: center; }
  /* line 259, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co1 .illust1 {
    left: 0;
    bottom: -80px;
    width: 450px;
    height: 370px;
    z-index: -1;
    background-image: url(/wp-content/themes/suminoe-ht/image/suminoe-illust1.png); }
  /* line 270, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co1 .illust2 {
    right: 0;
    bottom: -20px;
    width: 446px;
    height: 305px;
    z-index: -1;
    background-image: url(/wp-content/themes/suminoe-ht/image/suminoe-illust2.png); }

/* line 283, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .top-co2 {
  background: #D4E8F5; }
  /* line 285, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co2 .title-box1 {
    text-align: center; }
    /* line 288, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co2 .title-box1 .title-h2 strong {
      color: #52A8DC; }
  /* line 295, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co2 .top-co2-point {
    display: flex;
    justify-content: center;
    box-sizing: border-box; }
    /* line 299, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co2 .top-co2-point li {
      text-align: center;
      width: 25%;
      border-left: 1px #16212D solid; }
      /* line 303, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co2 .top-co2-point li:last-child {
        border-right: 1px #16212D solid; }
      /* line 306, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co2 .top-co2-point li dl {
        font-weight: bold; }
        /* line 309, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co2 .top-co2-point li dl dt {
          margin: 5px 0 10px 0;
          font-family: "futura-pt-bold", sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 30px;
          line-height: 30px; }
          /* line 316, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
          #top .top-co2 .top-co2-point li dl dt small {
            font-size: 20px; }
        /* line 321, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co2 .top-co2-point li dl dd {
          font-size: 16px; }

/* line 334, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .top-co3 {
  position: relative;
  z-index: 1; }
  /* line 337, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .co3-background:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    display: block;
    content: "";
    z-index: -1;
    background-image: url(/wp-content/themes/suminoe-ht/image/suminoe-back1.jpg);
    background-size: cover; }
  /* line 351, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .inner {
    display: flex;
    justify-content: space-between; }
  /* line 356, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .top-co3-left {
    width: 100%;
    margin-right: 0; }
/* line 356, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .co3-background .top-co3-left {
    width: 60%;
    margin-right: 0; }
  /* line 360, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .title-box1 {
    display: flex;
    align-items: flex-end; }
    /* line 363, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 .title-box1 .title-h2 {
      margin-right: 10px; }
  /* line 367, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .prenews {
    position: relative;
    background: #52A8DC;
    height: 300px; }
    /* line 371, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 .prenews p {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      font-weight: bold;
      color: #fff;
      text-align: center; }
  /* line 382, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 article {
    border-bottom: 1px #EFEFEF solid;
    padding: 20px 0;
    margin: 5px 0; }
    /* line 386, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 article a {
      transition: .2s ease; }
      /* line 388, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 article a:hover {
        opacity: 0.6; }
    /* line 392, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 article .news-area {
      display: flex;
      font-size: 14px;
      color: #585858; }
    /* line 397, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 article .time-dt {
      display: flex; }
      /* line 399, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 article .time-dt .tag {
        font-size: 12px;
        color: #fff;
        border-radius: 5px;
        padding: 2px 5px;
        margin: 0 10px; }
        /* line 405, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co3 article .time-dt .tag.tag1 {
          background: #52A8DC; }
        /* line 408, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co3 article .time-dt .tag.tag2 {
          background: #16212D; }
  /* line 416, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .top-co3-right {
    width: 30%; }
  /* line 419, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .permission {
    font-weight: bold; }
    /* line 421, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 .permission li {
      border-radius: 10px;
      padding: 20px;
      width: 100%;
      margin: 20px 0;
      text-align: center; }
      /* line 428, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 .permission li dl dt {
        font-size: 16px; }
      /* line 431, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 .permission li dl dd {
        color: #fff;
        padding: 1px 10px;
        display: inline-block;
        font-size: 10px;
        margin: 10px 0; }
      /* line 440, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 .permission li p {
        font-size: 38px;
        line-height: 38px; }
        /* line 444, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co3 .permission li p small {
          font-size: 18px;
          margin-left: 5px; }
    /* line 453, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 .permission .permission-official {
      background: #fff;
      border: 1px #16212D solid;
      padding: 0 !important; }
      /* line 457, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 .permission .permission-official a {
        display: block;
        padding: 20px 20px 10px 20px;
        transition: .2s ease; }
        /* line 461, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co3 .permission .permission-official a:hover {
          opacity: 0.6; }
      /* line 465, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-co3 .permission .permission-official dl {
        color: #16212D; }
        /* line 468, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co3 .permission .permission-official dl dt {
          font-size: 22px;
          line-height: 22px; }
        /* line 472, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-co3 .permission .permission-official dl dd {
          font-size: 12px;
          line-height: 12px;
          background: #16212D;
          padding: 5px 10px; }
  /* line 486, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .permission-gas {
    color: #52A8DC;
    border: 1px #52A8DC solid; }
    /* line 490, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 .permission-gas dl dd {
      background: #52A8DC; }
  /* line 498, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co3 .permission-kw {
    color: #16212D;
    border: 1px #16212D solid; }
    /* line 502, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co3 .permission-kw dl dd {
      background: #16212D; }

/* line 509, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .top-co4 {
  background: #52A8DC; }
  /* line 513, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co4 .inner {
    background: #fff;
    border-radius: 10px;
    padding: 40px; }
  /* line 518, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co4 iframe {
    width: 100%;
    height: 531px; }

/* line 524, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .top-co5 {
  background: #D4E8F5; }
  /* line 526, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co5 .title-box1 {
    text-align: center; }
  /* line 530, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co5 .reservation-block {
    width: 100%; }
    /* line 532, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-co5 .reservation-block img {
      width: 100%; }
  /* line 539, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-co5 iframe {
    width: 100%;
    height: 500px; }

/* line 545, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
#top .top-cox {
  padding: 40px 0;
  background: #F8F8F8; }
  /* line 548, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
  #top .top-cox .permission-official2 {
    width: 300px;
    text-align: center;
    background: #fff;
    border: 1px #16212D solid;
    border-radius: 20px;
    margin: 0 auto; }
    /* line 549, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-cox .permission-official2 .inner {
      text-align: center; }
    /* line 558, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
    #top .top-cox .permission-official2 a {
      text-align: center;
      display: block;
      padding: 20px 20px 10px 20px;
      transition: .2s ease; }
      /* line 563, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-cox .permission-official2 a:hover {
        opacity: 0.6; }
      /* line 566, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
      #top .top-cox .permission-official2 a dl {
        color: #16212D;
        text-align: center; }
        /* line 569, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-cox .permission-official2 a dl dt {
          font-size: 22px;
          line-height: 22px; }
        /* line 573, /Applications/MAMP/htdocs/hightrust/common/css/style.scss */
        #top .top-cox .permission-official2 a dl dd {
          font-size: 12px;
          line-height: 12px;
          background: #16212D;
          padding: 5px 10px;
          color: #fff;
          margin: 10px 0; }

/*# sourceMappingURL=style.css.map */
/* ----------------------------------

2025.4

---------------------------------- */

.iso {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  width: 120px;
  background: #FFFFFF;
  border-radius: 10px;
}

.iso img {
  width: 100%;
}

.iso span {
  display: block;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.2;
  padding: .3rem;
}