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

* {
    box-sizing: border-box;
}
html,body {
  -webkit-text-size-adjust: none;
}
#container {
    max-width: 750px;
    margin: auto;
    font-size: 4vw;
}
img {
    width:  100%;
}
section .section-wrap {
	max-width: 710px;
	margin: auto;
}

.back-btn a:hover ,
.btn02 a:hover ,
.btn03 a:hover{
	opacity: 0.5;
}

.section1 {
	background: #111111;
}

.section1 .section-wrap {
	position: relative;
}

.section1 .back-btn {
	position: absolute;
	bottom: 21%;
	left: 21%;
	max-width: 58%;
}

section.month .back-btn {
	position: absolute;
	bottom: 68%;
	left: 20%;
	max-width: 58%;
}

section.month .btn02 {
	position: absolute;
	bottom: 31%;
	left: 20%;
	max-width: 60%;
}
section.month .tel {
	position: absolute;
	bottom: 11.3%;
	left: 60%;
	width: 34%;
}

section.month .btn03 {
	position: absolute;
	bottom: 24.5%;
	left: 20%;
	max-width: 61%;
}

section.month02 .back-btn {
	position: absolute;
	bottom: 68%;
	left: 21%;
	max-width: 58%;
}

section.month02 .btn02 {
	position: absolute;
	bottom: 31%;
	left: 21%;
	max-width: 60%;
}

section.month02 .btn03 {
	position: absolute;
	bottom: 24.2%;
	left: 21%;
	max-width: 61%;
}
section.month02 .tel {
	position: absolute;
	bottom: 11.2%;
	left: 59%;
	width: 21%;
}

section.month03 .back-btn {
	position: absolute;
	bottom: 56%;
	left: 21%;
	max-width: 58%;
}

section.month03 .btn02 {
	position: absolute;
	bottom: 25%;
	left: 21%;
	max-width: 60%;
}

section.month03 .btn03 {
	position: absolute;
	bottom: 20%;
	left: 21%;
	max-width: 61%;
}
section.month03 .tel {
	position: absolute;
	bottom: 9.3%;
	left: 59%;
	width: 21%;
}

section.trial .back-btn {
	margin: 0px 20% 6vw;
	max-width: 60%;
	position: static;
}

section.trial .btn02 {
	position: absolute;
	bottom: 27%;
	left: 21%;
	max-width: 60%;
}

section.trial .btn03 {
	position: absolute;
	bottom: 20%;
	left: 21%;
	max-width: 61%;
}
section.trial .tel {
	position: absolute;
	bottom: 11%;
    left: 49%;
    width: 36%;
}
.cont02 ,
.cont04 {
	background: #ececec;
}

.section1.cont03 .back-btn {
	bottom: 30%;
}

.cont05 {
	background: #fafafa;
}
.copy {
	text-align: center;
	padding: 0.7em;
	font-size: 3vw;
}
.tel {position: absolute;}
.cont01 .tel {
	bottom: 14.5%;
	left: 39%;
	width: 22vw;
}
.cont03 .tel {
	bottom: 22%;
	left: 39%;
	width: 22vw;
}
.cont06 .tel {
	bottom: 14.5%;
	left: 39%;
	width: 22vw;
}

footer {
	position: relative;
}
footer .footer-tel{
	position: absolute;
	left: 6%;
	bottom: 50%;
	right: 41%;
}
footer .footer-tel img {
	max-width: 100%;
}