@charset "UTF-8";
/* font
----------------------------------------------------- */
/* ----------------------------
Thin -> 100
Light -> 200
DemiLight -> 300
Regular -> 400
Medium -> 500
Bold -> 700
Black -> 900
---------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSansCJKjp-Thin.eot");
  src: url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSansCJKjp-Light.eot");
  src: url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansCJKjp-DemiLight.eot");
  src: url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Medium.eot");
  src: url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.eot");
  src: url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp-Black.eot");
  src: url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype");
}

/* reset
----------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

html {
  line-height: 1;
}

img {
  vertical-align: middle;
}

/* clearfix
----------------------------------------------------- */
.cf:after {
  content: "";
  display: block;
  clear: both;
}

/* base
----------------------------------------------------- */
html {
  height: 100%;
  font-size: 62.5%;
}

body {
  min-height: 100%;
  min-width: 980px;
  background-color: #ffffff;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  color: #222222;
  position: relative;
}

a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #222222;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
  }
  a {
    font-size: 1.4rem;
    font-weight: 400;
  }
  img {
    width: 100%;
    height: auto;
  }
}

/* static
--------------------------------------------------- */
.l_content {
  width: 100%;
  padding: 96px 0 100px;
}

.l_content_top {
  padding-top: 0;
}

.l_main {
  width: 100%;
  padding-bottom: 100px;
}

.l_main.bg_company {
  background: url(/resource/img/company/bg_company_pc.jpg) center top no-repeat;
  background-size: cover;
}

.l_main.bg_recruit {
  background: url(/resource/img/recruit/bg_recruit_pc.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: 215px;
}

.l_main.bg_brand {
  background: url(/resource/img/brand/bg_brand_pc.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: 215px;
}

.l_main.bg_white {
  background-color: #ffffff;
}

.l_main.nolast {
  padding-bottom: 0;
}

.l_inner {
  width: 980px;
  margin: 0 auto;
}

.l_inner_type2 {
  width: 980px;
  margin: 0 auto;
}

.l_inner_type3 {
  width: 646px;
  margin: 0 auto;
}

.l_inner_flex1 {
  width: 100%;
  min-width: 980px;
  max-width: 1280px;
  margin: 0 auto;
}

.l_inner_flex2 {
  width: 100%;
  min-width: 980px;
  max-width: 1280px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l_content {
    padding: 60px 0 176px;
  }
  .l_main {
    padding-bottom: 40px;
  }
  .l_main.bg_company {
    background: url(/resource/img/company/bg_company_sp.jpg) center top no-repeat;
    background-size: cover;
  }
  .l_main.bg_recruit {
    background: url(/resource/img/recruit/bg_recruit_sp.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 50px;
  }
  .l_main.bg_brand {
    background: url(/resource/img/brand/bg_brand_sp.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 50px;
  }
  .l_inner {
    width: 100%;
  }
  .l_inner_type2 {
    min-width: 90%;
    width: 90%;
    margin-bottom: 40px;
  }
  .l_inner_type3 {
    min-width: 90%;
    width: 90%;
  }
  .l_inner_flex1 {
    min-width: 100%;
    max-width: 100%;
  }
  .l_inner_flex2 {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
  }
}

/* imgbox
--------------------------------------------------- */
.l_imgbox_right {
  position: relative;
  margin-top: 80px;
}

.l_imgbox_right .text {
  width: 50%;
  position: absolute;
  bottom: 30px;
  left: 0;
}

.l_imgbox_right .img {
  text-align: right;
}

.l_imgbox_left {
  position: relative;
  margin-top: 80px;
}

.l_imgbox_left .text {
  width: 50%;
  position: absolute;
  bottom: 30px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .l_imgbox_right {
    position: relative;
    margin-top: 35px;
  }
  .l_imgbox_right .text {
    width: 100%;
    position: static;
    padding: 5%;
  }
  .l_imgbox_right .img {
    text-align: right;
  }
  .l_imgbox_left {
    position: relative;
    margin-top: 35px;
  }
  .l_imgbox_left .text {
    width: 100%;
    position: static;
    padding: 5%;
  }
}

/* 2column (pc2,sp1)
--------------------------------------------------- */
.l_2col {
  width: 100%;
}

.l_2col:after {
  content: "";
  display: block;
  clear: both;
}

.l_2col > .l_column {
  width: 48.45%;
  float: left;
  margin-left: 3.1%;
}

.l_2col > .l_column:nth-child(2n+1) {
  margin-left: 0;
}

.l_2col > .l_column:nth-child(n+3) {
  margin-top: 3.1%;
}

@media screen and (max-width: 768px) {
  .l_2col > .l_column {
    width: 100%;
    float: none;
    margin-top: 8%;
    margin-left: 0;
  }
  .l_2col > .l_column:nth-child(n+3) {
    margin-top: 8%;
  }
  .l_2col > .l_column:first-child {
    margin-top: 0;
  }
}

/* 3column (pc3,sp1)
--------------------------------------------------- */
.l_3col {
  width: 100%;
}

.l_3col:after {
  content: "";
  display: block;
  clear: both;
}

.l_3col > .l_column {
  width: 32%;
  float: left;
  margin-left: 2%;
}

.l_3col > .l_column:nth-child(3n+1) {
  margin-left: 0;
}

.l_3col > .l_column:nth-child(n+4) {
  margin-top: 2%;
}

@media screen and (max-width: 768px) {
  .l_3col > .l_column {
    width: 100%;
    float: none;
    margin-top: 8%;
    margin-left: 0;
  }
  .l_3col > .l_column:nth-child(n+4) {
    margin-top: 8%;
  }
  .l_3col > .l_column:first-child {
    margin-top: 0;
  }
}

/* 3column_type2(pc3,sp2)
--------------------------------------------------- */
.l_3col_type2 {
  width: 100%;
}

.l_3col_type2:after {
  content: "";
  display: block;
  clear: both;
}

.l_3col_type2 > .l_column {
  width: 30%;
  float: left;
  margin-right: 5%;
}

.l_3col_type2 > .l_column:nth-child(3n) {
  margin-right: 0;
}

.l_3col_type2 > .l_column:nth-child(n+4) {
  margin-top: 5%;
}

@media screen and (max-width: 768px) {
  .l_3col_type2 > .l_column {
    width: 49%;
    margin-right: 2%;
  }
  .l_3col_type2 > .l_column:nth-child(3n) {
    margin-right: 2%;
  }
  .l_3col_type2 > .l_column:nth-child(2n) {
    margin-right: 0;
  }
  .l_3col_type2 > .l_column:nth-child(n+3) {
    margin-top: 2%;
  }
}

/* 4column (pc4,20190401～sp1)
--------------------------------------------------- */
.l_4col {
  width: 100%;
}

.l_4col:after {
  content: "";
  display: block;
  clear: both;
}

.l_4col > .l_column {
  width: 23.5%;
  float: left;
  margin-left: 2%;
}

.l_4col > .l_column:nth-child(4n+1) {
  margin-left: 0;
}

.l_4col > .l_column:nth-child(n+5) {
  margin-top: 2%;
}
@media screen and (max-width: 768px) {
  .l_4col > .l_column {
    width: 100%;
    float: none;
    margin-top: 8%;
    margin-left: 0;
  }
  .l_4col > .l_column:nth-child(n+4) {
    margin-top: 8%;
  }
  .l_4col > .l_column:first-child {
    margin-top: 0;
  }
}

/* 5column
--------------------------------------------------- */
.l_5col {
  width: 100%;
}

.l_5col:after {
  content: "";
  display: block;
  clear: both;
}

.l_5col > .l_column {
  width: 18%;
  float: left;
  margin-left: 2%;
}

.l_5col > .l_column:nth-child(5n+1) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .l_5col > .l_column {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}

/* 6column 202102-
--------------------------------------------------- */
.l_6col {
  width: 100%;
}

.l_6col:after {
  content: "";
  display: block;
  clear: both;
}

.l_6col > .l_column {
  width: 15%;
  float: left;
  margin-left: 2%;
}

.l_6col > .l_column:nth-child(6n+1) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .l_6col > .l_column {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}

/* 4column_type2(pc4,sp2)
--------------------------------------------------- */
.l_4col_type2 {
  width: 100%;
}

.l_4col_type2:after {
  content: "";
  display: block;
  clear: both;
}

.l_4col_type2 > .l_column {
  width: 23.5%;
  float: left;
  margin-right: 2%;
}

.l_4col_type2 > .l_column:nth-child(4n) {
  margin-right: 0;
}

.l_4col_type2 > .l_column:nth-child(n+5) {
  margin-top: 2%;
}

@media screen and (max-width: 768px) {
  .l_4col_type2 > .l_column {
    width: 49%;
    margin-right: 2%;
  }
  .l_4col_type2 > .l_column:nth-child(3n) {
    margin-right: 2%;
  }
  .l_4col_type2 > .l_column:nth-child(2n) {
    margin-right: 0;
  }
  .l_4col_type2 > .l_column:nth-child(n+3) {
    margin-top: 2%;
  }
}

/* header
--------------------------------------------------- */
.header {
  width: 100%;
  border-top: 4px solid #dd2225;
  position: relative;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.header_inner {
  width: 100%;
  max-width: 1280px;
  min-width: 980px;
  margin: 0 auto;
}

.header_inner .logo {
  width: 58px;
  float: left;
  margin: 20px 0;
}

.header_inner .logo img {
  width: 100%;
  height: auto;
}

.nav_header {
  float: right;
}

.nav_header .itemwrap {
  float: right;
}

.nav_header .item_nav {
  width: 170px;
  float: left;
  padding: 25px 0 28px;
  letter-spacing: .1em;
}

.nav_header .item_nav .text_small {
  font-size: 1.2rem;
  font-weight: 100;
  display: block;
}

.nav_header .item_nav:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 35px;
  width: 1px;
  height: 20px;
  background: #a9a9a9;
  transform: rotate(25deg);
}

.nav_header .item_nav:first-child:before {
  display: none;
}

.nav_header .item_nav > a {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 300;
  text-align: center;
  display: block;
}

.nav_header .item_nav:hover > a {
  color: #dd2225;
}

.nav_header .item_nav:hover > a .text_small {
  color: #222222;
}

.nav_header .item_nav:hover > .anim_b6:after {
  margin-bottom: -6px;
}

.nav_header .item_news > .icon_arrow_r:after {
  display: none;
}

.nav_header .item_2column {
  width: 158px;
  float: left;
}

.nav_header .item_2column a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  display: block;
  background: #5b5e5f;
  text-align: center;
  padding: 11px 0;
}

.nav_header .item_2column a:hover {
  background: #222222;
}

.nav_header .item_2column_property {
  position: relative;
  border-bottom: solid 1px #797d7e;
}

.nav_header .item_2column_property:before {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 45px;
  width: 15px;
  border-bottom: solid 1px #5b5e5f;
}

.nav_header .item_2column_property:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 45px;
  right: 0;
  width: 15px;
  border-bottom: solid 1px #5b5e5f;
}

.nav_header .item_inquiry {
  width: 160px;
  float: left;
  margin-left: 10px;
}

.nav_header .item_inquiry a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  display: block;
  background: #5b5e5f;
  text-align: center;
  padding: 34px;
}

.nav_header .item_inquiry a:hover {
  background: #222222;
}

.menu_trigger {
  display: none;
}

@media screen and (max-width: 1280px) {
  .header_inner {
    padding: 0 0 0 3px;
  }
}

@media screen and (max-width: 768px) {
  .header {
    z-index: 100;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
  }
  .header_inner {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
  }
  .header_inner .logo {
    width: 40px;
    float: none;
    margin: 10px 0 10px 5%;
  }
  .nav_header {
    display: none;
    float: none;
    width: 100%;
    background: #ffffff;
    position: absolute;
    z-index: 90;
    left: 0;
    top: 56px;
  }
  .nav_header .itemwrap {
    float: none;
  }
  .nav_header .item_nav {
    width: 100%;
    float: none;
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
  }
  .nav_header .item_nav .text_small {
    font-size: 1.1rem;
    display: inline-block;
    margin-left: 10px;
  }
  .nav_header .item_nav .icon_triangle:after {
    left: 94%;
    bottom: 45%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .nav_header .item_nav:before {
    display: none;
  }
  .nav_header .item_nav:first-child:before {
    display: none;
  }
  .nav_header .item_nav > a {
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 15px 5%;
    text-align: left;
    display: block;
  }
  .nav_header .item_nav:hover > a {
    color: #222222;
  }
  .nav_header .item_nav:hover > .anim_b6:after {
    margin-bottom: 0;
  }
  .nav_header .item_news > .icon_arrow_r:after {
    display: inline-block;
    right: 5%;
  }
  .nav_header .item_2column {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .nav_header .item_2column li {
    border-bottom: solid 1px #797d7e;
  }
  .nav_header .item_2column li a {
    font-size: 1.1rem;
    font-weight: 100;
    text-align: left;
    padding: 17px 5%;
    letter-spacing: .1em;
  }
  .nav_header .item_2column li a:hover {
    background: #5b5e5f;
  }
  .nav_header .item_2column li a:after {
    right: 5%;
  }
  .nav_header .item_inquiry {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .nav_header .item_inquiry a {
    font-size: 1.1rem;
    font-weight: 100;
    text-align: left;
    padding: 17px 5%;
    letter-spacing: .1em;
  }
  .nav_header .item_inquiry a:after {
    right: 5%;
  }
  .nav_header .item_inquiry a:hover {
    background: #5b5e5f;
  }
  .menu_trigger {
    display: block;
    position: absolute;
    z-index: 120;
    width: 20px;
    height: 16px;
    top: 20px;
    right: 5%;
  }
  .menu_trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #222222;
  }
  .menu_trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu_trigger span:nth-of-type(2) {
    top: 7px;
  }
  .menu_trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu_trigger.open span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
  .menu_trigger.open span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards;
  }
  .menu_trigger.open span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    display: block;
    background: rgba(34, 34, 34, 0.8);
    display: none;
  }
}

/* ドロップダウンメニュー */
.js_dropcont {
  display: none;
}

.nav_header .subnav {
  width: 100%;
  position: absolute;
  top: 91px;
  left: 0;
  z-index: 100;
  background: #191919;
  padding: 20px 0;
}

.nav_header .subnav .item_text {
  display: inline-block;
  margin-bottom: 10px;
}

.nav_header .subnav_inner {
  width: 100%;
  max-width: 1280px;
  min-width: 980px;
  margin: 0 auto;
  position: relative;
}

.nav_header .item_subnav .icon_arrow_r:after {
  right: -20px;
}

.nav_header .item_subnav > a {
  /*20191001  font-size: 1.6rem;*/
  font-size: 1.4rem;
  font-weight: 200;
  color: #ffffff;
  display: block;
}

.nav_header .item_subnav > a .item_img {
  display: block;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #112737;
}

.nav_header .item_subnav > a .item_img.item_bg_brand {
  background-color: #ffffff;
}

.nav_header .item_subnav > a .item_img img {
  width: 100%;
  height: auto;
  opacity: .8;
}

.nav_header .item_subnav > a:hover .icon_arrow_r:after {
  margin-right: -6px;
}

.nav_header .item_subnav > a:hover .item_img img {
  opacity: 1;
}

.nav_header .subnav_type2 {
  width: 23.5%;
  position: absolute;
  top: 32px;
  right: 0;
}

.nav_header .subnav_type2 .icon_arrow_r:after {
  right: 40%;
}

.nav_header .subnav_type2 .item_subnav {
  margin-bottom: 5px;
}

.nav_header .item_category {
  display: none;
}

@media screen and (max-width: 768px) {
  .js_slidecont {
    display: block;
  }
  .nav_header .subnav {
    width: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0;
    overflow: auto;
  }
  .nav_header .subnav_inner {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .nav_header .item_subnav.l_column {
    width: 100%;
    float: none;
    margin: 0;
    border-bottom: 1px solid #777777;
  }
  .nav_header .item_subnav > a {
    font-size: 1.1rem;
    font-weight: 100;
    padding: 15px 0 15px 12%;
  }
  .nav_header .item_subnav > a:hover .icon_arrow_r:after {
    margin-right: 0;
  }
  .nav_header .item_subnav > a .item_img {
    display: none;
  }
  .nav_header .item_subnav .item_text {
    display: block;
    margin-bottom: 0;
  }
  .nav_header .item_subnav .icon_arrrow_r:after {
    right: 5%;
  }
  .nav_header .item_subnav .item_img {
    display: none;
  }
  .nav_header .subnav_type2 {
    width: 100%;
    position: static;
  }
  .nav_header .subnav_type2 .item_subnav {
    width: 100%;
    float: none;
    margin: 0;
    border-bottom: 1px solid #777777;
  }
  .nav_header .subnav_type2 > a {
    font-size: 1.1rem;
    font-weight: 100;
    padding: 15px 0 15px 12%;
  }
  .nav_header .subnav_type2 > a:hover .icon_arrow_r:after {
    margin-right: 0;
  }
  .nav_header .subnav_type2 .icon_arrow_r:after {
    content: none;
  }
  .nav_header .item_category {
    display: block;
    border-bottom: 1px solid #777777;
    position: relative;
  }
  .nav_header .item_category > a {
    width: 90%;
    font-size: 1.6rem;
    font-weight: 300;
    color: #ffffff;
    display: block;
    padding: 15px 0 15px 2%;
    margin-left: 10%;
  }
  .nav_header .item_category > a span {
    font-size: 1.1rem;
    font-weight: 100;
    display: inline-block;
    margin-left: 10px;
  }
  .nav_header .item_category > .icon_triangle {
    width: 10%;
    height: 57px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .nav_header .item_category > .icon_triangle:after {
    left: 40%;
    bottom: 45%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* footer
--------------------------------------------------- */
.footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #222222;
}

.footer.type_top {
  position: fixed;
  text-align: left;
}

.footer.type_top .footer_inner {
  padding: 5px 0;
  overflow: hidden;
  height: auto;
}

.footer.type_top .nav_footer {
  float: left;
}

.footer.type_top .copy {
  text-align: right;
  margin-top: 3px;
}

.footer_inner {
  width: 100%;
  max-width: 1280px;
  min-width: 980px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  padding: 27px 0;
}

.nav_footer .item_nav {
  display: inline-block;
}

.nav_footer .item_nav > a {
  font-size: 1.3rem;
  font-weight: 200;
  color: #ffffff;
}

.nav_footer .item_nav:nth-child(n-1):after {
  content: "/";
  font-size: 1.3rem;
  font-weight: 200;
  color: #ffffff;
  display: inline-block;
  margin: 0 15px;
}

.nav_footer .item_nav:last-child:after {
  content: none;
}

.footer .copy {
  font-size: 1rem;
  font-weight: 100;
  color: #ffffff;
  margin-top: 6px;
}

/* topに戻るボタン */
.btn_top {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.btn_top a {
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  font-weight: 200;
  color: #ffffff;
  background: #5b5e5f;
  display: table;
}

.btn_top a:hover {
  background: #dd2225;
}

.btn_top a:hover:before {
  top: 10px;
}

.btn_top a:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -5px;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff transparent transparent #ffffff;
  display: block;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.btn_top a span {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.footer.type_top .btn_top {
  display: none;
}

@media screen and (max-width: 768px) {
  .footer.type_top {
    position: absolute;
    text-align: center;
    bottom: -100vh;
    z-index: 50;
  }
  .footer.type_top .footer_inner {
    padding: 25px 0;
    overflow: visible;
  }
  .footer.type_top .nav_footer {
    float: none;
  }
  .footer.type_top .copy {
    text-align: center;
    margin-top: 20px;
  }
  .footer_inner {
    width: 90%;
    height: auto;
    max-width: 90%;
    min-width: 90%;
    padding: 25px 0;
  }
  .nav_footer .item_nav {
    display: block;
    margin-bottom: 10px;
  }
  .nav_footer .item_nav > a {
    font-size: 1.3rem;
  }
  .nav_footer .item_nav:nth-child(n-1):after {
    display: none;
  }
  .footer .copy {
    margin-top: 20px;
  }
  /* topに戻るボタン */
  .btn_top {
    width: 50px;
    height: 50px;
    right: -5.5%;
    bottom: 100%;
    margin-bottom: -50px;
  }
  .btn_top a {
    font-size: 1.2rem;
  }
  .btn_top a:hover {
    background: #5b5e5f;
  }
  .btn_top a:hover:before {
    top: 8px;
  }
  .btn_top a:before {
    width: 6px;
    height: 6px;
    top: 8px;
    left: 50%;
    margin-left: -3px;
  }
  .footer.type_top .btn_top {
    display: block;
  }
}

/*
-topicpath
-box_news
-box_news_list
-box_news_article
-box_contact
-box_sitemap
-box_biz_model
-box_prof
-box_history
-box_brandinfo
-その他
*/
/* topicpath
--------------------------------------------------- */
.topicpath {
  width: 100%;
  background: #f4f4f4;
  padding: 8px 0;
}

.topicpath .topicpath_inner {
  width: 100%;
  max-width: 1280px;
  min-width: 980px;
  margin: 0 auto;
}

.topicpath .item_path {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
}

.topicpath .item_path a {
  font-size: 1.2rem;
  font-weight: 400;
}

.topicpath .item_path.current {
  color: #dd2225;
}

.topicpath .item_path:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  right: 16px;
  background: #8f8f8f;
  -ms-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  margin: 0 16px -2px 16px;
}

.topicpath .item_path:last-child:after {
  display: none;
}

@media screen and (max-width: 768px) {
  .topicpath {
    padding: 6px 0;
  }
  .topicpath .topicpath_inner {
    width: 90%;
    max-width: 90%;
    min-width: 90%;
  }
  .topicpath .item_path {
    font-size: 1.1rem;
    font-weight: 400;
  }
  .topicpath .item_path a {
    font-size: 1.1rem;
    font-weight: 400;
  }
  .topicpath .item_path:after {
    height: 10px;
    right: 16px;
    background: #8f8f8f;
    -ms-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    margin: 0 16px -1px 16px;
  }
  .topicpath .item_path:last-child:after {
    display: none;
  }
}

/* box_news
--------------------------------------------------- */
.box_news {
  background: rgba(34, 34, 34, 0.8);
  padding: 30px;
}

.box_news .text_date {
  font-weight: 700;
  color: #ffffff;
  float: left;
}

.box_news .text_detail {
  padding-left: 195px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.box_news .text_detail a {
  font-weight: 300;
  color: #ffffff;
}

.box_news .text_detail:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box_news {
    padding: 3.4%;
  }
  .box_news .text_date {
    font-size: 1.2rem;
    float: none;
    margin-bottom: 2px;
  }
  .box_news .text_detail {
    font-size: 1.2rem;
    padding-left: 0;
    margin-bottom: 10px;
    padding-bottom: 12px;
  }
}

/* box_news_list
--------------------------------------------------- */
.box_news_list {
  padding-bottom: 40px;
}

.box_news_list dl {
  margin-bottom: 15px;
}

.box_news_list dt {
  font-weight: 700;
  float: left;
}

.box_news_list dd {
  padding-left: 195px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
}

.box_news_list dd a {
  font-weight: 300;
}

.box_news_list dd:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box_news_list {
    padding-bottom: 0;
  }
  .box_news_list dl {
    margin-bottom: 10px;
  }
  .box_news_list dt {
    font-size: 1.2rem;
    float: none;
    margin-bottom: 2px;
  }
  .box_news_list dd {
    font-size: 1.2rem;
    padding-left: 0;
    padding-bottom: 12px;
  }
}

/* box_news_article
--------------------------------------------------- */
.box_news_article {
  margin-bottom: 95px;
}

.box_news_article .head {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ebebeb;
  font-size: 2.4rem;
  font-weight: 200;
  letter-spacing: 0.05em;
}

.box_news_article .head span {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.box_news_article .text p {
  margin-bottom: 30px;
}

.box_news_article .photo {
  text-align: center;
}

.box_news_article .photo .multi {
  margin-right: 15px;
}

@media screen and (max-width: 768px) {
  .box_news_article {
    margin-bottom: 30px;
  }
  .box_news_article .head {
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .box_news_article .head span {
    margin-bottom: 0;
  }
  .box_news_article .text p {
    margin-bottom: 25px;
  }
  .box_news_article .photo {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
  }
  .box_news_article .photo .multi {
    margin: 0 0 15px 0;
  }
}

/* box_contact
--------------------------------------------------- */
.box_contact {
  width: 700px;
  margin: 30px auto 65px;
  display: table;
}

.box_contact li {
  width: 250px;
  padding: 0 50px;
  display: table-cell;
  text-align: center;
}

.box_contact li .btn_basic {
  margin-top: 6px;
}

.box_contact li .fax {
  color: #dd2225;
  font-size: 1.8rem;
  margin-top: 12px;
}

.box_contact li .fax:before {
  margin-right: 10px;
  content: url(/resource/img/static/icon/icon_fax.gif);
  position: relative;
  top: 5px;
}

@media screen and (max-width: 768px) {
  .box_contact {
    width: 100%;
    margin: 0 auto 45px;
    display: block;
  }
  .box_contact li {
    width: 100%;
    padding: 0;
    margin-top: 25px;
    display: block;
  }
  .box_contact li .fax {
    margin-top: 0;
  }
}

/* .box_sitemap
--------------------------------------------------- */
.box_sitemap {
  width: 680px;
  margin: 0 auto;
  display: table;
}

.box_sitemap > ul {
  display: table-cell;
  width: 305px;
  padding-left: 35px;
}

.box_sitemap > ul > li {
  margin-bottom: 55px;
}

.box_sitemap > ul > li ul {
  padding: 10px 0 0 30px;
}

.box_sitemap > ul > li ul li {
  margin-bottom: 15px;
}

.box_sitemap > ul:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box_sitemap {
    width: 100%;
    display: block;
  }
  .box_sitemap > ul {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .box_sitemap > ul > li {
    margin-bottom: 40px;
  }
  .box_sitemap > ul > li ul {
    padding: 10px 0 0 25px;
  }
}

/* box_biz_model
--------------------------------------------------- */
.box_biz_model {
  text-align: center;
}

.box_biz_model dt {
  color: #ffffff;
  padding: 11px 0;
  line-height: 1;
  font-size: 1.8rem;
  font-weight: 500;
}

.box_biz_model .bg_b {
  background-color: #222222;
}

.box_biz_model .bg_r {
  background-color: #dd2225;
}

.box_biz_model .img {
  padding: 0 24px 10px;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.box_biz_model .text {
  background-color: #ebebeb;
  padding: 25px 25px 20px;
  position: relative;
  z-index: 0;
  margin: 0 0 40px;
}

.box_biz_model .text:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ebebeb transparent;
}

@media screen and (max-width: 768px) {
  .box_biz_model {
    width: 90%;
    margin: 0 auto;
    padding: 15px 0 20px;
  }
  .box_biz_model dt {
    padding: 8px 0;
    font-size: 1.5rem;
  }
  .box_biz_model .img {
    padding: 0 1% 10px;
  }
  .box_biz_model .text {
    padding: 10px 10px 8px;
    margin: 0;
    text-align: left;
  }
}

/* box_prof
--------------------------------------------------- */
.box_prof {
  padding: 50px 0 95px;
}

.box_prof dt {
  font-weight: 700;
  float: left;
}

.box_prof dd {
  padding-left: 195px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.box_prof dd:last-child {
  margin-bottom: 0;
}

.box_prof dd.no_pb {
  padding-bottom: 0;
}

.box_prof dd .map {
  margin-top: 5px;
}

.box_prof dd .link {
  color: #dd2225;
  width: 140px;
}

.box_prof dd .link a {
  color: #dd2225;
}

.box_prof dd .box_contact {
  width: 600px;
  margin: 0;
}

.box_prof dd .box_contact li {
  padding: 0 70px 0 0;
}

.box_prof dd .box_contact li:first-child {
  width: 210px;
}

.box_prof.narrow {
  width: 700px;
  margin: 0 auto;
  padding: 30px 0 55px;
}

.box_prof.narrow:last-child {
  padding-bottom: 65px;
}

.box_prof.narrow2 {
  width: 700px;
  margin: 0 auto;
  padding: 40px 0 0;
}

@media screen and (max-width: 768px) {
  .box_prof {
    padding: 30px 0 45px;
  }
  .box_prof dt {
    float: none;
    margin-bottom: 2px;
  }
  .box_prof dd {
    padding-left: 0;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .box_prof dd iframe {
    width: 100%;
  }
  .box_prof dd .box_contact {
    width: 100%;
    margin: 0;
  }
  .box_prof dd .box_contact li {
    padding: 0;
  }
  .box_prof dd .box_contact li:first-child {
    width: 100%;
  }
  .box_prof.narrow {
    width: 100%;
    padding: 25px 0 35px;
  }
  .box_prof.narrow:last-child {
    padding-bottom: 50px;
  }
  .box_prof.narrow2 {
    width: 100%;
    padding: 25px 0 0;
  }
}

/* box_history
--------------------------------------------------- */
.box_history {
  border-left: 1px solid #ebebeb;
  margin-top: 55px;
}

.box_history li {
  margin-bottom: 75px;
}

.box_history li .box_2col {
  float: left;
}

.box_history li div {
  margin: 35px 0 0 40px;
  width: 400px;
}

.box_history li div span {
  font-weight: 700;
}

.box_history li div img {
  margin-top: 15px;
}

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

@media screen and (max-width: 768px) {
  .box_history {
    margin-top: 30px;
  }
  .box_history li {
    margin-bottom: 45px;
  }
  .box_history li .box_2col {
    float: none;
  }
  .box_history li div {
    margin: 18px 0 0 6%;
    width: 94%;
  }
  .box_history li div img {
    margin-top: 10px;
  }
}

/* box_brandinfo
--------------------------------------------------- */
.box_brandinfo {
  margin-bottom: 60px;
}

.box_brandinfo dt {
  display: block;
  width: 260px;
  float: left;
  text-align: center;
}
/*20191001 logo変更
.box_brandinfo .the3rdburger {
  text-align: left;
}
*/

.box_brandinfo dd {
  width: 720px;
  float: left;
}

.box_brandinfo dd p {
  margin-bottom: 15px;
}

.box_brandinfo dd .btn_basic {
  margin: 25px 0 0 0;
}

.box_brandinfo dd h4 {
  font-weight: 500;
}

.box_imgset img {
  vertical-align: top;
}
/* 20190318 franchiseボタン追加対応
   20191001 スマホセンタリング対応でmediascreen追加
 */
@media  screen and (min-width: 768px){
  .box_brandinfo div .btn2 {
    /*display: inline-block;*/
    text-align: center;
  }
  .box_brandinfo dd .btn2_left {
    display: inline-block;
  }
  .box_brandinfo dd .btn2_right {
    display: inline-block;
    margin-left: 50px;
  }
}/* 20190318,20191001 franchise end*/

@media screen and (max-width: 768px) {
  .box_brandinfo {
    margin-bottom: 50px;
  }
  .box_brandinfo dt {
    width: 90%;
    margin: 0 auto 30px;
    float: none;
  }
  /* 20191001 */
  .box_brandinfo div .btn2 {
    text-align: center;
  }
  .box_brandinfo dd .btn2_left {
    display: inline-block;
    text-align: center;
  }
  .box_brandinfo dd .btn2_right {
    display: inline-block;
    text-align: center;
  }
  .box_brandinfo dt {
    width: 90%;
    margin: 0 auto 30px;
    float: none;
  }  /*20191001 ここまで*/

  .box_brandinfo .teke-teke img {
    width: 33%;
  }
  .box_brandinfo .the3rdburger {
    text-align: center;
    width: 37%;/*20191001*/
  }
  .box_brandinfo .the3rdburger img {
    width: 60%;
  }
  .box_brandinfo .yakitori-sakigake img {
    width: 33%;
  }
  .box_brandinfo .yarujanai img {
    width: 33%;
  }
  /*20191001*/
  .box_brandinfo .azuma img {
    width: 33%; 
  }
  .box_brandinfo dd {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .box_brandinfo dd .btn_basic {
    margin: 25px auto 0;
  }
  .box_imgset img {
    width: 50%;
  }
}

/* box_brand
--------------------------------------------------- */
.box_brand {
  margin-bottom: 60px;
}

.box_brand dt {
  display: block;
  width: 245px;
  float: left;
  text-align: center;
}

.box_brand dd {
  margin-top: -8px;
  margin-left: 40px;
  width: 695px;
  float: left;
}

@media screen and (max-width: 768px) {
  .box_brand {
    margin-bottom: 60px;
  }
  .box_brand dt {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
  }
  .box_brand dd {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .box_brand img {
    width: 70%;
  }
}

/* box_franchise
--------------------------------------------------- */
.box_franchise {
  width: 600px;
  margin: 55px auto 80px;
}

.box_franchise th {
  width: 221px;
  margin: 0 4px 4px 0;
  font-weight: normal;
  padding: 14px 0;
  float: left;
  text-align: center;
  background: #ededed;
  display: block;
}

.box_franchise td {
  width: 375px;
  padding: 14px 0 14px 40px;
  float: left;
  text-align: left;
  background: #ededed;
  display: block;
}
/* 20190610新規
   20201215高さ修正80->90
*/
.box_franchise .l2 {
  height: 90px;
  display: inline-block;
}
th.l2{
  padding-top:30px;
}
/*20190610 end*/
@media screen and (max-width: 768px) {
  .box_franchise {
    width: 100%;
    margin: 30px auto 50px;
    font-size: 1.2rem;
  }
  .box_franchise th {
    width: 34%;
    margin: 0 2px 2px 0;
    font-weight: normal;
    padding: 9px 0;
    float: left;
    text-align: center;
    background: #ededed;
    display: block;
  }
  .box_franchise td {
    width: 65%;
    padding: 9px 2px 9px 20px;
    float: left;
    text-align: left;
    background: #ededed;
    display: block;
  }
  .box_franchise .fc_category{
    height: 60px;
  }
  .fc_category div{
    display: inline-block
    vertical-align: middle;
    margin-top: 12px;
  }
  .brspnome{
    display:none;
  }
}

/* その他
--------------------------------------------------- */
/* box_img_recruit */
.box_img_recruit {
  position: relative;
}

.box_img_recruit .btn_basic {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -125px;
}

@media screen and (max-width: 768px) {
  .box_img_recruit .btn_basic {
    bottom: 8%;
    margin-left: -29%;
  }
}

/* text_sign */
.text_sign {
  text-align: center;
  margin: 40px 0;
  display: table;
  float: right;
}

.text_sign .text {
  font-size: 2rem;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
}

.text_sign .sign {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .text_sign {
    text-align: center;
    margin: 20px auto;
    display: block;
    padding: 0 5%;
  }
  .text_sign .text {
    font-size: 1.5rem;
    font-weight: 300;
    display: block;
  }
  .text_sign .sign {
    display: block;
    padding-left: 0;
  }
  .text_sign .sign img {
    width: 110px;
  }
}

/* box_entry */
.box_entry {
  text-align: center;
  margin-top: 95px;
}

.box_entry dt {
  margin-bottom: 40px;
}

.box_entry br {
  display: none;
}

@media screen and (max-width: 768px) {
  .box_entry {
    margin-top: 50px;
  }
  .box_entry dt {
    margin-bottom: 20px;
    line-height: 1.5;
  }
  .box_entry br {
    display: block;
  }
  .box_entry dd {
    width: 60%;
    margin: 0 auto;
  }
}

/* text_note */
.text_note dt {
  font-size: 1.2rem;
  line-height: 2;
  margin-top: 25px;
}

.text_note .note {
  font-size: 1.2rem;
  margin-left: 2rem;
  line-height: 2;
}

.text_note .text {
  margin-top: 25px;
}

/* text_center */
.text_center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .text_center.copy {
    width: 85%;
    margin: 0 auto;
  }
}

/* box_narrow */
.box_narrow {
  width: 700px;
  margin: 0 auto;
}

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

/* section */
.section_mt40 {
  margin-top: 40px;
}

.section_mt60 {
  margin-top: 60px;
}

.section_mt75 {
  margin-top: 75px;
}

.section_mt75 .l_imgbox_right,
.section_mt75 .l_imgbox_left {
  margin-top: 0;
  margin-bottom: 55px;
}

.section_mt75 .l_imgbox_right .text,
.section_mt75 .l_imgbox_left .text {
  bottom: 0;
  top: 70px;
}

.section_line_gr {
  margin-bottom: 0;
  padding: 40px 0;
  border-bottom: 1px solid #ebebeb;
}

.section_line_gr:last-child {
  border-bottom: none;
  padding-bottom: 25px;
}

.section_line_gr .box_brandinfo {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .section_mt40 {
    margin-top: 25px;
  }
  .section_mt60 {
    margin-top: 40px;
  }
  .section_mt75 {
    margin-top: 40px;
  }
  .section_mt75 .l_imgbox_right,
  .section_mt75 .l_imgbox_left {
    margin-top: 35px;
    margin-bottom: 0;
  }
}

/* margin, padding */
.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb95 {
  margin-bottom: 95px;
}

.pt25 {
  padding-top: 25px;
}

.pcmt60 {
  margin-top: 60px;
}

.pcmt1em {
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
  .pcmt60 {
    margin-top: 40px;
  }
  .pcmt1em {
    margin-top: 0;
  }
}

/* info_property
--------------------------------------------------- */
.info_property {
  margin: 95px 0 0;
  text-align: center;
}

.info_property_title {
  font-size: 2rem;
}

.info_property_address {
  border-top: solid 1px #000;
  padding: 25px 0 0;
}

.info_property_address li {
  font-size: 1.4rem;
  display: inline-block;
}

.info_property_address li:first-child {
  margin-right: 1em;
}

@media screen and (max-width: 768px) {
  .info_property {
    margin: -10px 0 5px;
    text-align: left;
  }
  .info_property_title {
    font-size: 1.5rem;
  }
  .info_property_address {
    border-top: solid 1px #000;
    padding: 15px 0 0;
  }
  .info_property_address li {
    line-height: 1;
    font-size: 1.2rem;
    display: block;
  }
  .info_property_address li:first-child {
    margin-right: 0;
    padding-bottom: 8px;
  }
}

/*
-animation
-arrow
-btn_box
-btn_basic
*/
/* animation
--------------------------------------------------- */
/* 6px右に動くアニメーション */
.anim_r6:after {
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.anim_r6:hover:after {
  margin-right: -6px;
}

/* 6px左に動くアニメーション */
.anim_l6:after {
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.anim_l6:hover:after {
  margin-left: -6px;
}

/* 6px下に動くアニメーション */
.anim_b6:after {
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.anim_b6:hover:after {
  margin-bottom: -6px;
}

@media screen and (max-width: 768px) {
  /* 基本、アニメーションしない */
  .anim_r6:hover:after {
    margin-right: 0;
  }
  .anim_l6:hover:after {
    margin-left: 0;
  }
  .anim_b6:hover:after {
    margin-bottom: 0;
  }
}

/* arrow
--------------------------------------------------- */
/* 右向き矢印(文字色に合わせる) */
.icon_arrow_r {
  position: relative;
}

.icon_arrow_r:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: currentColor currentColor transparent transparent;
  -ms-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

/* 左向き矢印(文字色に合わせる) */
.icon_arrow_l {
  position: relative;
}

.icon_arrow_l:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: currentColor transparent transparent currentColor;
  -ms-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/* 下向き矢印(文字色に合わせる) */
.icon_arrow_b {
  position: relative;
}

.icon_arrow_b:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  position: absolute;
  bottom: 10%;
  right: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent currentColor currentColor;
  -ms-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/* 三角(赤) */
.icon_triangle {
  position: relative;
}

.icon_triangle:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -15px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #dd2225 transparent transparent transparent;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* btn_box
--------------------------------------------------- */
.btn_box {
  border: 1px solid #adb4b8;
  overflow: hidden;
}

.btn_box a {
  height: 100%;
  display: block;
  background: rgba(34, 34, 34, 0.8);
  text-align: center;
  position: relative;
}

.btn_box a:hover {
  background: #222222;
}

.btn_box a:hover .img img {
  margin-left: 6px;
  vertical-align: bottom;
}

.btn_box .img {
  width: 100%;
  position: relative;
}

.btn_box .img img {
  position: absolute;
  left: 50%;
  top: 0;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  transform: translateX(-50%);
  display: inline-block;
}

.btn_box.type_brand {
  height: 320px;
}

.btn_box.type_brand .logo {
  margin: 0 auto;
}

.btn_box.type_brand .logo img {
  width: 100%;
  height: auto;
}

.btn_box.type_brand .logo.brand1 {
  /*20191001
  width: 105px;*/
  width: 71px;
  margin-top: 4px;
}

.btn_box.type_brand .logo.brand2 {
  /*20191001width: 170px;*/
  width: 66px;
  margin-top: 8px;
}

.btn_box.type_brand .logo.brand3 {
  /*20191001width: 90px;*/
  width: 69px;
  margin-top: 0px;
}
/*20191001追加*/
.btn_box.type_brand .logo.brand5 {
  width: 30%;
  margin-top:8px;
}

.btn_box.type_brand .text {
  font-size: 1.2rem;
  font-weight: 300;
  color: #ffffff;
    /*20191001
  padding: 40px 10px 40px 10px;*/
  height: 90px;
  padding: 5px 10px 10px 5px;
}

.btn_box.type_brand .img {
  /*20191001height: 138px;*/
  height: 228px;
  position: absolute;
  bottom: 0;
}

.btn_box.type_brand .img img {
  vertical-align: baseline;
}

.btn_box.type_company {
  height: 320px;
}

.btn_box.type_company .text {
  color: #ffffff;
  padding: 29px 10px 20px;
}

.btn_box.type_company .text .title {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.3;
}

.btn_box.type_company .text .subtext {
  font-size: 1.4rem;
  font-weight: 200;
  line-height: 1.5;
}

.btn_box.type_company .img {
  height: 228px;
}

/*20200928*/
.logo_ghost{
  width: 160px!important;
  margin-left: -44px;
}

@media screen and (max-width: 768px) {
  .btn_box a:hover .img img {
    margin-left: 0;
  }
  .btn_box .img img {
    position: static;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .btn_box.type_brand {
    height: auto;
    margin-top: 25px;
  }
  .btn_box.type_brand .logo.brand1 {
    /*20191001width: 95px;*/
    width:75px;
    margin-top: 4px;
  }
  .btn_box.type_brand .logo.brand2 {
    /*20191001width: 150px;*/
    width: 68px;
  }
  .btn_box.type_brand .logo.brand3 {
    /*20191001width: 96px;*/
    width: 72px;
    margin-top: 0;
  }
  /*20191001*/
  .btn_box.type_brand .logo.brand5 {
    width: 73px;
    margin-top: 4px;
  }
  .btn_box.type_brand .text {
    /*20191001padding: 30px 3% 30px 3%;*/
    padding: 3px 3% 3px 3%;
  }
  .btn_box.type_brand .img {
    height: auto;
    position: static;
  }
  .btn_box.type_brand .img img {
    display: inline;
    vertical-align: bottom;
  }
  .btn_box.type_company {
    height: auto;
  }
  .btn_box.type_company .text {
    padding: 18px 3% 20px;
  }
  .btn_box.type_company .text .title {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .btn_box.type_company .text .subtext {
    font-size: 1.2rem;
    line-height: 1.7;
  }
  .btn_box.type_company .img {
    height: auto;
  }
  /*20200928*/
  .logo_ghost{
    width: 200px!important;
    margin-left: -70px;
  }
}

/* btn_basic
--------------------------------------------------- */
.btn_basic {
  width: 250px;
  margin: 30px auto;
}

.btn_basic a {
  font-size: 1.8rem;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  background: #5b5e5f;
  display: block;
  padding: 10px;
}

.btn_basic a:hover {
  background: #222222;
}

@media screen and (max-width: 768px) {
  .btn2{
    padding-left: 70px;
  }
  .btn_basic {
    width:58%;
  }
  /*20190326 add*/
  .btn2_left,.btn2_right{
    width:80%;
  }
  /*20190326 end*/
  .btn_basic a {
    font-size: 1.2rem;
  }
}
/* btn_wide(franchise)
--------------------------------------------------- */
.btn_wide {
  width: 500px;
  margin: 30px auto;
}
.btn_wide a {
  font-size: 1.8rem;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  background: #5b5e5f;
  display: block;
  padding: 10px;
}

.btn_wide a:hover {
  background: #222222;
}

@media screen and (max-width: 768px) {
  .btn_wide {
    width: 80%;
  }
  .btn_wide a {
    font-size: 1rem;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    background: #5b5e5f;
    display: block;
    padding: 10px;
  }
}

/*
-title_box
-title_sec
-title_redline
-title_sub_bold
-title_bl
*/
/* title_box
--------------------------------------------------- */
.title_box {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 90px;
}

.title_box .img {
  width: 100%;
  margin: 0 auto;
}

.title_box .img img {
  vertical-align: middle;
}

.title_box .text {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.title_box .text .text_main {
  font-size: 6rem;
  line-height: 1.3;
  font-weight: 200;
  color: #ffffff;
  display: block;
  margin-bottom: 5px;
}

.title_box .text .text_main.line_red {
  margin-bottom: 20px;
}

.title_box .text .text_main.font_bl {
  color: #000000;
}

.title_box .text .text_sub {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.3;
  color: #ffffff;
  position: relative;
  display: block;
}

.title_box .text .line_red {
  display: block;
}

.title_box .text .line_red:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  border-top: 1px solid #dd2225;
  background: transparent;
  position: relative;
  left: 50%;
  margin: 20px 0 24px -75px;
}

.title_box.bg_black {
  background-color: #000000;
}

.title_box.bg_beige {
  background-color: #f2f0e9;
}

.title_box.bg_white {
  background-color: #f2f0e9;
}

.title_box.no_mb {
  margin-bottom: 0;
}

.title_noimg {
  margin-bottom: 0;
}

.title_noimg .text .text_main {
  color: #222222;
  letter-spacing: 0.1em;
  font-weight: 300;
}

.title_noimg .text .text_main.white {
  color: #ffffff;
}

.title_noimg .text .text_main.white.shadow {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.title_noimg .text .text_sub {
  color: #222222;
  letter-spacing: 0.1em;
  font-weight: 300;
  font-size: 1.8rem;
}

.title_noimg .text .text_sub.white {
  color: #ffffff;
}

.title_noimg .text .text_sub.white.shadow {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  .title_box {
    height: auto;
    margin-bottom: 50px;
  }
  .title_box .img {
    width: 100%;
  }
  .title_box .text .text_main {
    font-size: 3rem;
    line-height: 1.3;
    margin-bottom: 5px;
  }
  .title_box .text .text_main.line_red {
    margin-bottom: 12px;
  }
  .title_box .text .text_sub {
    font-size: 1.2rem;
  }
  .title_box .text .line_red {
    display: block;
  }
  .title_box .text .line_red:after {
    content: "";
    display: block;
    width: 74px;
    margin: 12px 0 12px -37px;
  }
  .title_noimg {
    height: 150px;
    margin-bottom: 0;
  }
}

/* title_sec
--------------------------------------------------- */
.title_sec {
  font-size: 4.4rem;
  font-weight: 300;
  letter-spacing: .1em;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  margin-bottom: 25px;
}

.title_sec span {
  font-size: 1.4rem;
  display: block;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .title_sec {
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .title_sec span {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}

/* title_redline
--------------------------------------------------- */
.title_redline {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 11px;
  padding-left: 15px;
  border-left: 12px solid #dd2225;
  display: block;
}

.title_redline.mb25 {
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .title_redline {
    font-size: 1.8rem;
    font-weight: 400;
    padding-left: 10px;
    border-left: 9px solid #dd2225;
  }
}

/* title_redline_bold
--------------------------------------------------- */
.title_redline_bold {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 11px;
  padding-left: 5px;
  border-left: 8px solid #dd2225;
  display: block;
}

.title_redline_bold.mb25 {
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .title_redline_bold {
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 7px;
    border-left: 5px solid #dd2225;
  }
}

/* title_sub_bold
--------------------------------------------------- */
.title_sub_bold {
  font-weight: 700;
}

.title_sub_bold2 {
  font-weight: 700;
  font-size: 1.6rem;
  width: 700px;
  margin: 40px auto 16px;
}

@media screen and (max-width: 768px) {
  .title_sub_bold2 {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.title_sub_bold3 {
  font-weight: 700;
  font-size: 1.6rem;
}
.title_sub_bold4 {/*20191217*/
  font-weight:700;
  font-size:2rem;
}
.title_sub_bold5 {/*20191217*/
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .title_sub_bold3 {
    font-size: 1.4rem;
  }
  .title_sub_bold4 {/*20191217*/
    font-size:1.6rem;
    font-weight: 700;
  }
  .title_sub_bold5 {
    font-size: 1.4rem;
  }
}

/* title_bl
--------------------------------------------------- */
.title_bl {
  font-size: 4rem;
  font-weight: 200;
  margin-bottom: 12px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .title_bl {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 300;
    margin-bottom: 12px;
  }
}

.title_bl_sizeS {
  font-size: 2.5rem;
  font-weight: 200;
  margin-bottom: 12px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .title_bl_sizeS {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 300;
    margin-bottom: 12px;
  }
}

/* title_brand
--------------------------------------------------- */
.title_brand {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-left: 16px;
  margin: 0 0 15px;
  color: #222;
  vertical-align: middle;
  text-decoration: none;
}

.title_brand:before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  vertical-align: middle;
}

.arrow:before {
  left: 0;
  width: 5px;
  height: 5px;
  border-top: 3px solid #dd2225;
  border-right: 3px solid #dd2225;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .title_brand {
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 14px;
    margin: 15px 0 10px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
  }
  .title_brand:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    vertical-align: middle;
  }
  .title_brand p {
    font-size: 1.2rem;
  }
  .arrow:before {
    left: 0;
    width: 5px;
    height: 5px;
    border-top: 3px solid #dd2225;
    border-right: 3px solid #dd2225;
    transform: rotate(45deg);
  }
}

/* title_bold
--------------------------------------------------- */
.title_bold {
  font-size: 3rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .title_bold {
    font-size: 1.9rem;
    font-weight: bold;
  }
}

/*
-scroll_wrap
-content_scroll
-pager
*/
/* scroll_wrap
--------------------------------------------------- */
.scroll_wrap {
  position: relative;
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  .scroll_wrap {
    padding-bottom: 176px;
    margin-top: 60px;
    position: static;
  }
}

/* content_scroll
--------------------------------------------------- */
.content_scroll .box_scroll {
  opacity: 0;
  position: relative;
}

.content_scroll .box_scroll .box_inner {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-45%);
  -moz-transform: translateY(-45%);
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
}

.content_scroll .btn_scroll {
  font-size: 2.4rem;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  bottom: 15%;
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.content_scroll .btn_scroll:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  border-color: transparent transparent #ffffff #ffffff;
  border-style: solid;
  border-width: 3px;
  -ms-transform: translateX(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

.box_movie {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: -1;
}

.box_movie .movie_sp {
  background: #000000 url("/resource/img/top/bg_top_sp.jpg") no-repeat;
  background-size: 100%;
  z-index: -100;
  width: 100%;
  height: 100%;
}

.box_movie .movie_sp .movie_play {
  width: 60px;
  position: absolute;
  z-index: 80;
  left: 50%;
  margin: -30px 0 0 -30px;
}

.box_movie .movie_sp .movie_play img {
  width: 100%;
  height: auto;
}

.mbYTP_wrapper:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  background: transparent url("/resource/img/top/bg_overlay.png") repeat;
  z-index: 50;
}

@media screen and (max-width: 768px) {
  .content_scroll {
    top: 100vh;
    position: relative;
    z-index: 5;
  }
  .content_scroll .box_scroll {
    opacity: 1 !important;
    margin-bottom: 40px;
  }
  .content_scroll .box_scroll .box_inner {
    top: 0;
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .content_scroll .box_scroll:last-child {
    margin-bottom: 0;
  }
  .content_scroll .btn_scroll {
    font-size: 1.2rem;
    font-weight: 300;
    bottom: 150px;
  }
  .content_scroll .btn_scroll:after {
    width: 10px;
    height: 10px;
    bottom: -12px;
    border-width: 2px;
  }
  .box_movie {
    z-index: 1;
  }
  .mbYTP_wrapper {
    display: none;
  }
}

.player {
  width: 100%;
  height: 500px;
}

/* pager
--------------------------------------------------- */
.pager_type1 {
  position: fixed;
  left: 4%;
  z-index: 80;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pager_type1 .item_pager_top {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #ffffff;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 20px;
  cursor: pointer;
}

.pager_type1 .item_pager_top:hover {
  background: #ffffff;
}

.pager_type1 .item_pager_top.active {
  background: #ffffff;
}

.pager_type1 .item_pager_top:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .pager_type1 {
    display: none;
  }
}

/* base
------------------------------------------------ */
.type_recruit {
  background-color: #f1f1f1;
}

.type_recruit .l_box {
  text-align: center;
}

.type_recruit .bg_black {
  background-color: #000000;
}

.type_recruit .bg_beige {
  background-color: #f2f0e9;
}

.type_recruit .bg_white {
  background-color: #ffffff;
}

/* nav
------------------------------------------------ */
.nav_scroll {
  position: fixed;
  z-index: 80;
  margin-top: -120px;
  border-bottom: 1px solid #929292;
}

.nav_scroll .item_nav {
  border: 1px solid #929292;
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .nav_scroll {
    display: none;
  }
}

/* title
------------------------------------------------ */
.title_recruit {
  text-align: center;
  margin: 60px 0;
}

.title_recruit img {
  width: 225px;
  height: auto;
}

.title_interview {
  margin-bottom: 100px;
}

.title_others {
  text-align: center;
  margin: 100px 0 60px;
}

.title_others img {
  width: 312px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .title_recruit {
    margin: 40px 0 25px;
  }
  .title_recruit img {
    width: 134px;
  }
  .title_interview {
    margin-bottom: 50px;
  }
  .title_others {
    margin: 40px 0 25px;
  }
  .title_others img {
    width: 186px;
  }
}

/* box_profile
------------------------------------------------ */
.box_profile .text {
  text-align: left;
}

.l_box img {
  width: 100%;
  height: auto;
}

.l_box .box_profile {
  position: relative;
}

.l_box .box_profile .img img {
  width: 100%;
}

.l_box .box_profile .text {
  width: 450px;
  position: absolute;
  bottom: 50%;
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 5;
}

.l_box .box_profile.side_left .text {
  left: 5%;
}

.l_box .box_profile.side_right .text {
  right: 5%;
}

.l_box .btn_box_name .text_name img {
  width: 160px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .l_box .box_profile .text {
    width: 90%;
    bottom: 20px;
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 5;
  }
  .l_box .box_profile.side_left .text {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .l_box .box_profile.side_right .text {
    right: 50%;
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  .l_box .btn_box_name .text_name img {
    width: 40%;
    max-width: 160px;
    height: auto;
  }
}

@media screen and (min-width: 1280px) {
  .l_box .box_profile.side_left .text {
    left: 10%;
  }
  .l_box .box_profile.side_right .text {
    right: 10%;
  }
}

.box_profile a:hover .icon_arrow_r:after {
  margin-right: -6px;
}

.box_profile .title {
  padding: 6%;
  text-align: center;
}

.box_profile .title img {
  width: auto;
}

.box_profile.profile1 .title {
  background: rgba(221, 56, 83, 0.9);
}

.box_profile.profile2 .title {
  background: rgba(252, 130, 165, 0.9);
}

.box_profile.profile3 .title {
  background: rgba(173, 180, 184, 0.9);
  padding: 8.5% 6%;
}

.box_profile .img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .box_profile a:hover .icon_arrow_r:after {
    margin-right: 0;
  }
  .box_profile.profile1 .title {
    background: rgba(221, 56, 83, 0.9);
  }
  .box_profile.profile1 .title img {
    width: 90%;
    max-width: 380px;
  }
  .box_profile.profile2 .title {
    background: rgba(252, 130, 165, 0.9);
  }
  .box_profile.profile2 .title img {
    width: 80%;
    max-width: 330px;
  }
  .box_profile.profile3 .title {
    background: rgba(173, 180, 184, 0.9);
    padding: 7% 6%;
  }
  .box_profile.profile3 .title img {
    width: 46%;
    max-width: 237px;
  }
}

/* btn_box_name
------------------------------------------------ */
.btn_box_name {
  background: #ffffff;
  position: relative;
  padding: 30px 25px;
}

.btn_box_name a {
  display: block;
}

.btn_box_name .text_link {
  width: 145px;
  position: absolute;
  top: 50%;
  right: 70px;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn_box_name .text_link img {
  width: 100%;
  height: auto;
}

.btn_box_name .text_name img {
  width: 130px;
  height: auto;
}

.btn_box_name.long {
  padding: 50px 25px;
}

.btn_box_name.long .text_link {
  width: 225px;
  right: 85px;
}

@media screen and (max-width: 768px) {
  .btn_box_name {
    padding: 5%;
  }
  .btn_box_name .text_link {
    width: 30%;
    max-width: 145px;
    right: 15%;
  }
  .btn_box_name .text_name img {
    width: 60%;
    max-width: 130px;
  }
  .btn_box_name.long {
    padding: 9% 5%;
  }
  .btn_box_name.long .text_link {
    width: 51%;
    max-width: 240px;
    right: 25%;
  }
}

.btn_box_name {
  background: #ffffff;
}

.btn_box_name.box_red {
  color: #de3f59;
}

.btn_box_name.box_red a {
  color: #de3f59;
}

.btn_box_name.box_pink {
  color: #fc8dac;
}

.btn_box_name.box_pink a {
  color: #fc8dac;
}

.btn_box_name.box_gray {
  color: #adb4b8;
}

.btn_box_name.box_gray a {
  color: #adb4b8;
}

.btn_box_name.box_orange {
  color: #f2b472;
}

.btn_box_name.box_purple {
  color: #aca6d8;
}

.btn_box_name.box_aqua {
  color: #47c5cf;
}

.btn_box_name.box_blue {
  color: #478acf;
}

.btn_box_name.box_green {
  color: #a1bd09;
}

.btn_box_name.box_brown {
  color: #9c8879;
}

.btn_box_name.box_yellow {
  color: #ccac19;
}

/* btn_recruit
------------------------------------------------ */
.btn_recruit {
  width: 18%;
  min-width: 200px;
  max-width: 250px;
  display: block;
}

.btn_recruit a {
  background: #dd2225;
  color: #ffffff;
  display: block;
  padding: 7px 10px 8px;
}

.btn_recruit a img {
  width: 140px;
  height: auto;
}

.btn_recruit a:hover {
  background: #222222;
}

@media screen and (max-width: 768px) {
  .btn_recruit {
    width: 50%;
  }
  .btn_recruit a {
    padding: 7px 10px 8px;
  }
}

/* box_banner
------------------------------------------------ */
.box_banner {
  margin: 60px 0;
  position: relative;
}

.box_banner.banner_recruit1 .btn_recruit {
  position: absolute;
  left: 50%;
  bottom: 30%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.box_banner.banner_recruit2 .btn_wrap_recruit {
  position: absolute;
  left: 50%;
  bottom: 20%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.box_banner.banner_recruit2 .btn_wrap_recruit .btn_recruit {
  display: inline-block;
  float: left;
  margin-right: 2%;
}

.box_banner.banner_recruit2 .btn_wrap_recruit .btn_recruit:last-child {
  margin: 0;
}

.box_banner.banner_recruit3 .btn_recruit {
  position: absolute;
  left: 50%;
  bottom: 14%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .box_banner {
    margin: 8% 0;
  }
  .box_banner.banner_recruit1 .btn_recruit {
    bottom: 25%;
  }
  .box_banner.banner_recruit2 .btn_wrap_recruit {
    width: auto;
    bottom: 10%;
  }
  .box_banner.banner_recruit2 .btn_wrap_recruit .btn_recruit {
    float: none;
    margin: 0 0 4% 0;
  }
  .box_banner.banner_recruit2 .btn_wrap_recruit .btn_recruit:last-child {
    margin: 0;
  }
  .box_banner.banner_recruit3 .btn_recruit {
    bottom: 10%;
  }
}

/* box_shopinfo
--------------------------------------------------- */
.box_shopinfo {
  width: 700px;
  margin: 0 auto;
  background-color: #ebebeb;
  padding: 30px 50px;
}

.box_shopinfo dt {
  font-weight: 700;
  float: left;
}

.box_shopinfo dd {
  padding-left: 115px;
  margin-bottom: 7px;
}

.box_shopinfo dd:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .box_shopinfo {
    width: 100%;
    padding: 20px;
  }
  .box_shopinfo dt {
    float: none;
    margin-bottom: 2px;
  }
  .box_shopinfo dd {
    padding-left: 0;
    margin-bottom: 15px;
  }
}

/* box_qa
------------------------------------------------ */
.type_qa {
  padding-top: 50px;
}

.box_qa {
  margin-top: 50px;
}

.box_qa dt {
  background-color: #4d4d4d;
  padding: 20px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 20px;
  display: block;
  cursor: pointer;
}

.box_qa dt span {
  margin-left: 30px;
  display: block;
  position: relative;
  padding-right: 30px;
}

.box_qa dt span:before {
  content: "Q";
  margin: 0 20px 0 -30px;
}

.box_qa dt span:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  bottom: 50%;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent currentColor currentColor;
  -ms-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  margin-top: -6px;
}

.box_qa dt.active span:after {
  border-color: currentColor currentColor transparent transparent;
  margin-top: 0;
}

.box_qa dd {
  display: none;
  background-color: #ffffff;
  padding: 20px;
}

.box_qa dd span {
  margin-left: 30px;
  display: block;
  position: relative;
}

.box_qa dd span:before {
  content: "A";
  margin: 0 20px 0 -30px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .type_qa {
    padding-top: 20px;
  }
  .box_qa {
    margin-top: 20px;
  }
  .box_qa dt {
    padding: 12px;
    margin-top: 15px;
    font-weight: 400;
  }
  .box_qa dt span {
    margin-left: 22px;
    padding-right: 27px;
  }
  .box_qa dt span:before {
    margin: 0 12px 0 -22px;
    font-weight: 700;
  }
  .box_qa dt span:after {
    width: 10px;
    height: 10px;
    right: 3px;
    margin-top: -5px;
  }
  .box_qa dd {
    padding: 12px;
  }
  .box_qa dd span {
    margin-left: 22px;
  }
  .box_qa dd span:before {
    margin: 0 12px 0 -22px;
  }
}

/* box_r_about
------------------------------------------------ */
.box_r_about {
  margin-top: 90px;
}

.box_r_about p {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .box_r_about {
    margin-top: 45px;
  }
  .box_r_about h3 {
    width: 53%;
    margin: 0 auto 25px;
  }
  .box_r_about p {
    margin-top: 20px;
  }
  .box_r_about:last-child h3 {
    width: 37%;
  }
}

/* box_background
------------------------------------------------ */
.box_background {
  width: 980px;
  margin: 30px auto;
  padding: 30px;
  background-color: #ffffff;
}

.box_background dt {
  display: table-cell;
  width: 220px;
}

.box_background dd {
  display: table-cell;
  width: 700px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .box_background {
    width: 100%;
    margin: 15px auto;
    padding: 18px 15px 15px;
  }
  .box_background dt {
    display: block;
    width: 260px;
    margin: 0 auto 10px;
  }
  .box_background dd {
    display: block;
    width: 100%;
  }
}

/* box_iv_article
------------------------------------------------ */
.type_iv {
  padding-top: 30px;
}

.type_iv .l_imgbox_right {
  margin-top: 100px;
}

.type_iv .l_imgbox_right .text {
  width: 400px;
  top: 0;
}

.type_iv .l_imgbox_right .text h4 {
  margin-bottom: 30px;
}

.type_iv .l_imgbox_left {
  margin-top: 100px;
}

.type_iv .l_imgbox_left .text {
  width: 400px;
  top: 0;
}

.type_iv .l_imgbox_left .text h4 {
  margin-bottom: 30px;
}

.type_iv .holiday.original_mt {
  margin-top: 170px;
}

.type_iv .holiday .text {
  width: 460px;
  padding: 30px;
}

.type_iv .holiday .text_white {
  color: #ffffff;
}

.type_iv .holiday.bg_red {
  background-color: #dd3853;
}

.type_iv .holiday.bg_pink {
  background-color: #fc82a5;
}

.type_iv .holiday.bg_orange {
  background-color: #f1993b;
}

.type_iv .holiday.bg_purple {
  background-color: #8b82c9;
}

.type_iv .holiday.bg_aqua {
  background-color: #40c3cd;
}

.type_iv .holiday.bg_blue {
  background-color: #4086cd;
}

.type_iv .holiday.bg_green {
  background-color: #9ebb00;
}

.type_iv .holiday.bg_brown {
  background-color: #e5bd00;
}

.type_iv .holiday.bg_yellow {
  background-color: #caa911;
}

.type_iv2 {
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .type_iv {
    padding-top: 10px;
  }
  .type_iv .l_imgbox_right {
    margin-top: 20px;
  }
  .type_iv .l_imgbox_right .text {
    width: 100%;
  }
  .type_iv .l_imgbox_right .text h4 {
    margin: 5px auto 15px;
  }
  .type_iv .l_imgbox_left {
    margin-top: 20px;
  }
  .type_iv .l_imgbox_left .text {
    width: 100%;
  }
  .type_iv .l_imgbox_left .text h4 {
    margin: 5px auto 15px;
  }
  .type_iv .l_imgbox_left .text .orginal_wid {
    width: 80%;
  }
  .type_iv .holiday.original_mt {
    margin-top: 20px;
  }
  .type_iv .holiday .text {
    width: 100%;
    padding: 15px;
  }
  .type_iv .holiday .text h4 {
    width: 153px;
  }
  .type_iv2 {
    padding-top: 20px;
  }
}

/* box_questionary
------------------------------------------------ */
.box_questionary {
  text-align: center;
  padding: 50px 0;
}

.box_questionary:nth-child(even) {
  background-color: #ffffff;
}

.box_questionary.first {
  padding-top: 90px;
}

.box_questionary h3 {
  margin-bottom: 40px;
}

.box_questionary h3 img {
  width: 400px;
  height: auto;
}

.box_questionary h3 img.text12 {
  width: 588px;
}

.box_questionary h3 img.text07 {
  width: 449px;
}

.box_questionary .voice {
  width: 660px;
  margin: 40px auto 0;
  padding: 25px 20px;
  font-size: 1.8rem;
  text-align: center;
  background-color: #e4f5f9;
  border-radius: 40px;
  position: relative;
}

.box_questionary .voice.bg_light {
  background-color: #f4fdff;
}

.box_questionary .voice.bg_light:before {
  border-color: transparent transparent transparent #f4fdff;
}

.box_questionary .voice:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 0 16px;
  border-color: transparent transparent transparent #e4f5f9;
  position: absolute;
  top: -15px;
  left: 85px;
}

.box_questionary .text {
  width: 980px;
  margin: 0 auto;
}

.box_questionary .text li {
  width: 470px;
  height: 120px;
  float: left;
  font-size: 1.8rem;
  padding: 0 20px;
  display: table;
}

.box_questionary .text li p {
  display: table-cell;
  vertical-align: middle;
}

.box_questionary .text li.bg_pinkimg {
  background: url(/resource/img/recruit/questionary/bg_text_pink.jpg);
}

.box_questionary .text li.bg_blueimg {
  background: url(/resource/img/recruit/questionary/bg_text_blue.jpg);
}

.box_questionary .text li.bg_orangeimg {
  background: url(/resource/img/recruit/questionary/bg_text_orange.jpg);
}

.box_questionary .text li.bg_greenimg {
  background: url(/resource/img/recruit/questionary/bg_text_green.jpg);
}

.box_questionary .text li:nth-child(2),
.box_questionary .text li:nth-child(4) {
  float: right;
}

.box_questionary .text li:nth-child(3),
.box_questionary .text li:nth-child(4) {
  margin-top: 30px;
}

.box_questionary .text.bg_gr li {
  background-color: #f4f4f4;
}

.box_questionary .text_type2 {
  width: 980px;
  margin: 0 auto 40px;
  padding: 0 2px 2px 2px;
}

.box_questionary .text_type2.bg_red {
  background: #ffdfe4;
}

.box_questionary .text_type2.bg_blue {
  background: #d7f3ef;
}

.box_questionary .text_type2.bg_orange {
  background: #ffead3;
}

.box_questionary .text_type2.bg_green {
  background: #e7f0b3;
}

.box_questionary .text_type2.bg_purple {
  background: #d2cef6;
}

.box_questionary .text_type2 .title {
  padding: 15px 0;
}

.box_questionary .text_type2 ul {
  background: #ffffff;
  padding: 25px 0 25px 180px;
}

.box_questionary .text_type2 ul li {
  text-align: left;
  margin-left: 20px;
  font-size: 1.8rem;
}

.box_questionary .text_type2 ul li:before {
  content: "・";
  vertical-align: top;
  margin: 0 0 0 -14px;
}

@media screen and (max-width: 768px) {
  .box_questionary {
    padding: 40px 0;
  }
  .box_questionary.first {
    padding-top: 50px;
  }
  .box_questionary h3 img {
    width: 90%;
  }
  .box_questionary h3 img.text12,
  .box_questionary h3 img.text07 {
    width: 90%;
  }
  .box_questionary .img {
    width: 93%;
    margin: 0 auto;
  }
  .box_questionary .voice {
    width: 90%;
    margin: 32px auto 0;
    padding: 15px 20px;
    font-size: 1.4rem;
  }
  .box_questionary .voice:before {
    left: 50px;
  }
  .box_questionary .text {
    width: 90%;
  }
  .box_questionary .text li {
    width: 100%;
    height: auto;
    float: none;
    font-size: 1.4rem;
    padding: 15px;
    display: block;
    margin-top: 25px;
  }
  .box_questionary .text li p {
    display: block;
  }
  .box_questionary .text li br {
    display: none;
  }
  .box_questionary .text li:nth-child(2),
  .box_questionary .text li:nth-child(4) {
    float: none;
  }
  .box_questionary .text li:nth-child(3),
  .box_questionary .text li:nth-child(4) {
    margin-top: 25px;
  }
  .box_questionary .text_type2 {
    width: 90%;
    margin: 0 auto 25px;
  }
  .box_questionary .text_type2 .title {
    padding: 14px 0;
  }
  .box_questionary .text_type2 ul {
    padding: 16px;
  }
  .box_questionary .text_type2 ul li {
    font-size: 1.4rem;
    margin-left: 16px;
  }
  .box_questionary .text_type2 ul li:before {
    margin: 0 0 0 -12px;
  }
}

/*
-list_num
-list_red_sq
-list_aster
*/
/* list_num
--------------------------------------------------- */
.list_num {
  margin-top: 25px;
}

.list_num li {
  list-style: decimal;
  margin-left: 2rem;
}

.list_num li span {
  vertical-align: super;
  font-size: 0.9rem;
}

/* list_red_sq
--------------------------------------------------- */
.list_red_sq {
  margin-left: 14px;
}

.list_red_sq li {
  margin-top: 2px;
  display: block;
}

.list_red_sq li:before {
  content: "■";
  color: #dd2225;
  font-size: 1.1rem;
  vertical-align: middle;
  margin: 0 4px 0 -14px;
}

.list_red_sq dt {
  margin-top: 25px;
  font-weight: 500;
}

.list_red_sq dt:before {
  content: "■";
  color: #dd2225;
  font-size: 1.1rem;
  vertical-align: middle;
  margin: 0 4px 0 -14px;
}

.icon_red_sq:before {
  content: "■";
  color: #dd2225;
  font-size: 1.1rem;
  vertical-align: middle;
  margin: 0 4px 0 0;
}

/* list_aster
--------------------------------------------------- */
.list_aster {
  margin-left: 16px;
}

.list_aster li {
  margin: 0 0 12px;
}

.list_aster li:before {
  content: "※";
  color: #222222;
  margin: 0 2px 0 -16px;
}

/* PISP 202106
---------------------------------------------------- */
h1.pageHead{
  font-size: xx-large;
  margin-bottom: 20px;
  letter-spacing: 3px;

}
.pageHead br {
  display: none;
}

@media screen and (max-width: 768px) {
  .pageHead{
    line-height: 20px;
    letter-spacing: 1px;
  }
  .pageHead br {
    display: block;
  }
}
.pispPreparationHead{
  font-size: x-large;
  margin-bottom: 25px;
  letter-spacing: 3px;
}
.pageLead{
  color: dimgray;
  line-height: 35px;
  font-size: larger;
  letter-spacing: 1px;
}