@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf") format("opentype");
}

:root {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-theme: #f5695f;
  --color-theme-darken: #f12617;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}

html {
  font-size: 62.5%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Segoe UI", Verdana, "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  line-height: 1.6;
  word-break: break-all;
  margin: 0;
  padding: 0;
}

body _:lang(x)::-ms-backdrop, body .selector {
  font-family: "Segoe UI", "メイリオ", Meiryo, sans-serif;
}

body.content_fixed {
  width: 100%;
  position: fixed;
}

.fixed {
  position: fixed;
  width: 100%;
}

h2 {
  font-size: inherit;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}

dt, dd, li {
  font-size: 16px;
  font-size: 1.6rem;
}

a {
  text-decoration: none;
  color: #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

a:hover img {
  opacity: 0.8;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 810px) {
  .inner {
    width: 92%;
  }
}

@media screen and (max-width: 810px) {
  .inner.inner_sp_fit {
    width: 100%;
  }
}

.ly_wrapper {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ly_bg_gray {
  background-color: rgba(0, 0, 0, 0.1);
}

.ly_top_wrapper .ly_contents {
  padding-bottom: 0;
  background: none;
}

/* ===============================================
  #ヘッダー
  =============================================== */
.ly_header {
  max-width: 1400px;
  width: 100%;
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 112px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 810px) {
  .ly_header {
    height: 80px;
    padding-top: 25px;
  }
}

.ly_header.fixed {
  background-color: #fff;
}

.ly_header.open {
  background-color: #fff;
}

.ly_underpage_wrapper .ly_header {
  padding-top: 30px;
}

@media screen and (max-width: 810px) {
  .ly_underpage_wrapper .ly_header {
    padding-top: 25px;
  }
}

.ly_underpage_wrapper.ly_corporate_wrapper .ly_header {
  padding-top: 70px;
  background-color: #fff;
}

.ly_underpage_wrapper.ly_corporate_wrapper .ly_header.fixed {
  padding-bottom: 0;
}

@media screen and (max-width: 810px) {
  .ly_underpage_wrapper.ly_corporate_wrapper .ly_header {
    padding-top: 25px;
  }
}

.ly_header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1400px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 810px) {
  .ly_header_inner {
    min-width: inherit;
  }
}

.bl_header_logo {
  max-width: 285px;
  width: 100%;
  padding-left: 70px;
}

@media screen and (max-width: 810px) {
  .bl_header_logo {
    max-width: 100%;
    width: 92%;
    padding-left: 35px;
    position: relative;
  }
}

.bl_header_logo img {
  vertical-align: top;
}

.open .bl_header_logo {
  z-index: 201;
}

.bl_header_nav {
  max-width: 870px;
  width: 100%;
  height: 100%;
}

.global_nav {
  height: 100%;
}

.global_nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 810px) {
  .global_nav > ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
  }
}

.global_nav > ul > li {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 15px;
  font-size: 1.5rem;
  height: 100%;
}

@media screen and (max-width: 810px) {
  .global_nav > ul > li {
    height: auto;
  }
}

.global_nav > ul > li:last-child {
  margin-right: 0;
}

.global_nav > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
}

@media screen and (max-width: 810px) {
  .global_nav > ul > li > a {
    padding-left: 0;
    padding-right: 0;
  }
}

.global_nav > ul > li > a:hover {
  color: #fff;
  background-color: #003281;
}

.global_nav > ul > li > a.el_btn_state {
  color: #fff;
  background-color: #003281;
}

.global_nav .el_btn_inq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

@media screen and (max-width: 810px) {
  .global_nav .el_btn_inq {
    max-width: 100%;
    height: auto;
  }
}

.global_nav .el_btn_inq a {
  color: #003281;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 810px) {
  .global_nav .el_btn_inq a {
    width: 100%;
    border-bottom: 1px solid #003281;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

.global_nav .el_btn_inq a:hover {
  color: #fff;
  background-color: #003281;
}

.global_nav .el_btn_inq i {
  margin-right: 5px;
}

.menu-main {
  height: 100%;
}

@media screen and (max-width: 810px) {
  .menu-main .global_nav > ul > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#nav-toggle div small {
  display: none;
}

@media screen and (max-width: 810px) {
  #nav {
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    text-align: center;
    background: #fff;
  }
  .open #nav {
    z-index: 200;
    margin-top: 80px;
    position: fixed;
    height: 100%;
    overflow: auto;
  }
}

@media screen and (max-width: 810px) and (max-width: 810px) {
  .open #nav {
    height: auto;
  }
}

@media screen and (max-width: 810px) {
  .menu-main .global_nav > ul {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
  .menu-main ul li {
    width: 100%;
    display: block;
    text-align: left;
    margin-right: 0;
    letter-spacing: 0.1em;
  }
  .menu-main ul li > a {
    color: #333333;
    position: relative;
    display: block;
    padding: 13px 0;
    text-decoration: none;
    border-top: 1px solid #003281;
  }
  .menu-main ul li a:hover {
    text-decoration: none;
  }
  /* Toggle Button */
  #nav-toggle {
    display: block;
    position: absolute;
    right: 17px;
    top: 10px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    z-index: 201;
    padding: 0;
  }
  .open #nav-toggle {
    background: #eeeeee;
    right: 0;
    top: 0;
  }
  #nav-toggle div {
    position: relative;
    width: 55%;
    margin: auto;
  }
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 70%;
    background: #303029;
    left: 5px;
  }
  #nav-toggle span:nth-child(1) {
    top: 20px;
  }
  #nav-toggle span:nth-child(2) {
    top: 29px;
  }
  #nav-toggle span:nth-child(3) {
    top: 38px;
  }
  .open #nav-toggle div {
    width: 100%;
  }
  .open #nav-toggle span {
    background-color: #303029;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 34px;
    left: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
  }
  .open #nav-toggle span:nth-child(2) {
    top: 34px;
    left: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
  }
  .open #nav-toggle span:nth-child(3) {
    display: none;
  }
}

/* ===============================================
#コンテンツ
=============================================== */
.ly_main {
  padding-top: 112px;
}

@media screen and (max-width: 810px) {
  .ly_main {
    padding-top: 80px;
  }
}

.bl_mv_wrap {
  margin-bottom: 70px;
}

@media screen and (max-width: 810px) {
  .bl_mv_wrap {
    margin-bottom: 35px;
  }
}

.bl_mv_wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bl_contents_box {
  padding-top: 25px;
  padding-bottom: 125px;
}

@media screen and (max-width: 810px) {
  .bl_contents_box {
    padding-top: 15px;
    padding-bottom: 60px;
  }
}

.bl_contents_box.bl_contents_box_pdb0 {
  padding-bottom: 0;
}

@media screen and (max-width: 810px) {
  .bl_contents_box.bl_contents_box_pdb0 {
    padding-bottom: 0;
  }
}

.bl_contents_box.bl_topRecruit {
  padding-bottom: 60px;
}

@media screen and (max-width: 810px) {
  .bl_contents_box.bl_topRecruit {
    padding-bottom: 30px;
  }
}

.bl_contents_box_mgb__s {
  padding-top: 20px;
  padding-bottom: 65px;
}

@media screen and (max-width: 810px) {
  .bl_contents_box_mgb__s {
    padding-top: 15px;
    padding-bottom: 45px;
  }
}

.bl_contents_box_mgb__s.bl_contents_box_mgb__s-pdb0 {
  padding-bottom: 0;
}

@media screen and (max-width: 810px) {
  .bl_contents_box_mgb__s.bl_contents_box_mgb__s-pdb0 {
    padding-bottom: 0;
  }
}

.bl_contents_inner {
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
}

/* ===============================================
#トップ
=============================================== */
.bl_mv {
  width: 100%;
  max-width: 1400px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (max-width: 810px) {
  .bl_mv {
    width: 100%;
    margin-bottom: 70px;
  }
}

.bl_mv img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 810px) {
  .bl_mv_slide {
    height: auto;
    min-height: inherit;
  }
}

.bl_mv_slide .bl_mv_slide_ph {
  position: relative;
}

.bl_mv_slide .bl_mv_txt {
  position: absolute;
  left: 65px;
  bottom: 80px;
  bottom: 20%;
  z-index: 99;
}

@media screen and (max-width: 810px) {
  .bl_mv_slide .bl_mv_txt {
    left: 15px;
    bottom: 15px;
  }
}

.bl_mv_slide .el_mv_ttl {
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 52px;
  font-size: 5.2rem;
  z-index: 99;
  line-height: 1.4;
}

@media screen and (max-width: 810px) {
  .bl_mv_slide .el_mv_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.slick-dots {
  bottom: -40px;
}

/* #会社案内
----------------------- */
.bl_topCompany {
  padding-bottom: 50px;
}

@media screen and (max-width: 810px) {
  .bl_topCompany {
    padding-bottom: 25px;
  }
}

.bl_topCompany_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_topCompany_info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_topCompany_info_txt {
  max-width: 480px;
  width: 100%;
  margin-right: 50px;
}

@media screen and (max-width: 810px) {
  .bl_topCompany_info_txt {
    margin-right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.bl_topCompany_info_ph {
  max-width: 585px;
  width: 100%;
}

@media screen and (max-width: 810px) {
  .bl_topCompany_info_ph {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }
}

/* #事業紹介
----------------------- */
.bl_topIntroduction_bg {
  padding-top: 140px;
  background: url(../img/top/bg_top_business.png) right 60px no-repeat;
  background-size: contain;
}

@media screen and (max-width: 810px) {
  .bl_topIntroduction_bg {
    padding-top: 70px;
    padding-bottom: 30px;
    background: url(../img/top/bg_top_business.png) bottom right no-repeat;
    background-size: contain;
  }
}

.bl_topIntroduction_list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 70px;
}

@media screen and (max-width: 810px) {
  .bl_topIntroduction_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
  }
}

.bl_topIntroduction_list li {
  max-width: 350px;
  width: 100%;
}

.bl_topIntroduction_list li:nth-child(2) {
  margin-left: 30px;
  margin-right: 30px;
}

@media screen and (max-width: 810px) {
  .bl_topIntroduction_list li:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
}

.bl_topIntroduction_list li:nth-child(1) {
  background-color: #e5eaf2;
}

.bl_topIntroduction_list li:nth-child(2) {
  background-color: #e5e5e5;
}

.bl_topIntroduction_list li:nth-child(3) {
  background-color: #fae7e8;
}

.bl_topIntroduction_list img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  vertical-align: top;
}

.el_topIntroduction_ttl {
  font-size: 19px;
  font-size: 1.9rem;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1;
}

@media screen and (max-width: 810px) {
  .el_topIntroduction_ttl {
    margin-bottom: 20px;
  }
}

.bl_topIntroduction_txtBox .el_topIntroduction_ttl {
  margin-bottom: 0;
}

@media screen and (max-width: 810px) {
  .bl_topIntroduction_txtBox .el_topIntroduction_ttl {
    margin-bottom: 0;
  }
}

.el_topIntroduction_ttl__blue {
  background-color: #003281;
}

.el_topIntroduction_ttl__black {
  background-color: #1a1a1a;
}

.el_topIntroduction_ttl__red {
  background-color: #cd131c;
}

/* #リクルート情報
----------------------- */
.bl_topRecruit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_topRecruit_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_topRecruit_box {
  width: 50%;
}

@media screen and (max-width: 810px) {
  .bl_topRecruit_box {
    width: 100%;
  }
}

.bl_topRecruit {
  background-color: #e5eaf2;
}

.el_topRecruit_ttl {
  font-size: 30px;
  font-size: 3.0rem;
}

@media screen and (max-width: 810px) {
  .el_topRecruit_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.bl_topRecruit_txtBox {
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 810px) {
  .bl_topRecruit_txtBox {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 810px) {
  .bl_topRecruit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bl_topRecruit_box .el_btn_txt {
    text-align: right;
  }
}

.bl_topRecruit_box:first-of-type .bl_topRecruit_txtBox {
  padding-top: 70px;
}

@media screen and (max-width: 810px) {
  .bl_topRecruit_box:first-of-type .bl_topRecruit_txtBox {
    padding-top: 15px;
  }
}

@media screen and (max-width: 810px) {
  .bl_topRecruit_box:last-of-type figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .bl_topRecruit_box:last-of-type .bl_topRecruit_txtBox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 15px;
  }
}

.bl_recruit_banner {
  text-align: center;
}

.bl_recruit_banner_footer {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(0, 50, 129, 0.1);
}

@media screen and (max-width: 810px) {
  .bl_recruit_banner_footer {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .bl_recruit_banner_footer img {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* #お知らせ
----------------------- */
.bl_topInfo_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #333333;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bl_topInfo_wrap dt {
  width: 12%;
  padding-right: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
}

@media screen and (max-width: 810px) {
  .bl_topInfo_wrap dt {
    width: 100%;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.bl_topInfo_wrap dd {
  width: 88%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
}

@media screen and (max-width: 810px) {
  .bl_topInfo_wrap dd {
    width: 100%;
  }
}

@media screen and (max-width: 810px) and (max-width: 810px) {
  .bl_topInfo_wrap dd {
    width: 100%;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* ===============================================
#フッター
=============================================== */
.bl_footer_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_footer_info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 810px) {
  .bl_footer_logo {
    width: 50%;
  }
}

.bl_footer_info_box {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 25px;
  text-align: center;
}

@media screen and (max-width: 810px) {
  .bl_footer_info_box {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.bl_footer_info_box p {
  margin-bottom: 0;
}

.bl_footer_info_box i {
  margin-right: 8px;
}

.bl_footer_info_box .fa-phone-alt {
  font-size: 24px;
}

@media screen and (max-width: 810px) {
  .bl_footer_info_box .fa-phone-alt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.bl_footer_info_box:nth-child(1) {
  background: url(../img/bg_footer.jpg) top center no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 810px) {
  .bl_footer_info_box:nth-child(1) {
    background-size: cover;
  }
}

.bl_footer_info_box:nth-child(2) {
  background-color: #003281;
}

.bl_footer_info_box .el_btn__inq {
  max-width: 340px;
  width: 100%;
  margin-top: 10px;
}

.el_footer_tel {
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 35px;
  font-size: 3.5rem;
}

@media screen and (max-width: 810px) {
  .el_footer_tel {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.el_footer_tel a {
  color: #fff;
}

.el_footer_tel span {
  font-size: 17px;
  font-size: 1.7rem;
}

@media screen and (max-width: 810px) {
  .el_footer_tel span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.bl_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 70px;
  position: relative;
}

@media screen and (max-width: 810px) {
  .bl_footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px 70px;
  }
}

.bl_footer_hirose_info {
  max-width: 475px;
  width: 100%;
}

@media screen and (max-width: 810px) {
  .bl_footer_hirose_info {
    margin-bottom: 20px;
  }
}

.bl_footer_hirose_info address {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
}

.bl_footer_hirose_info p {
  font-size: 12px;
  font-size: 1.2rem;
}

.bl_footer_nav_copy {
  max-width: 785px;
  width: 100%;
}

.bl_footer_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style: none;
  margin-bottom: 70px;
}

@media screen and (max-width: 810px) {
  .bl_footer_nav {
    width: 92%;
    margin-bottom: 35px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.bl_footer_nav li {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 50px;
  margin-bottom: 20px;
}

.bl_footer_nav li:nth-child(6n) {
  margin-right: 0;
}

@media screen and (max-width: 810px) {
  .bl_footer_nav li {
    margin-right: 20px;
  }
}

.bl_copy {
  display: block;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

.bl_ptop p {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-bottom: 0;
  text-align: center;
  line-height: 50px;
  background-color: #003281;
  position: absolute;
  bottom: 0;
  right: 0;
}

.bl_ptop p a {
  color: #fff;
}

/* ===============================================
#下層
=============================================== */
/* #会社案内
----------------------- */
.bl_company_greeting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 810px) {
  .bl_company_greeting {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_company_greeting_txt {
  max-width: 540px;
  width: 100%;
  margin-right: 75px;
}

@media screen and (max-width: 810px) {
  .bl_company_greeting_txt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: 100%;
    margin-right: 0;
  }
}

.bl_company_greeting_ph {
  max-width: 490px;
  width: 100%;
}

@media screen and (max-width: 810px) {
  .bl_company_greeting_ph {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 100%;
    margin-bottom: 30px;
  }
}

.bl_company_access {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* #事業紹介
----------------------- */
.bl_business_contents_wrap {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bl_business_contents_left {
  padding-top: 20px;
  padding-left: 60px;
}

@media screen and (max-width: 810px) {
  .bl_business_contents_left {
    padding-top: 0;
    padding-left: 0;
  }
}

.bl_business_contents_right {
  padding-top: 20px;
  padding-right: 60px;
}

@media screen and (max-width: 810px) {
  .bl_business_contents_right {
    padding-top: 0;
    padding-right: 0;
  }
}

.bl_business_flow_box {
  margin-bottom: 50px;
}

.bl_business_flow_box:nth-child(6) {
  margin-bottom: 0;
}

.bl_business_flow_box p:last-child {
  margin-bottom: 0;
}

/* #施工事例
----------------------- */
.bl_works_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 65px 100px;
  background-color: #fff;
}

@media screen and (max-width: 810px) {
  .bl_works_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 15px;
  }
}

.bl_works_txt {
  margin-bottom: 70px;
}

.bl_works_txt:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 810px) {
  .bl_works_txt {
    margin-bottom: 35px;
  }
  .bl_works_txt:last-child {
    margin-bottom: 0;
  }
}

.bl_works_txtBox {
  max-width: 575px;
  width: 100%;
  margin-right: 30px;
}

@media screen and (max-width: 810px) {
  .bl_works_txtBox {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.bl_works_phBox {
  max-width: 400px;
  width: 100%;
}

@media screen and (max-width: 810px) {
  .bl_works_phBox {
    max-width: 100%;
    width: 100%;
  }
}

.bl_works_history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bl_works_history dt, .bl_works_history dd {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}

.el_works_history_ttl {
  max-width: 12%;
  width: 100%;
  padding-right: 1em;
}

@media screen and (max-width: 810px) {
  .el_works_history_ttl {
    max-width: 24%;
  }
}

.el_works_history_txt {
  max-width: 85%;
  width: 100%;
}

@media screen and (max-width: 810px) {
  .el_works_history_txt {
    max-width: 75%;
  }
}

/* #リクルート情報
----------------------- */
.bl_recruit_inner {
  max-width: 830px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bl_recruit_detail_txt {
  padding: 25px 15px 25px;
}

@media screen and (max-width: 810px) {
  .bl_recruit_detail_txt {
    padding: 15px 10px 15px;
  }
}

.bl_recruit_detail_txt p:last-child {
  margin-bottom: 0;
}

.el_recruit_cautionTxt {
  font-size: 13px;
  font-size: 1.3rem;
}

@media screen and (max-width: 810px) {
  .el_recruit_cautionTxt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.bl_entry_btn_wrap {
  padding-top: 20px;
}

.bl_interview {
  padding-top: 70px;
  padding-bottom: 110px;
  background-color: rgba(255, 128, 30, 0.1);
}

@media screen and (max-width: 810px) {
  .bl_interview {
    padding-top: 35px;
    padding-bottom: 55px;
  }
}

.bl_interview_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 810px) {
  .bl_interview_box {
    width: 92%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}

.bl_interview_ph {
  max-width: 495px;
  width: 100%;
}

.bl_interview_txt {
  max-width: 850px;
  width: 100%;
  margin-left: -40px;
  padding: 35px 50px;
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 810px) {
  .bl_interview_txt {
    width: 90%;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px;
  }
}

.bl_interview_txt p {
  padding-left: 15px;
  padding-right: 15px;
}

.bl_interview_txt p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 810px) {
  .bl_interview_txt p {
    padding-left: 0;
    padding-right: 0;
  }
}

.bl_interview_box__reverse {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 810px) {
  .bl_interview_box__reverse {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.bl_interview_box__reverse .bl_interview_ph {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media screen and (max-width: 810px) {
  .bl_interview_box__reverse .bl_interview_ph {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.bl_interview_box__reverse .bl_interview_txt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-left: inherit;
  margin-right: -40px;
}

@media screen and (max-width: 810px) {
  .bl_interview_box__reverse .bl_interview_txt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
    margin-right: auto;
  }
}

.el_interview_ttl {
  font-size: 19px;
  font-size: 1.9rem;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 810px) {
  .el_interview_ttl {
    margin-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
  }
}

.bl_interview_btn_wrap {
  max-width: 820px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
}

@media screen and (max-width: 810px) {
  .bl_interview_btn_wrap {
    width: 92%;
    padding-top: 55px;
  }
}

/* #お問い合わせ
----------------------- */
.bl_contact {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bl_policy_fig {
  width: 50.89%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 120px;
}

@media screen and (max-width: 810px) {
  .bl_policy_fig {
    width: 88.80%;
    margin-top: 35px;
    margin-bottom: 95px;
  }
}

.bl_philosophy_photoTxt {
  position: relative;
  margin-bottom: 120px;
}

@media screen and (max-width: 810px) {
  .bl_philosophy_photoTxt {
    margin-bottom: 200px;
  }
  .bl_philosophy_photoTxt:last-child {
    margin-bottom: 500px;
  }
}

.bl_philosophy_photoTxt_photo {
  width: 60.93%;
}

@media screen and (max-width: 810px) {
  .bl_philosophy_photoTxt_photo {
    width: 85.33%;
  }
}

.bl_philosophy_photoTxt_photo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bl_philosophy_photoTxt_txt {
  background: rgba(255, 255, 255, 0.9);
  padding: 40px;
  position: absolute;
  bottom: -40px;
  left: 45.31%;
}

@media screen and (max-width: 810px) {
  .bl_philosophy_photoTxt_txt {
    width: 94.66%;
    padding: 20px;
    left: inherit;
    right: 0;
    bottom: inherit;
    top: 260px;
  }
}

.bl_philosophy_photoTxt_txt_inner {
  position: relative;
}

.policy02_txt .bl_philosophy_photoTxt_txt_inner {
  padding-right: 300px;
}

@media screen and (max-width: 810px) {
  .policy02_txt .bl_philosophy_photoTxt_txt_inner {
    padding-right: 0;
    padding-top: 70px;
  }
}

.policy02_fig {
  position: absolute;
  top: -100px;
  right: -35px;
}

@media screen and (max-width: 810px) {
  .policy02_fig {
    width: 50.66%;
    top: -50px;
    right: 0;
  }
}

@media screen and (max-width: 810px) {
  .policy04_txt .bl_philosophy_photoTxt_txt_inner {
    padding-top: 100px;
  }
}

.policy04_fig {
  position: absolute;
  top: -235px;
  right: -25px;
}

@media screen and (max-width: 810px) {
  .policy04_fig {
    width: 54.66%;
    top: -80px;
    right: inherit;
    left: 0;
  }
}

.el_philosophy_photoTxt_ttl {
  font-size: 30px;
  font-size: 3.0rem;
}

.el_philosophy_photoTxt_ttl.el_philosophy_photoTxt_ttl__yellow {
  color: #f7b200;
}

.el_philosophy_photoTxt_ttl.el_philosophy_photoTxt_ttl__blue {
  color: #189edb;
}

.el_philosophy_photoTxt_ttl.el_philosophy_photoTxt_ttl__navy {
  color: #3256a6;
}

.el_philosophy_photoTxt_ttl.el_philosophy_photoTxt_ttl__green {
  color: #00b0b2;
}

.bl_philosophy_photoTxt__photoRight .bl_philosophy_photoTxt_photo {
  margin-right: 0;
  margin-left: auto;
}

.bl_philosophy_photoTxt__photoRight .bl_philosophy_photoTxt_txt {
  left: inherit;
  right: 49.21%;
}

@media screen and (max-width: 810px) {
  .bl_philosophy_photoTxt__photoRight .bl_philosophy_photoTxt_txt {
    left: 0;
    right: inherit;
  }
}

.bl_philosophy_photoTxt_list {
  margin-left: 20px;
}

.bl_philosophy_photoTxt_list li {
  font-size: 16px;
  font-size: 1.6rem;
}

.el_charity_ttl {
  font-size: 30px;
  font-size: 3.0rem;
  text-align: center;
  margin-bottom: 10px;
}

.bl_charity_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 810px) {
  .bl_charity_list {
    max-width: 70%;
  }
}

.bl_charity_list li {
  margin-bottom: 20px;
}

.bl_charity_list li:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 810px) {
  .bl_charity_list li:first-child {
    margin-right: 0;
  }
}

/* #沿革
----------------------- */
.bl_outline_list {
  max-width: 1128px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  position: relative;
}

@media screen and (max-width: 810px) {
  .bl_outline_list {
    max-width: 92%;
  }
}

.bl_outline_list::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  content: "";
  background-color: #f5d5d3;
}

.bl_outline_box {
  padding-bottom: 60px;
  padding-left: 140px;
}

@media screen and (max-width: 810px) {
  .bl_outline_box {
    padding-left: 65px;
  }
}

.bl_outline_box p {
  margin-bottom: 12px;
}

.el_outline_box_ttl {
  color: #fa968b;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 40px;
  font-size: 4.0rem;
  margin-bottom: 20px;
  position: relative;
}

.el_outline_box_ttl span {
  font-size: 20px;
  font-size: 2.0rem;
}

.el_outline_box_ttl::before {
  content: "";
  width: 27px;
  height: 22px;
  background: url(../img/outline/ico_outline_ttl.png);
  position: absolute;
  top: 50%;
  left: -135px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 810px) {
  .el_outline_box_ttl::before {
    left: -60px;
  }
}

.el_outline_box_ttl::after {
  content: "";
  position: absolute;
  left: -105px;
  top: 50%;
  width: 95px;
  border-bottom: 1px dashed #d1d1d1;
  z-index: -1;
}

@media screen and (max-width: 810px) {
  .el_outline_box_ttl::after {
    width: 25px;
    left: -30px;
  }
}

.el_outline_date {
  color: #fa968b;
  font-size: 16px;
  font-size: 1.6rem;
}

.bl_outline_img {
  display: inline-block;
  margin-bottom: 10px;
}

.bl_outline_img figcaption {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: right;
}

.bl_outline_img_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_outline_img_col2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_outline_img_col2 .bl_outline_img {
  margin-right: 10px;
}

@media screen and (max-width: 810px) {
  .bl_outline_img_col2 .bl_outline_img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

[class*=swiper]:focus {
  outline: none;
}

.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}

.slide-media img,
.thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-button-prev, .swiper-button-next {
  display: grid;
  place-content: center;
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.swiper-button-prev::before, .swiper-button-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}

.swiper-button-prev::after, .swiper-button-next::after {
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  border: solid var(--color-gray);
  border-width: 3px 3px 0 0;
}

.swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}

.bl_outline_mv {
  margin-bottom: 80px;
}

.bl_outline_mv .swiper {
  overflow: inherit;
}

.bl_outline_mv .swiper-fade .swiper-slide {
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  pointer-events: none;
}

.bl_outline_mv .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.bl_outline_mv .swiper-pagination {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 3.2rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin: auto;
}

.bl_outline_mv .swiper-pagination-bullet {
  display: none;
}

.bl_outline_mv .slide-media {
  height: 480px;
}

@media screen and (max-width: 810px) {
  .bl_outline_mv .slide-media {
    height: 350px;
  }
}

.bl_outline_mv .slide-media img {
  -webkit-transition: 7s 1s ease-out;
  transition: 7s 1s ease-out;
}

.bl_outline_mv .slide-title {
  position: absolute;
}

.bl_outline_mv .mv01-title {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -60px;
  margin: auto;
  text-align: center;
}

@media screen and (max-width: 810px) {
  .bl_outline_mv .mv01-title {
    width: 90%;
    bottom: 20px;
  }
}

.bl_outline_mv .mv02-title {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.slide-media-zoomout img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.bl_outline_mv .swiper-slide[class*=-active] .slide-media.slide-media-zoomout img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.bl_outline_mv .swiper-slide[class*=-active] .slide-media.slide-media-zoomin img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.bl_outline_mv .swiper-slide[class*=-active] .slide-title {
  -webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
  animation: mv01-fadeIn 2s 0.5s var(--easing) both;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes mv01-fadeIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes mv01-fadeIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

/* #プライバシーポリシー
----------------------- */
.el_privacy_ttl {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.4;
  border-left: 4px solid #fa968b;
  margin-bottom: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
}

@media screen and (max-width: 810px) {
  .el_privacy_ttl {
    font-size: 26px;
    font-size: 2.6rem;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
  }
}

.bl_privacy_txt {
  margin-bottom: 50px;
}

.bl_privacy_txt p:last-child {
  margin-bottom: 0;
}

.bl_privacy_list {
  margin-left: 20px;
}

.bl_privacy_list li {
  font-size: 16px;
  font-size: 1.6rem;
}

.bl_info_box {
  text-align: center;
  padding-top: 80px;
}

.bl_info_box.bl_upper_info_box {
  margin-bottom: 120px;
  padding-top: 0;
}

@media screen and (max-width: 810px) {
  .bl_info_box.bl_upper_info_box {
    margin-bottom: 70px;
  }
}

.bl_info_box address {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
}

@media screen and (max-width: 810px) {
  .bl_info_box address {
    font-size: 20px;
    font-size: 2.0rem;
  }
}

.bl_info_box p {
  font-size: 20px;
  font-size: 2.0rem;
  margin-bottom: 5px;
}

.bl_info_box .el_info_box_ttl {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
}

@media screen and (max-width: 810px) {
  .bl_info_box .el_info_box_ttl {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

.bl_info_box .el_info_box_tel {
  font-size: 40px;
  font-size: 4.0rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}

.bl_info_box .el_info_box_tel a {
  color: #fa968b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bl_info_box .el_info_box_tel .fa-phone-alt {
  font-size: 30px;
  font-size: 3.0rem;
  margin-right: 5px;
  padding-top: 7px;
}

.bl_info_box .el_info_box_fax {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'Oswald', sans-serif;
}

.bl_info_box .el_info_box_time span {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'Oswald', sans-serif;
}

.bl_info_box_inner {
  background-color: #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 810px) {
  .bl_info_box_inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* #アクセス
----------------------- */
.bl_access_box {
  margin-bottom: 140px;
}

.bl_access_box:last-child {
  margin-bottom: 0;
}

.bl_access_map {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.bl_gmap_link {
  margin-bottom: 35px;
}

@media screen and (max-width: 810px) {
  .bl_gmap_link .el_btn__showDetail {
    width: 80%;
  }
}

.bl_access_btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 505px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 810px) {
  .bl_access_btn_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bl_access_btn_list .el_btn__showDetail {
    margin-bottom: 20px;
  }
}

.el_parking_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 245px;
  text-align: center;
  margin-left: 15px;
  margin-bottom: 0;
  padding: 10px 25px;
  border: 1px solid #333333;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

@media screen and (max-width: 810px) {
  .el_parking_info {
    width: 80%;
    margin-left: 0;
  }
}

.el_parking_info .fa-car-alt {
  font-size: 22px;
  font-size: 2.2rem;
  color: #003281;
  padding-right: 8px;
}

.bl_root_txtBox {
  max-width: 1000px;
  background-color: #fff7eb;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 35px 70px;
}

@media screen and (max-width: 810px) {
  .bl_root_txtBox {
    padding: 30px 15px;
  }
}

.el_root_ttl {
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 5px;
}

.el_root_list {
  margin-left: 20px;
}

/* #SDGS
----------------------- */
.bl_sdgs_main {
  background-color: #eef5e7;
  background-image: url(../img/sdgs/tree.png), url(../img/sdgs/txt_sdgs.png);
  background-position: top right, bottom left;
  background-repeat: no-repeat,no-repeat;
  background-size: 51% auto, 39% auto;
}

@media screen and (max-width: 810px) {
  .bl_sdgs_main {
    padding-top: 85.33%;
    /*640px*/
    background-image: url(../img/sdgs/tree_sp.jpg), url(../img/sdgs/txt_sdgs_sp.png);
    background-position: top center, bottom left;
    background-repeat: no-repeat,no-repeat;
    background-size: contain, 71.33% auto;
  }
}

.bl_sdgs_main_inner {
  position: relative;
}

.bl_sdgs_main_inner::after {
  content: "";
  width: 57.5%;
  height: 1px;
  background-color: #939696;
  position: absolute;
  top: 126px;
  left: 0;
}

@media screen and (max-width: 810px) {
  .bl_sdgs_main_inner::after {
    width: 100%;
    top: 140px;
  }
}

.bl_sdgs_main_txt {
  width: calc((535 / 1120) * 100%);
  height: 100%;
  position: relative;
  padding-bottom: 100px;
}

@media screen and (max-width: 810px) {
  .bl_sdgs_main_txt {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }
}

.bl_sdgs_main_txt::after {
  position: absolute;
  bottom: 0;
  right: -124px;
  border-bottom: 100vw solid transparent;
  border-left: 115px solid #eef5e7;
}

@media screen and (max-width: 810px) {
  .bl_sdgs_main_txt::after {
    display: none;
  }
}

.bl_sdgs_main_ttlBox {
  position: relative;
}

.bl_sdgs_main_ttl_inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.el_sdgs_main_ttl {
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 30px;
  padding-top: 65px;
  padding-bottom: 5px;
}

@media screen and (max-width: 810px) {
  .el_sdgs_main_ttl {
    font-size: 28px;
    font-size: 2.8rem;
    padding-top: 40px;
  }
}

.el_sdgs_sign {
  text-align: right;
}

/* #エコアクション21
----------------------- */
.bl_ecoaction {
  padding-top: 330px;
  padding-bottom: 185px;
  background-image: url(../img/sdgs/bg_ecoaction02.png), url(../img/sdgs/bg_ecoaction01.png);
  background-repeat: no-repeat,no-repeat;
  background-position: bottom center, top center;
  background-size: 100% auto, 100% auto;
}

@media screen and (max-width: 810px) {
  .bl_ecoaction {
    padding-top: 220px;
    padding-bottom: 130px;
    background-image: url(../img/sdgs/bg_ecoaction02_sp.png), url(../img/sdgs/bg_ecoaction01_sp.png);
  }
}

.bl_ecoaction_inner {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.bl_ecoaction_txt {
  margin-bottom: 80px;
}

.el_ecoaction_ttl {
  font-size: 40px;
  font-size: 4.0rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 810px) {
  .el_ecoaction_ttl {
    padding-bottom: 80px;
  }
}

.el_ecoaction_ttl span {
  font-size: 30px;
  font-size: 3.0rem;
}

.icon_ecoaction {
  width: 100px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 810px) {
  .icon_ecoaction {
    width: 75px;
    bottom: -120px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.el_ecoaction_subTtl {
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}

.bl_ecoaction_list {
  margin-left: 20px;
}

@media screen and (max-width: 810px) {
  .bl_ecoaction_list {
    margin-left: 2em;
  }
}

.bl_ecoaction_list li {
  margin-bottom: 2em;
}

.bl_4r_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bl_4r_list dt {
  font-weight: bold;
  width: 10%;
  padding-right: 1em;
}

@media screen and (max-width: 810px) {
  .bl_4r_list dt {
    width: 28%;
  }
}

.bl_4r_list dd {
  width: 85%;
}

@media screen and (max-width: 810px) {
  .bl_4r_list dd {
    width: 70%;
  }
}

/* #SDGｓ未来への約束
----------------------- */
.bl_promise {
  padding-top: 130px;
}

.bl_promise_listBox {
  margin-top: 40px;
  padding: 45px;
  background-color: #eee;
}

@media screen and (max-width: 810px) {
  .bl_promise_listBox {
    padding: 45px 15px;
  }
}

.bl_promise_listTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 810px) {
  .bl_promise_listTtl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_promise_listTtl_box {
  color: #54ab00;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
}

@media screen and (max-width: 810px) {
  .bl_promise_listTtl_box {
    width: 100%;
    margin-bottom: 1em;
  }
}

.bl_promise_listTtl_box:nth-child(2) {
  margin-left: 2em;
  margin-right: 2em;
}

@media screen and (max-width: 810px) {
  .bl_promise_listTtl_box:nth-child(2) {
    margin-left: auto;
    margin-right: auto;
  }
}

.bl_promise_listTtl_box span {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Segoe UI", Verdana, "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333333;
}

.bl_promise_list {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 810px) {
  .bl_promise_list {
    width: 95%;
    margin-left: 1.5em;
  }
}

.bl_sdgs_iconList {
  text-align: center;
  margin-top: 80px;
}

@media screen and (max-width: 810px) {
  .bl_sdgs_iconList {
    margin-top: 60px;
  }
}

/* #SDGsの取り組み
----------------------- */
.bl_sdgs_torikumi {
  margin-top: 160px;
}

@media screen and (max-width: 810px) {
  .bl_sdgs_torikumi {
    margin-top: 70px;
  }
}

.el_sdgs_torikumi_ttl {
  font-size: 30px;
  font-size: 3.0rem;
  margin-bottom: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  border-left: 4px solid #fa968b;
}

@media screen and (max-width: 810px) {
  .el_sdgs_torikumi_ttl {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 25px;
  }
}

.el_sdgs_torikumi_ttl span {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 2em;
}

@media screen and (max-width: 810px) {
  .el_sdgs_torikumi_ttl span {
    display: block;
    text-align: right;
  }
}

.bl_torikumiBox {
  margin-bottom: 8px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.bl_torikumiBox_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_torikumiBox_inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_torikumiBox_innerTxt {
  width: 645px;
  margin-right: 40px;
}

@media screen and (max-width: 810px) {
  .bl_torikumiBox_innerTxt {
    width: 100%;
    margin-right: 0;
  }
}

.el_sdgs_torikumi_subTtl {
  font-size: 24px;
  font-size: 2.4rem;
}

.bl_torikumiBox_innerImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 430px;
  margin-bottom: -18px;
}

@media screen and (max-width: 810px) {
  .bl_torikumiBox_innerImg {
    width: 100%;
    margin-bottom: -15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.bl_torikumiBox_innerImg img {
  width: 130px;
  height: auto;
  margin-right: 18px;
  margin-bottom: 18px;
}

@media screen and (max-width: 810px) {
  .bl_torikumiBox_innerImg img {
    width: 47%;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}

.bl_torikumiBox_innerImg img:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 810px) {
  .bl_torikumiBox_innerImg img:nth-child(3n) {
    margin-right: 15px;
  }
}

@media screen and (max-width: 810px) {
  .bl_torikumiBox_innerImg img:nth-child(2n) {
    margin-right: 0;
  }
}

/* #ご注文方法
----------------------- */
.bl_flow_wrap {
  margin-top: 40px;
  padding-top: 120px;
  padding-bottom: 80px;
  background-color: #faeae8;
}

@media screen and (max-width: 810px) {
  .bl_flow_wrap {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.bl_flow_inner {
  position: relative;
}

.bl_flow_inner::before {
  display: block;
  content: "FLOW";
  color: #fff;
  font-size: 70px;
  position: absolute;
  top: 30px;
  left: -150px;
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

@media screen and (max-width: 810px) {
  .bl_flow_inner::before {
    font-size: 40px;
    top: -40px;
    left: -56px;
    color: #000000;
  }
}

.bl_flow_box {
  position: relative;
  margin-bottom: 60px;
  padding: 35px 95px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #fff;
}

@media screen and (max-width: 810px) {
  .bl_flow_box {
    width: 95.23%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 10px;
  }
  .bl_flow_box p:last-child {
    margin-bottom: 0;
  }
}

.bl_flow_box::before {
  display: block;
  content: "";
  height: 81px;
  position: absolute;
  top: -40px;
  left: 20px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box::before {
    height: 63px;
  }
}

.bl_flow_box.bl_flow_box01::before {
  background: url(../img/flow/icon_no1.png) no-repeat;
  width: 67px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box.bl_flow_box01::before {
    width: 52px;
    background-size: 100% auto;
  }
}

.bl_flow_box.bl_flow_box02::before {
  background: url(../img/flow/icon_no2.png) no-repeat;
  width: 77px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box.bl_flow_box02::before {
    width: 56px;
    background-size: 100% auto;
  }
}

.bl_flow_box.bl_flow_box03::before {
  background: url(../img/flow/icon_no3.png) no-repeat;
  width: 77px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box.bl_flow_box03::before {
    width: 57px;
    background-size: 100% auto;
  }
}

.bl_flow_box.bl_flow_box04::before {
  background: url(../img/flow/icon_no4.png) no-repeat;
  width: 79px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box.bl_flow_box04::before {
    width: 58px;
    background-size: 100% auto;
  }
}

.bl_flow_box.bl_flow_box05::before {
  background: url(../img/flow/icon_no5.png) no-repeat;
  width: 77px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box.bl_flow_box05::before {
    width: 57px;
    background-size: 100% auto;
  }
}

.bl_flow_box.bl_flow_box06::before {
  background: url(../img/flow/icon_no6.png) no-repeat;
  width: 78px;
}

@media screen and (max-width: 810px) {
  .bl_flow_box.bl_flow_box06::before {
    width: 57px;
    background-size: 100% auto;
  }
}

.bl_flow_box:last-child {
  margin-bottom: 0;
}

.el_flow_box_ttl {
  font-size: 30px;
  font-size: 3.0rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 810px) {
  .el_flow_box_ttl {
    font-size: 25px;
    font-size: 2.5rem;
    text-align: center;
  }
}

.el_flow_box_ttl__dispFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .el_flow_box_ttl__dispFlex {
    display: block;
  }
}

.el_flow04_ttl_l {
  width: 49%;
}

@media screen and (max-width: 810px) {
  .el_flow04_ttl_l {
    width: 100%;
  }
}

.el_flow_box_ttl_s {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 2em;
}

@media screen and (max-width: 810px) {
  .el_flow_box_ttl_s {
    display: inline-block;
    padding-left: inherit;
  }
}

.bl_flow_icon_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_flow_icon_txt {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_flow_icon {
  width: 220px;
}

@media screen and (max-width: 810px) {
  .bl_flow_icon {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

.bl_flow_txt {
  width: 690px;
}

@media screen and (max-width: 810px) {
  .bl_flow_txt {
    width: 100%;
  }
}

.bl_howtoOrder_content {
  padding-top: 120px;
}

@media screen and (max-width: 810px) {
  .bl_howtoOrder_content {
    padding-top: 80px;
  }
}

.bl_fig_payment {
  text-align: center;
  padding-bottom: 40px;
}

@media screen and (max-width: 810px) {
  .table_scroll {
    overflow: auto;
    white-space: nowrap;
  }
}

.table_commission {
  width: 70%;
  border: 1px solid #666;
  border-collapse: collapse;
  margin-bottom: 40px;
}

@media screen and (max-width: 810px) {
  .table_commission {
    width: 100%;
    white-space: nowrap;
  }
}

.table_commission th {
  width: 22%;
  border: 1px solid #666;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
  background-color: #fae7e6;
}

@media screen and (max-width: 810px) {
  .table_commission th {
    width: auto;
  }
}

.table_commission td {
  width: 15.68%;
  border: 1px solid #666;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 810px) {
  .table_commission td {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.bl_returns_exchanges .list_ul_normal {
  margin-bottom: 40px;
}

.bl_returns_exchanges .list_ul_normal .list_caution li {
  margin-bottom: inherit;
}

/* ===============================================
#お問い合わせ
=============================================== */
.bl_contactBtn_wrap__bgYellow {
  margin-top: 40px;
  padding: 40px;
  background-color: #fff7eb;
}

/* ===============================================
#企業様お問い合わせ
=============================================== */
.bl_corp_contact {
  padding-bottom: 125px;
}

.bl_corpContact_telInfo {
  margin-top: 40px;
  text-align: center;
}

.bl_corpContact_telInfo .bl_corpContact_telInfo_txt {
  margin-bottom: 0;
}

.bl_corpContact_telInfo .bl_corpContact_telInfo_telTxt {
  display: inline-block;
  font-size: 60px;
  font-size: 6.0rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_telInfo .bl_corpContact_telInfo_telTxt {
    font-size: 35px;
    font-size: 3.5rem;
  }
}

.bl_corpContact_telInfo .bl_corpContact_telInfo_telTxt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bl_corpContact_telInfo .bl_corpContact_telInfo_telTxt i {
  font-size: 40px;
  font-size: 4.0rem;
  padding-top: 8px;
  padding-right: 8px;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_telInfo .bl_corpContact_telInfo_telTxt i {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.bl_corpContact_infoDetail_box {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  padding: 40px 25px;
  background-color: #fff9f5;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_infoDetail_box {
    padding: 20px 20px;
  }
}

/*通常のお問い合わせ*/
.bl_corpContact_infoDetail_box.bl_contact_infoDetail_box {
  background-color: #fff7eb;
}

.bl_corpContact_businessInfo_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1px dotted #333333;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_businessInfo_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
}

.bl_corpContact_businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_businessInfo {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bl_corpContact_businessInfo dd {
    width: 100%;
    margin-bottom: 30px;
  }
  .bl_corpContact_businessInfo dd:last-child {
    margin-bottom: 0;
  }
}

.bl_corpContact_businessInfo dt {
  color: #012c6b;
  font-weight: bold;
  padding-right: 20px;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_businessInfo dt {
    width: 100%;
    margin-bottom: 5px;
    padding-right: 0;
  }
}

/*通常のお問い合わせ*/
.bl_contact_infoDetail_box .bl_corpContact_businessInfo dt {
  color: #f05d4d;
}

.bl_businessHours {
  margin-right: 65px;
}

.bl_corpContact_access {
  text-align: center;
}

.bl_corpContact_access_txt {
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 810px) {
  .bl_corpContact_access_txt {
    text-align: center;
  }
}

.bl_corpContact_access_btnWrap {
  padding-bottom: 15px;
}

.bl_corpContact_access_btnWrap i {
  color: #012c6b;
  font-size: 27px;
  font-size: 2.7rem;
  padding-right: 10px;
}

.bl_access_btnWrap {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}

.bl_access_btnWrap i {
  color: #003281;
  font-size: 27px;
  font-size: 2.7rem;
  padding-right: 10px;
}

.bl_corpContactForm_txtWrap {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 45px;
}

@media screen and (max-width: 810px) {
  .bl_corpContactForm_txtWrap {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
  }
}

.mw_wp_form_input .bl_corpContactForm_txtWrap {
  display: none;
}

.bl_contact_form {
  padding-top: 70px;
}

@media screen and (max-width: 810px) {
  .bl_contact_form {
    padding-top: 35px;
  }
}

.bl_form_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 810px) {
  .bl_form_box {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

.bl_form_box dt {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  width: 35%;
  padding-top: 8px;
  padding-bottom: 40px;
  padding-right: 30px;
  position: relative;
}

@media screen and (max-width: 810px) {
  .bl_form_box dt {
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
    padding-right: 0;
  }
}

.bl_form_box dd {
  font-size: 16px;
  font-size: 1.6rem;
  width: 65%;
  padding-bottom: 40px;
}

@media screen and (max-width: 810px) {
  .bl_form_box dd {
    width: 100%;
  }
}

.bl_form_box input {
  border: 1px solid #e5e5e5;
  padding: 15px;
}

.bl_form_box textarea {
  border: 1px solid #e5e5e5;
  padding: 15px;
}

.bl_form_box .input_full {
  width: 100%;
}

.bl_form_box .input_l {
  width: 80%;
}

@media screen and (max-width: 810px) {
  .bl_form_box .input_l {
    width: 100%;
  }
}

.bl_form_box .input_zip {
  width: 25%;
  margin-left: 5px;
}

@media screen and (max-width: 810px) {
  .bl_form_box .input_zip {
    width: 92%;
  }
}

.bl_form_box .el_note_ttl {
  width: 100%;
}

.bl_form_box .el_note_txt {
  width: 100%;
}

label {
  cursor: pointer;
}

.vertical-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.el_must_txt {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  right: 30px;
  line-height: 1;
  padding: 12px 14px;
  background-color: #d46853;
}

@media screen and (max-width: 810px) {
  .el_must_txt {
    font-size: 12px;
    font-size: 1.2rem;
    position: inherit;
    margin-left: 10px;
    padding: 6px 9px;
    right: inherit;
  }
}

@media screen and (max-width: 810px) {
  .el_must_txt__mgl0 {
    margin-left: 0;
  }
}

.bl_policy_box {
  padding: 60px 30px;
  background-color: #eee;
  text-align: center;
}

@media screen and (max-width: 810px) {
  .bl_policy_box {
    padding: 40px 15px;
  }
}

.bl_policy_btnWrap {
  margin-bottom: 40px;
}

.el_policy_check {
  margin-right: 5px;
}

.bl_form_caution {
  text-align: center;
  padding-top: 75px;
  padding-bottom: 75px;
}

@media screen and (max-width: 810px) {
  .bl_form_caution {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.bl_form_caution p {
  margin-bottom: 0;
}

.bl_form_btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 20px;
}

@media screen and (max-width: 810px) {
  .bl_form_btnWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bl_form_btnWrap .el_btn__showDetail {
    width: 75%;
  }
  .bl_form_btnWrap .el_btn__showDetail.el_btn__showDetail__entry {
    width: 100%;
  }
}

.bl_form_btnWrap input:last-child {
  margin-left: 30px;
}

@media screen and (max-width: 810px) {
  .bl_form_btnWrap input:last-child {
    margin-left: auto;
    margin-top: 20px;
  }
}

@media screen and (max-width: 810px) {
  .el_ssl_txt {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

.bl_contactForm .el_ssl_txt {
  color: #ef8fa6;
}

/*確認画面*/
.mw_wp_form_confirm .el_must_txt {
  display: none;
}

.mw_wp_form_confirm .email_add {
  display: none;
}

.mw_wp_form_confirm .el_btn__reset {
  display: none;
}

.mw_wp_form_confirm .bl_form_caution {
  display: none;
}

.mw_wp_form_confirm .bl_policy_box {
  margin-bottom: 75px;
}

span.error {
  color: #d46853;
  font-weight: bold;
  padding-left: 10px;
}

/* ===============================================
#サイトマップ
=============================================== */
.bl_sitemap_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 50px;
  list-style: none;
}

.bl_sitemap_list__item {
  width: 45%;
  margin-bottom: 5px;
  margin-left: 1em;
}

@media screen and (max-width: 810px) {
  .bl_sitemap_list__item {
    width: 100%;
  }
}

.bl_sitemap_list__item:first-child {
  width: 100%;
  margin-bottom: 30px;
  margin-left: 0;
}

.bl_sitemap_list_child {
  margin-top: 10px;
  margin-bottom: 65px;
  list-style: none;
}

@media screen and (max-width: 810px) {
  .bl_sitemap_list_child {
    margin-bottom: 35px;
  }
}

.bl_sitemap_list__item_useful {
  margin-top: 60px;
}

@media screen and (max-width: 810px) {
  .bl_sitemap_list__item_useful {
    margin-top: 30px;
  }
}

.bl_sitemap_list_child__item {
  position: relative;
  margin-bottom: 5px;
  margin-left: 1em;
  padding-left: 1em;
}

.bl_sitemap_list_child__item::before {
  content: "-";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bl_sitemap_list_child__item.bl_sitemap_list_parent::before {
  content: "-";
  position: absolute;
  top: -0.1em;
  left: 0;
  -webkit-transform: inherit;
  transform: inherit;
}

.bl_sitemap_list_child_child {
  list-style: none;
  margin-right: 1em;
}

.bl_sitemap_list_child_child__item {
  position: relative;
  margin-bottom: 5px;
  padding-left: 1em;
}

.bl_sitemap_list_child_child__item::before {
  content: "--";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ===============================================
#利用規約
=============================================== */
.bl_terms_txt {
  margin-bottom: 50px;
}

.bl_terms_txt p:last-child {
  margin-bottom: 0;
}

.bl_terms_list {
  margin-left: 20px;
}

.bl_terms_list li {
  font-size: 16px;
  font-size: 1.6rem;
}

.bl_terms_btn_box {
  padding-top: 10px;
}

.bl_termsInfo_box {
  padding-top: 80px;
}

.bl_termsInfo_box .el_info_box_fax {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'Oswald', sans-serif;
}

.bl_termsInfo_box .el_info_box_time span {
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'Oswald', sans-serif;
}

.bl_termsInfo_box_inner {
  text-align: center;
  padding-top: 60px;
}

.el_termsInfo_box_ttl {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
}

@media screen and (max-width: 810px) {
  .el_termsInfo_box_ttl {
    font-size: 20px;
    font-size: 2.0rem;
  }
}

.el_termsInfo_box_tel {
  font-size: 50px;
  font-size: 5.0rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}

.el_termsInfo_box_tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.el_termsInfo_box_tel .fa-phone-alt {
  font-size: 38px;
  font-size: 3.8rem;
  margin-right: 5px;
  padding-top: 7px;
}

.bl_termsInfo_btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 60.71%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  list-style: none;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_btn_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 90%;
  }
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_btn_list li {
    width: 100%;
  }
}

.bl_termsInfo_btn_list li:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_btn_list li:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.bl_termsInfo_btn_list .el_btn {
  min-width: 320px;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_btn_list .el_btn {
    max-width: 100%;
    min-width: 100%;
  }
}

.bl_termsInfo_info {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 60px;
  background-color: #fff7eb;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_info {
    padding: 35px 20px;
  }
}

.bl_termsInfo_txtWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_txtWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_termsInfo_txtWrap dt {
  color: #003281;
  margin-right: 20px;
  text-align: left;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_txtWrap dt {
    width: 25%;
  }
}

.bl_termsInfo_txtWrap dd {
  text-align: left;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_txtWrap dd {
    width: 65%;
  }
}

.bl_termsInfo_txtWrap dd:first-of-type {
  margin-right: 65px;
}

@media screen and (max-width: 810px) {
  .bl_termsInfo_txtWrap dd:first-of-type {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

#business01,
#business02 {
  padding-top: 120px;
  margin-top: -120px;
}

/*プライバシーポリシー*/
.bl_policy .el_lineBtm_title {
  padding-left: 0;
}

.bl_policy h3 {
  font-size: 24px;
  font-size: 2.4rem;
}

.bl_policy h4 {
  font-size: 20px;
  font: 2.0rem;
}

.bl_policy ol {
  margin-left: 20px;
  margin-bottom: 1.5em;
}

.bl_policy_info {
  padding: 16px;
  background-color: #f0f0f0;
}

@media screen and (max-width: 810px) {
  .is-pc {
    display: none;
  }
}

@media screen and (min-width: 811px) {
  .is-sp {
    display: none;
  }
}