.naire-jisseki {margin:20px 0 0; padding:0 0 50px; font-size:15px; line-height:1.7;}
  @media screen and (max-width: 667px) {
  .naire-jisseki {font-size:14px; line-height:1.5;}
  }
  .introduction-box {background-color:#e9fafd; margin:15px 0 0; padding:15px;}
  .production-results {border-bottom:1px dashed #ccc; display:table; width:100%; padding:30px 0;}
  @media screen and (max-width: 667px) {
  .production-results {display:block;}
  }
  .pr_figure,
  .pr_commentary {display:table-cell; vertical-align:top;}
  @media screen and (max-width: 667px) {
  .pr_commentary {display:block; width:100%;}
  }
  .pr_figure {width:472px; padding:0 25px;}
  @media screen and (max-width: 667px) {
  .pr_figure {width:100%; padding:0;}
  }
  .pr_picture {border:1px solid #ccc; display:block; width:422px; height:212px; box-sizing:border-box;}
  @media screen and (max-width: 667px) {
  .pr_picture {width:100%; height:auto;}
  }
  .pr_commentary {width:400px;}
  @media screen and (max-width: 667px) {
  .pr_commentary {width:100%; margin-top:10px;}
  }
  .customer-name {font-size:20px; line-height:1.2;}
  @media screen and (max-width: 667px) {
  .customer-name {font-size:16px;}
  }
  .customer-name .span {font-size:12px;}
  .customer-name .span .link {margin:0 0 0 1em; text-decoration:none; font-weight:normal; color:#2f84ed;}
  .customer-name .span .link:hover {text-decoration:underline;}
  .product-data {display:table; width:100%; margin:0;}
  .pr_commentary .product-data:nth-of-type(1) {margin:15px 0 0;}
  .pd_dt,
  .pd_dd {display:table-cell; vertical-align:top; height:22px; line-height:1.2;}
  @media screen and (max-width: 667px) {
  .pd_dt,
  .pd_dd {height:18px;}
  }
  .pd_dt {width: 60px; padding:5px 0 0; font-weight:normal;}
  @media screen and (max-width: 667px) {
  .pd_dt {width: 20%; font-weight:normal;}
  }
  .pd_dd {position:relative; width: 325px; margin:0; padding:5px 0 0 15px; font-weight:bold;}
  @media screen and (max-width: 667px) {
  .pd_dd {width: 80%; margin:0; font-weight:bold;}
  }
  .pd_dd:before {position:absolute; left:0; top:5px; content:"："; font-size:15px; font-weight:normal;}
  @media screen and (max-width: 667px) {
  .pd_dd:before {font-size:14px;}
  }
  .pr_commentary .product-data:nth-of-type(1) .pd_dt {font-size:17px;}
  @media screen and (max-width: 667px) {
  .pr_commentary .product-data:nth-of-type(1) .pd_dt {font-size:14px;}
  }
  .pr_commentary .product-data:nth-of-type(1) .pd_dd {font-size:18px;}
  @media screen and (max-width: 667px) {
  .pr_commentary .product-data:nth-of-type(1) .pd_dd {font-size:14px;}
  }
  .pd_dd .link {text-decoration:underline; color:#2f84ed;}
  .customer-voice {position:relative; margin:15px 0 0;}
  .customer-voice:before {content:"お客様の声"; display:block; width:100%; font-weight:bold; color:#fa9614;}
  .page-feed {margin:30px 0 0; text-align:center; font-size:15px; font-weight:bold;}
  .page-feed .btn {background-color:#c00; border-radius:5px; font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; line-height:1;}
  .page-feed .btn-body {position:relative; height:40px; color:#fff; transition:.3s;}
  .page-feed .btn-body:hover {opacity:.7;}
  .page-feed .btn-body .fas {position:absolute; top:15px; font-size:12px;}
  .page-feed .btn.prev .btn-body .fas {left:10px;}
  .page-feed .btn.next .btn-body .fas {right:10px;}
  .page-feed.position-top .btn {width:300px; margin:0 auto;}
  @media screen and (max-width: 667px) {
  .page-feed.position-top .btn {width:100%;}
  }
  .page-feed.position-middle {width:300px; margin:30px auto 0;}
  @media screen and (max-width: 667px) {
  .page-feed.position-middle {width:100%; margin:15px auto 0;}
  }
  .page-feed.position-last {width:300px; margin:30px 0 0 130px;}
  @media screen and (max-width: 667px) {
  .page-feed.position-last {width:100%; margin:15px 0 0 0;}
  }
  .page-feed.position-middle:after,
  .page-feed.position-last:after {content:"\0020"; clear:both; display:block;}
  .page-feed.position-middle .btn,
  .page-feed.position-last .btn {float:left; width:145px;}
  @media screen and (max-width: 667px) {
  .page-feed.position-middle .btn,
  .page-feed.position-last .btn {width:48%;}
  }
  .page-feed.position-middle .btn:nth-child(n+2),
  .page-feed.position-last .btn:nth-child(n+2) {margin-left:10px;}
  @media screen and (max-width: 667px) {
  .page-feed.position-middle .btn:nth-child(n+2),
  .page-feed.position-last .btn:nth-child(n+2) {margin-left:4%;}
  }
  .zoom-img .fa-search-plus {
   left: 12em;
    top: 5.3em;
    width: 1.5em;
    height: 1.5em;
    font-size: 2em;
  }
  @media screen and (max-width: 667px) {
  .zoom-img .fa-search-plus {
    right: 0;
    bottom: 0;
    top: auto;
  }
  }
  #modal-main:before {
    content: "\f00d";
    position: relative;
    top: -15px;
    left: 480px;
    background-color: #fff;
    border-radius: 50px;
    display: block;
    width: 1.5em;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.5em;
    cursor: pointer;
  }
  @media screen and (max-width: 667px) {
  #modal-main:before {
    position: static;
    margin: 0 0 0 auto;
  }
  }
  
.l-column.line--02 .column-list {
margin-bottom: 2%;}
.mb-20 {margin-bottom: 20px;}
.menu-price-list h2{
border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 30px 0 20px;
    text-align: left;
   font-size: 24px;
}
.menu-price-list ul{
display: flex;
    flex-wrap: wrap;
}
.menu-price-list li{
width: 33%;
padding: 15px 0 15px 10px;
list-style-type: none;
    background-color: #fff;
    border-right: 1px solid #ccc;
}
.menu-price-list li:nth-child(3n){
    border-right: none;
}
.menu-price-list li a{
padding: 5px 30px;
font-size: 20px;
font-weight: bold;
display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
color: #000;
}
.menu-price-list li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-display: swap;
    position: absolute;
    color: #c00b01;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.resister-button {
    position: relative;
    background: #fff !important;
    border-radius: 3px;
    color: #c20500 !important;
    padding: 18px 0;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #c20500;
    transition: all 0.2s ease-out;
    text-align: center;
    cursor: pointer;
    display: block;
    width: 80%;
    margin: auto;
}
.resister-button i {
    position: absolute;
    right: 15px;
    font-size: 24px;
    top: 25px;
}
.generic-heading {
    border-bottom: 1px solid #eee;
    margin: 40px 0 20px 0;
}
.generic-subheading {
  margin:  20px 0 50px 0;
}
.generic-subheading h4 {
  margin:  20px 0;
}
.generic-subheading_headline {
    border-bottom: none;
    color: #FF9F1A;
font-size:18px;
padding: 0 0 0 10px;
margin-bottom:15px;
    border-left: 6px solid #FF9F1A;
}
.base-column {
margin:30px 0;
}
.base-column .gazo_commentary .headline {
    height: 2.5em;
    font-size: 14px;
}
.tutorial-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 ;
}
.tutorial-box li {
    display: flex;
    align-items: center;
    text-align:center;
    justify-content: center;
    margin-right: 17px;
    width: calc(33% - 13px);
    padding: 15px;
    border: 3px solid #F2A127;
    border-radius: 5px;
    position: relative;
    transition: all 0.25s ease-out;
}

.tutorial-box li:hover {
    border: 3px solid transparent;
    background: #F2A127;
}
.tutorial-box li:hover:after {
    color: #FFF;
}
.tutorial-box li:hover p {
    color: #fff;
}
.tutorial-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tutorial-box li:after {
    content: '\f107';
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    color: #F2A127;
    font-family: "Font Awesome 5 Free";
    font-display: swap;
    right: 5%;
   top: auto;
}
.tutorial-box.gl li {
    border: 3px solid #555;
}
.tutorial-box.gl li:hover {
    background: #555;
}
.tutorial-box.gl li:after {
    color: #555;
}
.tutorial-box.gl li:hover:after {
    color: #fff;
}

.tutorial-box li p {
    color: #000;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 5px;
}


.tutorial-box li:nth-child(3n) {
        margin-right: 0;
    }
.tutorial-box li:nth-child(n+4) {
        margin-top: 17px;
    }
.font-s {
    font-size: 16px;
}
@media only screen and (max-width:768px){
    .tutorial-box li {
        width: 100%;
        margin: 0;
        margin-top: 17px;
        height: 70px;
        padding: 5px;
    }
    .tutorial-box li img {
    width: 55px;
    }
    .tutorial-box li:after {
        top: 15px;
    }
    
}
.item-list-page-link { margin: 25px 0 0; }
  @media only screen and (max-width: 667px) {
  .item-list-page-link { margin: 15px auto 0; }
  }
  .item-list-page-link .button {
    width: 400px;
    margin: 0 0 0 auto;
  }
  @media only screen and (max-width: 667px) {
  .item-list-page-link .button { width: 100%; }
  }
  .item-list-page-link .button .button-block {
    background-color: #fff;
    width: 100%;
	  margin-bottom: 10px;
	      color: #000;
    border: 3px solid #ccc;height: auto;
	  padding: 10px 0;
  }
.banner-2row-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.banner-2row-box a {
    width: 60%;
}
.banner-2row-box .text-box {
    width: 40%;
}
.banner-2row-box p {
    margin-left: 2%;
    text-align: left;
}
.banner-2row-box p a, .link-hover {
    color: #337ab7;
    text-decoration: underline;
}