/********************************************************* ttl*/
.sp-only {
	display: none;
}
.pc-only {
	display: block;
}
.ttl-top {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 50px;
	text-align: center;
}
.ttl-top .alpha {
	color: #00aeed;
	font-family: Roboto, Arial, Helvetica, "sans-serif";
	font-size: 70px;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
}
.ttl-head01 {
	border-left: 6px solid #00aeed;
	color: #00aeed;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 40px;
	padding: 5px 0 5px 44px;
}
.ttl-head01.center {
	border: none;
	padding-left: 0;
	text-align: center;
}
.ttl-head02 {
	border-bottom: 4px solid #eee;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 30px;
	padding-bottom: 20px;
	position: relative;
}
.ttl-head02:after {
	background-color: #00aeed;
	bottom: -4px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: 30%;
}
.ttl-head02 .new {
	color: #eb6601;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}
.ttl-head03 {
	font-size: 25px;
	line-height: 1.3;
	margin-bottom: 15px;
}
.ttl-head04 {
	border-bottom: 1px dotted #ccc;
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.ttl-center {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 40px;
	text-align: center;
}
.ttl-center-m {
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
}
.ttl-okomari {
	background-color: #dcdcdc;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 30px;
	padding: 30px 0;
	position: relative;
	text-align: center;
}
.ttl-okomari span {
	font-size: 36px;
}
.ttl-okomari:before {
	border-color: #dcdcdc transparent transparent transparent;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -3px;
	position: absolute;
	top: 100%;
	width: 0;
}
/********************************************************* table*/

.tb-basic {
	width: 100%;
}
.tb-basic th, .tb-basic td {
	border: 1px solid #ddd;
	padding: 13px;
	vertical-align: middle;
}
.tb-basic th {
	background-color: #00aeed;
	color: #fff;
	font-weight: normal;
	text-align: left;
}
.tb-basic + p {
	margin-top: 10px;
}
.tb-basic + ul {
	margin-top: 15px;
}
.tb-el-merit {
	margin-bottom: 50px;
	width: 100%;
}
.tb-el-merit th, .tb-el-merit td {
	border: 5px solid #eee;
	padding: 20px 30px;
}
.tb-el-merit th {
	background-color: #eee;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2;
	vertical-align: middle;
	width: 20%;
}
.tb-el-merit td {
	font-size: 18px;
	line-height: 2;
}
.tb-el-merit .bg-money {
	background: #eee url(../images/icon_money.png) no-repeat;
}
.tb-el-merit .bg-clock {
	background: #eee url(../images/icon_clock.png) no-repeat;
}
.tb-el-merit .bg-plan {
	background: #eee url(../images/icon_plan.png) no-repeat;
}
.tb-el-merit .bg-traning01 {
	background: #eee url(../images/bg-traning01.png) no-repeat center;
	padding: 34px 0;
}
.tb-el-merit .bg-traning02 {
	background: #eee url(../images/bg-traning02.png) no-repeat center;
	padding: 34px 0;
}
.tb-el-merit .bg-traning03 {
	background: #eee url(../images/bg-traning03.png) no-repeat center;
	padding: 34px 0;
}
.tb-seminar-list {
	width: 100%;
}
.tb-seminar-list caption {
	background-color: #e6eaf1;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	font-size: 20px;
	line-height: 1.4;
	padding: 10px;
	text-align: left;
}
.tb-seminar-list thead th {
	background-color: #f3f5f8;
	border: 2px solid #fff;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	white-space: nowrap;
}
.tb-seminar-list td {
	border-bottom: 2px solid #eee;
	padding: 10px;
}
.tb-seminar-list .btn-tr-toggle {
	background-color: #eee;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.tb-seminar-list .btn-tr-toggle:hover {
	background-color: #fff;
}
.tb-seminar-list .btn-tr-toggle .close {
	display: none;
}
.tb-seminar-list .btn-tr-toggle .close:after {
	color: #00aeed;
	content: "\e909";
	font-family: "icomoon";
	font-size: 14px;
	margin-left: 10px;
}
.tb-seminar-list .btn-tr-toggle .open:after {
	color: #00aeed;
	content: "\e908";
	font-family: "icomoon";
	font-size: 14px;
	margin-left: 10px;
}
.tb-seminar-list .btn-tr-toggle.opend .close {
	display: inline;
}
.tb-seminar-list .btn-tr-toggle.opend .open {
	display: none;
}
.tb-seminar-list .btn-tooltip-q {
	background-color: #aaa;
	color: #fff;
}
.tb-seminar-list .btn-tooltip-q.active {
	background-color: #00aeed;
}
.hide-row {
	display: none;
}
td.icons {
	line-height: 1;
	text-align: center;
}
td.icons img {
	height: 22px;
	vertical-align: middle;
	width: auto;
}
/********************************************************* entry*/

.entry-body {
	margin-bottom: 50px;
}
.entry-body p {
	margin-bottom: 1.65em;
}
.entry-body p + h2 {
	margin-top: 40px;
}
.entry-date {
	text-align: right;
}
/********************************************************* form*/

.inner-form {
	margin: 0 auto;
	max-width: 850px;
}
.form label {
	display: block;
}
.form input[type=text], .form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ddd;
	padding: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 100%;
}
.form input[type=text]:focus, .form textarea:focus {
	background-color: #eee;
	border-color: #00aeed;
	outline: none;
}
.form input[type=text].size-s, .form textarea.size-s {
	width: 250px;
}
/*form差分追加20180626*/
.form input[type=text].size-ss, .form textarea.size-ss {
	width: 80px;
}
.form textarea {
	display: block;
}
.form th .must {
	color: yellow;
}
.input-set div {
	margin-bottom: 15px;
}
.input-set div:last-child {
	margin-bottom: 0;
}
.privacy-frame {
	border: 1px solid #ddd;
	height: 400px;
	margin-bottom: 15px;
	overflow-y: scroll;
	padding: 20px;
}
/********************************************************* icon*/

.icon-a {
	color: firebrick;
	font-weight: bold;
}
.icon-blank:after {
	color: #00aeed;
	content: "\e904";
	display: inline-block;
	margin-left: 5px;
}
.icon-pdf {
	background: url(../images/icon-pdf.png) no-repeat right top/20px auto;
	padding-right: 25px;
}
.icon-type {
	background-color: #fff;
	color: #202020;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px;
	text-align: center;
}
.icon-type.haken {
	color: #00aeed;
}
.icon-type.shain {
	color: #eb6601;
}
.icon-freecall {
	background: url(../images/icon_freecall.png) no-repeat left center/40px auto;
	display: block;
	padding-left: 50px;
}
a[href*=".pdf"]:after {
	background: url(../images/icon-pdf.png) no-repeat left top/100% auto;
	content: "";
	display: inline-block;
	height: 18px;
	margin-left: 5px;
	vertical-align: text-top;
	width: 18px;
}
a.icon-arrow-r {
	display: inline-block;
	padding-left: 20px;
	position: relative;
	text-decoration: none;
}
a.icon-arrow-r:before {
	color: #00aeed;
	display: block;
	font-size: 11px;
	left: 0;
	line-height: 1;
	margin-right: 5px;
	position: absolute;
	top: 30%;
}
a.icon-arrow-r:hover {
	color: #202020;
	text-decoration: underline;
}
/********************************************************* pos*/
.mg0 {
	margin: 0 !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.pd0 {
	padding: 0 !important;
}
.mr10 {
	padding-right: 10px !important;
}
.pd0 {
	padding: 0 !important;
}
.pd10 {
	padding: 10px !important;
}
.pd15 {
	padding: 15px !important;
}
.pd20 {
	padding: 20px !important;
}
.pd25 {
	padding: 25px !important;
}
.pb30 {
	padding: 30px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.txtC {
	text-align: center !important;
}
.txtR {
	text-align: right !important;
}
.txtL {
	text-align: left !important;
}
.fltR {
	float: right;
}
.fltR.in-text {
	margin: 0 0 20px 20px;
}
.fltL {
	float: left;
}
.fltL.in-text {
	margin: 0 20px 20px 0;
}
.borderNone {
	border: none!important;
}
.rollover-img:hover{
	opacity: 0.7;
	background: #fff;
}

.vaC{
  vertical-align: middle!important;
}

.w50{
  width: 50%!important;
}

/********************************************************* list*/

.list-rismong {
	margin-bottom: -15px;
	overflow: hidden;
}
.list-rismong > li {
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
	min-width: 180px;
	padding-right: 45px;
}
.list-rismong a {
	text-decoration: none;
}
.list-link-arrow li {
	margin-bottom: 13px;
}
.list-link-arrow li > ul {
	margin: 13px 0 0 20px;
}
.list-link-arrow li > ul > li > a:before {
	color: #eb6601;
}
.list-link-arrow li > ul > li > ul > li > a:before {
	color: #666;
}
.list-link-arrow a, .link-arrow a {
	color: #202020;
	display: inline-block;
	padding-left: 20px;
	position: relative;
}
.list-link-arrow a:before, .link-arrow a:before {
	color: #00aeed;
	content: "\e905";
	display: block;
	font-family: "icomoon" !important;
	font-size: 10px;
	left: 0;
	line-height: 1;
	position: absolute;
	text-decoration: none;
	top: 8px;
}
.list-link-arrow.col-04 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-link-arrow.col-04 li {
	padding-right: 15px;
	width: 25%;
}
.list-link-arrow + h3, .list-link-arrow + h4 {
	margin-top: 30px;
}
.list-disc > li {
	list-style: disc;
	margin: 0 0 .3em 20px;
}
.list-disc + p {
	margin-top: 20px;
}
.list-disc + h3, .list-disc + h4 {
	margin-top: 30px;
}
.list-inline {
	text-align: center;
}
.list-inline li {
	display: inline-block;
	margin: 5px;
}
.list-news-top {
	margin-bottom: 40px;
}
.list-news-top li {
	background-color: rgba(10, 53, 122, .05);
	margin-bottom: 20px;
}
.list-news-top li:nth-child(even) {
	background-color: rgba(10, 53, 122, .1);
}
.list-news-top .date {
	color: #666;
	float: left;
	margin-right: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 100px;
}
.list-news-top .txt {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .3s;
	transition: all .3s;
	white-space: nowrap;
	width: calc(100% - 120px);
}
.list-news-top .txt.full {
	overflow: visible;
	text-overflow: visible;
	white-space: normal;
}
.list-news-top a, .list-news-top>li>div:first-child {
	color: #202020;
	display: block;
	overflow: hidden;
	padding: 20px;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.list-news-top a:hover .txt, .list-news-top a:hover .date {
	color: #fff;
}
.list-news-top a:hover {
	background-color: #00aeed;
}
.list-news-top a[href*=".pdf"]:after {
	display: none;
}
.list-news-top a[href*=".pdf"] .txt:before {
	background: url(../images/icon-pdf.png) no-repeat left top/100% auto;
	content: "";
	display: inline-block;
	height: 18px;
	margin-right: 5px;
	vertical-align: text-top;
	width: 18px;
}
.list-news li {
	border-bottom: 1px dotted #dcdcdc;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}
.list-news .date {
	float: left;
	margin-right: 20px;
	width: 100px;
}
.list-news .txt {
	float: left;
	width: calc(100% - 120px);
}
.list-num li {
	list-style: decimal;
	margin: 0 0 .5em 25px;
}
.list-num li .list-disc li {
	list-style: none;
	margin: 0;
}
.list-num + h3, .list-num + h4 {
	margin-top: 30px;
}
.list-useflow, .list-useflow02 {
	margin-bottom: 60px;
	overflow: hidden;
}
.list-useflow > li {
	display: table;
	float: left;
	font-size: 18px;
	line-height: 1.3;
	margin-right: 20px;
	position: relative;
	width: 125px;
}
.list-useflow > li:after {
	color: #fdcf00;
	content: "\e905";
	font-family: "icomoon" !important;
	font-size: 10px;
	margin-top: -5px;
	position: absolute;
	right: -15px;
	top: 50%;
}
.list-useflow > li:last-child {
	margin-right: 0;
}
.list-useflow > li:last-child:after {
	display: none;
}
.list-useflow > li:nth-child(1) > div {
	background-color: #99dff8;
}
.list-useflow > li:nth-child(2) > div {
	background-color: #7fd7f6;
}
.list-useflow > li:nth-child(3) > div {
	background-color: #66cff4;
}
.list-useflow > li:nth-child(4) > div {
	background-color: #4dc7f3;
}
.list-useflow > li:nth-child(5) > div {
	background-color: #33bef1;
}
.list-useflow > li:nth-child(6) > div {
	background-color: #1ab6ef;
}
.list-useflow > li:nth-child(7) > div {
	background-color: #00aeed;
}
.list-useflow > li > div {
	background-color: #ccc;
	color: #fff;
	display: table-cell;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.list-post dt {
	clear: both;
	float: left;
	width: 180px;
}
.list-post dd {
	padding-left: 140px;
}
.list-footnote li {
	padding-left: 1em;
	text-indent: -1em;
}
.list-footnote li.type01 {
	padding-left: 2.6em;
	text-indent: -2.6em;
}
.list-imgs {
	margin: 0 -10px;
	overflow: hidden;
}
.list-imgs.col-02 li {
	float: left;
	margin-bottom: 30px;
	padding: 0 10px;
	width: 50%;
}
.list-imgs li img {
	width: 100%;
}
.list-imgs figure + p {
	margin-top: 10px;
}
.list-imgs a.btn-base {
	min-width: 0;
}
.list-icons > li {
	display: inline-block;
	line-height: 1;
	margin: 2px 0;
	vertical-align: middle;
}
/********************************************************* cols*/

.cols-wrap {
	display: table;
	width: 100%;
}
.cols-wrap > div {
	display: table-cell;
	vertical-align: top;
}
.cols-wrap > div:first-child {
	padding-right: 20px;
}
.cols-wrap .img {
	text-align: center;
}
.cols-wrap .txt {
	width: 100%;
}
.cols-wrap + * {
	margin-top: 40px;
}
.cols-wrap + .cols-wrap {
	margin-top: 60px;
}
.col-02{
  display: flex;
}
.col-03 {
	display: flex;
}
.col-03 .col {
	width: 26%;
}
.col-03 .col:first-child {
	margin: 0 5% 0 0;
}
.col-03 .col:nth-last-of-type(2) {
	margin: 0 5% 0;
}
.col-03 .col:last-child {
	margin: 0 0 0 5%;
}
.col-03 .col img {
	width: 100%;
}
.col-03 .plus {
	position: relative;
	width: 0.5em;
	height: 3em;
	margin: 7% 0 0;
	padding: 0;
	background: #00aeed;
}
.col-03 .plus:before {
	display: block;
	content: "";
	position: absolute;
	top: 45%;
	left: -20px;
	width: 3em;
	height: 0.5em;
	margin-top: -2px;
	background: #00aeed;
}
.col-03 a.btn-base, .col-03 .btn-base {
	min-width: 100%;
}
.caption {
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
}
.btn-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.btn-cols + p {
	margin-top: 20px;
}
.btn-cols.col-02, .btn-cols.col-03, .btn-cols.col-04, .btn-cols.col-05 {
	margin: 0 -10px -20px -10px;
}
.btn-cols.col-02 > *, .btn-cols.col-03 > *, .btn-cols.col-04 > *, .btn-cols.col-05 > * {
	display: table;
	margin-bottom: 20px;
	min-height: 60px;
	padding: 0 10px;
}
.btn-cols.col-02 > * > a, .btn-cols.col-03 > * > a, .btn-cols.col-04 > * > a, .btn-cols.col-05 > * > a {
	display: table-cell;
	vertical-align: middle;
}
.btn-cols.col-02 > * .btn-base, .btn-cols.col-03 > * .btn-base, .btn-cols.col-04 > * .btn-base, .btn-cols.col-05 > * .btn-base {
	display: table-cell;
	min-width: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: middle;
}
.btn-cols.col-02 > *.no-float, .btn-cols.col-03 > *.no-float, .btn-cols.col-04 > *.no-float, .btn-cols.col-05 > *.no-float {
	float: none;
	width: 100%;
}
.btn-cols.col-02 > * {
	width: 50%;
}
.btn-cols.col-03 > * {
	width: 33.3%;
}
.btn-cols.col-04 > * {
	width: 25%;
}
.btn-cols.col-05 > * {
	width: 20%;
}
/********************************************************* btn*/

a.btn-hduse {
	background-color: #eb6601;
	border: 2px solid #eb6601;
	border-radius: 0 0 5px 5px;
	color: #fff;
	display: block;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.btn-hduse.green {
	background-color: #8fc31f;
	border-color: #8fc31f;
}
a.btn-hduse.green:hover {
	background-color: #fff;
	color: #8fc31f;
}
a.btn-hduse.blue {
	background-color: #00aeed;
	border-color: #00aeed;
}
a.btn-hduse.blue:hover {
	background-color: #fff;
	color: #00aeed;
}
a.btn-hduse:hover {
	background-color: #fff;
	color: #eb6601;
}
.active .btn-base {
	background-color: #fff;
	color: #00aeed;
}
input.btn-base, button.btn-base {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
a.btn-base, .btn-base {
	background-color: #00aeed;
	border: 2px solid #00aeed;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 100%;
	line-height: 1.4;
	min-width: 200px;
	padding: 15px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: color .3s, background-color .3s, border .3s;
	transition: color .3s, background-color .3s, border .3s;
}
a.btn-base.inline-b, .btn-base.inline-b {
	display: inline-block;
}
a.btn-base.rv, .btn-base.rv {
	background-color: #fff;
	color: #202020;
}
a.btn-base.rv:hover, .btn-base.rv:hover {
	background-color: #00aeed;
	color: #fff;
}
a.btn-base.rv:hover .icon-arrow-d:before, .btn-base.rv:hover .icon-arrow-d:before {
	color: #fff;
}
a.btn-base.active, .btn-base.active {
	background-color: #fff;
	color: #00aeed;
}
a.btn-base:hover, .btn-base:hover {
	background-color: #fff;
	color: #00aeed;
}
a.btn-base:hover .icon-type, .btn-base:hover .icon-type {
	background-color: #00aeed;
	color: #fff;
}
a.btn-base.orange, .btn-base.orange {
	background-color: #eb6601;
	border-color: #eb6601;
}
a.btn-base.orange:hover, .btn-base.orange:hover {
	background-color: #fff;
	color: #eb6601;
}
a.btn-base.orange:hover .trial, .btn-base.orange:hover .trial {
	border-color: #eb6601;
}

a.btn-base.orange-line, .btn-base.orange-line {
	background-color: #fff;
	border-color: #ff9800;
  color: #000;
}
a.btn-base.orange-line:hover, .btn-base.orange-line:hover {
	background-color: #ff9800;
  border-color: #ff9800;
	color: #fff;
}
a.btn-base.orange-line:hover .trial, .btn-base.orange-line:hover .trial {
	border-color: #ff9800;
  color: #000;
}



a.btn-base.green, .btn-base.green {
	background-color: #8fc31f;
	border-color: #8fc31f;
}
a.btn-base.green:hover, .btn-base.green:hover {
	background-color: #fff;
	color: #8fc31f;
}
a.btn-base .icon-arrow-r:before, .btn-base .icon-arrow-r:before {
	color: #fdcf00;
	font-size: 10px;
	margin-top: -5px;
	position: absolute;
	right: 10px;
	top: 50%;
}
a.btn-base .icon-arrow-d, .btn-base .icon-arrow-d {
	display: block;
	padding: 0 12px;
	position: relative;
}
a.btn-base .icon-arrow-d:before, .btn-base .icon-arrow-d:before {
	color: #00aeed;
	font-size: 10px;
	margin-top: -5px;
	position: absolute;
	right: 0;
	top: 50%;
}
a.btn-base .icon-type, .btn-base .icon-type {
	left: -2px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.btn-base.fs22, .btn-base.fs22 {
	padding-bottom: 20px;
	padding-top: 20px;
}
a.btn-base .trial, .btn-base .trial {
	border: 2px solid #fff;
	display: inline-block;
	font-size: 16px;
	margin-left: -20px;
	margin-right: 10px;
	padding: 2px 10px;
	text-align: center;
}
a.btn-base.scroll, .btn-base.scroll {
	border-color: #dcdcdc;
}
a.btn-base.scroll:hover, .btn-base.scroll:hover {
	border-color: #00aeed;
}
.btn-all-open {
	background-color: #00aeed;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px 40px 10px 15px;
	position: relative;
}
.btn-all-open:after {
	background-color: #00aeed;
	color: #fff;
	content: "\e908";
	font-family: "icomoon";
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 50%;
	width: 20px;
}
.btn-all-open.on:after {
	content: "\e909";
}
.btn-all-open.on .open {
	display: none;
}
.btn-all-open.on .close {
	display: inline;
}
.btn-all-open .close {
	display: none;
}
.inline-b {
	display: inline-block;
}
/********************************************************* parts*/

.box-el-result {
	background-color: #e5f7fd;
	margin-top: 60px;
	text-align: center;
}
.box-el-result .ttl {
	background-color: #00aeed;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	padding: 30px 15px;
	position: relative;
}
.box-el-result .ttl span {
	font-size: 36px;
	position: relative;
	z-index: 2;
}
.box-el-result .ttl:before {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -3px;
	position: absolute;
	top: 0;
	width: 0;
}
.box-el-result .body {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.7;
	padding: 30px;
}
.box-el-result .more {
	background-color: #fdcf00;
	border-radius: 50%;
	color: #202020;
	font-size: 26px;
	font-weight: bolder;
	height: 106px;
	left: 10px;
	letter-spacing: -2px;
	line-height: 106px;
	position: absolute;
	text-align: center;
	top: -40px;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	width: 106px;
	z-index: 1;
}
.box-example-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px 40px -10px;
}
.box-example {
	background-color: #fff;
	padding: 0 10px 20px 10px;
	width: 33.3333%;
}
.box-example figure {
	margin: -15px -15px 15px -15px;
}
.box-example figure img {
	height: 150px;
	width: 100%;
}
.box-example h3 {
	margin-bottom: 10px;
}
.box-example .service {
	border-top: 1px dotted #dcdcdc;
	margin-top: 15px;
	padding-top: 15px;
}
.box-example a {
	border: 2px solid #dcdcdc;
	color: #202020;
	display: block;
	height: 100%;
	padding: 15px;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box-example a:hover {
	background-color: #f8f8f8;
	border-color: #00aeed;
}
 @-webkit-keyframes zoom-in {
 0% {
 -webkit-transform: scale3d(.1, .1, .1);
 transform: scale3d(.1, .1, .1);
}
 100% {
 -webkit-transform: scale(1, 1, 1);
 transform: scale(1, 1, 1);
}
}
 @keyframes zoom-in {
 0% {
 -webkit-transform: scale3d(.1, .1, .1);
 transform: scale3d(.1, .1, .1);
}
 100% {
 -webkit-transform: scale(1, 1, 1);
 transform: scale(1, 1, 1);
}
}
.is-animated {
	-webkit-animation: .3s zoom-in;
	animation: .3s zoom-in;
}
.box-service-top {
	margin-bottom: 80px;
	padding-top: 75px;
	position: relative;
}
.box-service-top.rv .txt {
	float: none;
	left: -50px;
	right: 0;
}
.box-service-top.rv .img {
	left: auto;
	right: -150px;
}
.box-service-top .txt {
	background-color: rgba(255, 255, 255, .5);
	border: 2px solid #00aeed;
	float: right;
	padding: 55px;
	position: relative;
	right: -50px;
	width: 720px;
}
.box-service-top .img {
	left: -150px;
	position: absolute;
	top: 0;
}
.box-service-top h3 {
	font-size: 26px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 20px;
}
.box-service-top p:not(:last-child) {
	line-height: 2;
	margin-bottom: 1.65em;
}
.box-pickup-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
}
.box-pickup-wrap > div {
	width: 23.8%;
}
.box-pickup-wrap .img {
	margin-bottom: 10px;
	overflow: hidden;
}
.box-pickup-wrap .img img {
	max-width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box-pickup-wrap h3 {
	font-size: 20px;
	margin-bottom: 15px;
	height: 88px;
	border-bottom: solid 1px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-pickup-wrap .txt {
	font-size: 14px;
}
.box-pickup-wrap p span {
	color: #eb6601;
	font-weight: 600;
	font-size: 12px;
}
.box-pickup-wrap a {
	color: #202020;
	display: block;
	text-decoration: none;
}
.box-pickup-wrap a:hover .img img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
.box-faq {
	margin-bottom: 20px;
}
.box-faq-head {
	background-color: #efefef;
	color: #00aeed;
	padding: 15px;
}
.box-faq-head.trigger {
	cursor: pointer;
	padding-right: 50px;
	position: relative;
}
.box-faq-head.trigger:after {
	background-color: #00aeed;
	bottom: 0;
	color: #fff;
	content: "\e908";
	font-family: "icomoon";
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin: auto;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 0;
	width: 20px;
}
.box-faq-head.trigger.on:after {
	content: "\e909";
}
.box-faq-body {
	display: none;
	padding: 20px 15px;
}
.box-border {
	border: 1px solid #dcdcdc;
	padding: 20px;
}
.box-border + * {
	margin-top: 20px;
}
.box-border.bg-gray {
	background-color: #efefef;
}
.box-border.bg-pblue {
	background-color: #e5f7fd;
}
/* ただの背景色 */
.bg-gray {
	background-color: #efefef;
}
.bg-pblue {
	background-color: #e5f7fd;
}
.bg-white {
	background-color: #fff;
}
.box-border .ttl-bar {
	background-color: #333;
	color: #fff;
	font-size: 18px;
	margin: -20px -20px 20px -20px;
	padding: 15px;
	text-align: center;
}
.box-course-wrap {
	margin-bottom: 20px;
	margin-left: -2.5%;
	overflow: hidden;
}
.box-course-wrap.col-03 .box-course {
	width: 30.8%;
}
.box-course-wrap .box-course {
	float: left;
	margin: 0 0 20px 2.5%;
	width: 47.5%;
}
.box-risk {
	border: 1px solid #ff9800;
	padding: 15px;
	position: relative;
}
.box-risk.ttl-only .ttl {
	margin-bottom: -15px;
}
.box-risk.blue {
	border-color: #00aeed;
}
.box-risk.blue .ttl {
	background-color: #00aeed;
}
.box-risk.dark-blue {
	border-color: #0a357a;
}
.box-risk.dark-blue .ttl {
	background-color: #0a357a;
}
.box-risk .ttl {
	background-color: #ff9800;
	color: #fff;
	margin: -15px -15px 15px -15px;
	padding: 10px 15px;
}
.box-risk.arrow-b {
	margin-bottom: 45px;
}
.box-risk.arrow-b:after {
	bottom: -45px;
	color: #ccc;
	content: "\e906";
	font-family: "icomoon" !important;
	font-size: 25px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
}
.box-course {
	border: 1px solid #dcdcdc;
	display: table;
	width: 100%;
}
.box-course > div {
	display: table-cell;
	padding: 7px;
	vertical-align: middle;
}
.box-course .ttl {
	background-color: #00aeed;
	color: #fff;
	min-width: 120px;
	white-space: nowrap;
}
.box-course .ttl + div {
	width: 100%;
}
.btn-tooltip-q {
	background-color: #fff;
	border-radius: 50%;
	color: #00aeed;
	cursor: pointer;
	display: inline-block;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 15px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: text-top;
	width: 20px;
}
.tooltip-wrap {
	position: relative;
}
.tooltip-icons {
	background-color: #fff;
	border: 2px solid #dcdcdc;
	bottom: 150%;
	color: #202020;
	display: none;
	font-size: 13px;
	left: -50px;
	margin-bottom: 10px;
	min-width: 330px;
	padding: 10px;
	position: absolute;
	-webkit-transition: bottom .3s;
	transition: bottom .3s;
	white-space: normal;
	z-index: 10;
}
.tooltip-icons.show {
	bottom: 100%;
}
.tooltip-icons:before {
	background-color: #fff;
	border-bottom: 2px solid #dcdcdc;
	border-left: 2px solid #dcdcdc;
	bottom: -10px;
	content: "";
	height: 15px;
	left: 60px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 15px;
	z-index: 1;
}
.tooltip-icons-ttl {
	background-color: #aaa;
	color: #fff;
	float: left;
	padding: 5px;
	text-align: center;
	width: 25%;
}
.tooltip-icons-ttl + .tooltip-body {
	float: right;
	width: 70%;
}
.tooltip-body {
	text-align: left;
}
.tooltip-icons-list li {
	margin-bottom: 3px;
}
/********************************************************* font*/

.fs11 {
	font-size: 11px;
}
.fs12 {
	font-size: 12px;
}
.fs13 {
	font-size: 13px;
}
.fs14 {
	font-size: 14px;
}
.fs15 {
	font-size: 15px;
}
.fs16 {
	font-size: 16px;
}
.fs17 {
	font-size: 17px;
}
.fs18 {
	font-size: 18px;
}
.fs21{
  font-size: 21px;
}
.fs22 {
	font-size: 22px;
}
.fs23 {
	font-size: 23px;
}
.fs24 {
	font-size: 24px;
}
.fs25 {
	font-size: 25px;
}
.fs26 {
	font-size: 26px;
}
.fs27 {
	font-size: 27px;
}
.fs28 {
	font-size: 28px;
}
.fs29 {
	font-size: 29px;
}
.fs30 {
	font-size: 30px;
}
.fw-b {
	font-weight: bold;
}
.fw-n {
	font-weight: normal;
}
.lead-el {
	font-size: 20px;
	line-height: 2;
}
.fc-orange {
	color: #eb6601;
}
.fc-blue {
	color: #00aeed;
}
.fc-red, .must {
	color: #c00;
}
.fd-under{
	text-decoration: underline;
}
/********************************************************* other*/

a.mw-240, .mw-240 {
	min-width: 240px;
}
a.mw-350, .mw-350 {
	min-width: 350px;
}
/********************************************************* top*/
.hero-top {
  width: 1500px;
  margin: 0 auto;
	overflow: hidden;
  position: relative;
}
.hero-ttl {
	color: #fff;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
	z-index: 100;
}
.hero-ttl h1 {
	font-size: 2.5vw;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 45px;
}
.hero-ttl p {
	font-size: 1vw;
}
#sect-pickup {
	background-color: #f2fbfe;
}
#sect-feature {
	background: url(../images/bg_feature_top.jpg) #fff no-repeat center top/100% auto;
	position: relative;
}
#sect-feature:before {
	background-color: rgba(0, 0, 0, .4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
#sect-feature .ttl-top {
	color: #fff;
}
#sect-feature .ttl-top .alpha {
	color: #fff;
}
#sect-feature .inner {
	position: relative;
	z-index: 3;
}
#sect-news .inner, #sect-semi .inner {
	max-width: 1000px;
}
#sect-semi {
	background-color: #f8f8f8;
}
.box-feature-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.box-feature-wrap > div {
	background-color: rgba(255, 255, 255, .9);
	padding: 30px;
	width: 32.3%;
}
.box-feature-wrap h3 {
	font-size: 25px;
	line-height: 1.4;
	margin-bottom: 20px;
	min-height: 70px;
	text-align: center;
}
.box-feature-wrap p {
	margin-top: 20px;
}
.box-feature-wrap .img {
	margin-bottom: 40px;
	text-align: center;
}
/********************************************************* category top*/

.hero-cat-top {
	height: 500px;
}
.hero-cat-top.course {
	background: #eee url(../images/bg_hero_course.jpg) no-repeat center top/cover;
}
.hero-cat-top.haken {
	background: #eee url(../images/bg_hero_haken.jpg) no-repeat center top/cover;
}
.hero-cat-top.service {
	background: #eee url(../images/bg_hero_service.jpg) no-repeat center top/cover;
}
.hero-cat-top .bread {
	color: #fff;
	margin-bottom: 50px;
}
.hero-cat-contents {
	text-align: center;
	width: 100%;
}
.hero-cat-contents .ttl {
	padding: 30px 10px;
	background-color: rgba(255,255,255,0.8);
	color: #202020;
	font-size: 46px;
	line-height: 1.3;
}
#cat-top-wrap {
	background-color: #fff;
	margin-top: -100px;
	padding: 80px 100px;
}
.box-count-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px 80px -20px;
}
.box-count-wrap > div {
	background-color: #f8f8f8;
	margin: 80px 20px 0 20px;
	padding: 40px;
	width: 480px;
}
.box-count-wrap .ttl {
	color: #00aeed;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 15px;
	text-align: center;
}
.box-count-wrap p {
	line-height: 2;
}
.box-count-wrap .count {
	color: #0a357a;
	font-family: Roboto, Arial, Helvetica, "sans-serif";
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
	margin-top: -85px;
	text-align: center;
}
.box-count-wrap .count span {
	display: inline-block;
	font-size: 70px;
	text-indent: -.35em;
}
/********************************************************* pages*/

.box-recommend-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 60px -2.5%;
}
.box-recommend-wrap a {
	text-decoration: none;
}
.box-recommend-wrap > div {
	background-color: #f8f8f8;
	margin: 0 0 0 2.5%;
	padding: 20px;
	width: 30.8%;
}
.box-recommend-wrap .ttl {
	color: #00aeed;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 15px;
	text-align: center;
}
.box-recommend-wrap .recommend {
	color: #0a357a;
	font-family: Roboto, Arial, Helvetica, "sans-serif";
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 13px;
	text-align: center;
}
.box-flow-wrap > div {
	margin-bottom: 50px;
}
.box-flow-wrap .count {
	min-height: 50px;
	padding-left: 60px;
	padding-top: 10px;
	position: relative;
}
.box-flow-wrap .count.blue:before {
	background-color: #00aeed;
}
.box-flow-wrap .count:before {
	background-color: #eb6601;
	border-radius: 50%;
	color: #fff;
	content: "1";
	display: block;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 30px;
	font-weight: bold;
	height: 50px;
	left: 0;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 50px;
}
.box-flow-wrap .count:after {
	bottom: -45px;
	color: #ccc;
	content: "\e906";
	font-family: "icomoon" !important;
	font-size: 25px;
	left: 13px;
	position: absolute;
}
.box-flow-wrap .count:nth-child(1):before {
	content: "1";
}
.box-flow-wrap .count:nth-child(2):before {
	content: "2";
}
.box-flow-wrap .count:nth-child(3):before {
	content: "3";
}
.box-flow-wrap .count:nth-child(4):before {
	content: "4";
}
.box-flow-wrap .count:nth-child(5):before {
	content: "5";
}
.box-flow-wrap .count:nth-child(6):before {
	content: "6";
}
.box-flow-wrap .count:last-child:after {
	display: none;
}
.box-trainer-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.box-trainer-wrap .box-trainer {
	margin-bottom: 20px;
	padding: 0 10px;
	width: 33.3%;
}
.box-trainer a {
	border: 2px solid #dcdcdc;
	color: #202020;
	display: block;
	height: 100%;
	padding: 10px;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box-trainer a:hover {
	background-color: #f8f8f8;
	border-color: #00aeed;
}
.box-trainer figure {
	margin-bottom: 10px;
}
.box-trainer figure img {
	max-width: 100%;
}
.box-trainer .name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
.box-trainer .sub {
	font-size: 14px;
	margin-bottom: 5px;
}
.box-trainer .theme {
	border-top: 1px dotted #dcdcdc;
	font-size: 15px;
	margin-top: 10px;
	padding-top: 10px;
}
.box-trainer .theme .ttl {
	background-color: #00aeed;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 5px;
}
/* 講師コラム執筆者紹介 */
.box-writer h2 {
	position: relative;
	margin-bottom: 30px;
	line-height: 1.2;
	font-size: 24px;
}
.box-writer h2::after {
	content: "";
	display: block;
	height: 3px;
	background: -webkit-linear-gradient(to right, rgb(0, 174, 237), transparent);
	background: linear-gradient(to right, rgb(0, 174, 237), transparent);
}
.box-writer h2 span {
	display: block;
	padding: 5px 0 10px 45px;
	background: url("/service/column/images/ico_writer.gif") no-repeat left 1px;
}
.box-writer > div {
	display: table;
	width: 100%;
	margin-bottom: 40px;
}
.box-writer > div > p {
	display: table-cell;
	width: 24%;
	vertical-align: top;
}
.box-writer > div p span {
	display: block;
	font-size: 20px;
	font-weight: bold;
}
.box-writer > div p img {
	width: 100%;
}
.box-writer > div div {
	display: table-cell;
	width: 76%;
	padding: 0 0 0 3%;
	box-sizing: border-box;
	vertical-align: top;
}
.box-writer h3 {
	position: relative;
	margin-bottom: 20px;
	padding: 5px 0 8px 10px;
	border-left: 4px solid #00aeed;
	font-size: 18px;
}
.box-writer h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

/*おすすめのコラムアイコン*/
.recommend_column h2 span {
	display: block;
	padding: 5px 0 0 45px;
	background: url("/service/column/images/ico_column.gif") no-repeat left 1px;
}

/* 講師コラムコンバージョンエリア */
.box-conversion {
	margin: 0 0 30px;
	padding: 40px;
	background: #e9f4ff;
}
.box-conversion .inner {
	padding: 20px;
	background: #fff;
}
.box-conversion h2 {
	margin: 0 0 30px;
	padding: 15px 10px;
	border-top: solid 2px #00aeed;
	border-bottom: solid 2px #00aeed;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	line-height: 1.2;
	font-size: 24px;
	text-align: center;
}
.box-conversion h2 span {
	font-weight: bold;
	color: #c00;
}
.box-conversion h3 {
	margin-bottom: 20px;
	padding: 0 0 5px 5px;
	border-bottom: solid 2px #ff9800;
	font-size: 18px;
}
.box-conversion .inner > div {
	margin: 0 0 30px;
}
/********************************************************* balloon*/

.balloon-loading {
	background-color: #fff;
	border: 1px solid #eee;
	-webkit-box-shadow: 2px 2px 0 rgba(238, 238, 238, .8);
	box-shadow: 2px 2px 0 rgba(238, 238, 238, .8);
	margin-bottom: 15px;
	padding: 10px;
}
.balloon-loading:after {
	background: url(../images/bg_balloon_arrow.png) no-repeat;
	bottom: 4px;
	content: "";
	height: 12px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 16px;
	z-index: 2;
}
.balloon-wrap:after {
	background: url(../images/bg_balloon_arrow.png) no-repeat;
	bottom: 4px;
	content: "";
	height: 12px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 16px;
	z-index: 2;
}
.balloon {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 0 rgba(204, 204, 204, .8);
	box-shadow: 2px 2px 0 rgba(204, 204, 204, .8);
	display: table;
	padding: 10px;
	position: relative;
	z-index: 1;
}
.balloon > div {
	display: table-cell;
}
.balloon .ttl {
	background-color: #eee;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.balloon .list {
	padding-left: 15px;
	vertical-align: middle;
}
.balloon .list li {
	display: inline-block;
	line-height: 1;
	margin: 8px 0;
	padding-right: 10px;
}
.balloon .list .icon {
	margin-right: 5px;
	vertical-align: top;
}
.balloon .list .icon img {
	height: 18px;
	width: auto;
}
.hide {
	display: none;
}
/*Jストリーム用CSS（埋め込み動画用CSS）*/
.movie-max {
	max-width: 750px;
}
/*-------------JストCSS下記は修正不可 */
.jstream-mp4 {
	position: relative;
	/*4:3動画の場合スタイルを有効にする*/
  /*padding-bottom: 75%;*/

  /*16:9動画の場合スタイルを有効にする*/
  /*padding-bottom: 56.25%;*/

  /*13:9 ispring*/
	padding-bottom: 69.2307682%;
}

/* JストCSS上記は修正不可-------------*/

@media screen and (min-width: 767px) {
.hero-cat-top .bread a {
	color: #fff;
}
.hero-cat-top .bread li:not(:last-child) {
	border-color: #fff;
}
.hero-cat-top .bread .bread-inner {
	width: 250px;
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
	color: #202020;
	text-align: center;
}
.hero-cat-top .bread .bread-inner a {
	color: #202020;
}
.hero-cat-top .bread .bread-inner li:not(:last-child) {
	border-color: #202020;
}
}

@media screen and (max-width: 1300px) {
.box-service-top.rv .txt {
	left: 0;
}
.box-service-top.rv .img {
	right: 0;
}
.box-service-top .txt {
	background-color: rgba(255, 255, 255, .7);
	right: 0;
}
.box-service-top .img {
	left: 0;
}
}

/****************************
SP
****************************/
@media screen and (max-width: 767px) {
.sp-only {
	display: block;
}
.pc-only {
	display: none;
}
.ttl-top {
	font-size: 20px;
	margin-bottom: 20px;
}
.ttl-top .alpha {
	font-size: 45px;
}
.ttl-head01 {
	font-size: 24px;
	margin-bottom: 20px;
	padding-left: 12px;
}
.ttl-head02 {
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.ttl-head03 {
	font-size: 18px;
}
.ttl-head04 {
	font-size: 16px;
}
.ttl-center {
	font-size: 20px;
	margin-bottom: 20px;
}
.ttl-center-m {
	font-size: 16px;
}
.ttl-okomari {
	font-size: 12px;
	margin-bottom: 15px;
	padding: 15px;
}
.ttl-okomari span {
	font-size: 18px;
}
.sp-frame {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-x: auto;
}
.sp-frame table {
	font-size: 13px;
	width: 135%;
}
.tb-basic th, .tb-basic td {
	padding: 7px;
}
.tb-basic.sp-block th, .tb-basic.sp-block td {
	display: block;
	width: 100%;
}
.tb-basic.sp-block th {
	border-color: #00aeed;
}
.tb-el-merit {
	margin-bottom: 30px;
}
.tb-el-merit th, .tb-el-merit td {
	border-width: 3px;
	display: block;
	padding: 12px;
}
.tb-el-merit th {
	font-size: 18px;
	width: 100%;
}
.tb-el-merit td {
	font-size: 14px;
	line-height: inherit;
}
.tb-el-merit .bg-money {
	background-position: 5px center;
	background-size: 35px auto;
}
.tb-el-merit .bg-clock {
	background-position: 5px center;
	background-size: 35px auto;
}
.tb-el-merit .bg-plan {
	background-position: 5px center;
	background-size: 35px auto;
}
.tb-seminar-list {
	font-size: 14px;
}
.tb-seminar-list caption {
	font-size: 16px;
	padding: 7px;
}
.tb-seminar-list thead th {
	padding: 7px;
}
.tb-seminar-list td {
	padding: 7px;
}
.tb-seminar-list .btn-tr-toggle {
	font-size: 16px;
}
td.icons img {
	height: 20px;
}
.privacy-frame {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding: 15px;
}
.icon-type {
	font-size: 10px;
}
.fltR.in-text {
	display: block;
	float: none;
	margin: 0 0 15px 0;
	text-align: center;
}
.fltL.in-text {
	display: block;
	float: none;
	margin: 0 0 15px 0;
	text-align: center;
}
.list-rismong > li {
	font-size: 10px;
	min-width: 0;
	padding-right: 0;
	width: 50%;
}
.list-link-arrow.sp-col02 li {
	width: 50%;
}
.list-inline li.mw-350 {
	display: block;
	margin-bottom: 20px;
	min-width: 0;
}
.list-news-top {
	margin: 0 -15px 30px -15px;
}
.list-news-top li {
	margin-bottom: 5px;
}
.list-news-top .date {
	float: none;
	margin-right: 0;
	width: auto;
}
.list-news-top .txt {
	float: none;
	text-overflow: clip;
	white-space: normal;
	width: auto;
}
.list-news-top a {
	padding: 15px;
}
.list-news .date {
	float: none;
	margin-right: 0;
	width: auto;
}
.list-news .txt {
	float: none;
	width: auto;
}
.list-useflow {
	margin-bottom: 30px;
}
.list-useflow > li {
	float: none;
	margin-bottom: 20px;
	margin-right: 0;
	width: 100%;
}
.list-useflow > li:after {
	bottom: -17px;
	right: 50%;
	top: auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.list-useflow > li > div {
	height: auto;
	padding: 10px;
}
.list-icons > li img {
	height: 20px;
	width: auto;
}
.cols-wrap {
	display: block;
}
.cols-wrap > div {
	display: block;
}
.cols-wrap > div:first-child {
	margin-bottom: 20px;
	padding-right: 0;
}
.cols-wrap + * {
	margin-top: 20px;
}
.cols-wrap + .cols-wrap {
	margin-top: 40px;
}
.cols-wrap.sp-rv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cols-wrap.sp-rv > div {
	width: 100%;
}
.cols-wrap.sp-rv > div:nth-child(1) {
	margin-bottom: 0;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
.cols-wrap.sp-rv > div:nth-child(2) {
	margin-bottom: 20px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.btn-cols {
	display: block;
}
.btn-cols.col-02, .btn-cols.col-03, .btn-cols.col-04, .btn-cols.col-05 {
	margin: 0;
}
.btn-cols.col-02 > *, .btn-cols.col-03 > *, .btn-cols.col-04 > *, .btn-cols.col-05 > * {
	margin-bottom: 10px;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
.btn-cols.col-02 > * {
	width: 100%;
}
.btn-cols.col-03 > * {
	width: 100%;
}
.btn-cols.col-04 > * {
	width: 100%;
}
.btn-cols.col-05 > * {
	width: 100%;
}
.btn-cols.sp-col02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	margin-left: -5px;
	margin-right: -5px;
}
.btn-cols.sp-col02 > * {
	padding: 0 5px;
	width: 50%;
}
a.btn-base.fs22, .btn-base.fs22 {
	font-size: 18px;
	padding-bottom: 15px;
	padding-top: 15px;
}
a.btn-base.fs18, .btn-base.fs18 {
	font-size: 16px;
}
.box-el-result {
	margin-top: 40px;
}
.box-el-result .ttl {
	font-size: 16px;
	padding: 20px 15px;
}
.box-el-result .ttl span {
	font-size: 22px;
}
.box-el-result .body {
	font-size: 16px;
	line-height: inherit;
	padding: 15px;
}
.box-el-result .more {
	top: -25px;
	-webkit-transform: scale(.4, .4) rotate(-6deg);
	transform: scale(.4, .4) rotate(-6deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.box-example-wrap {
	margin: 0 -5px 20px -5px;
}
.box-example {
	font-size: 12px;
	padding: 0 5px 10px 5px;
	width: 50%;
}
.box-example figure img {
	height: auto;
}
.box-example h3 {
	font-size: 14px;
}
.box-service-top {
	margin-bottom: 40px;
	padding-top: 0;
}
.box-service-top.rv .txt {
	left: 0;
	margin-left: 0;
	margin-right: 15px;
}
.box-service-top.rv .img {
	right: -15px;
}
.box-service-top .txt {
	margin-left: 15px;
	margin-top: -15%;
	padding: 20px;
	right: 0;
	width: auto;
}
.box-service-top .img {
	left: -15px;
	position: relative;
}
.box-service-top h3 {
	font-size: 17px;
	margin-bottom: 15px;
}
.box-service-top p:not(:last-child) {
	line-height: 1.6;
}
.box-pickup-wrap > div {
	margin-bottom: 20px;
	width: 48.5%;
}
.box-pickup-wrap .img {
	margin-bottom: 10px;
}
.box-pickup-wrap h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
.box-pickup-wrap p {
	font-size: 12px;
}
.box-faq-head {
	padding: 10px;
}
.box-faq-head.trigger:after {
	right: 10px;
}
.box-faq-body {
	padding: 10px;
}
.box-border {
	padding: 15px;
}
.box-border .ttl-bar {
	font-size: 16px;
	margin: -15px -15px 15px -15px;
	padding: 10px;
}
.box-course-wrap {
	margin-bottom: 10px;
	margin-left: 0;
}
.box-course-wrap .box-course {
	float: none;
	margin: 0 0 10px 0;
	width: 100% !important;
}
.box-course .ttl {
	min-width: 130px;
}
.tooltip-icons {
	left: 0;
	width: 100%;
}
.lead-el {
	font-size: 14px;
	line-height: inherit;
}
a.mw-350, .mw-350, a.mw-240, .mw-240 {
	min-width: 100%;
}
.hero-top {
  max-width: 100%;
	height: auto;
  overflow: hidden;
}
.hero-top img {
	min-height: 220px;
	opacity: 0;
}
.hero-top .slick-slide {
	height: 30vh;
}
.hero-top .slide01 {
	background: url("/images/img_slide01_sp.jpg") no-repeat center top;
	background-size: contain;
}
.hero-top .slide02 {
	background: url("/images/img_slide02_sp.jpg") no-repeat center top;
	background-size: contain;
}
.hero-top .slide03 {
	background: url("/images/img_slide03_sp.jpg") no-repeat center top;
	background-size: contain;
}
.hero-top .slide04 {
	background: url("/images/img_slide04_sp.jpg") no-repeat center top;
	background-size: contain;
}
.hero-ttl h1 {
	font-size: 25px;
}
.hero-ttl p {
	font-size: 12px;
}
#sect-feature {
	background-image: url("../images/bg_feature_top_sp.jpg");
}
.box-feature-wrap > div {
	margin-top: 20px;
	padding: 15px;
	width: 100%;
}
.box-feature-wrap > div:first-child {
	margin-top: 0;
}
.box-feature-wrap h3 {
	font-size: 18px;
	margin-bottom: 15px;
	min-height: 0;
}
.box-feature-wrap .img {
	margin-bottom: 20px;
}
.box-feature-wrap .img img {
	height: 100px;
	width: auto;
}
.hero-cat-top {
	height: 230px;
	position: relative;
}
.hero-cat-top .bread {
	background-color: #f8f8f8;
	color: #202020;
	margin-bottom: 0;
}
.hero-cat-contents {
	margin-top: 20px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hero-cat-contents .ttl {
	font-size: 28px;
}
#cat-top-wrap {
	margin-top: 0;
	padding: 30px 15px 15px 15px;
}
.box-count-wrap {
	display: block;
	margin: 0 0 40px 0;
}
.box-count-wrap > div {
	margin: 60px 0 0 0;
	padding: 20px;
	width: auto;
}
.box-count-wrap p {
	line-height: inherit;
}
.box-count-wrap .count {
	margin-top: -55px;
}
.box-count-wrap .count span {
	font-size: 45px;
}
.box-recommend-wrap {
	display: block;
	margin: 0 0 30px 0;
}
.box-recommend-wrap > div {
	margin: 0 0 15px 0;
	padding: 15px;
	width: auto;
}
.box-recommend-wrap .ttl {
	font-size: 18px;
}
.box-flow-wrap > div {
	margin-bottom: 30px;
}
.box-flow-wrap .count {
	min-height: 30px;
	padding-left: 40px;
	padding-top: 3px;
}
.box-flow-wrap .count:before {
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	width: 30px;
}
.box-flow-wrap .count:after {
	bottom: -30px;
	font-size: 20px;
	left: 5px;
}
.box-trainer-wrap {
	margin: 0 -7px;
}
.box-trainer-wrap .box-trainer {
	margin-bottom: 15px;
	padding: 0 7px;
	width: 50%;
}
.box-trainer .name {
	font-size: 17px;
}
.box-trainer .sub {
	font-size: 12px;
}
.box-trainer .theme {
	font-size: 12px;
}
.balloon-loading {
	font-size: 13px;
	padding: 5px;
}
.balloon-loading:after {
	display: none;
}
.balloon-wrap {
	font-size: 13px;
}
.balloon-wrap:after {
	display: none;
}
.balloon {
	font-size: 13px;
	margin-bottom: 5px;
	max-width: 300px;
	padding: 5px;
}
.balloon .list {
	padding-left: 10px;
}
.balloon .list li {
	display: block;
	padding-right: 0;
}
/* 講師コラム執筆者紹介 */
.box-writer h2 {
	position: relative;
	margin-bottom: 15px;
	font-size: 18px;
}
.box-writer h2::after {
	content: "";
	display: block;
	height: 2px;
	background: -webkit-linear-gradient(to right, rgb(0, 174, 237), transparent);
	background: linear-gradient(to right, rgb(0, 174, 237), transparent);
}
.box-writer h2 span {
	display: block;
	padding: 5px 0 5px 30px;
	background: url("/service/column/images/ico_writer.gif") no-repeat left top;
	background-size: 25px 25px;
}
.box-writer > div {
	display: block;
	width: 100%;
	margin: 0 0 30px;
}
.box-writer > div > p {
	display: block;
	width: 100%;
	float: none;
	text-align: center;
}
.box-writer > div p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.box-writer > div p img {
	max-width: 180px;
}
.box-writer > div div {
	display: block;
	width: 100%;
	padding: 0;
}
.box-writer h3 {
	position: relative;
	margin-bottom: 15px;
	padding: 3px 0 5px 5px;
	border-left: 4px solid #00aeed;
	font-size: 16px;
}
.box-writer h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
/* 講師コラムコンバージョンエリア */
.box-conversion {
	margin: 0 0 30px;
	padding: 10px;
	background: #e9f4ff;
}
.box-conversion .inner {
	padding: 10px;
	background: #fff;
}
.box-conversion h2 {
	margin-bottom: 15px;
	padding: 10px 5px;
	border-top: solid 2px #00aeed;
	border-bottom: solid 2px #00aeed;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	line-height: 1.2;
	font-size: 18px;
	text-align: center;
}
.box-conversion h2 span {
	font-weight: bold;
	color: #c00;
}
.box-conversion h3 {
	margin-bottom: 15px;
	padding: 0 0 5px 5px;
	border-bottom: solid 2px #ff9800;
	font-size: 16px;
}
.box-conversion .inner > div {
	margin: 0 0 30px;
}
.movie-max {
	width: 100%;
}
.col-02 {
  display: block;
}
.col-03 {
	display: block;
}
.col-03 .col {
	width: 100%;
}
.col-03 .col {
	margin: 0!important;
}
.col-03 .plus {
	position: relative;
	width: 0.5em;
	height: 3em;
	margin: 15px auto;
	padding: 0;
	background: #00aeed;
}
.col-03 .plus:before {
	display: block;
	content: "";
	position: absolute;
	top: 45%;
	left: -20px;
	width: 3em;
	height: 0.5em;
	margin-top: -2px;
	background: #00aeed;
}
  
.w50{
  width: 100%!important;
  }
}

@media print {
.ttl-head01 {
	border: none;
	font-size: 30px;
	padding-left: 0;
}
.ttl-head02 {
	font-size: 28px;
}
}
/** 問い合わせフォーム 180626**/
.error {
	color: #FF0000;
}
.mt30 {
	margin-top: 30px;
}
.btn-search {
	background-color: #00aeed;
	border: 2px solid #00aeed;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	line-height: 1.4;
	padding: 7px 10px;
	font-size: 13px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: color .3s, background-color .3s, border .3s;
	transition: color .3s, background-color .3s, border .3s;
}