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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

div#page_title div.page_title_inner h2{
    color: #FFF;
	line-height: 1.2;
}

div#page_title div.page_title_inner h2 small{
    color: #FFFF72;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	
	div#page_title {
		height: 17vw;
		padding: 1vw 0;
		background: #DB6A93;
		background: linear-gradient(0deg,rgba(219, 106, 147, 1) 5%, rgba(253, 231, 233, 1) 100%);
		position: relative;
		margin-bottom: 2vw;
	}

	section#harassment {
		padding-top: 4.4vw;
	}
	
	section#harassment div.section_inner{
		width: 65.8%;
		max-width: 900px;
		margin: 0 auto;
	}
	
	section#harassment div.section_inner p{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		line-height: 1.9;
		letter-spacing: 0.1em;
	}
	
	section#harassment div.section_inner p + p{
		margin-top: 2em;
	}
	
	section#harassment div.section_inner p.text_right{
		text-align: right;
	}
	
	section#harassment div.section_inner h3{
		font-size: 3.5rem;
		font-size: clamp(1.75rem, 2.56vw, 3.5rem);
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0.1em;
		border-bottom: 1px dashed #707070;
		margin-bottom: 0.5em;
		margin-top: 1.5em;
		padding-bottom: 0.25em;
	}
	
	section#harassment div.section_inner h4{
		font-size: 2.5rem;
		font-size: clamp(1.25rem, 1.83vw, 2.5rem);
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.1em;
		margin-bottom: 0.5em;
		margin-top: 1.5em;
	}
	
	section#harassment div.section_inner h4:first-of-type{
		margin-top: 0;
	}
	
	section#harassment div.section_inner ul{
		font-size: 2.5rem;
		font-size: clamp(1.25rem, 1.83vw, 2.5rem);
		padding-left: 1.25em;
		margin-bottom: 1.5em;
	}
	
	section#harassment div.section_inner ul li{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		line-height: 1.4;
		text-indent: -0.5em;
		padding-left: 0.5em;
	}
	
	section#harassment div.section_inner ul li + li{
		margin-top: 0.5em;
	}
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	div#page_title {
		height: 40vw;
		padding: 2vw 0;
		background: #DB6A93;
		background: linear-gradient(0deg,rgba(219, 106, 147, 1) 5%, rgba(253, 231, 233, 1) 100%);
		position: relative;
		margin-bottom: 2vw;
	}
	
	section#harassment {
		padding-top: 6vw;
	}
	
	section#harassment div.section_inner{
		width: 88%;
		margin: 0 auto;
	}
	
	section#harassment div.section_inner p{
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		line-height: 1.75;
		letter-spacing: 0.05em;
	}
	
	section#harassment div.section_inner p + p{
		margin-top: 2em;
	}
	
	section#harassment div.section_inner p.text_right{
		text-align: right;
	}
	
	section#harassment div.section_inner h3{
		font-size: 1.8rem;
		font-size: clamp(1.8rem, calc(0.138rem + 4.615vw), 3.6rem);
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0.1em;
		border-bottom: 1px dashed #707070;
		margin-bottom: 1em;
		margin-top: 2em;
		padding-bottom: 0.25em;
	}
	
	section#harassment div.section_inner h4{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.1em;
		margin-bottom: 0.5em;
		margin-top: 1.75m;
	}
	
	section#harassment div.section_inner h4:first-of-type{
		margin-top: 0;
	}
	
	section#harassment div.section_inner ul{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		padding-left: 1.25em;
		margin-bottom: 1.75em;
	}
	
	section#harassment div.section_inner ul li{
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		line-height: 1.4;
		text-indent: -0.5em;
		padding-left: 0.5em;
	}
	
	section#harassment div.section_inner ul li + li{
		margin-top: 0.5em;
	}
}