@charset "UTF-8";
@media screen and (max-width: 479px) {
.main_ttl{
  font-size: 2.6rem;
}
.under_gy {
  height: 100%;
}
}
@media screen and (min-width: 769px) {
  .main_ttl {
      font-size: 3.9rem;
  }
}
@media screen and (max-width: 1024px) {
.under_gy .main_ttl{        font-size: 2.9rem;
}
}

.torikumi .main_ttl:before {
  display: none;
}
.torikumi_wrap {
font-size: 1.6rem;
}

.torikumi_wrap h2 {
font-size: 7rem;
font-weight: bold;
}

.torikumi_wrap h3 {
font-size: 5rem;
}

.torikumi_wrap .heading {
font-size: 32px;
margin: 60px 0 40px;
}

.torikumi_wrap .pc {
display: block;
}

.torikumi_wrap .sp {
display: none;
}

.torikumi_wrap p {
font-size: 18px;
margin: 0 0 16px;
}

.torikumi_wrap section {
margin-bottom: 100px;
}

.torikumi_wrap section:last-child {
margin-bottom: 20px;
}

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

.torikumi_wrap .sp {
  display: block;
}

}

@media screen and (max-width: 767px) {
.h3 {
  font-size: 24px;
  margin: 48px 0 40px;
}

.torikumi_wrap .heading {
  font-size: 20px;
  margin: 28px 0;
}

.torikumi_wrap p {
  font-size: 14px;
  margin: 0 0 12px;
}

.torikumi_wrap section {
  margin-bottom: 80px;
}
}

.torikumi_wrap .top_img img {
width: 100%;
}

.torikumi_wrap .inner {
max-width: 860px;
}

.torikumi_wrap .hero {
position: relative;
}

.torikumi_wrap .box {
margin-bottom: 100px;
}

.torikumi_wrap .align-center {
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}

.torikumi_wrap .btm20{
  margin-bottom: 20px;
}
.torikumi_wrap .btm12{
  margin-bottom: 12px;
}
.torikumi_wrap .img_box3 {
  display: flex;
  margin-bottom: 20px;
  flex-direction: row;
  justify-content: space-around;
  gap: 10px;
}
.torikumi_wrap .max-img {
  width: 100%;
  height: auto;
}
.torikumi_wrap .img_box3 div:nth-child(2){
  display: flex;
  flex-direction: row;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .torikumi_wrap .img_box3 {
  width: 830px;
  }
  .torikumi_wrap .img_box3 div:nth-child(2){
      flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .torikumi_wrap .img_box3 div:nth-child(2) {
    justify-content: space-around;
}
}
.torikumi_wrap .d-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 40px 0 60px 0;
}
.torikumi_wrap .left, .right {
  flex: 1;
}

.torikumi_wrap .center_box {
display: flex;
justify-content: center;
}

.torikumi_wrap .text_box {
display: flex;
flex-direction: column;
align-items: flex-start;
}

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

  .torikumi_wrap .inner {
    padding-inline: 15px;
    }
.torikumi_wrap .box {
  margin-bottom: 80px;
}

.torikumi_wrap .width50_sp {
  width: 48%;
}

.torikumi_wrap .img_box3 {
  display: flow;
  margin-bottom: 16px;
}

.torikumi_wrap .d-box {
  flex-direction: column;
  margin: 28px 0 20px 0;
}
}

/*関連リンク*/
.bg_kanren {
  background: #fbfbfb;
  padding: 1px 15px 20px;
  margin: 30px 15px;
}

.sanpin_kanren {
  color: #1c1c1c;
  text-align: center;
  margin: 50px 0 30px;
}
.btn.btn_type_b.kanren_btn a:after {
  border-color: #0067BD;
  width:11px;
  height: 11px;
}
.btn.btn_type_b.kanren_btn a {
  border-color: #f2f2f2;
  border-radius: 5px;
  color: #0067BD;
  font-size: 1.6rem;
  margin: 15px 0;
  padding:0 30px 0 5px;
}
@media screen and (min-width:769px) {
  .sanpin_kanren {
    font-size: 2rem;
  }
  ul.kanren_link {
    display: flex;
    justify-content: center;
  }
  ul.kanren_link .btn.btn_type_b.kanren_btn {
    margin:0 2px;
  }
  .kanren_link li {
    width:calc(100% / 3);
    max-width:auto;
    margin:0;
    flex:100%;
  }
  .btn.btn_type_b.kanren_btn a {
    margin:15px 2px;
  }
.btn.btn_type_b.kanren_btn a:after {
  width:13px;
  height: 13px;
}
  .kanren_link li:not(:first-child) {
    margin-left: 13px;
  }
  .btn.btn_type_b.kanren_btn a:hover{
    background: #0067BD;
    color:#fff;
    transition: .3s;
    border-color: #0067BD;
  }
    .btn.btn_type_b.kanren_btn a:hover:after{
    border-color:#fff;
  }
  .bg_kanren {
    margin: 50px auto;
  }
  }

/*近江牛*/
.omi .inner {
max-width: 840px;
}

.omi h2 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: #301E00;
}

.omi .hero .top_title {
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 47%;
left: 40%;
white-space: nowrap;
}

@media screen and (max-width: 1024px) {
.omi .hero .top_title {
  font-size: 5rem;
  padding: 0 15px;
}
}

@media screen and (max-width: 479px) {
.omi .hero .top_title {
  font-size: 3rem;
}
}

.omi h3 {
font-weight: bold;
text-align: center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: #301E00;
margin: 80px 0;
}

.omi h4 {
font-size: 32px;
font-weight: bold;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: #301E00;
display: flex;
margin: 0;
border-bottom: 1px solid;
position: relative;
margin-bottom: 24px;
}

.omi h4::after {
content: "";
display: block;
margin-left: 12px;
margin-top: 10px;
width: 41px;
height: 26px;
background: url('/images/torikumi/omiushi/omiushi.svg');
background-size: contain;
background-repeat: no-repeat;
}

.omi .heading {
font-weight: bold;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.omi .omi-bold {
font-weight: bold;
color: #301E00;
}

.omi .inner:nth-child(3) {
display: flex;
flex-direction: column;
align-items: center;
background-color: #FBFBFB;
max-width: 100%;
width: 100% !important;
padding: 20px 0 0;
}

.omi-circle {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: white;
background-color: #004922;
width: 96px;
height: 96px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 60px;
font-weight: bold;
position: relative;
margin-bottom: 16px;
}

.omi-circle::after {
content: "よし";
display: block;
background-size: contain;
margin-left: 22rem;
bottom: -7px;
position: absolute;
white-space: nowrap;
font-size: 60px;
}

.omi .circle1 {
background-color: #940A17;
}

.omi .circle1::after {
color: #940A17;
}

.omi .circle2 {
background-color: #004922;
}

.omi .circle2::after {
color: #004922;
}

.omi .circle3 {
background-color: #003176;
letter-spacing: -5px;
font-size: 49px;
}

.omi .circle3::after {
color: #003176;
}

.omi .yoshi_box {
margin-bottom: 60px;
}

.omi .yoshi_box .omi-bold {
font-size: 24px;
}

.omi .yoshi_box .omi-bold span {
font-size: 18px;
}

.omi .yoshi_box ul {
font-size: 20px;
margin: 0;
}

.omi .yoshi_box li::marker {
color: #929292;
}

.omi .yoshi_box .logo {
width: 60%;
}

.omi .mark_img {
height: 159px;
width: 155px;
}

@media screen and (max-width: 767px) {
.omi h3 {
  font-size: 24px;
  margin: 48px 0 40px;
}

.omi h4 {
  font-size: 18px;
  margin-bottom: 12px;
}

.omi h4::after {
  display: block;
  margin-left: 8px;
  margin-top: 3px;
  width: 30px;
  height: 20px;
}

.omi .yoshi_box .omi-bold {
  font-size: 20px;
  display: flex;
  flex-direction: column;
}

.omi .yoshi_box .omi-bold span {
  font-size: 16px;
}

.omi .yoshi_box ul {
  font-size: 16px;
  }

.omi .omi-circle {
  width: 69px;
  height: 69px;
  font-size: 40px;
  margin-bottom: 8px;
}

.omi-circle::after {
  margin-left: 14rem;
  bottom: 3px;
  font-size: 38px;
  letter-spacing: -5px;
}

.omi .circle3 {
  font-size: 34px;
  letter-spacing: -3px;
}

.omi .mark_img {
  width: auto;
  height: 102px;
  margin: auto;
}

.omi .d-box {
  gap: 32px;
}
.omi .d-box:last-child {
  gap: 0;
  margin-top: 0;
}
}

/*近江牛 ロゴキャッチコピーテキスト化*/
.torikumi_wrap .omi-logo-text-top{
  text-align: center;
  font-family: "Zen Antique", serif;
  color: #D5B45C;
  font-size: 43px;
  margin-bottom: 45px;
  letter-spacing: -2px;
}
.torikumi_wrap .omi-logo-text-bottom{
  text-align: center;
  font-family: "Zen Antique", serif;
  color: #000000;
  font-size: 22px;
  margin-top: 13px;
}
@media screen and (max-width: 767px) {
  .torikumi_wrap .omi-logo-text-top{
    font-size: 6vw;
    margin-bottom: 24px;
  }
  .torikumi_wrap .omi-logo-text-bottom{
    font-size: 3.1vw;
    margin-top: 8px;
  }
  .torikumi_wrap .omi-logo-img .width50_sp{
    width: 60%;
  }
}
@media screen and (max-width: 500px) {
  .torikumi_wrap .omi-logo-text-bottom{
    font-size: 14.5px;
  }
}