.main_content{letter-spacing:0.05em}
.main_content .container{padding:0 13px}
.main_image{position:relative;overflow:hidden;margin-bottom:50px;height:255px}
.main_image_inner{display:flex;align-items:center;justify-content:flex-start;height:100%;padding-bottom:255px}
.main_image h2{font-size: clamp(20px, calc(44 / 1200 * 100vw), 44px);font-weight:300;letter-spacing:.1em;color:#4a4a4a;text-align:center;width:100%;line-height: 1.5em;}
.section .section_heading{font-weight:500;text-align:center;letter-spacing:.1em;border-bottom:1px solid #333}
.section .info_list{display:flex;padding:20px 0;margin-top:50px;border-top: 1px solid #d9d9d9;}
.section .info_list:last-child{border-bottom: 1px solid #d9d9d9;}
.section .info_list+.info_list{border-top:1px solid #d9d9d9;margin-top:0}
.section .info_list dd .list_note+.list_note{margin-top:4px}
.section .link_area{border:1px solid #c5c5c5;margin-top:40px;padding:20px}
.section .link_path{display:flex;}
.section .link_path .blank_icon{position:relative;color:#222;font-size:1rem}
.section .link_path .blank_icon:after{content:"";display:inline-block;width:13px;height:12px;background:url(/saiyo/harassment/images/icon_blank_gray.png) 0 0 no-repeat;background-size:cover;margin-left:0.25em;vertical-align:-0.1em}
.section .link_path .arr-default{position:relative;display:inline-block;padding-left:20px;line-height:1.6}
.section .link_path .arr-default:after{content:"";position:absolute;top:50%;left:0;display:block;width:9px;height:9px;border-top:2px solid #c00;border-right:2px solid #c00;transform-origin:100% 0;transform:rotate(45deg);}
.section .link_path .blank_icon:hover .arr-default{text-decoration:underline}
.section .note_text{position:relative;padding-left:1em}
.section .note_text .indent{position:absolute;left:0}
.relative_link{background-color:#f2f2f2;padding:60px 0;margin-top:80px}
.relative_link .relative_list{display:flex;align-items:center;justify-content:space-between}
.relative_link .relative_list li a{display:block;font-size: clamp(14px, calc(16 / 900 * 100vw), 16px);background-color:#fff;color:#222;padding:15px 30px 15px 30px;border:1px solid #c2c2c2;transition:all .2s ease;text-align: center;}
.relative_link .relative_list li a span{background:url(/saiyo/harassment/images/arw_link.png) left center no-repeat;display:block;background-size:9px auto;transition:all .2s ease;}
.section .normal_text + .normal_text{margin-top: 15px}

@media only screen and (min-width:641px){
.main_content{font-size:.875em;margin-top:100px}
.main_content .container{margin:0 auto;max-width:1026px}
.main_image{background-image:url(/saiyo/harassment/images/img_harassment_header.jpg);background-repeat: no-repeat;background-position:50% 50%;background-size: cover;height:auto}
.main_image_inner{max-width:1000px;width:auto;margin:0 auto;padding-left:0}
.main_image h2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.section+.section{margin-top:80px}
.section .section_heading{margin-bottom: 30px;padding-bottom:15px;font-size:1.875rem}
.section .normal_text{font-size:1rem}
.section .info_list dt{font-weight:700;width:180px;padding-right:20px;font-size:1rem}
.section .info_list dd{width:calc(100% - 200px)}
.section .info_list dd .list_text{font-size:1rem}
.section .info_list dd .list_note{margin-top:10px}
.section .link_path dt{font-weight:700;font-size:1rem;margin-right:30px;line-height:1.6}
.section .link_area+.note_text{margin-top:30px}
.relative_link .relative_list li{width:46%;}
.relative_link .relative_list li a:hover{background-color:#c00;border-color:#c00;color:#fff;text-decoration: none;}
.relative_link .relative_list li a:hover span{background:url(/saiyo/harassment/images/arw_link2.png) left 4px center no-repeat;
    background-size:9px auto;}
.section .note_text{font-size:0.8125rem}
}

@media only screen and (min-width:641px) and (max-width:1000px){
.main_content{margin-top:10%}
.main_image_inner{position:relative;height:0;padding-bottom:25.5vw;}
}

@media only screen and (max-width:640px){
.main_content{position:relative;margin-top:50px}
.main_image{background-image:url(/saiyo/harassment/images/img_harassment_header_sp.jpg);background-repeat: no-repeat;background-position:50% 100%;background-size: cover;height:auto;margin-bottom:30px}
.main_image_inner{display:block;position:relative;height:0;padding-bottom:57.067vw}
.main_image h2{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:5.333vw;text-align:left;padding-left:13px;padding-right:13px}
.section_heading{margin-bottom:25px;padding-bottom:10px;font-size:1.25rem;line-height:1.5}
.section .normal_text{font-size:0.875rem;line-height:1.5}
.section+.section{margin-top:40px}
.section .info_list{display:block;padding:20px 0;margin-top:40px}
.section .info_list dt{font-weight:700;font-size:0.875rem}
.section .info_list dd{margin-top:12px;line-height:1.5}
.section .info_list dd .list_text{font-size:0.875rem}
.section .info_list dd .list_note{margin-top:10px}
.section .info_list dd .list_note+.list_note{margin-top:8px}
.section .note_text{font-size:0.75rem;line-height:1.4}
.section .link_area{margin-top:35px;padding:15px}
.section .link_path dt{font-weight:700;font-size:0.875rem;margin-right:30px;line-height:1.5}
.section .link_path .arr-default{font-size:0.875rem;line-height:1.5}
.section .link_area+.note_text{margin-top:20px}
.relative_link{margin-top:50px;padding:30px 0}
.relative_link .relative_list{display:block}
.relative_link .relative_list li+li{margin-top:15px}
.relative_link .relative_list li a{font-size:0.875rem;padding:0 15px;}
.relative_link .relative_list li a span{display:block;text-align:center;padding:15px;background-size:8px auto;}
}
