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

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

header,main {
	background: #e7dfda;
}

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

@media print, screen and (min-width: 961px){
	
	header{
		display: block;
		padding: 54px 0 0 48px;
	}
	
	header h1{
		width: 104px;
		display: block;
		position: relative;
		top: initial;
		left: initial;
		z-index: 5;
	}
	
	section#privacy {
		width: 800px;
		margin: 0 auto;
		padding: 28px 0 70px;
		color: #567b7d;
	}
	
	section#privacy h2{
		font-size: 3.0rem;
		font-weight: 500;
		line-height: 1;
		color: #567b7d;
		letter-spacing: 0.1em;
		margin-bottom: 1.75em;
	}
	
	section#privacy h3{
		font-size: 2.4rem;
		font-weight: 500;
		line-height: 1.5;
		color: #567b7d;
		letter-spacing: 0.06em;
		text-indent: -0.9em;
		padding-left: 0.9em;
		margin-bottom: 0.75em;
	}
	
	section#privacy p{
		font-size: 1.7rem;
		color: #567b7d;
		line-height: 1.9;
	}
	
	section#privacy p.notes {
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#privacy div.block {
		border-top: 1px solid #567b7d;
		padding: 34px 0 0;
		margin-top: 34px;
	}

	section#privacy ul.num li{
		font-size: 1.7rem;
		color: #567b7d;
		line-height: 1.9;
		letter-spacing: 0.01em;
		text-indent: -2.5em;
		padding-left: 2.5em;
	}
	
	section#privacy ul.dot li{
		font-size: 1.7rem;
		color: #567b7d;
		line-height: 1.9;
		letter-spacing: 0.01em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#privacy .mt40{
		margin-top: 40px;
	}
	
	section#privacy .mt10{
		margin-top: 10px;
	}
	
	section#privacy div.frame {
		background: #FFF;
		margin: 30px 0 34px;
		padding: 38px 34px 28px;
	}
	
	section#privacy div.frame h5{
		font-size: 1.7rem;
		font-weight: 500;
		color: #567b7d;
		margin-bottom: 1.25em;
	}
}
	

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

@media screen and (max-width: 960px){
	
	
	header{
		display: block;
		padding: 7.64vw 0 0 6.6%;
	}
	
	header h1{
		width: 18.4vw;
        display: block;
		position: relative;
		top: initial;
		left: initial;
		z-index: 5;
	}
	
	section#privacy {
		width: 89.7%;
		margin: 0 auto;
		padding: 8vw 0 15vw;
		color: #567b7d;
	}
	
	section#privacy h2{
		font-size: 2.4rem;
		font-size: clamp(2.4rem, 6.65vw, 6.384rem);
		font-weight: 500;
		line-height: 1;
		color: #567b7d;
		letter-spacing: 0.1em;
		margin-bottom: 1em;
	}
	
	section#privacy h3{
		font-size: 1.8rem;
		font-size: clamp(1.8rem, 4.98vw, 4.788rem);
		font-weight: 500;
		line-height: 1.5;
		color: #567b7d;
		letter-spacing: 0.06em;
		text-indent: -0.9em;
		padding-left: 0.9em;
		margin-bottom: 0.75em;
	}
	
	section#privacy p{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, 3.6vw, 3.465rem);
		color: #567b7d;
		line-height: 1.9;
	}
	
	section#privacy p.notes {
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#privacy div.block {
		border-top: 1px solid #567b7d;
		padding: 6.8vw 0 0;
		margin-top: 6.8vw;
	}

	section#privacy ul.num li{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, 3.6vw, 3.465rem);
		color: #567b7d;
		line-height: 1.9;
		letter-spacing: 0.01em;
		text-indent: -2.5em;
		padding-left: 2.5em;
	}
	
	section#privacy ul.dot li{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, 3.6vw, 3.465rem);
		color: #567b7d;
		line-height: 1.9;
		letter-spacing: 0.01em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#privacy .mt40{
		margin-top: 8vw;
	}
	
	section#privacy .mt10{
		margin-top: 2vw;
	}
	
	section#privacy div.frame {
		background: #FFF;
		margin: 6vw 0 6vw;
		padding: 6vw 6vw 6vw;
	}
	
	section#privacy div.frame h5{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, 3.6vw, 3.465rem);
		font-weight: 500;
		line-height: 1.5;
		color: #567b7d;
		margin-bottom: 1.25em;
	}
	
}