@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
.slick-dots {
  display:flex;
  justify-content:center !important;
  position:relative;
  margin-top:-1.5rem;
}
.slick-dots li {
  width:.5rem !important;
  height:.5rem !important;
  margin:0 .5rem !important;
  padding:0 !important;
  border-radius:100vmax;
  background:#fff;
}
.slick-dots li.slick-active { background:#64af32; }
.slick-dots li button { display:none; }

.kv-box .kv-pic { height:40rem; }
.kv-box #page-ttl {
  justify-content:flex-start;
  align-items:flex-start;
  margin-top:4rem;
}
.kv-box #page-ttl .icon { width:5rem; margin-right:2rem; }
.kv-box #page-ttl .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
.kv-box #page-ttl .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
}

@media screen and (max-width: 960px) {
  .kv-box #page-ttl { line-height:1; }
  .kv-box .kv-pic.sp-on { display:block; }
  .kv-box .kv-pic.sp-on .slick-list { height:40rem !important; }

}
@media screen and (max-width: 750px) {
  .kv-box .kv-pic { height:auto; }
  .kv-box #page-ttl { margin-top:25px; width:86.6%; }
  .kv-box .kv-pic.sp-on .slick-list { height:auto !important; }
}











/* =================== */
/*       body.news       */
/* =================== */
body.news .news-list {
  justify-content:flex-start;
  align-items:inherit;
  flex-wrap:wrap;
  margin:4.5rem auto 2rem;
}
body.news .news-list li {
  width:calc((100% - 10rem) / 3);
  margin-right:5rem;
  margin-bottom:4rem;
  position:relative;
}
body.news .news-list li:nth-child(3n) { margin-right:0; }
body.news .news-list li .pic {
  width:100%;
  overflow:hidden;
  aspect-ratio:4.4 / 3.2;
}
body.news .news-list li .pic img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.5s ease all;
}
body.news .news-list li .pic a:hover img {
  transform:scale(1.05);
  opacity:.7;
}
body.news .news-list li .txt-box { padding:1.5rem 1rem 0; }
body.news .news-list li time {
  font-size:max(15px, .9rem);
  margin-bottom:.3rem;
  display:block;
}
body.news .news-list li .ttl {
  font-size:max(15px, 1rem);
  line-height:1.5;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.news .news-list li .ttl a:hover { text-decoration:underline; }
body.news .pn-box {
  margin:0 auto 7rem;
}
body.news .pn-box .btn {
  width:1.15rem;
  cursor:pointer;
  transition:0.5s ease all;
}
body.news .pn-box .btn:hover { opacity:.5; }
body.news.detail .pankuzu {
  font-size:max(14px, .9rem);
  padding:0 0 4rem;
  flex-wrap:wrap;
  justify-content:flex-start;
  line-height:1.25;
  width:75rem;
  margin:6rem auto 0;
}
body.news.detail .pankuzu li {
  margin-bottom:.5rem;
}
body.news.detail .pankuzu li::after {
  content:">";
  display:inline-block;
  margin:0 .5rem;
}
body.news.detail .pankuzu li:last-child::after { display:none; }
body.news.detail .pankuzu a {
  color:#a8a8a8;
  text-decoration:underline;
}
body.news.detail .pankuzu a:hover { text-decoration:none; }
body.news.detail article {
  width:45rem;
  margin:0 auto 7rem;
}
body.news.detail article time {
  font-size:max(15px, 1rem);
  font-weight:bold;
}
body.news.detail article h2 {
  margin:1rem 0 3rem;
  font-size:1.5rem;
  line-height:1.33;
  font-weight:400;
}
body.news.detail article .pic { margin:3rem 0; }
body.news.detail article .txt {
  font-size:max(15px, 1rem);
  line-height:2;
}

@media screen and (max-width: 960px) {
  body.news .pn-box { width:86.6%; }
  body.news.detail .pankuzu { width:86.6%; }
  body.news.detail article { width:86.6%; max-width:600px; }
  body.news .pn-box { padding:0; }
}
@media screen and (max-width: 750px) {
  body.news .news-list { position:relative; z-index:1; width:86.6%; max-width:550px; }
  body.news .news-list li { margin-right:0; width:100%; margin-bottom:40px; }
  body.news .news-list li .pic { height:auto; }
  body.news .news-list li::before { display:none; }
  body.news .pn-box { width:86.6%; max-width:550px; margin-bottom:50px; }
  body.news .pn-box .btn { width:20px; }
  body.news.detail .pankuzu { font-size:14px; padding:0 0 40px; width:86.6%; max-width:550px; position:relative; z-index:1; }
  body.news.detail article { width:86.6%; max-width:550px; }
  body.news.detail article h2 { font-size:19px; }
  body.news.detail article .txt { line-height:1.66; }
}











/* =================== */
/*       body.guide       */
/* =================== */
body.guide #sec1 { margin-top:3.5rem; }
body.guide .layout { margin-bottom:11rem; }
body.guide .layout .main-box .main-pic.sp-on { display:none; }
body.guide .layout .main-box .main-pic .main1 { width:35rem; }
body.guide .layout .main-box .main-pic .main2 { width:calc(100% - 35rem); }
body.guide .layout .main-box .txt-wrap {
  margin:6.5rem auto 5rem;
  align-items:flex-start;
}
body.guide .layout .main-box .txt-wrap h2 { width:calc(100% - 40rem); }
body.guide .layout .main-box .txt-wrap h2 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.guide .layout .main-box .txt-wrap h2 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
  line-height:1.4;
}
body.guide .layout .main-box .txt-wrap .txt-box {
  width:40rem;
  font-size:max(15px, 1rem);
  line-height:2;
}
body.guide .layout .main-box .txt-wrap .txt-box .num { margin-bottom:1rem; }
body.guide .layout .sub-pic-line .sub { width:calc((100% - 9rem) / 4); }
body.guide .layout dl.main-dl {
  border-top:1px solid #d9d9d9;
  margin:5.5rem auto 8rem;
}
body.guide .layout dl.main-dl .line {
  display:flex;
  border-bottom:1px solid #d9d9d9;
  padding:1.5rem 1rem;
}
body.guide .layout dl.main-dl .line2 { align-items:center; }
body.guide .layout dl.main-dl .line dt {
  font-size:max(17px, 1.2rem);
  width:12em;
  line-height:1.4;
}
body.guide .layout dl.main-dl .line dd {
  width:calc(100% - (max(17px, 1.2rem) * 12));
  font-size:max(15px, 1rem);
  line-height:2;
}
body.guide .layout dl.main-dl .line dd span { line-height:1.5; display:block; }
body.guide .layout dl.main-dl .line dd .two-box { align-items:flex-start; }
body.guide .layout dl.main-dl .line dd .two-box .box { width:calc((100% - 2rem) / 2); }
body.guide .layout .mini-layout {
  align-items:flex-start;
  margin-bottom:7.5rem;
}
body.guide .layout .mini-layout.pic-r .pic { order:2; }
body.guide .layout .mini-layout.pic-r .txt-box { order:1; }
body.guide .layout .mini-layout .pic { width:39rem; }
body.guide .layout .mini-layout .txt-box {
  width:calc(100% - 39rem - 5.5rem);
  margin-top:2rem;
}
body.guide .layout .mini-layout .txt-box h3 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.guide .layout .mini-layout .txt-box h3 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
}
body.guide .layout .mini-layout .txt-box .copy {
  font-size:max(17px, 1.25rem);
  line-height:1.4;
  margin-top:2.5rem;
  font-weight:500;
}
body.guide .layout .mini-layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  margin-top:1rem;
}
body.guide .layout .mini-layout .mini-dl {
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  padding:1rem;
  margin-top:1.5rem;
}
body.guide .layout .mini-layout .mini-dl dt { font-size:max(17px, 1.2rem); }
body.guide .layout .mini-layout .mini-dl dd {
  font-size:max(15px, 1rem);
  line-height:1.66;
}
body.guide .layout .last-pic-box .pic1 {
  width:34.5rem;
  margin-left:4.5rem;
}
body.guide .layout .last-pic-box .pic2 {
  width:23rem;
  margin-left:48rem;
  margin-top:-15rem;
  position:relative;
  z-index:1;
}
body.guide .layout .last-pic-box .pic3 {
  width:22.5rem;
  margin-left:28rem;
  margin-top:-8rem;
}
body.guide #sec3 { margin-top:14rem; }
body.guide #sec3 h2 { text-align:center; }
body.guide #sec3 h2 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.guide #sec3 h2 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
}
body.guide #sec3 h3 { width:calc(100% - 40rem); }
body.guide #sec3 h3 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.guide #sec3 h3 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
}
body.guide #sec3 h4 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.guide #sec3 h4 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
}
body.guide #sec3 .sec-top-txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  text-align:center;
  margin:2rem auto;
}
body.guide .layout .main-box .txt-wrap .txt-box .copy {
  font-size:max(17px, 1.25rem);
  line-height:1.4;
  margin-bottom:1rem;
}
body.guide .layout .main-box .txt-wrap .txt-box .att {
  font-size:max(15px, 1.1rem);
  font-weight:500;
  text-decoration:underline;
  margin-top:1.5rem;
  margin-bottom:4rem;
}

@media screen and (max-width: 960px) {
  body.guide .layout .main-box .main-pic.sp-on { display:flex; max-width:700px; margin:0 auto; }
  body.guide .layout .main-box .main-pic .main1 { width:50%; }
  body.guide .layout .main-box .main-pic .main2 { width:50%; }
  body.guide .layout .main-box .txt-wrap { display:block; max-width:700px; padding:0 15px; margin-top:45px; }
  body.guide .layout .main-box .txt-wrap h2 { width:100%; }
  body.guide .layout .main-box .txt-wrap .txt-box { width:100%; margin-top:20px; }
  body.guide .layout .sub-pic-line { max-width:700px; padding:0 15px; }
  body.guide .layout .sub-pic-line .sub { width:calc((100% - 6rem) / 4); }
  body.guide .layout dl.main-dl { max-width:670px; width:calc(86.6% - 30px); }
  body.guide .layout dl.main-dl .line dd .two-box { display:block; }
  body.guide .layout dl.main-dl .line dd .two-box .box { width:100%; }
  body.guide .layout dl.main-dl .line dd .box br.sp-on { display:none; }
  body.guide .layout dl.main-dl .line2 { align-items:flex-start; }
  body.guide .layout .mini-layout { display:block; max-width:700px; padding:0 15px; }
  body.guide .layout .mini-layout .pic { width:100%; }
  body.guide .layout .mini-layout .txt-box { width:100%; }
  body.guide .layout .last-pic-box { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 15px; max-width:700px; }
  body.guide .layout .last-pic-box .pic1 { transform:none !important; margin:0 auto; width:100%; margin-bottom:10px; }
  body.guide .layout .last-pic-box .pic2 { transform:none !important; margin:0; width:calc((100% - 10px) / 2); }
  body.guide .layout .last-pic-box .pic3 { transform:none !important; margin:0; width:calc((100% - 10px) / 2); }
  body.guide #sec3 .sec-top-txt .pc-on { display:initial; }
  body.guide #sec3 h3 { width:100%; }
}
@media screen and (max-width: 750px) {
  body.guide .layout { margin-bottom:80px; }
  body.guide .layout dl.main-dl { margin-top:20px; margin-bottom:40px; }
  body.guide .layout dl.main-dl .line { display:block; padding:20px 15px; }
  body.guide .layout dl.main-dl .line dt { width:100%; margin-bottom:8px; }
  body.guide .layout dl.main-dl .line dd { width:100%; line-height:1.8; padding-left:8px; }
  body.guide .layout dl.main-dl .line dt br { display:none; }
  body.guide .layout .main-box .txt-wrap .txt-box { line-height:1.66; }
  body.guide .layout .sub-pic-line { flex-wrap:wrap; }
  body.guide .layout .sub-pic-line .sub { width:calc((100% - 10px) / 2); margin-bottom:10px; }
  body.guide .layout .main-box .txt-wrap { margin-bottom:30px; }
  body.guide .layout .mini-layout { margin-bottom:50px; }
  body.guide #sec3 .sec-top-txt { width:86.6%; text-align:left; line-height:1.66; margin:30px auto; }
  body.guide #sec3 { margin-top:80px; }
  body.guide .layout .main-box .main-pic.sp-on { max-width:initial; }
  body.guide .layout .mini-layout .txt-box .txt { line-height:1.66; }
}










/* =================== */
/*       body.dish       */
/* =================== */
body.dish .layout { margin-bottom:11rem; }
body.dish .layout .main-box .main-pic.sp-on { display:none; }
body.dish .layout .main-box .main-pic .main1 { width:35rem; }
body.dish .layout .main-box .main-pic .main2 { width:calc(100% - 35rem); }
body.dish .layout .main-box .txt-wrap {
  margin:6.5rem auto 4rem;
  align-items:flex-start;
}
body.dish .layout .main-box .txt-wrap h2 { width:calc(100% - 40rem); }
body.dish .layout .main-box .txt-wrap h2 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.dish .layout .main-box .txt-wrap h2 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:0;
  line-height:1.4;
}
body.dish .layout .main-box .txt-wrap h2 .mini {
  font-size:max(15px, 1rem);
  display:block;
  margin-top:1rem;
}
body.dish .layout .main-box .txt-wrap .txt-box {
  width:40rem;
  font-size:max(15px, 1rem);
  line-height:2;
}
body.dish .layout dl.main-dl {
  border-top:1px solid #d9d9d9;
  margin:5.5rem auto 0;
}
body.dish .layout dl.main-dl .line {
  display:flex;
  border-bottom:1px solid #d9d9d9;
  padding:1.5rem 1rem;
}
body.dish .layout dl.main-dl .line dt {
  font-size:max(17px, 1.2rem);
  width:12em;
  line-height:1.4;
}
body.dish .layout dl.main-dl .line dd {
  width:calc(100% - (max(17px, 1.2rem) * 12));
  font-size:max(15px, 1rem);
  line-height:2;
}
body.dish .layout dl.main-dl .line dd span { line-height:1.5; display:block; }
body.dish .layout dl.main-dl .line dd .two-box { align-items:flex-start; }
body.dish .layout dl.main-dl .line dd .two-box .box { width:calc((100% - 2rem) / 2); }
body.dish .layout .last-att-txt {
  font-size:max(15px, 1rem);
  line-height:1.66;
  margin-top:1rem;
  text-align:right;
}
body.dish #top-box { height:53rem; }
body.dish #top-box .pic1 {
  width:34.5rem;
  position:absolute;
  top:3.5rem;
  left:-2.5rem;
}
body.dish #top-box .pic2 {
  width:23rem;
  position:absolute;
  top:16rem;
  right:0;
}
body.dish #top-box .pic3 {
  width:22.5rem;
  position:absolute;
  bottom:5rem;
  left:22.5rem;
}
body.dish #top-box .txt {
  font-size:max(15px, 1.1rem);
  letter-spacing:.1em;
  line-height:2.7;
  position:absolute;
  top:9rem;
  left:40.5rem;
  z-index:1;
}
body.dish #sec4 {
  border:1.5px solid #ffe44f;
  padding:3.5rem 1rem 3rem;
  margin-bottom:10rem;
  min-width:800px;
}
body.dish #sec4 h3 { text-align:center; }
body.dish #sec4 h3 .en-font {
  font-size:2.5rem;
  display:block;
  font-weight:400;
}
body.dish #sec4 h3 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
  line-height:1.4;
}
body.dish #sec4 .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  text-align:center;
  margin-top:1rem;
}
body.dish #sec4 .icon-box {
  width:7.5rem;
  height:5rem;
  background:#fff;
  margin:-6.2rem auto 0;
}
body.dish #sec4 .icon-box .icon {
  width:4.05rem;
  margin:1rem auto;
}
body.dish #sec5 { margin-bottom:12rem; }
body.dish #sec5 .mini-layout {
  align-items:flex-start;
  margin-bottom:7.5rem;
}
body.dish #sec5 .mini-layout.pic-r .pic { order:2; }
body.dish #sec5 .mini-layout.pic-r .txt-box { order:1; }
body.dish #sec5 .mini-layout .pic { width:39rem; }
body.dish #sec5 .mini-layout .txt-box {
  width:calc(100% - 39rem - 5.5rem);
  margin-top:2rem;
}
body.dish #sec5 .mini-layout .txt-box h3 .en-font {
  font-size:3.5rem;
  display:block;
  font-weight:400;
}
body.dish #sec5 .mini-layout .txt-box h3 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
}
body.dish #sec5 .mini-layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  margin-top:1rem;
}
body.dish #sec5 .last-pic-box .pic1 {
  width:34.5rem;
  margin-left:4.5rem;
}
body.dish #sec5 .last-pic-box .pic2 {
  width:23rem;
  margin-left:48rem;
  margin-top:-15rem;
  position:relative;
  z-index:1;
}
body.dish .layout .main-box .main-pic .main2 { width:50rem; }
body.dish .layout .main-box .main-pic .main1 { width:calc(100% - 50rem); }
body.dish .layout .main-box .main-pic .main1 .slick-track { transform:unset!important; width:100% !important; }
body.dish .layout .main-box .main-pic .main1 img {
  width:calc(100% / 2) !important;
  aspect-ratio:3.49 / 2.33;
  height:auto;
  object-fit:cover;
  filter: brightness(80%);
}
body.dish .layout .main-box .main-pic .main1 img.slick-current { filter: brightness(100%); }
body.dish #sec4 .pic-box {
  width:50rem;
  margin:2rem auto 0;
}
body.dish #sec4 .pic-box .pic { width:calc((100% - 2rem) / 2); }
body.dish #sec4 .pic-box .pic .name {
  font-size:max(17px, 1.25rem);
  text-align:center;
  margin-top:.8rem;
}
body.dish #sec4 .att {
  width:40rem;
  margin:1rem auto 0;
  font-size:max(15px, 1rem);
  line-height:1.5;
  text-indent:-1em;
  padding-left:1em;
}
body.dish #top-box {
  background:url(../img/dish/top_bk.jpg) no-repeat top center;
  background-size:100% auto;
  color:#fff;
}
body.dish #top-box .in-w75 { height:100%; }
body.dish #top-box .pic2 { top:23rem; }
body.dish #top-box .pic3 { bottom:4rem; }
body.dish #sec6 {
  border:1.5px solid #ffe44f;
  padding:3.5rem 1rem 3rem;
  margin-bottom:10rem;
  min-width:800px;
}
body.dish #sec6 h3 { text-align:center; }
body.dish #sec6 h3 .en-font {
  font-size:2.5rem;
  display:block;
  font-weight:400;
}
body.dish #sec6 h3 .jp {
  font-size:1.5rem;
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  margin-top:.5rem;
  line-height:1.4;
}
body.dish #sec6 .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  text-align:center;
  margin-top:1rem;
}
body.dish #sec6 .icon-box {
  width:7.5rem;
  height:5rem;
  background:#fff;
  margin:-6.2rem auto 0;
}
body.dish #sec6 .icon-box .icon {
  width:4.05rem;
  margin:1rem auto;
}
body.dish #sec6 .pic {
  width:39rem;
  margin:2rem auto 0;
}
body.dish #sec5 { margin-bottom:8rem; }
body.dish #sec1.layout .pic-two {
  display:flex;
  justify-content:center;
  margin-top:-1.5rem;
  margin-bottom:3.5rem;
}
body.dish #sec1.layout .pic-two > div {
  width:22.5rem;
  margin:0 2.5rem;
}

@media screen and (max-width:1100px) {
  body.dish #top-box .txt { left:35rem; }
}
@media screen and (max-width: 960px) {
  body.dish .layout .main-box .main-pic.sp-on { display:flex; max-width:700px; margin:0 auto; }
  body.dish .layout .main-box .txt-wrap { display:block; max-width:700px; padding:0 15px; margin-top:45px; }
  body.dish .layout .main-box .txt-wrap h2 { width:100%; }
  body.dish .layout .main-box .txt-wrap .txt-box { width:100%; margin-top:20px; }
  body.dish .layout dl.main-dl { max-width:670px; width:calc(86.6% - 30px); }
  body.dish .layout dl.main-dl .line dd .two-box { display:block; }
  body.dish .layout dl.main-dl .line dd .two-box .box { width:100%; }
  body.dish .layout dl.main-dl .line dd .box br.sp-on { display:none; }
  body.dish #sec5 .mini-layout { display:block; max-width:700px; padding:0 15px; }
  body.dish #sec5 .mini-layout .pic { width:100%; }
  body.dish #sec5 .mini-layout .txt-box { width:100%; }
  body.dish #sec5 .last-pic-box { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 15px; max-width:700px; }
  body.dish #sec5 .last-pic-box .pic1 { transform:none !important; margin:0; width:calc((100% - 10px) / 2); }
  body.dish #sec5 .last-pic-box .pic2 { transform:none !important; margin:0; width:calc((100% - 10px) / 2); }
  body.dish #sec4 { min-width:initial; padding:3.5rem 3rem 3rem; max-width:670px; width: calc(86.6% - 30px); }
  body.dish #sec4 .txt { text-align:left; }
  body.dish #sec6 { min-width:initial; padding:3.5rem 3rem 3rem; max-width:670px; width: calc(86.6% - 30px); }
  body.dish #sec6 .txt { text-align:left; }
  body.dish .layout .last-att-txt { max-width:700px; padding:0 15px; }
  body.dish #sec5 .mini-layout { margin-bottom:35px; }
  body.dish .layout .main-box .main-pic { max-width:850px; }
  body.dish .layout .main-box .main-pic .main2 { width:58.823%; }
  body.dish .layout .main-box .main-pic .main1 { width:calc(100% - 58.823%); }
  body.dish #top-box .txt { left:25rem; }
}
@media screen and (max-width: 750px) {
  body.dish .layout { margin-bottom:80px; }
  body.dish .layout dl.main-dl { margin-top:20px; margin-bottom:40px; }
  body.dish .layout dl.main-dl .line { display:block; padding:20px 15px; }
  body.dish .layout dl.main-dl .line dt { width:100%; margin-bottom:8px; }
  body.dish .layout dl.main-dl .line dd { width:100%; line-height:1.8; padding-left:8px; }
  body.dish .layout dl.main-dl .line dt br { display:none; }
  body.dish .layout .main-box .txt-wrap .txt-box { line-height:1.66; }
  body.dish .layout .main-box .txt-wrap { margin-bottom:30px; }
  body.dish .layout .main-box .main-pic.sp-on { max-width:initial; }
  body.dish #sec4 .txt { line-height:1.66; }
  body.dish #sec4 { margin-bottom:70px; }
  body.dish #sec6 .txt { line-height:1.66; }
  body.dish #sec6 { margin-bottom:70px; }
  body.dish #sec5 .mini-layout .txt-box .txt { line-height:1.66; }
  body.dish .layout .last-att-txt { text-align:left; text-indent:-1em; padding-left:calc(1em + 15px); }
  body.dish #top-box { height:auto; margin-bottom:50px; }
  body.dish #top-box .pic1 { transform:none !important; position:initial; width:calc(100% - 30px); margin:40px auto 0; }
  body.dish #top-box .pic2 { transform:none !important; position:initial; width:calc((100% - 10px) / 2); }
  body.dish #top-box .pic3 { transform:none !important; position:initial; width:calc((100% - 10px) / 2); }
  body.dish #top-box .txt { position:initial; line-height:1.66; padding:0 15px; margin:30px auto 20px; }
  body.dish #top-box .pic-two { display:flex; justify-content:space-between; padding:0 15px; }
  body.dish .layout .main-box .main-pic { display:flex; flex-wrap:wrap; }
  body.dish .layout .main-box .main-pic .main1 { width:100%; order:2; margin-top:5px; }
  body.dish .layout .main-box .main-pic .main2 { width:100%; order:1; }
  body.dish .layout .main-box .main-pic .main1 img { width:33.333% !important; }
  body.dish #sec4 .pic-box { width:100%; display:block; }
  body.dish #sec4 .pic-box .pic { width:100%; }
  body.dish #sec4 .pic-box .pic1 { margin-bottom:25px; }
  body.dish #top-box { background:none; color:#000; }
  body.dish #sec4 .att { width:100%; }
  body.dish #sec6 .pic { width:100%; }
  body.dish #sec1.layout .pic-two { width:86.6%; margin:-1rem auto 3rem; justify-content:space-between; padding:0 15px; }
  body.dish #sec1.layout .pic-two > div { width:calc((100% - 1.5rem) / 2); margin:0; }
}