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

/* ************************************************************
コンセプト
************************************************************ */
#block01{
	width: 100%;
	margin: 0 auto;
	padding: 10% 0
}
#block01 h2{
	width: 300px;
	margin: 0 auto;
}
#block01 h3{
	width: 100%;
	margin: 0 auto;
	font-family: 'Noto Serif JP', serif;
	padding: 5% 0;
	color: #06607b;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
}
#block01 p{
	width: 700px;
	margin: 0 auto;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#block01{
	padding: 15% 0
}
#block01 h3{
	padding: 10% 0;
}
#block01 p{
	width: 65%;
	margin: 0 auto;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#block01 h2{
	width: 250px;
}
#block01 h3{
	font-size: 13px;
}
#block01 p{
	width: 78%;
}
/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block01 h2{
	width: 220px;
}
#block01 h3{
	font-size: 12px;letter-spacing: normal;
}
 /* *************** */
}
/* ************************************************************
レッスン
************************************************************ */
#lessonlink{
	width: 100%;
	margin: 0 auto;
}
#lessonlink div{
	margin: 0 auto;
	width: 100%;
	position: relative;
}
#lessonlink div .backpc{
	display: block;
}
#lessonlink div .backmb{
	display: none;
}
#lessonlink .block03p1{
	width: 20%;
	position: absolute;
	top: 20%;
	right: 10%;
}
#lessonlink .block03p2{
	width: 30%;
	position: absolute;
	top: 43%;
	right: 8%;
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #feefd4;
}

#lessonlink .block03p3{
	margin: 0 auto;
	width: 120px;
	position: absolute;
	bottom: 30%;
	right: 20%;
}
/* ▼▼▼▼▼▼▼▼MaxWidth1600(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
#lessonlink .block03p3{
	right: 19%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */
#lessonlink .block03p2{
	width: 40%;
	right: 2%;
}
#lessonlink .block03p3{
	width: 100px;
	bottom: 27%;
	right: 17%;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth900(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */
#lessonlink .block03p3{
	bottom: 20%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#lessonlink div .backpc{
	display: none;
}
#lessonlink div .backmb{
	display: block;
}
#lessonlink .block03p1{
	width: 40%;
	top: 50%;
	right: 21%;
}
#lessonlink .block03p2{
	width: 70%;
	top: 63%;
	right: 13%;
}

#lessonlink .block03p3{
	width: 17%;
	bottom: 18%;
	right: 40%;
}
/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#lessonlink .block03p1{
	width: 50%;
	right: 16%;
}
#lessonlink.block03p2{
	width: 80%;
	top: 65%;
	right: 9%;
}

#lessonlink .block03p3{
	width: 95px;
	bottom: 15%;
	right: 38%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */

#lessonlink .block03p3{
	bottom: 12%;
	right: 37%;
}
 /* *************** */
}
/* ************************************************************
ブロック4部分 体験レポート
************************************************************ */
#reportlink{
	width: 100%;
	margin: 0 auto;
}
#reportlink div{
	margin: 0 auto;
	width: 100%;
	position: relative;
}
#reportlink div .backpc{
	display: block;
}
#reportlink div .backmb{
	display: none;
}
#reportlink .block04p1{
	width: 20%;
	position: absolute;
	top: 20%;
	left: 16%;
}
#reportlink .block04p2{
	width: 30%;
	position: absolute;
	top: 43%;
	left: 8%;
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #feefd4;
}

#reportlink .block04p3{
	margin: 0 auto;
	width: 120px;
	position: absolute;
	bottom: 30%;
	left: 20%;
}
/* ▼▼▼▼▼▼▼▼MaxWidth1600(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
#reportlink .block04p3{
	bottom: 26%;
	left: 19%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */
#reportlink .block04p1{
	width: 24%;
}
#reportlink .block04p2{
	width: 40%;
	top: 41%;
	left: 4%;
}
#reportlink .block04p3{
	width: 100px;
	bottom: 22%;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */
#reportlink .block04p2{
	line-height: 1.7;
	letter-spacing: normal;
}
#reportlink .block04p3{
	bottom: 17%;
}
/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#reportlink div .backpc{
	display: none;
}
#reportlink div .backmb{
	display: block;
}
#reportlink .block04p1{
	width: 43%;
	top: 50%;
	left: 33%;
}
#reportlink .block04p2{
	width: 70%;
	top: 63%;
	left: 13%;
}

#reportlink .block04p3{
	width: 17%;
	bottom: 18%;
	left: 40%;
}
/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#reportlink .block04p1{
	width: 55%;
	left: 31%;
}
#reportlink .block04p2{
	width: 80%;
	top: 63%;
	left: 10%;
}

#reportlink .block04p3{
	width: 95px;
	bottom: 13%;
	left: 40%;
}
 /* *************** */
}
/* ************************************************************
プライス
************************************************************ */
#pricelink{
	width: 100%;
	margin: 0 auto;
}
#pricelink div{
	margin: 0 auto;
	width: 100%;
	position: relative;
}
#pricelink div .backpc{
	display: block;
}
#pricelink div .backmb{
	display: none;
}
#pricelink .block03p1{
	width: 16%;
	position: absolute;
	top: 20%;
	right: 12%;
}
#pricelink .block03p2{
	width: 30%;
	position: absolute;
	top: 43%;
	right: 8%;
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #feefd4;
}

#pricelink .block03p3{
	margin: 0 auto;
	width: 120px;
	position: absolute;
	bottom: 30%;
	right: 20%;
}
/* ▼▼▼▼▼▼▼▼MaxWidth1600(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
#pricelink .block03p3{
	bottom: 26%;
	right: 18%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */
#pricelink .block03p2{
	width: 40%;
	right: 2%;
}
#pricelink .block03p3{
	width: 100px;
	bottom: 24%;
	right: 17%;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#pricelink .block03p1{
	top: 17%;
}
#pricelink .block03p2{
	top:41%;
	line-height: 1.7;
}
#pricelink .block03p3{
	bottom: 20%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth900(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */
#pricelink .block03p3{
	bottom: 20%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#pricelink div .backpc{
	display: none;
}
#pricelink div .backmb{
	display: block;
}
#pricelink .block03p1{
	width: 36%;
	top: 50%;
	right: 22%;
}
#pricelink .block03p2{
	width: 70%;
	top: 66%;
	right: 13%;
}

#pricelink .block03p3{
	width: 17%;
	bottom: 16%;
	right: 40%;
}
/* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#pricelink .block03p1{
	width: 40%;
	top:45%;
	right: 19%;
}
#pricelink .block03p2{
	width: 80%;
	top: 62%;
	right: 9%;
}

#pricelink .block03p3{
	width: 95px;
	bottom: 15%;
	right: 38%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#pricelink .block03p1{
	right: 21%;
}
#pricelink .block03p3{
	bottom: 12%;
	right: 37%;
}
 /* *************** */
}