body {
  color: #353535;
}

@media screen and (min-width: 766px) {
  .u-pc-d-none {
    display: none;
  }
}

@media screen and (max-width: 765px) {
  .u-sp-d-none {
    display: none;
  }
}

body.color02 #header {
  padding: 12px;
  background-color: #fff;
  box-shadow: o 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (min-width: 766px) {
  body.color02 #header {
    padding: 15px 50px;
  }
}

@media screen and (max-width: 765px) {
  body.color02 #header {
    height: 60px;
  }
}

body.color02 #header #logo {
  float: none;
  width: 95px;
  height: auto !important;
  line-height: 1.2;
}

@media screen and (min-width: 766px) {
  body.color02 #header #logo {
    width: 170px;
  }
}

body.color02 #header #header-right {
  float: none;
}

body.color02 #header #header-gnav-area {
  float: none;
}

body.color02 #header #gnav {
  background: none;
}

body.color02 #header #gnav ul li a {
  background: none;
  font-size: 16px;
  color: #353535;
}

@media screen and (max-width: 765px) {
  body.color02 #header #header-nav-btn {
    width: 32px;
    margin: 0;
  }
}

body.color02 #header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.color02 #header .header-inner a {
  background: none;
  color: #005990;
}

body.color02 #gnav-sp {
  top: 60px !important;
}

body.home.color02 #main_visual {
  width: 100%;
  height: calc(680 / 1366 * 100vw) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(./img/kv.jpg) !important;
}

@media screen and (max-width: 765px) {
  body.home.color02 #main_visual {
    height: calc(668 / 375 * 100vw) !important;
    background-image: url(./img/kv_sp.jpg) !important;
  }
}

body.home.color02 #content {
  padding-top: 0;
}

body.home.color02 .front-main-cont .front-cont-header {
  max-width: 1000px;
  margin: 50px auto;
  padding: 0;
  background: none !important;
}

@media screen and (min-width: 766px) {
  body.home.color02 .front-main-cont .front-cont-header {
    margin: 90px auto 70px;
  }
}

body.home.color02 .front-main-cont .front-cont-header .cont-title {
  padding: 16px;
  position: relative;
  z-index: 1;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.1;
}

@media screen and (min-width: 766px) {
  body.home.color02 .front-main-cont .front-cont-header .cont-title {
    padding: 19px 16px 17px;
    font-size: 54px;
  }
}

body.home.color02 .front-main-cont .front-cont-header .cont-title::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #64b0d7;
  background: linear-gradient(90deg, #64b0d7 0%, #005990 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64b0d7",endColorstr="#005990",GradientType=1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 766px) {
  body.home.color02 .front-main-cont .front-cont-header .cont-title::before {
    transform: skewX(-30deg);
  }
}

body.home.color02 .front-main-cont .front-cont-header .cont-ruby {
  margin-top: 20px;
  color: #353535;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (min-width: 766px) {
  body.home.color02 .front-main-cont .front-cont-header .cont-ruby {
    margin-top: 40px;
    font-size: 30px;
  }
}

body.home.color02 #front-recommend .front-recommend-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
}

body.home.color02 #front-recommend .front-recommend-col {
  margin-left: 10px;
  width: calc(100% / 2 - 10px);
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-recommend .front-recommend-col {
    width: calc(100% / 4 - 10px);
  }
}

body.home.color02 #front-recommend .front-recommend-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 55px;
  margin: 0 auto 14px;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-recommend .front-recommend-icon {
    width: 88px;
    height: 102px;
    margin-bottom: 20px;
  }
}

body.home.color02 #front-recommend .front-recommend-text {
  text-align: center;
  font-size: 12px;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-recommend .front-recommend-text {
    font-size: 18px;
  }
}

body.home.color02 #front-recommend .front-recommend-text b {
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-recommend .front-recommend-text b {
    font-size: 21px;
  }
}

body.home.color02 #front-worries .category_title.main_title.front-cont-header {
  margin-bottom: 0;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-worries .category_title.main_title.front-cont-header {
    margin-bottom: -50px;
  }
}

body.home.color02 #front-worries .front-worries-inner {
  padding: 40px 12px 30px;
  background-color: #F7F7F7;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-worries .front-worries-inner {
    padding: 120px 10px 30px;
  }
}

body.home.color02 #front-worries .front-worries-img {
  margin: 0 auto;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-worries .front-worries-img {
    max-width: 978px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-feature .front-feature-inner {
    display: flex;
    justify-content: space-between;
    max-width: 1058px;
    margin: 0 auto;
  }
}

body.home.color02 #front-feature .front-feature-col {
  width: 262px;
  margin: 0 auto;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-feature .front-feature-col {
    width: 314px;
    margin: 0;
  }
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-feature .front-feature-col:not(:last-child) {
    margin-bottom: 38px;
  }
}

body.home.color02 #front-service {
  border: none !important;
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-service {
    padding-bottom: 0 !important;
  }
}

body.home.color02 #front-service .c_box {
  padding-top: 0 !important;
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-service .c_box .c_title h3 {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-contents {
    background: #F7F7F7;
  }
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contents .category_title.main_title.front-cont-header {
    margin-bottom: -150px;
  }
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contents .front-contents-inner {
    padding-top: 230px;
    background: #F7F7F7;
  }
}

body.home.color02 #front-contents ul.instructor li {
  list-style-type: disc;
}

body.home.color02 #front-contents .c_box {
  background: none !important;
  border: none !important;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contents .c_box:not(:first-of-type) {
    margin-top: 100px;
  }
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contents .c_box_inner {
    display: grid;
    justify-content: space-between;
    width: 100%;
    float: none !important;
  }
}

@media screen and (min-width: 992px) {
  body.home.color02 #front-contents .c_box.c_box_left .c_img_box {
    grid-column: 2 / 3;
    margin-left: 20px;
  }
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-contents .c_box.c_box_left .c_img_box {
    background-image: url(./img/kinoshita_sp.jpg) !important;
  }
}

@media screen and (min-width: 992px) {
  body.home.color02 #front-contents .c_box.c_box_right .c_title,
  body.home.color02 #front-contents .c_box.c_box_right .c_text {
    grid-column: 2 / 3;
  }
}

@media screen and (min-width: 992px) {
  body.home.color02 #front-contents .c_box.c_box_right .c_img_box {
    grid-column: 1 / 2;
    margin-right: 20px;
  }
}

@media screen and (max-width: 991px) {
  body.home.color02 #front-contents .c_box.c_box_right .c_img_box {
    background-image: url(./img/kimura_sp.jpg) !important;
  }
}

body.home.color02 #front-contents .c_box .c_img_box {
  background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
  body.home.color02 #front-contents .c_box .c_img_box {
    grid-row: 1 / 3;
    width: 443px !important;
    height: 512px !important;
    position: static;
  }
}

@media screen and (max-width: 991px) {
  body.home.color02 #front-contents .c_box .c_img_box {
    height: calc(287 / 375 * 100vw) !important;
  }
}

body.home.color02 #front-contents .c_title h3 {
  color: #353535;
  font-weight: bold;
  font-size: 24px;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contents .c_title h3 {
    font-size: 50px;
  }
}

body.home.color02 #front-contents .c_title .c_english {
  font-size: 16px;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contents .c_title .c_english {
    font-size: 24px;
  }
}

body.home.color02 #front-contents .c_text p {
  margin-bottom: 0 !important;
}

body.home.color02 #front-contact {
  padding-top: 50px;
  padding-bottom: 60px;
  background: #64b0d7;
  background: linear-gradient(90deg, #64b0d7 0%, #005990 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64b0d7",endColorstr="#005990",GradientType=1);
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact {
    padding-top: 70px;
    padding-bottom: 150px;
  }
}

body.home.color02 #front-contact .category_title.main_title.front-cont-header {
  margin: 0 auto !important;
}

body.home.color02 #front-contact .category_title.main_title.front-cont-header .cont-title::before {
  content: none;
}

body.home.color02 #front-contact .c_box_inner {
  max-width: 700px;
  padding: 58px 12px 30px;
  background-color: #ffffff;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner {
    padding: 50px 80px 27px;
  }
}

body.home.color02 #front-contact .c_box_inner p {
  color: #353535;
}

body.home.color02 #front-contact .c_box_inner h3 {
  margin-top: 40px;
  margin-bottom: 1em;
  color: #12263B;
  font-size: 22px;
  text-align: center;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner h3 {
    margin-top: 50px;
    font-size: 18px;
  }
}

body.home.color02 #front-contact .c_box_inner .checkbox-wrap {
  margin: 28px auto 18px;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner .checkbox-wrap {
    margin: 20px auto;
  }
}

body.home.color02 #front-contact .c_box_inner .haveto,
body.home.color02 #front-contact .c_box_inner .any {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 3px;
  font-size: 14px;
  font-weight: normal;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner .haveto,
  body.home.color02 #front-contact .c_box_inner .any {
    font-size: 12px;
  }
}

body.home.color02 #front-contact .c_box_inner .haveto {
  background-color: #D01F1F;
  color: #ffffff;
}

body.home.color02 #front-contact .c_box_inner .any {
  background-color: #EDEDED;
}

body.home.color02 #front-contact .c_box_inner .table-wrap.table-grad {
  white-space: normal;
}

body.home.color02 #front-contact .c_box_inner .table-wrap.table-grad::after {
  content: none;
}

body.home.color02 #front-contact .c_box_inner input[type=text],
body.home.color02 #front-contact .c_box_inner input[type=email],
body.home.color02 #front-contact .c_box_inner input[type=password] {
  width: 100%;
  padding: 16px 12px;
  border-radius: 0;
  border: 1px solid #C7C7C7;
  font-size: 16px;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner input[type=text],
  body.home.color02 #front-contact .c_box_inner input[type=email],
  body.home.color02 #front-contact .c_box_inner input[type=password] {
    padding: 12px;
    font-size: 14px;
  }
}

body.home.color02 #front-contact .c_box_inner input[type=text].is-entered,
body.home.color02 #front-contact .c_box_inner input[type=email].is-entered,
body.home.color02 #front-contact .c_box_inner input[type=password].is-entered {
  border: 1px solid #005990;
}

body.home.color02 #front-contact .c_box_inner #formbtn button {
  width: 100%;
  margin: 0 auto;
  padding: 18px 0;
  border-radius: 0;
  background-color: #E88716;
  text-align: center;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner #formbtn button {
    width: 209px;
  }
}

body.home.color02 #front-contact .c_box_inner #formbtn button.is-disabled {
  background-color: #E9E9E9;
  color: #ffffff;
  pointer-events: none;
}

body.home.color02 #front-contact .c_box_inner #formbtn .hidden {
  display: none;
}

body.home.color02 #front-contact .c_box_inner table {
  border: none;
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-contact .c_box_inner table {
    display: block;
    white-space: normal;
  }
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-contact .c_box_inner table tr {
    display: block;
  }
}

body.home.color02 #front-contact .c_box_inner table th, body.home.color02 #front-contact .c_box_inner table td {
  padding: 0;
  padding-bottom: 10px;
  border: none;
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-contact .c_box_inner table th, body.home.color02 #front-contact .c_box_inner table td {
    display: block;
  }
}

body.home.color02 #front-contact .c_box_inner table th {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (min-width: 766px) {
  body.home.color02 #front-contact .c_box_inner table th {
    width: 200px;
    margin-right: 18px;
    font-size: 16px;
  }
}

body.home.color02 #front-company .c_box {
  min-height: 0 !important;
  border: none !important;
}

@media screen and (max-width: 765px) {
  body.home.color02 #front-company .c_box_inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}