@charset "UTF-8";

/*---------------------------------------------

Each Page CSS

coded by d-spica at 2018-12-03

---------------------------------------------*/


section .balloonC {
	position: absolute;
	width: 5.1rem;
	height: 3.3rem;
	display: none;
}

section .balloonI {
	position: absolute;
	width: 4rem;
	height: 2.7rem;
	display: none;
}

section .balloonA {
	display: block;
	position: absolute;
	width: 6.65rem;
	height: 4.35rem;
	display: none;
}

section.smartphone {
	position: absolute;
	top: 1.45rem;
	left: 9.35rem;
	width: 16.4rem;
	height: 24.4rem;
}

section.comment {
	position: absolute;
	top: 1.45rem;
	left: 37.25rem;
	width: 10.6rem;
	line-height: 1.4;
	font-size: 0.75rem;
}

section.comment p {
	margin-bottom: 1.4em;
}

section .text {
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
	height: 0;
}


#f01 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f01 .balloonC {
	top: 5rem;
	left: 9rem;
}

#f02 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f02 .button {
	position: absolute;
	top: 4.7rem;
	left: 0;
}

#f02 .balloonC {
	top: 3.5rem;
	left: 13rem;
}

#f03 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f03 .button {
	position: absolute;
	top: 19.5rem;
	left: 0.8rem;
	width: 14.8rem;
}

#f03 .balloonC {
	top: 17.5rem;
	left: 12.5rem;
}

#f04 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f04 input {
	box-sizing: border-box;
	outline: none;
	border: solid 1px #999;
	border-radius: 0.2rem;
	background: #FFF;
	padding: 0.3em 0.6em;
	width: 14.5rem;
	font-size: 0.65rem;
}

#f04 .input1 {
	position: absolute;
	top: 5.8rem;
	left: 0.9rem;
}

#f04 .input2 {
	position: absolute;
	top: 8.85rem;
	left: 0.9rem;
}

#f04 .input3 {
	position: absolute;
	top: 11.95rem;
	left: 0.9rem;
}

#f04 .input4 {
	position: absolute;
	top: 15.25rem;
	left: 0.9rem;
}

#f04 .input5 {
	position: absolute;
	top: 18.35rem;
	left: 0.9rem;
}

#f04 .button {
	position: absolute;
	top: 21.9rem;
	left: 6.3rem;
	width: 4rem;
}

#f04 .button.OK {
	display: none;
}

#f04 .balloonI {
	top: 3.8rem;
	left: 13.2rem;
}

#f04 .balloonA {
	top: 5.2rem;
	left: 13rem;
}

#f04 .balloonC {
	top: 19.4rem;
	left: 8.3rem;
}

#f05 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f05 .button {
	position: absolute;
	top: 13.9rem;
	left: 6.3rem;
	width: 4rem;
}

#f05 .balloonC {
	top: 11.4rem;
	left: 8.3rem;
}

#f06 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f06 .button {
	position: absolute;
	top: 5.2rem;
	left: 0.85rem;
	width: 14.8rem;
}

#f06 .name {
	position: absolute;
	top: 11.45rem;
	left: 1.45rem;
	font-size: 0.55rem;
	font-weight: 700;
}

#f06 .balloonC {
	top: 3.4rem;
	left: 13.4rem;
}

#f07 {
	background: url("img/f01-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f07 .name {
	position: absolute;
	top: 10.4rem;
	left: 1.4rem;
	font-size: 0.65rem;
	font-weight: 700;
}

#f07 .button {
	position: absolute;
	top: 12rem;
	left: 13.5rem;
	width: 12.4rem;
}

#f07 .balloonC {
	top: 11rem;
	left: 18rem;
}

#f08 {
	background: url("img/f08-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}

#f08 .button {
	position: absolute;
	top: 13.4rem;
	left: 22.7rem;
	width: 12.8rem;
}

#f08 .balloonC {
	top: 12.2rem;
	left: 27.4rem;
}

#f09 {
	background: url("img/f09-bg.png") no-repeat 0 0;
	background-size: 100% auto;
}