@charset "utf-8";

/*---------------------------------
 common
---------------------------------*/
:root {
	--sp: 7.5;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

a {
	transition: 0.3s ease-in-out;
}

a:hover {
	opacity: 0.5;
	transition: 0.3s ease-in-out;
}

img {
	display: block;
	width: 100%;
}

body {
	overflow-x: hidden;
	background: #ffffff;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: 0.02em;
	margin: 0 auto;
}

li {
	list-style: none;
}

@media screen and (min-width: 768px) {
	body {
		width: 750px;
	}
	
	.uservoice {
		width: 94%;
		margin: 20px auto 40px;
	}
	
	.uservoice .voice_txt {
		color: #333333;
		font-size: 26px;
		line-height: 1.8em;
		text-align: center;
		margin: 15px 0;
	}
	
	.uservoice .voice_txt h4 {
		width: 70%;
		margin-bottom: 15px;
	}
	
	.tabDiv01 {
		margin-bottom: 25px;
	}
	
	#tab02 {
		display: none;
	}
	
	#tab01 ul.tabBtn, #tab02 ul.tabBtn {
		display: flex;
		width: 94%;
		margin: 0 auto;
	}
	
	#tab01 ul.tabBtn li, #tab02 ul.tabBtn li {
		width: 50%;
		cursor: pointer;
	}
	
	#contentWom {
		width: 94%;
		margin: 0 auto 25px;
	}
	
	#contentMen {
		width: 94%;
		margin: 35px auto 25px;
	}
}

@media screen and (max-width: 767px) {
	body {
		width: 100%;
	}
	
	.uservoice {
		width: 94%;
		margin: calc(20vw / var(--sp)) auto calc(40vw / var(--sp));
	}
	
	.uservoice .voice_txt {
		color: #333333;
		font-size: calc(26vw / var(--sp));
		line-height: 1.8em;
		text-align: center;
		margin: calc(15vw / var(--sp)) 0;
	}
	
	.uservoice .voice_txt h4 {
		width: 70%;
		margin-bottom: calc(15vw / var(--sp));
	}
	
	.tabDiv01 {
		margin-bottom: calc(25vw / var(--sp));
	}
	
	#tab02 {
		display: none;
	}
	
	#tab01 ul.tabBtn, #tab02 ul.tabBtn {
		display: flex;
		width: 94%;
		margin: 0 auto;
	}
	
	#tab01 ul.tabBtn li, #tab02 ul.tabBtn li {
		width: 50%;
		cursor: pointer;
	}
	
	#contentWom {
		width: 94%;
		margin: 0 auto calc(25vw / var(--sp));
	}
	
	#contentMen {
		width: 94%;
		margin: calc(35vw / var(--sp)) auto calc(25vw / var(--sp));
	}
}