@charset "utf-8";
/* * * * * * * * * * * * * * * * * * * * * * *
 *
 * lp_branding 201611
 *
 * * * * * * * * * * * * * * * * * * * * * * */ 
/*********************************************
 * PC
 ******************************************* */
body {
	width: 100%;
	max-width: 1381px;
	color: #111;
	margin: 0 auto;
	overflow: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.container {
	overflow: hidden;
}
/*　common
* --------------------------------- */
.content {
	max-width: 1140px;
	height: auto;
	font-size: 15px;
	line-height: 1.4;
	margin-left: 240px;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	padding-top: 7.2vw;
}
img {
	/*display: block;
	max-width: 100%;*/
	height: auto;
}
.tprice {
  font-size: 0.8em;
  padding: 0 0.2em; }
/*　nav
* --------------------------------- */
nav {
	position: fixed;
	height: 100%;
}
nav .nav-pc {
	width: 240px;
	height: 100%;
}
nav h1 {
	background: #ffffff;
	padding: 16px 0;
	border-bottom: 1px solid #d0cfcf;
	width: 240px;
}
nav h1 img {
	margin: 0 auto;
	padding-right: 3px;
}
nav ul {
	font-size: 12px;
}
nav li {
	border-bottom: 1px solid #d0cfcf;
	padding: 6px 50px 5px 20px;
	text-align: right;
}
nav a {
	color: #6e285a;
	text-decoration: none;
	display: block;
}
nav .gnav-pc a:hover {
	background: #6e285a url(../img/icon_on.png) no-repeat 200px;
	color: #f8f4f7;
}
nav .facebook li {
	border: none;
	padding: 0;
}
nav .facebook img {
	margin: 12px auto;
}
nav .facebook:hover {
	background: none!important;
}
.gnav-btn {
	display: none;
}
/*　mainvisual
* --------------------------------- */
.mainvisual {
	max-width: 1140px;
}
/*　section-01
* --------------------------------- */
/*　point3
* --------------------------------- */

.point3 .induction {
	padding: 45px 20px;
	background: #fbf8ef;
}
.point3 .induction ul {
	display: table;
	margin: 0 auto;
}
.point3 .induction li {
	display: table-cell;
	padding-left: 25px;
}
@media screen and (max-width: 780px) {
.point3 .induction {
	padding: 45px 20px;
	background: #faf8ef;
}
.point3 .induction ul {
	display: table;
	margin: 0 auto;
}
.point3 .induction li {
	display: table-cell;
	padding-left: 25px;
}
}
@media screen and (max-width: 1008px) {
.point3 .induction li, .point3 .induction li.get-license {
	padding-left: 25px;
	margin: 0 auto;
	display: block;
}
.point3 .induction li.step, .get-license {
	padding: 12px 0 0 25px;
}
}
/*　entry
* ----------------------- */
.entry {
	padding: 0 6%;
	margin-bottom: 8%;
}
.entry .present {
	max-width: 978px;
	margin: 0 auto;
	border: 9px solid #38acb5;
	box-sizing: border-box;
	position: relative;
}
.entry .present h4 {
	background: #38acb5;
	padding: 1.5% 2.2%;
}
.entry .present h4 img, .entry .present .present-box-01 img {
	margin: 0;
}
.entry .present .present-inner {
	padding: 0 2.5% 3%;
}
.entry .present .present-box-01 {
	overflow: hidden;
	margin-top: -5.5%;
	border-bottom: 2px dotted #6e285a;
}
.entry .present .present-box-01 .img-info {
	margin-top: -3.5%;
}
.present .present-box-01 p {
	font-size: 11px;
	text-align: right;
	padding-bottom: 2%;
}
.entry .present .present-box-02 {
	padding: 4% 0 0;
}
.entry .present .present-box-02 h5 {
	padding-bottom: 3.5%;
}
.entry .present .present-box-02 img.img-entry {
	padding-bottom: 1%;
}
.entry .present .present-box-02 {
	text-align: left;
	font-size: 11px;
}
/*　section-03-04【受講生所属企業】
* ----------------------- */
.section-03-04 {
	background: #fff;
}
.section-03-04-inner {
	background-color: #f9f8f8;
}
@media screen and (min-width: 781px) {
	.section-03-04-inner {
		padding: 4% 15% 3% 15%;
	}
}
.section-03-04 h3 {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #38ACB5;
	padding: 0 0 2% 2%;
}
.section-03-04 h3 span {
	font-size: 15px;
}
.section-03-04 table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	font-size: 17px;
	color: #38ACB5;
}
.section-03-04 table th {
	text-align: left;
	white-space: nowrap;
	text-indent: -1em;
	padding-left: 1em;
	padding-right: 1em;
}
.section-03-04 table td {
	padding: 1% 0;
}
.img_18 {
	margin: 0 auto -5%;
}
/*　section-04
* --------------------------------- */
.section-04-box01 {
	overflow: hidden;
	background: #fff;
	width: 94%;
}
.section-04-box01 figure {
	float: left;
}
.section-04-box01-right img {
	margin: 0;
}
.section-04-box01-right {
	padding: 4% 4% 0;
	box-sizing: border-box;
}
.section-04-box01-right p {
	font-size: 17px;
	line-height: 1.8;
}
/*　section-05
* --------------------------------- */

.section-07 .txt {
	font-size: 12px;
	text-align: center;
}
/*　reason06
* --------------------------------- */
.reason06 img, .section-07 img, .section-08 img {
	margin: 0 auto;
	
}
.btn-sec07 {
	max-width: 100%;
	margin:0 auto;
    padding: 3.5% 0 1%;
}
.point03_02 {
	position: relative
}
.point03_02_img {
	position: absolute;
	bottom: -43%;
	left: 47px;
}
@media screen and (max-width: 780px) {
.point03_02_img {
	position: static;
	bottom: -99%;
	left: 47px;
}
}
img_21_02_jpg {
	
}
@media screen and (max-width: 780px) {
.img_21_02_jpg {
	display:none;
}
}
.reason06 .reason {
	padding: 0 3%;
}
.reason06 .reason-box {
	overflow: hidden;
	margin: 0 auto 4.5%;
	width: 100%;
	box-sizing: border-box;
}
.reason06 .reason-box dl {
	border: 1px solid #6e285a;
	line-height: 1.7;
	padding: 4% 5% 6%;
}
.reason06 .reason-box .reason-box-inner:first-child {
	margin-left: 0;
}
.reason06 .reason-box-inner {
	width: 31.7%;
	text-align: left;
	float: left;
	margin-left: 2%;
}
.reason06 .reason-box dt {
	margin-top: -2%;
	position: absolute;
}
.reason06 .reason-box dl dd:nth-of-type(1) {
	border-top: 1px solid #4A69A8;
	margin-top: 15%;
	padding: 8% 0 6%;
}
/*　section-07
* --------------------------------- */
.section-07-inner {
	padding: 0 3% 7%;
}
.section-07 table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	font-size: 17px;
}
.section-07 table th {
	background: #38acb5;
	color: #fff;
	padding: 1.2% 1%;
	border-left: 1px solid #fff;
}
.section-07 table td {
	border-left: 1px solid #38acb5;
	border-bottom: 1px solid #38acb5;
	vertical-align: middle;
	padding: 1% 1.5%;
}
.section-07 table td:first-child {
	border-left: none;
	width: 20%;
}
.section-07 table td:nth-child(2) {
	width: 28%;
	padding: 0 1.5% 0 0;
}
.section-07 table td ul {
	display: table;
	width: 100%;
}
.section-07 table td li {
	display: table-cell;
	vertical-align: middle;
}
.section-07 table td li:first-child {
	width: 40%;
}

/*　section-07-2
* --------------------------------- */
.section-07-2 {
	border:1px solid #38ACB5;
	margin: 0 4% 7%;
}
.section-07-2-inner {
	padding: 0 3% 0.5em;
}
.section-07-2 p {
	margin: 1em auto;
}
.section-07-2 ul {
	margin: 1.5em 0;
}
.section-07-2 li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #ccc;
}
.section-07-2 li span {
	color: #38ACB9;
	padding-right: 0.3em;
}
.section-07-2 .c-contact {
	color: #38ACB9;
	font-size: 120%;
	border-top: 1px solid #38ACB9;
	padding-top: 0.5em;
	margin: 1.5em 0 -0.5em;
}

/*　section-08
* --------------------------------- */
.section-08-inner {
	padding: 0 3% 7%;
}
.section-08 table {
	border-collapse: separate;
	border-spacing: 10px 0;
}
.section-08 table th {
	width: 22%;
	vertical-align: middle;
	margin: 0 2%;
	border-right: 1px solid #38ACB9;
	border-spacing: 5px 0;
	border-bottom: 1px solid #38ACB9;
	vertical-align: middle;
	font-size: 150%;
	font-weight: bold;
	color: #38acb5;
}
.section-08 table td {
	font-size: 120%;
}
.section-08 table ul.price li:before, .section-08 table ul.howtoentry li:before {
	content: '●';
	color: #38ACB9;
}
.section-08 table ul.caution li:before {
	content: '※';
	color: #111;
	margin-left: 3%;
}
.section-08 table ul.caution li {
	text-indent: -2.1em;
	padding-left: 1em;
}
.section-08 table img {
	margin: 1% 0 2%;
}
.section-08 table td {
	padding: 3.5% 2.2% 2% 3%;
	vertical-align: middle;
	border-bottom: 1px dashed #dac9d5;
}
.section-08 table tr:last-child th, .section-08 table tr:last-child td {
	border-bottom: none;
}
.section-08 table li {
	padding-bottom: 1%;
}
.section-08 table ul.price li.price-02 span {
	padding-bottom: 1%;
	display: inline-block;
}
.section-08 table {
}
.section-08 table.credit {
	border: 1px solid #38acb5;
	border-bottom: none;
	border-spacing: 0;
	margin: 2% 0.5% 0.5%;
}
.section-08 table.credit th {
	background: #f5f0e5;
	font-weight: bold;
	color: #38acb9;
	border-right: none;
	font-size: 98%;
	font-weight: bold;
	width: 42%;
	padding: 0% 2%;
}
.section-08 table.credit td {
	font-size: 100%;
}
.section-08 table.credit th, .section-08 table.credit td {
	border-bottom: 1px solid #38acb9!important;
}
.section-08 table span.credit-caution {
	color: #e60f20;
	font-size: 80%;
}
.entry02 {
	margin-bottom: 5.5%;
}
/*　section-09
* --------------------------------- */
.section-09 {
	padding: 0 8%;
	margin-bottom: 10vw;
}
.section-09 img {
	margin: auto;
}
.section-09 .img-09 {
	margin: 5% auto 10%;
}
/*　footer
* --------------------------------- */
footer {
	clear: both;
	border-right: 1px solid #eee;
	position: relative;
}
footer p {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	padding: 1vw;
}
footer p.copyright {
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background: #6e285a;
	padding: 0.4% 0 0.2%;
}
footer .pagetop {
	position: fixed;
	right: 3.5%;
	bottom: 3.5%;
}
@media screen and (max-width: 1212px) {
.entry .present .present-box-01 {
	margin-top: -1.5%;
}
}
@media screen and (max-width: 1376px) {
.reason06 .reason-box dt {
	margin-top: -2.8%;
}
}
 @media screen and (max-width: 1020px) {
.reason06 .reason-box dl dd {
	line-height: 1.4;
}
.reason06 .reason-box dl dt img {
	max-width: 55%!important;
	padding-right: 50%;
}

}
@media screen and (max-width: 1217px) {
.section-04-box01-right p {
	line-height: 1.4;
}
.section-04-box01 figure {
	width: 38%;
	height: auto;
}
.reason06 .reason-box dt {
	margin-top: -2%;
}
.reason06 .reason-box dt img {
	max-width: 80%;
	padding-right: 14%;
}
.reason06 .reason-box dl dd:nth-of-type(1) {
	margin-top: 19%;
}
}
@media screen and (max-width: 1136px) {
.section-04-box01 figure {
	float: none;
	width: inherit;
	padding-top: 3%;
}
.section-04-box01 figure img {
	margin: 0 auto;
}
.section-04-box01-right {
	padding: 4% 8% 7%;
}
.section-04-box01-right p {
	line-height: 1.7;
}
.section-04-box01 {
	background-position: 97% 97%;
}
}
@media screen and (max-width: 808px) {
.section-04-box01-right {
	padding: 4% 8% 10%;
}
}
@media screen and (max-width: 1217px) {
.reason06 .reason-box dt img {
	max-width: 70%;
	padding-right: 25%;
}
}
/*********************************************
 * SP
 ******************************************* */
@media screen and (max-width: 780px) {
body {
	width: 100%;
	min-width: 320px;
}
img {
	height: auto;
}
nav {
	display: block;
	width: 100%;
}
nav h1 {
	background: #fff;
	border: none;
	padding: 0 0 0 17px;
}
nav h1 img {
	margin: 0;
	width: 80%;
}
/*.gnav-btn {
	display: block;
}*/

.mainvisual {
	/*background: url("../img/bg_main_s.png") center top no-repeat;*/
	position: relative;
}
.content {
	width: 100%;
	margin: 0;
	float: none;
	margin-left: 0;
	border: none;
}
/*　section-01
 * --------------------------------- */
/*　point3
* --------------------------------- */
.point3 .induction {
	padding: 6% 0 1% 0;
}
.point3 .induction li, .point3 .induction li.get-license {
	padding-left: 0;
}
.point3 .induction li.step {
	padding: 5% 0 0 0;
}
.point3 .induction li.get-license {
	padding: 5% 0 5%;
}
.entry .present h4 {
	padding: 1.5% 2.2% 3%;
}
.entry .present .present-box-01 {
	margin-top: 2%;
}
.entry .present .present-box-01 img {
	margin-bottom: 4%;
}
.entry .present {
	max-width: 100%;
	border: 5px solid #38acb5;
}
.entry .present h4 img {
	width: 80%;
}
.entry .present .present-box-02 h5 img {
	width: 85%;
}
.entry .present .present-box-01 .img-info {
	margin-top: 0;
}

/*　section-03
 * --------------------------------- */

.section-03-04 h3 {
	font-size: 18px;
	padding: 0 0 3% 0;
}
.section-03-04 table th {
	width: 31%;
	font-size: 13px;
}
.section-03-04 table td {
	font-size: 13px;
	padding: 2% 0;
}
.section-03-04 {
	padding: 2% 5% 8%;
}
/*　section-04
 * --------------------------------- */
.section-04-box01 figure {
	padding-top: 0;
	width: 100%;
	margin: 0;
}/*
.section-04-box01, .section-04-box02 {
	margin: 6% 9%;
	width: 82%;
}/*
.section-04-box01-right {
	padding: 5% 6% 23%;
}*/
.section-04-box01 {
	background-position: center 97%;
	background-size: 35% auto;
}
/*　section-05
* --------------------------------- */
.section-07 .txt {
	padding: 0 5%;
	text-align: left;
}
.btn-sec07 {
	max-width: 100%;
	margin:0 auto;
padding: 3.5% 0;

	}
/*　reason06
* --------------------------------- */
.reason06 .reason-box-inner {
	float: none;
	width: 100%;
}
.reason06 .reason-box dl dt img {
	padding-right: 0;
}
.reason06 .reason-box-inner {
	margin-left: 0;
}
.reason06 .reason {
	padding: 0 8%;
}


.reason06 .reason-box dl dt img {
	max-width: 75%!important;
}
/*
.reason06 .reason-box-inner:last-child dt img {
	max-width: 74%!important;
}*/
.reason06 .reason-box dl {
	margin-bottom: 10%;
	padding: 4% 5% 4.5%;
}
.reason06 .reason-box .reason-box-inner:nth-child(3) dl {
	margin-bottom: 1%;
}
.reason06 .reason-box dl dd:nth-of-type(1) {
	margin-top: 11%;
}
.reason06 .reason-box dt {
	margin-left: -4.6%;
	margin-top: -9.5%;
}
.reason06 .reason-box {
	margin: 0 auto 10%;
}
.reason06 .reason-box dl dd {
	font-size: 13px;
}
.reason06 .reason-box dl dd:nth-of-type(1) {
	padding: 6% 0 5%;
}
.reason06 .reason .reason-box-inner:nth-child(1) dl dd img {
	width: 52%;
}
.reason06 .reason .reason-box-inner:nth-child(2) dl dd img {
	width: 67%;
}
.reason06 .reason .reason-box-inner:nth-child(3) dl dd img {
	width: 73%;
}
.reason06 .reason:nth-child(2) .reason-box-inner:nth-child(1) dl dd img {
	width: 48%;
}
.reason06 .reason:nth-child(2) .reason-box-inner:nth-child(2) dl dd img {
	width: 62%;
}
.reason06 .reason:nth-child(2) .reason-box-inner:nth-child(3) dl dd img {
	width: 59%;
}
/*　section-07
* --------------------------------- */
.btn-sec07 {
	max-width: 100%;
	margin:0 auto;
padding: 3.5% 0;

}



.section-07-inner {
	padding: 0px 3% 4%;
}
.section-07 table {
	font-size: 13px;
}
/*　section-08
* --------------------------------- */
.section-08 table th {
	width: 30%;
	font-size: 14px;
}
.section-08 table td {
	font-size: 13px;
	padding: 3.5% 0 2% 3%;
}
.section-08 table img {
	margin: 4% 0 7%;
}
.section-08-inner {
	padding: 0 2% 7%;
}
.section-08 table.credit {
	margin: 2% 0.5% 2%;
}
.section-08 table.credit th {
	font-size: 13px;
	line-height: 1.3;
	padding: 3% 0;
}
.section-08 table span.credit-caution {
	font-size: 11px;
	line-height: 1.1;
}
/*　section-09
* --------------------------------- */
/*　footer
 * --------------------------------- */
footer {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
footer p {
	font-size: 12px;
	text-align: center;
	line-height: 1.4;
	width: 100%;
	padding: 0 5% 3%;
	box-sizing: border-box;
}
footer p.copyright {
	padding: 2.5% 3%;
}
footer .pagetop {
	width: 8%;
	bottom: 1%;
}
/*　g-menu
 * ----------------------- */
.icon {
	width: 11vw;
	height: 11vw;
	display: block;
	cursor: pointer;
	position: absolute;
	right: 2vw;
	text-align: center;
	top: 2vw;
}
/*　nav
 * ----------------------- */
.gnav {
	background-color: rgba(110,40,90,0.8);
	width: 100%;
	z-index: 99;
	position: absolute;
	top: 16vw;
	left: 0;
}
.gnav li {
	border-bottom: 1px solid #b794ad;
	color: #fff;
	text-align: center;
	padding: 1.5% 0 1.5%;
	font-size: 13px;
}
.gnav-btn {
	display: block;
}
nav a:hover {
	background: none;
}
}
.reason06 .reason-box dt {
	margin-left: 1.2%;

}
 @media screen and (min-width: 355px) and (max-width: 780px) {
.reason06 .reason-box dl dd:nth-of-type(1) {
	margin-top: 8%;
}
}
@media screen and (min-width: 400px) and (max-width: 780px) {
.reason06 .reason-box dl dd:nth-of-type(1) {
	margin-top: 7%;
}
.reason06 .reason-box dt {
	margin-left: 5%;
	margin-top: -8%;
}
}
@media screen and (min-width: 460px) and (max-width: 780px) {
.reason06 .reason-box dt {
	margin-left: 7%;
	margin-top: -7.5%;
}
}
@media screen and (min-width: 530px) and (max-width: 780px) {
.reason06 .reason-box dt {
	margin-left: 11%;
	margin-top: -6.5%;
}
}
@media screen and (min-width: 600px) and (max-width: 780px) {
.reason06 .reason-box dt {
	margin-left: 15%;
	margin-top: -6.5%;
}
.reason06 .reason-box dl dd:nth-of-type(1) {
	margin-top: 5%;
}
}
@media screen and (max-width: 530px) {
.section-07 table td li:first-child {
	width: 80%;
	display: block;
}
.section-07 table td ul {
	display: block;
}
}
/*is*/
/*Youtube*/
.section-07 table td a:link {
	text-decoration: none;
	color: #111;
}
.section-07 table td a:visited {
	text-decoration: none;
	color: #111;
}
.section-07 table td a:hover {
	text-decoration: none;
	color: #6b2559;
}
.section-07 table .btn a {
	display: block;
	width: 100px;
	margin: 5px auto 5px auto;
	height: 30px;
	color: #fff!important;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	background: #b8282e;
	font-size: 13px;
}
.section-07 table .btn a:link {
	text-decoration: none;
}
.section-07 table .btn_closed {
	display: block;
	width: 100px;
	margin: 5px auto 5px auto;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	background: #ccc;
}
.header {
	z-index: 999;
}
.header {
	background-color: #ffffff;
	height: 7.2vw;
	width: 100%;
	position: fixed;
	top: 0;
	box-sizing: border-box;
}
nav {
	display: block;
	width: 100%;
	height: 55px;
	background-color: #ffffff;
	z-index: 999;
	box-sizing: border-box;
}
.header .fixbar {
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	box-sizing: border-box;
}
.header .fixbar {
	position: relative;
}
 @media screen and (max-width: 780px) {
/* ヘッダーの固定 */
.header {
	background-color: #ffffff;
	height: 16vw;
	width: 100%;
	position: fixed;
	top: 0;
	box-sizing: border-box;
}
nav {
	display: block;
	width: 100%;
	height: 55px;
	background-color: #ffffff;
	z-index: 999;
	box-sizing: border-box;
}
.header .fixbar {
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	padding-top: 2vw;
	box-sizing: border-box;
}
.header .fixbar {
	position: relative;
}
/*
#basiccourse, #basiccourse, #schedule, #subscription, #beginner {
	margin-top: -70px;
	padding-top: 70px;
}*/
.headtop {
	padding: 16vw 0 0 0;
}
}

/*20170608*/

/*=======================================*/
/*コマンド*/
/*=======================================*/
 @media screen and (max-width: 767px) {
html {
	font-size: 55%;
}
.br-sp-none {
	display: none;
}
}
 @media screen and (max-width: 780px) {
.forPC {
	display: none;
}
}
@media screen and (min-width: 780px) {
.forSP {
	display: none;
}
}
/*ボタン1*/
.buttonbox {
	padding: 5%;
	background-color: #faf8ef;
}
.button01 {
	margin: 0 auto;
	max-width: 100%;
}
 @media screen and (max-width: 780px) {
.button01 {
	margin: 0 auto;
	max-width: 80%;
}
}
/*=======================================*/
/*section01*/
/*=======================================*/
.section01 {
	overflow: hidden;
	width: 100%;
	background-color: #faf8ef;
}
.section01box {
	overflow: hidden;
	width: 100%;
	background-color: #faf8ef;
}
.img_center01 {
	margin: 0 auto;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
}
 @media screen and (max-width: 780px) {
.img_center01 {
	width: 100%;
	padding: 3%;
	margin: 0 auto;
}
}
.img_right01 {
	float: right;
	padding: 0 120px 0 0;
	height: auto;
	margin-top: 2%;
}
 @media screen and (max-width: 780px) {
.img_right01 {
	float: right;
	margin: 0 auto 8%;
	padding: 0 3% 0 0%;
	max-width: 30%;
}
}
 @media screen and (max-width: 780px) {
.section01_textbox {
	width: 90%;
	margin: 0 auto;
}
}
.section01_textbox p {
	width: 68%;
	font-size: 17.5px;
	line-height: 1.7;
	padding-left: 13%;
	margin-top: 2%;
	font-weight: bold;
	color: #444241;
}
 @media screen and (max-width: 780px) {
.section01_textbox p {
	width: 100%;
	font-size: 17.5px;
	line-height: 1.7;
	margin-top: 2%;
	font-weight: bold;
	color: #444241;
	padding: 5% 0;
}
}
/*=======================================*/
/*section01_02box*/
/*=======================================*/
 @media screen and (max-width: 780px) {
.section01_02inner {
	width: 84%;
	margin: 0 auto;
}
}
.img_right02 {
	float: right;
	padding: 5% 14% 0 0;
	width: 50%;
}
.text_right02 {
	float: right;
	padding: 5% 14% 0 0;
	width: 50%;
	line-height: 1.8;
	color: #4a69a8;
	font-weight: bold;
	font-size: 20px;
	text-justify: auto;
}
.img_left02 {
	float: left;
	max-width: 28%;
	padding: 1% 0 0 8%;
}
 @media screen and (max-width: 780px) {
.img_right02 {
	display: block;
	float: none;
	width: 90%;
	margin: 0 auto;
	padding: 5% 0 0 0;
}
.text_right02 {
	float: none;
	padding: 3%;
	width: 100%;
	line-height: 1.8;
	color: #4a69a8;
	font-weight: bold;
	font-size: 20px;
}
.img_left02 {
	padding: 1% 2% 0 0%;
}
}
.midasi_box {
	text-align: center;
}
.midashi {
	width: 82%;
	background-color: #4a69a8;
	padding: 10px;
	color: #ffffff;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 27px;
	text-align: center;
	font-weight: bold;
}
 @media screen and (max-width: 767px) {
.midashi {
	width: 84%;
	background-color: #4a69a8;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 16px;
}
}
 @media screen and (max-width: 767px) {
.career {
	width: 93%;
	margin: 0 auto;
	padding: 3%;
	box-sizing: border-box;
}
}
/*=======================================*/
/*section01_02box*/
/*=======================================*/
.img_center {
	display: block;
	margin: 0 auto;
}
.midashi2 {
	width: 82%;
	background-color: #38ACB5;
	padding: 10px;
	color: #ffffff;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
}
 @media screen and (max-width: 767px) {
.midashi2 {
	width: 84%;
	background-color: #38ACB5;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 16px;
}
}
.problem {
	background-color: #faf8ef;
	width: 100%;
	padding: 5% 0;
}
.problem img {
	width: 90%;
	margin: 0 auto;
}
/*=======================================*/
/*section02*/
/*=======================================*/
.section02 {
	background-color: #faf8ef;
	text-align: center;
	padding-bottom: 7%;
	margin-bottom: 7%;
}
.section02inner {
	border-radius: 30px;
	background-color: #ffffff;
	width: 90%;
	margin: 0 auto;
	padding: 6% 0 0 0;
	text-align: left;
}
.section02_01 {
	padding: 4% 6% 6%;
	max-width: 98%;
	box-sizing: border-box;
	margin: 0 auto;
}
.section02_01 h4 {
	padding-bottom: 4%;
}
/*=======================================*/
/*figure*/

.section02_01 figure {
	float: right;
}
@media screen and (max-width: 1377px) {
.section02_01 figure {
	width: 47%;
	height: auto;
	margin-top: 2%;
}
}
@media screen and (max-width: 780px) {
.section02_01 figure {
	float: none;
	width: 70%;
	margin: 0 auto 8%;
	padding-left: 5%;
}
}
/*=======================================*/
/*h5 p*/
.section02_01box {
	overflow: hidden;
	width: 100%;
	margin-left: 2%;
}
.section02_01box h5 img {
	margin: 0;
	padding-left: 3.5%;
}
.section02_01box p {
	width: 38%;
	font-size: 17.5px;
	line-height: 1.5;
	padding-left: 3.5%;
	margin-top: 2%;
}
 @media screen and (max-width: 1377px) {
.section02_01box h5 img {
	width: 45%;
}
.section02_01box p {
	width: 45%;
}
}
@media screen and (max-width: 780px) {
.section02_01box {
	margin-left: 0;
}
.section02_01box_left {
	width: 100%;
	padding: 0 2%;
	box-sizing: border-box;
}
.section02_01box h5 img {
	width: 52%;
}
.section02_01box p {
	width: 100%;
	font-size: 15px;
}
}
/*=======================================*/
/*section03*/
/*=======================================*/
.section03_right_box {
	float: right;
	width: 40%
}
.section03_right_box img {
	max-width: 100%;
	margin: 0 auto;
}
.profile_box {
	padding: 0 0 0 10%;
}
 @media screen and (max-width: 780px) {
.section03_right_box {
	float: none;
	width: 90%;
	margin: 0 auto
}
.profile_box {
	margin: 0 auto;
	min-width: 294px;
	padding: 0;
}
}
.section03_left_box {
	float: left;
	width: 50%;
	line-height: 1.7;
	padding: 0 2% 0 3%;
	text-align: justify;
	font-size: 17px;
	line-height: 1.9;
}
 @media screen and (max-width: 780px) {
.section03_left_box {
	float: none;
	width: 95%;
	margin: 1% auto;
	box-sizing: border-box;
}
}
.profile {
	font-size: 17px;
	line-height: 1.7;
}
.profile_desc {
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
}
.recommed {
	width: 84%;
	margin: 5% auto;
}
.t_profile_box {
	padding: 0 0 0 3%;
	line-height: 1.7;
}
.t_profile_box a {
	color: #6b2559;
}
 @media screen and (max-width: 780px) {
.t_profile_box {
	width: 90%;
	margin: 0 auto;
}
}
.t_profile {
	clear: both;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #6b2559;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5a282;
	padding: 1em 0 10px;
	margin-bottom: 10px;
}
/*=======================================*/
/*section04*/
/*=======================================*/

.midashi3 {
	width: 80%;
	background-color: #F5F1DF;
	padding: 10px;
	color: #4A69A8;
	border-radius: 50px;
	margin: 0% auto 6%;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
}
 @media screen and (max-width: 780px) {
.midashi3 {
	width: 80%;
	background-color: #F5F1DF;
	padding: 15px;
	color: #4A69A8;
	border-radius: 50px;
	margin: 8% auto;
	font-size: 16px;
}
}
.reason06 .reason-box dl {
	border: 1px solid #6e285a;
	line-height: 1.7;
	padding: 7% 5% 6%;
	border-radius: 30px;
	background-color: #F5F1DF;
	border: none;
}
 @media screen and (max-width: 780px) {
.reason06 .reason-box dl {
	margin-bottom: 10%;
	padding: 7% 5% 4.5%;
	border-radius: 30px;
	background-color: #F5F1DF;
	border: none;
}
}
/*=======================================*/
/*reason2*/
/*=======================================*/

.point_tit {
	position: absolute;
	top: -7%;
	left: 3%;
}
.point_tit02 {
	position: absolute;
	top: -3%;
	left: 3%;
}
.point_tit03 {
	position: absolute;
	top: -5%;
	left: 3%;
}
 @media screen and (max-width: 780px) {
.point_tit {
	position: absolute;
	top: -2%;
	left: 6%;
}
.point_tit02 {
	position: absolute;
	top: -1%;
	left: 6%;
}
.point_tit03 {
	position: absolute;
	top: -1%;
	left: 6%;
}
}
.point_tit03_img {
	padding: 7% 0 0 0;
}
.point_tit03_img02 {
	max-width: 100%;
	margin: 0 auto;
	    padding: 3% 0;
}
.caution01 {
	font-size: 13px;
	font-size: 13px;
	padding: 0% 0 3% 7%;
	width: 39%;
}
 @media screen and (max-width:780px) {
.caution01 {
	font-size: 13px;
	font-size: 13px;
	padding: 0;
    width: 92%;}
}
/*
.section-04-box01-right p {
    font-size: 17px;
    line-height: 1.8;
    font-weight: bold;
    width: 42%;
    padding: 0 0 4% 0%;
    text-indent: -1em;
    padding-left: 1em;
    margin: 0 0 0 1.3%;
}*/

.point3_text {
	font-size: 17px;
	line-height: 1.8;
	font-weight: bold;
	width: 42%;
	padding: 0 0 4% 0%;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 0 1.3%;
}
.point3_text_last {
	font-size: 17px;
	line-height: 1.8;
	font-weight: bold;
	width: 42%;
	text-indent: -1em;
	padding: 0 0 1% 0%;
	padding-left: 1em;
	margin: 0 0 0 1.3%;
}
 @media screen and (max-width: 780px) {
.section-04-box01-right p {
	width: 80%;
}
}
.section-04-box01-right p:before {
	content: '●';
	color: #ef858c;
}
.section06 .reason2 {
	padding: 0 3%;
}
.section06 .reason2 p {
	text-align: justify;
}
@media screen and (max-width: 780px) {
	.sp-none{
		display: none;
}
}
 @media screen and (max-width: 780px) {
.section06 .reason2 p {
	margin: 0 auto;
}
}
.section06 .reason-box2 {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}
.section06 .reason-box-inner2 {
	width: 90%;
	margin: 3% auto 3%;
	position: relative;
}

 @media screen and (max-width: 1000px) {
.section06 .reason-box-inner2 {
    width: 90%;
    margin: 7% auto 3%;
    position: relative;
}}


 @media screen and (max-width: 780px) {
.section06 .reason-box-inner2 {
	width: 95%;
	margin: 3% auto 3%;
	position: relative;
}
}
.reason2 {
	background-color: #faf8ef;
}
.section-04-box01 figure {
	float: right;
}
.section-04-box01 {
	overflow: hidden;
	background: #fff;
	padding: 6% 0 3%;
	border-radius: 30px;
	width: 100%;
}
/*=======================================*/
/*講座二日*/
/*=======================================*/
.flowinner {
	border-radius: 30px;
	background-color: #ffffff;
	width: 90%;
	margin: 0 auto;
	padding: 6% 0 0 0;
	text-align: left;
}
@media screen and (max-width: 780px) {
.flowinner {
	padding: 6% 0 0 0%;
}
}
.kouza {
	line-height: 1.6;
	padding: 3% 8%;
}
.flow {
	background-color: #f9f8f8;
	text-align: center;
	padding: 7% 0;
}
/*=======================================*/
/*user_voice*/
/*=======================================*/



.user_voice {
	background-color: #f9f8f8;
	text-align: center;
	padding-bottom: 7%;
}
.user_voice_inner {
	border-radius: 30px;
	background-color: #ffffff;
	width: 90%;
	margin: 0 auto;
	padding: 6% 0 5% 0;
	text-align: left;
}
.case01box {
	padding: 5% 0 0 0;
}
.user_voice_p {
	color: #38ACB5;
	text-align: center;
	line-height: 1.6;
	padding: 3% 11%;
}
.user_voice img {
	margin: 0 auto;
	padding: 2% 0;
}
@media screen and (max-width: 780px) {
.user_voice img {
	width: 100%;
	padding: 2% 0;
}
}
/*=======================================*/
/*ボタン*/
/*=======================================*/

.order {
	position: relative;
}
@media screen and (max-width: 780px) {
.order {
	width: 100%;
	margin: 0 auto;
}
}
 @media screen and (max-width: 780px) {
.order02 {
	width: 100%;
	margin: 0 auto;
}
.order02bg {
	width: 100%;
	margin: 0 auto;
}
}
/*=======================================*/
/*section0*/
/*=======================================*/

.case {
	background-color: #faf8ef;
	text-align: center;
	padding: 1% 0 3%;
}
.case_tlt_desc {
	font-size: 20px;
	width: 80%;
	margin: 0 auto;
	padding: 2%;
	line-height: 1.8;
	font-weight: bold;
}
.midashi4 {
	width: 87%;
	background-color: #F57568;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 10% auto 0;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
}
 @media screen and (max-width: 767px) {
.midashi4 {
	width: 80%;
	background-color: #F57568;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 5% auto;
	font-size: 16px;
}
}
.caseinner {
	border-radius: 30px;
	background-color: #ffffff;
	width: 83%;
	margin: 0 auto;
	text-align: center;
	padding: 4% 4% 0 4%;
}
.case_img01 {
	display: block;
	margin: 0 auto;
	padding: 1%;
}
.case_img02 {
	margin: 0 auto;
	max-width: 100%;
	padding: 25% 0% 0% 0%;
}
.case_img03 {
	margin: 0 auto;
	max-width: 100%;
	padding: 23% 0% 0% 0%;
}
.case_img04 {
	margin: 0 auto;
	max-width: 100%;
	padding: 9% 0% 0% 0%;
}
.caseinner a {
	text-decoration: none;
	color: #111;
}
/*=======================================*/
/*case02*/
/*=======================================*/
.case02 {
	background-color: #faf8ef;
	text-align: center;
	padding-bottom: 7%;
}
.case02 {
	background-color: #faf8ef;
	text-align: center;
	padding-bottom: 7%;
}
.case02box {
	display: flex;
	flex-flow: row nowrap;
	align-content: stretch;
	overflow: hidden;
	margin: 0 auto 6%;
	width: 94%;
	box-sizing: border-box;
}
 @media screen and (max-width: 780px) {
.case02box {
	display: block;
	padding-left: 0;
	margin: 0 auto;
	width: 83%;
	border-radius: 30px;
}
}
.case02box dt img {
	margin: 20px auto 0;
	width: 90%;
}
.case02box dd {
	margin: 0 auto;
	line-height: 1.8;
	letter-spacing: .5px;
	padding:0 2% ;
}
.case02box dl dd:nth-of-type(2) {
	width: 80%;
}
.case02box a {
	width: 31.2%;
	margin-left: 1.7%;
	border-radius: 30px;
	background: #fff;
	padding-bottom: 85px;
	position: relative;
}
 @media screen and (max-width: 780px) {
.case02box a {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-bottom: 5%;
	background: #fff;
	padding-top: 10px;
}
}
.case02box dl {
	border-radius: 30px;
	text-align: center;
}
.case02box dt {
	padding-bottom: 5.5%;
}
.case02box a {
	text-decoration: none;
	color: #111;
}
.case_text {
	width: 80%;
	margin: 0 auto;
}
.case_tit {
	color: #F57568;
	font-weight: bold;
	font-size: 23px!important;
}
@media screen and (max-width: 780px) {
.case02 .case_tit {
	width: 80%;
}
}
.case_cat {
	font-size: 14px;
}
.case02box a .img_center {
	position: absolute;
	bottom: 30px;
	left: calc(50% - (162px / 2));
}


@media screen and (max-width: 780px) {

.case_button01{
	padding:4% 2% 8% 2%;
	
}
.case_button02{
	padding:4% 2% 8% 2%;
	
}

.case_button03{
	padding:4% 2% 8% 2%;
	
}



.case_button04{
	padding:4% 2% 8% 2%;
	
}
}





.case_desc {
	line-height: 1.8;
	font-weight: bold;
	padding: 4% 4% 4% 4%;
	font-size: 18px;
	text-align: center;
	text-align: justify;
	/*
	background: #fff url(../img/img_button_03.jpg) center 86% no-repeat;
	*/
}
.case_desc {
	padding: 5% 4% 4% 4%;
}
.case_desc01 {
	padding: 4% 4% 7% 4%;
}

.case_desc01 {
	padding: 4% 4% 30% 4%;
}
.case_desc02 {
	padding: 2% 5% 27%;
}
.case_desc03 {
	padding: 2% 5% 35%;
}
 @media screen and (max-width: 780px) {
.case_desc {
	line-height: 1.8;
	font-weight: bold;
	padding: 4% 4% 13% 4%;
	font-size: 18px;
	text-align: justify;
}
.case_desc {
	padding: 4% 4% 4% 4%;
}
.case_desc01 {
	padding: 2% 5% 27%;
}
.case_desc02 {
	padding: 2% 5% 27%;
}
.case_desc03 {
	padding: 2% 5% 27%;
	;
}
}
.user_voice_p {
	color: #38ACB5;
	text-align: center;
	line-height: 1.6;
	padding: 3% 11%;
	font-size: 17px;
}
.trainer_section {
	background-color: #eeeadc;
	text-align: center;
	padding: 1% 0 5%;
}
.trainerbg {
	background-color: #EEEADC;
}
.midashi5 {
	width:88%;
	background-color: #EF858C;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 10% auto 2%;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
}
 @media screen and (max-width: 780px) {
.midashi5 {
	width: 80%;
	background-color: #EF858C;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 5% auto;
	font-size: 16px;
}
}
.trainer {
	width: 80%;
	margin: 10% auto;
	background-color: #ffffff;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 5% 0;
	text-align: left;
}
.trainer_right_box {
	float: right;
	width: 50%
}
.trainer_right_box02 {
	float: right;
	width: 50%;
}
.trainer_right_box img {
	max-width: 100%;
	float: right
}
 @media screen and (max-width: 780px) {
.trainer_right_box {
	float: none;
	width: 100%;
}
.trainer_right_box img {
	max-width: 100%;
	float: none;
	margin: 0 auto;
}
.trainer_right_box02 {
	float: none;
	width: 100%;
	margin: 0 auto;
}
}
.trainer_left_box {
	float: left;
	width: 54%;
	width: 38%;
	line-height: 1.7;
	padding: 4% 0% 0 7%;
	text-align: justify;
	font-size: 17px;
	line-height: 1.9;
}
 @media screen and (max-width: 780px) {
.trainer_left_box {
	float: none;
	width: 95%;
	box-sizing: border-box;
}
}
.trainer_profile01 {
	float: right;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 1% 0px;
	margin: 5% 0;
}
.trainer_profile02 {
	line-height: 1.6;
	float: right;
	padding: 0 10% 0 0;
	text-align: justify;
}
.trainer_other {
	display: block;
	margin: 0 auto;
	padding: 5% 5% 1% 5%
}


 @media screen and (max-width: 780px) {
.trainer_profile01 {
	float: none;
	padding: 0;
}
.trainer_profile02 {
	float: none;
	padding: 3%;
}
}
.trainer_name01 {
	color: #ef858c;
}
.trainer_name02 {
	color: #ef858c;
	font-size: 35px;
}
.trainer_other {
    display: block;
    margin: 0 auto;
    padding: 5% 5% 0.5% 5%;
	}

 @media screen and (max-width: 780px) {
.trainer_other {
    width: 90%;}
 }


.trainer_other_text {
	
font-size: 12px;
    padding: 0 5% 1% 5%;
    width: 90%;}


.midashi6 {
	width: 92%;
	background-color: #38ACB5;
	padding: 10px;
	color: #ffffff;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	margin: 5% auto 2%;
}
.schedule_desc01 {
	margin: 0 auto 1%;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
.schedule_desc02 {
	text-align: center;
	margin: 0 auto 2%;
	width: 64%;
}

 @media screen and (max-width: 780px) {
.midashi6 {
	width: 84%;
	background-color: #38ACB5;
	padding: 15px;
	color: #ffffff;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 16px;
	margin: 5% auto 2%;
}
.schedule_desc02 {
    text-align: center;
    margin: 0 auto 2%;
    width: 90%;
    font-size: 12px;
}
.schedule_desc01 {
	margin: 0 auto 1%;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
}

.button001box{
position:relative;
}

.button001{
position: absolute;
    top: 27%;
    left: 37%;
    right: 11.375%;	
}
.button002{
    position: absolute;
    top: 80%;
    left: 50%;
    right: 23%;

}

/* Add 2017.12.14 */
.scroll_button-box {
	padding: 70px 0;
	text-align: center;
}
.scroll_button-title {
	margin-bottom: 15px;
}
.scroll_button-title img {
	display: inline-block;
}
.scroll_button-title-sub {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 0.15em;
}
.scroll_button {
	display: inline-block;
}
.scroll_button img {
	display: inline-block;
}
.scroll_button-box .img-scroll {
	display: inline-block;
}
.section02 {
	margin-bottom: 0;
}
.section02inner {
	background-color: #faf8ef;
}
.button001 {
	top: 53%;
	left: 11%;
}
.button002 {
	top: 53%;
	left: 50%;
	right: initial;
}
.point3 .induction {
	background: #fff;
}
.reason2 {
	background-color: #fff;
}
.flow {
	background-color: #fff;
}
.user_voice {
	background-color: #fff;
}
.section-03-04-inner {
	background-color: #fff;
}
.order-box {
	padding: 30px 8% 20px;
	background-color: #fff000;
	text-align: center;
	position: relative;
}
.order-box img {
	display: inline-block;
}
.order-box-title {
	position: relative;
	z-index: 10;	
}
.order-box-img-01, .order-box-img-02 {
	width: 21%;
	height: auto;
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.order-box-img-01 {
	left: 0;
}
.order-box-img-02 {
	right: 0;
}
.wrap-order-box-btn {
	margin: 0;
	position: relative;
	z-index: 10;
}
.wrap-order-box-btn a {
	display: inline-block;
	width: 48%;
}
.user_voice {
	padding-bottom: 2%;
}
.section-03-04 {
	padding-bottom: 5%;
}
.case02 {
	padding-bottom: 1%;
}
.case02box {
	margin-bottom: 0%;
}
.trainer_section,
.trainerbg {
	background-color: #faf8ef;
}
@media screen and (max-width: 1381px) {
	.button001, .button002 {
		width: 28vw;
	}
	.wrap-order-box-btn {
		margin: 0 -5%;
	}
	.order-box {
		padding: 30px 16% 20px;
	}
}
@media screen and (max-width: 780px) {
	.scroll_button-box {
		padding: 70px 8%;
	}
	.scroll_button-title-sub {
		font-size: 4.5vw;
	}
	.wrap-order-box-btn a {
		width: auto;
	}
}