@charset "UTF-8";
.tit_fixed.okonomi {
  width: 17.91%;
  position: fixed;
  left: 3.54%;
  top: 70px;
  z-index: 100;}
  @media screen and (max-width: 768px) {
    .tit_fixed.okonomi {
      position: static;
      width: 100%;
      margin-bottom: 35px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 7.15%;}
  }

/*
#okonomi .main_in .sec01 {
  width: 84.06%;
  margin: 0px 0 120px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -ms-flex-wrap: initial;
  flex-wrap: initial;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;}
#okonomi .main_in .sec01 .tit01 {
  display: flex;
  flex: 1 auto;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: initial;
  font-size: 26px;
  margin: 10px 0 0;}
#okonomi .main_in .sec01 .txt_com01 {
  width: 72.98%;
  padding: 0 0 0 10.45%;
  text-align: left;
  font-size: 17px;
  line-height: 2.5;
  box-sizing: border-box;}
#okonomi .main_in .sec01 .txt_com01 span {
  font-size: 14px;}
#okonomi .main_in .sec01 img {
  width: 15.85%;
  position: absolute;
  right: -5.45%;
  top: 20px;}
  @media screen and (max-width: 768px) {
    #okonomi .main_in .sec01 {
      width: 100%;
      margin: 0 0 50px;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 0px;}
    #okonomi .main_in .sec01 .tit01 {
      -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      text-align: center;
      display: block;
      width: 100%;
      font-size: 21px;
      margin: 0 0 30px;
      line-height: 1.66;}
    #okonomi .main_in .sec01 .txt_com01 {
      width: 100%;
      padding: 0;
      font-size: 16px;
      text-align: center;}
    #okonomi .main_in .sec01 .txt_com01 span {
      font-size: 13px;}
    #okonomi .main_in .sec01 img {
      display: none;}
  }
*/

#okonomi .main_in .sec02 {
  width: 84.06%;}
#okonomi .main_in .sec02 .iframe_area {
  width: 100%;}
  @media screen and (max-width: 768px) {
    #okonomi .main_in .sec02 {
      width: 100%;}
  }

#okonomi .main_in .sec03 .tit01 {
  font-size: 30px;
  color: #785B00;
  margin-bottom: 35px;}
#okonomi .main_in .sec03 .sec03_in {
  width: 84.06%;
  border: 1px solid #785B00;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px;
  margin-bottom: 65px;}
#okonomi .main_in .sec03 .sec03_in .tit03 {
  font-size: 20px;
  color: #785B00;
  border-bottom: 1px solid #785B00;
  line-height: 1;
  padding-bottom: 10px;
  margin-bottom: 20px;}
#okonomi .main_in .sec03 .sec03_in .dl_area dl dt {
  width: 40%;
  position: relative;
  margin-right: 2%;}
#okonomi .main_in .sec03 .sec03_in .dl_area dl dd {
  width: 58%;
  font-size: 18px;}
  @media screen and (max-width: 768px) {
    #okonomi .main_in .sec03 .tit01 {
      font-size: 22px;
      margin-bottom: 25px;
      text-align: center;}
    #okonomi .main_in .sec03 .sec03_in {
      width: 100%;
      padding: 30px 15px;
      margin-bottom: 30px;}
    #okonomi .main_in .sec03 .sec03_in .tit03 {
      font-size: 16px;
      text-align: center;}
    #okonomi .main_in .sec03 .sec03_in .dl_area dl dt {
      width: 48%;}
    #okonomi .main_in .sec03 .sec03_in .dl_area dl dd {
      width: 50%;
      font-size: 16px;}
    #okonomi .main_in .sec03 .sec03_in .dl_area dl dt span {
      display: inline-block;
      padding-left: 1em;
      text-indent: -1em;}
  }

#okonomi .main_in .step_com .step_com_flex_out {
  width: 100%;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .img_area {
  width: 28%;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area {
  width: 68.63%;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .tit04 {
  display: flex;
  font-size: 24px;
  color: #785B00;
  margin-bottom: 15px;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .tit04 span {
  flex: none;
  width: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  color: #fff;
  line-height: 36px;
  border-radius: 18px;
  font-size: 30px;
  font-family: "TimesNRMTPro", Times;
  background-color: #785B00;
  margin-right: 10px;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .txt01 strong {
  color: #785B00;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note {
  display: flex;
  margin: 10px 0 0;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note p {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  line-height: 1;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note p span {
  background: #785B00;
  padding: 8px 10px;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note p::after {
  content: "";
  width: 34px;
  height: 15px;
  display: inline-block;
  background: url(../../img/product_okonomi/icon_arrow@2x.png) no-repeat;
  background-size: contain;
  background-position: center center;}
#okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note p:last-of-type:after {
  display: none;}
#okonomi .main_in .step_com .step_com_flex_out .point_tit {
  width: 100%;
  border-bottom: 1px solid #785B00;
  padding-bottom: 10px;
  margin-top: 10px;}
#okonomi .main_in .step_com .step_com_flex_out .point_tit .tit05::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #785B00;
  z-index: -1;}
#okonomi .main_in .step_com .step_com_flex_out .point_tit .tit05 span {
  font-family: "TimesNRMTPro", Times;
  font-size: 24px;
  color: #785B00;
  padding-right: 20px;
  background-color: #fff;
  line-height: 1;}
#okonomi .main_in .step_com .step_com_flex_out .cur_under {
  width: 100%;
  padding: 40px 0px 40px 11.76%;
  box-sizing: border-box;}
  @media screen and (max-width: 768px) {
    #okonomi .main_in .step_com .step_com_flex_out {
      width: 91.3%;
      margin: 0 auto;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .img_area {
      width: 90.48%;
      margin: 0 auto 20px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area {
      width: 100%;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .txt01 {
      font-size: 16px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .tit04 {
      font-size: 18px;
      margin-bottom: 10px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .tit04 span {
      width: 28px;
      height: 28px;
      line-height: 28px;
      border-radius: 19px;
      font-size: 18px;
      margin-right: 5px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note {
      margin: 20px 0 10px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note p {
      font-size: 16px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex .txt_area .note p::after {
      width: 27px;
      height: 13px;}
    #okonomi .main_in .step_com .step_com_flex_out .point_tit .tit05 span {
      font-size: 20px;
      padding-right: 10px;}
    #okonomi .main_in .step_com .step_com_flex_out .cur_under {
      width: 100%;
      padding: 40px 0px;}
    #okonomi .main_in .step_com .step_com_flex_out .step_com_flex {
      margin: 0;}
  }

#okonomi .sec04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #F4F1EA;}
#okonomi .sec04.fadein {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);}
#okonomi .sec04.fadein.fade_on {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);}
#okonomi .sec04 .space {
  width: 24.16%;}
#okonomi .sec04 .main_area {
  width: 75.83%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 70px 0px 50px;}
#okonomi .sec04 .main_area::before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 50px 40px;
  border-color: transparent transparent #F4F1EA transparent;
  position: absolute;
  left: 60px;
  top: -50px;}
#okonomi .sec04 .main_area .main_area_in {
  width: 84.06%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;}
#okonomi .sec04 .main_area .main_area_in .tit_sec04 {
  width: 60%;
  font-size: 24px;
  color: #fff;
  border-radius: 100px;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
  padding: 10px 0px;
  margin-bottom: 40px;
  background-color: #785B00;}
#okonomi .sec04 .main_area .main_area_in section {
  width: 46.84%;
  margin: 0 0 70px;}
#okonomi .sec04 .main_area .main_area_in section .tit02 {
  color: #785B00;
  font-family: "TimesNRMTPro", Times;
  text-align: center;
  margin-bottom: 10px;}
#okonomi .sec04 .main_area .main_area_in section .img {
  margin-bottom: 15px;}
#okonomi .sec04 .main_area .main_area_in section .img img {
  width: 100%;}
#okonomi .sec04 .main_area .main_area_in section .tit03 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 30px;}
#okonomi .sec04 .main_area .main_area_in section .tit04 {
  font-size: 18px;
  color: #785B00;
  border-bottom: 1px solid #785B00;
  line-height: 1;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: center;}
#okonomi .sec04 .main_area .main_area_in section .dl_area {
  width: 100%;}
#okonomi .sec04 .main_area .main_area_in section .dl_area dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
#okonomi .sec04 .main_area .main_area_in section .dl_area dl dt,
#okonomi .sec04 .main_area .main_area_in section .dl_area dl dd {
  width: 49%;
  font-size: 18px;}
#okonomi .sec04 .main_area .main_area_in section .dl_area dl dt {
  position: relative;
  margin-right: 2%;}
#okonomi .sec04 .main_area .main_area_in section .dl_area dl dt::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 13px;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #000;
  z-index: 1;}
#okonomi .sec04 .main_area .main_area_in section .dl_area dl dt span {
  background-color: #f6efee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  font-size: 18px;
  position: relative;
  z-index: 2;}
#okonomi .sec04 .main_area .main_area_in section .txt01 {
  margin-top: 10px;
  font-size: 16px;
  padding-left: 1.6em;
  text-indent: -1.6em;
  margin: 0;}
#okonomi .sec04 .main_area .main_area_in section .txt01:nth-of-type(1) {
  margin: 10px 0 0;}
#okonomi .sec04 .main_area .main_area_in section .txt01 span {
  color: #785B00;}
  @media screen and (max-width: 768px) {
    #okonomi .sec04 {
      margin: 0;
    }
    #okonomi .sec04 .space {
      display: none;}
    #okonomi .sec04 .main_area {
      width: 100%;
      padding: 50px 30px 20px;}
    #okonomi .sec04 .main_area::before {
      border-width: 0 20px 25px 20px;
      left: calc(50% - 20px);
      top: -25px;}
    #okonomi .sec04 .main_area .main_area_in {
      width: 100%;
      display: block;}
    #okonomi .sec04 .main_area .main_area_in .tit_sec04 {
      width: 80%;
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 1.6;}
    #okonomi .sec04 .main_area .main_area_in section {
      width: 100%;
      margin: 0 0 50px;}
    #okonomi .sec04 .main_area .main_area_in section .tit02 {
      font-size: 20px;}
    #okonomi .sec04 .main_area .main_area_in section .tit03 {
      font-size: 18px;}
    #okonomi .sec04 .main_area .main_area_in section .tit04 {
      font-size: 16px;
      text-align: center;}
    #okonomi .sec04 .main_area .main_area_in section .dl_area {
      width: 100%;}
    #okonomi .sec04 .main_area .main_area_in section .dl_area dl {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    #okonomi .sec04 .main_area .main_area_in section .dl_area dl dt,
    #okonomi .sec04 .main_area .main_area_in section .dl_area dl dd {
      font-size: 16px;}
    #okonomi .sec04 .main_area .main_area_in section .dl_area dl dt::after {
      top: 12px;}
    #okonomi .sec04 .main_area .main_area_in section .dl_area dl dt span {
      font-size: 16px;}
  }


#okonomi .sec05 {
  margin-bottom: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #F4F1EA;}
#okonomi .sec05.fadein {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);}
#okonomi .sec05.fadein.fade_on {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);}
#okonomi .sec05 .txt_area {
  width: 41.8%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 80px 60px;}
#okonomi .sec05 .txt_area .tit01 {
  font-size: 36px;
  color: #000;
  line-height: 1.6;
  margin-bottom: 25px;}
#okonomi .sec05 .txt_area .txt01 {
  font-size: 17px;
  line-height: 2.5;
  margin-bottom: 25px;
  letter-spacing: -0.05em;}
#okonomi .sec05 .img_area {
  width: 34.02%;
  background: url(../../img/product_okonomi/img18@2x.jpg) center center no-repeat;
  background-size: cover;}
#okonomi .sec05 .logo_association {
  width: 58.2%;
  max-width: 252px;
  margin: 0 0 25px -15px;}
  @media screen and (max-width: 768px) {
    #okonomi .sec05 {
      margin-bottom: 100px;}
    #okonomi .sec05 .txt_area {
      width: 100%;
      padding: 50px 30px;
      text-align: center;}
    #okonomi .sec05 .txt_area .tit01 {
      font-size: 22px;
      margin-bottom: 15px;}
    #okonomi .sec05 .txt_area .txt01 {
      line-height: 2;
      font-size: 16px;}
    #okonomi .sec05 .img_area {
      width: 100%;
      height: 215px;
      background: url(../../img/product_okonomi/img18_sp.jpg) center center no-repeat;
      background-size: cover;}
    #okonomi .sec05 .logo_association {
      width: 53.91%;
      max-width: 186px;
      margin: 0 auto 20px;}
    }

#okonomi .sec07 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}
#okonomi .sec07.fadein,
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.fadein {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);}
#okonomi .sec07.fadein.fade_on,
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.fadein.fade_on {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);}
#okonomi .sec07.muromachi {
  background: #DEC5A9;}
#okonomi .sec07.edo {
  background: #E7D7C0;}
#okonomi .sec07.meiji {
  background: #F1E9D2;}
#okonomi .sec07.taisho {
  background: #E5D6AB;}
#okonomi .sec07.showa {
  background: #DBC78B;}
#okonomi .sec07.nowadays {
  background: #D2B768;}
#okonomi .sec07 .space {
  width: 24.16%;}
#okonomi .sec07 .main_area  {
  width: 75.83%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}
#okonomi .sec07 .main_area .main_area_in {
  width: 95.42%;
  background-position: top left;
  background-size: contain;}
#okonomi .sec07 .main_area .main_area_in .tit01 {
  font-size: 36px;
  margin: 105px 0 55px;
  display: flex;
  align-items: center;
  justify-content: center;}
#okonomi .sec07 .main_area .main_area_in .tit01::after {
  content: "";
  border-top: 1px solid #000;
  flex: 1 auto;
  margin-left: 10px;}
#okonomi .sec07 .main_area .main_area_in .detail_area {
  width: 100%;
  display: flex;
  align-items: center;}
#okonomi .sec07 .main_area .main_area_in .detail_area .tit02 {
  width: 4.41%;
  height: auto;
  margin: 0 5.39% 0 1.72%;
  padding: 10px 0;
  box-sizing: border-box;
  background: rgba(255,255,255,0.6);}
#okonomi .sec07 .main_area .main_area_in .detail_area .tit02 span {
  /*font-size: 26px;*/
  font-size: 1.8vw;
  letter-spacing: 0.05em;
  display: inline-block;
  vertical-align: middle;
  text-align: center;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail {
  width: 88.48%;
  position: relative;}
#okonomi .sec07.muromachi .main_area .main_area_in .detail_area .detail {
  background: url(../../img/product_okonomi/bg_origin01@2x.png) no-repeat;
  background-size: 100%;}
#okonomi .sec07.muromachi .main_area .main_area_in .detail_area .detail::before {
  content: "";
  display: block;
  padding-top: 47.61%;}
#okonomi .sec07.edo .main_area .main_area_in .detail_area .detail {
  background: url(../../img/product_okonomi/bg_origin02@2x.png) no-repeat;
  background-size: 100%;}
#okonomi .sec07.edo .main_area .main_area_in .detail_area .detail::before {
  content: "";
  display: block;
  padding-top: 37.64%;}
#okonomi .sec07.meiji .main_area .main_area_in .detail_area .detail {
  background: url(../../img/product_okonomi/bg_origin03@2x.png) no-repeat;
  background-size: 100%;}
#okonomi .sec07.meiji .main_area .main_area_in .detail_area .detail::before {
  content: "";
  display: block;
  padding-top: 35.36%;}
#okonomi .sec07.taisho .main_area .main_area_in .detail_area .detail {
  background: url(../../img/product_okonomi/bg_origin04@2x.png) no-repeat;
  background-size: 100%;}
#okonomi .sec07.taisho .main_area .main_area_in .detail_area .detail::before {
  content: "";
  display: block;
  padding-top: 29.07%;}
#okonomi .sec07.showa .main_area .main_area_in .detail_area .detail {
  background: url(../../img/product_okonomi/bg_origin05@2x.png) no-repeat;
  background-size: 100%;}
#okonomi .sec07.showa .main_area .main_area_in .detail_area .detail::before {
  content: "";
  display: block;
  padding-top: 33.95%;}
#okonomi .sec07.nowadays .main_area .main_area_in .detail_area .detail {
  background: url(../../img/product_okonomi/bg_origin06@2x.png) no-repeat;
  background-size: 100%;}
#okonomi .sec07.nowadays .main_area .main_area_in .detail_area .detail::before {
  content: "";
  display: block;
  padding-top: 60.2%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail > dl {
  position: absolute;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl {
  width: 52.06%;
  display: flex;
  align-items: center;
  justify-content: space-between;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt {
  width: 23.96%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dd {
  width: 72.92%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle {
  width: 100%;
  background: #785B00;
  border-radius: 50%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle:nth-of-type(2) {
  margin: 14.42% 0 0;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle .circle_in {
  height: 0;
  padding-top: 100%;
  position: relative;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle .circle_in p {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  color: #fff;
  line-height: 1.2;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle .circle_in p {
  /*font-size: 17px;*/
  font-size: 1.18vw;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle .circle_in p span {
  /*font-size: 14px;*/
  font-size: 0.97vw;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dd {
  /*font-size: 18px;*/
  font-size: 1.25vw;
  letter-spacing: -0.05em;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.column {
  width: 23.32%;
  justify-content: initial;
  flex-direction: column-reverse;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.column dt {
  width: 53.02%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.column dd {
  width: 100%;
  text-align: center;
  margin: 0 0 4%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.reverse {
  width: 25.16%;
  flex-direction: row-reverse;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.reverse dt {
  width: 49.14%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.reverse dd {
  width: 47.41%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big {
  width: 14.86%;
  display: initial;
  align-items: initial;
  justify-content: initial;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big dt {
  width: 100%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big dt .circle .circle_in p {
  /*font-size: 22px;*/
  font-size: 1.52vw;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big dt .circle .circle_in p span {
  /*font-size: 18px;*/
  font-size: 1.25vw;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last {
  width: 44.47%;
  display: flex;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dt {
  width: 39.02%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dt p {
  width: fit-content;
  margin: 0 auto 6%;
  padding: 2px 10px;
  /*font-size: 17px;*/
  font-size: 1.18vw;
  text-align: center;
  color: #fff;
  background: #785B00;
  letter-spacing: -0.05em;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dt .circle {
  background: none;
  border-radius: initial;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dd {
  width: 57.32%;
  margin: 10% 0 0;}
@media screen and (max-width: 768px) {
  #okonomi .sec07 .space {
    width: none;}
  #okonomi .sec07 .main_area  {
    width: 100%;}
  #okonomi .sec07 .main_area .main_area_in {
    width: 92%;
    margin: 0 auto;}
  #okonomi .sec07 .main_area .main_area_in .tit01 {
    font-size: 18px;
    margin: 55px auto 12px;
    padding: 0 0 10px;
    align-items: initial;
    border-bottom: 1px solid #000;}
  #okonomi .sec07 .main_area .main_area_in .tit01::after {
    display: none;}
  #okonomi .sec07 .main_area .main_area_in .detail_area {
    position: relative;
    display: block;
    align-items: initial;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .tit02 {
    width: 31.16%;
    margin: 0;
    padding: 6px 0;
    position: absolute;
    top: 18px;
    left: 0;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .tit02 span {
    /*font-size: 13px;*/
    font-size: 3.43vw;
    line-height: 1;
    height: 100%;
    display: block;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail {
    width: 100%;}
  #okonomi .sec07.muromachi .main_area .main_area_in .detail_area .detail {
    background: url(../../img/product_okonomi/bg_origin01_sp.png) no-repeat;
    background-size: 100%;}
  #okonomi .sec07.muromachi .main_area .main_area_in .detail_area .detail::before {
    padding-top: 81.88%;}
  #okonomi .sec07.edo .main_area .main_area_in .detail_area .detail {
    background: url(../../img/product_okonomi/bg_origin02_sp.png) no-repeat;
    background-size: 100%;}
  #okonomi .sec07.edo .main_area .main_area_in .detail_area .detail::before {
    padding-top: 70.14%;}
  #okonomi .sec07.meiji .main_area .main_area_in .detail_area .detail {
    background: url(../../img/product_okonomi/bg_origin03_sp.png) no-repeat;
    background-size: 100%;}
  #okonomi .sec07.meiji .main_area .main_area_in .detail_area .detail::before {
    padding-top: 64.49%;}
  #okonomi .sec07.taisho .main_area .main_area_in .detail_area .detail {
    background: url(../../img/product_okonomi/bg_origin04_sp.png) no-repeat;
    background-size: 100%;}
  #okonomi .sec07.taisho .main_area .main_area_in .detail_area .detail::before {
    padding-top: 43.62%;}
  #okonomi .sec07.showa .main_area .main_area_in .detail_area .detail {
    background: url(../../img/product_okonomi/bg_origin05_sp.png) no-repeat;
    background-size: 100%;}
  #okonomi .sec07.showa .main_area .main_area_in .detail_area .detail::before {
    padding-top: 52.17%;}
  #okonomi .sec07.nowadays .main_area .main_area_in .detail_area .detail {
    background: url(../../img/product_okonomi/bg_origin06_sp.png) no-repeat;
    background-size: 100%;}
  #okonomi .sec07.nowadays .main_area .main_area_in .detail_area .detail::before {
    padding-top: 92.32%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl {
    width: 69.13%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt {
    width: 24.11%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dd {
    width: 72.33%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle:nth-of-type(2) {
    margin: 14.42% 0 0;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle .circle_in p {
    /*font-size: 12px;*/
    font-size: 3.17vw;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dt .circle .circle_in p span {
    /*font-size: 11px;*/
    font-size: 2.91vw;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl dd {
    /*font-size: 12px;*/
    font-size: 3.17vw;
    line-height: 1.45;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.column {
    width: 25.65%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.column dt {
    width: 64.97%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.column dd {
    margin: 0 0 2.5%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.reverse {
    width: 30.43%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.reverse dt {
    width: 54.76%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.reverse dd {
    width: 45.24%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big {
    width: 20%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big dt {
    width: 100%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big dt .circle .circle_in p {
    /*font-size: 12px;*/
    font-size: 3.17vw;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.big dt .circle .circle_in p span {
    /*font-size: 11px;*/
    font-size: 2.91vw;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last {
    width: 53.04%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dt {
    width: 43.72%;
    position: relative;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dt p {
    padding: 0 10px;
    /*font-size: 12px;*/
    font-size: 3.17vw;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dt p.over {
    width: calc(100% + 20%);
    position: absolute;
    top: -30%;
    left: -22%;}
  #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.last dd {
    width: 51.91%;
    margin: 0;}
  }

#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_mu_01 {
  top: 27.33%;
  left: 0;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_mu_02 {
  top: 0;
  left: 25.85%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_mu_03 {
  top: 37.81%;
  left: 25.85%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_01 {
  top: 7.2%;
  left: 0;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_02 {
  top: 54.47%;
  left: 0;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_03 {
  top: 57.93%;
  left: 25.85%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_04 {
  top: 14.73%;
  left: 76.68%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_me_01 {
  top: 7.98%;
  left: 25.85%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_me_02 {
  top: 56.44%;
  left: 25.85%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ta_01 {
  top: 9.33%;
  left: 25.85%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ta_02 {
  top: 47.76%;
  left: 49.02%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_sh_01 {
  top: 32.59%;
  left: 13.12%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_sh_02 {
  top: 7.99%;
  left: 49.02%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_sh_03 {
  top: 54.95%;
  left: 49.02%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_01 {
  top: 12.43%;
  left: 0;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_02 {
  top: 12.43%;
  left: 23.54%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_03 {
  top: 12.43%;
  left: 46.75%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_04{
  top: 24.14%;
  left: 82.43%;}
#okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_05 {
  top: 53.69%;
  left: 34.92%;}
  @media screen and (max-width: 768px) {
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_mu_01 {
      top: 42.83%;
      left: 3.91%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_mu_02 {
      top: 21.59%;
      left: 30.87%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_mu_03 {
      top: 48.5%;
      left: 30.87%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_01 {
      top: 30.99%;
      left: 3.91%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_02 {
      top: 64.88%;
      left: 3.91%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_03 {
      top: 67.56%;
      left: 30.87%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ed_04 {
      top: 28.85%;
      left: 78.7%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_me_01 {
      top: 19%;
      left: 30.87%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_me_02 {
      top: 60.62%;
      left: 30.87%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ta_01 {
      top: 18.27%;
      left: 30.87%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_ta_02 {
      top: 46.17%;
      left: 61.16%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_sh_01 {
      top: 32.59%;
      left: 17.47%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_sh_02 {
      top: 10.39%;
      left: 61.16%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_sh_03 {
      top: 52.56%;
      left: 61.16%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_01 {
      top: 17.58%;
      left: 2.32%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_02 {
      top: 17.58%;
      left: 28.26%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_03 {
      top: 17.58%;
      left: 58.26%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_04{
      top: 27.47%;
      left: 83.33%;}
    #okonomi .sec07 .main_area .main_area_in .detail_area .detail dl.posi_no_05 {
      top: 67.81%;
      left: 43.04%;}
  }

#okonomi .sec06 .check_area {
  width: 70.8%;
  margin: 0px auto;
  margin-bottom: 100px;}
#okonomi .sec06 .check_area li {
  font-size: 21px;
  margin-bottom: 25px;
  background: url(../../img/product_okonomi/icon_check@2x.png) 0px 10px no-repeat;
  background-size: 17px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;}
#okonomi .sec06 .sec06_flex.productSpacing:not(:last-child) {
  margin-bottom: 50px;}
#okonomi .sec06 .sec06_flex.productSpacing {
  margin-bottom: 100px;}
  @media screen and (max-width: 768px) {
    #okonomi .sec06 .check_area {
      width: 100%;
      margin-bottom: 50px;
      display: flex;
      flex-direction: column;
      align-items: center;}
    #okonomi .sec06 .check_area li {
      font-size: 18px;
      width: fit-content;}
  }