form .full-input{
	width: calc(var(--font-base) * 14.2);
}
form textarea{
	width: calc(var(--font-base) * 14.2);
}

.side-menu{width: 60%; right: -60%;}
.side-menu-ul li{
	display: block; position: relative;
	height: 6%;
	padding: 0 calc(var(--font-base) * 1.2);
}
.side-menu-ul li.margin-top{margin-top: 8%;}
.side-menu-ul li p{font-size: calc(var(--font-base) * 1.2);}
.side-menu-ul li p.title{font-size: calc(var(--font-base) * 1.6);}

.logo-sp{display: block; width: 60%; left: 20%; margin-top: calc(var(--margin-base)*1); margin-bottom: calc(var(--margin-base)*1);}
.logo-pc{display: none;}

#concept-area p{width: 90%; left: 50%; transform: translate(-50%,0);}

.group-image{width: calc(var(--content-width) * 0.7 * 1.4); left: calc(var(--content-width) * 0.01); height: calc(var(--content-width) * 0.7 * 1.4); pointer-events: none;}
.group-center{width: calc(var(--content-width) * 0.24 * 1.4); height: calc(var(--content-width) * 0.18 * 1.4); left: calc(var(--content-width) * 0.23 * 1.4); top: calc(var(--content-width) * 0.26 * 1.4);}
.group-ring{width: calc(var(--content-width) * 0.5 * 1.4); left: calc(var(--content-width) * 0.1  * 1.4); top: calc(var(--content-width) * 0.1  * 1.4);}
.group-box{width: calc(var(--content-width) * 0.14 * 1.4); height: calc(var(--content-width) * 0.07 * 1.4);}
.group-box1{left: calc(var(--content-width) * (0.35 - 0.07) * 1.4); top: calc(var(--content-width) * (0.12 - 0.035) * 1.4);}
.group-box2{left: calc(var(--content-width) * (0.16 - 0.07) * 1.4); top: calc(var(--content-width) * (0.20 - 0.035) * 1.4);}
.group-box3{left: calc(var(--content-width) * (0.09 - 0.07) * 1.4); top: calc(var(--content-width) * (0.35 - 0.035) * 1.4);}
.group-box4{left: calc(var(--content-width) * (0.16 - 0.07) * 1.4); top: calc(var(--content-width) * (0.50 - 0.035) * 1.4);}
.group-box5{left: calc(var(--content-width) * (0.35 - 0.07) * 1.4); top: calc(var(--content-width) * (0.58 - 0.035) * 1.4);}
.group-box6{left: calc(var(--content-width) * (0.54 - 0.07) * 1.4); top: calc(var(--content-width) * (0.50 - 0.035) * 1.4);}
.group-box7{left: calc(var(--content-width) * (0.61 - 0.07) * 1.4); top: calc(var(--content-width) * (0.35 - 0.035) * 1.4);}
.group-box8{left: calc(var(--content-width) * (0.54 - 0.07) * 1.4); top: calc(var(--content-width) * (0.20 - 0.035) * 1.4);}

#concept-area p.indent-left{width: 78%;}

.tool-image{width: 100%; height: calc(var(--content-width) * 1.2);}
.tool-image .image{width: 80%; left: 10%; top: 45%; transform: translate(0,-50%);}
#concept-area .tool-image p{width: 80%; left: 10%; top: 96%; transform: translate(0,-50%); text-align: center;}

#hearing-area form button{width: 40%; left: 30%;}

#concept-area .link-button{width: 50%; left: 25%; height: calc(var(--content-width) * 0.10);}
#complete-area .link-button{width: 40%; left: 30%; height: calc(var(--content-width) * 0.10);}

#puzzle-explanation-area .indent{width: 94%; left: 3%;}
#puzzle-explanation-area .image-relative{width: 88%; left: 6%;}

#login-area .indent{width: 94%; left: 3%;}
#login-area form table{width: 94%; left: 3%;}
#login-area form .full-input{
	width: calc(var(--font-base) * 15.4);
}
#login-area form button{
	width: calc(var(--content-width) * 0.40); left: calc(var(--content-width) * 0.30);
	height: calc(var(--content-width) * 0.08);
}