.pcVer {
  display: none;
}

.spVer {
  display: inline;
}

@media screen and (min-width: 768px) {
  .pcVer {
    display: inline;
  }

  .spVer {
    display: none;
  }
}


#top_online_shop .wrap div {
  font-size: 1rem;
}

#top_intro .top_intro_img {
  margin-top: 120px;
  margin-bottom: 80px;
}

#top_intro .top_intro_txt {
  display: inline-block;
  text-align: left;
  line-height: 1.5em;
  font-size: 1.6rem;
}

#top_intro .top_intro_txt p {
  line-height: 1.8em;
}

#top_business {
  padding-bottom: 0;
}

#top_business .top_business_list_inner {
  text-align: center;
}

#top_business h4 {
  font-weight: 700;
  font-size: 2.8rem;
}

#top_business h4 span {
  font-weight: 400;
  font-size: .65em;
  display: block;
  margin-top: .5em;
  line-height: 1.4em;
  transition: all .3s;
}

#top_business .top_business_list .top_business_list_inner:hover h4 {
  opacity: .5;
}

#top_business .top_business_list .top_business_list_inner img {
  opacity: .5;
}

#top_business .top_business_list .top_business_list_inner:hover img {
  opacity: 1;
}

#top_business.--service {
  padding-bottom: 80px;
  padding-top: 0;
}

#page_title h4 {
  font-weight: 600;
}

#company table tr:first-child th {
  border-top: 1px solid #eee;
}

#contact {
  padding-bottom: 6rem;
}

dl.inquiry {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2em 0;
  margin-bottom: 40px;
}

.inquiry dt {
  width: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inquiry dt span:last-child {
  display: inline-block;
  font-size: .8em;
  padding: .2em .5em;
  border-radius: 3px;
}

.inquiry dt .any {
  background: #053355;
}

.inquiry dd {
  width: 70%;
  padding-left: 1em;
}

.inquiry select,
.inquiry input,
.inquiry textarea {
  border: none;
}

.inquiry input,
.inquiry textarea {
  padding: .5em 1em;
}

.spamcheck {
  line-height: 1.5em;
}

#formbtn {
  background: #053355;
  border-color: #053355;
  transition: all .3s;
  margin-top: 4rem;
  line-height: 1em;
}

#formbtn:hover {
  color: #053355;
  border-color: #053355;
}


@media screen and (max-width: 768px) {

  #top_intro .top_intro_img {
    margin-top: 80px;
    margin-bottom: 60px;
  }

  dl.inquiry {
    gap: 0;
  }

  .inquiry dt {
    width: 100%;
    margin-bottom: .5em;
  }

  .inquiry dd {
    width: 100%;
    padding-left: 0;
    margin-bottom: 2em;
  }

  .spamcheck {
    padding: .5em;
    padding-left: 1em;
    text-align: left;
  }

  .spamcheck span {
    margin: 0;
    vertical-align: middle;
  }
}

@media screen and (max-width: 500px) {

  #top_intro .top_intro_txt .pc {
    display: none;
  }
}


/* ---------------------------------------------

  page  

--------------------------------------------- */
#business #page_title,
#bennovation-report #page_title,
#japanese-sake #page_title,
#company #page_title,
#brand-list #page_title,
#recruit #page_title,
#contact #page_title,
#archive #page_title,
#magazine #page_title {
  padding: 40px 0;
}

@media screen and (min-width: 768px) {

  #business #page_title,
  #bennovation-report #page_title,
  #japanese-sake #page_title,
  #company #page_title,
  #brand-list #page_title,
  #recruit #page_title,
  #contact #page_title,
  #archive #page_title,
  #magazine #page_title {
    padding: 80px 0;
  }
}

#business #page_title .wrap,
#bennovation-report #page_title .wrap,
#japanese-sake #page_title .wrap,
#company #page_title .wrap,
#brand-list #page_title .wrap,
#recruit #page_title .wrap,
#contact #page_title .wrap,
#archive #page_title .wrap,
#magazine #page_title .wrap {
  text-align: center;
}

#business #page_title .wrap h3,
#bennovation-report #page_title .wrap h3,
#japanese-sake #page_title .wrap h3,
#company #page_title .wrap h3,
#brand-list #page_title .wrap h3,
#recruit #page_title .wrap h3,
#contact #page_title .wrap h3,
#archive #page_title .wrap h3,
#magazine #page_title .wrap h3 {
  margin: 0 0 2rem 0;
  font-size: 2.8rem;
  color: #053355;
  font-weight: lighter;
}

#business #page_title .wrap h3 span,
#bennovation-report #page_title .wrap h3 span,
#japanese-sake #page_title .wrap h3 span,
#company #page_title .wrap h3 span,
#brand-list #page_title .wrap h3 span,
#recruit #page_title .wrap h3 span,
#contact #page_title .wrap h3 span,
#archive #page_title .wrap h3 span,
#magazine #page_title .wrap h3 span {
  color: #C0351F;
}

@media screen and (min-width: 768px) {

  #business #page_title .wrap h3,
  #bennovation-report #page_title .wrap h3,
  #japanese-sake #page_title .wrap h3,
  #company #page_title .wrap h3,
  #brand-list #page_title .wrap h3,
  #recruit #page_title .wrap h3,
  #contact #page_title .wrap h3,
  #archive #page_title .wrap h3,
  #magazine #page_title .wrap h3 {
    font-size: 3.4rem;
  }
}

#business #page_title .wrap h4,
#bennovation-report #page_title .wrap h4,
#japanese-sake #page_title .wrap h4,
#company #page_title .wrap h4,
#brand-list #page_title .wrap h4,
#recruit #page_title .wrap h4,
#contact #page_title .wrap h4,
#archive #page_title .wrap h4,
#magazine #page_title .wrap h4 {
  margin: 0 0 2rem 0;
  font-size: 1.6rem;
  color: #656565;
}

@media screen and (min-width: 768px) {

  #business #page_title .wrap h4,
  #bennovation-report #page_title .wrap h4,
  #japanese-sake #page_title .wrap h4,
  #company #page_title .wrap h4,
  #brand-list #page_title .wrap h4,
  #recruit #page_title .wrap h4,
  #contact #page_title .wrap h4,
  #archive #page_title .wrap h4,
  #magazine #page_title .wrap h4 {
    margin: 0 0 25px 0;
    font-size: 1.6rem;
  }
}

#business #page_title .wrap p,
#bennovation-report #page_title .wrap p,
#japanese-sake #page_title .wrap p,
#company #page_title .wrap p,
#brand-list #page_title .wrap p,
#recruit #page_title .wrap p,
#contact #page_title .wrap p,
#archive #page_title .wrap p,
#magazine #page_title .wrap p {
  line-height: 2;
}

#business #page_title .wrap img,
#bennovation-report #page_title .wrap img,
#japanese-sake #page_title .wrap img,
#company #page_title .wrap img,
#brand-list #page_title .wrap img,
#recruit #page_title .wrap img,
#contact #page_title .wrap img,
#archive #page_title .wrap img,
#magazine #page_title .wrap img {
  margin: 0 0 2rem;
}

#business #page_title .wrap .page_title_img,
#bennovation-report #page_title .wrap .page_title_img,
#japanese-sake #page_title .wrap .page_title_img,
#company #page_title .wrap .page_title_img,
#brand-list #page_title .wrap .page_title_img,
#recruit #page_title .wrap .page_title_img,
#contact #page_title .wrap .page_title_img,
#archive #page_title .wrap .page_title_img,
#magazine #page_title .wrap .page_title_img {
  margin: 0 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {

  #business #page_title .wrap .page_title_img,
  #bennovation-report #page_title .wrap .page_title_img,
  #japanese-sake #page_title .wrap .page_title_img,
  #company #page_title .wrap .page_title_img,
  #brand-list #page_title .wrap .page_title_img,
  #recruit #page_title .wrap .page_title_img,
  #contact #page_title .wrap .page_title_img,
  #archive #page_title .wrap .page_title_img,
  #magazine #page_title .wrap .page_title_img {
    margin: 4rem 0 0;
  }
}

#business #page_title .wrap .page_title_img .page_title_img_inner,
#bennovation-report #page_title .wrap .page_title_img .page_title_img_inner,
#japanese-sake #page_title .wrap .page_title_img .page_title_img_inner,
#company #page_title .wrap .page_title_img .page_title_img_inner,
#brand-list #page_title .wrap .page_title_img .page_title_img_inner,
#recruit #page_title .wrap .page_title_img .page_title_img_inner,
#contact #page_title .wrap .page_title_img .page_title_img_inner,
#archive #page_title .wrap .page_title_img .page_title_img_inner,
#magazine #page_title .wrap .page_title_img .page_title_img_inner {
  width: 40%;
  margin: 0 3% 20px;
}

@media screen and (min-width: 768px) {

  #business #page_title .wrap .page_title_img .page_title_img_inner,
  #bennovation-report #page_title .wrap .page_title_img .page_title_img_inner,
  #japanese-sake #page_title .wrap .page_title_img .page_title_img_inner,
  #company #page_title .wrap .page_title_img .page_title_img_inner,
  #brand-list #page_title .wrap .page_title_img .page_title_img_inner,
  #recruit #page_title .wrap .page_title_img .page_title_img_inner,
  #contact #page_title .wrap .page_title_img .page_title_img_inner,
  #archive #page_title .wrap .page_title_img .page_title_img_inner,
  #magazine #page_title .wrap .page_title_img .page_title_img_inner {
    width: 20%;
  }
}

#business #page_title .wrap .page_title_img img,
#bennovation-report #page_title .wrap .page_title_img img,
#japanese-sake #page_title .wrap .page_title_img img,
#company #page_title .wrap .page_title_img img,
#brand-list #page_title .wrap .page_title_img img,
#recruit #page_title .wrap .page_title_img img,
#contact #page_title .wrap .page_title_img img,
#archive #page_title .wrap .page_title_img img,
#magazine #page_title .wrap .page_title_img img {
  margin: 0;
}

.page_contact {
  text-align: center;
  margin-bottom: 8rem;
}

.page_contact_btn {
  width: 80%;
  max-width: 400px;
  display: inline-block;
  font-size: 2rem;
  line-height: 1em;
  color: #fff;
  padding-top: .8em;
  padding-bottom: .8em;
  font-weight: 700;
  background: #053355;
}

.page_contact_btn:hover {
  color: #fff;
  background: #C0351F;
}


/* business */

#top_business .top_business_list .top_business_list_inner h4 {
  pointer-events: none;
}

.business_section .business_section_title {
  padding: 0;
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .business_section .business_section_title {
    padding: 0;
  }
}

.business_section .business_section_title h3 {
  padding: 10px 0 15px;
  font-size: 1.8rem;
  color: #fff;
  background-color: #053355;
}

@media screen and (min-width: 768px) {
  .business_section .business_section_title h3 {
    font-size: 2.4rem;
  }
}

.business_section .business_section_contents {
  padding: 0;
}

.business_section+.business_section {
  margin-top: 6rem;
}

@media screen and (min-width: 768px) {
  .business_section+.business_section {
    margin-top: 8rem;
  }
  .business_section .business_section_contents {
    padding: 0;
  }
}

.business_section .business_section_contents h4 {
  font-size: 1.8rem;
  margin-bottom: .5em;
  line-height: 1.6;
  color: #053355;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .business_section .business_section_contents h4 {
    font-size: 2rem;
  }
}

.business_section .business_section_contents p {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .business_section .business_section_contents p {
    text-align: center;
  }
}

.business_section .business_section_contents .business_section_contents_img {
  margin: 0 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .business_section .business_section_contents .business_section_contents_img {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 4rem;
  }
}

.business_section .business_section_contents .business_section_contents_img .business_section_contents_img_inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .business_section .business_section_contents .business_section_contents_img .business_section_contents_img_inner--akatore {
    width: 100%;
  }
}

.bus_cont-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bus_cont-col2,
.bus_cont-col3,
.bus_cont-col4 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .bus_cont-col2 {
    width: calc(50% -4rem);
  }

  .bus_cont-col3 {
    width: calc(100% / 3 - 2rem);
  }

  .bus_cont-col4 {
    width: calc(100% / 4 - 1rem);
  }
}

.bus_cont-col.--sake .bus_cont-col3 figure,
.bus_cont-col.--case .bus_cont-col3 figure,
.bus_cont-col.--case .bus_cont-col4 figure {
  background: #053355;
  padding: 3rem 5% 1.5rem;
  margin-bottom: 0;
  border-radius: 15px 15px 0 0;
}

.bus_cont-col.--sake .bus_cont-col3 figure img,
.bus_cont-col.--case .bus_cont-col3 figure img,
.bus_cont-col.--case .bus_cont-col4 figure img {
  max-width: 70px;
}

.bus_cont-col.--sake .bus_cont-col3 h4,
.bus_cont-col.--case .bus_cont-col3 h4,
.bus_cont-col.--case .bus_cont-col4 h4 {
  padding: 0 5% 2.5rem;
  color: #fff;
  text-align: center;
  margin-bottom: .5em;
  background: #053355;
  font-size: 1.6rem;
  border-radius: 0 0 15px 15px;
}

.bus_cont-col.--sake .bus_cont-col3 p,
.bus_cont-col.--case .bus_cont-col3 p,
.bus_cont-col.--case .bus_cont-col4 p {
  text-align: left;
  line-height: 1.5em;
}

.bus_cont-col.--case .bus_cont-col4 p {
  color: #053355;
  font-weight: 700;
  text-align: center;
}

.benno_prb_ttl {
  font-size: 3rem;
  color: #053355;
  font-weight: 700;
  margin-bottom: 3.5rem;
}

.benno_prb_ttl span {
  display: inline-block;
  width: 4rem;
  transform: rotate(23deg);
  vertical-align: bottom;
  margin-left: .2em;
}

.benno_prb_list {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
  margin-bottom: 3.5rem;
  padding-left: 1em;
}

.benno_prb_list-item {
  font-size: 1.8rem;
  font-weight: 600;
  color: #053355;
  text-align: left;
  line-height: 1.5em;
  position: relative;
}

.benno_prb_list-item::before {
  content: "・";
  display: inline-block;
  font-size: 1.2em;
  position: absolute;
  left: -1em;
  top: 0;
}

.benno_prb_list-item+.benno_prb_list-item {
  margin-top: .5em;
}

.benno_prb_txt {
  font-size: 1.8rem;
}

.benno_prb_txt span {
  color: #C0351F;
  font-weight: 600;
}

.benno_merit-cont {
  list-style-type: none;
  margin: 0;
}

.benno_merit-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.benno_merit-item:nth-child(2) {
  flex-direction: row-reverse;
}

.benno_merit-item+.benno_merit-item {
  margin-top: 4rem;
}

.business_section .business_section_contents .benno_merit-item .business_section_contents_img {
  width: 40%;
  margin-bottom: 0;
}

.benno_merit-txtWrap {
  width: 60%;
  padding-left: 2em;
}

.benno_merit-item:nth-child(2) .benno_merit-txtWrap {
  width: 60%;
  padding-left: 0;
  padding-right: 2em;
}

.benno_merit-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  color: #053355;
  margin-bottom: 1em;
  line-height: 1.5em;
  text-align: left;
}

.business_section .business_section_contents .benno_merit-txt {
  text-align: left;
  line-height: 1.8em;
  margin-bottom: 1.5em;
}

.benno_merit-point {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
}

.benno_merit-point span {
  font-family: "Oswald", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "sans-serif";
  font-weight: 700;
  color: #fff;
  font-size: 1.4rem;
  display: inline-block;
  padding: .2em .5em;
  background: #053355;
  border-radius: 5px;
  letter-spacing: .1em;
}

.benno_merit-point_ttl {
  width: calc(100% - 8rem);
  text-align: left;
  font-size: 1.6rem;
  color: #053355;
  font-weight: 600;
  margin-bottom: 0;
}

.business_section .business_section_contents .benno_merit-point_txt {
  text-align: left;
  line-height: 1.8em;
  margin-bottom: 0;
}

.bus_cont-col.--case02 figure {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 2rem;
  height: 190px;
  max-width: 270px;
  margin: 0 auto 2rem;
}

.bus_cont-col.--case02 figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.business_section .business_section_contents .bus_cont-col.--case02 p {
  text-align: left;
}

.bus_cont-col.--case02 {}

.benno_prb_ttl.--2 {
  font-size: 2.4rem;
  line-height: 1.5em;
}

.benno_bottom-txt {
  font-size: 2.4rem;
  margin-top: 6rem;
}

.benno_bottom-txt span {
  color: #C0351F;
  font-weight: 600;
}


@media screen and (max-width: 768px) {
  .benno_prb_ttl {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: .5em;
    font-size: min(6vw, 2.8rem);
  }

  .benno_prb_ttl span {
    margin-left: 0;
  }

  .benno_prb_list-item {
    font-size: 1.6rem;
  } 

  .business_section .business_section_contents .benno_prb_txt {
    text-align: center;
    line-height: 1.5em;
  }

  .benno_merit-item,
  .benno_merit-item:nth-child(2)
   {
    flex-direction: column;
  }

  .business_section .business_section_contents .benno_merit-item .business_section_contents_img {
    width: 100%;
    max-width: 480px;
    margin-bottom: 2rem;
    text-align: center;
  }

  .benno_merit-txtWrap {
    width: 100%;
    padding-left: 0;
  }

  .benno_merit-item:nth-child(2) .benno_merit-txtWrap {
    width: 100%;
    padding-right: 0;
  }

  .benno_prb_ttl.--2 {
    font-size: min(4vw, 1.8rem);
    text-align: left;
  } 

  .benno_bottom-cont .bus_cont-col {
    max-width: 300px;
    margin: 0 auto;
  }

  .business_section .business_section_contents .benno_bottom-txt {
    font-size: min(4vw, 2rem);
    line-height: 1.5em;
    text-align: center;
  }
}