@charset "utf-8";

* {border: 0;margin: 0;outline: 0;padding: 0;margin:0;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font: inherit;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;text-decoration: none;vertical-align: baseline;font-style: normal;font-weight: 400;}
html {font-size: 62.5%;width: 100%;height: 100%;}
body {font-size: 14px;font-size: 1.7rem !important;;line-height: 1.6 !important;;position: relative;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;font-smoothing: antialiased;width: 100%;height: 100%;text-size-adjust: 100%;font-family: "TBUDゴシック R", "TBUDGothic R";}
body {color: #000000;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block;}
nav ul {list-style:none;}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	text-decoration:none;
	vertical-align:baseline;
}

table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
address, optgroup {font-style: normal;font-weight: normal;}
li {list-style: none;}
img{max-width: 100%}

/* common */
.ofuro-cancel-wrapper{max-width: 1200px;margin:0 auto;}
.ofuro-cancel-inner{border-radius: 40px;padding: 40px}
@media screen and (max-width: 767px) {
.ofuro-cancel-wrapper{margin: 0 1%;}
    .ofuro-cancel-inner{border-radius: 10px;padding: 30px 3%}
}

@media screen and (min-width: 767.5px) {
.pc-block{display: block}
.sp-block{display: none}
}
@media screen and (max-width: 767px) {
.sp-block{display: block}
.pc-block{display: none}
}

/* font */
.bold{font-family: "TBUDゴシック B", "TBUDGothic B";font-weight:bold}
.u-font-s { font-size: .8rem !important; }
.u-font-m { font-size: 1.2rem !important; }
.u-font-l { font-size: 1.8rem !important; }
.u-font-xl { font-size: 2rem !important; }
.u-font-xxl { font-size: 2.4rem !important; }
.u-font-xxxl { font-size: 2.8rem !important; }
.u-font-xxxxxxl { font-size: 3rem !important; }
.u-font-xxxxxxxl { font-size: 3.4rem !important; }
.u-font-xxxxxxxxl { font-size: 3.8rem !important; }
@media screen and (max-width: 767px) {
.u-font-sp { font-size: 1em !important; }
.u-font-sp-l {font-size: 1.2rem !important;} 
.u-font-sp-xl {font-size: 1.4rem !important;} 
.u-font-sp-xxl { font-size: 1.8rem !important; }
.u-font-sp-xxxl { font-size: 2rem !important; }
.u-font-sp-xxxxl { font-size: 2.4rem !important;}
}

/* color */
.cancel-marker {background: linear-gradient(transparent 50%, #FBE8BA 50%);}
.cancel-pink{color: #FF6E6E}
.cancel-blue{color: #377D97}
.cancel-yellow{color: #DB721C}
.cancel-brown{color: #7A3813}

/* link */
a.cancel-link{color: #EB505F;text-decoration: underline}
a.cancel-link:hover{text-decoration:none}

/* padding */
.u-pr10 {padding-right: 10px !important;}
.u-pl10 {padding-left: 10px !important;}
.u-pt20 { padding-top: 20px !important; }
.u-pt40 { padding-top: 40px !important; }

/* margin */
.u-mt20 { margin-top: 20px !important; }
.u-mt25 { margin-top: 25px !important; }
.u-mt30 { margin-top: 30px !important; }
.u-mt35 { margin-top: 35px !important; }
.u-mt40 { margin-top: 40px !important; }
.u-mb40 { margin-bottom: 40px !important; }
@media screen and (max-width: 767px) {
.u-sp-mt10 { margin-top: 10px !important; } 
.u-sp-mt15 { margin-top: 15px !important; }    
.u-sp-mt0 { margin-top: 0px !important; }
}

/* display */
.u-d-f { display: flex !important;}
@media screen and (max-width: 767px) {
.u-sp-d-b { display: block !important; }    
}

/* flex */
.u-jc-c { justify-content: center !important; }
.u-ai-c { align-items: center !important; }
.u-jc-sb { justify-content: space-between !important; }
@media screen and (max-width: 767px) {
.u-sp-ai-fe { align-items: flex-end !important; }
}
    
/* 位置 */
.u-ta-c { text-align: center !important; }
@media screen and (max-width: 767px) {.u-sp-ta-c { text-align: center !important; }}

/* haikei */
.bg-white{background: #fff}
#bg-light-blue{background: #D8F5F9;padding-bottom: 30px}
#wave-light-blue{background: url(../assets/wave-pink.png) repeat-x right bottom #D8F5F9;padding-top: 1%;background-size: contain;}
#bg-light-pink{background:#FDE1DC;padding-bottom: 30px}
#wave-light-pink{background: url(../assets/wave-yellow.png) repeat-x right bottom #FDE1DC;padding-top: 1%;background-size: contain;}
#bg-light-yellow{background:#FFF0DC;padding-bottom: 30px}
#wave-light-yellow{background: url(../assets/wave-white.png) repeat-x right bottom #FFF0DC;padding-top: 1%;background-size: contain;}
@media screen and (max-width: 767px) {
    #wave-light-blue, #wave-light-pink, #wave-light-yellow{padding-top: 2%;}
}

/* -- main --*/
@media screen and (min-width: 767.5px) {.ofuro-cancel-mv{background: url(../assets/ofuro-cancel-mv-bg.jpg) center top no-repeat;background-size: contain;}}
.investigation-box{border:#7DB0C3 11px solid;background: #fff;border-radius:20px;padding: 40px}
@media screen and (max-width: 767px) {
.investigation-box{border:#7DB0C3 6px solid;background: #fff;border-radius:10px;padding: 30px 3%}
}


/*-- pink --*/
.ofuro-cancel-pink-width{width: 70%;margin:0 auto}
@media screen and (max-width: 767px) {.ofuro-cancel-pink-width{width: 90%;}}
/* 調査概要 */
.question-wrap{border: 2px solid #EB505F;border-radius: 20px}
.question-th{width: 40%;padding: 5px;background: #F2818C;color: #fff;text-align: center;border-bottom: 1px solid #fff}
.question-td{padding: 5px 5px 5px 15px;border-bottom: 1px solid #EB505F;width: 60%;}
.title-item-font img{width: 1.6em;vertical-align: middle;}
.border-none{border-bottom:none}
.border-radius1{border-radius: 19px 0 0 0}
.border-radius2{border-radius: 0 0 0 19px}
.wave-blue{background: url(../assets/wave-blue.png) right bottom repeat-x;padding-bottom:1%}
@media screen and (max-width: 767px) {
.question-wrap{border-radius:10px}
.border-radius1{border-radius: 9px 0 0 0}
.border-radius2{border-radius: 0 0 0 9px}
.question-th{padding: 10px 3%}
.question-td{padding: 10px 3% 10px 15px;}
.question-th, .question-td{align-items: center;display: flex;justify-content: center;}
.wave-blue{padding-bottom:3%}
}

/* 「おふろキャンセル」する理由 */
.ofuro-cancel-list{border: 3px solid #377D97;width: 100%;box-sizing: border-box;width: 100%}
.ofuro-cancel-list th{width: 10%;background: #D8F5F9;border-bottom: 3px solid #377D97;border-right: 3px solid #377D97;padding: 10px;vertical-align: middle}
.ofuro-cancel-td1{width: 80%;border-bottom: 3px solid #377D97;border-right: 3px solid #377D97;padding: 10px;vertical-align: middle}
.ofuro-cancel-td2{width: 10%;border-bottom: 3px solid #377D97;padding: 10px;text-align: center;vertical-align: middle}

/* 吹き出し */
.ofuro-cancel-user{width: 15%;margin-right: 20px}
.ofuro-cancel-user2{width: 15%;margin-left: 20px}
.ofuro-cancel-voice-left {width: 85%;position: relative;display: inline-block;margin: 1.5em 0 1.5em 15px;padding: 3%;max-width: 100%;background: #FFF;border: solid 3px #7DB0C3;box-sizing: border-box;border-radius: 20px;align-items: center;display: flex;text-align: left;}
.ofuro-cancel-voice-right {width: 85%;position: relative;display: inline-block;margin: 1.5em 15px 1.5em 0;padding: 3%;max-width: 100%;background: #FFF;border: solid 3px #7DB0C3;box-sizing: border-box;border-radius: 20px;align-items: center;display: flex;text-align: left;}
.ofuro-cancel-voice-left:before {content: "";position: absolute;top: 50%;left: -30px;margin-top: -14px;border: 15px solid transparent;border-right: 17px solid #FFF;z-index: 2;}
.ofuro-cancel-voice-right:before {content: "";position: absolute;top: 50%;right: -30px;margin-top: -14px;border: 15px solid transparent;border-left: 17px solid #FFF;z-index: 2;}
.ofuro-cancel-voice-left:after {content: "";position: absolute;top: 50%;left: -40px;margin-top: -20px;border: 20px solid transparent;border-right: 20px solid #7DB0C3;z-index: 1;}
.ofuro-cancel-voice-right:after {content: "";position: absolute;top: 50%;right: -40px;margin-top: -20px;border: 20px solid transparent;border-left: 20px solid #7DB0C3;z-index: 1;}
.ofuro-cancel-voice-left p, .ofuro-cancel-voice-right p {margin: 0;padding: 0;}
@media screen and (max-width: 767px) {
.ofuro-cancel-user{width: 20%;margin-right: 15px}
.ofuro-cancel-user2{width: 20%;margin-left: 15px}
.ofuro-cancel-voice-left {width: 80%;margin: 1.5em 0 1.5em 15px;padding: 3%;border: solid 3px #7DB0C3;border-radius: 10px;}
.ofuro-cancel-voice-right {width: 80%;margin: 1.5em 15px 1.5em 0;padding: 3%;border-radius: 10px;}
.ofuro-cancel-voice-left, .ofuro-cancel-voice-right{font-size: 1.1em !important}
.ofuro-cancel-voice-left{margin: .5em 0 .5em 15px;}
.ofuro-cancel-voice-right{margin: .5em 15px .5em 0;}
}

/*-- yellow --*/
.ofuro-cancel-gimon{margin-right: 20px;width: 33%}
.question-title{width: 70%;margin-right: 20px}
.question-img{width: 20%}
.balloon {position: relative;display: inline-block;padding: 7px 10px;max-width: 100%;width: 100%;color: #fff;border-radius: 50vh;background: #DB721C;text-align: center;}
.balloon:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #DB721C;}
.balloon p {margin: 0;padding: 0;}
@media screen and (min-width: 767.5px) {input#read-btn, input#read-btn2, input#read-btn3, input#read-btn4{display: none}}
@media screen and (max-width: 767px) {
.ofuro-cancel-gimon{margin: 0 auto;width: 80% !important}
.question-title{width: 80%;margin:0 auto}
.question-img{width: 60%;margin:0 auto;padding: 40px 0 0}
}

.bg-light-orange{background: #FEDCB0;border-radius: 40px;padding:40px}
.ofuro-cancel-inner2{border-radius: 28px;padding: 30px;background: #fff}
.indent {text-indent: -2em;padding-left: 2em;}
@media screen and (max-width: 767px) {
.bg-light-orange{border-radius: 10px;padding: 20px 3%;}
.ofuro-cancel-inner2{border-radius: 8px;padding:20px 3%;}
.bg-light-orange{padding:20px 3% 100px;}
.read {margin-right: auto;margin-left: auto;position: relative;}
.read label {text-align: center;width: 100%;height: 200px;bottom: 0;left: 0;position: absolute;z-index: 1;cursor: pointer;}
.read label:after {content:' 続きを読む';z-index: 2;width: 100%;max-width: 300px;padding: 10px;color: #ffffff;background-color:#DB721C;border-radius: 30px;position: absolute;bottom: -60px;left: 50%;transform: translate(-50%, 0);}
.read input:checked + label {height: 0px;}
.read input:checked + label:after {content: ' 閉じる';}
.read input {display: none;}
.read__content {overflow: hidden;height: 100px;}
.read input:checked ~ .read__content {height: auto;}
.read__content::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 80px;pointer-events: none;background: linear-gradient(to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%);
}
.read input:checked ~ .read__content {height: auto;}

.read input:checked ~ .read__content::after {opacity: 0;}
}


/*-- white --*/
.ofuro-cancel-pink-box {width: 88%;margin: 0 auto;}
.osusume-title img{vertical-align: bottom}
.ofuro-cancel-pink-box-inner{background: url(../assets/osusume-bg.jpg) repeat-y center top;background-size: contain;padding: 15px 50px;}
.osusume-bottom img{vertical-align: top}
.osusume-list{background: #FDE1DC;padding:5px 30px;border-radius: 50vh}
@media screen and (max-width: 767px) {.ofuro-cancel-pink-box {width: 95%;margin: 0 auto;}
.ofuro-cancel-pink-box-inner{padding: 15px 3%;}
}

/* torikae-button */
a .torikae-button{color: #fff;}
a .torikae-button:hover{box-shadow:none}
.torikae-button{width: 40%;margin:0 auto;background: linear-gradient(to bottom, #EB505F, #F2818C);box-shadow: 0px 5px #CE2132;text-shadow: 0px 3px #CE2132;border-radius: 16px;padding: 20px}
@media screen and (max-width: 767px) {
.torikae-button{width: 80%;border-radius: 8px;padding: 15px}
}

/* footer */
.footer {
  border-top: solid 1px #eeeae4;
  padding-bottom: 100px;
  background-color: #ffffff;
}

.footer__nav {
  padding: 20px;
}

.footer__nav__list {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.5;
}

.footer__nav__list__item {
  margin: 0 20px 20px 0;
  font-size: 1.2rem;
}

.footer__nav__logo {
  text-align: center;
}

.footer__nav__logo img {
  width: 120px;
}

.footer__nav__cp {
  margin-top: 15px;
  font-size: 0.9rem;
  text-align: center;
}

@media screen and (min-width: 767px) {
  .footer {
    padding-bottom: 20px;
  }
  .footer__nav {
    margin: 0 3% 0 3%;
  }
  .footer__nav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer__nav__list {
    width: 80%;
  }
  .footer__nav__list__item {
	  margin:0 0 20px 0 !important;
    width: calc(100%/3);
  }
  .footer__nav__cp {
    margin-top: 0;
    text-align: left;
  }
}    

.wakasu-banner2025 img {
    border-radius: 15px;
}

i.icon-angle-right.u-font-red.u-mr10 {margin-right: 11px;}
@media screen and (max-width: 680px) {ul.asterisk {padding: 4% 6%;}}
ul.asterisk {background:#fff;padding: 3%;margin-top: 4%;outline: 2px solid rgb(244, 244, 247);outline-offset: -7px;line-height: 1.6em;}
ul.asterisk li {margin-left: 1.5em;text-indent: -1.5em;}
.asterisk {font-size: .9em;}
ul.asterisk li:before {content: "※";padding-right: 1%;}
section.reference p{padding-left: 1em;text-indent: -1em;}
section.reference a {text-decoration: underline;}