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

/*##### Common #####*/
.boxCsNkRoot .baseW {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 480px){
  .boxCsNkRoot .baseW {
    width: 100%;
    min-width: auto;
  }
  .boxCsNkRoot .baseSpW {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}


.boxCsNkRoot .dPc {
  display: block !important;
}
@media all and (max-width: 480px){
  .boxCsNkRoot .dPc {
    display: none !important;
  }
}

.boxCsNkRoot .dPcInline {
  display: inline !important;
}
@media all and (max-width: 480px){
  .boxCsNkRoot .dPcInline {
    display: none !important;
  }
}

.boxCsNkRoot .dSp {
  display: none !important;
}
@media all and (max-width: 480px){
  .boxCsNkRoot .dSp {
    display: block !important;
  }
}

.boxCsNkRoot .dSpInline {
  display: none !important;
}
@media all and (max-width: 480px){
  .boxCsNkRoot .dSpInline {
    display: inline !important;
  }
}



.boxCsNkBase,
.boxCsNkBase * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  vertical-align: baseline;
}

.boxCsNkBase {
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  line-height: 1.0;
  letter-spacing: 0.03em;
}

.boxCsNkBase ul,
.boxCsNkBase ol {
  list-style-type: none;
  font-size: 0;
}

.boxCsNkBase ul li,
.boxCsNkBase ol li {
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxCsNkBase ul li,
  .boxCsNkBase ol li {
    font-size: 5.5vw;
  }
}

.boxCsNkBase img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.boxCsNkBase .cBaseRed {
  color: #e7141a;
}

.boxCsNkBase .fontNum {
  font-family: "Oswald", sans-serif;
}


/*##### Base Ttl #####*/
.boxCsNkBase h2:not(.exc).ttlBase00 {
  /*margin-bottom: 0;*/
}

.boxCsNkBase h2:not(.exc).ttlBase00 .ttlSub {
  display: block;
  padding-bottom: 0.6em;
  line-height: 1.0;
  letter-spacing: 0.14em;
  font-size: 1.2rem;
}
@media all and (max-width: 480px){
  .boxCsNkBase h2:not(.exc).ttlBase00 .ttlSub {
    line-height: 1.3;
    font-size: 6.0vw;
  }
}

.boxCsNkBase h2:not(.exc).ttlBase00 .ttlMain {
  display: block;
  padding-bottom: 0.6em;
  line-height: 1.0;
  letter-spacing: 0.13em;
  font-size: 1.93rem;
}
@media all and (max-width: 480px){
  .boxCsNkBase h2:not(.exc).ttlBase00 .ttlMain {
    line-height: 1.3;
    font-size: 7.5vw;
  }
}

.boxCsNkBase .ttlBase01 {
  margin-bottom: 1.15em;
  padding: 0.82em 0.85em;
  background-color: #5e5e5e;
  letter-spacing: 0.05em;
  font-size: 1.5em;
  font-weight: 400;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxCsNkBase .ttlBase01 {
    line-height: 1.4;
    font-size: 7.0vw;
  }
}

.boxCsNkBase .boxBaseCom {
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxCsNkBase .boxBaseCom {
    line-height: 1.8;
    font-size: 5.5vw;
  }
}

.boxCsNkBase .boxBaseCom > p {
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxCsNkBase .boxBaseCom > p {
    font-size: 5.5vw;
  }
}

.boxCsNkBase .boxBaseCom p:not(:last-child) {
  margin-bottom: 24px;
}
@media all and (max-width: 480px){
  .boxCsNkBase .boxBaseCom p:not(:last-child) {
    margin-bottom: 5vw;
  }
}

.boxCsNkBase .txtMarker01 {
  background: linear-gradient(transparent 35%, #ffff40 1%);
}

.boxCsNkBase .txtMarker02 {
  background: linear-gradient(transparent 15%, #ffff40 1%);
}

.boxCsNkBase .linkBaseTelno {
  pointer-events: none;
  cursor: auto;
  text-decoration: none;
}
@media all and (max-width: 480px){
  .boxCsNkBase .linkBaseTelno {
    pointer-events: auto;
    cursor: pointer;
  }
}



/*##### Diagnosis #####*/
/*page_diagnosis grp_diagnosis*/
body.page_diagnosis .workslider_bg {
  margin-bottom: 3.375rem;
  background: url("../../images/common/bg-graywall.jpg") center top;
  padding-top: 3.375rem;
  padding-bottom: 3.5rem;
}

.page_diagnosis .bread {
  margin-bottom: 19px;
}
@media all and (max-width: 480px){
  .page_diagnosis .bread {
    margin-bottom: 0;
  }
}

.page_diagnosis .mv {
  background-image: url('../../images/diagnosis/diagnosis-top-bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .page_diagnosis .mv {
    background-image: url('../../images_sp/diagnosis/sp-diagnosis-top-bg.jpg');
    background-size: 100% auto;
  }
}

.boxDiagnosis01Wrap {
  padding: 48px 0 56px 0;
  background-image: url('../../images/diagnosis/diagnosis01-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis01Wrap {
    padding: 10vw 0 10vw 0;
    background-size: 100% 100%;
  }
}

.boxDiagnosis01 h2:not(.exc).ttlBase00 {
  margin-bottom: 0;
}
@media all and (max-width: 480px){
  .boxDiagnosis01 h2:not(.exc).ttlBase00 {
    margin-bottom: 7vw;
  }
}

.boxDiagnosis0101 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 18px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0101 {
    display: block;
    margin-bottom: 10vw;
  }
}

.boxDiagnosis0101 .ttl01 {
  width: 22.7%;
  height: 197px;
  padding: 63px 0 0 41px;
  background-image: url('../../images/diagnosis/diagnosis01-bg02.png');
  background-repeat: no-repeat;
  background-position: 8px top;
  background-size: auto auto;
  line-height: 1.45;
  letter-spacing: 0.08em;
  font-size: 1.1rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0101 .ttl01 {
    width: 50%;
    height: 68vw;
    margin: 0 auto;
    padding: 18vw 0 0 0;
    background-position: center top;
    background-size: 100% auto;
    text-align: center;
    font-size: 5.5vw;
  }
}

.boxDiagnosis0101 .ttl01 > span {
  display: inline-block;
  text-align: center;
}

.boxDiagnosis0101 .ul01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 77.3%;
}
@media all and (max-width: 480px){
  .boxDiagnosis0101 .ul01 {
    display: block;
    width: 100%;
  }
}

.boxDiagnosis0101 .ul01 > li {
  width: 50%;
  margin: 0.5em 0;
  padding: 0.3em 0 0.17em 1.8em;
  background-image: url('../../images/diagnosis/diagnosis01-icn-deco01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  font-size: 1.1rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0101 .ul01 > li {
    width: 100%;
    background-position: left 1vw;
    background-size: 6vw auto;
    font-size: 5.5vw;
  }
}

.boxDiagnosis0101 .ul01 > li .txt01 {
  position: relative;
}

.boxDiagnosis0101 .ul01 > li .txt01 > span {
  position: relative;
  z-index: 2;
}

.boxDiagnosis0101 .ul01 > li .txt02 {
  position: relative;
  z-index: 2;
}

.boxDiagnosis0101 .ul01 > li .txt01 .bg01Diagnosis01Line {
  position: absolute;
  z-index: 1;
  bottom: -0.1em;
  left: -0.6em;
  width: 118%;
  max-width: none;
  height: 1.1em;
}

.boxDiagnosis0102 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 257px;
  background-image: url('../../images/diagnosis/diagnosis01-bg03.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102 {
    display: block;
    height: auto;
    background-position: -5vw top;
    background-size: 200% auto;
  }
}

.boxDiagnosis0102L {
  width: 50%;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102L {
    width: 100%;
    margin-bottom: 22vw;
  }
}

.boxDiagnosis0102L .ttl01 {
  padding: 37px 0 0 87px;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102L .ttl01 {
    padding: 9vw 0 0 14vw;
  }
}

.boxDiagnosis0102L .ttl01 .txt01 {
  display: block;
  margin-bottom: 11px;
  letter-spacing: 0.08em;
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102L .ttl01 .txt01 {
    margin-bottom: 2vw;
    font-size: 4.5vw;
  }
}

.boxDiagnosis0102L .ttl01 .txt02 {
  display: block;
  line-height: 1.35;
  letter-spacing: 0.12em;
  font-size: 1.6rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102L .ttl01 .txt02 {
    line-height: 1.3;
    font-size: 6.3vw
  }
}

.boxDiagnosis0102R {
  width: 42.5%;
  padding-top: 50px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R {
    width: 100%;
    padding: 13px 4.5vw 13vw 4.5vw;
    background-color: #ffff40;
  }
}

.boxDiagnosis0102R .p01 {
  margin-bottom: 12px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 {
    margin-bottom: 5vw;
    text-align: center;
  }
}

.boxDiagnosis0102R .p01 .txt01 {
  display: block;
  margin-bottom: 0.2em;
  letter-spacing: 0.08em;
  font-size: 1.6rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt01 {
    font-size: 8.5vw;
  }
}

.boxDiagnosis0102R .p01 .txt01 .small {
  letter-spacing: 0.03em;
  font-size: 1.33rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt01 .small {
    font-size: 6.0vw;
  }
}

.boxDiagnosis0102R .p01 .txt02 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-left: 14px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt02 {
    display: -webkit-inline-flex;
    display: inline-flex;
    padding-left: 3vw;
  }
}

.boxDiagnosis0102R .p01 .txt0201 {
  position: relative;
  margin-top: 1.6em;
  margin-right: 5.2em;
  font-size: 1.25rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0201 {
    font-size: 7.0vw;
  }
}

.boxDiagnosis0102R .p01 .txt0201 .txtNum {
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  font-size: 2.38rem;
  font-weight: 400;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0201 .txtNum {
    font-size: 12.0vw;
  }
}

.boxDiagnosis0102R .p01 .txt0201 .txtTaxInPrice {
  position: absolute;
  bottom: -1.2em;
  left: 0;
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0201 .txtTaxInPrice {
    font-size: 0.9rem;
  }
}

.boxDiagnosis0102R .p01 .txt0201 .icnDiagnosis01X01 {
  position: absolute;
  top: -4px;
  left: -13px;
  max-width: none;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0201 .icnDiagnosis01X01 {
    top: 0;
    left: -3vw;
    width: 110%;
  }
}

.boxDiagnosis0102R .p01 .txt0201 .icnDiagnosis01Arrow01 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -83px;
  margin: auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0201 .icnDiagnosis01Arrow01 {
    right: -28vw;
    width: 15vw;
  }
}

.boxDiagnosis0102R .p01 .txt0202 {
  font-size: 1.45rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0202 {
    font-size: 6.0vw;
  }
}

.boxDiagnosis0102R .p01 .txt0202 .txtNum {
  margin-right: 0.04em;
  font-family: "Oswald", sans-serif;
  font-size: 5.3rem;
  font-weight: 400;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .p01 .txt0202 .txtNum {
    font-size: 26vw;
  }
}

.boxDiagnosis0102R .link01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 374px;
  height: 50px;
  background-color: #e7141a;
  letter-spacing: 0.08em;
  font-size: 1.1rem;
  color: #fff;
  text-decoration: none;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .link01 {
    width: 100%;
    height: 15vw;
    margin: 0 auto;
    font-size: 7.0vw;
  }
}

.boxDiagnosis0102R .link01 > span {
  display: inline-block;
  padding-right: 30px;
  background-image: url('../../images/diagnosis/diagnosis01-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis0102R .link01 > span {
    padding-right: 2em;
    background-size: 4vw auto;
  }
}


.boxDiagnosis02 {
  margin-bottom: 30px;
}
@media all and (max-width: 480px){
  .boxDiagnosis02 {
    margin-bottom: 13vw;
  }
}

.boxDiagnosis0201 .boxBaseCom.no01 {
  margin-bottom: 32px;
  padding: 0 20px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxBaseCom.no01 {
    margin-bottom: 7vw;
    padding: 0 4.5vw;
  }
}

.boxDiagnosis0201 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01F {
    display: block;
  }
}

.boxDiagnosis0201 .boxCont01FOne {
  position: relative;
  width: 21.7%;
  margin-right: 4.4%;
  margin-bottom: 25px;
  padding: 18px 18px 8px 18px;
  background-image: url('../../images/diagnosis/diagnosis02-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01FOne {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12vw;
    padding: 5vw 5vw 5vw 5vw;
    background-size: 100% 100%;
  }
}

.boxDiagnosis0201 .boxCont01FOne:nth-child(4n) {
  margin-right: 0;
}

.boxDiagnosis0201 .boxCont01FOne .boxImg {
  margin-bottom: 12px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01FOne .boxImg {
    margin-bottom: 5vw;
    text-align: center;
  }
}

@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01FOne .boxImg img {
    width: 100%;
  }
}

.boxDiagnosis0201 .boxCont01FOne .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  color: #e7141a;
}

.boxDiagnosis0201 .boxCont01FOne .p01 .txtNum {
  margin-right: 0.32em;
  padding-bottom: 0.25em;
  letter-spacing: normal;
  font-family: "Oswald", sans-serif;
  font-size: 2.05rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01FOne .p01 .txtNum {
    font-size: 10.0vw;
  }
}

.boxDiagnosis0201 .boxCont01FOne .p01 .txtStr {
  letter-spacing: 0.1em;
  font-size: 1.09rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01FOne .p01 .txtStr {
    font-size: 8.0vw;
  }
}

.boxDiagnosis0201 .boxCont01FOne .icnDiagnosis02Arrow01 {
  position: absolute;
  top: 88px;
  right: -31px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0201 .boxCont01FOne .icnDiagnosis02Arrow01 {
    top: auto;
    bottom: -12vw;
    right: 0;
    left: 0;
    margin: auto;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 6vw;
  }
}


.boxDiagnosis03 {
  margin-bottom: 51px;
}
@media all and (max-width: 480px){
  .boxDiagnosis03 {
    margin-bottom: 13vw;
  }
}
.boxDiagnosis0301 .ttlBase01 {
  margin-bottom: 1.3em;
}

.boxDiagnosis0301 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 0 20px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0301 .boxCont01F {
    display: block;
    padding: 0 4.5vw;
  }
}

.boxDiagnosis0301 .boxCont01FOne {
  width: 30%;
}
@media all and (max-width: 480px){
  .boxDiagnosis0301 .boxCont01FOne {
    width: 100%;
    margin-bottom: 9vw;
  }
}

.boxDiagnosis0301 .boxCont01FOne .boxImg {
  margin-bottom: 20px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0301 .boxCont01FOne .boxImg {
    margin-bottom: 4vw;
    text-align: center;
  }
}

@media all and (max-width: 480px){
  .boxDiagnosis0301 .boxCont01FOne .boxImg img {
    width: 100%;
  }
}

.boxDiagnosis0301 .boxCont01FOne .ttl01 {
  margin-bottom: 0.5em;
  line-height: 1.45;
  letter-spacing: 0.07em;
  font-size: 1.2rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0301 .boxCont01FOne .ttl01 {
    font-size: 7.0vw;
  }
}

.boxDiagnosis0301 .boxCont01FOne .boxBaseCom {
  line-height: 1.5;
}


.boxDiagnosis04Wrap {
  padding: 55px 0 55px 0;
  background-image: url('../../images/diagnosis/diagnosis04-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis04Wrap {
    padding: 10vw 0 10vw 0;
  }
}

.boxDiagnosis04 h2:not(.exc).ttlBase00 {
  margin-bottom: 1.3em;
}

.boxDiagnosis04 h2:not(.exc).ttlBase00 .ttlMain {
  padding-bottom: 0.45em;
}

.boxDiagnosis04 h2:not(.exc).ttlBase00 .ttlSub {
  padding-bottom: 1.0em;
}


.boxDiagnosis0401 {
  margin-bottom: 47px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 {
    margin-bottom: 13vw;
  }
}

.boxDiagnosis0401 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01LR {
    display: block;
  }
}

.boxDiagnosis0401 .boxCont01L {
  width: 18%;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01L {
    position: relative;
    width: 10%;
  }
}

.boxDiagnosis0401 .boxCont01L .ttl01 {
  width: 194px;
  height: 102px;
  background-image: url('../../images/diagnosis/diagnosis04-bg02.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01L .ttl01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
    height: 30vw;
    background-size: 100% auto;
    font-size: 5.0vw;
  }
}

.boxDiagnosis0401 .boxCont01L .ttl01 > span {
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
  display: inline-block;
  padding: 22px 0 0 20px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01L .ttl01 > span {
    padding: 6vw 0 0 5vw;
  }
}

.boxDiagnosis0401 .boxCont01L .ttl01 .txt01 {
  display: block;
  margin-bottom: 7px;
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01L .ttl01 .txt01 {
    margin-bottom: 2vw;
    font-size: 4.5vw;
  }
}

.boxDiagnosis0401 .boxCont01R {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 82%;
  padding-right: 145px;
  padding-top: 16px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01R {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding-right: 0;
    padding-top: 25vw;
  }
}

.boxDiagnosis0401 .boxCont01R .icnDiagnosis04Arrow01 {
  position: absolute;
  right: 0;
  top: 59px;
  max-width: none;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01R .icnDiagnosis04Arrow01 {
    right: 45vw;
    top: 61vw;
    width: 75vw;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.boxDiagnosis0401 .boxCont01R .dl01 {
  width: 33.333333%;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01R .dl01 {
    width: 100%;
    margin-bottom: 10vw;
  }
}

.boxDiagnosis0401 .boxCont01R .dl01 > dt {
  margin-bottom: 46px;
  padding-bottom: 28px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto auto;
  letter-spacing: 0.07em;
  font-size: 1.1rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01R .dl01 > dt {
    margin-bottom: 3vw;
    padding-bottom: 6vw;
    background-size: 40% auto;
    font-size: 5.0vw;
  }
}

.boxDiagnosis0401 .boxCont01R .dl01 > dt.star01 {
  background-image: url('../../images/diagnosis/diagnosis04-icn-star01.png');
}

.boxDiagnosis0401 .boxCont01R .dl01 > dt.star03 {
  background-image: url('../../images/diagnosis/diagnosis04-icn-star03.png');
}

.boxDiagnosis0401 .boxCont01R .dl01 > dt.star05 {
  background-image: url('../../images/diagnosis/diagnosis04-icn-star05.png');
}

.boxDiagnosis0401 .boxCont01R .dl01 > dd {
  font-size: 1.03rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0401 .boxCont01R .dl01 > dd {
    font-size: 5.0vw;
  }
}

.boxDiagnosis0402 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01F {
    display: block;
    margin-bottom: 5vw;
  }
}

.boxDiagnosis0402 .boxCont01FOne {
  width: 30.4%;
  min-height: 360px;
  margin-right: 4.4%;
  margin-bottom: 26px;
  padding: 19px 22px 12px 23px;
  border: 5px #e2e2e2 solid;
  background-color: #fff;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne {
    width:  100%;
    min-height: auto;
    margin-right: 0;
    margin-bottom: 7vw;
    padding: 7vw 5vw 5vw 5vw;
  }
}

.boxDiagnosis0402 .boxCont01FOne:nth-child(3n) {
  margin-right: 0;
}

.boxDiagnosis0402 .boxCont01FOne .ttl01 {
  margin-bottom: 15px;
  padding-bottom: 11px;
  background-image: url('../../images/diagnosis/diagnosis04-ttl-border01.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto auto;
  text-align: center;
  font-size: 1.23rem;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .ttl01 {
    margin-bottom: 7vw;
    padding-bottom: 5vw;
    background-size: 30% auto;
    font-size: 7.0vw;
  }
}

.boxDiagnosis0402 .boxCont01FOne .boxImg {
  margin-bottom: 16px;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .boxImg {
    margin-bottom: 5vw;
  }
}

@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .boxImg img {
    width: 100%;
  }
}

.boxDiagnosis0402 .boxCont01FOne .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .dl01 {
    margin-bottom: 3vw;
  }
}

.boxDiagnosis0402 .boxCont01FOne .dl01 > dt {
  width: 83px;
  margin-right: 0.8em;
  padding: 0.38em 0 0.3em 0;
  border: 1px #e7141a solid;
  text-align: center;
  font-size: 1.0rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .dl01 > dt {
    width: 23vw;
    font-size: 5.5vw;
  }
}

.boxDiagnosis0402 .boxCont01FOne .dl01 > dd {
  padding-bottom: 1px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .dl01 > dd {
    padding-bottom: 0.5vw;
  }
}

@media all and (max-width: 480px){
  .boxDiagnosis0402 .boxCont01FOne .dl01 > dd img {
    width: 40vw;
  }
}

.boxDiagnosis0402 .icnDiagnosis04Arrow02 {
  display: block;
  margin: 0 auto 50px auto;
}
@media all and (max-width: 480px){
  .boxDiagnosis0402 .icnDiagnosis04Arrow02 {
    width: 50%;
    margin: 0 auto 10vw auto;
  }
}


.boxDiagnosis0403 {
  background-color: #eaeaea;
}

.boxDiagnosis0403 .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxDiagnosis0403 .boxCont01 {
    display: block;
  }
}

.boxDiagnosis0403 .boxBaseCom.typeL {
  width: 55.4%;
  padding: 39px 0 35px 103px;
  background-image: url('../../images/diagnosis/diagnosis04-icn-deco01.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;
  line-height: 1.4;
  font-size: 1.3rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxDiagnosis0403 .boxBaseCom.typeL {
    width: 100%;
    padding: 35vw 0 5vw 0;
    background-position: center 9vw;
    background-size: 20vw auto;
    font-size: 6.0vw;
  }
}

.boxDiagnosis0403 .boxBaseCom.typeL .txt01 {
  font-size: 1.7rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxDiagnosis0403 .boxBaseCom.typeL .txt01 {
    font-size: 8.0vw;
  }
}

.boxDiagnosis0403 .boxBaseCom.typeR {
  width: 44.6%;
  padding-top: 35px;
}
@media all and (max-width: 480px){
  .boxDiagnosis0403 .boxBaseCom.typeR {
    width: 100%;
    padding-top: 0;
    padding-bottom: 8vw;
  }
}

.boxDiagnosis0403 .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 77px;
  background-color: #e7141a;
  letter-spacing: 0.1em;
  font-size: 1.65rem;
  font-weight: 700;
  color: #ffff40;
}
@media all and (max-width: 480px){
  .boxDiagnosis0403 .p01 {
    height: 30vw;
    line-height: 1.3;
    font-size: 8.0vw;
  }
}

.page_diagnosis .sitefooter .bg {
  padding: 62px 0 0 0;
}



/*##### ColorSimulation #####*/
.page_colorsimulation .bread {
  margin-bottom: 19px;
}

.page_colorsimulation .mv {
  background-image: url('../../images/colorsimulation/c-simulation-top-bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .page_colorsimulation .mv {
    background-image: url('../../images_sp/colorsimulation/sp-c-simulation-top-bg.jpg');
    background-size: 100% auto;
  }
}

.boxCSimulation01Wrap {
  padding: 72px 0 48px 0;
  background-image: url('../../images/colorsimulation/c-simulation01-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxCSimulation01Wrap {
    padding: 10vw 0 0 0;
    background-size: 100% 100%;
  }
}

.boxCSimulation01 .ttlBase00 {
  margin-bottom: 40px;
}
@media all and (max-width: 480px){
  .boxCSimulation01 .ttlBase00 {
    margin-bottom: 7vw;
  }
}

.boxCSimulation01 .ttlBase00 .addDeco {
  position: relative;
}

.boxCSimulation01 .ttlBase00 .addDeco .icnCSimulation01Point01 {
  position: absolute;
  top: -10px;
  left: 12px;
  max-width: auto;
}
@media all and (max-width: 480px){
  .boxCSimulation01 .ttlBase00 .addDeco .icnCSimulation01Point01 {
    top: -1.7vw;
    left: 2.5vw;
    width: 19vw;
  }
}

@media all and (max-width: 480px){
  .boxCSimulation01 h2:not(.exc).ttlBase00 .ttlMain {
    line-height: 1.8;
  }
}

.boxCSimulation0101 {
  padding-bottom: 35px;
}
@media all and (max-width: 480px){
  .boxCSimulation0101 {
    padding-bottom: 15vw;
  }
}

.boxCSimulation0101LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxCSimulation0101LR {
    display: block;
  }
}

.boxCSimulation0101L {
  width: 60%;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L {
    width: 100%;
    margin-bottom: 8vw;
  }
}

.boxCSimulation0101L .txtMarker01 {
  padding: 0 0 0 13px;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .txtMarker01 {
    padding: 0 0 0 2vw;
  }
}

.boxCSimulation0101L .boxBaseCom {
  margin-bottom: 29px;
  line-height: 2.0;
  letter-spacing: 0.15em;
  font-size: 1.06rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .boxBaseCom {
    margin-bottom: 10vw;
    letter-spacing: 0.1em;
    font-size: 5.5vw;
  }
}

.boxCSimulation0101L .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.boxCSimulation0101L .boxCont01 .txt01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 114px;
  height: 109px;
  margin-right: 19px;
  padding-top: 5px;
  background-image: url('../../images/colorsimulation/c-simulation01-bg02.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .boxCont01 .txt01 {
    width: 23vw;
    height: 22vw;
    margin-right: 3vw;
    padding-top: 1vw;
    background-size: 100% auto;
    line-height: 1.2;
    letter-spacing: normal;
    font-size: 3.9vw;
  }
}

.boxCSimulation0101L .boxCont01 .txt01 .small {
  font-size: 0.85rem;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .boxCont01 .txt01 .small {
    font-size: 3.3vw;
  }
}

.boxCSimulation0101L .boxCont01 .txt02 {
  margin-right: 0.6em;
  padding-top: 7px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-size: 1.45rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .boxCont01 .txt02 {
    margin-right: 0.2em;
    padding-top: 1vw;
    letter-spacing: normal;
    font-size: 6.0vw;
  }
}

.boxCSimulation0101L .boxCont01 .txt03 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .boxCont01 .txt03 {
    font-size: 6.0vw;
  }
}

.boxCSimulation0101L .boxCont01 .txt03 .txtNum {
  margin-right: 0.03em;
  font-family: "Oswald", sans-serif;
  font-size: 5.3rem;
  font-weight: 400;
}
@media all and (max-width: 480px){
  .boxCSimulation0101L .boxCont01 .txt03 .txtNum {
    margin-right: 0.02em;
    font-size: 20.0vw;
  }
}


.boxCSimulation0101R {
  width: 40%;
  text-align: right;
}
@media all and (max-width: 480px){
  .boxCSimulation0101R {
    width: 100%;
    text-align: center;
  }
}

.boxCSimulation0101R img {
  margin-top: -29px;
}
@media all and (max-width: 480px){
  .boxCSimulation0101R img {
    width: 100%;
    margin-top: 0;
  }
}

.boxCSimulation0102 {
  border-top: 8px #00b9ff solid;
  background-color: #fff;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 {
    border-top: 4px #00b9ff solid;
  }
}

.boxCSimulation0102 .ttl01 {
  margin-bottom: 32px;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .ttl01 {
    margin-bottom: 10vw;
  }
}

.boxCSimulation0102 .ttl01 > span {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 64px;
  margin-top: -36px;
  background-color: #00b9ff;
  letter-spacing: 0.13em;
  font-size: 1.45rem;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .ttl01 > span {
    width: 90%;
    height: 15vw;
    margin: 0 auto;
    margin-top: -8.5vw;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-size: 6.3vw;
  }
}

.boxCSimulation0102 .ul01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .ul01 {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 9vw;
  }
}

.boxCSimulation0102 .ul01 > li {
  position: relative;
  width: 25%;
  padding-top: 22%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .ul01 > li {
    width: 50%;
    padding-top: 50%;
    background-size: 96% auto;
  }
}

.boxCSimulation0102 .ul01 > li:nth-child(1) {
  background-image: url('../../images/colorsimulation/c-simulation01-bg0301.png');
}

.boxCSimulation0102 .ul01 > li:nth-child(2) {
  background-image: url('../../images/colorsimulation/c-simulation01-bg0302.png');
}

.boxCSimulation0102 .ul01 > li:nth-child(3) {
  background-image: url('../../images/colorsimulation/c-simulation01-bg0303.png');
}

.boxCSimulation0102 .ul01 > li:nth-child(4) {
  background-image: url('../../images/colorsimulation/c-simulation01-bg0304.png');
}

.boxCSimulation0102 .ul01 > li > span {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 17px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .ul01 > li > span {
    padding-top: 5vw;
    font-size: 5.0vw;
  }
}

.boxCSimulation0102 .ul01 > li:nth-child(2) > span {
  padding-top: 10px;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .ul01 > li:nth-child(2) > span {
    padding-top: 4vw;
  }
}

.boxCSimulation0102 .icnCSimulation01Arrow01 {
  display: block;
  margin: 0 auto;
}
@media all and (max-width: 480px){
  .boxCSimulation0102 .icnCSimulation01Arrow01 {
    width: 50vw;
    margin-bottom: 8vw;
  }
}


.boxCSimulation02 {
  margin-bottom: 5px;
}
@media all and (max-width: 480px){
  .boxCSimulation02 {
    margin-bottom: 13vw;
  }
}

.boxCSimulation02 .boxBaseCom.no01 {
  margin-bottom: 32px;
  padding: 0 20px;
}
@media all and (max-width: 480px){
  .boxCSimulation02 .boxBaseCom.no01 {
    margin-bottom: 7vw;
    padding: 0 4.5vw;
  }
}

.boxCSimulation0201 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 13px;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01F {
    display: block;
    margin-bottom: 2vw;
  }
}

.boxCSimulation0201 .boxCont01FOne {
  position: relative;
  width: 21.7%;
  margin-right: 4.4%;
  /*margin-bottom: 25px;*/
  padding: 18px 18px 18px 18px;
  background-image: url('../../images/colorsimulation/c-simulation02-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01FOne {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12vw;
    padding: 5vw 5vw 5vw 5vw;
    background-size: 100% 100%;
  }
}

.boxCSimulation0201 .boxCont01FOne:nth-child(4n) {
  margin-right: 0;
}

.boxCSimulation0201 .boxCont01FOne .boxImg {
  margin-bottom: 12px;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01FOne .boxImg {
    margin-bottom: 5vw;
    text-align: center;
  }
}

@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01FOne .boxImg img {
    width: 100%;
  }
}

.boxCSimulation0201 .boxCont01FOne .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  color: #e7141a;
}

.boxCSimulation0201 .boxCont01FOne .p01 .txtNum,
.boxCSimulation0201 .boxCont01 .p01 .txtNum {
  margin-right: 0.32em;
  padding-bottom: 0.25em;
  letter-spacing: normal;
  font-family: "Oswald", sans-serif;
  font-size: 2.05rem;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01FOne .p01 .txtNum,
  .boxCSimulation0201 .boxCont01 .p01 .txtNum {
    font-size: 10.0vw;
  }
}

.boxCSimulation0201 .boxCont01FOne .p01 .txtStr,
.boxCSimulation0201 .boxCont01 .p01 .txtStr {
  letter-spacing: 0.1em;
  font-size: 1.09rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01FOne .p01 .txtStr,
  .boxCSimulation0201 .boxCont01 .p01 .txtStr {
    font-size: 8.0vw;
  }
}

.boxCSimulation0201 .boxCont01 .p01 .txtStr {
  font-size: 1.2rem;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01 .p01 .txtStr {
    font-size: 8.0vw;
  }
}

.boxCSimulation0201 .boxCont01FOne .icnCSimulation02Arrow01 {
  position: absolute;
  top: 88px;
  right: -31px;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01FOne .icnCSimulation02Arrow01 {
    top: auto;
    bottom: -12vw;
    right: 0;
    left: 0;
    margin: auto;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 6vw;
  }
}

.boxCSimulation0201 .boxCont01 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 182px;
  padding-left: 145px;
  background-image: url('../../images/colorsimulation/c-simulation02-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01 {
    display: block;
    height: auto;
    padding-left: 0;
    padding-top: 25vw;
    background-size: 100% auto;
  }
}

.boxCSimulation0201 .boxCont01 .p00 {
  position: absolute;
  top: 11px;
  left: 50px;
  width: 190px;
  height: 127px;
  padding: 42px 0 0 34px;
  background-image: url('../../images/colorsimulation/c-simulation02-bg02.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .boxCSimulation0201 .boxCont01 .p00 {
    padding: 37px 0 0 20px;
  }
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01 .p00 {
    top: 0;
    left: -5vw;
    width: 40vw;
    height: 40vw;
    padding: 9vw 0 0 6vw;
    background-size: 100% auto;
    font-size: 4.8vw;
  }
}

.boxCSimulation0201 .boxCont01 .p00 > span {
  display: inline-block;
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
}

.boxCSimulation0201 .boxCont01 .p00 > span .small {
  margin-left: 2px;
  font-size: 1.13rem;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01 .p00 > span .small {
    margin-left: 0.5vw;
    font-size: 4.0vw;
  }
}

.boxCSimulation0201 .boxCont01 .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 12px;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxCSimulation0201 .boxCont01 .p01 {
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 2vw;
  }
}

.boxCSimulation03 {
  margin-bottom: 53px;
}
@media all and (max-width: 480px){
  .boxCSimulation03 {
    margin-bottom: 13vw;
  }
}

.boxCSimulation03 .boxBaseCom.no01 {
  margin-bottom: 32px;
  padding: 0 20px;
}
@media all and (max-width: 480px){
  .boxCSimulation03 .boxBaseCom.no01 {
    margin-bottom: 7vw;
    padding: 0 4.5vw;
  }
}

.boxCSimulation0301 {
  margin-bottom: 35px;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 {
    margin-bottom: 10vw;
  }
}

.boxCSimulation0301 .boxCont01 {
  width: 96%;
  margin: 0 auto;
  padding: 32px 0 32px 0;
  background-color: #e2e2e2;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 .boxCont01 {
    width: 100%;
    padding: 7vw 3vw 7vw 3vw;
  }
}

.boxCSimulation0301 .boxCont0101 {
  margin-bottom: 21px;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 .boxCont0101 {
    margin-bottom: 5vw;
  }
}

.boxCSimulation0301 .boxCont0101 .ttl01,
.boxCSimulation0301 .boxCont01FOne .ttl01 {
  margin-bottom: 15px;
  letter-spacing: 0.07em;
  font-size: 1.18rem;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 .boxCont0101 .ttl01,
  .boxCSimulation0301 .boxCont01FOne .ttl01 {
    margin-bottom: 3vw;
    letter-spacing: normal;
    font-size: 3.7vw;
  }
}

.boxCSimulation0301 .boxCont0101 .boxImg {
  margin-bottom: 18px;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 .boxCont0101 .boxImg {
    margin-bottom: 5vw;
  }
}

@media all and (max-width: 480px){
  .boxCSimulation0301 .icnCSimulation03Arrow01 {
    width: 70vw;
  }
}

.boxCSimulation0301 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 55px;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 .boxCont01F {
    padding: 0;
  }
}

.boxCSimulation0301 .boxCont01FOne {
  width: 31%;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxCSimulation0301 .boxCont01FOne {
    width: 32%;
  }
}

.boxCSimulation0302Wrap {
  background-image: url('../../images/colorsimulation/c-simulation03-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxCSimulation0302Wrap {
    background-position: 59.5% center;
    background-size: 340% auto;
  }
}

.boxCSimulation0302 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 168px;
  padding-top: 26px;
  padding-left: 20px;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxCSimulation0302 {
    height: 37vw;
    padding-top: 5vw;
    padding-left: 0;
    padding-right: 13vw;
  }
}

.boxCSimulation0302 .p01 {
  position: absolute;
  top: 85px;
  left: 165px;
  letter-spacing: 0.1em;
}
@media all and (max-width: 480px){
  .boxCSimulation0302 .p01 {
    top: 2vw;
    left: 2vw;
    font-size: 4.0vw;
    color: #ef6171;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
}

.boxCSimulation0302 .p01 > span {
  display: inline-block;
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

.boxCSimulation0302 .boxBaseCom {
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.15em;
  font-size: 1.29rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxCSimulation0302 .boxBaseCom {
    letter-spacing: 0.1em;
    font-size: 6.0vw;
  }
}

.boxCSimulation0302 .boxBaseCom .large {
  font-size: 1.7rem;
  color: #ffff40;
}
@media all and (max-width: 480px){
  .boxCSimulation0302 .boxBaseCom .large {
    font-size: 7.0vw;
  }
}


.boxCSimulation04 {
  margin-bottom: 45px;
}
@media all and (max-width: 480px){
  .boxCSimulation04 {
    margin-bottom: 13vw;
  }
}

.boxCSimulation0401 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 55px;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01LR {
    display: block;
    margin-bottom: 10vw;
  }
}

.boxCSimulation0401 .boxCont01L {
  width: 44.3%;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01L {
    width: 100%;
    margin-bottom: 5vw;
  }
}

.boxCSimulation0401 .boxCont01R {
  width: 50.8%;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01R {
    width: 100%;
  }
}

.boxCSimulation0401 .boxCont01R .ttl01 {
  margin-bottom: 12px;
  margin-left: -15px;
  padding: 12px 0 7px 42px;
  background-image: url('../../images/colorsimulation/c-simulation04-icn-deco01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  letter-spacing: 0.08em;
  font-size: 1.3rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01R .ttl01 {
    margin-bottom: 7vw;
    margin-left: -2vw;
    padding: 3vw 0 3vw 7vw;
    background-size: 13vw auto;
    font-size: 6.0vw;
  }
}

.boxCSimulation0401 .boxCont01R .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 0;
  background-image: url('../../images/colorsimulation/c-simulation04-border01.png');
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01R .dl01 {
    display: block;
    padding: 5vw 0;
  }
}

.boxCSimulation0401 .boxCont01R .dl01 > dt {
  width: 25%;
  padding: 0 0 0 43px;
  background-image: url('../../images/colorsimulation/c-simulation04-icn-arrow01.png');
  background-repeat: no-repeat;
  background-position: 15% center;
  background-size: auto auto;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01R .dl01 > dt {
    width: 100%;
    margin-bottom: 3vw;
    padding: 0 0 0 7vw;
    background-position: left center;
    background-size: 2vw auto;
    font-size: 5.5vw;
  }
}

.boxCSimulation0401 .boxCont01R .dl01 > dd {
  width: 75%;
  letter-spacing: 0.05em;
  font-size: 1.03rem;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxCont01R .dl01 > dd {
    width: 100%;
    font-size: 5.5vw;
  }
}

.boxCSimulation0401 .boxCont01R .dl01 > dd .txtZipcode {
  display: block;
  margin-bottom: 0.5em;
}


.boxCSimulation0401 .boxMap {
  text-align: center;
}

.boxCSimulation0401 .boxMap iframe {
  width: 100%;
  height: 385px;
}
@media all and (max-width: 480px){
  .boxCSimulation0401 .boxMap iframe {
    height: 100vw;
  }
}


.boxCSimulationBnWrap {
  margin-bottom: 4.3em;
}



/*##### Guide #####*/
body.page_guide .workslider_bg {
  margin-bottom: 3.375rem;
  background: url("../../images/common/bg-graywall.jpg") center top;
  padding-top: 3.375rem;
  padding-bottom: 3.5rem;
}

.page_guide .bread {
  margin-bottom: 19px;
}

.page_guide .mv {
  background-image: url('../../images/guide/guide-top-bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .page_guide .mv {
    background-image: url('../../images_sp/guide/sp-guide-top-bg.jpg');
    background-size: 100% auto;
  }
}

.boxGuide01Wrap {
  padding: 72px 0 45px 0;
  background-image: url('../../images/guide/guide01-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
	margin-bottom: 3rem;
}
@media all and (max-width: 480px){
  .boxGuide01Wrap {
    padding: 10vw 0 10vw 0;
    background-size: 100% 100%;
  }
}

.boxGuide01 .ttlBase00 {
  margin-bottom: 40px;
}
@media all and (max-width: 480px){
  .boxGuide01 .ttlBase00 {
    margin-bottom: 7vw;
  }
}

@media all and (max-width: 480px){
  .boxGuide01  h2:not(.exc).ttlBase00 .ttlMain {
      line-height: 1.8;
  }
}

.boxGuide01 .ttlBase00 .addDeco {
  position: relative;
}

.boxGuide01 .ttlBase00 .addDeco .icnGuide01Point01 {
  position: absolute;
  top: -10px;
  left: 12px;
  max-width: auto;
}
@media all and (max-width: 480px){
  .boxGuide01 .ttlBase00 .addDeco .icnGuide01Point01 {
    top: -1.7vw;
    left: 3.0vw;
    width: 44vw;
  }
}

.boxGuide0101 .boxBaseCom {
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-size: 1.13rem;
}
@media all and (max-width: 480px){
  .boxGuide0101 .boxBaseCom {
    text-align: left;
    font-size: 5.5vw;
  }
}

.boxGuide0101 .boxBaseCom p:not(:last-child) {
  margin-bottom: 15px;
}
@media all and (max-width: 480px){
  .boxGuide0101 .boxBaseCom p:not(:last-child) {
    margin-bottom: 5vw;
  }
}


.boxGuide02 {
  margin-bottom: 42px;
}
@media all and (max-width: 480px){
  .boxGuide02 {
    margin-bottom: 13vw;
  }
}

.boxGuide02 .ttlBase00 {
  position: relative;
  margin-bottom: 0;
}

.boxGuide02 h2:not(.exc).ttlBase00 .ttlMain {
  padding-bottom: 0.5em;
}

.boxGuide02 h2:not(.exc).ttlBase00 .ttlSub {
  padding-bottom: 1.0em;
}

.boxGuide02 .ttlBase00 .icnGuide02Deco01 {
  position: absolute;
  top: -20px;
  left: 220px;
}
@media all and (max-width: 480px){
  .boxGuide02 .ttlBase00 .icnGuide02Deco01 {
    top: 13vw;
    left: 5vw;
    width: 12vw;
  }
}

.boxGuide0201 {
  position: relative;
  height: 375px;
  background-image: url('../../images/guide/guide02-bg01-l.png'), url('../../images/guide/guide02-bg01-r.png'), url('../../images/guide/guide02-bg01-c.png');
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 9% 52px, 87.5% 52px, center top;
  background-size: auto auto, auto auto, auto auto;
}
@media all and (max-width: 480px){
  .boxGuide0201 {
    height: 80vw;
    background-position: 3% 5vw, 97% 15vw, 60% top;
    background-size: 30% auto, 30% auto, 80% auto;
  }
}

.boxGuide0201 .txtGuide0201 {
  position: absolute;
  text-align: center;
  line-height: 1.3;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txtGuide0201 {
    letter-spacing: normal;
    font-size: 3.8vw;
  }
}

.boxGuide0201 .txt01 {
  top: 92px;
  left: 223px;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txt01 {
    top: 11.5vw;
    left: 21.5%;
  }
}

.boxGuide0201 .txt02 {
  top: 171px;
  left: 93px;
  color: #00b9ff;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txt02 {
    top: 26vw;
    left: 3.5%;
  }
}

.boxGuide0201 .txt03 {
  top: 244px;
  left: 223px;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txt03 {
    top: 38.5vw;
    left: 21.5%;
  }
}

.boxGuide0201 .txt04 {
  top: 92px;
  left: 786px;
  color: #00b9ff;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txt04 {
    top: 22vw;
    left: 72%;
  }
}

.boxGuide0201 .txt05 {
  top: 171px;
  left: 902px;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txt05 {
    top: 36vw;
    left: 87.5%;
  }
}

.boxGuide0201 .txt06 {
  top: 246px;
  left: 755px;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxGuide0201 .txt06 {
    top: 49vw;
    left: 68.5%;
    letter-spacing: -0.03em;
    font-size: 3.5vw;
  }
}

.boxGuide0201 .boxBaseCom p:not(:last-child) {
  margin-bottom: 15px;
}
@media all and (max-width: 480px){
  .boxGuide0201 .boxBaseCom p:not(:last-child) {
    margin-bottom: 5vw;
  }
}


.boxGuide03Wrap {
  padding: 55px 0 55px 0;
  background-image: url('../../images/guide/guide03-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxGuide03Wrap {
    padding: 10vw 0 10vw 0;
  }
}

.boxGuide0301 {
  margin-bottom: 47px;
}
@media all and (max-width: 480px){
  .boxGuide0301 {
    margin-bottom: 13vw;
  }
}

.boxGuide0301 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01LR {
    display: block;
  }
}

.boxGuide0301 .boxCont01L {
  width: 18%;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01L {
    position: relative;
    width: 10%;
  }
}

.boxGuide0301 .boxCont01L .ttl01 {
  width: 194px;
  height: 102px;
  background-image: url('../../images/guide/guide03-bg02.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01L .ttl01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
    height: 30vw;
    background-size: 100% auto;
    font-size: 5.0vw;
  }
}

.boxGuide0301 .boxCont01L .ttl01 > span {
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
  display: inline-block;
  padding: 22px 0 0 20px;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01L .ttl01 > span {
    padding: 6vw 0 0 5vw;
  }
}

.boxGuide0301 .boxCont01L .ttl01 .txt01 {
  display: block;
  margin-bottom: 7px;
  font-size: 1.0rem;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01L .ttl01 .txt01 {
    margin-bottom: 2vw;
    font-size: 4.5vw;
  }
}


.boxGuide0301 .boxCont01R {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 82%;
  padding-right: 145px;
  padding-top: 16px;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01R {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding-right: 0;
    padding-top: 25vw;
  }
}

.boxGuide0301 .boxCont01R .icnGuide03Arrow01 {
  position: absolute;
  right: 0;
  top: 59px;
  max-width: none;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01R .icnGuide03Arrow01 {
    right: 55%;/*45vw;*/
    top: 61vw;
    width: 75vw;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.boxGuide0301 .boxCont01R .dl01 {
  width: 33.333333%;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01R .dl01 {
    width: 100%;
    margin-bottom: 10vw;
  }
}

.boxGuide0301 .boxCont01R .dl01 > dt {
  margin-bottom: 46px;
  padding-bottom: 28px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto auto;
  letter-spacing: 0.07em;
  font-size: 1.1rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01R .dl01 > dt {
    margin-bottom: 3vw;
    padding-bottom: 6vw;
    background-size: 40% auto;
    font-size: 5.0vw;
  }
}

.boxGuide0301 .boxCont01R .dl01 > dt.star01 {
  background-image: url('../../images/guide/guide03-icn-star01.png');
}

.boxGuide0301 .boxCont01R .dl01 > dt.star03 {
  background-image: url('../../images/guide/guide03-icn-star03.png');
}

.boxGuide0301 .boxCont01R .dl01 > dt.star05 {
  background-image: url('../../images/guide/guide03-icn-star05.png');
}

.boxGuide0301 .boxCont01R .dl01 > dd {
  font-size: 1.03rem;
}
@media all and (max-width: 480px){
  .boxGuide0301 .boxCont01R .dl01 > dd {
    font-size: 5.0vw;
  }
}


.boxGuide0302 {
  margin-bottom: 48px;
}
@media all and (max-width: 480px){
  .boxGuide0302 {
    margin-bottom: 13vw;
  }
}

.boxGuide0302 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01F {
    display: block;
    margin-bottom: 5vw;
  }
}

.boxGuide0302 .boxCont01FOne {
  width: 30.4%;
  min-height: 360px;
  margin-right: 4.4%;
  margin-bottom: 26px;
  padding: 19px 22px 12px 23px;
  border: 5px #e2e2e2 solid;
  background-color: #fff;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne {
    width:  100%;
    min-height: auto;
    margin-right: 0;
    margin-bottom: 7vw;
    padding: 7vw 5vw 5vw 5vw;
  }
}

.boxGuide0302 .boxCont01FOne:nth-child(3n) {
  margin-right: 0;
}

.boxGuide0302 .boxCont01FOne .ttl01 {
  margin-bottom: 15px;
  padding-bottom: 11px;
  background-image: url('../../images/guide/guide03-ttl-border01.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto auto;
  text-align: center;
  font-size: 1.23rem;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .ttl01 {
    margin-bottom: 7vw;
    padding-bottom: 5vw;
    background-size: 30% auto;
    font-size: 7.0vw;
  }
}

.boxGuide0302 .boxCont01FOne .boxImg {
  margin-bottom: 16px;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .boxImg {
    margin-bottom: 5vw;
  }
}

@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .boxImg img {
    width: 100%;
  }
}

.boxGuide0302 .boxCont01FOne .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .dl01 {
    margin-bottom: 3vw;
  }
}

.boxGuide0302 .boxCont01FOne .dl01 > dt {
  width: 83px;
  margin-right: 0.8em;
  padding: 0.38em 0 0.3em 0;
  border: 1px #e7141a solid;
  text-align: center;
  font-size: 1.0rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .dl01 > dt {
    width: 23vw;
    font-size: 5.5vw;
  }
}

.boxGuide0302 .boxCont01FOne .dl01 > dd {
  padding-bottom: 1px;
}
@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .dl01 > dd {
    padding-bottom: 0.5vw;
  }
}

@media all and (max-width: 480px){
  .boxGuide0302 .boxCont01FOne .dl01 > dd img {
    width: 40vw;
  }
}

.boxGuide0302 .icnGuide03Arrow02 {
  display: block;
  margin: 0 auto 50px auto;
}
@media all and (max-width: 480px){
  .boxGuide0302 .icnGuide03Arrow02 {
    width: 50%;
    margin: 0 auto 10vw auto;
  }
}


.boxGuide0303 {
  background-color: #eaeaea;
}

.boxGuide0303 .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 77px;
  background-color: #e7141a;
  letter-spacing: 0.1em;
  font-size: 1.65rem;
  font-weight: 700;
  color: #ffff40;
}
@media all and (max-width: 480px){
  .boxGuide0303 .p01 {
    height: 18vw;
    letter-spacing: 0.08em;
    font-size: 7.0vw;
  }
}

.boxGuide0303 .boxLink {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 31px 0 32px 0;
}
@media all and (max-width: 480px){
  .boxGuide0303 .boxLink {
    display: block;
    padding: 31px 0 32px 0;
  }
}

.boxGuide0303 .boxLink .link01 {
  width: 524px;
  height: 158px;
  padding: 20px 0 0 20px;
  border: 1px #615f5f solid;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  text-decoration: none;
}
@media all and (max-width: 480px){
  .boxGuide0303 .boxLink .link01 {
    display: block;
    width: 100%;
    height: 37vw;
    padding: 3vw 0 0 3vw;
    background-size: 100% 100%;
  }
}

@media all and (max-width: 480px){
  .boxGuide0303 .boxLink .link01.no01 {
    margin-bottom: 5vw;
  }
}

.boxGuide0303 .boxLink .link01.no01 {
  background-image: url('../../images/guide/guide03-bn-bg0101.jpg');
}

.boxGuide0303 .boxLink .link01.no02 {
  background-image: url('../../images/guide/guide03-bn-bg0102.jpg');
}

.boxGuide0303 .boxLink .link01 .p02 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 8px;
  margin-left: -8px;
}
@media all and (max-width: 480px){
  .boxGuide0303 .boxLink .link01 .p02 {
    margin-bottom: 1vw;
    margin-left: -1vw;
  }
}

.boxGuide0303 .boxLink .link01 .p02 .txt01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 70px;
  height: 67px;
  margin-right: 8px;
  background-image: url('../../images/guide/guide03-bg03.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  font-size: 1.3rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxGuide0303 .boxLink .link01 .p02 .txt01 {
    width: 17vw;
    height: 17vw;
    margin-right: 2vw;
    background-size: 100% auto;
    font-size: 5.5vw;
  }
}

.boxGuide0303 .boxLink .link01 .p02 .txt02 {
  letter-spacing: 0.2em;
  font-size: 2.38rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxGuide0303 .boxLink .link01 .p02 .txt02 {
    font-size: 8.5vw;
  }
}

.boxGuide0303 .boxLink .link01 .p03 {
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-size: 0.85rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxGuide0303 .boxLink .link01 .p03 {
    font-size: 3.9vw;
  }
}

.boxGuide04 {
  padding-bottom: 10px;
}
@media all and (max-width: 480px){
  .boxGuide04 {
    padding-bottom: 3vw;
  }
}

.boxGuide0401One {
  margin-bottom: 44px;
}
@media all and (max-width: 480px){
  .boxGuide0401One {
    margin-bottom: 13vw;
  }
}

.boxGuide0401One .ttl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 16px;
  height: 85px;
  background-image: url('../../images/guide/guide04-ttl-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxGuide0401One .ttl01 {
    margin-bottom: 5vw;
    height: 40vw;
    background-size: 220% 100%;
  }
}

.boxGuide0401One .ttl01 .txt01 {
  width: 105px;
  text-align: center;
  font-weight: 400;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxGuide0401One .ttl01 .txt01 {
    width: 21.5%;
  }
}

.boxGuide0401One .ttl01 .txt01 .txtStr {
  display: block;
  margin-bottom: 0.08em;
  font-size: 0.8rem;
}
@media all and (max-width: 480px){
  .boxGuide0401One .ttl01 .txt01 .txtStr {
    font-size: 4.0vw;
  }
}

.boxGuide0401One .ttl01 .txt01 .txtNum {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 2.5rem;
}
@media all and (max-width: 480px){
  .boxGuide0401One .ttl01 .txt01 .txtNum {
    font-size: 11vw;
  }
}

.boxGuide0401One .ttl01 .txt02 {
  font-size: 1.5rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxGuide0401One .ttl01 .txt02 {
    width: 74%;
    line-height: 1.3;
    font-size: 7.0vw;
  }
}

.boxGuide0401One .boxCont01 {
  padding: 0 20px;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxCont01 {
    padding: 0 5vw;
  }
}

.boxGuide0401One .boxBaseCom {
  margin-bottom: 18px;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxBaseCom {
    margin-bottom: 5vw;
  }
}

.boxGuide0401One .boxBaseCom p:not(:last-child) {
  margin-bottom: 15px;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxBaseCom p:not(:last-child) {
    margin-bottom: 5vw;
  }
}

.boxGuide0401One .boxImg01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxImg01 {
    display: block;
    margin-bottom: 5vw 0 0 0;
    text-align: center;
  }
}

@media all and (max-width: 480px){
  .boxGuide0401One .boxImg01 img {
    width: 100%;
    margin-bottom: 3vw;
  }
}

.boxGuide0401One .boxLink {
  padding: 19px 0 2px 0;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxLink {
    padding: 5vw 0 1vw 0;
  }
}

.boxGuide0401One .boxLink .link01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin: 0 auto;
  background-color: #e7141a;
  letter-spacing: 0.12em;
  font-size: 1.08rem;
  color: #fff;
  text-decoration: none;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxLink .link01 {
    width: 100%;
    height: 18vw;
    font-size: 6.0vw;
  }
}

.boxGuide0401One .boxLink .link01 > span {
  padding: 0 2em 0 0;
  background-image: url('../../images/guide/guide04-icn-arrow01.png');
  background-repeat: no-repeat;
  background-position: 99% center;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxGuide0401One .boxLink .link01 > span {
    padding: 0 1.5em 0 0;
    background-size: 2.5vw auto;
  }
}



/*##### Rainleaking #####*/
body.page_rainleaking .workslider_bg {
  margin-bottom: 3.375rem;
  background: url("../../images/common/bg-graywall.jpg") center top;
  padding-top: 3.375rem;
  padding-bottom: 3.5rem;
}

.page_rainleaking .bread {
  margin-bottom: 19px;
}

.page_rainleaking .mv {
  background-image: url('../../images/rainleaking/rainleaking-top-bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .page_rainleaking .mv {
    background-image: url('../../images_sp/rainleaking/sp-rainleaking-top-bg.jpg');
    background-size: 100% auto;
  }
}


.boxRainleaking01Wrap {
  padding: 48px 0 48px 0;
  background-image: url('../../images/rainleaking/rainleaking01-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxRainleaking01Wrap {
    padding: 10vw 0 10vw 0;
    background-size: 700% auto;
  }
}

.boxRainleaking01 .ttlBase00 {
  margin-bottom: 32px;
}
@media all and (max-width: 480px){
  .boxRainleaking01 .ttlBase00 {
    margin-bottom: 7vw;
  }
}

.boxRainleaking0101 {
  padding-bottom: 66px;
}
@media all and (max-width: 480px){
  .boxRainleaking0101 {
    padding-bottom: 15vw;
  }
}

.boxRainleaking0101 .boxBaseCom {
  margin-bottom: 26px;
  text-align: center;
  line-height: 1.55;
  letter-spacing: 0.08em;
  font-size: 0.98rem;
}
@media all and (max-width: 480px){
  .boxRainleaking0101 .boxBaseCom {
    margin-bottom: 7vw;
    text-align: left;
    font-size: 5.5vw;
  }
}

.boxRainleaking0101 .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.boxRainleaking0101 .boxCont01 .txt01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 114px;
  height: 109px;
  margin-right: 19px;
  padding-top: 5px;
  background-image: url('../../images/rainleaking/rainleaking01-bg02.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  text-align: center;
  line-height: 1.26;
  font-size: 1.6rem;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxRainleaking0101 .boxCont01 .txt01 {
    width: 23vw;
    height: 22vw;
    margin-right: 4vw;
    padding-top: 0;
    background-size: 100% auto;
    line-height: 1.2;
    font-size: 6.0vw;
  }
}

.boxRainleaking0101 .boxCont01 .txt02 {
  margin-right: 0.6em;
  padding-top: 7px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-size: 1.45rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxRainleaking0101 .boxCont01 .txt02 {
    margin-right: 0.6em;
    padding-top: 1vw;
    font-size: 6.5vw;
  }
}

.boxRainleaking0101 .boxCont01 .txt03 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxRainleaking0101 .boxCont01 .txt03 {
    font-size: 6.5vw;
  }
}

.boxRainleaking0101 .boxCont01 .txt03 .txtNum {
  margin-right: 0.03em;
  font-family: "Oswald", sans-serif;
  font-size: 5.3rem;
  font-weight: 400;
}
@media all and (max-width: 480px){
  .boxRainleaking0101 .boxCont01 .txt03 .txtNum {
    font-size: 22.0vw;
  }
}


.boxRainleaking0102 {
  border-top: 8px #00b9ff solid;
  background-color: #fff;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 {
    border-top: 4px #00b9ff solid;
  }
}

.boxRainleaking0102 .ttl01 {
  margin-bottom: 32px;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 .ttl01 {
    margin-bottom: 10vw;
  }
}

.boxRainleaking0102 .ttl01 > span {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 64px;
  margin-top: -36px;
  background-color: #00b9ff;
  letter-spacing: 0.13em;
  font-size: 1.45rem;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 .ttl01 > span {
    width: 90%;
    height: 15vw;
    margin: 0 auto;
    margin-top: -8.5vw;
    font-size: 6.5vw;
  }
}

.boxRainleaking0102 .ul01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 .ul01 {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 9vw;
  }
}

.boxRainleaking0102 .ul01 > li {
  position: relative;
  width: 25%;
  padding-top: 22%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  text-align: center;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 .ul01 > li {
    width: 50%;
    padding-top: 50%;
    background-size: 96% auto;
  }
}

.boxRainleaking0102 .ul01 > li:nth-child(1) {
  background-image: url('../../images/rainleaking/rainleaking01-bg0301.png');
}

.boxRainleaking0102 .ul01 > li:nth-child(2) {
  background-image: url('../../images/rainleaking/rainleaking01-bg0302.png');
}

.boxRainleaking0102 .ul01 > li:nth-child(3) {
  background-image: url('../../images/rainleaking/rainleaking01-bg0303.png');
}

.boxRainleaking0102 .ul01 > li:nth-child(4) {
  background-image: url('../../images/rainleaking/rainleaking01-bg0304.png');
}

.boxRainleaking0102 .ul01 > li > span {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 17px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 .ul01 > li > span {
    padding-top: 5vw;
    font-size: 5.0vw;
  }
}

.boxRainleaking0102 .ul01 > li:nth-child(2) > span {
  padding-top: 10px;
}
@media all and (max-width: 480px){
  .boxRainleaking0102 .ul01 > li:nth-child(2) > span {
    padding-top: 4vw;
  }
}

.boxRainleaking0102 .icnRainleaking01Arrow01 {
  display: block;
  margin: 0 auto;
}


.boxRainleaking02 {
  margin-bottom: 55px;
}
@media all and (max-width: 480px){
  .boxRainleaking02 {
    margin-bottom: 13vw;
  }
}

.boxRainleaking0201 .ttlBase01 {
  margin-bottom: 1.3em;
}

.boxRainleaking0201 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxRainleaking0201 .boxCont01LR {
    display: block;
  }
}

.boxRainleaking0201 .boxCont01L {
  width: 40%;
}
@media all and (max-width: 480px){
  .boxRainleaking0201 .boxCont01L {
    width: 100%;
    margin-bottom: 7vw;
    text-align: center;
  }
}

.boxRainleaking0201 .boxCont01R {
  width: 56.3%;
}
@media all and (max-width: 480px){
  .boxRainleaking0201 .boxCont01R {
    width: 100%;
  }
}

.boxRainleaking0201 .boxCont01R .ol01 > li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
@media all and (max-width: 480px){
  .boxRainleaking0201 .boxCont01R .ol01 > li {
    margin-bottom: 5vw;
  }
}

.boxRainleaking0201 .boxCont01R .ol01 > li .txtNum {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 27px;
  height: 27px;
  margin-right: 15px;
  background-color: #e7141a;
  font-size: 1.25rem;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxRainleaking0201 .boxCont01R .ol01 > li .txtNum {
    width: 8%;
    height: 8vw;
    margin-right: 3%;
    font-size: 6.0vw;
  }
}

.boxRainleaking0201 .boxCont01R .ol01 > li .txtNum > span {
  display: inline-block;
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
}

.boxRainleaking0201 .boxCont01R .ol01 > li .txtStr {
  letter-spacing: 0.1em;
  font-size: 1.18rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxRainleaking0201 .boxCont01R .ol01 > li .txtStr {
    width: 89%;
    line-height: 1.4;
    font-size: 5.5vw;
  }
}


.boxRainleaking03 {
  margin-bottom: 55px;
}
@media all and (max-width: 480px){
  .boxRainleaking03 {
    margin-bottom: 13vw;
  }
}

.boxRainleaking0301 .ttlBase01 {
  margin-bottom: 1.3em;
}

.boxRainleaking0301 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxRainleaking0301 .boxCont01LR {
    display: block;
  }
}

.boxRainleaking0301 .boxCont01L {
  width: 40%;
}
@media all and (max-width: 480px){
  .boxRainleaking0301 .boxCont01L {
    width: 100%;
    margin-bottom: 7vw;
    text-align: center;
  }
}

.boxRainleaking0301 .boxCont01R {
  width: 56.3%;
}
@media all and (max-width: 480px){
  .boxRainleaking0301 .boxCont01R {
    width: 100%;
  }
}

.boxRainleaking0301 .boxCont01R .ttl01 {
  margin-bottom: 18px;
  letter-spacing: 0.06em;
  font-size: 1.32rem;
}
@media all and (max-width: 480px){
  .boxRainleaking0301 .boxCont01R .ttl01 {
    margin-bottom: 5vw;
    line-height: 1.4;
    font-size: 7.0vw;
  }
}

.boxRainleaking0301 .boxCont01R .boxBaseCom p:not(:last-child) {
    margin-bottom: 15px;
}
@media all and (max-width: 480px){
  .boxRainleaking0301 .boxCont01R .boxBaseCom p:not(:last-child) {
      margin-bottom: 3vw;
  }
}



.boxRainleaking04Wrap {
  padding: 55px 0 55px 0;
  background-image: url('../../images/rainleaking/rainleaking04-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 480px){
  .boxRainleaking04Wrap {
    padding: 15vw 0 10vw 0;
  }
}

.boxRainleaking04 .ttlBase00 .ttlSub {
  position: relative;
}

.boxRainleaking04 .ttlBase00 .ttlSub .txtDeco01 {
  position: absolute;
  top: -70px;
  left: 257px;
  width: 216px;
  height: 70px;
  padding: 24px 0 0 6px;
  background-image: url('../../images/rainleaking/rainleaking04-bg02.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  letter-spacing: 0.08em;
  font-size: 1.1rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxRainleaking04 .ttlBase00 .ttlSub .txtDeco01 {
    top: -18vw;
    left: 3vw;
    width: 50vw;
    height: 20vw;
    padding: 4.5vw 0 0 1vw;
    background-size: 100% auto;
    font-size: 4.5vw;
  }
}

.boxRainleaking04 .ttlBase00 .ttlSub .txtDeco01 > span {
  display: inline-block;
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}


.boxRainleaking0401 {
  margin-bottom: 47px;
}
@media all and (max-width: 480px){
  .boxRainleaking0401 {
    margin-bottom: 13vw;
  }
}

.boxRainleaking0401 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media all and (max-width: 480px){
  .boxRainleaking0401 .boxCont01F {
    display: block;
    margin-bottom: 7vw;
  }
}

.boxRainleaking0401 .boxCont01FOne {
  width: 30.4%;
  margin-right: 4.4%;
  margin-bottom: 26px;
  padding: 9px 22px 20px 23px;
  border: 5px #e2e2e2 solid;
  background-color: #fff;
}
@media all and (max-width: 480px){
  .boxRainleaking0401 .boxCont01FOne {
    width: 100%;
    margin-right: 0;
    margin-bottom: 7vw;
    padding: 7vw 5vw 5vw 5vw;
  }
}

.boxRainleaking0401 .boxCont01FOne:nth-child(3n) {
  margin-right: 0;
}

.boxRainleaking0401 .boxCont01FOne .ttl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 48px;
  padding-bottom: 17px;
  background-repeat: no-repeat, no-repeat;
  background-position: center bottom, 41% top;
  background-size: auto auto, auto auto;
  text-align: center;
  font-size: 1.35rem;
}
@media all and (max-width: 480px){
  .boxRainleaking0401 .boxCont01FOne .ttl01 {
    margin-bottom: 5vw;
    padding-top: 16vw;
    padding-bottom: 4vw;
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom, 41% top;
    background-size: 30vw auto, 25vw auto;
    font-size: 7.0vw;
  }
}

.boxRainleaking0401 .boxCont01FOne:nth-child(1) .ttl01 {
  background-image: url('../../images/rainleaking/rainleaking04-ttl-border01.png'), url('../../images/rainleaking/rainleaking04-icn-deco0101.png');
}

.boxRainleaking0401 .boxCont01FOne:nth-child(2) .ttl01 {
  background-image: url('../../images/rainleaking/rainleaking04-ttl-border01.png'), url('../../images/rainleaking/rainleaking04-icn-deco0102.png');
}

.boxRainleaking0401 .boxCont01FOne:nth-child(3) .ttl01 {
  background-image: url('../../images/rainleaking/rainleaking04-ttl-border01.png'), url('../../images/rainleaking/rainleaking04-icn-deco0103.png');
}

.boxRainleaking0401 .boxCont01FOne .ttl01 .txtRanking {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  width: 77px;
  margin-right: 1.0em;
  padding: 0.15em 0 0.4em 0;
  background-color: #e7141a;
  font-family: "Oswald", sans-serif;
  font-size: 0.97rem;
  font-weight: 400;
  color: #fff;
}
@media all and (max-width: 480px){
  .boxRainleaking0401 .boxCont01FOne .ttl01 .txtRanking {
    width: 20vw;
    font-size: 4.0vw;
  }
}

.boxRainleaking0401 .boxCont01FOne .ttl01 .txtRanking .txtNum {
  margin: 0 0.18em;
  font-size: 1.45rem;
}
@media all and (max-width: 480px){
  .boxRainleaking0401 .boxCont01FOne .ttl01 .txtRanking .txtNum {
    font-size: 8.0vw;
  }
}

.boxRainleaking0401 .boxCont01FOne .boxImg {
  text-align: center;
}

@media all and (max-width: 480px){
  .boxRainleaking0401 .boxCont01FOne .boxImg img {
    width: 100%;
  }
}

.boxRainleaking0402 .ttl01 {
  margin-bottom: 20px;
  background-image: url('../../images/rainleaking/rainleaking04-border02.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto auto;
  letter-spacing: 0.13em;
  font-size: 1.35rem;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .ttl01 {
    margin-bottom: 7vw;
    background-image: none;
    line-height: 1.4;
    font-size: 6.0vw;
  }
}

.boxRainleaking0402 .ttl01 .txt01 {
  position: relative;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .ttl01 .txt01 {
    display: inline-block;
  }
}

.boxRainleaking0402 .ttl01 .txt01 > span {
  position: relative;
  z-index: 2;
}

.boxRainleaking0402 .ttl01 .txt01 .border01Rainleaking04 {
  position: absolute;
  left: -20px;
  bottom: -4px;
  max-width: none;
  width: 110%;
  height: 19px;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .ttl01 .txt01 .border01Rainleaking04 {
    left: -2vw;
    bottom: auto;
    top: 2vw;
    width: 105%;
    height: 7vw;
  }
}

.boxRainleaking0402 .ttl01 .small {
  letter-spacing: 0.05em;
  margin-left: 0.5em;
  font-size: 0.92rem;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .ttl01 .small {
    font-size: 4.0vw;
  }
}

.boxRainleaking0402 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 22px;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .boxCont01LR {
    display: block;
    margin-bottom: 10vw;
  }
}

.boxRainleaking0402 .boxCont01L {
  width: 61%;
  padding-top: 26px;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .boxCont01L {
    width: 100%;
    margin-bottom: 10vw;
    padding-top: 0;
  }
}

.boxRainleaking0402 .boxCont01L .boxBaseCom {
  margin-bottom: 60px;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .boxCont01L .boxBaseCom {
    margin-bottom: 7vw;
  }
}

.boxRainleaking0402 .boxCont01R {
  width: 36.6%;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .boxCont01R {
    width: 100%;
    text-align: center;
  }
}

@media all and (max-width: 480px){
  .boxRainleaking0402 .boxCont01R img {
    width: 100%;
  }
}

.boxRainleaking0402 .icnRainleaking04Arrow01 {
  display: block;
  margin: 0 auto 40px auto;
}
@media all and (max-width: 480px){
  .boxRainleaking0402 .icnRainleaking04Arrow01 {
    width: 50%;
    margin: 0 auto 10vw auto;
  }
}

.boxRainleaking0403 {
  background-color: #eaeaea;
}

.boxRainleaking0403 .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 480px){
  .boxRainleaking0403 .boxCont01 {
    display: block;
  }
}

.boxRainleaking0403 .boxBaseCom.typeL {
  width: 55.4%;
  padding: 39px 0 35px 103px;
  background-image: url('../../images/rainleaking/rainleaking04-icn-deco02.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;
  line-height: 1.4;
  font-size: 1.3rem;
  font-weight: 700;
}
@media all and (max-width: 480px){
  .boxRainleaking0403 .boxBaseCom.typeL {
    width: 100%;
    padding: 35vw 0 5vw 0;
    background-position: center 9vw;
    background-size: 20vw auto;
    font-size: 6.0vw;
  }
}

.boxRainleaking0403 .boxBaseCom.typeL .txt01 {
  font-size: 1.7rem;
  color: #e7141a;
}
@media all and (max-width: 480px){
  .boxRainleaking0403 .boxBaseCom.typeL .txt01 {
    font-size: 8.0vw;
  }
}

.boxRainleaking0403 .boxBaseCom.typeR {
  width: 44.6%;
  padding-top: 35px;
}
@media all and (max-width: 480px){
  .boxRainleaking0403 .boxBaseCom.typeR {
    width: 100%;
    padding-top: 0;
    padding-bottom: 8vw;
  }
}

.boxRainleaking0403 .p01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 77px;
  background-color: #e7141a;
  letter-spacing: 0.1em;
  font-size: 1.65rem;
  font-weight: 700;
  color: #ffff40;
}
@media all and (max-width: 480px){
  .boxRainleaking0403 .p01 {
    height: 30vw;
    line-height: 1.3;
    font-size: 8.0vw;
  }
}