@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: normal;
  src: url("/assets2/font/NotoSansCJKjp-Regular.eot");
  src: local("NotoSansCJKjp-Regular"), url("/assets2/font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("/assets2/font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/assets2/font/NotoSansCJKjp-Regular.woff") format("woff"), url("/assets2/font/NotoSansCJKjp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: bold;
  src: url("/assets2/font/NotoSansCJKjp-Bold.eot");
  src: local("NotoSansCJKjp-Bold"), url("/assets2/font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("/assets2/font/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/assets2/font/NotoSansCJKjp-Bold.woff") format("woff"), url("/assets2/font/NotoSansCJKjp-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese Medium';
  font-style: normal;
  font-weight: 600;
  src: url("/assets2/font/NotoSansCJKjp-Medium.eot");
  src: local("NotoSansCJKjp-Medium"), url("/assets2/font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("/assets2/font/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/assets2/font/NotoSansCJKjp-Medium.woff") format("woff"), url("/assets2/font/NotoSansCJKjp-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("/assets2/font/NotoSansCJKjp-Light.eot");
  src: local("NotoSansCJKjp-Light"), url("/assets2/font/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("/assets2/font/NotoSansCJKjp-Light.woff2") format("woff2"), url("/assets2/font/NotoSansCJKjp-Light.woff") format("woff"), url("/assets2/font/NotoSansCJKjp-Light.ttf") format("truetype");
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "Helvetica", "Arial",sans-serif;
}

img {
  width: 100%;
}

body {
  color: #2f2f2f;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.fix_size {
  max-width: 994px;
  padding-left: 17px;
  padding-right: 17px;
  margin: 0 auto;
}

.header {
  display: block;
}

.header .header_logo {
  width: 100%;
  height: 64px;
  display: block;
  padding: 10px 70px;
  overflow: hidden;
  background: #42c2e9;
}

.header .header_logo .header_logo-left {
  width: 258px;
  float: left;
  margin-top: 5px;
}

.header .header_logo .header_logo-right {
  width: 170px;
  float: right;
}

.gBold {
  font-weight: bold;
}

.inline-block {
  display: inline-block;
}

.m-top-30 {
  margin-top: 30px;
}

.line_skew {
  height: 24px;
  border-left: 2px solid;
  display: inline-block;
  width: 0;
}

.line_skew.left1 {
  -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg);
  margin-right: 10px;
  height: 24px;
}

.line_skew.left2 {
  -webkit-transform: rotate(-31deg);
      -ms-transform: rotate(-31deg);
          transform: rotate(-31deg);
  height: 22px;
  margin-right: 10px;
}

.line_skew.left3 {
  -webkit-transform: rotate(-41deg);
      -ms-transform: rotate(-41deg);
          transform: rotate(-41deg);
  margin-right: 2px;
  height: 19px;
}

.line_skew.left4 {
  -webkit-transform: rotate(-31deg);
      -ms-transform: rotate(-31deg);
          transform: rotate(-31deg);
  height: 32px;
  margin-right: 60px;
}

.line_skew.right1 {
  margin-left: 10px;
  -webkit-transform: rotate(31deg);
      -ms-transform: rotate(31deg);
          transform: rotate(31deg);
  margin-right: 10px;
  height: 22px;
}

.line_skew.right2 {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  height: 24px;
}

.line_skew.right3 {
  margin-left: 55px;
  -webkit-transform: rotate(31deg);
      -ms-transform: rotate(31deg);
          transform: rotate(31deg);
  margin-right: 2px;
  height: 32px;
}

.line_skew.right4 {
  -webkit-transform: rotate(41deg);
      -ms-transform: rotate(41deg);
          transform: rotate(41deg);
  height: 19px;
}

.text19span25 {
  font-size: 19px;
  letter-spacing: 1px;
}

.text19span25 span {
  font-size: 25px;
}

.btn-more {
  font-size: 16px;
  line-height: 20px;
  color: #268ed5;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: right;
  background: #fff;
  padding-bottom: 20px;
  padding-right: 40px;
  cursor: pointer;
  z-index: 1;
}

.btn-more:before {
  content: "...";
}

.btn-orange {
  display: block;
  width: 100%;
  height: 88px;
  text-decoration: none;
  background: #fb7d01;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 2px #753a00;
          box-shadow: 0 5px 2px #753a00;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  padding: 28px 30px 28px 0;
  color: #fff;
  position: relative;
  margin-top: 25px;
  text-align: center;
}

.btn-orange:hover {
  opacity: 0.8;
}

.btn-orange:after {
  content: "";
  background: url("/assets2/images/skill-up-mother/icon-arrow_right.png") no-repeat;
  background-size: cover;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 31px;
}

.btn-orange span {
  font-size: 24px;
  color: #fff;
}

.btn-fb {
  position: relative;
  display: block;
  width: 100%;
  background: #3a5897;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
}

.btn-fb:hover {
  opacity: 0.8;
}

.btn-fb:after {
  content: "";
  background: url("/assets2/images/skill-up-mother/icon-arrow_right_fb.png") no-repeat;
  background-size: cover;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 31px;
}

.bg-peachYellow {
  background: #fff6cb;
}

.bg-dotYellow {
  background: url("/assets2/images/skill-up-mother/bg_dotYellow.jpg") repeat;
}

.bg-blue_line {
  background: rgba(224, 240, 255, 0.6);
  padding-top: 65px;
  padding-bottom: 16px;
}

.bd-bottom_orange {
  border-bottom: 2px solid #ffe119;
}

.block_btn1 {
  width: 708px;
  display: block;
  margin: 50px auto 0;
}

.block_text1 {
  margin-top: 52px;
  margin-bottom: 11px;
}

.block_text1 .text20 {
  line-height: 38px;
}

.block_speaking {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
  background: #edf7ff;
  margin-top: 45px;
}

.block_speaking .block_speaking-img {
  width: 208px;
  margin-right: 26px;
  margin-top: -45px;
  vertical-align: bottom;
  display: inline-block;
}

.block_speaking .block_speaking-text {
  margin: 13px auto;
  padding: 20px 77px 20px 60px;
  width: 625px;
  border: 4px solid #08a6dc;
  background: #fff;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  text-align: center;
}

.block_speaking .block_speaking-text p {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 19px;
}

.block_speaking .block_speaking-text span {
  font-size: 36px;
  line-height: 34px;
  display: inline-block;
  border-bottom: 4px solid #ffe119;
}

.block_speaking .block_speaking-text:before {
  content: "";
  width: 24px;
  height: 24px;
  border-top: 4px solid #08a6dc;
  border-left: 4px solid #08a6dc;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: -16px;
}

.bg-lightblue {
  background: #d6ecff;
}

.cl-blue {
  color: #0b78d6;
}

.cl-white {
  color: #fff;
}

.bg-green {
  background: #72c756;
}

.title_white {
  font-size: 18px;
  height: 40px;
  background: #72c756;
  color: #fff;
  padding: 11px 33px;
  text-align: center;
  font-weight: bold;
  margin-left: -32px;
  margin-right: -32px;
  border-radius: 3px;
}

.title_white img {
  width: auto;
  height: 100%;
}

.title32 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid #d6f6db;
  margin-bottom: 30px;
}

.title34 {
  font-size: 34px;
  line-height: 38px;
  border-bottom: 2px solid #d6f6db;
  padding-bottom: 22px;
  margin-bottom: 34px;
  margin-top: 24px;
}

.text18 {
  font-size: 18px;
  color: #333;
  line-height: 24px;
}

.text20 {
  font-size: 20px;
  line-height: 24px;
  color: #333;
}

.cl-red {
  color: #f56555;
}

.section {
  margin-top: -3px;
}

.section .section_title {
  width: 100%;
  background: #48c4e9;
  padding-top: 28px;
  padding-bottom: 36px;
  position: relative;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.section .section_title:after {
  content: "";
  background: url("/assets2/images/skill-up-mother/bg_arrow_title.png") no-repeat;
  width: 48px;
  background-size: cover;
  height: 20px;
  display: block;
  position: absolute;
  bottom: -20px;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.section_block-title {
  position: relative;
  margin-bottom: 74px;
}

.section_block-title .content_label {
  width: 206px;
  margin-bottom: 9px;
}

.section_block-title .content_title {
  font-size: 38px;
  line-height: 70px;
  text-shadow: 4px 4px #fff;
}

.section_block-title .content_title .span2 {
  font-size: 70px;
  display: inline-block;
  line-height: 78px;
  border-bottom: 8px solid #f4d82d;
}

.section_block-title .content_title .span1 {
  font-size: 38px;
  line-height: 70px;
  display: block;
}

.section_block-title .content_title .span3 {
  font-size: 54px;
  line-height: 70px;
  display: inline-block;
}

.section_block-title .content_title.title_1 {
  color: #02b3f0;
}

.section_block-title .content_title.title_2 {
  color: #18c34c;
}

.section_block-title .content_title.title_2 .span3 {
  display: block;
}

.section_block-title .content_title.title_3 {
  color: #3e7bd6;
}

.section_block-title .content_text {
  font-size: 20px;
  line-height: 36px;
  margin-top: 28px;
}

.section_block-title .content_text.text_1 {
  width: calc(100% - 224px);
}

.section_block-title .content_text.text_2 {
  width: calc(100% - 312px);
}

.section_block-title .content_text.text_3 {
  width: calc(100% - 300px);
}

.section_block-title .content_img {
  position: absolute;
  top: 40px;
  right: 16px;
}

.section_block-title .content_img.img1 {
  width: 194px;
}

.section_block-title .content_img.img2 {
  width: 272px;
}

.section_block-title .content_img.img3 {
  width: 260px;
}

.visual2block {
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  padding: 0 32px 32px;
}

.visual2block .visual2block-left {
  width: 50%;
  float: left;
  padding-right: 12px;
  position: relative;
}

.visual2block .visual2block-right {
  width: 50%;
  float: right;
  padding-left: 12px;
}

.visual2block .visual2block-right .block2img {
  margin-top: 16px;
}

.visual2block .visual2block-right .block2img img {
  width: 50%;
  overflow: hidden;
}

.visual2block .visual2block-right .block2img img:first-child {
  padding-right: 8px;
  float: left;
}

.visual2block .visual2block-right .block2img img:last-child {
  padding-left: 8px;
  float: right;
}

.visual4block {
  margin-top: 82px;
  overflow: hidden;
  display: block;
}

.visual4block .visual4block-item {
  width: 222px;
  margin-right: 18px;
  text-align: center;
  float: left;
}

.visual4block .visual4block-item .left4 {
  height: 40px;
}

.visual4block .visual4block-item .right3 {
  height: 40px;
}

.visual4block .visual4block-item:last-child {
  margin-right: 0;
}

.visual4block .visual4block-item .block_price {
  padding-bottom: 30px;
  border: 2px solid #08a6dc;
  border-radius: 3px;
  margin-bottom: 70px;
  margin-top: 28px;
}

.visual4block .visual4block-item .block_price .title {
  font-size: 22px;
  line-height: 26px;
  padding: 12px 0;
  background: #08a6dc;
}

.visual4block .visual4block-item .block_price .price {
  padding-top: 33px;
  font-size: 46px;
  color: #08a6dc;
  border-bottom: 3px solid #ffe119;
  display: inline-block;
  margin-bottom: 13px;
}

.visual4block .visual4block-item .block_price .price span {
  font-size: 24px;
  color: #08a6dc;
}

.visualB {
  padding-bottom: 34px;
  padding-top: 40px;
  text-align: center;
  margin-bottom: 16px;
}

.visualB .text40span48 {
  margin-bottom: 24px;
}

.visualB .img {
  max-width: 960px;
  margin: 0 auto;
}

.visualB .visualB_title {
  font-size: 32px;
  line-height: 40px;
}

.visualB .visualB_title span {
  font-size: 40px;
  line-height: 34px;
  display: inline-block;
  border-bottom: 8px solid #fff;
}

.trial_img {
  width: 624px;
  margin: 55px auto 0;
}

.trial_list {
  overflow: hidden;
}

.trial_item {
  width: 230px;
  float: left;
  min-height: 344px;
  padding: 10px;
  margin-right: 13px;
  background: #fff;
  position: relative;
}

.trial_item:last-child {
  margin-right: 0;
}

.trial_item .trial_item_img {
  padding-bottom: 11px;
  border-bottom: 1px solid #08a6dc;
  margin-bottom: 8px;
}

.trial_item .trial_item_title {
  display: table;
  width: 100%;
  color: #08a6dc;
  padding: 5px 0;
}

.trial_item .trial_item_title .trial_item_title-number {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 32px;
  color: #08a6dc;
  font-weight: bold;
  width: 35px;
}

.trial_item .trial_item_title .trial_item_title-text {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #08a6dc;
  line-height: 20px;
  height: 40px;
}

.trial_item .trial_item_text {
  font-size: 14px;
  line-height: 22px;
}

.info {
  opacity: 0.8;
  width: 100%;
  height: 845px;
  border-radius: 3px;
  background: #fff;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.info_student {
  overflow: auto;
  padding: 36px 76px 40px 82px;
  height: 100%;
}

.info_block_white {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  margin-right: 30px;
  height: 40px;
  background: #fff;
}

.info .img {
  overflow: hidden;
}

.info .img figure {
  width: 146px;
  border-radius: 3px;
  float: left;
  margin-right: 36px;
  display: block;
}

.info .img .info_student_title {
  display: block;
  width: calc(100% - 182px);
  float: right;
  font-size: 28px;
  line-height: 49px;
  color: #08a6dc;
}

.info .img .info_student_job {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin-top: 11px;
  width: 100%;
  float: left;
}

.info .img .info_student_job:before {
  content: '';
  background: url("/assets2/images/skill-up-mother/icon-human.png") no-repeat;
  background-size: cover;
  width: 16px;
  vertical-align: middle;
  margin-right: 8px;
  height: 15px;
  display: inline-block;
}

.info_list .info_list-item {
  margin-top: 35px;
}

.info_list .info_list-item-title {
  font-size: 22px;
  line-height: 25px;
  color: #08a6dc;
  display: inline-block;
  margin-bottom: 12px;
}

.info_list .info_list-item-title:before {
  content: "";
  width: 40px;
  height: 2px;
  border-top: 2px solid #08a6dc;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.info_list .info_list-item-text1 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 14px;
  font-weight: bold;
}

.info_list .info_list-item-text2 {
  font-size: 16px;
  line-height: 28px;
}

.tableA {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #7d7d7d;
}

.tableA td,
.tableA th {
  border-left: 1px solid #7d7d7d;
  border-collapse: collapse;
  text-align: center;
  width: 25%;
  vertical-align: middle;
  height: 48px;
}

.tableA tr td:first-child {
  text-align: left;
  padding-left: 15px;
}

.tableA tr:nth-child(odd) {
  background: #eeeeee;
}

.tableA tr:nth-child(odd) td:nth-child(2) {
  background: #fff9da;
}

.tableA tr:nth-child(even) td:nth-child(2) {
  background: #fffced;
}

.tableA tr:first-child {
  background: #7d7d7d;
}

.tableA tr:first-child th {
  color: #fff;
  border: 1px solid #7d7d7d;
}

.tableA tr:first-child th:first-child {
  background: #fff;
}

.tableA tr th {
  font-size: 18px;
}

.tableA tr th:nth-child(2) {
  background: #08a6dc;
  border: 4px solid #08a6dc;
  border-top: 8px solid #08a6dc;
}

.tableA tr td {
  font-size: 16px;
  line-height: 24px;
}

.tableA tr td:nth-child(2) {
  border-left: 4px solid #08a6dc;
  border-right: 4px solid #08a6dc;
}

.tableA tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #08a6dc;
}

.block_talk {
  min-width: 160px;
  display: inline-block;
  padding-left: 18px;
  padding-right: 18px;
  height: 38px;
  background: #d6ecff;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  position: relative;
  border-radius: 19px;
  margin-bottom: 4px;
}

.block_talk .arrow {
  -webkit-transform: rotateY(60deg);
          transform: rotateY(60deg);
  display: block;
  position: absolute;
  bottom: -7px;
  left: 30px;
}

.block_talk .arrow:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #d6ecff;
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.block_talk .arrow.bg-lightgreen:after {
  background: #d9f6de;
}

.block_talk .arrow.bg-white:after {
  background: #fff;
}

.bg-lightgreen {
  background: #d9f6de;
}

.bg-yellow {
  background: #fedd51;
}

.link_text {
  font-size: 20px;
  line-height: 38px;
  color: #6c6c6c;
  border-bottom: 2px solid;
}

.text_register {
  color: #333;
}

.text24 {
  font-size: 24px;
  line-height: 36px;
  vertical-align: bottom;
}

.text16 {
  font-size: 16px;
  line-height: 28px;
}

.text32 {
  font-size: 32px;
}

.text40span48 {
  font-size: 40px;
  line-height: 64px;
}

.text40span48 span {
  font-size: 48px;
}

.bg-white {
  background: #fff;
}

.bf_content {
  position: relative;
}

.bf_content:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bg-green {
  background: #c5f586;
}

.t-center {
  text-align: center;
}

.label_white {
  position: absolute;
  top: 20px;
  right: 0;
  border: 2px solid #959595;
}

.w91 {
  width: 91px;
}

.w88 {
  width: 88px;
}

.w116 {
  width: 116px;
}

.ceo {
  overflow: hidden;
  margin-top: 56px;
  margin-bottom: 30px;
}

.ceo .ceo_title {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 60px;
}

.ceo .ceo_title p {
  font-size: 40px;
  line-height: 1;
  padding-bottom: 15px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 4px solid #e0f0ff;
}

.ceo .ceo_info .ceo_info_title {
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 23px;
}

.ceo .ceo_info .ceo_info_text {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 45px;
}

.ceo .ceo_img {
  width: 294px;
}

.ceo .ceo_img .ceo_signature {
  width: 222px;
  margin-top: 15px;
}

.faq {
  background: #eef7ff;
  padding-top: 60px;
  padding-bottom: 24px;
}

.faq .faq_title {
  text-align: center;
  margin-bottom: 44px;
}

.faq .faq_item {
  background: #fff;
  padding: 28px 40px 26px;
  margin-bottom: 16px;
}

.faq .faq_item_q {
  font-size: 24px;
  line-height: 32px;
  color: #08a6dc;
  padding-left: 32px;
  font-weight: bold;
  position: relative;
}

.faq .faq_item_q:before {
  content: "";
  background: url("/assets2/images/skill-up-mother/faq_q.png") no-repeat;
  width: 26px;
  height: 22px;
  display: inline-block;
  background-size: cover;
  position: absolute;
  top: 7px;
  left: 0;
}

.faq .faq_item_a {
  font-size: 16px;
  margin-top: 7px;
  font-weight: bold;
  line-height: 32px;
  position: relative;
  padding-left: 32px;
}

.faq .faq_item_a:before {
  content: "";
  background: url("/assets2/images/skill-up-mother/faq_a.png") no-repeat;
  width: 26px;
  height: 22px;
  background-size: cover;
  top: 7px;
  position: absolute;
  left: 0;
}

.faq .faq_item_text {
  margin-top: 12px;
  font-size: 16px;
  line-height: 28px;
}

.footer_text {
  font-size: 13px;
  line-height: 40px;
  height: 40px;
  background: #e8e8e8;
}

.timespent {
  margin-bottom: 0;
}

.timespent .timespent-block {
  width: 480px;
}

.timespent .timespent_title {
  margin-bottom: 45px;
}

.timespent .timespent_title-icon {
  display: inline-block;
  width: 138px;
  margin-right: 5px;
}

.timespent .timespent_title-text {
  display: inline-block;
  vertical-align: top;
}

.timespent .timespent_item {
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.timespent .timespent_item-icon {
  margin-left: 115px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.timespent .timespent_item-text {
  position: absolute;
  left: 200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.timespent .timespent_item-img {
  padding-left: 30px;
  width: 433px;
}

.timespent .visual2block-left {
  background: #e6f4ff;
  padding-top: 40px;
}

.timespent .visual2block-left .timespent-block {
  float: right;
}

.timespent .visual2block-right {
  background: #ffe7b3;
  padding-bottom: 112px;
}

.content_01 {
  background: url("/assets2/images/skill-up-mother/bg_content_01.jpg") repeat;
}

.content_02 {
  background: url("/assets2/images/skill-up-mother/bg_content_02.jpg") repeat;
  border-top: 16px solid #66d889;
}

.content_03 {
  background: url("/assets2/images/skill-up-mother/bg_content_03.jpg") repeat;
  border-top: 16px solid #77adfe;
}

.section_02 .block_white {
  font-size: 24px;
  line-height: 44px;
  padding-top: 22px;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  text-align: center;
  border-top: 4px solid #e6f4ff;
  position: relative;
}

.section_02 .block_white:after {
  content: '';
  background: url("/assets2/images/skill-up-mother/arrow_white.png") no-repeat;
  width: 188px;
  height: 30px;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: -29px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.section_02 .section_title_02 {
  background: #e6f4ff;
}

.section_02 .section_title_02 .text {
  color: #2f2f2f;
  display: inline-block;
}

.section_02 .section_title_03 {
  background: #ffe9ce;
}

.section_02 .section_title_03 .text {
  color: #2f2f2f;
  display: inline-block;
}

.effectiveTime {
  overflow: hidden;
}

.effectiveTime .effectiveTime_item {
  float: left;
  text-align: center;
}

.effectiveTime .effectiveTime_item figure {
  display: block;
}

.effectiveTime .effectiveTime_item figure img {
  width: auto;
  height: 100%;
}

.effectiveTime .effectiveTime_item .text span {
  color: #3e7bd6;
}

.person_speaking {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: none;
  z-index: 9999;
}

.person_speaking_content {
  position: relative;
}

.person_speaking_text {
  position: absolute;
  top: 50%;
  font-size: 20px;
  line-height: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #1456a0;
  padding-bottom: 20px;
  padding-left: 20px;
  display: none;
}

.person_speaking_text-small {
  font-size: 14px;
}

.person_speaking_text .c-blue {
  color: #14a7de;
}

.person_speaking img {
  width: 184px;
  height: 170px;
}

.bg-plan {
  background: url("/assets2/images/skill-up-mother/bg_plan.png") repeat;
  background-size: cover;
}

.visualPlan {
  overflow: hidden;
  margin-left: -8px;
  margin-right: -8px;
  padding-top: 64px;
  padding-bottom: 32px;
}

.visualPlan_item {
  float: left;
  padding: 0 8px;
  width: 50%;
  margin-bottom: 16px;
}

.visualPlan_item_color1 .visualPlan_title {
  background: #48c4e9;
}

.visualPlan_item_color1 .visualPlan_price {
  color: #08a6dc;
}

.visualPlan_item_color1 .visualPlan_circle {
  background: #48c4e9;
}

.visualPlan_item_color2 .visualPlan_title {
  background: #66d889;
}

.visualPlan_item_color2 .visualPlan_price {
  color: #18c34c;
}

.visualPlan_item_color2 .visualPlan_circle {
  background: #66d889;
}

.visualPlan_item_color3 .visualPlan_title {
  background: #fd93bd;
}

.visualPlan_item_color3 .visualPlan_price {
  color: #fd75ab;
}

.visualPlan_item_color3 .visualPlan_circle {
  background: #fd93bd;
}

.visualPlan_item_color4 .visualPlan_title {
  background: #77adfe;
}

.visualPlan_item_color4 .visualPlan_price {
  color: #3e7bd6;
}

.visualPlan_item_color4 .visualPlan_circle {
  background: #77adfe;
}

.visualPlan_title {
  font-size: 20px;
  line-height: 52px;
  text-align: center;
  letter-spacing: 1px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  color: #fff;
  font-weight: bold;
}

.visualPlan_content {
  position: relative;
  background: #fff;
  text-align: center;
  border-radius: 4px;
}

.visualPlan_main {
  text-align: left;
  margin-right: 35px;
  display: inline-block;
}

.visualPlan_text {
  font-size: 22px;
  line-height: 45px;
  padding-top: 11px;
  color: #333;
  letter-spacing: 2px;
}

.visualPlan_text span {
  font-size: 26px;
}

.visualPlan_price {
  font-size: 48px;
  position: relative;
  font-weight: bold;
  margin-top: 4px;
  display: inline-block;
  margin-bottom: 36px;
}

.visualPlan_price:after {
  content: "";
  background: #ffe119;
  height: 4px;
  width: 100%;
  left: 0;
  bottom: -10px;
  position: absolute;
}

.visualPlan_price span {
  font-size: 24px;
}

.visualPlan_circle {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 16px;
  line-height: 25px;
  width: 87px;
  height: 87px;
  border-radius: 100%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 17px 0;
}

.visualPlan_circle span {
  font-size: 18px;
  display: block;
}

@media screen and (min-width: 769px) {
  .b_top_dashed {
    margin-top: 60px;
    border-bottom: 1px dashed #6c6c6c;
  }
  .doYouKnow {
    max-width: 960px;
    width: 100%;
    margin: 60px auto 56px;
    padding: 30px 70px 26px 80px;
  }
  .pc-hidden {
    display: none;
  }
  .img502 {
    width: 502px;
  }
  .mtop64 {
    margin-top: 64px;
  }
  .mtop34 {
    margin-top: 34px;
  }
  .mleft30 {
    margin-left: 30px;
  }
  .mbot11 {
    margin-bottom: 11px;
  }
  .mtop9 {
    margin-top: 9px;
  }
  .ptop64 {
    padding-top: 64px;
  }
  .ptop60 {
    padding-top: 60px;
  }
  .ptop50 {
    padding-top: 50px;
  }
  .ptop74 {
    padding-top: 74px;
  }
  .ptop50 {
    padding-top: 50px;
  }
  .pbot42 {
    padding-bottom: 42px;
  }
  .f_left {
    float: left;
  }
  .f_right {
    float: right;
  }
  .mright35 {
    margin-right: 35px;
  }
  .ceo .ceo_info {
    padding-right: 20px;
    display: table-cell;
    vertical-align: top;
  }
  .ceo .ceo_img {
    display: table-cell;
    vertical-align: top;
  }
  .mbot18 {
    margin-bottom: 18px;
  }
  .mbot24 {
    margin-bottom: 24px;
  }
  .btn-fb {
    margin-top: 20px;
    height: 101px;
    font-size: 32px;
    line-height: 96px;
    padding-right: 30px;
    border-bottom: 5px solid #0c3385;
  }
  .text_register {
    font-size: 20px;
    margin-top: 15px;
    line-height: 38px;
  }
  .bf_content:before {
    width: 70px;
    height: 25px;
  }
  .bf_content.arrow1:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow1.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow2:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow2.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow3:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow3.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow4:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow4.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow5:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow5.png") no-repeat;
    background-size: cover;
  }
  .label_white {
    margin-left: 12px;
    height: 40px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    border-radius: 20px;
    font-size: 16px;
    margin-right: 12px;
  }
  .titleH3 {
    font-size: 38px;
    line-height: 40px;
  }
  .label_A {
    margin-top: 20px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    overflow: hidden;
  }
  .textItem {
    font-size: 20px;
    line-height: 32px;
  }
  .blockImgText {
    padding: 0 16px 26px 10px;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 3px;
  }
  .blockImgText .blockImgText_img {
    width: 210px;
    padding: 0 16px;
  }
  .blockImgText .blockImgText_text {
    padding: 0 16px;
    width: calc(100% - 210px);
  }
  .visualA {
    padding: 40px 116px;
    margin-bottom: 40px;
  }
  .visualA .img {
    margin-top: 35px;
  }
  .block_btn2 {
    padding: 65px 120px 56px;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
  }
  .price {
    font-size: 52px;
    color: #3e7bd6;
    line-height: 36px;
  }
  .img113 {
    width: 113px;
    margin-right: 16px;
    vertical-align: text-bottom;
  }
  .adotion {
    padding: 42px 60px;
    margin-bottom: 40px;
    margin-top: 46px;
  }
  .adotion .title_block {
    margin-bottom: 40px;
  }
  .box_speak {
    background: url("/assets2/images/skill-up-mother/box_speak.png") no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 12px 0 22px;
    font-size: 16px;
    width: 190px;
    height: 50px;
    text-align: center;
  }
  .section_title_02 {
    padding-top: 48px;
    padding-bottom: 26px;
  }
  .section_title_02 .text {
    font-size: 28px;
    line-height: 48px;
    margin-left: 24px;
  }
  .section_title_02 .text span {
    font-size: 40px;
  }
  .effectiveTime {
    margin-top: 40px;
    margin-bottom: 70px;
  }
  .effectiveTime .effectiveTime_item {
    width: 33.3%;
    float: left;
    text-align: center;
  }
  .effectiveTime .effectiveTime_item figure {
    height: 88px;
  }
  .effectiveTime .effectiveTime_item .text {
    margin-top: 24px;
    font-size: 24px;
    line-height: 32px;
  }
  .effectiveTime .effectiveTime_item .text span {
    font-size: 32px;
  }
  .section_title_03 {
    padding-top: 22px;
    padding-bottom: 18px;
  }
  .section_title_03 .text {
    font-size: 28px;
    line-height: 48px;
    margin-left: 24px;
  }
  .section_title_03 .text span {
    font-size: 40px;
  }
  .title_table {
    color: #333;
    font-size: 32px;
    margin-top: 80px;
    margin-bottom: 56px;
  }
  .bg-img1 {
    background: url("/assets2/images/skill-up-mother/bg_img1.jpg") no-repeat center;
    background-size: cover;
  }
  .bg-img2 {
    background: url("/assets2/images/skill-up-mother/bg_img2.jpg") no-repeat center;
    background-size: cover;
  }
  .section_02 .block_white {
    letter-spacing: 4px;
    text-indent: 20px;
  }
  .trial_text {
    margin-top: 75px;
    font-size: 30px;
  }
  .trial_list {
    margin-top: 38px;
    margin-bottom: 62px;
  }
  .title_block {
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 16px;
  }
  .title_block span {
    font-size: 32px;
  }
  .trial_title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media screen and (max-width: 768px) {
  .link_text {
    font-size: 14px;
    line-height: 20px;
  }
  .section_block-title {
    margin-bottom: 20px;
  }
  .section_block-title .content_title {
    font-size: 22px;
    line-height: 36px;
  }
  .section_block-title .content_title .span2 {
    border-bottom: 4px solid #f4d82d;
    text-shadow: 2px 2px #fff;
  }
  .section_block-title .content_title.title_1 .span1 {
    font-size: 22px;
    line-height: 36px;
  }
  .section_block-title .content_title.title_1 .span2 {
    font-size: 36px;
    line-height: 38px;
  }
  .section_block-title .content_title.title_1 .span3 {
    font-size: 32px;
    display: block;
    line-height: 46px;
  }
  .section_block-title .content_title.title_2 .span1 {
    font-size: 19px;
    line-height: 34px;
  }
  .section_block-title .content_title.title_2 .span2 {
    font-size: 32px;
    line-height: 34px;
  }
  .section_block-title .content_title.title_2 .span3 {
    font-size: 27px;
    line-height: 46px;
  }
  .section_block-title .content_title.title_3 .span1 {
    font-size: 22px;
    line-height: 32px;
  }
  .section_block-title .content_title.title_3 .span2 {
    font-size: 32px;
    line-height: 34px;
  }
  .section_block-title .content_title.title_3 .span3 {
    font-size: 22px;
    line-height: 22px;
  }
  .section_block-title .content_label {
    width: 136px;
    margin-bottom: 14px;
  }
  .section_block-title .content_img.img1 {
    width: 93px;
    right: 30px;
    top: 44px;
  }
  .section_block-title .content_img.img2 {
    width: 130px;
    right: -14px;
    top: 47px;
  }
  .section_block-title .content_img.img3 {
    width: 99px;
    right: 0;
    top: 57px;
  }
  .section_block-title .content_text {
    width: 100% !important;
    font-size: 16px;
    line-height: 28px;
    margin-top: 14px;
  }
  .bg-blue_line {
    padding-top: 24px;
  }
  .trial_title {
    font-size: 20px;
    line-height: 28px;
  }
  .title_block {
    font-size: 18px;
    margin-bottom: 6px;
    line-height: 32px;
  }
  .title_block span {
    font-size: 24px;
  }
  .trial_text {
    margin-top: 30px;
    font-size: 18px;
  }
  .bg_img_sp {
    background: url("/assets2/images/skill-up-mother/bg_section_03.jpg") repeat;
    padding-bottom: 30px;
    padding-top: 22px;
  }
  .info {
    opacity: 1;
    height: auto;
    padding: 24px 12px 50px 17px;
    margin-bottom: 8px;
  }
  .info .info_student {
    height: 395px;
    padding: 0;
    overflow: hidden;
  }
  .info .info_student.is-scroll {
    height: 100%;
  }
  .info .bd_info {
    border-bottom: 2px solid #f1f1f1;
  }
  .info .img {
    overflow: hidden;
  }
  .info .img figure {
    width: 72px;
    margin-right: 8px;
  }
  .info .img .info_student_title {
    width: calc(100% - 80px);
    font-size: 18px;
    line-height: 24px;
  }
  .info .img .info_student_job {
    font-size: 14px;
    line-height: 20px;
    margin-top: 9px;
    margin-left: 80px;
  }
  .info .img .info_student_job:before {
    width: 13px;
    margin-right: 8px;
    height: 12px;
  }
  .title_table {
    color: #333;
    font-size: 24px;
    line-height: 32px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .section_title_03 {
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .section_title_03 .text {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
  .section_title_03 .text span {
    font-size: 22px;
  }
  .effectiveTime {
    margin: 32px 0;
  }
  .effectiveTime .effectiveTime_item {
    width: 50%;
  }
  .effectiveTime .effectiveTime_item figure {
    height: 60px;
  }
  .effectiveTime .effectiveTime_item .text {
    font-size: 16px;
    line-height: 20px;
    margin-top: 11px;
  }
  .effectiveTime .effectiveTime_item .text span {
    font-size: 20px;
  }
  .effectiveTime .effectiveTime_item:last-child {
    width: 100%;
    margin-top: 27px;
  }
  .section_title_02 {
    padding-top: 30px;
    padding-bottom: 11px;
  }
  .section_title_02 .text {
    font-size: 16px;
    line-height: 24px;
    margin-left: 13px;
    text-align: left;
  }
  .section_title_02 .text span {
    font-size: 22px;
  }
  .box_speak {
    display: inline-block;
    vertical-align: super;
    background: url("/assets2/images/skill-up-mother/box_speak_sp.png") no-repeat;
    background-size: cover;
    padding: 4px 20px 4px 14px;
    width: 92px;
    font-size: 12px;
    line-height: 14px;
    height: 36px;
    text-align: center;
  }
  .section_02 .block_white {
    font-size: 12px;
    line-height: 24px;
    padding-top: 3px;
  }
  .section_02 .block_white:after {
    width: 130px;
    height: 20px;
    bottom: -20px;
  }
  .adotion {
    padding: 20px 15px 30px;
    margin-bottom: 40px;
  }
  .adotion .title_block {
    text-align: center;
    margin: 11px 18px 17px;
  }
  .price {
    font-size: 32px;
    color: #3e7bd6;
    line-height: 36px;
  }
  .img80_sp {
    width: 80px;
    margin-right: 22px;
    vertical-align: bottom;
  }
  .block_btn2 {
    padding: 40px 16px 36px;
  }
  .blockImgText {
    padding: 0 16px;
    margin-bottom: 16px;
    overflow: hidden;
  }
  .blockImgText .blockImgText_text {
    margin-bottom: 15px;
  }
  .label_A {
    margin-top: 24px;
    margin-bottom: 20px;
  }
  .textItem {
    font-size: 18px;
    line-height: 26px;
  }
  .titleH3 {
    font-size: 24px;
    line-height: 1;
  }
  .label_white {
    border-radius: 14px;
    position: absolute;
    right: 0;
    line-height: 33px;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 24px;
    height: 28px;
    font-size: 11px;
  }
  .visual2block {
    padding: 0 0 20px;
    margin-bottom: 16px;
  }
  .visual2block .visual2block-left {
    width: 100%;
    padding-right: 0;
  }
  .visual2block .visual2block-right {
    width: 100%;
    margin-top: 18px;
    padding-left: 0;
  }
  .bf_content:before {
    width: 23px;
    height: 12px;
  }
  .bf_content.arrow1:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow1_sp.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow2:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow2_sp.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow3:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow3_sp.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow4:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow4_sp.png") no-repeat;
    background-size: cover;
  }
  .bf_content.arrow5:before {
    background: url("/assets2/images/skill-up-mother/bg_arrow5_sp.png") no-repeat;
    background-size: cover;
  }
  .mtop20_sp {
    margin-top: 20px;
  }
  .mbot18_sp {
    margin-bottom: 18px;
  }
  .plr16_sp {
    padding-left: 17px;
    padding-right: 17px;
  }
  .ptop30_sp {
    padding-top: 30px;
  }
  .ptop20_sp {
    padding-top: 20px;
  }
  .section .section_title {
    padding-top: 12px;
    padding-bottom: 10px;
    height: auto;
    font-size: 20px;
    line-height: 28px;
  }
  .section .section_title:after {
    width: 25px;
    height: 10px;
    bottom: -10px;
  }
  .text_register {
    font-size: 14px;
    margin-top: 15px;
    line-height: 20px;
  }
  .btn-fb {
    margin-top: 10px;
    font-size: 16px;
    height: 51px;
    line-height: 48px;
    padding-right: 15px;
    border-bottom: 2px solid #0c3385;
    border-top: 1px solid #b0bcd5;
  }
  .btn-fb:after {
    width: 17px;
    height: 17px;
    right: 10px;
  }
  .sp-hidden {
    display: none;
  }
  .block_btn1 {
    width: 100%;
    margin-top: 32px;
  }
  .block_text1 {
    padding: 20px 17px;
    margin-top: 8px;
  }
  .text20 {
    font-size: 18px;
    line-height: 26px;
  }
  .header .header_logo {
    height: 40px;
    padding: 11px;
  }
  .header .header_logo .header_logo-left {
    width: 128px;
    margin-top: 0;
  }
  .header .header_logo .header_logo-right {
    width: 87px;
  }
  .text19span25 {
    font-size: 13px;
  }
  .text19span25 span {
    font-size: 17px;
  }
  .fix_size {
    width: 100%;
    padding: 0 16px;
  }
  .sp-clear {
    overflow: hidden;
  }
  .btn-more {
    text-align: center;
    color: #08a6dc;
    padding: 14px 0 16px;
    font-size: 14px;
  }
  .btn-more:before {
    content: "";
    background: url("/assets2/images/skill-up-mother/more_sp.png") no-repeat;
    background-size: cover;
    width: 12px;
    margin-right: 7px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-orange {
    width: 100%;
    height: 49px;
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #fdc288;
    border-bottom: 1px solid #bc5e01;
    padding: 16px 20px 15px 0;
  }
  .btn-orange span {
    font-size: 14px;
  }
  .btn-orange:after {
    width: 17px;
    height: 17px;
    right: 10px;
  }
  .text18 {
    font-size: 13px;
    line-height: 24px;
  }
  .text16 {
    font-size: 14px;
    line-height: 24px;
  }
  .f20_sp {
    font-size: 20px;
    line-height: 22px;
  }
  .title32 {
    font-size: 24px;
  }
  .title34 {
    font-size: 24px;
  }
  .block_text1 .text18 {
    margin-bottom: 6px;
  }
  .text32 {
    font-size: 24px;
  }
  .block_speaking {
    margin-top: 5px;
  }
  .block_speaking .block_speaking-img {
    width: 130px;
  }
  .block_speaking .block_speaking-text {
    width: 55%;
    padding: 8px 11px 11px;
    margin-left: -25px;
    text-align: left;
  }
  .block_speaking .block_speaking-text p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .block_speaking .block_speaking-text span {
    font-size: 20px;
    line-height: 25px;
  }
  .block_speaking .block_speaking-text:before {
    width: 15px;
    height: 15px;
    margin-top: -8px;
    left: -12px;
  }
  .doYouKnow {
    width: 100%;
    padding: 16px 17px 12px;
    margin: 26px auto 19px;
  }
  .block_talk {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 118px;
  }
  .text24 {
    font-size: 16px;
    line-height: 22px;
  }
  .visualA {
    padding: 20px 16px 18px;
    margin-bottom: 20px;
  }
  .visualA .block_talk {
    margin-bottom: 10px;
  }
  .visualA .img {
    margin-top: 25px;
  }
  .visual4block .visual4block-item {
    margin-bottom: 25px;
    width: 50%;
    padding-right: 13px;
    margin-right: 0;
  }
  .visual4block .visual4block-item .text18 {
    font-size: 12px;
  }
  .visual4block .visual4block-item:nth-child(2n) {
    padding-right: 0;
  }
  .visual4block .visual4block-item .block_price {
    margin-bottom: 0;
    margin-top: 16px;
  }
  .visual4block .visual4block-item .block_price .title {
    font-size: 16px;
  }
  .visual4block .visual4block-item .block_price .price {
    font-size: 33px;
  }
  .visual4block .visual4block-item .block_price .price span {
    font-size: 17px;
  }
  .tableA tr td {
    font-size: 11px;
    line-height: 13px;
    height: 45px;
  }
  .tableA tr td span {
    display: block;
    font-size: 9px;
  }
  .tableA tr th {
    height: 45px;
  }
  .trial_img {
    width: 100%;
    max-width: 370px;
    padding: 0 73px;
    margin: 20px auto 0;
  }
  .trial_list {
    margin-top: 16px;
  }
  .trial_list .trial_item {
    height: auto;
    min-height: 0;
    width: 100%;
    padding: 16px 16px 11px;
    margin-right: 0;
    margin-bottom: 15px;
    position: relative;
  }
  .trial_list .trial_item:after {
    background: url("/assets2/images/skill-up-mother/arrow_white.png") no-repeat;
    content: '';
    background-size: cover;
    display: block;
    width: 86px;
    height: 14px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .trial_list .trial_item:last-child:after {
    display: none;
  }
  .trial_list .trial_item_img {
    margin: 0 0 5px;
    width: 100px;
    border-bottom: none;
    float: left;
    padding-bottom: 4px;
  }
  .trial_list .trial_item_title {
    float: right;
    width: calc(100% - 100px);
    height: 67px;
    border: none;
    padding-left: 15px;
  }
  .trial_list .trial_item_title .trial_item_title-number {
    width: 40px;
  }
  .trial_list .trial_item_title .trial_item_title-text {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
  }
  .trial_list .trial_item_text {
    border-top: 1px solid #08a6dc;
    padding-top: 5px;
    clear: both;
  }
  .ceo {
    position: relative;
    padding-top: 220px;
    height: 560px;
    margin-top: 28px;
    margin-bottom: 10px;
  }
  .ceo.is-scroll {
    height: auto;
  }
  .ceo .ceo_title {
    position: absolute;
    top: 0;
  }
  .ceo .ceo_title p {
    font-size: 20px;
    padding-bottom: 8px;
  }
  .ceo .ceo_info .ceo_info_title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-top: 10px;
  }
  .ceo .ceo_info .ceo_info_text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .ceo .ceo_img {
    position: absolute;
    top: 50px;
    z-index: 1;
    display: block;
  }
  .ceo .ceo_img figure {
    display: inline-block;
    width: 50%;
  }
  .ceo .ceo_img .ceo_signature {
    width: 48%;
    margin-top: 15px;
    display: inline-block;
  }
  .timespent .timespent-block {
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  .timespent .timespent_title {
    width: 100%;
    text-align: center;
  }
  .timespent .timespent_title-icon {
    width: 91px;
  }
  .timespent .timespent_item.item_left {
    width: 50%;
    float: left;
  }
  .timespent .timespent_item.item_left .timespent_item-icon {
    margin-left: 16px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px;
  }
  .timespent .timespent_item.item_left .timespent_item-text {
    position: initial;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: inline-block;
  }
  .timespent .timespent_item.item_right {
    width: 50%;
    float: right;
  }
  .timespent .timespent_item.item_right .timespent_item-icon {
    margin-left: 0;
    display: inline-block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-right: 8px;
    vertical-align: bottom;
  }
  .timespent .timespent_item.item_right .timespent_item-text {
    position: initial;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: inline-block;
  }
  .timespent .timespent_item.item_center .timespent_item-icon {
    margin-left: 0;
    display: inline-block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    vertical-align: middle;
    margin-right: 15px;
  }
  .timespent .timespent_item.item_center .timespent_item-text {
    position: initial;
    display: inline-block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    vertical-align: middle;
  }
  .timespent .timespent_item-icon.w46_sp {
    width: 46px;
  }
  .timespent .timespent_item-icon.w60_sp {
    width: 60px;
  }
  .timespent .timespent_item-img {
    padding: 0 16px;
    width: 100%;
  }
  .faq {
    padding-top: 22px;
  }
  .faq .faq_title {
    margin-bottom: 32px;
  }
  .faq .faq_item {
    border: 2px solid #85a7cc;
    padding: 16px;
  }
  .faq .faq_item .faq_item_q {
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
  }
  .faq .faq_item .faq_item_q:before {
    top: 2px;
  }
  .faq .faq_item .faq_item_a {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
  }
  .faq .faq_item .faq_item_a:before {
    top: 2px;
  }
  .faq .faq_item .faq_item_text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 9px;
  }
  .faq .answer_sp {
    height: 0;
    overflow: hidden;
  }
  .person_speaking {
    display: none !important;
  }
  .line_skew.left4 {
    margin-right: 25px;
  }
  .line_skew.right3 {
    margin-left: 25px;
  }
  .info_list .info_list-item-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .info_list .info_list-item-text1 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .visualPlan {
    margin: 0;
    padding-top: 30px;
  }
  .visualPlan_item {
    width: 100%;
    margin-bottom: 8px;
    padding: 0;
  }
  .visualPlan_main {
    margin-right: 17px;
  }
  .visualPlan_title {
    font-size: 14px;
    line-height: 38px;
  }
  .visualPlan_text {
    font-size: 14px;
    line-height: 32px;
    padding-top: 12px;
  }
  .visualPlan_text span {
    font-size: 18px;
  }
  .visualPlan_price {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .visualPlan_price span {
    font-size: 16px;
  }
  .visualPlan_price:after {
    height: 2px;
    bottom: -4px;
  }
  .visualPlan_circle {
    right: 50px;
    top: 50px;
    width: 67px;
    height: 67px;
    font-size: 10px;
    line-height: 16px;
    padding: 18px 0;
  }
  .visualPlan_circle span {
    font-size: 14px;
  }
}
