@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  -webkit-text-size-adjust: 100%;
}

@media all and (max-width: 540px) {
    .display h1 {font-size: 1.6em;}
}

.company-default-google-map {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.template1, .template2, .template3 {
    font-family: "Yu Gothic", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", ".HiraKakuInterface-W2";
    font-weight: 100;
}

a {
  color: blue;
  text-decoration: none; /* no underline */
}


.template1.website-key-visual-section .website-key-visual-section--comment,
.template1.website-key-visual-section .website-key-visual-section--company-name,
.template1.website-key-visual-section .website-key-visual-section--text,
.template3.website-key-visual-section .website-key-visual-section--comment,
.template3.website-key-visual-section .website-key-visual-section--company-name,
.template3.website-key-visual-section .website-key-visual-section--text {
  text-shadow:
 grey 2px 0px 2px,
 grey 0px 2px 2px,
 grey 2px 2px 2px,
 grey 1px 2px 2px,
 grey 2px 1px 2px
 ;
}


.template2.website-key-visual-section .website-key-visual-section--comment,
.template2.website-key-visual-section .website-key-visual-section--company-name,
.template2.website-key-visual-section .website-key-visual-section--text {
  text-shadow:
 white 2px 0px 2px,
 white 0px 2px 2px,
 white 2px 2px 2px,
 white 1px 2px 2px,
 white 2px 1px 2px
 ;
}


.website-key-visual-section .website-key-visual-section--company-name {
  font-size: 2rem;
}

@media all and (max-width: 540px) {
  .website-key-visual-section .website-key-visual-section--company-name {
    font-size: 1.5rem;
  }
}



.website-key-visual-section .website-key-visual-section--text {
  font-size: 1.5rem;
}

/* template1 */
/* ヘッダー */
@media all {
  .website-header-section.template1 .is-boxes {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 70px !important;
  }
   .website-header-section.template1 .is-container{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
  }
}

@media all and (max-width: 540px) {
  .website-header-section.template1 {
    display: none;
  }

  .website-panels-section.template1 .website-panel-wrap {
    width: 50%;
    float: left;
  }

  .template1 .website-key-visual-section--company-name,
  .template1 .website-key-visual-section--text {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.template1 .website-header {
  background-color: #fff;
  height: 70px;
}

.template1 .website-header__logo-wrapper {
  margin: 0 !important;
}

.template1 .website-header__logo-img {
  margin: 0 !important;
  max-height: 80px;
}

.website-header__link-wrap {
  background-color: #fff;
}

.template1 .website-header .website-header__link {
  font-size: 16px;
  font-family: "YuGothic";
  color: rgb(51, 51, 51);
  line-height: 1.2;
  padding: 8px 0;
  margin: 0 8px;
}

.template1 .website-header .website-header__button {
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px rgba(140, 143, 148, 0.25);
    width: 130px;
    height: 35px;
    border-style: solid;
    border-width: 2px;
    border-radius: 3px;
    /*background-color: rgba(0, 0, 0, 0);*/
}

.template1.color-theme-Blue .website-header .website-header__button {
  background-color: #267df4;
  border-color: #267df4;
  color: #ffffff;
}
.template1.color-theme-Red .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #be3329;
  color: #be3329;
}
.template1.color-theme-Green .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #50b557;
  color: #50b557;
}
.template1.color-theme-Navy .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #1f325d;
  color: #1f325d;
}
.template1.color-theme-Black .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #010101;
  color: #010101;
}

.template1 .website-header .website-header__link:hover {
    border-bottom: 5px solid rgb(38, 125, 244);
}
.template1.color-theme-Blue .website-header .website-header__link:hover{
  border-bottom: 5px solid #267df4;
}
.template1.color-theme-Red .website-header .website-header__link:hover{
  border-bottom: 5px solid #be3329;
}
.template1.color-theme-Green .website-header .website-header__link:hover{
  border-bottom: 5px solid #50b557;
}
.template1.color-theme-Navy .website-header .website-header__link:hover{
  border-bottom: 5px solid #1f325d;
}
.template1.color-theme-Black .website-header .website-header__link:hover{
  border-bottom: 5px solid #010101;
}

/* キービジュアル */
.template1.website-key-visual-section {
    color: black;
    height: 80% !important;
}

.template1.website-key-visual-section.is-section-20 {
    height: 20% !important;
}
.template1.website-key-visual-section.is-section-30 {
    height: 30% !important;
}
.template1.website-key-visual-section.is-section-40 {
    height: 40% !important;
}
.template1.website-key-visual-section.is-section-50 {
    height: 50% !important;
}
.template1.website-key-visual-section.is-section-60 {
    height: 60% !important;
}
.template1.website-key-visual-section.is-section-75 {
    height: 75% !important;
}

.template1.website-key-visual-section .is-overlay {
}

.template1.website-key-visual-section .is-boxes {
}

.website-key-visual-section--company-name,
.website-key-visual-section--text {
  margin: 1em 0 2.5em;
}

@media all and (max-width: 540px) {
  .template1.website-key-visual-section .is-boxes{
    padding-top: 10px !important;
  }
  .template1 .website-key-visual-section--company-name,
  .template1 .website-key-visual-section--text {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.template1.website-key-visual-section .is-overlay-bg-triangle {
  width: 100%;
  height: 5%;
  top: auto !important;
  bottom: 0 !important;
  border-top: 100px solid transparent;
  border-left: 100vw solid white;
  background-color: transparent;
}

/* パネル */
.website-panels-section.template1  {
    margin-top: -220px !important;
    background-color: transparent !important;
}

.template1 .website-panel {
    box-sizing: border-box;
    margin: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(140, 143, 148, 0.25);
    text-align: center;
}

.template1 .website-panel__icon-wrap {
  height: 80px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.template1 .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240.png);
}

.template1 .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240.png);
}

.template1 .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240.png);
}

.template1 .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240.png);
}

.template1.color-theme-Blue .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Blue.png);
}

.template1.color-theme-Blue .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Blue.png);
}

.template1.color-theme-Blue .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Blue.png);
}

.template1.color-theme-Blue .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Blue.png);
}

.template1.color-theme-Red .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Red.png);
}

.template1.color-theme-Red .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Red.png);
}

.template1.color-theme-Red .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Red.png);
}

.template1.color-theme-Red .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Red.png);
}
.template1.color-theme-Green .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Green.png);
}
.template1.color-theme-Green .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Green.png);
}

.template1.color-theme-Green .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Green.png);
}

.template1.color-theme-Green .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Green.png);
}
.template1.color-theme-Navy .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Navy.png);
}

.template1.color-theme-Navy .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Navy.png);
}

.template1.color-theme-Navy .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Navy.png);
}

.template1.color-theme-Navy .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Navy.png);
}
.template1.color-theme-Black .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Black.png);
}

.template1.color-theme-Black .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Black.png);
}

.template1.color-theme-Black .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Black.png);
}

.template1.color-theme-Black .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Black.png);
}

.template1 .website-panel__arrow-wrap {
  background-image: url(/img/arrow.png);
  background-repeat: no-repeat;
  background-position: 50%;
  height: 56px;
}
.template1.color-theme-Blue .website-panel__arrow-wrap {
  background-image: url(/img/arrow-Blue.png);
}
.template1.color-theme-Red .website-panel__arrow-wrap {
  background-image: url(/img/arrow-Red.png);
}
.template1.color-theme-Green .website-panel__arrow-wrap {
  background-image: url(/img/arrow-Green.png);
}
.template1.color-theme-Navy .website-panel__arrow-wrap {
  background-image: url(/img/arrow-Navy.png);
}
.template1.color-theme-Black .website-panel__arrow-wrap {
  background-image: url(/img/arrow-Black.png);
}

.template1 .website-panel__label-wrap {
    line-height: 1.2;
}

.template1.color-theme-Blue .website-panel__label-wrap {
  color: #267df4 !important;
}
.template1.color-theme-Red .website-panel__label-wrap {
  color: #be3329 !important;
}
.template1.color-theme-Green .website-panel__label-wrap {
  color: #50b557 !important;
}
.template1.color-theme-Navy .website-panel__label-wrap {
  color: #1f325d !important;
}
.template1.color-theme-Black .website-panel__label-wrap {
  color: #010101 !important;
}

/*事業案内*/
.template1 .company-description {
  line-height: 1;
}

.template1 .business-information {
    padding: 30px 0 60px !important;
    margin: 0 auto;
}

.template1 .business-information__title {
    text-align: center;
    font-size: 36px !important;
    line-height: 1.6 !important;
    color: rgb(51, 51, 51) !important;
}

.template1 #business-information-slider{
  padding: 0;
}

.template1 .business-information .bx-wrapper {
  margin: 0 auto;
}

.template1 .business-information .bx-viewport ul{
  -webkit-margin: 0;
}

.template1 .business-information__sub-title {
  font-size: 28px;
  color: rgb(38, 125, 244) !important;
  line-height: 1.6;
  text-align: left;
}

.template1.color-theme-Blue .business-information__sub-title {
  color: #267df4 !important;
}
.template1.color-theme-Red .business-information__sub-title {
  color: #be3329 !important;
}
.template1.color-theme-Green .business-information__sub-title {
  color: #50b557 !important;
}
.template1.color-theme-Navy .business-information__sub-title {
  color: #1f325d !important;
}
.template1.color-theme-Black .business-information__sub-title {
  color: #010101 !important;
}

.template1 .business-information__content {
  font-size: 16px;
  color: rgb(51, 51, 51) !important;
  line-height: 1.8;
  text-align: left;
}

/*代表挨拶*/
.message-from-the-president-section.template1 {
    background-image: url("/img/bg01.png") !important;
    text-align: center;
    padding: 30px 0 !important;
}

.message-from-the-president-section.template1.color-theme-Blue {
  background-image: url("/img/bg01-Blue.png") !important;
}
.message-from-the-president-section.template1.color-theme-Red {
  background-image: url("/img/bg01-Red.png") !important;
}
.message-from-the-president-section.template1.color-theme-Green {
  background-image: url("/img/bg01-Green.png") !important;
}
.message-from-the-president-section.template1.color-theme-Navy {
  background-image: url("/img/bg01-Navy.png") !important;
}
.message-from-the-president-section.template1.color-theme-Black {
  background-image: url("/img/bg01-Black.png") !important;
}

.template1 .message-from-the-president__title {
    font-size: 36px !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1.6 !important;
}

.template1 .message-from-the-president__sub-title {
    font-size: 28px !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1.6 !important;
}

.template1 .message-from-the-president__president-label {
    font-size: 14px !important;
    line-height: 0.51 !important;
}

.template1 .message-from-the-president__name {
  font-size: 20px !important;
  line-height: 1 !important;
}

.template1 .message-from-the-president__hr {
    height: 2px;
    width: 70px;
    background-color: rgb(225, 238, 255);
    margin: 0 auto;
}

.template1 .message-from-the-president__description {
    font-size: 16px;
    line-height: 1.8;
}

/*会社案内*/
.company-info-section.template1 {
    padding: 30px 0 60px !important;
    color: rgb(51, 51, 51) !important;
}

.template1 .company-info__title {
    color: rgb(51, 51, 51) !important;
    font-size: 36px !important;
    line-height: 1.6 !important;
    padding-bottom: 30px !important;
}

.template1 .company-info__table {
  table-layout: fixed;
  width: 100%;
  margin: auto;
  margin-bottom: 30px;
  border-collapse:collapse !important;
}

.template1 .company-info__table__tr {

}

.template1 .company-info__table__tr > td:first-child {
  width: 90px;
}

.template1 .company-info__table tr:nth-child(odd) > td {
  background-color: rgb(225, 238, 255) !important;
}

.template1.color-theme-Blue .company-info__table tr:nth-child(odd) > td {
  background-color: #e1eeff !important;
}
.template1.color-theme-Red .company-info__table tr:nth-child(odd) > td {
  background-color: #efcecb !important;
}
.template1.color-theme-Green .company-info__table tr:nth-child(odd) > td {
  background-color: #d6ecd7 !important;
}
.template1.color-theme-Navy .company-info__table tr:nth-child(odd) > td {
  background-color: #eff3f9 !important;
}
.template1.color-theme-Black .company-info__table tr:nth-child(odd) > td {
  background-color: #f3f3f3 !important;
}

.template1 .company-info__table__tr > td:first-child {
    color: rgb(38, 125, 244) !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
}

.template1.color-theme-Blue .company-info__table__tr > td:first-child {
  color: #267df4 !important;
}
.template1.color-theme-Red .company-info__table__tr > td:first-child {
  color: #be3329 !important;
}
.template1.color-theme-Green .company-info__table__tr > td:first-child {
  color: #50b557 !important;
}
.template1.color-theme-Navy .company-info__table__tr > td:first-child {
  color: #1f325d !important;
}
.template1.color-theme-Black .company-info__table__tr > td:first-child {
  color: #010101 !important;
}

.template1 .company-info__table__td {
    color: rgb(51, 51, 51) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    padding-left: 40px !important;
    border-style: none !important;
}

.template1 .company-info__table__td a {
  word-wrap: break-word;
  max-width: 90%;
  display: block;
  color: rgb(51, 51, 51) !important;
}

.template1 .company-info__table__label {

}

.template1 .company-info__table__content {

}
.template1 .company-info__map {
    margin: 0 !important;
}

/*沿革*/
.company-history.template1 {

}
.template1 .company-history__card {
    margin: 0 auto;
    border-style: solid;
    border-width: 10px;
    border-color: rgb(246, 248, 250);
    background-color: rgb(255, 255, 255);
}

.template1 .company-history__title {
    font-size: 16px !important;
    color: rgb(38, 125, 244) !important;
    line-height: 1.8 !important;
    text-align: center !important;
}

.template1.color-theme-Blue .company-history__title{
  color: #267df4 !important;
}
.template1.color-theme-Red .company-history__title{
  color: #be3329 !important;
}
.template1.color-theme-Green .company-history__title{
  color: #50b557 !important;
}
.template1.color-theme-Navy .company-history__title{
  color: #1f325d !important;
}
.template1.color-theme-Black .company-history__title{
  color: #010101 !important;
}

.template1 .company-history__content {
    font-size: 16px !important;
    color: rgb(51, 51, 51) !important;
    line-height: 1.8 !important;
    text-align: left !important;
}

/*SNS連携*/
.website-sns-section.template1 {
    padding: 30px 0 !important;
}

.template1 .website-sns__card {
    background-color: #000000;
    width: 100%;
    min-height: 400px;
}


/*問い合わせフォーム*/
.template1 .website-contact {
    padding: 100px !important;
    background-image: url("/img/contact_bg.png") !important;
    min-height: 500px;
}

@media all and (max-width: 540px) {
  .template1 .website-contact {
    padding: 100px 20px !important;
  }
}


.template1.color-theme-Blue .website-contact {
    background-image: url("/img/contact_bg_blue.png") !important;
    min-height: 500px;
}
.template1.color-theme-Red .website-contact {
    background-image: url("/img/contact_bg_red.png") !important;
    min-height: 500px;
}
.template1.color-theme-Green .website-contact {
    background-image: url("/img/contact_bg_green.png") !important;
    min-height: 500px;
}
.template1.color-theme-Navy .website-contact {
    background-image: url("/img/contact_bg_navy.png") !important;
    min-height: 500px;
}
.template1.color-theme-Black .website-contact {
    background-image: url("/img/contact_bg_black.png") !important;
    min-height: 500px;
}

.template1 .website-contact label {
  margin-left: 10px;
}

.template1 .website-contact input[type='text'],
.template1 .website-contact textarea,
.template1 .website-contact select,
.template1 .website-contact select option {
  width: 90%;
  border:0;
  padding:10px;
  font-size:1.3em;
  font-family:Arial, sans-serif;
  color: #333;
  border:solid 1px #ccc;
  margin: 0 10px 20px 10px;
  min-width: 200px;
  margin-left: 10px;
  border-radius: 5px;
}

.template1 .website-contact textarea {
}

.template1 .website-contact__send_button {
  max-width: 320px !important;
  width: 80% !important;
  height: 80px;
  font-size:1.3em;
  border: solid 3px white;
  color: white;
  background: transparent;
  margin: 0 auto;
  display: block;
}

/*template2*/

/*ヘッダー*/
/* キービジュアル */
.template2.website-key-visual-section {
    color: black;
    height: 80% !important;
}

.template2.website-key-visual-section.is-section-20 {
    height: 20% !important;
}
.template2.website-key-visual-section.is-section-30 {
    height: 30% !important;
}
.template2.website-key-visual-section.is-section-40 {
    height: 40% !important;
}
.template2.website-key-visual-section.is-section-50 {
    height: 50% !important;
}
.template2.website-key-visual-section.is-section-60 {
    height: 60% !important;
}
.template2.website-key-visual-section.is-section-75 {
    height: 75% !important;
}


@media all {
  .website-header-section.template2 .is-boxes {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 70px !important;
  }
   .website-header-section.template2 .is-container{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (max-width: 540px) {
  .website-header-section.template2 {
    display: none;
  }

  .website-panels-section.template2 .website-panel-wrap {
    width: 50%;
    float: left;
  }

  .template2 .website-key-visual-section--company-name,
  .template2 .website-key-visual-section--text {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.template2 .website-header {
  background-color: #fff;
  height: 70px;
}

.template2 .website-header__logo-wrapper {
  margin: 0 !important;
}

.template2 .website-header__logo-img {
  margin: 0 !important;
  max-height: 80px;
}


.template2 .website-header .website-header__link {
  font-size: 16px;
  font-family: "YuGothic";
  color: rgb(51, 51, 51);
  line-height: 1.2;
  padding: 8px 0 16px;
  margin: 0 8px;
}

.template2 .website-header .website-header__button {
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px rgba(140, 143, 148, 0.25);
    width: 130px;
    height: 35px;
    border-style: solid;
    border-width: 2px;
    border-radius: 3px;
    /*background-color: rgba(0, 0, 0, 0);*/
}

.template2.color-theme-Blue .website-header .website-header__button {
  background-color: #267df4;
  border-color: #267df4;
  color: #ffffff;
}
.template2.color-theme-Red .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #be3329;
  color: #be3329;
}
.template2.color-theme-Green .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #50b557;
  color: #50b557;
}
.template2.color-theme-Navy .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #1f325d;
  color: #1f325d;
}
.template2.color-theme-Black .website-header .website-header__button {
  background-color: #ffffff;
  border-color: #010101;
  color: #010101;
}

.template2 .website-header .website-header__link:hover {
    border-bottom: 2px solid rgb(38, 125, 244);
}

.template2.color-theme-Blue .website-header .website-header__link:hover{
  border-bottom: 2px solid #267df4;
}
.template2.color-theme-Red .website-header .website-header__link:hover{
  border-bottom: 2px solid #be3329;
}
.template2.color-theme-Green .website-header .website-header__link:hover{
  border-bottom: 2px solid #50b557;
}
.template2.color-theme-Navy .website-header .website-header__link:hover{
  border-bottom: 2px solid #1f325d;
}
.template2.color-theme-Black .website-header .website-header__link:hover{
  border-bottom: 2px solid #010101;
}


/*パネル*/
.website-panels-section.template2  {
    margin-top: 45px !important;
    background-color: transparent !important;
}

@media all {
  .website-panels-section.template2 .is-boxes {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 70px !important;
  }
}
.template2 .website-panel {
  box-sizing: border-box;
  margin: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 rgba(140, 143, 148, 0) !important;
  text-align: center;
}

.template2 .website-panel-wrap {

}

.template2 .website-panel__label-wrap {
  border-radius: 40px;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 90% 50%;
}

.template2.color-theme-Blue .website-panel__label-wrap {
  color: #267df4 !important;
  border: #267df4 solid 1px;
  background-image: url("/img/arrow_r-Blue.png");
}
.template2.color-theme-Red .website-panel__label-wrap {
  color: #be3329 !important;
  border: #be3329 solid 1px;
  background-image: url("/img/arrow_r-Red.png");
}
.template2.color-theme-Green .website-panel__label-wrap {
  color: #50b557 !important;
  border: #50b557 solid 1px;
  background-image: url("/img/arrow_r-Green.png");
}
.template2.color-theme-Navy .website-panel__label-wrap {
  color: #1f325d !important;
  border: #1f325d solid 1px;
  background-image: url("/img/arrow_r-Navy.png");
}
.template2.color-theme-Black .website-panel__label-wrap {
  color: #010101 !important;
  border: #010101 solid 1px;
  background-image: url("/img/arrow_r-Black.png");
}

.template2 .website-panel__label-wrap:hover {
  color: white !important;
  background-color: rgb(38, 125, 244) !important;
  border: rgb(38, 125, 244) solid 1px;
  background-image: url("/img/arrow_r_white.png");
  background-repeat: no-repeat;
  background-position: 90% 50%;
}

.template2.color-theme-Blue .website-panel__label-wrap:hover {
  background-color: #267df4 !important;
  border: #267df4 solid 1px;
}
.template2.color-theme-Red .website-panel__label-wrap:hover {
  background-color: #be3329 !important;
  border: #be3329 solid 1px;
}
.template2.color-theme-Green .website-panel__label-wrap:hover {
  background-color: #50b557 !important;
  border: #50b557 solid 1px;
}
.template2.color-theme-Navy .website-panel__label-wrap:hover {
  background-color: #1f325d !important;
  border: #1f325d solid 1px;
}
.template2.color-theme-Black .website-panel__label-wrap:hover {
  background-color: #010101 !important;
  border: #010101 solid 1px;
}

/* 商品紹介 */
.template2 .company-description {
  line-height: 1;
}

.template2 .business_information {
  color: #333 !important;
}

.template2 .business-information__title {
  text-align: center;
}

/* 代表挨拶 */
.template2.message-from-the-president-section {
  background-color: #f8f8f8;
}

.template2 .message-from-the-president__title {
  text-align: center;
}

.template2 .message-from-the-president__name {
  margin-top: 0 !important;
  height: 60px;
  border-left: 1px solid #333;
  font-size: 24px;
  font-weight: 100;
  line-height: 30px;
  padding-left: 12px;
}

.template2.color-theme-Blue .message-from-the-president__name {
  color: #267df4 !important;
  border-color: #267df4 !important;
}
.template2.color-theme-Red .message-from-the-president__name {
  color: #be3329 !important;
  border-color: #be3329 !important;
}
.template2.color-theme-Green .message-from-the-president__name {
  color: #50b557 !important;
  border-color: #50b557 !important;
}
.template2.color-theme-Navy .message-from-the-president__name {
  color: #1f325d !important;
  border-color: #1f325d !important;
}
.template2.color-theme-Black .message-from-the-president__name {
  color: #010101 !important;
  border-color: #010101 !important;
}

/*会社情報*/
.template2 .company-info__title {
  text-align: center;
}

.template2.company-info-section .list{
  text-align: center;
}

.template2.company-info-section .list p{
  margin: 6px 0;
}

.template2.company-info-section .company-info__hr{
  margin: auto;
  width: 4em;
  border-top: solid 1px #333;
}

.template2.color-theme-Blue .company-info__label {
  color: #267df4 !important;
}
.template2.color-theme-Red .company-info__label {
  color: #be3329 !important;
}
.template2.color-theme-Green .company-info__label {
  color: #50b557 !important;
}
.template2.color-theme-Navy .company-info__label {
  color: #1f325d !important;
}
.template2.color-theme-Black .company-info__label {
  color: #010101 !important;
}

.template2.color-theme-Blue .company-info__hr {
  border-color: #267df4 !important;
}

.template2.color-theme-Red .company-info__hr {
  border-color: #be3329 !important;
}

.template2.color-theme-Green .company-info__hr {
  border-color: #50b557 !important;
}

.template2.color-theme-Navy .company-info__hr {
  border-color: #1f325d !important;
}

.template2.color-theme-Black .company-info__hr {
  border-color: #010101 !important;
}

.template2 .company-info__map {
  margin: auto;
  text-align: center;
}

/*沿革*/
.template2.company-history-section {
  background-color: #f8f8f8;
}

.template2 .company-history__content {
    text-align: left !important;
}

.template2 .company-history__card {
  margin: 0 auto;
  border-width: 0;
  background-color: #f8f8f8;
}

.template2.color-theme-Blue .company-history__title {
  color: #267df4 !important;
}
.template2.color-theme-Red .company-history__title {
  color: #be3329 !important;
}
.template2.color-theme-Green .company-history__title {
  color: #50b557 !important;
}
.template2.color-theme-Navy .company-history__title {
  color: #1f325d !important;
}
.template2.color-theme-Black .company-history__title {
  color: #010101 !important;
}

.template2.company-history-section .company-history__hr{
  margin: auto;
  width: 4em;
  border-top: solid 1px #333;
}


.template2.color-theme-Blue .company-history__hr {
  border-color: #267df4 !important;
}

.template2.color-theme-Red .company-history__hr {
  border-color: #be3329 !important;
}

.template2.color-theme-Green .company-history__hr {
  border-color: #50b557 !important;
}

.template2.color-theme-Navy .company-history__hr {
  border-color: #1f325d !important;
}

.template2.color-theme-Black .company-history__hr {
  border-color: #010101 !important;
}

/*問い合わせフォーム*/
.template2 .website-contact {
    padding: 100px !important;
    min-height: 500px;
}
@media all and (max-width: 540px) {
  .template2 .website-contact {
    padding: 100px 20px !important;
  }
}
.template2.color-theme-Blue .website-contact {
    background-color: #267df4 !important;
    min-height: 500px;
}
.template2.color-theme-Red .website-contact {
    background-color: #be3329 !important;
    min-height: 500px;
}
.template2.color-theme-Green .website-contact {
    background-color: #50b557 !important;
    min-height: 500px;
}
.template2.color-theme-Navy .website-contact {
    background-color: #1f325d !important;
    min-height: 500px;
}
.template2.color-theme-Black .website-contact {
    background-color: #333333 !important;
    min-height: 500px;
}

.template2 .website-contact label {
  margin-left: 10px;
}

.template2 .website-contact input[type='text'],
.template2 .website-contact textarea,
.template2 .website-contact select,
.template2 .website-contact select option {
  width: 90%;
  border:0;
  padding:10px;
  font-size:1.3em;
  font-family:Arial, sans-serif;
  color: #333;
  margin: 0 10px 20px 10px;
  min-width: 200px;
  margin-left: 10px;
}

.template2.color-theme-Blue .website-contact input[type='text'],
.template2.color-theme-Blue .website-contact textarea,
.template2.color-theme-Blue .website-contact select,
.template2.color-theme-Blue .website-contact select option {
  background-color: #0c63da;
  color: white;
}

.template2.color-theme-Red .website-contact input[type='text'],
.template2.color-theme-Red .website-contact textarea,
.template2.color-theme-Red .website-contact select,
.template2.color-theme-Red .website-contact select option {
  background-color: #a4190f;
  color: white;
}
.template2.color-theme-Green .website-contact input[type='text'],
.template2.color-theme-Green .website-contact textarea,
.template2.color-theme-Green .website-contact select,
.template2.color-theme-Green .website-contact select option {
  background-color: #369b3d;
  color: white;
}
.template2.color-theme-Navy .website-contact input[type='text'],
.template2.color-theme-Navy .website-contact textarea,
.template2.color-theme-Navy .website-contact select,
.template2.color-theme-Navy .website-contact select option {
  background-color: #051843;
  color: white;
}
.template2.color-theme-Black .website-contact input[type='text'],
.template2.color-theme-Black .website-contact textarea,
.template2.color-theme-Black .website-contact select,
.template2.color-theme-Black .website-contact select option {
  background-color: #000000;
  color: white;
}

.template2 .website-contact textarea {
}

.template2 .website-contact__send_button {
  max-width: 320px !important;
  width: 80% !important;
  height: 80px;
  font-size:1.3em;
  border: solid 3px white;
  border-radius: 40px;
  color: white;
  background: white;
  margin: 0 auto;
  display: block;
}

.template2.color-theme-Blue .website-contact__send_button {
  color: #267df4 !important;
}
.template2.color-theme-Red .website-contact__send_button {
  color: #be3329 !important;
}
.template2.color-theme-Green .website-contact__send_button {
  color: #50b557 !important;
}
.template2.color-theme-Navy .website-contact__send_button {
  color: #1f325d !important;
}
.template2.color-theme-Black .website-contact__send_button {
  color: #010101 !important;
}



/*template3*/
/* ヘッダー */
@media all {
  .website-header-section.template3 .is-boxes {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 60px !important;
    max-height: 60px !important;
  }
   .website-header-section.template3 .is-container{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.template3 .website-header {
  background-color: #fff;
  height: 40px;
}

@media all and (max-width: 640px) {
  .website-header-section.template3 {
    display: none;
  }

  .website-panels-section.template3 .website-panel-wrap {
    width: 50%;
    float: left;
  }

  .template3 .website-key-visual-section--company-name,
  .template3 .website-key-visual-section--text {
    margin-top: 0;
    margin-bottom: 0;
  }

  .template3.website-key-visual-section .is-boxes{
    padding-top: 10px !important;
  }
}

.template3.color-theme-Blue.website-header-section,
.template3.color-theme-Blue .website-header,
.template3.color-theme-Blue .website-header__link-wrapper{
  background-color: #267df4 !important;
}
.template3.color-theme-Red.website-header-section,
.template3.color-theme-Red .website-header,
.template3.color-theme-Red .website-header__link-wrapper{
  background-color: #be3329 !important;
}
.template3.color-theme-Green.website-header-section,
.template3.color-theme-Green .website-header,
.template3.color-theme-Green .website-header__link-wrapper{
  background-color: #50b557 !important;
}
.template3.color-theme-Navy.website-header-section,
.template3.color-theme-Navy .website-header,
.template3.color-theme-Navy .website-header__link-wrapper{
  background-color: #1f325d !important;
}
.template3.color-theme-Black.website-header-section,
.template3.color-theme-Black .website-header,
.template3.color-theme-Black .website-header__link-wrapper{
  background-color: #010101 !important;
}

.template3 .website-header__logo-img {
  margin: 0 !important;
  max-height: 80px;
}

.template3 .website-header__logo-wrapper {
  color: white;
  height: 5px;
  line-height: 80px;
}

.template3 .website-header__logo-wrapper-partition {
  margin: 0 10px;
}


.template3 .website-header__logo-wrapper-job {
  color: white;
}

.template3 .website-header .website-header__link-wrapper {
  padding: 0;
  text-align: center;
  border-bottom: 2px solid transparent;
}
.template3 .website-header .website-header__link-wrapper:hover {
  border-bottom: 2px solid white;
}

.template3 .website-header .website-header__link {
  font-size: 16px;
  font-family: "YuGothic";
  color: white;
  line-height: 1.2;
  margin: 0 0;
}


.template3.website-key-visual-section {
    color: black;
    height: 80% !important;
}

.template3.website-key-visual-section.is-section-20 {
    height: 20% !important;
}
.template3.website-key-visual-section.is-section-30 {
    height: 30% !important;
}
.template3.website-key-visual-section.is-section-40 {
    height: 40% !important;
}
.template3.website-key-visual-section.is-section-50 {
    height: 50% !important;
}
.template3.website-key-visual-section.is-section-60 {
    height: 60% !important;
}
.template3.website-key-visual-section.is-section-75 {
    height: 75% !important;
}



.template3.website-key-visual-section .is-overlay {
}

.template3.website-key-visual-section .is-boxes {
}

.template3.website-key-visual-section .is-overlay-bg {
  background-image: url(/img/key_v_3.png);
}

/* パネル */
.website-panels-section.template3  {
    margin-top: -130px !important;
    background-color: transparent !important;
}

.template3 .website-panel {
    box-sizing: border-box;
    margin: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(140, 143, 148, 0.25);
    text-align: center;
    height: 100px;
  border-radius: 4px;
}

.template3 .website-panel:hover,
.template3 .website-panel:hover div{
  color: white !important;
}

.template3.color-theme-Blue .website-panel:hover {
  background: linear-gradient(90deg, #267df4, #e1eeff) !important;
}

.template3.color-theme-Red .website-panel:hover {
  background: linear-gradient(90deg, #be3329, #efcecb) !important;
}

.template3.color-theme-Green .website-panel:hover {
  background: linear-gradient(90deg, #50B557, #72c255) !important;
}

.template3.color-theme-Navy .website-panel:hover {
  background: linear-gradient(90deg, #1F325D, #608ad8) !important;
}

.template3.color-theme-Black .website-panel:hover {
  background: linear-gradient(90deg, #010101, #292929) !important;
}

.template3 .website-panel__icon-wrap {
  height: 60px;
  background-size:50px 50px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.template3 .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240.png);
}

.template3 .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240.png);
}

.template3 .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240.png);
}

.template3 .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240.png);
}

.template3.color-theme-Blue .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Blue.png);
}

.template3.color-theme-Blue .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Blue.png);
}

.template3.color-theme-Blue .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Blue.png);
}

.template3.color-theme-Blue .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Blue.png);
}

.template3.color-theme-Red .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Red.png);
}

.template3.color-theme-Red .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Red.png);
}

.template3.color-theme-Red .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Red.png);
}

.template3.color-theme-Red .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Red.png);
}
.template3.color-theme-Green .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Green.png);
}
.template3.color-theme-Green .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Green.png);
}

.template3.color-theme-Green .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Green.png);
}

.template3.color-theme-Green .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Green.png);
}
.template3.color-theme-Navy .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Navy.png);
}

.template3.color-theme-Navy .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Navy.png);
}

.template3.color-theme-Navy .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Navy.png);
}

.template3.color-theme-Navy .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Navy.png);
}
.template3.color-theme-Black .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-Black.png);
}

.template3.color-theme-Black .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-Black.png);
}

.template3.color-theme-Black .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-Black.png);
}

.template3.color-theme-Black .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-Black.png);
}


.template3 .website-panel:hover .website-panel__icon-wrap.iconmonstr-task-1-240 {
  background-image: url(/img/iconmonstr-task-1-240-White.png) !important;
}

.template3 .website-panel:hover .website-panel__icon-wrap.iconmonstr-user-6-240 {
  background-image: url(/img/iconmonstr-user-6-240-White.png) !important;
}

.template3 .website-panel:hover .website-panel__icon-wrap.iconmonstr-building-16-240 {
  background-image: url(/img/iconmonstr-building-16-240-White.png) !important;
}

.template3 .website-panel:hover .website-panel__icon-wrap.iconmonstr-email-4-240 {
  background-image: url(/img/iconmonstr-email-4-240-White.png) !important;
}



.template3 .website-panel__arrow-wrap {
  background-image: url(/img/arrow.png);
  background-repeat: no-repeat;
  background-position: 90% 0;
  margin-top: -40px;
  height: 16px;
}

.template3.color-theme-Blue .website-panel__arrow-wrap {
  background-image: url(/img/arrow_r-Blue.png);
}
.template3.color-theme-Red .website-panel__arrow-wrap {
  background-image: url(/img/arrow_r-Red.png);
}
.template3.color-theme-Green .website-panel__arrow-wrap {
  background-image: url(/img/arrow_r-Green.png);
}
.template3.color-theme-Navy .website-panel__arrow-wrap {
  background-image: url(/img/arrow_r-Navy.png);
}
.template3.color-theme-Black .website-panel__arrow-wrap {
  background-image: url(/img/arrow_r-Black.png);
}

.template3 .website-panel:hover .website-panel__arrow-wrap {
  background-image: url(/img/arrow_r_white.png) !important;
}


.template3 .website-panel__label-wrap {
    line-height: 1.2;
}

.template3.color-theme-Blue .website-panel__label-wrap {
  color: #267df4 !important;
}
.template3.color-theme-Red .website-panel__label-wrap {
  color: #be3329 !important;
}
.template3.color-theme-Green .website-panel__label-wrap {
  color: #50b557 !important;
}
.template3.color-theme-Navy .website-panel__label-wrap {
  color: #1f325d !important;
}
.template3.color-theme-Black .website-panel__label-wrap {
  color: #010101 !important;
}


/*代表挨拶*/
.message-from-the-president__title {
  text-align: center;
}

.template3 .message-from-the-president__name {
  margin-top: 0 !important;
  height: 60px;
  border-bottom: 1px solid #333;
  font-size: 18px;
  font-weight: 100;
  line-height: 30px;
  padding-left: 12px;
  margin-right: 48px;
}

.template3 .message-from-the-president__description {
    font-size: 16px;
    line-height: 1.8;
    font-style: normal;
}

/* 代表者名部分の左側margin対応*/
.template3.message-from-the-president-section > .is-boxes > .is-box-centered > .row.clearfix {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.template3 .message-from-the-president__president-label {
  font-size: 26px;
}
.template3.color-theme-Blue .message-from-the-president__president-label,
.template3.color-theme-Blue .message-from-the-president__name {
  color: #267df4 !important;
  border-color: #267df4 !important;
}
.template3.color-theme-Red .message-from-the-president__president-label,
.template3.color-theme-Red .message-from-the-president__name {
  color: #be3329 !important;
  border-color: #be3329 !important;
}
.template3.color-theme-Green .message-from-the-president__president-label,
.template3.color-theme-Green .message-from-the-president__name {
  color: #50b557 !important;
  border-color: #50b557 !important;
}
.template3.color-theme-Navy .message-from-the-president__president-label,
.template3.color-theme-Navy .message-from-the-president__name {
  color: #1f325d !important;
  border-color: #1f325d !important;
}
.template3.color-theme-Black .message-from-the-president__president-label,
.template3.color-theme-Black .message-from-the-president__name {
  color: #010101 !important;
  border-color: #010101 !important;
}


/*事業案内*/
.template3 .company-description {
  line-height: 1;
}

/* 商品紹介 */
.template3.business-information-section {
  color: white !important;
}

.template3 .business-information__title {
  text-align: center;
}

.template3.color-theme-Blue.business-information-section {
  background: linear-gradient(90deg, #267df4, #7cb5ff);
}
.template3.color-theme-Red.business-information-section {
  background: linear-gradient(90deg, #be3329, #efcecb);
}
.template3.color-theme-Green.business-information-section {
  background: linear-gradient(90deg, #50B557, #72c255);
}
.template3.color-theme-Navy.business-information-section {
  background: linear-gradient(90deg, #1F325D, #608ad8);
}
.template3.color-theme-Black.business-information-section {
  background: linear-gradient(90deg, #010101, #292929);
}

.template3 .business-information__content figure figcaption {
	padding: 0 10px;
}


/*採用情報*/
.template1.job-offer-message-section,
.template2.job-offer-message-section,
.template3.job-offer-message-section {
  background-color: #333;
  color: white;
}

.template1.job-offer-section,
.template2.job-offer-section,
.template3.job-offer-section {
  background-image: url(/img/bgPattern.png) !important;
  background-repeat: repeat;
}

.template1 .job-offer-wrapper,
.template2 .job-offer-wrapper,
.template3 .job-offer-wrapper {
  background-color: white;
  border-left: 2px solid #333;
}

.template1.color-theme-Blue .job-offer-wrapper,
.template2.color-theme-Blue .job-offer-wrapper,
.template3.color-theme-Blue .job-offer-wrapper {
  border-left: 3px solid #0c63da !important;
}

.template1.color-theme-Red .job-offer-wrapper,
.template2.color-theme-Red .job-offer-wrapper,
.template3.color-theme-Red .job-offer-wrapper {
  border-left: 3px solid #a4190f !important;
}

.template1.color-theme-Green .job-offer-wrapper,
.template2.color-theme-Green .job-offer-wrapper,
.template3.color-theme-Green .job-offer-wrapper {
  border-left: 3px solid #369b3d !important;
}

.template1.color-theme-Navy .job-offer-wrapper,
.template2.color-theme-Navy .job-offer-wrapper,
.template3.color-theme-Navy .job-offer-wrapper {
  border-left: 3px solid #051843 !important;
}

.template1.color-theme-Black .job-offer-wrapper,
.template2.color-theme-Black .job-offer-wrapper,
.template3.color-theme-Black .job-offer-wrapper {
  border-left: 3px solid #000000 !important;
}



.template1.job-offer-section .job-offer-header,
.template2.job-offer-section .job-offer-header,
.template3.job-offer-section .job-offer-header {
  padding: 25px 0 !important;
  border-bottom: 2px solid #333;
}

.template1.job-offer-section .job-offer-item-wrapper,
.template2.job-offer-section .job-offer-item-wrapper,
.template3.job-offer-section .job-offer-item-wrapper {
  border-bottom: 1px solid #ccc;
  padding: 8px 0 !important;
}

.template1.job-offer-section .job-offer-item-wrapper.job-offer-item-wrapper-last,
.template2.job-offer-section .job-offer-item-wrapper.job-offer-item-wrapper-last,
.template3.job-offer-section .job-offer-item-wrapper.job-offer-item-wrapper-last {
  border-bottom: 0px solid #ccc !important;
  padding: 8px 0 !important;
}

.template3.job-offer-message-section {
  background-color: #333;
  color: white;
}

/*会社情報*/
.template3 .company-info__label {
  color: white !important;
  margin: 6px 0 !important;
}

.template3 .company-info__content {
  margin: 6px 0 !important;
}

.template3.color-theme-Blue .company-info__label {
  background-color: #267df4;
}
.template3.color-theme-Red .company-info__label {
  background-color: #be3329;
}
.template3.color-theme-Green .company-info__label {
  background-color: #50B557;
}
.template3.color-theme-Navy .company-info__label {
  background-color: #1F325D;
}
.template3.color-theme-Black .company-info__label {
  background-color: #010101;
}


/*問い合わせフォーム*/
.template3 .website-contact {
    padding: 100px 15px !important;
    min-height: 500px;
}

.template3 .website-contact__item_label_wrapper {
  color: white;
  padding: 10px;
  width: 220px;
  height: 50px;
  text-align: center;
}

.template3.color-theme-Blue .website-contact__item_label_wrapper {
    background-color: #0c63da !important;
}

.template3.color-theme-Red .website-contact__item_label_wrapper {
    background-color: #a4190f !important;
}

.template3.color-theme-Green .website-contact__item_label_wrapper {
    background-color: #369b3d !important;
}

.template3.color-theme-Navy .website-contact__item_label_wrapper {
    background-color: #051843 !important;
}

.template3.color-theme-Black .website-contact__item_label_wrapper {
    background-color: #000000 !important;
}

.template3 .website-contact__item_data_wrapper__textarea {
  height: auto !important;
  min-height: 200px;
}

.template3 input.website-contact__item_data,
.template3 select.website-contact__item_data {
  color: black !important;
  height: 50px !important;
  padding: 0 10px !important;
}

.template3 textarea.website-contact__item_data {
  color: black !important;
}

.template3.color-theme-Blue .website-contact__item_data {
    background-color: #e1eeff !important;
}

.template3.color-theme-Red .website-contact__item_data {
    background-color: #efcecb !important;
}

.template3.color-theme-Green .website-contact__item_data {
    background-color: #d6ecd7 !important;
}

.template3.color-theme-Navy .website-contact__item_data {
    background-color: #eff3f9 !important;
}

.template3.color-theme-Black .website-contact__item_data {
    background-color: #f3f3f3 !important;
}

.template3 .website-contact label {
  margin-left: 10px;
}

.template3 .website-contact input[type='text'],
.template3 .website-contact textarea,
.template3 .website-contact select,
.template3 .website-contact select option {
  width: 90%;
  border:0;
  border-radius: 0;
  padding:10px;
  font-size:1.3em;
  font-family:Arial, sans-serif;
  color: #333;
  margin: 0 10px 20px 10px;
  min-width: 200px;
  margin-left: 10px;
}

.template3.color-theme-Blue .website-contact input[type='text'],
.template3.color-theme-Blue .website-contact textarea,
.template3.color-theme-Blue .website-contact select,
.template3.color-theme-Blue .website-contact select option {
  background-color: #0c63da;
  color: white;
}

.template3.color-theme-Red .website-contact input[type='text'],
.template3.color-theme-Red .website-contact textarea,
.template3.color-theme-Red .website-contact select,
.template3.color-theme-Red .website-contact select option {
  background-color: #a4190f;
  color: white;
}
.template3.color-theme-Green .website-contact input[type='text'],
.template3.color-theme-Green .website-contact textarea,
.template3.color-theme-Green .website-contact select,
.template3.color-theme-Green .website-contact select option {
  background-color: #369b3d;
  color: white;
}
.template3.color-theme-Navy .website-contact input[type='text'],
.template3.color-theme-Navy .website-contact textarea,
.template3.color-theme-Navy .website-contact select,
.template3.color-theme-Navy .website-contact select option {
  background-color: #051843;
  color: white;
}
.template3.color-theme-Black .website-contact input[type='text'],
.template3.color-theme-Black .website-contact textarea,
.template3.color-theme-Black .website-contact select,
.template3.color-theme-Black .website-contact select option {
  background-color: #000000;
  color: white;
}

.template3 .website-contact textarea {
}

.template3 .website-contact__send_button {
  max-width: 320px !important;
  width: 80% !important;
  height: 80px !important;
  font-size:1.3em !important;
  color: white !important;
  margin: 0 auto;
  display: block;
}

.template3.color-theme-Blue .website-contact__send_button {
  background: linear-gradient(90deg, #267df4, #e1eeff);
}
.template3.color-theme-Red .website-contact__send_button {
  background: linear-gradient(90deg, #be3329, #efcecb);
}
.template3.color-theme-Green .website-contact__send_button {
  background: linear-gradient(90deg, #50B557, #72c255);
}
.template3.color-theme-Navy .website-contact__send_button {
  background: linear-gradient(90deg, #1F325D, #608ad8);
}
.template3.color-theme-Black .website-contact__send_button {
  background: linear-gradient(90deg, #010101, #292929);
}

@media all and (max-width: 540px) {
  .template3 .website-contact {
    padding: 100px 15px !important;
  }

  .template3 .website-contact input[type='text'],
  .template3 .website-contact textarea,
  .template3 .website-contact select,
  .template3 .website-contact select option {
    margin-left: 0px;
  }

  .template3 .website-contact__item_label_wrapper {
    padding: 5px 10px;
    width: 90%;
    height: 30px;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, #business-information-slider img {
    /* IE11 にのみ適用される */
    width: 100%;
  }
}