@charset "UTF-8";
.hide {
  display: none;
}

.block {
  display: block;
}

@media screen and (max-width: 1270px) {
  .pc-hide {
    display: none !important;
  }
  .pc-block {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .tab-hide {
    display: none !important;
  }
  .tab-block {
    display: block !important;
  }
}
@media screen and (max-width: 480px) {
  .sp-hide {
    display: none !important;
  }
  .sp-block {
    display: block !important;
  }
}
.slick {
  width: 68.5%;
}
@media screen and (max-width: 1270px) {
  .slick {
    width: 100%;
  }
}

.slick__bg {
  background-size: cover;
  background-position: center;
  border: #121212 solid 8px;
  border-radius: 10px;
  width: 100%;
  height: 35.417vw;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .slick__bg {
    height: 500px;
  }
}
@media screen and (max-width: 480px) {
  .slick__bg {
    height: 350px;
  }
}

.slick__bg01 {
  background-image: url(../img/DSC07431.jpg);
}

.slick__bg02 {
  background-image: url(../img/DSC07456.jpg);
}

.slide-dots {
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  display: flex;
}
.slide-dots li {
  padding: 0 10px;
  display: inline-block;
}
.slide-dots li:first-child {
  padding-left: 0;
}
.slide-dots li button {
  position: relative;
  padding: 0 5px;
  text-indent: -9999px;
}
.slide-dots li button::before {
  content: "";
  cursor: pointer;
  left: 0;
  top: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #CCCCCC;
  border: #121212 solid 2px;
}
.slide-dots .slick-active button::before {
  content: "";
  cursor: pointer;
  left: 0;
  top: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
  border: #121212 solid 2px;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.anotherpage_wrap {
  display: flex;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap {
    flex-direction: column;
  }
}
.anotherpage_wrap .anotherpage_hero {
  width: 50%;
  height: 750px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap .anotherpage_hero {
    width: 100%;
  }
}
.anotherpage_wrap .anotherpage_hero .ttl {
  display: none;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap .anotherpage_hero .ttl {
    display: block;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    color: #ED1C24;
    font-family: "vdl-logojrblack", sans-serif;
    font-style: normal;
    font-weight: 900;
    border: #121212 solid 8px;
    padding: 50px 50px 50px 120px;
    font-size: 32px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .anotherpage_wrap .anotherpage_hero .ttl {
    width: calc(100% - 118px);
    transform: translate(0, -50%);
    left: auto;
    right: 0;
    padding: 6.51vw 6.51vw 6.51vw 15.625vw;
    font-size: 4.167vw;
  }
}
@media screen and (max-width: 480px) {
  .anotherpage_wrap .anotherpage_hero .ttl {
    width: calc(100% - 66px);
    border: #121212 solid 4px;
    font-size: 24px;
    right: 16px;
  }
}
.anotherpage_wrap .anotherpage_hero .ttl h2 {
  padding-left: 0;
  position: relative;
  text-align: center;
}
.anotherpage_wrap .anotherpage_hero .ttl h2::before {
  content: "";
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -80px;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .anotherpage_wrap .anotherpage_hero .ttl h2::before {
    width: 35px;
    height: 35px;
    left: -50px;
  }
}
.anotherpage_wrap .anotherpage_hero.about {
  background-image: url(../img/anotherpage.png);
}
.anotherpage_wrap .anotherpage_hero.shop {
  background-image: url(../img/shop_hero.jpg);
}
@media screen and (max-width: 480px) {
  .anotherpage_wrap .anotherpage_hero.shop {
    background-image: url(../img/shop_hero.png);
  }
}
.anotherpage_wrap .anotherpage_hero.recruit {
  background-image: url(../img/sample_top.png);
}
@media screen and (max-width: 480px) {
  .anotherpage_wrap .anotherpage_hero.recruit {
    background-image: url(../img/main_sp.png);
  }
}
.anotherpage_wrap .anotherpage_hero.news {
  background-image: url(../img/news_hero.jpg);
}
.anotherpage_wrap .anotherpage_hero.product {
  background-image: url(../img/product_hero.jpg);
}
.anotherpage_wrap .anotherpage_hero.page {
  background-image: url(../img/another_pagehero.jpg);
}
.anotherpage_wrap .anotherpage_hero p {
  border-right: #121212 solid 8px;
  background-color: #141537;
  color: #fff;
  writing-mode: vertical-lr;
  height: 100%;
  text-align: center;
  padding: 19.531vw 3.906vw 0;
  font-weight: 900;
}
@media screen and (max-width: 480px) {
  .anotherpage_wrap .anotherpage_hero p {
    font-size: 12px;
    padding: 16px 8px;
    border-right: #121212 solid 4px;
  }
}
.anotherpage_wrap .anotherpage_ttl {
  width: 50%;
  background-color: #ED1C24;
  background-image: url(../img/rimon_bg.svg);
  background-repeat: space;
  position: relative;
  overflow: clip;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap .anotherpage_ttl {
    width: 100%;
    overflow: visible;
  }
}
.anotherpage_wrap .anotherpage_ttl .txt_flow {
  position: absolute;
  left: -262px;
  top: 262px;
  transform: rotate(90deg);
  width: 750px;
  background-color: #FFE93E;
  padding: 70px 0;
  color: #121212;
  font-family: "ab-countryroad", sans-serif;
  font-size: 3.8em;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap .anotherpage_ttl .txt_flow {
    position: static;
    transform: none;
    width: 100%;
    padding: 50px 0;
    font-size: 32px;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .anotherpage_wrap .anotherpage_ttl .txt_flow {
    padding: 30px 0;
    font-size: 24px;
  }
}
.anotherpage_wrap .anotherpage_ttl .ttl {
  width: 35.417vw;
  position: absolute;
  top: 50%;
  right: 1.25vw;
  transform: translateY(-50%);
  background-color: #fff;
  color: #ED1C24;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  border: #121212 solid 8px;
  padding: 2.083vw 2.083vw 2.083vw 5.208vw;
  font-size: 2.396vw;
  border-radius: 10px;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap .anotherpage_ttl .ttl {
    display: none;
  }
}
.anotherpage_wrap .anotherpage_ttl .ttl h2 {
  padding-left: 6.771vw;
  position: relative;
}
.anotherpage_wrap .anotherpage_ttl .ttl h2::before {
  content: "";
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 4.167vw;
  height: 4.167vw;
}
.anotherpage_wrap .anotherpage_ttl .item {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1270px) {
  .anotherpage_wrap .anotherpage_ttl .item {
    display: none;
  }
}
.anotherpage_wrap .anotherpage_ttl .item .item1 {
  width: 408px;
  position: absolute;
  top: -4.167vw;
  left: 17.188vw;
  transform: rotate(-50deg);
}
.anotherpage_wrap .anotherpage_ttl .item .item2 {
  width: 400px;
  position: absolute;
  bottom: 5.208vw;
  left: 2.604vw;
  transform: rotate(60deg);
}
.anotherpage_wrap .anotherpage_ttl .item .item3 {
  width: 250px;
  position: absolute;
  right: -50px;
  bottom: 120px;
  transform: rotate(45deg);
}

.tbl-base {
  width: 100%;
}

.tbl-base th,
.tbl-base td {
  margin: 0;
  vertical-align: middle;
  padding: 15px 35px;
  box-sizing: border-box;
  line-height: 1.7;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .tbl-base th,
  .tbl-base td {
    padding: 10px 16px;
  }
}

.tbl-base th {
  width: 250px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .tbl-base th {
    display: block;
    padding-bottom: 0;
  }
}

.clrred {
  color: #aa2d30;
  margin-left: 3px;
}

.tbl-base td {
  margin: 0;
  vertical-align: middle;
  padding: 15px 35px;
  box-sizing: border-box;
  line-height: 1.7;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .tbl-base td {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .tbl-base td {
    padding: 10px 16px;
  }
}

.subcon .tbl-base td::before {
  content: attr(aria-label);
  float: left;
}

.tbl-base input[type=text],
.tbl-base input[type=tel],
.tbl-base input[type=email] {
  padding: 1%;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 7px;
  border: #121212 5px solid;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  .tbl-base input[type=text],
  .tbl-base input[type=tel],
  .tbl-base input[type=email] {
    border: #A5A5A5 solid 1px;
    border-radius: 3px;
  }
}

.tbl-base textarea {
  padding: 1%;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 7px;
  border: #121212 5px solid;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  .tbl-base textarea {
    border: #A5A5A5 solid 1px;
    border-radius: 3px;
  }
}

.privacy-inner {
  width: 100%;
}

.privacy .txtbox {
  height: 200px;
  overflow-y: scroll;
  font-weight: normal;
  padding: 2%;
  margin-bottom: 0px;
  text-align: left;
  border: #121212 5px solid;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  .privacy .txtbox {
    border: #A5A5A5 solid 1px;
    border-radius: 3px;
  }
}

.privacy .txtbox p {
  margin-bottom: 15px;
  font-size: 14px;
}

.privacy ul {
  margin-bottom: 15px;
}

.contact_checkbox {
  margin-top: 1em;
}

.tbl-base .btn-wrapper td {
  border-bottom: none;
}

.contact_link_btn {
  margin-top: 60px;
}
@media screen and (max-width: 480px) {
  .contact_link_btn {
    margin-top: 30px;
  }
}

.contact_link_btn input {
  margin: 0 auto;
  display: block;
  width: 420px;
  text-align: center;
  background-color: #fff;
  color: #ddd;
  padding: 10px 0;
  transition: all 0.4s;
  border: #121212 solid 5px;
  border-radius: 10px;
  color: #121212;
  font-size: 15px;
}
@media screen and (max-width: 480px) {
  .contact_link_btn input {
    width: 100%;
    border: #A5A5A5 solid 1px;
    border-radius: 3px;
  }
}

.contact_link_btn input:hover {
  background-color: #ED1C24;
  color: #fff;
}

/*Contact Form 7*/
.wpcf7-mail-sent-ok {
  display: none !important;
}

.wpcf7-spinner {
  display: none !important;
}

.wpcf7-spinner {
  position: absolute !important;
  top: 50%;
}

.contact_btn {
  position: relative;
}

.wpcf7-form input[type=checkbox] {
  width: 1em !important;
  margin-left: 0.1em !important;
  margin-right: 0.1em !important;
}

.wpcf7-form input[type=radio] {
  width: 1em !important;
  margin: 0 0.1em !important;
}

.wpcf7-list-item {
  display: inline-block !important;
  margin-left: 0em !important;
  margin-right: 0em !important;
}

.wpcf7-list-item-label {
  margin-left: 10px;
}

.wpcf7-list-item-label::after {
  content: "";
  margin-left: 1em;
}

.wpcf7-not-valid {
  margin-bottom: 1em;
}

.wpcf7-not-valid-tip {
  position: absolute;
  text-align: left;
  line-height: 1;
  width: 100%;
  left: 0;
  top: 120%;
}

.wpcf7-form.invalid .wpcf7-text + .wpcf7-not-valid-tip {
  top: 250%;
}

.wpcf7-form.invalid .wpcf7-textarea + .wpcf7-not-valid-tip {
  top: 50%;
}

.wpcf7-form.invalid .wpcf7-acceptance + .wpcf7-not-valid-tip {
  top: 90%;
  width: 370px;
}

.wpcf7-form.invalid .wpcf7-validates-as-email + .wpcf7-not-valid-tip {
  width: 350px;
}

.CheckboxInput {
  padding-left: 0 !important;
}

.moreBtn {
  text-align: center;
  background-color: #fff;
  color: #ED1C24;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 1.25em;
  width: 240px;
  border: #121212 solid 3px;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  padding: 0.875em 0;
  box-shadow: #121212 3px 3px 1px;
  transition: all 0.4s;
}
@media screen and (max-width: 480px) {
  .moreBtn {
    font-size: 1em;
  }
}
.moreBtn:hover {
  background-color: #ED1C24;
  color: #fff;
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
}

.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1s;
}
.fadein.fadein-bottom {
  transform: translate(0, 30px);
}
.fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes steam01 {
  0% {
    bottom: -600px;
    filter: blur(30px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0;
  }
  11% {
    opacity: 0.1;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5;
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4;
  }
  100% {
    bottom: 0;
    filter: blur(36px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0;
  }
}
@keyframes steam02 {
  0% {
    bottom: -400px;
    filter: blur(30px);
    transform: rotateY(0deg);
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  11% {
    opacity: 0.1;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(0.8, 1);
    opacity: 0.4;
  }
  66% {
    transform: rotateY(2deg);
    transform: scaleY(1, 1.2);
  }
  100% {
    bottom: 0;
    filter: blur(36px);
    transform: rotateY(50deg);
    transform: scaleY(1.2, 1.4);
    opacity: 0;
  }
}
@keyframes text_scroll {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes anim_s {
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUp01 {
  animation-name: fadeUpAnime1;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime1 {
  from {
    opacity: 0;
    transform: translateY(50px) rotate(-20deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(-20deg);
  }
}
.fadeUp02 {
  animation-name: fadeUpAnime2;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime2 {
  from {
    opacity: 0;
    transform: translateY(50px) rotate(10deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(10deg);
  }
}
.zoomIn {
  animation-name: zoomInAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
}
.rotateY {
  animation-name: rotateYAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes rotateYAnime {
  from {
    transform: rotateY(0);
    opacity: 0;
  }
  to {
    transform: rotateY(-360deg);
    opacity: 1;
  }
}
.rotateYTrigger {
  opacity: 0;
}

html {
  scroll-behavior: smooth;
  visibility: hidden;
}

html.wf-active,
html.loading-delay {
  visibility: visible;
}

body {
  font-family: "Zen Kaku Gothic New", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333333;
  font-weight: 900;
  font-size: 16px;
}
body.active {
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }
}

img {
  width: 100%;
}

#header {
  position: relative;
}
@media screen and (max-width: 480px) {
  #header {
    padding-bottom: 96px;
  }
}
#header[data-js-scroll=true] .menu_wrapper {
  position: fixed;
  animation: fadeIn 0.2s linear;
  top: -110px;
  left: -80px;
  width: 400px;
  height: 400px;
}
@media screen and (max-width: 768px) {
  #header[data-js-scroll=true] .menu_wrapper {
    top: -160px;
    left: -110px;
  }
}
@media screen and (max-width: 480px) {
  #header[data-js-scroll=true] .menu_wrapper {
    top: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: auto;
    border: none;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: transparent;
    padding: 0;
  }
}
#header[data-js-scroll=true] .menu_wrapper .logo_area {
  top: calc(50% - 70px);
  left: calc(50% - 100px);
  width: 200px;
}
@media screen and (max-width: 768px) {
  #header[data-js-scroll=true] .menu_wrapper .logo_area {
    top: calc(50% - 25px);
    left: calc(50% - 75px);
  }
}
@media screen and (max-width: 480px) {
  #header[data-js-scroll=true] .menu_wrapper .logo_area {
    width: auto;
    padding: 0;
  }
}
#header[data-js-scroll=true] .menu_wrapper h1 {
  padding: 10px;
  border: #121212 solid 4px !important;
}
@media screen and (max-width: 480px) {
  #header[data-js-scroll=true] .menu_wrapper h1 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #header[data-js-scroll=true] .menu_wrapper .toggle {
    background-color: #ED1C24;
    width: 50px;
    padding: 10px 18px;
    border-bottom-left-radius: 10px;
  }
}
#header .menu_wrapper {
  position: absolute;
  top: -15.625vw;
  left: -10.417vw;
  background-color: #ED1C24;
  width: 33.854vw;
  height: 33.854vw;
  border-radius: 50%;
  border: solid #121212 8px;
  z-index: 999;
  transition: all 0.4s;
}
@media screen and (max-width: 1500px) {
  #header .menu_wrapper {
    top: -350px;
    left: -240px;
    width: 650px;
    height: 650px;
  }
}
@media screen and (max-width: 1270px) {
  #header .menu_wrapper {
    left: -300px;
  }
}
@media screen and (max-width: 480px) {
  #header .menu_wrapper {
    top: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    height: auto;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #121212 solid 4px;
    display: flex;
    align-items: center;
    padding: 10px 0;
  }
}
#header .menu_wrapper .logo_area {
  position: absolute;
  top: calc(50% - 0.521vw);
  left: calc(50% - 5.729vw);
  width: 15.625vw;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1500px) {
  #header .menu_wrapper .logo_area {
    top: calc(50% + 31px);
    left: calc(50% - 50px);
  }
}
@media screen and (max-width: 1270px) {
  #header .menu_wrapper .logo_area {
    width: 200px;
    top: calc(50% + 50px);
    left: calc(50% - 10px);
  }
}
@media screen and (max-width: 480px) {
  #header .menu_wrapper .logo_area {
    padding: 0 16px;
    height: 100%;
    width: 100%;
    position: static;
    flex-direction: row;
    justify-content: space-between;
  }
}
#header .menu_wrapper .logo_area h1 {
  background-color: #fff;
  border: solid #121212 8px;
  border-radius: 30px;
  padding: 20px 10px;
  margin-bottom: 16px;
  transition: all 0.4s;
}
@media screen and (max-width: 1270px) {
  #header .menu_wrapper .logo_area h1 {
    padding: 10px;
    border: #121212 solid 4px;
  }
}
@media screen and (max-width: 480px) {
  #header .menu_wrapper .logo_area h1 {
    border: #121212 solid 2px;
    width: 150px;
    border-radius: 10px;
    margin-bottom: 0;
    padding: 5px;
  }
}
#header .menu_wrapper .logo_area .toggle {
  text-align: center;
  width: 90px;
  cursor: pointer;
  font-family: "vdl-lineg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 900;
  color: #fff;
  font-family: "ab-countryroad", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 480px) {
  #header .menu_wrapper .logo_area .toggle {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  #header .menu_wrapper .logo_area .toggle svg {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 480px) {
  #header .menu_wrapper .logo_area .toggle svg {
    width: 50px;
    height: 50px;
  }
}
#header .menu_wrapper .logo_area .toggle.active .toggle_logo {
  transform: rotate(540deg);
}
#header .menu_wrapper .logo_area .toggle.active .toggle_logo #naruto {
  fill: #ED1C24;
}
#header .menu_wrapper .logo_area .toggle .toggle_logo {
  transition: all 0.4s;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  #header .menu_wrapper .logo_area .toggle .toggle_logo {
    height: 56px;
    margin-bottom: 0;
  }
}
#header #g-navi {
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #ED1C24;
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#header #g-navi::before {
  content: "";
  position: absolute;
  left: 80px;
  top: 0;
  width: 95px;
  height: 100vh;
  background: url(../img/raimon2.png);
  background-repeat: repeat-y;
  transform: rotate(180deg);
  background-position: center;
  background-size: contain;
  z-index: 9999;
}
@media screen and (max-width: 1270px) {
  #header #g-navi::before {
    width: 70px;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  #header #g-navi::before {
    width: 50px;
  }
}
#header #g-navi::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/noodle_logo.svg) no-repeat;
  background-position: center;
  background-size: contain;
  width: 340px;
  height: 340px;
  z-index: 9999;
}
@media screen and (max-width: 768px) {
  #header #g-navi::after {
    width: 300px;
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  #header #g-navi::after {
    width: 250px;
    height: 250px;
    right: -28.205vw;
  }
}
#header #g-navi.panelactive {
  opacity: 1;
  z-index: 998;
}
#header #g-navi.panelactive .g-navi-content {
  display: flex;
  justify-content: center;
  color: #fff;
  font-family: "vdl-linegrpop-shadow", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.188vw;
  padding: 6.25vw 0 3.646vw;
  margin-left: 10.417vw;
  z-index: 9999;
  opacity: 1;
  transition: all 0.1s;
}
@media screen and (max-width: 1270px) {
  #header #g-navi.panelactive .g-navi-content {
    height: 100%;
    align-items: center;
    font-size: 32px;
    padding-top: 28.049vw;
  }
}
@media screen and (max-width: 768px) {
  #header #g-navi.panelactive .g-navi-content {
    font-size: 24px;
    padding-top: 26.042vw;
  }
}
@media screen and (max-width: 480px) {
  #header #g-navi.panelactive .g-navi-content {
    padding-top: 92px;
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
  }
}
#header #g-navi.panelactive .g-navi-content li {
  padding-bottom: 1.042vw;
  margin-bottom: 2.604vw;
  position: relative;
}
@media screen and (max-width: 1270px) {
  #header #g-navi.panelactive .g-navi-content li {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  #header #g-navi.panelactive .g-navi-content li {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
#header #g-navi.panelactive .g-navi-content li::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform: scale(0);
  transition: all 0.4s;
  transform-origin: left;
}
@media screen and (max-width: 480px) {
  #header #g-navi.panelactive .g-navi-content li::before {
    height: 4px;
  }
}
#header #g-navi.panelactive .g-navi-content li:hover::before {
  transform: scale(1);
}
#header #g-navi.panelactive .g-navi-content li a {
  transition: all 0.4s;
}
#header #g-navi.panelactive .g-navi-content .right_list {
  margin-left: 10.417vw;
}
@media screen and (max-width: 480px) {
  #header #g-navi.panelactive .g-navi-content .right_list {
    margin-left: 0;
  }
}
#header #g-navi.panelactive .g-navi-content .right_list li:last-child::before {
  content: none;
}
#header #g-navi.panelactive .g-navi-content .right_list .header_sns_box {
  display: flex;
  align-items: center;
}
#header #g-navi.panelactive .g-navi-content .right_list .header_sns_box li {
  padding-left: 2.083vw;
}
@media screen and (max-width: 480px) {
  #header #g-navi.panelactive .g-navi-content .right_list .header_sns_box li {
    padding-left: 0;
    margin-left: 15px;
    width: 25px;
  }
}
#header #g-navi.panelactive .g-navi-content .right_list .header_sns_box li::before {
  content: none;
}
#header #g-navi.panelactive .g-navi-content .right_list .header_sns_box li:first-child {
  padding-left: 0;
}
@media screen and (max-width: 480px) {
  #header #g-navi.panelactive .g-navi-content .right_list .header_sns_box li:first-child {
    margin-left: 0;
  }
}
#header #g-navi.panelactive .company_name {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 30px;
}
#header #g-navi .g-navi-content {
  opacity: 0;
}
#header .steamWrap {
  display: none;
}
#header .float_sns {
  background: url(../img/bubble_sns.png) no-repeat;
  background-position: center;
  background-size: contain;
  width: 193px;
  height: 167px;
  position: fixed;
  bottom: 30px;
  left: 32px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
@media screen and (max-width: 480px) {
  #header .float_sns {
    display: none;
  }
}
#header .float_sns ul {
  transform: translateY(-18px) translateX(-5px);
  display: flex;
  align-items: center;
}
#header .float_sns ul li {
  margin-left: 15px;
}
#header .float_sns ul li.insta {
  width: 36px;
}
#header .float_sns ul li.tiktok {
  width: 31px;
}
#header .float_sns ul li:first-child {
  margin-left: 0;
}

.active #header .menu_wrapper {
  position: fixed;
  background-color: #fff;
}
@media screen and (max-width: 480px) {
  .active #header .menu_wrapper {
    background-color: transparent;
    justify-content: end;
    border-bottom: none;
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .active #header .menu_wrapper .toggle {
    background-color: #fff;
    padding: 10px 18px;
    border-bottom-left-radius: 10px;
  }
}
.active #header .menu_wrapper .toggle p {
  display: none;
}
@media screen and (max-width: 480px) {
  .active #header .logo_area {
    justify-content: end;
    padding-right: 0;
  }
}
.active #header .logo_area h1 {
  border: solid 8px #fff;
}
@media screen and (max-width: 480px) {
  .active #header .logo_area h1 {
    display: none;
  }
}
.active #header .steamWrap {
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
}
.active #header .steamBox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 998;
}
.active #header .steamBox > img {
  width: 100%;
  display: block;
}
.active #header .steam01 {
  position: absolute;
  right: 0;
  animation: steam01 10s infinite linear;
  opacity: 0;
}
.active #header .steam02 {
  position: absolute;
  left: 0;
  animation: steam02 14s infinite linear;
  opacity: 0;
}
.active #header .steam03 {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  animation: steam02 12s infinite linear;
  animation-delay: 6s;
  opacity: 0;
}
.active #header .steam04 {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  animation: steam02 16s infinite linear;
  animation-delay: 6s;
  opacity: 0;
}
.active #header .steam05 {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  animation: steam02 14s infinite linear;
  animation-delay: 12s;
  opacity: 0;
}
.active #header .steam01 img,
.active #header .steam03 img,
.active #header .steam05 {
  width: 532px;
  height: 800px;
  pointer-events: none;
}
.active #header .steam02 img,
.active #header .steam04 {
  width: 399px;
  height: 600px;
  pointer-events: none;
}

.top_hero {
  width: 100%;
  height: 100vh;
  background: url(../img/sample_top.png) no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 480px) {
  .top_hero {
    background-image: url(../img/main_sp.png);
  }
}
.top_hero .top_ttl {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #fff;
  border-top: 8px solid #121212;
  border-bottom: 8px solid #121212;
  width: 100%;
  padding: 2.604vw 0;
  text-align: center;
  font-family: "ab-countryroad", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.229vw;
}
@media screen and (max-width: 1270px) {
  .top_hero .top_ttl {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .top_hero .top_ttl {
    padding: 4.103vw;
    font-size: 8.205vw;
  }
}
.top_hero .top_ttl .sub_ttl {
  font-size: 1.979vw;
}
@media screen and (max-width: 1270px) {
  .top_hero .top_ttl .sub_ttl {
    font-size: 24px;
    padding-top: 10px;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .top_hero .top_ttl .sub_ttl {
    font-size: 16px;
  }
}

.top_about_wrap {
  position: relative;
  overflow-x: clip;
}

.top_about {
  width: 150vw;
  left: -25.391vw;
  top: 0;
  background-color: #ED1C24;
  color: #fff;
  text-align: center;
  border: #121212 solid 8px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  margin-top: -250px;
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
@media screen and (max-width: 480px) {
  .top_about {
    width: 100%;
    left: 0;
    border-radius: 0%;
    margin-top: 0;
  }
}
.top_about .item1 {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -200px;
  width: 350px;
}
@media screen and (max-width: 1270px) {
  .top_about .item1 {
    z-index: -1;
  }
}
@media screen and (max-width: 480px) {
  .top_about .item1 {
    width: 250px;
    right: -100px;
    top: 170px;
  }
}
.top_about .item2 {
  position: absolute;
  z-index: 2;
  top: 100px;
  left: -50px;
  width: 240px;
}
@media screen and (max-width: 1270px) {
  .top_about .item2 {
    z-index: -1;
  }
}
@media screen and (max-width: 480px) {
  .top_about .item2 {
    left: -100px;
  }
}
.top_about .item3 {
  width: 440px;
  position: absolute;
  z-index: 2;
  bottom: -200px;
  left: -200px;
}
@media screen and (max-width: 1270px) {
  .top_about .item3 {
    z-index: -1;
    left: -100px;
  }
}
@media screen and (max-width: 480px) {
  .top_about .item3 {
    bottom: -150px;
    width: 300px;
  }
}
.top_about .item4 {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: -150px;
  width: 400px;
}
@media screen and (max-width: 1270px) {
  .top_about .item4 {
    z-index: -1;
  }
}
@media screen and (max-width: 480px) {
  .top_about .item4 {
    display: none;
  }
}
.top_about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/rimon_bg.svg);
  background-repeat: space;
  z-index: 1;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  background-size: cover;
  background-position: center;
  opacity: 0.6;
}
@media screen and (max-width: 480px) {
  .top_about::before {
    border-radius: 0;
  }
}
.top_about .scroll {
  margin-top: 1em;
  text-align: center;
  font-family: "ab-countryroad", sans-serif;
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .top_about .scroll {
    position: absolute;
    left: 50%;
    top: -160px;
    transform: translateX(-50%);
    margin-top: 0;
  }
}
.top_about .scroll img {
  width: 180px;
  transition: all 0.3s;
}
@media screen and (max-width: 480px) {
  .top_about .scroll img {
    width: 80px;
  }
}
.top_about .scroll img:hover {
  transform: rotate(10deg);
}
.top_about .scroll p {
  margin-left: -1em;
  margin-top: 10px;
}
.top_about .top_about_content {
  position: relative;
  z-index: 3;
  padding-top: 5.208vw;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1270px) {
  .top_about .top_about_content {
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .top_about .top_about_content {
    width: auto;
    padding: 0 16px;
  }
}
.top_about .top_about_content .top_about_ttl {
  background-color: #fff;
  padding: 20px 0;
  width: 660px;
  margin: 0 auto;
  border-radius: 20px;
  font-size: 2.375em;
  color: #ED1C24;
  font-family: "vdl-linegrpop-shadow", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  margin-bottom: 1.579em;
}
@media screen and (max-width: 768px) {
  .top_about .top_about_content .top_about_ttl {
    width: 85.938vw;
  }
}
@media screen and (max-width: 480px) {
  .top_about .top_about_content .top_about_ttl {
    margin-top: 50px;
    width: auto;
    font-size: 24px;
  }
}
.top_about .top_about_content .top_about_ttl::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  right: 70px;
  bottom: 10px;
  background-image: url(../img/ichibiri_logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 480px) {
  .top_about .top_about_content .top_about_ttl::before {
    width: 25px;
    height: 25px;
    right: 10px;
  }
}
.top_about .top_about_content p {
  font-size: 2em;
  line-height: 1.5em;
  padding-top: 0.938em;
}
@media screen and (max-width: 480px) {
  .top_about .top_about_content p {
    font-size: 16px;
  }
}
.top_about .top_about_content .btn_wrap {
  margin-top: 5em;
}
@media screen and (max-width: 480px) {
  .top_about .top_about_content .btn_wrap {
    margin-top: 30px;
  }
}

.top_shopinfo {
  margin: 190px 0 150px;
}
@media screen and (max-width: 1270px) {
  .top_shopinfo {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .top_shopinfo {
    padding: 0 16px;
  }
}
@media screen and (max-width: 480px) {
  .top_shopinfo {
    margin-top: 80px;
  }
}
.top_shopinfo .flex {
  margin: 190px 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .top_shopinfo .flex {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 120px;
  }
}
.top_shopinfo .flex.flex_secound {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex.flex_secound {
    flex-direction: column-reverse;
  }
}
.top_shopinfo .flex.flex_secound .txt_wrap {
  padding-top: 43px !important;
}
.top_shopinfo .flex.flex_secound .top_shopinfo_txt {
  transform: translateX(-50px);
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex.flex_secound .top_shopinfo_txt {
    transform: none;
  }
}
.top_shopinfo .flex.flex_secound .top_shopinfo_txt .noodle_base {
  top: -85px !important;
  right: -8px;
  left: auto !important;
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex.flex_secound .top_shopinfo_txt .noodle_base {
    top: -35px !important;
  }
}
.top_shopinfo .flex .top_shopinfo_txt {
  transform: translateX(100px);
  position: relative;
  width: 55.41%;
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex .top_shopinfo_txt {
    width: 100%;
    transform: none;
  }
}
.top_shopinfo .flex .top_shopinfo_txt::before {
  content: "";
  position: absolute;
  width: 26.042vw;
  height: 23.438vw;
  right: -3.385vw;
  top: -17.969vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex .top_shopinfo_txt::before {
    width: 32.552vw;
    height: 29.948vw;
    right: 0;
    top: -78.125vw;
  }
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex .top_shopinfo_txt::before {
    top: -87.179vw;
    width: 46.154vw;
    height: 46.154vw;
  }
}
.top_shopinfo .flex .top_shopinfo_txt.info_ichibiri::before {
  background-image: url(../img/ichibiri_ttl.png);
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex .top_shopinfo_txt.info_ichibiri::before {
    background-image: url(../img/ichibiri_ttl_sp.png);
  }
}
.top_shopinfo .flex .top_shopinfo_txt.info_next::before {
  background-image: url(../img/next_ttl.png);
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex .top_shopinfo_txt.info_next::before {
    background-image: url(../img/next_ttl_sp.png);
  }
}
.top_shopinfo .flex .top_shopinfo_txt.info_tsukemen::before {
  background-image: url(../img/tsukemen_ttl.png);
  right: auto;
  left: -65px;
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex .top_shopinfo_txt.info_tsukemen::before {
    left: 0;
    right: auto;
  }
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex .top_shopinfo_txt.info_tsukemen::before {
    background-image: url(../img/tsukemen_ttl_sp.png);
  }
}
.top_shopinfo .flex .top_shopinfo_txt .txt_wrap {
  background-color: #FFE93E;
  border-radius: 10px;
  border: #121212 solid 8px;
  padding: 3.125vw 4.167vw 2.604vw;
  font-size: 1.667vw;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1270px) {
  .top_shopinfo .flex .top_shopinfo_txt .txt_wrap {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex .top_shopinfo_txt .txt_wrap {
    border-top: none;
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex .top_shopinfo_txt .txt_wrap {
    font-size: 18px;
    padding-top: 60px;
  }
}
.top_shopinfo .flex .top_shopinfo_txt .txt_wrap .noodle_base {
  background-color: #121212;
  color: #fff;
  font-family: vdl-linegrpop-shadow, sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 20.573vw;
  position: absolute;
  top: -50px;
  left: -8px;
  padding: 1.042vw 0;
  border-radius: 10px;
  border: #121212 solid 8px;
}
@media screen and (max-width: 480px) {
  .top_shopinfo .flex .top_shopinfo_txt .txt_wrap .noodle_base {
    width: 51.282vw;
    top: 0;
  }
}
.top_shopinfo .flex .top_shopinfo_txt .shop_map {
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #262977;
  font-size: 0.93em;
  text-align: center;
  padding: 0.8em 0 1.33em;
}
.top_shopinfo .flex .top_shopinfo_txt .shop_map a {
  transition: all 0.3s;
}
.top_shopinfo .flex .top_shopinfo_txt .shop_map a:hover {
  opacity: 0.8;
  color: #121212;
}
.top_shopinfo .flex .top_shopinfo_txt .moreBtn {
  border: solid 4px #ED1C24;
  box-shadow: 3px 3px 1px #ED1C24;
}
.top_shopinfo .flex .top_shopinfo_txt .moreBtn:hover {
  box-shadow: none;
  border: #121212 solid 4px;
}
.top_shopinfo .flex .top_shopinfo_img {
  width: 57.29%;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .top_shopinfo .flex .top_shopinfo_img {
    width: auto;
  }
}
.top_shopinfo .flex .top_shopinfo_img img {
  border: #121212 solid 8px;
  border-radius: 10px;
}

.top_news {
  background-color: #ED1C24;
  position: relative;
  border-top: #121212 solid 8px;
  padding: 80px 0 50px;
}
@media screen and (max-width: 480px) {
  .top_news {
    padding: 50px 16px;
  }
}
.top_news::before {
  content: "";
  position: absolute;
  top: 0;
  right: 4.167vw;
  width: 95px;
  height: 100%;
  background: url(../img/raimon2.png) no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 1270px) {
  .top_news::before {
    right: 0;
    width: 68px;
  }
}
@media screen and (max-width: 768px) {
  .top_news::before {
    width: 110px;
    background-size: cover;
  }
}
.top_news::after {
  content: "";
  position: absolute;
  left: -128px;
  bottom: 0;
  background: url(../img/noodle_logo.svg) no-repeat;
  background-position: center;
  background-size: contain;
  width: 49.479vw;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .top_news::after {
    left: -106px;
    bottom: -420px;
  }
}
@media screen and (max-width: 480px) {
  .top_news::after {
    bottom: -183.077vw;
  }
}
.top_news h2 {
  background-color: #fff;
  padding: 25px 0;
  width: 390px;
  text-align: center;
  margin: 0 auto;
  font-size: 1.625em;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  position: relative;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  .top_news h2 {
    width: auto;
    font-size: 24px;
    padding: 20px 0;
  }
}
.top_news h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 93px;
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-position: center;
  background-size: contain;
  width: 42px;
  height: 42px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .top_news h2::before {
    width: 25px;
    height: 25px;
    left: 96px;
  }
}
.top_news .content {
  width: 76.5%;
  display: flex;
  justify-content: space-between;
  margin: 60px auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .top_news .content {
    width: 100%;
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .top_news .content {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .top_news .content {
    width: auto;
    flex-direction: column;
    padding: 0;
    margin: 30px 0;
  }
}
.top_news .content li {
  padding: 20px 20px 40px;
  background-color: #fff;
  width: calc(33.3333% - 2.604vw);
  border-radius: 10px;
}
@media screen and (max-width: 1270px) {
  .top_news .content li {
    width: calc(33.3333% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .top_news .content li {
    width: calc(50% - 16px);
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .top_news .content li {
    width: auto;
  }
}
.top_news .content li .content_item:hover .thum {
  transform: translate(-50%, -50%) scale(1.1);
}
.top_news .content li .content_item:hover .news_txt {
  opacity: 0.7;
}
.top_news .content li .content_item .thum_mask {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 15.625vw;
}
@media screen and (max-width: 1270px) {
  .top_news .content li .content_item .thum_mask {
    height: 206px;
  }
}
@media screen and (max-width: 768px) {
  .top_news .content li .content_item .thum_mask {
    height: 250px;
  }
}
.top_news .content li .content_item .thum {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 15.625vw;
  background-image: url(../img/news_sample.jpg);
  background-position: center;
  background-size: cover;
  transition: all 0.3s;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1270px) {
  .top_news .content li .content_item .thum {
    height: 206px;
  }
}
@media screen and (max-width: 768px) {
  .top_news .content li .content_item .thum {
    height: 250px;
  }
}
.top_news .content li .content_item .thum.news_2 {
  background-image: url(../img/news_img2.jpg);
}
.top_news .content li .content_item .thum.news_3 {
  background-image: url(../img/news_img3.jpg);
}
.top_news .content li .content_item .news_txt {
  padding-top: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.top_news .content li .content_item .news_txt time {
  font-size: 0.937em;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
.top_news .content li .content_item .news_txt .news_ttl {
  margin-top: 20px;
}

.txt_flow {
  color: #AF1414;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 2.1875em;
  border-top: #121212 solid 8px;
  border-bottom: #121212 solid 8px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .txt_flow {
    font-size: 24px;
    padding: 20px 0;
  }
}
.txt_flow ul {
  padding-left: 100%;
  display: inline-block;
  white-space: nowrap;
  animation: text_scroll 20s linear infinite;
  transform: translateX(0);
}
.txt_flow li {
  display: inline;
}

.recruit_content {
  background-color: #ED1C24;
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit_content {
    flex-direction: column;
  }
}
.recruit_content::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 63px;
  background: url(../img/raimon3.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .recruit_content::before {
    top: 0;
    height: 110px;
  }
}
.recruit_content::after {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 63px;
  background: url(../img/raimon3.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 2;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .recruit_content::after {
    bottom: 0;
    height: 110px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_content::after {
    height: 50px;
  }
}
.recruit_content .content_img {
  background: url(../img/recruit_img.png) no-repeat;
  background-position: center;
  background-size: cover;
  width: 62.5%;
  height: 850px;
  border-right: #121212 solid 8px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .recruit_content .content_img {
    height: 110.677vw;
    margin-top: 150px;
    border: #121212 solid 8px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .recruit_content .content_img {
    margin-top: 0;
    border-top: none;
    height: 89.744vw;
  }
}
.recruit_content .content_img .float_btn {
  position: absolute;
  right: 70px;
  top: 50px;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-name: anim_s;
  transform: rotate(10deg);
  animation-duration: 5s;
}
@media screen and (max-width: 768px) {
  .recruit_content .content_img .float_btn {
    right: 16px;
    top: 30px;
    width: 150px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_content .content_img .float_btn {
    right: 0;
    top: 0;
  }
}
.recruit_content .content_img .float_btn:hover {
  transform: scale(0.9, 0.9);
  animation: none;
}
.recruit_content .content_txt {
  padding: 0 4.688vw;
  width: 37.5%;
}
@media screen and (max-width: 768px) {
  .recruit_content .content_txt {
    width: auto;
    margin-top: 30px;
    margin-bottom: 150px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_content .content_txt {
    margin-top: 10px;
    margin-bottom: 100px;
  }
}
.recruit_content .content_txt p {
  font-size: 1.5em;
  margin-top: 1em;
  line-height: 1.5em;
}
@media screen and (max-width: 480px) {
  .recruit_content .content_txt p {
    font-size: 16px;
  }
}
.recruit_content .content_txt .btn_wrap {
  margin-top: 6.25vw;
}

.footer_top {
  position: relative;
  border-top: #121212 solid 8px;
  background-color: #FFE93E;
  padding: 60px 0;
  overflow-x: clip;
}
@media screen and (max-width: 768px) {
  .footer_top {
    padding: 50px 0;
  }
}
.footer_top::before {
  content: "";
  position: absolute;
  background: url(../img/noodle_logo.svg) no-repeat;
  width: 283px;
  height: 283px;
  bottom: -20px;
  right: 90px;
  background-size: contain;
  background-position: center;
  transform: rotate(-16deg);
}
@media screen and (max-width: 1270px) {
  .footer_top::before {
    right: -15px;
  }
}
@media screen and (max-width: 480px) {
  .footer_top::before {
    right: -120px;
    bottom: 61.538vw;
  }
}
.footer_top .flex {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .footer_top .flex {
    z-index: 2;
  }
}
@media screen and (max-width: 768px) {
  .footer_top .flex {
    flex-direction: column-reverse;
    padding: 0 16px;
  }
}
@media screen and (max-width: 480px) {
  .footer_top .flex {
    align-items: flex-start;
  }
}
.footer_top .flex .footer_logo {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .footer_top .flex .footer_logo {
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .footer_top .flex .footer_logo {
    width: auto;
    max-width: 390px;
  }
}
.footer_top .flex .footer_logo .top {
  width: 29.427vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footer_top .flex .footer_logo .top {
    width: auto;
  }
}
.footer_top .flex .footer_logo .btn_wrap {
  margin-top: 3.646vw;
}
.footer_top .flex .footer_logo .btn_wrap .moreBtn {
  width: 315px;
}
.footer_top .flex .footer_shop {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .footer_top .flex .footer_shop {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .footer_top .flex .footer_shop {
    flex-direction: column;
  }
}
.footer_top .flex .footer_shop li {
  width: 50%;
  padding-bottom: 50px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .footer_top .flex .footer_shop li {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .footer_top .flex .footer_shop li {
    width: auto;
  }
}
.footer_top .flex .footer_shop li .shop_name {
  color: #ED1C24;
  padding-bottom: 1em;
}
.footer_top .flex .footer_shop li .adress {
  padding-bottom: 1em;
}
.footer_top .flex .footer_shop li .tel {
  padding-bottom: 1em;
}
.footer_top .flex .footer_shop .shop_sns {
  display: flex;
  align-items: center;
}
.footer_top .flex .footer_shop .shop_sns a {
  width: 26px;
  display: inline-block;
  margin-left: 10px;
}
.footer_top .flex .footer_shop .shop_sns a:first-child {
  margin-left: 0;
}

.footer_btm {
  background-color: #141537;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0 30px;
  color: #fff;
}
@media screen and (max-width: 1270px) {
  .footer_btm {
    padding: 60px 16px 30px;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 480px) {
  .footer_btm {
    padding: 50px 16px 30px;
  }
}
.footer_btm .footer_menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1270px) {
  .footer_btm .footer_menu {
    padding-left: 80px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .footer_btm .footer_menu {
    padding-left: 0;
  }
}
.footer_btm .footer_menu li {
  width: calc(33.33% - 1.563vw);
  margin-bottom: 30px;
}
.footer_btm .footer_menu li a {
  transition: all 0.4s;
}
.footer_btm .footer_menu li a:hover {
  color: #ED1C24;
}
.footer_btm .footer_btm_sns {
  width: 500px;
}
@media screen and (max-width: 1270px) {
  .footer_btm .footer_btm_sns {
    width: auto;
  }
}
.footer_btm .footer_btm_sns .ttl {
  background-color: #fff;
  color: #ED1C24;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  border-radius: 10px;
  padding: 5px 0 5px 70px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .footer_btm .footer_btm_sns .ttl {
    text-align: center;
    padding-left: 0;
  }
}
.footer_btm .footer_btm_sns .ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  width: 26px;
  height: 26px;
  background-image: url(../img/ichibiri_logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .footer_btm .footer_btm_sns .ttl::before {
    width: 20px;
    height: 20px;
    left: 126px;
  }
}
.footer_btm .footer_btm_sns .content {
  display: flex;
  flex-wrap: wrap;
  padding-left: 40px;
  padding-top: 25px;
}
@media screen and (max-width: 480px) {
  .footer_btm .footer_btm_sns .content {
    padding-left: 0;
  }
}
.footer_btm .footer_btm_sns .content .item {
  width: 50%;
  margin-bottom: 30px;
}
.footer_btm .footer_btm_sns .content .item .flex {
  transition: all 0.4s;
  display: flex;
  align-items: center;
}
.footer_btm .footer_btm_sns .content .item .flex:hover {
  color: #ED1C24;
}
.footer_btm .footer_btm_sns .content .item .flex img {
  width: 26px;
}
.footer_btm .footer_btm_sns .content .item .flex p {
  margin-left: 25px;
}

.copyright {
  background-color: #141537;
  text-align: center;
  color: #fff;
  padding-bottom: 30px;
}

.about_first {
  border-top: #121212 solid 8px;
  border-left: #121212 solid 8px;
  border-right: #121212 solid 8px;
  padding-bottom: 90px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .about_first {
    padding-bottom: 50px;
    border-left: none;
    border-right: none;
  }
}
.about_first::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-color: #ED1C24;
  border-top: #121212 solid 8px;
}
@media screen and (max-width: 480px) {
  .about_first::before {
    height: 50px;
  }
}
.about_first .about_ttl_section {
  text-align: center;
}
.about_first h3 {
  padding: 150px 0;
  text-align: center;
  position: relative;
  font-size: 40px;
  line-height: 1.5em;
  display: inline-block;
}
@media screen and (max-width: 1270px) {
  .about_first h3 {
    padding: 80px 0;
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .about_first h3 {
    padding: 13.021vw 0;
    font-size: 3.906vw;
  }
}
@media screen and (max-width: 480px) {
  .about_first h3 {
    font-size: 18px;
    display: block;
    padding: 50px 0;
  }
}
.about_first h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: -9.115vw;
  background: url(../img/about_noodle.png) no-repeat;
  background-position: center;
  background-size: contain;
  width: 9.115vw;
  height: 21.875vw;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .about_first h3::before {
    width: 70px;
    height: 168px;
    right: -9.115vw;
  }
}
@media screen and (max-width: 480px) {
  .about_first h3::before {
    left: 0;
  }
}
.about_first h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -9.115vw;
  background: url(../img/about_noodle.png) no-repeat;
  background-position: center;
  background-size: contain;
  width: 9.115vw;
  height: 21.875vw;
}
@media screen and (max-width: 768px) {
  .about_first h3::after {
    width: 70px;
    height: 168px;
    right: -9.115vw;
  }
}
@media screen and (max-width: 480px) {
  .about_first h3::after {
    right: 0;
  }
}
.about_first h3 span {
  color: #ED1C24;
  font-weight: bold;
}
.about_first .flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 32px;
}
@media screen and (max-width: 1270px) {
  .about_first .flex {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-left: 0;
  }
}
.about_first .flex .about_desc {
  padding-right: 50px;
}
@media screen and (max-width: 1270px) {
  .about_first .flex .about_desc {
    padding-right: 0;
    padding-left: 32px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .about_first .flex .about_desc {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 480px) {
  .about_first .flex .about_desc {
    padding: 30px 16px;
  }
}
.about_first .flex .about_desc .ttl {
  font-size: 1.667vw;
  margin-bottom: 40px;
}
@media screen and (max-width: 1270px) {
  .about_first .flex .about_desc .ttl {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 480px) {
  .about_first .flex .about_desc .ttl {
    font-size: 18px;
  }
}
.about_first .flex .about_desc .ttl span {
  font-size: 1.25em;
  color: #ED1C24;
}
.about_first .flex .about_desc p {
  margin-bottom: 20px;
  font-size: 1.25vw;
}
@media screen and (max-width: 1270px) {
  .about_first .flex .about_desc p {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .about_first .flex .about_desc p {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.about_first .flex .about_desc p span {
  color: #ED1C24;
  font-size: 1.25em;
}
.about_first .flex .about_img {
  border-top: #121212 solid 8px;
  border-left: #121212 solid 8px;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .about_first .flex .about_img {
    border: #121212 solid 8px;
    width: 100%;
  }
}
.about_first .flex .about_img img {
  filter: grayscale(100%);
}
@media screen and (max-width: 1270px) {
  .about_first .flex .about_img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    height: 500px;
  }
}
@media screen and (max-width: 768px) {
  .about_first .flex .about_img img {
    height: 65.104vw;
  }
}

.about_second {
  background-color: #FFE93E;
  border-top: #121212 8px solid;
}
.about_second .greed_wrap {
  display: flex;
  padding-left: 150px;
}
@media screen and (max-width: 1270px) {
  .about_second .greed_wrap {
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap {
    padding: 0 16px;
  }
}
.about_second .greed_wrap .greed_img {
  background-image: url(../img/representative.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 640px;
  height: 960px;
  border-left: #121212 solid 8px;
  border-right: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .about_second .greed_wrap .greed_img {
    margin-top: 50px;
    width: 100%;
    height: 85.366vw;
    border: #121212 solid 8px;
  }
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap .greed_img {
    height: 350px;
  }
}
.about_second .greed_wrap .greed_txt {
  margin: 100px 50px;
  width: 51%;
}
@media screen and (max-width: 1270px) {
  .about_second .greed_wrap .greed_txt {
    width: auto;
    margin: 30px 0 50px;
    text-align: center;
  }
}
.about_second .greed_wrap .greed_txt h3 {
  position: relative;
  padding: 30px 100px 30px 150px;
  border: #121212 solid 8px;
  display: inline-block;
  border-radius: 10px;
  background-color: #fff;
  font-size: 26px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 100px;
}
@media screen and (max-width: 1270px) {
  .about_second .greed_wrap .greed_txt h3 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap .greed_txt h3 {
    font-size: 24px;
    width: 100%;
    padding: 16px;
  }
}
.about_second .greed_wrap .greed_txt h3::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap .greed_txt h3::before {
    left: 16px;
  }
}
.about_second .greed_wrap .greed_txt .greed_content {
  background-color: #fff;
  border: #121212 solid 8px;
  border-radius: 10px;
  padding: 1.563vw 5.208vw;
}
@media screen and (max-width: 1270px) {
  .about_second .greed_wrap .greed_txt .greed_content {
    padding: 32px;
    text-align: start;
  }
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap .greed_txt .greed_content {
    padding: 16px;
  }
}
.about_second .greed_wrap .greed_txt .greed_ttl {
  color: #ED1C24;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap .greed_txt .greed_ttl {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.about_second .greed_wrap .greed_txt p {
  line-height: 1.5em;
}
.about_second .greed_wrap .greed_txt .name {
  font-size: 20px;
  font-weight: bold;
  text-align: end;
  margin-top: 40px;
}
@media screen and (max-width: 480px) {
  .about_second .greed_wrap .greed_txt .name {
    margin-top: 20px;
    font-size: 18px;
  }
}

.about_third {
  border: #121212 solid 8px;
  text-align: center;
  padding: 150px 0;
}
@media screen and (max-width: 1270px) {
  .about_third {
    padding: 50px 0;
  }
}
@media screen and (max-width: 480px) {
  .about_third {
    border-left: none;
    border-right: none;
    padding: 30px 16px;
  }
}
.about_third h3 {
  position: relative;
  padding: 30px 100px 30px 150px;
  border: #121212 solid 8px;
  display: inline-block;
  border-radius: 10px;
  background-color: #fff;
  font-size: 26px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 100px;
}
@media screen and (max-width: 480px) {
  .about_third h3 {
    font-size: 24px;
    width: 100%;
    padding: 16px;
    margin-bottom: 50px;
  }
}
.about_third h3::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 480px) {
  .about_third h3::before {
    left: 16px;
  }
}
.about_third .company_inner {
  width: 910px;
  margin: 0 auto;
  text-align: start;
  font-size: 1.2rem;
}
@media screen and (max-width: 1270px) {
  .about_third .company_inner {
    width: 100%;
    padding: 0 32px;
  }
}
@media screen and (max-width: 480px) {
  .about_third .company_inner {
    padding: 0 16px;
    font-size: 1rem;
  }
}
.about_third .company_inner dl {
  display: flex;
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-bottom: #121212 dashed 2px;
}
.about_third .company_inner dl dt {
  padding-left: 20px;
  width: 30%;
}
@media screen and (max-width: 480px) {
  .about_third .company_inner dl dt {
    padding-left: 10px;
  }
}

.online_shop {
  border-left: #121212 solid 8px;
  border-right: #121212 solid 8px;
}
@media screen and (max-width: 480px) {
  .online_shop {
    border: none;
  }
}
.online_shop .flex {
  display: flex;
}
@media screen and (max-width: 1270px) {
  .online_shop .flex {
    flex-direction: column-reverse;
  }
}
.online_shop .flex .online_txt {
  width: 62.5%;
  background-color: #FFE93E;
  position: relative;
  padding: 0 50px;
  padding-bottom: 15.625vw;
}
@media screen and (max-width: 1270px) {
  .online_shop .flex .online_txt {
    width: auto;
    padding: 0 32px;
    padding-bottom: 82px;
    border-left: none;
  }
}
@media screen and (max-width: 480px) {
  .online_shop .flex .online_txt {
    padding: 0 16px 50px;
  }
}
.online_shop .flex .online_txt::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/about_item_bg.png) repeat;
  opacity: 0.5;
  z-index: 1;
}
.online_shop .flex .online_txt::after {
  content: "";
  position: absolute;
  background-color: #141537;
  width: 100%;
  height: 5.208vw;
  bottom: 0;
  left: 0;
  z-index: 3;
  border-top: #121212 solid 8px;
}
.online_shop .flex .online_txt .ttl {
  margin-top: 7.813vw;
  margin-bottom: 5.208vw;
  position: relative;
  z-index: 2;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 1.667vw;
}
@media screen and (max-width: 1270px) {
  .online_shop .flex .online_txt .ttl {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .online_shop .flex .online_txt .ttl {
    font-size: 16px;
  }
}
.online_shop .flex .online_txt .ttl h3 {
  width: 450px;
  padding-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .online_shop .flex .online_txt .ttl h3 {
    width: 100%;
  }
}
.online_shop .flex .online_txt .ttl p {
  margin-left: 14.063vw;
  padding-bottom: 0;
}
@media screen and (max-width: 1270px) {
  .online_shop .flex .online_txt .ttl p {
    margin-left: 24px;
  }
}
@media screen and (max-width: 480px) {
  .online_shop .flex .online_txt .ttl p {
    margin-left: 0;
    text-align: end;
  }
}
.online_shop .flex .online_txt p {
  position: relative;
  z-index: 2;
  padding-bottom: 24px;
}
.online_shop .flex .online_txt .btn_wrap {
  position: relative;
  z-index: 2;
  margin-top: 2.604vw;
}
.online_shop .flex .online_txt .btn_wrap .moreBtn {
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .online_shop .flex .online_txt .btn_wrap .moreBtn {
    margin: 0 auto;
  }
}
.online_shop .flex .online_img_inner {
  border-left: #121212 solid 8px;
  position: relative;
  z-index: 2;
  width: 37.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ED1C24;
}
@media screen and (max-width: 1270px) {
  .online_shop .flex .online_img_inner {
    border-left: none;
    width: 100%;
    padding: 50px 32px 90px;
  }
}
@media screen and (max-width: 480px) {
  .online_shop .flex .online_img_inner {
    padding: 30px 16px 70px;
  }
}

.shop_first {
  border-top: #121212 solid 8px;
  border-left: #121212 solid 8px;
  border-right: #121212 solid 8px;
  border-bottom: #121212 solid 8px;
  background-color: #FFE93E;
  position: relative;
  padding-top: 150px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1270px) {
  .shop_first {
    padding-top: 0;
    padding-bottom: 80px;
  }
}
.shop_first::before {
  content: "";
  position: absolute;
  background: url(../img/about_item_bg.png);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.shop_first .flex {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .shop_first .flex {
    flex-direction: column-reverse;
  }
}
.shop_first .flex .shop_ttl {
  width: 50%;
  overflow-x: clip;
}
@media screen and (max-width: 1270px) {
  .shop_first .flex .shop_ttl {
    width: 100%;
  }
}
.shop_first .flex .shop_ttl.next .ttl {
  background-color: #141537;
}
.shop_first .flex .shop_ttl.next .ttl::before {
  background-color: #fff;
  background-image: url(../img/nextshop_bg.png);
}
.shop_first .flex .shop_ttl.next .ttl h3 {
  color: #ED1C24;
  padding-right: 0;
}
.shop_first .flex .shop_ttl.next .ttl h3::before {
  content: none;
}
.shop_first .flex .shop_ttl.next .txt_flow {
  background-color: #ED1C24;
}
.shop_first .flex .shop_ttl .txt_flow {
  border-top: #121212 solid 8px;
  border-bottom: #121212 solid 8px;
  background-color: #121212;
  color: #fff;
}
@media screen and (max-width: 1270px) {
  .shop_first .flex .shop_ttl .txt_flow {
    border-top: none;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .flex .shop_ttl .txt_flow {
    font-size: 16px;
    padding: 10px 0;
  }
}
.shop_first .flex .shop_ttl .ttl {
  background-color: #fff;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 214px;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .shop_first .flex .shop_ttl .ttl {
    padding-top: 80px;
    padding-bottom: 144px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .flex .shop_ttl .ttl {
    padding-top: 50px;
    padding-bottom: 90px;
  }
}
.shop_first .flex .shop_ttl .ttl::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 64px;
  background: url(../img/ichibirishop_bg.png);
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 480px) {
  .shop_first .flex .shop_ttl .ttl::before {
    height: 50px;
    background-position: bottom -19px left 50%;
    border-bottom: #121212 solid 4px;
  }
}
.shop_first .flex .shop_ttl .ttl h3 {
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  display: inline-block;
  position: relative;
  padding-right: 60px;
}
@media screen and (max-width: 480px) {
  .shop_first .flex .shop_ttl .ttl h3 {
    font-size: 32px;
    padding-right: 45px;
  }
}
.shop_first .flex .shop_ttl .ttl h3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 0;
  background-image: url(../img/ichibiri_logo.png);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .shop_first .flex .shop_ttl .ttl h3::before {
    width: 35px;
    height: 35px;
  }
}
.shop_first .flex .shop_img {
  width: 50%;
  height: 690px;
  border-top: #121212 solid 8px;
  border-left: #121212 solid 8px;
  border-bottom: #121212 solid 8px;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1270px) {
  .shop_first .flex .shop_img {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0%;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .flex .shop_img {
    height: 300px;
  }
}
.shop_first .flex .shop_img.ichibiri {
  background-image: url(../img/ichibiri_shop_img.png);
}
.shop_first .flex .shop_img.next {
  background-image: url(../img/next_shop_img.png);
}
.shop_first .shop_feature {
  position: relative;
  z-index: 2;
  padding-top: 100px;
  overflow: clip;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature {
    padding-top: 160px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature {
    padding-top: 78.718vw;
  }
}
.shop_first .shop_feature .shop_inner {
  padding: 0 50px;
  overflow-x: clip;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner {
    padding-right: 32px;
    padding-left: 150px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature .shop_inner {
    padding: 0 16px;
  }
}
.shop_first .shop_feature .shop_inner .feature {
  position: relative;
  border: #121212 solid 8px;
  border-radius: 10px;
  background-color: #fff;
  width: 720px;
  margin: 0 auto;
  padding: 2.604vw 3.906vw 3.646vw 4.167vw;
  font-size: 1.1em;
  line-height: 1.5em;
}
@media screen and (max-width: 1500px) {
  .shop_first .shop_feature .shop_inner .feature {
    width: 48vw;
  }
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner .feature {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature .shop_inner .feature {
    padding: 35px 24px 16px 16px;
  }
}
.shop_first .shop_feature .shop_inner .feature::before {
  content: "";
  position: absolute;
  width: 15.937vw;
  height: 8.125vw;
  top: -3.385vw;
  left: -11.719vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner .feature::before {
    width: 230px;
    height: 166px;
    top: -118px;
    left: -129px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature .shop_inner .feature::before {
    width: 150px;
    height: 80px;
    top: -48px;
    left: -15px;
  }
}
.shop_first .shop_feature .shop_inner .feature.soup::before {
  background-image: url(../img/bubble_soup.png);
}
.shop_first .shop_feature .shop_inner .feature.noodle {
  margin-top: 6.25vw;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner .feature.noodle {
    margin-top: 113px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature .shop_inner .feature.noodle {
    margin-top: 68px;
  }
}
.shop_first .shop_feature .shop_inner .feature.noodle::before {
  background-image: url(../img/bubble_noodle.png);
}
.shop_first .shop_feature .shop_inner .feature span {
  color: #ED1C24;
}
.shop_first .shop_feature .shop_inner .noodle_item {
  position: absolute;
  bottom: 0;
  left: 2.604vw;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner .noodle_item {
    top: 0;
    bottom: auto;
    left: 0;
    z-index: -1;
  }
}
.shop_first .shop_feature .shop_inner .noodle_item .noodle_item1 {
  width: 32.292vw;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner .noodle_item .noodle_item1 {
    width: 440px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature .shop_inner .noodle_item .noodle_item1 {
    width: 57.692vw;
  }
}
.shop_first .shop_feature .shop_inner .noodle_item .noodle_item2 {
  width: 12.5vw;
  position: absolute;
  right: -9.375vw;
  bottom: 0;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_feature .shop_inner .noodle_item .noodle_item2 {
    width: 350px;
    right: -360px;
    bottom: -160px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_feature .shop_inner .noodle_item .noodle_item2 {
    width: 38.462vw;
    right: -30.769vw;
    bottom: -10.256vw;
  }
}
.shop_first .shop_info {
  margin-top: 66px;
  position: relative;
  margin-left: 50px;
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_info {
    margin-top: -40px;
    margin-left: 0;
    padding: 0 32px;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_info {
    padding: 0 16px;
  }
}
.shop_first .shop_info .shop_info_content {
  padding: 3.125vw 5.729vw;
  background-color: #fff;
  border: #121212 solid 8px;
  border-radius: 10px;
  width: 39.37%;
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_info .shop_info_content {
    width: auto;
    padding-top: 150px;
    padding-bottom: 50px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .shop_first .shop_info .shop_info_content {
    padding: 140px 20px 30px;
  }
}
.shop_first .shop_info .shop_info_content dl {
  padding-bottom: 2.604vw;
  font-size: 1.1em;
  font-weight: bold;
}
.shop_first .shop_info .shop_info_content dl dt {
  margin-bottom: 1em;
}
.shop_first .shop_info .shop_info_content dl dd {
  line-height: 1.5em;
}
.shop_first .shop_info .shop_info_content .sns_list {
  display: flex;
  align-items: center;
}
.shop_first .shop_info .shop_info_content .sns_list .insta {
  width: 26px;
}
.shop_first .shop_info .shop_info_content .sns_list .x {
  width: 24px;
  margin-left: 20px;
}
.shop_first .shop_info__google {
  font-size: 1rem;
  text-decoration: underline;
}
@media screen and (max-width: 480px) {
  .shop_first .shop_info__google {
    font-size: 0.8rem;
  }
}
.shop_first .shop_info .shop_map {
  width: 64.72%;
  height: 350px;
  border-top: #121212 solid 8px;
  border-left: #121212 solid 8px;
  border-bottom: #121212 solid 8px;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1270px) {
  .shop_first .shop_info .shop_map {
    position: static;
    width: 90%;
    margin: 0 auto;
    transform: translateY(120px);
    border-right: #121212 solid 8px;
  }
}
.shop_first .shop_info .shop_map iframe {
  width: 100%;
  height: 100%;
}

.shop_second {
  background-color: #ED1C24;
  position: relative;
  padding-top: 100px;
}
@media screen and (max-width: 480px) {
  .shop_second {
    padding-top: 80px;
  }
}
.shop_second::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 63px;
  height: 100%;
  background: url(../img/raimon2.png) repeat-y;
  transform: rotate(-180deg);
  background-position: center;
  background-size: contain;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .shop_second::before {
    width: 32px;
  }
}
.shop_second::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 63px;
  height: 100%;
  background: url(../img/raimon2.png) repeat-y;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .shop_second::after {
    width: 32px;
  }
}
.shop_second .ttl {
  width: 390px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .shop_second .ttl {
    width: calc(100% - 84px);
  }
}
.shop_second .ttl h3 {
  display: inline-block;
  padding: 30px 30px 30px 50px;
  font-size: 26px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  position: relative;
}
@media screen and (max-width: 480px) {
  .shop_second .ttl h3 {
    padding: 18px 18px 18px 35px;
    font-size: 18px;
  }
}
.shop_second .ttl h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 480px) {
  .shop_second .ttl h3::before {
    width: 25px;
    height: 25px;
  }
}
.shop_second .main_menu {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 71.875%;
  padding-bottom: 250px;
}
@media screen and (max-width: 1270px) {
  .shop_second .main_menu {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .main_menu {
    width: calc(100% - 104px);
    padding-bottom: 80px;
  }
}
.shop_second .main_menu li {
  width: calc(50% - 5vw);
  margin-top: 13.021vw;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .shop_second .main_menu li {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .shop_second .main_menu li {
    width: 100%;
  }
}
.shop_second .main_menu li .bubble_price {
  position: absolute;
  top: -7.292vw;
  left: -9.375vw;
  width: 17.188vw;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .shop_second .main_menu li .bubble_price {
    width: 200px;
    left: -33px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .main_menu li .bubble_price {
    width: 160px;
  }
}
.shop_second .main_menu li .menu_img {
  border: #121212 solid 8px;
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
}
.shop_second .main_menu li .menu_img img {
  height: 18.75vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1270px) {
  .shop_second .main_menu li .menu_img img {
    height: 270px;
  }
}
@media screen and (max-width: 768px) {
  .shop_second .main_menu li .menu_img img {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .main_menu li .menu_img img {
    height: 250px;
  }
}
.shop_second .main_menu li .price {
  text-align: center;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  color: #fff;
  margin-top: 1em;
}
@media screen and (max-width: 1270px) {
  .shop_second .main_menu li .price {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .main_menu li .price {
    font-size: 18px;
  }
}
.shop_second .rice_menu {
  width: 71.875%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 100px;
}
@media screen and (max-width: 1270px) {
  .shop_second .rice_menu {
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .rice_menu {
    width: calc(100% - 104px);
  }
}
.shop_second .rice_menu.next li {
  width: calc(50% - 5vw);
  position: relative;
  text-align: center;
}
@media screen and (max-width: 1270px) {
  .shop_second .rice_menu.next li {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .shop_second .rice_menu.next li {
    width: 100%;
  }
}
.shop_second .rice_menu.next li .menu_img img {
  height: 18.75vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1270px) {
  .shop_second .rice_menu.next li .menu_img img {
    height: 270px;
  }
}
@media screen and (max-width: 768px) {
  .shop_second .rice_menu.next li .menu_img img {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .rice_menu.next li .menu_img img {
    height: 250px;
  }
}
.shop_second .rice_menu li {
  width: calc(33.3333% - 30px);
}
@media screen and (max-width: 1270px) {
  .shop_second .rice_menu li {
    width: calc(50% - 20px);
    margin-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .rice_menu li {
    width: 100%;
    margin-top: 50px;
  }
}
.shop_second .rice_menu li .menu_ttl {
  color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  font-size: 30px;
  padding-bottom: 1em;
}
@media screen and (max-width: 1270px) {
  .shop_second .rice_menu li .menu_ttl {
    font-size: 24px;
  }
}
.shop_second .rice_menu li .menu_img {
  border-radius: 10px;
  border: #121212 solid 8px;
  height: -moz-fit-content;
  height: fit-content;
}
.shop_second .rice_menu li .menu_img img {
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 480px) {
  .shop_second .rice_menu li .menu_img img {
    height: 250px;
  }
}
.shop_second .rice_menu li .desc {
  color: #fff;
  padding-top: 1em;
  padding-left: 8px;
  line-height: 1.5em;
}
.shop_second .rice_menu li .price {
  text-align: center;
  font-size: 24px;
  padding-top: 1em;
  color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
@media screen and (max-width: 480px) {
  .shop_second .rice_menu li .price {
    font-size: 18px;
  }
}
.shop_second .menu_aedama {
  width: 71.875%;
  margin: 0 auto;
  padding-top: 100px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .shop_second .menu_aedama {
    width: calc(100% - 104px);
    padding-top: 50px;
  }
}
.shop_second .menu_aedama .menu_aedama_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .shop_second .menu_aedama .menu_aedama_inner {
    flex-direction: column;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .bubble_price {
  position: absolute;
  top: -7.292vw;
  left: -9.375vw;
  width: 17.188vw;
}
@media screen and (max-width: 768px) {
  .shop_second .menu_aedama .menu_aedama_inner .bubble_price {
    width: 200px;
    left: -33px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .menu_aedama .menu_aedama_inner .bubble_price {
    width: 160px;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .img {
  width: calc(50% - 5vw);
  border-radius: 10px;
  border: #121212 solid 8px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1270px) {
  .shop_second .menu_aedama .menu_aedama_inner .img {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .shop_second .menu_aedama .menu_aedama_inner .img {
    width: 100%;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .img img {
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1270px) {
  .shop_second .menu_aedama .menu_aedama_inner .img img {
    height: 270px;
  }
}
@media screen and (max-width: 768px) {
  .shop_second .menu_aedama .menu_aedama_inner .img img {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .menu_aedama .menu_aedama_inner .img img {
    height: 250px;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .txt {
  border: #121212 solid 8px;
  border-radius: 10px;
  padding: 2.604vw 5.208vw 2.604vw 2.604vw;
  background-color: #fff;
  width: 34.896vw;
}
@media screen and (max-width: 1270px) {
  .shop_second .menu_aedama .menu_aedama_inner .txt {
    padding: 16px;
  }
}
@media screen and (max-width: 768px) {
  .shop_second .menu_aedama .menu_aedama_inner .txt {
    border-top: none;
    width: 100%;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .txt .txt_ttl {
  font-size: 30px;
  padding-bottom: 0.6em;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
@media screen and (max-width: 1270px) {
  .shop_second .menu_aedama .menu_aedama_inner .txt .txt_ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .menu_aedama .menu_aedama_inner .txt .txt_ttl {
    font-size: 18px;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .txt p {
  line-height: 1.5em;
}
@media screen and (max-width: 480px) {
  .shop_second .menu_aedama .menu_aedama_inner .txt p {
    line-height: 1.2em;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .txt .price {
  padding-top: 1em;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  color: #ED1C24;
}
@media screen and (max-width: 480px) {
  .shop_second .menu_aedama .menu_aedama_inner .txt .price {
    font-size: 18px;
  }
}
.shop_second .menu_aedama .menu_aedama_inner .txt .attention {
  margin-top: 10px;
  font-size: 0.875em;
}
.shop_second .another_menu {
  margin-top: 100px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1270px) {
  .shop_second .another_menu {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .another_menu {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}
.shop_second .another_menu .menu_inner {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 1270px) {
  .shop_second .another_menu .menu_inner {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 480px) {
  .shop_second .another_menu .menu_inner {
    width: calc(100% - 104px);
  }
}
.shop_second .another_menu .menu_inner dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  padding-bottom: 20px;
  margin-top: 30px;
  border-bottom: #fff dashed 2px;
  padding-left: 1em;
  padding-right: 1em;
}
.shop_second .another_menu .menu_inner dl dt {
  font-size: 30px;
}
@media screen and (max-width: 1270px) {
  .shop_second .another_menu .menu_inner dl dt {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .another_menu .menu_inner dl dt {
    font-size: 18px;
  }
}
.shop_second .another_menu .menu_inner dl dd {
  font-size: 24px;
}
@media screen and (max-width: 1270px) {
  .shop_second .another_menu .menu_inner dl dd {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .shop_second .another_menu .menu_inner dl dd {
    font-size: 16px;
  }
}

.recruit_sec1 {
  width: 100%;
  padding: 25.26vw 0 35.938vw;
  background: url(../img/recruit_sec1_bg.png) no-repeat;
  background-position: center;
  background-size: cover;
  border-top: #121212 solid 8px;
  overflow: clip;
}
@media screen and (max-width: 480px) {
  .recruit_sec1 {
    padding: 25.641vw 0;
  }
}
.recruit_sec1 .ttl_area {
  height: 100%;
  position: relative;
  z-index: 3;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recruit_sec1 .ttl_area .ttl {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  border: #121212 solid 8px;
  display: inline-block;
  background-color: #ED1C24;
  padding: 0.463em 0.926em;
  font-size: 2.813vw;
  margin-bottom: 0.555em;
  margin-right: 650px;
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .ttl_area .ttl {
    margin-right: auto;
    margin-left: 0;
    font-size: 32px;
    padding: 0.7em 2em;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .ttl_area .ttl {
    font-size: 20px;
    border: #121212 solid 4px;
  }
}
.recruit_sec1 .ttl_area .ttl_yellow {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  border: #121212 solid 8px;
  display: inline-block;
  background-color: #FFE93E;
  padding: 0.463em 0.926em;
  font-size: 2.813vw;
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .ttl_area .ttl_yellow {
    font-size: 32px;
    padding: 0.7em 2em;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .ttl_area .ttl_yellow {
    font-size: 20px;
    border: #121212 solid 4px;
  }
}
.recruit_sec1 .item {
  border: #121212 solid 8px;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item {
    border: #121212 4px solid;
  }
}
.recruit_sec1 .item img {
  -o-object-fit: cover;
     object-fit: cover;
}
.recruit_sec1 .item.item1 {
  width: 39.063vw;
  top: -14.792vw;
  right: 3.906vw;
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .item.item1 {
    width: 48.78vw;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item.item1 {
    width: 64.615vw;
    right: -12.821vw;
    transform: rotate(15deg);
  }
}
.recruit_sec1 .item.item2 {
  right: 2.448vw;
  width: 26.042vw;
  bottom: -12.187vw;
  transform: rotate(23deg);
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .item.item2 {
    right: 0;
    width: 250px;
    bottom: -16.098vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item.item2 {
    right: -12.821vw;
    bottom: -36.923vw;
  }
}
.recruit_sec1 .item.item3 {
  bottom: -29.792vw;
  right: 23.177vw;
  width: 39.792vw;
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .item.item3 {
    width: 44.756vw;
    bottom: -32.805vw;
    right: 14.146vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item.item3 {
    width: 68.462vw;
    bottom: -36.667vw;
    right: 46.154vw;
    transform: rotate(-16deg);
  }
}
.recruit_sec1 .item.item4 {
  width: 22.135vw;
  left: 0;
  bottom: -18.021vw;
  border: none;
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .item.item4 {
    width: 39.024vw;
    bottom: -25vw;
    z-index: 2;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item.item4 {
    display: none;
  }
}
.recruit_sec1 .item.item5 {
  left: 2.813vw;
  bottom: -2.865vw;
  width: 19.271vw;
  transform: rotate(-25deg);
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .item.item5 {
    left: -105px;
    bottom: -195px;
    width: 347px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item.item5 {
    display: none;
  }
}
.recruit_sec1 .item.item6 {
  left: 2.656vw;
  top: -14.844vw;
  width: 27.708vw;
  transform: rotate(12deg);
}
@media screen and (max-width: 1270px) {
  .recruit_sec1 .item.item6 {
    width: 43.902vw;
    left: 0;
    top: -15.854vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit_sec1 .item.item6 {
    width: 44.872vw;
    left: -5.821vw;
    transform: rotate(-5deg);
  }
}

.recruit_inner {
  margin: 0 50px;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 1270px) {
  .recruit_inner {
    margin: 0 32px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_inner {
    margin: 0 16px;
  }
}

.recruit_voice {
  background-color: #FFE93E;
  border-left: #121212 solid 8px;
  border-right: #121212 solid 8px;
}
.recruit_voice .ttl_section {
  position: relative;
}
.recruit_voice .ttl_section::before {
  content: "";
  width: 84px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #141537;
  z-index: 2;
  border-left: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .ttl_section::before {
    width: 32px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .ttl_section::before {
    right: -8px;
    width: 16px;
  }
}
.recruit_voice .bar {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 1;
  background-color: #FFE93E;
  border-top: #121212 solid 8px;
}
@media screen and (max-width: 480px) {
  .recruit_voice .bar {
    height: 30px;
  }
}
.recruit_voice .ttl_voice {
  background-color: #ED1C24;
  text-align: center;
  border-top: #121212 solid 8px;
  padding: 15px 0;
  position: relative;
}
.recruit_voice .ttl_voice .ttl_area {
  border-radius: 10px;
  background-color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  padding-top: 0.769em;
  padding-bottom: 0.769em;
  width: 395px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .recruit_voice .ttl_voice .ttl_area {
    width: 280px;
    font-size: 20px;
  }
}
.recruit_voice .ttl_voice .ttl_area h3 {
  display: inline-block;
  position: relative;
  padding-left: 50px;
}
@media screen and (max-width: 480px) {
  .recruit_voice .ttl_voice .ttl_area h3 {
    padding-left: 35px;
  }
}
.recruit_voice .ttl_voice .ttl_area h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 480px) {
  .recruit_voice .ttl_voice .ttl_area h3::before {
    width: 25px;
    height: 25px;
  }
}
.recruit_voice .interview {
  padding-left: 94px;
  position: relative;
  display: flex;
  border-top: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview {
    flex-direction: column;
    padding-left: 76.8px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview {
    padding-left: 33.8px;
  }
}
.recruit_voice .interview.interview2 {
  position: relative;
  flex-direction: row-reverse;
  padding-right: 94px;
  padding-left: 0;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview.interview2 {
    flex-direction: column;
    padding-right: 76.8px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview.interview2 {
    padding-right: 33.8px;
  }
}
.recruit_voice .interview.interview2::before {
  content: none;
}
.recruit_voice .interview.interview2::after {
  content: "ichibiri";
  top: 0;
  right: 0;
  height: 100%;
  position: absolute;
  background-color: #141537;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  font-size: 40px;
  color: #fff;
  border-right: #121212 solid 8px;
  font-family: "ab-countryroad", sans-serif;
  padding: 0 0.5em;
  text-align: center;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview.interview2::after {
    font-size: 32px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview.interview2::after {
    font-size: 12px;
    letter-spacing: 0.3rem;
  }
}
.recruit_voice .interview.interview2 .interview_txt {
  border-left: none;
  border-right: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview.interview2 .interview_txt {
    border-right: none;
  }
}
.recruit_voice .interview::before {
  content: "ichibiri";
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  background-color: #141537;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  font-size: 40px;
  color: #fff;
  border-right: #121212 solid 8px;
  font-family: "ab-countryroad", sans-serif;
  padding: 0 0.5em;
  text-align: center;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview::before {
    font-size: 32px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview::before {
    font-size: 12px;
    letter-spacing: 0.3rem;
  }
}
.recruit_voice .interview .img_wrap {
  width: 39.4%;
  padding: 4.688vw 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .img_wrap {
    width: auto;
  }
}
.recruit_voice .interview .img_wrap .img {
  width: 23.958vw;
  height: 32.813vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: #121212 solid 8px;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .img_wrap .img {
    width: calc(100% - 64px);
    height: 67.073vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .img_wrap .img {
    width: calc(100% - 32px);
    height: 400px;
  }
}
.recruit_voice .interview .img_wrap .img.img1 {
  background-image: url(../img/DSC00152.jpg);
}
.recruit_voice .interview .img_wrap .img.img1::before {
  content: "";
  position: absolute;
  top: -2.604vw;
  right: -9.792vw;
  background: url(../img/bubble_recruit.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 15.625vw;
  height: 7.813vw;
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .img_wrap .img.img1::before {
    width: 300px;
    height: 100px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .img_wrap .img.img1::before {
    width: 33.333vw;
    height: 20.513vw;
    right: -4.872vw;
    top: -5.385vw;
  }
}
.recruit_voice .interview .img_wrap .img.img2 {
  background-image: url(../img/DSC07316.jpg);
}
.recruit_voice .interview .img_wrap .img.img2::before {
  content: "";
  position: absolute;
  top: -2.604vw;
  left: -9.792vw;
  background: url(../img/bubble_recruit2.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 15.625vw;
  height: 7.813vw;
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .img_wrap .img.img2::before {
    width: 300px;
    height: 100px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .img_wrap .img.img2::before {
    width: 33.333vw;
    height: 20.513vw;
    left: -4.872vw;
    top: -5.385vw;
  }
}
.recruit_voice .interview .img_wrap .img.img3 {
  background-image: url(../img/DSC07423.png);
}
.recruit_voice .interview .img_wrap .img.img3::before {
  content: "";
  position: absolute;
  top: -2.604vw;
  right: -9.792vw;
  background: url(../img/bubble_recruit3.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 15.625vw;
  height: 7.813vw;
  z-index: 2;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .img_wrap .img.img3::before {
    width: 300px;
    height: 100px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .img_wrap .img.img3::before {
    width: 33.333vw;
    height: 20.513vw;
    right: -4.872vw;
    top: -5.385vw;
  }
}
.recruit_voice .interview .interview_txt {
  width: 60.6%;
  background-color: #fff;
  font-size: 18px;
  border-left: #121212 solid 8px;
  padding-top: 10.417vw;
  padding-bottom: 6.771vw;
  padding-right: 3.646vw;
  padding-left: 7.292vw;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .interview_txt {
    width: auto;
    border-left: none;
    border-top: #121212 solid 8px;
    padding: 32px 32px 64px 32px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .interview_txt {
    padding: 20px 20px 60px 20px;
  }
}
.recruit_voice .interview .interview_txt::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #ED1C24;
  border-top: #121212 solid 8px;
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .interview_txt::before {
    height: 30px;
  }
}
.recruit_voice .interview .interview_txt .ttl {
  font-size: 30px;
  padding-bottom: 2em;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
@media screen and (max-width: 1270px) {
  .recruit_voice .interview .interview_txt .ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .interview_txt .ttl {
    font-size: 18px;
    padding-bottom: 18px;
  }
}
.recruit_voice .interview .interview_txt p {
  font-size: 18px;
  line-height: 2em;
}
@media screen and (max-width: 480px) {
  .recruit_voice .interview .interview_txt p {
    font-size: 14px;
  }
}

.flow {
  background-color: #ED1C24;
  position: relative;
  border-top: #121212 solid 8px;
  padding-top: 6.25vw;
  padding-bottom: 8.333vw;
}
.flow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 100%;
  background: url(../img/recruit_raimon.png) no-repeat;
  transform: translateX(50px);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1270px) {
  .flow::before {
    transform: none;
    width: 32px;
  }
}
@media screen and (max-width: 480px) {
  .flow::before {
    width: 32px;
    background-size: contain;
    background-repeat: repeat-y;
  }
}
.flow::after {
  background-color: #FFE93E;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 120px;
  border-left: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .flow::after {
    width: 32px;
  }
}
@media screen and (max-width: 1270px) {
  .flow .recruit_inner {
    margin: auto;
  }
}
.flow .ttl_area {
  border: #121212 solid 8px;
  border-radius: 10px;
  background-color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  padding-top: 0.769em;
  padding-bottom: 0.769em;
  width: 395px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 8.854vw;
}
@media screen and (max-width: 1270px) {
  .flow .ttl_area {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .flow .ttl_area {
    width: 280px;
    font-size: 20px;
  }
}
.flow .ttl_area h3 {
  display: inline-block;
  position: relative;
  padding-left: 50px;
}
@media screen and (max-width: 480px) {
  .flow .ttl_area h3 {
    padding-left: 35px;
  }
}
.flow .ttl_area h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 480px) {
  .flow .ttl_area h3::before {
    width: 25px;
    height: 25px;
  }
}
.flow .flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flow .flex .flow_content {
  position: relative;
  background-color: #fff;
  border: #121212 solid 8px;
  border-radius: 10px;
  width: 47.396vw;
  padding: 8.333vw 5.208vw 0 14.583vw;
  margin-right: 27.083vw;
}
@media screen and (max-width: 1270px) {
  .flow .flex .flow_content {
    width: calc(100% - 128px);
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-right: 3.902vw;
  }
}
@media screen and (max-width: 480px) {
  .flow .flex .flow_content {
    width: calc(100% - 64px);
    margin-left: 10px;
    margin-right: 0;
    border-right: none;
    padding: 20px 30px 0 50px;
  }
}
.flow .flex .flow_content.flow_content2 {
  margin-top: 10.417vw;
  margin-right: auto;
  margin-left: 36.458vw;
}
@media screen and (max-width: 1270px) {
  .flow .flex .flow_content.flow_content2 {
    margin-left: auto;
  }
}
.flow .flex .flow_content.flow_content2 .bubble {
  right: auto;
  left: -206px;
}
@media screen and (max-width: 1270px) {
  .flow .flex .flow_content.flow_content2 .bubble {
    left: auto;
    right: 0;
  }
}
.flow .flex .flow_content.flow_content2 .img_wrap {
  position: absolute;
  bottom: 22.917vw;
  right: auto;
  left: -36.979vw;
}
@media screen and (min-width: 1920px) {
  .flow .flex .flow_content.flow_content2 .img_wrap {
    bottom: 440px;
    left: -710px;
  }
}
.flow .flex .flow_content .flow_txt {
  margin-bottom: 170px;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .flow .flex .flow_content .flow_txt {
    margin-bottom: 30px;
  }
}
.flow .flex .flow_content .flow_txt .ttl {
  font-size: 26px;
  margin-bottom: 1em;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  position: relative;
}
@media screen and (max-width: 1270px) {
  .flow .flex .flow_content .flow_txt .ttl {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .flow .flex .flow_content .flow_txt .ttl::before {
    content: "";
    position: absolute;
    left: -35px;
    top: 0;
    height: 100%;
    width: 20px;
    background-image: url(../img/Untitled.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.flow .flex .flow_content .flow_txt p {
  font-size: 15px;
  line-height: 1.5em;
  position: relative;
}
@media screen and (max-width: 480px) {
  .flow .flex .flow_content .flow_txt p::before {
    content: "";
    position: absolute;
    top: 0;
    left: -35px;
    width: 20px;
    height: 100%;
    background-image: url(../img/flow_sp_item.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media screen and (max-width: 480px) {
  .flow .flex .flow_content .flow_txt p {
    font-size: 14px;
  }
}
.flow .flex .flow_content .noodle_item {
  max-width: 175px;
  width: 9.115vw;
  position: absolute;
  left: 5.208vw;
  bottom: 0;
}
@media screen and (max-width: 1500px) {
  .flow .flex .flow_content .noodle_item {
    left: 3.906vw;
  }
}
@media screen and (max-width: 480px) {
  .flow .flex .flow_content .noodle_item {
    display: none;
  }
}
.flow .flex .flow_content .bubble {
  width: 280px;
  position: absolute;
  top: -80px;
  right: -213px;
}
@media screen and (max-width: 1270px) {
  .flow .flex .flow_content .bubble {
    width: 230px;
    right: -35px;
    top: -60px;
  }
}
@media screen and (max-width: 480px) {
  .flow .flex .flow_content .bubble {
    width: 150px;
    right: 0;
    top: -40px;
  }
}
.flow .flex .flow_content .img_wrap {
  position: absolute;
  bottom: 18.229vw;
  right: -27.083vw;
}
@media screen and (min-width: 1920px) {
  .flow .flex .flow_content .img_wrap {
    bottom: 350px;
    right: -520px;
  }
}
@media screen and (max-width: 1270px) {
  .flow .flex .flow_content .img_wrap {
    display: none;
  }
}
.flow .flex .flow_content .img_wrap .img {
  border: #121212 solid 8px;
  border-radius: 10px;
  width: 30.208vw;
  max-width: 584px;
}
.flow .flex .flow_content .img_wrap .img2 {
  border: #121212 solid 8px;
  border-radius: 10px;
  width: 22.396vw;
  max-width: 432px;
  position: absolute;
  bottom: -12.083vw;
  right: -10.99vw;
  z-index: 2;
}
@media screen and (min-width: 1920px) {
  .flow .flex .flow_content .img_wrap .img2 {
    bottom: -232px;
    right: -211px;
  }
}
.flow .flex .flow_content .img_pc {
  padding-top: 50px;
  padding-bottom: 30px;
  transform: translateX(-6.098vw);
}
.information {
  position: relative;
  background-color: #FFE93E;
  padding-top: 110px;
  padding-bottom: 100px;
  border-top: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .information {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.information::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/about_item_bg.png) repeat;
  opacity: 0.5;
  z-index: 1;
}
.information .ttl_area {
  border-radius: 10px;
  background-color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  padding-top: 0.769em;
  padding-bottom: 0.769em;
  width: 395px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  border: #121212 solid 8px;
}
@media screen and (max-width: 480px) {
  .information .ttl_area {
    width: 280px;
    font-size: 20px;
  }
}
.information .ttl_area h3 {
  display: inline-block;
  position: relative;
  padding-left: 50px;
}
@media screen and (max-width: 480px) {
  .information .ttl_area h3 {
    padding-left: 35px;
  }
}
.information .ttl_area h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/ichibiri_logo.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 480px) {
  .information .ttl_area h3::before {
    width: 25px;
    height: 25px;
  }
}
.information .info_inner {
  max-width: 1080px;
  width: 72%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding-bottom: 9.375vw;
}
@media screen and (max-width: 1270px) {
  .information .info_inner {
    width: calc(100% - 64px);
  }
}
@media screen and (max-width: 480px) {
  .information .info_inner {
    width: calc(100% - 32px);
  }
}
.information .info_inner .desc {
  margin-top: 7.031vw;
  margin-bottom: 45px;
  padding-left: 220px;
  line-height: 1.5em;
}
@media screen and (max-width: 1270px) {
  .information .info_inner .desc {
    padding-left: 0;
  }
}
.information .info_inner .info_table {
  position: relative;
  background-color: #fff;
  border: #121212 solid 8px;
  border-radius: 10px;
  box-shadow: 8px 8px 1px;
  padding: 6.25vw;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .information .info_inner .info_table {
    box-shadow: 4px 4px 1px;
    padding: 20px;
    font-size: 16px;
  }
}
.information .info_inner .info_table.info_table2::before {
  background: url(../img/bubble_information2.png) no-repeat;
  background-position: center;
  background-size: contain;
}
.information .info_inner .info_table::before {
  content: "";
  position: absolute;
  top: -10.417vw;
  left: -13.542vw;
  width: 21.719vw;
  height: 18.75vw;
  background: url(../img/bubble_infomation.png) no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 1270px) {
  .information .info_inner .info_table::before {
    left: auto;
    right: 0;
    top: -52px;
  }
}
@media screen and (max-width: 480px) {
  .information .info_inner .info_table::before {
    width: 130px;
    height: 110px;
  }
}
.information .info_inner .info_table dl {
  display: flex;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: #121212 dashed 1px;
  line-height: 1.5em;
}
@media screen and (max-width: 480px) {
  .information .info_inner .info_table dl {
    flex-direction: column;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
.information .info_inner .info_table dl dt {
  width: 32%;
  padding-left: 50px;
}
@media screen and (max-width: 480px) {
  .information .info_inner .info_table dl dt {
    padding-left: 16px;
    width: auto;
    margin-bottom: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .information .info_inner .info_table dl dd {
    padding-left: 16px;
    font-size: 14px;
  }
}
.information .info_inner .info_table .info_table_img {
  border-radius: 10px;
  width: 23.438vw;
  border: #121212 solid 8px;
  box-shadow: 6px 8px 1px;
  position: absolute;
  right: -9.635vw;
  bottom: -11.875vw;
  transform: rotate(22deg);
}
.information .info_inner .info_table .info_table_img2 {
  border-radius: 10px;
  width: 23.438vw;
  border: #121212 solid 8px;
  box-shadow: 6px 8px 1px;
  position: absolute;
  left: -16.771vw;
  bottom: -9.167vw;
  transform: rotate(-22deg);
}
@media screen and (max-width: 1500px) {
  .information .info_inner .info_table .info_table_img2 {
    left: -11.719vw;
  }
}
.information .info_inner .btn_wrap {
  margin-top: 90px;
}
@media screen and (max-width: 1270px) {
  .information .info_inner .btn_wrap {
    margin-top: 50px;
  }
}
.information .info_inner .btn_wrap .moreBtn {
  width: 315px;
}

.contact_wrap {
  background-color: #ED1C24;
  position: relative;
  padding: 10.417vw 0;
  border-top: #121212 solid 8px;
}
@media screen and (max-width: 1270px) {
  .contact_wrap {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 480px) {
  .contact_wrap {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.contact_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/about_item_bg.png) repeat;
  background-position: center;
  top: 0;
  left: 0;
  opacity: 0.4;
  z-index: 1;
}
.contact_wrap .tbl-base {
  position: relative;
  z-index: 2;
  width: 1120px;
  margin: 0 auto;
  border: #121212 solid 8px;
  border-radius: 10px;
  background-color: #fff;
  padding: 6.771vw;
}
@media screen and (max-width: 1270px) {
  .contact_wrap .tbl-base {
    width: auto;
    padding: 6.01vw 3.606vw;
  }
}
@media screen and (max-width: 480px) {
  .contact_wrap .tbl-base {
    padding: 20px 0 30px;
  }
}

.news_wrap {
  background-color: #FFE93E;
  position: relative;
  padding-top: 200px;
  padding-bottom: 200px;
  border-top: #121212 solid 8px;
  overflow-x: clip;
}
@media screen and (max-width: 1270px) {
  .news_wrap {
    padding: 100px 32px;
  }
}
@media screen and (max-width: 480px) {
  .news_wrap {
    padding: 50px 16px;
  }
}
.news_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 300px;
  background-color: #ED1C24;
  border-top: #121212 solid 8px;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .news_wrap::before {
    height: 150px;
  }
}
.news_wrap::after {
  content: "";
  position: absolute;
  bottom: 292px;
  right: -75px;
  background: url(../img/noodle_logo2.png) no-repeat;
  background-position: center;
  background-size: contain;
  width: 300px;
  height: 300px;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .news_wrap::after {
    width: 150px;
    height: 150px;
    bottom: 142px;
  }
}
.news_wrap .news_content {
  max-width: 1120px;
  width: 58.333vw;
  margin: 0 auto;
  border: #121212 solid 5px;
  box-shadow: 5px 5px 1px #121212;
  border-radius: 10px;
  background-color: #fff;
  padding: 3.125vw 2.604vw 4.688vw;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1500px) {
  .news_wrap .news_content {
    width: 66.406vw;
    margin-right: auto;
    margin-left: 11.719vw;
  }
}
@media screen and (max-width: 1270px) {
  .news_wrap .news_content {
    width: 100%;
    margin-left: 0;
    padding: 32px 30px 50px;
  }
}
.news_wrap .news_content .ttl_area {
  padding-bottom: 20px;
  margin-bottom: 60px;
  border-bottom: #121212 solid 4px;
}
@media screen and (max-width: 480px) {
  .news_wrap .news_content .ttl_area {
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
}
.news_wrap .news_content .ttl_area time {
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
}
@media screen and (max-width: 480px) {
  .news_wrap .news_content .ttl_area time {
    font-size: 14px;
  }
}
.news_wrap .news_content .ttl_area .category {
  margin-left: 25px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #ED1C24;
  border: #ED1C24 solid 3px;
  border-radius: 10px;
  display: inline-block;
  padding: 10px 25px;
}
@media screen and (max-width: 480px) {
  .news_wrap .news_content .ttl_area .category {
    font-size: 14px;
    padding: 5px 15px;
  }
}
.news_wrap .news_content .ttl_area h3 {
  margin-top: 15px;
  font-size: 24px;
}
@media screen and (max-width: 480px) {
  .news_wrap .news_content .ttl_area h3 {
    font-size: 18px;
    margin-top: 10px;
  }
}
.news_wrap .news_content .thum {
  background-image: url(../img/news_img2.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 520px;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  .news_wrap .news_content .thum {
    height: 250px;
  }
}
.news_wrap .news_content .thum.thum2 {
  background-image: url(../img/news_img3.jpg);
}
.news_wrap .news_content .thum.thum3 {
  background-image: url(../img/news_sample.jpg);
}
.news_wrap .news_content .content {
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.8em;
}
@media screen and (max-width: 480px) {
  .news_wrap .news_content .content {
    margin-top: 20px;
    font-size: 14px;
  }
}
.news_wrap__link {
  max-width: 1120px;
  width: 58.333vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  margin-top: 2rem;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
}
@media screen and (max-width: 1500px) {
  .news_wrap__link {
    width: 66.406vw;
  }
}
@media screen and (max-width: 1270px) {
  .news_wrap__link {
    width: 100%;
    padding: 32px 30px 50px;
  }
}
@media screen and (max-width: 480px) {
  .news_wrap__link {
    padding: 1rem 2rem 0;
  }
}
.news_wrap__link .link_txt {
  position: relative;
}
.news_wrap__link .link_txt.prev::before {
  content: "<";
  left: -2rem;
}
@media screen and (max-width: 480px) {
  .news_wrap__link .link_txt.prev::before {
    left: -1rem;
  }
}
.news_wrap__link .link_txt.next::before {
  content: ">";
  right: -2rem;
}
@media screen and (max-width: 480px) {
  .news_wrap__link .link_txt.next::before {
    right: -1rem;
  }
}
.news_wrap__link .link_txt:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.news_wrap__link a {
  transition: all 0.4s;
}
.news_wrap__link a:hover {
  color: #121212;
}
.news_wrap .news_float {
  position: absolute;
  top: 200px;
  right: 50px;
  width: 300px;
  z-index: 2;
}
@media screen and (max-width: 1500px) {
  .news_wrap .news_float {
    width: 200px;
  }
}
@media screen and (max-width: 1270px) {
  .news_wrap .news_float {
    display: none;
  }
}
.news_wrap .news_float .float_ttl {
  font-family: "vdl-linegrpop-shadow", sans-serif;
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: #ED1C24 4px solid;
  color: #ED1C24;
}
.news_wrap .news_float a:hover .ttl {
  color: #ED1C24;
}
.news_wrap .news_float time {
  font-size: 10px;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
.news_wrap .news_float .category {
  margin-left: 10px;
  display: inline-block;
  color: #fff;
  background-color: #ED1C24;
  font-size: 10px;
  padding: 6px 12px;
  border-radius: 10px;
}
.news_wrap .news_float .ttl_area {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.3em;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: #121212 dashed 1px;
}
.news_wrap .news_float .ttl {
  transition: all 0.4s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news_wrap .news_float__category {
  max-width: 900px;
  margin: 0 auto;
}
.news_wrap .news_float__category li {
  margin-top: 30px;
  border: solid 4px #ED1C24;
  border-radius: 10px;
  background-color: #fff;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #ED1C24;
  padding: 1.1em 1.1em 1.1em 3em;
}
.news_wrap .news_float__category li .title {
  position: relative;
  cursor: pointer;
}
.news_wrap .news_float__category li .title.close::before {
  transform: rotate(-300deg);
}
.news_wrap .news_float__category li .title::before {
  content: "";
  position: absolute;
  right: 0;
  top: -5px;
  width: 30px;
  height: 30px;
  background: url(../img/naruto_red.png) no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.4s;
}
.news_wrap .news_float__category li .box {
  display: none;
}
.news_wrap .news_float__category li .box_link {
  display: block;
  padding-top: 1.2em;
  transition: all 0.4s;
}
.news_wrap .news_float__category li .box_link:hover {
  color: #121212;
}

.news_wrap__archive {
  max-width: 1500px;
  width: 78.1%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1270px) {
  .news_wrap__archive {
    width: auto;
    justify-content: center;
    flex-direction: column;
  }
}
.news_wrap__archive .archive {
  position: relative;
  z-index: 2;
  width: 70%;
}
@media screen and (max-width: 1270px) {
  .news_wrap__archive .archive {
    width: auto;
  }
}
.news_wrap__archive .archive_item {
  background-color: #fff;
  border-radius: 10px;
  border: solid 5px #121212;
  margin-bottom: 2rem;
  padding: 2rem 3rem;
  box-shadow: 8px 8px 1px #121212;
  max-width: 1120px;
  transition: all 0.4s;
}
.news_wrap__archive .archive_item:hover {
  box-shadow: none;
  transform: translate3d(5px, 5px, 0);
}
@media screen and (max-width: 480px) {
  .news_wrap__archive .archive_item {
    padding: 1.5rem;
  }
}
.news_wrap__archive .archive_item a {
  cursor: pointer;
}
.news_wrap__archive .archive_item__top {
  margin-bottom: 1.7rem;
}
.news_wrap__archive .archive_item__top time {
  font-size: 0.9rem;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
}
@media screen and (max-width: 480px) {
  .news_wrap__archive .archive_item__top time {
    font-size: 0.8rem;
  }
}
.news_wrap__archive .archive_item__top .category {
  margin-left: 2rem;
  font-size: 0.9rem;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #ED1C24;
  border: solid 3px #ED1C24;
  border-radius: 10px;
  padding: 0.5rem 1.1rem;
}
@media screen and (max-width: 480px) {
  .news_wrap__archive .archive_item__top .category {
    font-size: 0.8rem;
    margin-left: 1.1rem;
  }
}
.news_wrap__archive .archive_item__btm {
  line-height: 2rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .news_wrap__archive .archive_item__btm {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.news_wrap__archive .archive_item__btm .ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news_wrap__archive .archive .topic_pager {
  padding-top: 2rem;
}
.news_wrap__archive .archive .topic_pager ul {
  display: flex;
  font-family: "vdl-logojrblack", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 1.1rem;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .news_wrap__archive .archive .topic_pager ul {
    justify-content: center;
  }
}
.news_wrap__archive .archive .topic_pager ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0.5rem;
}
.news_wrap__archive .archive .topic_pager ul .page-numbers {
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.news_wrap__archive .archive .topic_pager ul .page-numbers:hover {
  color: #121212;
}
.news_wrap__archive .archive .topic_pager ul .page-numbers.current {
  background-color: #fff;
  border-radius: 5px;
  color: #ED1C24;
}
.news_wrap__category {
  display: none;
}
@media screen and (max-width: 1270px) {
  .news_wrap__category {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 1270px) and (max-width: 480px) {
  .news_wrap__category {
    flex-direction: column;
  }
}
@media screen and (max-width: 1270px) {
  .news_wrap__category li {
    margin-top: 30px;
    border: solid 4px #ED1C24;
    border-radius: 10px;
    background-color: #fff;
    font-family: "vdl-logojrblack", sans-serif;
    font-style: normal;
    font-weight: 900;
    color: #ED1C24;
    padding: 1.1em 1.1em 1.1em 3em;
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 1270px) and (max-width: 480px) {
  .news_wrap__category li {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
@media screen and (max-width: 1270px) {
  .news_wrap__category li .title {
    position: relative;
    cursor: pointer;
  }
  .news_wrap__category li .title.close::before {
    transform: rotate(-300deg);
  }
  .news_wrap__category li .title::before {
    content: "";
    position: absolute;
    right: 0;
    top: -5px;
    width: 30px;
    height: 30px;
    background: url(../img/naruto_red.png) no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.4s;
  }
  .news_wrap__category li .box {
    display: none;
  }
  .news_wrap__category li .box_link {
    display: block;
    padding-top: 1.2em;
    transition: all 0.4s;
  }
  .news_wrap__category li .box_link:hover {
    color: #121212;
  }
}

.product_wrap {
  background-color: #FFE93E;
  position: relative;
  padding: 13.542vw 0;
  border-top: #121212 solid 8px;
}
.product_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../img/about_item_bg.png);
  background-repeat: repeat;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5;
}
.product_wrap .p-product-main {
  margin: 0 auto;
  width: calc(100% - 20.833vw);
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1270px) {
  .product_wrap .p-product-main {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    padding: 0 32px;
  }
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main {
    padding: 0 16px;
  }
}
.product_wrap .p-product-main .p-product-img {
  border: #121212 solid 8px;
  border-radius: 10px;
  width: 39.063vw;
}
@media screen and (max-width: 1270px) {
  .product_wrap .p-product-main .p-product-img {
    width: 720px;
  }
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main .p-product-img {
    width: 100%;
  }
}
.product_wrap .p-product-main .p-product-img img {
  height: 39.063vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1270px) {
  .product_wrap .p-product-main .p-product-img img {
    height: 720px;
  }
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main .p-product-img img {
    height: 350px;
  }
}
.product_wrap .p-product-main .p-product-info {
  margin-left: 6.25vw;
}
@media screen and (max-width: 1270px) {
  .product_wrap .p-product-main .p-product-info {
    margin-left: 0;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main .p-product-info {
    margin-top: 20px;
  }
}
.product_wrap .p-product-main .p-product-info .ttl {
  font-size: 24px;
  margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main .p-product-info .ttl {
    font-size: 18px;
  }
}
.product_wrap .p-product-main .p-product-info .price {
  font-size: 24px;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main .p-product-info .price {
    font-size: 18px;
  }
}
.product_wrap .p-product-main .p-product-info .price span {
  font-size: 0.5em;
}
.product_wrap .p-product-main .p-product-info .explain {
  line-height: 1.5em;
}
.product_wrap .p-product-main .cart {
  margin-top: 85px;
}
@media screen and (max-width: 1270px) {
  .product_wrap .p-product-main .cart {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .product_wrap .p-product-main .cart {
    margin-top: 30px;
  }
}

.cartjs_box {
  padding: 0 !important;
}

.cartjs_product_table table {
  width: 100% !important;
}
@media screen and (max-width: 1270px) {
  .cartjs_product_table table tbody {
    display: flex;
    align-items: center;
  }
}
.cartjs_product_table table tr {
  display: flex;
  align-items: center;
}
.cartjs_product_table table tr th {
  width: 50px;
  margin-right: 30px;
}
@media screen and (max-width: 480px) {
  .cartjs_product_table table tr th {
    margin-right: 10px;
  }
}
.cartjs_product_table table .cartjs_product_num td {
  position: relative;
}
.cartjs_product_table table .cartjs_product_num td::before {
  content: "点";
  font-size: 15px;
  position: absolute;
  right: -20px;
  bottom: 15px;
  color: #121212;
}
@media screen and (max-width: 480px) {
  .cartjs_product_table table .cartjs_product_num td::before {
    font-size: 12px;
  }
}
.cartjs_product_table table .cartjs_product_num input[type=text] {
  text-align: right;
  border: #121212 solid 1px;
  background-color: #fff;
  border-radius: 10px;
  color: #ED1C24;
  width: 62px !important;
  padding: 15px !important;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  .cartjs_product_table table .cartjs_product_num input[type=text] {
    font-size: 16px;
  }
}
@media screen and (max-width: 1270px) {
  .cartjs_product_table table .cartjs_option.cartjs_option1 {
    margin-left: 50px;
  }
}
.cartjs_product_table table .cartjs_option.cartjs_option1 select {
  text-align: right;
  border: #121212 solid 1px !important;
  background-color: #fff;
  border-radius: 10px !important;
  color: #ED1C24 !important;
  width: 62px !important;
  padding: 15px !important;
  font-size: 20px;
  height: auto !important;
}
@media screen and (max-width: 480px) {
  .cartjs_product_table table .cartjs_option.cartjs_option1 select {
    font-size: 16px;
    padding: 8px !important;
  }
}

.cartjs_cart_in {
  text-align: left !important;
  position: relative;
  transition: all 0.4s;
}
.cartjs_cart_in:hover {
  opacity: 0.8;
}
.cartjs_cart_in::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 110px;
  width: 20px;
  height: 20px;
  background: url(../img/feather-shopping-cart.svg) no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .cartjs_cart_in::before {
    left: 23.846vw;
  }
}
.cartjs_cart_in input[type=submit] {
  background-color: #fff !important;
  border-radius: 10px !important;
  color: #ED1C24 !important;
  border: #121212 solid 3px !important;
  width: 400px !important;
}
@media screen and (max-width: 480px) {
  .cartjs_cart_in input[type=submit] {
    width: 100% !important;
  }
}

.privacy-wrap {
  position: relative;
  z-index: 2;
  width: 1120px;
  margin: 0 auto;
  border: #121212 solid 8px;
  border-radius: 10px;
  background-color: #fff;
  padding: 6.771vw;
  line-height: 1.5em;
}
@media screen and (max-width: 1270px) {
  .privacy-wrap {
    width: auto;
    padding: 6.01vw 3.606vw;
  }
}
@media screen and (max-width: 480px) {
  .privacy-wrap {
    padding: 30px 16px 40px;
  }
}
.privacy-wrap h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .privacy-wrap h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.privacy-wrap .privacy-body {
  margin-top: 30px;
}
.privacy-wrap .privacy-body .privacy-item {
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .privacy-wrap .privacy-body .privacy-item {
    margin-top: 40px;
  }
}
.privacy-wrap .privacy-body .privacy-item h4 {
  font-size: 18px;
  padding-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .privacy-wrap .privacy-body .privacy-item h4 {
    font-size: 16px;
    padding-bottom: 10px;
  }
}
.privacy-wrap #law {
  margin-top: 50px;
}
.privacy-wrap .law {
  margin-top: 50px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .privacy-wrap .law {
    margin-top: 20px;
  }
}
.privacy-wrap .law tbody {
  padding: 0 3.606vw;
}
@media screen and (max-width: 480px) {
  .privacy-wrap .law tbody tr {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
  }
}
.privacy-wrap .law tbody .txt-left {
  padding: 20px 0 20px 10px;
  margin-bottom: 20px;
  border-bottom: #121212 1px dashed;
}
@media screen and (max-width: 480px) {
  .privacy-wrap .law tbody .txt-left {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.privacy-wrap .law tbody .txt-right {
  display: inline-block;
  padding: 20px 0 20px 10px;
  margin-left: 30px;
  border-bottom: #9c9c9c 1px dashed;
  width: 100%;
}
@media screen and (max-width: 1270px) {
  .privacy-wrap .law tbody .txt-right {
    display: block;
    width: auto;
    margin-right: 3.606vw;
  }
}
@media screen and (max-width: 480px) {
  .privacy-wrap .law tbody .txt-right {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}/*# sourceMappingURL=style.css.map */