@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*===========================PC====================================== */

/*----------4月22日追記分----------*/
.extra {
  background: #fff;
  position: relative;
  z-index: 2;
}
.swiper-wrapper {
  margin-bottom: 0px !important;
}
.ex_title {
  text-align: center;
}
.ex_title div {
  font-size: 1.4em;
  color: #fff;
  background: #ff1818;
  display: inline-block;
  padding: 3px 25px;
}
.ex_cont {
  width: 70%;
}
@media screen and (max-width: 640px) {
  .ex_title {
    width: 70%;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 468px) {
  .ex_title div {
    font-size: 1.2em;
    padding: 3px 15px;
  }
  .ex_title {
    width: 94%;
    margin: 0 auto !important;
  }
  .ex_cont {
    width: 94%;
  }
}
/*----------4月22日追記分----------*/

/* header */
.header_container .col_01 {
  width: 159px;
}
.wrap_drawer {
  display: none;
}
/* footer */
.index_contents #global_footer {
  margin-top: 60px;
}
#global_footer {
  clip-path: none;
}
.footer_container .logo-min img {
  max-width: 159px;
}
#copyright {
  padding-bottom: 10px;
}

/* title */
.ttl_65per {
  width: 65% !important;
}
.ttl_50per {
  width: 50% !important;
}
.ttl_45per {
  width: 45% !important;
}
.ttl_40per {
  width: 40% !important;
}
.ttl_35per {
  width: 35% !important;
}
.ttl_30per {
  width: 30% !important;
}
.ttl_20per {
  width: 20% !important;
}
.ttl_13per {
  width: 13.5% !important;
  min-width: 180px;
}

.max218 a {
  max-width: 218px;
}
.max218 a .more1 {
  display: inline-block;
  max-width: 218px;
}
.max218 a .more1 img {
  width: 97%;
}
.max218 > br {
  display: none;
}
.ttl_txt01 h2 {
  font-size: 34px;
  font-weight: bold;
  color: #000;
}

.titlesize4 {
  width: 20%;
}

/* table */
.tbl_st01 td {
  padding: 20px !important;
}

/* index.html */
.pd_t6per {
  padding-top: 6% !important;
}
.cont02_methodimg.h2 img {
  max-width: 70px;
}
.cont03_container {
  height: 550px;
}
.cont03_container .cont03_boxl {
  z-index: 1;
}
.cont03_container .cont03_boxr {
  top: 50px;
  padding: 7.9% 5%;
}
.cont06_title {
  text-align: center;
  padding: 10px 0 40px 0;
}
.cont04_box {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 70px;
  overflow-y: auto;
  overflow-x: auto;
  padding-bottom: 0;
}
.cont04_box dl {
  display: flex !important;
  align-items: center;
}
.cont04_box dt,
.cont04_box dd {
  border: none !important;
}
.cont04_box dt {
  max-width: 168px;
}
.slider .slick-prev,
.slider .slick-arrow {
  display: none !important;
}
.achieve_voice_box2 .box {
  width: 30%;
  margin-bottom: 20px;
  color: #333;
}
.achieve_voice_box2 .box h3 {
  margin: 10px auto;
  font-size: 20px;
  text-align: center;
}

/* message.html */
.profile {
  height: auto;
  background-image: url(../images/contents/message/messageBg_pc.jpg);
  margin-bottom: 0px !important;
}
.profile .inner {
  position: relative;
  padding: 20.8% 0;
}
.profile .text {
  text-align: left;
  width: 560px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* common */
.link01 a {
  color: #333 !important;
  text-decoration: underline;
}
.flex_strt {
  justify-content: flex-start;
}
.flex_strt .achieve_voice {
  margin-right: 5%;
}
.flex_strt .achieve_voice:nth-of-type(3n) {
  margin-right: 0;
}
.br10 img {
  border-radius: 10px;
}
.banner2 {
  padding: 50px 0;
}
#contents_wrap {
  width: 100%;
  min-width: 100%;
}

.bt_confirm {
  background: #eee;
  width: auto;
  text-indent: 0;
}

.bt_back {
  background: #eee;
  width: auto;
  text-indent: 0;
}

.achieve_voice_img.fancybox a{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.achieve_voice_img.fancybox a:before{
  content: "タップで画像拡大";
  width: 100%;
  height: 100%;
  background: rgba(3,3,3,.5);
  color: #fff;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}


@media screen and (max-width: 1660px) {
  /* index.html */
  .cont03_container {
    height: 29.5vw;
  }
}
@media screen and (max-width: 1500px) {
  /* index.html */
  .cont03_container {
    height: 28.5vw;
  }
}
@media screen and (max-width: 1300px) {
  /* index.html */
  .cont03_container {
    height: 29.5vw;
  }
  .cont03_container .cont03_boxr {
    top: 85px;
    padding: 6% 9%;
  }
}
@media screen and (max-width: 1100px) {
  /* index.html */
  .cont03_container {
    height: 34.5vw;
  }
  .cont01_bg {
    margin-left: calc(((100vw - 100%) / 2) * -1) !important;
    margin-right: calc(((100vw - 100%) / 2) * -1) !important;
  }
}
@media screen and (max-width: 970px) {
  /* index.html */
  .cont03_container {
    height: 38vw;
  }
}
@media screen and (max-width: 850px) {
  /* index.html */
  .cont03_container {
    height: 42vw;
  }
}
@media screen and (max-width: 780px) {
  /* index.html */
  .cont03_container {
    height: 52vw;
  }
  .tsuika2 {
    margin-top: 30px !important;
  }
}

/*===========================tab====================================== */
@media screen and (min-width: 469px) and (max-width: 768px) {
  /* header */
  .col_02 {
    display: none;
  }
  .col_02.wrap_drawer {
    display: block;
  }
  .header_container .col_02.wrap_drawer a {
    display: block;
    font-size: 1em !important;
  }
  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  }
  .drawer-menu li {
    padding: 3% 0;
  }

  /* footer */
  #global_footer {
    clip-path: none;
  }
  #footer {
    padding: 30px 0;
  }
  #footer .inner .footer_container .col_01 {
    padding-bottom: 0;
  }

  /* index.html */
  .cont01_container.inner {
    max-width: 768px;
    margin-top: -30px;
  }
  .cont01_box2.inner {
    max-width: 768px;
  }
  .cont03_container {
    height: auto;
  }
  .cont04_title {
    padding-top: 0 !important;
  }
  .cont04_box {
    width: auto;
    padding: 0 10px;
  }
  .cont04_box dt {
    min-width: 100px;
  }
  .cont04_item td .red {
    display: block;
    width: 80px;
    text-align: center;
  }
  .cont04_item td:nth-of-type(2) {
    padding-left: 20px !important;
  }
  .tab_blk {
    overflow: inherit;
  }

  /* message.html */
  .profile {
    margin-bottom: 0 !important;
  }
  .profile .text {
    text-align: left;
    width: 370px;
  }

  /* achievements.html */
  .flex_strt .achieve_voice {
    margin-right: 4%;
  }
  .flex_strt .achieve_voice:nth-of-type(3n) {
    margin-right: 4%;
  }
  .flex_strt .achieve_voice:nth-of-type(even) {
    margin-right: 0;
  }

  /* method.html */

  /* common */
  #contents_wrap {
    overflow: hidden;
  }
  .tab_w100 div {
    width: 100%;
  }
  .cont01_bg .cont01_box table {
    width: 85% !important;
  }

  .achieve_voice_box2 {
    width: 100%;
    margin: 0 auto;
  }

  .inner {
    width: 100% !important;
    margin: 0 auto;
  }

  /*.cont01_bg {
    margin-top: 60px;
  }*/
  .ttl_13per {
    width: 26.5% !important;
    min-width: 180px;
  }
  .ttl_65per {
    width: 35% !important;
  }
  .ttl_45per {
    width: 40% !important;
  }
}
/*===========================tab END====================================== */
/*===========================sp====================================== */
@media only screen and (max-width: 468px) {
  .cont01_bg .cont01_box table,
  .cont01_bg .cont01_box2 table {
    width: 100% !important;
  }
  .cont01_bg .tsuika01 table {
    width: 70% !important;
  }

  /* title */
  .ttl_50per {
    width: 90% !important;
  }
  .ttl_txt01 h2 {
    font-size: 22px;
  }

  /* header */
  #header {
    position: relative;
  }
  .header_container {
    height: auto;
  }
  .header_container .col_01 {
    width: 23%;
    min-width: 110px;
    position: absolute;
    top: -50px;
    left: 10px;
    margin-top: 0;
    text-align: left;
  }
  .header_container .col_01 .logo-min img {
    width: 100%;
  }
  .col_02 {
    display: none;
  }
  .col_02.wrap_drawer {
    display: block;
  }
  .header_container .col_02.wrap_drawer a {
    display: block;
    font-size: 1em !important;
  }
  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  }
  .drawer-menu li {
    padding: 3% 0;
  }
  #mainArea {
    margin-top: 0;
  }

  /* footer */
  .index_contents #global_footer {
    margin-top: 15% !important;
  }
  #global_footer {
    clip-path: none;
  }
  #footer {
    padding: 30px 0 0 0;
  }
  #footer .inner .footer_container .col_01 {
    padding-bottom: 0;
  }
  .footer_container .logo-min img {
    max-width: 110px;
  }

  /* index.html */
  .pd_t6per {
    padding-top: 12% !important;
  }
  .cont03_container {
    height: auto;
    margin-bottom: 100px;
  }
  .cont04_box {
    width: auto;
  }
  .cont04_title {
    padding-top: 0 !important;
  }
  .cont04_box {
    padding: 0 10px;
  }
  .cont04_box dl {
    display: block !important;
  }
  .cont04_box dt {
    min-width: 100px;
  }
  .cont04_box dd {
    width: 100% !important;
  }
  .inner.achieve_voice_box2.cont01_box {
    display: block;
    max-width: 468px;
    padding: 0 3%;
  }
  .achieve_voice_box2 .box {
    width: 100%;
  }
  .tab_blk {
    overflow: inherit;
  }

  /* message.html */
  .message_title img {
    width: 95%;
  }
  .profile {
    background: url(../images/contents/message/messageBg_sp.jpg) center no-repeat;
    background-size: cover !important;
    height: auto;
  }
  .profile .inner {
    padding: 90% 0;
  }
  .profile .text {
    text-align: left;
    width: 90%;
    top: 23% !important;
    left: 0;
    right: 0;
    padding: 7% 4%;
  }

  /* achievements.html */
  .achieve_voice2 img {
    width: 100% !important;
  }

  /* course.html */
  .sp_fs07 {
    font-size: 0.6em;
  }

  /* business.html */
  .cont01_bg {
    padding: 65px 0;
    /*margin-top: 60px !important;*/
  }

  /* common */
  #contents_wrap {
    overflow: hidden;
  }
  .sp_blk {
    display: block;
  }
  .banner2 {
    padding: 0 0 50px 0;
  }

  .inner {
    width: 100% !important;
    margin: 0 auto;
  }

  .titlesize4 {
    width: 50%;
  }
  .ttl_45per {
    width: 60% !important;
  }
  .ttl_13per {
    width: 45.5% !important;
    min-width: 180px;
  }
  .ttl_35per {
    width: 60% !important;
  }
  .cont01_bg .cont01_box table {
    width: 100% !important;
  }
  .achieve_voice_box2 .box img {
    width: 100% !important;
  }
}
/*===========================sp END====================================== */