@charset "UTF-8";
/* width */
/* font */
/* Color */
/* Prodcut Color */
/* Background Color */
/* フォーム用カラー */
/* opacity */
/*
  Anti Bootstrap
*/
/* line 6, ../scss/_utility.scss */
.row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  margin-right: 0;
}

/* line 14, ../scss/_utility.scss */
.for_pc {
  display: block;
}

/* line 18, ../scss/_utility.scss */
.for_mobile {
  display: none;
}

/*
	イメージの基本形
	個別にmax-widthを指定することで、
*/
/* line 26, ../scss/_utility.scss */
img {
  box-sizing: content-box;
  width: 100%;
  height: auto;
}

/* line 33, ../scss/_utility.scss */
a:hover input[type="button"], a:hover img, a:hover div {
  opacity: 0.6;
}

/* line 38, ../scss/_utility.scss */
input {
  vertical-align: center;
}

/* line 42, ../scss/_utility.scss */
mark {
  /*等幅フォント指定用 */
  background-color: inherit;
  color: inherit;
  font-family: monospace;
}

/*
	フッターは横幅いっぱいに使う。
*/
/* line 52, ../scss/_utility.scss */
#footer .container {
  width: 100%;
}

/* line 56, ../scss/_utility.scss */
ul, li {
  list-style: none;
  /* リストスタイルは外す */
}

/* line 3, ../scss/_mobile_global_navi.scss */
header {
  display: block;
  border-bottom: 2px solid #009fe8;
  height: auto;
}
/* line 7, ../scss/_mobile_global_navi.scss */
header .container {
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto;
}
/* line 11, ../scss/_mobile_global_navi.scss */
header .container .boxNavi {
  display: block;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  margin-top: 10px;
}
/* line 18, ../scss/_mobile_global_navi.scss */
header .container .boxMenu {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  height: auto;
}
/* line 28, ../scss/_mobile_global_navi.scss */
header .container .boxMenu a {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: calc(18 / 480 * 100vw);
  width: 33.3%;
  height: 3.2em;
  line-height: 1.4;
  color: #545454;
  text-align: center;
  padding-top: 1px;
}
/* line 42, ../scss/_mobile_global_navi.scss */
header .container .boxMenu a:not(:first-child) {
  margin-left: 0;
}
/* line 45, ../scss/_mobile_global_navi.scss */
header .container .boxMenu a.current_position, header .container .boxMenu a:hover {
  background-color: #4dbcef;
  color: #ffffff;
  border-radius: 3px;
}
/* line 50, ../scss/_mobile_global_navi.scss */
header .container .boxMenu a:hover img {
  opacity: 1;
}

/* Footer */
/* line 4, ../scss/_mobile_footer.scss */
footer {
  color: white;
  background-color: #009fe8;
  height: 100px;
  line-height: 1.4;
  padding-bottom: 20px;
  padding-top: 20px;
}
/* line 12, ../scss/_mobile_footer.scss */
footer a:link, footer a:visited, footer a:active {
  color: #ffffff;
  font-weight: bold;
}
/* line 17, ../scss/_mobile_footer.scss */
footer .footerLink {
  margin-bottom: 15px;
  text-align: center;
}
/* line 21, ../scss/_mobile_footer.scss */
footer .copyright {
  font-size: 12px;
  text-align: center;
}

/* line 2, ../scss/_mobile_download.scss */
.linkButton {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #e74564;
  color: #ffffff;
  margin: 0 auto;
  font-size: calc(20 / 480 * 100vw);
  font-weight: normal;
  border-radius: 3px;
}
/* line 14, ../scss/_mobile_download.scss */
.linkButton:hover {
  color: #ffffff;
}
/* line 17, ../scss/_mobile_download.scss */
.linkButton.sales {
  background-color: #00b1b2;
}

/* line 22, ../scss/_mobile_download.scss */
.infoDownload {
  background-color: #666666;
  color: #ffffff;
  padding: 60px 0 80px 0;
}
/* line 26, ../scss/_mobile_download.scss */
.infoDownload .guide {
  margin-top: 40px;
  font-size: calc(20 / 480 * 100vw);
}
/* line 30, ../scss/_mobile_download.scss */
.infoDownload .app_button_left {
  margin-right: 30px;
}

/*********************************************
  お問い合わせ
*********************************************/
/* line 4, ../scss/_mobile_contact.scss */
::-webkit-input-placeholder,
::-moz-placeholder, ::-moz-placeholder, ::-ms-input-placeholder {
  font-style: italic;
  font-weight: bold;
  color: blue;
}

/* line 14, ../scss/_mobile_contact.scss */
#CONTACT h2 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: calc(24 / 480 * 100vw);
}
/* line 20, ../scss/_mobile_contact.scss */
#CONTACT form {
  width: 100%;
  text-align: left;
  margin: auto;
}
/* line 24, ../scss/_mobile_contact.scss */
#CONTACT form li {
  text-align: left;
}
/* line 27, ../scss/_mobile_contact.scss */
#CONTACT form.confirm {
  width: 100%;
}
/* line 32, ../scss/_mobile_contact.scss */
#CONTACT textarea {
  width: 100%;
  background-color: #e6e6e6;
  border: 1px solid #c0c0c0;
  padding: 1px 5px;
}
/* line 38, ../scss/_mobile_contact.scss */
#CONTACT input {
  margin-bottom: 0;
}
/* line 40, ../scss/_mobile_contact.scss */
#CONTACT input[type="radio"] {
  margin-left: 0;
  margin-right: 10px;
  text-align: left;
}
/* line 45, ../scss/_mobile_contact.scss */
#CONTACT input[type="tel"], #CONTACT input[type="email"], #CONTACT input[type="text"] {
  width: 100%;
  background-color: #e6e6e6;
  border: 1px solid #c0c0c0;
  padding: 1px 5px;
}
/* line 51, ../scss/_mobile_contact.scss */
#CONTACT input[type="button"], #CONTACT input[type="submit"] {
  display: block;
  width: 150px;
  margin: 0 auto;
}
/* line 57, ../scss/_mobile_contact.scss */
#CONTACT .form_box {
  margin-bottom: 30px;
}
/* line 61, ../scss/_mobile_contact.scss */
#CONTACT form ul {
  padding-left: 20px;
}
/* line 64, ../scss/_mobile_contact.scss */
#CONTACT form li {
  list-style: none;
  font-weight: normal;
}
/* line 70, ../scss/_mobile_contact.scss */
#CONTACT table {
  width: 95%;
  margin: 0 auto 30px auto;
}
/* line 73, ../scss/_mobile_contact.scss */
#CONTACT table tr {
  height: 32px;
}
/* line 75, ../scss/_mobile_contact.scss */
#CONTACT table tr:nth-child(odd) {
  background-color: white;
}
/* line 78, ../scss/_mobile_contact.scss */
#CONTACT table tr:nth-child(even) {
  background-color: #e6e6e6;
}
/* line 82, ../scss/_mobile_contact.scss */
#CONTACT table th {
  font-size: 16px;
  font-weight: normal;
  padding: 0;
}
/* line 87, ../scss/_mobile_contact.scss */
#CONTACT table td {
  font-size: 14px;
  padding: 5px 10px;
  vertical-align: top;
}

/*********************************************
  デスクトップ / モバイル制御用
*********************************************/
/* line 13, ../scss/main_mobile.scss */
.for_pc {
  display: none;
}

/* line 17, ../scss/main_mobile.scss */
.for_mobile {
  display: block;
}

/*********************************************
 ページトップへ戻るボタン
*********************************************/
/* line 24, ../scss/main_mobile.scss */
#page-top {
  display: none;
}

/* line 28, ../scss/main_mobile.scss */
#page-top a {
  display: none;
}

/*********************************************
  基本定義
*********************************************/
/* line 38, ../scss/main_mobile.scss */
h3 {
  font-size: calc(28 / 480 * 100vw);
}

/* line 42, ../scss/main_mobile.scss */
.index {
  font-size: calc(28 / 480 * 100vw);
}

/*********************************************
  共通
*********************************************/
/* line 49, ../scss/main_mobile.scss */
ul.notice {
  font-size: calc(16 / 480 * 100vw);
  list-style-type: none;
  margin-left: 0;
  padding-left: 1em;
}
/* line 55, ../scss/main_mobile.scss */
ul.notice li:before {
  content: '※';
  margin-left: -1em;
}
/* line 59, ../scss/main_mobile.scss */
ul.notice.bottom {
  margin-top: 20px;
  margin-left: 0;
}

/* line 65, ../scss/main_mobile.scss */
.bold {
  font-weight: bold;
}

/* line 69, ../scss/main_mobile.scss */
.prodcut_name {
  font-size: calc(32 / 480 * 100vw);
  line-height: calc(32 / 480 * 100vw);
  height: calc(32 / 480 * 100vw);
  font-weight: bold;
  color: #00b1b2;
}

/* line 77, ../scss/main_mobile.scss */
.boxLeft {
  display: block;
  text-align: center;
  margin-bottom: 45px;
  padding: 0 15px !important;
}

/* line 84, ../scss/main_mobile.scss */
.boxRight {
  display: block;
  text-align: center;
  padding: 0 15px !important;
}

/* line 90, ../scss/main_mobile.scss */
.inner {
  margin: 0 auto;
}

/*********************************************
  トップページ
*********************************************/
/* line 98, ../scss/main_mobile.scss */
#MAIN_VISUAL {
  width: 100%;
  margin: 0 auto;
}

/* line 103, ../scss/main_mobile.scss */
#BOTTOM_LINK {
  width: calc(1200px + 30px);
  margin: 60px auto 0 auto;
}

/* line 108, ../scss/main_mobile.scss */
#TOP {
  margin: 0 auto;
}
/* line 109, ../scss/main_mobile.scss */
#TOP .boxMainVisual {
  padding-left: 0;
  padding-right: 0;
}
/* line 114, ../scss/main_mobile.scss */
#TOP .boxIntroduction {
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 55px;
}
/* line 118, ../scss/main_mobile.scss */
#TOP .boxIntroduction .inner {
  width: 100%;
}
/* line 120, ../scss/main_mobile.scss */
#TOP .boxIntroduction .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 125, ../scss/main_mobile.scss */
#TOP .boxIntroduction h2 {
  font-size: calc(32 / 480 * 100vw);
  color: #00b1b2;
  height: auto;
  line-height: 1.4;
}
/* line 131, ../scss/main_mobile.scss */
#TOP .boxIntroduction .description {
  margin-top: 5px;
  font-size: calc(20 / 480 * 100vw);
  text-align: justify;
}
/* line 137, ../scss/main_mobile.scss */
#TOP .boxMovie {
  background-color: #009fe8;
  padding: 45px 0 60px 0;
}
/* line 140, ../scss/main_mobile.scss */
#TOP .boxMovie h2 {
  width: 100%;
  font-size: calc(34 / 480 * 100vw);
  color: #ffffff;
  height: auto;
  line-height: 1.4;
}
/* line 147, ../scss/main_mobile.scss */
#TOP .boxMovie .inner {
  width: calc(960px + 30px);
}
/* line 150, ../scss/main_mobile.scss */
#TOP .boxMovie .boxMovieInner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
/* line 154, ../scss/main_mobile.scss */
#TOP .boxMovie .boxMovieInner iframe {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 100% !important;
  height: 104% !important;
  box-sizing: border-box;
}
/* line 164, ../scss/main_mobile.scss */
#TOP .boxOperation {
  background-color: #f1f1f1;
  padding: 80px 0 40px 0;
}
/* line 167, ../scss/main_mobile.scss */
#TOP .boxOperation h2 {
  font-size: calc(36 / 480 * 100vw);
  color: #00b1b2;
  height: auto;
  margin-bottom: 15px;
  line-height: 1.4;
}
/* line 174, ../scss/main_mobile.scss */
#TOP .boxOperation .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 45px;
}
/* line 181, ../scss/main_mobile.scss */
#TOP .boxOperation .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 187, ../scss/main_mobile.scss */
#TOP .boxInformation {
  background-color: #cde7ea;
  padding: 45px 0;
  font-size: 18px;
  line-height: 1.4;
}
/* line 192, ../scss/main_mobile.scss */
#TOP .boxInformation .inner {
  width: 100%;
}
/* line 194, ../scss/main_mobile.scss */
#TOP .boxInformation .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 199, ../scss/main_mobile.scss */
#TOP .boxInformation .item_number {
  font-size: calc(24 / 480 * 100vw);
  line-height: calc(24 / 480 * 100vw);
  height: calc(24 / 480 * 100vw);
  margin-bottom: 5px;
}
/* line 205, ../scss/main_mobile.scss */
#TOP .boxInformation .prodcut_name {
  font-size: calc(32 / 480 * 100vw);
  line-height: calc(32 / 480 * 100vw);
  height: calc(32 / 480 * 100vw);
  margin-bottom: 10px;
}
/* line 211, ../scss/main_mobile.scss */
#TOP .boxInformation .linkButton {
  width: 100%;
  margin-bottom: 15px;
}
/* line 215, ../scss/main_mobile.scss */
#TOP .boxInformation .set_title {
  font-weight: bold;
}
/* line 218, ../scss/main_mobile.scss */
#TOP .boxInformation .set_content {
  display: inline-block;
  line-height: 1.6;
  padding-left: 0;
  margin-bottom: 20px;
}
/* line 223, ../scss/main_mobile.scss */
#TOP .boxInformation .set_content li {
  display: inline-block;
  margin-left: 0;
  float: left;
}
/* line 227, ../scss/main_mobile.scss */
#TOP .boxInformation .set_content li:not(:last-child):after {
  content: "/";
}
/* line 232, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_title {
  font-size: calc(16 / 480 * 100vw);
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 237, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table {
  width: 100%;
  margin-top: 15px;
}
/* line 240, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table > div {
  padding: 0;
}
/* line 243, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table .inner_spec {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
/* line 248, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table .inner_spec .spec_table1, #TOP .boxInformation .spec_table .inner_spec .spec_table2 {
  width: 100%;
}
/* line 250, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table .inner_spec .spec_table1 th, #TOP .boxInformation .spec_table .inner_spec .spec_table2 th {
  width: 30%;
}
/* line 253, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table .inner_spec .spec_table1 td, #TOP .boxInformation .spec_table .inner_spec .spec_table2 td {
  padding-right: 0;
}
/* line 258, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table .inner_spec .spec_table3 td {
  width: 100%;
}
/* line 263, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table th, #TOP .boxInformation .spec_table td {
  font-weight: normal;
  font-size: calc(14 / 480 * 100vw);
  line-height: 1.6;
}
/* line 268, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table ol {
  padding-left: 15px;
}
/* line 270, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table ol li {
  list-style-type: decimal;
}
/* line 275, ../scss/main_mobile.scss */
#TOP .boxInformation .spec_table ul li {
  font-size: calc(14 / 480 * 100vw);
}
/* line 281, ../scss/main_mobile.scss */
#TOP .boxAward {
  background-color: transparent;
  padding: 40px 0;
}
/* line 284, ../scss/main_mobile.scss */
#TOP .boxAward .inner {
  width: 100%;
}
/* line 286, ../scss/main_mobile.scss */
#TOP .boxAward .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 290, ../scss/main_mobile.scss */
#TOP .boxAward .inner .flexAward {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
/* line 295, ../scss/main_mobile.scss */
#TOP .boxAward .inner .flexAward .award {
  padding-left: 0;
  font-weight: bold;
  line-height: 1.2;
  margin: auto 0;
  width: 100%;
}
/* line 301, ../scss/main_mobile.scss */
#TOP .boxAward .inner .flexAward .award .main {
  font-size: calc(30 / 480 * 100vw);
  color: #0068b6;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 5px;
}
/* line 308, ../scss/main_mobile.scss */
#TOP .boxAward .inner .flexAward .award .sub {
  font-size: calc(22 / 480 * 100vw);
  color: #0068b6;
  text-align: center;
}
/* line 313, ../scss/main_mobile.scss */
#TOP .boxAward .inner .flexAward .award .description {
  font-weight: normal;
  line-height: 1.6;
  margin-top: 10px;
}
/* line 322, ../scss/main_mobile.scss */
#TOP .boxDeveloper {
  background-color: #f1f1f1;
  padding: 60px 0;
}
/* line 325, ../scss/main_mobile.scss */
#TOP .boxDeveloper h2 {
  font-size: calc(36 / 600 * 100vw);
  color: #00b1b2;
  height: auto;
  margin-bottom: 20px;
}
/* line 331, ../scss/main_mobile.scss */
#TOP .boxDeveloper .inner {
  width: 100%;
}
/* line 333, ../scss/main_mobile.scss */
#TOP .boxDeveloper .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 337, ../scss/main_mobile.scss */
#TOP .boxDeveloper .inner .boxCorporateLogo {
  text-align: center;
}
/* line 340, ../scss/main_mobile.scss */
#TOP .boxDeveloper .inner .description {
  margin-top: 10px;
}
/* line 343, ../scss/main_mobile.scss */
#TOP .boxDeveloper .inner a {
  color: #0000ff;
  text-decoration: underline;
}

/*********************************************
  アプリダウンロード
*********************************************/
/* line 355, ../scss/main_mobile.scss */
#DOWNLOAD h2 {
  margin-top: 40px;
  margin-bottom: 10px;
  width: 100%;
}
/* line 360, ../scss/main_mobile.scss */
#DOWNLOAD h3 {
  font-size: calc(34 / 480 * 100vw);
  font-weight: bold;
  color: #00b1b2;
  width: 100%;
  margin-top: 30px;
}
/* line 366, ../scss/main_mobile.scss */
#DOWNLOAD h3.second {
  line-height: 1.4;
  margin-top: 60px;
  margin-bottom: 15px;
  font-size: calc(32 / 480 * 100vw);
}
/* line 373, ../scss/main_mobile.scss */
#DOWNLOAD .desciption {
  font-size: calc(20 / 480 * 100vw);
  margin-top: 5px;
  margin-bottom: 20px;
  width: 100%;
}
/* line 379, ../scss/main_mobile.scss */
#DOWNLOAD .boxDescription {
  margin-bottom: 45px;
}
/* line 381, ../scss/main_mobile.scss */
#DOWNLOAD .boxDescription .inner {
  width: 100%;
}
/* line 383, ../scss/main_mobile.scss */
#DOWNLOAD .boxDescription .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 389, ../scss/main_mobile.scss */
#DOWNLOAD .panelDownload {
  background-color: #f1f1f1;
  padding-top: 35px;
  padding-bottom: 45px;
}
/* line 394, ../scss/main_mobile.scss */
#DOWNLOAD .boxDownload {
  width: 100%;
  margin: 0 auto;
}
/* line 397, ../scss/main_mobile.scss */
#DOWNLOAD .boxDownload > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 402, ../scss/main_mobile.scss */
#DOWNLOAD .environment {
  font-size: calc(18 / 480 * 100vw);
  margin-top: 20px;
  text-align: center;
}
/* line 406, ../scss/main_mobile.scss */
#DOWNLOAD .environment .description {
  margin-top: 5px;
}
/* line 409, ../scss/main_mobile.scss */
#DOWNLOAD .environment .notice {
  text-align: left;
}

/*********************************************
  教育機関の方へ
*********************************************/
/* line 420, ../scss/main_mobile.scss */
#EDUCATION .inner {
  width: 100%;
}
/* line 422, ../scss/main_mobile.scss */
#EDUCATION .inner > div {
  padding-left: 0;
  padding-right: 0;
}
/* line 427, ../scss/main_mobile.scss */
#EDUCATION h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  width: 100%;
}
/* line 432, ../scss/main_mobile.scss */
#EDUCATION .description {
  font-size: calc(20 / 480 * 100vw);
  margin-bottom: 0;
  width: 100%;
}
/* line 437, ../scss/main_mobile.scss */
#EDUCATION .appeal {
  font-size: calc(30 / 480 * 100vw);
  font-weight: bold;
  line-height: 1.2;
  margin-top: 15px;
  margin-bottom: 30px;
  width: 100%;
}
/* line 445, ../scss/main_mobile.scss */
#EDUCATION h3 {
  font-size: calc(24 / 480 * 100vw);
  font-weight: bold;
  color: #00b1b2;
  margin-bottom: 20px;
}
/* line 450, ../scss/main_mobile.scss */
#EDUCATION h3.second {
  color: #e74564;
  margin-bottom: 20px;
}
/* line 455, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet {
  padding: 0 0 40px 0;
  font-size: calc(18 / 480 * 100vw);
}
/* line 458, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet .inner {
  width: 100%;
}
/* line 461, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet .content_title {
  font-size: calc(24 / 480 * 100vw);
  font-weight: bold;
  line-height: calc(24 / 480 * 100vw);
  height: calc(24 / 480 * 100vw);
  margin-top: 30px;
}
/* line 467, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet .content_title.type1 {
  color: #009fe8;
}
/* line 470, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet .content_title.type2 {
  color: #00b1b2;
}
/* line 473, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet .content_title.type3 {
  color: #b86ea9;
}
/* line 476, ../scss/main_mobile.scss */
#EDUCATION .boxEducationSet .content_title.type4 {
  color: #e74564;
  margin-top: 30px;
}
/* line 482, ../scss/main_mobile.scss */
#EDUCATION .boxFeature {
  background-color: #f1f1f1;
  margin: 0 auto;
  padding: 45px 0;
}
/* line 486, ../scss/main_mobile.scss */
#EDUCATION .boxFeature .inner {
  margin: 0 auto;
  width: 100%;
}
/* line 490, ../scss/main_mobile.scss */
#EDUCATION .boxFeature h4 {
  font-size: calc(24 / 480 * 100vw);
  color: #ffffff;
  background-color: #49bbbc;
  width: 100%;
  height: auto;
  line-height: 1.2;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 10px 0;
}
/* line 500, ../scss/main_mobile.scss */
#EDUCATION .boxFeature h4 .sub {
  font-size: calc(18 / 480 * 100vw);
}
/* line 503, ../scss/main_mobile.scss */
#EDUCATION .boxFeature h4.second {
  background-color: #b86ea9;
  margin-top: 50px;
}
/* line 509, ../scss/main_mobile.scss */
#EDUCATION .boxInformation {
  background-color: #cde7ea;
  padding: 30px 0;
}
/* line 512, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner {
  width: 100%;
  font-size: calc(18 / 480 * 100vw);
}
/* line 515, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .prodcut_name {
  margin-bottom: 10px;
  font-size: calc(32 / 480 * 100vw);
  text-align: center;
}
/* line 520, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .set_title {
  font-weight: bold;
}
/* line 524, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .set_content {
  display: inline-block;
  line-height: 1.6;
  padding-left: 0;
}
/* line 528, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .set_content li {
  display: inline-block;
  margin-left: 0;
  float: left;
}
/* line 532, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .set_content li:not(:last-child):after {
  content: "/";
}
/* line 537, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .notice {
  line-height: 1.6;
}
/* line 539, ../scss/main_mobile.scss */
#EDUCATION .boxInformation .inner .notice li {
  font-weight: bold;
}