@charset "utf-8";

/*========================

customer_harassment.css

========================*/

#main #main_visual h2.left_title:before {
 border-radius: 0 80px 80px 0;
}

#main #main_visual h2.left_title span {
 line-height: 1.4;
}

.section_title h3 {
 text-align:center;
}

#customer_harassment {
 display:flex;
 flex-direction: column;
 justify-content:center;
 width:100%;
}

#customer_harassment #customer_harassment_cont {
 display:flex;
 flex-direction: column;
 justify-content:center;
 row-gap:25px;
 width:100%;
}

#customer_harassment #customer_harassment_cont .pic {
 align-items:center;
 display:flex;
 flex-direction: column;
 justify-content:center;
 width:100%;
}

#customer_harassment #customer_harassment_cont .pic img {
 height:auto;
 width:100%;
 max-width:800px;
}

#customer_harassment #customer_harassment_cont .basic_policy {
 display:flex;
 flex-direction: column;
 justify-content:center;
 row-gap: 5px;
 width:100%;
}

#customer_harassment #customer_harassment_cont .basic_policy dl {
 display:flex;
 flex-direction: column;
 justify-content:center;
 row-gap: 10px;
}

#customer_harassment #customer_harassment_cont .basic_policy dl dt {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
 font-weight:600;
 line-height: 1.6;
}

#customer_harassment #customer_harassment_cont .basic_policy dl dd {
 font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
 line-height: 1.8;
}

#customer_harassment #customer_harassment_cont .case {
 display:flex;
 flex-direction: column;
 justify-content:center;
 row-gap: 15px;
}

#customer_harassment #customer_harassment_cont .case h4 {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
 font-weight:600;
 line-height: 1.6;
}

#customer_harassment #customer_harassment_cont .note {
 display:flex;
 flex-direction:column;
 font-size: calc(0.7rem + ((1vw - 0.48rem) * 0.6944));
 line-height: 1.6;
 row-gap: 5px;
}

#customer_harassment #customer_harassment_cont .case ul {
 display:flex;
 flex-direction: column;
 justify-content:center;
 row-gap: 2px;
 width:100%;
}

#customer_harassment #customer_harassment_cont .case ul li {
 font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
 line-height: 1.8;
}

#customer_harassment #customer_harassment_cont .outro {
 display:flex;
 flex-direction: column;
 justify-content:center;
 row-gap: 10px;
}

#customer_harassment #customer_harassment_cont .outro p {
 font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
 line-height: 1.8;
}

#customer_harassment #customer_harassment_cont .outro p.right {
 text-align:right;
}