@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

.noto-serif {
  font-family: 'Noto Serif JP', serif;
}

.noto-sans {
  font-family: 'Noto Sans JP', sans-serif;
}

.mont {
  font-family: 'Montserrat', sans-serif;
}

.kiwi {
  font-family: 'Kiwi Maru', serif;
}

.up-ta-r {
  text-align: right;
}

.up-ff-meiryo {
  font-family: “メイリオ”, Meiryo, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, sans-serif;
}

.up-reader1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rounded {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

a,
button {
  color: inherit;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

a:hover,
button:hover {
  opacity: 0.6;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.u-adb a {
  display: block;
}

a[href*="tel"],
button[href*="tel"] {
  pointer-events: none;
}

header .tel01 a {
  text-decoration: none;
}

@media (max-width: 1024px) {
  a[href*="tel"],
  button[href*="tel"] {
    pointer-events: initial !important;
  }
}

/* 画像比率固定 */
[class*="up-ofi"] {
  position: relative;
  display: block;
  width: 100%;
}

[class*="up-ofi"] img {
  width: 100%;
  height: 100% !important;
  /* IE対策 */
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

/* 画像比率固定 */
.up-ofi-10:after {
  content: "";
  display: block;
  padding-top: 10%;
}

.up-ofi-10 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-15:after {
  content: "";
  display: block;
  padding-top: 15%;
}

.up-ofi-15 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-20:after {
  content: "";
  display: block;
  padding-top: 20%;
}

.up-ofi-20 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-25:after {
  content: "";
  display: block;
  padding-top: 25%;
}

.up-ofi-25 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-30:after {
  content: "";
  display: block;
  padding-top: 30%;
}

.up-ofi-30 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-35:after {
  content: "";
  display: block;
  padding-top: 35%;
}

.up-ofi-35 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-40:after {
  content: "";
  display: block;
  padding-top: 40%;
}

.up-ofi-40 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-45:after {
  content: "";
  display: block;
  padding-top: 45%;
}

.up-ofi-45 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-50:after {
  content: "";
  display: block;
  padding-top: 50%;
}

.up-ofi-50 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-55:after {
  content: "";
  display: block;
  padding-top: 55%;
}

.up-ofi-55 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-60:after {
  content: "";
  display: block;
  padding-top: 60%;
}

.up-ofi-60 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-65:after {
  content: "";
  display: block;
  padding-top: 65%;
}

.up-ofi-65 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-70:after {
  content: "";
  display: block;
  padding-top: 70%;
}

.up-ofi-70 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-75:after {
  content: "";
  display: block;
  padding-top: 75%;
}

.up-ofi-75 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-80:after {
  content: "";
  display: block;
  padding-top: 80%;
}

.up-ofi-80 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-85:after {
  content: "";
  display: block;
  padding-top: 85%;
}

.up-ofi-85 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-90:after {
  content: "";
  display: block;
  padding-top: 90%;
}

.up-ofi-90 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-95:after {
  content: "";
  display: block;
  padding-top: 95%;
}

.up-ofi-95 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-100:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.up-ofi-100 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-105:after {
  content: "";
  display: block;
  padding-top: 105%;
}

.up-ofi-105 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-110:after {
  content: "";
  display: block;
  padding-top: 110%;
}

.up-ofi-110 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-115:after {
  content: "";
  display: block;
  padding-top: 115%;
}

.up-ofi-115 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-120:after {
  content: "";
  display: block;
  padding-top: 120%;
}

.up-ofi-120 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-125:after {
  content: "";
  display: block;
  padding-top: 125%;
}

.up-ofi-125 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-130:after {
  content: "";
  display: block;
  padding-top: 130%;
}

.up-ofi-130 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-135:after {
  content: "";
  display: block;
  padding-top: 135%;
}

.up-ofi-135 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-140:after {
  content: "";
  display: block;
  padding-top: 140%;
}

.up-ofi-140 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-145:after {
  content: "";
  display: block;
  padding-top: 145%;
}

.up-ofi-145 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-150:after {
  content: "";
  display: block;
  padding-top: 150%;
}

.up-ofi-150 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-155:after {
  content: "";
  display: block;
  padding-top: 155%;
}

.up-ofi-155 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-160:after {
  content: "";
  display: block;
  padding-top: 160%;
}

.up-ofi-160 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-165:after {
  content: "";
  display: block;
  padding-top: 165%;
}

.up-ofi-165 img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-170:after {
  content: "";
  display: block;
  padding-top: 170%;
}

.up-ofi-170 img {
  position: absolute;
  top: 0;
  left: 0;
}

/* ---------------------------
up-ofi系 END
----------------------------- */
.up-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.up-jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.up-jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.up-jc-sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.up-ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.up-ai-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.up-ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.up-fxw-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pa100 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h1.heading1 {
  text-align: left;
  font-size: 11px;
  line-height: 1.4;
}

h1.heading1:after {
  content: none;
}

.top-mv-tbox {
  text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
  position: absolute;
  margin: auto;
  max-height: 136px;
  z-index: 52;
  opacity: 0;
  right: 2%;
  top: 2%;
  width: 35vw;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.top-mv-tbox.animated {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.top-mv-tbox .text1 {
  line-height: 1.4;
  font-size: calc(100vw * 36 / 1300);
  letter-spacing: 0.05em;
  padding-bottom: 0;
  margin: 0;
  font-weight: normal;
}

.top-mv-tbox .text1:after {
  content: none;
}

.top-mv-tbox .big {
  color: #FE7800;
}

.top-mv-tbox .text2 {
  font-size: calc(100vw * 16 / 1300);
  color: #1CA745;
  letter-spacing: 0.1em;
  margin: 10px 0 0;
  padding-left: 10px;
  padding-bottom: 0;
}

.top-mv-tbox .text2:after {
  content: none;
}

.top-mv-tbox .icon {
  display: inline-block;
  position: relative;
}

.top-mv-tbox .icon:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -13px;
  background-image: url(/import/tenant_1/160.16.238.62/www.hinomarusyashinkan.com/wp-content/uploads/main_copy001_icon.png);
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
  width: calc(100vw * 60 / 1300);
  height: 100px;
}
.top-mv-list {
  position: absolute;
  width: 400px;
  right: 0;
  left: auto;
  top: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.top-mv-list li {
  width: 48%;
  margin-bottom: 15px;
}

.top-mv-list a {
  text-decoration: none;
  display: block;
}

.top-mv-list .pic {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.top-mv-list .tbox {
  letter-spacing: 0.05em;
  margin-top: 5px;
  text-align: center;
  text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
  color: #D02309;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.top-mv-list .tbox.animated {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.top-mv-list .tbox.tbox1 {
  -webkit-transition: 1.2s .5s;
  transition: 1.2s .5s;
}

.top-mv-list .tbox.tbox2 {
  -webkit-transition: 1.2s .7s;
  transition: 1.2s .7s;
}

.top-mv-list .tbox.tbox3 {
  -webkit-transition: 1.2s .9s;
  transition: 1.2s .9s;
}
.top-mv-list .tbox.tbox4 {
  -webkit-transition: 1.2s 1.1s;
  transition: 1.2s 1.1s;
}

.top-mv-list .text1 {
  font-weight: bold;
}

.top-mv-list .pic {
  opacity: 0;
  right: 2%;
  left: auto;
  top: 15%;
  bottom: auto;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  position: relative;
  padding: 0 5px;
}

.top-mv-list .pic span {
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #917672;
}

.top-mv-list .pic:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #410908;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  right: 13px;
  bottom: 13px;
  font-size: 16px;
}

.top-mv-list .pic.pic_1 {
  -webkit-transition: 1.2s .5s;
  transition: 1.2s .5s;
}

.top-mv-list .pic.pic_2 {
  -webkit-transition: 1.2s .7s;
  transition: 1.2s .7s;
}

.top-mv-list .pic.pic_3 {
  -webkit-transition: 1.2s .9s;
  transition: 1.2s .9s;
}

.top-mv-list .pic.pic_4 {
  -webkit-transition: 1.2s 1.1s;
  transition: 1.2s 1.1s;
}

.top-mv-list .pic.animated {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.global_nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7);
}

.global_nav.fixed ul {
  max-width: 1000px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

body.home .top_con02 .row .col a figure img {
  position: absolute;
}

body.home .top_con02 .row .col a figure .up-ofi-70:after {
  padding-top: 68.936%;
}

.top_con04 figure {
  border-radius: 50%;
  overflow: hidden;
}

body.home .top_con05 {
  background-image: none;
  position: relative;
}

body.home .top_con05 .container {
  position: relative;
}

body.home .top_con02 .row .col a figure {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fix-btn-box {
  position: fixed;
  bottom: 5px;
  right: 5%;
  z-index: 20;
}

.fix-btn-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
}

.fix-btn-box li {
  width: 250px;
}

.fix-btn-box li * {
  height: 100%;
}

.fix-btn-box li + li {
  margin-left: 5px;
}

.fix-btn-box li.kiwi {
  font-weight: 500;
}

.fix-btn-box a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 5px;
  color: #410908;
  font-weight: bold;
  font-size: 18px;
  background-color: white;
  position: relative;
  border: 2px solid #410908;
  border-radius: 3px;
}

.fix-btn-box a:before {
  margin-right: 7px;
}

.fix-btn-box .contact a:before {
  content: "\f0e0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.fix-btn-box .tel01 a:before {
  content: "\f095";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.fix-btn-box .line a:before {
  content: "\f3c0";
  font-family: 'Font Awesome 5 Brands';
  font-weight: 900;
}

/* footer.high .fix-btn-box {
  position: absolute;
  bottom: auto;
  right: 5%;
  top: -10px;
  margin: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
} */

.main_visual_slick.sp-mv {
  display: none;
}

footer {
  padding-bottom: 60px;
}


@media only screen and (min-width: 1300px) {
  .top-mv-tbox .text1 {
    font-size: 36px;
  }
  .top-mv-tbox .text2 {
    font-size: 16px;
  }
  .top-mv-tbox .icon:after {
    width: 60px;
  }
}

@media only screen and (max-width: 889px) {
  body.home .top_con01.slider_loop ul li dt,
  body.home .top_con01.slider_loop ul li dd {
    font-size: 16px;
  }
  .fix-btn-box li {
    width: 220px;
  }
  .fix-btn-box a {
    font-size: 16px;
  }
  .pagetop {
    bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .top_con04 figure {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
  footer {
    margin-top: 32px;
  }
  .top-mv-list {
    width: 300px;
  }
  .top-mv-list.sp_image_cols.sp_col3 .col {
    width: 23.5%;
  }
  .top-mv-list.sp_image_cols.sp_col3 .col:nth-child(3n+1) {
    margin-right: 0;
    clear: none;
  }
  .top-mv-list.sp_image_cols.sp_col3 .col:nth-child(3n) {
    float: left;
  }
  .top-mv-list .tbox {
    font-size: 11px;
  }
  .top-mv-list .pic {
    width: 80%;
  }
}

@media only screen and (max-width: 599px) {
  .main_visual_slick.sp-mv {
    display: block;
  }
  .main_visual_slick.pc-mv {
    display: none;
  }


  .fix-btn-box {
    right: 5px;
    left: 5px;
  }
  .fix-btn-box li {
    width: 100%;
  }
  .pagetop {
    right: 2%;
    bottom: 50px;
  }
  .fix-btn-box a {
    font-size: 14px;
  }
  .fix-btn-box a:before {
    margin-right: 3px;
  }
  .main_visual .main_visual_copy {
    position: static;
    margin-top: 10%;
    margin-bottom: 3%;
  }
  .main_visual .main_visual_copy > li {
    position: static;
  }
  .top-mv-list {
    width: 100%;
    position: static;
    display: block;
  }
  .top-mv-tbox {
    position: static;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .top-mv-tbox .text1 {
    font-size: calc(100vw * 24 / 375);
  }
  .top-mv-tbox .text2 {
    font-size: calc(100vw * 12 / 375);
    margin-top: 5px;
    padding-left: 5px;
  }
  .top-mv-tbox .icon:after {
    width: calc(100vw * 40 / 375);
    bottom: -7px;
  }
  .top_con06 .up-d-flex .row {
    width: 49%;
  }
  .top-mv-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .top-mv-list .pic {
    width: 50%;
  }
  .top-mv-list .tbox {
    width: 50%;
    text-align: left;
  }
  .top-mv-list .pic:before {
    width: 20px;
    height: 20px;
    right: 11px;
    bottom: 6px;
    font-size: 12px;
  }
  .top-mv-list .pic span {
    border: 3px solid #917672;
  }
  .top-mv-list .row .col:nth-of-type(even) a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .top-mv-list .text1 {
    font-size: 12px;
  }
  .top-mv-list .text2 {
    font-size: 12px;
  }
  /* footer.high .fix-btn-box {
    right: 2%;
  } */
  footer.high .pagetop {
    top: -70px;
  }
}

.contact-btn-list .submit + .submit {
  margin-left: 10px;
}

.sec_gallery span[class^=up-ofi]:after {
  padding-top: 134.2%;
}

.hinomaru_back .main_visual {
  position: relative;
}

.hinomaru_back .main_visual:before {
  content: "";
  display: block;
  padding-top: 53.1%;
}

.hinomaru_back .main_visual_slick {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.hinomaru_back .main_visual_slick * {
  height: 100% !important;
}

.hinomaru_back .main_visual_slick img {
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.iei01 figure {
  padding: 10px 0;
}

.iei01 img {
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.iei02 {
  padding: 12px;
  background-image: url(/import/tenant_1/160.16.238.62/www.hinomarusyashinkan.com/wp-content/uploads/pattern.jpg);
}

.iei02 .left {
  width: 40%;
}

.iei02 .left img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 2px solid #fff;
}

.iei02 .right {
  width: 55%;
}

.iei02 .right .ttl {
  color: #6D9E38;
  font-size: 30px;
  margin-bottom: 10px;
}

.iei02 .right .text {
  padding-right: 20%;
}

.bg_pic {
  padding: 16px;
  background-image: url(/import/tenant_1/160.16.238.62/www.hinomarusyashinkan.com/wp-content/uploads/pattern.jpg);
}

.bg_pic img,
.bg_pic .box {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bg_pic .box {
  background-color: #fff;
  padding: 2% 5%;
}

.iei03 .left {
  width: 35%;
}

.iei03 .right {
  width: 60%;
}

.iei03 dl {
  padding: 3px 10px 3px 5px;
  margin: 0;
  font-size: 13px;
}

.iei03 dt {
  color: #7FC44D;
}

.iei03 dt:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #7FC44D;
  display: inline-block;
  margin-right: 7px;
}

.iei03 dl + dl {
  border-top: 1px solid #D7BEA9;
}

.iei04 dl {
  padding: 7px 10px;
  margin: 0;
}

.iei04 dl + dl {
  border-top: 1px solid #D7BEA9;
}

.iei04 dt {
  font-weight: normal;
}

.iei04 span {
  font-size: 120%;
  font-weight: bold;
}

.iei04 dd {
  font-weight: bold;
  color: #F9440A;
  font-size: 120%;
}

.iei05 {
  border: 1.5px solid #E0CDB6;
  padding: 1% 3%;
}

.iei05 dl + dl {
  border-top: 1.5px solid #E0CDB6;
}

.iei05 dl {
  padding: 15px 0;
  margin: 0;
}

.iei05 dt {
  color: #4B841A;
}

.iei05 .color-red {
  font-weight: bold;
  color: #F94C1E;
}

.bg_pic01 {
  background-image: url(/import/tenant_1/160.16.238.62/www.hinomarusyashinkan.com/wp-content/uploads/pattern.jpg);
}

.iei06 {
  padding: 3% 5%;
}

.iei06 .left img,
.iei06 .right img {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.iei06 .middle {
  padding: 0 10px;
}

.iei07 {
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.8;
}

.bg_pic02 {
  background-image: url(/import/tenant_1/160.16.238.62/www.hinomarusyashinkan.com/wp-content/uploads/pattern2.jpg);
}

.hinomaru_sec6 figure {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
}

.hinomaru_sec6 figure img {
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.hinomaru_sec6 .name {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  color: #664D46;
}

.hinomaru_sec6 .name .big {
  font-size: 120%;
}

@media only screen and (max-width: 767px) {
  .iei02 .right .ttl {
    font-size: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .iei02 .left {
    width: 100%;
  }
  .iei02 .right {
    width: 100%;
    margin-top: 10px;
  }
  .iei02 .right .text {
    padding-right: 0;
  }
  .iei03 dl {
    font-size: calc(100vw * 11 / 375);
  }
  .iei05 dd {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .iei07 {
    font-size: 14px;
  }
  .hinomaru_sec6 .name {
    padding-bottom: 10px;
  }
}

body:not(.home) h3.menu01 {
  background: none;
  padding-left: 0;
}

.menu-btn {
  border: 2px solid #410908;
  border-radius: 5px;
  background-color: #fff;
  padding: 7px 10px 7px 7px;
}

.menu-btn .up-d-flex:after {
  content: "\f078";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #410908;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 20px;
}

.menu-btn a {
  display: block;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.menu-btn a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.menu-btn .left {
  width: 25%;
}

.menu-btn .left img {
  border-radius: 3px;
}

.menu-btn .right {
  width: calc(70% - 20px);
  font-size: 16px;
}

.menu02 {
  background-color: #fff;
  padding: 4% 3% 3%;
}

.menu02 .wrap {
  position: relative;
}

.menu02 .maru {
  width: 28%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.menu02 .pic1 {
  left: 0;
}

.menu02 .pic2 {
  right: 0;
}

.menu02 .pic {
  width: 32%;
  border: 2px solid #E2E2E2;
  padding: 5px;
}

.menu02 .tbox {
  position: relative;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
  text-shadow: 0 0 10px #fff;
      
}
[data-element-id] .menu02 .tbox {
  max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.menu02 .tbox .ttl {
  color: #049F07;
  font-size: 42px;
  font-weight: bold;
}

.menu02 .tbox .sub {
  color: #049F07;
  font-size: 22px;
}

.menu02 .tbox .text {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.8;
}

.border01 {
  border: 1px solid #252525;
  background-color: #fff;
}

.border01 span {
  margin: 3%;
  width: 94%;
}

.menu03 {
  max-width: 265px;
}

.menu03 figure {
  width: 33.333%;
}

.menu03 .border01:not(:first-child) {
  border-left: none;
}

.menu04 figure {
  width: 20%;
}

.menu04 .border01:not(:first-child) {
  border-left: none;
}

.menu05 {
  width: 90%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding: 2%;
  background-color: #fff;
}

.menu05 figure {
  width: 48%;
}

.shadow01 {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.5);
}

.menu06 {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.menu06 figure {
  width: 25%;
}

.menu06 figure:nth-of-type(3) {
  width: 50%;
}

.menu07 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 2%;
}

.menu07 .box1 {
  color: #848484;
  font-size: 120%;
}

.menu07 .box2 {
  width: 30%;
}

.menu07 .box3 {
  width: 12%;
  text-align: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}

.menu08 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 4%;
}

.menu08 .box2 {
  width: 37%;
}

.menu08 .box3 {
  width: 15%;
  text-align: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}

.menu09 {
  margin-bottom: 10px;
}

.menu09 .left {
  width: 40%;
}

.menu09 .left figure + figure {
  margin-top: 9%;
}

.menu09 .right {
  width: 56%;
}

@media only screen and (max-width: 767px) {
  .menu02 .tbox .ttl {
    font-size: calc(100vw * 22 / 375);
  }
  .menu02 .tbox .sub {
    font-size: calc(100vw * 14 / 375);
  }
  .menu02 .tbox .text {
    font-size: calc(100vw * 12 / 375);
  }
  .menu02 .pic {
    padding: 2px;
  }
  .menu02 .tbox {
    margin-bottom: 10px;
  }
  .menu03 {
    max-width: 60%;
  }
  .menu07 .box1 {
    font-size: 12px;
  }
}

.white01 {
  margin-top: 10px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.white01 .left {
  width: 63%;
}

.white01 .left .big {
  font-size: 120%;
}

.white01 .right {
  width: 35%;
}

.white01 .pic3 {
  margin-top: 15px;
}

.white01 .tbox {
  margin-top: 20px;
  position: relative;
}

.white01 .tbox:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  height: 2px;
  background-color: #DBDBDB;
}

.white01 .tbox .text {
  position: relative;
  display: inline-block;
  background-color: #fff;
}

.white01 .flow-list li {
  width: 25%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 4%;
}

.white01 .flow-list li:not(:last-child) {
  position: relative;
}

.white01 .flow-list li:not(:last-child):before {
  content: "";
  width: 13px;
  height: 12px;
  background-image: url(/upload/tenant_1/687afa7c5739f602564aa023373f48fc.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  right: 0;
}

.white01 .flow-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 15px;
  margin-left: -2%;
  margin-right: -2%;
}

.white01 .flow-list .text {
  font-size: 11px;
  line-height: 1.4;
}
.white01 .flow-list dt {
  text-align: center;
  margin-bottom: 5px;
  color: #648BBC;
  font-size: 12px;
}

.white05 .ttl {
  text-align: center;
}

.white05 .ttl .big {
  font-size: 20px;
}
.white05 .ttl .blue {
  color: #01A6EA;
  font-size: 130%;
}

.white05 .link {
  text-align: center;
  margin-top: 5px;
  color: #4E8ECC;
  text-decoration: underline;
}

.white-faq .ttl {
  background-color: #376193;
  color: #fff;
  padding: 1% 3%;
  margin-bottom: 20px;
}

.white-faq dd {
  width: 35px;
  border: 2px solid #E1E1E1;
  margin-bottom: 0;
}

.white-faq .answer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.white-faq dl {
  margin-bottom: 0;
  color: #4E5051;
}

.white-faq dt {
  font-size: 12px;
  padding: 3px 10px;
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}

.white-faq dt:before {
  content: '';
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
}

.white-faq .question dt {
  background-color: #DCEDF4;
  margin-left: 15px;
  max-width: 500px;
}

.white-faq .question dt:before {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  border-width: 0 10px 7px 0;
  border-color: transparent #dcedf4 transparent transparent;
}

.white-faq .answer dt {
  background-color: #FFEBEC;
  margin-right: 15px;
  max-width: 600px;
}

.white-faq .answer dt:before {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  border-width: 7px 10px 0 0;
  border-color: #ffebec transparent transparent transparent;
}

@media only screen and (max-width: 599px) {
  .white01 .left {
    width: 100%;
  }
  .white01 .right {
    width: 100%;
    margin-top: 10px;
  }
  .white01 .flow-list li {
    width: 50%;
  }
}

.article_list .left {
  width: 30%;
}

.article_list .right {
  width: 65%;
}

.pagination {
  margin-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  body:not(.home) .article_list h2 {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}

.header-mail:before {
  content: "\f0e0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (max-width: 599px) {
  header .title img {
    width: 150px;
  }
  
}

.gallery-list .num {
  display: inline-block;
  margin-right: 5px;
}

.gallery-list .cat {
  color: #ee82ee;
}

.gallery-list .text-red {
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .gallery-list .col {
    width: 48%;
    display: inline-block;
    margin-left: 3%;
  }
  .gallery-list .col:nth-of-type(2n+1){
    margin-left: 0;
  }
}
/*# sourceMappingURL=style.css.map */

/* ab-test */
.ab-test.fix-btn-box a {
  color: #fff;
  background-color: #e56d02;
  border: 1px solid #e56d02;
}

.main_visual_slick .uk-slidenav-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;
}
.main_visual_slick .uk-slidenav-position * {
  height: 100%!important;
}
.hinomaru_back .main_visual .uk-slidenav-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;  
}
.hinomaru_back .main_visual .uk-slidenav-position * {
  height: 100%!important;
}

.iframe01 {
  position: relative;
}
.iframe01:after {
  content: "";
  display: block;
  padding-top: 70%;
}
.iframe01 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 889px) {
  header.menu_open {
    position: relative;
  }
  header.menu_open:after {
    content: "";
    width: 100%;
    height: 100vh;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.3;
    z-index: 99;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.parallax-img {
  visibility: hidden;
  height: 0;
}

header .global_nav .menu_icon a.close:not(.fix):before {
  background: #fff;
}

header .global_nav .menu_icon a.close:not(.fix):after {
  background: #fff;
}

[data-element-id] .parallax-img {
  border: 1px solid #218055;
  position: relative;
  visibility: visible;
  height: auto;
  width: 700px;
}

[data-element-id] .parallax-img:after {
  content: "↓こちらの画像を変更することでパララックスの画像が変わります↓";
  width: 100%;
  text-align: center;
  color: #fff;
  background: #218055;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #218055;
}

/* みたまま編集 */
[data-element-id] .slider_loop .slider_loop_inner li {
  float: none;
}
[data-element-id] .slider_loop_inner li dl {
  position: static;
}
[data-element-id] footer.high .fix-btn-box {
  position: static;
}
[data-element-id] .fix-btn-box {
  position: static;
}
[data-element-id] .pagetop {
  display: block!important;
}
body.home [data-element-id] .main_visual .mv_max-width {
  position: static;
}
[data-element-id] .main_visual .main_visual_copy {
    position: static;
}
[data-element-id] .pc-hide03, [data-element-id] .sp-only03 {
    display: block!important;
}
[data-element-id] .top_con06.sp-only03 {
  width: 400px;
  position: relative;
}
[data-element-id] .top_con06.sp-only03:after {
  content: "スマホ用";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #ccc;
  display: block;
}
[data-element-id] .top_con06.sp-only03 a {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[data-element-id] .top_con06.sp-only03 .top-mv-list .pic {
    width: 30%;
}
[data-element-id] .top_con06.sp-only03 .top-mv-list .tbox {
    width: 50%;
    text-align: left;
}
[data-element-id] .main_visual .main_visual_copy>li {
  position: static;
}
[data-element-id] .top-mv-list .pic, [data-element-id] .top-mv-list .tbox, [data-element-id] .top-mv-tbox {
  opacity: 1!important;
  transform: none!important;
}
[data-element-id] .pc-hide, [data-element-id] .sp-only {
    display: block !important;
}
[data-element-id] .menu_box.sp-only {
  position: relative;
  border: 1px solid #218055;
}
[data-element-id] .menu_box.sp-only:after {
  content: "スマホ用";
  width: 100%;
  text-align: center;
  color: #fff;
  background: #218055;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #218055;
}
[data-element-id] .main_visual_slick.pc-mv {
  position: relative;
  border: 1px solid #218055;
}
[data-element-id] .main_visual_slick.pc-mv:after {
  content: "PC用";
  width: 100%;
  text-align: center;
  color: #fff;
  background: #218055;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #218055;
}
[data-element-id] .main_visual_slick.sp-mv {
  position: relative;
  border: 1px solid #218055;
}
[data-element-id] .main_visual_slick.sp-mv:after {
  content: "SP用";
  width: 100%;
  text-align: center;
  color: #fff;
  background: #218055;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #218055;
}

[data-element-id] .main_visual_slick.sp-mv {
  display: block;
  width: 400px;
    margin: 0 auto;
    height: 290px!important;
    padding-top: 0!important;
}
[data-element-id] .top_con06 .top-mv-list {
  position: static;
}

/***2022/02***/
.s-box {
  width: 1200px;
  margin: 100px auto;
}

.s-box ul {
  display: flex;
  flex-wrap: wrap;
}
.tac {
    text-align: center;
    margin: 0;
    font-size: 18px;
}
.s-box ul {
  padding: 0;
}
.s-box ul li {
  list-style: none;
  width: 19%;
  margin: 10px auto;
}

@media only screen and (max-width: 1024px) {
  .s-box {
    width: 90%;
  }
}

@media only screen and (max-width: 599px) {
  .s-box {
    width: 95%;
    margin: 50px auto;
  }
  .s-box ul li {
    width: 48%;
  }
}

/* 2026/02/16*/
@media (min-width: 768px) {
    .hinomaru_sec6 .gutters .span_4 {
        width: 23%;
    }
}

@media (min-width: 768px) {
    .hinomaru_sec6 .gutters .span_8_02 {
        width: 75%;
    }
}