@charset "UTF-8";
/*
GROOWEB SCSS SMACSS BEM
*/
/* Tools */
/* media quary */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");
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,
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.text {
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .text {
    margin: 0 10px 0;
  }
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.vertical-align-top {
  vertical-align: top;
}
.display-block {
  display: block;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clear {
  clear: both;
}
.pcbr {
  display: block;
}
@media screen and (max-width: 768px) {
  .pcbr {
    display: inline;
  }
}
/* show only  SP/PC
-------------------------------*/
.sp-only {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block !important;
  }
}
.pc-only {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
}
/* font
-------------------------------*/
.bold {
  font-weight: bold;
}
.fz12 {
  font-size: 12px;
}
.fz15 {
  font-size: 15px !important;
}
.fz18 {
  font-size: 18px;
}
/* margin
-------------------------------*/
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb85 {
  margin-bottom: 85px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt20 {
  margin-top: 20px !important;
}
/* padding
-------------------------------*/
.ml20 {
  margin-left: 20px;
}
html {
  font-size: 14px;
  overflow-x: hidden;
}
body {
  font-family: Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #242424;
}
a {
  color: #0182be;
}
@media screen and (max-width: 768px) {
  img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
/* Layout */
body {
  position: relative;
  font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  overflow-x: hidden;
}
.l-wrapper {
  width: 1050px;
  margin: 0 auto;
}
.l-wrapper:before, .l-wrapper:after {
  content: "";
  display: table;
}
.l-wrapper:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .l-wrapper {
    width: 100%;
  }
}
.l-wrapper-2 {
  width: 960px;
  margin: 0 auto;
}
.l-wrapper-2:before, .l-wrapper-2:after {
  content: "";
  display: table;
}
.l-wrapper-2:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .l-wrapper-2 {
    width: 100%;
  }
}
.l-header {
  background: rgba(255, 255, 255, 0.85);
}
.l-home-container {
  z-index: 0;
  position: relative;
  top: 0;
  left: 0px;
  width: 100%;
  padding-top: 775px;
}
@media screen and (max-width: 768px) {
  .l-home-container {
    top: auto;
    left: auto;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-sp-wrapper {
    margin: 0 10px;
  }
  .l-sp-wrapper:before, .l-sp-wrapper:after {
    content: "";
    display: table;
  }
  .l-sp-wrapper:after {
    clear: both;
  }
}
.l-half:before, .l-half:after {
  content: "";
  display: table;
}
.l-half:after {
  clear: both;
}
.l-half__col {
  width: 465px;
  float: left;
}
.l-half__col:last-child {
  float: right;
}
@media screen and (max-width: 768px) {
  .l-half__col {
    float: none;
    width: auto;
  }
  .l-half__col:last-child {
    margin-top: 10px;
    float: none;
    width: auto;
  }
}
.l-img-right:before, .l-img-right:after {
  content: "";
  display: table;
}
.l-img-right:after {
  clear: both;
}
.l-img-right__text {
  width: 650px;
  float: left;
}
@media screen and (max-width: 768px) {
  .l-img-right__text {
    float: none;
    width: auto;
  }
}
.l-img-right__text02 {
  width: 700px;
}
@media screen and (max-width: 768px) {
  .l-img-right__text02 {
    float: none;
    width: auto;
  }
}
.l-img-right__text03 {
  width: 600px;
  float: left;
}
@media screen and (max-width: 768px) {
  .l-img-right__text03 {
    float: none;
    width: auto;
  }
}
.l-img-right__img {
  margin-top: 10px;
  width: 250px;
  float: right;
}
@media screen and (max-width: 768px) {
  .l-img-right__img {
    float: none;
    width: auto;
  }
}
.l-img-right__img img {
  margin: 0 auto;
}
.l-img-right__img02 {
  text-align: center;
  margin-top: -5px;
}
@media screen and (max-width: 768px) {
  .l-img-right__img02 {
    margin-top: 10px;
  }
}
.l-img-right__img02 img {
  margin: 0px auto 5px auto;
}
.l-img-right__img03 {
  width: 322px;
  text-align: center;
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .l-img-right__img03 {
    margin-top: 10px;
    float: none;
    width: auto;
  }
}
.page-top {
  position: fixed;
  right: 60px;
  bottom: 60px;
  cursor: pointer;
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  .page-top {
    display: none;
  }
}
/* Module */
.header {
  position: absolute;
  width: 100%;
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  .header {
    display: none;
  }
}
.header__wrapper {
  width: 1240px;
  margin: 0 auto;
  height: 185px;
  position: relative;
}
.header__logo {
  position: absolute;
  left: 502px;
  top: 36px;
  width: 250px;
}
.header__logo__small-logo {
  display: none;
}
.header__phone {
  position: absolute;
  left: 875px;
  width: 298px;
  top: 0;
}
.header__phone--small {
  display: none;
}
.header__online-shop-btn {
  display: block;
  position: absolute;
  top: -25px;
  right: -25px;
}
.header__online-shop-btn img {
  width: 130px;
}
.header__english-btn {
  background: #c8e8f6;
  padding: 16px 22px;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 13px;
}
.header__english-btn a {
    /* border-left: 1px solid #46add6; */
    /* padding-left: 12px; */
    /* margin-left: 12px; */
    text-decoration: none;
}
.header-sp {
  display: none;
  position: absolute;
  z-index: 2000;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  padding: 14px 0;
}
@media screen and (max-width: 768px) {
  .header-sp {
    display: block;
  }
}
.header-sp__head__logo {
  width: 62%;
  max-width: 370px;
  float: left;
}
.header-sp__menu-btn {
  width: 30%;
  max-width: 180px;
  float: right;
}
.header-sp.s-header-small {
  position: fixed !important;
  top: 0px;
}
.footer {
  background: #cce7fa;
  padding: 50px 0;
  color: #3a3939;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 25px 0 100px;
  }
}
.footer__col1 {
  float: right;
  width: 550px;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .footer__col1 {
    float: none;
    width: auto;
    padding-top: 0;
  }
}
.footer__col2 {
  float: left;
}
@media screen and (max-width: 768px) {
  .footer__col2 {
    float: none;
    width: auto;
    padding-top: 0;
  }
}
.footer__logo {
  margin-bottom: 20px;
}
.footer__logo img {
  width: 202px;
}
@media screen and (max-width: 768px) {
  .footer__logo img {
    margin: 0 auto;
    width: 160px;
  }
}
.footer__info {
  line-height: 1.6;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .footer__info {
    font-size: 12px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 12px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .footer__sns {
    text-align: center;
    margin-bottom: 25px;
  }
}
.footer__sns__item {
  float: left;
  margin-right: 10px;
}
.footer__sns__item:last-child {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .footer__sns__item:last-child {
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .footer__sns__item {
    float: none;
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .footer__sns__item img {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .footer__link {
    display: none;
  }
}
.footer__link__item {
  float: left;
  border-left: 1px solid #3a3939;
  padding: 2px 10px 2px 10px;
  margin-top: 8px;
}
.footer__link__item a {
  color: #3a3939;
  text-decoration: none;
}
.footer__link__item a:hover {
  text-decoration: underline;
}
.sp-footer-menu {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-footer-menu {
    display: block;
  }
}
.sp-footer-menu__head {
  background: #009fe8;
  color: #fff;
  padding: 14px 24px;
  font-size: 16px;
}
.sp-footer-menu__item {
  display: block;
  background: #fcfcf5;
  border-bottom: 1px solid #dcdcd2;
  padding: 22px;
  color: #050505;
  text-decoration: none;
  background-image: url(../img/btn_link_right_3.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 5px 7px;
}
.sp-footer-menu__item--toggle {
  background-image: url(../img/btn_open.png);
  background-size: 16px auto;
}
.sp-footer-menu__item--toggle--open {
  background-image: url(../img/btn_close.png);
  background-size: 26px auto;
  background-position: right 14px center;
}
.sp-footer-menu__item--small {
  background-color: #fff;
  font-size: 11px;
  width: 33.3%;
  float: left;
  border-right: 1px solid #dcdcd2;
  box-sizing: border-box;
  padding: 22px 10px;
  background-position: right 10px center;
}
.sp-footer-menu__item--line2 {
  padding: 16.5px 10px;
}
.sp-footer-menu__toggle-child {
  background: #f2f1e0;
  border-bottom: 1px solid #dcdcd2;
}
.sp-footer-menu__item-child {
  display: block;
  border-bottom: 1px solid #dcdcd2;
  border-left: 1px solid #dcdcd2;
  margin-left: 20px;
  padding: 22px;
  color: #050505;
  text-decoration: none;
  background-image: url(../img/btn_link_right_3.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 5px 7px;
}
.sp-footer-menu__item-child--last {
  border-bottom: none;
}
.sp-footer-menu__toggle-child {
  display: none;
}
.sp-fix-nav {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  .sp-fix-nav {
    display: block;
  }
}
.sp-fix-nav:before, .sp-fix-nav:after {
  content: "";
  display: table;
}
.sp-fix-nav:after {
  clear: both;
}
.sp-fix-nav__item {
  width: 50%;
  float: left;
}
.sp-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 0 4.68%;
  z-index: 10002;
  overflow: scroll;
  box-sizing: border-box;
  background: url(../img/bg_sp_menu.png) repeat-x top left;
}
.sp-menu__toggle-wrap {
  padding: 18px 0 10px;
}
.sp-menu__toggle-wrap:before, .sp-menu__toggle-wrap:after {
  content: "";
  display: table;
}
.sp-menu__toggle-wrap:after {
  clear: both;
}
.sp-menu__toggle {
  width: 30%;
  max-width: 180px;
  float: right;
}
.sp-menu__items {
  border-top: 1px solid #fff;
  margin-top: 10px;
}
.sp-menu__item {
  font-size: 16px;
  display: block;
  border-bottom: 1px solid #fff;
  padding: 22px 15px;
  color: #fff;
  text-decoration: none;
  background-image: url(../img/btn_link_right_4.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: auto 17px;
}
.sp-menu__item--toggle {
  background-image: url(../img/btn_open_2.png);
  background-size: 20px auto;
}
.sp-menu__item--toggle--open {
  background-image: url(../img/btn_close_2.png);
  background-size: 32px auto;
  background-position: right 14px center;
}
.sp-menu__item--line2 {
  padding: 16.5px 22px;
}
.sp-menu__toggle-child {
  border-bottom: 1px solid #fff;
  display: none;
}
.sp-menu__item-child {
  display: block;
  border-bottom: 1px dashed #fff;
  border-left: 1px dashed #fff;
  padding: 22px 15px;
  margin-left: 10px;
  color: #fff;
  text-decoration: none;
  background-image: url(../img/btn_link_right_4.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: auto 17px;
}
.sp-menu__item-child--last {
  border-bottom: none;
}
.sp-menu__btns {
  padding: 20px 0px 30px;
}
.sp-menu__btns:before, .sp-menu__btns:after {
  content: "";
  display: table;
}
.sp-menu__btns:after {
  clear: both;
}
.sp-menu__btn {
  float: left;
  width: 48%;
  margin: 0 1%;
}
.sp-footer-menu__toggle-child {
  display: none;
}
.fuwafuwa {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fuwafuwa {
    display: none;
  }
}
.fuwafuwa img {
  pointer-events: none;
}
.fuwafuwa__container {
  width: 100%;
}
.fuwafuwa__left {
  position: absolute;
  left: -100px;
  text-outline: 0;
}
.fuwafuwa__right {
  position: absolute;
  right: -100px;
  text-outline: 0;
}
@media screen and (max-width: 1400px) {
  .fuwafuwa img {
    animation: fuwafuwaHide 0.75s linear 0s 1 alternate;
    -ms-animation: fuwafuwaHide 0.75s linear 0s 1 alternate;
    -webkit-animation: fuwafuwaHide 0.75s linear 0s 1 alternate;
    -moz-animation: fuwafuwaHide 0.75s linear 0s 1 alternate;
    opacity: 0;
  }
}
@keyframes fuwafuwaHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sub-nav {
  position: relative;
}
.sub-nav__inner {
  position: absolute;
  top: 185px;
  background: #3fade4;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sub-nav__inner {
    display: none;
  }
}
.sub-nav__inner-2 {
  position: relative;
}
.sub-nav__items {
  position: relative;
  float: left;
  left: 50%;
}
.sub-nav__items__short .sub-nav__item a {
  position: relative;
  padding: 0 23px;
}
.sub-nav__items__short .sub-nav__item a.more {
  font-size: 15px;
  padding: 0 28px 0 14px;
}
.sub-nav__items__short .sub-nav__item a.more::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
}
.sub-nav__item {
  position: relative;
  float: left;
  left: -50%;
  font-family: "Noto Sans JP", sans-serif;
}
.sub-nav__item > a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  line-height: 54px;
  padding: 0 33px;
  display: block;
  height: 54px;
  position: relative;
  background: #3fade4;
}
.sub-nav__item > a:hover {
  background: #0091dc;
}
.sub-nav__item.mega-btn a {
  background: #0091dc !important;
}
.sub-nav__item.mega-btn:hover .sub-nav__megamenu {
  max-height: 9999px;
  opacity: 1;
}
.sub-nav__item__current {
  background: #0091dc !important;
}
.sub-nav .sub-nav__megamenu {
  padding: 30px 25px 20px 25px;
  transition: all 0.2s ease-in;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 330px;
  right: 0;
  position: absolute;
  background-color: #0091dc;
  display: flex;
  flex-wrap: wrap;
}
.sub-nav .sub-nav__megamenu li {
  width: calc( ( 100% - 20px ) / 2 );
  margin: 0px 5px 15px;
}
.sub-nav .sub-nav__megamenu li a {
  position: relative;
  display: block;
  text-align: left;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding: 0px 0px 0px 18px;
}
.sub-nav .sub-nav__megamenu li a::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  border-right: 3px solid rgba(255, 255, 255, 0.6);
  border-bottom: 3px solid rgba(255, 255, 255, 0.6);
  transform: rotate(-45deg);
}
.sub-nav .sub-nav__megamenu li a:hover {
  opacity: 0.7;
}
.mente-info {
  position: relative;
  width: 100%;
  background: #019fe8;
  z-index: 10001;
}
.mente-info__wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.mente-info__wrapper__text {
  background: #019fe8;
  display: flex;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .mente-info__wrapper__text {
    display: block;
    padding: 5px;
  }
}
.mente-info__wrapper__text dt {
  background: #019fe8;
  padding: 15px;
  color: #fff;
  border: 2px solid #fff;
  width: 23%;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 1px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .mente-info__wrapper__text dt {
    width: 100%;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 5px;
    line-height: 1.4;
    display: block;
  }
}
.mente-info__wrapper__text dd {
  padding: 13px 20px;
  background: #fff;
  width: calc(77% - 5px);
  margin-left: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .mente-info__wrapper__text dd {
    margin-left: 0px;
    width: 100%;
    padding: 10px;
  }
}
.mente-info__wrapper__text dd p {
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .mente-info__wrapper__text dd p {
    line-height: 1.3;
    font-size: 13px;
  }
}
.mente-info__wrapper__text dd p.pink-text {
  font-size: 16px;
  color: #de4b89;
  margin-bottom: 8px;
  font-weight: bold;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .mente-info__wrapper__text dd p.pink-text {
    margin-bottom: 4px;
    font-size: 15px;
  }
}
.mente-info__wrapper__text dd p span.pink-text {
  color: #de4b89;
}
.mente-info__wrapper__text dd .arw {
  position: relative;
  padding-left: 16px;
}
.mente-info__wrapper__text dd .arw::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 3px solid #019fe8;
  border-bottom: 3px solid #019fe8;
  transform: rotate(-45deg);
}
.global-nav {
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
.global-nav__item {
  position: absolute;
  display: inline-block;
  font-size: 18px;
  padding-top: 4px;
  font-weight: 500;
}
.global-nav__item a {
  display: block;
  color: #0d0d0d;
  text-decoration: none;
  padding-bottom: 6px;
  border-bottom: 2px solid #009fe8;
}
.global-nav__item a:hover {
  color: #009fe8;
}
.global-nav__item--home {
  left: 0;
  top: 0;
  padding-top: 0;
  border-bottom: none;
}
.global-nav__item--home a {
  border-bottom: none;
}
.global-nav__item--1 {
  left: 58px;
  top: 0;
}
.global-nav__item--2 {
  left: 274px;
  top: 0;
}
.global-nav__item--3 {
  left: 386px;
  top: 0;
}
.global-nav__item--4 {
  left: 788px;
  top: 0;
}
.global-nav__item--5 {
  left: 960px;
  top: 0;
}
.global-nav__item--6 {
  left: 1058px;
  top: 0;
}
.global-nav__item--current a {
  color: #009fe8;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.home-slide {
  position: absolute;
  width: 100%;
  height: 775px;
  /*top: 133px; mente*/
  top: 0;
  left: 0;
  z-index: 0;
}
.home-slide__item {
  width: 100%;
  height: 775px;
}
.home-slide__item-1 {
  background: url(../img/bg_mv_bottom.png) no-repeat center bottom, url(../img/slide_1.png) no-repeat center bottom;
}
.home-slide__item-2 {
  background: url(../img/bg_mv_bottom.png) no-repeat center bottom, url(../img/slide_2.png) no-repeat center bottom;
}
.home-slide__item-3 {
  background: url(../img/bg_mv_bottom.png) no-repeat center bottom, url(../img/slide_3.png) no-repeat center bottom;
}
.home-slide .slick-list {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .home-slide {
    display: none;
  }
}
.slick-dots {
  position: relative;
  z-index: 1000;
  width: 100%;
  text-align: center;
  margin-top: -43px;
}
.slick-dots li {
  display: inline;
}
.slick-dots li button {
  display: inline;
  margin: 0 4px;
  border: none;
  width: 14px;
  height: 15px;
  text-indent: -9999px;
  outline: none;
  background: url(../img/btn_slider.png);
  cursor: pointer;
  background-repeat: no-repeat !important;
}
.slick-dots li.slick-active button {
  background: url(../img/btn_slider_on.png);
  background-repeat: no-repeat !important;
}
.home-slide-sp {
  display: none;
  width: 100%;
}
.home-slide-sp__item img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home-slide-sp {
    display: block;
  }
}
.slick-dots {
  position: relative;
  z-index: 1000;
  width: 100%;
  text-align: center;
  margin-top: -43px;
}
.slick-dots li {
  display: inline;
}
.slick-dots li button {
  display: inline;
  margin: 0 4px;
  border: none;
  width: 14px;
  height: 15px;
  text-indent: -9999px;
  outline: none;
  background: url(../img/btn_slider.png);
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background: url(../img/btn_slider_on.png);
}
.home-catch {
  position: relative;
  height: 370px;
}
@media screen and (max-width: 768px) {
  .home-catch {
    height: 1000px;
    width: 640px;
    margin: 0 auto;
  }
}
.home-catch__item {
  position: absolute;
}
.home-catch__item--1 {
  top: -118px;
  left: -30px;
}
@media screen and (max-width: 768px) {
  .home-catch__item--1 {
    top: -40px;
    left: -5px;
  }
}
.home-catch__item--2 {
  top: -10px;
  left: 300px;
}
@media screen and (max-width: 768px) {
  .home-catch__item--2 {
    top: -15px;
    left: 292px;
  }
}
.home-catch__item--3 {
  top: -82px;
  left: 704px;
}
@media screen and (max-width: 768px) {
  .home-catch__item--3 {
    top: 250px;
    left: 70px;
  }
}
.home-catch-sp {
  margin: 0 1.5% 40px 1.5%;
}
.home-catch-sp__img {
  display: block;
  width: 100%;
  max-width: 622px;
  margin: 0 auto;
}
.home-news {
  margin-bottom: 50px;
}
.home-news:before, .home-news:after {
  content: "";
  display: table;
}
.home-news:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .home-news {
    margin: 0 4.68% 40px;
    width: auto;
  }
}
.home-news__head {
  background: #009fe8 url(../img/head_news_and_topics.png) no-repeat center center;
  text-indent: -9999px;
  width: 226px;
  height: 88px;
  border-radius: 5px;
  float: left;
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .home-news__head {
    background-size: 110px auto;
    float: none;
    width: auto;
    height: 45px;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.home-news__box {
  font-size: 14px;
  padding-top: 10px;
  float: left;
  width: 660px;
}
@media screen and (max-width: 768px) {
  .home-news__box {
    float: none;
    margin-bottom: 30px;
    width: auto;
  }
}
.home-news__list__item {
  margin-bottom: 10px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .home-news__list__item {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    background: url(../img/btn_link_right.png) no-repeat right 10px center;
    background-size: 10px 15px;
  }
}
.home-news__list__item a {
  text-decoration: none;
}
.home-news__list__date {
  margin-right: 10px;
  float: left;
}
@media screen and (max-width: 768px) {
  .home-news__list__date {
    display: block;
  }
}
.home-news__list__title {
  color: #0d0d0d;
  margin-right: 10px;
  overflow: hidden;
  display: block;
}
.home-news__list__title:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .home-news__list__new {
    display: inline-block;
  }
}
.home-news__button {
  display: block;
  float: right;
  border: 1px solid #009fe8;
  border-radius: 5px;
  margin-top: 6px;
  height: 76px;
  width: 100px;
  background: url(../img/txt_home_news_btn.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.home-news__button:hover {
  background-color: #e9f9fd;
}
@media screen and (max-width: 768px) {
  .home-news__button {
    float: none;
    width: auto;
    border-width: 2px;
    height: auto;
    padding: 15px;
    margin: 0 20px;
    background: url(../img/btn_link_right_2.png) no-repeat right 15px center;
    background-size: 10px 15px;
    text-indent: 0;
    text-align: center;
    text-decoration: none;
  }
}
.home-news__button__inner {
  display: block;
}
@media screen and (max-width: 768px) {
  .home-news__button__inner {
    background: url(../img/icn_list.png) no-repeat 15px center;
    background-size: 24px auto;
  }
}
.newslist-corporate {
  font-size: 14px;
  float: left;
  width: 660px;
}
.newslist-corporate .header {
  max-width: 100%;
  margin-top: 5px;
  position: relative;
  width: auto;
  display: flex;
}
@media screen and (max-width: 768px) {
  .newslist-corporate {
    float: none;
    margin-bottom: 30px;
    width: auto;
  }
  .newslist-corporate .header {
    align-items: flex-start;
    display: flex;
    position: relative;
  }
}
.newslist-corporate .news-name {
  display: none;
}
.newslist-corporate .panel-newslist .panel-heading-text {
  margin-bottom: 10px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .newslist-corporate .panel-newslist .panel-heading-text {
    display: none;
  }
}
.newslist-corporate .panel-newslist .panel-heading-text a {
  text-decoration: none;
}
.newslist-corporate .panel-newslist .news-entries {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .newslist-corporate .panel-newslist .news-entries {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    background: url(../img/btn_link_right.png) no-repeat right 10px center;
    background-size: 10px 15px;
  }
}
@media screen and (min-width: 960px) {
  .newslist-corporate .panel-newslist .news-entry {
    min-height: 20px;
  }
}
.newslist-corporate .panel-newslist .meta {
  margin-right: 10px;
  padding-top: 1px;
}
@media screen and (max-width: 768px) {
  .newslist-corporate .panel-newslist .meta {
    display: block;
  }
}
.newslist-corporate .panel-newslist .headline {
  color: #0d0d0d;
  margin-right: 10px;
  overflow: hidden;
  display: block;
}
.newslist-corporate .panel-newslist .headline:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .newslist-corporate .panel-newslist .headline {
    margin-right: 0;
  }
  .newslist-corporate .panel-newslist .headline .text {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .newslist-corporate .panel-newslist .headline .text {
    margin: 0;
  }
}
.home-products {
  background: url(../img/bg_mat.jpg) repeat;
  padding: 77px 0 50px;
}
.home-products:before, .home-products:after {
  content: "";
  display: table;
}
.home-products:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .home-products {
    padding: 30px 4.68% 60px;
  }
}
.home-products__head img {
  display: block;
  margin: 0 auto 37px;
}
.home-products__lists {
  display: flex;
  flex-wrap: wrap;
  gap: 19px 25px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .home-products__lists {
    gap: 5px 1%;
  }
}
.home-products__list {
  background-position: top left;
  background-repeat: no-repeat;
}
.home-products__list img{
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-products__list:not(.home-products__list--onlineshop) {
    width: calc((100% - 100px) / 5);
    height: 179px;
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  .home-products__list {
    width: 48%;
    background-size: cover;
  }
}
.home-products__list--03, .home-products__list--07, .home-products__list--11, .home-products__list--onlineshop {
  margin-right: 0;
}
.home-products__list--01 {
  background-image: url(../img/nav_home_products_01_on.png);
}
.home-products__list--02 {
  background-image: url(../img/nav_home_products_02_on.png);
}
.home-products__list--03 {
  background-image: url(../img/nav_home_products_03_on.png);
}
.home-products__list--04 {
  background-image: url(../img/nav_home_products_04_on.png);
}
.home-products__list--05 {
  background-image: url(../img/nav_home_products_05_on.png);
}
.home-products__list--06 {
  background-image: url(../img/nav_home_products_06_20240909_on.png);
}
.home-products__list--07 {
  background-image: url(../img/nav_home_products_07_on.png);
}
.home-products__list--08 {
  background-image: url(../img/nav_home_products_08_on.png);
}
.home-products__list--09 {
  background-image: url(../img/nav_home_products_09_20240909_on.png);
}
.home-products__list--10 {
  background-image: url(../img/nav_home_products_10_on.png);
}
.home-products__list--11 {
  background-image: url(../img/nav_home_products_11_on.png);
}
.home-products__list--12 {
  background-image: url(../img/nav_home_products_12_on.png);
}
.home-products__list--13 {
  background-image: url(../img/nav_home_products_13_on.png);
}
.home-products__list--14 {
  background-image: url(../img/nav_home_products_14_on.png);
}
@media screen and (min-width: 769px) {
  .home-products__list--onlineshop{
    position: absolute;
    bottom: -110px;
    right: 20px;
  }
  .home-products__list--onlineshop img {
    width: 248px;
  }
}
@media screen and (max-width: 768px) {
  .home-products__list--onlineshop{
    padding-top: 2%;
    padding-left: 2%;
  }
  .home-products__list--onlineshop img {
    position: relative;
    top: auto;
    left: auto;
    width: 84%;
  }
}
.home-activity {
  padding: 83px 0 40px;
  background: url(../img/bg_home_activity.jpg) center top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .home-activity {
    padding: 30px 3% 40px;
  }
}
.home-activity__item {
  float: left;
  width: 335px;
  margin-right: 19px;
}
@media screen and (max-width: 768px) {
  .home-activity__item {
    padding-bottom: 30px;
  }
  .home-activity__item:before, .home-activity__item:after {
    content: "";
    display: table;
  }
  .home-activity__item:after {
    clear: both;
  }
}
.home-activity__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .home-activity__item {
    float: none;
    width: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .home-activity__item__head {
    float: left;
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  .home-activity__item__head--alt {
    float: right;
  }
}
.home-activity__item__description {
  margin: 15px 34px 15px 44px;
  line-height: 1.4;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .home-activity__item__description {
    float: right;
    width: 42%;
    font-size: 14px;
    margin: 35px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .home-activity__item__description--alt {
    float: left;
    width: 42%;
  }
}
.home-activity__item__btn {
  display: block;
  width: auto;
  margin-top: 10px;
}
.home-channel {
  background: #cce7fa;
}
.home-channel__wrapper {
  height: 386px;
  width: 1040px;
  margin: 0 auto;
  padding: 70px 35px 0 35px;
  background: url(../img/bg_home_channel_bubble.png) no-repeat center 28px;
}
.home-channel__head {
  margin-bottom: 38px;
}
.home-channel__head img {
  display: block;
  margin: 0 auto;
}
.home-channel__list {
  margin-bottom: 45px;
}
.home-channel__list:before, .home-channel__list:after {
  content: "";
  display: table;
}
.home-channel__list:after {
  clear: both;
}
.home-channel__list__item {
  float: left;
  margin-right: 35px;
}
.home-channel__list__item:last-child {
  margin-right: 0;
}
.home-channel__go-youtube {
  display: block;
  width: 237px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .home-channel {
    display: none;
  }
}
.home-sns {
  background: url(../img/bg_mesh.png) repeat;
  border-bottom: 1px solid #edf4fa;
  padding: 55px 0;
}
.home-sns__link-wrapper {
  width: 640px;
  margin: 0 auto;
}
.home-sns__link__btn {
  float: left;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .home-sns {
    display: none;
  }
}
.home-facebook__head {
  margin-left: 240px;
  margin-bottom: 25px;
}
.home-facebook__description {
  font-size: 15px;
  margin-left: 260px;
  margin-bottom: 42px;
  font-family: "Noto Sans JP", sans-serif;
}
.home-facebook__articles {
  margin-bottom: 30px;
}
.home-facebook__articles:before, .home-facebook__articles:after {
  content: "";
  display: table;
}
.home-facebook__articles:after {
  clear: both;
}
.home-facebook__article {
  float: left;
  margin-right: 42px;
  width: 230px;
  line-height: 1.4;
}
.home-facebook__article:last-child {
  margin-right: 0;
}
.home-facebook__article__date {
  color: #0182be;
}
.home-facebook__article a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 230px;
  height: 161px;
}
.home-facebook__article img {
  margin-bottom: 5px;
  border-radius: 10px;
  max-width: 230px;
  max-height: 161px;
}
.home-facebook__article p {
  margin: 5px 0 0;
}
.home-facebook__article p a {
  display: inline;
}
@media screen and (max-width: 768px) {
  .home-facebook {
    display: none;
  }
}
.home-banner {
  padding: 53px 0;
}
.home-banner .slick-arrow {
  border: none;
  background: none;
  display: block;
  width: 19px;
  height: 44px;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  outline: none;
}
.home-banner .slick-prev {
  background: url(../img/btn_scroll_left.png) no-repeat;
  left: -32px;
  top: 25px;
}
.home-banner .slick-next {
  background: url(../img/btn_scroll_right.png) no-repeat;
  right: -20px;
  top: 25px;
}
@media screen and (max-width: 768px) {
  .home-banner {
    display: none;
  }
}
.home-banner-sp {
  display: none;
  margin: 20px 4.68%;
}
@media screen and (max-width: 768px) {
  .home-banner-sp {
    display: block;
  }
}
.home-banner-sp__item img {
  width: 100%;
  max-width: 250px;
  margin: 0 auto 13px;
}
.home-sp-bnr__item--btn {
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin-top: -20px;
}
.home-sp-bnr__item--btn a {
  float: right;
  width: 30%;
}
.home-sp-bnr__sns {
  background: url(../img/bg_mesh.png) repeat;
  padding: 10px;
}
.home-sp-bnr__sns__wrapper {
  border: 2px solid #00a2e6;
  padding: 18px 12px 10px 12px;
}
.home-sp-bnr__sns__head {
  width: 100%;
  margin-bottom: 14px;
  text-align: center;
}
.home-sp-bnr__sns__head img {
  display: inline !important;
}
.home-sp-bnr__sns__list {
  overflow: hidden;
  padding: 0px 9px;
}
.home-sp-bnr__sns__list li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
}
.home-sp-bnr__sns__list li img {
  display: inline !important;
}
@media screen and (max-width: 599px) {
  .home-sp-bnr__sns__list li {
    width: 50%;
  }
}
.notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 780px;
  margin: 0 auto 50px;
  padding: 15px;
  border: 2px solid #f00;
}
.notice__head {
  text-align: center;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
  font-size: 20px;
}
.notice__txt {
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .notice {
    width: auto;
    border: 1px solid #f00;
    padding: 15px;
    margin: 0 10px 30px;
  }
  .notice__head {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .notice__txt {
    font-size: 15px;
  }
}
.heading-1 {
  margin: 0 auto 27px;
  color: #4e4e4e;
  font-size: 26px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.005em;
  line-height: 1.4;
}
.heading-1 span {
  display: inline-block;
  background: url(../img/bg_shabon_left.png) no-repeat left center, url(../img/bg_shabon_right.png) no-repeat right center;
  padding: 20px 90px;
}
@media screen and (max-width: 768px) {
  .heading-1 span {
    background-size: 40px auto;
    font-size: 20px;
    padding: 20px 50px;
    margin: 0 10px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 768px) {
  .heading-1 {
    font-size: 20px;
    line-height: 1.3;
  }
}
.heading-1 em {
  display: block;
  font-size: 20px;
  margin-top: -15px;
}
@media screen and (max-width: 768px) {
  .heading-1 em {
    font-size: 16px;
  }
}
.heading-2 {
  background: #e9f9fd;
  color: #008aca;
  font-size: 15px;
  padding: 12px 15px;
  margin-bottom: 10px;
  line-height: 1.4;
}
.heading-3 {
  line-height: 1.4;
  color: #009fe8;
  font-size: 15px;
  padding: 0 18px 7px 18px;
  border-bottom: 2px dashed #009fe8;
  margin-bottom: 10px;
  background: url(../img/bg_heading_3.png) no-repeat 3px 4px;
}
.heading-4 {
  position: relative;
  background: #3eade5;
  color: #FFFFFF;
  line-height: 1.4;
  padding: 18px 0 14px 24px;
  font-size: 17px;
  margin-bottom: 30px;
}
.heading-4:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 16px;
  height: 2px;
  content: "";
  background: #FFFFFF;
}
.heading-5 {
  font-size: 16px;
  color: #0094d8;
  line-height: 1.4;
  margin-bottom: 8px;
}
.heading-5--small {
  font-size: 14px;
}
.heading-6 {
  line-height: 1.4;
  color: #009fe8;
  font-size: 14px;
  padding: 0 18px 7px 0px;
  border-bottom: 2px dashed #009fe8;
  margin-bottom: 10px;
}
.heading-7 {
  color: #4e4e4e;
  letter-spacing: 0em;
  font-size: 22px;
  padding: 0 18px 0px 0px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .heading-7 {
    padding: 0px;
    margin-bottom: 20px;
  }
}
.heading-7__text {
  line-height: 1.4;
  display: inline-block;
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 0 30px;
}
.heading-7:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  width: 100%;
  height: 0;
  border-top: 2px dotted #40ade4;
  z-index: 0;
}
.heading-7--2 .heading-7__text {
  display: inline;
}
@media screen and (max-width: 768px) {
  .heading-7--2 .heading-7__text {
    display: inline-block;
    margin: 0 auto;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .heading-7--2:before {
    display: none;
  }
}
.heading-8 {
  color: #098ed2;
  font-size: 22px;
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 7px;
  margin-bottom: 19px;
  border-bottom: 2px dashed #098ed2;
}
@media screen and (max-width: 768px) {
  .heading-8 {
    font-size: 18px;
    line-height: 1.4;
  }
}
.heading-9 {
  color: #098ed2;
  font-size: 23px;
  line-height: 30px;
  padding-bottom: 7px;
  margin-bottom: 25px;
  border-bottom: 2px dashed #098ed2;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .heading-9 {
    font-size: 18px;
  }
}
.list-1__item {
  padding: 0 0 0px 15px;
  position: relative;
}
.list-1__item:before {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  background: #76c4ec;
  position: absolute;
  left: 0;
  top: 30%;
  border-radius: 50%;
}
.table-1 {
  width: 100%;
}
.table-1__head {
  text-align: center;
  font-size: 18px;
  text-align: left;
  background: #40ade4;
  color: #FFFFFF;
  height: 48px;
  line-height: 52px;
  padding: 0 0 0 16px;
}
@media screen and (max-width: 768px) {
  .table-1__head {
    font-size: 16px;
    padding-left: 12px;
  }
}
.table-1 th, .table-1 td {
  border-bottom: 1px dotted #bfbfbf;
  vertical-align: middle;
  text-align: left;
}
.table-1 th {
  background: #e2f5fc;
  color: #017ab2;
  padding: 25px 10px 20px 21px;
  font-size: 15px;
  width: 165px;
}
@media screen and (max-width: 768px) {
  .table-1 th {
    padding: 15px 10px 12px 10px;
  }
}
.table-1 td {
  color: #242424;
  padding: 25px 10px 18px 21px;
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .table-1 td {
    padding: 15px 5px 12px 10px;
  }
}
.table-1--society th {
  vertical-align: top;
  width: 130px;
}
@media screen and (max-width: 768px) {
  .table-1--society th {
    width: 100px;
  }
}
.table-1--society tr:first-child {
  border-top: 1px dotted #bfbfbf;
}
.table-1--factory tr:first-child {
  border-top: 1px dotted #bfbfbf;
}
.table-1--factory th {
  vertical-align: top;
  width: 147px;
}
@media screen and (max-width: 768px) {
  .table-1--factory th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
.table-1--factory td {
  padding-left: 28px;
  padding-right: 0;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  .table-1--factory td {
    display: block;
    padding: 15px 10px;
    box-sizing: border-box;
  }
}
.table-1--factory p {
  margin-bottom: 17px;
}
.table-1--factory p:last-child {
  margin-bottom: 0;
}
.table-1--recruit tr:first-child {
  border-top: 1px dotted #bfbfbf;
}
.table-1--recruit th {
  vertical-align: top;
  width: 150px;
}
@media screen and (max-width: 768px) {
  .table-1--recruit th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
.table-1--recruit td {
  font-size: 14px;
  line-height: 24px;
  padding-left: 27px;
}
@media screen and (max-width: 768px) {
  .table-1--recruit td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 10px;
  }
}
.table-1--recruit td .txt-list li {
  margin-bottom: 10px;
}
.table-1__icn {
  margin-bottom: 13px;
}
.table-1__icn:before, .table-1__icn:after {
  content: "";
  display: table;
}
.table-1__icn:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .table-1__icn {
    text-align: center;
  }
}
.table-1__icn__item {
  float: left;
  margin-right: 4px;
}
.table-1__icn__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .table-1__icn__item {
    float: none;
    display: inline-block;
    margin: 0 5px 12px;
    width: 80px;
  }
}
.img-left-box:before, .img-left-box:after {
  content: "";
  display: table;
}
.img-left-box:after {
  clear: both;
}
.img-left-box__image {
  float: left;
  margin-right: 39px;
}
@media screen and (max-width: 768px) {
  .img-left-box__image {
    width: 40%;
    margin-right: 5%;
  }
}
.text-14 {
  font-size: 14px;
  line-height: 24px;
}
.text-14--colored {
  color: #eb0404;
}
.text-15 {
  font-size: 15px;
  line-height: 24px;
}
.text-pink {
  color: #ee0a45;
}
.list {
  line-height: 24px;
}
.list:before {
  content: "";
  display: inline-block;
  background: #77c9f2;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 2px 6px 0 0;
}
.border-box {
  padding: 30px 28px;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .border-box {
    padding: 20px 15px;
  }
}
.button-pink {
  display: block;
  border-radius: 5px;
  text-align: center;
  width: 366px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 0 19px;
  color: #FFFFFF;
  background: url(../img/btn_link_right_4.png) no-repeat right 20px center/12px, #de4b89;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.button-pink--form {
  width: 258px;
}
@media screen and (max-width: 768px) {
  .button-pink {
    width: 100%;
  }
}
.button-back {
  display: block;
  border-radius: 5px;
  text-align: center;
  width: 160px;
  padding: 18px 0 19px;
  color: #3eade5;
  background: url(../img/btn_link_left_2.png) no-repeat 15px center;
  background-size: auto 15px;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  border: 1px solid #3eade5;
}
@media screen and (max-width: 768px) {
  .button-back {
    width: 100%;
  }
}
.button-1 {
  font-size: 15px;
}
.button-1--black {
  color: #242424;
}
.button-1 img {
  vertical-align: middle;
  width: 16px;
  height: auto;
  margin: 0 5px 2px 3px;
}
@media screen and (max-width: 768px) {
  .button-1 img {
    display: inline-block;
  }
}
.button-1:hover {
  text-decoration: none;
}
.button-2 img {
  width: 9px;
  vertical-align: middle;
  margin-right: 3px;
}
@media screen and (max-width: 768px) {
  .button-2 img {
    display: inline-block;
  }
}
#policy__sec01, #policy__sec03, #policy__sec04, #policy__sec05, #policy__sec06 {
  display: block;
  margin-top: -160px !important;
  padding-top: 160px !important;
}
#policy__sec02 {
  display: block;
  margin-top: -180px !important;
  padding-top: 190px !important;
}
#chigai__sec01, #chigai__sec02, #chigai__sec03, #chigai__sec04, #chigai__sec05 {
  display: block;
  margin-top: -160px !important;
  padding-top: 160px !important;
}
.content-title {
  background: url(../img/bg_content_title.jpg) no-repeat center bottom;
  font-family: "Noto Sans JP", sans-serif;
  padding-top: 185px;
  min-height: 185px;
  margin-bottom: 52px;
}
@media screen and (max-width: 768px) {
  .content-title {
    background: url(../img/bg_content_title_sp.jpg) no-repeat center bottom;
    background-size: cover;
    padding-top: 60px;
    margin-bottom: 30px;
    height: 115px;
    min-height: 115px;
  }
}
.content-title__jp {
  text-align: center;
  margin: 75px 0 10px;
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .content-title__jp {
    font-size: 24px;
    margin: 35px 0 10px;
  }
}
.content-title__en {
  text-align: center;
  font-size: 18px;
  color: #009fe8;
}
@media screen and (max-width: 768px) {
  .content-title__en {
    font-size: 14px;
  }
}
.content-title__englishpage {
  margin: 82px auto 0;
  text-align: center;
  font-size: 32px;
  letter-spacing: 0.005em;
  color: #4f4f4f;
}
@media screen and (max-width: 768px) {
  .content-title__englishpage {
    margin: 35px 0 10px;
  }
}
.content-title--with-sub-nav {
  padding-top: 239px;
}
@media screen and (min-width: 2200px) {
  .content-title {
    background-size: 100% auto;
  }
}
.archives {
  width: 960px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .archives {
    width: auto;
    margin: 0 10px 30px;
  }
}
.archive {
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
  background: url(../img/btn_link_right_2.png) no-repeat right 20px center #e9f9fd;
  background-size: auto 20px;
  padding: 22px;
  text-decoration: none;
  border-radius: 4px;
}
.archive:before, .archive:after {
  content: "";
  display: table;
}
.archive:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .archive {
    padding-right: 40px;
  }
}
.archive__date {
  color: #0094d8;
  font-size: 15px;
  float: left;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .archive__date {
    margin: 0 10px 0 0;
  }
}
.archive__title {
  color: #3a3939;
  font-size: 16px;
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .archive__title {
    margin: 10px 0 0;
    width: 100%;
  }
}
.pager {
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
}
.pager__inner {
  float: left;
  left: 50%;
  position: relative;
}
.pager__item {
  float: left;
  left: -50%;
  position: relative;
  display: block;
  border: 1px solid #009fe8;
  color: #009fe8;
  text-decoration: none;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  margin: 0 3px;
}
@media screen and (max-width: 768px) {
  .pager__item {
    display: none;
  }
}
.pager__item--current {
  color: #fff;
  background: #009fe8;
}
.pager__item--prev {
  margin-right: 35px;
  width: 93px;
  background: url(../img/btn_link_left_2.png) no-repeat left 14px center;
  background-size: auto 16px;
  text-indent: 12px;
}
@media screen and (max-width: 768px) {
  .pager__item--prev {
    display: block;
  }
}
.pager__item--next {
  margin-left: 35px;
  width: 93px;
  background: url(../img/btn_link_right_2.png) no-repeat right 14px center;
  background-size: auto 16px;
  text-indent: -12px;
}
@media screen and (max-width: 768px) {
  .pager__item--next {
    display: block;
  }
}
.pager__item--prev2 {
  width: 177px;
  background: url(../img/btn_link_left_2.png) no-repeat left 14px center;
  background-size: auto 16px;
  text-indent: 12px;
}
@media screen and (max-width: 768px) {
  .pager__item--prev2 {
    display: block;
  }
}
.news-detail-title {
  position: relative;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
  background: #e9f9fd;
  padding: 22px;
  text-decoration: none;
  margin-bottom: 45px;
  border-radius: 4px;
}
.news-detail-title:before, .news-detail-title:after {
  content: "";
  display: table;
}
.news-detail-title:after {
  clear: both;
}
.news-detail-title__date {
  color: #0094d8;
  font-size: 15px;
  float: left;
}
@media screen and (max-width: 768px) {
  .news-detail-title__date {
    margin: 0 10px 0 0;
  }
}
.news-detail-title__title {
  color: #3a3939;
  font-size: 16px;
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .news-detail-title__title {
    margin: 10px 0 0;
  }
}
.news-detail-title__img {
  position: absolute;
  right: 5px;
  bottom: -12px;
}
.news-detail {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .news-detail {
    width: auto;
    margin: 0 10px;
  }
}
.news-detail__content {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 2;
}
.news-detail__content:before, .news-detail__content:after {
  content: "";
  display: table;
}
.news-detail__content:after {
  clear: both;
}
.news-detail__content img {
  border: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
  .news-detail__content img {
    float: none !important;
    margin: 0 0 20px !important;
    width: 100% !important;
    height: auto !important;
  }
}
.news-detail__content p {
  margin-bottom: 2em;
}
.news-detail__content .left {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.news-detail__content .center {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.news-detail__content .right {
  width: 100%;
  margin: 0 auto;
  text-align: right;
}
.news-detail__content h1 {
  font-size: 240%;
  line-height: 1.5;
  background: url(none);
  margin: 0px;
  padding: 0px;
}
.news-detail__content h2 {
  font-size: 180%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
  border-bottom: none;
}
.news-detail__content h3 {
  font-size: 140%;
  line-height: 1.5;
  background: url(none);
  margin: 0px;
  padding: 0px;
  color: #3D3D3D;
}
.news-detail__content h4 {
  font-size: 120%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
  color: #3D3D3D;
}
.news-detail__content h5 {
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
}
.news-detail__content h6 {
  font-size: 82%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
}
.news-detail__content ol li {
  list-style: decimal;
  list-style-position: inside;
}
.news-detail__content ul li {
  list-style: disc;
  list-style-position: inside;
}
.news-detail__content blockquote {
  padding-left: 1em;
}
.news-detail__content table {
  font-size: 100%;
  border-collapse: collapse;
  line-height: 1.6;
}
.news-detail__content hr {
  display: block;
}
.news-detail__content em {
  font-style: oblique;
  font-style: italic;
  font-family: "MS Pgothic", Osaka, "Hiragino Kaku Gothic Pro";
}
.news-detail__content strong {
  font-weight: bold;
}
.news-detail__content em strong,
.news-detail__content strong em {
  font-style: oblique;
  font-style: italic;
  font-weight: bold;
  font-family: "MS Pgothic", Osaka, "Hiragino Kaku Gothic Pro";
}
.news-detail__content .photoLeft {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}
.news-detail__content .photoRight {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
.president-message {
  padding: 10px 0 0;
  margin: 0 0 106px;
}
@media screen and (max-width: 768px) {
  .president-message {
    margin: 0 0 60px;
  }
}
.president-message__photo {
  margin: 0 auto 53px;
}
@media screen and (max-width: 768px) {
  .president-message__photo {
    margin-bottom: 30px;
  }
}
.president-message__title {
  margin: 0 auto 46px;
  text-align: center;
  font-size: 28px;
  color: #0093d6;
}
@media screen and (max-width: 768px) {
  .president-message__title {
    margin-bottom: 30px;
  }
}
.president-message__txt {
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 10px;
}
.president-message__txt p {
  margin-bottom: 21px;
}
.president-message__txt p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .president-message__txt p:last-child {
    margin-bottom: 20px;
  }
}
.president-message__company {
  text-align: right;
  font-size: 17px;
  margin: 0 0 32px;
}
@media screen and (max-width: 768px) {
  .president-message__company {
    margin-bottom: 18px;
  }
}
.president-message__name {
  text-align: right;
  font-size: 15px;
  letter-spacing: 0.02em;
}
.president-message__name img {
  margin: 0 3px 0 12px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .president-message__name img {
    height: 18px;
    display: inline-block;
    margin-top: 5px;
  }
}
.philosophy {
  position: relative;
  margin: 0 0 79px;
  height: 225px;
  box-sizing: border-box;
  border: 4px solid #40ade4;
  border-radius: 10px;
  background: url(../img/bg_philosophy.png) no-repeat left -4px top -4px, url(../img/img_shabon.png) no-repeat right 3px bottom 1px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .philosophy {
    background: url(../img/bg_philosophy_sp.png) no-repeat left top/180px auto, url(../img/img_shabon.png) no-repeat right top 1px/110px auto;
    border: 2px solid #40ade4;
    height: auto;
  }
}
.philosophy__head {
  position: absolute;
  top: 58px;
  left: 17px;
  color: #FFFFFF;
  font-size: 23px;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.philosophy__head--jp {
  top: 68px;
}
@media screen and (max-width: 768px) {
  .philosophy__head {
    font-size: 19px;
    top: 30px;
  }
  .philosophy__head--jp {
    top: 40px;
  }
}
.philosophy__txt {
  color: #0093d6;
  font-size: 34px;
  text-align: center;
  margin: 67px auto 0;
  padding: 0 0 0 40px;
}
@media screen and (max-width: 768px) {
  .philosophy__txt {
    font-size: 25px;
    line-height: 26px;
    margin: 120px auto 10px;
    padding: 0;
  }
}
.shabon-group {
  padding: 0px 0 0;
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .shabon-group {
    margin: 0 0 60px;
  }
}
.shabon-group__tab {
  position: relative;
}
.shabon-group__tab:before, .shabon-group__tab:after {
  content: "";
  display: table;
}
.shabon-group__tab:after {
  clear: both;
}
.shabon-group__tab__head {
  float: left;
  text-align: center;
  margin: 0 26px 0 0;
  padding: 0 0 25px;
  width: 220px;
  cursor: pointer;
}
.shabon-group__tab__head:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .shabon-group__tab__head {
    background: url(../img/img_tab.png) no-repeat center bottom;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 20px;
  }
}
.shabon-group__tab__head__txt1 {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 34px;
  line-height: 36px;
  color: #0093d6;
  font-size: 16px;
  border: 1px solid #0093d6;
  border-radius: 17px;
}
@media screen and (max-width: 768px) {
  .shabon-group__tab__head__txt1 {
    height: 30px;
    line-height: 30px;
  }
}
.shabon-group__tab__head__txt2 {
  display: block;
  margin: 13px auto 0;
  font-size: 17px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .shabon-group__tab__head__txt2 {
    margin: 5px auto 0;
    font-size: 15px;
  }
  .shabon-group__tab__head__txt2 img {
    margin: 0 auto;
  }
}
.shabon-group__tab__head.active {
  background: url(../img/img_tab.png) no-repeat center bottom;
}
.shabon-group__tab__head.active .shabon-group__tab__head__txt1 {
  background: #0093d6;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .shabon-group__tab__head.active .shabon-group__tab__head__txt1 {
    background: #FFFFFF;
    color: #0093d6;
  }
}
.shabon-group__tab__content {
  display: none;
  position: absolute;
  width: 100%;
  top: 115px;
  left: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .shabon-group__tab__content {
    position: static;
    padding: 0 0 20px;
  }
}
.shabon-group__tab__content p {
  font-size: 16px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .shabon-group__tab__content p {
    font-size: 14px;
    line-height: 24px;
  }
}
.shabon-group__tab__content.active {
  display: block;
}
.access {
  margin: 0 0 155px;
}
@media screen and (max-width: 768px) {
  .access {
    margin-bottom: 60px;
  }
}
.access__map {
  float: left;
  width: 218px;
}
.access__map--factory {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .access__map {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
.access__map__head {
  display: block;
  width: 117px;
  height: 117px;
  background: #40ade4;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
  line-height: 122px;
  border-radius: 50%;
  margin: 0 0 38px;
}
@media screen and (max-width: 768px) {
  .access__map__head {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 15px;
    margin-bottom: 20px;
    float: left;
  }
}
@media screen and (max-width: 768px) {
  .access__map__main {
    padding-left: 80px;
  }
}
@media screen and (max-width: 768px) {
  .access__map__main--factory {
    padding-left: 0;
  }
}
.access__map__txt1 {
  font-size: 15px;
  border-bottom: 2px dashed #40ade4;
  padding: 0 0 12px;
  margin: 0 0 10px;
  letter-spacing: 0.05em;
}
.access__map__txt2 {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.access__map__link {
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .access__map__link {
    margin-top: 16px;
  }
}
.access__map__link a {
  letter-spacing: 0.05em;
  text-decoration: none;
}
.access__map__contact {
  background: #e9f9fd;
  padding: 22px 18px 40px;
  margin: 22px 0 0;
}
@media screen and (max-width: 768px) {
  .access__map__contact {
    padding: 18px 15px 18px;
  }
}
.access__map__contact__head {
  font-size: 15px;
  color: #0094d8;
  margin-bottom: 22px;
}
.access__map__contact__txt1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.access__map__contact__txt2 {
  color: #de4b89;
  font-size: 18px;
  text-decoration: none;
  margin-bottom: 15px;
}
.access__map__contact__txt3 {
  line-height: 25px;
}
.access__googlemap {
  float: right;
  width: 730px;
  height: 470px;
}
.access__googlemap--factory {
  width: 687px;
  height: 380px;
}
.access__googlemap iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .access__googlemap {
    float: none;
    width: 100%;
    height: 200px;
  }
}
.access__direction {
  margin: 43px 0 0;
}
.access__direction__head {
  background: #e9f9fd;
  color: #0094d8;
  font-size: 16px;
  height: 44px;
  line-height: 46px;
  padding-left: 18px;
  margin-bottom: 24px;
  letter-spacing: 0.04em;
}
.access__direction__vehicle {
  display: table;
  font-size: 15px;
  line-height: 25px;
  margin: 0 0 12px;
}
.access__direction__vehicle:last-of-type {
  margin-bottom: 34px;
}
.access__direction__vehicle__head {
  display: table-cell;
  border: 1px solid #40ade4;
  width: 163px;
  height: 46px;
  vertical-align: middle;
  color: #0094d8;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0 0 0 8px;
}
@media screen and (max-width: 768px) {
  .access__direction__vehicle__head {
    width: 100px;
    text-align: center;
    padding: 0;
  }
}
.access__direction__vehicle__head--jp {
  width: 183px;
}
@media screen and (max-width: 768px) {
  .access__direction__vehicle__head--jp {
    width: 120px;
    font-size: 12px;
  }
}
.access__direction__vehicle__head img {
  vertical-align: middle;
  padding-right: 12px;
}
@media screen and (max-width: 768px) {
  .access__direction__vehicle__head img {
    width: 20px;
    margin: 0 auto 3px;
    padding: 0;
  }
}
.access__direction__vehicle__detail {
  display: table-cell;
  vertical-align: middle;
}
.access__direction__vehicle__item {
  padding: 0 0 0 30px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .access__direction__vehicle__item {
    padding: 0 0 0 10px;
    letter-spacing: 0;
  }
}
.access__direction__vehicle__item:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #77c9f2;
  margin-right: 7px;
}
.access__direction__from {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .access__direction__from {
    margin-bottom: 30px;
  }
}
.access__parking {
  margin-top: 37px;
}
.access__parking:before, .access__parking:after {
  content: "";
  display: table;
}
.access__parking:after {
  clear: both;
}
.access__parking__head {
  background: #e9f9fd;
  color: #0094d8;
  font-size: 16px;
  height: 44px;
  line-height: 46px;
  padding-left: 18px;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .access__parking__head {
    margin-bottom: 8px;
  }
}
.access__parking__txt {
  float: left;
  width: 460px;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .access__parking__txt {
    float: none;
    width: 100%;
    padding-top: 10px;
  }
}
.access__parking__txt__dt {
  font-size: 16px;
  color: #0094d8;
  padding: 0 0 6px;
  margin-bottom: 13px;
  border-bottom: 2px dotted #0094d8;
}
.access__parking__txt__dd {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 33px;
}
.access__parking__figure {
  float: right;
}
.basic-policies {
  margin: 0 0 100px;
}
.basic-policies__txt {
  height: 284px;
  margin: -18px 0 0 -6px;
  padding: 75px 0 0 104px;
  background: url(../img/bg_basic_policies.png) no-repeat center top;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .basic-policies__txt {
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
  }
}
.basic-policies__txt--jp {
  padding: 71px 0 0 211px;
}
@media screen and (max-width: 768px) {
  .basic-policies__txt--jp {
    padding: 0px 0 0 0px;
  }
}
.basic-policies__txt__item {
  position: relative;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 19px;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .basic-policies__txt__item {
    font-size: 14px;
  }
}
.basic-policies__txt__item span {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .environment {
    background-position: center bottom;
    background-size: 100px auto;
    padding-bottom: 80px;
  }
}
.environment__main {
  margin: 0 0 30px;
}
.environment__main:before, .environment__main:after {
  content: "";
  display: table;
}
.environment__main:after {
  clear: both;
}
.environment__title {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  color: #20aee9;
  border-radius: 50%;
  border: 2px solid #20aee9;
  width: 128px;
  height: 128px;
  line-height: 128px;
  text-align: center;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .environment__title {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    float: none;
    margin: 0 auto 10px;
  }
}
.environment__txt {
  float: right;
  width: 815px;
  font-size: 18px;
  line-height: 26px;
  padding: 13px 0 0;
}
@media screen and (max-width: 768px) {
  .environment__txt {
    width: 100%;
    float: none;
    padding: 0 0 0;
    box-sizing: border-box;
    font-size: 14px;
  }
}
.environment__txt--jp {
  padding: 38px 0 0;
}
@media screen and (max-width: 768px) {
  .environment__txt--jp {
    padding-top: 0;
  }
}
.environment__txt--2 {
  padding-top: 0;
  font-size: 16px;
  line-height: 26px;
}
.environment__txt--2 p {
  margin: 0 0 22px;
}
.environment__txt--2 li {
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 16px;
}
.history {
  margin: 0 0 230px;
}
.history:before, .history:after {
  content: "";
  display: table;
}
.history:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .history {
    margin: 0 0 60px;
  }
}
.history__main {
  float: left;
  width: 760px;
  border-top: 1px dotted #cecece;
}
@media screen and (max-width: 768px) {
  .history__main {
    float: none;
    width: 100%;
    margin: 0 0 23px;
  }
}
.history__year {
  color: #016ea0;
  font-size: 15px;
  padding: 24px 0 0 1px;
  float: left;
  clear: both;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .history__year {
    padding: 12px 0 6px;
    float: none;
  }
}
.history__txt {
  border-bottom: 1px dotted #cecece;
  box-sizing: border-box;
  padding: 22px 0 14px 122px;
  font-size: 15px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .history__txt {
    padding: 0 0 12px;
  }
}
.history__txt--jp {
  padding: 22px 0 14px 182px;
}
@media screen and (max-width: 768px) {
  .history__txt--jp {
    padding: 0px 0 14px 0px;
  }
}
.history__photo {
  float: right;
  width: 159px;
}
@media screen and (max-width: 768px) {
  .history__photo {
    display: none;
  }
}
.history__photo__item {
  margin: 0 0 16px;
}
@media screen and (max-width: 768px) {
  .history__photo__item {
    float: left;
    margin: 0 4% 20px 0;
    width: 48%;
  }
  .history__photo__item:nth-child(even) {
    margin-right: 0;
  }
}
.history__photo__txt {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.05em;
  margin: 5px 0 0;
}
.store {
  margin-bottom: 90px;
}
.store:before, .store:after {
  content: "";
  display: table;
}
.store:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .store {
    margin-bottom: 30px;
  }
}
.store__description {
  width: 606px;
  float: right;
}
@media screen and (max-width: 768px) {
  .store__description {
    width: auto;
    float: none;
    margin: 0 10px 30px 10px;
  }
}
@media screen and (max-width: 768px) {
  .store__description iframe {
    width: 100%;
  }
}
.store__data {
  width: 326px;
  float: left;
}
.store__data__text {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .store__data {
    width: auto;
    float: none;
    margin: 0 10px 30px 10px;
  }
}
.store__head {
  line-height: 50px;
  background: #dcf0fb;
  font-size: 17px;
  padding-left: 24px;
  position: relative;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .store__head {
    line-height: 1.4;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.store__head:before {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  background: #40ade4;
  position: absolute;
  top: 50%;
  left: 0;
}
.store__photo {
  display: block;
  margin: 0 auto;
}
.store__text {
  margin-bottom: 24px;
  line-height: 1.78;
}
.store__data__head {
  margin-top: 30px;
  margin-bottom: 16px;
  height: 54px;
  background: #40ade4;
  color: #fff;
  padding: 20px 0 20px 12px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .store__data__head {
    height: auto;
  }
}
.store__data__text {
  line-height: 1.78;
}
.store__data__text a {
  color: #242424;
  text-decoration: none;
}
.store__data__text a:hover {
  text-decoration: underline;
}
.privacy {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .privacy {
    margin: 0 10px 10px;
  }
}
.privacy p {
  font-size: 14px;
  line-height: 1.92;
}
.privacy__item p {
  margin: 0 0 20px 30px;
}
.privacy__name {
  margin-left: 780px;
}
@media screen and (max-width: 768px) {
  .privacy__name {
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .privacy-contact {
    margin: 0 10px 10px;
  }
}
.privacy-contact p {
  font-size: 14px;
  line-height: 1.92;
}
.qa {
  border: 1px solid #40ade4;
  padding: 14px 14px 22px;
  margin-bottom: 12px;
  border-radius: 5px;
  background: url(../img/icn_plus.png) no-repeat right 22px top 22px;
}
.qa--open {
  background: url(../img/icn_minus.png) no-repeat right 22px top 22px;
}
@media screen and (max-width: 768px) {
  .qa {
    margin: 0 10px 10px;
  }
}
.qa__q {
  clear: both;
  cursor: pointer;
}
.qa__q__icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/icn_q.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
.qa__q__text {
  font-size: 16px;
  line-height: 1.35;
  margin-left: 60px;
  display: block;
  padding-top: 10px;
  margin-right: 30px;
}
.qa__a {
  clear: both;
  padding-top: 12px;
}
.qa__a__icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/icn_a.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
.qa__a__text {
  font-size: 15px;
  line-height: 1.35;
  background: #e9f9fd;
  padding: 15px 20px;
  margin-left: 60px;
}
.interview-button {
  display: block;
  margin: 26px auto 85px;
  width: 962px;
}
.interview-button:before, .interview-button:after {
  content: "";
  display: table;
}
.interview-button:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .interview-button {
    width: 100%;
    max-width: 481px;
    margin-bottom: 40px;
  }
}
.interview-button:last-child {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .interview-button:last-child {
    margin-bottom: 60px;
  }
}
.interview-button:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: 0.4s;
}
.interview-button img {
  display: block;
  float: left;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .interview-button img {
    float: none;
  }
}
.interview-button img:last-child {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .interview-button img:last-child {
    margin-top: 0;
  }
}
.interview__head {
  margin-bottom: 51px;
}
.interview__lead {
  text-align: center;
  margin: 0 0 38px;
}
.interview__lead__head {
  margin: 0 0 30px;
}
.interview__lead__head--nagumo {
  margin: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .interview__lead__head {
    margin-bottom: 20px;
  }
  .interview__lead__head img {
    margin: 0 auto;
  }
}
.interview__lead__txt {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .interview__lead__txt {
    text-align: left;
  }
}
.interview__update {
  text-align: right;
  margin-top: -10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .interview__update {
    margin-top: 0px;
  }
}
@media screen and (max-width: 599px) {
  .interview__update {
    margin: 20px 0px;
    text-align: left;
  }
}
.interview__intro {
  background: #ebf5fb;
  width: 460px;
  padding-top: 43px;
  margin-bottom: 60px;
  box-sizing: border-box;
}
.interview__intro:before, .interview__intro:after {
  content: "";
  display: table;
}
.interview__intro:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .interview__intro {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 25px;
    overflow: hidden;
  }
}
.interview__intro--left {
  float: left;
}
@media screen and (max-width: 768px) {
  .interview__intro--left {
    float: none;
    padding: 10px;
  }
}
.interview__intro--right {
  float: right;
  padding-left: 33px;
}
@media screen and (max-width: 768px) {
  .interview__intro--right {
    float: none;
    padding: 10px;
  }
}
.interview__intro__box {
  float: left;
  width: 310px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .interview__intro__box {
    float: none;
    padding: 0px;
    width: auto;
    margin-top: 10px;
  }
}
.interview__intro--nagumo {
  width: auto;
  padding: 20px 20px 20px 20px;
  margin-bottom: 40px;
  height: auto !important;
}
@media screen and (max-width: 768px) {
  .interview__intro--nagumo {
    margin-bottom: 10px;
  }
}
.interview__intro--nagumo img {
  float: right;
}
.interview__intro--profile {
  width: auto;
  padding: 20px;
  margin-bottom: 40px;
  height: auto !important;
}
@media screen and (max-width: 768px) {
  .interview__intro--profile {
    margin-bottom: 10px;
  }
}
.interview__intro--profile img {
  float: right;
}
.interview__intro__main {
  width: 250px;
  float: left;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .interview__intro__main {
    width: auto;
    float: none;
  }
}
.interview__intro__main--nagumo {
  width: 660px;
}
@media screen and (max-width: 768px) {
  .interview__intro__main--nagumo {
    width: 420px;
    float: left;
  }
}
@media screen and (max-width: 599px) {
  .interview__intro__main--nagumo {
    width: auto;
    margin: 0 auto;
    float: none;
  }
}
.interview__intro__main--profile {
  width: 660px;
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .interview__intro__main--profile {
    width: 420px;
    float: left;
    padding: 0px;
  }
}
@media screen and (max-width: 599px) {
  .interview__intro__main--profile {
    width: auto;
    margin: 0 auto;
    float: none;
  }
}
.interview__intro__title {
  font-size: 20px;
  line-height: 25px;
  color: #009fe8;
  letter-spacing: 0.03em;
  margin: 0 0 23px;
}
@media screen and (max-width: 768px) {
  .interview__intro__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.interview__intro__title2 {
  line-height: 1.29;
  margin-bottom: 8px;
}
.interview__intro__name {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .interview__intro__name {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.interview__intro__name span {
  font-size: 14px;
}
.interview__intro__txt {
  font-size: 13px;
  line-height: 20px;
}
.interview__intro__photo {
  margin-bottom: 37px;
}
@media screen and (max-width: 768px) {
  .interview__intro__photo {
    margin-bottom: 10px;
  }
}
.interview__intro__photo--left {
  float: left;
  margin-right: 28px;
}
@media screen and (max-width: 768px) {
  .interview__intro__photo--left {
    margin-right: 4%;
    width: 30%;
  }
}
.interview__intro__photo--right {
  float: right;
}
@media screen and (max-width: 768px) {
  .interview__intro__photo--right {
    float: left;
    margin-right: 4%;
    width: 30%;
  }
}
@media screen and (max-width: 599px) {
  .interview__intro__photo-nagumo {
    margin: 0 auto;
    float: none !important;
  }
}
.interview__intro__book {
  overflow: hidden;
  padding-top: 8px;
  margin-top: 12px;
  margin-bottom: -10px;
  border-top: 1px dotted #63778A;
  line-height: 20px;
}
.interview__intro__book dt {
  margin-bottom: 3px;
  color: #0182be;
}
.interview__intro__book dd {
  overflow: hidden;
  font-size: 13px;
}
.interview__intro__book dd .photo {
  float: left;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .interview__intro__book dd .photo {
    float: none;
    padding-right: 0px;
    margin-bottom: 10px;
    text-align: center;
  }
}
.interview__intro__book dd .photo img {
  display: block;
  margin-bottom: 3px;
  float: none !important;
}
@media screen and (max-width: 768px) {
  .interview__intro__book dd .photo img {
    margin: 5px auto 5px auto;
  }
}
.interview__section {
  margin-bottom: 40px;
}
.interview__section:before, .interview__section:after {
  content: "";
  display: table;
}
.interview__section:after {
  clear: both;
}
.interview__scatch {
  font-size: 17px;
  margin: 30px 0px 25px 0px;
  clear: both;
  color: #009fe8;
}
@media screen and (max-width: 768px) {
  .interview__scatch {
    font-size: 16px;
    line-height: 1.4;
  }
}
.interview__txt {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #3a3939;
  margin-left: 50px;
  padding-left: 15px;
  margin-bottom: 22px;
}
.interview__txt span {
  position: absolute;
  top: 0;
  left: -50px;
}
.interview__txt .stxt {
  font-size: 13px;
  line-height: 1.3;
}
.interview__txt .stxt a {
  position: relative;
  z-index: 100;
}
.interview__txt--blue {
  border-left: 1px solid #4a78cb;
}
.interview__txt--blue span {
  color: #4a78cb;
}
.interview__txt--orange {
  border-left: 1px solid #e68f41;
}
.interview__txt--orange span {
  color: #e68f41;
}
.interview__txt--green {
  border-left: 1px solid #1d9125;
}
.interview__txt--green span {
  color: #1d9125;
}
.interview__txt em {
  color: #2AAD10;
  font-weight: bold;
}
.interview__txt em.stxt {
  font-size: 13px;
  font-weight: normal;
  color: #444;
}
.interview__right-img {
  float: right;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 599px) {
  .interview__right-img {
    float: none;
    margin: 0 auto 20px;
  }
}
.interview__right-img__w340 {
  width: 340px;
}
@media screen and (max-width: 768px) {
  .interview__right-img__w340 {
    width: auto;
    word-break: break-all;
  }
}
.interview__right-img__w260 {
  width: 260px;
}
@media screen and (max-width: 768px) {
  .interview__right-img__w260 {
    width: auto;
    word-break: break-all;
  }
  .interview__right-img__w260 img {
    margin-bottom: 5px;
  }
}
.interview__left-img {
  float: left;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 599px) {
  .interview__left-img {
    float: none;
    margin: 0 auto 20px;
  }
}
.interview__left-img__w260 {
  width: 260px;
}
@media screen and (max-width: 768px) {
  .interview__left-img__w260 {
    width: auto;
    word-break: break-all;
  }
  .interview__left-img__w260 img {
    margin-bottom: 5px;
  }
}
.interview__munakata {
  padding: 20px 0px 0px 40px;
  overflow: hidden;
  width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
  .interview__munakata {
    padding: 20px 0px 0px 0px;
    width: 100%;
  }
}
.interview__munakata__box {
  overflow: hidden;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .interview__munakata__box {
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .interview__munakata__box img {
    display: block;
    margin: 0 auto;
  }
}
.interview__munakata__box p {
  margin-bottom: 10px;
  line-height: 1.4;
}
.interview__munakata__box p.tit {
  font-size: 17px;
  margin-top: 20px;
}
.interview__munakata-wrap {
  border: 2px solid #2f61ac;
  color: #3a3939;
  padding: 37px 35px 30px 35px;
  margin-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .interview__munakata-wrap {
    padding: 10px 20px 15px 20px;
  }
}
.interview__munakata-wrap__head-1 {
  font-size: 27px;
  padding: 20px 0px 20px 0px;
  margin-left: -5px;
}
@media screen and (max-width: 768px) {
  .interview__munakata-wrap__head-1 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.interview__munakata-wrap__image {
  float: right;
}
@media screen and (max-width: 768px) {
  .interview__munakata-wrap__image {
    float: none;
    margin: 20px auto;
    text-align: center;
    display: block;
  }
}
.interview__munakata-wrap__main {
  width: 490px;
  float: left;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .interview__munakata-wrap__main {
    width: auto;
    float: none;
    margin: 0 0;
  }
}
.interview__munakata-wrap__main p {
  padding-top: 30px;
  border-top: 2px solid #2f61ac;
  line-height: 185%;
}
@media screen and (max-width: 768px) {
  .interview__munakata-wrap__main p {
    padding-top: 15px;
  }
}
.interview__munakata-wrap__main dl {
  background: #f3f8ff;
  padding: 25px;
  margin-top: 30px;
}
.interview__munakata-wrap__main dl dt {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
.interview__munakata-wrap__main dl dd {
  line-height: 160%;
}
.interview__oota {
  border: 2px solid #2f61ac;
  color: #3a3939;
  padding: 30px 35px 26px 35px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .interview__oota {
    padding: 20px 25px 20px 25px;
    margin-bottom: 50px;
  }
}
.interview__oota__head-1 {
  font-size: 27px;
  padding: 5px 0px 15px 0px;
  border-bottom: 2px solid #2f61ac;
  margin-bottom: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .interview__oota__head-1 {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
  }
}
.interview__oota__wrap {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 185%;
}
.interview__oota__wrap:before, .interview__oota__wrap:after {
  content: "";
  display: table;
}
.interview__oota__wrap:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .interview__oota__wrap {
    margin-bottom: 10px;
  }
}
.interview__oota__wrap__image {
  float: right;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .interview__oota__wrap__image {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.interview__oota__text {
  font-size: 15px;
  line-height: 185%;
  margin-bottom: 20px;
}
.interview__asagiri {
  padding: 20px 0px 0px 40px;
  overflow: hidden;
  width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
  .interview__asagiri {
    padding: 20px 0px 0px 0px;
    width: 100%;
  }
}
.interview__asagiri__inr {
  overflow: hidden;
}
.interview__asagiri-wrap {
  border: 2px solid #2f61ac;
  color: #3a3939;
  padding: 37px 35px 30px 35px;
  margin-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .interview__asagiri-wrap {
    padding: 27px 25px 20px 25px;
  }
}
@media screen and (max-width: 599px) {
  .interview__asagiri-wrap {
    padding: 10px 15px 15px 15px;
  }
}
.interview__asagiri-wrap__head-1 {
  font-size: 27px;
  padding: 5px 0px 20px 0px;
}
@media screen and (max-width: 768px) {
  .interview__asagiri-wrap__head-1 {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
  }
}
.interview__asagiri-wrap__image {
  float: right;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .interview__asagiri-wrap__image {
    width: 43%;
  }
}
@media screen and (max-width: 599px) {
  .interview__asagiri-wrap__image {
    float: none;
    margin: 20px auto;
    text-align: center;
    display: block;
    width: 100%;
  }
}
.interview__asagiri-wrap__main {
  width: 500px;
  float: left;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .interview__asagiri-wrap__main {
    width: 55%;
  }
}
@media screen and (max-width: 599px) {
  .interview__asagiri-wrap__main {
    width: auto;
    float: none;
    margin: 0 0;
  }
}
.interview__asagiri-wrap__main p {
  padding-top: 20px;
  border-top: 2px solid #2f61ac;
  line-height: 185%;
}
@media screen and (max-width: 768px) {
  .interview__asagiri-wrap__main p {
    padding-top: 15px;
  }
}
.interview__asagiri-wrap__onsen {
  margin-top: 20px;
}
.interview__asagiri-wrap__onsen__prof {
  width: 245px;
  float: left;
}
@media screen and (max-width: 599px) {
  .interview__asagiri-wrap__onsen__prof {
    float: none;
    width: 100%;
  }
}
.interview__asagiri-wrap__onsen__prof dt {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.interview__asagiri-wrap__onsen__prof dt img {
  margin-bottom: 12px;
}
@media screen and (max-width: 599px) {
  .interview__asagiri-wrap__onsen__prof dt img {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
  }
}
.interview__asagiri-wrap__onsen__prof dd {
  line-height: 150%;
}
.interview__asagiri-wrap__onsen__image {
  float: right;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .interview__asagiri-wrap__onsen__image {
    width: 60%;
  }
}
@media screen and (max-width: 599px) {
  .interview__asagiri-wrap__onsen__image {
    width: 100%;
  }
}
.text-indent {
  text-indent: -1em;
  padding-left: 1em;
}
.interview-notes {
  text-indent: -1em;
  padding-left: 1em;
  text-align: right;
  margin-top: 15px;
  color: #009fe8;
}
@media screen and (max-width: 768px) {
  .interview-notes {
    font-size: 11px;
  }
}
.interview-photolist {
  display: flex;
  margin: 40px 0px;
}
@media screen and (max-width: 599px) {
  .interview-photolist {
    display: block;
    width: 100%;
    margin: 25px 0px;
  }
}
.interview-photolist li {
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .interview-photolist li {
    width: 100%;
  }
}
.interview-photolist img {
  float: left;
}
@media screen and (max-width: 599px) {
  .interview-photolist img {
    float: none;
    display: block;
    margin: 0 auto 10px auto;
  }
}
.interview-photolist__text {
  overflow: hidden;
  padding: 5px 20px 0px 15px;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .interview-photolist__text {
    margin-bottom: 10px;
  }
}
.interview-photolist__text .ttl {
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  .interview-photolist__text .ttl {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.sakamoto-opera {
  position: relative;
  border: 2px solid #2f61ac;
  color: #3a3939;
  padding: 37px 40px 30px 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .sakamoto-opera {
    padding: 20px 0 20px 0;
  }
}
.sakamoto-opera__tag {
  background: #2f61ac;
  color: #FFFFFF;
  font-size: 19px;
  width: 444px;
  height: 39px;
  line-height: 39px;
  box-sizing: border-box;
  padding: 0 0 0 32px;
  letter-spacing: 0.05em;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .sakamoto-opera__tag {
    width: 100%;
    height: auto;
    padding: 8px 15px 8px 15px;
    line-height: 1.2;
    font-size: 16px;
    margin-bottom: 22px;
  }
}
.sakamoto-opera__head-1 {
  font-size: 29px;
  padding-left: 32px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .sakamoto-opera__head-1 {
    padding: 0 15px;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
  }
}
.sakamoto-opera__head-2 {
  padding-left: 32px;
  font-size: 18px;
  color: #2f61ac;
}
@media screen and (max-width: 768px) {
  .sakamoto-opera__head-2 {
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 14px;
  }
}
.sakamoto-opera__image {
  position: absolute;
  top: 34px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .sakamoto-opera__image {
    position: static;
    margin: 0 auto 20px;
  }
}
.sakamoto-opera__main {
  margin: 44px 0 0;
  font-size: 14px;
  line-height: 24px;
  padding-left: 32px;
}
@media screen and (max-width: 768px) {
  .sakamoto-opera__main {
    padding: 0 15px;
    margin: 0 0;
  }
}
.mascot-story {
  border: 2px solid #40ade4;
  background: url(../img/bg_mesh.png) repeat;
  margin-bottom: 100px;
  border-radius: 20px;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .mascot-story {
    padding: 20px 10px;
  }
}
.mascot-story__catch {
  text-align: center;
  margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
  .mascot-story__catch {
    margin-bottom: 20px;
  }
}
.mascot-story__text {
  width: 560px;
  float: left;
  line-height: 1.785;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .mascot-story__text {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
}
.mascot-story__img {
  float: right;
}
.mascot-story__button {
  clear: both;
}
.mascot-story__button img {
  display: block;
  margin: 0 auto;
}
.mascot-story .heading-1 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .mascot-story .heading-1 {
    margin-bottom: 20px;
  }
}
.junbi {
  border: 1px solid #40ade4;
  margin-bottom: 300px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .junbi {
    margin: 0 20px 80px;
  }
}
.junbi p {
  text-align: center;
  font-size: 16px;
  color: #009fe8;
  padding: 30px 20px;
}
.products__lists {
  background: #a3d7f2;
  padding: 55px 0 20px 35px;
  margin-bottom: 85px;
  border-radius: 8px;
}
.products__lists:before, .products__lists:after {
  content: "";
  display: table;
}
.products__lists:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .products__lists {
    margin: 0 10px 40px;
    padding: 10px 5px;
  }
}
.products__list {
  float: left;
  margin-right: 17px;
  margin-bottom: 17px;
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
  width: 18%;
}
@media screen and (max-width: 768px) {
  .products__list {
    width: 48%;
    margin: 0 1% 5px;
  }
}
.products__list img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .products__list img {
    width: 100%;
  }
}
.products__list--03, .products__list--07, .products__list--onlineshop {
  /* margin-right: 0; */
}
.products__list--01 {
  background-image: url(../img/nav_home_products_01_on.png);
}
.products__list--02 {
  background-image: url(../img/nav_home_products_02_on.png);
}
.products__list--03 {
  background-image: url(../img/nav_home_products_03_on.png);
}
.products__list--04 {
  background-image: url(../img/nav_home_products_04_on.png);
}
.products__list--05 {
  background-image: url(../img/nav_home_products_05_on.png);
}
.products__list--06 {
  background-image: url(../img/nav_home_products_06_on.png);
}
.products__list--07 {
  background-image: url(../img/nav_home_products_07_on.png);
}
.products__list--08 {
  background-image: url(../img/nav_home_products_08_on.png);
}
.products__list--09 {
  background-image: url(../img/nav_home_products_09_on.png);
}
.products__list--10 {
  background-image: url(../img/nav_home_products_10_on.png);
}
.products__list--11 {
  background-image: url(../img/nav_home_products_11_on.png);
}
.products__list--12 {
  background-image: url(../img/nav_home_products_12_on.png);
}
.products__list--13 {
  background-image: url(../img/nav_home_products_13_on.png);
}
.products__list--14 {
  background-image: url(../img/nav_home_products_14_on.png);
}
.products__list--onlineshop {
  position: relative;
}
.products__list--onlineshop img {
  position: absolute;
  top: 17px;
  left: 39px;
}
@media screen and (max-width: 768px) {
  .products__list--onlineshop img {
    position: relative;
    top: auto;
    left: auto;
  }
}
.lineup__lists {
  margin-bottom: 80px;
  overflow: hidden;
}
.lineup__lists .mr0 {
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .lineup__lists {
    display: none;
  }
}
.lineup__list {
  float: left;
  margin: 0 20px 15px 0;
}
.lineup__list dt {
  margin-bottom: 5px;
}
.cat__lists {
  display: none;
}
@media screen and (max-width: 768px) {
  .cat__lists {
    display: block;
  }
}
.cat__list {
  border-top: 1px dotted #CCC;
}
.cat__list a {
  display: block;
  color: #333;
  padding: 13px 5px;
}
.cat__list span {
  display: block;
  background: url(/img/ico_arrow01.gif) no-repeat center right;
  background-size: 9px 10px;
  -webkit-background-size: 13px 13px;
  -moz-background-size: 13px 13px;
  padding-left: 55px;
}
.cat__list--01 a {
  background: url(/img/icon_cat01.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--02 a {
  background: url(/img/icon_cat02.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--03 a {
  background: url(/img/icon_cat03.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--04 a {
  background: url(/img/icon_cat04.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--05 a {
  background: url(/img/icon_cat05.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--06 a {
  background: url(/img/icon_cat06.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--07 a {
  background: url(/img/icon_cat07.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--08 a {
  background: url(/img/icon_cat08.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--09 a {
  background: url(/img/icon_cat09.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--10 a {
  background: url(/img/icon_cat10.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--11 a {
  background: url(/img/icon_cat11.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.cat__list--12 a {
  background: url(/img/icon_cat12.jpg) no-repeat 5px center;
  background-size: 45px 35px;
  -webkit-background-size: 45px 35px;
  -moz-background-size: 31px 27px;
}
.brand-banner {
  margin-bottom: 100px;
}
.brand-banner:before, .brand-banner:after {
  content: "";
  display: table;
}
.brand-banner:after {
  clear: both;
}
.brand-banner__item {
  float: left;
  margin: 0 0 30px 30px;
}
@media screen and (max-width: 768px) {
  .brand-banner__item {
    width: auto;
    margin: 0 10px 10px;
    float: none;
  }
}
.sociery-lead {
  background: #ddf2bc;
  width: 100%;
  margin: -10px 0 25px;
}
.sociery-lead:before, .sociery-lead:after {
  content: "";
  display: table;
}
.sociery-lead:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .sociery-lead {
    margin: 0 0 20px;
  }
}
.sociery-lead__image {
  float: left;
}
@media screen and (max-width: 768px) {
  .sociery-lead__image {
    float: none;
  }
}
.sociery-lead__image img {
  display: block;
}
.sociery-lead__main {
  position: relative;
  float: right;
  width: 350px;
  padding: 107px 30px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .sociery-lead__main {
    float: none;
    margin-bottom: 20px;
    width: 100%;
    padding: 0;
  }
}
.sociery-lead__head {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #3baa62;
  color: #FFFFFF;
  width: 460px;
  height: 54px;
  line-height: 54px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 25px;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  margin: 0 0;
}
@media screen and (max-width: 768px) {
  .sociery-lead__head {
    position: static;
    width: 100%;
    font-size: 17px;
    text-align: center;
    padding: 10px 0;
    height: auto;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
.sociery-lead__txt {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.1em;
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .sociery-lead__txt {
    margin: 0 5% 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .sociery-lead__link {
    padding-left: 5%;
    display: block;
  }
}
.society-support {
  margin: 18px 0 30px;
}
.society-support--last {
  margin-bottom: 45px;
}
.society-support--col2 {
  width: 457px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .society-support--col2 {
    width: 100%;
    margin-bottom: 30px;
  }
}
.society-support--col2:nth-child(odd) {
  float: left;
}
@media screen and (max-width: 768px) {
  .society-support--col2:nth-child(odd) {
    float: none;
  }
}
.society-support--col2:nth-child(even) {
  float: right;
}
@media screen and (max-width: 768px) {
  .society-support--col2:nth-child(even) {
    float: none;
  }
}
.society-support__title {
  font-size: 16px;
  position: relative;
  padding: 0 0 12px 20px;
  margin: 0 0 10px 0;
  border-bottom: 2px dashed #3c9ed7;
}
.society-support__title--col2 {
  padding: 0 0 15px 18px;
  margin: 0 0 19px 0;
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .society-support__title {
    padding: 0 0 10px 18px;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}
.society-support__title:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  background: #3c9ed7;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .society-support__title:before {
    width: 12px;
    height: 12px;
    top: 3px;
  }
}
.society-support__txt p {
  margin-bottom: 6px;
}
.society-support__image {
  float: right;
  margin: 0 0 0 15px;
}
@media screen and (max-width: 768px) {
  .society-support__image {
    width: 40%;
  }
}
.society-support__link {
  font-size: 14px;
}
.society-support__link:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .society-support__link {
    display: block;
  }
}
.society-support-2 {
  border: 1px solid #3eade5;
  border-radius: 5px;
  padding: 14px 0 11px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.society-support-2:before, .society-support-2:after {
  content: "";
  display: table;
}
.society-support-2:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .society-support-2 {
    padding: 16px 4% 13px;
  }
}
.society-support-2 dt {
  float: left;
  width: 124px;
  color: #3eade5;
  font-size: 17px;
  border-right: 1px solid #3eade5;
  padding: 2px 0 2px 18px;
}
@media screen and (max-width: 768px) {
  .society-support-2 dt {
    width: 100%;
    border-right: none;
    padding: 0 0 5px;
  }
}
.society-support-2 dd {
  float: left;
  font-size: 14px;
  color: #242424;
  line-height: 23px;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .society-support-2 dd {
    padding: 0;
  }
}
.society-event__head {
  color: #3eade5;
  border: 1px solid #3eade5;
  width: 101px;
  height: 101px;
  box-sizing: border-box;
  text-align: center;
  line-height: 101px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .society-event__head {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-right: 8px;
  }
}
.society-event__main {
  padding-top: 5px;
  overflow: hidden;
}
.approach-index {
  display: block;
  border: 2px solid #3eade5;
  overflow: hidden;
  margin-bottom: 30px;
  background: url(../img/icn_arrow_right.png) no-repeat right 17px bottom 12px;
  text-decoration: none;
  border-radius: 8px;
}
.approach-index:before, .approach-index:after {
  content: "";
  display: table;
}
.approach-index:after {
  clear: both;
}
.approach-index:hover {
  background-color: #e9f9fd;
}
@media screen and (max-width: 768px) {
  .approach-index {
    background-size: 30px auto;
  }
}
.approach-index__img {
  float: left;
}
@media screen and (max-width: 599px) {
  .approach-index__img {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}
.approach-index__head {
  margin-top: 75px;
  margin-bottom: 15px;
  width: 580px;
  float: right;
  font-size: 26px;
  line-height: 38px;
  background: url(../img/bg_approach_index.png) no-repeat left center;
  color: #3eade5;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .approach-index__head {
    width: 380px;
  }
}
@media screen and (max-width: 599px) {
  .approach-index__head {
    float: none;
    width: auto;
    margin: 20px 10px 10px 10px;
  }
}
.approach-index__text {
  font-size: 15px;
  color: #242424;
  width: 600px;
  float: right;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .approach-index__text {
    width: 400px;
  }
}
@media screen and (max-width: 599px) {
  .approach-index__text {
    float: none;
    width: auto;
    margin: 0 60px 20px 10px;
  }
}
.environment-2 {
  background: url(../img/img_environment.png) no-repeat right bottom;
}
@media screen and (max-width: 768px) {
  .environment-2 {
    background-position: left bottom;
    background-size: 100px auto;
  }
}
.environment-2__main {
  margin: 0 0 30px;
}
.environment-2__main:before, .environment-2__main:after {
  content: "";
  display: table;
}
.environment-2__main:after {
  clear: both;
}
.environment-2__title {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  color: #20aee9;
  border-radius: 50%;
  border: 2px solid #20aee9;
  width: 128px;
  height: 128px;
  line-height: 128px;
  text-align: center;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .environment-2__title {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    float: none;
    margin: 0 auto 20px;
  }
}
.environment-2__name {
  margin-left: 610px;
}
@media screen and (max-width: 768px) {
  .environment-2__name {
    margin-left: 0;
  }
}
.environment-2__txt {
  float: right;
  width: 805px;
  font-size: 14px;
  line-height: 24px;
  padding: 13px 0 0;
}
.environment-2__txt p {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .environment-2__txt {
    width: 100%;
    float: none;
    padding: 0 0 0;
    box-sizing: border-box;
    font-size: 14px;
  }
}
.environment-2__txt--1 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .environment-2__txt--1 {
    margin-top: 0px;
  }
}
.environment-2__txt--2 {
  margin-top: 0px;
}
.environment-2__name {
  width: 200px;
}
.environment-mamoru {
  margin-bottom: 55px;
}
.environment-mamoru:before, .environment-mamoru:after {
  content: "";
  display: table;
}
.environment-mamoru:after {
  clear: both;
}
.environment-mamoru__text {
  width: 555px;
  float: right;
  background: url(../img/bg_environment.png) no-repeat right bottom;
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .environment-mamoru__text {
    float: none;
    width: auto;
    background-size: 150px auto;
    padding-bottom: 0px;
  }
}
.environment-mamoru__text p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 2em;
}
.environment-mamoru__text__catch {
  font-size: 26px;
  color: #029be1;
  margin-bottom: 1em;
  line-height: 1.4;
}
.environment-mamoru__text__p2 {
  margin-right: 260px;
}
@media screen and (max-width: 768px) {
  .environment-mamoru__text__p2 {
    margin-right: 150px;
  }
}
.environment-mamoru__photo {
  width: 360px;
  float: left;
}
.environment-mamoru__photo:before, .environment-mamoru__photo:after {
  content: "";
  display: table;
}
.environment-mamoru__photo:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .environment-mamoru__photo {
    float: none;
    width: auto;
  }
}
.environment-mamoru__photo img {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .environment-mamoru__photo img {
    width: 48%;
    float: left;
    margin: 0 1%;
  }
}
.sdgs__mov {
  max-width: 960px;
  margin: -25px auto 70px;
  text-align: center;
  position: relative;
  padding-top: 56.25%;
}
.sdgs__mov iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.sdgs__link {
  position: relative;
  background-color: #28a3e0;
  color: #fff;
  display: inline-block;
  padding: 12px 35px 12px 20px;
  min-width: 150px;
  border: 1px solid #28a3e0;
  border-radius: 5px;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  margin-top: 10px;
  text-align: center;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .sdgs__link {
    width: 90%;
    display: block;
    margin: 10px auto 0 auto;
    position: relative;
    font-size: 14px;
    padding: 12px 30px 12px 12px;
    box-sizing: border-box;
    bottom: auto;
  }
}
.sdgs__link::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
}
.sdgs__link:hover {
  opacity: 0.8;
}
.sdgs__intro {
  padding: 50px 20px 40px 20px;
  text-align: center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2f5fc+0,e2f5fc+100&1+36,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2f5fc 0%, #e2f5fc 36%, rgba(226, 245, 252, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e2f5fc", endColorstr="#00e2f5fc",GradientType=0 );
  /* IE6-9 */
}
@media screen and (max-width: 768px) {
  .sdgs__intro {
    padding: 25px 20px;
    margin-top: -10px;
  }
}
.sdgs__intro__head {
  margin-bottom: 45px;
}
.sdgs__intro__head span {
  border-bottom: 2px dashed #28a3e0;
  padding-bottom: 10px;
  color: #28a3e0;
  font-size: 26px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .sdgs__intro__head span {
    font-size: 17px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .sdgs__intro__head {
    margin-bottom: 25px;
  }
}
.sdgs__intro__catch {
  font-size: 22px;
  color: #28a3e0;
  margin: 27px 0px 12px 0px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .sdgs__intro__catch {
    font-size: 16px;
    margin: 15px 0px 8px 0px;
  }
}
.sdgs__intro__text {
  font-size: 15px;
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .sdgs__intro__text {
    margin-bottom: 15px;
  }
}
.sdgs__intro__sign {
  font-size: 15px;
  text-align: right;
  line-height: 1.9;
  margin-bottom: 5px;
}
.sdgs__intro__sign img {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
}
.sdgs__intro__btn {
  position: relative;
  max-width: 280px;
  margin: 0 auto;
  display: block;
  padding: 15px;
  border: 1px solid #28a3e0;
  border-radius: 5px;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 599px) {
  .sdgs__intro__btn {
    margin: 15px 0px 0px 0px;
  }
}
.sdgs__intro__btn::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-right: 3px solid #28a3e0;
  border-bottom: 3px solid #28a3e0;
  transform: rotate(-45deg);
}
.sdgs__intro__btn:hover {
  background-color: #28a3e0;
  color: #fff;
}
.sdgs__intro__btn:hover::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.sdgs__about__text {
  font-size: 15px;
  line-height: 1.95;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .sdgs__about__text {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.sdgs__about__image {
  display: block;
  margin: 0 auto;
}
.sdgs__figure {
  margin-bottom: 60px;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .sdgs__figure {
    margin-bottom: 25px;
    margin-top: 15px;
  }
}
@media screen and (min-width: 960px) {
  .sdgs__figure a {
    pointer-events: none;
  }
}
.sdgs__menu {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .sdgs__menu {
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.sdgs__menu__list {
  position: relative;
  z-index: 98;
  width: 32%;
  border: 1px solid #3fade4;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .sdgs__menu__list {
    width: 100%;
    margin-bottom: 10px;
  }
}
.sdgs__menu__list dt {
  background: #3fade4;
  padding: 12px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 5px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .sdgs__menu__list dt {
    font-size: 16px;
    padding: 8px;
  }
}
.sdgs__menu__list dd {
  padding: 18px 15px 10px 15px;
}
.sdgs__menu__list dd li {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 10px;
  padding-left: 22px;
  background-image: url(/img/btn_link_right_5.png);
  background-repeat: no-repeat;
  background-size: 18px auto;
}
@media screen and (max-width: 768px) {
  .sdgs__menu__list dd li {
    font-size: 14px;
  }
}
.sdgs__shabon {
  position: relative;
  margin-top: -120px;
  padding-top: 120px;
  margin-bottom: 40px;
}
.sdgs__shabon:before, .sdgs__shabon:after {
  content: "";
  display: table;
}
.sdgs__shabon:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon {
    margin-top: -60px;
    padding-top: 60px;
    margin-bottom: 20px;
  }
}
.sdgs__shabon__ttl {
  display: block;
  margin-bottom: 22px;
  padding: 12px;
  background: #e2f5fc;
  box-sizing: border-box;
  width: 100%;
}
.sdgs__shabon__ttl:before, .sdgs__shabon__ttl:after {
  content: "";
  display: table;
}
.sdgs__shabon__ttl:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__ttl {
    padding: 14px 10px 10px 10px;
  }
}
.sdgs__shabon__ttl h5 {
  float: left;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 72px;
  font-size: 19px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__ttl h5 {
    float: none;
    height: auto;
    display: block;
    width: auto;
    font-size: 16px;
    padding-left: 15px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
.sdgs__shabon__ttl h5::before {
  background: #3c9ed7;
  content: "";
  height: 30px;
  width: 7px;
  left: 5px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__ttl h5::before {
    height: 100%;
    left: 0px;
  }
}
.sdgs__shabon__ttl__icon {
  overflow: hidden;
  float: right;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__ttl__icon {
    float: none;
  }
}
.sdgs__shabon__ttl__icon li {
  width: 74px;
  height: 74px;
  float: left;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__ttl__icon li {
    width: 40px;
    height: 40px;
  }
}
.sdgs__shabon__ttl__icon li img {
  max-width: 100%;
}
.sdgs__shabon__ttl02 {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 22px;
  padding: 0px 0px 8px 20px;
  border-bottom: 2px dotted #28a3e0;
  clear: both;
}
.sdgs__shabon__ttl02::before {
  background: #3c9ed7;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  position: absolute;
  top: 5px;
  border-radius: 100%;
}
.sdgs__shabon__sec {
  position: relative;
  margin-bottom: 25px;
}
.sdgs__shabon__sec:before, .sdgs__shabon__sec:after {
  content: "";
  display: table;
}
.sdgs__shabon__sec:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__sec {
    margin-top: 25px;
  }
}
.sdgs__shabon__box {
  float: right;
  width: 624px;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__box {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
}
.sdgs__shabon__box__text {
  font-size: 15px;
  line-height: 1.85;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__box__text {
    font-size: 14px;
  }
}
.sdgs__shabon__box__text.mb40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__box__text.mb40 {
    margin-bottom: 0px !important;
  }
}
.sdgs__shabon__box__st {
  font-size: 16px;
  line-height: 1.6;
  color: #0094d8;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}
.sdgs__shabon__box__item {
  display: flex;
  background: #ebf5f9;
  padding: 15px 7px;
}
@media screen and (max-width: 599px) {
  .sdgs__shabon__box__item {
    flex-wrap: wrap;
    padding: 12px 7px 5px 7px;
  }
}
.sdgs__shabon__box__item li {
  width: 20%;
  padding: 0px 8px;
  border-right: 1px solid #a7d8ea;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .sdgs__shabon__box__item li {
    width: 33.3%;
    padding: 0px 5px;
    margin-bottom: 15px;
  }
}
.sdgs__shabon__box__item li img {
  max-width: 100%;
}
.sdgs__shabon__box__item li p {
  text-align: center;
  line-height: 1.3;
}
.sdgs__shabon__box__item li:last-child {
  border-right: none;
}
.sdgs__shabon__box__item li a {
  display: block;
}
.sdgs__shabon__box__item li a:hover {
  opacity: 0.9;
}
.sdgs__shabon__box__list li {
  position: relative;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 6px;
  padding-left: 18px;
}
.sdgs__shabon__box__list li:before {
  background: #76c4ec;
  content: "";
  height: 12px;
  width: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  border-radius: 100%;
}
.sdgs__shabon__box .button-pink {
  display: inline-block;
}
.sdgs__shabon__box__ex {
  font-size: 15px;
  line-height: 1.4;
}
.sdgs__shabon__box__ex dt {
  float: left;
}
.sdgs__shabon__box__ex dd {
  margin-bottom: 5px;
  overflow: hidden;
}
.sdgs__shabon__image {
  width: 290px;
  float: left;
}
@media screen and (max-width: 768px) {
  .sdgs__shabon__image {
    width: 100%;
    float: none;
    text-align: center;
  }
}
.sdgs__shabon__image img {
  max-width: 100%;
  margin: 0 auto;
}
.kariyoyaku {
  background: #feeeef;
  padding: 33px 33px 20px;
  border-radius: 6px;
  line-height: 1.57;
  margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
  .kariyoyaku {
    padding: 15px 15px 5px;
  }
}
.kariyoyaku a {
  color: #242424;
}
.kariyoyaku a:hover {
  text-decoration: none;
}
.kariyoyaku p {
  margin-bottom: 10px;
}
.kariyoyaku__head {
  background: url(../img/line_dot_red.png) repeat-x center center;
  text-align: center;
  margin-bottom: 20px;
}
.kariyoyaku__head span {
  font-size: 19px;
  background: #feeeef;
  color: #e60505;
  padding: 0 10px;
}
.kariyoyaku__strong {
  color: #e60505;
  font-weight: bold;
}
.kariyoyaku__dial {
  background: #fff;
  padding: 13px 13px 1px;
  margin-bottom: 10px;
}
.kariyoyaku__dial p {
  position: relative;
  padding-left: 1.2em;
}
.kariyoyaku__dial p:before {
  content: "";
  display: block;
  height: 0.8em;
  width: 0.8em;
  background: #fd9aa0;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
}
.kariyoyaku__dial__btn {
  background: #40ade4;
  width: 300px;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  border-radius: 5px;
  margin-bottom: 10px;
}
.kariyoyaku__dial__btn__text {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.kariyoyaku__number {
  color: #0091dc;
  font-size: 16px;
  margin: 0 10px 0 5px;
}
.error-message {
  border: 2px solid #fd0303;
  text-align: center;
  color: #fd0303;
  padding: 20px;
  margin-bottom: 27px;
  line-height: 1.4;
}
.hissu-icon {
  background: #ee3162;
  color: #fff;
  font-size: 13px;
  padding: 3px 12px;
  border-radius: 2px;
  margin-right: 5px;
}
.hissu-icon--th {
  position: absolute;
  right: 10px;
  top: 16px;
}
@media screen and (max-width: 768px) {
  .hissu-icon--th {
    top: 8px;
  }
}
.form-table {
  border-collapse: separate;
  border: none;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .form-table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .form-table tbody, .form-table tr {
    display: block;
  }
}
.form-table__th {
  line-height: 1.4;
  border: 2px solid #fff;
  text-align: left;
  color: #1c8cc4;
  font-weight: bold;
  background: #e9f9fd;
  width: 235px;
  padding: 20px;
  position: relative;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .form-table__th {
    display: block;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
}
.form-table__td {
  border: 2px solid #fff;
  padding: 10px 0px 10px 30px;
  line-height: 1.4;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .form-table__td {
    display: block;
    width: 100%;
    padding: 10px 10px 20px 10px;
    box-sizing: border-box;
  }
}
.form-table__td__text {
  line-height: 1.4;
  margin-top: 10px;
}
.form-table__td__text--2 {
  margin-top: 0;
  margin-bottom: 10px;
}
.form-table__td__btn {
  display: inline-block;
  background: #fca83b;
  color: #fff;
  padding: 7px 20px;
  text-decoration: none;
  border-radius: 4px;
  vertical-align: 1px;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .form-table__td__btn {
    margin-bottom: 0px;
    padding: 7px 15px;
  }
}
.form-table__td__search {
  display: inline-block;
  background: url(../img/icn_search_1.png) no-repeat left center;
  padding-left: 20px;
  margin-left: 15px;
  text-decoration: none;
  vertical-align: 3px;
}
.form-table__td__search span {
  color: #19a3e9;
  padding-bottom: 1px;
  border-bottom: 1px solid #19a3e9;
}
.form-table__td__sub-head {
  margin-right: 10px;
}
.form-table__td__sub-head--fix {
  width: 55px;
  display: inline-block;
}
.form-table__td__line {
  margin-bottom: 10px;
}
.form-table__conf-text {
  color: #0c56bb;
}
.form-table select, .form-table [type=text], .form-table [type=email], .form-table [type=tel], .form-table [type=number], .form-table textarea {
  height: 34px;
  width: 104px;
  background: #fafafa;
  border: 1px solid #bdbcbc;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
}
.form-table select.is-error, .form-table [type=text].is-error, .form-table [type=email].is-error, .form-table [type=tel].is-error, .form-table [type=number].is-error, .form-table textarea.is-error {
  background: #feeeef;
  border: 1px solid #f66e6e;
}
.form-table [type=text], .form-table [type=email], .form-table [type=tel], .form-table [type=number], .form-table textarea {
  -webkit-appearance: none;
}
.form-table textarea {
  width: 100%;
  height: 160px;
}
.form-table label {
  color: #242424;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.form-table .form-box {
  margin-right: 15px;
}
.form-table .form-box--4 select {
  width: 222px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--4 select {
    width: auto;
  }
}
.form-table .form-box--5 input, .form-table .form-box--9 input, .form-table .form-box--10 input, .form-table .form-box--12 input, .form-table .form-box--13 input, .form-table .form-box--21 input, .form-table .form-box--23 input, .form-table .form-box--25 input, .form-table .form-box--26 input {
  width: 222px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--5 input, .form-table .form-box--9 input, .form-table .form-box--10 input, .form-table .form-box--12 input, .form-table .form-box--13 input, .form-table .form-box--21 input, .form-table .form-box--23 input, .form-table .form-box--25 input, .form-table .form-box--26 input {
    width: 100%;
  }
}
.form-table .form-box--24 input {
  width: 415px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--24 input {
    width: 100%;
  }
}
.form-table .form-box--27 {
  margin-right: 27px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--27--2 {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.form-table .form-box--6 input, .form-table .form-box--7 input {
  width: 425px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--6 input, .form-table .form-box--7 input {
    width: 100%;
  }
}
.form-table .form-box--8 input {
  width: 360px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--8 input {
    width: 100%;
  }
}
.form-table .form-box--11 input {
  width: 500px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--11 input {
    width: 100%;
  }
}
.form-table .form-box--16, .form-table .form-box--17, .form-table .form-box--18, .form-table .form-box--19, .form-table .form-box--20 {
  margin-right: 5px;
}
.form-table .form-box--22 textarea {
  width: 600px;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--22 textarea {
    width: 100%;
  }
}
.form-table .form-box--29 textarea {
  width: 600px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--29 textarea {
    width: 100%;
  }
}
.form-table .form-box--30 input {
  width: 242px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--30 input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .form-table .form-box--30 span {
    display: block;
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .form-table .form-box--31 {
    display: block;
    margin-bottom: 10px;
  }
}
.form-table .form-box--31 select {
  width: 105px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--31 select {
    width: 80px;
  }
}
.form-table .form-box--31 span {
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--31 span {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .form-table .form-box--32 {
    display: block;
    margin-bottom: 10px;
  }
}
.form-table .form-box--32 select {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--32 select {
    width: 80px;
  }
}
.form-table .form-box--32 span {
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--32 span {
    font-size: 15px;
  }
}
.form-table .form-box--33 {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--33 {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.form-table .form-box--33 input {
  width: 80px;
  margin: 0 10px;
}
.form-table .form-box--34 input {
  width: 180px;
}
@media screen and (max-width: 768px) {
  .form-table .form-box--34 input {
    width: auto;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .form-table .form-box--1 select, .form-table .form-box--2 select, .form-table .form-box--3 select {
    width: 80px;
  }
}
@media screen and (max-width: 768px) {
  .form-table .form-box--14, .form-table .form-box--15, .form-table .form-box--16, .form-table .form-box--17, .form-table .form-box--18, .form-table .form-box--19, .form-table .form-box--20, .form-table .form-box--21 {
    display: block;
    margin-bottom: 10px;
  }
  .form-table .form-box--14 .ml20, .form-table .form-box--15 .ml20, .form-table .form-box--16 .ml20, .form-table .form-box--17 .ml20, .form-table .form-box--18 .ml20, .form-table .form-box--19 .ml20, .form-table .form-box--20 .ml20, .form-table .form-box--21 .ml20 {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-table .form-box--21 .form-table__td__sub-head {
    display: block;
    margin-bottom: 5px;
  }
}
.item-error {
  color: #fd0303;
  margin-top: 10px;
}
.agree-policy {
  border: 1px solid #3eade5;
  padding: 15px;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.4;
}
.agree-policy a {
  color: #42a5d7;
}
.agree-policy__must {
  background: #ee3162;
  color: #fff;
  font-size: 13px;
  padding: 3px 12px;
  border-radius: 2px;
  margin-right: 5px;
}
.form-button-container {
  margin-bottom: 90px;
  position: relative;
}
.form-button-container .button-back {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .form-button-container .button-back {
    margin-top: 15px;
    position: relative;
    left: auto;
    top: auto;
  }
}
.form-button-container .button-back--top {
  width: 230px;
  position: relative;
  left: auto;
  top: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .td-table {
    width: 100%;
  }
}
.td-table th {
  text-align: left;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .td-table th {
    display: block;
    margin-bottom: 5px;
  }
}
.td-table td {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .td-table td {
    display: block;
  }
}
.td-table__row1 td input[type=text], .td-table__row1 td [type=tel], .td-table__row1 td [type=number] {
  width: 228px;
}
@media screen and (max-width: 768px) {
  .td-table__row1 td input[type=text], .td-table__row1 td [type=tel], .td-table__row1 td [type=number] {
    width: 100%;
  }
}
.td-table__row2 td input[type=text], .td-table__row2 td [type=tel], .td-table__row2 td [type=number] {
  width: 415px;
}
@media screen and (max-width: 768px) {
  .td-table__row2 td input[type=text], .td-table__row2 td [type=tel], .td-table__row2 td [type=number] {
    width: 100%;
  }
}
.form-complete {
  background: #e9f9fd;
  padding: 60px 90px 20px;
  margin-bottom: 55px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .form-complete {
    margin: 0 10px 40px;
    padding: 30px 20px 20px;
  }
}
.form-complete__head {
  font-family: "Noto Sans JP", sans-serif;
  color: #44b0e6;
  font-size: 28px;
  border-bottom: 2px dashed #44b0e6;
  margin-bottom: 45px;
  padding-bottom: 25px;
  text-align: center;
}
.form-complete__text {
  font-size: 15px;
  line-height: 1.33;
  background: url(../img/bg_form_complete.png) no-repeat bottom right;
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .form-complete__text {
    padding-bottom: 120px;
    background-size: 120px auto;
  }
}
.form-complete__text p {
  margin-bottom: 1em;
}
.factory-lead__nav {
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .factory-lead__nav {
    padding: 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .factory-lead__nav {
    padding: 0 10px;
  }
}
.factory-lead__nav li {
  width: calc(100% / 3);
  margin-left: 30px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 768px) {
  .factory-lead__nav li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 599px) {
  .factory-lead__nav li {
    margin-left: 5px;
  }
}
.factory-lead__nav li:first-child {
  margin-left: 0;
}
.factory-lead__nav li:not(.active) {
  opacity: 0.7;
}
.factory-lead__nav li.active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -60px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #40ace4 transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  .factory-lead__nav li.active::before {
    border-width: 10px 10px 0 10px;
    bottom: -45px;
  }
}
.factory-lead__nav__text {
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .factory-lead__nav__text {
    padding: 0 10px;
    font-size: 12px;
  }
}
.factory-lead__important {
  border-radius: 10px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .factory-lead__important {
    padding: 14px;
  }
}
.factory-lead__important br.sp {
  display: none;
}
@media screen and (max-width: 599px) {
  .factory-lead__important br.sp {
    display: block;
  }
}
.factory-lead__important__ttl {
  font-size: 18px;
  font-weight: bold;
  color: #e60505;
  text-align: center;
  margin-bottom: 10px;
  padding: 28px 14px 26px 14px;
  border-top: 2px solid #e60505;
  border-bottom: 1px solid #e60505;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__ttl {
    font-size: 15px;
    line-height: 1.4;
    padding: 10px;
    margin-bottom: 15px;
  }
}
.factory-lead__important__text {
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 16px;
  color: #e60505;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__text {
    font-size: 15px;
    line-height: 1.5;
  }
}
.factory-lead__important__update {
  text-align: right;
  font-size: 15px;
  margin-bottom: 10px;
}
.factory-lead__important__link {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__link {
    font-size: 15px;
    line-height: 1.5;
  }
}
.factory-lead__important__link::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 4px solid #0091dc;
  border-bottom: 4px solid #0091dc;
  transform: rotate(-45deg);
}
.factory-lead__important__link:hover {
  text-decoration: none;
}
.factory-lead__important__contact {
  line-height: 1.6;
  font-size: 16px;
  font-weight: bold;
  background: #feeeef;
  padding: 15px;
  color: #e60505;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__contact {
    font-size: 15px;
  }
}
.factory-lead__important__contact dt {
  font-weight: bold;
  float: left;
  padding-right: 25px;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__contact dt {
    padding-right: 0x;
    padding-bottom: 5px;
    float: none;
    border-bottom: 1px solid #e60505;
    margin-bottom: 5px;
  }
}
.factory-lead__important__contact dd {
  overflow: hidden;
  padding-left: 15px;
  border-left: 1px solid #e60505;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__contact dd {
    padding-left: 0px;
    border-left: none;
  }
}
.factory-lead__important__contact dd a {
  pointer-events: none;
  color: #e60505;
  text-decoration: none;
}
@media screen and (max-width: 599px) {
  .factory-lead__important__contact dd a {
    pointer-events: auto;
  }
}
.factory-lead__tab {
  position: relative;
  overflow: hidden;
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  .factory-lead__tab {
    padding-top: 0;
  }
}
.tab-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  opacity: 0;
}
.tab-content.show {
  position: relative;
  opacity: 1;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .tab-content.show {
    padding-top: 25px;
  }
}
.factory-lead {
  margin-bottom: 40px;
}
.factory-lead__image {
  margin: 0px auto 20px;
}
.factory-lead__ttl {
  font-size: 18px;
  line-height: 28px;
  margin-top: 10px;
  color: #3eade5;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .factory-lead__ttl {
    text-align: center;
  }
}
.factory-lead__txt {
  font-size: 18px;
  line-height: 28px;
}
.factory-lead__info {
  border: 3px solid #E31A21;
  padding: 20px 25px;
  margin-top: -10px;
  margin-bottom: 25px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .factory-lead__info {
    padding: 20px 15px;
  }
}
.factory-lead__info dt {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 19px;
  color: #CB1219;
  margin-bottom: 14px;
}
.factory-lead__info dd {
  font-size: 16px;
  line-height: 1.6;
}
.factory-tour {
  margin-bottom: 80px;
  margin-top: -130px;
  padding-top: 150px;
  display: block;
}
@media screen and (max-width: 768px) {
  .factory-tour {
    margin-top: -90px;
    padding-top: 90px;
    margin-bottom: 35px;
  }
}
.factory-tour__ttl {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .factory-tour__ttl {
    margin: 0px 10px 20px 10px;
  }
}
@media screen and (max-width: 768px) {
  .factory-tour__ttl img {
    width: 100%;
  }
}
.factory-tour__catch {
  text-align: center;
  font-size: 19px;
  color: #e8619a;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .factory-tour__catch {
    font-size: 16px;
  }
}
.factory-tour__catch span {
  position: relative;
  padding: 0px 20px;
}
.factory-tour__catch span::before {
  border-left: 3px dotted #e8619a;
  content: "";
  height: 28px;
  width: 10px;
  left: 0;
  position: absolute;
  top: 0px;
  transform: rotate(-30deg);
}
.factory-tour__catch span::after {
  border-right: 3px dotted #e8619a;
  content: "";
  height: 28px;
  width: 10px;
  right: 0;
  position: absolute;
  top: 0px;
  transform: rotate(30deg);
}
.factory-tour__flow {
  margin-top: -15px;
}
.factory-tour__flow__ttl {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .factory-tour__flow__ttl {
    margin: 0px 10px 10px;
  }
}
.factory-tour__flow__ttl span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
  font-size: 21px;
  color: #00a2e6;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .factory-tour__flow__ttl span {
    font-size: 17px;
  }
}
.factory-tour__flow__ttl::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 3px dotted #00a2e6;
}
.factory-tour__flow__photo {
  position: absolute;
  bottom: 0;
  right: 70px;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__photo {
    right: 0px;
    width: 140px;
  }
}
.factory-tour__flow__mov {
  margin-bottom: 125px;
  background-image: url(/img/factory-tour_truck.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__mov {
    padding-bottom: 150px;
    background-position: bottom center;
    margin-bottom: 40px;
    background-size: 130px auto;
  }
}
.factory-tour__flow__fuki {
  position: absolute;
  bottom: -92px;
  left: 0px;
  z-index: 5;
  background: #53cfe2;
  padding: 8px 15px 10px 15px;
  border-radius: 5px;
  color: #fff;
  min-width: 156px;
}
@media screen and (max-width: 599px) {
  .factory-tour__flow__fuki {
    text-align: left;
    left: -30px;
    bottom: -40px;
    min-width: 120px;
    padding: 8px;
  }
}
.factory-tour__flow__fuki:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 45px;
  margin-left: -15px;
  border: 14px solid transparent;
  border-bottom: 35px solid #53cfe2;
  transform: skewX(-30deg);
}
@media screen and (max-width: 599px) {
  .factory-tour__flow__fuki:before {
    border: 12px solid transparent;
    border-bottom: 27px solid #53cfe2;
    transform: skewX(-50deg);
    left: 55px;
    top: -35px;
  }
}
.factory-tour__flow__fuki__quiz {
  display: inline-block;
  padding: 4px 8px;
  background: #119aaf;
  margin-bottom: 3px;
  font-size: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.factory-tour__flow__fuki__txt {
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 15px;
}
@media screen and (max-width: 599px) {
  .factory-tour__flow__fuki__txt {
    font-size: 13px;
  }
}
.factory-tour__flow__list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__list {
    display: block;
    padding: 20px 35px;
  }
}
.factory-tour__flow__list li {
  position: relative;
  border: 2px solid #3eade5;
  padding: 20px 15px 20px 25px;
  margin-right: 44px;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__list li {
    margin-right: 0px;
    text-align: center;
    margin-bottom: 50px;
    padding: 20px 15px 25px 25px;
  }
}
.factory-tour__flow__list li:after, .factory-tour__flow__list li:before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  left: 100%;
  top: 50%;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__list li:after, .factory-tour__flow__list li:before {
    transform: rotate(90deg);
    bottom: 0;
    left: calc(50% - 20px);
  }
}
.factory-tour__flow__list li:after {
  border-color: rgba(247, 221, 51, 0);
  border-top-width: 109px;
  border-bottom-width: 109px;
  border-left-width: 34px;
  border-right-width: 34px;
  margin-top: -108px;
  border-left-color: #fff;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__list li:after {
    display: none;
  }
}
.factory-tour__flow__list li:before {
  border-color: rgba(30, 144, 255, 0);
  border-top-width: 111px;
  border-bottom-width: 111px;
  border-left-width: 34px;
  border-right-width: 34px;
  margin-top: -110px;
  margin-left: 2px;
  border-left-color: #3eade5;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__list li:before {
    border-top-width: 35px;
    border-bottom-width: 35px;
    border-left-width: 22px;
    border-right-width: 22px;
    margin-top: 110px;
    margin-left: 0px;
  }
}
.factory-tour__flow__list li h5 {
  position: relative;
  background: #3eade5;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  padding: 10px 12px;
  border-radius: 3px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .factory-tour__flow__list li h5 {
    font-size: 16px;
  }
}
.factory-tour__flow__list li h5::before {
  content: "";
  height: 10px;
  width: 10px;
  left: calc(50% - 6px);
  position: absolute;
  bottom: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 6.5px 0 6.5px;
  border-color: #3eade5 transparent transparent transparent;
}
.factory-tour__flow__list li img {
  margin: 0 auto;
}
.factory-tour__gallery {
  display: flex;
  background: #e2f5fc;
  border-radius: 8px;
  padding: 30px 26px 25px 26px;
  margin-bottom: 60px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .factory-tour__gallery {
    display: block;
    padding: 35px;
    margin-bottom: 30px;
    overflow: hidden;
  }
}
.factory-tour__gallery__ttl {
  margin-top: 20px;
  text-align: center;
  padding: 45px 10px 10px 10px;
  border: 2px solid #00a2e6;
  width: 154px;
  height: 154px;
  border-radius: 100%;
  color: #00a2e6;
  font-size: 21px;
  font-family: "Noto Sans JP", sans-serif;
  box-sizing: border-box;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .factory-tour__gallery__ttl {
    width: 130px;
    height: 130px;
    padding: 35px 10px 10px 10px;
    margin: -10px auto 10px auto;
  }
}
@media screen and (max-width: 599px) {
  .factory-tour__gallery__ttl {
    padding-top: 25px;
    width: 100px;
    height: 100px;
    font-size: 17px;
  }
}
.factory-tour__gallery__list {
  width: 680px;
  box-sizing: border-box;
  margin-left: 50px;
}
@media screen and (max-width: 599px) {
  .factory-tour__gallery__list {
    width: 100%;
    margin-left: 0px;
  }
}
.factory-tour__gallery__list .slick-arrow {
  border: none;
  background: none;
  display: block;
  width: 19px;
  height: 44px;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  outline: none;
  top: 30%;
}
.factory-tour__gallery__list .slick-arrow::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  border-right: 6px solid #00a2e6;
  border-bottom: 6px solid #00a2e6;
}
.factory-tour__gallery__list .slick-prev {
  transform: rotate(135deg);
  left: -25px;
}
.factory-tour__gallery__list .slick-next {
  transform: rotate(-45deg);
  right: -25px;
}
.factory-tour__gallery__list li {
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin: 0 10px;
  outline: none;
}
.factory-tour__gallery__list li img {
  max-width: 100%;
  margin-bottom: 8px;
}
.factory-tour__leaning {
  position: relative;
  padding: 50px 40px 20px 40px;
  border: 2px solid #00a2e6;
  border-radius: 10px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning {
    padding: 200px 15px 15px 15px;
    margin: 0 15px;
  }
}
.factory-tour__leaning__ttl {
  position: absolute;
  top: -28px;
  left: 0px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__ttl {
    top: -15px;
    right: 5px;
    left: auto;
    z-index: 3;
    width: 180px;
  }
}
.factory-tour__leaning__atn {
  text-align: right;
  margin-top: 30px;
  color: #e13549;
  margin-right: -25px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__atn {
    font-size: 12px;
    margin-right: 0px;
    text-align: left;
    letter-spacing: -1px;
  }
}
.factory-tour__leaning__shabon {
  position: absolute;
  top: 150px;
  left: 15px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__shabon {
    top: 18px;
    width: 170px;
    left: 20px;
  }
}
.factory-tour__leaning__photo {
  position: absolute;
  top: 330px;
  left: 15px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__photo {
    display: none;
  }
}
.factory-tour__leaning__box {
  margin-left: 225px;
  margin-bottom: 30px;
  display: flex;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box {
    margin-left: 0px;
    display: block;
    margin-bottom: 15px;
  }
}
.factory-tour__leaning__box__inr {
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .factory-tour__leaning__box__inr {
    width: 85%;
    padding-right: 20px;
  }
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box__inr {
    width: 100%;
    padding-right: 0px;
  }
}
.factory-tour__leaning__box__inr.pt25 {
  padding-top: 25px;
}
.factory-tour__leaning__box__ttl {
  position: relative;
  font-size: 21px;
  color: #00a2e6;
  font-weight: 500;
  padding-bottom: 8px;
  padding-left: 25px;
  margin-bottom: 15px;
  border-bottom: 2px dotted #00a2e6;
}
@media screen and (max-width: 768px) {
  .factory-tour__leaning__box__ttl {
    font-size: 18px;
  }
}
.factory-tour__leaning__box__ttl::before {
  border: 5px solid #00a2e6;
  border-radius: 100%;
  content: "";
  height: 8px;
  width: 8px;
  left: 0;
  position: absolute;
  top: 0px;
}
.factory-tour__leaning__box__ttl span {
  position: absolute;
  top: -35px;
  margin-left: 15px;
  background: #f35296;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  padding: 12px 10px 10px 10px;
  line-height: 1.3;
  border-radius: 100%;
  text-align: center;
}
.factory-tour__leaning__box__ttl span:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 15px solid #f35296;
  transform: skewX(-50deg);
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box__ttl span:before {
    border-top: 12px solid #f35296;
  }
}
.factory-tour__leaning__box__text {
  line-height: 1.7;
  margin-bottom: 17px;
  font-size: 15px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box__mov {
    display: block;
    width: 260px;
    margin: 25px auto 0px;
  }
  .factory-tour__leaning__box__mov img {
    width: 100%;
  }
}
.factory-tour__leaning__box__more {
  position: relative;
  display: inline-block;
  background: #e2f5fc;
  padding: 11px 35px 11px 20px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .factory-tour__leaning__box__more {
    font-size: 14px;
    padding: 12px 20px 12px 10px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box__more {
    display: block;
    box-sizing: border-box;
    text-align: center;
  }
}
.factory-tour__leaning__box__more::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 3px solid #00a2e6;
  border-bottom: 3px solid #00a2e6;
  transform: rotate(-45deg);
}
.factory-tour__leaning__box__more:hover {
  opacity: 0.7;
}
.factory-tour__leaning__box__wrap {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box__wrap {
    margin-bottom: 0px;
  }
}
.factory-tour__leaning__box__right {
  padding-left: 20px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__box__right {
    width: calc(45% - 20px);
  }
}
.factory-tour__leaning__child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__child {
    display: block;
  }
}
.factory-tour__leaning__child__info {
  position: relative;
  text-align: center;
  color: #f366a2;
  border: 2px solid #f366a2;
  padding: 10px;
  border-radius: 3px;
  font-size: 15px;
  margin: 25px 0px 35px 0px;
}
.factory-tour__leaning__child__info:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: -10px;
  border-style: solid;
  border-width: 11px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}
.factory-tour__leaning__child__info:before {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: -12px;
  border-style: solid;
  border-width: 11px 10px 0 10px;
  border-color: #f366a2 transparent transparent transparent;
}
.factory-tour__leaning__child li {
  width: 48%;
}
@media screen and (max-width: 599px) {
  .factory-tour__leaning__child li {
    width: 100%;
    margin-bottom: 40px;
  }
}
.factory-tour__leaning__child li .factory-tour__leaning__box__text {
  width: 55%;
}
.factory-flow {
  margin: -8px 0 26px;
}
.factory-flow:before, .factory-flow:after {
  content: "";
  display: table;
}
.factory-flow:after {
  clear: both;
}
.factory-flow__head {
  position: relative;
  float: left;
  border: 2px solid #00a2e6;
  width: 160px;
  height: 110px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  color: #0094d8;
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-right: 22px;
}
@media screen and (max-width: 768px) {
  .factory-flow__head {
    width: 100%;
    height: auto;
    padding: 6px 0 5px;
    float: none;
    font-size: 18px;
    margin: 0 0 10px;
    line-height: 1.4;
  }
}
.factory-flow__head span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .factory-flow__head span {
    position: static;
    transform: translateY(0%);
  }
}
.factory-flow__head--green {
  border: 2px solid #80c269;
  color: #80c269;
}
.factory-flow__list__item {
  position: relative;
  height: 110px;
  border: 4px solid #e2f5fc;
  float: left;
  font-size: 17px;
  text-align: center;
  line-height: 24px;
  margin-right: 29px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item {
    float: none;
    height: auto;
    padding: 10px 0 8px;
    line-height: 1.4;
    font-size: 14px;
    margin-bottom: 22px;
  }
}
.factory-flow__list__item span {
  position: absolute;
  top: 50%;
  transform: translateY(-46%);
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item span {
    position: static;
    transform: translateY(0%);
  }
}
.factory-flow__list__item:after {
  content: "";
  display: block;
  position: absolute;
  right: -28px;
  top: 37px;
  width: 16px;
  height: 44px;
  background: url(../img/btn_scroll_right.png) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item:after {
    left: 50%;
    margin-left: -10px;
    top: auto;
    bottom: -20px;
    width: 20px;
    height: 10px;
    background: url(../img/btn_scroll_bottom.png) no-repeat left top;
    background-size: contain;
  }
}
.factory-flow__list__item--green {
  border: 4px solid #bae0ac;
}
.factory-flow__list__item--green:after {
  background: url(../img/btn_scroll_right_green.png) no-repeat left top;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item--green:after {
    background: url(../img/btn_scroll_right_green_bottom.png) no-repeat left top;
    background-size: contain;
  }
}
.factory-flow__list__item:last-child {
  margin-right: 0;
}
.factory-flow__list__item:last-child:after {
  display: none;
}
.factory-flow__list__item:nth-child(1) {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item:nth-child(1) {
    width: 100%;
  }
}
.factory-flow__list__item:nth-child(2) {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item:nth-child(2) {
    width: 100%;
  }
}
.factory-flow__list__item:nth-child(3) {
  width: 230px;
}
@media screen and (max-width: 768px) {
  .factory-flow__list__item:nth-child(3) {
    width: 100%;
  }
}
.factory-flow__txt {
  float: left;
  margin: -3px 0 0 18px;
}
@media screen and (max-width: 768px) {
  .factory-flow__txt {
    margin: 0 0 0 0;
    width: 100%;
    float: none;
  }
}
.factory-flow__txt img {
  display: block;
}
@media screen and (max-width: 768px) {
  .factory-flow__txt img {
    margin: 0 auto;
  }
}
.factory-enjoy {
  margin: 35px 0 40px;
}
.factory-enjoy:before, .factory-enjoy:after {
  content: "";
  display: table;
}
.factory-enjoy:after {
  clear: both;
}
.factory-enjoy__head {
  position: relative;
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400px;
  color: #1d88be;
  text-align: center;
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .factory-enjoy__head {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.factory-enjoy__head:before {
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  content: "";
  border-top: 2px dashed #1d88be;
  width: 100%;
  height: 1px;
}
@media screen and (max-width: 768px) {
  .factory-enjoy__head:before {
    display: none;
  }
}
.factory-enjoy__head span {
  position: relative;
  background: #FFFFFF;
  padding: 0 35px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .factory-enjoy__head span {
    padding: 0;
  }
}
.factory-enjoy__point {
  float: left;
  width: 305px;
  background: #e2f5fc;
  padding: 17px 15px 23px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-right: 22px;
}
.factory-enjoy__point:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .factory-enjoy__point {
    width: 100%;
    margin-bottom: 14px;
  }
}
.factory-enjoy__point__number {
  text-align: center;
  font-size: 18px;
  height: 34px;
  line-height: 38px;
  color: #FFFFFF;
  background: #3eade5;
  border-radius: 4px;
}
.factory-enjoy__point__head {
  text-align: center;
  font-size: 22px;
  font-family: "Noto Sans JP", sans-serif;
  color: #0094d8;
  margin: 17px auto 18px;
}
.factory-enjoy__point__image {
  display: block;
  margin: 0 auto 13px;
}
.factory-enjoy__point__txt {
  padding: 0 3px;
  font-size: 15px;
  line-height: 23px;
}
.factory-message {
  border-radius: 20px;
  border: 2px solid #40ade4;
  padding: 27px 27px 17px;
  margin-bottom: 60px;
  box-sizing: border-box;
}
.factory-message:before, .factory-message:after {
  content: "";
  display: table;
}
.factory-message:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .factory-message {
    padding: 23px 15px 10px;
  }
}
.factory-message__main {
  float: left;
  width: 635px;
}
@media screen and (max-width: 768px) {
  .factory-message__main {
    float: none;
    width: 100%;
  }
}
.factory-message__image {
  float: right;
  margin: -10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .factory-message__image {
    float: none;
    margin: 10px auto 0;
  }
}
.factory-message__head {
  font-size: 20px;
  color: #33a0d7;
  margin: 0 0 16px;
}
@media screen and (max-width: 768px) {
  .factory-message__head {
    font-size: 17px;
    margin-bottom: 14px;
  }
}
.factory-message__head img {
  vertical-align: -7px;
  margin-right: 9px;
}
@media screen and (max-width: 768px) {
  .factory-message__head img {
    display: none;
  }
}
.factory-message__txt {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
}
.factory-message__name {
  font-size: 15px;
  line-height: 23px;
  text-align: right;
}
.factory-apply {
  margin-bottom: 90px;
}
.factory-apply__table {
  margin-bottom: 38px;
}
.factory-apply__txt img {
  display: block;
  margin: 0 auto 30px;
}
.factory-apply__ipan {
  border-radius: 8px;
  border: 2px solid #40ace4;
  padding: 35px;
  margin-bottom: 35px;
  margin-top: -15px;
}
.factory-apply__ipan li {
  font-size: 15px;
  margin-bottom: 8px;
  line-height: 1.4;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
.factory-apply__calendar {
  margin-top: -10px;
  background: #ecfaff;
  padding: 25px 30px;
}
@media screen and (max-width: 599px) {
  .factory-apply__calendar {
    margin-top: -20px;
    padding: 15px 15px 10px;
  }
}
.factory-apply__calendar li {
  font-size: 15px;
  margin-bottom: 8px;
  line-height: 1.4;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
.factory-apply__calendar__text {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.4;
}
.factory-apply__reserve {
  margin-top: 15px;
  text-align: center;
}
.factory-apply__reserve iframe {
  min-height: 500px;
}
.factory-apply__reserve iframe body.noNavi {
  width: 100% !important;
}
.factory-apply__flow {
  border-radius: 8px;
  border: 2px solid #40ace4;
  padding: 35px 15px;
  display: flex;
  margin-top: -10px;
  margin-bottom: 35px;
}
@media screen and (max-width: 599px) {
  .factory-apply__flow {
    display: block;
    padding: 15px;
  }
}
.factory-apply__flow li {
  position: relative;
  width: 29%;
  padding: 0 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .factory-apply__flow li {
    width: 100% !important;
    padding: 20px 15px;
  }
}
.factory-apply__flow li:nth-child(2) {
  width: 42%;
}
.factory-apply__flow li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 35px 20px;
  border-color: transparent transparent transparent #40ace4;
}
@media screen and (max-width: 599px) {
  .factory-apply__flow li::after {
    left: 0;
    right: 0;
    top: auto;
    transform: rotate(90deg);
    bottom: -35px;
  }
}
.factory-apply__flow li:last-child::after {
  display: none;
}
.factory-apply__flow li .icon {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .factory-apply__flow li .icon img {
    margin: 0 auto;
  }
}
.factory-apply__flow li p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 599px) {
  .factory-apply__flow li p {
    text-align: center;
  }
}
.apply-flow__item {
  padding-bottom: 20px;
  background: url(../img/img_arrow.png) no-repeat left 60px bottom 7px;
}
.apply-flow__item:before, .apply-flow__item:after {
  content: "";
  display: table;
}
.apply-flow__item:after {
  clear: both;
}
.apply-flow__item:last-child {
  background: none;
}
.apply-flow__item--3 {
  background-position: left 60px bottom 48px;
}
@media screen and (max-width: 768px) {
  .apply-flow__item {
    background: none;
    margin-bottom: 10px;
  }
}
.apply-flow__step {
  float: left;
  display: block;
  width: 156px;
  height: 156px;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  font-family: "Noto Sans JP", sans-serif;
  border: 2px solid #00a2e6;
  border-radius: 50%;
  box-sizing: border-box;
  background: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .apply-flow__step {
    float: none;
    width: 100%;
    height: auto;
    font-size: 18px;
    border: none;
    border-radius: 0;
    margin-bottom: 6px;
  }
}
.apply-flow__step span {
  display: block;
  color: #00a2e6;
  font-size: 20px;
  font-weight: 400;
  height: 25px;
  margin: 32px 0 7px;
}
@media screen and (max-width: 768px) {
  .apply-flow__step span {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 18px;
  }
}
.apply-flow__step span.tel-icon {
  margin: 18px 0 7px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .apply-flow__step span.tel-icon {
    margin: 0 35px 0 0;
  }
}
.apply-flow__step span.tel-icon::after {
  background: url(../img/icn_tel_1.png) no-repeat center center;
  background-size: cover;
  content: "";
  height: 28px;
  width: 28px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: -95px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .apply-flow__step span.tel-icon::after {
    left: auto;
    right: -28px;
    bottom: 2px;
    height: 20px;
    width: 20px;
  }
}
.apply-flow__step--last {
  padding: 20px 0 0;
  margin-top: -42px;
}
.apply-flow__main {
  width: 778px;
  min-height: 170px;
  float: right;
  background: #e2f5fc;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 32px 28px 25px;
}
.apply-flow__main--last {
  background: none;
  padding: 3px 0 0 2px;
}
@media screen and (max-width: 768px) {
  .apply-flow__main {
    width: 100%;
    min-height: 0;
    float: none;
    padding: 20px 15px 15px;
  }
}
.apply-flow__txt-1 {
  color: #198bbb;
  font-size: 17px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .apply-flow__txt-1 {
    line-height: 1.4;
  }
}
.apply-flow__txt-2 {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
}
.apply-flow__txt-3 {
  font-size: 14px;
  line-height: 24px;
}
.apply-flow__tel {
  background: #FFFFFF;
  padding: 22px 22px 20px;
  font-size: 16px;
  margin: 0 0 12px -5px;
}
@media screen and (max-width: 768px) {
  .apply-flow__tel {
    padding: 18px 15px 15px;
  }
}
.apply-flow__tel__pc {
  color: #2f9fd0;
  font-size: 19px;
  padding: 0 24px 0 4px;
}
@media screen and (max-width: 768px) {
  .apply-flow__tel__pc {
    display: none;
  }
}
.apply-flow__tel__sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .apply-flow__tel__sp {
    display: block;
    text-decoration: none;
    color: #2f9fd0;
    font-size: 18px;
    margin: 4px 0;
  }
}
.apply-flow__last-apply {
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 20px 20px;
  float: left;
  margin-right: 10px;
  width: 356px;
}
.apply-flow__last-apply:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .apply-flow__last-apply {
    width: 100%;
    padding: 15px 15px;
    margin: 0 0 16px;
  }
}
.apply-flow__last-apply__head {
  color: #21a5dc;
  font-size: 17px;
  text-align: center;
  border-bottom: 2px dashed #21a5dc;
  padding: 0 0 14px;
  margin-bottom: 10px;
}
.apply-flow__btn {
  background: url(../img/btn_link_right_4.png) no-repeat right 12px center, #e74d8e;
  background-size: 9px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 306px;
  height: 46px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto 20px;
  font-size: 16px;
}
.apply-flow__btn:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
@media screen and (max-width: 768px) {
  .apply-flow__btn {
    width: 100%;
  }
}
.form-form-factory-tour-form h3 {
  display: none;
}
.form-form-factory-tour-form .input-divider {
  display: flex;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider {
    flex-wrap: wrap;
  }
}
.form-form-factory-tour-form .input-divider .input-divider-body .input-label {
  display: none;
}
.form-form-factory-tour-form .input-divider .formrow + .formrow {
  margin-left: 15px;
}
.form-form-factory-tour-form .input-divider .input-control {
  display: flex;
  align-items: center;
}
.form-form-factory-tour-form .formentry-input-with-label .input-label,
.form-form-factory-tour-form .input-divider-heading {
  background: #e9f9fd;
  border: 2px solid #fff;
  color: #1c8cc4;
  font-weight: bold;
  line-height: 1.4;
  padding: 20px;
  position: relative;
  text-align: left;
  flex-basis: 27%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formentry-input-with-label .input-label,
.form-form-factory-tour-form .input-divider-heading {
    flex-basis: 100%;
    padding: 15px;
  }
}
.form-form-factory-tour-form .input-divider-body {
  display: flex;
  flex-basis: 76.7%;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider-body {
    flex-basis: 100%;
  }
}
.form-form-factory-tour-form .formrow-select_one .input-note {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formrow-select_one .input-note {
    display: none;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(12) .input-divider-body {
  flex-direction: column;
}
.form-form-factory-tour-form .input-divider:nth-child(12) .input-control {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(12) .input-control {
    align-items: flex-start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(12) .input-group {
  order: 1;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(12) .input-group {
    width: 100%;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(12) .input-note {
  order: 2;
  padding-left: 5px;
}
.form-form-factory-tour-form .input-divider:nth-child(12) input {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(12) input {
    margin-top: 5px;
    margin-left: 0;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(12) .formrow + .formrow {
  margin-left: 0;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .input-divider-body,
.form-form-factory-tour-form .input-divider:nth-child(14) .input-divider-body,
.form-form-factory-tour-form .input-divider:nth-child(15) .input-divider-body {
  flex-wrap: wrap;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .input-control,
.form-form-factory-tour-form .input-divider:nth-child(14) .input-control,
.form-form-factory-tour-form .input-divider:nth-child(15) .input-control {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .input-group,
.form-form-factory-tour-form .input-divider:nth-child(14) .input-group,
.form-form-factory-tour-form .input-divider:nth-child(15) .input-group {
  order: 1;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .input-note,
.form-form-factory-tour-form .input-divider:nth-child(14) .input-note,
.form-form-factory-tour-form .input-divider:nth-child(15) .input-note {
  order: 2;
  padding-left: 10px;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow {
  flex-basis: 215px;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow {
  flex-basis: 250px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow {
    flex-basis: 100%;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow .input-control,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow .input-control,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow .input-control {
  padding-left: 0;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow .input-note,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow .input-note,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow .input-note {
  padding-left: 15px;
  width: 60px;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow .input-note,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow .input-note,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow .input-note {
    padding-left: 0;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow {
  flex-basis: 100%;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow .input-control,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow .input-control,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow .input-control {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow .input-control,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow .input-control,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow .input-control {
  padding: 10px 10px 10px 0;
    align-items: flex-start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow .input-control input,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow .input-control input,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow .input-control input {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow .input-group,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow .input-group,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow .input-group {
    width: 100%;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow input,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow input,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow input {
  width: 100%;
}
.form-form-factory-tour-form .input-divider:nth-child(13) .formrow + .formrow + .formrow .input-note,
.form-form-factory-tour-form .input-divider:nth-child(14) .formrow + .formrow + .formrow .input-note,
.form-form-factory-tour-form .input-divider:nth-child(15) .formrow + .formrow + .formrow .input-note {
  width: 120px;
}
.form-form-factory-tour-form .input-divider:nth-child(13) input,
.form-form-factory-tour-form .input-divider:nth-child(14) input,
.form-form-factory-tour-form .input-divider:nth-child(15) input {
  margin-left: 15px;
  width: 97%;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(13) input,
.form-form-factory-tour-form .input-divider:nth-child(14) input,
.form-form-factory-tour-form .input-divider:nth-child(15) input {
    margin-left: 0;
    width: 100%;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body {
  flex-wrap: wrap;
  flex-direction: column;
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-control {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-control {
    padding: 10px 10px 0;
    align-items: flex-start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-control input {
    margin-left: 0;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-group {
  order: 2;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-group {
    width: 100%;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .input-note {
  order: 1;
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .nmessage {
  order: 3;
}
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-body .formrow + .formrow {
  margin-left: 0;
}
.form-form-factory-tour-form .input-control {
  border: 2px solid #fff;
  line-height: 1.4;
  padding: 10px 10px 10px 15px;
  vertical-align: middle;
  flex-basis: 73%;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-control {
    flex-basis: 100%;
    padding: 10px 10px 10px 0;
  }
}
.form-form-factory-tour-form .formentry-input-with-label {
  display: flex;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formentry-input-with-label {
    flex-wrap: wrap;
  }
}
.form-form-factory-tour-form .input-required {
  background: #ee3162;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  margin-right: 5px;
  padding: 3px 12px;
}
.form-form-factory-tour-form select,
.form-form-factory-tour-form textarea,
.form-form-factory-tour-form .formrow-input input {
  background: #fafafa;
  border: 1px solid #bdbcbc;
  border-radius: 5px;
  font-size: 16px;
  height: 34px;
  outline: none;
  padding: 0 5px;
}
.form-form-factory-tour-form select {
  width: 100px;
}
.form-form-factory-tour-form .formrow-input input {
  width: 222px;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formrow-input input {
    width: 100%;
  }
}
.form-form-factory-tour-form textarea {
  width: 100%;
  height: 90px;
}
.form-form-factory-tour-form .formrow-email input {
  max-width: 425px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formrow-email input {
    max-width: 100%;
  }
}
.form-form-factory-tour-form .formrow-integer input {
  width: 100px;
}
.form-form-factory-tour-form .formrow:nth-child(11) input {
  max-width: 500px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formrow:nth-child(11) input {
    max-width: 100%;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(19) {
  border: 1px solid #3eade5;
  padding: 15px;
  text-align: center;
  margin-top: 20px;
  line-height: 1.4;
}
.form-form-factory-tour-form .input-divider:nth-child(19) .input-divider-heading,
.form-form-factory-tour-form .input-divider:nth-child(19) .input-label {
  display: none;
}
.form-form-factory-tour-form .input-divider:nth-child(19) .input-divider-body {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  flex-direction: column;
  align-items: center;
}
.form-form-factory-tour-form .input-divider:nth-child(19) .input-control {
  padding: 0;
  flex-basis: 100%;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .input-divider:nth-child(19) .input-control {
    flex-direction: column;
  }
}
.form-form-factory-tour-form .input-divider:nth-child(3) .input-divider-heading,
.form-form-factory-tour-form .input-divider:nth-child(12) .input-divider-heading,
.form-form-factory-tour-form .input-divider:nth-child(14) .input-divider-heading,
.form-form-factory-tour-form .input-divider:nth-child(15) .input-divider-heading,
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-heading {
  position: relative;
}
.form-form-factory-tour-form .input-divider:nth-child(3) .input-divider-heading::before,
.form-form-factory-tour-form .input-divider:nth-child(12) .input-divider-heading::before,
.form-form-factory-tour-form .input-divider:nth-child(14) .input-divider-heading::before,
.form-form-factory-tour-form .input-divider:nth-child(15) .input-divider-heading::before,
.form-form-factory-tour-form .input-divider:nth-child(18) .input-divider-heading::before {
  background: #ee3162;
  border-radius: 2px;
  content: "必須";
  color: #fff;
  display: block;
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 25px;
  padding: 3px 12px;
  transform: translateY(-50%);
}
.form-form-factory-tour-form .formrow-submit button {
  background: #de4b89;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  margin: 40px auto 0;
  position: relative;
  padding: 18px 0 19px;
  width: 260px;
}
.form-form-factory-tour-form .formrow-submit button::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 25px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
.form-form-factory-tour-form .formrow-submit button:hover {
  opacity: 0.85;
}
@media screen and (max-width: 768px) {
  .form-form-factory-tour-form .formrow-submit button {
    width: 100%;
  }
}
.formentry .input-control {
  position: relative;
}
.formentry .nmessage {
  color: red;
  margin-top: 5px;
  padding-left: 5px;
}
.form-form-corporate-inquiry h3 {
  display: none;
}
.form-form-corporate-inquiry .input-divider {
  display: flex;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .input-divider {
    flex-wrap: wrap;
  }
}
.form-form-corporate-inquiry .input-divider .input-divider-body .input-label {
  display: none;
}
.form-form-corporate-inquiry .input-divider .formrow + .formrow {
  margin-left: 15px;
}
.form-form-corporate-inquiry .input-divider .input-control {
  display: flex;
  align-items: center;
}
.form-form-corporate-inquiry .formentry-input-with-label .input-label,
.form-form-corporate-inquiry .input-divider-heading {
  background: #e9f9fd;
  border: 2px solid #fff;
  color: #1c8cc4;
  font-weight: bold;
  line-height: 1.4;
  padding: 20px;
  position: relative;
  text-align: left;
  flex-basis: 27%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .formentry-input-with-label .input-label,
.form-form-corporate-inquiry .input-divider-heading {
    flex-basis: 100%;
    padding: 15px;
  }
}
.form-form-corporate-inquiry .input-divider-body {
  display: flex;
  flex-basis: 76.7%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .input-divider-body {
    flex-basis: 100%;
    flex-wrap: wrap;
  }
}
.form-form-corporate-inquiry .formrow-radio .input-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-form-corporate-inquiry .formrow-radio .nmessage + .nmessage {
  display: none;
}
.form-form-corporate-inquiry .formrow-radio label + label {
  margin-left: 15px;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .input-divider-body {
  display: flex;
  flex-direction: column;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow {
  min-width: 185px;
  width: 100%;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .input-control {
  flex-basis: 100%;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow + .formrow {
  min-width: 100%;
  width: 100%;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow + .formrow .input-control {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow + .formrow .input-control .input-group {
  order: 2;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow + .formrow .input-control .input-note {
  order: 1;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow + .formrow .input-control .nmessage {
  order: 3;
}
.form-form-corporate-inquiry .input-divider:nth-child(7) .formrow-phonenumber {
  margin-left: 0;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .input-divider:nth-child(7) .formrow-phonenumber {
    padding-left: 10px;
  }
}
.form-form-corporate-inquiry .formrow-select_multi {
  border: 1px solid #3eade5;
  padding: 15px;
  text-align: center;
  margin-top: 20px;
  line-height: 1.4;
}
.form-form-corporate-inquiry .formrow-select_multi .input-divider-heading,
.form-form-corporate-inquiry .formrow-select_multi .input-label {
  display: none;
}
.form-form-corporate-inquiry .formrow-select_multi .input-divider-body {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  flex-direction: column;
  align-items: center;
}
.form-form-corporate-inquiry .formrow-select_multi .input-control {
  margin: 0 auto;
  padding: 0;
  position: relative;
  display: flex;
  flex-basis: auto;
  justify-content: center;
}
.form-form-corporate-inquiry .formrow-select_multi .input-control::before {
  background: #ee3162;
  border-radius: 2px;
  content: "必須";
  color: #fff;
  display: block;
  font-size: 13px;
  position: absolute;
  right: -50px;
  padding: 3px 12px;
}
@media screen and (min-width: 960px) {
  .form-form-corporate-inquiry .formrow-select_multi .input-control::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .formrow-select_multi .input-control::before {
    bottom: -5px;
  }
}
.form-form-corporate-inquiry .input-control {
  border: 2px solid #fff;
  line-height: 1.4;
  padding: 10px 10px 10px 15px;
  vertical-align: middle;
  flex-basis: 73%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .input-control {
    flex-basis: 100%;
    padding: 10px;
  }
}
.form-form-corporate-inquiry .formentry-input-with-label {
  display: flex;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .formentry-input-with-label {
    flex-wrap: wrap;
  }
}
.form-form-corporate-inquiry .input-required {
  background: #ee3162;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  margin-right: 5px;
  padding: 3px 12px;
}
.form-form-corporate-inquiry select,
.form-form-corporate-inquiry textarea,
.form-form-corporate-inquiry .formrow-input input {
  background: #fafafa;
  border: 1px solid #bdbcbc;
  border-radius: 5px;
  font-size: 16px;
  height: 34px;
  outline: none;
  padding: 0 5px;
}
.form-form-corporate-inquiry select {
  width: 100px;
}
.form-form-corporate-inquiry .formrow-input input {
  width: 222px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .formrow-input input {
    width: 100%;
  }
}
.form-form-corporate-inquiry textarea {
  width: 100%;
  height: 90px;
}
.form-form-corporate-inquiry .formrow-email input {
  max-width: 425px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .formrow-email input {
    max-width: 100%;
  }
}
.form-form-corporate-inquiry .input-divider .input-divider-heading {
  position: relative;
}
.form-form-corporate-inquiry .input-divider .input-divider-heading::before {
  background: #ee3162;
  border-radius: 2px;
  content: "必須";
  color: #fff;
  display: block;
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 25px;
  padding: 3px 12px;
  transform: translateY(-50%);
}
.form-form-corporate-inquiry .formrow-submit button {
  background: #de4b89;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  margin: 40px auto 0;
  position: relative;
  padding: 18px 0 19px;
  width: 260px;
}
.form-form-corporate-inquiry .formrow-submit button::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 25px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
.form-form-corporate-inquiry .formrow-submit button:hover {
  opacity: 0.85;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-inquiry .formrow-submit button {
    width: 100%;
  }
}
.form-form-corporate-seminar h3 {
  display: none;
}
.form-form-corporate-seminar .input-divider {
  display: flex;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider {
    flex-wrap: wrap;
  }
}
.form-form-corporate-seminar .input-divider .input-divider-body .input-label {
  display: none;
}
.form-form-corporate-seminar .input-divider .formrow + .formrow {
  margin-left: 15px;
}
.form-form-corporate-seminar .input-divider .input-control {
  display: flex;
  align-items: center;
}
.form-form-corporate-seminar .formentry-input-with-label .input-label,
.form-form-corporate-seminar .input-divider-heading {
  background: #e9f9fd;
  border: 2px solid #fff;
  color: #1c8cc4;
  font-weight: bold;
  line-height: 1.4;
  padding: 20px;
  position: relative;
  text-align: left;
  flex-basis: 27%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formentry-input-with-label .input-label,
.form-form-corporate-seminar .input-divider-heading {
    flex-basis: 100%;
    padding: 15px;
  }
}
.form-form-corporate-seminar .input-divider-body {
  display: flex;
  flex-basis: 76.7%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider-body {
    flex-basis: 100%;
  }
}
.form-form-corporate-seminar .formrow-select_one .input-note {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow-select_one .input-note {
    display: none;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-divider-heading::before,
.form-form-corporate-seminar .input-divider:nth-child(14) .input-divider-heading::before {
  background: #ee3162;
  border-radius: 2px;
  content: "必須";
  color: #fff;
  display: block;
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 25px;
  padding: 3px 12px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .input-divider-heading::before,
  .form-form-corporate-seminar .input-divider:nth-child(13) .input-divider-heading::before,
  .form-form-corporate-seminar .input-divider:nth-child(14) .input-divider-heading::before {
    right: 20px;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(12) .input-control {padding: 10px 10px 10px 15px;}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .input-control {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .input-group {
    width: 100%;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(12) .input-note {margin-top: 5px;}
.form-form-corporate-seminar .input-divider:nth-child(12) input {
  width: 88px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) input {
    margin-left: 0;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(12) .formrow + .formrow {
  margin-left: 0;
}
.form-form-corporate-seminar .input-divider:nth-child(12) .input-divider-body {flex-direction: row !important;}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .input-divider-body {flex-direction: column !important;}
}
.form-form-corporate-seminar .input-divider:nth-child(12) .input-note {margin-top: 0 !important;}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-control {padding: 10px 10px 10px 15px !important;}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(13) .input-control {padding: 10px !important;}
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-note {width: auto !important; font-weight: normal !important;}
.form-form-corporate-seminar .input-divider:nth-child(14) .input-divider-body {display: block !important;}
.form-form-corporate-seminar .input-divider:nth-child(14) .input-divider-body .input-note {display: block; width: auto !important; margin-right: 15px !important; margin-top: 0;}
.form-form-corporate-seminar .input-divider:nth-child(14) .input-divider-body .input-control {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  padding: 5px 0px 5px 15px !important;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(14) .input-divider-body .input-control {
    padding: 10px !important;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(14) .formrow + .formrow {margin: 0 !important;}
.form-form-corporate-seminar .input-divider:nth-child(15) .input-divider-body {
  flex-wrap: wrap !important;
  flex-direction: column !important;
}
.form-form-corporate-seminar .input-divider:nth-child(15) .input-control {
  flex-direction: column-reverse !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 10px 0px 10px 15px !important;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(15) .input-control {padding: 10px !important;}
}
.form-form-corporate-seminar .input-divider:nth-child(15) .input-note {width: 70px; font-weight: bold !important;}
.form-form-corporate-seminar .input-divider:nth-child(15) .formrow + .formrow {margin: 0 !important;}
.form-form-corporate-seminar div:nth-child(16) .input-control {
  display: flex !important;
  flex-direction: column-reverse !important;
  padding: 10px 10px 10px 15px !important;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar div:nth-child(16) .input-control {padding: 10px !important;}
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar div:nth-child(17) .input-control {flex-direction: column; align-items: flex-start;}
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar div:nth-child(17) .input-control .input-note {text-align: left;}
}
.form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body {
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body .input-control {
    line-height: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body .input-control {
    padding: 10px 10px 0;
    align-items: flex-start;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body .input-control input {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body .input-group {
    width: 100%;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body .input-note {
  width: 55px;
}
.form-form-corporate-seminar .input-divider:nth-child(18) .input-divider-body .formrow + .formrow {
  margin-left: 0;
}
.form-form-corporate-seminar .input-control {
  border: 2px solid #fff;
  line-height: 1.4;
  padding: 10px 10px 10px 15px;
  vertical-align: middle;
  flex-basis: 73%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-control {
    flex-basis: 100%;
    padding: 10px;
  }
}
.form-form-corporate-seminar .formentry-input-with-label {
  display: flex;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formentry-input-with-label {
    flex-wrap: wrap;
  }
}
.form-form-corporate-seminar .input-required {
  background: #ee3162;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  margin-right: 5px;
  padding: 3px 12px;
}
.form-form-corporate-seminar select,
.form-form-corporate-seminar textarea,
.form-form-corporate-seminar .formrow-input input {
  background: #fafafa;
  border: 1px solid #bdbcbc;
  border-radius: 5px;
  font-size: 16px;
  height: 34px;
  outline: none;
  padding: 0 5px;
}
.form-form-corporate-seminar select {
  width: 100px;
}
.form-form-corporate-seminar .formrow-input input {
  width: 222px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow-input input {
    width: 100%;
  }
}
.form-form-corporate-seminar textarea {
  width: 100%;
  height: 90px;
}
.form-form-corporate-seminar .formrow-email input {
  max-width: 425px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow-email input {
    max-width: 100%;
  }
}
.form-form-corporate-seminar .formrow-integer input {
  width: 100px;
}
.form-form-corporate-seminar .formrow:nth-child(9) input {
  max-width: 500px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow:nth-child(9) input {
    max-width: 100%;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(12) .formrow + .formrow .input-control {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .input-divider-body {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .formrow {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .formrow + .formrow {
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .formrow:nth-of-type(4),
.form-form-corporate-seminar .input-divider:nth-child(12) .formrow:nth-of-type(5) {
    flex-basis: 17%;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(12) .formrow:nth-of-type(4) {
  position: relative;
  margin-right: 1.6rem;
}
.form-form-corporate-seminar .input-divider:nth-child(12) .formrow:nth-of-type(4)::before {
  position: absolute;
  display: block;
  content: "〜";
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(12) .formrow:nth-of-type(4)::before {
    left: 116px;
    right: auto;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(12) .input-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-form-corporate-seminar .input-divider:nth-child(12) .input-group {
  order: 2;
}
/* .form-form-corporate-seminar .input-divider:nth-child(12) .formrow:nth-child(4) .input-group::after {display: inline-block; content: '〜'; margin-left: 0.25em;} */
.form-form-corporate-seminar .input-divider:nth-child(12) .input-note {
  order: 1;
  padding-left: 5px;
}
.form-form-corporate-seminar .input-divider:nth-child(12) .nmessage {
  order: 3;
  padding-left: 5px;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-divider-body {
  flex-wrap: wrap;
  flex-direction: column;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .formrow + .formrow {
  margin-left: 0;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-group {
  order: 2;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-note {
  order: 1;
  padding-left: 5px;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .nmessage {
  order: 3;
  padding-left: 5px;
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-group {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .input-divider:nth-child(13) .input-group {
    margin-left: 0;
    width: 100%;
  }
  .form-form-corporate-seminar .input-divider:nth-child(13) .input-group input {
    margin-top: 5px;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(13) .input-note {
  font-weight: bold;
  width: 70px;
}
.form-form-corporate-seminar .formrow-text:nth-child(14) .input-group {
  margin-top: 10px;
}
.form-form-corporate-seminar .formrow-text:nth-child(14) .input-control {
  display: flex;
  flex-direction: column-reverse;
}
.form-form-corporate-seminar .formrow-select_multi {
  border: 1px solid #3eade5;
  padding: 15px;
  text-align: center;
  line-height: 1.4;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow-select_multi {
    padding-right: 50px;
  }
}
.form-form-corporate-seminar .formrow-select_multi .input-divider-heading,
.form-form-corporate-seminar .formrow-select_multi .input-label {
  display: none;
}
.form-form-corporate-seminar .formrow-select_multi .input-divider-body {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  flex-direction: column;
  align-items: center;
}
.form-form-corporate-seminar .formrow-select_multi .input-control {
  padding: 0;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-basis: auto;
  justify-content: center;
}
.form-form-corporate-seminar .formrow-select_multi .input-control::before {
  background: #ee3162;
  border-radius: 2px;
  content: "必須";
  color: #fff;
  display: block;
  font-size: 13px;
  position: absolute;
  right: -50px;
  padding: 3px 12px;
}
@media screen and (min-width: 960px) {
  .form-form-corporate-seminar .formrow-select_multi .input-control::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow-select_multi .input-control::before {
    bottom: -5px;
  }
}
.form-form-corporate-seminar .input-divider:nth-child(11) .input-divider-heading,
.form-form-corporate-seminar .input-divider:nth-child(12) .input-divider-heading {
  position: relative;
}
.form-form-corporate-seminar .input-divider:nth-child(11) .input-divider-heading::before,
.form-form-corporate-seminar .input-divider:nth-child(12) .input-divider-heading::before {
  background: #ee3162;
  border-radius: 2px;
  content: "必須";
  color: #fff;
  display: block;
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 25px;
  padding: 3px 12px;
  transform: translateY(-50%);
}
.form-form-corporate-seminar .formrow-submit button {
  background: #de4b89;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  margin: 40px auto 0;
  position: relative;
  padding: 18px 0 19px;
  width: 260px;
}
.form-form-corporate-seminar .formrow-submit button::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 25px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
.form-form-corporate-seminar .formrow-submit button:hover {
  opacity: 0.85;
}
@media screen and (max-width: 768px) {
  .form-form-corporate-seminar .formrow-submit button {
    width: 100%;
  }
}
.recruit-graduate__menu {
  margin-bottom: 40px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__menu {
    margin-bottom: 20px;
  }
}
.recruit-graduate__menu li {
  width: 33.3%;
  float: left;
  padding-left: 12px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__menu li {
    padding-left: 6px;
  }
}
.recruit-graduate__menu li:first-child {
  padding-left: 0px;
}
.recruit-graduate__menu li a {
  position: relative;
  border: 1px solid #009fe8;
  display: block;
  text-align: center;
  padding: 15px;
  line-height: 140%;
  text-decoration: none;
  box-sizing: border-box;
  font-size: 21px;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__menu li a {
    padding: 14px 14px 14px 5px;
    font-size: 17px;
  }
}
.recruit-graduate__menu li a::before {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  top: 42%;
  right: 20px;
  width: 18px;
  height: 18px;
  border-top: 1px solid #009fe8;
  border-right: 1px solid #009fe8;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .recruit-graduate__menu li a::before {
    top: 40%;
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-graduate__menu li a::before {
    top: 37%;
    right: 10px;
  }
}
.recruit-graduate__menu li a span {
  font-size: 14px;
  display: block;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__menu li a span {
    display: none;
    line-height: 0;
  }
}
.recruit-graduate__junbi {
  font-size: 16px;
  color: #009fe8;
  border: 1px solid #009fe8;
  height: 80px;
  line-height: 80px;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__junbi {
    padding: 30px 15px 25px;
    line-height: 1.4;
    height: auto;
  }
}
.recruit-graduate__bnr {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__bnr img {
    display: inline !important;
  }
}
.recruit-graduate__flow {
  overflow: hidden;
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__flow {
    display: block;
    padding: 10px 20px;
    margin-bottom: 0px;
  }
}
.recruit-graduate__flow li {
  text-align: center;
  background: #c7ecf3;
  width: 23%;
  padding: 18px 0px;
  font-size: 14px;
  line-height: 1.8;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__flow li {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 0px;
  }
}
.recruit-graduate__flow li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #62c0d1;
  right: -15px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__flow li::after {
    border-width: 15px 15px 0 15px;
    border-color: #62c0d1 transparent transparent transparent;
    right: 0;
    left: 0px;
    bottom: -15px;
    top: auto;
  }
}
.recruit-graduate__flow li:last-child::after {
  display: none;
}
.recruit-graduate__flow li span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #078d8f;
}
@media screen and (max-width: 768px) {
  .recruit-graduate__flow li span {
    display: block;
    margin-right: 15px;
  }
}
.staff-interview {
  padding-left: 228px;
  position: relative;
  min-height: 230px;
  margin-bottom: 37px;
}
.staff-interview:last-child {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .staff-interview {
    padding-left: 0;
  }
  .staff-interview:before, .staff-interview:after {
    content: "";
    display: table;
  }
  .staff-interview:after {
    clear: both;
  }
}
.staff-interview__head {
  background: #e2f5fc;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  color: #41beed;
  margin-bottom: 22px;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .staff-interview__head {
    margin-bottom: 15px;
  }
}
.staff-interview__position {
  font-size: 17px;
  color: #0783c2;
  margin: 0 0 18px;
}
@media screen and (max-width: 768px) {
  .staff-interview__position {
    margin-bottom: 10px;
  }
}
.staff-interview__name {
  font-size: 19px;
  border-bottom: 2px dotted #54b6e7;
  padding: 0 0 10px;
  margin: 0 0 18px;
}
.staff-interview__name span {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .staff-interview__name {
    margin-bottom: 14px;
  }
}
.staff-interview__photo {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .staff-interview__photo {
    position: static;
    width: 30%;
    margin: 0 14px 3px 0;
    float: left;
  }
}
.staff-interview__txt {
  font-size: 14px;
  line-height: 24px;
}
.sitemap {
  padding-top: 30px;
  padding-bottom: 60px;
  width: 460px;
  line-height: 1.4;
  float: left;
}
@media screen and (max-width: 768px) {
  .sitemap {
    width: auto;
    float: none;
    margin: 0 10px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.sitemap:last-child {
  float: right;
}
@media screen and (max-width: 768px) {
  .sitemap:last-child {
    width: auto;
    float: none;
    margin-bottom: 40px;
  }
}
.sitemap__lv1 {
  display: block;
  border: 1px solid #40ade4;
  color: #40ade4;
  font-size: 17px;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 4px;
  background: url(../img/btn_link_right_6.png) no-repeat right 13px center;
  margin-bottom: 24px;
}
.sitemap__lv1:hover {
  background-color: #e9f9fd;
}
.sitemap__lv2 {
  font-size: 15px;
  margin-left: 15px;
  padding-left: 15px;
  margin-bottom: 12px;
  background: url(../img/btn_link_right_3.png) no-repeat left center;
}
.sitemap__lv2:last-child {
  margin-bottom: 40px;
}
.sitemap__lv2 a {
  text-decoration: none;
  color: #242424;
}
.sitemap__lv2 a:hover {
  text-decoration: underline;
}
.sitemap__lv3 {
  background: url(../img/btn_link_right_6.png) no-repeat left center;
  background-size: auto 18px;
  padding: 3px 0 2px 24px;
  margin-bottom: 13px;
}
.sitemap__lv3 a {
  color: #40ade4;
  text-decoration: none;
}
.sitemap__lv3 a:hover {
  text-decoration: underline;
}
.sitemap__lv3 img {
  display: inline;
}
.recruit-slide {
  position: relative;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .recruit-slide {
    width: 100%;
  }
}
.recruit-slide__photo {
  max-width: 900px;
  margin: 0 auto;
}
.recruit-slide__deco-left {
  position: absolute;
  top: -21px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .recruit-slide__deco-left {
    width: 26%;
    left: -10px;
  }
}
.recruit-slide__deco-right {
  position: absolute;
  bottom: -30px;
  right: -1px;
}
@media screen and (max-width: 768px) {
  .recruit-slide__deco-right {
    width: 26%;
    right: 0;
    bottom: -20px;
  }
}
.recruit-slide .slick-arrow {
  position: absolute;
  top: 43%;
  transition: traslateY(-50%);
  z-index: 1000;
  border: none;
  box-shadow: none;
  background-position: center;
  background-repeat: none;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  background: transparent;
  width: 54px;
  height: 54px;
  padding: 0;
  margin: 0;
  outline: none;
}
@media screen and (max-width: 768px) {
  .recruit-slide .slick-arrow {
    width: 30px;
    height: 30px;
  }
}
.recruit-slide .slick-arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.recruit-slide .slick-prev {
  left: -30px;
}
.recruit-slide .slick-prev:after {
  background-image: url(../img/icn_slide_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .recruit-slide .slick-prev {
    left: 5px;
  }
}
.recruit-slide .slick-next {
  right: -30px;
}
.recruit-slide .slick-next:after {
  background-image: url(../img/icn_slide_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .recruit-slide .slick-next {
    right: 5px;
  }
}
.recruit-message {
  position: relative;
  padding-right: 470px;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .recruit-message {
    padding-right: 0;
  }
  .recruit-message:before, .recruit-message:after {
    content: "";
    display: table;
  }
  .recruit-message:after {
    clear: both;
  }
}
.recruit-message__head {
  color: #28a3e0;
  font-size: 26px;
  line-height: 34px;
  padding: 12px 0 17px;
  border-bottom: 2px dashed #28a3e0;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .recruit-message__head {
    font-size: 20px;
    line-height: 26px;
  }
}
.recruit-message__photo {
  position: absolute;
  top: 10px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .recruit-message__photo {
    position: static;
    margin: 0 0 10px;
    width: 100%;
  }
}
.recruit-message__txt {
  font-size: 14px;
  line-height: 26px;
}
.recruit-message__name {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .recruit-message__name {
    position: static;
  }
  .recruit-message__name img {
    margin: 0 0 0 auto;
    height: 18px;
  }
}
.recruit-message__personality {
  background-color: #e2f5fc;
  margin-bottom: 25px;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-message__personality {
    display: block;
  }
}
.recruit-message__personality dt {
  padding: 10px 50px;
  background-color: #3fade4;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit-message__personality dt span {
  font-size: 18px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .recruit-message__personality dt {
    font-size: 17px;
    font-weight: bold;
  }
}
.recruit-message__personality dd {
  padding: 19px 18px 19px 35px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #3fade4;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .recruit-message__personality dd {
    padding: 14px;
    font-size: 15px;
    letter-spacing: 0px;
  }
}
.recruit-message__atn {
  margin-bottom: 35px;
  overflow: hidden;
  padding: 24px 0px 4px 0px;
  border-top: 2px dotted #e15993;
  border-bottom: 2px dotted #e15993;
}
@media screen and (max-width: 768px) {
  .recruit-message__atn {
    padding: 20px 0px 10px 0px;
  }
}
.recruit-message__atn .mark {
  float: left;
  padding-right: 25px;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .recruit-message__atn .mark {
    padding-right: 10px;
  }
}
.recruit-message__atn__tit {
  position: relative;
  color: #e15993;
  font-size: 17px;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 8px;
  font-weight: bold;
  overflow: hidden;
  padding-left: 20px;
}
@media screen and (max-width: 599px) {
  .recruit-message__atn__tit {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 399px) {
  .recruit-message__atn__tit {
    font-size: 16px;
  }
}
.recruit-message__atn__tit::before {
  background: #e15993;
  content: "";
  height: 12px;
  width: 12px;
  left: 0;
  position: absolute;
  top: 3px;
  border-radius: 50px;
}
.recruit-message__atn__text {
  color: #e15993;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  overflow: hidden;
  padding-left: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .recruit-message__atn__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 399px) {
  .recruit-message__atn__text {
    padding-top: 10px;
    clear: both;
    display: block;
    overflow: visible;
  }
}
.recruit-staff__index {
  overflow: hidden;
  margin-bottom: 60px;
  margin-left: -45px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index {
    margin-top: -10px;
    margin-left: 0px;
    margin-bottom: 40px;
  }
}
.recruit-staff__index__box {
  float: left;
  margin-left: 45px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box {
    float: none;
    margin-left: 0px;
    margin-bottom: 20px;
  }
}
.recruit-staff__index__box a {
  display: block;
  width: 456px;
  height: 450px;
  background: #e3f8ff url(../img/btn_link_right_7.png) no-repeat right 22px bottom 22px;
  border-radius: 10px;
  text-decoration: none;
  color: #242323;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box a {
    width: 100%;
    height: auto;
    background-size: 40px auto;
  }
}
.recruit-staff__index__box a:hover {
  background: #d7f3fe url(../img/btn_link_right_7.png) no-repeat right 22px bottom 22px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box a:hover {
    background-size: 40px auto;
  }
}
.recruit-staff__index__box img {
  width: 100%;
  height: auto;
}
.recruit-staff__index__box dl {
  padding: 35px 40px 20px 40px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box dl {
    padding: 25px 20px;
  }
}
.recruit-staff__index__box dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box dl dt {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.recruit-staff__index__box dl dd.sign {
  font-size: 28px;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box dl dd.sign {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
.recruit-staff__index__box dl dd.eng {
  font-size: 15px;
  color: #40ade4;
}
.recruit-staff__index__box dl dd span {
  border: 1px solid #40ade4;
  font-size: 14px;
  padding: 3px 7px;
  color: #40ade4;
  margin-left: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .recruit-staff__index__box dl dd span {
    font-size: 14px;
  }
}
.recruit-staff__intro {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 20px;
}
.recruit-staff__holiday {
  padding-top: 15px;
  overflow: hidden;
  margin-bottom: 80px;
  margin-left: -45px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__holiday {
    padding-top: 0px;
    margin-left: 0px;
    margin-bottom: 50px;
  }
}
.recruit-staff__holiday li {
  float: left;
  margin-left: 45px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__holiday li {
    float: none;
    margin-left: 0px;
    margin-bottom: 15px;
  }
}
.recruit-staff__holiday li a {
  position: relative;
  display: block;
  width: 456px;
  height: 127px;
  background: #40ade4;
  border-radius: 10px;
  text-decoration: none;
  font-size: 24px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .recruit-staff__holiday li a {
    width: 100%;
    height: 80px;
    font-size: 18px;
    border-radius: 6px;
  }
}
.recruit-staff__holiday li a::before {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 15px;
  top: 50px;
  width: 16px;
  height: 16px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .recruit-staff__holiday li a::before {
    left: 10px;
    top: 32px;
    width: 12px;
    height: 12px;
  }
}
.recruit-staff__holiday li a:hover {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* IE 8 */
  transition: opacity 1s ease-out;
}
.recruit-staff__holiday li img {
  float: right;
}
@media screen and (max-width: 768px) {
  .recruit-staff__holiday li img {
    height: 80px;
    width: auto;
  }
}
.recruit-staff__holiday li p {
  padding-top: 50px;
  padding-left: 48px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__holiday li p {
    padding-top: 30px;
    padding-left: 35px;
  }
}
.recruit-staff__main {
  overflow: hidden;
  margin-bottom: 10px;
}
.recruit-staff__mainphoto {
  margin-top: -40px;
  position: relative;
  width: 960px;
  height: 506px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__mainphoto {
    width: auto;
    height: auto;
  }
}
.recruit-staff__mainphoto__catch {
  position: absolute;
  bottom: 60px;
  left: 0px;
  width: auto;
  background: #40ade4;
  padding: 18px 25px 18px 20px;
  color: #fff;
  font-size: 31px;
  z-index: 20;
}
.recruit-staff__mainphoto__catch__text-s {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__mainphoto__catch__text-s {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-staff__mainphoto__catch {
    position: inherit;
    bottom: 0px;
    left: 0px;
    font-size: 17px;
    padding: 12px 10px;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .recruit-staff__mainphoto__catch--fs28 {
    font-size: 28px;
  }
}
.recruit-staff__mainphoto__prof {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .recruit-staff__mainphoto__prof {
    display: none;
  }
}
.recruit-staff__mainphoto__prof__sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .recruit-staff__mainphoto__prof__sp {
    padding: 25px 15px;
    display: block;
  }
}
.recruit-staff__mainphoto__prof__sp p {
  color: #2aa3e0;
}
.recruit-staff__mainphoto__prof__sp p.sign {
  color: #232222;
  margin-top: 10px;
  font-size: 15px;
}
.recruit-staff__mainphoto__prof__sp p.sign span {
  font-size: 22px;
  margin-right: 10px;
}
.recruit-staff__mainphoto__photo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .recruit-staff__mainphoto__photo {
    position: inherit;
    width: 100%;
  }
}
.recruit-staff__schedule {
  margin-bottom: 45px;
}
.recruit-staff__title {
  position: relative;
  font-size: 20px;
  color: #28a3e0;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-bottom: 25px;
  border-bottom: 2px dashed #28a3e0;
  clear: both;
}
@media screen and (max-width: 768px) {
  .recruit-staff__title {
    font-size: 17px;
  }
}
.recruit-staff__title:before {
  content: "";
  position: absolute;
  background: #28a3e0;
  top: 0x;
  left: 0px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
}
.recruit-staff__photo {
  float: right;
  padding-left: 25px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__photo {
    float: none;
    padding-left: 0px;
    width: 85%;
    margin: 0px auto 20px auto;
  }
}
.recruit-staff__photo02 {
  float: left;
  padding-right: 35px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__photo02 {
    float: none;
    padding-right: 0px;
    width: 85%;
    margin: 0px auto 20px auto;
  }
}
.recruit-staff__txt {
  font-size: 14px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__txt {
    margin-bottom: 25px;
  }
}
.recruit-staff__txt p {
  overflow: hidden;
}
.recruit-staff__txt p.ind {
  padding-left: 1em;
  text-indent: -1em;
}
.recruit-staff__message {
  background: #ebfaff;
  padding: 34px;
  overflow: hidden;
  margin-top: 45px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__message {
    padding: 20px;
    margin-top: 40px;
  }
}
.recruit-staff__msgtit {
  color: #40ade4;
  border: 2px solid #40ade4;
  font-size: 20px;
  text-align: center;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  padding: 50px 25px 0px 25px;
  float: left;
  margin-right: 25px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .recruit-staff__msgtit {
    font-size: 18px;
    float: none;
    margin: 0 auto 20px auto;
    width: 95px;
    height: 90px;
    padding: 35px 15px 0px 15px;
  }
}
.recruit-navi {
  margin-bottom: 30px;
}
.recruit-navi:before, .recruit-navi:after {
  content: "";
  display: table;
}
.recruit-navi:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .recruit-navi {
    margin-bottom: 20px;
  }
}
.recruit-navi__item {
  float: left;
  position: relative;
  margin-right: 20px;
}
.recruit-navi__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .recruit-navi__item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 16px;
  }
  .recruit-navi__item:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .recruit-navi__item img {
    margin: 0 auto;
    width: 100%;
  }
}
.recruit-navi__item span {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 64px;
  text-align: center;
  color: #FFFFFF;
  font-size: 23px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  box-sizing: border-box;
  padding: 15px 0 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .recruit-navi__item span {
    height: auto;
    font-size: 16px;
    padding-bottom: 9%;
  }
}
.recruit-navi02 {
  display: block;
  width: 700px;
  margin: 0 auto 70px auto;
  overflow: hidden;
  border: 1px solid #3fade4;
  text-decoration: none;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .recruit-navi02 {
    width: 100%;
    margin: 0 auto 40px auto;
  }
}
.recruit-navi02 img {
  float: right;
}
@media screen and (max-width: 768px) {
  .recruit-navi02 img {
    height: 110px;
  }
}
@media screen and (max-width: 480px) {
  .recruit-navi02 img {
    height: 80px;
    margin-right: -20px;
  }
}
.recruit-navi02 span {
  position: relative;
  display: table-cell;
  overflow: hidden;
  height: 135px;
  box-sizing: border-box;
  background-image: url(../img/icn_graph.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  padding: 10px 60px 10px 75px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #3fade4;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .recruit-navi02 span {
    height: 110px;
    font-size: 1.4rem;
    background-position: 15px center;
    background-size: 30px auto;
    padding: 10px 30px 10px 50px;
  }
}
@media screen and (max-width: 480px) {
  .recruit-navi02 span {
    height: 80px;
    background: none;
    padding: 10px 30px 10px 15px;
    font-size: 1.2rem;
  }
}
.recruit-navi02 span::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 30px;
  width: 14px;
  height: 14px;
  border-right: 4px solid #3fade4;
  border-bottom: 4px solid #3fade4;
  transform: rotate(-45deg);
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .recruit-navi02 span::after {
    right: 10px;
    width: 10px;
    height: 10px;
    border-right: 3px solid #3fade4;
    border-bottom: 3px solid #3fade4;
  }
}
.recruit-navi02:hover {
  background: #d7f3fe;
}
.recruit-data {
  margin-bottom: 100px;
}
.recruit-data__list {
  overflow: hidden;
  margin-left: -20px;
}
@media screen and (max-width: 768px) {
  .recruit-data__list {
    margin: 0px 15px 0px 0px;
  }
}
.recruit-data__box {
  background: #e2f5fc;
  width: calc(33.3% - 20px);
  margin-left: 20px;
  margin-bottom: 20px;
  float: left;
  border-radius: 10px;
  text-align: center;
  padding: 45px 20px 20px 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .recruit-data__box {
    width: calc(50% - 15px);
    margin-left: 15px;
  }
}
@media screen and (max-width: 478px) {
  .recruit-data__box {
    width: calc(100% - 15px);
    float: none;
  }
}
.recruit-data__box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.recruit-data__ttl {
  color: #4e4e4e;
  font-size: 26px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 7px;
}
.recruit-data__ttl span {
  color: #de4b89;
}
@media screen and (max-width: 768px) {
  .recruit-data__ttl {
    font-size: 24px;
  }
}
.recruit-data__txt {
  margin: 8px 0px 0px 0px;
  color: #4e4e4e;
  font-size: 17px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  text-align: left;
  font-weight: 400;
}
.recruit-data__txt span {
  color: #de4b89;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt {
    font-size: 15px;
  }
}
.recruit-data__txt--ctr {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt--ctr {
    font-size: 16px;
  }
}
.recruit-data__txt--mini {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt--mini {
    font-size: 13px;
  }
}
.recruit-data li:nth-child(-n+3) {
  padding-bottom: 35px !important;
}
.recruit-data li:nth-child(8) {
  padding-bottom: 0px !important;
}
.reason {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}
.reason__head {
  display: table-cell;
  background: url(../img/bg_reason_head.png) no-repeat center bottom, #40ade4;
  width: 120px;
  font-size: 34px;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  text-align: center;
  padding-top: 30px;
}
.reason__head--2 {
  font-size: 32px;
  line-height: 35px;
}
.reason__head--green {
  background: #cad603;
}
@media screen and (max-width: 768px) {
  .reason__head {
    width: 60px;
    padding-top: 16px;
    font-size: 18px;
  }
}
.reason__main {
  display: table-cell;
  vertical-align: top;
  padding-left: 28px;
}
.reason__main:before, .reason__main:after {
  content: "";
  display: table;
}
.reason__main:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .reason__main {
    padding-left: 15px;
  }
}
.reason__main__textarea {
  width: 475px;
  float: left;
}
@media screen and (max-width: 768px) {
  .reason__main__textarea {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
}
.reason__main__photo {
  float: right;
  width: 290px;
}
@media screen and (max-width: 768px) {
  .reason__main__photo {
    width: 100%;
    float: none;
  }
}
.reason__main__photo-2 {
  float: right;
  margin: 0 0 0 40px;
}
@media screen and (max-width: 768px) {
  .reason__main__photo-2 {
    float: none;
    margin: 0 0 15px;
  }
}
.reason__main__txt-1 {
  font-size: 18px;
}
.reason__main__txt-1:before {
  content: "";
  display: inline-block;
  background: #77c9f2;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 2px 6px 0 0;
}
@media screen and (max-width: 768px) {
  .reason__main__txt-1 {
    font-size: 15px;
  }
}
.reason__main__txt-2 {
  font-size: 15px;
  line-height: 26px;
}
.reason__main__box {
  border: 2px solid #d2d2d2;
  padding: 20px 26px 20px 18px;
  margin: 12px 0 20px;
  box-sizing: border-box;
}
.reason__main__box:before, .reason__main__box:after {
  content: "";
  display: table;
}
.reason__main__box:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .reason__main__box {
    padding: 15px 15px 15px;
  }
}
.reason__main__box__head {
  font-size: 17px;
  color: #169ce0;
  line-height: 1.4;
  margin-bottom: 10px;
}
.reason__main__box__txt {
  font-size: 15px;
  line-height: 24px;
}
.reason__main__box__image {
  float: right;
  margin: 15px 0 0 18px;
}
@media screen and (max-width: 768px) {
  .reason__main__box__image {
    float: none;
    margin: 0 0 15px;
  }
}
.reason-birth {
  position: relative;
  background: #d4f2fd;
  padding: 0 41px 33px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .reason-birth {
    padding: 0 0 20px;
  }
}
.reason-birth:after {
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -83px;
  display: block;
  width: 154px;
  height: 39px;
  background: url(../img/img_birth_4.png) no-repeat left top;
  content: "";
}
.reason-birth__head {
  color: #18a1e7;
  font-size: 34px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 140px;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .reason-birth__head {
    position: relative;
    font-size: 18px;
    line-height: 1.4;
    padding: 12px 0 0 68px;
    min-height: 90px;
    box-sizing: border-box;
  }
}
.reason-birth__head span {
  background: url(../img/bg_birth_1.png) no-repeat center bottom;
  color: #FFFFFF;
  width: 132px;
  height: 148px;
  text-align: center;
  display: inline-block;
  margin: 0 14px 0 0;
}
@media screen and (max-width: 768px) {
  .reason-birth__head span {
    width: 60px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 14px;
    box-sizing: border-box;
  }
}
.reason-birth__figure {
  margin-bottom: 25px;
}
.reason-birth__main {
  position: relative;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 22px 21px 22px 38px;
}
.reason-birth__main:before, .reason-birth__main:after {
  content: "";
  display: table;
}
.reason-birth__main:after {
  clear: both;
}
.reason-birth__main:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -42px;
  display: block;
  content: "";
  width: 84px;
  height: 39px;
  background: url(../img/img_birth_3.png) no-repeat;
}
@media screen and (max-width: 768px) {
  .reason-birth__main:before {
    width: 50px;
    background-size: contain;
    margin-left: -25px;
  }
}
@media screen and (max-width: 768px) {
  .reason-birth__main {
    padding: 40px 10px 20px;
  }
}
.reason-birth__main__image-1 {
  float: right;
}
@media screen and (max-width: 768px) {
  .reason-birth__main__image-1 {
    float: none;
    margin: 0 auto;
  }
}
.reason-birth__main__textarea {
  float: left;
  margin: 4px 5px 0 10px;
}
@media screen and (max-width: 768px) {
  .reason-birth__main__textarea {
    margin: 0 0 6px;
    float: none;
  }
}
.reason-birth__main__textarea__txt {
  color: #18a1e7;
  font-size: 30px;
  line-height: 40px;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 41px;
  margin-bottom: 16px;
}
.reason-birth__main__textarea__txt:before, .reason-birth__main__textarea__txt:after {
  content: "";
  display: table;
}
.reason-birth__main__textarea__txt:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .reason-birth__main__textarea__txt {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 14px;
  }
}
.reason-birth__main__textarea__txt__1 {
  display: block;
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .reason-birth__main__textarea__txt__1 {
    margin-right: 6px;
  }
}
.reason-birth__main__textarea__txt__2 {
  display: block;
  float: left;
}
.inq-question {
  background: #feeeef;
  border-radius: 8px;
  width: 100%;
  padding: 30px 35px 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .inq-question {
    padding: 15px 15px 5px;
  }
}
.inq-question__head {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
}
.inq-question__head span {
  background: #feeeef;
  position: relative;
  z-index: 1;
  color: #e60505;
  font-size: 19px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .inq-question__head span {
    line-height: 1.5;
    display: inline;
    border-bottom: 2px dotted #e60505;
    padding-bottom: 1px;
  }
}
.inq-question__head:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: 2px dotted #e60505;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .inq-question__head:before {
    display: none;
  }
}
.inq-question p {
  font-size: 14px;
  line-height: 22px;
  color: #242424;
}
.inq-question__link {
  background: #fff;
  text-align: center;
  margin-top: 10px;
  padding: 10px;
}
.inq-question__link__btn {
  display: inline-block;
  text-decoration: none;
  width: 299px;
  color: #fff;
  padding: 15px 0;
  border-radius: 4px;
  background: url(../img/icn_delta_1.png) no-repeat 93% center;
  background-color: #40ade4;
  transition: opacity 0.35s;
}
@media screen and (max-width: 768px) {
  .inq-question__link__btn {
    width: 100%;
    background-position: 96% center;
  }
}
.inq-question__link__btn:hover {
  opacity: 0.8;
}
.inq-question__link__btn span {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .inq-question__link__btn span {
    font-size: 16px;
  }
}
.inq-pickup {
  border: 1px solid #e60505;
  padding: 25px 25px 20px 25px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .inq-pickup {
    padding: 15px;
  }
}
.inq-pickup__txt {
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .inq-pickup__txt {
    font-size: 14px;
  }
}
.inq-pickup__txt span {
  color: #e60505;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .inq-pickup__txt span {
    font-size: 15px;
  }
}
.inq-pickup__info {
  background: #eee;
  padding: 15px;
}
.inq-pickup__info__txt {
  font-size: 15px;
  line-height: 1.7;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .inq-pickup__info__txt {
    font-size: 14px;
  }
}
.inq-pickup__info__txt span {
  font-weight: bold;
}
.inq-how {
  margin-bottom: 60px;
}
.inq-how__inner {
  font-size: 0;
  margin-bottom: 17px;
}
.inq-how__block {
  display: inline-block;
  width: auto;
  height: 145px;
  background: #e9f9fd;
  padding: 10px 20px 0 20px;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: top;
}
.inq-how__block--tel {
  width: 315px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .inq-how__block--tel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    height: auto;
  }
}
.inq-how__block--fax {
  width: 280px;
  margin-right: 17px;
}
@media screen and (max-width: 768px) {
  .inq-how__block--fax {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    height: auto;
  }
}
.inq-how__block--letter {
  width: 332px;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .inq-how__block--letter {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    height: auto;
  }
}
.inq-how__block__title {
  font-size: 18px;
  line-height: 22px;
  color: #22a1e1;
  text-align: center;
  border-bottom: 2px dotted #22a1e1;
  padding-bottom: 10px;
}
.inq-how__block__title span {
  display: inline-block;
  padding-left: 45px;
  line-height: 35px;
}
.inq-how__block__title--tel span {
  background: url(../img/icn_tel_1.png) no-repeat left center;
}
.inq-how__block__title--fax span {
  background: url(../img/icn_fax_1.png) no-repeat left center;
}
.inq-how__block__title--letter span {
  background: url(../img/icn_letter_1.png) no-repeat left center;
}
.inq-how__block__inner {
  display: table;
  width: 100%;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .inq-how__block__inner {
    padding: 15px 0;
    height: auto;
    text-align: center;
  }
}
.inq-how__block__inner__wrapper {
  display: table-cell;
  vertical-align: middle;
}
.inq-how__block__text {
  font-size: 16px;
  margin-bottom: 5px;
}
.inq-how__block__text span {
  font-size: 20px;
  letter-spacing: 0.05em;
}
.inq-how__block__small-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
}
.inq-how__block__small-text02 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.04em;
  padding-left: 4.5em;
  text-indent: -4.5em;
}
.inq-how__notice {
  font-size: 14px;
  line-height: 24px;
  border: 2px solid #d2d2d2;
  margin-bottom: 60px;
  /* margin-bottom: 17px; */
  padding: 10px 40px 15px 20px;
}
@media screen and (max-width: 768px) {
  .inq-how__notice {
    padding-right: 20px;
  }
}
.inq-how__notice__title {
  color: #1c9ee0;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .inq-how__notice__title {
    margin-bottom: 10px;
  }
}
.inq-how__notice__text {
  padding-left: 15px;
  background: url(../img/icn_circle_1.png) no-repeat left 6px;
}
@media screen and (max-width: 768px) {
  .inq-how__notice__text {
    margin-bottom: 5px;
  }
}
/* GW休業に伴うお知らせ */
.inq-how__gw__notice {
  font-size: 14px;
  line-height: 24px;
  border: 2px solid #f00;
  margin-bottom: 60px;
  padding: 10px 40px 15px 20px;
  color: #f00;
}
@media screen and (max-width: 768px) {
  .inq-how__gw__notice {
    padding-right: 20px;
  }
}
.inq-how__gw__notice__title {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .inq-how__gw__notice__title {
    margin-bottom: 10px;
  }
}
.inq-how__gw__notice__text {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .inq-how__gw__notice__text {
    margin-bottom: 10px;
  }
}
.inq-tab {
  width: 100%;
  margin-bottom: 27px;
}
.inq-tab:before, .inq-tab:after {
  content: "";
  display: table;
}
.inq-tab:after {
  clear: both;
}
.inq-tab__item {
  width: 50%;
  float: left;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  font-size: 22px;
  color: #3eade5;
  border: 1px solid #40ade4;
  box-sizing: border-box;
  padding: 20px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .inq-tab__item {
    width: 100%;
    font-size: 20px;
  }
}
.inq-tab__item:first-of-type {
  border-radius: 8px 0 0 8px;
}
@media screen and (max-width: 768px) {
  .inq-tab__item:first-of-type {
    border-radius: 8px 8px 0 0;
  }
}
.inq-tab__item:last-of-type {
  border-radius: 0 8px 8px 0;
}
@media screen and (max-width: 768px) {
  .inq-tab__item:last-of-type {
    border-radius: 0 0 8px 8px;
  }
}
.inq-tab__item.active {
  background: #40ade4;
  color: #fff;
}
.inq-tab__item.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -34px;
  left: 45%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top: 17px solid #40ade4;
}
@media screen and (max-width: 768px) {
  .inq-tab__item.active:after {
    display: none;
  }
}
.chigai-intro {
  background: url(../img/img_chigai_1.png) no-repeat left bottom 25px;
  position: relative;
  padding-bottom: 33px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .chigai-intro {
    background: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
.chigai-intro p {
  font-size: 18px;
  line-height: 45px;
  text-align: center;
}
.chigai-intro__strong {
  color: #d70358;
  background: #fcdede;
  font-size: 22px;
  padding: 3px 5px;
}
.chigai-intro__img {
  position: absolute;
  bottom: 0;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .chigai-intro__img {
    position: static;
    margin: 0 auto;
    width: 160px;
  }
}
.chigai-history {
  margin-bottom: 40px;
}
.chigai-history p {
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 1em;
}
.chigai-history__strong {
  color: #e44c4c;
  background: #fde4dc;
  padding: 3px 6px;
}
.chigai-history__section1 {
  margin-bottom: 50px;
  background: url(../img/img_chigai_3.png) no-repeat right 10px top 75px;
}
.chigai-history__section1 p {
  padding-right: 210px;
}
@media screen and (max-width: 768px) {
  .chigai-history__section1 p {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .chigai-history__section1 {
    padding-right: 0;
    padding-bottom: 90px;
    background-position: bottom right;
  }
}
.chigai-point {
  position: relative;
  padding-top: 70px;
  margin-bottom: 20px;
}
.chigai-point__head {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -97px;
  background: #40ade4;
  color: #fff;
  width: 194px;
  height: 194px;
  text-align: center;
  font-size: 25px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  border-radius: 50%;
  box-sizing: border-box;
  padding-top: 50px;
}
.chigai-point__data {
  background: #e5f5fc;
  padding: 140px 50px 40px;
  border-radius: 15px;
}
.chigai-point__data:before, .chigai-point__data:after {
  content: "";
  display: table;
}
.chigai-point__data:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .chigai-point__data {
    padding: 140px 20px 40px;
  }
}
.chigai-point__data--point2 {
  padding-top: 110px;
}
.chigai-point__seibun {
  float: left;
  width: 400px;
  border: 1px solid #1a9bdc;
  border-radius: 7px;
  background: #fff;
  padding: 10px 0;
  margin-left: 40px;
}
.chigai-point__seibun:before, .chigai-point__seibun:after {
  content: "";
  display: table;
}
.chigai-point__seibun:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .chigai-point__seibun {
    float: none;
    margin-left: 0;
    width: auto;
  }
}
.chigai-point__seibun:last-child {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .chigai-point__seibun:last-child {
    margin-top: 15px;
    float: none;
    margin-left: 0;
    width: auto;
  }
}
.chigai-point__seibun__title {
  color: #1a9bdc;
  font-size: 22px;
  float: left;
  line-height: 48px;
  width: 125px;
  text-align: center;
  border-right: 2px dotted #1a9bdc;
  margin-right: 17px;
}
@media screen and (max-width: 768px) {
  .chigai-point__seibun__title {
    width: 110px;
    line-height: 80px;
  }
}
.chigai-point__seibun__data {
  font-size: 17px;
  line-height: 1.4;
  padding-top: 2px;
}
.chigai-point__seibun__data__small {
  font-size: 15px;
}
.chigai-point__seibun__data--2 {
  padding-top: 12px;
}
.chigai-point__right-col {
  width: 250px;
  float: right;
}
@media screen and (max-width: 768px) {
  .chigai-point__right-col {
    display: none;
  }
}
.chigai-point__left-col {
  width: 575px;
  float: left;
}
@media screen and (max-width: 768px) {
  .chigai-point__left-col {
    float: none;
    width: auto;
  }
}
.chigai-point__last-text {
  text-align: center;
  font-size: 18px;
  line-height: 38px;
}
.chigai-point__last-text__strong {
  color: #d10000;
  font-size: 26px;
}
.chigai-point-1-text {
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 15px;
}
.chigai-point-3-text {
  margin-bottom: 35px;
}
.chigai-point-3-text p {
  text-align: center;
  font-size: 18px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .chigai-point-3-text p {
    text-align: left;
    font-size: 16px;
  }
}
.chigai-point-3-text__strong {
  color: #d70358;
}
.chigai-point-3-text__line {
  border-bottom: 2px solid #a0cb37;
  padding-bottom: 3px;
}
.seihou-flow {
  background: #fff;
  padding: 13px 19px;
  margin-top: 15px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .seihou-flow {
    padding: 20px 20px;
  }
}
.seihou-flow:before, .seihou-flow:after {
  content: "";
  display: table;
}
.seihou-flow:after {
  clear: both;
}
.seihou-flow img {
  display: block;
  float: left;
}
@media screen and (max-width: 768px) {
  .seihou-flow img {
    float: none;
  }
}
@media screen and (max-width: 768px) {
  .seihou-flow__1 {
    margin: 0 auto;
  }
}
.seihou-flow__plus {
  margin: 20px 10px 0 10px;
}
@media screen and (max-width: 768px) {
  .seihou-flow__plus {
    margin: 10px auto;
  }
}
@media screen and (max-width: 768px) {
  .seihou-flow__2 {
    margin: 0 auto;
  }
}
.seihou-flow__arrow {
  margin: 16px 64px 0 21px;
}
@media screen and (max-width: 768px) {
  .seihou-flow__arrow {
    margin: 10px auto;
  }
}
.seihou-flow__3 {
  margin: 16px 0px 0 0px;
}
@media screen and (max-width: 768px) {
  .seihou-flow__3 {
    margin: 0 auto;
  }
}
.chigai-dialog {
  position: relative;
}
@media screen and (max-width: 768px) {
  .chigai-dialog {
    display: none;
  }
}
.chigai-dialog img {
  position: absolute;
}
.chigai-dialog--1 {
  height: 85px;
}
.chigai-dialog--1__img1 {
  top: 0px;
  left: 85px;
}
.chigai-dialog--1__img2 {
  top: 20px;
  left: 565px;
}
.chigai-kubetsu {
  background: #fff;
  padding: 30px 30px 10px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .chigai-kubetsu {
    padding: 10px 15px 10px;
  }
}
.chigai-kubetsu__head {
  text-align: center;
  color: #098ed2;
  font-size: 20px;
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 7px;
  margin-bottom: 19px;
  border-bottom: 2px dashed #098ed2;
}
@media screen and (max-width: 768px) {
  .chigai-kubetsu__head {
    text-align: left;
  }
}
.chigai-kubetsu__head__strong {
  color: #e5000b;
}
.chigai-kubetsu__head__small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .chigai-kubetsu__head {
    font-size: 18px;
    line-height: 1.4;
  }
}
.chigai-tables {
  margin-bottom: 14px;
}
.chigai-tables:before, .chigai-tables:after {
  content: "";
  display: table;
}
.chigai-tables:after {
  clear: both;
}
.chigai-tables--line {
  border-bottom: 1px solid #7ecef4;
  padding-bottom: 14px;
}
.chigai-tables__head {
  width: 65px;
  float: left;
}
@media screen and (max-width: 768px) {
  .chigai-tables__head {
    float: none;
    width: auto;
    border: 1px solid #1f93ce;
    color: #1f93ce;
    padding: 5px;
    text-align: center;
    border-radius: 20px;
    font-weight: bold;
  }
}
.chigai-tables__col1 {
  float: left;
  margin-right: 22px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .chigai-tables__col1 {
    margin-right: 0;
  }
}
.chigai-tables__col2 {
  float: left;
  padding-top: 10px;
}
.chigai-topics {
  margin-top: 20px;
  margin-bottom: 45px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  border: 2px solid #de4b89;
}
@media screen and (max-width: 599px) {
  .chigai-topics {
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
  }
}
.chigai-topics dt {
  font-size: 19px;
  background-color: #de4b89;
  color: #fff;
  width: 18%;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  .chigai-topics dt {
    width: 100%;
  }
}
.chigai-topics dd {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 599px) {
  .chigai-topics dd {
    font-size: 15px;
  }
}
.chigai-topics dd a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 16px 40px 16px 20px;
  color: #333;
  border-bottom: 1px dotted #de4b89;
}
@media screen and (max-width: 599px) {
  .chigai-topics dd a {
    padding: 15px 20px 15px 15px;
  }
}
.chigai-topics dd a:hover {
  background: #fef4f4;
}
.chigai-topics dd a::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 3px solid #de4b89;
  border-bottom: 3px solid #de4b89;
  transform: rotate(-45deg);
}
@media screen and (max-width: 599px) {
  .chigai-topics dd a::after {
    right: 10px;
  }
}
.chigai-topics dd a:first-child {
  padding: 14px 40px 14px 20px;
}
@media screen and (max-width: 599px) {
  .chigai-topics dd a:first-child {
    padding: 15px 20px 15px 15px;
  }
}
.chigai-topics dd a:last-child {
  border-bottom: none;
}
.chigai-kassei {
  margin-top: 25px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei {
    padding: 15px;
  }
}
.chigai-kassei p {
  margin-bottom: 1.5em;
  font-size: 15px;
  line-height: 1.73;
}
.chigai-kassei__head {
  font-size: 26px;
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: 2px dashed #098ed2;
  line-height: 1.4;
  padding-bottom: 8px;
  margin-bottom: 25px;
}
.chigai-kassei__block1:before, .chigai-kassei__block1:after {
  content: "";
  display: table;
}
.chigai-kassei__block1:after {
  clear: both;
}
.chigai-kassei__block1__text {
  width: 565px;
  float: left;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block1__text {
    float: none;
    width: auto;
  }
}
.chigai-kassei__block1__fig {
  float: right;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block1__fig {
    float: none;
    width: auto;
    margin: 0 auto 20px;
  }
}
.chigai-kassei__block2__head {
  color: #40ade4;
  font-size: 15px;
  line-height: 1.73;
}
.movie-wrap {
  margin-top: 20px;
  margin-bottom: 30px;
}
.movie-wrap iframe{
  width:100%;
}
@media (max-width: 833px){
  .movie-wrap iframe{
    height:calc(17rem + ((1vw - 3.75px) * 54.5852))
  }
}
.chigai-kassei__img {
  margin-top: 20px;
  margin-bottom: 30px;
}
.chigai-kassei__img img {
  max-width: 100%;
}
.chigai-kassei__link {
  margin-bottom: 30px;
}
.chigai-kassei__link:before, .chigai-kassei__link:after {
  content: "";
  display: table;
}
.chigai-kassei__link:after {
  clear: both;
}
.chigai-kassei__link__item {
  float: left;
  width: 470px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__link__item {
    float: none;
    width: auto;
  }
}
.chigai-kassei__link__item:last-child {
  float: right;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__link__item:last-child {
    float: none;
    margin-top: 10px;
    width: auto;
  }
}
.chigai-kassei__link__item a {
  display: block;
  background: #e5f5fc url(../img/btn_link_right_2.png) no-repeat 13px center;
  background-size: auto 17px;
  font-size: 16px;
  color: #40ade4;
  text-decoration: none;
  padding: 20px 30px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__link__item a {
    padding: 20px 20px 20px 30px;
    line-height: 1.4;
  }
}
.chigai-kassei__example {
  background: #eee url(../img/img_chigai_7.png) no-repeat right 35px bottom 35px;
  padding: 28px 25px 10px;
  font-size: 15px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__example {
    padding: 28px 20px 130px;
    background-size: auto 100px;
  }
}
.chigai-kassei__example__head {
  position: relative;
  line-height: 1.4;
  color: #229ddb;
  margin-bottom: 8px;
  padding-left: 18px;
}
.chigai-kassei__example__head::before {
  background: #229ddb;
  content: "";
  height: 10px;
  width: 10px;
  left: 0;
  position: absolute;
  top: 5px;
}
.chigai-kassei__example .s-text {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  margin-left: 20px;
}
.chigai-kassei__block3__head {
  color: #ED7358;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 28px;
  padding: 25px 25px 22px 25px;
  border: 2px dotted #ED7358;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__head {
    padding: 16px 18px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-align: justify;
  }
}
.chigai-kassei__block3__ttl {
  position: relative;
  color: #229ddb;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 27px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__ttl {
    font-size: 18px;
    padding-left: 25px;
  }
}
.chigai-kassei__block3__ttl::before {
  border: 6px solid #6abee9;
  content: "";
  height: 8px;
  width: 8px;
  left: 0;
  position: absolute;
  top: 4px;
  border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__ttl::before {
    border: 5px solid #6abee9;
    top: 2px;
  }
}
.chigai-kassei__block3__ttl02 {
  position: relative;
  color: #fff;
  background: #229ddb;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  padding: 11px 10px 9px 10px;
  font-weight: 400;
}
.chigai-kassei__block3__text {
  line-height: 1.8 !important;
  margin-bottom: 30px !important;
}
.chigai-kassei__block3__stext {
  position: relative;
  padding: 20px;
  background: #e5f5fc;
  margin-top: 17px;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.chigai-kassei__block3__stext::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #e5f5fc transparent;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: -17px;
}
.chigai-kassei__block3__inr {
  display: flex;
  margin-bottom: 1px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__inr {
    display: block;
    flex-wrap: wrap;
  }
}
.chigai-kassei__block3__inr .left-box {
  width: 60%;
  box-sizing: border-box;
  padding-right: 28px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__inr .left-box {
    width: 100%;
    padding-right: 0;
  }
}
.chigai-kassei__block3__inr .right-box {
  width: 42%;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__inr .right-box {
    width: 100%;
  }
}
.chigai-kassei__block3__inr .right-box img {
  width: 100%;
}
.chigai-kassei__block3__doc {
  background: #e5f5fc;
  padding: 26px;
  text-align: center;
  margin-bottom: 20px;
}
.chigai-kassei__block3__wrap {
  border: 2px solid #ccc;
  padding: 35px;
}
@media screen and (max-width: 768px) {
  .chigai-kassei__block3__wrap {
    padding: 25px;
  }
}
.chigai-kassei__block3__wrap__st {
  font-size: 18px;
  color: #40ade4;
  padding-bottom: 12px;
  border-bottom: 1px dotted #bbb;
  margin-bottom: 15px;
}
.chigai-kassei__block3__wrap__sign {
  margin-bottom: 20px !important;
  line-height: 1.5 !important;
}
.chigai-kassei__block3__wrap__text {
  margin-bottom: 0px !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}
.chigai-youtube {
  background: #e8f9ff url(../img/img_chigai_8.png) no-repeat right 70px bottom 10px;
  padding: 57px 57px 20px;
  margin-bottom: 80px;
  border-radius: 15px;
}
.chigai-youtube:before, .chigai-youtube:after {
  content: "";
  display: table;
}
.chigai-youtube:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .chigai-youtube {
    background-image: none;
  }
}
.chigai-youtube__head {
  text-align: center;
  font-size: 26px;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 35px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .chigai-youtube__head {
    font-size: 20px;
  }
  .chigai-youtube__head img {
    display: block;
    margin: 0 auto 10px;
  }
}
.chigai-youtube__head img {
  vertical-align: middle;
}
.chigai-youtube__item {
  float: left;
  margin: 0 45px 35px 0;
  text-align: center;
  font-size: 17px;
  line-height: 1.4;
}
.chigai-youtube__item:nth-child(3) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .chigai-youtube__item {
    float: none;
    margin: 0 0 20px 0;
  }
}
.chigai-youtube__item img {
  margin-bottom: 10px;
}
.chigai-last-link {
  margin-bottom: 90px;
  font-family: "Noto Sans JP", sans-serif;
}
.chigai-last-link:before, .chigai-last-link:after {
  content: "";
  display: table;
}
.chigai-last-link:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .chigai-last-link {
    padding: 0px 10px;
    margin-bottom: 30px;
  }
}
.chigai-last-link__item {
  float: left;
  width: 323px;
  line-height: 1.4;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .chigai-last-link__item {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 7px;
  }
}
.chigai-last-link__item:first-child {
  margin-left: 0px;
}
.chigai-last-link__item:last-child {
  margin-left: 12px;
  width: 288px;
}
@media screen and (max-width: 768px) {
  .chigai-last-link__item:last-child {
    margin-left: 0;
    width: auto;
  }
}
.chigai-last-link__item a {
  display: block;
  border: 2px solid #40ade4;
  color: #40ade4;
  font-size: 19px;
  text-align: center;
  text-decoration: none;
  padding: 20px 25px 20px 10px;
  background: url(../img/btn_link_right_2.png) no-repeat right 12px center;
  background-size: 13px auto;
}
@media screen and (max-width: 768px) {
  .chigai-last-link__item a {
    padding-right: 38px;
    font-size: 16px;
  }
}
.chigai-last-link__item a:hover {
  background-color: #e9f9fd;
}
.policy-strong {
  color: #d70358;
  background: #fcdede;
  padding: 7px 8px 2px;
}
@media screen and (max-width: 768px) {
  .policy-strong {
    padding: 3px 3px 2px;
  }
}
.policy-strong-2 {
  color: #fc0404;
  background: #fde4dc;
  padding: 7px 5px 2px;
}
@media screen and (max-width: 768px) {
  .policy-strong-2 {
    padding: 3px 3px 3px;
  }
}
.policy-strong-3 {
  border-bottom: 2px solid #A4C250;
  padding-bottom: 3px;
}
.policy-1 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .policy-1 {
    margin-bottom: 50px;
  }
}
.policy-1__txt {
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.policy-2 {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .policy-2 {
    margin-bottom: 50px;
  }
}
.policy-2__txt {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 11px;
}
.policy-2__hikaku {
  background: #e5f5fc;
  padding: 33px 34px 10px;
  margin: 22px 0 0;
}
@media screen and (max-width: 768px) {
  .policy-2__hikaku {
    padding: 15px 15px;
    margin-bottom: 80px;
  }
}
.policy-2__hikaku__main {
  background: #FFFFFF;
  padding: 18px 0 0 20px;
  margin-bottom: 22px;
}
.policy-2__hikaku__main:before, .policy-2__hikaku__main:after {
  content: "";
  display: table;
}
.policy-2__hikaku__main:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .policy-2__hikaku__main {
    padding: 10px 10px;
  }
}
.policy-2__hikaku__head {
  float: left;
  margin: 0 0 0;
}
@media screen and (max-width: 768px) {
  .policy-2__hikaku__head {
    float: none;
  }
}
.policy-2__hikaku__head span {
  border: 1px solid #40ade4;
  border-radius: 22px;
  color: #40ade4;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.policy-2__hikaku__textarea {
  padding: 17px 0 0 62px;
}
.policy-2__hikaku__textarea--1 {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .policy-2__hikaku__textarea--1 {
    overflow: inherit;
  }
}
.policy-2__hikaku__textarea--1 li {
  float: left;
}
@media screen and (max-width: 768px) {
  .policy-2__hikaku__textarea--1 li {
    float: none;
  }
}
.policy-2__hikaku__textarea--2 {
  padding-top: 10px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .policy-2__hikaku__textarea {
    padding: 0 0 0;
  }
}
.policy-2__hikaku__txt {
  font-size: 16px;
  line-height: 22px;
  margin: 24px 20px 20px 0;
}
.policy-3 {
  border: 2px solid #40ade4;
  border-radius: 20px;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .policy-3 {
    margin-bottom: 50px;
  }
}
.policy-3__head {
  position: relative;
  background: #d4f2fd;
  padding: 20px 0 10px;
  color: #40ade4;
  font-size: 22px;
  line-height: 1.4;
  text-align: center;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .policy-3__head {
    padding: 15px 10px 12px;
    font-size: 20px;
  }
}
.policy-3__head span {
  position: absolute;
  top: -73px;
  left: 190px;
  color: #FFFFFF;
  display: block;
  width: 236px;
  height: 68px;
  background: url(../img/bg_fukidashi.png) no-repeat center;
  text-align: center;
  box-sizing: border-box;
  padding: 13px 0 0;
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .policy-3__head span {
    left: 0;
  }
}
.policy-3__main {
  padding: 27px 30px 8px;
}
@media screen and (max-width: 768px) {
  .policy-3__main {
    padding: 10px 15px 0;
  }
}
.policy-3__txt-1 {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 27px;
}
.policy-3__txt-2 {
  font-size: 15px;
  line-height: 1.4;
  color: #329ed5;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .policy-3__list {
    margin-bottom: 18px;
  }
}
.policy-3__item {
  font-size: 15px;
  line-height: 26px;
}
.policy-3__item:before {
  content: "";
  display: inline-block;
  background: #77c9f2;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 2px 0px 0 0;
}
.policy-3__item__txt-1 {
  display: inline-block;
  width: 80px;
}
@media screen and (max-width: 768px) {
  .policy-3__item__txt-1 {
    width: auto;
  }
}
.policy-3__figure {
  margin: -8px 0 6px;
}
.policy-4 {
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .policy-4 {
    margin-bottom: 50px;
  }
}
.policy-4__txt {
  background: url(../img/img_policy_1.png) no-repeat right top;
  padding-right: 110px;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .policy-4__txt {
    background: none;
    padding: 0;
  }
}
.policy-4__movie {
  position: relative;
  background: #e8f9ff;
  border-radius: 20px;
  padding: 36px 55px 38px 42px;
  margin-bottom: 60px;
}
.policy-4__movie:before, .policy-4__movie:after {
  content: "";
  display: table;
}
.policy-4__movie:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .policy-4__movie {
    padding: 15px 15px 15px;
  }
}
.policy-4__movie__head {
  position: relative;
  background: #3eade5;
  color: #FFFFFF;
  border-radius: 50%;
  color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  width: 241px;
  height: 241px;
  float: left;
  margin: 26px 0 0;
  line-height: 47px;
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .policy-4__movie__head {
    float: none;
    width: 200px;
    height: 200px;
    margin: 0 auto 15px;
    font-size: 20px;
  }
}
.policy-4__movie__head span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.policy-4__movie__youtube {
  width: 507px;
  height: 288px;
  float: right;
}
.policy-4__movie__youtube iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .policy-4__movie__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .policy-4__movie__youtube {
    width: 100%;
    height: auto;
    position: relative;
  }
  .policy-4__movie__youtube:before {
    padding-top: 56.25%;
    content: "";
    display: block;
  }
}
.policy-4__figure {
  float: left;
}
@media screen and (max-width: 768px) {
  .policy-4__figure {
    float: none;
    margin-bottom: 20px;
  }
}
.policy-4__txt-1 {
  margin: 0px 0 0 -5px;
}
@media screen and (max-width: 768px) {
  .policy-4__txt-1 {
    margin: 0;
  }
}
.policy-4__txt-2 {
  text-align: center;
  margin: 29px 0 40px;
}
@media screen and (max-width: 768px) {
  .policy-4__txt-2 {
    margin: 20px 0 40px;
  }
}
.policy-4__message {
  background: #e5f5fc;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 29px 22px 24px;
  width: 272px;
  float: right;
  margin: 22px 0 0;
}
.policy-4__message__txt {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .policy-4__message {
    width: 100%;
    float: none;
  }
}
.policy-4__message img {
  margin: 0 auto;
}
.policy-4__howto {
  padding-top: 13px;
}
.policy-4__howto:before, .policy-4__howto:after {
  content: "";
  display: table;
}
.policy-4__howto:after {
  clear: both;
}
.policy-4__howto__figure {
  float: left;
}
@media screen and (max-width: 768px) {
  .policy-4__howto__figure {
    float: none;
    margin-bottom: 20px;
  }
}
.policy-4__howto__main {
  float: right;
  width: 434px;
  background: #e5f5fc;
  box-sizing: border-box;
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .policy-4__howto__main {
    float: none;
    width: 100%;
  }
}
.policy-4__howto__txt-1 {
  font-size: 18px;
  color: #FFFFFF;
  background: #40ade4;
  height: 45px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 17px 0 0 22px;
}
@media screen and (max-width: 768px) {
  .policy-4__howto__txt-1 {
    padding: 12px 0 0 0;
    text-align: center;
  }
}
.policy-4__howto__txt-2 {
  font-size: 14px;
  line-height: 24px;
  padding: 18px 23px 27px;
}
@media screen and (max-width: 768px) {
  .policy-4__howto__txt-2 {
    padding: 15px 15px 15px;
  }
}
.policy-5 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .policy-5 {
    margin-bottom: 50px;
  }
}
.policy-5__txt {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 14px;
}
.policy-5__figure {
  padding-top: 18px;
}
.policy-5__figure:before, .policy-5__figure:after {
  content: "";
  display: table;
}
.policy-5__figure:after {
  clear: both;
}
.policy-5__figure img:first-child {
  float: left;
}
.policy-5__figure img:last-child {
  float: right;
}
/* jQuery */
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.7);
  }
  .featherlight:before {
    /* position: trick to center content vertically */
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal;
  }
  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }
  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: none;
    padding: 0;
  }
  /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
  .featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .featherlight .featherlight-image {
    /* styling */
    width: 100% !important;
    height: auto !important;
  }
  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
  }
  .featherlight iframe {
    /* styling */
    border: none;
  }
  .featherlight * {
    /* See https://github.com/noelboss/featherlight/issues/42 */
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .featherlight iframe {
    width: 100% !important;
    height: 180px !important;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
.s-header-small {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  animation: smallMenu 0.5s linear 0s 1 alternate;
  -ms-animation: smallMenu 0.5s linear 0s 1 alternate;
  -webkit-animation: smallMenu 0.5s linear 0s 1 alternate;
  -moz-animation: smallMenu 0.5s linear 0s 1 alternate;
}
.s-header-small .header__wrapper {
  height: 117px;
}
.s-header-small .header__logo {
  left: 482px;
  top: 48px;
  width: 250px;
}
.s-header-small .header__logo__large-logo {
  display: none;
}
.s-header-small .header__logo__small-logo {
  display: inline-block;
}
.s-header-small .header__logo__small-logo img {
  width: 100%;
}
.s-header-small .header__phone {
  left: 840px;
  width: 298px;
}
.s-header-small .header__phone--large {
  display: none;
}
.s-header-small .header__phone--small {
  display: inline-block;
}
.s-header-small .header__english-btn {
  padding: 14px 22px;
}
.s-header-small .header__online-shop-btn {
  top: 120px;
  right: -25px;
}
@keyframes smallMenu {
  0% {
    top: -117px;
  }
  100% {
    top: 0;
  }
}
.s-header-small .global-nav {
  position: absolute;
  top: 70px;
}
.column-banner_link {
  text-align: center;
  margin: 70px 0;
}
@media screen and (max-width: 768px) {
  .column-banner_link {
    margin: 30px 15px;
  }
}
/* Theme */
/*# sourceMappingURL=style.css.map */