@charset "UTF-8";
#footerArea {
  margin-top: 60px !important;
}
/************************************************
parts
************************************************/
/*---------------
loader
------------------*/
.l-totop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: clamp(1.875rem, 1.357rem + 2.21vw, 3.125rem);
  bottom: clamp(1.875rem, 1.357rem + 2.21vw, 3.125rem);
  background: #fff;
  border: solid 2px #961d13;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  display: none;
}
.l-totop__icon {
  height: 10px;
  width: 10px;
  border-top: 3px solid #961d13;
  border-right: 3px solid #961d13;
  transform: translateY(20%) rotate(-45deg);
}
.pageTopBtn {
  display: none !important;
}
/*---------------
loader
------------------*/
.p-loader__bg {
  display: block;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #222;
  z-index: 99
}

.p-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  width: 320px;
  height: 320px;
  text-align: center;
  color: #fff;
  z-index: 100
}

.p-loader img {
  position: relative;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px
}

.p-loader p {
  position: relative;
  font-size: 1.125rem;
  color: #fff;
  width: 320px;
  font-weight: 600
}
/*---------------
ruleBox
------------------*/
.ruleBox {
  padding: 30px 20px;
  width: 600px;
  margin: 35px auto 0;
  background: #fff;
  height: 550px;
  overflow-y: scroll;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  font-size: 1.142rem;
}
.ruleBox > dt {
  margin-bottom: 7px;
  padding-left: 16px;
  position: relative;
  font-weight: bold;
}
.ruleBox dt:not(:first-child) {
      margin-top: 28px;
}
.ruleBox dt::before {
  position: absolute;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 90%;
  background: linear-gradient(180deg, hsl(45, 81%, 73%) 0%, hsl(45, 79%, 77%) 8%, hsl(45, 78%, 80%) 17%, hsl(46, 76%, 82%) 25%, hsl(45, 77%, 77%) 33%, hsl(45, 79%, 70%) 42%, hsl(45, 81%, 61%) 50%, hsl(46, 81%, 62%) 58%, hsl(46, 81%, 63%) 67%, hsl(47, 81%, 64%) 75%, hsl(47, 81%, 66%) 83%, hsl(47, 82%, 68%) 92%, hsl(48, 82%, 70%) 100%);
}

.ruleBox::-webkit-scrollbar {
  background: #EBEBEB;
}
.ruleBox::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #CCC;
}
/*---------------
callFoot
------------------*/
.callFoot {
  width: 100%;
  background: #fff;
  text-align: center;
  color: #333;
}

.callFtInr {
  padding-top: 28px;
}

.callFtInr h2 {
  font-weight: bold;
  margin-bottom: 7px;
}
.callFtTime {
  margin: 10px auto 0;
  position: relative;
  left: .25rem;
  display: inline-block;
}
/*---------------
bg
------------------*/
.bg01 {
  background: linear-gradient(to right, #FCDDDB 50%, #FFFAFA 50%);
  background-size: 70px 100%;
}
/************************************************
layout
************************************************/

/*---------------
conductBlk
------------------*/
.conductBlk .cdImg02 {
  position: relative;
}
.conductBlk [class*="cdLinkWrap"] {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
}
.conductBlk [class*="cdLinkWrap"] {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
}
.conductBlk [class*="cdLinkWrap"] .cdLink {
  display: inline-block;
  height: 100%;
}
.conductBlk .cdLinkWrap01 {
  bottom: 603px;
  left: -216px;
  height: 16px;
}
.conductBlk .cdLinkWrap01 .cdLink {
  width: 46px;
}
.conductBlk .cdLinkWrap02 {
  bottom: 299px;
  left: 53px;
  height: 16px;
}
.conductBlk .cdLinkWrap02 .cdLink {
  width: 46px;
}
.conductBlk .cdLinkWrap03 {
  bottom: 143px;
  height: 72px;
}
.conductBlk .cdLinkWrap03 .cdLink {
  width: 602px;
}
.conductBlk .cdLinkWrap04 {
  bottom: 153px;
  height: 71px;
}
.conductBlk .cdLinkWrap04 .cdLink {
  width: 442px;
}
/*---------------
stepBlk
------------------*/
.stepBlk .stepImg {
  margin: 47px auto 0;
  position: relative;
}
.stepBlk [class*="stepLinkWrap"] {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
}
.stepBlk [class*="stepLinkWrap"] {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
}
.stepBlk [class*="stepLinkWrap"] .stepLink {
  display: inline-block;
  height: 100%;
}
.stepBlk .stepLinkWrap01 {
  top: 138px;
  height: 45px;
}
.stepBlk .stepLinkWrap01 .stepLink {
  width: 288px;
}
/*---------------
ruleBlk
------------------*/
.ruleBlk {
  margin-top: 55px;
  padding-bottom: 64px;
}