html {
  width: 100vw;
  margin-top: 0!important;
}
div#wpadminbar {
    display: none;
}
body {
  margin: auto;
  background: #FFF;
	font-family: "Hiragino Sans GB", "ヒラギノ角ゴ ProN ", "HiraKakuProN", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif  !important;
}

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/*改行*/
.pc, .pc01, .pc02, .no-sp   {
  display: block;
 }
 .pc03, .tab, .tab01, .tab04, .sp, .sp01{
  display: none;
 }

@media screen and (max-width: 1200px){
.tab01{
  display: block;
  }
 } 
@media screen and (max-width: 1000px){
.pc01 {
  display: none;
  }
.pc03 {
  display: block;
}
}
@media screen and (max-width: 900px){
.pc02 {
  display: none;
  }
}
@media screen and (min-width: 900px){
 .tab03 {
  display: block;
  }
}
@media screen and (max-width:880px) {
.pc, .sp, .sp01 {
  display: none;
  }
.tab, .tab01{
  display: block;
  }
}
@media screen and (max-width:800px) {
  .tab04 {
    display: block;
  }
}
@media screen and (max-width:930px) {
  .no-sp {
  display: none;
  }
}
  @media screen and (max-width:600px) {
  .pc, .tab, .tab01, .sp01, .no-sp  {
   display: none;
  }
  .sp{
   display: block;
  }
  
  }
  @media screen and (min-width:360px) {
    .sp01{
      display: block;
    }
    }


/* header */
  div#header-ber {
  /* height: 100px; */
  width: 100%;
  margin: auto;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1000;
}


 .header {
  max-width: 1077px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 18px 24px 17px;
}

.logo1 {
  display: flex;
  width: 174px;
  height: 65px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.logo1:hover {
  opacity: 0.5;
}

.nav-telephone {
  display: flex;
  padding: 0px 4px;
  justify-content: right;
   align-items: flex-end;
  gap: 8px;
}

.dialicon {
  width: 36px;
  height: 36px;
}

.nav-telephone > a {
  text-decoration: none;
}
.telnumber {
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.nav-time {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}


/* メインビジュアル背景 */
div#mainvisial {
  background: #FF6B00;
  padding-top: 75px;
  padding-bottom: 91px;
  background-image: url(../image/mainvisual.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}

.mainvisial-inner1 {
  max-width: 813px;
    margin: auto;
    padding-left: 174px;
    padding-right: 433px;
}



img.request {
  height: 51px;
  padding: 0 20px;
}

img.mail {
  height: 51px;
}

img.MONOCOTOlog1 {
  width: 813px;
  padding-top: 60px;
  position: relative;
}

p.maintext {
  color: #FFF;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
  padding-top: 48px;
}

.catchcopy {
  color: #FFF;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: 3px;
  padding-top: 16px!important;
}

.mainvisial-inner2 {
  height: 590px;
  border-radius: 590px;
  background:  #FFF;
  width: 590px;
  margin-left: -160px;
}

img.mainvisial-img {
  margin-top: 4px;
  margin-left: -11px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}


/* TOP */
#top {
  width: 100%;
  margin: auto;
}

.top-lead {
  text-align: center;
  padding-top: 80px;
}
.top-lead span {
  color: #111820;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
}
.novelty-top {
  position: relative;
  top: 145px;
}

.promotion {
  margin: auto;
  max-width: 864px;
}

.promotion-novelty {
  margin-top: 50px;
  position: absolute;
  left: 102px
}

.top-title {
  font-family: "Sharoa Pro",  sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  margin-bottom: -113px;
  margin-top: 60px;
  color: rgba(0, 0, 0, 0.00);
  -webkit-text-stroke: 2px #FF6B00;
  top: 34px;
}

img.original-totabag {
  max-width: 864px;
    text-align: center;
    position: relative;
}

.top-wrapper1 {
  background: #FF6B00;
  /* height: 350px; */
  width: auto;
}

.top-copy {
  color:  #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
  text-align: center;
  padding-top: 166px;
  padding-bottom: 72px;
}

p.topouter-copy {
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 53px;
  padding-top: 76px;
  padding-bottom: 48px;
  margin: auto;
}

/*  CASE STUDY */
section#casestudy {
  width: 100%;
  margin: auto;
}

.casestudy-container {
  max-width: 880px;
  margin: auto;
  text-align: center;
}

.case01-sp {
  display: none;
}

.casestudy-sectiontitle strong {
  color: #FF6B00;
  font-family: "Sharoa Pro", sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0;
 }

.casestudy-lead {
color: var(--, #111820);
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 56px; /* 175% */
padding-bottom: 44px;
}

.case-container {
  max-width: 1079px;
  margin: auto;
  padding: 0 15px;
}

/* case01 */
.case-content {
  /* position: absolute; */
  max-width: 913px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 31px 30px 19px 88px;
  background: #DBD9D659;
  border-radius: 245px;
  border: 0px solid #111820;
}
.case-content02 {
  flex-direction: row-reverse;
  padding: 31px 88px 19px 31px;
  gap: 24px;
}

.case-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.case-label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.case02-label {
  width: 120%;
}

.case01-number {
  border-radius: 36px;
  border: 2px solid #FF6B00;
  color: #FF6B00;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  padding: 2px 16px;
  height: 40px;
  /* width: 96px; */
}


p.case-item {
  color: #111820;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-left: 8px;
}

.case-heading {
  color: #111820;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

.case01-info tbody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

tr.case-line {
  display: flex;
  align-items: baseline;
  gap: 16px;
  align-self: stretch;
}

td.case-item {
  width: 96px;
  color: #111820;
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 0;
  border-bottom: 2px dotted #FF6B00;
}

td.case-detail {
  color: #111820;
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  width: 105%;
}


.case01-img {
  display: flex;
  width: 442.604px;
  height: 440px;
  flex-shrink: 0;
  border-radius: 442.604px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  /* top: -49px;
  right: 15px; */
  /* margin-top: -20px; */
}

.extota01 .extota03 {
  margin: auto;
  width: 93%;
  height: 93%;
  margin-left: 0;
}


.extota02 {
  width: 60%;
  height: auto;
  margin: auto;
}
/* .extota02 {
  width: 262px;
  height: 350px;
  flex-shrink: 0;
  position: relative;
  top: 61px;
  right: 93px;
}  */


.case01-category {
  max-width: 1079px;
  margin: auto;
  padding: 0 15px;
  text-align: right;
  position: relative;
  top: -90px;
  right: 1vw;
}

.case02-category {
  max-width: 1079px;
  margin: auto;
  padding: 0 15px;
  text-align: left;
  position: relative;
  top: -90px;
  left: 1vw;
}

.case01-category span {
  font-family: "Sharoa Pro", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: rgba(0, 0, 0, 0.00);
  -webkit-text-stroke: 2px #FF6B00;
}

.case02-category span {
  color:  #FF6B00;
}

/* case02 */
.case02-content {
  position: absolute;
  max-width: 913px;
  margin: auto;
  display: flex;
  padding: 56px 80px 59px 30px;
  gap: 24px;
  flex-direction: row-reverse;
}

.case02-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.case02-number {
  border-radius: 28px;
  border: 2px solid #FF6B00;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  padding: 2px 16px;
  height: 40px;
  width: 96px;
  background: #FF6B00;
}


.case02-img {
    display: flex;
    width: 440px;
    height: 440px;
    flex-shrink: 0;
    border-radius: 440px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    top: -28px;
    left: 5px;
}

/* case03 */
.case03-content {
  position: absolute;
  max-width: 913px;
  margin: auto;
  display: flex;
  padding: 65px 24px 43px 102px;
}

.case03-number {
  border: 2px solid #111820;
  background: #111820;
  color: #fff;
}

.case03-inner {
  height: 68px;
}

.case03-note {
color:#111820;
font-family: Hiragino Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}


.case03-img {
  display: flex;
  width: 440px;
  height: 440px;
  flex-shrink: 0;
  border-radius: 442.604px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  top: -34px;
  right: 27px;
}

.extota04 {
  width: 222px;
  height: 336px;
  flex-shrink: 0;
  position: relative;
  top: 61px;
  right: 60px;
}

.casestudy-content {
  max-width: 684px!important;
  margin: auto;
  text-align: center;
  color: #111820;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  /* margin-bottom: 110px; */
}
.casestudy-operation {
  color: #FF6B00;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Sharoa Pro", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  top: 41px;
}

.casestudy-summary {
  max-width: 1020px;
  margin: auto;
  background: #DBD9D633;
  border-radius: 402px;
  margin-bottom: 50px;
  padding-top: 77px;
  /* margin: 0 15px 50px; */
}

.one-stop-0peration {
  padding: 0 15px 50px;
}

.operation-imgs {
  max-width: 838px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

img.hearing {
  width: 250px;
}

img.plan {
  width: 250px;
  /* margin: 0 50px; */
}

img.officework {
  width: 218px;
}

p.casestudy-policy {
  margin: auto;
  color: #111820;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  padding-bottom: 38px;
}

/*  CTA01 */
div#cta01 {
  max-width: 100%;
  background: #FF6B00;
  padding: 66px 20px
}

.cta01-outer {
/*   max-width: 719px; */
  margin: auto;
  text-align: center;
}

.cta01-title strong {
  font-family:"Sharoa Pro", sans-serif;
  font-size: 82.2px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: rgba(0, 0, 0, 0.00);
  -webkit-text-stroke: 2px #fff;
}

.cta01-telbtm {
  width: 240px;
}

.cat01-requestbtm {
  width: 176px;
  padding: 0 40px;
}

.cta01-mailbtm {
  width: 212px;
}

.cta01-companypolicy {
  padding-bottom: 28.77px;
}

/* aboutus */
.aboutous-sp {
  display: none;
} 

#aboutus {
  margin: auto;
}

.aboutus-outer {
  max-width: 864px;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 46px;
}

.aboutus-title {
  max-width: 488px;
  margin: auto;
  margin-bottom: 62px;
  padding: 4px;
  align-items: center;
  gap: 4px;
  border-bottom: 2px solid #FF6B00;
}

.aboutus-heading {
color: #111820;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 60px; /* 187.5% */
}

/*  SINCE1964 */
.aboutus-content {
  margin-bottom: 32px;
}

.since1964-imgs {
  display: flex;
    justify-content: space-between;
    align-items: center;
}

.since1964-founding {
margin-bottom: -64px;
position: relative;
text-align: right;
	z-index: 1;
}
.since1964-founding span {
color: #FF6B00;
font-family:"Sharoa Pro", sans-serif;
font-size: 100px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.aboutus-novelty {
  width: 520px;
}

.since1964-logo {
  width: 240px;
  margin: auto;
  margin-left: 30px;
  padding-right: 6%;
}

.since1964-content {
  width: 472px;
  padding: 24px;
  border-radius: 20px;
  color: #fff;
  background: #111820;
  margin: auto;
  margin-right: 0;
  margin-top: -47px;
  position: relative;
}

.aboutuscontent-heading {
  padding: 8px;
  color:  #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 183.333% */
}

.aboutuscontent-text {
  color:  #FFF;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
  padding: 8px;
}

.production-network {
  color:  #000;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
}

/*  HIGH QUALITY */
.highquality-inner {
  position: relative;
	z-index: 2;
}

.highquality-content {
  border-radius: 20px;
  background: #FF6B00;
  display: flex;
  width: 472px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
   z-index: 2;
   position: relative;
}

.highquality-founding {
  margin-top: -49px;
	z-index: 3;
}

.highquality-founding span {
  color: #111820;
  font-family: "Sharoa Pro", sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
	position: relative;
	z-index: 2;

}

.highquality-imgs {
  display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -193px;
}

img.highquality-logo {
  width: 250px;
    margin: auto;
    height: 91px;
    margin-bottom: 31px;
}
  .productinfo-content {
    display: block;
    width: auto;
  }
  .finishimg {
  display: none;
  }
  /* .productinfo-imgs > img {
    width: 155px;
    height: auto;
} */
 .colorvariations-imgs {
  height: auto!important;
}
.monocototota-note {
  margin-top: 0;
}
.colorvariations-title {
   display: block!important;
   text-align: center;
}
 
/* PRODUCTION NETWORK */
.production-network-content {
  border-radius: 20px;
  background: #DBD9D6;
  display: flex;
  width: 472px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  margin: auto;
  margin-right: 0;
  margin-top: -44px;
  position: relative;
}

.production-network-heading {
  padding: 8px;
  color: #111820;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

.production-network-text {
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  color: #111820;
  padding: 8px;
}

.production-network-founding span {
  color: #FF6B00;
  font-family: "Sharoa Pro", sans-serif;
  font-size: 83px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
	position: relative;
	z-index: 4;
}

.production-network-logo {
  margin-left: -51px;
  margin-top: 154px;
  width: 300px;
  height: 28px;
}

.production-network-imgs {
  display: flex;
  margin-top: -70px;
  position: relative;
  margin-bottom: 56px;
}

/* 主な取引実績 */
.suppliers {
  max-width: 829px;
  margin: auto;
  margin-bottom: 46px;
}

.suppliers-title {
  margin-bottom: 16px;
  text-align: center;
}

.suppliers-text {
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1.4px;
}
/*  オリジナル商品の企画〜納品まで */
.onestop {
  max-width: 715px;
  text-align: center;
  color: var(--shiro, #FFF);
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  border-radius: 50px;
  background: #FF6B00;
  padding: 2px 37px 2px 48px;
  margin: auto;
	font-size: 19px;
   text-align: center;
}

/*  product */
.producttitle-sp {
  display: none;
}
.productinfo-sp {
  display: none;
}

.product-wapper {
  background: #FF6B00;
  padding: 64px 85px;
  margin-bottom: 47px;
}

.product-inner {
  max-width: 1270px;
  margin: auto;
  border-radius: 40px;
  background: #FFF;
  padding: 69px 10px 68px;
}

.product-heading-wapper {
  max-width: 832px;
  margin: auto;
  padding: 4px;
  border-bottom: 3px solid #FF6B00;
  margin-bottom: 36px;
}

.product-heading {
  color: #111820;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
}

.product-text {
  color: #111820;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 32px;
}

.product-title {
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  margin: 24px auto;
}

.productinfo-content {
  display: flex;
  justify-content: center;
  margin-bottom: 30.5px;
  gap: 32px;
  max-width: 794px;
  margin: auto;
  margin-top: 8px;
  margin-bottom: 33px;
}

.monocototota {
  width: 318px;
}

.monocototota-note {
  text-align: right;
  margin-right: -20px;
  margin-top: -71px;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.productinfo-table {
  border: 1px solid #111820;
  max-width: 396px;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.productinfo-table tr td {
  vertical-align: middle;
  border: 1px solid #111820;
  padding: 4px 10px;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.productinfo-table-material {
  padding: 16px 32px!important;
  width: 36px;
  height: 40px;
  background: #DBD9D6;
}

.productinfo-list {
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.8px;
  padding-left: 44px;
  margin-bottom: 12px;
}

.package {
  max-width: 444px;
}

.productinfo-imgs {
  max-width: 800px;
  margin: auto;
  height: 600px;
  background: #fff;
  border-radius: 20px;
  background: #DBD9D633;
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* デザインプリントの仕上がりイメージ */
.finish {
  /* width: 750px;
  margin: auto; */
  text-align: center;
}

.productinfo-imgs > img {
  width: 245px;
}

.finishimg {
  width: 750px;
  margin-bottom: 24px;
}


.colorvariations-title {
  display: block;
}
.productinfo-imgs {
  height: auto;
}


/*  カラーバリエーション 10色 */
.colorvariations-imgs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 800px;
  margin: auto;
  height: 404px;
  padding: 23px 0px 23px 0px;
  border-radius: 20px;
  background: #DBD9D633;
}

.colorvariations-imgs > li {
  padding: -1px 18px;
  position: relative;
  padding-left: 1.5em;
}
.colorvariations-imgs > li > img {
  width: 123px;
  height: 189.3px;
}

ol.colorvariations-imgs {
  counter-reset: li;
  list-style-type: none;
  margin-bottom: 24px;
}

.colorvariations-listcount li:before {
  counter-increment: li;
  content: counter(li, decimal-leading-zero);
  position: absolute;
  top: 50px;
  left:14px;
  width: 23px;
  height: 23px;
  padding: 11px;
  color: #111820;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  line-height: 1.5;
}

.colorvariations-detail {
  counter-reset: count 0;
}

/* li.colorvari-list:before {
  content: "品番：MT0" counter(count);
  counter-increment: count 1;
  padding-right: 20px;
} */
li.colorvari-list:before {
  content: "品番：MT";
  /* counter-increment: count 1; */
  /* padding-right: 20px; */
}

li.colorvari-list span {
  /* content: "品番：MT"; */
  /* counter-increment: count 1; */
  padding-left: 20px;
}
/* カラーバリエーション 10色 */
.colorvariations-content {
  max-width: 663px;
  margin: auto;
}

.colorvariations-title {
  display: flex;
  justify-content: center;
  gap: 57px;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}

.colorvariations-detail {
  counter-reset: count 0;
  display: flex;
  justify-content: center;
  gap: 120px;
  list-style-type: decimal-leading-zero;
}

.colorvariations-detail div li {
color: #111820;
font-family: "Hiragino Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
}

.productinfo02-table {
  border: 1px solid #111820;
  max-width: 790px;
  height: 124px;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.productinfo02-table tr th {
  padding: 12px 32px;
  align-items: flex-start;
  gap: 8px;
  width: 72px;
  height: 40px;
  border: 1px solid #111820;
  background: #DBD9D6;
  vertical-align: middle;
}

.productinfo02-table tr td {
  vertical-align: middle;
  border: 1px solid #111820;
  padding: 12px 32px;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

/* 上記商品に限らずサイズ・素材などお客様のご要望に幅広くお応えすることが可能です。 */
.otherrequests-wapper {
  max-width: 776px;
  margin: auto;
  padding: 16px 4px 12px;
  border-bottom: 3px solid #FF6B00;
  margin-bottom: 33px;
  text-align: center;
}

.otherrequests-container {
  margin-bottom: 48px;
}

.otherrequests-heading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

.otherrequests-outer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 768px;
  margin: auto;
}

.otherrequests-contents {
  max-width: 360px;
  height: 420px;
  background: #DBD9D633;
  border-radius: 20px;
  margin-bottom: 40px;
}

.otherrequests-img01 {
  width: 280px;
  margin: 25px 40px 11.54px;
}

.otherrequests-img02 {
  width: 250px;
  margin: 25px 63px 7.23px 47px;
}

.otherrequests-img03 {
  width: 250px;
  margin: 23px 50px 14.23px 60px;
}

.otherrequests-img04 {
  width: 259px;
  margin: 16px 50.56px 8.17px 50px;
}

.otherrequests-inner {
  max-width: 300px;
  margin: auto;
}

.otherrequests-title {
  color: #111820;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

.otherrequests-text {
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*  features */
.circle {
  /* width: 984px;
  height: 984px; */
  margin: auto;
  background-image: url(../image/circle.png);
  background-size: 100%;
  max-width: 1130px;
  margin: auto;
}

.circle-sp {
  display: none;
}

.circle-outtext {
  display: none;
 }

.circle-outer {
  max-width: 781px;
  margin: auto;
  text-align: center;
  padding-top: 213px;
}

.circle-lead {
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  margin-bottom: 24px;
}


.circle-title {
  color: #111820;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 68px;
  letter-spacing: 7.2px;
  margin: auto;
  margin-left: 36px;
  margin-bottom: 24px;
}

.circle-content {
  display: flex;
  justify-content: space-between;
  max-width: 625px;
  padding: 0 20px;
  margin: auto;
  margin-bottom: 24px;
}

.circle-titlelist {
  border-bottom: 7px dashed #FF6B00;
}

.circle-heading {
  padding: 12px 8px 5px;
  color: #111820;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -1px;
}

.circle-copy {
  color: #111820;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 24px;
}

.circle-text {
  color: #111820;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 36px;
}
/*  CTA */
.cta02 {
  padding-bottom: 163px!important;
}
.monocoto-right {
  position: relative;
  top: -121px;
}
.cta02-text {
  width: 715px;
  margin: auto;
  height: 48px;
  border-radius: 50px;
  border: 2px solid #FFF;
  vertical-align: middle;
  padding: 2px 37px 2px 48px;
  color: #FFF;
  font-family: "Hiragino Sans";
 font-size: 19px;
   text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}


.features-content {
  display: flex;
  justify-content: center;
}
.features-leftcontent {
   /* width: 120px; */
   background-image: url(../picture/monocotoDesign-left.png);
}
.features-centercontent {
  max-width: 861px;
}

.features-centercontent {
  width: 100vw;
}

/* ローコスト */
.lowcost-inner-sp {
  display: none;
}

.lowcost-content-pc {
  position: relative;
  top: -73px;
}

.lowcost-inner {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
  gap: 40px;
}

.lowcost-img {
  width: 480px;
  margin-bottom: 7px;
}

.lowcost-heading {
  color: #111820;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  padding-left: 20px;
  width: 236px;
  height: 84px;
  border-left: 2px solid #FF6B00;
}
.lowcost-text {
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
/* ハイクオリティ */
.htsp {
  display: none;
}
.highquality-content01 {
  display: flex;
  align-items: flex-end;
}

.highquality-inner {
  margin-bottom: -76px;
}

.highquality-heading {
  color: #111820;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  border-bottom: 2px solid #FF6B00;
  width: 447px;
  margin-bottom: 40px;
}

.highquality-text {
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.highquality-img {
  width: 480px;
  margin-left: -67px;
}

.promotioncard {
  max-width: 814px;
  margin: auto;
  padding: 0 20px;
}

.promotioncard-title {
  max-width: 744px;
  margin: auto;
  text-align: center;
  margin-bottom: 40px;
}

.promotion-novelty-text {
  color:  #111820;
  /* pra-2 */
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
  margin-top: 177px;
}

.promotioncard-heading {
  color: #111820;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px; /* 155.556% */
}
.heading-underline{
  border-bottom: 2px solid #FF6B00;
  padding: 0 8px;
  max-width: 684px;
  margin: auto;
  margin-bottom: 8px;
}

.promotioncard-detail {
  color: #111820;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 16px;
}

.promotioncard-lead {
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 40px;
}

.promotioncard-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}

.promotioncard-ex {
  max-width: 356px;
}

.promotioncard-summary {
  max-width: 376px;
  margin: auto;
  padding: 8px;
  color: #111820;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 192.2%;
  margin-bottom: 27px;
}

.promotioncard-text {
  max-width: 424px;
  margin: auto;
  padding: 8px;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 24px
}

.nonelty-linkbtn {
  width: 378px;
  height: 27px;
  margin: auto;
  text-align: center;
  padding: 16px 24px;
  border-radius: 56px;
  border: 1px solid #111820;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 500ms ease-in-out;
}

.nonelty-linkbtn a {
  text-decoration: none;
}

.nonelty-linkbtn a {
  color: #111820;
}
.nonelty-linkbtn {
  background:  #FFF;
}

.nonelty-linkbtn:hover {
  background:  #111820;
}
.nonelty-linkbtn:hover a {
  color: #fff
}


.promotioncard-imgs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 671px;
  margin: auto;
  margin-bottom: 40px;
  gap: 32px;
}

.promotioncard-imgs > img {
  width: 177.4px;
}

.promotioncard-note {
color: #111820;
font-family: "Hiragino Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
max-width: 787px;
margin: auto;
text-align: center;
}
.monocoto-left {
  margin-top: 1150px;
}

.cta03-lead {
  text-align: center;
  padding-top: 80px;
}

.cta03-lead span {
  color: #111820;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
}
/*  CTA03 */
.cta03 {
  margin-top: -162px;
}

.cta03-copy {
  padding-top: 126px;
}
.cta03-text {
  color: #FFF;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
  margin-top: 126px;
  margin-bottom: 56px;
}

/*  flow */
.flow-sp {
  display: none;
}

.flow-outer {
  max-width: 1079px;
  padding: 0 12px;
  margin: auto;
  margin-top: 124px;
}

.flow-decorationtext {
  color:  #FF6B00;
  font-family: "Sharoa Pro", sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.flow-title {
  max-width: 332px;
  margin: auto;
  border-bottom: 2px solid #FF6B00;
  margin-bottom: 86px;
}

.flow-hedding {
  color: #111820;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
  padding: 4px;
  margin-top: -71px;
}

.flow-contentouter {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 15px;
  margin-bottom: 61px;
}

.flow-contentouter img {
  width: 250px;
}

.flowcontent-headding {
  display: flex;
  justify-content: left;
  gap: 8px;
}

.flowcontent-number {
  color: #FF6B00;
  font-family: "Sharoa Pro", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.flowcontent-title {
  color: #111820;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  padding: 0 8px;
}

.flowcontent-headding2 {
  color: #111820;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
  padding: 0 8px;
  margin-bottom: 4px;
  width: 101%;
}

.flowcontent-list {
  margin-left: 27px;
}

.flowcontent-list > li {
    color: #111820;
    font-family: "Hiragino Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.flowcontent-lists {
  display: flex;
  justify-content: left;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  gap: 36px;
}

.flowlist04sp {
  display: none;
}

.flowtitle04-sp {
  display: none;
}
/* CTA */
.cta03-befor {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* bottom */
.bottom-title {
  max-width: 663px;
margin: auto;
margin-bottom: 92px;
}

.bottom-heading {
color: #111820;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 44px; /* 183.333% */
margin-bottom: 48px;
}

.bottom-lead {
color: #111820;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 72px; /* 150% */
letter-spacing: 7.2px;
}

.monocotodesign {
  max-width: 675px;
  margin: auto;
  margin-bottom: 56px;
}

.monocotodesign-heading {
  color: #111820;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  margin-bottom: 16px;
}

.monocotodesign-text {
  color: #111820;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

.monocotodesign-policy-text {
  color: #111820;
  text-align: center;

  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
  max-width: 872px;
  margin: auto;
  margin-bottom: 84px;
  padding: 8px;
}

.footer-before {
  width: 100vw;
}

/* footer */
#footer-sp {
  display: none;
}

#footer-pc {
  padding: 14px 20px 24.29px;
}

.footer-inner {
  max-width: 1071px;
  margin: auto;
  margin-top: 20.55px;;
  margin-bottom: 24.3px;
}

.footer-content01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.koshiokalogo02 {
  width: 174px;
}

.koshiokalogo02:hover {
  opacity: 0.5;
}

.footer-menulist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.external {
  width: 24px;
  height: 24px;
}

.footer-menu {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 24px;
}

.footer-menu > a {
  text-decoration: none;
}

.footer-menu > a > li{
  list-style: none;
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.footer-content02 {
  display: flex;
  justify-content: space-between;
}

.flexicarry-logo {
  width: 630px;
  height: 53.4px;
}
.flexicarry-sns {
  display: flex;
  justify-content: right;
}

.flexicarry-snslist  {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 24px;
  margin-right: 24px;
}

.instalogo {
  width: 32px;
}

.youtubelog {
  width: 32px;
}
.xlogo {
  width: 32px;
}

.monocotologo04 {
  width: 100px;
}

.copyright {
  margin-top: -7px;
  margin-bottom: 24.29px;
  color: #111820;

  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

/* CTAbtn */
.cta-btns01 {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  gap: 20px;

}

.cta-btns01 a {
  text-decoration: none;
}

.cta-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 708px;
  margin: auto;
}

.cta-btns a {
  text-decoration: none;
}

/* 無料相談 */
.phone-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 184px;
  height: 35px;
  gap: 16px;
  padding: 8px 28px;
  border-radius: 50px;
  background: #FFF;
  transition: background-color 500ms ease-in-out;
}

.phone-icon {
  width: 24px;
  height: 24px;
}

.phone-btns > p {
color:#FF6B00;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 35px; /* 194.444% */
}

.phone-btns:hover {
  border-radius: 50px;
  border: 2px solid #FFF;
  background: #FF6B00;
}

.phone-btns:hover .phone-icon {
  display: none;
}

.phone-btns:hover .phone-text {
  color: #fff;
}

/* 資料請求 */
.file-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 35px;
  gap: 16px;
  padding: 8px 32px;
  border-radius: 50px;
  background: #111820;
  transition: background-color 500ms ease-in-out;
 color: #fff;
 font-size: 18px;
 font-style: normal;
 font-weight: 600;
 line-height: 35px;
}
.file-text-icon {
  width: 24px;
  height: 24px;
}

.file-btns:hover {
  color: #111820;
  background: #fff;
 }

 .file-btns:hover .file-text-icon {
  display: none;
}

/* お問い合わせ */
.mail-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 35px;
  gap: 16px;
  padding: 8px 32px;
  border-radius: 50px;
  background: #FF6B00;
  border: 2px solid #FFF;
  transition: background-color 500ms ease-in-out;
  /* transition: color 500ms ease-in-out; */
}
.mail-btns {
 color: #fff;
 font-size: 18px;
 font-style: normal;
 font-weight: 600;
 line-height: 35px;
}
.mail-icon {
  width: 24px;
  height: 24px;
}
.mail-btns:hover {
  color: #FF6B00;
  background: #fff;
  /* transition: .5s ease-in-out; */
}
  /* .mail-btns:hover +.mail-btns p {
  animation: anim 1s;
 }
 @keyframes anim {
  0% {
  transform: translateX(0px);
  }

  100% {
  transform: translateX(300px);
  }
}
  */

 .mail-btns:hover .mail-icon {
  display: none;
  
  transition: all .5s ease;
}

.mainvisual-sp {
  display: none;
}
.MONOCOTOlog2 {
  display: none;
}
.case-inner {
  gap: 16px;
}

/* 固定フッター */
/*メニューをページ下部に固定*/
#sp-fixed-menu{
  position: fixed;
  width: 100vw;
  bottom: 0px;
  font-size: 0;
  z-index: 1000;
  background: #FF6B00;
  padding: 20px 0;
}

.fixed-footer {
  margin: auto;
  justify-content: center;
  padding: 0 10px;
  gap: 16px;
}
.return-top {
  width: 43px;
  height: 43px;
}
.fixed-footerphone {
  width: 112px;
}
.fixed-footer {
  display: flex;
  flex-wrap: wrap;
}
.phone-link {
  order: 1;
}
.filee-link {
  order: 2;
}
.mail-link {
  order: 3;
}
.top-link {
  order: 4;
}


@media screen and (max-width: 1440px) {
.cta-img03 {
  top: 30px!important;
}
}
/* プロモーションパッケージ */
@media screen and (max-width: 1386px) {
  .features-centercontent {
    position: absolute;
    z-index: 100;
}
.features-rightcontent {
  position: relative;
  left: 31vw;
}
.features-leftcontent {
  position: relative;
  right: 22vw;
}
.monocoto-right {
  margin-top: 0;
}
.features-leftcontent, .monocoto-right {
  opacity: 0.5;
}
.cta03 {
  margin-top: 129px;
}
/* flow */
.flow-hedding {
  font-size: 2.5vw;
}
.flow-decorationtext {
  font-size: 6.94vw;
}
}
@media screen and (max-width:1362px) {
  .mainvisial-inner1 {
    margin: 0;
    padding-right: 0;
    padding-left: 5%;
  }
.casestudy-lead {
  font-size: 2.4vw;
  line-height: 2;
  }
}
@media screen and (max-width:1250px) {
  img.MONOCOTOlog1 {
    width: 65vw;
}
}
@media screen and (max-width:1235px) {
  div#mainvisial {
    padding-top: 6vw;
    padding-bottom: 7.3vw;
  }
.catchcopy {
  font-size: 4.85vw;
  line-height: 1.5;
}
p.maintext {
  font-size: 1.94vw;
  line-height: 1.5;
}
.mail-btns, .phone-btns, .file-btns, .fixed-footerphone   {
  padding: 8px 2.79vw;
}
}
@media screen and (max-width: 1200px) {
.onestop {
	width: auto;
	font-size:  18px;
	}
	p.cta02-text.no-sp {
    font-size: 18px;
}
  .circle {
    width: 900px;
  }
  .circle-outer {
    padding-top: 113px;
}
.flow-decorationtext {
  font-size: 6.4vw;
  padding-left: 10%;
}
.product-heading {
  font-size: 30px;
}
/* flow */
.flow-contentouter {
  padding-left: 10%;
}.flow-decorationtext {
  padding-left: 5%;
}

}
/* circle */
@media screen and (max-width: 1160px) {
  .circle-outer {
    padding-top: 0;
}
/* A4オリジナルトートバッグ */
.product-heading, .otherrequests-heading {
  font-size: 2vw;
  line-height: initial;
}
.product-heading-wapper, .otherrequests-wapper {
  max-width: 69.33vw;
}
/* CTA */
.cta03 .cta01-outer .top-copy {
  padding-top: 11.4vw;
}
}
@media screen and (max-width:1140px) {
  .product-wapper {
    background: #FF6B00;
    padding: 64px 85px;
    margin-bottom: 47px;
    padding: 41.3px 5% 55px;
  }
}
@media screen and (max-width:1076px) {
  /* caseのデザイン調整 */
  /* .case-content {
    padding-left: 8.17vw;
  } */
  .case01-number, .case-item{
    font-size: 1.85vw;
  }
  .case-heading {
    font-size: 2.23vw;
  }
  .case01-img {
    width: 40.8vw;
    height: 40.8vw;
  }
}
@media screen and (max-width: 1019px) {
  /* case */
  p.case-item, .case01-number {
    font-size: 1.9vw;
}
/* footer */
  .flexicarry-logo {
    width: 50%;
    height: 50%;
}
.monocotologo04 {
  width: 20%;
}
}
@media screen and (max-width: 1010px) {
  .lowcost-content-pc {
    padding-left: 7%;
    width: 90%;
}
.monocoto-right {
  top: 0;
}
/* プロモーションカード */
.monocoto-left {
  opacity: 0;
}
.cta-img03 {
  top: 0!important;
}

/* .aboutuscontent-heading, .production-network-heading {
  font-size: 2.3vw;
} */


}
@media screen and (max-width: 1002px) {
  .lowcost-img, .highquality-img {
    width: 45vw;
  }
  .cta03 {
    margin-top: 57px;
}
}
/* CTA トートバッグの画像 */
@media screen and (max-width:1000px){
  p.casestudy-policy {
    font-size: 19px;
  }
  /* case */
  .case01-category span, .case02-category span {
    font-size: 6vw;
  }
  img.original-totabag {
    width: 90%;
    margin: auto;
    display: block;
    top: 117px;
}
.top-title {
  font-size: 5.2vw;
}
.novelty-top {
  width: 90%;
  display: block;
  margin: auto;
}
.top-copy {
  font-size: 3.5vw;
}
.casestudy-sectiontitle strong {
  font-size: 9.5vw;
}
.top-lead span {
  font-size: 3.6vw;
}
.aboutous-pc {
  padding: 0 20px;
}
/* flow */
.flow-outer {
  margin-top: 10vw;
}
.flow-hedding {
  font-size: 3.5vw;
}
.flow-contentouter img   {
  width: 25vw;
}
.flowlist04pc {
  display: none;
}
.flowlist04sp {
  display: block;
}
/* about us sp */
  .aboutus-novelty {
    width: 450px;
}
.since1964-logo {
  width: 170px;
}
.since1964-content, .highquality-content, .production-network-content  {
  width: 402px;
}

.production-network-logo {
  width: 230px;
  height: 21.4px;
}
.production-network-founding span, .highquality-founding span, .since1964-founding span {
  font-size: 70px;
}
.production-network-founding span, .highquality-founding span, .since1964-founding span {
  font-size: 8.25vw;
  line-height: 10.25vw;
}
.since1964-founding {
  margin-bottom: -32px;
}
.onestop {
  font-size: 2vw;
}
/* cta03 */
.cta-img03 {
  top: -27px!important;
}
.cta03 {
  margin-top: -28px;
}
}
/* flow */
@media screen and (max-width: 961px) {
  .flowcontent-headding2 {
    width: auto;
}
.circle {
  width: 90%;
  padding-top: 0;
  margin-bottom: 0;
}
.circle-pc {
  margin-bottom: 56px;
}
.circle-lead {
  margin-bottom: 60px;
}
.circle-title{
  font-size: 5vw;
    line-height: 7vw;
  margin-bottom: 29px;
}
.circle-content {
  margin-bottom: 24px;
}
/* A4オリジナルトートバッグ */
.monocototota {
  width: 290px;
}
.package {
  width: 400px;
}
.productinfo-list {
  font-size: 1.75vw;
}
}

/* case */
@media (max-width: 941px) and (min-width: 880px)  {
  .case01-img, .case02-img, .case03-img {
    width: 36vw;
    height: 36vw;
  }
}

@media screen and (max-width: 900px) {
  /* .lowcost-heading {
    position: relative;
    left: 50%;
  } */
  .highquality-content01 {
    display: flex;
    align-items: end;
    position: relative;
  }
  .highquality-heading {
  position: relative;
      left: 49px;
      width: 68%;
      margin: auto;
  }
  .highquality-text {
    position: relative;
    left: 113px;
    top: 30px;
  }
  .lowcost-img {
    position: relative;
    left: 72px
  }
  .lowcost-heading {
    position: relative;
    top: 85px;
    width: auto;
  }
  .lowcost-text {
    position: relative;
    left: 72px;
    top: 77px;
    width: 60%;
  }
  .lowcost-content-pc {
    margin-bottom: 126px;
  }
  .lowcost-text {
    width: 80%;
  }
  .promotioncard-heading {
    font-size: 3.8vw;
  }
  .promotioncard-lead {
    font-size: 2.44vw;
  }
  .promotioncard-ex {
    width: 39vw;
  }
  /* A4オリジナルトートバッグ */
  .productinfo-table-material {
    padding: 4px 16px!important;
  }
  .productinfo-content {
    gap: 20px
  }
  /* flow */
  .flow-contentouter {
    padding-left: 5%;
}
.flow-hedding {
  margin-top: 0;
}
  /*  bottom */
  .bottom-lead {
    font-size: 5vw;
    line-height: 1.5;
}
   .bottom-heading {
  font-size: 2.2vw;
  line-height: 1.5;
}
  .monocotodesign-policy-text {
  font-size: 19px;
}
  .circle-outtext {
  display: block;
}
  .circle-pc > .circle-lead {
    display: none;
}
  .circle-heading {
     font-size: 18px;
     line-height: 1.5;
   }
   .circle-lead {
     margin-bottom: 34px;
   }
   .cta03 {
    margin-top: 47px;
}
}
/* 上記に限らず */
@media (max-width:880px) and (min-width:760px)  {
  .otherrequests-outer {
    justify-content: center;
    gap: 40px;
  }
  .otherrequests-contents {
    width: 40vw;
    margin-bottom: 0;
  }
  .flowcontent-headding2 {
    font-size: 20px;
  }
  .productinfo02-table tr th {
  padding: 2vw 3vw;
  }
  .productinfo02-table tr td {
  padding: 2vw 6.15vw;
  }
  }

  @media screen and (max-width: 880px) {
  /* caseのグレー背景左の余白 */
  .case01-pc {
    width: 100%;
}
  .case-content {
    padding-left: 5.17vw;
}
.case01-number {
  font-size: 1.6vw;
  width: 104px;
  height: 31px;
  line-height: 31px;
}
  .case-item {
    width: 100%;
    line-height: 24px;
  }
  .case01-img, .case02-img, .case03-img {
    width: 40vw;
    height: 40vw;
  }
td.case-item {
  width: 113px;
  }
  .case-label {
    margin-bottom: 16px;
}
p.topouter-copy {
  font-size: 3vw;
    line-height: 2.2;
}
.flow-decorationtext {
  font-size: 8.5vw;
}
  .cta01-title strong {
    font-size: 9.3vw;
  }
  .highquality-imgs {
    margin-top: -100px;
  }
  .suppliers {
    width: 89%;
}
.otherrequests-heading {
  font-size: 2.72vw;
}
.promotioncard-imgs {
  padding: 0 25px;
}
.promotioncard-imgs > img {
  width: 21vw;
}
.promotioncard-imgs {
  padding: 0;
  justify-content: center;
  width: 100%;
}
.promotioncard-ex {
  width: 31vw;
}
/*  A4おリジナルトートバッグ */
.onestop {
  max-width: 370px;
  line-height: 1.7;
  padding: 12px 25px;
}
.product-inner {
  padding: 2.5vw 4.1vw 12.3vw;
}
.colorvariations-imgs > li > img {
  width: 12vw;
}
.productinfo-imgs > img {
  width: 226px;
}
.colorvariations-detail {
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.cta03 {
  margin-top: 22px;
}
}
@media (max-width:880px) and (min-width:760px) {
  .otherrequests-inner {
    max-width: 300px;
    margin: auto;
    padding: 0 20px 20px;
  }
}
@media screen and (max-width: 850px) {
  .cta03 {
    margin-top: -43px;
}
}
@media screen and (max-width: 841px) {
  .case01-img, .case02-img, .case03-img {
    width: 37vw;
    height: 37vw;
  }
  .since1964-founding span {
    font-size: 10vw;
  }
  .highquality-founding span {
  font-size: 10vw;
  }
  }
@media screen and (max-width: 830px) {
  .case-content {
    padding-left: 4.17vw;
}
   td.case-item, td.case-detail {
    font-size: 14px;
   }
}

@media screen and (max-width: 800px) {
  img.officework {
    width: 22vw;
}
img.plan {
  width: 23vw;
}
img.hearing {
  width: 24vw;
}
  #footer-pc {
    display: none;
  }
  #footer-sp {
    display: block;
    padding: 13px 18px 13px 18px;
}
.flexicarry-logo {
  display: flex;
  justify-content: center;
  width: 95%;
  margin: auto;
  margin-bottom: 19px;
}
.footersp02 {
  display: flex;
  justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: auto;
}
.koshiokalogo02 {
  width: 45vw;
}
.monocotologo04 {
  width: 15vw;
  padding-right: 15%;
}
.footer-menu {
  gap: 6px;
}
.footer-menulist {
  justify-content: center;
  margin-top: 23px;
  margin-bottom: 16px;
}
.footer-menulist > ul > a > li {
  font-size: 12px;
 border-left: 1px solid #333;
  padding-left: 6px;
  line-height: 0.6;
}
.menuli-sp {
  border-left: none!important;
}
.footersp03 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.instalogo {
  width: 24px;
  height: 24px;
}
.youtubelog {
  width: 27px;
  height: 20px;
}
.xlogo {
  width: 24px;
  height: 22px;
}
.copyright {
  margin-bottom: 0;
  font-size: 12px;
}
img.original-totabag {
  top: 119px;
}
.top-title {
  top: 0;
}
/*  A4オリジナルトートバッグ　*/
.producttitle-sp {
  display: block;
}
.producttitle-pc {
  display: none;
}
.productinfo-sp {
  display: block;
}
.productinfo-pc {
  display: none;
}
.product-title {
  margin: 0 auto 12px;
}
.productinfo-table {
  max-width: 28.71vw;
}
.productinfo-imgs > img {
  width: 200px;
}
.colorvariations-imgs > li > img {
  width: 12.5vw;
  height: auto;
}
.package {
  width: 76vw;
  margin: auto;
  display: block;
}
.colorvariations-title {
  border-radius: 20px;
  border: 1px solid #111820;
}
.productinfo-imgs {
  padding-bottom: 51px;
}
.img-title {
  border-radius: 8px;
  background: #FF6B00;
  color: #fff;
  /* width: 309px; */
  position: relative;
  top: -20px;
}
.productinfo-table tr th, .productinfo-table tr td {
  display: block;
}
.productinfo-table tr th {
  color: #111820;
  text-align: center;
  font-family: "Hiragino Sans";
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  background: #DBD9D6;
  text-align: left;
  padding: 0 8px;
  font-size: 14px;
}
.productinfo-table tr td {
  color: #111820;
  font-family: "Hiragino Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 320% */
}
.productinfo-content {
  align-items: end;
}
.productinfo-list {
  font-size: 16px;
}
ul.productinfo-list {
  width: 90%;
  position: relative;
  left: 4vh;
  padding-top: 24px;
}
.monocototota {
  width: 240px;
}
ul.productinfo-list {
  padding-left: 0;
  max-width: 400px;
  margin: auto;
  left: 0;
}
/* カラーバリエーション　テーブル */
.productinfo02-table tr td {
  font-size: 2vw;
}
.productinfo02-table tr th {
  font-size: 2vw;
}
.cta03 {
  margin-top: -113px;
}
/* bottom */
.bottom-lead {
  letter-spacing: 0;
}
/* CTA */
  .cta-btns {
    justify-content: center;
    gap: 14px;
  }
  /*  プロモーションカードの背景*/
  .monocoto-right {
  opacity: 1;
  }
  .monocoto-left {
  opacity: 0;
  }
  .novelty-top {
  position: relative;
  top: 127px;
  }
  }
  @media (max-width:800px) and (min-width:760px){
    .otherrequests-contents {
      height: auto;
    }
    .otherrequests-img01 {
      width: 220px;
    }
    .otherrequests-img02, .otherrequests-img03, .otherrequests-img04 {
      width: 200px;
    }
  }
  @media screen and (max-width:775px) {
    .productinfo-imgs > img {
      width: 40vw;
    }
    }

@media (min-width: 771px) {
  .for-sp{
     display:none;
   }
}
	@media (min-width:587px) and (max-width: 770px) {
  #footer-sp {
    padding: 13px 18px 104px 18px;
}
}
@media screen and (max-width: 770px) {
  div#mainvisial {
    background-image: none;
    padding: 15px 0 34px;
  }
  .mainvisial-inner1 {
    display: flex;
    flex-direction: column-reverse;
    padding-left: 0;
}
  .mainvisial-inner1-1 {
    display: flex;
    flex-direction: column-reverse;
}
.mainvisual-sp {
  display: block;
  width: 55%;
  margin: auto;
}
.MONOCOTOlog1 {
  display: none;
}
.MONOCOTOlog2 {
  display: block;
  width: 77%;
  margin: auto;
  padding-bottom: 16px;
}
	.cta-btns {
    display: none;
}
	.fixft-display {
		opacity: 0;
	}
.catchcopy {
  font-size: 7.7vw;
  letter-spacing: 1.2px;
  padding-bottom: 4.1%;
  padding-left: 3%;
}
p.maintext {
  font-size: 4.1vw;
  padding: 4% 0 2% 3%;
  letter-spacing: 0.8px;
}
.header {
  padding: 3.8vw 6.1vw 3.3vw;
}
.mail-btns, .phone-btns, .file-btns  {
  gap: 8px;
}
.case-label {
  margin-bottom: 0;
}
.case-content {
  padding-top: 19px;
}

.extota01, .extota02, .extota03 {
    position: relative;
}
.extota01 {
  width: 36vw;
  height: 36vw;
}
/* .operation-imgs {
    display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 350px;
      margin: auto;
      background: #DBD9D633;
      border-radius: 245px;
      border: 0px solid #111820;
      padding: 80px 0;
      gap: 60px;
      margin-bottom: 7vw;
} */
/* .casestudy-summary {
    width: auto;
    margin: auto;
    background: none;
    border-radius: none;
    margin-bottom: none;
} */
/* .casestudy-operation{
    position: relative;
    top: 157px;
    font-size: 15vw;
} */
/*  A4オリジナルトートバッグ　*/
.onestop {
  font-size: 16px;
}
  /* flow */
.flowcontent-headding2 {
    font-size: 22px;
}
.flowcontent-number {
  font-size: 36px;
}
  /*  bottom */
.monocotodesign-policy-text {
    font-size: 16px;
}
.bottom-title {
    margin-bottom: 42px;
}
}
@media screen and (max-width:760px) {
  .otherrequests-outer {
    flex-direction: column;
    align-items: center;
}
.otherrequests-contents {
  height: auto;
}
.otherrequests-inner {
  max-width: 300px;
  margin: auto;
  padding: 0 20px 20px 20px;
}
.cta03 {
  margin-top: -182px;
}
}
@media screen and (max-width: 720px) {
  .logo1 {
    width: 24vw;
    height: auto;
}
  .circle-pc {
    display: none;
  }
  .circle-sp {
    display: block;
  }
  .circle-sp+ .circle-outtext > .circle-lead {
    display: none;
  }
  .circle-copy {
    padding: 70px 15px 36px 15px;
    margin-bottom: 0;
    font-size: 2.56vw;
}
.circle {
  background-size: 86%;
  background-repeat: no-repeat;
  background-position: top;
  margin: auto;
}
.circle-title {
  font-size: 6.5vw;
  line-height: 54px;
  letter-spacing: 0;
}
.circle-titlelist {
  border-bottom: 3px solid #FF6B00;
}
.circle-text {
  font-size: 2.5vw;
}
.circle-lead {
  font-size: 3.7vw;
}
.circle-copy {
  padding: 0;
  margin-bottom: 0;
  font-size: 2.56vw;
  line-height: 2;
  padding-top: 40px;
  padding-bottom: 36px;
  }
	.productinfo-table tr td {
    font-size: 10px;
}


@media screen and (max-width: 750px) {
.aboutus-novelty {
  width: 450px;
  width: 60vw;
}
.since1964-logo {
  width: 19vw;
  margin-bottom: 0;
}
img.highquality-logo {
  width: 25vw;
  height: auto;
}
.production-network-logo {
  width: 26vw;
    height: auto;
}
.aboutus-heading {
  font-size: 4.6vw;
    line-height: 36px;
    letter-spacing: -1.2px;
}
/*  プロモーションノベルティ*/
.promotioncard-content {
  flex-direction: column;
  align-items: center;
    padding: 12px;

}
.promotioncard-ex {
  width: 356px;
}
.promotioncard-detail {
  margin-bottom: 4.8vw;
}
.promotioncard-lead {
  line-height: 1.7;
}
.promotioncard-imgs {
  width: 75%;
}
.promotioncard-imgs > img {
  width: 20vw;
}
/* flow */
.flowcontent-headding {
  margin-bottom: 12px;
}
.flowcontent-headding2 {
  line-height: 1.5;
}
.flowcontent-list > li {
  margin-bottom: 4px;
}
/* .cta03-befor {
  margin-top: 1780px;
} */
.cta03 {
  margin-top: 243px;
}
}
@media screen and (max-width: 719px) {
  .phone-btns > p {
    font-size: 14px;
  }
  .file-btns p {
    font-size: 14px;
  }
  .mail-btns p {
    font-size: 14px;
  }
  .colorvariations-imgs > li > img {
    width: 31vw;
  }
  ol.colorvariations-detail {
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.otherrequests-heading {
  font-size: 3vw;
}
}

@media screen and (max-width: 700px) {
  /* case */
  .case01-category {
    padding: 0;
    top: -154px;
    left: 2vw;
    right: 0;
}
.case02-category {
    left: 0;
    right: 2vw;

}
  .case01-category span {
    font-size: 8vw;
  }
  .extota03 {
    margin: auto;
      width: 85vw;
      height: 86vw;
      right: 17px;
      top: -73px;
  }
  .case-content02 {
    gap: 0;
  }
  .extota01 {
    width: 76vw;
    height: 76vw;
    margin: auto;
    right: 20px;
}
.operation-imgs {
  display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    margin: auto;
    background: #DBD9D633;
    border-radius: 309px;
    border: 0px solid #111820;
    padding: 80px 0;
    gap: 60px;
    margin-bottom: 7vw;
}
.casestudy-summary {
  width: auto;
  margin: auto;
  background: none;
  border-radius: none;
  margin-bottom: none;
}
.casestudy-operation{
  position: relative;
  top: 157px;
  font-size: 15vw;
}
img.hearing {
  width :64vw;
}
img.plan {
  width :64vw;
}
img.officework {
  width :64vw;
}
  /* CTA携帯用 */
  .mail-btns, .phone-btns, .file-btns {
    padding: 8px 1.79vw;
  }
  .lowcost-img {
    left: 0;
  }
  .lowcost-text {
    left: 0;
}
.lowcost-heading {
  font-size: 22px;
  right: 10%;
}
.highquality-heading {
  font-size: 22px;
  left: 0;
}
.highquality-text {
  left: 71px;
}
.nonelty-linkbtn {
  padding: 16px 17px;
}
/* プロモーションカード */
.promotioncard-imgs {
  width: 90%;
}
.cta03 {
  margin-top: 154px;
}
/* flow */
.flow-pc {
  display: none;
}
.flow-sp {
  display: block;
}
.flow-contentouter {
  display: block;
}
.flow-contentouter {
  max-width: 591px;
  margin: auto;
}
.flow-contentinner {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.flowcontent-title {
  font-size: 20px;
  line-height: 1.5;
}
.flow-sp {
  margin-bottom: 86px;
}
.flowcontent-headding2 {
  margin-bottom: 1.1vw;
}
.flowcontent-list > li {
  margin-bottom: 1.1vw;
}
.flow-contentouter img {
  width: 33.46vw;
}
.flowtitle04-pc {
  display: none;
}
.flowtitle04-sp {
  display: block;
}
.flowcontent-headding {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 8px;
}
.flow01 {
  align-items: end;
  position: relative;
  top: -6px;
}
.flowcontent-title span {
  font-size: 12px;
}
.bottom-heading {
  font-size: 16px;
}
/* A4オリジナルトートバッグ */
ul.productinfo-list {
  left: 1vh;
}
/* case */
.case-container {
  max-width: 1079px;
  margin: auto;
  padding: 0 15px;
}
.case-content {
  flex-direction: column;
  align-items: center;
  max-width: 600px;
  max-height: 966px;
  padding: 0 3.3vw 7.69vw;
  border-radius: 309px;
}
.case01-sp {
  display: block;
  max-width: 600px;
  margin: auto;
  margin-bottom: 6.6vw;
  padding-left: 3.3vw;
}
.case01-pc {
  display: none;
}
.case-label {
  margin-bottom: 2vw;
}
.case01-number {
  width: 144px;
 font-size: 3.1vw;
  line-height: 40px;
  padding: 2px 12px;
}
p.case-item {
  font-size: 3.1vw;
  line-height: 1.2;
}
.case01-number {
  font-size: 3.1vw;
  line-height: 1.4;
  width: 20vw;
  height: 31px;
  line-height: 31px;
}
.case-heading {
  font-size: 4.1vw;
}
.case01-info tbody {
  gap: 16px;
}
.case-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.case-linesp {
  flex-direction: column;
}
td.case-detail {
  width: 81%;
}
.case01-img, .case02-img, .case03-img {
  width: 76.9vw;
  height: 76.9vw;
}
td.case-item, td.case-detail {
  font-size: 3vw;
  line-height: 1.6;
}
td.case-detail.case-detailsp {
  width: 100%;
}
}

@media screen and (max-width: 670px) {
	.casestudy-lead {
    font-size: 15px;
}
  .lowcost-content-pc {
    width: 90%;
  }
  .mail-btns, .phone-btns, .file-btns {
    padding: 8px 0.79vw;
    gap: 6px
  }
  .productinfo-table tr td {
  padding: 4px 5px;
  }
  .productinfo-table {
  max-width: 100%;
  }
  .cta03 {
    margin-top: 109px;
}
  }

@media screen and (max-width: 630px) {
  .monocototota {
    width: 38vw;
}
.productinfo-table tr td {
  font-size: 2.6vw;
}
.productinfo-table tr td {
  font-size: 2.1vw;
	padding: 4px 5px
}
.monocototota-note {
    margin-top: -11px;
}
.productinfo-content {
  margin-bottom: 0;
}
.otherrequests-heading {
  font-size: 3.5vw;
}
.aboutus-title {
  width: 70%;
}
	.cta03 {
    margin-top: 34px;
}
}
@media screen and (max-width: 600px) {
  p.topouter-copy {
    font-size: 4vw;
    line-height: 2;
    padding-top: 21px;
    padding-bottom: 45px;
}
  .dialicon {
    width: 6vw;
    height: auto;
}
  .telnumber {
    font-size: 4vw;
}
.nav-time {
  font-size: 2vw;
}
  .logo1 {
    height: auto;
    width: 24vw;
}
  .casestudy-sectiontitle strong {
    font-size: 60px;
  }
  .top-copy {
    margin-top: -76px;
    padding-top: 86px;
    font-size: 20px;
    line-height: 40px;
    padding-bottom: 38px;
  }

  #cta03 {
    padding-bottom: 44px;
    margin-top: -89px;
}
  .cta03-text {
    margin-top: -56px;
    padding-top: 93px;
    font-size: 20px;
    line-height: 40px;
    padding-bottom: 0;
}

  .top-lead {
    padding-top: 28px;
    padding-bottom: 28px;
}
  .top-lead span {
    font-size: 20px;
    line-height: 40px;
}
.promotion-novelty {
    left: 79px;
    top: 20px;
    position: static;
    position: relative;
    width: 50%;
}
/*  monocotodesign Labo*/
.monocotodesign-text {
  font-size: 2.5vw;
  line-height: 2.7;
}
.monocotodesign-heading {
  font-size: 4.1vw;
}
.monocotodesign-policy-text {
  font-size: 2.5vw;
  line-height: 2.7;
}
.bottom-lead {
  font-size: 30px;
}
.monocotodesign-heading {
  margin-bottom: 8px;
}
.cta-img03 {
  top: -56px!important;
}

.cta02 {
  padding-bottom: 97px!important;
}
.lowcost-content-pc {
  position: static;
  padding-top: 23px;
}
  .novelty-top {
    position: relative;
    top: 20px;
}
  .aboutous-pc {
    display: none;
  }
  .aboutous-sp {
    display: block;
  } 
  .aboutous-sp {
    padding: 0 10px;
}
.aboutus-novelty {
  width: 76%;
  margin-bottom: 23px;
}
.since1964-imgs {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
}

.since1964-logo {
  margin-bottom: 0;
  margin-left: 0;
  display: block;
    margin-left: auto;
    position: relative;
    bottom: 69px;
    padding-right: 13%;
}

.production-network-content {
  position: static;
}
.highquality-content {
  margin-bottom: 31px;
}
/* .since1964-content {
  top: -48px;
} */
.highquality-founding {
  position: relative;
  top: 30px;
}
.since-sp {
  margin-bottom: 38px;
}
.since1964-content, .highquality-content, .production-network-content {
  margin: auto;
  width: 76%;
}
.noveltytotasp {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
  left: 20px;
  margin-top: 31px;
}
.since1964-content {
  position: relative;
  top: -55px;
}
.production-network-founding {
  position: relative;
  top: 29px;
}
.production-network-logo {
margin-left: 0;
margin-top: 0;
}
.production-network-logo {
  position: relative;
  display: block;
  margin: auto;
  margin-right: auto;
  right: -126px;
  top: -10px;
}
.since1964-logo {
  width: 170px;
}
img.highquality-logo {
  width: 250px;
  height: 91px;
}
.production-network-logo {
  width: 230px;
}
.suppliers {
  margin-top: 44px;
}
.circle-heading {
  font-size: 3vw;
}
  .case01-sp {
    width: 100%;
  }
  /* .case01-img, .case02-img, .case03-img {
    
    width: 86%;
    height: 89%;
    top:11px;
} */
.operation-imgs {
  flex-direction: column;
    align-items: center;
}
/* .case-heading {
  font-size: 4.9vw;
} */
.case-item {
  font-size: 3vw;
  line-height: 1.5;
  width: auto;
}
  img.original-totabag {
     top: 0;
     width: 100%;
  }
  .casestudy-content {
    font-size: 4.1vw;
  }
  .cta01-companypolicy {
    width: 74vw;
  }
  .mail-btns, .phone-btns, .file-btns {
    padding: 8px 0.79vw;
  }
  /*  */
  .productinfo-table {
    width: 100%;
}
.product-title {
  font-size: 20px;
}
.production-network-logo {
  margin: 0 0 0 auto;
  right: 0;
  top: -10px;
  padding-right: 5.vw;
}
.cta03 {
  margin-top: 66px;
	padding: 98px 5px 44px!important;
}
  }
@media screen and (max-width: 560px) {
	.cta03 {
  margin-top: 16px;
}
}
  /* .flowcontent-headding2 {
    font-size: 20px;
}
.productinfo02-table tr th {
  padding: 2vw 3vw;
}
.productinfo02-table tr td {
  padding: 2vw 6.15vw;
}
}
@media screen and (max-width: 670px) {
.lowcost-content-pc {
  width: 90%;
}
.mail-btns, .phone-btns, .file-btns {
  padding: 8px 0.79vw;
  gap: 6px
}
.productinfo-table tr td {
padding: 4px 0;
}
.productinfo-table {
max-width: 100%;
} */
/* .cta03 {
  margin-top: -66px;
}
} */
@media screen and (max-width: 545px) {
  .lowcost-heading {
    font-size: 20px;
    line-height: 1.5;
    height: 60px
  }
  .highquality-heading  {
    font-size: 20px;
}
.circle-text {
  line-height: 1.5;
  padding-bottom: 5.1vw;
}
.otherrequests-wapper {
  max-width: 90%;
}
.otherrequests-heading {
  font-size: 4vw;
}
.promotioncard-heading {
  font-size: 20px;
  line-height: 1.5;
}
.cta03 {
  margin-top: -68px;
}
}
@media screen and (max-width: 520px) {
  .cta03 {
    margin-top: -113px;
}
}
@media screen and (max-width: 500px) {
  .novelty-top {
    top: 7px;
}
  .features-centercontent-pc {
    padding: 23px 14px 0;
}
  .lowcost-content-pc {
    width: 94%;
    padding: 0;
    margin-bottom: 12px;
  }
  .lowcost-inner {
    gap: 0;
    flex-direction: column;
    align-items: start;
    /* padding-left: 3.5vw; */
}
.lowcost-heading {
  right: -34%;
  top: 3px;
}
.lowcost-text {
  max-width: 361px;
  top: 0;
}
.lowcost-img, .highquality-img {
  width: 240px;
}
.highquality-heading {
  width: 120%;
  top: -88px;
}
.highquality-text {
  width: 87%;
  left: 0;
  top: 10px;
}
.htpc {
  display: none;
}
.htsp {
  display: block;
}
.promotion-novelty-text {
  margin-top: 98px;
}
.circle {
  width: 100%;
}
.circle-content {
  padding: 0;
  justify-content: center;
  gap: 8px;
}
.circle-heading {
  padding: 8px;
}
.features-rightcontent {
  left: 13vw;
}
.cta03 {
  margin-top: -129px;
}

/* bottom */
.bottom-heading {
  margin-bottom: 8px;
}
.monocotodesign {
  margin-bottom: 24px;
}
.monocotodesign-policy-text {
  margin-bottom: 24px;
}
div#cta01 {
  padding: 98px 5px 44px;
}
/* トートバッグ */
.product-text {
  font-size: 2.7vw;
}
ul.productinfo-list {
  font-size: 2.5vw;
  line-height: 1.5;
}
/* cta03 */
/* .cta03-lead {
  padding: 98px 5px 44px 5px;
}
.cta03-befor {
  margin-top: 0;
} */
.cta {
  padding-top: 56px!important;
}
}

@media screen and (max-width: 585px) {
  .productinfo02-table tr th, .productinfo02-table tr td {
    font-size: 2vw;
    height: 24px;
    padding: 8px 12px;
  }
}
/* CTAの携帯用ボタン */
@media screen and (max-width: 586px) {
  .cta-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 708px;
    margin: auto;
    gap: 16px;
  }
  .cta-btns01 {
    gap: 16px;
    justify-content: center;
    max-width: 320px;
    margin: auto;
    padding: 0 2px;
  }
  .phone-btns {
    max-width: 144px;
    height: 35px;
    padding: 4px 16px;
    gap: 8px;
  }
  .file-btns {
    max-width: 88px;
    height: 35px;
    padding: 4px 16px;
    gap: 8px;
  }
  .mail-btns {
    max-width: 174px;
    height: 35px;
    padding: 4px 84px;
    gap: 8px;
    /* width: 49vw; */
    /* max-width: 174px;
    height: 35px;
    padding: 4px 72px;
    gap: 8px; */
  }
  .fixed-footerphone {
    max-width: 88px;
    height: 35px;
    padding: 4px 16px;
    gap: 8px;
}
	#footer-sp {
    display: block;
    padding: 13px 18px 149px 18px;
}
}
@media screen and (max-width: 586px) {
  .fixed-footer {
    width: 339px;
  }
  .phone-link {
    order: 1;
  }
  .filee-link {
    order: 2;
  }
  .mail-link {
    order: 4;
  }
  .top-link {
    order: 3;
  }
  /* .fixed-footermail {
    max-width: 174px;
    height: 35px;
    padding: 4px 84px;
    gap: 8px;
  } */
}

@media screen and (max-width: 480px) {
  .case-heading {
    font-size: 4.9vw;
  }
  .nonelty-linkbtn {
    font-size: 14px;
    padding: 16px 24px;
}
/*  */
.onestop {
  margin: 0 10px;
  max-width: 460px;
  font-size: 3.9vw;
}
.case03-note {
  font-size: 11px;
}
/*  プロモーションパッケージ　*/
.nonelty-linkbtn {
  width: 75%;
  margin: auto;
}
.promotioncard-summary {
  font-size: 16px;
}
.promotioncard-text {
  font-size: 14px;
  width: 90vw;
}
.cta03 {
  margin-top: -179px;
}
/* flow */
.flow-contentouter {
  padding-left: 0;
}
.flowcontent-headding2 {
  font-size: 16px;
}
  }
  @media screen and (max-width: 460px) {
  .product-title {
    font-size: 4.1vw;
    line-height: 2;
}
.colorvariations-title {
  font-size: 24px;
  margin-bottom: 40px;
}
}
@media screen and (max-width: 450px) {
.top-lead span {
  font-size: 20px;
}
.aboutus-title {
  width: 90%;
}
.aboutus-heading {
  font-size: 6.15vw;
}
.aboutuscontent-heading {
  font-size: 6vw;
}
.production-network-logo {
  left: -10px;
}
/* プロモーションカード */
.promotioncard-imgs > img {
  width: 154.5px;
}
.cta03 {
  margin-top: 261px;
}
/* flow */
.flow-contentouter img {
  width: 34vw;
}
.flow-outer {
  padding-right: 0;
}
.flowcontent-title {
  padding: 0;
}
.flowcontent-list > li {
  font-size: 12px;
}
  .promotion-novelty {
    left: 27px;
    top: 20px;
    position: static;
    position: relative;
  }
  .top-title {
    font-size: 10.3vw;
  }
  .promotion-novelty {
    left: 14px;
  }
  .top-copy {
    font-size: 5vw;
  }
  .casestudy-sectiontitle strong {
    font-size: 60px;
    font-size: 13vw;
  }
  p.casestudy-policy {
    font-size: 4vw;
  }
  /* case */
  .case01-number {
    font-size: 2.9vw;
    width: 15vw;
    height: 28px;
    line-height: 28px;
  }
  p.case-item {
    font-size: 4.1vw;
    line-height: 1.4;
  }
  td.case-detail {
    font-size: 4.2vw;
    line-height: 1.8;
    width: 100%;
  }
  }

  @media screen and (max-width: 425px) {
    .top-lead {
      padding-bottom: 28px;
  }
    .since1964-content, .highquality-content, .production-network-content {
      width: 88%;
      padding: 24px 15px;
      margin: auto;
    }
    .since1964-logo {
      width: 133.3px;
        padding-right: 9%;
    }
    .production-network-logo {
      right: -66px;
      top: -10px;
    }
    .aboutus-heading {
      font-size: 24px;
    }
    .promotioncard-imgs {
      width: 100%;
    }
    .nonelty-linkbtn {
      width: auto;
  }
    }
    @media screen and (max-width: 390px) {
		.casestudy-lead {
    font-size: 3.8vw;
}
      .case01-category {
        top: -90px;
      }
      .case01-category span {
        font-size: 10.3vw;
    }
    .case02-category {
      left: -7px;
  }
  .extota01 {
    margin: auto;
    width: 100%;
    height: 100%;
    top: -24px;
    right: 10px;
  }
  .extota02 {
    width: 74%;
    height: 88%;
    margin: auto;
    top: -20px;
}
  .extota03 {
    margin: auto;
    width: 87vw;
    height: 87vw;
    right: 21px;
    top: -42px;
  }
  .productinfo02-table tr th {
    font-size: 2.56vw;
    width: 40px
}
.productinfo02-table tr td {
  font-size: 2.56vw;
  
}
/*  */
.product-heading {
  font-size: 3.55vw;
  line-height: 24px;
}
.product-heading-wapper {
  max-width: 95vw;
  border-bottom: 3px solid #FF6B00;
}
.onestop {
  padding: 12px 6.6vw;
  line-height: 26px;
  margin: 0 10px;
  font-size: 3.8vw;
}
.product-text {
  font-size: 3.1vw;
  margin-bottom: 28px;
}
.monocototota {
  width: 41vw;
}
.flow-hedding {
  font-size: 4.5vw;
  font-size: 6vw;
  margin-top: 0;
}
.monocototota {
  width: 38vw;
}
.otherrequests-heading {
  font-size: 4.1vw;
  line-height: 2;
}
.top-lead {
  padding-top: 36px;
  padding-bottom: 0;
}
.cta03 {
  padding: 120px 5px 44px!important;
}
.since1964-founding {
  margin-bottom: -21px;
}
.highquality-founding {
  top: 25px;
}
.circle-lead {
  font-size: 4.1vw;
  line-height: 1.5;
}
.circle-title {
  font-size: 7.6vw;
  margin-left: 0;
  letter-spacing: 1px;
}
.circle-text {
  font-size: 3.07vw;
}
.colorvariations-detail div li {
  font-size: 3.6vw;
}
.otherrequests-title {
  font-size: 5.1vw;
}
img.original-totabag {
  margin-top: 30px;
}
.heading-underline {
  width: 70%;
}
.cta03 {
  margin-top: 256px;
}
    }
@media screen and (max-width: 389px) {
  .top-lead {
    padding-bottom: 28px;
}
  .highquality-heading {
    width: 128%;
  }
  .lowcost-text, .highquality-text {
    width: 104%;
}
	.casestudy-operation {
    font-size: 14vw;
}
/* プロモーションカード */
.promotioncard-ex {
  width: 91vw;
}
/* bottoms */
.bottom-lead {
  font-size: 7.7vw;
}
.monocotodesign-text {
  font-size: 2vw;
}
.footer-menulist > ul > a > li {
  font-size: 3vw;
}
.monocototota {
  width: 35vw;
}
.otherrequests-heading {
  font-size: 16px;
  line-height: 2;
}
.aboutus-heading {
  font-size: 6.1vw;
}
.cta-btns {
  gap: 4vw;
}
.cta03 {
  margin-top: 217px;
}
.heading-underline {
  width: 80%;
}
.promotioncard-detail {
  margin-bottom: 4vw;
}
.promotioncard-detail {
  font-size: 4.1vw;
}
	.flowcontent-title {
    font-size: 5vw;
}
}
@media screen and (max-width: 383px) {
  div#cta01 {
    max-width: 100%;
    padding: 66px 5px;
}
.mail-btns {
  width: 38vw;
}
.promotioncard-imgs > img {
  width: 154.5px;
  width: 39vw;
}
	.cta03 {
    margin-top: 187px;
}
}
@media screen and (max-width: 380px) {
  .header {
    padding: 3.8vw 3.1vw 3.3vw;
}
  .production-network-logo {
    right: -35px;
    top: -10px;
}
.otherrequests-container {
  padding: 0 15px;
}
}
@media screen and (max-width: 375px) {
  .highquality-heading {
    width: 150%;
  }
  .nonelty-linkbtn {
    font-size: 3.73vw;
}
.promotioncard-note {
  font-size: 3.73vw;
}
.cta03 {
    margin-top: 187px;
}
.copyright {
  margin-bottom: 0;
  font-size: 7px;
}
  .otherrequests-contents {
    height: auto;
    width: 100%;
}
.otherrequests-img01, .otherrequests-img02, .otherrequests-img03, .otherrequests-img04 {
  display: block;
  margin: auto;
}
.case03-note {
  font-size: 10px;
}
}
@media screen and (max-width: 370px) {
.cta03 {
    margin-top: 135px;
	}
	.flowcontent-number {
    font-size: 7vw;
}
}
@media screen and (max-width: 360px) {
  .novelty-top {
    top: -12px;
}
  .top-lead span {
    font-size: 5.55vw;
}
  .monocototota {
    width: 29vw;
}
.promotioncard-summary {
  font-size: 4.4vw;
}
	.cta03 {
    margin-top: 164px;
}
	.productinfo-table tr td {
    font-size: 2.7vw;
}
	}
@media screen and (max-width: 350px) {
  .highquality-heading {
    width: 188%;
  }
  .promotioncard-imgs > img {
    width: 38vw;
}
.case01-number {
  padding: 2px 10px;
}
.cta03 {
  margin-top: 119px;
}
.cta {
  padding: 56px 3px!important;
}
.fixed-footer {
  max-width: 323px;
  gap: 3.5vw;
  padding: 0;
}
.productinfo02-table tr th, .productinfo02-table tr td {
  padding: 8px 10px;
}
.heading-underline {
  width: 90%;
}
.promotioncard-lead {
  font-size: 2.5vw;
}
}
	@media screen and (max-width: 350px) {
.fixed-footer {
  max-width: 323px;
  gap: 3.5vw;
  padding: 0;
}
}
@media screen and (max-width: 340px) {
	.cta03 {
    margin-top: 72px;
}
}
@media screen and (max-width: 320px) {
  .cta03 {
    margin-top: 47px;
}
}

	
/* SATORI・popup	 */
	div#satori__popup_widget {
    width: 400px;
}
@media screen and (max-width: 959px) {
div#satori__popup_widget {
    display: none!important;
}
}