@charset "utf-8";
/*==================================================
font
==================================================*/
.font-en {
  font-family: "halcom", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
}
.font-lato {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
.font-Oswald {
  font-family: "Oswald", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
/*==================================================
cmn
==================================================*/
.wrap {
  max-width: 160rem;
  width: 100%;
  padding: 0 5rem;
  margin: 0 auto;
}
.wrap-m {
  padding: 0;
  margin: 0 auto;
  box-shadow: none;
  max-width: 120rem;
  width: 100%;
}
.wrap-s {
  padding: 0;
  margin: 0 auto;
  box-shadow: none;
  max-width: 100rem;
  width: 100%;
}
/*==================================================
head
==================================================*/
.site-header::after {
  content: "";
  display: block;
  clear: both;
  z-index: 999;
}
.site-header {
  width: 100%;
  z-index: 300;
  padding: 0 5rem;
  transition: .4s;
  position: fixed;
  z-index: 900;
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
}
.site-header .head-box {
  height: 14rem;
}
.site-header .site-title {
  width: 28rem;
  line-height: 0;
}
.site-header .description-txt {
  font-size: 1.1rem;
  color: #666;
  letter-spacing: 0;
  line-height: 1em;
  margin-top: 1.5rem;
}
.site-header .gnavi {
  justify-content: flex-end;
}
.site-header .gnavi li {
  position: relative;
  font-size: 1.5rem;
}
.site-header .gnavi > li {
  margin-left: 4rem;
}
.site-header .gnavi > li > a {
  height: 7.5rem;
  display: table;
  position: relative;
}
.site-header .gnavi > li > a > .txt {
  display: table-cell;
  vertical-align: middle;
}
.site-header .gnavi > li > a:hover {
  color: #004d92;
  opacity: 1;
  font-weight: bold;
}
.site-header .gnavi > li > a .txt:before {
  content: "";
  display: block;
  background: #004d92;
  width: 100%;
  height: 0.4rem;
  position: absolute;
  left: 50%;
  bottom: 0.8rem;
  transition: .3s;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
}
.site-header .gnavi > li > a:hover .txt:before {
  transform: translateX(-50%) scaleX(1);
}
.site-header .gnavi li a {
  line-height: 1em;
  text-align: center;
}
.site-header .gnavi .parent > a > .txt:after {
  content: "";
  background: url("../img/cmn/arrow04.svg") no-repeat right center;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8rem;
}
.site-header .gnavi .child {
  position: absolute;
  top: 7.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 35rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.2);
  padding: 2.5rem 2rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  border-radius: 0.6rem;
  background: #004d92;
  color: #fff;
}
.site-header .gnavi li:hover > .child {
  opacity: 1;
  visibility: visible;
}
.site-header .gnavi .child li {
  width: 100%;
}
.site-header .gnavi .child li:last-child {
  border-bottom: none;
}
.site-header .gnavi .child li a {
  padding: 1.8rem;
  display: block;
}
.site-header .navi {
  justify-content: flex-end;
  width: 75%;
}
.site-header .h-navi {
  justify-content: flex-end;
  padding: 2rem 0 0;
}
.h-navi .search-box {
  position: relative;
  max-width: 26rem;
  width: 100%;
}
.h-navi .search-box input {
  background: #f3f5f5;
  border-radius: 100px;
  width: 100%;
  height: 4.5rem;
  padding: 2rem;
  line-height: 1em;
}
.h-navi .search-box dd {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0;
}
.h-navi .search-box dd button {
  width: 4.5rem;
  height: 4.5rem;
  border: none;
  background: none;
  text-indent: -99999px;
  background: url("../img/cmn/icon_search_h.svg") no-repeat center;
  background-size: 1.8rem;
}
.h-navi .tel-box {
  text-align: right;
  margin: 0 3rem;
  flex-wrap: nowrap
}
.h-navi .tel-box .tel {
  font-weight: bold;
  color: #004d92;
  font-size: 2.6rem;
  line-height: 1em;
}
.h-navi .tel-box .tel a {
  display: block;
  line-height: 1em;
}
.h-navi .tel-box .tel a:before {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  display: inline-block;
  background: url("../img/cmn/icon_tel_h.svg") no-repeat center;
  background-size: contain;
  border-radius: 100%;
  border: 1px solid #004d92;
  vertical-align: middle;
  margin-top: -0.5rem;
  margin-right: 0.5rem;
}
.h-navi .tel-box .txt {
  font-size: 1.1rem;
  line-height: 1em;
  margin-right: 0.1rem;
  margin-bottom: 0.5rem;
}
.h-navi .contact-navi {
  font-size: 1.5rem;
  line-height: 1em;
}
.h-navi .contact-navi li {
  width: 24rem;
  text-align: center;
}
.h-navi .contact-navi li a {
  display: table;
  background: #004d92;
  color: #fff;
  height: 4.5rem;
  width: 100%;
}
.h-navi .contact-navi li a span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1em;
  padding-top: 0.3rem;
}
.h-navi .contact-navi li.reserve {
  margin-left: 1rem;
}
.h-navi .contact-navi li.reserve a {
  background: #fff;
  color: #004d92;
  border: 1px solid #004d92;
}
.h-navi .contact-navi li.reserve a span:before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background: url("../img/cmn/icon_reserve_h.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.3rem 1rem 0 0;
}
.h-navi .contact-navi li.contact a span:before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background: url("../img/cmn/icon_mail_h.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.3rem 1rem 0 0;
}
.button-toggle {
  display: none;
}
/*==================================================
foot
==================================================*/
.foot-contact-box {
  background: url("../img/cmn/foot_contact_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
}
.foot-contact-box .tit-txt-box h3 {
  font-size: 2.4rem;
}
.foot-contact-box li {
  width: 47.916667%;
}
.foot-contact-box li a {
  height: 14rem;
  display: table;
  width: 100%;
}
.foot-contact-box li a .inner {
  display: table-cell;
  vertical-align: middle;
}
.foot-contact-box .tel {
  background: #fff;
  color: #004d92;
}
.foot-contact-box .tel .s {
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin-top: 0.6rem;
  text-align: center;
  color: #222;
}
.foot-contact-box .tel .num {
  font-size: 4rem;
  font-weight: bold;
}
.foot-contact-box .tel .num:before {
  content: "";
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background: url("../img/cmn/icon_tel_h.svg") no-repeat center;
  background-size: contain;
  border-radius: 100%;
  border: 1px solid #004d92;
  vertical-align: middle;
  margin-top: -1rem;
  margin-right: 1rem;
}
.foot-contact-box .mail {
  background: #004d92;
}
.foot-contact-box .mail .tit {
  border-color: #fff;
}
.foot-contact-box .mail p {
  font-size: 2.2rem;
  font-weight: bold;
}
.foot-contact-box .mail p:before {
  content: "";
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background: url("../img/cmn/icon_mail_h.svg") no-repeat center;
  background-size: 2.5rem;
  border-radius: 100%;
  border: 1px solid #fff;
  vertical-align: middle;
  margin-top: -1rem;
  margin-right: 1rem;
}
.foot-contact-box .tit {
  width: auto;
  padding: 1rem 3rem;
  line-height: 1.8em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #004d92;
}
.foot-contact-box .txt {
  flex: 1;
  padding: 0 4rem;
}
.site-footer-box {
  padding-bottom: 5rem;
}
.site-footer .footer-box .company {
  width: 35.714286%;
  font-size: 87.5%;
  line-height: 2.2em;
}
.site-footer .footer-box .company .logo {
  width: 28rem;
  margin-bottom: 5rem;
}
.site-footer .footer-box .company dl {
  margin-top: 5rem;
}
.site-footer .footer-box .company dt {
  text-indent: -0.5em;
}
.site-footer .footer-box .company dd {
  margin-bottom: 1rem;
}
.site-footer .footer-box .company dd:last-child {
  margin-bottom: 0;
}
.site-footer .footer-box .navi {
  width: 64.2857143%;
  margin-top: 1rem;
}
.fnavi-box .col-box {
  width: 33.3333333%;
  margin-bottom: 3rem;
}
.fnavi-box {
  font-size: 87.5%;
}
.fnavi-box > .col-box > ul > li {
  margin-bottom: 0.5rem;
}
.fnavi-box > .col-box > ul > li > a {
  background: url("../img/cmn/arrow03.svg") no-repeat left center;
  background-size: 1.8rem;
  padding-left: 3rem;
}
.fnavi-box li ul {
  margin-left: 3rem;
}
.fnavi-box li li {
  font-size: 87.5%;
  line-height: 2em;
  margin-top: 0.5rem;
  list-style: disc;
  margin-left: 1.5em;
}
.fnavi-s {
  text-align: right;
}
.fnavi-s li {
  display: inline-block;
  font-size: 87.5%;
  line-height: 2em;
}
.fnavi-s li:after {
  content: "｜";
  padding: 0 1rem;
}
.fnavi-s li:last-child:after {
  display: none;
}
.site-footer address {
  font-style: normal;
  font-size: 81.25%;
  background: #004d92;
  color: #fff;
  padding: 1rem 5rem;
  text-align: right;
}
/*==================================================
content
==================================================*/
strong {
  font-weight: bold;
}
div.pin {
  position: relative;
  top: -14rem;
  display: block;
}
section {
  padding: 15rem 0;
  position: relative;
}
.pad-t08 {
  padding-top: 8rem;
}
.pad-t10 {
  padding-top: 10rem;
}
.pad-b10 {
  padding-bottom: 10rem;
}
.pad-tb10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.tit01 {
  margin-bottom: 9rem;
  position: relative;
  text-align: center;
}
.tit01 .font-en {
  font-size: 11rem;
  line-height: 1em;
  letter-spacing: 0;
}
.tit01 .font-jp {
  font-size: 3.6rem;
  position: absolute;
  top: 53%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  line-height: 1.5em;
}
.tit01 .font-jp.s {
  font-size: 4rem;
  line-height: 1.5em;
}
.tit01 .series-tit {
  font-size: 3.6rem;
}
.tit01 .series-tit .font-en {
  font-size: 5.5rem;
  line-height: 1em;
  letter-spacing: 0;
}
.tit01 .series-tit .border {
  font-size: 50%;
  padding: 1rem 0.8rem;
  margin-right: 1rem;
  display: inline-block;
  line-height: 1em;
}
.tit01.l {
  text-align: left;
}
.tit01.l .font-jp {
  padding-left: 4rem;
}
.tit-txt-box {
  margin-bottom: 8rem;
}
.tit-txt-box .tit01 {
  margin-bottom: 5rem;
}
.tit-txt-box h3 {
  font-size: 2.6rem;
  line-height: 2.2em;
  text-align: center;
}
.tit02 {
  line-height: 1.8em;
  margin-bottom: 5rem;
  text-align: center;
  color: #004d92;
}
.tit02 .font-en {
  font-size: 4.4rem;
  display: block;
}
.tit02 .font-jp {
  font-weight: bold;
  display: block;
  margin-top: 1rem;
}
.tit03 {
  font-size: 3.6rem;
  line-height: 2em;
  margin-bottom: 5rem;
}
.tit04 {
  font-size: 3rem;
  line-height: 2.2em;
  margin-bottom: 6rem;
  text-align: center;
}
.tit04 .series-tit {
  margin-top: 1rem;
  display: block;
}
.tit04 .series-tit .font-jp {
  font-size: 3rem;
  vertical-align: 0.7rem;
}
.tit04 .mar-t {
  display: block;
  margin-top: 3rem;
}
.tit04 .txt-s {
  font-size: 2.4rem;
  display: block;
  margin-top: 2rem;
  flow-into: 2.2em;
}
.tit05 {
  line-height: 2.2em;
  margin-bottom: 5rem;
  text-align: center;
}
.tit05 .font-en {
  font-size: 4rem;
  display: block;
  line-height: 1.5em;
}
.tit05 .font-jp {
  display: block;
  line-height: 1.5em;
}
.tit06 {
  line-height: 2.2em;
  margin-bottom: 8rem;
  text-align: center;
}
.tit06 .font-en {
  font-size: 2rem;
  display: inline-block;
  line-height: 1.5em;
  border-bottom: 2px solid #004d92;
  padding-bottom: 0.5rem;
  margin-top: 2rem;
}
.tit06 .font-jp {
  display: block;
  line-height: 1.5em;
  font-size: 6rem;
}
.tit06 .font-jp .txt-s {
  display: block;
  font-size: 70%;
  line-height: 2em;
}
.txt-blue {
  color: #004d92;
}
.txt-black {
  color: #222;
}
.txt-color-a {
  color: #a74193;
}
.txt-color-k {
  color: #b28e29;
}
.txt-color-c {
  color: #3d7043;
}
.txt-white {
  color: #fff;
}
.txt-gray-l {
  color: #f3f5f5;
}
.txt-green {
  color: #3ab483;
}
.txt-opt {
  color: rgba(255, 255, 255, 0.15);
}
.txt-opt2 {
  color: rgba(255, 255, 255, 0.3);
}
.bg-black {
  background: #000;
}
.bg-gray-l {
  background: #f3f5f5;
}
.bg-gray {
  background: #304854;
}
.bg-white {
  background: #fff;
}
.bg-blue {
  background: #004d92;
}
.bg-blue-l {
  background: #5085c5;
}
.bg-pink {
  background: #ef858c;
}
.bg-color-a {
  background: #a74193;
}
.bg-color-k {
  background: #b28e29;
}
.bg-color-c {
  background: #3d7043;
}
.bg-orange-l {
  background: #fcf9e6;
}
.bg-green {
  background: #3ab483;
}
.pad-t00 {
  padding-top: 0 !important;
}
.pad-b00 {
  padding-bottom: 0 !important;
}
.pad-b-last {
  padding-bottom: 20rem !important;
}
.mar-t00 {
  margin-top: 0 !important;
}
.mar-b00 {
  margin-bottom: 0 !important;
}
.mar-t05 {
  margin-top: 5rem !important;
}
.mar-b05 {
  margin-bottom: 5rem !important;
  ;
}
.mar-t08 {
  margin-top: 8rem !important;
}
.mar-t10 {
  margin-top: 10rem !important;
}
.mar-b10 {
  margin-bottom: 10rem !important;
  ;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left !important;
}
.txt-right {
  text-align: right !important;
}
/*カラム*/
.col-re {
  flex-direction: row-reverse;
}
.col-mid {
  align-items: center;
}
.col-bottom {
  align-items: flex-end;
}
/*ボタン*/
.btn-link01 {
  text-align: left;
  width: fit-content;
  margin: 0 auto 0;
  letter-spacing: 0.05em;
  margin-top: 5rem;
  font-size: 87.5%;
}
.btn-link01.font-en {
  font-size: 83.3333333%;
}
.btn-link01.r {
  margin-right: 0;
}
.btn-link01.l {
  margin-left: 0;
}
.btn-link01.w {
  max-width: 28rem;
  font-weight: bold;
}
.btn-link01.w a {
  font-weight: bold !important;
}
.btn-link01 a, .btn-link01 .link {
  display: block;
  border: 1px solid #004d92;
  color: #004d92;
  padding: 2.5rem 12rem 2.5rem 2rem;
  line-height: 1em;
  background: url("../img/cmn/arrow01.svg") no-repeat right 2rem center;
  background-size: 8.1rem;
  font-weight: normal !important;
}
.btn-link01.white a, .btn-link01.white .link {
  background: url("../img/cmn/arrow01_white.svg") no-repeat right 2rem center;
  background-size: 8.1rem;
  border-color: #fff;
  color: #fff;
  font-weight: normal !important;
}
.btn-link02 {
  text-align: left;
  letter-spacing: 0.05em;
  font-size: 75%;
}
.btn-link02 .link {
  background: url("../img/cmn/arrow01_black.svg") no-repeat left bottom;
  background-size: 10.8rem;
  width: 10.8rem;
  display: inline-block;
  text-align: left;
  font-weight: normal !important;
}
.btn-link02.txt-blue .link {
  background: url("../img/cmn/arrow01_blue.svg") no-repeat left bottom;
  background-size: 10.8rem;
}
.btn-link02.r {
  text-align: right;
}
/*youtube*/
.youtube-link {
  cursor: pointer;
}
.youtube-link:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
/*google map*/
.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 35%;
}
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sb-site, .sb-site-container {
  background: none;
}
.breadcrumbs-box {
  font-size: 1.2rem;
  line-height: 2em;
  padding: 1rem 5rem;
}
.note {
  font-size: 81.25%;
  line-height: 2.2em;
  letter-spacing: 0.025em;
}
.indent {
  text-indent: -1.1em;
  margin-left: 1.1em;
}
.subpage-txt-box {
  text-align: center;
  margin-bottom: 10rem;
}
.subpage-txt-box .tit01 {
  margin-bottom: 2rem;
}
.hide {
  display: none;
}
/*==================================================
MV
==================================================*/
.bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mv01-sec {
  padding-bottom: 20rem;
  position: relative;
}
.mv01-sec .txt-box {
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.mv01-sec .txt-box h2 {
  font-size: 3.2rem;
  line-height: 2.2em;
}
.mv01-sec .txt-box .txt {
  margin-top: 8rem;
}
.mv02-sec {
  padding: 0 0 10rem;
  position: relative;
}
.mv02-sec .img-box {
  width: calc(100% - 15rem);
  height: 40.625vw;
  margin: 0 auto;
  margin-right: 0;
}
.mv02-sec .img-box img {
  width: 100%;
}
.mv02-sec .txt-box {
  background: #fff;
  position: absolute;
  left: 5rem;
  bottom: 5rem;
  padding: 7rem 7rem;
}
.mv02-sec .txt-box h1 {
  font-size: 4.5rem;
  line-height: 1.7em;
  margin-bottom: 2rem;
}
.page-product-series .mv02-sec .txt-box h1 {
  font-size: 7rem;
  line-height: 1em;
  margin-bottom: 3rem;
}
.mv02-sec .txt-box h2 {
  font-size: 2.8rem;
  line-height: 2em;
  margin-bottom: 3rem;
}
.area-box .area-tit {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.area-box .area-tit:before {
  content: "";
  width: 2rem;
  height: 2.7rem;
  background: url("../img/cmn/icon_map.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.5rem 0.5rem 0 0;
}
.area-box.txt-color-a .area-tit:before {
  background: url("../img/cmn/icon_map_aspace.svg") no-repeat center;
  background-size: contain;
}
.area-box.txt-color-k .area-tit:before {
  background: url("../img/cmn/icon_map_kspace.svg") no-repeat center;
  background-size: contain;
}
.area-box.txt-color-c .area-tit:before {
  background: url("../img/cmn/icon_map_cspace.svg") no-repeat center;
  background-size: contain;
}
.page-aspace .area-box .area-list {
  max-width: 34rem;
}
.area-box .area-list li {
  border: 1px solid #004d92;
  text-align: center;
  line-height: 1em;
  font-weight: bold;
  padding: 1.6rem 1rem;
	font-size: 87.5%;
}
.area-box.txt-color-a .area-list li {
  border-color: #a74193;
}
.area-box.txt-color-k .area-list li {
  border-color: #b28e29;
}
.area-box.txt-color-c .area-list li {
  border-color: #3d7043;
}
.area-box .area-list.bg-blue li {
  color: #fff;
}
.area-box .area-list.col-2 li {
  width: 49.5%;
  margin-bottom: 1%;
}
.area-box .area-list-s {
  margin-top: 1rem;
}
.area-box .area-list-s ul {
  letter-spacing: -.4em;
  line-height: 2em;
}
.area-box .area-list-s li {
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2em;
  display: inline-block;
}
.area-box .area-list-s li:after {
  content: "/";
  padding: 0 0.5rem;
}
.area-box .area-list-s li:last-child:after {
  display: none;
}
.mv03-sec {
  position: relative;
  padding: 0;
}
.mv03-sec .txt-box {
  position: absolute;
  top: 50%;
  left: 10rem;
  z-index: 2;
  color: #fff;
  transform: translateY(-50%);
}
.mv03-sec .txt-box .border-tit {
  border: 1px solid #fff;
  font-size: 2.4rem;
  line-height: 1em;
  padding: 1.5rem 2rem;
  display: inline-block;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}
.mv03-sec .txt-box .tit {
  font-size: 3.4rem;
  line-height: 2.2em;
}
.mv03-sec .sub-mv-slider .slide {
  width: 100%;
  height: 46.875vw;
}
.mv03-sec .sub-mv-slider .slick-dots {
  position: absolute;
  bottom: 3rem;
  right: 5rem;
  padding: 0;
}
.mv04-sec {
  position: relative;
  padding: 0;
  height: 46.875vw;
}
.mv04-sec .txt-box {
  position: absolute;
  bottom: 7rem;
  left: 7rem;
  z-index: 2;
}
.mv04-sec .txt-box h1 .txt {
  background: #004d92;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1em;
  padding: 1rem 2rem;
}
.mv04-sec .txt-box h2 .txt {
  background: #fff;
  letter-spacing: 0.1em;
  line-height: 1em;
  padding: 1.5rem 2rem 1.8rem;
  font-size: 4rem;
  display: inline-block;
  margin-top: 0.5rem;
}
.mv05-sec {
  position: relative;
  padding: 4rem 0 8rem;
}
.mv05-sec .tit01 {
  margin-bottom: 0;
}
.mv05-sec .item-search-box {
  margin-top: 8rem;
}
.mv06-sec {
  padding: 0;
}
.mv06-sec .txt-box {
  width: 37%;
  display: table;
}
.mv06-sec .txt-box .inner {
  display: table-cell;
  vertical-align: middle;
  padding: 7rem;
}
.mv06-sec .txt-box h1 {
  display: inline-block;
  background: #004d92;
  color: #fff;
  font-size: 2.4rem;
  line-height: 2em;
  padding: 1rem 3rem;
  margin-bottom: 4rem;
}
.mv06-sec .txt-box h2 {
  font-size: 3.4rem;
  line-height: 2em;
}
.mv06-sec .img-box {
  width: 63%;
  height: 40.625vw;
  background: url("../img/service_buy/main_img.jpg") no-repeat center;
  background-size: cover;
}
.mv07-sec {
  padding: 0;
  position: relative;
  z-index: 2;
}
.mv07-sec .img-box {
  width: 62.5%;
  padding-top: 3.125vw;
}
.mv07-sec .img-box .slide {
  position: relative;
}
.mv07-sec .img-box .slide img {
  border-radius: 2rem 0 0 2rem;
}
.mv07-sec .img-box .slide .comment {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  background: rgba(255, 255, 255, 0.8);
  width: calc(100% - 6rem);
  padding: 1.2rem 3rem;
}
.mv07-sec .img-box .slide .comment dl {
  justify-content: flex-start;
}
.mv07-sec .img-box .slide .comment dt {
  margin-right: 1.5rem;
  line-height: 1.5em;
}
.mv07-sec .img-box .slide .comment dt .num {
  font-size: 140%;
}
.mv07-sec .img-box .slide .comment dd {
  flex: 1;
  line-height: 1.5em;
  font-weight: bold;
}
.mv07-sec .txt-box {
  width: 37.5%;
  padding-left: 4.375vw;
  padding-top: 6.25vw;
  position: relative;
  background: url("../img/pickup_simplehousing/bg_circle01.png") no-repeat left 13.75vw center;
  background-size: 31.25vw;
}
.mv07-sec .txt-box h1 {
  margin-bottom: 3rem;
}
.mv07-sec .txt-box h1 img {
  height: 8.75vw;
}
.mv07-sec .txt-box .tit {
  position: relative;
}
.mv07-sec .txt-box h2 {
  font-size: 5.4rem;
  white-space: nowrap;
  z-index: 2;
  position: relative;
  letter-spacing: 0.02em;
}
.mv07-sec .txt-box h2 .bg-white {
  background: #fff;
  display: inline-block;
  line-height: 1em;
  padding: 1.5rem 2.5rem 2rem 3rem;
  margin-bottom: 1rem;
}
.mv07-sec .txt-box h2 .txt-s {
  font-size: 80%;
}
.mv07-sec .txt-box .tit .txt {
  width: 13.125vw;
  position: absolute;
  top: -7.8125vw;
  right: -2.1875vw;
  z-index: 2;
}
.mv07-sec .comment-box {
  width: 20vw;
  position: absolute;
  bottom: 0;
  left: 9.375vw;
}
.slide-pickup-mv {
  margin-bottom: -3.125vw;
}
.mv08-sec {
  padding: 0;
  position: relative;
  z-index: 2;
}
.mv08-sec:after {
  content: "";
  width: 62.5%;
  height: calc(100% + 8rem);
  display: block;
  background: #004d92;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 6rem 0;
}
.mv08-sec .img-box {
  width: 65%;
  position: relative;
  z-index: 2;
  border-radius: 0 0 0 6rem;
  overflow: hidden;
}
.mv08-sec .txt-box {
  width: 35%;
  padding: 5rem 0 5rem 5rem;
  position: relative;
  z-index: 3;
  background: url(../img/purpose_shop/bg_circle01.png) no-repeat left 13.75vw center;
  background-size: 31.25vw;
}
.mv08-sec .txt-box h1 {
  font-size: 5.4rem;
  white-space: nowrap;
  z-index: 2;
  position: relative;
  letter-spacing: 0.02em;
  margin-bottom: 3rem;
}
.mv08-sec .txt-box h1 .icon {
  max-width: 28rem;
  width: 100%;
}
.mv08-sec .txt-box h1 .bg-white {
  background: #fff;
  display: inline-block;
  line-height: 1em;
  padding: 1.5rem 2.5rem 2rem;
  margin-bottom: 1rem;
}
.mv08-sec .txt-box p {
  font-size: 3.4rem;
  line-height: 2em;
  color: #fff;
  font-weight: bold;
  margin-left: 3rem;
}
.mv08-sec .txt-posi {
  position: absolute;
  left: -1.5rem;
  bottom: -9rem;
  ;
  color: rgba(255, 255, 255, 0.1);
  z-index: 2;
  line-height: 1em;
  font-size: 12rem;
}
.mv08-sec .contact {
  max-width: 28rem;
  width: 100%;
  position: absolute;
  bottom: -14rem;
  right: 2.5rem;
  z-index: 2;
}
/*==================================================
item
==================================================*/
.item-list.col-2 {
  margin-bottom: -8rem;
}
.item-list.col-2 .col-box {
  width: 47.916667%;
  margin-bottom: 8rem;
}
.item-list.col-3 {
  margin-bottom: -8rem;
}
.item-list.col-3 .col-box {
  width: 30.928571%;
  margin-bottom: 8rem;
}
.item-list.col-3:after {
  content: "";
  display: block;
  width: 30.928571%;
}
.item-list.col-4 {
  margin-bottom: -5rem;
}
.item-list.col-4 .col-box {
  width: 23.357143%;
  margin-bottom: 5rem;
}
.item-list.col-4:before {
  content: "";
  display: block;
  width: 23.5%;
  order: 1;
}
.item-list.col-4:after {
  content: "";
  display: block;
  width: 24.375%;
}
.item-img {
  margin-bottom: 2rem;
  box-shadow: 0 0 0.5rem rgb(0, 0, 0, 0.2);
}
.item-img img {
  width: 100%;
}
.item-cat-list {
  letter-spacing: -.4em;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.item-cat-list li {
  letter-spacing: 0.05em;
  margin: 0 0.5rem 0.5rem 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1em;
  display: inline-block;
  font-weight: bold;
}
.item-cat-list li a {
  display: block;
  background: #004d92;
  padding: 0.8rem 1rem;
}
.item-cat-list.no-link li {
  background: #004d92;
  padding: 0.8rem 1rem;
}
.page-aspace .item-cat-list.no-link li {
  background: #a74193;
}
.page-kspace .item-cat-list.no-link li {
  background: #b28e29;
}
.item-cat-list.no-link li:before, .item-cat-list li a:before {
  content: "#";
  margin-right: 0.2rem;
}
.item-tit {
  font-size: 100%;
  line-height: 1.8em;
  letter-spacing: 0.06em;
}
.item-tit.s {
  font-size: 100%;
  line-height: 1.8em;
  letter-spacing: 0.06em;
}
.item-price {
  font-weight: bold;
  margin-top: 1rem;
}
.item-price dt {
  width: auto;
  font-size: 1.2rem;
  margin-right: 1rem;
  font-weight: normal;
}
.item-price dt .txt {
  background: #004d92;
  color: #fff;
  line-height: 1em;
  padding: 0.5rem 0.7rem 0.7rem;
}
.item-price dt .txt.border {
  color: #004d92;
  border: 1px solid #004d92;
  background: #f3f5f5;
}
.item-price dd {
  flex: 1;
  font-size: 2rem;
}
.item-price dd .s {
  font-size: 1.4rem;
}
.item-price-s {
  font-weight: bold;
  margin-top: 1.5rem;
  line-height: 1.5em;
  font-size: 88.8%;
}
.item-price-s .b {
  font-size: 144%;
  vertical-align: -0.05em;
}
.item-price-s .txt-red {
  color: #ba0000;
}
.item-price-s .arrow {
  font-size: 88%;
}
.item-price-s .s {
  font-size: 70%;
  margin-left: 0.1rem;
  letter-spacing: 0;
}
.item-no {
  font-size: 77%;
  line-height: 1em;
  margin-bottom: 0.4rem;
  margin-top: 3rem;
}
.item-list .col-box:hover .slick-next, .item-list .col-box:hover .slick-prev {
  opacity: 1;
}
.item-img-slider .slick-next {
  width: 5rem;
  height: 5rem;
  right: 1rem;
  top: 50%;
  background: url("../img/cmn/item_slide_next.png") no-repeat center rgba(255, 255, 255, 0.9);
  background-size: contain;
  text-indent: -9999px;
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0;
  border-radius: 100%;
}
.item-img-slider .slick-prev {
  width: 5rem;
  height: 5rem;
  left: 1rem;
  top: 50%;
  background: url("../img/cmn/item_slide_prev.png") no-repeat center rgba(255, 255, 255, 0.9);
  background-size: contain;
  text-indent: -9999px;
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0;
  border-radius: 100%;
}
.item-img-slider .slick-dots {
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 0;
  bottom: 2rem;
  left: 2rem;
}
.item-img-slider .slick-dots li, .item-img-slider .slick-dots li button {
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
}
.item-img-slider .slick-dots li {
  margin-right: 0.4rem;
}
.item-img-slider .slide {
  position: relative;
}
.item-img-slider .slide .item-zoom {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.item-img-slider .slide .item-zoom a {
  padding: 2rem;
  display: block;
}
.item-img-slider .slide .item-zoom .icon {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background: #004d92;
  display: block;
}
.lb-details {
  display: none;
}
.sort-box {
  margin-top: 4rem;
  text-align: right;
  z-index: 2;
  font-size: 1.6rem;
  position: relative;
}
.sort-box label {
  margin-right: 0.5rem;
}
.sort-box select {
  border: 1px solid #004d92;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/cmn/arrow05.svg) center right 1rem #fff;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  width: 20rem;
  padding: 0 1rem;
  font-size: 1.6rem;
}
.search-keyword {
  margin-top: 2rem;
}
.search-keyword ul {
  justify-content: center;
  line-height: 1.6em;
  color: #004d92;
  font-weight: bold;
}
.search-keyword li:after {
  content: "/";
  padding: 0 0.6em;
}
.search-keyword li:last-child:after {
  display: none;
}
.search-meta {}
/*==================================================
index
==================================================*/
main {
  padding-top: 14rem;
}
.main-sec {
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.main-slider .slide {
  width: 100%;
  position: relative;
}
.main-slider .slick-dots {
  padding: 5rem;
  text-align: left;
  bottom: 0;
  width: auto;
}
.slick-dots li.slick-active button {
  background: #fff;
}
.slick-dots li button {
  background: rgba(255, 255, 255, 0.6);
}
.slick-dots li, .slick-dots li button {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  padding: 0;
}
.slick-dots li {
  margin: 0 0.8rem 0 0;
}
.main-slider .sub-txt-box {
  position: absolute;
  top: 8rem;
  left: 0;
}
.main-slider .sub-txt-box h2 {
  display: inline-block;
  color: #fff;
  background: #004d92;
  font-weight: 500;
  padding: 2.4rem 2.2rem 2.6rem 2.5rem;
  line-height: 1em;
  font-size: 4.2rem;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.main-slider .sub-txt-box h2.font-en {
  font-size: 7rem;
  letter-spacing: 0;
  padding-top: 0;
}
.main-slider .sub-txt-box h2.font-en .border {
  border: 1px solid #fff;
  line-height: 1em;
  padding: 0.4rem 1rem;
  vertical-align: 1rem;
  margin-left: 1.5rem;
  font-size: 1.8rem;
}
.main-slider .detail-box {
  height: calc(100% - 12rem);
  width: 44rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 5rem 5rem;
}
.main-slider .detail-box .txt-box h3 {
  font-size: 3.3rem;
  line-height: 1.8em;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.main-slider .detail-box .txt-box p:before {
  content: "";
  display: block;
  height: 1px;
  width: 4rem;
  background: #fff;
  margin: 2.5rem 0;
}
.main-slider .detail-box .txt-box p {
  font-size: 2rem;
  line-height: 2.2em;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.main-slider .detail-box .btn-link01 {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.main-slider img {
  width: 100%;
}
.note-sec {
  padding: 0;
}
.note-sec .border-bottom {
  border-bottom: 1px solid #222;
}
.note-sec .info-list {
  padding: 4rem 0;
  text-align: center;
}
.note-sec .info-list li {
  display: inline-block;
}
.note-sec .info-list li a:after {
  content: "";
  background: url("../img/cmn/arrow02.svg") no-repeat right center;
  width: 0.9rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin: -0.3rem 0 0 2rem;
}
.note-sec .bnr-box {
  max-width: 85rem;
  width: 100%;
  margin: 0 auto;
  padding: 5rem 0;
}
.series-sec {
  padding: 10rem 0;
}
.series-sec .series-about-box {
  justify-content: center;
  margin-bottom: 6rem;
}
.series-tit {
  font-size: 10rem;
}
.series-tit .border {
  font-size: 25%;
  font-weight: bold;
  border: 1px solid #004d92;
  padding: 0.7rem 1.2rem;
}
.txt-color-a .series-tit .border {
  border-color: #a74193;
}
.txt-color-k .series-tit .border {
  border-color: #b28e29;
}
.txt-color-c .series-tit .border {
  border-color: #3d7043;
}
.series-tit.break {
  text-align: right;
}
.series-tit.break .font-en {
  display: block;
  line-height: 0.3em;
  margin-bottom: 3rem;
}
.series-tit.no-break .border {
  margin-left: 0.8em;
  vertical-align: 0.4em;
}
.series-tit.no-break .border.white {
  border-color: #fff;
}
.series-sec .series-about-box .tit {
  margin-right: 10rem;
}
.series-sec .series-about-box .txt h3 {
  font-size: 3rem;
  line-height: 1.8em;
  margin: -0.5rem 0 3rem 0;
}
.series-sec .series-slider {
  position: relative;
  z-index: 2;
}
.series-sec .series-slider .slide {
  margin: 0 2.5rem;
}
.series-sec .series-slider .txt-box {
  padding-right: 12rem;
  margin-top: -4rem;
  z-index: 2;
  position: relative;
}
.series-sec .series-slider .txt-box .inner {
  background: #fff;
  padding: 4rem 5rem;
}
.series-sec .series-slider h3 {
  font-size: 5rem;
  color: #004d92;
  line-height: 1em;
  margin-bottom: 2.5rem;
}
.series-sec .series-slider .tit {
  width: 25rem;
}
.series-sec .series-slider .txt {
  flex: 1;
}
.series-sec .series-slider .txt p {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.8em;
  margin-top: -0.5rem;
}
.service-box .col-box {
  line-height: 2.2em;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.series-sec .slide-box {
  position: relative;
}
.series-sec .slide-box:after {
  content: "";
  display: block;
  background: #f3f5f5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 13.5vw;
  left: 0;
}
.series-sec .series-slider .a-space h3 {
  color: #a74193;
}
.series-sec .series-slider .k-space h3 {
  color: #b28e29;
}
.series-sec .series-slider .c-space h3 {
  color: #2d6332;
}
.series-slider .slick-next {
  width: 11rem;
  height: 11rem;
  right: 22%;
  top: 13.5vw;
  background: #004d92;
  text-indent: -9999px;
  transform: translateY(-50%);
  margin-right: -5.5rem;
  border-radius: 100%;
  z-index: 2;
}
.series-slider .slick-next:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/cmn/arrow_next.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateX(-50%) translateY(-50%);
}
.series-slider .slick-prev {
  width: 11rem;
  height: 11rem;
  left: 22%;
  top: 13.5vw;
  background: #004d92;
  text-indent: -9999px;
  transform: translateY(-50%);
  margin-left: -5.5rem;
  border-radius: 100%;
  z-index: 2;
}
.series-slider .slick-prev:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/cmn/arrow_prev.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translateX(-50%) translateY(-50%);
}
.panorama-sec {
  padding-bottom: 10rem
}
.panorama-sec .bnr-box {
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}
.purpose-box {
  margin-bottom: -3rem;
}
.purpose-box.col-3 .col-box {
  width: 31.8571429%;
  margin-bottom: 3rem;
}
.purpose-box .col-box {
  width: 47.9166667%;
  margin-bottom: 5rem;
}
.purpose-box .img-box {
  position: relative;
  overflow: hidden;
}
.purpose-box .txt-box {
  padding-right: 6rem;
  position: relative;
  z-index: 2;
  margin-top: -3rem;
}
.purpose-box .txt-box .inner {
  background: #fff;
  color: #222;
  padding: 2.5rem 3.5rem 6rem;
  background: url("../img/cmn/arrow01_blue.svg") no-repeat right 2rem bottom 3rem #fff;
  background-size: 8rem;
}
.purpose-box .txt-box h3 {
  font-size: 2.6rem;
  letter-spacing: 0.08em;
}
.purpose-box .txt-box h3 .font-en {
  width: 100%;
  font-size: 1.3rem;
  display: block;
  line-height: 2em;
  margin-top: 0.5rem;
  margin-left: 0.1rem;
}
.flow-box .img-box {
  width: 40%;
  position: relative;
  z-index: 2;
}
.flow-box .img-box .inner {
  margin-left: -10rem;
}
.flow-box .txt-box {
  width: 60%;
}
.flow-box .txt-box .tit01 {
  margin-bottom: 7rem;
}
.flow-box .txt-box .inner {
  margin-left: -10rem;
  margin-top: 10rem;
  padding: 10rem 5rem 5rem 20rem;
}
.flow-list li {
  padding-bottom: 2rem;
  position: relative;
}
.flow-list li:last-child {
  padding-bottom: 0;
}
.flow-list li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4rem;
  height: 100%;
  width: 2px;
  background: #004d92;
  margin-left: -1px;
}
.flow-list li:last-child:after {
  display: none;
}
.flow-list .icon {
  width: 8rem;
  height: 8rem;
  display: table;
  background: #004d92;
  color: #fff;
  border-radius: 100%;
  margin-right: 4rem;
  z-index: 2;
}
.flow-list .icon .txt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 2.2em;
}
.flow-list .icon .s {
  display: block;
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
}
.flow-list .icon .num {
  font-size: 2.4rem;
  line-height: 1em;
  font-weight: bold;
}
.flow-list .txt-box {
  flex: 1;
}
.flow-list .txt-box h3 {
  color: #004d92;
  font-size: 3rem;
  line-height: 2em;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.flow-list .txt-box p {
  font-size: 87.5%;
  line-height: 2.2em;
}
.service-sec {
  padding-top: 0;
}
.service-sec .img-box {
  background: url("../img/top/service_img.jpg") no-repeat center;
  background-size: cover;
  height: 43.75vw;
  display: table;
  width: 100%;
}
.service-sec .img-box .tit-box {
  display: table-cell;
  vertical-align: middle;
}
.service-sec .img-box .tit01 {
  margin-bottom: 0;
}
.service-box {
  margin-top: 5rem;
}
.service-box .col-box {
  background: #fff;
  width: 31.666667%;
}
.service-box a {
  display: block;
  padding: 4rem 4rem 5rem;
}
.service-box i {
  width: 12rem;
  display: block;
  margin: 0 auto 2rem;
}
.service-box h3 {
  text-align: center;
  color: #004d92;
  font-size: 3.2rem;
  margin-bottom: 2rem;
}
.service-box h3 .font-jp {
  line-height: 1.5em;
  display: block;
}
.service-box h3 .font-en {
  font-size: 50%;
  line-height: 2 em;
  display: block;
}
.service-box .txt-box p {
  line-height: 2.2em;
  font-size: 87.5%;
  letter-spacing: 0.05em;
  font-weight: normal;
}
.service-box .txt-box p .txt-s {
  font-size: 87.5%;
}
.service-box-s .col-box {
  width: 48.75%;
  text-align: center;
  color: #fff;
}
.service-box-s {
  margin-top: 5rem;
}
.service-box-s a {
  display: block;
  border: 1px solid #fff;
  padding: 5rem 2rem;
  background: url("../img/cmn/arrow01_white.svg") no-repeat right 2rem center;
  background-size: 8rem;
}
.service-box-s h4 {
  font-size: 3rem;
  line-height: 1.6em;
  margin-bottom: 1rem;
}
.pickup-box {
  margin-bottom: 5rem;
}
.pickup-box:last-child {
  margin-bottom: 0;
}
.pickup-box .img-box {
  width: 57.142857%;
}
.pickup-box .txt-box {
  width: 39.285714%;
}
.pickup-box .txt-box .img-list {
  margin-bottom: 5rem;
}
.pickup-box .txt-box .img-list li {
  width: 50%;
}
.pickup-box .txt-box .txt .inner {
  padding: 5rem;
  z-index: 2;
  position: relative;
}
.pickup-box .txt-box .txt.r .inner {
  margin-left: -15rem;
}
.pickup-box .txt-box .txt.l .inner {
  margin-right: -15rem;
}
.pickup-box .txt-box .txt h3 {
  font-size: 3rem;
  line-height: 2em;
  margin-bottom: 2rem;
  color: #004d92;
}
.cat-list {
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.cat-list li {
  font-size: 1.6rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background: #004d92;
  color: #fff;
  line-height: 1em;
  padding: 1rem 1.5rem;
  font-weight: bold;
}
.cat-list li:before {
  content: "#";
  margin-right: 0.2rem;
}
.movie-box {
  position: relative;
  margin-bottom: 10rem;
}
.movie-box .movie {
  width: 100rem;
}
.movie-box .txt-box {
  width: 60rem;
  position: absolute;
  top: 50%;
  right: 0;
  height: calc(100% - 10rem);
  transform: translateY(-50%);
  color: #fff;
  display: table;
  text-align: center;
}
.movie-box .txt-box a {
  display: table-cell;
  vertical-align: middle;
}
.movie-box .txt-box h3 img {
  width: 35rem;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}
.movie-box .txt-box h3 {
  font-size: 3.6rem;
}
.movie-box .txt-box h3 .s {
  font-size: 2.4rem;
}
.mid-box .col-box {
  width: 50%;
  text-align: center;
  color: #fff;
}
.mid-box .col-box a {
  padding: 10rem 5rem;
}
.mid-box .technology a {
  background: url("../img/top/mind_img01.jpg") no-repeat center;
  background-size: cover;
  display: block;
}
.mid-box .service a {
  background: url("../img/top/mind_img02.jpg") no-repeat center;
  background-size: cover;
  display: block;
}
.mid-box h3 {
  margin-bottom: 5rem;
}
.mid-box h3 .font-en {
  display: block;
  max-width: 14rem;
  width: 100%;
  font-size: 1.2rem;
  border: 1px solid #fff;
  margin: 0 auto 3rem;
  line-height: 1em;
  padding: 1rem;
}
.mid-box h3 .b {
  font-size: 4rem;
  line-height: 1em;
  display: block;
  margin-bottom: 2rem;
}
.mid-box h3 .s {
  font-size: 2.2rem;
  line-height: 1em;
  display: block;
}
.mid-box p {
  font-size: 87.5%;
  line-height: 2.2em;
}
.news-sec {
  padding: 10rem 0 0 10rem;
  position: relative;
}
.news-sec:after {
  content: "";
  width: 100%;
  height: calc(100% - 10rem);
  background: #004d92;
  position: absolute;
  top: 0;
  left: 0;
}
.news-sec .news-box {
  position: relative;
  z-index: 2;
  padding: 10rem;
  background: #fff;
}
.news-sec .news-box .tit-box {
  width: 24rem;
  margin-right: 10rem;
}
.news-sec .news-box .content-box {
  flex: 1;
}
.news-list li:first-child {
  border-top: 1px solid #e6e6e6;
}
.news-list li {
  border-bottom: 1px solid #e6e6e6;
}
.news-list li a {
  overflow: hidden;
  padding: 3rem 0;
  display: block;
}
.news-list li a .data {
  width: 8em;
  display: block;
  float: left;
}
.news-list li a .txt {
  overflow: hidden;
  display: block;
}
.bnr-b-box .col-box.bnr01 {
  width: 41.714286%;
}
.bnr-b-box .col-box.bnr02 {
  width: 55%;
}
.bnr-b-box .col-box {
  display: table;
  width: 100%;
}
.bnr-b-box .col-box .inner {
  display: table-cell;
  vertical-align: middle;
}
.bnr-b-box .bnr01 {
  background: #64b3a0;
  color: #fff;
  padding: 0 2rem;
  border: 1rem solid #52a38e;
  height: 28rem;
}
.bnr-b-box .bnr01 .icon {
  width: 20rem;
  margin-right: 3rem;
}
.bnr-b-box .bnr01 .txt {
  flex: 1;
}
.bnr-b-box .bnr01 .txt h3 {
  margin-bottom: 1.5rem;
}
.bnr-b-box .bnr01 .txt h3 .s {
  display: inline-block;
  background: #fff;
  line-height: 1em;
  color: #64b3a0;
  padding: 0.8rem 1rem;
  letter-spacing: 0.05em;
  font-size: 93.75%;
  margin-bottom: 1rem;
}
.bnr-b-box .bnr01 .txt h3 .b {
  display: block;
  font-size: 3rem;
}
.bnr-b-box .bnr01 .txt p, .bnr-b-box .bnr02 .txt-box p {
  font-size: 80%;
  line-height: 1.8em;
  letter-spacing: 0;
}
.bnr-b-box .bnr02 {
  background: #fff;
  padding: 0 5rem;
  border: 1rem solid #b2c9de;
  height: 28rem;
}
.bnr-b-box .bnr02 .icon {
  width: 6rem;
  margin-right: 3rem;
}
.bnr-b-box .bnr02 .txt {
  flex: 1;
}
.bnr-b-box .bnr02 h3 {
  font-size: 3rem;
  line-height: 1.5em;
  color: #004d92;
}
.bnr-b-box .bnr02 .txt-box {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
.bnr-b-box .bnr02 .card-box > .flex-box {
  justify-content: flex-start;
}
.bnr-b-box .bnr02 .card-box .card {
  margin-right: 6rem;
}
.bnr-b-box .bnr02 .card-box p {
  font-size: 1.4rem;
  line-height: 1em;
  margin-bottom: 0;
  color: #004d92;
  font-weight: bold;
  margin-bottom: 1rem;
}
.bnr-b-box .bnr02 .card-box ul {
  justify-content: flex-start;
}
.bnr-b-box .bnr02 .card-box li {
  margin-right: 1.2rem;
}
.bnr-b-box .bnr02 .card-box li:last-child {
  margin-right: 0;
}
.bnr-b-box .bnr02 .card-box li img {
  height: 3.8rem;
}
.youtube-bnr {
  max-width: 71rem;
  width: 100%;
  margin: 10rem auto 0;
  text-align: center;
}
.youtube-bnr a {
  display: block;
  background: #fff;
  border: 1px solid #222;
  padding: 4rem 5rem;
}
.youtube-bnr .flex-box {
  justify-content: flex-start;
  background: url("../img/cmn/arrow01_black.svg") no-repeat right center;
  background-size: 8rem;
}
.youtube-bnr .logo {
  width: 15rem;
  margin-right: 3rem;
}
.youtube-bnr .txt {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.sns-box {
  background: #fff;
  padding: 5rem;
  margin-top: 5rem;
}
.sns-box .flex-box {
  justify-content: center;
}
.sns-box .tit {
  width: 32rem;
  border: 1px solid #222;
  text-align: center;
  margin-right: 5rem;
  padding: 2rem;
  line-height: 1em;
  font-weight: bold;
  position: relative;
}
.sns-box .tit:after {
  content: "";
  display: block;
  position: absolute;
  right: -5rem;
  top: 50%;
  width: 8rem;
  height: 0.6rem;
  background: url("../img/cmn/arrow06.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}
.sns-box .icon li {
  margin-left: 5rem;
}
.sns-box .icon li img {
  height: 5rem;
}
/*==================================================
こだわり
==================================================*/
.page-mind .mv01-sec {
  background: url("../img/mind/main_img.jpg") no-repeat bottom center;
  background-size: cover;
  padding-bottom: 30rem;
}
.mv01-sec .tit01 {
  margin-bottom: 15rem;
}
.mind-about-sec {
  position: relative;
}
.mind-about-sec .bg {
  background: #f3f5f5;
  position: absolute;
  top: 65.9rem;
  height: calc(100% - 65.9rem);
}
.mind-about-sec h2 {
  text-align: center;
  margin-bottom: 15rem;
}
.mind-about-sec h2 img {
  height: 23.9rem;
}
.mind-about-sec .select-box .point-txt {
  background: rgba(0, 77, 146, 0.25);
}
.mind-about-sec .select-box .point-txt .inner {
  margin-top: 2.5rem;
  margin-left: 1.8rem;
  text-align: center;
  display: inline-block;
}
.mind-about-sec .select-box .tit-box h3 {
  font-size: 5.6rem;
  line-height: 1.6em;
}
.mind-about-sec .select-box .tit-box h3:after {
  content: "";
  width: 8rem;
  height: 4px;
  background: #004d92;
  margin: 5rem auto;
  display: block;
}
.mind-about-sec .select-box .tit-box h4 {
  margin-bottom: 8rem;
}
.mind-about-sec .select-box .tit-box h4 .txt-s {
  font-size: 2rem;
  display: block;
  line-height: 1.6em;
}
.mind-about-sec .select-box .tit-box h4 .txt-b {
  font-size: 4.6rem;
  display: block;
  line-height: 1.6em;
}
.mind-about-sec .select-box .tit-box h4 .txt-m {
  font-size: 60%;
}
.mind-about-sec .content-list .img-box {
  width: 40.3225806%;
}
.mind-about-sec .content-list .txt-box {
  width: 55.483871%;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.mind-about-sec .content-list .txt-box p {
  font-size: 100%;
  line-height: 2.2em;
  margin: 0;
}
.mind-about-sec .content-list .txt-box .img-list {
  margin-top: auto;
}
.mind-about-sec .content-list .txt-box .img-list li {
  width: 32.4127907%;
}
.mind-about-sec .content-list .txt-box .img-list.col-2 {
  margin-bottom: 0;
}
.mind-about-sec .content-list .txt-box .img-list.col-2 li {
  width: 49.2732558%;
}
.mind-about-sec .content-list .txt-box .img-list02 {
  text-align: center;
  margin-top: auto;
}
.mind-about-sec .content-list .txt-box .img-list02 li.c1 {
  width: 31.9767442%;
  position: relative;
}
.mind-about-sec .content-list .txt-box .img-list02 li.c1:after {
  content: "";
  width: 2.5rem;
  height: 7.5rem;
  display: block;
  background: url("../img/mind/arrow01.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -4.3rem;
  transform: translateY(-50%);
}
.mind-about-sec .content-list .txt-box .img-list02 li.c2 {
  width: 60.3197674%;
}
.mind-about-sec .content-list .txt-box .img-list02 li img {
  height: 13rem;
  width: auto;
}
.mind-about-sec .content-list .txt-box .img-list02 dt {
  background: #aaaaaa;
  color: #fff;
  padding: 0.5rem;
  font-weight: bold;
}
.mind-about-sec .content-list .txt-box .img-list02 li.c2 dt {
  background: #666666;
}
.mind-about-sec .content-list .txt-box .img-list02 dd {
  padding: 1rem 2rem 2rem;
  font-size: 87.5%;
  line-height: 2em;
}
.mind-about-sec .content-list .txt-box .img-list02 dd figure {
  margin-top: 1rem;
}
.mind-about-sec .bnr-box {
  max-width: 64.4rem;
  width: 100%;
  margin: 5rem auto 0;
}
/*==================================================
こ技術へのこだわり
==================================================*/
.page-mind-technique .mv01-sec {
  background: url("../img/mind_technique/main_img.jpg") no-repeat bottom center;
  background-size: cover;
  padding-bottom: 30rem;
}
.sub-mind-content-sec .read-txt-box {
  text-align: center;
  margin-bottom: 15rem;
}
.sub-mind-content-sec .flow-box {
  margin-bottom: 10rem;
}
.sub-mind-content-sec .flow-box .col-box {
  width: 14.85%;
  text-align: center;
}
.sub-mind-content-sec .flow-box dt {
  font-weight: bold;
  margin: 1rem 0 0.3rem;
  font-size: 2rem;
  line-height: 2em;
}
.sub-mind-content-sec .flow-box dd {
  font-size: 72%;
  line-height: 2em;
  letter-spacing: 0;
}
.sub-mind-content-sec .flow-box figure {
  position: relative;
}
.sub-mind-content-sec .flow-box figure:after {
  content: "";
  width: 1.5rem;
  height: 5rem;
  display: block;
  background: url(../img/mind_technique/arrow01.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -2.5rem;
  transform: translateY(-50%);
}
.sub-mind-content-sec .flow-box .col-box:last-child figure:after {
  display: none;
}
.sub-mind-content-sec .deck-box .col-box {
  width: 31.8571429%;
}
.sub-mind-content-sec .deck-box h3 {
  background: #004d92;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2em;
  padding: 1.5rem 1rem;
}
.sub-mind-content-sec .deck-box .col-box {
  background: #fff;
}
.sub-mind-content-sec .deck-box .inner {
  padding: 2rem;
}
.sub-mind-content-sec .deck-box li {
  margin-bottom: 2rem;
}
.sub-mind-content-sec .deck-box li:last-child {
  margin-bottom: 0;
}
.sub-mind-content-sec .old-new-box {
  text-align: center;
  margin-top: auto;
}
.sub-mind-content-sec .old-new-box li.c1 {
  width: 31.9767442%;
  position: relative;
}
.sub-mind-content-sec .old-new-box li.c1:after {
  content: "";
  width: 5rem;
  height: 15rem;
  display: block;
  background: url("../img/mind_technique/arrow02.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -8.5rem;
  transform: translateY(-50%);
}
.sub-mind-content-sec .old-new-box li.c2 {
  width: 60.3197674%;
}
.sub-mind-content-sec .old-new-box li img {
  height: 28rem;
  width: auto;
}
.sub-mind-content-sec .old-new-box dl {
  padding: 2rem;
}
.sub-mind-content-sec .old-new-box dt {
  background: #aaaaaa;
  color: #fff;
  padding: 2rem;
  font-weight: bold;
  font-size: 3rem;
}
.sub-mind-content-sec .old-new-box li.c2 dt {
  background: #666666;
}
.sub-mind-content-sec .old-new-box dd {
  padding: 3rem 2rem 2rem;
  line-height: 2em;
  font-size: 2.4rem;
  line-height: 2em;
}
.sub-mind-content-sec .old-new-box dd figure {
  margin-top: 2rem;
}
.sub-mind-content-sec .images-box {
  margin-top: 10rem;
}
.sub-mind-content-sec .images-box h3 {
  font-size: 3.6rem;
  line-height: 2em;
  color: #fff;
  background: #004d92;
  text-align: center;
  padding: 2rem;
}
.sub-mind-content-sec .images-box .inner {
  padding: 5rem;
}
.sub-mind-content-sec .images-box .tab-container .tab {
  width: 31.7692308%;
  background: #fff;
  text-align: center;
  font-weight: bold;
  padding: 3rem 3rem 3.5rem;
  position: relative;
  cursor: pointer;
}
.sub-mind-content-sec .images-box .tab-container .tab:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1rem solid #bad3fe;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sub-mind-content-sec .images-box .tab-container .tab.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1rem solid #bad3fe;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sub-mind-content-sec .images-box .tab-container .tab.active:after {
  content: '';
  position: absolute;
  bottom: -4.9rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 5rem solid #bad3fe;
  border-left: 2.5rem solid transparent;
  border-right: 2.5rem solid transparent;
  transform: translateX(-50%);
}
.sub-mind-content-sec .images-box .tab-container .tab p {
  line-height: 2em;
  margin-top: 1.5rem;
}
.sub-mind-content-sec .images-box .tab-container .tab p .txt-b {
  display: block;
  font-size: 2.4rem;
}
.sub-mind-content-sec .images-box .content-container {
  margin-top: 5rem;
}
.sub-mind-content-sec .images-box .content-container .content {
  display: none;
  padding: 6rem 10rem 10rem;
  background: #fff;
}
.sub-mind-content-sec .images-box .content-container .content.show {
  display: block;
}
.sub-mind-content-sec .images-box .content-container .content h4 {
  font-size: 3.4rem;
  line-height: 2em;
  text-align: center;
  margin-bottom: 5rem;
}
.sub-mind-content-sec .images-box .content-container .content .img-box .img01 {
  width: 71.0526316%;
}
.sub-mind-content-sec .images-box .content-container .content .img-box .img02 {
  width: 26.3157895%;
}
.sub-mind-content-sec .images-box .content-container .content .img-box .img02 li {
  margin-bottom: 1rem;
}
.sub-mind-content-sec .images-box .content-container .content .img-box .img02 li:last-child {
  margin-bottom: 0;
}
.sub-mind-content-sec.sec03 h3 {
  text-align: center;
  margin-bottom: 8rem;
}
.sub-mind-content-sec.sec03 h3 img {
  width: 50rem;
}
.sub-mind-content-sec .result-box {
  margin-bottom: -5rem;
}
.sub-mind-content-sec .result-box .col-box {
  width: 31.8571429%;
  margin-bottom: 5rem;
}
.sub-mind-content-sec .result-box .txt-box {
  background: #fff;
  position: relative;
  box-shadow: 0.5rem 0.5rem 0 rgb(0, 0, 0, 0.1);
}
.sub-mind-content-sec .result-box .txt-box:after {
  content: '';
  position: absolute;
  bottom: -2rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 2rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  transform: translateX(-50%);
}
.sub-mind-content-sec .result-box .txt-box .point-txt {
  background: rgba(0, 77, 146, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 100% 0;
}
.sub-mind-content-sec .result-box .txt-box .point-txt .inner {
  margin-top: 0.5rem;
  margin-left: 1.5rem;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}
.sub-mind-content-sec .result-box .txt-box .point-txt .font-Oswald {
  font-size: 2.4rem;
  line-height: 1em;
}
.sub-mind-content-sec .result-box .txt-box h4 {
  letter-spacing: 0;
  text-align: center;
  padding: 2rem 1rem;
  line-height: 2em;
  margin-bottom: 2rem;
}
.btn-list-box {
  justify-content: flex-end;
}
.btn-list-box li {
  margin-left: 2rem;
}
/*==================================================
サービスへのこだわり
==================================================*/
.page-mind-service .mv01-sec {
  background: url("../img/mind_service/main_img.jpg") no-repeat bottom center;
  background-size: cover;
  padding-bottom: 30rem;
}
.page-mind-service .pack-box {
  background: #fff;
  padding: 0 5rem 5rem;
  margin-bottom: 15rem;
}
.page-mind-service .pack-box:last-child {
  margin-bottom: 0;
}
.page-mind-service .pack-box .fukidashi-box {
  background: #004d92;
  max-width: 62rem;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 2em;
  padding: 2rem;
  transform: translateY(-50%);
  position: relative;
}
.page-mind-service .pack-box .fukidashi-box:after {
  content: '';
  position: absolute;
  bottom: -1.9rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 2rem solid #004d92;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  transform: translateX(-50%);
}
.page-mind-service .pack-box h3 {
  text-align: center;
  font-size: 5rem;
  line-height: 1.8em;
  margin-bottom: 5rem;
}
.page-mind-service .pack-box .txt-box {
  text-align: center;
  margin-bottom: 5rem;
}
.page-mind-service .pack-box .box .img-box {
  width: 61.5384615%;
}
.page-mind-service .pack-box .box .img-box .col-2 .col-box {
  width: 48.75%;
  text-align: center;
}
.page-mind-service .pack-box .box .img-box dt {
  color: #004d92;
  border: 1px solid #004d92;
  padding: 1rem;
  margin-bottom: 1rem;
}
.page-mind-service .pack-box .box .catalog-box {
  width: 34.6153846%;
  text-align: center;
}
.page-mind-service .pack-box .box .catalog-box .inner {
  background: #f3f5f5;
  position: relative;
  aspect-ratio: 1 / 1; /* 正方形 */
  overflow: hidden;
  border-radius: 100%;
  display: table;
  width: 100%;
}
.page-mind-service .pack-box .box .catalog-box .inner .center {
  display: table-cell;
  vertical-align: middle;
}
.page-mind-service .pack-box .box .catalog-box figure {
  width: 20rem;
  margin: 0 auto;
}
.page-mind-service .pack-box .box .catalog-box .btn-link01 {
  font-size: 1.2rem;
  line-height: 1em;
  margin-top: 2rem;
}
.page-mind-service .pack-box .box .catalog-box .btn-link01 .link {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: bold !important;
}
.page-mind-service .case-box .col-box {
  width: 49.2857143%;
  background: #004d92;
  text-align: center;
  margin-bottom: 5rem;
  padding: 0 1rem 5rem;
}
.page-mind-service .case-box .fukidashi {
  background: #fff;
  max-width: 20rem;
  width: 100%;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 2em;
  color: #004d92;
  padding: 1rem;
  border: 1px solid #004d92;
  transform: translateY(-50%);
  position: relative;
}
.page-mind-service .case-box .fukidashi:after {
  content: '';
  position: absolute;
  bottom: -1.1rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 1.2rem solid #fff;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
  transform: translateX(-50%);
}
.page-mind-service .case-box .fukidashi .num {
  font-size: 140%;
  vertical-align: -0.06em;
}
.page-mind-service .case-box h3 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 2em;
}
.page-mind-service .case-box h3 .border {
  position: relative;
}
.page-mind-service .case-box h3 .border:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1rem;
  left: 0;
}
.page-mind-service .case-box h3 .border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
}
.page-mind-service .sec02 .img-list {
  margin-top: 5rem;
}
.page-mind-service .sec02 .img-list li {
  width: 29.5%;
  position: relative;
}
.page-mind-service .sec02 .img-list li:after {
  content: "";
  width: 4rem;
  height: 10rem;
  display: block;
  background: url(../img/mind_service/arrow01.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -6.5rem;
  transform: translateY(-50%);
}
.page-mind-service .sec02 .img-list li:last-child:after {
  display: none;
}
.page-mind-service .purchase-box .col-box {
  background: #fff;
  width: 31.8571429%;
  text-align: center;
  padding: 3rem;
}
.page-mind-service .purchase-box h3 {
  font-size: 4rem;
  line-height: 2em;
  color: #004d92;
  margin: 1rem 0 4rem;
}
.page-mind-service .purchase-box figure img {
  width: 15rem;
}
.page-mind-service .purchase-box figure {
  margin-bottom: 3rem;
}
.page-mind-service .purchase-box p {
  font-weight: bold;
}
.page-mind-service .purchase-box .point-box {
  border: 1px solid #004d92;
  padding: 2rem 2rem 3rem;
  margin-top: 3rem;
}
.page-mind-service .purchase-box .point-box p {
  color: #004d92;
  margin-bottom: 1rem;
}
.page-mind-service .purchase-box .point-box ul {
  display: inline-block;
}
.page-mind-service .purchase-box .point-box li {
  font-weight: bold;
  text-align: left;
  text-indent: -1.2em;
  margin-left: 1.2em;
}
.page-mind-service .purchase-box .point-box li:before {
  content: "●";
  color: #004d92;
  margin-right: 0.2em;
}
.page-mind-service .purchase-box .btn-link01 {
  width: 100%;
  text-align: center;
  margin-top: 3rem;
}
.page-mind-service .purchase-box .btn-link01 a {
  padding-left: 2rem;
  padding-right: 2rem;
  border: none;
  color: #fff;
  background: url("../img/cmn/arrow01_white.svg") no-repeat right 2rem center;
  background-size: 8.1rem;
  background-color: #004d92;
}
.page-mind-service .purchase-box .box02 h3, .page-mind-service .purchase-box .box02 .point-box p, .page-mind-service .purchase-box .box02 .point-box li:before {
  color: #f7500f;
}
.page-mind-service .purchase-box .box02 .btn-link01 a {
  background-color: #f7500f;
}
.page-mind-service .purchase-box .box03 h3, .page-mind-service .purchase-box .box03 .point-box p, .page-mind-service .purchase-box .box03 .point-box li:before {
  color: #1e9167;
}
.page-mind-service .purchase-box .box03 .btn-link01 a {
  background-color: #1e9167;
}
.page-mind-service .sec03 .ba-box {
  border: 1px solid #222222;
  padding: 8rem;
  text-align: center;
  position: relative;
  margin-top: 5rem;
}
.page-mind-service .sec03 .ba-box:before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 84%;
  margin-left: -5rem;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
  border-bottom: 5rem solid #222; /* ← 線の色 */
}
.page-mind-service .sec03 .ba-box:after {
  content: "";
  position: absolute;
  top: calc(-5rem + 1px);
  left: 84%;
  margin-left: -5rem;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
  border-bottom: 5rem solid #f3f5f5; /* 背景色 */
}
.page-mind-service .sec03 .ba-box h3 {
  font-size: 2.4rem;
  line-height: 2em;
  margin-bottom: 5rem;
}
.page-mind-service .sec03 .ba-box h3 .border {
  font-size: 160%;
  line-height: 2em;
  border-bottom: 4px solid #004d92;
  display: inline-block;
}
.page-mind-service .sec03 .ba-box .content-list {
  margin-top: 5rem;
}
.page-mind-service .sec03 .ba-box .before {
  position: relative;
}
.page-mind-service .sec03 .ba-box .before:after {
  content: "";
  width: 5.8rem;
  height: 4rem;
  background: url("../img/mind_service/arrow02.svg") no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 18rem;
  right: -8rem;
}
.page-mind-service .sec03 .bnr-box {
  max-width: 64.4rem;
  width: 100%;
  margin: 10rem auto 0;
}
/*==================================================
レンタル
==================================================*/
.page-service-rental .mv02-sec .img-box {
  background: url("../img/service_rental/main_img.jpg") no-repeat center;
  background-size: cover;
}
.service-rental-list-box {
  margin-bottom: -5rem;
}
.service-rental-list-box .col-box {
  width: 47.9166667%;
  margin-bottom: 5rem;
}
.service-rental-list-box .txt-box {
  background: #fff;
  padding: 3.5rem 5rem 5rem;
  position: relative;
  z-index: 2;
}
.service-rental-list-box .txt-box h3 {
  font-size: 3rem;
  line-height: 1.8em;
  margin-bottom: 2rem;
}
.service-rental-list-box .txt-box p {
  font-size: 88.8%;
  line-height: 2.2em;
}
.service-rental-list-box .txt-box .btn-link01 {
  margin-top: 4rem;
}
/*==================================================
レンタルSUB
==================================================*/
.page-service-rental-sub-about-box .img-box {
  width: 50%;
}
.page-service-rental-sub-about-box .txt-box {
  width: 43.3333333%;
}
.rental-ex-sec {
  padding-top: 0;
}
.rental-ex-sec .box {
  position: relative;
}
.rental-ex-sec .box h2 {
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 1em;
  background: #004d92;
  color: #fff;
  font-size: 2.4rem;
  transform: translate(-50%, -50%);
  padding: 2.5rem 1rem;
  max-width: 34rem;
  width: 100%;
  text-align: center;
}
.rental-ex-out {
  padding: 10rem;
}
.rental-ex-box .img-box {
  width: 37.5%;
  position: relative;
  z-index: 2;
}
.rental-ex-box .txt-box {
  width: 55.833333%;
}
.rental-ex-box h3 {
  font-size: 2.4rem;
  line-height: 2.2em;
  margin: 3rem 0 4rem;
}
.rental-ex-box .price-box {
  margin-left: -18rem;
  background: #fff;
}
.rental-ex-box .price-box .inner {
  padding: 5rem 8rem;
  padding-left: 18rem;
}
.rental-ex-box .price-box dl {
  margin-bottom: 3rem;
  line-height: 1em;
}
.rental-ex-box .price-box dt {
  width: 10rem;
  line-height: 1em;
  text-align: center;
  color: #004d92;
  font-weight: bold;
}
.rental-ex-box .price-box dt .border {
  display: block;
  border: 1px solid #004d92;
  padding: 1rem;
  margin-right: 2rem;
}
.rental-ex-box .price-box dd {
  flex: 1;
  color: #004d92;
  font-weight: bold;
  padding-top: 0.7rem;
}
.rental-ex-box .price-box dd .num {
  font-size: 3.4rem;
  font-weight: 700;
}
.rental-ex-box .price-box table {
  border-top: 1px solid #e6e6e6;
  width: 100%;
  line-height: 2em;
}
.rental-ex-box .price-box thead th {
  text-align: center;
  width: 100%;
  padding-right: 0;
}
.rental-ex-box .price-box th {
  white-space: nowrap;
  padding: 1rem 0;
  padding-right: 2em;
  border-bottom: 1px solid #e6e6e6;
  width: 20%;
  vertical-align: top;
}
.rental-ex-box .price-box td {
  border-bottom: 1px solid #e6e6e6;
  padding: 1rem 0;
}
.rental-search-sec {
  padding-bottom: 25rem;
}
.rental-search-sec .border-tit {
  text-align: center;
  margin-bottom: 4rem;
}
.rental-search-sec .border-tit p {
  display: inline-block;
  border: 1px solid #fff;
  font-size: 2rem;
  padding: 1rem 4rem;
  color: #fff;
}
.item-search-box {
  background: #fff;
  padding: 5rem 8rem;
}
.item-search-box h3 {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  line-height: 1em;
  margin-bottom: 4rem;
}
.item-search-box h3:before {
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  background: url("../img/cmn/icon_search_h.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.3rem 1.5rem 0 0;
}
.item-search-box dl {
  font-weight: bold;
  margin-bottom: 2rem;
}
.item-search-box dt {
  width: 10%;
  padding: 1.4rem 0 0;
  padding-right: 2rem;
  line-height: 2em;
}
.toilet .item-search-box dt {
  width: 10%;
}
.item-search-box dd {
  flex: 1;
}
.item-search-box .col-5 {
  justify-content: flex-start;
}
.item-search-box .col-5 li {
  width: 19.6%;
  text-align: center;
  margin-bottom: 0.65%;
  margin-right: 0.5%;
}
.item-search-box .col-5 li:nth-child(5n) {
  margin-right: 0;
}
.item-search-box .col-4 li {
  width: 24.6%;
  text-align: center;
  margin-bottom: 0.65%;
}
.item-search-box .col-4:before {
  content: "";
  display: block;
  width: 24.5%;
  order: 1;
}
.item-search-box .col-4:after {
  content: "";
  display: block;
  width: 24.5%;
}
.item-search-box .col-2 li {
  width: 49.75%;
  text-align: center;
  margin-bottom: 1%;
}
.item-search-box li .s {
  font-size: 75%;
  display: block;
  line-height: 1em;
  margin-top: 0.8rem;
}
.item-search-box li label {
  display: table;
  width: 100%;
  border: 1px solid #004d92;
  cursor: pointer;
  line-height: 1em;
  padding: 1rem;
  height: 6.5rem;
  font-size: 1.6rem;
}
.item-search-box li .txt {
  display: table-cell;
  vertical-align: middle;
}
.item-search-box li.checked label {
  background: #f3f5f5;
}
.item-search-box li input[type="checkbox"] {
  display: none;
}
.rental-search-btn {
  font-weight: bold;
  width: 28rem;
  margin: 0 auto;
}
.rental-search-btn input {
  background: #222;
  color: #fff !important;
  display: block;
  width: 100%;
  padding: 1.5rem;
  line-height: 2em;
  cursor: pointer;
}
.rental-search-item-sec .note {
  margin-bottom: 2rem;
  line-height: 2.2em;
}
.rental-search-item-sec {
  margin-top: -15rem;
}
.rental-search-item-box a:hover {
  opacity: 1;
}
.rental-search-item-box .item-img {
  margin-bottom: 0;
}
.rental-search-item-box .txt-box {
  padding-top: 2rem;
}
.product-search-sec dt {
  width: 10%;
}
.page-option .rental-search-sec {
  padding-bottom: 15rem;
}
.rental-search-item-sec.option {
  margin-top: -6rem;
}
.rental-search-item-sec.option h2 {
  text-align: center;
  margin-bottom: 8rem;
}
.rental-search-item-sec.option h2 i {
  display: block;
  margin: 0 auto 3rem;
  position: relative;
}
.rental-search-item-sec.option h2 i img {
  width: 12rem;
  position: relative;
  z-index: 2;
}
.rental-search-item-sec.option h2 i:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #004d92;
  position: absolute;
  top: 50%;
  left: 0;
}
.rental-search-item-sec.option h2 .txt {
  font-size: 3rem;
  line-height: 1.5em;
  display: block;
}
.rental-search-item-sec.option .sec {
  margin-bottom: 15rem;
}
.rental-search-item-sec.option .sec:last-child {
  margin-bottom: 0;
}
/*==================================================
用途から探す
==================================================*/
.page-purpose .mv03-sec {
  background: url("../img/purpose/main_img01.jpg") no-repeat center;
  background-size: cover;
  height: 46.875vw;
}
.purpose-box.ver02 .txt-box .inner {
  padding: 3rem 3.5rem 4rem 3.5rem;
  background-image: none;
}
.purpose-box.ver02 .txt-box h3 {
  background: none;
  color: #004d92;
  font-size: 3rem;
  padding: 0;
  line-height: 2em;
  margin-bottom: 1.5rem;
}
.purpose-box.ver02 .txt-box p {
  font-size: 87.5%;
  line-height: 2.2em;
  letter-spacing: 0.025em;
}
.purpose-box.ver02 .txt-box {
  padding-right: 0;
  margin-top: 0;
}
.purpose-box.ver02 .btn-link01 {
  margin-top: 3rem;
}
/*==================================================
注目製品
==================================================*/
/*==================================================
A-space
==================================================*/
.page-product-series.page-aspace .mv02-sec .img-box {
  background: url("../img/product_aspace/main_img.jpg") no-repeat center;
  background-size: cover;
}
.page-navi-box {
  margin-top: -5rem;
  z-index: 2;
  position: relative;
  padding-bottom: 5rem;
}
.page-navi-box ul {
  justify-content: flex-end;
}
.page-navi-box ul li {
  font-weight: bold;
  line-height: 1em;
  margin-right: 3rem;
}
.page-navi-box ul li a:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/cmn/arrow_bottom_aspace.svg") no-repeat center;
  background-size: contain;
  margin: -0.3rem 0.8rem 0 0;
  border-radius: 100%;
}
.page-kspace .page-navi-box ul li a:before {
  background: url("../img/cmn/arrow_bottom_kspace.svg") no-repeat center;
  background-size: contain;
  margin: -0.3rem 0.8rem 0 0;
}
.page-cspace .page-navi-box ul li a:before {
  background: url("../img/cmn/arrow_bottom_cspace.svg") no-repeat center;
  background-size: contain;
  margin: -0.3rem 0.8rem 0 0;
}
.product-series-select-sec .bg {
  background: #f3f5f5;
  position: absolute;
  top: 65rem;
  height: calc(100% - 65rem);
}
.product-series-about-sec {
  position: relative;
  z-index: 2;
}
.product-series-about-box .img-box {
  width: 50%;
}
.product-series-about-box .txt-box {
  width: 43.3333333%;
}
.product-series-about-box .slick-dots {
  text-align: center;
  padding: 0;
  bottom: 3rem;
}
.page-aspace .slick-dots li.slick-active button {
  background: #a74193;
}
.product-series-features-sec .service-box {
  margin-top: 0;
}
.product-series-features-sec .service-box .col-box {
  padding: 4rem 2rem 6rem;
  text-align: center;
}
.product-series-features-sec .service-box h3 .font-jp {
  font-size: 2.8rem;
}
.select-navi-box {
  border-left: 1px solid #fff;
  margin-bottom: 5rem;
}
.select-navi-box li {
  text-align: center;
  color: #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 1em;
  display: table;
  height: 7rem;
  font-weight: bold;
  cursor: pointer;
}
.select-navi-box li a {
  display: table-cell;
  vertical-align: middle;
}
.select-navi-box.col-4 li {
  width: 25%;
}
.select-navi-box.col-5 li {
  width: 20%;
}
.select-navi-box.col-2 {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.select-navi-box.col-2 li {
  width: 50%;
}
.select-box {}
.select-box .select-content {
  padding: 8rem;
  position: relative;
  background: #fff;
  margin-bottom: 5rem;
}
.select-box .select-content:last-child {
  margin-bottom: 0;
}
.select-box .point-txt {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(167, 65, 147, 0.5);
  width: 12rem;
  height: 12rem;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 100% 0;
}
.select-box .point-txt .inner {
  margin-top: 2.5rem;
  margin-left: 2.5rem;
  text-align: center;
  display: inline-block;
}
.select-box .point-txt .font-jp {
  display: block;
  font-size: 87.5%;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
.select-box .point-txt .font-Oswald {
  display: block;
  font-size: 3.4rem;
  line-height: 1em;
}
.select-box .tit-box {
  text-align: center;
  margin-bottom: 4rem;
}
.select-box .tit-box h3 {
  font-size: 4rem;
  line-height: 1.5em;
}
.select-box .tit-box p {
  margin-top: 1rem;
}
.select-box .tit-box p .txt-s {
  font-size: 87.5%;
  display: block;
  line-height: 2em;
}
.content-list {
  text-align: center;
}
.content-list.col-2 .col-box {
  width: 46.153846%;
}
.content-list.col-4 .col-box {
  width: 23.5%;
}
.content-list.col-3 {
  margin-bottom: -3rem;
}
.content-list.col-3:after {
  content: "";
  display: block;
  width: 31.3461538%;
}
.content-list.col-3 .col-box {
  width: 31.3461538%;
  margin-bottom: 3rem;
}
.content-list.col-5 {
  margin-bottom: -3rem;
  justify-content: center;
}
.content-list.col-5 .col-box {
  width: 20%;
  margin-bottom: 3rem;
}
.content-list.col-5 .col-box img {
  padding: 0 1rem;
}
.content-list.circle-box{
	width: 55rem;
	margin: 0 auto;
}
.content-list .circle{
	width: 20rem;
	height: 20rem;
	background: #000;
	border-radius: 100%;
	margin: 0 auto;
	
}

.content-list .circle.white{
	background: #fff;
	border:1px solid #ccc;
}
.content-list p {
  font-size: 87.5%;
  line-height: 2em;
  margin-top: 1rem;
  margin-bottom: 0;
  letter-spacing: 0;
}
.content-list p.img {
  line-height: 0;
}
.content-list.exmaterial p {
  text-align: left;
}
.content-list .col-2 {
  margin-bottom: -3rem;
}
.content-list .col-2 .col-box {
  margin-bottom: 3rem;
}
.select-navi-box li {
  position: relative;
}
.page-aspace .select-navi-box li:hover {
  color: #a74193;
  background: #fff;
}
.page-aspace .select-navi-box li a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_aspace/icon_tab_frame.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-aspace .select-navi-box li.frame a:hover:before {
  background: url("../img/product_aspace/icon_tab_frame.png") no-repeat;
  background-position: right center;
}
.page-aspace .select-navi-box li.exterior a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_aspace/icon_tab_exterior.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-aspace .select-navi-box li.exterior a:hover:before {
  background: url("../img/product_aspace/icon_tab_exterior.png") no-repeat;
  background-position: right center;
}
.page-aspace .select-navi-box li.door a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_aspace/icon_tab_door.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-aspace .select-navi-box li.door a:hover:before {
  background: url("../img/product_aspace/icon_tab_door.png") no-repeat;
  background-position: right center;
}
.page-aspace .select-navi-box li.option a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_aspace/icon_tab_option.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-aspace .select-navi-box li.option a:hover:before {
  background: url("../img/product_aspace/icon_tab_option.png") no-repeat;
  background-position: right center;
}
.select-navi-box li.color a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_aspace/icon_tab_color.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-aspace .select-navi-box li.color a:hover:before {
  background: url("../img/product_aspace/icon_tab_color.png") no-repeat;
  background-position: right center;
}
.page-aspace .select-navi-box li.exmaterial a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_aspace/icon_tab_exmaterial.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-aspace .select-navi-box li.exmaterial a:hover:before {
  background: url("../img/product_aspace/icon_tab_exmaterial.png") no-repeat;
  background-position: right center;
}
.product-series-premium-about-box {
  justify-content: center;
}
.product-series-premium-about-box .tit {
  margin-right: 10rem;
}
.product-series-premium-about-box .tit03 {
  margin-bottom: 1rem;
  margin-top: -1.5rem;
}
.product-series-premium-img-box {
  margin-top: 10rem;
}
.product-series-premium-img-box .img01 {
  width: 66.6666667%;
}
.product-series-premium-img-box .img02 {
  width: 32.5%;
}
.product-series-premium-img-box .img02 li {
  margin-bottom: 2.6%;
}
.select-box .select-content .point-box {
  margin-top: 5rem;
}
.select-box .select-content .point-box .tit {
  max-width: 28rem;
  width: 100%;
  background: #a74193;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.k-space .select-box .select-content .point-box .tit {
  background: #b28e29;
}
.select-box .select-content .point-box .inner {
  border: 1px solid #ccc;
  padding: 5rem 4rem 4rem;
  margin-top: -2rem;
}
.select-box .select-content .point-box .img-txt {
  justify-content: center;
}
.select-box .select-content .point-box .img-txt .img-box {
  max-width: 10rem;
  width: 100%;
  margin-right: 4rem;
}
.select-box .select-content .point-box .img-txt .txt-box h4 {
  font-size: 2.4rem;
  line-height: 1.6em;
  margin-bottom: 0.8rem;
}
.select-box .select-content .point-box .img-txt .txt-box p {
  font-size: 87.5%;
  line-height: 2em;
}
.select-box .select-content .border-tit {
  color: #a74193;
  border: 1px solid #a74193;
  padding: 0.5rem 1rem;
  text-align: center;
  margin-bottom: 3rem;
}
.k-space .select-box .select-content .border-tit {
  color: #b28e29;
  border-color: #b28e29;
}
.select-box .select-content .color img {
  max-width: 7rem;
  border-radius: 100%;
  padding: 0;
}
.select-box .select-content .color .border img {
  border: 1px solid #ccc;
}
/*==================================================
K-space
==================================================*/
.page-product-series.page-kspace .mv02-sec .img-box {
  background: url("../img/product_kspace/main_img.jpg") no-repeat center;
  background-size: cover;
}
.page-kspace .slick-dots li.slick-active button {
  background: #b28e29;
}
.page-kspace .select-navi-box li a:hover {
  color: #b28e29;
  background: #fff;
  opacity: 1;
}
.page-kspace .select-navi-box li a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_kspace/icon_tab_frame.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-kspace .select-navi-box li a:hover:before {
  background: url("../img/product_kspace/icon_tab_frame.png") no-repeat;
  background-position: right center;
}
.page-kspace .select-navi-box li.exterior a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_kspace/icon_tab_exterior.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-kspace .select-navi-box li.exterior a:hover:before {
  background: url("../img/product_kspace/icon_tab_exterior.png") no-repeat;
  background-position: right center;
}
.page-kspace .select-navi-box li.door a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_kspace/icon_tab_door.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-kspace .select-navi-box li.door a:hover:before {
  background: url("../img/product_kspace/icon_tab_door.png") no-repeat;
  background-position: right center;
}
.page-kspace .select-navi-box li.option a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_kspace/icon_tab_option.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-kspace .select-navi-box li.option a:hover:before {
  background: url("../img/product_kspace/icon_tab_option.png") no-repeat;
  background-position: right center;
}
.page-kspace .select-navi-box li.exmaterial a:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url("../img/product_kspace/icon_tab_exmaterial.png") no-repeat;
  background-position: left center;
  background-size: 6.4rem 3.2rem !important;
  display: block;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.page-kspace .select-navi-box li.exmaterial a:hover:before {
  background: url("../img/product_kspace/icon_tab_exmaterial.png") no-repeat;
  background-position: right center;
}
.page-kspace .select-box .point-txt {
  background: rgba(178, 142, 41, 0.5);
}
.product-series-flow-sec .flow-block .tit-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  margin-right: 5rem;
  color: #b28e29;
  font-weight: bold;
  border: 2px solid #b28e29;
  font-size: 2.8rem;
  letter-spacing: 0.2em;
  border-radius: 40px;
}
.product-series-flow-sec .flow-block.before {
  margin-bottom: 5rem;
}
.product-series-flow-sec .flow-block.today .tit-box {
  background: #b28e29;
  color: #fff;
}
.product-series-flow-sec .flow-block .tit-box p {
  writing-mode: vertical-rl;
  text-align: center;
}
.product-series-flow-sec .flow-block .content-box {
  flex: 1;
}
.product-series-flow-sec .flow-block .box {
  position: relative;
  padding-bottom: 5rem;
}
.product-series-flow-sec .flow-block .box:last-child {
  padding-bottom: 0;
}
.product-series-flow-sec .flow-block .box:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #b28e29;
  position: absolute;
  top: 0;
  left: 4rem;
}
.product-series-flow-sec .flow-block.today .box:last-child:before {
  display: none;
}
.product-series-flow-sec .flow-block.before .box:before {
  height: calc(100% + 5rem);
}
.product-series-flow-sec .flow-block .icon {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  color: #fff;
  background: #b28e29;
  text-align: center;
  font-size: 3.5rem;
  display: table;
  line-height: 1;
  margin-right: 3rem;
  position: relative;
  z-index: 2;
}
.product-series-flow-sec .flow-block .icon .s {
  font-size: 1.2rem;
  display: block;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}
.product-series-flow-sec .flow-block .icon .font-lato {
  font-weight: bold;
}
.product-series-flow-sec .flow-block .icon .inner {
  display: table-cell;
  vertical-align: middle;
}
.product-series-flow-sec .flow-block .txt-img-box {
  flex: 1;
}
.product-series-flow-sec .flow-block .txt-box {
  width: 66%;
  position: relative;
  padding-right: 5rem;
}
.product-series-flow-sec .flow-block .txt-box h3 {
  font-size: 3.2rem;
  line-height: 2em;
  margin-bottom: 1.5rem;
  margin-top: 0.7rem;
}
.product-series-flow-sec .flow-block .txt-box p {
  letter-spacing: 0;
  font-size: 87.5%;
  line-height: 2em;
}
.product-series-flow-sec .flow-block .txt-box .note {
  text-indent: -1em;
  margin-left: 1em;
}
.product-series-flow-sec .flow-block .img-box {
  width: 34%;
}
/*==================================================
C-space
==================================================*/
.page-product-series.page-cspace .mv02-sec .img-box {
  background: url("../img/product_cspace/main_img.jpg") no-repeat center;
  background-size: cover;
}
.page-cspace .select-box .border-box {
  border: 2px solid #2d6332;
  padding: 4rem 6rem;
  margin-top: 5rem;
}
.page-cspace .select-box .tit01 {
  margin-bottom: 6rem;
}
.page-cspace .select-box .tit01 .font-jp {
  font-size: 3.2rem;
}
.page-cspace .select-box .tit01 .font-en {
  font-size: 10rem;
}
.page-cspace .select-box .before {
  position: relative;
}
.page-cspace .select-box .before:after {
  content: "";
  width: 5.8rem;
  height: 4rem;
  background: url("../img/product_cspace/arrow.svg") no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 18rem;
  right: -8rem;
}
/*==================================================
Buy
==================================================*/
.buy-select-sec .series-tit {
  text-align: center;
  font-size: 9rem;
  line-height: 1em;
  margin-bottom: 10rem;
}
.buy-select-sec .series-tit .font-jp {
  font-size: 44.4444444%;
  display: block;
  line-height: 1em;
}
.buy-select-sec .series-tit .border {
  vertical-align: 1.2rem;
  margin-left: 1.5rem;
}
.buy-select-box {
  margin-bottom: 10rem;
}
.buy-select-box:last-child {
  margin-bottom: 0;
}
.buy-select-box .img-box {
  width: 50%;
}
.buy-select-box .img-box.l .inner {
  margin-right: -10rem;
}
.buy-select-box .img-box.r .inner {
  margin-left: -10rem;
}
.buy-select-box .txt-box {
  width: 50%;
  position: relative;
  z-index: 2;
  padding-top: 10rem;
}
.buy-select-box .txt-box .inner {
  background: #fff;
  padding: 5rem 8rem 8rem;
}
.buy-select-box .txt-box h3 {
  margin-bottom: 4rem;
}
.buy-select-box .txt-box h3 .font-en {
  display: block;
  font-size: 7rem;
  line-height: 1.6em;
}
.buy-select-box .txt-box h3 .font-jp {
  display: block;
  font-size: 2rem;
  line-height: 1.6em;
}
.buy-select-box .txt-box h4 {
  margin-bottom: 2rem;
  font-size: 2.8rem;
  line-height: 2em;
}
.buy-select-box .area-box {
  margin-top: 4rem;
}
.buy-select-box.a-space .btn-link01 a {
  color: #fff;
  background: url(../img/cmn/arrow01_white.svg) no-repeat right 2rem center #a74193;
  background-size: 8.1rem;
}
.buy-select-box.k-space .btn-link01 a {
  color: #fff;
  background: url(../img/cmn/arrow01_white.svg) no-repeat right 2rem center #b28e29;
  background-size: 8.1rem;
}
.buy-select-box.c-space .btn-link01 a {
  color: #fff;
  background: url(../img/cmn/arrow01_white.svg) no-repeat right 2rem center #3d7043;
  background-size: 8.1rem;
}
.buy-select-box.a-space .btn-link01 {
  margin-top: 4rem;
}
.uprefab-bnr {
  max-width: 100rem;
  width: 100%;
  margin: 10rem auto 0;
  position: relative;
}
.uprefab-bnr:after {
  content: "";
  width: 5rem;
  height: 5rem;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../img/cmn/arrow_uprefab.svg") no-repeat center;
  background-size: contain;
}
.uprefab-bnr a {
  display: block;
  background: #fff;
  padding: 4rem 2rem;
  border: 1rem solid #c0d9ff;
}
.uprefab-bnr h3 {
  text-align: center;
  font-size: 2.2rem;
  color: #437ef7;
  line-height: 1.6em;
  margin-bottom: 2rem;
}
.uprefab-bnr dl {
  justify-content: center;
}
.uprefab-bnr dt {
  width: 22rem;
  margin-right: 3rem;
}
.uprefab-bnr dd {
  font-size: 87.5%;
  line-height: 2em;
}
.bnr-buy-box .col-box {
  width: 50%;
  text-align: center;
  height: 40rem;
}
.bnr-buy-box a {
  display: table;
  padding: 2rem;
  width: 100%;
  height: 100%;
}
.bnr-buy-box .txt {
  border: 1px solid #fff;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  color: #fff;
}
.bnr-buy-box .txt h3 {
  font-size: 4rem;
  line-height: 1em;
  margin-bottom: 3rem;
}
.bnr-buy-box .txt h3.font-jp {
  font-size: 3.6rem;
}
.bnr-buy-box .txt p {
  font-weight: bold;
}
.bnr-buy-box .aspace a {
  background: url("../img/service_buy/bnr_img_aspace.jpg") no-repeat center;
  background-size: cover;
}
.bnr-buy-box .kspace a {
  background: url("../img/service_buy/bnr_img_kspace.jpg") no-repeat center;
  background-size: cover;
}
.bnr-buy-box .cspace a {
  background: url("../img/service_buy/bnr_img_cspace.jpg") no-repeat center;
  background-size: cover;
}
.bnr-buy-box .rental a {
  background: url("../img/service_buy/bnr_img_rental.jpg") no-repeat center;
  background-size: cover;
}
/*==================================================
商品　single
==================================================*/
.item-single-slider {
  padding: 2rem 0 0;
  opacity: 0;
  transition: .3s;
}
.item-single-slider .slide {
  max-width: 780px;
  width: 100%;
  margin: 0 1rem;
}
.item-single-slider .slick-next {
  width: 11rem;
  height: 11rem;
  right: 5rem;
  top: 50%;
  background: #004d92;
  text-indent: -9999px;
  transform: translateY(-50%);
  border-radius: 100%;
  z-index: 2;
}
.item-single-slider .slick-next:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/cmn/arrow_next.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateX(-50%) translateY(-50%);
}
.item-single-slider .slick-prev {
  width: 11rem;
  height: 11rem;
  left: 5rem;
  top: 50%;
  background: #004d92;
  text-indent: -9999px;
  transform: translateY(-50%);
  border-radius: 100%;
  z-index: 2;
}
.item-single-slider .slick-prev:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/cmn/arrow_prev.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translateX(-50%) translateY(-50%);
}
.item-single-content {
  padding-top: 5rem;
}
.item-single-tit-box {
  margin-bottom: 5rem;
}
.item-single-tit {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 2em;
}
.item-single-tit-box.border-bottom .item-single-tit {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 2rem;
}
.item-single-tit-box.border-bottom {
  margin-bottom: 8rem;
}
.item-single-overview {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  font-size: 1.6rem;
}
.item-single-overview a {
  text-decoration: underline;
}
.item-single-overview th {
  width: 20%;
  background: #f3f5f5;
  padding: 1.5rem 3rem;
  white-space: nowrap;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: top;
  font-weight: bold;
  line-height: 1.8em;
}
.item-single-overview td {
  width: 80%;
  padding: 1.5rem 3rem;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.8em;
}
.product-label {
  letter-spacing: -.4em;
  margin-top: 1rem;
}
.product-label li {
  display: inline-block;
  letter-spacing: 0.05em;
  margin: 0 0.5rem 0.5rem 0;
  line-height: 1em;
}
.product-label .number {
  color: #999;
  font-weight: bold;
  margin-right: 1.5rem;
}
.product-label .label {
  background: #004d92;
  color: #fff;
  font-weight: bold;
  padding: 1rem;
  font-size: 1.4rem;
}
.product-label .label.order {
  background: #992ec2;
}
.product-label .label.outlet {
  background: #fa6309;
}
.product-label .label.used {
  background: #50a308;
}
.product-label .label.new-building {
  background: #18a889;
}
.product-label .label.campaign {
  background: #f328da;
}
.product-label .label.special {
  background: #ed0d19;
}
.product-label .label:before {
  content: "#";
  margin-right: 0.2rem;
}
.item-contact-list {
  margin-top: 5rem;
}
.item-contact-list li {
  width: 47.916667%;
  text-align: center;
}
.item-contact-list li a {
  height: 14rem;
  display: table;
  width: 100%;
}
.item-contact-list li a .inner {
  display: table-cell;
  vertical-align: middle;
}
.item-contact-list .tel {
  background: #fff;
  color: #004d92;
}
.item-contact-list .tel a {
  border: 1px solid #004d92;
}
.item-contact-list .tel .m {
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  color: #004d92;
  margin-bottom: 0.8rem;
  font-weight: bold;
}
.item-contact-list .tel .s {
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
  margin-left: 5.5rem;
  color: #222;
}
.item-contact-list .tel .num {
  font-size: 4rem;
  font-weight: bold;
}
.item-contact-list .tel .num:before {
  content: "";
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background: url("../img/cmn/icon_tel_h.svg") no-repeat center;
  background-size: contain;
  border-radius: 100%;
  border: 1px solid #004d92;
  vertical-align: middle;
  margin-top: -0.8rem;
  margin-right: 1rem;
}
.item-contact-list .mail {
  background: #004d92;
}
.item-contact-list .mail .tit {
  border-color: #fff;
}
.item-contact-list .mail p {
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}
.item-contact-list .mail p:before {
  content: "";
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background: url("../img/cmn/icon_mail_h.svg") no-repeat center;
  background-size: 2.5rem;
  border-radius: 100%;
  border: 1px solid #fff;
  vertical-align: middle;
  margin-top: -0.8rem;
  margin-right: 1rem;
}
.item-contact-list .tit {
  width: auto;
  padding: 1rem 3rem;
  line-height: 1.8em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #004d92;
}
.item-contact-list .txt {
  flex: 1;
  padding: 0 4rem;
}
.item-single-tit02 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #004d92;
  line-height: 2em;
  margin-bottom: 2rem;
}
.item-single-content .row {
  margin-bottom: 8rem;
}
.item-single-content .row:last-child {
  margin-bottom: 0;
}
.equipment-box {
  margin-bottom: 3rem;
}
.equipment-box:last-child {
  margin-bottom: 0;
}
.equipment-box h3 {
  text-align: center;
  background: #f3f5f5;
  border: 1px solid #e6e6e6;
  line-height: 1em;
  padding: 1.8rem 1rem;
}
.equipment-box .box {
  border-left: 1px solid #e6e6e6;
}
.equipment-box dl {
  width: 33.3333333%;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-size: 1.6rem;
}
.equipment-box .box:after {
  content: "";
  display: block;
  width: 33.3333333%;
}
.equipment-box dt {
  flex: 1;
  padding: 1.2rem 2rem;
  line-height: 1.5em;
  color: #004d92;
  font-weight: bold;
}
.equipment-box .not dt {
  color: #cccccc;
}
.equipment-box dd {
  width: 5rem;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  padding: 1.2rem 0;
  line-height: 1.5em;
}
.page-product-single .youtube-box {
  margin-top: 5rem;
  width: 100%;
}
/*==================================================
レンタル　single
==================================================*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.tit-btn {
  margin-bottom: 2rem;
}
.tit-btn .item-single-tit02 {
  margin: 0;
}
.tit-btn .btn-link01 {
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: 0;
  max-width: 25rem;
}
.tit-btn .btn-link01 a {
  padding: 1.6rem 2rem;
}
.page-rental-single .item-single-tit-box.border-bottom {
  margin-bottom: 5rem;
}
.estimate-box {
  background: #f3f5f5;
  padding: 4rem 5rem 5rem;
}
.estimate-box h3 {
  text-align: center;
  color: #004d92;
  font-size: 2.8rem;
  line-height: 1.5em;
  margin-bottom: 3rem;
}
.estimate-box select {
  width: 24%;
  font-size: 16px;
  padding: 1rem 4.5rem 1rem 1rem;
  border: 1px solid #004d92;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/cmn/arrow05.svg") center right 1rem #fff;
  background-repeat: no-repeat;
  background-size: 1.2rem;
}
.estimate-box .result-btn {
  width: 24%;
  background: #004d92;
  color: #fff;
  font-size: 1.6rem;
  padding: 1rem;
}
.estimate-box .price-box {
  background: #fff;
  width: 100%;
  padding: 3rem;
  margin-top: 5rem;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.estimate-box .price-box .txt-s {
  text-align: right;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.estimate-box .price-box table {
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.estimate-box .price-box th {
  background: #f3f5f5;
  padding: 1rem 3rem;
  border-bottom: 1px solid #e6e6e6;
}
.estimate-box .price-box td {
  padding: 1rem 3rem;
  border-bottom: 1px solid #e6e6e6;
}
.estimate-box .result-txt {}
.estimate-box .result-txt th {
  background: #004d92;
  color: #fff;
  text-align: center;
  padding: 2.5rem 3rem;
  font-weight: bold;
}
.estimate-box .result-txt td {
  padding: 2.5rem 3rem;
  color: #004d92;
  font-weight: bold;
}
.estimate-box .result-txt .result {
  font-size: 3rem;
}
.service-rental-list-box.etc .col-box {
  width: 30.9285%;
}
.service-rental-list-box.etc .txt-box h3 {
  font-size: 2.6rem;
  line-height: 1.8em;
}
.service-rental-list-box.etc .txt-box {
  padding: 3rem 4rem 4rem;
}
.service-rental-list-box.etc .txt-box .btn-link01 {
  margin-top: 3rem;
}
.bp-sec {
  text-align: center;
}
.bp-sec h2 {
  font-size: 4rem;
  line-height: 1em;
  justify-content: center;
  text-align: center;
  margin-bottom: 8rem;
}
.bp-sec h2 .sq {
  background: #004d92;
  color: #fff;
  letter-spacing: 0;
  display: table;
  width: 9rem;
  height: 9rem;
  margin: 0.15rem;
}
.bp-sec h2 .sq .inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 5.4rem;
}
.bp-sec h2 .txt {
  margin-left: 1.5rem;
}
.bp-sec h3 {
  font-size: 2.4rem;
  line-height: 2em;
  margin-bottom: 5rem;
}
.bp-sec .bnr-box {
  max-width: 40rem;
  width: 100%;
  margin: 8rem auto 0;
}
.ba-box {
  padding: 8rem;
  margin-top: 10rem;
}
.ba-box .col-box {
  width: 46.1538462%;
}
.ba-box dt {
  font-size: 2.8rem;
  color: #004d92;
  line-height: 2em;
  border: 1px solid #004d92;
  font-weight: bold;
  background: #fff;
  padding: 1rem;
  margin-bottom: 2rem;
}
.ba-box .after dt {
  background: #004d92;
  color: #fff;
}
.ba-box figure {
  margin-top: 3rem;
  position: relative;
}
.ba-box .before figure:after {
  content: "";
  width: 3rem;
  height: 6rem;
  display: block;
  background: url("../img/service_rental/arrow.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -5.8rem;
  transform: translateY(-50%);
}
/*==================================================
導入事例　single
==================================================*/
.example-col .col-box {
  width: 47.5%;
}
.item-single-overview.example th {
  width: auto;
  padding: 1rem 2rem;
  line-height: 1.8em;
}
.item-single-overview.example th:nth-child(1), .item-single-overview.example td:nth-child(1) {
  width: 35%;
  white-space: nowrap;
}
.item-single-overview.example td {
  width: auto;
  padding: 1rem 2rem;
  line-height: 1.6em;
}
.example-label {
  margin-top: 3rem;
  padding: 0.8rem 2.5rem;
}
.example-label .type {
  font-size: 2.4rem;
  line-height: 1.4em;
  font-weight: 400;
  padding: 0.8rem 0;
}
.example-label dl {
  font-size: 1.4rem;
  line-height: 1.4em;
  padding: 0.8rem 0;
}
.example-label dl:after {
  content: "|";
  color: #ccc;
  padding: 0 1.2rem;
}
.example-label dl:last-child:after {
  display: none;
}
.example-label dt {
  color: #999;
  margin-right: 1rem;
}
.example-label dd span:after {
  content: "/";
  padding: 0 0.5rem;
}
.example-label dd span:last-child:after {
  display: none;
}
.page-pexample-single .item-single-tit .cat {
  color: #004d92;
  margin-right: 2rem;
  font-size: 4rem;
}
.page-pexample-single .item-single-tit .cat.s {
  font-size: 3.4rem;
  letter-spacing: 0.1em;
}
.page-pexample-single .item-single-tit {
  font-size: 2.6rem;
  letter-spacing: 0.1em;
}
.example-txt-box h1 {
  font-size: 3rem;
  line-height: 2em;
  margin-bottom: 3rem;
}
.example-txt-box .example-txt {
  line-height: 2em;
}
.example-txt-box .example-txt a {
  text-decoration: underline;
}
.a-space .item-single-tit .cat, .a-space .item-single-tit02 {
  color: #a74193;
}
.a-space .btn-link01 a, .a-space .btn-link01 .link {
  border-color: #a74193;
  color: #a74193;
  background: url(../img/cmn/arrow01_aspace.svg) no-repeat right 2rem center;
  background-size: 8.1rem;
}
.a-space .item-single-slider .slick-next, .a-space .item-single-slider .slick-prev {
  background: #a74193;
}
.k-space .item-single-tit .cat, .k-space .item-single-tit02 {
  color: #b28e29;
}
.k-space .btn-link01 a, .k-space .btn-link01 .link {
  border-color: #b28e29;
  color: #b28e29;
  background: url(../img/cmn/arrow01_kspace.svg) no-repeat right 2rem center;
  background-size: 8.1rem;
}
.k-space .item-single-slider .slick-next, .k-space .item-single-slider .slick-prev {
  background: #b28e29;
}
.c-space .item-single-tit .cat, .c-space .item-single-tit02 {
  color: #2d6332;
}
.c-space .btn-link01 a, .c-space .btn-link01 .link {
  border-color: #2d6332;
  color: #2d6332;
  background: url(../img/cmn/arrow01_cspace.svg) no-repeat right 2rem center;
  background-size: 8.1rem;
}
.c-space .item-single-slider .slick-next, .c-space .item-single-slider .slick-prev {
  background: #2d6332;
}
.example-item-list dl {
  font-weight: bold;
  line-height: 2em;
  line-height: 2em;
}
.example-item-list dd {
  flex: 1;
}
.example-item-list dd span {
  display: inline-block;
}
.example-item-list dd span:after {
  content: "/";
  padding: 0 0.4rem;
}
.example-item-list dd span:last-child:after {
  display: none;
}
.example-item-list dt {
  width: 4.7em;
  color: #004d92;
  letter-spacing: 0;
}
.example-item-list .day dt:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: url("../img/example_single/icon_day.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.3rem;
  margin-right: 0.4rem;
}
.example-item-list .purpose dt:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: url("../img/example_single/icon_purpose.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.3rem;
  margin-right: 0.4rem;
}
.example-item-list .area dt:before {
  content: "";
  width: 1.4rem;
  height: 2rem;
  background: url("../img/example_single/icon_area.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.3rem;
  margin-right: 0.4rem;
}
.a-space .example-item-list dt {
  color: #a74193;
}
.a-space .example-item-list .day dt:before {
  background: url("../img/example_single/icon_day_a.svg") no-repeat center;
  background-size: contain;
}
.a-space .example-item-list .purpose dt:before {
  background: url("../img/example_single/icon_purpose_a.svg") no-repeat center;
  background-size: contain;
}
.a-space .example-item-list .area dt:before {
  background: url("../img/example_single/icon_area_a.svg") no-repeat center;
  background-size: contain;
}
.k-space .example-item-list dt {
  color: #b28e29;
}
.k-space .example-item-list .day dt:before {
  background: url("../img/example_single/icon_day_k.svg") no-repeat center;
  background-size: contain;
}
.k-space .example-item-list .purpose dt:before {
  background: url("../img/example_single/icon_purpose_k.svg") no-repeat center;
  background-size: contain;
}
.k-space .example-item-list .area dt:before {
  background: url("../img/example_single/icon_area_k.svg") no-repeat center;
  background-size: contain;
}
.c-space .example-item-list dt {
  color: #2d6332;
}
.c-space .example-item-list .day dt:before {
  background: url("../img/example_single/icon_day_c.svg") no-repeat center;
  background-size: contain;
}
.c-space .example-item-list .purpose dt:before {
  background: url("../img/example_single/icon_purpose_c.svg") no-repeat center;
  background-size: contain;
}
.c-space .example-item-list .area dt:before {
  background: url("../img/example_single/icon_area_c.svg") no-repeat center;
  background-size: contain;
}
.eample-list-meta {
  justify-content: flex-start;
  margin-bottom: 2rem;
}
.eample-list-meta dt {
  font-size: 2.2rem;
  color: #004d92;
  line-height: 1em;
  margin-right: 1rem;
  margin-top: 0.2rem;
}
.prefab .eample-list-meta dt {
  margin-top: 0.7rem;
}
.eample-list-meta dd {
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  flex: 1;
  letter-spacing: 0;
}
.eample-list-meta dd span {
  background: #004d92;
  line-height: 1em;
  padding: 0.7rem 0.8rem;
  margin: 0.1rem;
  display: inline-block;
}
.eample-list-meta dd span:before {
  content: "#";
  margin-right: 0.2rem;
}
.a-space .eample-list-meta dt {
  color: #a74193;
}
.a-space .eample-list-meta dd span {
  background: #a74193;
}
.k-space .eample-list-meta dt {
  color: #b28e29;
}
.k-space .eample-list-meta dd span {
  background: #b28e29;
}
.c-space .eample-list-meta dt {
  color: #3d7043;
}
.c-space .eample-list-meta dd span {
  background: #3d7043;
}
.prefab .eample-list-meta dt {
  font-size: 1.6rem;
}
.wp-pagenavi {
  clear: both;
  margin: 8rem 0 0;
  text-align: center;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80%;
  color: #004d92;
}
.navi-mar-b .wp-pagenavi {
  margin-bottom: 10rem;
}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #004d92 !important;
  padding: 1.2rem 1.4rem !important;
  margin: 2px !important;
}
.wp-pagenavi a {
  background: #fff;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  background: #004d92 !important;
  color: #fff !important;
}
.wp-pagenavi span.current {
  font-weight: bold;
}
.no-item-list {
  text-align: center;
  font-size: 2rem;
  width: 100%;
}
/*==================================================
FAQ
==================================================*/
.page-navi-box.base {
  margin: 0 0 5rem;
  padding: 0;
}
.page-navi-box.base .flex-box {
  justify-content: center;
}
.page-navi-box.base ul li {
  margin: 0 2.5rem 5rem;
}
.page-navi-box.base ul li a:before {
  background: url(../img/cmn/arrow_bottom.svg) no-repeat center;
  background-size: contain;
}
.faq-block {
  background: #fff;
  padding: 10rem;
  margin-top: 5rem;
}
.faq-block.pad-00{
	padding: 0;
}
.faq-block h2 {
  line-height: 1em;
  text-align: center;
  margin-bottom: 5rem;
  margin-top: -1rem;
}
.faq-block h2 .b {
  font-size: 3.6rem;
  line-height: 1.6em;
  display: block;
}
.faq-block h2 .s {
  line-height: 1.6em;
  display: block;
  margin-top: 1rem;
}
.faq-box {
  border-bottom: 1px solid #e6e6e6;
}
.faq-box:first-child {
  border-top: 1px solid #e6e6e6;
}
.faq-box .icon {
  width: 5rem;
  height: 5rem;
  background: #004d92;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  display: table;
  margin-right: 3rem;
  font-size: 112.5%;
}
.faq-box .icon.a {
  color: #004d92;
  border: 1px solid #004d92;
  background: none;
}
.faq-box .icon .inner {
  display: table-cell;
  vertical-align: middle;
}
.faq-box .txt {
  flex: 1;
  padding-top: 0.4rem;
}
.faq-box .tit {
  padding: 3rem 5rem 3rem 0;
  cursor: pointer;
  position: relative;
}
.faq-box .tit h3 {
  font-size: 2rem;
  line-height: 2.2em;
  letter-spacing: 0.1em;
}
.faq-box .tit .click {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  position: absolute;
  top: 4.3rem;
  right: 0;
}
.faq-box .tit .click:before {
  content: "";
  width: 100%;
  height: 0.2rem;
  display: block;
  background: #004d92;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.faq-box .tit .click:after {
  content: "";
  width: 0.2rem;
  height: 100%;
  display: block;
  background: #004d92;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
}
.faq-box .tit.active .click:after {
  opacity: 0;
}
.faq-box .content {
  padding: 0 5rem 5rem 0;
  display: none;
}
.faq-box .content a {
  text-decoration: underline;
}
.a-space .faq-box h3,.a-space .faq-box .icon.a{
color: #a74193;
}
.a-space .faq-box .icon.q,.a-space .faq-box .tit .click:before,.a-space .faq-box .tit .click:after{
	background: #a74193;
}
.a-space .faq-box .icon.a{
	border-color:#a74193;
}
.k-space .faq-box h3,.k-space .faq-box .icon.a{
color: #b28e29;
}
.k-space .faq-box .icon.q,.k-space .faq-box .tit .click:before,.k-space .faq-box .tit .click:after{
	background: #b28e29;
}
.k-space .faq-box .icon.a{
	border-color:#b28e29;
}
.c-space .faq-box h3,.c-space .faq-box .icon.a{
color: #3d7043;
}
.c-space .faq-box .icon.q,.c-space .faq-box .tit .click:before,.c-space .faq-box .tit .click:after{
	background: #3d7043;
}
.c-space .faq-box .icon.a{
	border-color:#3d7043;
}
/*==================================================
company
==================================================*/
.page-company .message-sec .txt-box {
  text-align: center;
  line-height: 2.6em;
}
.page-company .message-sec .txt-box p {
  margin-bottom: 2em;
}
.page-company .message-sec .txt-box p:last-child {
  margin-bottom: 0;
}
.table-style01 {
  width: 100%;
  border-top: 1px solid #ccc;
}
.table-style01 th {
  white-space: nowrap;
  width: 20%;
  vertical-align: top;
  padding: 3rem 3rem 3rem 0;
  border-bottom: 1px solid #ccc;
  line-height: 2.2em;
}
.table-style01 td {
  padding: 3rem 0;
  border-bottom: 1px solid #ccc;
  line-height: 2em;
}
.page-company .access-box {
  margin-bottom: 10rem;
}
.page-company .access-box:last-child {
  margin-bottom: 0;
}
.page-company .access-box .img-box {
  width: 42.85%;
  z-index: 2;
  position: relative;
}
.page-company .access-box .txt-box {
  width: 57.15%;
}
.page-company .access-box .txt-box .inner {
  margin-left: -10rem;
  margin-top: 10rem;
  padding: 7rem 8rem 7rem 18rem;
  background: #fff;
}
.page-company .access-box .tit-box {
  margin-bottom: 5rem;
}
.page-company .access-box h3 {
  font-size: 3.6rem;
  line-height: 1.2em;
  margin-top: 0.6rem;
}
.page-company .access-box h3 .txt-s {
  font-size: 1.8rem;
  line-height: 1em;
}
.page-company .access-box dl {
  margin-bottom: 3rem;
}
.page-company .access-box dt {
  font-weight: bold;
  margin-bottom: 1rem;
}
.page-company .access-box dt:before {
  content: "";
  width: 2rem;
  height: 2.7rem;
  background: url(../img/cmn/icon_map.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.5rem 1rem 0 0;
}
.page-company .access-box dd {
  margin-bottom: 1rem;
}
.page-company .access-box dd:last-child {
  margin-bottom: 0;
}
.page-company .access-box .gmap {
  padding-top: 60%;
  margin-bottom: 1rem;
}
.page-company .access-box .btn-reserve {
  max-width: none;
  width: auto;
  display: inline-block;
}
.page-company .access-box .btn-reserve a {
  display: block;
  background: #f8991d;
  color: #fff;
  line-height: 1em;
  padding: 1.6rem 2rem;
  font-weight: bold;
}
.page-company .access-box .btn-reserve a .txt {
  font-size: 100%;
}
.page-company .access-box .btn-reserve a .txt:before {
  content: "";
  display: inline-block;
  width: 2.8rem;
  height: 2.6rem;
  background: url(../img/cmn/icon_reserve.svg) no-repeat center;
  background-size: contain;
  margin-top: -0.4rem;
  vertical-align: middle;
  margin-right: 1rem;
}
.btn-reserve {
  max-width: 45rem;
  width: 100%;
  text-align: center;
}
.btn-reserve a {
  background: #ffb000;
  color: #fff;
  display: block;
  padding: 2.5rem 2rem 3rem;
  font-weight: bold;
}
.btn-reserve .txt-s {
  display: inline-block;
  background: #fff;
  color: #ffb000;
  line-height: 1em;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
}
.btn-reserve .txt {
  font-size: 2.4rem;
  line-height: 1em;
}
.btn-reserve .txt:before {
  content: "";
  width: 4rem;
  height: 3.6rem;
  background: url("../img/cmn/icon_reserve.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.7rem 1rem 0 0;
}
/*==================================================
flow
==================================================*/
.page-flow .flow-block .box {
  position: relative;
  padding-bottom: 8rem;
}
.page-flow .flow-block .box:last-child {
  padding-bottom: 0;
}
.page-flow .flow-block .box:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #004d92;
  position: absolute;
  top: 0;
  left: 4rem;
}
.page-flow .flow-block .box:last-child:before {
  display: none;
}
.page-flow .flow-block .icon {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  color: #fff;
  background: #004d92;
  text-align: center;
  font-size: 3.5rem;
  display: table;
  line-height: 1;
  margin-right: 3rem;
  position: relative;
  z-index: 2;
}
.page-flow .flow-block .icon .s {
  font-size: 1.2rem;
  display: block;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}
.page-flow .flow-block .icon .font-lato {
  font-weight: bold;
}
.page-flow .flow-block .icon .inner {
  display: table-cell;
  vertical-align: middle;
}
.page-flow .flow-block .txt-img-box {
  flex: 1;
}
.page-flow .flow-block .txt-box {
  width: 65%;
  position: relative;
  padding-right: 5rem;
}
.page-flow .flow-block .txt-box h3 {
  font-size: 3.6rem;
  line-height: 2em;
  margin-bottom: 2rem;
}
.page-flow .flow-block .txt-box p {
  letter-spacing: 0;
}
.page-flow .flow-block .txt-box .note {
  text-indent: -1em;
  margin-left: 1em;
}
.page-flow .flow-block .img-box {
  width: 35%;
}
.contact-list-s li {
  width: 47.916667%;
}
.contact-list-s li a {
  background: #fff;
  display: block;
  padding: 3rem 0;
}
.contact-list-s li .tit {
  width: 30%;
  line-height: 1.8em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #004d92;
}
.contact-list-s li .txt {
  flex: 1;
  padding: 0 4rem;
}
.contact-list-s li .num {
  font-size: 4rem;
  font-weight: bold;
}
.contact-list-s li .num:before {
  content: "";
  width: 4rem;
  height: 4rem;
  display: inline-block;
  background: url("../img/cmn/icon_tel_h.svg") no-repeat center;
  background-size: contain;
  border-radius: 100%;
  border: 1px solid #004d92;
  vertical-align: middle;
  margin-top: -1rem;
  margin-right: 1rem;
}
.contact-list-s li .s {
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin-top: 0.6rem;
  text-align: center;
  color: #222;
}
.page-flow .flow-block .contact-list-s {
  margin-top: 3rem;
}
.page-flow .flow-block .contact-list-s .tel a {
  border: 1px solid #004d92;
}
.page-flow .flow-block .contact-list-s li {
  width: 49.2%;
}
.page-flow .flow-block .contact-list-s li a {
  padding: 1.4rem 0;
}
.page-flow .flow-block .contact-list-s li .tit {
  letter-spacing: 0;
  width: 27%;
  font-size: 1.3rem;
}
.page-flow .flow-block .contact-list-s li .num {
  font-size: 2.6rem;
  letter-spacing: 0;
}
.page-flow .flow-block .contact-list-s li .num:before {
  width: 2.8rem;
  height: 2.8rem;
  margin: -0.5rem 0.5rem 0 0;
}
.page-flow .flow-block .contact-list-s li .txt {
  flex: 1;
  padding: 0 1rem;
}
.page-flow .flow-block .contact-list-s li .s {
  margin-left: 0;
  margin-top: 0;
  text-align: center;
  line-height: 1.5em;
}
.page-flow .flow-block .contact-list-s li.contact {
  width: 100%;
  margin-top: 1.2rem;
}
.page-flow .flow-block .contact-list-s li.contact a {
  background: #004d92;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 2rem;
}
.page-flow .flow-block .contact-list-s li.contact a span:before {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/cmn/icon_mail_h.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.3rem 1rem 0 0;
}
.page-flow .caution-box {
  border: 1px solid #004d92;
  padding: 5rem;
  margin-top: 10rem;
}
.page-flow .caution-box h3 {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2.6rem;
}
.page-flow .caution-box p {
  font-size: 87.5%;
}
/*==================================================
recruit
==================================================*/
.page-recruit .mv01-sec .tit01 {
  margin-bottom: 10rem;
}
.page-recruit .mv01-sec .txt-box h2 {
  font-size: 3.6rem;
}
.page-recruit .mv01-sec .txt-box h2 .img {
  display: block;
}
.page-recruit .mv01-sec .txt-box h2 img {
  max-width: 50rem;
  width: 100%;
}
.page-recruit .mv01-sec {
  background: url("../img/recruit/main_img.jpg") no-repeat center;
  background-size: cover;
}
.page-recruit .job-box {
  margin-bottom: 10rem;
}
.page-recruit .job-box:last-child {
  margin-bottom: 0;
}
.page-recruit .job-box .img-box {
  width: 45.8333333%;
  z-index: 2;
  position: relative;
}
.page-recruit .job-box .img-box.r .inner {
  margin-left: -10rem;
}
.page-recruit .job-box .img-box.l .inner {
  margin-right: -10rem;
}
.page-recruit .job-box .txt-box {
  width: 54.1666667%;
}
.page-recruit .job-box .txt-box .inner {
  background: #fff;
  margin-top: 10rem;
  position: relative;
  overflow: hidden;
}
.page-recruit .job-box .tit-en {
  font-size: 9.4rem;
  line-height: 1em;
  color: #f3f5f5;
  position: absolute;
  top: -2rem;
}
.page-recruit .job-box .txt-box.l .tit-en {
  left: -0.6rem;
}
.page-recruit .job-box .txt-box.r .tit-en {
  right: -0.6rem;
}
.page-recruit .job-box .txt {
  padding: 12rem 8rem 10rem 8rem;
}
.page-recruit .job-box .txt-box.l .txt {
  padding-right: 18rem;
}
.page-recruit .job-box .txt-box.r .txt {
  padding-left: 18rem;
}
.page-recruit .job-box h3 {
  font-size: 5rem;
  line-height: 1em;
  margin-bottom: 5rem;
}
.page-recruit .job-box dt {
  color: #004d92;
  border: 1px solid #004d92;
  display: inline-block;
  line-height: 1em;
  font-size: 87.5%;
  font-weight: bold;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
}
.page-recruit .job-box dd {
  font-weight: bold;
  margin-top: 0.5rem;
  text-indent: -1.2em;
  margin-left: 1.2em;
}
.page-recruit .job-box dd:before {
  content: "●";
  font-size: 70%;
  color: #004d92;
  vertical-align: 0.2rem;
  margin-right: 0.8rem;
}
.page-recruit .job-box .bnr-youtube {
  margin-top: 2rem;
}
.page-recruit .job-box .bnr-youtube a {
  display: block;
  background: #fff;
  text-align: center;
  padding: 3rem;
  border: 1px solid #222;
}
.page-recruit .job-box .bnr-youtube img {
  max-width: 47.3rem;
}
.page-recruit .access-box .col-box {
  width: 23.3571429%;
  text-align: center;
}
.page-recruit .access-box h3 {
  line-height: 1.6em;
  font-size: 2.8rem;
  margin: 2rem 0 1.2rem;
}
.page-recruit .access-box h3 .txt-s {
  display: block;
  font-size: 1.6rem;
  line-height: 1.6em;
}
.page-recruit .access-box p {
  line-height: 1.8em;
}
.contact-one-box {
  background: #004d92;
  color: #fff;
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
.contact-one-box a {
  padding: 4rem 0;
  display: block;
}
.contact-one-box .s {
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
  margin-left: 8.5rem;
}
.contact-one-box .num {
  font-size: 6rem;
  font-weight: bold;
}
.contact-one-box .num:before {
  content: "";
  width: 6rem;
  height: 6rem;
  display: inline-block;
  background: url("../img/cmn/icon_tel_h.svg") no-repeat center #fff;
  background-size: contain;
  border-radius: 100%;
  border: 1px solid #004d92;
  vertical-align: middle;
  margin-top: -1rem;
  margin-right: 2rem;
}
.contact-one-box .tit {
  width: auto;
  padding: 2rem 5rem;
  line-height: 1.8em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #fff;
  font-size: 2.6rem;
}
.contact-one-box .txt {
  flex: 1;
  padding: 0 5rem;
}
/*==================================================
運搬・工事・移設
==================================================*/
.page-cost .area-list {
  justify-content: center;
}
.page-cost .area-list {
  font-weight: bold;
  margin-bottom: 8rem;
}
.page-cost .area-list dt {
  margin-right: 2rem;
  font-size: 87.5%;
}
.page-cost .area-list dt:before {
  content: "";
  width: 2rem;
  height: 2.7rem;
  background: url(../img/cmn/icon_map.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: -0.5rem 1rem 0 0;
}
.page-cost .area-list dd {
  border: 1px solid #004d92;
  padding: 0.5rem 2rem;
  margin: 0 0.5rem;
}
.page-cost .cost-navi .navi-box {
  text-align: center;
}
.page-cost .cost-navi .navi-box .icon img {
  width: 8rem;
}
.page-cost .cost-navi .navi-box .arrow {
  display: block;
  line-height: 0em;
  margin-top: 3rem;
}
.page-cost .cost-navi .navi-box .arrow img {
  width: 2.4rem;
  line-height: 0em;
}
.page-cost .cost-navi .navi-box li {
  width: 31.6666667%;
}
.page-cost .cost-navi .navi-box li a {
  background: #fff;
  display: block;
  padding: 3rem;
}
.page-cost .cost-navi .navi-box .txt {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  margin-top: 2rem;
}
.cost-box {
  border: 1px solid #ddd;
  padding: 10rem;
  margin-bottom: 10rem;
}
.cost-box .note {
  margin-top: 1rem;
}
.cost-box:last-child {
  margin-bottom: 0;
}
.cost-box h2 {
  text-align: center;
  line-height: 1.4em;
  font-size: 4rem;
  margin-bottom: 5rem;
}
.cost-box h3 {
  text-align: center;
  line-height: 1.4em;
  font-size: 3rem;
  margin-bottom: 4rem;
}
.cost-box .txt-box {
  margin-bottom: 4rem;
}
.cost-table {
  width: 100%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  letter-spacing: 0.01em;
  border-collapse: collapse;
  border-spacing: 0 !important;
}
.cost-table thead th {
  background: #004d92 !important;
  color: #fff !important;
}
.cost-table th {
  line-height: 1.5em;
  padding: 1.2rem 2rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.cost-table td {
  line-height: 1.5em;
  padding: 1.2rem 2rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cost-table.style01 td {
  width: 20%;
}
.cost-table small {
  font-size: 1.3rem;
}
.cost-table.style01 {
  border-top: none;
}
.cost-table.style01 thead {
  position: sticky;
  top: 14rem;
  z-index: 1000;
}
.cost-table.style01 thead th {
  font-weight: bold;
  border-bottom: none;
  position: relative;
}
.cost-table.style01 thead th:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ddd;
}
.cost-table.style01 th[scope="rowgroup"] {
  background: #e1edf9;
  color: #004d92;
  font-weight: bold;
}
.cost-table.style01 td:nth-child(even) {
  background: #fafbfb;
}
.table-wrap {
  position: relative;
  overflow: visible;
}
.cost-table.style02 th, .cost-table.style03 th {
  background: #fafbfb;
  color: #004d92;
}
.cost-table.style02 td {
  width: 33.3333333%;
}
.cost-table.style03 td {
  width: 66.6666666%;
}
/*==================================================
注目製品 – 簡易住宅
==================================================*/
.slide-pickup-mv .slick-dots {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  padding: 0 1rem;
  width: auto;
  line-height: 1em;
  transform: translateX(-100%);
}
.slide-pickup-mv .slick-dots li.slick-active button {
  background: #004d92;
}
.slide-pickup-mv .slick-dots li button {
  background: #ccc;
}
.page-pickup .sec01 {
  padding-top: 20rem;
}
.page-pickup .sec01 .wrap {
  background: url("../img/pickup_simplehousing/sec01_bg01.png") no-repeat center top;
  background-size: 130rem;
}
.page-pickup .sec01 h2 {
  text-align: center;
  margin-bottom: 8rem;
}
.page-pickup .sec01 h2 img {
  width: 90rem;
}
.page-pickup .sec01 .txt-box {
  text-align: center;
  margin-bottom: 8rem;
}
.page-pickup .sec01 .txt-box p {
  font-size: 2rem;
  line-height: 2.2em;
}
.page-pickup .sec01 h3 {
  text-align: center;
  font-size: 3.8rem;
  line-height: 2em;
}
.page-pickup .sec01 .img-box {}
.page-pickup .sec02, .page-pickup .sec04 {
  background-image: url("../img/pickup_simplehousing/bg_circle02.png");
  background-position: center top 5rem;
  background-repeat: no-repeat;
  background-size: 60rem;
}
.page-pickup .sec05 {
  background-image: url("../img/pickup_simplehousing/bg_circle01.png");
  background-position: center top 5rem;
  background-repeat: no-repeat;
  background-size: 60rem;
}
.page-pickup .sec02 h2 {
  text-align: center;
  margin-bottom: 21rem;
}
.page-pickup .sec02 h2 img {
  width: 88.8rem;
}
.page-pickup .sec02 .point-box .col-box {
  width: 23.57%;
  background: #fff;
  padding: 0 3rem 5rem;
}
.page-pickup .sec02 .point-box h3 {
  width: 17rem;
  background: #5085c5;
  color: #fff;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin: -7rem auto 0;
  text-align: center;
  display: table;
}
.page-pickup .sec02 .point-box .c02 h3 {
  background: #ef858c;
}
.page-pickup .sec02 .point-box .c03 h3 {
  background: #3ab483;
}
.page-pickup .sec02 .point-box .c04 h3 {
  background: #28cece;
}
.page-pickup .sec02 .point-box h3 .inner {
  display: table-cell;
  vertical-align: middle;
}
.page-pickup .sec02 .point-box h3 .font-jp {
  font-size: 3.2rem;
  line-height: 1em;
  display: block;
  letter-spacing: 0.01em;
  margin-bottom: 1.5rem;
}
.page-pickup .sec02 .point-box h3 .font-en {
  font-size: 1.4rem;
  line-height: 1em;
  display: block;
}
.page-pickup .sec02 .point-box i {
  width: 14rem;
  margin: 2rem auto;
  display: block;
}
.page-pickup .sec02 .point-box p {
  line-height: 2em;
}
.page-pickup .sec02 .movie-box {
  margin-top: 10rem;
  margin-bottom: 0;
}
.page-pickup .sec02 .youtube-box {
  width: 67%;
  position: relative;
  z-index: 2;
}
.page-pickup .sec02 .tit-box {
  width: 33%;
  position: relative;
}
.page-pickup .sec02 .tit-box .border {
  width: 52rem;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: table;
}
.page-pickup .sec02 .tit-box .border .inner {
  display: table-cell;
  vertical-align: middle;
  border: 1rem solid #bad3fe;
  border-radius: 100%;
}
.page-pickup .sec02 .tit-box .border h4 {
  font-size: 3rem;
  text-align: center;
}
.page-pickup .sec02 .tit-box .border h4 .font-en {
  font-size: 6rem;
  display: block;
  line-height: 1em;
  margin-top: 1rem;
}
.page-pickup .sec02 .tit-box i {
  display: block;
  max-width: 14rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page-pickup .sec03 {
  background-image: url("../img/pickup_simplehousing/bg_circle03.png");
  background-position: center top 5rem;
  background-repeat: no-repeat;
  background-size: 60rem;
}
.page-pickup .sec03 h2 {
  text-align: center;
  margin-bottom: 21rem;
}
.page-pickup .sec03 h2 img {
  width: 93rem;
}
.page-pickup .sec03 .features-box {
  margin-bottom: 14rem;
}
.page-pickup .sec03 .features-box:last-child {
  margin-bottom: 0;
}
.page-pickup .sec03 .features-box .txt-box {
  width: 46%;
}
.page-pickup .sec03 .features-box .txt-box .inner {
  padding: 0 7rem 7rem;
  background: #fff;
  height: 100%;
  margin-top: -7rem;
  border-radius: 2rem;
}
.page-pickup .sec03 .features-box .txt-box.l .inner {
  margin-right: -20rem;
  padding-right: 27rem;
}
.page-pickup .sec03 .features-box .txt-box.r .inner {
  margin-left: -20rem;
  padding-left: 27rem;
}
.page-pickup .sec03 .features-box .img-box {
  width: 53%;
  position: relative;
  z-index: 2;
}
.page-pickup .sec03 .features-box .img-box .slick-dots li {
  margin: 0 0.4rem;
}
.page-pickup .sec03 .features-box .img-box.r .slick-dots {
  position: absolute;
  left: 0;
  bottom: 2.5rem;
  padding: 0 1rem;
  width: auto;
  line-height: 1em;
  transform: translateX(-100%);
}
.page-pickup .sec03 .features-box .img-box.l .slick-dots {
  position: absolute;
  right: 0;
  bottom: 2.5rem;
  padding: 0 1rem;
  width: auto;
  line-height: 1em;
  transform: translateX(100%);
}
.page-pickup .sec03 .features-box .img-box.r .inner {
  margin-right: -5rem;
}
.page-pickup .sec03 .features-box .img-box.l .inner {
  margin-left: -5rem;
  position: relative;
}
.page-pickup .sec03 .features-box .img-box .comment {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  line-height: 1.5em;
  padding: 2.15rem 3rem;
  color: #fff;
  font-weight: bold;
  width: 100%;
}
.page-pickup .sec03 .features-box .img-box.r .comment {
  width: calc(100% + 5rem);
}
.page-pickup .sec03 .features-box .icon {
  position: relative;
  margin-bottom: 2rem;
}
.page-pickup .sec03 .features-box .txt-box .icon .txt {
  position: relative;
  display: inline-block;
  line-height: 1em;
}
.page-pickup .sec03 .features-box .txt-box.r .icon {
  text-align: right;
  margin-right: -3.5rem;
}
.page-pickup .sec03 .features-box .icon .t01 {
  font-size: 2.4rem;
  display: block;
  line-height: 1em;
  position: absolute;
  bottom: 1rem;
  left: -3.5rem;
}
.page-pickup .sec03 .features-box .icon .t02 {
  font-size: 18rem;
  display: block;
  line-height: 0.7em;
  color: rgba(58, 180, 131, 0.15);
  margin-left: 3rem;
}
.page-pickup .sec03 .features-box h3 {
  font-size: 4.3rem;
  line-height: 1.6em;
  margin-bottom: 3rem;
}
.page-pickup .sec04 h2 {
  text-align: center;
  margin-bottom: 15rem;
}
.page-pickup .sec04 h2 img {
  width: 65.1rem;
}
.page-pickup .tab-container {
  margin-bottom: 5rem;
}
.page-pickup .tab-container .tab {
  width: 23.5714286%;
  background: #fff;
  text-align: center;
  font-weight: bold;
  padding: 2rem 2rem 2.5rem;
  position: relative;
  cursor: pointer;
}
.page-pickup .tab-container .tab:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1rem solid #bad3fe;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.page-pickup .tab-container .tab.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1rem solid #bad3fe;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.page-pickup .tab-container .tab.active:after {
  content: '';
  position: absolute;
  bottom: -4.9rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 5rem solid #bad3fe;
  border-left: 2.5rem solid transparent;
  border-right: 2.5rem solid transparent;
  transform: translateX(-50%);
}
.page-pickup .tab-container .tab p {
  line-height: 1.8em;
  margin-top: 1.5rem;
}
.page-pickup .case-slider {
  padding: 5rem 0;
}
.page-pickup .case-slider .slide {
  margin: 0 2.5rem;
}
.page-pickup .case-slider .slide img {
  border-radius: 2rem;
}
.page-pickup .case-slider .slick-next {
  width: 11rem;
  height: 11rem;
  right: 22%;
  top: 50%;
  background: #004d92;
  text-indent: -9999px;
  transform: translateY(-50%);
  margin-right: -5.5rem;
  border-radius: 100%;
  z-index: 2;
}
.page-pickup .case-slider .slick-next:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/cmn/arrow_next.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateX(-50%) translateY(-50%);
}
.page-pickup .case-slider .slick-prev {
  width: 11rem;
  height: 11rem;
  left: 22%;
  top: 50%;
  background: #004d92;
  text-indent: -9999px;
  transform: translateY(-50%);
  margin-left: -5.5rem;
  border-radius: 100%;
  z-index: 2;
}
.page-pickup .case-slider .slick-prev:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url("../img/cmn/arrow_prev.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translateX(-50%) translateY(-50%);
}
.page-pickup .content-container .content {
  display: none;
}
.page-pickup .content-container .content.show {
  display: block;
}
.page-pickup .content-container .txt-box .spec-box {
  width: 46.4285714%;
}
.page-pickup .content-container .txt-box .spec-img-box {
  width: 50%;
}
.page-pickup .content-container .txt-box {
  padding: 5rem 0 0;
}
.page-pickup .content-container .txt-box .inner {
  background: url("../img/pickup_simplehousing/sec04_tab_tit_bg.svg") no-repeat 0 0;
  background-size: 15rem;
}
.page-pickup .content-container .txt-box h3 {
  line-height: 2em;
  padding: 2rem 0 0 4rem;
  margin-bottom: 5rem;
}
.page-pickup .content-container .txt-box h3 .series {
  width: auto;
  font-size: 3.4rem;
  line-height: 2em;
  margin-right: 3rem;
}
.page-pickup .content-container .txt-box h3 .txt {
  flex: 1;
  font-size: 3rem;
  line-height: 2em;
}
.page-pickup .content-container .txt-box table {
  width: 100%;
  margin-left: 4rem;
  margin-bottom: 5rem;
}
.page-pickup .content-container .txt-box th {
  white-space: nowrap;
  color: #004d92;
  font-weight: bold;
  border-right: 1px solid #004d92;
  padding-right: 1rem;
  width: auto;
  line-height: 1.6em;
  padding-bottom: 1.5rem;
  vertical-align: top;
}
.page-pickup .content-container .txt-box td {
  padding-left: 3rem;
  line-height: 1.6em;
  padding-bottom: 1.5rem;
}
.page-pickup .content-container .txt-box .price-box {
  border: 1px solid #004d92;
  padding: 4rem;
}
.page-pickup .content-container .txt-box .price-box .total {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #004d92;
}
.page-pickup .content-container .txt-box .price-box .total dt {
  background: #004d92;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  width: 8rem;
  text-align: center;
  margin-right: 2rem;
}
.page-pickup .content-container .txt-box .price-box .total dd {
  color: #004d92;
  flex: 1;
  font-weight: bold;
}
.page-pickup .content-container .txt-box .price-box .total dd .num {
  font-size: 150%;
}
.page-pickup .content-container .txt-box .price-box .price-s {
  font-size: 87.5%;
  line-height: 2em;
  letter-spacing: 0.01em;
}
.page-pickup .content-container .txt-box .price-box .price-s .col-box {
  width: 49%;
}
.page-pickup .content-container .txt-box .price-box .price-s dl {
  justify-content: flex-start;
}
.page-pickup .content-container .txt-box .price-box .price-s dt {
  font-weight: bold;
  color: #004d92;
  width: 40%;
}
.page-pickup .bnr-sec {
  padding: 5rem 0 10rem;
}
.page-pickup .bnr-sec .bnr-box {
  max-width: 100rem;
  margin: 0 auto;
}
.page-pickup .sec05 {
  position: relative;
}
.page-pickup .sec05:after {
  content: "";
  display: block;
  background: #fcf9e6;
  position: absolute;
  top: 80rem;
  width: 100%;
  height: calc(100% - 80rem);
}
.page-pickup .access-box {
  background: #fff;
  z-index: 2;
  position: relative;
  padding: 8rem 0;
}
.page-pickup .access-box .img-box {
  width: 45%;
}
.page-pickup .access-box .img-box img {
  border-radius: 0 2rem 2rem 0;
}
.page-pickup .access-box .txt-box {
  width: 55%;
  padding: 0 8rem;
}
.page-pickup .access-box h3 {
  font-size: 3rem;
  line-height: 2em;
  letter-spacing: 0.03em;
  margin-bottom: 3rem;
}
.page-pickup .access-box dl {
  margin-top: 3rem;
}
.page-pickup .access-box dt {
  width: 17rem;
  background: #004d92;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 1.2rem;
  margin-right: 2rem;
}
.page-pickup .access-box dd {
  flex: 1;
  line-height: 1.5em;
}
.page-pickup .access-box dd .map {
  font-weight: bold;
  margin-left: 1.5rem;
}
.page-pickup .access-box dd .map:before {
  content: "";
  display: inline-block;
  width: 1.7rem;
  height: 2.1rem;
  background: url(../img/cmn/icon_map.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin: -0.4rem 0.2rem 0 0;
}
.page-pickup .sec05 .btn-box {
  position: relative;
  z-index: 2;
  margin-top: 10rem;
}
.page-pickup .sec05 h4 {
  text-align: center;
  margin-bottom: 5rem;
}
.page-pickup .sec05 h4 img {
  width: 92.4rem;
}
.page-pickup .sec05 .btn-box .btn {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.page-pickup .sec05 .btn-box .btn a {
  background: #f7931e;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 3.4rem;
  padding: 4rem 2rem;
  border-radius: 100px;
  position: relative;
}
.page-pickup .sec05 .btn-box .btn a:before {
  content: "";
  width: 1.8rem;
  height: 2.4rem;
  background: url(../img/cmn/arrow_next.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
/*==================================================
用途から探す
==================================================*/
.page-purpose .sec01 {
  padding-top: 23rem;
  background-image: url(../img/purpose_shop/bg_circle02.png);
  background-position: center top 13rem;
  background-repeat: no-repeat;
  background-size: 60rem;
}
.page-purpose .sec01 h2 {
  text-align: center;
}
.page-purpose .sec01 h2 img {
  max-width: 68rem;
  width: 100%;
}
.page-purpose .sec01 {
  overflow: hidden;
}
.page-purpose .purpose-slider .slide {
  margin: 0 2rem;
  border-radius: 2rem;
  overflow: hidden;
}
.page-purpose .purpose-slider .slick-dots {
  padding: 0;
  bottom: -4rem;
  text-align: center;
}
.page-purpose .purpose-slider .slick-dots li.slick-active button {
  background: #004d92;
}
.page-purpose .purpose-slider .slick-dots li button {
  background: #ccc;
}
.page-purpose .voice-box {
  margin-top: 18rem;
  margin-bottom: -9rem;
}
.page-purpose .voice-box .col-box {
  width: 48.21%;
  background: #fff;
  border-radius: 2rem;
  padding: 0 5rem 5rem;
  margin-bottom: 9rem;
}
.page-purpose .voice-box i {
  display: block;
  width: 8rem;
  margin: 0 auto;
  transform: translateY(-5rem);
}
.page-purpose .voice-box h3 {
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.5em;
  margin-top: -2rem;
  margin-bottom: 3rem;
}
.page-purpose .voice-box .txt {
  text-align: center;
  font-size: 2.2rem;
  line-height: 2em;
  font-weight: bold;
  padding: 4rem;
}
.page-purpose .voice-box .txt p {
  border-top: 2px dotted #ef858c;
}
.page-purpose .voice-box .txt .border {
  display: block;
  border-bottom: 2px dotted #ef858c;
  padding: 0.2rem 0;
}
.page-purpose .voice-box .box01 h3 {
  color: #ef858c;
}
.page-purpose .voice-box .box01 .txt {
  background: rgba(239, 133, 140, 0.08);
}
.page-purpose .voice-box .box02 h3 {
  color: #3ab483;
}
.page-purpose .voice-box .box02 .txt {
  background: rgba(58, 180, 131, 0.08);
}
.page-purpose .voice-box .box02 .txt p, .page-purpose .voice-box .box02 .txt .border {
  border-color: #3ab483;
}
.page-purpose .voice-box .box03 h3 {
  color: #5085c5;
}
.page-purpose .voice-box .box03 .txt {
  background: rgba(80, 133, 197, 0.08);
}
.page-purpose .voice-box .box03 .txt p, .page-purpose .voice-box .box03 .txt .border {
  border-color: #5085c5;
}
.page-purpose .voice-box .box04 h3 {
  color: #f7931e;
}
.page-purpose .voice-box .box04 .txt {
  background: rgba(247, 147, 30, 0.08);
}
.page-purpose .voice-box .box04 .txt p, .page-purpose .voice-box .box04 .txt .border {
  border-color: #f7931e;
}
.page-purpose .product-box {
  margin-top: 10rem;
  border: 2px solid #004d92;
  padding: 8rem;
}
.page-purpose .product-box .tit-box {
  margin-bottom: 6rem;
}
.page-purpose .product-box .tit-box h3 {
  color: #004d92;
  font-size: 4rem;
  margin-right: 5rem;
}
.page-purpose .product-box .tit-box ul {
  flex: 1;
  justify-content: flex-start;
  margin-top: -0.5rem;
}
.page-purpose .product-box .tit-box li {
  background: #004d92;
  color: #fff;
  font-weight: bold;
  border-radius: 100px;
  padding: 0.5rem 4rem;
  margin: 0 1rem 1rem 0;
}
.page-purpose .product-box .img-box .col-box {
  width: 48%;
}
.page-purpose .product-box .img-box figure {
  margin-bottom: 0.5rem;
}
.page-purpose .sec02, .page-purpose .sec04, .page-purpose .sec06 {
  background-image: url(../img/purpose_shop/bg_circle01.png);
  background-position: center top 5rem;
  background-repeat: no-repeat;
  background-size: 60rem;
}
.page-purpose .sec02 h2 {
  text-align: center;
  margin-bottom: 5rem;
}
.page-purpose .sec02 h2 img {
  max-width: 68rem;
  width: 100%;
}
.page-purpose .sec02 h3 {
  text-align: center;
  color: #fff;
  font-size: 3rem;
  line-height: 2em;
  margin-bottom: 15rem;
}
.page-purpose .sec02 h3 .border {
  position: relative;
  padding-bottom: 2.5rem;
}
.page-purpose .sec02 h3 .border:before {
  content: "";
  display: block;
  background: #fcee21;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 7px;
  left: 0;
}
.page-purpose .sec02 h3 .border:after {
  content: "";
  display: block;
  background: #fcee21;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-purpose .sec02 .point-box {
  background: #fff;
  margin-bottom: 5rem;
}
.page-purpose .sec02 .point-box:last-child {
  margin-bottom: 0;
}
.page-purpose .sec02 .point-box .tit-box {
  padding: 5rem 0;
  position: relative;
}
.page-purpose .sec02 .point-box .tit-box:after {
  content: "";
  display: block;
  width: calc(100% - 8rem);
  height: 2px;
  background: #dddddd;
  position: absolute;
  top: 50%;
}
.page-purpose .sec02 .point-box .tit-box .icon {
  background: #f7931e;
  color: #fff;
  font-size: 2.4rem;
  padding: 3rem 5rem 3rem 4rem;
  border-radius: 0 100px 100px 0;
  z-index: 2;
}
.page-purpose .sec02 .point-box .tit-box .icon .num {
  font-size: 270%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  margin-top: -1rem;
}
.page-purpose .sec02 .point-box .tit-box .txt {
  flex: 1;
  font-size: 5.5rem;
  line-height: 2em;
  z-index: 2;
}
.page-purpose .sec02 .point-box .tit-box .txt span {
  padding: 0 5rem;
  background: #fff;
}
.page-purpose .sec02 .point-box .inner {
  padding: 0 8rem 8rem;
}
.page-purpose .sec02 .img-txt .img-box {
  width: 45%;
}
.page-purpose .sec02 .img-txt .txt-box {
  width: 50.5%;
}
.page-purpose .sec02 .img-txt .txt-box .txt {
  padding: 3rem;
}
.page-purpose .sec02 .img-txt .txt-box .txt h5 {
  font-size: 3.4rem;
  line-height: 2em;
  margin-bottom: 2rem;
}
.page-purpose .sec02 .img-txt .txt-box .txt h5 i {
  display: inline-block;
  width: 6rem;
  vertical-align: middle;
  line-height: 0;
  margin-top: -0.5rem;
  margin-right: 2rem;
}
.page-purpose .sec02 .img-txt .txt-box .txt.general {
  border: 1px solid #ddd;
  margin-top: 2rem;
}
.page-purpose .sec02 .img-txt .txt-box .txt.general h5 {
  color: #999;
}
.page-purpose .sec02 .img-txt .txt-box .txt strong {
  font-weight: bold;
  color: #004d92;
}
.page-purpose .sec02 img.border {
  border: 1px solid #ddd;
}
.page-purpose .sec03, .page-purpose .sec05, .page-purpose .sec07 {
  background-image: url(../img/purpose_shop/bg_circle02.png);
  background-position: center top 5rem;
  background-repeat: no-repeat;
  background-size: 60rem;
}
.page-purpose .sec03 .tit-box .inner {
  max-width: 55.4rem;
  width: 100%;
  margin: 0 auto;
}
.page-purpose .sec03 .tit-box .txt {
  background: #004d92;
  color: #fff;
  font-size: 2.6rem;
  border-radius: 100px;
  text-align: center;
  display: block;
  line-height: 2em;
  padding: 1rem;
  margin-top: 2rem;
}
.page-purpose .sec03 .tit-box {
  position: relative;
  padding-bottom: 5rem;
}
.page-purpose .sec03 .tit-box .icon {
  width: 15rem;
  position: absolute;
  bottom: 0;
}
.page-purpose .sec03 .tit-box .icon01 {
  left: 10rem;
}
.page-purpose .sec03 .tit-box .icon02 {
  right: 10rem;
}
.page-purpose .sec03 .case-box {
  background: #fff;
  padding: 10rem;
}
.page-purpose .sec03 .item-list.col-2 .col-box {
  margin-bottom: 5rem;
}
.page-purpose .sec03 .item-list.col-2 {
  margin-bottom: -5rem;
}
.page-purpose .sec03 .case-box .eample-list-meta {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.page-purpose .sec03 .case-box .eample-list-meta dt {
  background: #004d92;
  color: #fff;
  width: 13rem;
  text-align: center;
  padding: 1rem 0.5rem;
  line-height: 1em;
  margin-right: 2rem;
}
.page-purpose .sec03 .case-box .a-space .eample-list-meta dt {
  background: #a74193;
}
.page-purpose .sec03 .case-box .k-space .eample-list-meta dt {
  background: #b28e29;
}
.page-purpose .sec03 .case-box .c-space .eample-list-meta dt {
  background: #3d7043;
}
.page-purpose .sec03 .case-box .prefab .eample-list-meta dt {
  font-size: 1.4rem;
  padding: 1.5rem 0.5rem;
  font-weight: bold;
}
.page-purpose .sec03 .case-box .eample-list-meta h3 {
  color: #222;
  font-size: 2.2rem;
  line-height: 2em;
  letter-spacing: 0.02em;
}
.page-purpose .sec04 {
  position: relative;
}
.page-purpose .sec04:after {
  content: "";
  display: block;
  background: #fcf9e6;
  position: absolute;
  top: 60rem;
  width: 100%;
  height: calc(100% - 60rem);
}
.page-purpose .sec04 h2 {
  text-align: center;
}
.page-purpose .sec04 h2 img {
  max-width: 120rem;
  width: 100%;
}
.page-purpose .sec04 .model-box {
  background: #fff;
  padding: 5rem;
  position: relative;
  margin-bottom: 10rem;
  z-index: 2;
  overflow: hidden;
}
.page-purpose .sec04 .model-box:last-child {
  margin-bottom: 0;
}
.page-purpose .sec04 .model-box .num {
  position: absolute;
  top: 0;
  left: -2rem;
  line-height: 0.7em;
  font-size: 28rem;
  color: rgba(0, 77, 146, 0.06);
}
.page-purpose .sec04 .model-box .img-box {
  width: 51.4285714%;
}
.page-purpose .sec04 .model-box .txt-box {
  width: 45%;
  padding: 0 0 0 5rem;
}
.page-purpose .sec04 .model-box .txt-box h3 {
  margin-bottom: 4rem;
}
.page-purpose .sec04 .model-box .txt-box h3 .font-en {
  font-size: 3.5rem;
  line-height: 1em;
  display: block;
  margin-bottom: 1rem;
}
.page-purpose .sec04 .model-box .txt-box h3 .font-jp {
  font-size: 6rem;
  line-height: 1.5em;
  display: block;
}
.page-purpose .sec04 .model-box .spec {
  justify-content: flex-start;
  margin-bottom: 2rem;
}
.page-purpose .sec04 .model-box .spec dt {
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 3rem;
}
.page-purpose .sec04 .model-box .spec dd {
  background: #004d92;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  padding: 1rem 2rem;
  border-radius: 100px;
}
.page-purpose .sec04 .model-box .price .box {
  padding: 2rem 3rem;
  border: 1px solid #004d92;
}
.page-purpose .sec04 .model-box .price .box .total {
  justify-content: flex-start;
  border-bottom: 1px solid #004d92;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.page-purpose .sec04 .model-box .price .box .total dt {
  background: #004d92;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  padding: 0 3rem;
  border-radius: 100px;
  margin-right: 2rem;
}
.page-purpose .sec04 .model-box .price .box .total dd {
  font-size: 2.8rem;
  font-weight: bold;
}
.page-purpose .sec04 .model-box .price .box table {
  width: 100%;
  margin: 0;
  line-height: 2em;
  font-size: 87.5%;
}
.page-purpose .sec04 .model-box .price .box th {
  color: #004d92;
  font-weight: bold;
  width: 20%;
  white-space: nowrap;
  padding-right: 2rem;
  border-right: 1px solid #004d92;
}
.page-purpose .sec04 .model-box .price .box td {
  padding-left: 2rem;
}
.page-purpose .sec04 .model-box .img-list {
  margin-top: 5rem;
}
.page-purpose .sec04 .model-box .img-list li {
  width: 24.3%;
  border: 1px solid #ddd;
}
.page-purpose .sec05 h2 {
  text-align: center;
  margin-bottom: 4rem;
}
.page-purpose .sec05 h2 img {
  max-width: 85.4rem;
  width: 100%;
}
.page-purpose .sec05 .tit-box {
  text-align: center;
  margin-bottom: 10rem;
}
.page-purpose .sec05 .tit-box p {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 2em;
}
.page-purpose .sec06 .tit01 {
  margin-bottom: 15rem;
}
.flow-list-box.col-6 .col-box {
  width: 16.6666667%;
}
.flow-list-box .col-box {
  position: relative;
  padding: 7rem 1rem 5rem;
  background: #fff;
  text-align: center;
}
.flow-list-box .icon {
  width: 8rem;
  height: 8rem;
  display: table;
  background: #004d92;
  color: #fff;
  border-radius: 100%;
  margin-right: 4rem;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.flow-list-box .icon .txt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 2.2em;
}
.flow-list-box .icon .s {
  display: block;
  font-size: 1.1rem;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
}
.flow-list-box .icon .num {
  font-size: 2.4rem;
  line-height: 1em;
  font-weight: bold;
}
.flow-list-box h3 {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-bottom: 1rem;
}
.flow-list-box p {
  font-size: 1.4rem;
  line-height: 2em;
}
.arrow-line.pc {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  width: 3rem;
  height: 70%;
  z-index: 2;
}
.arrow-line.pc:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: #004d92;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.arrow-line.pc:after {
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/*==================================================
single
==================================================*/
.single-post .entry-title {
  font-size: 3.2rem;
  line-height: 1.8em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}
.single-post .tit-box {
  margin-bottom: 3rem;
}
.single-post .tit-box .data {
  text-align: right;
  color: #999;
}
.single-post .entry-content h2 {
  font-size: 2.8rem;
  line-height: 1.8em;
  margin-top: 5rem;
  margin-bottom: 1rem;
  line-height: 1.8em;
}
.single-post .entry-content h3 {
  font-size: 2.6rem;
  line-height: 1.8em;
  margin-top: 5rem;
  margin-bottom: 1rem;
  line-height: 1.8em;
}
.single-post .entry-content h4 {
  font-size: 2.4rem;
  line-height: 1.8em;
  margin-top: 5rem;
  margin-bottom: 1rem;
  line-height: 1.8em;
}
.entry-content ul, .entry-content ol {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1.5em;
  line-height: 2em;
}
.entry-content strong {
  font-weight: bold;
}
.entry-content a {
  text-decoration: underline;
}
.entry-content ul li {
  list-style: disc;
}
.entry-content ol li {
  list-style: decimal;
}
/* Responsive images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
  height: auto;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
  max-width: 100%;
  height: auto;
}
embed, iframe, object, video {
  max-width: 100%;
}
/* Images */
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*==================================================
プライバシーポリシー
==================================================*/
.privacy-sec h2:first-child {
  margin-top: 0;
}
.privacy-sec h2 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
  margin-top: 6rem;
  line-height: 1.8em;
}
.privacy-sec ol li {
  list-style: decimal;
  margin-left: 1.5em;
  margin-bottom: 1rem;
}
.privacy-sec ol li:last-child {
  margin-bottom: 0;
}
/*==================================================
フォーム
==================================================*/
.contact-read-sec {
  text-align: center;
}
.contact-read-sec .bnr-box a {
  cursor: inherit;
  opacity: 1;
}
.contact-read-sec .time-box {
  font-weight: bold;
  max-width: 80rem;
  width: 100%;
  border: 1px solid #004d92;
  margin: 5rem auto 0;
  padding: 3rem 2rem;
}
.contact-read-sec .access-box {
  margin-top: 10rem;
}
.contact-read-sec .access-box .col-box {
  width: 31.6666667%;
  text-align: center;
  background: #fff;
}
.contact-read-sec .access-box .txt {
  text-align: left;
  padding: 3rem 4rem 4rem;
}
.contact-read-sec .access-box h3 {
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.8em;
  margin-bottom: 2rem;
}
.contact-read-sec .access-box h3 .txt-s {
  display: block;
  font-size: 1.8rem;
  line-height: 1.6em;
}
.form-box table {
  width: 100%;
  border-top: 1px solid #ccc;
}
.form-box th {
  width: 30%;
  padding: 3rem 0;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.form-box td {
  padding: 3rem 0;
  border-bottom: 1px solid #ccc;
}
.form-box textarea, .form-box input[type=text], .form-box input[type=email], .form-box input[type=tel], .form-box select {
  width: 100%;
  height: 6rem;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 1rem 2rem;
  font-size: 100%;
}
.form-box select {
  padding: 1rem 1.6rem;
  overflow: hidden;
  background: url(../img/cmn/arrow_select.svg) no-repeat center right 1rem;
  background-size: 1.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 0;
}
.form-box .flatpickr-input {
  background: url(../img/cmn/icon_reserve_h.svg) no-repeat center right 1rem;
  background-size: 2.6rem;
  height: 6rem;
  padding: 1rem 1.6rem;
  border: 1px solid #ccc;
  width: 100%;
}
.form-box textarea {
  vertical-align: middle;
  min-height: 20rem;
}
.form-box .req {
  font-size: 87.5%;
  vertical-align: 0.5em;
  color: #ba0202;
}
.form-box input.m {
  width: 42.85% !important;
}
.form-box input.s {
  width: 21.42% !important;
}
.form-box .name-box {
  justify-content: flex-start;
}
.form-box .name-col {
  width: 42.85%;
  margin-right: 2rem;
}
.form-box .date-box .date-col {
  width: 57.1428571%
}
.form-box .date-box .time-col {
  width: 40%;
}
.form-box .s {
  font-size: 83.3333333%;
  line-height: 1.8em;
  margin: 0 0 0.5rem 0;
  letter-spacing: 0;
}
.form-box .box {
  margin-bottom: 2rem;
}
.form-box .box:last-child {
  margin-bottom: 0;
}
.form-box .mar-t {
  margin-top: 1rem;
}
.form-box .mar-b {
  margin-bottom: 2rem;
}
.form-box .submit-list {
  justify-content: center;
  margin-top: 5rem;
}
.form-box .submit-list div {}
.form-box .submit-list input[type="submit"] {
  background: #004d92;
  color: #fff;
  text-align: center;
  padding: 2rem;
  display: block;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
  width: 40%;
  margin: 0 1rem;
}
.form-box .submit-list .cm4cf7-return-button {
  background: #ccc;
  color: #fff;
  text-align: center;
  padding: 2rem;
  display: block;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
  width: 40%;
  margin: 0 1rem;
  border: none;
  font-size: 100%;
}
/* セレクト未選択（value=""）＝プレースホルダー状態 */
.form-box select {
  color: #999; /* placeholder色 */
}
.form-box select option {
  color: #000; /* 通常選択肢 */
}
/* value が空じゃない選択肢が選ばれたら通常色に戻す */
.form-box select:has(option:checked:not([value=""])) {
  color: #000;
}
.form-box ::placeholder {
  color: #999;
  opacity: 1; /* Safari対策 */
}
.wpcf7-list-item {
  display: inline-block;
  margin: 0 3rem 0 0 !important;
}
/* =========================
   CF7 チェックボックス カスタム
   ========================= */
/* 元のチェックボックスを非表示 */
.wpcf7-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
/* ラベル全体をクリック可能に */
.wpcf7-checkbox .wpcf7-list-item-label {
  position: relative;
  padding-left: 3.2rem;
  cursor: pointer;
  display: inline-block;
  line-height: 1.6;
  color: #000;
  margin: 1rem 0;
}
/* 未チェック時のボックス */
.wpcf7-checkbox .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
}
/* チェックON時の背景 */
.wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background: #004d92;
  border-color: #004d92;
}
/* チェックマーク */
.wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 50%;
  width: 0.6rem;
  height: 1rem;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: translateY(-65%) rotate(45deg);
}
/* 横並びの余白 */
.wpcf7-checkbox .wpcf7-list-item {
  margin-right: 16px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border: 3px solid #ba0202 !important;
  color: #ba0202;
  text-align: center;
  font-weight: bold;
  padding: 1rem;
  width: 100%;
  display: block;
}
.wpcf7 form .wpcf7-response-output {
  border: none !important;
  display: block;
  width: 100%;
}
.form-sec .wpcf7-not-valid-tip {
  color: #ba0202;
  font-weight: bold;
}
/* デフォルトではエラーメッセージを隠す */
.wpcf7-form-control-wrap > .wpcf7-not-valid-tip {
  display: none;
  margin-top: 10px;
}
/* 送信ボタン押した後だけ表示 */
.wpcf7-form-control-wrap.is-show > .wpcf7-not-valid-tip {
  display: block;
}
.contact-read-sec .border-box {
  border: 1px solid #ccc;
  padding: 5rem;
  margin: 5rem 0;
}
.contact-read-sec .border-box h2 {
  font-size: 2.2rem;
  line-height: 1.8em;
  color: #ba0202;
  margin-bottom: 1rem;
  text-align: center;
}
.contact-read-sec .btn-reserve {
  max-width: 57.5rem;
  width: 100%;
  margin: 5rem auto 0;
}
.contact-read-sec .btn-reserve .txt01 {
  background: #fff;
  color: #ffb000;
  display: inline-block;
  margin-bottom: 1.5rem;
  line-height: 1.5em;
  padding: 0.5rem 1.5rem;
}
.contact-read-sec .btn-reserve .txt02 {
  display: block;
  font-size: 3rem;
}
.contact-read-sec .btn-reserve .txt02:before {
  content: "";
  width: 4.4rem;
  height: 4rem;
  display: inline-block;
  background: url(../img/cmn/icon_reserve.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-top: -0.8rem;
  margin-right: 1.2rem;
}
.cm4cf7-message-for-confirmation {
  padding-top: 200px !important;
  border: none !important;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 767px) {
  body {
    letter-spacing: 0.02em;
    line-height: 2em;
  }
  section {
    padding: 8rem 0;
  }
  .pad-t10 {
    padding-top: 5rem;
  }
  .pad-b10 {
    padding-bottom: 5rem;
  }
  .wrap, .wrap-m, .wrap-s, .wrap-f {
    padding: 0 5vw;
  }
  .fnavi-box {
    display: block;
    font-size: 100%;
  }
  .site-footer address {
    letter-spacing: 0.05em;
  }
  .fnavi-box .fnavi {
    padding-left: 1rem;
    margin-bottom: 1.5rem;
  }
  .site-footer h2 img {
    width: 10rem;
  }
  .table-wrap {
    position: relative;
  }
  .table-wrap h4 {
    position: sticky;
  }
  .sticky-head {
    position: sticky;
    top: 0;
    z-index: 100;
  }
  div.pin {
    top: -9rem;
  }
  /*==================================================
head
==================================================*/
  main {
    padding-top: 90px;
  }
  .site-header {
    padding: 0 5vw;
  }
  .site-header .site-title {
    max-width: 220px;
  }
  .site-header .description-txt {
    font-size: min(1.2rem, 11px);
    margin-top: 10px;
  }
  .site-header .head-box {
    height: 90px;
  }
  .site-header .navi {
    display: none;
  }
  .menu_btn {
    display: block;
  }
  .site-header .sub-navi {
    display: none;
  }
  .button-toggle {
    margin-left: 0;
    display: block;
  }
  .sb-slidebar {
    width: 100%;
  }
  .button-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 998;
    margin-left: 2rem;
    line-height: 0;
    cursor: pointer;
  }
  .menu_btn {
    width: 70px;
    height: 90px;
    position: relative;
    border-radius: 100%;
    vertical-align: middle;
  }
  .menu_btn .hamburger {
    width: 30px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 900;
    display: block;
    margin-left: auto;
  }
  .menu_btn .hamburger_bar {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background: #004d92;
    transition: top 0.24s, transform 0.24s, opacity 0.24s;
  }
  .menu_btn .hamburger_bar:nth-child(1) {
    top: 0;
  }
  .menu_btn .hamburger_bar:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .menu_btn .hamburger_bar:nth-child(3) {
    top: 100%;
    transform: translateY(-100%);
  }
  .sb-active .menu_btn .hamburger .hamburger_bar {
    background: #fff;
  }
  .sb-active .menu_btn .hamburger .hamburger_bar:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
  }
  .sb-active .menu_btn .hamburger .hamburger_bar:nth-child(2) {
    opacity: 0;
  }
  .sb-active .menu_btn .hamburger .hamburger_bar:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
  }
  #sb-site, .site-header {
    transform: translate(0) !important;
  }
  .sb-slidebar {
    width: 100%;
    background: #004d92;
    padding: 10rem 5rem 10rem;
    z-index: 901;
    display: block;
    transform: translateX(100%);
  }
  .sb-slidebar.sb-active {
    transform: translateX(0%);
  }
  .sb-slidebar .gnavi {
    margin-bottom: 3rem;
    color: #fff;
  }
  .sb-slidebar .gnavi li {
    display: block;
    position: relative;
  }
  .sb-slidebar .gnavi li a {
    display: block;
    padding: 1rem 0;
  }
  .sb-slidebar .gnavi li .child {
    display: none;
    margin-left: 2rem;
    padding-bottom: 2rem;
  }
  .sb-slidebar .gnavi li .child li a:before {
    content: "・";
  }
  .sb-slidebar .gnavi li .click {
    font-size: 2.6rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
  }
  .sb-slidebar .gnavi li .click:before {
    content: "＋";
  }
  .sb-slidebar .gnavi li .click.active:before, .sb-slidebar .gnavi li .active .click:before {
    content: "ー";
  }
  .h-navi .search-box {
    max-width: 100%;
  }
  .h-navi .search-box input {
    height: 6rem;
    font-size: 16px;
  }
  .h-navi .search-box dd button {
    width: 6rem;
    height: 6rem;
    background-size: 2.4rem;
  }
  .sb-slidebar .white-box {
    background: #fff;
    padding: 2rem;
    margin-top: 5rem;
  }
  .h-navi .tel-box {
    text-align: center;
    margin: 0;
    padding: 2rem 0 3rem;
  }
  .h-navi .tel-box .tel {
    font-size: 3.8rem;
  }
  .h-navi .tel-box .tel a:before {
    width: 4.4rem;
    height: 4.4rem;
    margin-right: 1rem;
    margin-top: -0.6rem;
  }
  .h-navi .tel-box .txt {
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
    line-height: 1.5em;
  }
  .h-navi .contact-navi {
    font-size: 100%;
    font-weight: bold;
  }
  .h-navi .contact-navi li {
    width: 100%;
    margin-bottom: 2rem;
  }
  .h-navi .contact-navi li:last-child {
    margin-bottom: 0;
  }
  .h-navi .contact-navi li.reserve {
    margin-left: 0;
  }
  .h-navi .contact-navi li a {
    height: 10rem;
  }
  .h-navi .contact-navi li.contact a span:before, .h-navi .contact-navi li.reserve a span:before {
    width: 3.4rem;
    height: 3.4rem;
    margin-right: 1.5rem;
  }
  /*==================================================
content
==================================================*/
  .foot-contact-box .tit-txt-box h3 {
    font-size: 100%;
  }
  .foot-contact-box li {
    width: 100%;
    margin-bottom: 5vw
  }
  .foot-contact-box li:last-child {
    margin-bottom: 0;
  }
  .foot-contact-box li a .inner {
    padding: 2rem;
  }
  .foot-contact-box .tit {
    padding: 0 0 1rem;
    margin-bottom: 1.5rem;
    font-size: 87.5%;
    line-height: 1.6em;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #004d92;
  }
  .foot-contact-box .txt {
    padding: 0 2rem;
    text-align: center;
  }
  .foot-contact-box .tel .num {
    font-size: 3.6rem;
  }
  .foot-contact-box .tel .s {
    font-size: 1.3rem;
    margin-top: 1rem;
    margin-left: 0;
  }
  .foot-contact-box .mail p {
    font-size: 2.1rem;
  }
  .site-footer .footer-box .company {
    width: 100%;
  }
  .site-footer .footer-box .company .logo {
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer .footer-box .navi {
    width: 100%;
    margin-top: 10rem;
    background: #fff;
    padding: 5rem;
  }
  .fnavi-box .col-box {
    width: 100%;
  }
  /*==================================================
content
==================================================*/
  .tit01 {
    margin-bottom: 5rem;
  }
  .tit01 .font-en {
    font-size: 7rem;
    letter-spacing: -0.05em;
  }
  .tit01 .font-jp {
    top: 47%;
    font-size: 3.4rem;
  }
  .tit01 .font-jp.s {
    font-size: 3.8rem;
  }
  .tit03 {
    margin-bottom: 2rem;
    font-size: 3.2rem;
    line-height: 2em;
  }
  .tit04 {
    font-size: 2.6rem;
    margin-bottom: 5rem;
  }
  .tit04 .txt-s {
    margin-top: 1rem;
  }
  .tit06 {
    margin-bottom: 5rem;
  }
  .tit06 .font-jp {
    font-size: 4.4rem;
    letter-spacing: 0;
  }
  .tit-txt-box {
    margin-bottom: 5rem;
  }
  .btn-link01.font-en {
    line-height: 2em;
  }
  .btn-link02 {
    font-size: 1.3rem;
    line-height: 2.4em;
  }
  .breadcrumbs-box {
    font-size: 1.2rem;
    padding: 1rem 5vw;
  }
  .mar-t10 {
    margin-top: 5rem !important;
  }
  .subpage-txt-box {
    margin-bottom: 6rem;
  }
  /*==================================================
MV
==================================================*/
  .mv01-sec .txt-box h2 {
    font-size: 2.7rem;
  }
  .mv02-sec {
    padding: 0 0 5vw;
  }
  .mv02-sec .img-box {
    width: 100%;
    height: 75vw;
    margin: 0 auto;
    margin-right: 0;
  }
  .mv02-sec .txt-box {
    margin-top: -5vw;
    width: calc(100% - 5vw);
    background: #fff;
    position: inherit;
    left: inherit;
    bottom: inherit;
    padding: 4rem 3rem;
  }
  .mv02-sec .txt-box h1 {
    font-size: 4rem;
  }
  .mv02-sec .txt-box h2 {
    font-size: 2.4rem;
  }
  .mv03-sec .sub-mv-slider .slide {
    height: 100vw;
  }
  .mv03-sec .txt-box {
    left: 5vw;
  }
  .mv03-sec .txt-box .tit {
    font-size: 2.6rem;
  }
  .mv03-sec .txt-box .border-tit {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .mv04-sec {
    height: 100vw;
  }
  .mv04-sec .txt-box {
    bottom: 3rem;
    left: 3rem;
  }
  .mv04-sec .txt-box h2 .txt {
    font-size: 3rem;
  }
  .mv05-sec {
    position: relative;
    padding: 3rem 0 4rem;
  }
  /*==================================================
item
==================================================*/
  .item-list.col-4 {
    margin-bottom: -5rem;
  }
  .item-list.col-4 .col-box {
    width: 100%;
    margin-bottom: 5rem;
  }
  .item-list.col-2 {
    margin-bottom: -5rem;
  }
  .item-list.col-2 .col-box {
    width: 100%;
    margin-bottom: 5rem;
  }
  .item-list.col-3 .col-box {
    width: 100%;
    margin-bottom: 5rem;
  }
  .item-price {
    margin-top: 1rem;
  }
  .item-price dd {}
  /*==================================================
TOP
==================================================*/
  .main-slider {
    background: #004d92;
    padding-bottom: 6rem;
  }
  .main-slider .sub-txt-box {
    top: 5vw;
  }
  .main-slider .sub-txt-box h2 {
    padding: 1.5rem 1.2rem 1.8rem 1.5rem;
    font-size: 2.6rem;
  }
  .main-slider .sub-txt-box .m {
    font-size: 2.4rem;
  }
  .main-slider .detail-box {
    height: auto;
    width: auto;
    background: #f3f5f5;
    color: #fff;
    position: inherit;
    top: inherit;
    right: inherit;
    transform: none;
    padding: 2rem 3.5rem 3rem;
    width: calc(100% - 5vw);
    margin-top: -5rem;
    margin-left: auto;
    color: #222;
  }
  .main-slider .detail-box .txt-box h3 {
    line-height: 1.6em;
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
    color: #004d92;
  }
  .main-slider .detail-box .txt-box p:before {
    display: none;
  }
  .main-slider .detail-box .txt-box p {
    font-size: 87.5%;
    line-height: 1.8em;
    letter-spacing: 0;
  }
  .main-slider .detail-box .btn-link01 {
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: 0;
  }
  .main-slider .detail-box .btn-link01 a {
    color: #004d92;
    border-color: #004d92;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: url(../img/cmn/arrow01.svg) no-repeat right 2rem center;
    background-size: 8.1rem;
  }
  .main-slider .slick-dots {
    padding: 0;
    text-align: center;
    width: 100%;
    bottom: 2rem;
  }
  .note-sec .info-list {
    padding: 3rem 0;
    text-align: center;
  }
  .note-sec .info-list li {
    display: block;
    line-height: 1.8em;
  }
  .note-sec .info-list li a:after {
    display: none;
  }
  .note-sec .info-list li a {
    background: url(../img/cmn/arrow02.svg) no-repeat right center;
    background-size: 0.9rem;
    display: block;
  }
  .series-sec .slide-box:after {
    top: 22vw;
  }
  .series-sec .series-about-box .tit {
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
  }
  .series-sec .series-about-box .tit h2 {
    display: inline-block;
    margin-bottom: 6rem;
    font-size: 8rem;
    margin-bottom: 3rem;
  }
  .series-tit.break .font-en {
    display: block;
    margin-bottom: 0.5rem;
  }
  .series-sec {
    padding-top: 6rem;
    padding-bottom: 5vw;
  }
  .series-sec .series-about-box .txt h3 {
    text-align: center;
  }
  .series-sec .series-about-box {
    margin-bottom: 5rem;
  }
  .series-sec .series-about-box .series-tit.break .font-en {
    line-height: 0.6em;
  }
  .series-sec .series-about-box .series-tit .border {
    margin-top: 0rem;
  }
  .series-sec .series-slider .slide {
    margin: 0 0;
  }
  .series-slider .slick-next {
    width: 6rem;
    height: 6rem;
    right: 1rem;
    top: 23vw;
    margin-right: 0;
  }
  .series-slider .slick-prev {
    width: 6rem;
    height: 6rem;
    left: 1rem;
    top: 23vw;
    margin-left: 0;
  }
  .series-sec .series-slider .txt-box {
    padding: 0 5vw;
    margin-top: -2rem;
  }
  .series-sec .series-slider .txt-box .inner {
    padding: 2rem 4rem 4rem;
  }
  .series-sec .series-slider .tit {
    width: 100%;
  }
  .series-sec .series-slider h3 {
    margin-bottom: 2rem;
    font-size: 6rem;
  }
  .series-sec .series-slider .txt p {
    letter-spacing: 0.05em;
    margin-bottom: 2rem;
    margin-top: 0;
    font-size: 2.2rem;
  }
  .panorama-sec {
    padding-bottom: 5rem;
  }
  .purpose-box.col-3 .col-box {
    width: 100%;
  }
  .purpose-box .txt-box {
    padding-right: 3rem;
  }
  .purpose-box .txt-box .inner {
    padding: 2.5rem 3rem 5rem;
  }
  .ls-s {
    letter-spacing: -0.05em !important;
  }
  .flow-sec {
    padding: 5vw 0;
  }
  .flow-box .txt-box .tit01 {
    margin-bottom: 6rem;
  }
  .flow-box .img-box {
    display: none;
  }
  .flow-box > .txt-box {
    width: 100%;
  }
  .flow-box .txt-box .inner {
    margin-left: 0rem;
    margin-top: 0rem;
    padding: 6rem 5vw 5rem;
  }
  .flow-list .txt-box h3 {
    font-size: 2.6rem;
    margin-top: 1.2rem;
  }
  .flow-list .icon {
    margin-right: 2rem;
  }
  .service-box {
    margin-top: 5vw;
  }
  .service-box .col-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .service-box .col-box:last-child {
    margin-bottom: 0;
  }
  .service-box-s {
    margin-top: 5rem;
  }
  .service-box-s .col-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .service-box-s .col-box:last-child {
    margin-bottom: 0;
  }
  .pickup-box .img-box, .pickup-box .txt-box {
    width: 100%;
  }
  .pickup-box .txt-box .img-list {
    margin-bottom: 0rem;
  }
  .pickup-box .txt-box .txt.r .inner {
    margin-left: 0rem;
  }
  .pickup-box .txt-box .txt.l .inner {
    margin-right: 0rem;
  }
  .service-sec .img-box {
    height: 60vw;
  }
  .service-box h3 {
    font-size: 3.4rem;
    margin-bottom: 1rem;
  }
  .service-box i {
    width: 10rem;
    margin-bottom: 1rem;
  }
  .service-box a {
    padding: 3rem 3rem;
  }
  .service-box .btn-link01 {
    margin-top: 3rem;
  }
  .service-box-s h4 {
    font-size: 2.6rem;
  }
  .service-box-s p {
    font-size: 87.5%;
  }
  .service-box-s a {
    padding: 4rem 2rem 6rem;
    background: url(../img/cmn/arrow01_white.svg) no-repeat center bottom 3rem;
    background-size: 8rem;
  }
  .pickup-box .txt-box .txt .inner {
    padding: 3rem 5vw;
  }
  .pickup-box .txt-box .txt h3 {
    font-size: 2.6rem;
  }
  .movie-box .movie {
    width: 100%;
  }
  .movie-box .txt-box {
    width: 100%;
    position: inherit;
    top: inherit;
    right: inherit;
    height: auto;
    transform: inherit;
    padding: 3.5rem;
  }
  .mid-box h3 {
    margin-bottom: 3rem;
  }
  .movie-box .txt-box h3 .s {
    font-size: 1.9rem;
  }
  .movie-box .txt-box h3 img {
    margin-top: 3rem;
  }
  .mid-box .col-box {
    width: 100%;
  }
  .mid-box h3 .font-en {
    max-width: 18rem;
    font-size: 1.4rem;
    padding: 1.5rem 1rem;
  }
  .mid-box h3 .b {
    font-size: 3.4rem;
  }
  .mid-box .col-box a {
    padding: 5rem 5vw;
  }
  .news-sec {
    padding: 5vw 0 0 5vw;
  }
  .news-sec .news-box {
    padding: 5rem 3rem 5rem;
  }
  .news-sec .news-box .tit-box {
    width: 100%;
    margin-right: 0;
  }
  .news-sec .news-box .content-box {
    flex: auto;
  }
  .news-list li a {
    padding: 2rem 0;
  }
  .news-list li a .data {
    width: 100%;
    float: none;
  }
  .news-box .tit02 {
    margin-bottom: 2rem;
  }
  .bnr-b-box .col-box {
    width: 100% !important;
    margin-bottom: 5vw;
  }
  .bnr-b-box .col-box:last-child {
    margin-bottom: 0;
  }
  .bnr-b-box .bnr01 .icon {
    width: 12rem;
    margin-right: 2rem;
  }
  .bnr-b-box .bnr01 .txt h3 {
    margin-bottom: 1rem;
  }
  .bnr-b-box .bnr01 .txt h3 .b {
    font-size: 4rem;
    line-height: 1.2em;
  }
  .bnr-b-box .col-box.bnr02 {
    padding: 3rem 3rem 2rem;
  }
  .bnr-b-box .bnr02 .txt-box {
    margin-top: 1.5rem;
  }
  .bnr-b-box .bnr02 h3 {
    font-size: 2.5rem;
    letter-spacing: 0;
  }
  .bnr-b-box .bnr02 .card-box .card {
    margin: 0;
  }
  .bnr-b-box .bnr02 .card-box li {
    margin: 0 1.5rem 1rem 0;
  }
  .bnr-b-box .bnr02 .card-box li:last-child {
    margin-right: 0;
  }
  .bnr-b-box .bnr02 .card-box li img {
    height: 4.5rem;
  }
  .bnr-b-box .bnr02 .card-box .loan {
    margin-top: 2rem;
  }
  .sns-box .tit:after {
    display: none;
  }
  .sns-box .tit {
    margin: 0;
  }
  .sns-box {
    padding: 3rem;
  }
  .sns-box .icon li {
    margin: 2rem 0 0;
  }
  /*==================================================
こだわり
==================================================*/
  .mv01-sec .tit01 {
    margin-bottom: 5rem;
  }
  .page-mind .mv01-sec .txt-box h2, .page-mind-technique .mv01-sec .txt-box h2, .page-mind-service .mv01-sec .txt-box h2 {
    font-size: 100%;
  }
  .page-mind .mv01-sec, .page-mind-technique .mv01-sec, .page-mind-service .mv01-sec {
    padding-bottom: 10rem;
  }
  .mind-about-sec h2 img {
    height: auto;
    width: 100%;
  }
  .mind-about-sec h2 {
    margin-bottom: 5rem;
  }
  .mind-about-sec .select-box .point-txt .inner {
    margin-top: 1rem;
    margin-left: 0.7rem;
  }
  .mind-about-sec .select-box .tit-box h3 {
    font-size: 4rem;
  }
  .mind-about-sec .select-box .tit-box h3:after {
    margin: 3rem auto;
  }
  .mind-about-sec .select-box .tit-box h4 .txt-b {
    font-size: 3.4rem;
    margin-top: 0.5rem;
    line-height: 1.5em;
  }
  .mind-about-sec .select-box .tit-box h4 .txt-s {
    font-size: 100%;
  }
  .mind-about-sec .select-box .tit-box h4 .txt-m {
    display: block;
    line-height: 1.6em;
  }
  .mind-about-sec .select-box .tit-box h4 {
    margin-bottom: 2rem;
  }
  .mind-about-sec .content-list .img-box {
    width: 100%;
    margin-bottom: 3rem;
  }
  .mind-about-sec .content-list .txt-box {
    width: 100%;
  }
  .mind-about-sec .content-list .txt-box .img-list {
    margin-top: 3rem;
  }
  .mind-about-sec .select-box .select-content {
    padding: 4rem 5vw 5vw;
  }
  .mind-about-sec .content-list .txt-box .img-list02 {
    margin-top: 3rem;
  }
  .mind-about-sec .content-list .txt-box .img-list02 li.c1 {
    width: 100%;
    margin-bottom: 5rem;
  }
  .mind-about-sec .content-list .txt-box .img-list02 li.c2 {
    width: 100%;
  }
  .mind-about-sec .content-list .txt-box .img-list02 li img {
    height: 11rem;
  }
  .mind-about-sec .content-list .txt-box .img-list02 li.c1:after {
    width: 100%;
    top: inherit;
    bottom: -6rem;
    right: inherit;
    transform: rotate(90deg) translateY(0);
  }
  .sub-mind-content-sec .read-txt-box {
    text-align: left;
    margin-bottom: 5rem;
  }
  .sub-mind-content-sec .flow-box {
    width: 80%;
    margin: 0 auto;
  }
  .sub-mind-content-sec .flow-box .col-box {
    width: 100%;
    margin-bottom: 5rem;
    position: relative;
  }
  .sub-mind-content-sec .flow-box dt {
    font-size: 2.6rem;
  }
  .sub-mind-content-sec .flow-box dd {
    text-align: left;
    font-size: 87.5%;
  }
  .sub-mind-content-sec .flow-box figure:after {
    display: none;
  }
  .sub-mind-content-sec .flow-box .col-box:after {
    content: "";
    width: 1.5rem;
    height: 5rem;
    display: block;
    background: url(../img/mind_technique/arrow01.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: -5rem;
    right: 0;
    width: 100%;
    transform: rotate(90deg);
  }
  .sub-mind-content-sec .flow-box .col-box:last-child:after {
    display: none;
  }
  .sub-mind-content-sec .deck-box .col-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .sub-mind-content-sec .deck-box .col-box:last-child {
    margin-bottom: 0;
  }
  .sub-mind-content-sec .old-new-box li.c1 {
    width: 100%;
    padding-bottom: 3rem;
  }
  .sub-mind-content-sec .old-new-box li.c2 {
    width: 100%;
  }
  .sub-mind-content-sec .old-new-box li img {
    height: 12rem;
  }
  .sub-mind-content-sec .old-new-box dt {
    font-size: 2.4rem;
    padding: 1rem;
  }
  .sub-mind-content-sec .old-new-box dd {
    padding: 1rem 0 0;
    font-size: 100%;
  }
  .sub-mind-content-sec .old-new-box li.c1:after {
    width: 100%;
    top: inherit;
    bottom: -2rem;
    right: inherit;
    transform: rotate(90deg) translateY(0);
    height: 8rem;
    background: url(../img/mind/arrow01.svg) no-repeat center;
    background-size: contain;
  }
  .sub-mind-content-sec .images-box h3 {
    font-size: 2.4rem;
  }
  .sub-mind-content-sec .images-box {
    margin-top: 5rem;
  }
  .sub-mind-content-sec .images-box .inner {
    padding: 5vw;
  }
  .sub-mind-content-sec .images-box .tab-container {
    display: none;
  }
  .sub-mind-content-sec .images-box .content-container {
    margin: 0;
  }
  .sub-mind-content-sec .images-box .content-container .content {
    display: block !important;
    padding: 5vw;
    margin-bottom: 5vw;
  }
  .sub-mind-content-sec .images-box .content-container .content:last-child {
    margin-bottom: 0;
  }
  .sub-mind-content-sec .images-box .content-container .content h4 {
    font-size: 2.2rem;
    line-height: 1.5em;
    margin-bottom: 2rem;
  }
  .sub-mind-content-sec .images-box .content-container .content .img-box .img01 {
    width: 100%;
    margin-bottom: 1rem;
  }
  .sub-mind-content-sec .images-box .content-container .content .img-box .img02 {
    width: 100%;
  }
  .sub-mind-content-sec .images-box .content-container .content .img-box .img02 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sub-mind-content-sec .images-box .content-container .content .img-box .img02 li {
    margin-bottom: 0;
    width: 32%;
  }
  .sub-mind-content-sec .result-box .col-box {
    width: 100%;
    margin-bottom: 5rem;
  }
  .sub-mind-content-sec .result-box .col-box {
    margin-bottom: 5vw;
  }
  .sub-mind-content-sec .result-box {
    margin-bottom: -5vw;
  }
  .btn-list-box {
    margin-top: 4rem;
  }
  .btn-list-box li {
    margin-top: 1rem;
  }
  .btn-list-box li .btn-link01 {
    margin-top: 0;
  }
  .page-mind-service .pack-box .txt-box {
    text-align: left;
  }
  .page-mind-service .pack-box .box .img-box {
    width: 100%;
    margin-bottom: 3rem;
  }
  .page-mind-service .pack-box .box .catalog-box {
    width: 100%;
  }
  .page-mind-service .pack-box .box .catalog-box .inner {
    aspect-ratio: 0;
    padding: 2rem;
    border-radius: 0;
    width: 100%;
  }
  .page-mind-service .pack-box .box .catalog-box figure {
    width: 15rem;
  }
  .page-mind-service .case-box .col-box {
    width: 100%;
    padding: 0 1rem 3rem;
  }
  .page-mind-service .case-box h3 {
    line-height: 1.8em;
  }
  .page-mind-service .sec02 .img-list {
    margin-top: 0;
  }
  .page-mind-service .purchase-box .col-box {
    width: 100%;
    padding: 5vw;
    margin-bottom: 5vw;
  }
  .page-mind-service .purchase-box h3 {
    font-size: 3.8rem;
    margin: 0 0 2rem;
    letter-spacing: 0.01em;
  }
  .page-mind-service .purchase-box .btn-link01 {
    margin-top: 5vw;
  }
  .page-mind-service .sec03 .ba-box {
    padding: 3rem 5vw 5vw;
    margin-top: 5rem;
  }
  .page-mind-service .sec03 .ba-box:before, .page-mind-service .sec03 .ba-box:after {
    left: 50%;
  }
  .page-mind-service .sec03 .ba-box h3 {
    font-size: 100%;
    margin-bottom: 4rem;
  }
  .page-mind-service .sec03 .ba-box h3 .border {
    line-height: 1.5em;
    margin-top: 1rem;
  }
  .page-mind-service .sec03 .ba-box p {
    text-align: left;
  }
  .page-mind-service .sec03 .ba-box .before:after {
    bottom: -6rem;
    right: inherit;
    left: 50%;
    margin-left: -2.6rem;
    transform: rotate(90deg);
  }
  .page-mind-service .sec03 .bnr-box {
    margin-top: 5rem;
  }
  .page-mind-service .pack-box .fukidashi-box {
    max-width: 100%;
    line-height: 1.5em;
  }
  .page-mind-service .pack-block {
    margin-top: 10rem;
  }
  .page-mind-service .pack-box {
    padding: 0 5vw 5vw;
    margin-bottom: 0;
    margin-top: 8rem;
  }
  .page-mind-service .pack-box h3 {
    font-size: 3.4rem;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
  }
  .page-mind-service .sec02 .img-list li {
    width: 100%;
    margin-bottom: 7rem;
  }
  .page-mind-service .sec02 .img-list li:last-child {
    margin-bottom: 0;
  }
  .page-mind-service .sec02 .img-list li:after {
    content: "";
    width: 4rem;
    height: 10rem;
    display: block;
    background: url(../img/mind_service/arrow01.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: inherit;
    bottom: -8.5rem;
    right: 0;
    width: 100%;
    transform: translateY(-50%);
    transform: rotate(90deg);
  }
  .sub-mind-content-sec.sec03 h3 {
    margin-bottom: 5rem;
  }
  /*==================================================
レンタル
==================================================*/
  .page-service-rental .mv02-sec .img-box {
    background: url(../img/service_rental/main_img_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .service-rental-about-box .img-box {
    width: 70%;
    margin: 0 auto 5rem;
  }
  .service-rental-about-box .txt-box {
    width: 100%;
    margin-top: 0;
  }
  .service-rental-about-box .tit03 {
    text-align: center;
  }
  .service-rental-list-box .txt-box {
    padding: 3rem 5vw 5vw;
  }
  .service-rental-list-box .txt-box h3 {
    line-height: 1.8em;
  }
  .service-rental-list-box .col-box {
    width: 100% !important;
    margin-bottom: 5vw;
  }
  .service-rental-list-box .col-box:last-child {
    margin-bottom: 0 !important;
  }
  .service-rental-list-box.etc .txt-box {
    padding: 3rem 5vw 5vw;
  }
  .bp-sec h2 {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
  .bp-sec h2 .txt {
    margin-left: 1rem;
  }
  .bp-sec h3 {
    margin-bottom: 3rem;
  }
  .bp-sec .txt-box {
    text-align: left;
  }
  .bp-sec .bnr-box {
    margin: 5rem auto 0;
  }
  .page-option .rental-search-sec {
    padding-bottom: 12rem;
  }
  .rental-search-item-sec.option h2 {
    text-align: center;
    margin-bottom: 4rem;
  }
  .rental-search-item-sec.option h2 i {
    margin: 0 auto 2rem;
  }
  .rental-search-item-sec.option .sec {
    margin-bottom: 8rem;
  }
  .ba-box .col-box {
    width: 100%;
    margin-bottom: 8rem;
  }
  .ba-box .col-box:last-child {
    margin-bottom: 0;
  }
  .ba-box {
    padding: 4rem 5vw;
    margin-top: 5rem;
  }
  .ba-box .before figure:after {
    content: "";
    width: 3rem;
    height: 6rem;
    display: block;
    background: url(../img/service_rental/arrow.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: inherit;
    bottom: -7rem;
    right: inherit;
    left: 50%;
    transform: translateY(0)translateX(-50%) rotate(90deg);
  }
  /*==================================================
レンタルSUB
==================================================*/
  .page-service-rental-sub-about-box .img-box {
    width: 100%;
    margin-bottom: 3rem;
  }
  .page-service-rental-sub-about-box .txt-box {
    width: 100%;
  }
  .rental-ex-out {
    padding: 6rem 5vw 3rem;
  }
  .rental-ex-box .img-box {
    width: 100%;
  }
  .rental-ex-box .txt-box {
    width: 100%;
  }
  .rental-ex-sec .box h2 {
    font-size: 2rem;
  }
  .rental-ex-box h3 {
    margin: 3rem 0;
    line-height: 2em;
  }
  .rental-ex-box .price-box {
    margin-left: 0;
  }
  .rental-ex-box .price-box .inner {
    padding: 3rem 5vw;
  }
  .rental-ex-box .price-box dl {
    margin-bottom: 2rem;
  }
  .rental-ex-box .price-box dt {
    font-size: 87.5%;
    width: 6rem;
  }
  .rental-ex-box .price-box dt .border {
    padding: 1rem 0;
    margin-right: 1rem;
  }
  .rental-ex-box .price-box table {
    font-size: 87.5%;
  }
  .rental-ex-box .price-box table tbody th {
    width: 100%;
    display: block;
    border-bottom: none;
    padding-bottom: 0;
  }
  .rental-ex-box .price-box table tbody td {
    width: 100%;
    display: block;
    padding-top: 0;
  }
  .item-search-box {
    background: #fff;
    padding: 4rem 5vw;
  }
  .item-search-box h3 {
    margin-bottom: 2rem;
  }
  .item-search-box dl {
    font-weight: bold;
    margin-bottom: 1rem;
  }
  .item-search-box dt {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 0.5rem;
  }
  .item-search-box dd {
    width: 100%;
  }
  .item-search-box .col-4 li, .item-search-box .col-2 li, .item-search-box .col-5 li {
    width: 49.5%;
    margin-bottom: 1%;
  }
  .item-search-box li {
    font-size: 87.5%;
  }
  .rental-search-btn {
    margin-top: 3rem;
  }
  .rental-search-sec {
    padding-bottom: 20rem;
  }
  /*==================================================
A-space
==================================================*/
  .page-navi-box {
    margin-top: 0rem;
    padding: 0 5vw 2rem;
  }
  .page-product-series .page-navi-box {
    padding: 3vw 3rem 8vw;
  }
  .page-product-series .page-navi-box ul {
    font-size: 87.5%;
    margin-bottom: -2rem;
    justify-content: flex-start;
  }
  .page-product-series .page-navi-box li {
    margin-bottom: 2rem;
  }
  .page-navi-box ul {
    justify-content: center;
  }
  .page-navi-box ul li {
    margin-right: 0;
    width: 50%;
    margin-bottom: 3rem;
    font-size: 87.5%;
  }
  .page-aspace .area-box .area-list {
    max-width: 100%;
  }
  .product-series-about-sec {
    margin-bottom: 0;
    padding-bottom: 10rem;
  }
  .product-series-about-sec .subpage-txt-box .series-tit {
    display: inline-block;
    text-align: right;
  }
  .product-series-about-sec .series-tit .font-en {
    display: block;
  }
  .product-series-about-box .img-box {
    width: 100%;
  }
  .product-series-about-box .txt-box {
    width: 100%;
    margin-top: 3rem;
  }
  .product-series-features-sec {
    padding-top: 10rem;
  }
  .select-navi-box {
    font-size: 87.5%;
  }
  .select-navi-box.col-4 li {
    width: 50%;
    margin-bottom: -1px;
  }
  .select-navi-box li:after {
    display: none;
  }
  .select-navi-box {
    margin-bottom: 5rem;
  }
  .select-navi-box li:before {
    left: 1rem !important;
  }
  .select-box .select {
    padding: 4rem;
  }
  .select-box .tit-box p {
    font-size: 87.5%;
    line-height: 2em;
  }
  .select-box .point-txt {
    width: 8rem;
    height: 8rem;
  }
  .select-box .point-txt .inner {
    margin-top: 1.2rem;
    margin-left: 1.2rem;
  }
  .select-box .point-txt .font-jp {
    font-size: 75%;
  }
  .select-box .point-txt .font-Oswald {
    font-size: 2.5rem;
  }
  .content-list p {
    font-size: 80%;
    line-height: 1.5em;
  }
  .product-series-premium-sec .tit {
    margin: 0 0 3rem;
  }
  .product-series-premium-about-box .tit03 {
    text-align: center;
    margin: 0 0 2rem;
    line-height: 1.6em;
  }
  .product-series-premium-img-box {
    margin-top: 5rem;
  }
  .product-series-premium-img-box .img01 {
    width: 100%;
  }
  .product-series-premium-img-box .img02 {
    width: 100%;
  }
  .product-series-premium-img-box .img02 li {
    width: 49%;
    margin: 2% 0 0;
  }
  .product-series-about-sec .subpage-txt-box {
    margin-bottom: 3rem;
  }
  .product-series-about-sec .tit04 {
    margin-bottom: 3rem;
  }
  .product-series-about-sec .series-tit {
    font-size: 7rem;
  }
  .product-series-about-sec .tit04 .txt-s {
    margin-top: 0;
  }
  .product-series-features-sec .service-box h3 .font-jp {
    font-size: 3.2rem;
  }
  .product-series-features-sec .service-box .col-box {
    padding: 4rem 2rem 4rem;
  }
  .select-box .select-content {
    padding: 4rem 5vw;
  }
  .select-box .tit-box h3 {
    font-size: 3rem;
  }
	.content-list.col-4 .col-box {
  width: 47%;
		margin-bottom: 2rem;
}
  .content-list.col-3 .col-box {
    width: 48%;
    margin-bottom: 2rem;
  }
  .select-box .select-content .point-box .img-txt .img-box {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .select-box .select-content .point-box .inner {
    padding: 5rem 5vw 3rem;
  }
  .select-box .select-content .point-box .tit {
    padding: 0.2rem;
  }
  .select-box .select-content .point-box .img-txt .txt-box h4 {
    font-size: 2.2rem;
  }
  .content-list.col-5 .col-box {
    width: 50%;
    margin-bottom: 2rem;
  }
  .product-series-premium-about-box .series-tit {
    font-size: 7rem;
  }
  .product-series-premium-about-box .series-tit .font-en {
    line-height: 1em;
    margin-bottom: 0;
  }
  .tit01.s .font-jp {
    font-size: 2.8rem;
    letter-spacing: 0.02em;
    line-height: 1.8em;
  }
  .tit01.s .series-tit .font-en {
    font-size: 5rem;
  }
  .content-list.col-2 > .col-box {
    width: 100%;
    margin-bottom: 5rem;
  }
  .content-list .col-2 {
    margin-bottom: 0;
  }
  .content-list.col-2 > .col-box:last-child {
    margin-bottom: 0;
  }
	.content-list.col-2.circle-box{
		width: 100%;
	}
		.content-list.col-2.circle-box .col-box{
		width: 45%;
			margin-bottom: 0;
	}
		.content-list.col-2.circle-box .circle{
		width: 15rem;
			height: 15rem;
	}
  .content-list.col-2.exmaterial .col-box {
    width: 48%;
    margin-bottom: 2rem;
  }
  .select-content .btn-link01 {
    margin-top: 2rem;
  }
  .mar-t08 {
    margin-top: 5rem !important;
  }
  .bnr-buy-box .col-box {
    width: 100%;
    height: 50vw;
  }
  .bnr-buy-box .txt h3 {
    font-size: 3.6rem;
    margin-bottom: 1.5rem;
  }
  .bnr-buy-box .txt h3.font-jp {
    font-size: 3rem;
  }
  .bnr-buy-box .txt p {
    font-size: 87.5%;
    line-height: 1.6em;
  }
  .select-navi-box.col-5 li {
    width: 50%;
    margin-bottom: -1px;
  }
  .select-navi-box li a {
    padding-left: 1.5rem;
  }
  .product-series-flow-sec .flow-block .tit-box {
    width: 100%;
    margin: 0 0 3rem;
    ;
    font-size: 100%;
  }
  .product-series-flow-sec .flow-block .tit-box p {
    writing-mode: horizontal-tb;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 1rem;
  }
  .product-series-flow-sec .flow-block .icon {
    width: 6rem;
    height: 6rem;
    font-size: 2rem;
    margin-right: 1.5rem;
  }
  .product-series-flow-sec .flow-block .box:before {
    left: 3rem;
  }
  .product-series-flow-sec .flow-block .txt-box {
    width: 100%;
    padding-right: 0;
  }
  .product-series-flow-sec .flow-block .txt-box h3 {
    font-size: 3rem;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    line-height: 1.6em;
  }
  .product-series-flow-sec .flow-block .img-box {
    width: 100%;
    margin-top: 2rem;
  }
  .product-series-flow-sec .flow-block .box {
    padding-bottom: 3rem;
  }
  .page-cspace .select-box .before:after {
    bottom: -6rem;
    right: inherit;
    left: 50%;
    margin-left: -2.6rem;
    transform: rotate(90deg);
  }
  .page-cspace .select-box .tit01 .font-en {
    font-size: 5rem;
  }
  .page-cspace .select-box .tit01 {
    margin-bottom: 0rem;
  }
  .page-cspace .select-box .border-box {
    padding: 2rem 5vw;
    margin-top: 3rem;
  }
  .page-product-series.page-aspace .mv02-sec .img-box {
    background: url(../img/product_aspace/main_img_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .page-product-series.page-kspace .mv02-sec .img-box {
    background: url(../img/product_kspace/main_img_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .page-product-series.page-cspace .mv02-sec .img-box {
    background: url(../img/product_cspace/main_img_sp.jpg) no-repeat center;
    background-size: cover;
  }
  /*==================================================
Buy
==================================================*/
  .mv06-sec .img-box {
    width: 100%;
    height: 75vw;
  }
  .mv06-sec .txt-box {
    width: 100%;
  }
  .mv06-sec .txt-box .inner {
    padding: 0;
  }
  .mv06-sec .txt-box h1 {
    width: 100%;
    display: block;
    text-align: center;
    padding: 2rem;
    margin: 0;
  }
  .mv06-sec .txt-box h2 {
    font-size: 3rem;
    text-align: center;
    padding: 4rem 0;
  }
  .buy-select-box .img-box {
    width: 100%;
  }
  .buy-select-box .img-box .inner {
    margin: 0 !important;
  }
  .buy-select-box .txt-box {
    width: 100%;
    padding-top: 0;
  }
  .buy-select-sec .series-tit {
    font-size: 7rem;
    margin-bottom: 5rem;
  }
  .buy-select-box .txt-box .inner {
    background: #fff;
    padding: 1rem 5vw 3rem;
  }
  .buy-select-box .txt-box h3 {
    text-align: center;
    margin-bottom: 3rem;
  }
  .buy-select-box .txt-box h3 .font-en {
    font-size: 6rem;
  }
  .buy-select-box .txt-box h4 {
    font-size: 2.6rem;
  }
  .buy-select-box .area-box {
    margin-top: 3rem;
  }
  .buy-select-box .btn-link01 {
    margin-top: 3rem !important;
  }
  .buy-select-box {
    margin-bottom: 5vw;
  }
  .uprefab-bnr {
    margin-top: 5rem;
  }
  .uprefab-bnr a {
    padding: 3rem 2rem 2rem;
  }
  .uprefab-bnr dt {
    width: 22rem;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  /*==================================================
FAQ
==================================================*/
  .page-navi-box.base ul li {
    margin: 0 0 2rem;
    width: 100%;
    line-height: 1.5em;
  }
  .page-navi-box.base ul li:last-child {
    margin-bottom: 0;
  }
  .page-navi-box.base li a:before {
    content: "";
    width: 2.2rem;
    height: 2.2rem;
  }
  .faq-block {
    padding: 8vw 5vw 5vw;
    margin-top: 5rem;
  }
  .faq-block h2 {
    line-height: 1em;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 0rem;
  }
  .faq-block h2 .b {
    font-size: 2.8rem;
  }
  .faq-block h2 .s {
    margin-top: 0.5rem;
  }
  .faq-box .icon {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 87.5%;
    margin-right: 1.2rem;
    line-height: 0;
    letter-spacing: 0;
  }
  .faq-box .tit {
    padding: 2rem 4rem 2rem 0;
    cursor: pointer;
    position: relative;
  }
  .faq-box .tit h3 {
    line-height: 1.5em;
    margin-top: 0.2rem;
    letter-spacing: 0.02em;
  }
  .faq-box .tit .click {
    position: absolute;
    top: 2.6rem;
    width: 2rem;
    height: 2rem;
  }
  .faq-box .txt {
    padding-top: 0;
  }
  .faq-box .content {
    padding: 0 0 3rem 0;
    display: none;
    letter-spacing: 0;
  }
  .faq-box .content .txt {
    margin-top: -0.2rem;
  }
  /*==================================================
flow
==================================================*/
  .page-flow .flow-block .icon {
    width: 6rem;
    height: 6rem;
    font-size: 2rem;
    margin-right: 1.5rem;
  }
  .page-flow .flow-block .icon .s {
    font-size: 1.2rem;
  }
  .page-flow .flow-block .box:before {
    left: 3rem;
  }
  .page-flow .flow-block .txt-box {
    width: 100%;
    padding-right: 0;
  }
  .page-flow .flow-block .txt-box h3 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .page-flow .flow-block .contact-list-s {
    margin: 0;
  }
  .page-flow .flow-block .contact-list-s li {
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 1rem;
  }
  .page-flow .flow-block .img-box {
    width: 100%;
    margin-top: 2rem;
  }
  .page-flow .caution-box {
    padding: 8vw 5vw 5vw;
    margin-top: 5rem;
  }
  .page-flow .caution-box h3 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
  .page-flow .flow-sec {
    padding: 8rem 0;
  }
  /*==================================================
運搬・工事・移設
==================================================*/
  .page-cost .area-list {
    justify-content: space-between;
    text-align: center;
  }
  .page-cost .area-list dt {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .page-cost .area-list dd {
    border: 1px solid #004d92;
    padding: 0.5rem 2rem;
    margin: 2% 0 0;
    width: 49%;
  }
  .page-cost .area-list {
    margin-bottom: 5rem;
  }
  .page-cost .cost-navi .navi-box li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .page-cost .cost-navi .navi-box li:last-child {
    margin-bottom: 0;
  }
  .page-cost .cost-navi .navi-box li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 2rem;
  }
  .page-cost .cost-navi .navi-box .txt {
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 0;
    margin-left: 2rem;
  }
  .page-cost .cost-navi .navi-box .icon img {
    width: 6rem;
  }
  .page-cost .cost-navi .navi-box .arrow img {
    width: 2rem;
  }
  .page-cost .cost-navi .navi-box .arrow {
    margin-top: 0;
    margin-left: auto;
  }
  .cost-box h2 {
    font-size: 3.6rem;
    margin-bottom: 2rem;
  }
  .cost-box {
    padding: 8vw 5vw 5vw;
    margin-bottom: 5rem;
  }
  .cost-table.style01 thead, .cost-table.style02 thead, .cost-table.style03 thead {
    display: none;
  }
  .cost-table.style01 th[scope="rowgroup"] {
    display: block;
    background: #004d92;
    color: #fff;
    padding: 1.5rem 2rem;
  }
  .cost-table.style01 tbody tr {
    display: block;
  }
  .cost-table.style01 tbody th[scope="row"] {
    display: block;
    background: #e1edf9;
    padding: 1.5rem 2rem;
  }
  .cost-table.style01 tbody td {
    display: block;
    width: 100% !important;
  }
  .cost-table.style01 td:nth-child(even) {
    background: none;
  }
  .cost-table.style01 td:nth-child(2):before {
    content: "大阪堺・堺第2展示場（4tユニック車）";
    display: block;
    font-size: 77.7777778%;
    line-height: 1.6em;
  }
  .cost-table.style01 td:nth-child(3):before {
    content: "大阪堺・堺第2展示場（2t車）";
    display: block;
    font-size: 77.7777778%;
    line-height: 1.6em;
  }
  .cost-table.style01 td:nth-child(4):before {
    content: "大阪岬展示場（4tユニック車）";
    display: block;
    font-size: 77.7777778%;
    line-height: 1.6em;
  }
  .cost-table.style01 td:nth-child(5):before {
    content: "大阪岬展示場（2t車）";
    display: block;
    font-size: 77.7777778%;
    line-height: 1.6em;
  }
  .cost-table.style02, .cost-table.style03 {
    border-left: none;
  }
  .cost-table.style02 tbody tr, .cost-table.style03 tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .cost-table.style02 th, .cost-table.style03 th {
    width: 100%;
    box-sizing: border-box;
    background: #004d92;
    color: #fff;
  }
  .cost-table.style02 td {
    width: 50%;
    box-sizing: border-box;
  }
  .cost-table.style03 td {
    width: 100%;
  }
  .cost-table.style02 td:nth-child(2), .cost-table.style03 td:nth-child(2) {
    border-left: 1px solid #ddd;
  }
  .cost-table.style02 small {
    display: block;
  }
  .cost-box .note {
    margin-top: 0;
  }
  .table-wrap.mar-t05 {
    margin-top: 0 !important;
  }
  .cost-box .txt-box {
    margin-bottom: 3rem;
  }
  .cost-box h3 {
    font-size: 2.6rem;
    margin-bottom: 3rem;
  }
  /*==================================================
company
==================================================*/
  .page-company .message-sec .txt-box {
    text-align: left;
    line-height: 2em;
  }
  .page-company .message-sec .txt-box p {
    margin-bottom: 1em;
  }
  .table-style01 {
    border-top: none;
  }
  .table-style01 th {
    width: 100%;
    display: block;
    padding: 1rem 2rem;
    border-bottom: none;
    font-weight: bold;
    background: #f3f5f5;
  }
  .table-style01 td {
    border-bottom: none;
    width: 100%;
    display: block;
    padding: 1.5rem 2rem 3rem;
    letter-spacing: 0;
  }
  .page-company .access-box .img-box {
    width: 100%;
  }
  .page-company .access-box .txt-box {
    width: 100%;
  }
  .page-company .access-box .txt-box .inner {
    margin-left: 0;
    margin-top: 0;
    padding: 6vw 5vw 8vw;
  }
  .page-company .access-box .tit-box {
    text-align: center;
    justify-content: center;
  }
  .page-company .access-box h3 {
    font-size: 3rem;
    line-height: 1.2em;
    margin-top: 0;
  }
  .page-company .access-box .tit-box {
    margin-bottom: 3rem;
  }
  .page-company .access-box .btn-reserve {
    margin-top: 2rem;
  }
  .page-company .access-box dl {
    margin-bottom: 2rem;
  }
  .page-company .access-box {
    margin-bottom: 5rem;
  }
  /*==================================================
recruit
==================================================*/
  .page-recruit .mv01-sec .tit01 {
    margin-bottom: 5rem;
  }
  .page-recruit .mv01-sec .txt-box h2 {
    font-size: 2.7rem;
  }
  .page-recruit .mv01-sec .txt-box h2 img {
    max-width: 32rem;
    width: 100%;
  }
  .mv01-sec {
    padding-bottom: 10rem;
    position: relative;
  }
  .mv01-sec .txt-box .txt {
    margin-top: 4rem;
  }
  .page-recruit .job-box .img-box {
    width: 100%;
  }
  .page-recruit .job-box .img-box .inner {
    margin: 0 !important;
  }
  .page-recruit .job-box .txt-box {
    width: 100%;
  }
  .page-recruit .job-box .txt-box .inner {
    margin-top: 0;
  }
  .page-recruit .job-box .tit-en {
    font-size: 7rem;
    top: -1.5rem;
  }
  .page-recruit .job-box .txt {
    padding: 8rem 4rem 4rem !important;
  }
  .page-recruit .job-box h3 {
    font-size: 4.4rem;
    margin-bottom: 4rem;
  }
  .page-recruit .job-box dt {
    margin-bottom: 1rem;
  }
  .page-recruit .job-box {
    margin-bottom: 5rem;
  }
  .page-recruit .job-box .txt-box.r .tit-en {
    left: -0.6rem;
  }
  .contact-one-box .tit {
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
    text-align: center;
    border-right: none;
    font-size: 2rem;
    line-height: 1em;
  }
  .contact-one-box .num {
    font-size: 4rem;
  }
  .contact-one-box .num:before {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
  }
  .contact-one-box .txt {
    padding: 0;
    text-align: center;
  }
  .contact-one-box .s {
    margin-top: 1rem;
    margin-left: 0
  }
  .contact-one-box a {
    padding: 3rem 0;
  }
  .page-recruit .access-box .col-box {
    width: 100%;
    margin-bottom: 5rem;
  }
  .page-recruit .access-box .col-box:last-child {
    margin-bottom: 0;
  }
  /*==================================================
注目製品 – 簡易住宅
==================================================*/
  .page-pickup {
    overflow: hidden;
  }
  .mv07-sec .txt-box {
    width: 100%;
  }
  .mv07-sec .img-box {
    width: 100%;
  }
  .mv07-sec .txt-box h2 {
    letter-spacing: 0;
    font-size: 3.6rem;
  }
  .mv07-sec .txt-box h2 .bg-white {
    padding: 1rem;
  }
  .mv07-sec .txt-box h1 img {
    height: auto;
    width: 60%;
  }
  .mv07-sec .txt-box .tit .txt {
    width: 29vw;
    position: absolute;
    top: -20vw;
    right: 5vw;
    z-index: 2;
  }
  .mv07-sec .comment-box {
    display: none;
  }
  .mv07-sec .img-box .slide .comment {
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    padding: 1.2rem 1rem;
    line-height: 1.4em;
    font-size: 1.4rem;
  }
  .mv07-sec .img-box .slide .comment dt {
    line-height: 1.2em;
    margin-right: 1rem;
  }
  .mv07-sec .img-box .slide .comment dd {
    line-height: 1.2em;
  }
  .mv07-sec .img-box .slide img {
    border-radius: 0;
  }
  .page-pickup .sec01 {
    padding-top: 8rem;
  }
  .page-pickup .sec01 h2 {
    margin-bottom: 5rem;
  }
  .page-pickup .sec01 .txt-box {
    text-align: left;
  }
  .page-pickup .sec01 .txt-box p {
    font-size: 100%;
  }
  .page-pickup .sec01 .txt-box {
    margin-bottom: 3rem;
  }
  .page-pickup .sec01 h3 {
    font-size: 2.6rem;
    letter-spacing: 0.01em;
    margin-bottom: 2rem
  }
  .page-pickup .sec02, .page-pickup .sec04, .page-pickup .sec05 {
    background-position: center top 2rem;
    background-size: 40rem;
  }
  .page-pickup .sec02 h2 {
    margin-bottom: 12rem;
  }
  .page-pickup .sec02 .point-box .col-box {
    width: 100%;
    margin-bottom: 10rem;
  }
  .page-pickup .sec02 .point-box .col-box:last-child {
    margin-bottom: 0;
  }
  .page-pickup .sec02 .youtube-box {
    width: 100%;
  }
  .page-pickup .sec02 .tit-box {
    width: 100%;
  }
  .page-pickup .sec02 .tit-box i {
    display: none;
  }
  .page-pickup .sec02 .point-box h3 {
    aspect-ratio: 0;
    padding: 5rem 1rem;
    max-width: 60%;
  }
  .page-pickup .sec02 .tit-box .border h4 {
    font-size: 2rem;
    margin-bottom: 7rem;
  }
  .page-pickup .sec02 .tit-box .border h4 .font-en {
    font-size: 4rem;
    margin: 0;
  }
  .page-pickup .sec02 .tit-box .border {
    width: 26rem;
    height: 26rem;
    aspect-ratio: 0;
    margin: 0 auto -10rem;
  }
  .page-pickup .sec02 .movie-box {
    margin-top: 5rem;
  }
  .page-pickup .sec03 h2 {
    text-align: center;
    margin-bottom: 5rem;
  }
  .page-pickup .sec03 .features-box {
    margin-bottom: 3rem;
  }
  .page-pickup .sec03 .features-box:last-child {
    margin-bottom: 0;
  }
  .page-pickup .sec03 .features-box .img-box.r .slick-dots {
    display: none !important;
  }
  .page-pickup .sec03 .features-box .img-box .inner {
    margin: 0 !important;
    overflow: hidden;
  }
  .page-pickup .sec03 .features-box .img-box .comment, .page-pickup .sec03 .features-box .img-box.r .comment {
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
  }
  .page-pickup .sec03 .features-box .img-box {
    width: 100%;
  }
  .page-pickup .sec03 .features-box .txt-box {
    width: 100%;
  }
  .page-pickup .sec03 .features-box .txt-box .inner {
    padding: 0 7rem 7rem;
    background: #fff;
    height: 100%;
    margin-top: 0;
    border-radius: 2rem 2rem 0 0;
  }
  .page-pickup .sec03 .features-box .txt-box .inner {
    margin: 0 !important;
    padding: 0 5vw 3rem !important;
  }
  .page-pickup .sec03 .features-box .icon .t02 {
    font-size: 8rem;
  }
  .page-pickup .sec03 .features-box .icon .t01 {
    font-size: 100%;
  }
  .page-pickup .sec03 .features-box .txt-box .icon {
    text-align: right;
    margin-right: 0 !important;
    margin-bottom: 0;
  }
  .page-pickup .sec03 .features-box h3 {
    margin-bottom: 2rem;
    font-size: 4rem;
  }
  .page-pickup .sec04 h2 {
    margin-bottom: 5rem;
  }
  .page-pickup .tab-container {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5rem;
    margin-bottom: 0;
    margin-right: -5vw;
  }
  .page-pickup .tab-container .tab {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 55%;
    margin-right: 5vw;
  }
  .page-pickup .tab-container .tab p {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
  .page-pickup .case-slider .slide {
    margin: 0 1rem;
  }
  .page-pickup .case-slider .slick-prev {
    width: 6rem;
    height: 6rem;
    left: 10%;
    margin-left: -3rem;
  }
  .page-pickup .case-slider .slick-next {
    width: 6rem;
    height: 6rem;
    right: 10%;
    margin-right: -3rem;
  }
  .page-pickup .case-slider {
    padding: 5vw 0;
  }
  .page-pickup .content-container .txt-box {
    padding-top: 5vw;
  }
  .page-pickup .content-container .txt-box h3 {
    line-height: 2em;
    padding: 0 0 0 5vw;
    margin-bottom: 3rem;
  }
  .page-pickup .content-container .txt-box h3 .series {
    width: 100%;
    font-size: 3rem;
  }
  .page-pickup .content-container .txt-box h3 .txt {
    font-size: 2.4rem;
    line-height: 1.8em;
  }
  .page-pickup .content-container .txt-box .spec-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .page-pickup .content-container .txt-box .spec-img-box {
    width: 100%;
  }
  .page-pickup .content-container .txt-box table {
    margin: 0 0 3rem;
    font-size: 87.5%;
    line-height: 2em;
  }
  .page-pickup .content-container .txt-box th {
    padding-right: 1em;
  }
  .page-pickup .content-container .txt-box td {
    padding-left: 1em;
  }
  .page-pickup .content-container .txt-box .price-box {
    padding: 5vw;
  }
  .page-pickup .content-container .txt-box .price-box .price-s .col-box {
    width: 100%;
  }
  .page-pickup .content-container .txt-box .price-box .price-s dt {
    width: 32%;
  }
  .page-pickup .bnr-sec {
    padding: 5vw 0;
  }
  .page-pickup .sec05:after {
    top: 50rem;
    width: 100%;
    height: calc(100% - 50rem);
  }
  .page-pickup .access-box {
    padding: 5vw 0 3rem;
    margin-top: 3rem;
  }
  .page-pickup .access-box .img-box {
    width: calc(100% - 5vw);
  }
  .page-pickup .access-box .txt-box {
    width: 100%;
    padding: 3rem 5vw 0;
  }
  .page-pickup .access-box h3 {
    font-size: 2rem;
    line-height: 2em;
    margin-bottom: 2rem;
  }
  .page-pickup .access-box dt {
    width: 100%;
    margin: 0 0 1rem;
  }
  .page-pickup .access-box dd {
    font-size: 87.5%;
    line-height: 2em;
  }
  .page-pickup .sec05 .btn-box {
    margin-top: 5rem;
  }
  .page-pickup .sec05 h4 {
    margin-bottom: 2rem;
  }
  .page-pickup .sec05 .btn-box .btn a {
    padding: 3rem 1rem;
    font-size: 2.4rem;
  }
  .page-pickup .sec05 h4 img {
    width: 30rem;
    margin: 0 auto;
  }
  /*==================================================
用途から探す
==================================================*/
  .page-purpose .mv03-sec {
    background: url("../img/purpose/main_img01.jpg") no-repeat center;
    background-size: cover;
    height: 100vw;
  }
  .purpos-about-sec .tit04 {
    margin-bottom: 3rem;
  }
  .purpos-about-sec .series-tit {
    display: inline-block;
    text-align: right;
  }
  .purpos-about-sec .series-tit .font-en {
    display: block;
    margin-bottom: 0rem;
  }
  .purpos-about-sec .series-tit {
    font-size: 8rem;
  }
  .purpos-about-sec p {
    text-align: left;
  }
  .purpose-box.ver02 {
    margin-bottom: -5vw;
  }
  .purpose-box .col-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .purpose-box.ver02 .txt-box .inner {
    padding: 2rem 5vw 5vw;
  }
  .purpose-box.ver02 .txt-box h3 {
    margin-bottom: 1rem;
    font-size: 2.8rem;
  }
  .purpose-box.ver02 .txt-box p {
    font-size: 87.5%;
    line-height: 2.2em;
    letter-spacing: 0.025em;
  }
  .purpose-box.ver02 .txt-box {
    padding-right: 0;
    margin-top: 0;
  }
  .purpose-box.ver02 .btn-link01 {
    margin-top: 3rem;
  }
  /*==================================================
用途から探すSUB
==================================================*/
  .mv08-sec .txt-box h1 {
    font-size: 4.1rem;
    margin-bottom: 1rem;
    letter-spacing: 0;
  }
  .mv08-sec .txt-box h1 .bg-white {
    padding: 1.5rem 1.5rem 2rem;
    margin-bottom: 1rem;
  }
  .mv08-sec .txt-box {
    width: 100%;
    padding: 5vw 5vw 3rem;
  }
  .mv08-sec .img-box {
    width: 100%;
  }
  .mv08-sec:after {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .mv08-sec .img-box {
    border-radius: 0;
  }
  .mv08-sec .txt-box h1 .icon {
    max-width: 24rem;
  }
  .mv08-sec .txt-box p {
    font-size: 3rem;
    margin-left: 0;
  }
  .mv08-sec .contact {
    max-width: 14rem;
    bottom: inherit;
    top: 23rem;
    right: 1rem;
  }
  .mv08-sec .txt-posi {
    display: none;
  }
  .page-purpose .sec01 {
    padding-top: 6rem;
  }
  .page-purpose .sec01 {
    background-size: 40rem;
  }
  .page-purpose .sec02, .page-purpose .sec03, .page-purpose .sec04, .page-purpose .sec05, .page-purpose .sec06, .page-purpose .sec07 {
    background-size: 40rem;
    background-position: center top 2rem;
  }
  .page-purpose .purpose-slider .slide {
    margin: 0 0.5rem;
  }
  .page-purpose .voice-box .col-box {
    width: 100%;
  }
  .page-purpose .voice-box .col-box {
    padding: 0 3vw 3vw;
    margin-bottom: 8rem;
  }
  .page-purpose .voice-box {
    margin-bottom: -8rem;
  }
  .page-purpose .voice-box h3 {
    letter-spacing: 0.05em;
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .page-purpose .voice-box {
    margin-top: 14rem;
  }
  .page-purpose .voice-box .txt {
    padding: 2rem;
    font-size: 2rem;
    letter-spacing: 0;
  }
  .page-purpose .product-box {
    margin-top: 5rem;
    padding: 3rem;
  }
  .page-purpose .product-box .tit-box {
    margin-bottom: 2rem;
  }
  .page-purpose .product-box .tit-box h3 {
    width: 100%;
    margin: 0 0 3rem;
  }
  .page-purpose .product-box .tit-box ul {
    width: 100%;
    margin: 0;
  }
  .page-purpose .product-box .tit-box li {
    padding: 1rem 2rem;
  }
  .page-purpose .product-box .img-box .col-box {
    width: 100%;
    margin-bottom: 2rem;
  }
  .page-purpose .product-box .img-box .col-box:last-child {
    margin-bottom: 0;
  }
  .page-purpose .sec02 h2 {
    text-align: center;
    margin-bottom: 3rem;
  }
  .page-purpose .sec02 h3 {
    line-height: 1.8em;
    margin-bottom: 6rem;
    font-size: 2.8rem;
    letter-spacing: 0;
  }
  .page-purpose .sec02 .point-box .tit-box {
    padding: 0;
    margin-bottom: 3rem;
  }
  .page-purpose .sec02 .point-box .tit-box .txt {
    flex: auto;
    margin: 0;
    width: 100%;
    line-height: 1.3em;
    padding: 0 5vw;
    font-size: 5rem;
  }
  .page-purpose .sec02 .point-box .tit-box .txt span {
    padding: 0;
    background: none;
  }
  .page-purpose .sec02 .point-box .tit-box:after {
    display: none;
  }
  .page-purpose .sec02 .point-box .tit-box .icon {
    font-size: 2rem;
    padding: 2rem 5rem 2rem 5vw;
    margin-bottom: 2rem;
  }
  .page-purpose .sec02 .point-box .inner {
    padding: 0 5vw 5vw;
  }
  .page-purpose .sec02 .img-txt .img-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .page-purpose .sec02 .img-txt .txt-box {
    width: 100%;
  }
  .page-purpose .sec02 .img-txt .txt-box .txt {
    padding: 2rem 5vw;
  }
  .page-purpose .sec02 .img-txt .txt-box .txt h5 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .page-purpose .sec02 .img-txt .txt-box .txt h5 i {
    width: 5rem;
  }
  .page-purpose .sec03 .tit-box .icon {
    display: none;
  }
  .page-purpose .sec03 .case-box {
    padding: 5vw;
  }
  .eample-list-meta dd {
    flex: none;
    width: 100%;
    margin-top: 1rem;
  }
  .page-purpose .sec03 .item-list.col-2 {
    margin-bottom: -3rem;
  }
  .page-purpose .sec03 .item-list.col-2 .col-box {
    margin-bottom: 2rem;
  }
  .page-purpose .sec03 .item-list.col-2 .col-box:last-child {
    margin-bottom: 0;
  }
  .page-purpose .sec04 h2 {
    margin-bottom: 5rem;
  }
  .page-purpose .sec04 .model-box {
    padding: 5vw 5vw;
  }
  .page-purpose .sec04 .model-box .txt-box {
    width: 100%;
    padding: 0;
  }
  .page-purpose .sec04 .model-box .img-box {
    width: 100%;
    z-index: 2;
    margin-bottom: 2rem;
  }
  .page-purpose .sec04 .model-box .num {
    display: none;
  }
  .page-purpose .sec04 .model-box .txt-box h3 {
    margin-bottom: 2rem;
  }
  .page-purpose .sec04 .model-box .txt-box h3 .font-jp {
    font-size: 5rem;
  }
  .page-purpose .sec04 .model-box .txt-box h3 .font-en {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
  .page-purpose .sec04 .model-box .spec dt {
    width: 100%;
    margin: 0 0 1rem;
  }
  .page-purpose .sec04 .model-box .price .box {
    padding: 2rem 5vw;
  }
  .page-purpose .sec04 .model-box .price .box .total dt {
    margin-right: 1rem;
  }
  .page-purpose .sec04 .model-box .img-list {
    margin-top: 2rem;
  }
  .page-purpose .sec04 .model-box .img-list li {
    width: 49%;
    margin-top: 2%;
  }
  .page-purpose .sec04 .model-box {
    margin-bottom: 5rem;
  }
  .page-purpose .sec06 .tit01 {
    margin-bottom: 10rem;
  }
  .flow-list-box .col-box {
    width: 100% !important;
    margin-bottom: 8rem;
    padding-bottom: 5rem;
  }
  .flow-list-box .col-box:last-child {
    margin-bottom: 0;
  }
  .flow-list-box h3 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .flow-list-box p {
    font-size: 100%;
    line-height: 1.8em;
    margin-bottom: 0;
  }
  .arrow-line.sp {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateY(50%) translateX(-50%);
    width: 30%;
    height: 3rem;
    z-index: 2;
  }
  .arrow-line.sp:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: #004d92;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .arrow-line.sp:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -1px;
    background: #fff;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  /*==================================================
導入事例single
==================================================*/
	.item-single-slider .slick-next {
    width: 5rem;
    height: 5rem;
		    right: 1rem;
	}
	.item-single-slider .slick-prev {
    width: 5rem;
    height: 5rem;
		    left: 1rem;
	}
  .item-single-slider .slide {
    max-width: none;
    width: 100%;
    margin: 0;
  }
	
  .page-pexample-single .item-single-tit span {
    display: block;
    line-height: 1.5em;
  }
  .page-pexample-single .item-single-tit {
    font-size: 2.4rem;
  }
  .page-pexample-single .item-single-tit .cat {
    font-size: 3.4rem;
  }
  .example-label dl {
    width: 100%;
    justify-content: flex-start;
    margin: 0 0 0.5rem;
    padding: 0;
  }
  .example-label dt {
    width: 4em;
    margin: 0;
  }
  .example-label dl:after {
    display: none;
  }
  .example-label {
    padding-bottom: 1rem;
    margin: 0;
  }
  .example-txt-box h1 {
    font-size: 2.6rem;
    line-height: 1.6em;
  }
  .example-col .col-box {
    width: 100%;
	  margin-bottom: 5rem;
  }
	.example-col .col-box:last-child{
		margin-bottom: 0;
	} 
  .item-single-content .row {
    margin-bottom: 5rem;
  }
	.page-pexample-single .btn-link01 a, .page-pexample-single .btn-link01 .link {
    background: none !important;
}
	  /*==================================================
製品情報single
==================================================*/
	.item-single-content {
    padding-top: 4rem;
}
	.item-single-tit-box {
    margin-bottom: 4rem;
}
	.item-contact-list {
    margin-top: 0;
}
	.item-single-tit {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.6em;
}
	.item-contact-list li {
    width: 100%;
    margin-bottom: 1rem;
}
	.item-contact-list li a {
    height: 11rem;

}
	.equipment-box dl {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 1.6rem;
}
	.equipment-box .null{
		display: none;
	}
	.item-single-overview:not(.example) th {
		width: 100%;
		display: block;
		padding: 1rem 1.5rem;
	}
	.item-single-overview:not(.example)  td {
    width: 100%;
		display: block;
		padding: 1rem 1.5rem 2rem;
	}

	  /*==================================================
レンタルsingle
==================================================*/
	.estimate-box select {
    width: 100%;
		margin-bottom: 1rem;
	}
	.estimate-box .result-btn {
    width: 100%;
		font-weight: bold;
	}
	.estimate-box {
    background: #f3f5f5;
    padding:3rem 5vw 5vw;
}
	.estimate-box h3 {

    font-size: 2.4rem;
    margin-bottom: 2rem;
}
	.estimate-box .price-box th{
		width: 100%;
		display: block;
			padding: 1rem 1.5rem;
	}
	.estimate-box .price-box td{
		width: 100%;
		display: block;
		padding: 1rem 1.5rem 2rem;
	}
	.estimate-box .price-box {
     margin-top: 3rem;
    padding: 5vw;
	}
  /*==================================================
プライバシーポリシー
==================================================*/
  .privacy-sec h2 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    margin-top: 4rem;
  }
  .privacy-sec ol li {
    list-style: decimal;
    margin-left: 1.5em;
    margin-bottom: 1rem;
  }
  .privacy-sec ol li:last-child {
    margin-bottom: 0;
  }
  /*==================================================
フォーム
==================================================*/
  .contact-read-sec {
    text-align: left;
  }
  .contact-read-sec .border-box {
    padding: 3rem 5vw;
    margin: 3rem 0;
  }
  .contact-read-sec .border-box h2 {
    font-size: 100%
  }
  .contact-read-sec .contact-list-s li {
    width: 100%;
    margin-bottom: 2rem;
  }
  .contact-list-s li .txt {
    padding: 0 2rem;
  }
  .contact-list-s li .tit {
    width: 25%;
    font-size: 87.5%;
  }
  .contact-list-s li .num {
    font-size: 3.2rem;
  }
  .contact-list-s li .num:before {
    margin-top: -0.5rem;
    margin-right: 0.7rem;
  }
  .contact-read-sec .btn-reserve {
    margin-top: 0;
  }
  .contact-read-sec .btn-reserve .txt01 {
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    font-size: 80%;
  }
  .contact-read-sec .btn-reserve .txt02 {
    font-size: 2.4rem;
  }
  .contact-read-sec .btn-reserve .txt02:before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    display: inline-block;
    background: url(../img/cmn/icon_reserve.svg) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-top: -0.8rem;
    margin-right: 1rem;
  }
  .btn-reserve a {
    padding: 2rem 2rem 2rem;
  }
  .form-box th {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    background: #f3f5f5;
  }
  .form-box td {
    display: block;
    width: 100%;
    padding: 2rem 0;
  }
  .form-box input.m {
    width: 80% !important;
  }
  .form-box .name-box {
    justify-content: space-between;
  }
  .form-box .name-col {
    width: 49%;
    margin-right: 0;
  }
  .form-box .req {
    vertical-align: 0em;
  }
  .form-box textarea, .form-box input[type=text], .form-box input[type=email], .form-box input[type=tel], .form-box select {
    font-size: 16px !important;
  }
  .form-box input.s {
    width: 30% !important;
  }
  .form-box .submit-list {
    margin-top: 4rem;
  }
  .form-box .submit-list input[type="submit"], .form-box .submit-list .cm4cf7-return-button {
    width: 100%;
    margin: 0 0 1rem;
  }
  .note-sec .bnr-box {
    padding: 2rem 0 3rem;
  }
  .contact-read-sec .time-box {
    margin: 3rem auto 0;
  }
  .contact-read-sec .access-box {
    margin-top: 5rem;
  }
  .contact-read-sec .access-box .col-box {
    width: 100%;
    margin-bottom: 5vw;
  }
  .contact-read-sec .access-box .col-box:last-child {
    margin-bottom: 0;
  }
  .contact-read-sec .access-box .txt {
    padding: 2rem 4rem 3rem;
  }
  .contact-read-sec .access-box h3 {
    margin-bottom: 1rem;
  }
  .form-box .flatpickr-input {
    background: none;
  }
}