/* school.css  */
main {
	width: 100%;
    margin: 0 auto;
    padding: 40px 0 0 0;
    font-size: 15px;
}
.main-school {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.main-school .picture {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.main-school .picture img {
	width: 100%;
}
.main-school .light-blue-tag {
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
}
.main-school .light-blue-tag h2 {
  position: relative;
  padding: 0.2em;
  background: #77CCFF;
  border-radius: 8px;
}
.main-school .light-blue-tag h2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 49%;
	border: 15px solid transparent;
	border-top: 15px solid #77CCFF;
	width: 0;
	height: 0;
}
/*cost*/
.cost-block {
	clear: both;
	padding-top: 20px;
}
.cost-tag {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../image/file/html/50_off_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
.cost-tag h2 {
	font-size: 30px;
	font-weight: bold;
}

.blue-block {
	clear: both;
	padding-top: 20px;
}
.blue-tag {
	font-size: 20px;
	background-color: #000066;
	font-weight: bold;
	color: #FFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
}
.blue-tag .voice {
	/*background-image: url(../img/main/h2-b.png);
	background-position: right center;*/
	width: 25%;
	display: inline-block;
	background-repeat: no-repeat;
	padding-left: 20px;
	position: relative;
}


/*content-block*/
.content-block {
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
}
/*
.content-block h2 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
}*/

.content-block .photo {
	width: 410px;
	float: left;
}
.content-block .photo img {
	width: 100%;
}

.content-block .graph-z {
	width: 100%;
}
.content-block .graph-z img {
	width: 100%;
}
.content-block .graph-z80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .graph-z80 img {
	width: 100%;
}

.content-block .graph-z90 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .graph-z90 img {
	width: 100%;
}
.content-block .graph-z96 {
	width: 96%;
}
.content-block .graph-z96 img {
	width: 100%;
}
.content-block .graph-r-01 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .graph-r-01 img {
	width: 100%;
}




.content-block .sentence {
	width: 570px;
	float: right;
	font-size: 20px;
	line-height: 140%;
}
.content-block .sentence span {
	color: #FF0000;
	font-weight: bold;
}
.content-block .sentence p {
	padding: 0px;
	margin-bottom: 10px;
}
.content-block .sentence02 {
	width: 100%;
	font-size: 20px;
	clear: both;
}
.content-block .sentence02 p {
	font-weight: bold;
	font-size: 28px;
	padding-left: 45px;
	padding-right: 45px;
	line-height: 1.4em;
}
.content-block .sentence02 span {
	color: #FF0000;
	font-weight: bold;
	font-size: 34px;
}

.content-block .sentence-w96 {
	width: 96%;
	font-size: 20px;
	clear: both;
}
.content-block .sentence-w96 p {
	font-weight: bold;
	font-size: 28px;
	padding-left: 45px;
	padding-right: 45px;
	line-height: 1.4em;
}
.content-block .sentence-w96 span {
	color: #FF0000;
	font-weight: bold;
	font-size: 34px;
}



/*sentence-r-area*/
.content-block .sentence-r-area {
	width: 100%;
}
.content-block .sentence-r-area p {
	font-weight: bold;
	font-size: 24px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area span {
	color: #FF0000;
	font-weight: bold;
	font-size: 24px;
}
.content-block .sentence-r-area span.check {
	color: #FF0000;
	font-weight: bold;
	font-size: 30px;
}

.content-block .sentence-r-area06 {
	width: 100%;
}
.content-block .sentence-r-area06 p {
	font-weight: bold;
	font-size: 32px;
	color: #FF0000;
	font-weight: bold;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area06 span {
	font-size: 18px;
	color: #000;
	text-align: right;
	display: block;
}

/*sentence-reason*/
.content-block .sentence-reason {
	width: 100%;
	font-size: 20px;
	clear: both;
	position: relative;
}
.content-block .sentence-reason p {
	font-weight: bold;
	font-size: 28px;
	padding-left: 40px;
	/*line-height: 1.4em;*/
}
.content-block .sentence-reason .process-g {
	text-align: center;
	display: block;
}
.content-block .sentence-reason ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.content-block .sentence-reason li {
	background-image: url(../image/file/html/reason_ten.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 28px;
	padding-left: 40px;
}

.content-block .sentence-reason span {
	color: #FF0000;
	font-weight: bold;
	font-size: 38px;
}
.content-block .sentence-reason .check-mark {
	height: 35px;
	width: 32px;
	position: absolute;
	top: 0px;
}



.content-block .comments-a {
	width: 100%;
	font-size: 18px;
	clear: both;
}
.content-block .comments-b {
	width: 100%;
	font-size: 18px;
	clear: both;
}
.content-block .bottom-photo {
	width: 100%;
	clear: both;
}
.content-block .bottom-photo ul {
	margin: 0px;
	padding: 0px;
}

.content-block .bottom-photo li {
	display: inline;
}
.content-block .bottom-photo li img {
	width: 100%;
}

.content-block .bottom-photo li:nth-child(n+2):nth-child(-n+3) {
	margin-left: 8px;
}
.content-block .bottom-photo-h {
	width: 100%;
	clear: both;
}
.content-block .bottom-photo-h ul {
	margin: 0px;
	padding: 0px;
}

.content-block .bottom-photo-h li {
	display: inline;
}
.content-block .bottom-photo-h li img {
	width: 296px;
}

.content-block .bottom-photo-h li:nth-child(n+2):nth-child(-n+3) {
	margin-left: 8px;
}

/*---------------------------------------------------*/
/* school-name */
/*--------------------------------------------------*/
.school-name-block {
	width: 100%;	
}

.school-name-block .school-name-tab {
	width: 100%;
	position: relative;
	height: 130px;
	background-image: url(../image/file/html/logo-name.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.school-name-block .school-name-tab .left-box {
	position: absolute;
	left: 90px;
	top: 29px;
	height: 73px;
	width: 63px;
}
.school-name-block .school-name-tab .left-box img {
	width: 100%;
}
.school-name-block .school-name-tab .right-box {
	position: absolute;
	width: 760px;
	left: 190px;
	top: 40px;
}
.school-name-block .school-name-tab .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}

.school-name-block .school-name-tab .right-box h1 {
	font-size: 40px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.school-name-block .school-name-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}
/*
.school-name-block .school-name-tab .right-box h1::before {
	position: absolute;
	content: "";
	top: 63px;
	left: 440px;
	width: 8px;
	height: 26px;
	background-color: #999;
}*/

/*---------------------------------------------------*/
/* price-50off-block */
/*--------------------------------------------------*/
.price-50off-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.price-50off-block .price-50off-tab {
	width: 100%;
	position: relative;
	height: 130px;
	background-image: url(../image/file/html/2022/tab_10_bai.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.price-50off-block .price-50off-tab .left-box {
	position: absolute;
	width: 460px;
	left: 30px;
	top: 20px;
	font-size: 40px;
	font-weight: bolder;
	line-height: 1.2em;
}
.price-50off-block .price-50off-tab .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.price-50off-block .price-50off-tab .left-box img {
	width: 100%;
}
.price-50off-block .price-50off-tab .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.price-50off-block .price-50off-tab .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.price-50off-block .price-50off-tab .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.price-50off-block .price-50off-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}


/*---------------------------------------------------*/
/* contents-hed-block */
/*---------------------------------------------------*/
.contents-hed-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.contents-hed-block .hed-tab-10bai {
	width: 100%;
	position: relative;
	height: 130px;
	background-image: url(../image/file/html/2022/tab_10_bai.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contents-hed-block .hed-tab-10bai .left-box {
	position: absolute;
	width: 640px;
	left: 30px;
	top: 20px;
	font-size: 40px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-10bai .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-10bai .left-box img {
	width: 100%;
}

/* yellow */
.contents-hed-block .hed-tab-yellow {
	width: 100%;
	position: relative;
	height: 130px;
	background-image: url(../image/file/html/2022/hed-tab-yellow.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contents-hed-block .hed-tab-yellow .left-box {
	position: absolute;
	width: 940px;
	left: 30px;
	top: 20px;
	font-size: 40px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-yellow .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-yellow .left-box img {
	width: 100%;
}
.contents-hed-block .hed-tab-yellow .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.contents-hed-block .hed-tab-yellow .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}


/* ao */
.contents-hed-block .hed-tab-blue {
	width: 100%;
	position: relative;
	height: 130px;
	background-image: url(../image/file/html/2022/hed-tab-blue.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contents-hed-block .hed-tab-blue .left-box {
	position: absolute;
	width: 940px;
	left: 30px;
	top: 20px;
	font-size: 40px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-blue .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-blue .left-box img {
	width: 100%;
}


/*lessons-point*/
.lessons-point-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.lessons-point-block .lessons-point-tab {
	width: 100%;
	position: relative;
	height: 130px;
	background-image: url(../image/file/html/lesson_65up_01.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.lessons-point-block .lessons-point-tab .left-box {
	position: absolute;
	width: 460px;
	left: 50px;
	top: 20px;
	font-size: 40px;
	font-weight: bolder;
	line-height: 1.2em;
}
.lessons-point-block .lessons-point-tab .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}

/*premier*/
.premier-point-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.premier-point-block .premier-point-tab {
	width: 100%;
	background-image: url(../image/file/html/premier-secret01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 160px;
}
.premier-point-block .premier-point-tab h2 {
	font-size: 56px;
	font-weight: bolder;
}
.premier-point-block .premier-point-tab .center-box {
	position: absolute;
	width: 560px;
	left: 270px;
	top: 55px;
	font-size: 56px;
	font-weight: bolder;
	line-height: 1.2em;
}

.premier-point-block .premier-point-tab .center-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.premier-point-block .premier-point-tab1-01 {
	width: 760px;
	position: relative;
	height: 73px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab1-01 .no-box {
	position: absolute;
	width: auto;
	left: 0%;
	top: 0%;
	height: auto;
}
.premier-point-block .premier-point-tab1-01 .center-box {
	position: absolute;
	width: auto;
	left: 96px;
	top: 18px;
	font-size: 36px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab1-02 {
	width: 1000px;
	position: relative;
	height: 320px;
	background-image: url(../image/file/html/puremier-secret_01-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab1-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 270px;
	font-size: 24px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: center;
}
.premier-point-block .premier-point-tab2-01 {
	width: 500px;
	position: relative;
	height: 73px;;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab2-01 .no-box {
	position: absolute;
	width: auto;
	left: 0%;
	top: 0%;
	height: auto;
}
.premier-point-block .premier-point-tab2-01 .center-box {
	position: absolute;
	width: auto;
	left: 96px;
	top: 18px;
	font-size: 36px;
	font-weight: bolder;
	line-height: 1.2em;
}

.premier-point-block .premier-point-tab2-02 {
	width: 1000px;
	position: relative;
	height: 380px;
	background-image: url(../image/file/html/puremier-secret_02-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab2-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	right: 5%;
	top: 260px;
	font-size: 22px;
	font-weight: bolder;
	/*line-height: 1.2em;*/
	text-align: left;
}
.premier-point-block .premier-point-tab2-02 span {
	height: 30px;
	width: 30px;
}
.premier-point-block .premier-point-tab2-02 span img {
	height: 30px;
	width: 30px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.premier-point-block .premier-point-tab3-01 {
	width: 350px;
	position: relative;
	height: 73px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab3-01 .no-box {
	position: absolute;
	width: auto;
	left: 0%;
	top: 0%;
	height: auto;
}
.premier-point-block .premier-point-tab3-01 .center-box {
	position: absolute;
	width: auto;
	left: 96px;
	top: 18px;
	font-size: 36px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab3-02 {
	width: 1000px;
	position: relative;
	height: 380px;
	background-image: url(../image/file/html/puremier-secret_03-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab3-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	right: 5%;
	top: 226px;
	font-size: 22px;
	font-weight: bolder;
	/*line-height: 1.2em;*/
	text-align: left;
}

/*question-cheap*/
.question-cheap-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.question-cheap-block .question-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/question-cheap_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 460px;
}
.question-cheap-block .question-tab .question-box {
	position: absolute;
	width: 700px;
	left: 55px;
	top: 45px;
	font-size: 38px;
	font-weight: bolder;
	line-height: 1.4em;
}
.question-cheap-block .question-tab .answer-box {
	position: absolute;
	width: 690px;
	left: 295px;
	top: 265px;
	font-size: 35px;
	font-weight: bolder;
	line-height: 1.4em;
}
.question-cheap-block .question-tab .question-box span {
	font-size: 44px;
	margin-left: -15px;
}

/*blackboard-attention-block*/
.blackboard-at-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.blackboard-at-block .documents-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box1_image_02-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 410px;
}
.blackboard-at-block .documents-tab .right_text-box {
	position: absolute;
	width: 520px;
	left: 350px;
	top: 86px;
	font-size: 39px;
	font-weight: bolder;
	line-height: 1.4em;
	color: #FFF;
}
.blackboard-at-block .documents-tab .right_text-box span {
	font-size: 44px;
	margin-left: -15px;
}

.blackboard-at-block .balloon-bg_480 {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_480.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 590px;
	padding-top: 5%;
	padding-right: 2%;
	padding-left: 2%;
}
.blackboard-at-block .balloon-bg_490 {
	box-sizing: border-box;
  }

.blackboard-at-block .balloon-bg_490{
/*どちらも同じ幅・余白設定に*/	
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_480.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 590px;
	padding-top: 5%;
	padding-right: 3%;
	padding-left: 3%;
}
.blackboard-at-block .balloon-bg_408 {
	box-sizing: border-box;
  }

.blackboard-at-block .balloon-bg_408 {
/*どちらも同じ幅・余白設定に*/	
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_408.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 408px;
	padding-top: 5%;
	padding-right: 3%;
	padding-left: 3%;
}
.blackboard-at-block .balloon-bg_390 {
	box-sizing: border-box;
  }
.blackboard-at-block .balloon-bg_390 {
/*どちらも同じ幅・余白設定に*/	
	width: 100%;

	background-image: url(../image/file/html/2022/box_image_balloon-bg_390.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 390px;
	padding-top: 5%;
	padding-right: 3%;
	padding-left: 3%;
}
.blackboard-at-block .balloon-bg_370 {
	box-sizing: border-box;
  }
.blackboard-at-block .balloon-bg_370 {
/*どちらも同じ幅・余白設定に*/	
	width: 100%;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_370.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 370px;
	padding-top: 4%;
	padding-right: 3%;
	padding-left: 3%;
}


/* documents02-tab */
.blackboard-at-block .documents02-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box2_image_01-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 410px;
}
.blackboard-at-block .documents02-tab .left_text-box {
	position: absolute;
	width: 580px;
	left: 86px;
	top: 95px;
	font-size: 38px;
	font-weight: bolder;
	line-height: 1.4em;
	color: #FFF;
}






/*reason-block*/
.reason-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.reason-block .found-tab {
	width: 100%;
	position: relative;
	height: 120px;
}
.reason-block .reason-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/reason_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	font-family: "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.reason-block .reason-tab .part-box-01 {
	position: absolute;
	width: 680px;
	top: 22px;
	left: 160px;
	font-size: 46px;
	line-height: 1.4em;
	font-weight:bold;
	text-align: center;
}
.reason-block .reason-tab .part-box-01 h2 {
	font-size: 46px;
	font-weight:bold;
}
.reason-block .reason-tab .part-box-01 span {
	font-size: 80px;
	vertical-align: -15%;
	margin: 0px;
	padding: 0px;
}
.reason-block .reason-tab .part-box-02 {
	position: absolute;
	width: 680px;
	top: 22px;
	left: 160px;
	font-size: 43px;
	line-height: 1.4em;
	font-weight:bold;
	text-align: center;
}
.reason-block .reason-tab .part-box-02 h2 {
	font-size: 43px;
	font-weight:bold;
}
.reason-block .reason-tab .part-box-02 span {
	font-size: 80px;
}

/*tag-blok*/
.reason-tag-block {
	clear: both;
	width: 100%;
}
.reason-tag-block .sentence-t {
	font-size: 24px;
	font-weight: bold;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}
.reason-tag-block .photo-t {
	width: 842px;
	margin-right: auto;
	margin-left: auto;
}
.reason-tag-block .photo-three {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.reason-tag-block .graph-img {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.reason-tag-block .online-img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
}

.reason-tag {
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../image/file/html/reason_01-3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}
.reason-tag h3 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
/*---------------------------------------------------*/
/* Feature */
/*--------------------------------------------------*/
.content-block .feature{
	background-image: url(../image/file/html/user-voice_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	padding-top: 20px;
	position: relative;
	height: 630px;
}
.content-block .feature .gold-tab{
	position: relative;
	padding: 0.5em;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .feature .red-tab h2{
	background-color: #FFFFFF;
	width: 98%;
	padding: 0.2em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 30px;
	border-radius: 8px;
	font-weight: bold;
}
.content-block .feature .red-tab h2 span{
	color: #FF0000;
	font-weight: bold;
	font-size: 26px;
}
.content-block .feature .f-box-blok{
	margin-top: 20px;
	/*display: inline-block;*/
}
.content-block .feature .f-box{
	width: 310px;
	text-align: center;
	float: left;
	margin-left: 17px;
}
.content-block .feature .f-box .f-photo{
	padding-bottom: 0px;

}
.content-block .feature .f-box .user-voice{
	width: 310px;
	text-align: left;
	background-image: url(../image/file/html/user-voice_02_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 178px;
	font-size: 18px;
	font-weight: bold;
	padding: 6px;
}



.content-block .feature .f-box dl,dt,dd{
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}
.content-block .feature .f-box dt{
	font-size: 24px;
	font-weight: bold;
}
.content-block .feature .f-box dt span{
	background: linear-gradient(transparent 50%, #ffff00 50%);
}
.content-block .feature .f-box dd{
	font-size: 20px;
	padding: 0.8em;
	font-weight: bold;
}
.content-block .feature .f-box dd span{
	color: #FF0000;
}
/*---------------------------------------------------*/
/* f-box2*/
/*--------------------------------------------------*/
.content-block .feature02{
	width: 100%;
	float: left;
	position: relative;
	/*background-color: #CCC;*/
}
.content-block .feature02 .pink-tab{
	position: relative;
	width: 100%;
	/*background-color: #FF6699;*/
	background-color: #D01E1C;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.content-block .feature02 h2{
	text-align: center;
	color: #FFF;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}
.content-block .feature02 .f2-box-blok{
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;

}
.content-block .feature02 .f2-box-blok .f2-box-right{
	width: 65%;
	text-align: center;
	/*display: block;*/
	float: right;
}
.content-block .feature02 .f2-box-blok .f2-box-left{
	width: 35%;
	text-align: center;
	float: left;
	padding-top: 50px;
}
.content-block .feature02 .f2-box-left .f2-photo{
	text-align: center;
	vertical-align: middle;
}
.content-block .feature02 .f2-box-blok .ul li{
	padding: 0px;
	margin: 0px;
}
.content-block .feature02 .f2-box-blok .f2-box-right li{
	font-size: 23px;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content-block .feature02 .f2-box-blok .f2-box-right li::before {
	position: absolute;
	content: "";
	top: 10%;
	left: 10px;
	width: 51px;
	height: 45px;
	margin-top: -5px;
	/*background-size: 10px 10px;*/
	background-image: url(../image/file/html/2022/feature_f2-box-check.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.content-block .feature02 .f2-box dt span{
	background: linear-gradient(transparent 50%, #ffff00 50%);
}

/*---------------------------------------------------*/
/*　Facility　*/
/*--------------------------------------------------*/
.content-block .facility-block{
	width: 100%;
	position: relative;
}
.content-block .facility-block .head-tab{
	position: relative;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 30px;
}
.content-block .facility-block h2{
	text-align: left;
	color: #000;
	font-size: 32px;
	margin: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0099FF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.content-block .facility-block .sentence-fa {
	color: #000000;
	text-align: left;
	font-size: 20px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

.content-block .facility-block .sentence-fa-i {
	color: #000000;
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.content-block .facility-block .sentence-fa-i dl,dt,dd{
	padding: 0px;
	margin: 0px;
}
.content-block .facility-block .sentence-fa-i dl{
	width: 100%;
	position: relative;
}
.content-block .facility-block .sentence-fa-i dt{
	position: relative;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 30px;
	text-align: left;
	color: #000;
	font-size: 24px;
	margin: 0px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0000CC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: bold;
}
.content-block .facility-block .sentence-fa-i dd{
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.content-block .facility-block .sentence-fa-2 {
	color: #000000;
	font-size: 20px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-image: url(../img/main/facility-dt.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.content-block .facility-block .sentence-fa-2 dl,dt,dd{
	padding: 0px;
	margin: 0px;
}
.content-block .facility-block .sentence-fa-2 dl{
	/*width: 100%;*/
	margin-left: 66px;
	position: relative;
}
.content-block .facility-block .sentence-fa-2 dt{
	font-size: 24px;
	font-weight: bold;
}
.content-block .facility-block .sentence-fa-2 dd{
	font-size: 20px;
}

.content-block .facility-block .two-rows-photo {
	width: 100%;
	clear: both;
}
.content-block .facility-block .two-rows-photo ul {
	margin: 0px;
	padding: 0px;
}
.content-block .facility-block .two-rows-photo ul.last-b {
	margin-bottom: -20px;
}
.content-block .facility-block .two-rows-photo li {
	position: relative;
}
.content-block .facility-block .two-rows-photo li img {
	width: 100%;
}

.content-block .facility-block .two-rows-photo li:last-child {
	margin-left: 12px;
}
.content-block .facility-block .two-rows-photo li span{
	position: absolute;
	/*content: '';*/
	font-size: 22px;
	font-weight: bold;
	background-color: #000033;
	color: #FFF;
	text-align: center;
	height: 45px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding-top: 5px;
}

.content-block .facility-block .two-rows-photo ul {
	display: flex;
}

.content-block .facility-block .two-rows-photo ul li {
	/*margin: 0px 15px; */
	width: 50%;
}

/*料金表のテーブル コース*/
.school-detail-course-block h3 {
	color: rgb(47, 91, 185); padding-bottom: 7px; font-size: 20px; font-weight: bold; margin-bottom: 15px; border-bottom-color: rgb(47, 91, 185); border-bottom-width: 2px; border-bottom-style: solid;
}
.school-detail-course-block h3.discount {
	color: rgb(255, 102, 0); padding-bottom: 7px; font-size: 20px; font-weight: bold; margin-bottom: 15px; border-bottom-color: rgb(255, 102, 0); border-bottom-width: 2px; border-bottom-style: solid;
}
.school-detail-course-block h4 {
	font-size: 17px; font-weight: bold; margin-bottom: 10px;
}
.school-detail-course-block span {
	margin-bottom: 20px;
	display: block;
	font-size: 16px;
}
/*
.school-detail-course p {
	padding: 20px; border: 2px solid rgb(238, 238, 238); border-image: none; font-size: 13px; margin-bottom: 20px;
}*/
.school-detail-course-block p.hosoku {
	padding: 20px;
	border: 2px solid rgb(238, 238, 238);
	border-image: none;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.school-detail-course-block {
	margin-bottom: 50px;
}
.school-detail-course-block .mainetext {
	padding-bottom: 20px;
}


/*---------------------------------------------------*/
/*テーブル*/
/*--------------------------------------------------*/



.margin-top10 {
	margin-top: 10px;
}
.margin-top20 {
	margin-top: 20px;
}
.margin-top30 {
	margin-top: 30px;
}
.margin-top40 {
	margin-top: 40px;
}
.margin-bottom10 {
	margin-bottom: 10px;
}
.margin-bottom20 {
	margin-bottom: 20px;
}
.margin-bottom30 {
	margin-bottom: 30px;
}
.margin-bottom40 {
	margin-bottom: 40px;
}

.margin-text {
	margin-bottom: 20px;
}



.color-yellow{
	color: #FFCC66;	
}
.space-tb-10 {
	margin-bottom: 10px;
}
.space-tb-20 {
	margin-bottom: 20px;
}
.space-tb-30 {
	margin-bottom: 30px;
}
.space-tb-40 {
	margin-bottom: 40px;
}
.space-tb-50 {
	margin-bottom: 50px;
}
.space-tb-60 {
	margin-bottom: 60px;
}
.space-tb-margin-top-30 {
	margin-top: 30px;
}
.space-tb-minus-10 {
	margin-top: -10px;
}
.space-tb-minus-20 {
	margin-top: -20px;
}
.space-tb-minus-30 {
	margin-top: -30px;;
}

.clear {
	clear: both !important;
}

@media all and (max-width:768px)
{

/*---------------------------------------------------*/
/* school-name */
/*--------------------------------------------------*/
.school-name-block {
	width: 100%;	
}
.school-name-block .school-name-tab {
	width: 100%;
	position: relative;
	height: 80px;
	background-image: url(../image/file/html/logo-name.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-size: contain;*/
	background-size: cover;
	
}
.school-name-block .school-name-tab .left-box {
	position: absolute;
	left: 6px;
	top: 10%;
	height: auto;
	width: 12%;
}
.school-name-block .school-name-tab .left-box img {
	width: 100%;
}
.school-name-block .school-name-tab .right-box {
	position: absolute;
	width: 84%;
	left: 16%;
	top: 32%;
}
.school-name-block .school-name-tab .right-box h1 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.school-name-block .school-name-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/*.facility-block*/
.content-block .facility-block .two-rows-photo li span{
	position: absolute;
	/*content: '';*/
	font-size: 17px;
	font-weight: bold;
	background-color: #000033;
	color: #FFF;
	text-align: center;
	height: 35px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding-top: 5px;
}

/*---------------------------------------------------*/
/* price-50off-block */
/*--------------------------------------------------*/
.price-50off-block {
	width: 100%;
	margin-bottom: 10px;
}
.price-50off-block .price-50off-tab {
	width:100%;
	height:70px;
	background-image:url(../image/file/html/2022/tab_10_bai-mobile.png);
	background-size:contain;	/*background-size:cover;*/
}
.price-50off-block .price-50off-tab .left-box {
	position: absolute;
	width: 50%;
	left: 5%;
	top: 17%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.2em;
}
.price-50off-block .price-50off-tab .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.price-50off-block .price-50off-tab .left-box img {
	width: 100%;
}
.price-50off-block .price-50off-tab .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.price-50off-block .price-50off-tab .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.price-50off-block .price-50off-tab .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.price-50off-block .price-50off-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/* contents-hed-block */
.contents-hed-block {
	width: 100%;
	/*display: block;*/
	margin-bottom: 15px;
}

.contents-hed-block .hed-tab-10bai {
	width: 100%;
	position: relative;
	height: 70px;
	background-image: url(../image/file/html/2022/tab_10_bai.png);
	background-size:contain;
}
.contents-hed-block .hed-tab-10bai .left-box {
	position: absolute;
	width: 60%;
	left: 5%;
	top: 17%;
	font-size: 19px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-10bai .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-10bai .left-box img {
	width: 100%;
}

/* yellow */
.contents-hed-block .hed-tab-yellow {
	width: 100%;
	position: relative;
	height: 70px;
	background-image: url(../image/file/html/2022/hed-tab-yellow.png);
	background-size:contain;
}
.contents-hed-block .hed-tab-yellow .left-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 17%;
	font-size: 19px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-yellow .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-yellow .left-box img {
	width: 100%;
}
.contents-hed-block .hed-tab-yellow .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.contents-hed-block .hed-tab-yellow .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/* balloon-bg_370 */
.blackboard-at-block .balloon-bg_370 {
	box-sizing: border-box;
  }
.blackboard-at-block .balloon-bg_370 {
/*どちらも同じ幅・余白設定に*/	
	width: 100%;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_408.png);
	height: 270px;
	background-size:contain;
}


/*lessons-point*/
.lessons-point-block {
	width: 100%;
	margin-bottom: 10px;
}
.lessons-point-block .lessons-point-tab {
	width:100%;
	height:70px;
	background-image:url(../image/file/html/lesson_65up_01-mobile.png);
	background-size:contain;
}
.lessons-point-block .lessons-point-tab .left-box {
	position: absolute;
	width: 50%;
	left: 5%;
	top: 17%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.2em;
}
.lessons-point-block .lessons-point-tab .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}

/*cost*/
.cost-block {
	clear: both;
	padding-top: 20px;
}
.cost-tag {
	font-size: 20px;
}
.cost-tag h2 {
	font-size: 22px;
}

/*sentence*/
.content-block .sentence02 {
	width: 100%;
	font-size: 16px;
	clear: both;
}
.content-block .sentence02 p {
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}
.content-block .sentence02 span {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}

/*sentence-r-area*/
.content-block .sentence-r-area {
	width: 100%;
}
.content-block .sentence-r-area p {
	font-weight: bold;
	font-size: 16px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area span {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}
.content-block .sentence-r-area span.check {
	color: #FF0000;
	font-weight: bold;
	font-size: 22px;
}
.content-block .sentence-r-area06 {
	width: 100%;
}
.content-block .sentence-r-area06 p {
	font-weight: bold;
	font-size: 20px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area06 span {
	font-size: 15px;
	color: #000;
	text-align: left;
	display: block;
	font-weight: normal;
}
/*---------------------------------------------------*/
/* Feature */
/*--------------------------------------------------*/
.content-block .feature{
	background-image: url(../image/file/html/user-voice_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	padding-top: 20px;
	position: relative;
	height: auto;
	background-size: cover;
}
.content-block .feature .gold-tab{
	position: relative;
	padding: 0.5em;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .feature .red-tab h2{
	background-color: #FFFFFF;
	font-weight: bold;
	width: 98%;
	padding: 0.2em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 20px;
	 border-radius: 8px;
}
.content-block .feature .red-tab h2 span{
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
.content-block .feature .f-box-blok{
	margin-top: 20px;
	display: inline-block;
}
.content-block .feature .f-box{
	width: 94%;
	text-align: center;
	display: inline-block;
	padding: 0px;
	margin-right: 3%;
	margin-left: 3%;
	margin-bottom: 20px;
}
.content-block .feature .f-box .f-photo{
	padding-bottom: 0px;

}
.content-block .feature .f-box .f-photo img{
	width: 94%;
}
.content-block .feature .f-box .user-voice{
	width: 94%;
	text-align: left;
	background-image: url(../image/file/html/user-voice_02_bg.png);
	height: auto;
	font-size: 18px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	background-size: cover;
	padding: 0px;
}

.content-block .feature .f-box .user-voice p{
	padding: 5px;
}
/*---------------------------------------------------*/
/* f-box2*/
/*--------------------------------------------------*/
.content-block .feature02{
	width: 100%;
	float: left;
	position: relative;
	/*background-color: #CCC;*/
}
.content-block .feature02 .pink-tab{
	position: relative;
	width: 100%;
	background-color: #FF6699;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.content-block .feature02 h2{
	text-align: center;
	color: #FFF;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}
.content-block .feature02 .f2-box-blok{
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;

}
.content-block .feature02 .f2-box-blok .f2-box-right{
	width: 65%;
	text-align: center;
	/*display: block;*/
	float: right;
}
.content-block .feature02 .f2-box-blok .f2-box-left{
	width: 35%;
	text-align: center;
	float: left;
	padding-top: 50px;
}
.content-block .feature02 .f2-box-left .f2-photo{
	text-align: center;
	vertical-align: middle;
}
.content-block .feature02 .f2-box-blok .ul li{
	padding: 0px;
	margin: 0px;
}
.content-block .feature02 .f2-box-blok .f2-box-right li{
	font-size: 22px;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content-block .feature02 .f2-box-blok .f2-box-right li::before {
	position: absolute;
	content: "";
	top: 10%;
	left: 10px;
	width: 51px;
	height: 45px;
	margin-top: -5px;
	/*background-size: 10px 10px;*/
	background-image: url(../image/file/html/2022/feature_f2-box-check.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.content-block .feature02 .f2-box dt span{
	background: linear-gradient(transparent 50%, #ffff00 50%);
}

/*question-cheap*/
.question-cheap-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.question-cheap-block .question-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/question-cheap_bg-mobile.jpg);
	height: 220px;
	background-size:contain;
}
.question-cheap-block .question-tab .question-box {
	position: absolute;
	width: 70%;
	left: 15px;
	top: 10px;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.4em;
}
.question-cheap-block .question-tab .answer-box {
	position: absolute;
	width: 70%;
	left: 115px;
	top: 120px;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.4em;
}
.question-cheap-block .question-tab .question-box span {
	font-size: 22px;
	margin-left: -15px;
}


/*blackboard-attention-block*/
.blackboard-at-block {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.blackboard-at-block .documents-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box1_image_02-bg.png);
	background-repeat: no-repeat;
	/*background-position: left top;*/
	height: 280px;
	background-size:contain;
}
.blackboard-at-block .documents-tab .right_text-box {
	position: absolute;
	width: 60%;
	left: 240px;
	top: 66px;
	font-size: 24px;
	font-weight: bolder;
	line-height: 1.4em;
}
.blackboard-at-block .documents-tab .right_text-box span {
	font-size: 44px;
	margin-left: -15px;
}

/* documents02-tab */
.blackboard-at-block .documents02-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box2_image_01-bg.png);
	height: 280px;
	background-size:contain;
}
.blackboard-at-block .documents02-tab .left_text-box {
	position: absolute;
	width: 60%;
	left: 76px;
	top: 65px;
	font-size: 24px;
	font-weight: bolder;
	line-height: 1.4em;
	position: absolute;
}







/*reason-block*/
.reason-block {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.reason-block .reason-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/reason_01-mobile.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	background-size:contain;
}
.reason-block .reason-tab .part-box-01 {
	position: absolute;
	width: 80%;
	top: 12px;
	left: 10%;
	font-size: 20px;
	font-weight:bold;
	text-align: center;
}
.reason-block .reason-tab .part-box-01 h2 {
	font-size: 20px;
}
.reason-block .reason-tab .part-box-01 span {
	font-size: 60px;
	vertical-align: -10%;
}
.reason-block .reason-tab .part-box-02 {
	position: absolute;
	width: 80%;
	top: 12px;
	left: 10%;
	font-size: 18px;
	font-weight:bold;
	text-align: center;
}
.reason-block .reason-tab .part-box-02 h2 {
	font-size: 18px;
}
.reason-block .reason-tab .part-box-02 span {
	font-size: 60px;
	vertical-align: -10%;
}

/*sentence-reason*/
.content-block .sentence-reason {
	width: 100%;
	clear: both;
	position: relative;
}
.content-block .sentence-reason p {
	font-weight: bold;
	font-size: 18px;
	/*padding-left: 40px;*/
}
.content-block .sentence-reason .process-g {
	text-align: center;
	display: block;
}
.content-block .sentence-reason ul {
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.content-block .sentence-reason li {
	background-image: url(../image/file/html/reason_ten28.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	font-size: 18px;
}

.content-block .sentence-reason span {
	color: #FF0000;
	font-weight: bold;
	font-size: 22px;
}
.content-block .sentence-reason .check-mark {
	width: 70%;
	position: absolute;
	top: 0px;
	text-align: center;
}

/**/
.content-block .graph-r-01 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .graph-r-01 img {
	width: 100%;
}

/*tag-blok*/
.reason-tag-block {
	clear: both;
	width: 100%;
}
.reason-tag-block .sentence-t {
	font-size: 16px;
	font-weight: bold;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}
.reason-tag-block .photo-t {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.reason-tag-block .photo-t img {
	width: 100%;
}
.reason-tag-block .photo-three {
	width: 100%;
	margin-bottom: 20px;
}
.reason-tag-block .photo-three img {
	width: 100%;
}
.reason-tag-block .graph-img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.reason-tag-block .graph-img img {
	width: 100%;
}
.reason-tag-block .online-img {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: center;
}
.reason-tag-block .online-img img {
	width: 100%;
}
.reason-tag {
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../image/file/html/reason_01-3-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
.reason-tag h3 {
	font-size: 20px;
}


/*premier*/
.premier-point-block {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.premier-point-block .premier-point-tab {
	width: 100%;
	background-image: url(../image/file/html/premier-secret01-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 70px;
	background-size:contain;
}
.premier-point-block .premier-point-tab h2 {
	font-size: 24px;
	font-weight: bolder;
}
.premier-point-block .premier-point-tab .center-box {
	position: absolute;
	width: 70%;
	left: 25%;
	top: 31%;
	font-size: 24px;
	font-weight: bolder;
	line-height: 1.2em;
}

.premier-point-block .premier-point-tab .center-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.premier-point-block .premier-point-tab1-01 {
	width: 98%;
	position: relative;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	/*background-size:contain;*/
}
.premier-point-block .premier-point-tab1-01 .no-box {
	position: absolute;
	width: auto;
	left: 0%;
	top: 0%;
	height: auto;
}
.premier-point-block .premier-point-tab1-01 .no-box img {
	width: 80%;
}
.premier-point-block .premier-point-tab1-01 .center-box {
	position: absolute;
	width: 83%;
	left: 16%;
	top: 32%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab1-02 {
	width: 100%;
	position: relative;
	height: 170px;
	background-image: url(../image/file/html/puremier-secret_01-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab1-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 66%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}
.premier-point-block .premier-point-tab2-01 {
	width: 76%;
	position: relative;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab2-01 .no-box img {
	width: 80%;
}
.premier-point-block .premier-point-tab2-01 .center-box {
	position: absolute;
	width: 68%;
	left: 22%;
	top: 32%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab2-02 {
	width: 100%;
	position: relative;
	height: 200px;
	background-image: url(../image/file/html/puremier-secret_02-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	background-size:contain;
}
.premier-point-block .premier-point-tab2-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 55%;
	font-size: 14px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}

.premier-point-block .premier-point-tab2-02 span {
	height: 15px;
	width: 15px;
}
.premier-point-block .premier-point-tab2-02 span img {
	height: 15px;
	width: 15px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.premier-point-block .premier-point-tab3-01 {
	width: 56%;
	position: relative;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab3-01 .no-box img {
	width: 80%;
}
.premier-point-block .premier-point-tab3-01 .center-box {
	position: absolute;
	width: 60%;
	left: 30%;
	top: 32%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab3-02 {
	width: 100%;
	position: relative;
	height: 220px;
	background-image: url(../image/file/html/puremier-secret_03-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	background-size:contain;
}
.premier-point-block .premier-point-tab3-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 48%;
	font-size: 14px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}

/*料金*/
.school-detail-course-block h3 {
	padding-bottom: 3px; font-size: 16px; margin-bottom: 10px;
}
.school-detail-course-block h4 {
	font-size: 15px; margin-bottom: 10px;
}
.school-detail-course-block span {
	margin-bottom: 15px;
	font-size: 14px;
}
/*
.school-detail-course p {
	padding: 10px; font-size: 12px; margin-bottom: 10px;
}*/
.school-detail-course-block p.hosoku {
	padding: 10px; font-size: 14px; margin-top: 10px; margin-bottom: 10px;
}
.school-detail-course-block {
	margin-bottom: 30px;
}
.school-detail-course-block .mainetext {
	padding-bottom: 10px;
}
.table-course-detail table {
	font-size: 13px; margin-bottom: 15px;
}
.table-course-price table {
	font-size: 13px; margin-bottom: 15px;
}
.table-accommodation-price table .table-other-price table {
	font-size: 13px; margin-bottom: 15px;
}
.table-accommodation-price table .table-other-price2 table {
	font-size: 13px; margin-bottom: 15px;
}
@media all and (max-width:480px)
{

/*---------------------------------------------------*/
/* Feature02 */
/*--------------------------------------------------*/
.content-block .feature02 .pink-tab{
	position: relative;
	width: 100%;
	background-color: #FF6699;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.content-block .feature02 h2{
	text-align: center;
	color: #FFF;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}
.content-block .feature02 h2{
	font-size: 24px;

}
.content-block .feature02 .f2-box-blok .f2-box-right{
	width: 100%;
	text-align: center;
	/*clear: both;*/
}
.content-block .feature02 .f2-box-blok .f2-box-left{
	width: 100%;
	text-align: center;
	clear: both;	/*padding-top: 50px;*/
}
.content-block .feature02 .f2-box-blok .f2-box-right li{
	font-size: 22px;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.content-block .feature02 .f2-box-blok .f2-box-right li::before {
	position: absolute;
	content: "";
	top: 10%;
	left: 10px;
	width: 51px;
	height: 45px;
	margin-top: -5px;
	background-size: 40px 36px;
	background-image: url(../image/file/html/2022/feature_f2-box-check.png);
	background-repeat: no-repeat;
	background-position: left top;
}



}


}

@media all and (max-width:414px)
{

.content-block {
	margin-bottom: 15px;

}


/* contents-hed-block */
.contents-hed-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.contents-hed-block .hed-tab-10bai {
	width:100%;
	height:70px;
	background-image:url(../image/file/html/2022/tab_10_bai-mobile.png);
	background-size:contain;	/*background-size:cover;*/
}
.contents-hed-block .hed-tab-10bai .left-box {
	position: absolute;
	width: 65%;
	left: 5%;
	top: 20%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-10bai .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-10bai .left-box img {
	width: 100%;
}

/* yellow */
.contents-hed-block .hed-tab-yellow {
	width:100%;
	height:70px;
	background-image: url(../image/file/html/2022/hed-tab-yellow-mobile.png);
	background-size:contain;	/*background-size:cover;*/
}
.contents-hed-block .hed-tab-yellow .left-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 20%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-yellow .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-yellow .left-box img {
	width: 100%;
}
.contents-hed-block .hed-tab-yellow .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.contents-hed-block .hed-tab-yellow .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}
/* balloon-bg_370 */
.blackboard-at-block .balloon-bg_370 {
	box-sizing: border-box;
  }
.blackboard-at-block .balloon-bg_370 {
/*どちらも同じ幅・余白設定に*/	
	width: 100%;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_408.png);
	height: 176px;
	background-size:contain;
}

/*blackboard-attention-block*/
.blackboard-at-block {
	width: 100%;
	display: block;
	margin-bottom: 0px;
}
.blackboard-at-block .documents-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box1_image_02-bg.png);
	background-repeat: no-repeat;
	/*background-position: left top;*/
	height: 180px;
	background-size:contain;
}
.blackboard-at-block .documents-tab .right_text-box {
	position: absolute;
	width: 60%;
	left: 160px;
	top: 40px;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.4em;
}
.blackboard-at-block .documents-tab .right_text-box span {
	font-size: 44px;
	margin-left: -15px;
}

/* documents02-tab */
.blackboard-at-block .documents02-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box2_image_01-bg.png);
	height: 180px;
	background-size:contain;
}
.blackboard-at-block .documents02-tab .left_text-box {
	position: absolute;
	width: 60%;
	left: 46px;
	top: 41px;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.4em;
	position: absolute;
}
/*---------------------------------------------------*/
/* school-name */
/*--------------------------------------------------*/
.school-name-block {
	width: 100%;	
}
.school-name-block .school-name-tab {
	width: 100%;
	position: relative;
	height: 70px;
	background-image: url(../image/file/html/logo-name-414px.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;	
}
.school-name-block .school-name-tab .left-box {
	position: absolute;
	left: 6px;
	top: 11%;
	height: auto;
	width: 12%;
}
.school-name-block .school-name-tab .left-box img {
	width: 100%;
}
.school-name-block .school-name-tab .right-box {
	position: absolute;
	width: 84%;
	left: 16%;
	top: 32%;
}
.school-name-block .school-name-tab .right-box h1 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.school-name-block .school-name-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

.content-block .facility-block .two-rows-photo li {
	margin-bottom: 10px;
}
.content-block .facility-block .two-rows-photo li:last-child {
	margin-left: 0px;
}

.content-block .facility-block .two-rows-photo ul {
	display: block;
}

.content-block .facility-block .two-rows-photo ul li {
	/*margin: 0px 15px; */
	width: 100%;
}

.reason-tag {
	padding-top: 9px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../image/file/html/reason_01-3-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
.reason-tag h3 {
	font-size: 20px;
}

.premier-point-block .premier-point-tab2-02 span {
	height: 15px;
	width: 15px;
}
.premier-point-block .premier-point-tab2-02 span img {
	height: 15px;
	width: 15px;
}

.margin-text {
	margin-bottom: 10px;
}


}


@media all and (max-width:380px)
{
/*---------------------------------------------------*/
/* school-name */
/*--------------------------------------------------*/
.school-name-block {
	width: 100%;	
}
.school-name-block .school-name-tab {
	width: 100%;
	position: relative;
	height: 70px;
	background-image: url(../image/file/html/logo-name-375px.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-size: contain;
	background-size: cover;	*/
}
.school-name-block .school-name-tab .left-box {
	position: absolute;
	left: 6px;
	top: 10%;
	height: auto;
	width: 12%;
}
.school-name-block .school-name-tab .left-box img {
	width: 100%;
}
.school-name-block .school-name-tab .right-box {
	position: absolute;
	width: 84%;
	left: 15%;
	top: 32%;
}
.school-name-block .school-name-tab .right-box h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.school-name-block .school-name-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/*.facility-block*/
.content-block .facility-block .two-rows-photo li span{
	position: absolute;
	/*content: '';*/
	font-size: 16px;
	font-weight: bold;
	background-color: #000033;
	color: #FFF;
	text-align: center;
	height: 35px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding-top: 5px;
}
/*---------------------------------------------------*/
/* Feature02 */
/*--------------------------------------------------*/
.content-block .feature02 .pink-tab{
	position: relative;
	width: 100%;
	background-color: #FF6699;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.content-block .feature02 h2{
	text-align: center;
	color: #FFF;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}
.content-block .feature02 h2{
	font-size: 24px;

}
.content-block .feature02 .f2-box-blok .f2-box-right{
	width: 100%;
	text-align: center;
	/*clear: both;*/
}
.content-block .feature02 .f2-box-blok .f2-box-left{
	width: 100%;
	text-align: center;
	clear: both;	/*padding-top: 50px;*/
}
.content-block .feature02 .f2-box-blok .f2-box-right li{
	font-size: 22px;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.content-block .feature02 .f2-box-blok .f2-box-right li::before {
	position: absolute;
	content: "";
	top: 10%;
	left: 10px;
	width: 51px;
	height: 45px;
	margin-top: -5px;
	background-size: 40px 36px;
	background-image: url(../image/file/html/2022/feature_f2-box-check.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/*---------------------------------------------------*/
/* price-50off-block */
/*--------------------------------------------------*/
.price-50off-block {
	width: 100%;
	margin-bottom: 10px;
}
.price-50off-block .price-50off-tab {
	width:100%;
	height:60px;
	background-image:url(../image/file/html/2022/tab_10_bai-mobile.png);
	background-size:contain;	/*background-size:cover;*/
}

.price-50off-block .price-50off-tab .left-box {
	position: absolute;
	width: 50%;
	left: 5%;
	top: 17%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.price-50off-block .price-50off-tab .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.price-50off-block .price-50off-tab .left-box img {
	width: 100%;
}
.price-50off-block .price-50off-tab .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.price-50off-block .price-50off-tab .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.price-50off-block .price-50off-tab .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.price-50off-block .price-50off-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/* contents-hed-block */
.contents-hed-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.contents-hed-block .hed-tab-10bai {
	width:100%;
	height:60px;
	background-image:url(../image/file/html/2022/tab_10_bai-mobile.png);
	background-size:contain;	/*background-size:cover;*/
}
.contents-hed-block .hed-tab-10bai .left-box {
	position: absolute;
	width: 65%;
	left: 5%;
	top: 20%;
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-10bai .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-10bai .left-box img {
	width: 100%;
}

/* yellow */
.contents-hed-block .hed-tab-yellow {
	width:100%;
	height:60px;
	background-image: url(../image/file/html/2022/hed-tab-yellow-mobile.png);
	background-size:contain;	/*background-size:cover;*/
}
.contents-hed-block .hed-tab-yellow .left-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 20%;
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.2em;
}
.contents-hed-block .hed-tab-yellow .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.contents-hed-block .hed-tab-yellow .left-box img {
	width: 100%;
}
.contents-hed-block .hed-tab-yellow .right-box {
	position: absolute;
	left: 20px;
	top: 10px;
	height: 107px;
	width: 90px;
}
.contents-hed-block .hed-tab-yellow .right-box .s-name {
	font-family: "Trajan Pro";
	font-weight: 700;/*Bold*/
	font-size: 28px;
	/*padding-top: 0.5em;*/
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 {
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.contents-hed-block .hed-tab-yellow .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/* balloon-bg_370 */
.blackboard-at-block .balloon-bg_370 {
	box-sizing: border-box;
  }
.blackboard-at-block .balloon-bg_370 {
/*どちらも同じ幅・余白設定に*/	
	width: 100%;
	background-image: url(../image/file/html/2022/box_image_balloon-bg_408.png);
	height: 160px;
	background-size:contain;
}

/*blackboard-attention-block*/
.blackboard-at-block {
	width: 100%;
	display: block;
	margin-bottom: 0px;
}
.blackboard-at-block .documents-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box1_image_02-bg.png);
	background-repeat: no-repeat;
	/*background-position: left top;*/
	height: 180px;
	background-size:contain;
}
.blackboard-at-block .documents-tab .right_text-box {
	position: absolute;
	width: 60%;
	left: 136px;
	top: 32px;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.4em;
}
.blackboard-at-block .documents-tab .right_text-box span {
	font-size: 44px;
	margin-left: -15px;
}

/* documents02-tab */
.blackboard-at-block .documents02-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/2022/box2_image_01-bg.png);
	height: 180px;
	background-size:contain;
}
.blackboard-at-block .documents02-tab .left_text-box {
	position: absolute;
	width: 60%;
	left: 36px;
	top: 34px;
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.4em;
	position: absolute;
}

/*lessons-point*/
.lessons-point-block {
	width: 100%;
	margin-bottom: 10px;
}
.lessons-point-block .lessons-point-tab {
	width:100%;
	height:60px;
	background-image:url(../image/file/html/lesson_65up_01-mobile.png);
	background-size:contain;
}
.lessons-point-block .lessons-point-tab .left-box {
	position: absolute;
	width: 50%;
	left: 5%;
	top: 17%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.lessons-point-block .lessons-point-tab .left-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}

/*cost*/
.cost-block {
	clear: both;
	padding-top: 20px;
}
.cost-tag {
	font-size: 20px;
}
.cost-tag h2 {
	font-size: 20px;
}

/*sentence*/
.content-block .sentence02 {
	width: 100%;
	font-size: 16px;
	clear: both;
}
.content-block .sentence02 p {
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}
.content-block .sentence02 span {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}

/*sentence-r-area*/
.content-block .sentence-r-area {
	width: 100%;
}
.content-block .sentence-r-area p {
	font-weight: bold;
	font-size: 16px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area span {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}
.content-block .sentence-r-area span.check {
	color: #FF0000;
	font-weight: bold;
	font-size: 21px;
}
.content-block .sentence-r-area06 {
	width: 100%;
}
.content-block .sentence-r-area06 p {
	font-weight: bold;
	font-size: 20px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area06 span {
	font-size: 14px;
	color: #000;
	text-align: left;
	display: block;
	font-weight: normal;
}
/*---------------------------------------------------*/
/* Feature */
/*--------------------------------------------------*/
.content-block .feature{
	background-image: url(../image/file/html/user-voice_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	padding-top: 20px;
	position: relative;
	height: auto;
	background-size: cover;
}
.content-block .feature .gold-tab{
	position: relative;
	padding: 0.5em;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .feature .red-tab h2{
	background-color: #FFFFFF;
	font-weight: bold;
	width: 98%;
	padding: 0.2em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 18px;
	 border-radius: 8px;
}
.content-block .feature .red-tab h2 span{
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
.content-block .feature .f-box-blok{
	margin-top: 20px;
	display: inline-block;
}
.content-block .feature .f-box{
	width: 94%;
	text-align: center;
	display: inline-block;
	padding: 0px;
	margin-right: 3%;
	margin-left: 3%;
	margin-bottom: 20px;
}
.content-block .feature .f-box .f-photo{
	padding-bottom: 0px;

}
.content-block .feature .f-box .f-photo img{
	width: 94%;
}
.content-block .feature .f-box .user-voice{
	width: 94%;
	text-align: left;
	background-image: url(../image/file/html/user-voice_02_bg.png);
	height: auto;
	font-size: 16px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	background-size: cover;
	padding: 0px;
}

.content-block .feature .f-box .user-voice p{
	padding: 5px;
}

/*question-cheap*/
.question-cheap-block {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.question-cheap-block .question-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/question-cheap_bg-mobile.jpg);
	height: 200px;
	background-size:contain;
}
.question-cheap-block .question-tab .question-box {
	position: absolute;
	width: 70%;
	left: 15px;
	top: 10px;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.4em;
}
.question-cheap-block .question-tab .answer-box {
	position: absolute;
	width: 70%;
	left: 105px;
	top: 110px;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.4em;
}
.question-cheap-block .question-tab .question-box span {
	font-size: 20px;
	margin-left: -15px;
}
/*reason-block*/
.reason-block {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.reason-block .reason-tab {
	width: 100%;
	position: relative;
	background-image: url(../image/file/html/reason_01-mobile.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	background-size:contain;
}
.reason-block .reason-tab .part-box-01 {
	position: absolute;
	width: 84%;
	top: 10px;
	left: 10%;
	font-size: 18px;
	font-weight:bold;
	text-align: center;
}
.reason-block .reason-tab .part-box-01 h2 {
	font-size: 18px;
}
.reason-block .reason-tab .part-box-01 span {
	font-size: 50px;
	vertical-align: -10%;
}
.reason-block .reason-tab .part-box-02 {
	position: absolute;
	width: 80%;
	top: 10px;
	left: 10%;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
}
.reason-block .reason-tab .part-box-02 h2 {
	font-size: 16px;
}
.reason-block .reason-tab .part-box-02 span {
	font-size: 50px;
	vertical-align: -10%;
}

/*sentence-reason*/
.content-block .sentence-reason {
	width: 100%;
	clear: both;
	position: relative;
}
.content-block .sentence-reason p {
	font-weight: bold;
	font-size: 18px;
	/*padding-left: 40px;*/
}
.content-block .sentence-reason .process-g {
	text-align: center;
	display: block;
}
.content-block .sentence-reason ul {
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.content-block .sentence-reason li {
	background-image: url(../image/file/html/reason_ten28.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	font-size: 18px;
}

.content-block .sentence-reason span {
	color: #FF0000;
	font-weight: bold;
	font-size: 22px;
}
.content-block .sentence-reason .check-mark {
	width: 70%;
	position: absolute;
	top: 0px;
	text-align: center;
}

/**/
.content-block .graph-r-01 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .graph-r-01 img {
	width: 100%;
}

/*tag-blok*/
.reason-tag-block {
	clear: both;
	width: 100%;
}
.reason-tag-block h2 {
	color: #FFF;
	font-size: 18px;
}
.reason-tag-block .sentence-t {
	font-size: 16px;
	font-weight: bold;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}
.reason-tag-block .photo-t {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.reason-tag-block .photo-t img {
	width: 100%;
}
.reason-tag-block .photo-three {
	width: 100%;
	margin-bottom: 20px;
}
.reason-tag-block .photo-three img {
	width: 100%;
}
.reason-tag-block .graph-img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.reason-tag-block .graph-img img {
	width: 100%;
}
.reason-tag-block .online-img {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: center;
}
.reason-tag-block .online-img img {
	width: 100%;
}
.reason-tag {
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../image/file/html/reason_01-3-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
.reason-tag h3 {
	font-size: 18px;
}

/*premier*/
.premier-point-block {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.premier-point-block .premier-point-tab {
	width: 100%;
	background-image: url(../image/file/html/premier-secret01-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 70px;
	background-size:contain;
}
.premier-point-block .premier-point-tab h2 {
	font-size: 23px;
	font-weight: bolder;
}
.premier-point-block .premier-point-tab .center-box {
	position: absolute;
	width: 70%;
	left: 25%;
	top: 30%;
	font-size: 23px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab .center-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.premier-point-block .premier-point-tab1-01 {
	width: 94%;
	position: relative;
	height: 56px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab1-01 .no-box img {
	width: 76%;
}
.premier-point-block .premier-point-tab1-01 .center-box {
	position: absolute;
	width: 83%;
	left: 18%;
	top: 33%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab1-02 {
	width: 100%;
	position: relative;
	height: 150px;
	background-image: url(../image/file/html/puremier-secret_01-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab1-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 66%;
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}
.premier-point-block .premier-point-tab2-01 {
	width: 76%;
	position: relative;
	height: 56px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab2-01 .no-box img {
	width: 76%;
}
.premier-point-block .premier-point-tab2-01 .center-box {
	position: absolute;
	width: 68%;
	left: 22%;
	top: 32%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab2-02 {
	width: 100%;
	position: relative;
	height: 180px;
	background-image: url(../image/file/html/puremier-secret_02-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	background-size:contain;
}
.premier-point-block .premier-point-tab2-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 54%;
	font-size: 13px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}
.premier-point-block .premier-point-tab2-02 span {
	height: 15px;
	width: 15px;
}
.premier-point-block .premier-point-tab2-02 span img {
	height: 15px;
	width: 15px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.premier-point-block .premier-point-tab3-01 {
	width: 56%;
	position: relative;
	height: 56px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab3-01 .no-box img {
	width: 76%;
}
.premier-point-block .premier-point-tab3-01 .center-box {
	position: absolute;
	width: 60%;
	left: 30%;
	top: 32%;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab3-02 {
	width: 100%;
	position: relative;
	height: 200px;
	background-image: url(../image/file/html/puremier-secret_03-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	background-size:contain;
}
.premier-point-block .premier-point-tab3-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 43%;
	font-size: 13px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}


}

@media all and (max-width:360px)
{
/*---------------------------------------------------*/
/* school-name */
/*--------------------------------------------------*/
.school-name-block {
	width: 100%;	
}
.school-name-block .school-name-tab {
	width: 100%;
	position: relative;
	height: 70px;
	background-image: url(../image/file/html/logo-name-360px.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;	
}
.school-name-block .school-name-tab .left-box {
	position: absolute;
	left: 6px;
	top: 11%;
	height: auto;
	width: 12%;
}
.school-name-block .school-name-tab .left-box img {
	width: 100%;
}
.school-name-block .school-name-tab .right-box {
	position: absolute;
	width: 84%;
	left: 15%;
	top: 32%;
}
.school-name-block .school-name-tab .right-box h1 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.school-name-block .school-name-tab .right-box h1 span {
	padding-left: 20px;
	margin-left: 28px;
}

/*sentence-r-area*/
.content-block .sentence-r-area {
	width: 100%;
}
.content-block .sentence-r-area p {
	font-weight: bold;
	font-size: 15px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area span {
	color: #FF0000;
	font-weight: bold;
	font-size: 17px;
}
.content-block .sentence-r-area span.check {
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
.content-block .sentence-r-area06 {
	width: 100%;
}
.content-block .sentence-r-area06 p {
	font-weight: bold;
	font-size: 19px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.content-block .sentence-r-area06 span {
	font-size: 13px;
	color: #000;
	text-align: left;
	display: block;
	font-weight: normal;
}

.reason-tag {
	padding-top: 11px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../image/file/html/reason_01-3-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
.reason-tag h3 {
	font-size: 17px;
}

.reason-tag-block .sentence-t {
	font-size: 15px;
	font-weight: bold;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}



/*premier*/
.premier-point-block {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.premier-point-block .premier-point-tab {
	width: 100%;
	background-image: url(../image/file/html/premier-secret01-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 70px;
	background-size:contain;
}
.premier-point-block .premier-point-tab h2 {
	font-size: 23px;
	font-weight: bolder;
}
.premier-point-block .premier-point-tab .center-box {
	position: absolute;
	width: 70%;
	left: 25%;
	top: 30%;
	font-size: 23px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab .center-box {
	text-shadow:
	-3px 0px 5px #fff,
	0px -3px 5px #fff, 
	3px 0px 0px #fff,
	0px 3px 0px #fff;
}
.premier-point-block .premier-point-tab1-01 {
	width: 98%;
	position: relative;
	height: 56px;
	margin-right: auto;
	margin-left: auto;
}
.premier-point-block .premier-point-tab1-01 .no-box img {
	width: 76%;
}
.premier-point-block .premier-point-tab1-01 .center-box {
	position: absolute;
	width: 85%;
	left: 16%;
	top: 33%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.2em;
}
.premier-point-block .premier-point-tab2-02 {
	width: 100%;
	position: relative;
	height: 180px;
	background-image: url(../image/file/html/puremier-secret_02-02-mobile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	background-size:contain;
}
.premier-point-block .premier-point-tab2-02 .center-box {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 51%;
	font-size: 13px;
	font-weight: bolder;
	line-height: 1.2em;
	text-align: left;
}
.premier-point-block .premier-point-tab2-02 span {
	height: 15px;
	width: 15px;
}
.premier-point-block .premier-point-tab2-02 span img {
	height: 15px;
	width: 15px;
	margin-bottom: 0px;
	margin-left: 2px;
}

}