@charset "UTF-8";

/* リセットcss */
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  font-style: normal;
  /*text-align: left;*/
  zoom: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
table {
  border-collapse: collapse;
  font-family: inherit;
}
h1,h2,h3,h4,h5 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
}
input,textarea,select {
  font-family: inherit;
  font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
textarea {
  resize: none;
  -webkit-appearance: none;
  border-radius: 0;
}
th,td {
  border-collapse: collapse;
}
table th,table td {
  white-space: nowrap;
}
ul,ol {
  list-style-type: none;
}
img {
  vertical-align: text-bottom;
  vertical-align: -webkit-baseline-middle;
  max-width: 100%;
  /*height: auto;
  width: auto;*/
}
/* リセットcss */


/* pc */
@media screen and (min-width: 1020px){
  /* いろいろページアンカーリンクのずれ解消
  :root{
    --header-height: 350px;
  }
  html{
    scroll-padding-top: var(--header-height);
  }
  .fixed-header{
    height: var(--header-height);
  }
   いろいろページアンカーリンクのずれ解消 */

  body {
    background-attachment: fixed;
    background-position: top;
    background-color:#fff;
    font-family: 'M PLUS 1p', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
  }

  a{
    color: #000;
    text-decoration: none;
  }
  a:hover{
    opacity: 0.5;
    transition : 0.5s;
  }
  h1 img{
    width: 355px;
  }

  /* ヘッダー */
  .head_pc{
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
  }
  .head_sp{
    display: none;
  }
  .head_logo_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .head_eng_bloc{
    display: flex;
    justify-content: space-between;
    width: 216px;
    align-items: center;
  }

  /* メニュー */
  .menu_bloc_pc{
    display: flex;
    justify-content: center;
    padding: 2px 0;
    background-color: #000;
  }
  .btn {
  	position: relative;
  	width: 149px;
  	height: 53px;
  	display: block;
  	overflow: hidden;
  	cursor: pointer;
  }
  .btn img {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 100%;
  	display: block;
  	-webkit-transition: .4s ease-in-out;
  	transition: .4s ease-in-out;
  }
  .btn:hover img:nth-of-type(2) {
  	opacity: 0;
  }
  .btn a:hover{
    opacity: 1;
  }
  /* メニュー */
  /* ヘッダー */


  /* トップムービー */
  .top_video {
    position: relative;
    width: 100%;
    background-color: #000;
  }
  .top_video video {
    width: 100%;
  }

  /*.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
    border-radius: 5%;
    transition: opacity 0.5s ease;
  }
  .loading img {
    width: 50px;
  }

  .loading.hidden {
    opacity: 0;
    pointer-events: none;
  }*/
  /* トップムービー */

  /* メインコンテンツ */
  .main{
    text-align: center;
  }

  /* top */
  /* ニュース */
  .top_news_bloc{
    background-color: #001e58;
    color: #18b6ff;
    text-align: left;
  }
  .top_news_area{
    width: 1020px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items:center;
  }
  .top_news_line img{
    width: 1px;
  }
  .top_news_article_bloc{
    font-size: 13px;
    line-height: 24px;
  }
  .top_news_title{
    color: #fff;
    display: flex;
    justify-content: space-between;
    width: 600px;
  }
  .top_news_date{
    color: #18b6ff;
  }
  .top_news_btn{
    border: 1px solid #18b6ff;
    padding: 10px;
    font-size: 13px;
  }
  .top_news_btn a{
    color: #18b6ff;
  }
  /* ニュース */

  /* バナー */
  .top_banner_bloc{
    background-color: #212121;
  }
  .top_banner_area{
    display: flex;
    justify-content: flex-start;
    width: 1020px;
    margin: 0 auto;
    padding: 30px 0;
  }
  .top_banner_box{
    margin: 0 26px 0 0;
  }
  .top_banner_box:last-child{
    margin: 0;
  }
  /* バナー */

  /* ソリューション */
  .top_solution_bloc{
    background-color: #f3f7f9;
    padding: 60px 0;
  }
  .solution_catchi{
    margin: 0 0 30px 0;
  }
  .solution_catchi img{
    width: 622px;
  }
  .swiper-slide img {
    height: auto;
    width: 339px;
  }
  /* ソリューション */

  /* サポート */
  .top_support_bloc{
    padding: 140px 0;
  }
  .top_support_area{
    width: 1020px;
    margin: 0 auto;
    background-image: url("./images/pc_top_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
  .top_support_catchi_area{
    display: flex;
    justify-content: space-between;
    width: 849px;
    margin: 0 auto 50px auto;
    font-size: 30px;
    font-weight: bold;
    color: #0068b9;
  }
  .top_support_catchi_area img{
    height: 53px;
  }
  .top_support_circle_img img{
    width: 726px;
    margin: 60px 0 170px 0;
  }
  .top_support_img_bloc{
    display: flex;
    justify-content: space-between;
    width: 938px;
    margin: 0 auto;
  }
  .top_support_img_area{
    width: 295px;
  }
  .top_support_text01{
    font-size: 18px;
    line-height: 36px;
  }
  .top_support_text02{
    font-size: 14px;
    color: #fff;
    background-color: #003f6b;
    text-align: left;
    padding: 15px;
  }
  .top_support_btn{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 296px;
    margin: 44px auto 0 auto;
    padding: 30px 0;
  }
  .top_support_btn a{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 296px;
    margin: 44px auto 0 auto;
    padding: 30px 73px;
  }
  /* サポート */

  /* 洗濯機 */
  .top_washing_bloc{
    background-color: #00255d;
    padding: 150px 0;
    font-weight: bold;
  }
  .washing_title_eng{
    font-size: 50px;
    font-weight: lighter;
    color: #44c4ff;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .washing_title_jp{
    font-size: 30px;
    color: #fff;
    margin: 25px 0 30px 0;
  }
  .washing_catchi{
    font-size: 18px;
    color: #001935;
    background-color: #b7e6ff;
    width: 676px;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 25px;
  }
  .washing_area{
    width: 986px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .washing_left_catchi{
    font-size: 22px;
    color: #57caff;
    margin: 85px 0 40px 0;
  }
  .washing_right_catchi{
    font-size: 22px;
    color: #13ff93;
    margin: 85px 0 40px 0;
  }
  .washing_arrow{
    transform: rotate(90deg);
  }
  .washing_icon_bloc{
    width: 470px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .washing_icon_box{
    margin: 0 10px 10px 0;
    width: 150px;
  }
  .washing_icon_box:nth-of-type(3n){
    margin: 0;
  }
  /* 洗濯機 */

  /* 洗浄剤 */
  .top_detergent_bloc{
    background-color: #d6f1ff;
    padding: 150px 0;
    font-weight: bold;
  }
  .detergent_title_eng{
    font-size: 50px;
    font-weight: lighter;
    color: #00b0dc;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .detergent_title_jp{
    font-size: 30px;
    color: #001e58;
    margin: 25px 0 30px 0;
  }
  .detergent_catchi{
    font-size: 18px;
    color: #fff;
    background-color: #00bceb;
    width: 676px;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 25px;
  }
  .detergent_icon_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1020px;
    margin: 70px auto 30px auto;
  }
  .detergent_icon_box{
    margin: 0 0 15px 0;
  }
  .detergent_icon_box a{
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 320px;
    color: #00aed9;
    background-color: #fff;
  }
  .detergent_icon_box img{
    width: 110px;
  }
  .detergent_icon_text{
    padding: 20px;
  }

  .recomend_bloc{
    background-color: #00255d;
    padding: 60px 0 45px 0;
    width: 1020px;
    margin: 0 auto;
  }
  .recomend_title_eng{
    font-size: 36px;
    font-weight: lighter;
    color: #00b0dc;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .recomend_title_jp{
    font-size: 20px;
    color: #fff;
    margin: 20px 0 60px 0;
  }
  .recomend_icon_bloc{
    display: flex;
    justify-content: space-between;
    width: 938px;
    margin: 0 auto;
  }
  .recomend_icon_box{
    width: 452px;
  }
  .recomend_icon_box:first-child{
    width: 452px;
  }
  .recomend_icon_box a{
    width: 452px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #00bceb;
    color: #fff;
  }
  .recomend_icon_img_box{
    width: 225px;
  }
  .recomend_icon_text_box{
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    width: 50%;
    padding: 0 20px;
    text-align: left;
    align-items: center;
  }
  .recomend_icon_text{
    font-size: 14px;
  }

  .detergent_btn_bloc{
    margin: 26px auto 0 auto;
  }
  .detergent_btn_bloc img{
    width: 1020px;
  }
  /* 洗浄剤 */

  /* メンテナンス */
  .top_maint_bloc{
    padding: 150px 0;
  }
  .maint_title_eng{
    font-size: 50px;
    color: #0094d5;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .maint_title_jp{
    font-size: 30px;
    color: #001e58;
    margin: 25px 0 75px 0;
    font-weight: bold;
  }
  .maint_img_box img{
    width: 100%;
  }
  .maint_catchi{
    font-size: 30px;
    line-height: 48px;
    color: #0ea2e7;
    margin: 85px 0 50px 0;
  }
  .maint_text01{
    font-size: 16px;
    line-height: 34px;
    color: #001e58;
  }
  .maint_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 209px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .maint_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 209px;
    margin: 70px auto 0 auto;
    padding: 20px 37px;
  }
  /* メンテナンス */

  /* サステナビリティ */
  .top_csr_bloc{
    padding: 100px 0;
    background-color: #97d7b9;
  }
  .csr_title_eng{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    font-family: "Open Sans", sans-serif;
  }
  .csr_title_jp{
    font-size: 16px;
    font-weight: bold;
    color: #171717;
    margin: 20px 0 130px 0;
  }
  .csr_img_box img{
    width: 100%;
  }
  .csr_text01{
    font-size: 20px;
    margin: 85px 0;
  }
  .csr_icon_box{
    width: 938px;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    background-color: #fff;
  }
  .csr_icon_box img{
    width: 160px;
  }
  .csr_icon_text_box{
    padding: 0 0 0 30px;
    font-size: 14px;
    color: #02243d;
    width: 50%;
  }
  .csr_icon_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #007d43;
    margin: 0 0 10px 0;
  }

  .csr_bloc{
    width: 938px;
    margin: 0 auto;
    background-color: #97d7b9;
    text-align: left;
    background-image: url("./images/csr_bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  }
  .csr_area{
    display: flex;
    justify-content: center;
    background-color: #d7f0e4;
  }
  .csr_box{
    width: 295px;
    color: #fff;
    margin: 65px 0 55px 0;
  }
  .csr_box:first-child{
    margin: 65px 25px 55px 0;
  }
  .csr_box a{
    color: #fff;
  }
  .csr_text_box{
    background-color: #008a72;
    padding: 17px;
    font-size: 14px;
  }
  .csr_catchi{
    font-size: 16px;
    margin: 0 0 10px 0;
  }
  .csr_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    width: 294px;
    margin: 0 auto 0 auto;
    padding: 25px 0;
    text-align: center;
  }
  .csr_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    width: 294px;
    margin: 0 auto 0 auto;
    padding: 25px 80px;
  }
  /* サステナビリティ */

  /* リンク */
  .top_link_bloc{
    display: flex;
    justify-content: space-between;
  }
  /* リンク */
  /* top */

  /* サイトマップ */
  .sitemap_bloc{
    background-color: #00112b;
    text-align: left;
    color: #fff;
  }
  .sitemap_bloc a{
    color: #fff;
  }
  .sitemap_area01{
    width: 1020px;
    margin: 0 auto;
    padding: 80px 0 100px 0;
    display: flex;
    justify-content: space-between;
  }
  .sitemap_box{
    margin: 0 0 15px 0;
  }
  .sitemap_catchi01{
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .sitemap_area02{
    display: flex;
  }
  .sitemap_left{
    margin: 0 30px 0 0;
  }
  .sitemap_text01{
    font-size: 12px;
    line-height: 20px;
  }
  .sitemap_text02{
    font-size: 12px;
  }
  .sitemap_catchi02{
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 10px 0;
  }
  .sitemap_catchi03{
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  /* サイトマップ */
  /* メインコンテンツ */


  /* 下層 2nd */
  /* 下層共通 */
  .lower_contact_bloc{
    background-color: #113e84;
    padding: 80px 0 95px 0;
  }
  .lower_contact_btn{
    width: 520px;
    margin: 0 auto;
  }
  .lower_merit_catchi{
    width: 662px;
    margin: 0 auto 50px auto;
  }
  .lower_merit_img{
    width: 936px;
    margin: 0 auto;
  }
  .lower_test_title{
    font-size: 30px;
    font-weight: bold;
    color: #099ce0;
    display: inline-block;
    background: linear-gradient(to top, #f8ffe1 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .lower_test_catchi{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #099ce0;
    padding: 10px 30px;
    border-radius: 15px;
    width: 250px;
    margin: 25px auto 50px auto;
  }
  .lower_test_catchi_area{
    width: 662px;
    margin: 60px auto 45px auto;
  }
  .lower_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .lower_test_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 110px;
  }

  .lower_cleaningagent_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .lower_cleaningagent_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 37px;
  }

  /* ドロワーエリア */
  .drawer_content_bloc{
    margin: 0 auto 20px auto;
    width: 938px;
  }
  .drawer_bloc{
    background-color: #fff;
    padding: 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
  .drawer_img{
    width: 122px;
    margin: 0 31px 0 0;
  }
  .kdrawer_text_bloc{
    text-align: left;
  }
  .drawer_title{
    font-size: 24px;
    color: #0094d9;
  }
  .drawer_btn_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #008ecf;
    cursor: pointer;
  }
  .drawer_btn_text{
    margin: 0 16px 0 0;
  }
  .drawer_btn{
    width: 48px;
  }
  .drawer_detail {
    display: none;/* 初期状態で非表示 */
    background: #fff;
    padding: 20px 20px 70px 20px;
  }
  /* ドロワーエリア */

  /*モーダルを開くボタン*/
  .modal-open-kigu{
    width: 180px;
    margin: 50px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-partsbox01{
    width: 180px;
    margin: 0 auto 0 auto;
    cursor: pointer;
  }
  .modal-open-partsbox02{
    width: 180px;
    cursor: pointer;
  }
  .modal-open-palette01{
    width: 180px;
    cursor: pointer;
  }
  .modal-open-palette02{
    width: 1020px;
    cursor: pointer;
  }
  .modal-open-palette02:hover{
    opacity: 0.5;
    transition: 0.5s;
  }
  .modal-open-palette03{
    width: 280px;
    cursor: pointer;
  }
  .modal-open-palette03:hover{
    opacity: 0.5;
    transition: 0.5s;
  }
  .modal-open-matehan01{
    width: 136px;
    cursor: pointer;
    margin: 0 auto 17px auto;
  }
  .modal-open-matehan02{
    width: 180px;
    cursor: pointer;
    margin: 40px auto 0 auto;
  }
  .modal-open-iroiro01{
    width: 150px;
    cursor: pointer;
    margin: 0 auto 17px auto;
  }
  .modal-open-iroiro02{
    width: 180px;
    cursor: pointer;
    margin: 40px auto 0 auto;
  }
  .modal-open-conveyor01{
    width: 180px;
    margin: 30px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-senjodassui01{
    width: 180px;
    margin: 20px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-ichioshi01{
    width: 180px;
    margin: 35px 0 0 0;
    cursor: pointer;
  }
  .modal-open-ichioshi01:first-child{
    width: 180px;
    margin: 35px 20px 0 0;
    cursor: pointer;
  }
  .modal-open-haisuinetu{
    width: 180px;
    margin: 50px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-shouene{
    cursor: pointer;
  }
  /*モーダル本体の指定 + モーダル外側の背景の指定*/
  .modal-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,50%);
    padding: 150px 20px 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
  }
  /*モーダル本体の擬似要素の指定*/
  .modal-container:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  /*モーダル本体に「active」クラス付与した時のスタイル*/
  .modal-container.active{
    opacity: 1;
    visibility: visible;
  }
  /*モーダル枠の指定*/
  .modal-body{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
  }
  /*モーダルを閉じるボタンの指定*/
  .modal-close{
    position: relative;   /* ここが重要！absolute をやめる */
    margin: 20px auto 0 auto;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    width: 120px;         /* ボタン幅（調整OK） */
    text-align: center;
    /*background: rgba(0,0,0,0.6);*/
    padding: 10px 0;
    border-radius: 6px;
  }
  /* 下層共通 */

  /* ニュース（下層） */
  .news_title_jp{
    font-size: 36px;
    color: #03a3ec;
    background-color: #ededed;
    padding: 105px 0 25px 0;
  }
  .news_title_eng{
    font-size: 24px;
    font-weight: bold;
    color: #03a3ec;
    background-color: #ededed;
  }
  .news_menu_bloc{
    background-color: #ededed;
  }
  .news_menu_area{
    width: 260px;
    margin: 0 auto;
    padding: 55px 0 30px 0;
    display: flex;
    justify-content: space-between;
  }
  .news_menu_line{
    width: 2px;
    height: 18px;
    margin: 5px 0 0 0;
    background-color: #30beff;
  }
  .news_menu_box{
    font-size: 18px;
    color: #03a3ec;
  }
  .news_menu_box a{
    font-size: 18px;
    color: #03a3ec;
  }
  .news_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .news_bloc01{
    width: 858px;
    margin: 0 auto;
    text-align: left;
    padding: 100px 0 130px 0;
  }
  .news_year{
    font-size: 48px;
    color: #03a3ec;
  }
  .news_area{
    color: #333333;
    margin: 60px 0 0 0;
  }
  .news_catchi{
    font-size: 18px;
  }
  .news_date{
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .news_text{
    font-size: 14px;
  }
  /* ニュース（下層） */

  /* メンテナンス */
  .mainte_bloc{
    background-image: url("./images/pc_mainte_gradation_bg.png");
    background-repeat: no-repeat;
    background-color: #d7feff;
    padding: 100px 0 130px 0;
    background-size: 100%;
  }
  .mainte_title_eng{
    font-size: 50px;
    font-weight: 100;
    color: #0094d5;
  }
  .mainte_title_jp{
    font-size: 30px;
    font-weight: bold;
    color: #001e58;
    margin: 0 0 110px 0;
  }
  .mainte_area01{
    width: 936px;
    margin: 0 auto;
    background-color: #0074aa;
    padding: 65px 0 50px 0;
  }
  .mainte_area01_title{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
  }
  .mainte_area01_text01{
    font-size: 19.25px;
    font-weight: bold;
    color: #fff;
    margin: 40px 0 80px 0;
  }
  .mainte_perform_bloc{
    width: 860px;
    margin: 0 auto;
    background-color: #fff;
    padding: 60px 0 70px 0;
  }
  .mainte_perform_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_perform_img_bloc01{
    display: flex;
    justify-content: space-between;
    width: 798px;
    margin: 50px auto 30px auto;
  }
  .mainte_perform_img_area01{
    width: 260px;
  }
  .mainte_perform_img_textbox{
    background-color: #0893d4;
    color: #fff;
    font-weight: bold;
    padding: 16px 0 20px 0;
  }
  .mainte_perform_img_text01{
    font-size: 14px;
  }
  .mainte_perform_img_text02{
    font-size: 26px;
  }
  .mainte_perform_img_bloc02{
    display: flex;
    justify-content: space-between;
    width: 798px;
    margin: 0 auto 60px auto;
  }
  .mainte_perform_img_box02{
    width: 441px;
  }
  .mainte_perform_img_box03{
    width: 309px;
  }
  .mainte_perform_img_box04{
    width: 798px;
    margin: 40px auto 0 auto;
  }

  .mainte_network_bloc{
    width: 860px;
    background-color: #fff;
    padding: 60px 0 70px 0;
    margin: 25px auto 0 auto;
  }
  .mainte_network_title{
    font-size: 30px;
    color: #0074aa;
    font-weight: bold;
  }
  .mainte_network_text01{
    font-size: 18px;
    color: #0074aa;
    font-weight: bold;
    margin: 45px 0 65px 0;
  }
  .mainte_network_img_box{
    width: 584px;
    margin: 0 auto;
  }
  .mainte_network_plant_bloc{
    width: 784px;
    margin: 70px auto 0 auto;
    text-align: left;
  }
  .mainte_network_plant_area{
    display: flex;
    justify-content: space-between;
  }
  .mainte_network_plant_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_network_plant_left{
    width: 375px;
  }
  .mainte_network_plant_line{
    height: 2px;
    background-color: #0090d3;
    margin: 10px 0 14px 0;
  }
  .mainte_network_plant_namebloc{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }
  .mainte_network_plant_link a {
    font-size: 15px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_network_plant_place{
    font-size: 12px;
  }
  .mainte_network_plant_tel{
    font-size: 14px;
    font-weight: bold;
  }
  .mainte_tel{
    font-size: 10px;
    font-weight: bold;
  }
  .mainte_network_sd_bloc{
    display: flex;
    justify-content: space-between;
    width: 784px;
    margin: 20px auto 0 auto;
  }
  .mainte_network_sd_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #0074aa;
    line-height: 1.5rem;
    font-size: 14px;
  }
  .sd_square{
    font-size: 8px;
    vertical-align: middle;
    margin: 0 7px 0 0;
  }

  .mainte_area02{
    width: 936px;
    margin: 50px auto 0 auto;
    background-color: #fff;
    padding: 65px 0 50px 0;
  }
  .mainte_area02_catchi{
    font-size: 24px;
    color: #0074aa;
    font-weight: bold;
    margin: 0 0 25px 0;
  }
  .mainte_area02_title{
    font-size: 51px;
    font-weight: bold;
    color: #fff;
  }
  .mainte_text_bg{
    background-color: #0074aa;
    margin: 0 8px 0 0;
    padding: 10px;
  }
  .mainte_text_bg:last-child{
    background-color: #0074aa;
    margin: 0;
    padding: 10px;
  }
  .mainte_area02_text{
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    color: #0074aa;
    margin: 40px 0 80px 0;
  }
  .mainte_pac_bloc{
    display: flex;
    justify-content: space-between;
    width: 858px;
    margin: 65px auto 50px auto;
  }
  .mainte_merit_bloc{
    background-color: #f4f4f4;
    width: 858px;
    margin: 0 auto 15px auto;
    padding: 30px 0;
  }
  .mainte_merit_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 800px;
    margin: 0 auto;
  }
  .mainte_merit_num{
    width: 100px;
    margin: 0 25px 0 0;
  }
  .mainte_merit_num_title{
    font-size: 30px;
    font-weight: bold;
    color: #0074aa;
    margin: 0 0 5px 0;
  }
  .mainte_merit_num_text{
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_merit_box01{
    background-color: #fff;
    width: 740px;
    margin: 20px auto 0 auto;
    text-align: left;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_merit_box02{
    background-color: #fffcd4;
    width: 740px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
  .mainte_merit_box03{
    background-color: #d4ede4;
    width: 740px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
  .mainte_merit_box04{
    width: 740px;
    margin: 0 auto;
    text-align: left;
    padding: 50px 30px;
    display: flex;
    justify-content: space-between;
  }
  .mainte_merit_catchi{
    margin: 0 0 10px 0;
  }
  .mainte_merit_img02{
    width: 348px;
  }

  .mainte_cleaning_img{
    margin: 0 0 30px 0;
  }
  .mainte_cleaning_img:first-child{
    margin: 55px 0 30px 0;
  }
  .mainte_cleaning_img:last-child{
    margin: 0;
  }
  .mainte_cleaning_archive_title{
    background-color: #0074aa;
    color: #fff;
    width: 856px;
    margin: 95px auto 40px auto;
    border-radius: 7px;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0;
  }
  .mainte_cleaning_archive_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 856px;
    margin: 0 auto 50px auto;
  }
  .mainte_cleaning_archive_box{
    width: 420px;
    text-align: left;
  }
  .mainte_cleaning_archive_box:nth-child(n+3){
    width: 420px;
    text-align: left;
    margin: 40px 0 0 0;
  }
  .mainte_cleaning_archive_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_cleaning_flow_bloc{
    width: 856px;
    margin: 0 auto;
    background-color: #fffcd4;
    padding: 20px 0 35px 0;
  }
  .mainte_cleaning_flow_title{
    font-size: 18px;
    font-weight: bold;
    color: #0074aa;
    margin: 0 0 20px 0;
  }
  .mainte_cleaning_flow_area{
    display: flex;
    justify-content: center;
    width: 793px;
    margin: 0 auto;
  }
  /* メンテナンス */

  /* クレオの強み */
  .tuyomi_bloc01{
    background-color: #e4f4ff;
    padding: 100px 0 130px 0;
  }
  .tuyomi_title_area{
    width: 662px;
    margin: 0 auto 0 auto;
    font-size: 30px;
    color: #099ce0;
    padding: 0 0 65px 0;
  }
  .tuyomi_title_box{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .tuyomi_bloc02{
    width: 936px;
    margin: 35px auto 0 auto;
    padding: 60px 0 75px 0;
    background-color: #fff;
    text-align: left;
  }
  .tuyomi_text01{
    font-size: 30px;
    color: #099ce0;
    text-align: center;
  }
  .tuyomi_text02{
    font-size: 14px;
    line-height: 30px;
    margin: 60px 60px 0 60px;
  }
  .tuyomi_bloc03{
    display: flex;
    justify-content: center;
    margin: 60px 0 0 0;
  }
  .tuyomi_left_img01{
    width: 318px;
    margin: 0 60px 0 0;
  }
  .tuyomi_right_bloc01{
    display: flex;
    margin: 0 0 22px 0;
  }
  .tuyomi_left_img02{
    width: 72px;
    margin: 0 18px 0 0;
  }
  .tuyomi_right_catchi_bloc{
    display: flex;
    margin: 0 0 6px 0;
  }
  .tuyomi_right_catchi_img img{
    height: 15px;
  }
  .tuyomi_text03{
    font-size: 12px;
  }
  .tuyomi_text04{
    font-size: 13px;
  }
  .tuyomi_img01{
    width: 936px;
    margin: 0 auto;
  }
  /* クレオの強み */

  /* 対象物から探す */
  /* コンテナ */
  .container_needs_bloc{
    background-color: #bbeaff;
    background-image: url("./images/pc_lower_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    padding: 80px 0 130px 0;
    background-size: 100%;
  }
  .container_needs_area{
    width: 1020px;
    margin: 0 auto;
  }
  .container_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 760px;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .container_needs_catchi_area img{
    height: 53px;
  }
  .container_needs_figure_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 14px auto 27px auto;
  }
  .container_needs_figure_img{
    margin: 0 10px 0 0;
  }
  .container_needs_figure_img:last-child{
    margin: 0;
  }
  .container_needs_figure_link{
    width: 100%;
  }

  .container_merit_bloc{
    background-color: #f3f7f9;
    padding: 80px 0 130px 0;
  }
  .container_merit_title_area{
    background-image: url("./images/container_merit_bg_pc.png");
    background-repeat: no-repeat;
    width: 662px;
    margin: 0 auto 0 auto;
    font-size: 30px;
    color: #099ce0;
    padding: 50px 0 32px 0;
  }
  .container_merit_title_box{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }

  .container_test_bloc{
    padding: 80px 0 130px 0;
  }
  .container_test_text{
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
  }
  .container_test_area{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 938px;
    margin: 0 auto;
  }
  .container_test_box{
    width: 300px;
  }
  .container_test_box img{
    margin: 0 0 15px 0;
  }

  .container_cleaningagent_bloc{
    background-color: #d7f5ff;
    padding: 80px 0 130px 0;
  }
  .container_cleaningagent_title{
    font-size: 30px;
    font-weight: bold;
    color: #099ce0;
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .container_cleaningagent_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #099ce0;
    width: 600px;
    margin: 15px auto 60px auto;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .container_cleaningagent_area{
    display: flex;
    justify-content: space-between;
    width: 938px;
    margin: 0 auto;
  }
  .container_cleaningagent_box{
    width: 300px;
    text-align: left;
  }
  .container_cleaningagent_box_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #099ce0;
    margin: 24px 0 5px 0;
  }
  .container_cleaningagent_box_text{
    font-size: 14px;
    line-height: 24px;
  }
  /* コンテナ */

  /* パレット */
  .palette_cleaning_catchi{
    width: 622px;
    margin: 0 auto;
  }
  .palette_cleaning_text01{
    font-size: 18px;
    font-weight: bold;
    margin: 17px 0 35px 0;
    color: #00a7f0;
  }
  .palette_cleaning_area{
    display: flex;
    justify-content: space-between;
    width: 1020px;
    margin: 0 auto;
  }
  .palette_cleaning_box{
    width: 243px;
    background-color: #fff;
  }
  .palette_cleaning_text02{
    font-size: 14px;
    line-height: 18px;
    margin: 15px 30px;
  }
  .palette_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 710px;
    margin: 50px auto 0 auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .palette_lineup_catchi_area img{
    height: 53px;
  }
  .palette_lineup_text{
    font-size: 18px;
    font-weight: bold;
    font-weight: 30px;
    color: #fff;
    margin: 20px 0 50px 0;
  }
  .palette_lineup_bloc{
    background-color: #fff;
    margin: 0 0 20px 0;
    padding: 60px 0 35px 0;
    font-weight: bold;
  }
  .palette_lineup_img01{
    width: 797px;
    margin: 0 auto;
  }
  .palette_lineup_area{
    display: flex;
    justify-content: space-between;
    margin: 50px 40px 0 40px;
    text-align: left;
  }
  .palette_lineup_area_textbox01{
    font-size: 16px;
  }
  .palette_lineup_area_text01{
    font-size: 30px;
    color: #0068b9;
    margin: 0 15px 0 0;
  }
  .palette_lineup_area_textbox02{
    font-size: 21px;
    color: #0095da;
    display: flex;
    align-items: center;
    margin: 20px 0 25px 0;
  }
  .palette_lineup_area_text02{
    font-size: 12px;
    color: #fff;
    background-color: #0095da;
    padding: 5px 10px;
    border-radius: 15px;
  }
  .palette_lineup_img_box{
    display: flex;
    justify-content: space-between;
  }
  .palette_lineup_img02{
    width: 228px;
    margin: 0 10px 0 0;
  }
  .palette_lineup_img02:last-child{
    width: 228px;
    margin: 0;
  }
  .palette_lineup_link01{
    margin: 27px 0;
  }
  .palette_structure_bloc01{
    width: 1020px;
    margin: 0 auto;
    background-color: #fff;
    padding: 100px 0 80px 0;
  }
  .palette_structure_img01{
    width: 630px;
    margin: 0 auto;
    padding: 0 0 60px 0;
  }
  .palette_structure_num_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 860px;
    margin: 0 auto;
  }
  .palette_structure_num_box{
    width: 280px;
    margin: 0 0 10px 0;
  }
  .palette_structure_catchi{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
    font-size: 30px;
    color: #099ce0;
    width: 395px;
    margin: 100px auto 65px auto;
  }
  .palette_structure_bloc02{
    width: 1020px;
    margin: 0 auto;
    background-color: #9be0ff;
    padding: 100px 0 80px 0;
  }
  .palette_structure_text01{
    font-size: 24px;
    line-height: 34px;
  }
  .palette_structure_text02{
    font-size: 16px;
    line-height: 30px;
    margin: 60px 0 75px 0;
  }
  .palette_structure_text03{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .palette_structure_icon_bloc{
    display: flex;
    justify-content: space-between;
    width: 857px;
    margin: 30px auto 0 auto;
  }
  .palette_structure_icon_box{
    width: 160px;
  }

  .palette_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .palette_test_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 100px;
  }
  /* パレット */

  /* オリコン */
  .oricon_needs_bloc{
    background-color: #bbeaff;
    background-image: url("./images/pc_lower_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    padding: 80px 0 130px 0;
    background-size: 100%;
  }
  .oricon_needs_area{
    width: 1020px;
    margin: 0 auto;
  }
  .oricon_needs_img_box{

  }
  .oricon_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 710px;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .oricon_needs_catchi_area img{
    height: 53px;
  }
  .oricon_needs_figure_bloc{
    display: flex;
    justify-content: space-between;
    margin: 14px auto 27px auto;
  }
  .oricon_needs_figure_img{
    margin: 0 10px 0 0;
  }
  .oricon_needs_figure_img:last-child{
    margin: 0;
  }
  .oricon_needs_figure_link{
    width: 100%;
  }

  .oricon_needs_bigline_bloc{
    background-color: #edfbff;
    padding: 60px 80px 80px 80px;
    margin: 0 0 40px 0;
    font-weight: bold;
    color: #00608c;
  }
  .oricon_needs_bigline_title{
    font-size: 26px;
  }
  .oricon_needs_bigline_img{
    margin: 50px 0 60px 0;
  }
  .oricon_bigline_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .oricon_bigline_box{
    width: 199px;
    text-align: left;
    background-color: #fff;
    margin: 0 21px 34px 0;
  }
  .oricon_bigline_box:nth-child(n+5){
    width: 199px;
    text-align: left;
    background-color: #fff;
    margin: 0 21px 0 0;
  }
  .oricon_bigline_box:nth-child(4){
    width: 199px;
    text-align: left;
    background-color: #fff;
    margin: 0 0 34px 0;;
  }
  .oricon_bigline_title_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .oricon_num{
    font-size: 22px;
    color: #fff;
    width: 37px;
    text-align: center;
    background-color: #099ce0;
    padding: 2px;
  }
  .oricon_bigline_title{
    font-size: 16px;
    color: #0087c5;
    margin: 0 0 0 10px;
  }
  .oricon_bigline_text{
    padding: 22px 17px;
    font-size: 12px;
    line-height: 16px;
  }

  .oricon_needs_bigline_text{
    font-size: 24px;
    color: #fff;
    background-color: #33b3ee;
    padding: 24px 0;
    margin: 55px 0 0 0;
  }

  .oricon_cleaningagent_area{
    display: flex;
    justify-content: center;
    width: 938px;
    margin: 0 auto;
  }
  .oricon_cleaningagent_text{
    line-height: 2.5rem;
  }
  /* オリコン */

  /* マテハン */
  .matehan_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 530px;
    margin: 50px auto 80px auto;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
  }
  .matehan_lineup_catchi_area img{
    height: 53px;
  }
  .matehan_auto_title{
    font-size: 24px;
    color: #00608c;
    font-weight: normal;
  }
  .matehan_auto_title_big{
    font-size: 30px;
    font-weight: normal;
  }
  .matehan_auto_img01{
    width: 845px;
    margin: 50px auto 70px auto;
  }
  .matehan_auto_bloc{
    width: 860px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .matehan_auto_box{
    width: 200px;
    background-color: #fff;
    margin: 0 20px 20px 0;
  }
  .matehan_auto_box:nth-child(4n){
    width: 200px;
    background-color: #fff;
    margin: 0 0 20px 0;
  }
  .matehan_num{
    font-size: 22px;
    color: #fff;
    width: 37px;
    text-align: center;
    background-color: #099ce0;
    padding: 2px;
  }
  .matehan_auto_text{
    font-size: 12px;
    padding: 22px 17px;
    line-height: 16px;
    height: 40px;
    text-align: left;
  }
  .matehan_drawer_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .matehan_catchi{
    width: 936px;
    margin: 0 auto;
  }
  .matehan_detail_inner{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 882px;
    margin: 0 auto;
  }
  .matehan_inner_bloc{
    width: 412px;
    text-align: left;
    margin: 0 58px 0 0;
  }
  .matehan_inner_bloc:nth-child(2){
    width: 412px;
    text-align: left;
    margin: 0;
  }
  .matehan_inner_bloc:nth-child(3){
    width: 412px;
    text-align: left;
    margin: 80px 0 0 0;
  }
  .matehan_inner_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0095da;
    margin: 24px 0 15px 0;
  }
  .matehan_inner_text{
    font-size: 14px;
    line-height: 22px;
  }
  /* 左右に横線 */
  .matehan_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #0097dc;
    margin: 50px 0;
    font-weight: bold;
  }
  .matehan_text_line::before,
  .matehan_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 34.3%; /* 横線の長さ */
  }
  .matehan_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .matehan_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }
  /* マテハン */

  /* パーツボックス */
  .partsbox_finish_bloc{
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0 auto;
    width: 1020px;
  }
  .partsbox_finish_area{
    padding: 30px 35px;
    background-color: #fff;
  }
  .partsbox_finish_title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    border-radius: 20px;
    padding: 10px 0;
    width: 262px;
    margin: 0 0 37px 0;
  }
  .partsbox_finish_box{
    width: 262px;
  }
  .partsbox_finish_img{
    margin: 0 0 65px 0;
  }
  .partsbox_needs_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .partsbox_needs_area{
    width: 250px;
    text-align: center;
    background-color: #fff;
    padding: 24px 40px;
    margin: 0 0 18px 0;
  }
  .partsbox_needs_title{
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px 0;
  }
  .partsbox_needs_catchi{
    font-size: 17px;
    font-weight: bold;
    color: #0068b9;
  }
  .partsbox_needs_text01{
    text-align: left;
    font-size: 14px;
    margin: 15px 0;
  }
  .partsbox_needs_text02{
    text-align: left;
    font-size: 14px;
    height: 80px;
  }
  .partsbox_needs_movie{
    width: 170px;
    margin: 0 auto;
  }
  .partsbox_needs_link01{
    margin: 27px 0;
  }

  .partsbox_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 710px;
    margin: 85px auto 65px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #003766;
  }
  .partsbox_needs_catchi_area img{
    height: 53px;
  }

  .partsbox_needs_option_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1020px;
    margin: 0 auto;
  }
  .partsbox_needs_option_area{
    width: 445px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 35px 30px;
    text-align: left;
    margin: 0 0 13px 0;
  }
  .partsbox_needs_text_bloc{
    width: 300px;
  }
  .partsbox_needs_text_title{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .rhb{
    margin: 0 9px 0 0;
  }
  .rhb img{
    width: 40px;
    vertical-align: middle;
  }
  .partsbox_needs_text_area{
    font-size: 14px;
  }
  .partsbox_needs_text_box{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 20px 0;
  }
  .mark01{
    width: 15px;
    margin: 3px 0 0 0;
  }
  .mark01 img{
    width: 7px;
    height: 14px;
  }
  .partsbox_needs_option_movie{
    width: 170px;
  }
  .partsbox_needs_text{

  }
  .partsbox_needs_option_img{
    width: 122px;
  }

  .partsbox_needs_cleaningagent_bloc{
    background-color: #e4f8ff;
    width: 1020px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    border: 2px solid #fff;
  }
  .partsbox_needs_cleaningagent_img{
    width: 110px;
    margin: 40px 35px 40px 63px;
  }
  .partsbox_needs_cleaningagent_area{
    margin: 40px 0 40px 0;
  }
  .partsbox_needs_cleaningagent_catchi{
    font-size: 18px;
    font-weight: bold;
  }
  .partsbox_needs_cleaningagent_title{
    font-size: 16px;
    font-weight: bold;
    color: #008ac9;
    margin: 40px 0 15px 0;
  }
  .partsbox_needs_cleaningagent_text{
    font-size: 12px;
  }

  .partsbox_needs_introduction_bloc{
    width: 1020px;
    margin: 110px auto 0 auto;
    padding: 0 0 50px 0;
    background-color: #fff;
  }
  .partsbox_needs_introduction_title{
    font-size: 30px;
    color: #fff;
    background-color: #33b3ee;
    padding: 15px 0;
  }
  .partsbox_needs_introduction_catchi{
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    color: #0088c6;
    padding: 40px 0 65px 0;
  }
  .partsbox_needs_flow_bloc{
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 0 40px;
  }
  .partsbox_needs_flow_area{
    width: 410px;
  }
  .partsbox_needs_flow_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .mark02{
    width: 15px;
  }
  .mark02 img{
    width: 7px;
    height: 18px;
  }
  .partsbox_needs_flow_title{
    font-size: 18px;
    font-weight: bold;
  }
  .partsbox_needs_flow_text01{
    font-size: 14px;
    margin: 30px 0 25px 0;
  }
  .partsbox_needs_flow_text02{
    font-size: 14px;
    color: #00a1d4;
    padding: 25px;
    border: 2px solid #1fbbed;
  }
  .partsbox_needs_flow_img{
    width: 490px;
  }
  .partsbox_needs_filtration_img{
    margin: 34px 0 0 0;
  }

  .partsbox_test_area{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 618px;
    margin: 0 auto;
  }
  .partsbox_test_box{
    width: 300px;
  }
  .partsbox_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .partsbox_test_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 110px;
  }
  /* パーツボックス */

  /* 殺菌 */
  .sakkin_top_img img{
    width: 100%;
  }

  /* 左右に横線 */
  .sakkin_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #00a4ef;
    margin: 70px 0 40px 0;
    font-weight: bold;
  }
  .sakkin_text_line::before,
  .sakkin_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 25%; /* 横線の長さ */
  }
  .sakkin_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .sakkin_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .sakkin_circle_bloc{
    display: flex;
    justify-content: space-between;
  }
  .sakkin_circle_box{
    width: 122px;
  }
  .sakkin_flow_bloc{
    background-color: #f3f7f9;
    margin: 45px 0 20px 0;
    padding: 60px 0 40px 0;
    color: #0ea2e7;
  }
  .sakkin_flow_title{
    font-size: 24px;
    font-weight: bold;
  }
  .sakkin_flow_text{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 30px 0 45px 0;
  }

  .sakkin_drawer_area{
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: center;
  }
  .sakkin_detail_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: left;
    line-height: 18px;
  }
  .sakkin_detail_inner_circle{
    font-size: 8px;
    color: #33b3ee;
    vertical-align: middle;
  }
  .sakkin_detail_inner_left{
    width: 286px;
    margin: 0 42px 0 0;
  }
  .sakkin_detail_inner_right{
    width: 450px;
  }
  .sakkin_detail_inner_right_list {
    list-style: none;
  }
  .sakkin_detail_inner_right_list li {
    position: relative;
    padding-left: 1em;
    margin: 0 0 15px 0;
  }
  .sakkin_detail_inner_right_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 8px;
    height: 8px;
    background: #33b3ee;
    border-radius: 50%;
  }
  .sakkin_detail_inner_right_text{
    font-weight: bold;
    color: #0094d9;
  }
  .sakkin_caption_text01{
    font-size: 16px;
    font-weight: bold;
    color: #007eb9;
    margin: 0 0 40px 0;
  }
  .sakkin_purpose_title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 10px 0;
    width: 194px;
    margin: 0 auto 30px auto;
  }
  .sakkin_purpose_catchi{
    font-size: 30px;
    font-weight: bold;
    color: #0094d9;
  }
  .sakkin_purpose_text{
    font-size: 14px;
    line-height: 30px;
    margin: 45px 0 60px 0;
  }
  .sakkin_lineup_link_bloc{
    display: flex;
    justify-content: space-between;
    width: 938px;
    margin: 0 auto;
  }
  .sakkin_caption_text02{
    font-size: 12px;
    text-align: right;
    color: #000;
    margin: 30px 30px 0 0;
  }
  /* 殺菌 */

  /* 器具 */
  .kigu_lineup_area{
    width: 938px;
    margin: 0 auto;
  }
  .kigu_lineup_img_box{
    width: 680px;
    margin: 0 auto;
  }
  .kigu_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 850px;
    margin: 50px auto 80px auto;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
  }
  .kigu_lineup_catchi_area img{
    height: 53px;
  }
  .kigu_catchi_box{
    width: 362px;
    margin: 0 auto -40px auto;
  }
  .kigu_lineup_text_bloc{
    font-size: 16px;
    line-height: 36px;
    background-color: #f0f0f0;
    padding: 50px 0 40px 0;
    border: 8px solid #fff;
    margin: 0 0 40px 0;
  }

  .kigu_drawer_area{
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .kigu_drawer_icon_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 0 0;
  }
  .kigu_drawer_icon_box{
    width: 50px;
    margin: 0 4px 0 0;
  }
  .kigu_detail_inner {
    font-size: 16px;
    line-height: 1.6;
  }
  .kigu_drawer_open_img{
    width: 644px;
    margin: 0 auto 60px auto;
  }
  .kigu_drawer_open_title{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #33b3ee;
    padding: 10px 14px;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .kigu_drawer_open_icon_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .kigu_drawer_open_icon_img{
    width: 50px;
    margin: 0 20px 0 0;
  }
  .kigu_drawer_open_movie_btn{
    width: 180px;
    margin: 50px auto 0 auto;
  }

  /* ラック */
  .kigu_rack_bloc{
    background-color: #e1f6ff;
    padding: 50px 40px 70px 40px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .kigu_rack_title{
    font-size: 24px;
  }
  .kigu_rack_text{
    font-size: 14px;
    margin: 15px 0 40px 0;
  }
  .kigu_rack_img_bloc{
    display: flex;
    justify-content: space-between;
  }
  .kigu_rack_img_box{
    width: 204px;
  }
  /* ラック */

  /* ドロワーエリア2 */
  .kigu_drawer_bloc02{
    background-color: #0ea2e7;
    padding: 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
  .kigu_drawer_area02{
    display: flex;
    justify-content: space-between;
  }
  .kigu_drawer_img02{
    width: 122px;
    margin: 0 31px 0 0;
  }
  .kigu_drawer_text_bloc02{
    text-align: left;
  }
  .kigu_drawer_title02{
    font-size: 24px;
    color: #fff;
  }
  .kigu_drawer_icon_bloc02{
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 0 0;
  }
  .kigu_drawer_icon_box02{
    width: 50px;
    margin: 0 4px 0 0;
  }
  .kigu_drawer_btn_bloc02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    cursor: pointer;
  }
  .kigu_drawer_btn_text02{
    margin: 0 16px 0 0;
  }
  .kigu_drawer_btn02{
    width: 48px;
  }

  .kigu_drawer_detail02 {
    display: none;/* 初期状態で非表示 */
    background: #0ea2e7;
    padding: 20px 20px 70px 20px;
  }
  .kigu_detail_inner02 {
    font-size: 16px;
    line-height: 1.6;
  }
  .kigu_drawer_open_img02{
    margin: 0 auto 60px auto;
    padding: 50px 162px;
    background-color: #fff;
  }
  .kigu_drawer_open_title02{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #33b3ee;
    padding: 10px 14px;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .kigu_drawer_open_icon_bloc02{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
    color: #fff;
  }
  .kigu_drawer_open_icon_img02{
    width: 50px;
    margin: 0 20px 0 0;
  }
  .kigu_drawer_open_movie_btn02{
    width: 180px;
    margin: 50px auto 0 auto;
  }
  /* ドロワーエリア2 */

  .kigu_merit_bloc{
    background-color: #fff;
    width: 938px;
    margin: 0 auto;
    padding: 50px 0;
  }
  .kigu_merit_title{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    color: #0ea2e7;
  }
  .kigu_merit_catchi{
    width: 560px;
    margin: 50px auto 45px auto;
    font-size: 18px;
    color: #fff;
    background-color: #0ea2e7;
    padding: 13px;
  }
  .kigu_merit_img_bloc{
    display: flex;
    justify-content: space-between;
    padding: 0 63px;
  }
  .kigu_merit_img_box{
    width: 376px;
  }
  .kigu_merit_caption{
    font-size: 12px;
    color: #265c8f;
    margin: 50px 63px 0 0;
    text-align: right;
  }

  /* 左右に横線 */
  .kigu_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #00a4ef;
    margin: 70px 0 40px 0;
    font-weight: bold;
  }
  .kigu_text_line::before,
  .kigu_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 31.7%; /* 横線の長さ */
  }
  .kigu_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .kigu_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .kigu_lineup_link{
    margin: 20px 0 0 0;
  }
  .kigu_caption_text{
    font-size: 12px;
    text-align: right;
    margin: 0 0 20px 0;
  }
  /* 器具 */

  /* 食材 */
  .shokuzai_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 850px;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .shokuzai_catchi_area img{
    height: 53px;
  }
  .shokuzai_circle_bloc{
    display: flex;
    justify-content: space-between;
    width: 668px;
    margin: 0 auto 45px auto;
  }
  .shokuzai_circle_box{
    width: 124px;
  }

  .shokuzai_drawer_title{
    font-size: 24px;
    color: #00a75a;
  }
  .shokuzai_drawer_btn_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00a75a;
    cursor: pointer;
  }
  .shokuzai_drawer_open_title{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #03c46b;
    padding: 10px 14px;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .shokuzai_detail_inner_right_list {
    list-style: none;
  }

  .shokuzai_detail_inner_right_list li {
    position: relative;
    padding-left: 1em;
    margin: 0 0 15px 0;
  }

  .shokuzai_detail_inner_right_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 8px;
    height: 8px;
    background: #03c46b;
    border-radius: 50%;
  }
  .shokuzai_detail_inner_bloc{
    width: 703px;
    margin: 0 auto;
  }
  .shokuzai_detail_inner_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #009f45;
    margin: 50px 0 0 0;
    text-align: left;
  }

  .modal-open-shokuzai{
    width: 180px;
    margin: 50px auto 0 auto;
    cursor: pointer;
  }
  /* 食材 */

  /* いろいろな洗浄 */
  .iroiro_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 528px;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .iroiro_catchi_area img{
    height: 53px;
  }
  .iroiro_icon_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 932px;
    margin: 0 auto;
  }
  .iroiro_icon_box{
    width: 147px;
    margin: 0 10px 10px 0;
  }
  .iroiro_icon_box:nth-child(6n){
    width: 147px;
    margin: 0;
  }
  .iroiro_icon_box:nth-child(n+13){
    width: 147px;
    margin: 0 10px 0 0;
  }
  .iroiro_arrow_box{
    width: 39px;
    margin: 40px auto 50px auto;
  }

  /* 左右に横線 */
  .iroiro_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #0097dc;
    margin: 50px 0;
    font-weight: bold;
  }
  .iroiro_text_line::before,
  .iroiro_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 40.5%; /* 横線の長さ */
  }
  .iroiro_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .iroiro_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .anchor{
    position: relative;
    top: -150px;
    height: 0;
  }
  .iroiro_lineup_bloc{
    background-color: #fff;
    text-align: left;
    padding: 25px 24px 40px 24px;
    margin: 18px 0 0 0;
  }
  .iroiro_lineup_title_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 40px 0;
  }
  .iroiro_lineup_title_img{
    width: 122px;
    margin: 0 30px 0 0;
  }
  .iroiro_lineup_title{
    font-size: 30px;
    color: #0097dd;
    font-weight: bold;
  }
  .iroiro_lineup_text{
    font-size: 18px;
    font-weight: bold;
  }
  .iroiro_lineup_catchi{
    background-color: #33b3ee;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 20px;
  }
  .iroiro_lineup_num_img01{
    margin: 25px 0 45px 0;
    text-align: center;
  }
  .iroiro_lineup_num_bloc{
    display: flex;
    justify-content: space-between;
  }
  .iroiro_lineup_num_area{
    width: 208px;
  }
  .iroiro_lineup_num_box{
    background-color: #ededed;
    padding: 25px 19px 20px 19px;
    height: 140px;
  }
  .iroiro_lineup_num_title{
    font-size: 14px;
    font-weight: bold;
  }
  .iroiro_lineup_num_text{
    font-size: 12px;
    margin: 10px 0 25px 0;
  }
  .iroiro_lineup_waku_text{
    font-size: 18px;
    font-weight: bold;
    border: 4px solid #33b3ee;
    color: #33b3ee;
    text-align: center;
    padding: 15px 0;
    margin: 18px 0 0 0;
  }
  .iroiro_lineup_crate_area{
    display: flex;
    justify-content: space-between;
  }
  .iroiro_lineup_crate_box{
    width: 276px;
    margin: 0 0 70px 0;
  }
  .iroiro_lineup_crate_catchi01{
    font-size: 16px;
    font-weight: bold;
    background-color: #33b3ee;
    color: #fff;
    padding: 8px 10px;
  }
  .iroiro_lineup_crate_title{
    font-size: 24px;
    font-weight: bold;
    color: #0068b9;
    margin: 16px 0 0 0;
  }
  .iroiro_lineup_crate_text{
    font-size: 14px;
    line-height: 24px;
    margin: 14px 0 36px 0;
  }
  .iroiro_lineup_crate_img{
    text-align: center;
    margin: 40px 0 90px 0;
  }
  .iroiro_lineup_option_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #33b3ee;
    margin: 16px 0;
  }
  .iroiro_lineup_option_img{
    width: 262px;
    margin: 0 40px 0 0;
  }
  .iroiro_lineup_option_title{
    font-size: 20px;
    font-weight: bold;
    color: #0068b9;
  }
  .iroiro_lineup_option_text{
    font-size: 14px;
    font-weight: bold;
  }
  .iroiro_lineup_smoke_bloc01{
    display: flex;
    justify-content: space-between;
    margin: 45px 40px 0 0;
  }
  .iroiro_lineup_smoke_bloc02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 40px 0 0;
  }
  .iroiro_lineup_smoke_img01{
    width: 503px;
  }
  .iroiro_lineup_smoke_img02{
    width: 209px;
  }
  .iroiro_lineup_smoke_num_bloc{
    margin: 0 60px 0 50px;
  }
  .iroiro_lineup_smoke_box{
    width: 197px;
    border: 3px solid #00a4ef;
    text-align: center;
    background-color: #00a4ef;
  }
  .iroiro_lineup_smoke_num_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .iroiro_lineup_smoke_num{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #33b3ee;
    text-align:center;
    margin: 0 6px 0 0;
  }
  .iroiro_lineup_smoke_text01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #00a4ef;
    padding: 17px 0;
  }
  .iroiro_lineup_smoke_text02{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #00a4ef;
    padding: 8px 0;
  }
  .iroiro_lineup_smoke_text03{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
  }
  .iroiro_lineup_egg_bloc{
    width: 634px;
    margin: 0 auto;
  }
  .iroiro_lineup_egg_img{
    width: 425px;
    margin: 40px auto 60px auto;
  }

  .iroiro_lineup_bloc_s{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .iroiro_lineup_area{
    background-color: #fff;
    text-align: left;
    padding: 25px 24px 40px 24px;
    margin: 18px 0 0 0;
  }
  .iroiro_lineup_title_bloc_s{
    width: 413px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .iroiro_lineup_title_s{
    font-size: 20px;
    color: #0097dd;
    font-weight: bold;
  }
  .iroiro_lineup_text_s{
    font-size: 14px;
    font-weight: bold;
  }
  .iroiro_lineup_tableware_bloc01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .iroiro_lineup_tableware_area01{
    width: 276px;
    margin: 0 31px 10px 0;
  }
  .iroiro_lineup_tableware_area01:nth-child(3n){
    width: 276px;
    margin: 0 0 10px 0;
  }
  .iroiro_lineup_crate_catchi02{
    font-size: 16px;
    font-weight: bold;
    background-color: #33b3ee;
    color: #fff;
    padding: 8px 10px;
  }
  .iroiro_lineup_tableware_icon_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 5px 0 7px 0;
  }
  .iroiro_lineup_tableware_icon{
    width: 27px;
    margin: 0 2px 0 0;
  }
  .iroiro_lineup_tableware_icon:last-child{
    width: 27px;
    margin: 0;
  }
  .iroiro_lineup_tableware_text01{
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .iroiro_lineup_tableware_bloc02{
    display: flex;
    justify-content: space-between;
    margin: 55px 0 0 0;
  }
  .iroiro_lineup_tableware_area02{
    width: 392px;
    display: flex;
    justify-content: space-between;
  }
  .iroiro_lineup_tableware_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #0068b9;
    margin: 0 0 20px 0;
  }
  .iroiro_lineup_tableware_text02{
    font-size: 14px;
  }
  .iroiro_lineup_tableware_img{
    width: 132px;
  }
  .iroiro_lineup_tableware_link{
    margin: 20px 0 0 0;
  }
  .iroiro_catchi{
    padding: 90px 0 70px 0;
  }
  /* いろいろな洗浄 */
  /* 対象物から探す */

  /* 業種から探す */
  .industry_top_img img{
    width: 100%;
  }
  .industry_bloc{
    background-color: #ebf0ee;
    padding: 80px 0 100px 0;
  }
  .industry_area{
    background-color: #fff;
    width: 1020px;
    margin: 0 auto;
    text-align: left;
  }
  .industry_title_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 860px;
    margin: 0 auto;
    padding: 110px 0 100px 0;
    color: #00b067;
    font-weight: bold;
  }
  .lindustry_title_icon{
    width: 150px;
    margin: 0 50px 0 0;
  }
  .lindustry_title_catchi{
    font-size: 18px;
  }
  .lindustry_title{
    font-size: 30px;
  }

  .industry_link_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 860px;
    margin: 0 auto;
    padding: 0 0 130px 0;
  }
  .industry_link_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: #00b067;
    font-size: 18px;
    letter-spacing: -1.5px;
    padding: 12px 18px;
    margin: 0 20px 20px 0;
  }
  .industry_link_text{
    margin: 0 10px 0 0;
  }
  /* 業種から探す */


  /* 洗浄剤を探す */
  /* 洗浄機用 */
  .detergent_top_img_bloc_sp{
    display: none;
  }
  .detergent_top_img_bloc_pc img{
    width: 100%;
  }
  /* タイトル */
  .detergent_title_bloc{
    background-color: #f3f7f9;
  }
  .detergent_title_area{
    display: flex;
    justify-content: space-between;
    width: 1020px;
    margin: 0 auto;
    padding: 55px 0;
  }
  .detergent_title_left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #00add8;
    font-size: 34px;
  }
  .detergent_title_left_icon_box{
    width: 100px;
    margin: 0 30px 0 0;
  }
  .detergent_title_right_bloc{
    display: flex;
    justify-content: space-between;
    width: 355px;
  }
  .detergent_title_right_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
  }
  .detergent_title_right_icon_box{
    width: 23px;
    margin: 0 6px 0 0;
  }
  /* タイトル */
  /* アンカー */
  .detergent_anchor_bloc{
    background-color: #fff;
  }
  .detergent_anchor_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1020px;
    margin: 0 auto;
    padding: 55px 0;
  }
  .detergent_anchor_left_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .detergent_anchor_left_area{
    background-color: #0288c0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    width: 144px;
    padding: 18px 0 10px 0;
    margin: 0 7px 0 0;
  }
  .detergent_anchor_left_area a{
    color: #fff;
  }
  .detergent_anchor_left_area02{
    background-color: #0288c0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    width: 200px;
    padding: 18px 0 10px 0;
    margin: 0 7px 0 0;
  }
  .detergent_anchor_left_area02 a{
    color: #fff;
  }
  .detergent_anchor_arrow{
    transform: rotate(90deg);
  }
  /* アンカー */

  /* コンテンツ */
  .detergent_content_bloc{
    background-color: #d7f5ff;
  }
  .detergent_bloc01{
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  #keido{
    scroll-margin-top: 150px;
  }
  .detergent_bloc01:first-child{
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 55px 0;
  }
  .detergent_catchi01{
    font-size: 24px;
    font-weight: bold;
    background-color: #0288c0;
    padding: 14px 22px;
    color: #fff;
  }
  .detergent_catchi02{
    font-size: 18px;
    font-weight: normal;
  }
  .detergent_area01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 40px 0 0 0;
  }
  .detergent_box01{
    width: 240px;
    font-size: 12px;
    margin: 0 20px 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box01:nth-child(4n){
    width: 240px;
    font-size: 12px;
    margin: 0;
  }
  .detergent_lower_icon_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .detergent_lower_icon_box{
    width: 23px;
    height: 23px;
    margin: 18px 7px 13px 0;
  }
  .detergent_name01{
    font-size: 16px;
    font-weight: bold;
    color: #099ce0;
    margin: 0 0 18px 0;
  }
  .detergent_text01{
    margin: 0 0 12px 0;
  }
  /* コンテンツ */

  /* 使用方法 */
  .detergent_use_bloc{
    background-color: #f3f7f9;
    padding: 70px 0 100px 0;
  }
  .detergent_use_area{
    width: 1020px;
    margin: 70px auto 0 auto;
    background-color: #fff;
  }
  .detergent_use_box{
    display: flex;
    justify-content: space-between;
    padding: 40px;
  }
  .detergent_use_left_bloc{
    width: 464px;
  }
  .detergent_use_catchi{
    font-size: 30px;
    color: #0ea2e7;
  }
  .detergent_use_left_text_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 380px;
    margin: 0 0 85px 0;
  }
  .detergent_use_left_text01{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 150px;
    padding: 14px 0;
  }
  .detergent_use_left_text02{
    font-size: 20px;
    font-weight: bold;
    color: #0288c0;
    border-bottom: 4px solid #0288c0;
    padding-bottom: 3px;
  }
  .detergent_use_right_bloc{
    width: 450px;
    background-color: #e1ecf1;
    padding: 30px 0 40px 0;
    border-radius: 15px;
  }
  .detergent_use_right_catchi{
    font-size: 16px;
    font-weight: bold;
  }
  .detergent_use_right_area{
    width: 310px;
    margin: 35px auto 0 auto;
  }
  .detergent_use_right_img_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0 0;
  }
  .detergent_use_right_img_box:first-child{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .detergent_use_right_text_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_use_right_img{
    width: 116px;
  }
  .detergent_use_right_text{
    font-size: 12px;
    line-height: 18px;
    margin: 16px 0 0 0;
  }
  /* 使用方法 */
  /* 洗浄機用 */

  /* 生産機器 */
  .detergent_box06{
    width: 240px;
    font-size: 12px;
    margin: 0 20px 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a7d5e4;
    padding: 0 32px;
    height: 241px;
  }
  .detergent_box03{
    background-color: #a7d5e4;
    padding: 15px 32px 0 32px;
    height: 225px;
  }
  .detergent_area02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px 0 0 0;
  }
  .detergent_seisankiki_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_seisankiki_box{
    width: 200px;
    font-size: 14px;
    text-align: center;
  }
  .detergent_seisankiki_text{
    margin: 12px 0 0 0;
  }
  .detergent_seisankiki_arrow01{
    width: 22px;
    margin: 0 16px;
  }
  .use_unchor_bloc{
    background-color: #14c6f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 23px;
    color: #fff;
    font-weight: bold;
    margin: 30px 0 0 0;
  }
  .use_unchor_left{
    font-size: 24px;
  }
  .use_unchor_right{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
  }
  .use_unchor_arrow{
    transform: rotate(90deg);
    width: 15px;
    margin: 0 0 0 15px;
  }
  .detergent_bloc02{
    display: flex;
    justify-content: space-between;
  }
  .detergent_bloc03{
    width: 500px;
  }
  .detergent_seisankiki_box02{
    width: 240px;
    font-size: 12px;
    margin: 0 20px 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_seisankiki_box02:nth-child(2n){
    width: 240px;
    font-size: 12px;
    margin: 0;
  }
  .detergent_seisankiki_text02{
    background-color: #fff;
    font-size: 14px;
    padding: 5px 0;
  }
  .detergent_seisankiki_catchi{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .detergent_name02{
    font-size: 16px;
    font-weight: bold;
    color: #099ce0;
    margin: 18px 0 10px 0;
  }
  .detergent_seisankiki_other_use_link{
    background-color: #14c6f2;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 240px;
    height: 241.5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .detergent_seisankiki_other_use_link_arrow{
    width: 16px;
    margin: 15px auto 0 auto;
  }

  .detergent_cmn_use_bloc{
    text-align: left;
    padding: 40px;
  }
  .detergent_cmn_use_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 108px;
    padding: 14px 0;
    text-align: center;
  }
  .detergent_cmn_use_text{
    font-size: 20px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 30px 0 15px 0;
  }
  .detergent_cmn_use_area01{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .detergent_cmn_use_box01{
    text-align: center;
    width: 272px;
  }
  .detergent_cmn_use_box02{
    text-align: center;
    width: 288px;
  }
  .detergent_cmn_use_box03{
    background-color: #d7f5ff;
    border-radius: 20px;
    padding: 40px 0;
    width: 296px;
    text-align: center;
  }
  .detergent_cmn_use_box_text{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 0 0 18px 0;
  }
  .detergent_cmn_use_area02{
    background-color: #d7f5ff;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .detergent_cmn_use_area03{
    display: flex;
    justify-content: space-between;
    margin: 55px 0 0 0;
  }
  .detergent_seisankiki_use_img{
    width: 118px;
    margin: 0 auto;
  }
  .detergent_seisankiki_use_catchi02{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 13px 0 24px 0;
  }
  .detergent_cmn_use_tokutyou_num_bloc{
    width: 60px;
    background-color: #0ea2e7;
    color: #fff;border-radius: 30px;
    margin: -70px auto 0 auto;
    position: relative;
  }
  .detergent_cmn_use_tokutyou_num_text{
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 0 0;
  }
  .detergent_cmn_use_tokutyou_num{
    font-size: 26px;
    font-weight: bold;
    margin: -7px 0 0 0;
  }
  .detergent_cmn_use_tokutyou_img{
    width: 118px;
    margin: 10px auto 0 auto;
  }
  .detergent_cmn_use_tokutyou_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 12px 0 22px 0;
  }
  .detergent_cmn_use_tokutyou_text{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 260px;
    margin: 0 auto;
  }
  .detergent_cmn_use_link_bloc{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 408px;
    background-color: #0ea2e7;
    padding: 30px 0;
    margin: 0 auto;
  }
  .detergent_cmn_use_link_bloc a{
    color: #fff;
    padding: 33px 121px;
  }
  .detergent_cmn_use_tokutyou_area{
    width: 1020px;
    margin: 30px auto 0 auto;
    padding: 0 0 40px 0;
    background-color: #fff;
  }
  /* 生産機器 */

  /* 器具・部品 */
  .detergent_box04{
    background-color: #a7d5e4;
    padding: 15px 25px 0 25px;
    height: 225px;
  }
  .detergent_box08{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a7d5e4;
    padding: 0 32px;
    height: 241px;
  }
  .detergent_kigubuhin_bloc01{
    display: flex;
    justify-content: flex-start;
  }
  .detergent_kigubuhin_area01{
    width: 332px;
  }
  .detergent_kigubuhin_area01:first-child{
    width: 332px;
    margin: 0 46px 0 0;
  }
  .detergent_kigubuhin_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .detergent_kigubuhin_box{
    width: 145px;
    font-size: 14px;
    text-align: center;
  }
  .detergent_kigubuhin_text01{
    background-color: #fff;
    font-size: 14px;
    padding: 5px 0;
  }
  .detergent_kigubuhin_text02{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0 0;
  }
  .detergent_seisankiki_img01{
    width: 437px;
  }
  /* 器具・部品 */

  /* 除菌 */
  .detergent_box05{
    width: 240px;
    font-size: 12px;
    margin: 0 16px 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box07{
    width: 240px;
    font-size: 12px;
    margin: 0 16px 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_jokin_other_use_link{
    background-color: #14c6f2;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 240px;
    height: 241.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 28px 0 0;
  }
  .detergent_jokin_use_link_bloc{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    width: 408px;
    background-color: #0ea2e7;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
  }
  .detergent_jokin_use_link_bloc a{
    color: #fff;
    padding: 33px 44px;
  }
  .detergent_jokin_use_catchi01{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 180px;
    padding: 14px 0;
    text-align: center;
    margin: 0 0 25px 0;
  }
  .detergent_jokin_use_bloc{
    background-color: #d7f5ff;
    border-radius: 20px;
    padding: 35px 40px;
    font-size: 12px;
  }
  .detergent_jokin_use_area{
    display: flex;
    justify-content: space-between;
    margin: 0 0 44px 0;
  }
  .detergent_jokin_use_bloc_left{
    width: 425px;
  }
  .detergent_jokin_use_catchi02{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
  }
  .detergent_jokin_use_text{
    margin: 25px 0 35px 0;
  }
  .detergent_jokin_use_bloc_right{
    display: flex;
    justify-content: space-between;
    width: 362px;
    text-align: center;
  }
  .detergent_jokin_use_img{
    margin: 0 0 15px 0;
  }
  .detergent_jokin_use_img img{
    height: 205px;
  }
  /* 除菌 */

  /* 野菜・果物 */
  .detergent_yasaifuruit_diltion_img{
    width: 936px;
  }
  /* 野菜・果物 */
  /* 洗浄剤を探す */

  /* イチオシ */
  /* 発泡ツール */
  .ichioshi_happou_bloc01{
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .ichioshi_happou_bloc01:first-child{
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding: 80px 0 55px 0;
  }
  .ichioshi_happou_catchi01{
    font-size: 24px;
    font-weight: bold;
    background-color: #00bceb;
    color: #fff;
    padding: 10px 25px;
  }
  .ichioshi_happou_area01{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 12px 0 0 0;
    padding: 45px 40px;
  }
  .ichioshi_happou_left_bloc01{
    width: 263px;
  }
  .ichioshi_happou_right_bloc01{
    width: 614px;
  }
  .ichioshi_happou_text_icon_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_happou_text_icon{
    font-size: 14px;
    background-color: #00bceb;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 0 4px 0 0;
  }
  .ichioshi_happou_name01{
    font-size: 30px;
    font-weight: bold;
    color: #00bceb;
    margin: 15px 0 10px 0;
  }
  .ichioshi_happou_catchi02{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .ichioshi_happou_text01{
    font-size: 14px;
  }
  .ichioshi_happou_movie_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_happou_area02{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 20px 0 0 0;
    padding: 45px 40px;
  }
  .ichioshi_happou_area03{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 34px 40px;
    margin: 15px 0 0 0;
  }
  .ichioshi_happou_left_bloc02{
    width: 143px;
  }
  .ichioshi_happou_right_bloc02{
    width: 346px;
  }
  .ichioshi_happou_name02{
    font-size: 18px;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 10px 0;
  }
  .ichioshi_happou_bloc02{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ichioshi_happou_area04{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 20px 0 0 0;
    padding: 25px 40px;
  }
  .ichioshi_happou_left_bloc03{
    width: 143px;
    margin: 0 10px 0 0;
  }
  .ichioshi_happou_right_bloc03{
    width: 268px;
  }
  .ichioshi_happou_name03{
    font-size: 18px;
    font-weight: bold;
    color: #00bceb;
    margin: 10px 0;
  }
  .ichioshi_happou_bloc03{
    background-color: #f3f7f9;
    padding: 70px 0 100px 0;
  }
  .ichioshi_happou_text02{
    font-size: 18px;
    color: #099ce0;
    margin: 40px 0 50px 0;
    line-height: 30px;
  }
  .ichioshi_happou_catchi03{
    font-size: 20px;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 15px 0;
  }
  .ichioshi_happou_catchi04{
    font-size: 20px;
    font-weight: bold;
    color: #00bceb;
    margin: 25px 0 15px 0;
  }
  .ichioshi_happou_area05{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .ichioshi_happou_left_bloc04{
    width: 179px;
  }
  .ichioshi_happou_right_bloc04{
    width: 656px;
  }
  .ichioshi_happou_text03{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
  }
  .ichioshi_happou_area06{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 35px 40px;
    margin: 15px 0 0 0;
  }
  .ichioshi_happou_tokutyou_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 35px 0 0 0;
  }
  .ichioshi_happou_tokutyou_img01{
    margin: 0 0 10px 0;
  }
  /* 発泡ツール */

  /* 過酢酸製剤 */
  .ichioshi_kasaku_content_bloc01{
    background-color: #d7f5ff;
    padding: 0 0 65px 0;
  }
  .ichioshi_kasaku_banner_bloc{
    display: flex;
    justify-content: space-between;
    width: 887px;
    margin: 0 auto;
    padding: 35px 0 30px 0;
  }
  .ichioshi_kasaku_banner_box{
    width: 286px;
  }
  .ichioshi_kasaku_bloc01{
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15px 0;
  }
  .ichioshi_kasaku_area01{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 45px 40px;
  }
  .ichioshi_kasaku_left_bloc01{
    width: 270px;
  }
  .ichioshi_kasaku_name01{
    font-size: 30px;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 10px 0;
  }
  .ichioshi_kasaku_area02{
    font-size: 12px;
    padding: 20px 30px 25px 30px;
    background-color: #f8f8f8;
    width: 335px;
  }
  .ichioshi_kasaku_text_bloc01{
    display: flex;
    justify-content: flex-start;
    margin: 15px 0 0 0;
  }
  .ichioshi_kasaku_text01{
    width: 90px;
  }
  .ichioshi_kasaku_bloc02{
    width: 1020px;
    margin: 0 auto;
    background-color: #fff;
  }
  .ichioshi_kasaku_catchi01{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #00bceb;
    margin: 0 0 25px 0;
  }
  .ichioshi_kasaku_area03{
    background-color: #d7f5ff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .ichioshi_kasaku_box01{
    text-align: center;
    width: 272px;
  }
  .ichioshi_kasaku_box01:nth-child(2){
    text-align: center;
    width: 272px;
    margin: 0 20px;
  }
  .ichioshi_kasaku_text02{
    font-size: 22px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 35px 0 0 0;
  }
  .ichioshi_kasaku_catchi02{
    font-size: 30px;
    color: #0ea2e7;
    margin: 0 0 70px 0;
  }
  .ichioshi_kasaku_bloc03{
    width: 1020px;
    margin: 15px auto 0 auto;
    background-color: #fff;
  }
  .ichioshi_kasaku_area04{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .ichioshi_kasaku_num{
    width: 69px;
    margin: 0 22px 0 0;
  }
  .ichioshi_kasaku_num_catchi01{
    font-size: 26px;
    font-weight: bold;
    color: #0ea2e7;
  }
  .ichioshi_kasaku_num_catchi02{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 20px;
  }
  .ichioshi_kasaku_area05{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_kasaku_num_catchi03{
    font-size: 26px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 15px 0 25px 0;
  }
  .ichioshi_kasaku_num_img01{
    width: 430px;
    margin: 45px 50px 0 0;
  }
  .ichioshi_kasaku_num_img02{
    width: 334px;
    margin: 0 30px 0 0;
  }
  .ichioshi_kasaku_num_catchi04{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
  }
  .ichioshi_kasaku_text03{
    font-size: 16px;
    font-weight: bold;
  }
  .ichioshi_kasaku_text04{
    font-size: 14px;
  }
  .ichioshi_kasaku_num_catchi05{
    font-size: 14px;
    font-weight: bold;
  }
  .ichioshi_kasaku_bloc04{
    width: 1020px;
    margin: 15px auto 0 auto;
    background-color: #00bceb;
  }
  .ichioshi_kasaku_num_catchi06{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 0 35px 0;

  }
  .ichioshi_kasaku_area06{
    background-color: #fff;
    border-radius: 20px;
    padding: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #00bceb;
  }
  .ichioshi_kasaku_area07{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
  }
  .ichioshi_kasaku_left_bloc02{
    width: 276px;
  }
  .ichioshi_kasaku_catchi03{
    margin: 0 0 25px 0;
  }
  .ichioshi_kasaku_right_area01{
    display: flex;
    justify-content: space-between;
    width: 500px;
  }
  .ichioshi_kasaku_right_img01{
    width: 242px;
  }
  .ichioshi_kasaku_text05{
    font-size: 22px;
    margin: 15px 0 0 0;
  }
  .ichioshi_kasaku_area09{
    display: flex;
    align-items: center;
  }
  .ichioshi_kasaku_num_box02{
    width: 842px;
  }
  .ichioshi_kasaku_caption01{
    font-size: 14px;
    font-weight: bold;
  }
  .ichioshi_kasaku_caption02{
    font-size: 14px;
    font-weight: bold;
    text-align: right;
  }
  /* 過酢酸製剤 */
  /* イチオシ */

  /* サポート */
  .support_content_bloc01{
    background-color: #d9faed;
    padding: 0 0 65px 0;
  }
  .support_title_bloc{
    width: 517px;
    margin: 0 auto;
    padding: 77px 0 0 0;
  }
  .support_text01{
    font-size: 18px;
    font-weight: bold;
    color: #00958f;
    line-height: 34px;
    margin: 30px 0 70px 0;
  }
  .support_bloc01{
    width: 1020px;
    margin: 0 auto;
    background-color: #fff;
  }
  .support_area01{
    text-align: left;
    padding: 40px 26px;
    margin: 20px 0 0 0;
  }
  .support_area01:first-child{
    text-align: left;
    padding: 40px 26px;
  }
  .support_num_bloc01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .support_num_img{
    width: 40px;
    margin: 0 13px 0 0;
  }
  .support_num_text{
    font-size: 24px;
    font-weight: bold;
    color: #00b8b1;
  }
  .support_text_bloc01{
    width: 856px;
    margin: 50px auto 25px auto;
    font-size: 16px;
    font-weight: bold;
  }
  .support_text02{
    margin: 20px 0;
  }
  .support_img_bloc01{
    width: 856px;
    margin: 0 auto 80px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .support_img_area01{
    width: 556px;
  }
  .support_img_area02{
    width: 238px;
  }
  .support_img_area02 img{
    width: 210px;
  }
  .support_img_text{
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  .support_area02{
    background-color: #f3f7f9;
    padding: 45px 40px;
  }
  .support_text03{
    font-size: 20px;
    font-weight: bold;
    color: #0094d8;
    margin: 0 0 40px 0;
  }
  .support_text04{
    font-size: 24px;
  }
  .support_case_bloc01{
    background-color: #fff;
    border: solid 3px #009fe8;
    border-radius: 20px;
    padding: 15px 13px;
  }
  .support_case_bloc01:last-child{
    background-color: #fff;
    border: solid 3px #009fe8;
    border-radius: 20px;
    padding: 15px 13px;
    margin: 20px 0 0 0;
  }
  .support_case_area01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .support_case_img01{
    width: 72px;
    margin: 0 12px 0 0;
  }
  .support_case_text01{
    font-size: 18px;
    font-weight: bold;
    color: #0094d8;
  }
  .support_case_img02{
    width: 826px;
    margin: 0 auto;
  }
  .support_img_area03{
    width: 586px;
  }
  .support_text_bloc02{
    width: 856px;
    margin: 50px auto 25px auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
  }
  .support_img_bloc02{
    width: 856px;
    margin: 0 auto 80px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .support_img_bloc03{
    display: flex;
    justify-content: space-between;
    width: 857px;
    margin: 0 auto 80px auto;
  }
  .support_img_area04{
    width: 410px;
  }
  /* サポート */

  /* サステナブル */
  /* 排水熱回収装置 */
  .sus_content_bloc01{
    background-color: #97d7b9;
    padding: 70px 0 65px 0;
  }
  .sus_bloc01{
    width: 1020px;
    margin: 0 auto;
    background-color: #fff;
  }
  .sus_area01{
    text-align: left;
    padding: 70px 80px;
  }
  .sus_haisuinetu_img01{
    width: 403px;
    margin: 0 auto;
  }
  .sus_haisuinetu_bloc01{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 45px 0;
  }
  .sus_haisuinetu_img02{
    width: 311px;
  }
  .sus_haisuinetu_text01{
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
  }
  .sus_haisuinetu_text02{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    text-align: center;
    padding: 22px 0;
    margin: 0 0 37px 0;
  }
  .sus_haisuinetu_icon_bloc{
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
  }
  .sus_haisuinetu_icon_bloc:last-child{
    display: flex;
    align-items: center;
    margin: 0;
  }
  .sus_haisuinetu_icon{
    width: 112px;
    margin: 0 22px 0 0;
  }
  .sus_haisuinetu_icon_area{
    width: 725px;
  }
  .sus_haisuinetu_icon_text01{
    font-size: 18px;
    font-weight: bold;
    color: #00a759;
  }
  .sus_haisuinetu_icon_text01{
    font-size: 14px;
  }
  .sus_haisuinetu_img03{
    width: 505px;
    margin: 65px auto 70px auto;
  }
  .sus_haisuinetu_bloc02{
    background-color: #d9f5e8;
    padding: 30px 22px 70px 22px;
  }

  /* 左右に横線 */
  .sus_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 22px;
    color: #2d9f5a;
    font-weight: bold;
  }
  .sus_text_line::before,
  .sus_text_line::after {
    background-color: #2d9f5a; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 38.6%; /* 横線の長さ */
  }
  .sus_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .sus_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .sus_haisuinetu_num_bloc{
    font-size: 16px;
    font-weight: bold;
    color: #2d9f5a;
    background-color: #fff;
    width: 436px;
    padding: 20px 15px;
    margin: 40px 0 25px 0;
  }

  .sus_haisuinetu_bloc03{
    border: 4px solid #00a759;
    font-size: 16px;
    padding: 30px 40px;
    margin: 30px 0 0 0;
  }
  .sus_haisuinetu_text03{
    font-size: 22px;
    font-weight: bold;
    color: #00a759;
    margin: 0 0 15px 0;
  }
  /* 排水熱回収装置 */
  /* 省エネ */
  .sus_shouene_bloc01{
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #00a759;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
  }
  .sus_shouene_img01{
    margin: 0 40px 0 0;
  }
  .sus_shouene_text02{
    font-size: 30px;
    font-weight: bold;
    color: #00a759;
    text-align: center;
  }
  .sus_shouene_text03{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 55px 0;
  }
  .sus_shouene_img03{
    margin: 20px 0 45px 0;
  }
  .sus_shouene_bloc02{
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 0;
  }
  .sus_bloc02{
    width: 1020px;
    margin: 20px auto 0 auto;
    background-color: #fff;
  }
  /* 省エネ */
  /* サステナブル */

  /* 企業情報 */
  /* 共通 */
  .company_menu_bloc{
    background-color: #00112b;
  }
  .company_menu_area{
    width: 673px;
    margin: 0 auto;
    padding: 50px 0 35px 0;
    display: flex;
    justify-content: space-between;
  }
  .company_menu_line{
    width: 2px;
    height: 18px;
    margin: 5px 0 0 0;
    background-color: #30beff;
  }
  .company_menu_box{
    font-size: 18px;
    color: #30beff;
  }
  .company_menu_box a{
    font-size: 18px;
    color: #30beff;
  }
  .company_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .company_content_bloc{
    background-color: #bbeaff;
  }
  .company_bloc01{
    width: 936px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .company_bloc01:first-child{
    width: 936px;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 110px 0;
  }
  .company_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 80px 110px 80px;
  }
  .company_title{
    font-size: 30px;
    color: #03a3ec;
    text-align: center;
    margin: 0 0 65px 0;
  }

  .company_toplink_btn_bloc{
    padding: 0 0 120px 0;
    background-color: #bbeaff;
  }
  .company_toplink_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 0 auto 0 auto;
    padding: 20px 0;
  }
  .company_toplink_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 140px;
  }
  /* 共通 */
  /* 代表メッセージ */
  .company_greeting_bloc01{
    display: flex;
  }
  .company_greeting_area01{
    width: 389px;
  }
  .company_greeting_text01{
    margin: 50px 0 0 0;
    line-height: 28px;
  }
  .company_greeting_text02{
    margin: 30px 0 0 0;
    line-height: 28px;
  }
  .company_greeting_text03{
    margin: 70px 0 0 0;
    text-align: right;
  }
  /* 代表メッセージ */
  /* 会社概要 */
  .company_outline_catchi01{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #03a3ec;
    background-color: #f3f7f9;
    padding: 30px 45px;
    margin: 15px 0 50px 0;
  }
  .company_outline_text01{
    font-size: 16px;
    font-weight: bold;
    width: 190px;
  }
  .company_outline_text_bloc01{
    display: flex;
    justify-content: flex-start;
    margin: 30px 0;
  }
  .company_line01{
    background-color: #03a3ec;
    height: 1px;
  }
  .company_outline_text02{
    font-size: 16px;
    width: 586px;
  }
  .company_outline_text02 a{
    color: #03a3ec;
  }
  /* 会社概要 */
  /* 沿革 */
  .company_history_text01{
    font-size: 16px;
    font-weight: bold;
    width: 90px;
  }
  .company_history_text02{
    font-size: 16px;
    width: 687px;
  }
  .company_history_btn{
    width: 408px;
    margin: 80px auto 0 auto;
  }
  /* 沿革 */
  /* 事業所案内 */
  .company_officemap_img01{
    width: 584px;
    margin: 0 auto 90px auto;
  }
  .company_officemap_text_bloc01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0;
  }
  .company_officemap_text01{
    width: 222px;
  }
  .company_officemap_text01 a{
    font-size: 16px;
    font-weight: bold;
    color: #03a3ec;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .company_officemap_arrow{
    margin: 0 10px 0 0;
  }
  .company_officemap_text02{
    font-size: 14px;
    width: 400px;
  }
  .company_officemap_text03{
    font-size: 14px;
    font-weight: bold;
    width: 153px;
  }
  /* 事業所案内 */
  /* 事業所案内 2nd */
  /* 本社 */
  .officemap_menu_bloc{
    background-color: #fff;
  }
  .officemap_menu_area{
    width: 1015px;
    margin: 0 auto;
    padding: 50px 0 35px 0;
    display: flex;
    justify-content: space-between;
  }
  .officemap_menu_line{
    width: 1px;
    height: 18px;
    margin: 2px 0 0 0;
    background-color: #000;
  }
  .officemap_menu_box{
    font-size: 14px;
    color: #000;
  }
  .officemap_menu_box a{
    font-size: 14px;
    color: #000;
  }
  .officemap_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .officemap_title_bloc01{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #11b4ff;
  }
  .officemap_title_left{
    width: 610px;
    padding: 90px 0 90px 40px;
    background-color: #f1f1f1;
  }
  .officemap_title_text01{
    font-size: 30px;
    color: #009ee6;
    margin: 0 0 30px 0;
  }
  .officemap_title_text02{
    font-size: 14px;
  }
  .officemap_title_text02 a{
    color: #009ee6;
    font-weight: bold;
  }
  .officemap_title_right{
    width: 326px;
    text-align: center;
    color: #fff;
    font-size: 14px;
  }
  .officemap_title_text03{
    font-size: 16px;
    margin: 0 0 30px 0;
  }
  .officemap_title_text04{
    font-size: 24px;
    font-weight: bold;
  }
  .officemap_bloc01{
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: center;
  }
  .map_bloc{
    margin: 0 0 50px 0;
  }
  .officemap_text01{
    font-size: 14px;
    text-align: left;
  }
  .officemap_img01{
    width: 389px;
    margin: 60px 0 0 0;
  }
  /* 本社 */
  /* 東北事業所 */
  .officemap_title_text05{
    font-size: 16px;
    margin: 0 0 15px 0;
  }
  .officemap_title_text06{
    font-size: 16px;
    margin: 30px 0 15px 0;
  }
  /* 東北事業所 */
  /* 羽生プラーツ*/
  .officemap_hanyu_bloc01{
    width: 936px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 110px 0;
  }
  .officemap_hanyu_bloc01:first-child{
    background-color: #bbeaff;
    width: 936px;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 0 0;
  }
  .officemap_hanyu_bloc02{
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: left;
  }
  .officemap_hanyu_catchi01{
    font-size: 16px;
    font-weight: bold;
    color: #009ee6;
  }
  .officemap_hanyu_catchi02{
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 15px 0;
    color: #009ee6;
  }
  .officemap_hanyu_text01{
    font-size: 14px;
    margin: 0 0 0 10px;
  }
  .officemap_hanyu_pdf_btn{
    width: 246px;
    margin: 50px auto 78px auto;
  }
  .officemap_hanyu_catchi03{
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 0 0;
    color: #009ee6;
  }
  .officemap_hanyu_text02{
    font-size: 14px;
    margin: 30px 0 0 0;
  }
  .officemap_hanyu_bloc03{
    background-color: #e3f6ff;
    padding: 90px 80px 110px 80px;
  }
  .officemap_hanyu_area01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .officemap_hanyu_catchi04{
    font-size: 18px;
    font-weight: bold;
    color: #009ee6;
  }
  .officemap_hanyu_text03{
    font-size: 14px;
    margin: 20px 0 0 0;
  }
  .officemap_hanyu_img02{
    width: 220px;
  }
  .officemap_hanyu_btn_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 35px 0 40px 0;
  }
  .officemap_hanyu_btn{
    width: 380px;
    margin: 0 0 20px 0;
  }
  .officemap_hanyu_btn:last-child{
    width: 380px;
    margin: 0;
  }
  .officemap_hanyu_btn:nth-last-child(2n){
    width: 380px;
    margin: 0;
  }
  .officemap_hanyu_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 10px 10px 10px 34px;
  }
  .officemap_hanyu_text03{
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 15px 0;
  }
  .officemap_hanyu_text04 a{
    font-size: 12px;
    color: #0097dd;
  }
  .officemap_hanyu_img03{
    width: 330px;
  }
  .officemap_hanyu_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 20px 0;
    width: 410px;
    margin: 60px auto 0 auto;
    text-align: center;
  }
  .officemap_hanyu_test_btn a{
    color: #fff;
    padding: 20px 60px;
  }
  /* 羽生プラーツ*/
  /* 大阪*/
  .officemap_osaka_img01{
    width: 389px;
  }
  /* 大阪*/
  /* 事業所案内 2nd */
  /* 創業者の想い */
  .company_message_img01{
    width: 390px;
    margin: 0 auto;
  }
  .company_message_catchi01{
    font-size: 18px;
    font-weight: bold;
    margin: 90px 0 55px 0;
  }
  .company_message_bloc01{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 30px;
  }
  .company_message_bloc02{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 30px;
    margin: 85px 0 0 0;
  }
  .company_message_img02{
    width: 410px;
  }
  .company_message_img03{
    width: 334px;
    margin: 0 85px 0 0;
  }
  /* 創業者の想い */
  /* 企業情報 */

  /* 採用情報 */
  .recruit_menu_bloc{
    background-color: #00aded;
  }
  .recruit_menu_area{
    width: 936px;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_menu_line{
    width: 2px;
    height: 27px;
    background-color: #fff;
  }
  .recruit_menu_box{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
  }
  .recruit_menu_box a{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
  }
  .recruit_content_bloc{
    background-color: #013371;
  }
  .recruit_title01{
    width: 296px;
    margin: 0 auto;
    padding: 75px 0 25px 0;
  }
  .recruit_about_catchi{
    width: 224px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_bloc01{
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .recruit_bloc01:first-child{
    width: 936px;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 110px 0;
  }
  .recruit_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: center;
  }
  .recruit_about_text01{
    font-size: 30px;
    font-weight: bold;
    color: #013371;
  }
  .recruit_about_text02{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    margin: 35px 0 120px 0;
  }
  .recruit_about_text03{
    font-size: 36px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_bloc03{
    text-align: left;
    border: 2px solid #00aded;
    padding: 60px 27px;
    margin: 25px 0 0 0;
    letter-spacing: -1px;
  }
  .recruit_area01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_about_text04{
    font-size: 16px;
    font-weight: bold;
    line-height: 2rem;
  }
  .recruit_about_text05{
    font-size: 22px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_about_img01{
    width: 180px;
  }
  .recruit_about_img02{
    width: 500px;
    margin: 35px auto 0 auto;
  }
  .recruit_about_img03{
    width: 638px;
    margin: 0 auto 40px auto;
  }
  .recruit_about_text06{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    text-align: center;
    margin: 70px 0 15px 0;
    letter-spacing: 0;
  }
  .recruit_about_img04{
    width: 585px;
    margin: 0 auto;
  }
  .recruit_about_area02{
    width: 417px;
    margin: 35px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .recruit_about_img05{
    width: 151px;
  }
  .recruit_about_img06{
    width: 259px;
  }
  .recruit_jobs_catchi{
    width: 175px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_jobs_text01{
    font-size: 24px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_jobs_text02{
    font-size: 16px;
    color: #00aded;
    text-align: center;
    margin: 35px auto 70px auto;
    border: 2px solid #00aded;
    width: 556px;
    padding: 10px 20px;
  }
  .recruit_jobs_text03{
    font-size: 24px;
    color: #00aded;
    font-weight: bold;
    text-align: center;
    margin: 75px auto 35px auto;
  }
  .recruit_jobs_img07 {
    width: 573px;
    margin: 0 auto;
  }
  /* イメージマップSVG */
  .recruit_jobs_img07 svg {
    width: 100%;
    height: auto;
    display: block;
  }
  /* イメージマップSVG */

  /* リクルートモーダル */
  .modal_recruit {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    pointer-events: none;
  }
  .modal_recruit.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .modal_recruit-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
  }
  .modal_recruit-content {
    position: relative;
    background: #fff;
    width: 748px;
    padding: 55px;
  }
  .modal_recruit-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: #fff;
    border: none;
    color: #00aded;
    margin: 10px 5px 0 0;
  }
  /* リクルートモーダル中身 */
  .modal_recruit_title_bloc{
    margin: 0 0 40px 0;
  }
  .modal_recruit_title_img{
    width: 80px;
    margin: 0 auto;
  }
  .modal_recruit_title_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #00aded;
    margin: 15px 0 0 0;
  }
  .modal_recruit_inner_bloc{
    font-size: 14px;
    text-align: left;
  }
  .modal_recruit_inner_text01{
    margin: 0 0 15px 0;
  }
  .modal_recruit_inner_circle{
    font-size: 8px;
    color: #00aded;
    vertical-align: middle;
  }
  .modal_recruit_inner_text02{
    margin: 0 0 15px 0;
    color: #00aded;
    font-weight: bold;
  }
  .modal_recruit_num_bloc{
    display: flex;
    align-items: center;
    margin: 6px 0 0 0;
  }
  .modal_recruit_num_bloc:first-child{
    display: flex;
    align-items: center;
    margin: 0;
  }
  .modal_recruit_num_img{
    width: 19px;
    margin: 0 16px 0 0;
  }
  .modal_recruit_img_bloc{
    display: flex;
    justify-content: space-between;
    margin: 30px 0 40px 0;
  }
  .modal_recruit_img{
    width: 356px;
  }
  .modal_recruit_btn_bloc{
    width: 240px;
    margin: 0 auto;
  }
  /* リクルートモーダル中身 */
  /* リクルートモーダル */

  .recruit_interview_catchi{
    width: 238px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_int_btn_bloc{
    display: flex;
    justify-content: center;
  }
  /* ホバー画像切り替え */
  .recruit_int_btn_bloc a:hover{
    opacity: 1;
  }
  .recruit_int_btn_box {
    position: relative;
  }
  .recruit_int_btn_box img {
    transition: opacity 0.5s;
  }
  .recruit_int_btn_box img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
  .recruit_int_btn_box:hover img:last-of-type {
    opacity: 1;
  }
  /* ホバー画像切り替え */
  .recruit_benefit_catchi{
    width: 140px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_bloc04{
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: left;
  }
  .recruit_benefit_catchi01{
    font-size: 30px;
    color: #00aded;
    margin: 30px 0 15px 0;
  }
  .recruit_benefit_catchi01:first-child{
    font-size: 30px;
    color: #00aded;
    margin: 0 0 15px 0;
  }
  .recruit_benefit_bloc01{
    display: flex;
    justify-content: center;
  }
  .recruit_benefit_area01{
    border: 2px solid #00aded;
    padding: 20px 20px 35px 20px;
    width: 282px;
  }
  .recruit_benefit_area01:nth-child(2){
    border: 2px solid #00aded;
    padding: 20px 20px 35px 20px;
    border-left: none;
    border-right: none;
    width: 282px;
  }
  .recruit_benefit_box01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_benefit_num{
    font-size: 60px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_benefit_icon{
    width: 64px;
  }
  .recruit_benefit_text01{
    font-size: 16px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_benefit_text02{
    font-size: 12px;
    font-weight: bold;
  }
  .recruit_intern_catchi{
    width: 154px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_intern_text01{
    font-size: 24px;
    font-weight: bold;
    color: #00aded;
    text-align: left;
  }
  .recruit_intern_text02{
    font-size: 20px;
    font-weight: bold;
  }
  .recruit_intern_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .recruit_intern_area01{
    font-weight: bold;
    margin: 32px 0 0 0;
    width: 358px;
  }
  .recruit_intern_box01{
    display: flex;
    align-items: center;
  }
  .recruit_intern_num{
    width: 27px;
    margin: 0 13px 0 0;
  }
  .recruit_intern_text03{
    font-size: 16px;
    color: #00aded;
  }
  .recruit_intern_text04{
    font-size: 12px;
    line-height: 20px;
    margin: 8px 0 0 40px;
  }
  .recruit_intern_text05{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 30px 0 0 0;
  }
  .recruit_guide_catchi{
    width: 142px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_guide_text01{
    font-size: 30px;
    font-weight: bold;
    color: #00aded;
    text-decoration: underline 10px #00aded;
    text-underline-offset: 10px;
  }
  .recruit_guide_text02{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    margin: 60px 0 0 0;
  }
  .recruit_guide_bloc01{
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 660px;
    margin: 75px auto 130px auto;
  }
  .recruit_guide_left01{
    display: flex;
    justify-content: flex-start;
  }
  .recruit_guide_mark{
    background-color: #00aded;
    width: 10px;
    height: 24px;
    margin: 0 13px 0 0;
  }
  .recruit_guide_text03{
    font-size: 18px;
    font-weight: bold;
  }
  .recruit_guide_right01{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: bold;
  }
  .recruit_guide_text04{
    width: 80px;
  }
  .recruit_guide_btn_bloc{
    display: flex;
    justify-content: space-between;
    width: 520px;
    margin: 0 auto;
  }
  .recruit_guide_btn01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 20px 0;
    width: 240px;
    margin: 40px 0;
    text-align: center;
  }
  .recruit_guide_btn01 a{
    color: #fff;
    padding: 20px 35px;
  }
  .recruit_guide_btn02{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 20px 0;
    width: 240px;
    margin: 40px 0;
    text-align: center;
  }
  .recruit_guide_btn02 a{
    color: #fff;
    padding: 20px 19px;
  }
  .recruit_guide_bloc02{
    border: 2px solid #00aded;
    width: 630px;
    margin: 0 auto;
    padding: 20px 0 30px 0;
  }
  .recruit_guide_text05{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    margin: 0 0 15px 0;
  }
  .recruit_guide_text06{
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
  }
  /* インタビュー共通 */
  .recruit_int_bloc01{
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 110px 80px;
    text-align: left;
  }
  .recruit_int_title_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00aded;
  }
  .recruit_int_title_num{
    width: 71px;
  }
  .recruit_int_title_catchi{
    font-size: 30px;
    font-weight: bold;
    margin: 22px 0 12px 0;
  }
  .recruit_int_title_text{
    font-size: 18px;
    font-weight: bold;
  }
  .recruit_int_title_img{
    width: 630px;
  }
  .recruit_int_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 0 80px 110px 80px;
    text-align: left;
  }
  .recruit_int_catchi01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #00aded;
    display: inline;
    padding: 10px 20px;
  }
  .recruit_int_text01{
    font-size: 24px;
    color: #00aded;
    margin: 30px 0 18px 0;;
  }
  .recruit_int_text02{
    font-size: 14px;
    font-weight: bold;
  }
  .recruit_int_bloc03{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 80px 110px 0;
    text-align: left;
  }
  .recruit_int_img01{
    width: 370px;
  }
  .recruit_int_area01{
    width: 504px;
  }
  .recruit_int_img02{
    width: 678px;
    margin: 75px auto 0 auto;
  }
  .recruit_int_bloc04{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 150px 80px;
    text-align: left;
  }
  .recruit_int_archive_btn_bloc{
    padding: 0 0 100px 0;
  }
  .recruit_int_archive_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 30px 0;
    width: 364px;
    margin: 40px auto 0 auto;
    text-align: center;
  }
  .recruit_int_archive_btn a{
    color: #fff;
    padding: 30px 90px;
  }
  /* インタビュー共通 */
  /* 採用情報 */
  /* 下層 2nd */


  /* 下層 3rd */
  /* コンテナバッチ式 */
  .container_bachisiki_bloc{
    background-color: #bbeaff;
    padding: 80px 0 130px 0;
    background-size: 100%;
  }
  .sheet_box{
    width: 240px;
    margin: 10px 0 12px 0;
  }

  .container-bachisiki_open_bloc01{
    display: flex;
    justify-content: space-between;
  }
  .container-bachisiki_drawer_open_icon_text{
    width: 454px;
    text-align: left;
  }
  .container-bachisiki_drawer_open_text_bloc01{
    margin: 30px 0 0 0;
  }
  .container-bachisiki_drawer_open_text_area01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .container-bachisiki_drawer_open_circle{
    font-size: 10px;
    color: #33b3ee;
    margin: 0 5px 0 0;
  }
  .container-bachisiki_drawer_open_caption{
    font-size: 12px;
    text-align: left;
    margin: 0 0 0 15px;
  }

  /* 左右に横線 */
  .bachisiki_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #00a4ef;
    margin: 70px 0 40px 0;
    font-weight: bold;
  }
  .bachisiki_text_line::before,
  .bachisiki_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 42%; /* 横線の長さ */
  }
  .bachisiki_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .bachisiki_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .bachisiki_option_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
  }
  .bachisiki_option_area:nth-child(2n){
    background-color: #fff;
    width: 384px;
    padding: 50px 35px 40px 35px;
    margin: 0 0 20px 0;
  }
  .bachisiki_option_area{
    background-color: #fff;
    width: 384px;
    padding: 50px 40px 40px 40px;
    margin: 0 19px 20px 0;
  }
  .bachisiki_option_img_area{
    display: flex;
    justify-content: space-between;
  }
  .bachisiki_option_img_box:last-child{
    width: 185px;
    margin: 0;
  }
  .bachisiki_option_img_box{
    width: 185px;
    margin: 0 14px 0 0;
  }
  .bachisiki_option_catchi{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 25px 0;
  }
  .bachisiki_option_text01{
    font-size: 14px;
    letter-spacing: -0.02rem;
  }
  .bachisiki_option_caption{
    font-size: 12px;
    margin: 25px 0 0 0;
    line-height: 15px;
  }
  /* コンテナバッチ式 */

  /* コンテナコンベヤ式 */
  .conveyor_option_img_box{
    width: 153px;
    margin: 0;
  }
  .conveyor_option_img_box:first-child{
    width: 153px;
    margin: 0 14px 0 0;
  }
  .conveyor_option_catchi01{
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 25px 0;
  }
  .conveyor_option_detail_btn01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 160px;
    margin: 30px auto 0 auto;
    padding: 20px 0;
    text-align: center;
  }
  .conveyor_option_detail_btn01 a{
    color: #fff;
    padding: 20px 10px;
  }
  .conveyor_option_detail_btn02{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 304px;
    margin: 30px auto 0 auto;
    padding: 20px 0;
    text-align: center;
  }
  .conveyor_option_detail_btn02 a{
    color: #fff;
    padding: 20px 10px;
  }
  .conveyor_option_bloc01{
    background-color: #fff;
    padding: 50px 40px 40px 40px;
    text-align: left;
    margin: 0 0 20px 0;
  }
  .conveyor_option_title{
    font-size: 18px;
    font-weight: bold;
  }
  .conveyor_option_text01{
    font-size: 14px;
    margin: 15px 0 65px 0;
  }
  .conveyor_option_img01{
    text-align: center;
  }
  .conveyor_option_bloc02{
    background-color: #fff6d9;
    margin: 60px 0 0 0;
    padding: 40px 30px;
    text-align: left;
  }
  .conveyor_option_area{
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px 0;
  }
  .conveyor_option_area:last-child{
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .conveyor_option_catchi02{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .conveyor_option_text02{
    font-size: 14px;
  }
  .conveyor_option_right{
    display: flex;
    justify-content: flex-start;
    width: 346px;
  }
  .conveyor_option_img02{
    width: 168px;
    margin: 0 10px 0 0;
  }
  .conveyor_option_img02:last-child{
    width: 168px;
    margin: 0;
  }
  /* コンテナコンベヤ式 */

  /* コンテナ洗浄脱水機 */
  .container_senjodassui_bloc01{
    background-color: #fff;
    text-align: left;
    padding: 50px 40px;
  }
  .container_senjodassui_title{
    font-size: 24px;
    font-weight: bold;
  }
  .container_senjodassui_catchi01{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 13px 10px;
    margin: 20px 0 30px 0;
  }
  .container_senjodassui_area01{
    display: flex;
    justify-content: space-between;
  }
  .container_senjodassui_left{
    width: 300px;
  }
  .container_senjodassui_right{
    width: 527px;
  }
  .container_senjodassui_box01{
    display: flex;
    justify-content: flex-start;
  }
  .container_senjodassui_catchi02{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 13px 10px;
    margin: 20px 0 10px 0;
    text-align: left;
  }
  .container_senjodassui_bloc02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .container_senjodassui_area02{
    background-color: #fff;
    padding: 35px 20px 60px 20px;
    font-size: 14px;
    text-align: left;
    margin: 0 26.5px 0 0;
  }
  .container_senjodassui_area02:nth-child(3){
    background-color: #fff;
    padding: 35px 20px 60px 20px;
    font-size: 14px;
    text-align: left;
    margin: 0;
  }
  .container_senjodassui_area02:nth-child(n+4){
    background-color: #fff;
    padding: 35px 20px 60px 20px;
    font-size: 14px;
    text-align: left;
    margin: 26.5px 26.5px 0 0;
  }
  .container_senjodassui_img01{
    height: 172px;
    align-items: center;
  }
  .container_senjodassui_catchi03{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 20px 0;
  }
  .container_senjodassui_option_img_box01{
    width: 300px;
    margin: 0 auto;
  }
  .container_senjodassui_option_bloc01{
    display: flex;
    justify-content: space-between;
  }
  .container_senjodassui_option_text01{
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  .container_senjodassui_option_right{
    display: flex;
    justify-content: space-between;
  }
  .container_senjodassui_option_img_box02{
    width: 189px;
  }
  .container_senjodassui_option_img_box02:first-child{
    width: 189px;
    margin: 0 10px 0 0;
  }
  .container_senjodassui_option_bloc02{
    background-color: #f3f7f9;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
    padding: 35px;
  }
  .container_senjodassui_option_area{
    display: flex;
    justify-content: space-between;
    width: 360px;
  }
  .container_senjodassui_option_area:nth-child(n+3){
    display: flex;
    justify-content: space-between;
    width: 360px;
    margin: 35px 0 0 0;
  }
  .container_senjodassui_option_text_box01{
    width: 213px;
    font-size: 14px;
  }
  .container_senjodassui_option_catchi{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .container_senjodassui_option_img_box03{
    width: 137px;
  }
  .container_senjodassui_option_img_box04:first-child{
    margin:0 0 13px 0;
  }
  .container_senjodassui_option_text02{
    font-size: 12px;
    text-align: center;
    margin: 5px 0 0 0;
  }
  /* コンテナ洗浄脱水機 */

  /* 化粧品 */
  .cosme_bloc{
    width: 1020px;
    margin: 0 auto;
    padding: 80px 0 100px 0;
  }
  .cosme_menu_bloc{
    display: flex;
    justify-content: space-between;
    margin: 0 0 100px 0;
  }
  .cosme_menu_img{
    width: 245px;
  }
  .cosme_btn01{
    background-color: #e2f0fa;
  }
  /* 化粧品 */
  /* 下層 3rd */

  /* プライバシーポリシー */
  .privacy_bloc01{
    background-color: #e4f4ff;
    padding: 80px 0 100px 0;
  }
  .privacy_title{
    font-size: 30px;
    color: #0087c6;
    margin: 0 0 80px 0;
  }
  .privacy_bloc02{
    background-color: #fff;
    width: 936px;
    margin: 0 auto;
    text-align: left;
    /*height: 764px;*/
    padding: 85px 0 130px 0;
  }
  .privacy_bloc02:last-child{
    background-color: #fff;
    width: 936px;
    margin: 50px auto 0 auto;
    text-align: left;
    padding: 85px 0 80px 0;
  }
  .privacy_area01{
    width: 700px;
    margin: 0 auto;
  }
  .privacy_text01{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 65px 0;
  }
  .privacy_text02{
    font-size: 14px;
    margin: 0 0 50px 0;
  }
  .privacy_text03{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .privacy_text04{
    font-size: 14px;
    font-weight: bold;
    text-align: right;
  }
  /* プライバシーポリシー */


  /* フッター */
  footer{
    text-align: center;
    font-size: 12px;
    padding: 0 0 50px 0;
    color: #fff;
    background-color: #00112b;
  }
  .footer_logo_box img{
    width: 94px;
    margin: 50px 0 30px 0;
  }
  /* フッター */

  /* pc・sp表示切り替え */
  .menu_bloc_sp{
    display: none;
  }
  .sp{
    display: none;
  }
  .tb{
    display: none;
  }
  /* pc・sp表示切り替え */
}


/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1019px){
  body {
    background-attachment: fixed;
    background-position: top;
    background-color:#fff;
    font-family: 'M PLUS 1p', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
  }

  a{
    color: #000;
    text-decoration: none;
  }
  a:hover{
    opacity: 0.5;
    transition : 0.5s;
  }
  h1 img{
    width: 355px;
  }

  /* ヘッダー */
  .head_pc{
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
  }
  .head_sp{
    display: none;
  }
  .head_logo_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .head_eng_bloc{
    display: flex;
    justify-content: space-between;
    width: 216px;
    align-items: center;
  }

  /* メニュー */
  .menu_bloc_pc{
    display: flex;
    justify-content: center;
    padding: 2px 0;
    background-color: #000;
  }
  .btn {
  	position: relative;
  	width: 149px;
  	height: 53px;
  	display: block;
  	overflow: hidden;
  	cursor: pointer;
  }
  .btn img {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 100%;
  	display: block;
  	-webkit-transition: .4s ease-in-out;
  	transition: .4s ease-in-out;
  }
  .btn:hover img:nth-of-type(2) {
  	opacity: 0;
  }
  .btn a:hover{
    opacity: 1;
  }
  /* メニュー */
  /* ヘッダー */

  /* トップムービー */
  .top_video {
    position: relative;
    width: 100%;
    background-color: #000:
  }
  .top_video video {
    width: 100%;
  }
  .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
    border-radius: 5%;
    transition: opacity 0.5s ease;
  }
  .loading img {
    width: 50px;
  }
  .loading.hidden {
    opacity: 0;
    pointer-events: none; /* 非表示時にマウスイベントを無効化 */
  }
  /* トップムービー */

  /* メインコンテンツ */
  .main{
    text-align: center;
  }

  /* top */
  /* ニュース */
  .top_news_bloc{
    background-color: #001e58;
    color: #18b6ff;
    text-align: left;
  }
  .top_news_area{
    width: 90vw;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items:center;
  }
  .top_news_line img{
    width: 1px;
  }
  .top_news_article_bloc{
    font-size: 13px;
    line-height: 24px;
  }
  .top_news_title{
    color: #fff;
    display: flex;
    justify-content: space-between;
    width: 600px;
  }
  .top_news_date{
    color: #18b6ff;
  }
  .top_news_btn{
    border: 1px solid #18b6ff;
    padding: 10px;
    font-size: 13px;
  }
  .top_news_btn a{
    color: #18b6ff;
  }
  /* ニュース */

  /* バナー */
  .top_banner_bloc{
    background-color: #212121;
  }
  .top_banner_area{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .top_banner_bloc img{
    width: 343px;
  }
  /* バナー */

  /* ソリューション */
  .top_solution_bloc{
    background-color: #f3f7f9;
    padding: 60px 0;
  }
  .solution_catchi{
    margin: 0 0 30px 0;
  }
  .solution_catchi img{
    width: 622px;
  }
  .swiper-slide img {
    height: auto;
    width: 95%;
  }
  /* ソリューション */

  /* サポート */
  .top_support_bloc{
    padding: 140px 0;
  }
  .top_support_area{
    width: 90vw;
    margin: 0 auto;
    background-image: url("./images/pc_top_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
  .top_support_catchi_area{
    display: flex;
    justify-content: space-between;
    width: 70vw;
    margin: 0 auto 50px auto;
    font-size: 30px;
    font-weight: bold;
    color: #0068b9;
  }
  .top_support_catchi_area img{
    height: 53px;
  }
  .top_support_circle_img img{
    width: 726px;
    margin: 60px 0 170px 0;
  }
  .top_support_img_bloc{
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
  }
  .top_support_img_area{
    width: 32%;
  }
  .top_support_text01{
    font-size: 18px;
    line-height: 36px;
  }
  .top_support_text02{
    font-size: 14px;
    color: #fff;
    background-color: #003f6b;
    text-align: left;
    padding: 15px;
  }
  .top_support_btn{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 296px;
    margin: 44px auto 0 auto;
    padding: 30px 0;
  }
  .top_support_btn a{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 296px;
    margin: 44px auto 0 auto;
    padding: 30px 73px;
  }
  /* サポート */

  /* 洗濯機 */
  .top_washing_bloc{
    background-color: #00255d;
    padding: 150px 0;
    font-weight: bold;
  }
  .washing_title_eng{
    font-size: 50px;
    font-weight: lighter;
    color: #44c4ff;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .washing_title_jp{
    font-size: 30px;
    color: #fff;
    margin: 25px 0 30px 0;
  }
  .washing_catchi{
    font-size: 18px;
    color: #001935;
    background-color: #b7e6ff;
    width: 676px;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 25px;
  }
  .washing_area{
    width: 95vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .washing_left_catchi{
    font-size: 22px;
    color: #57caff;
    margin: 85px 0 40px 0;
  }
  .washing_right_catchi{
    font-size: 22px;
    color: #13ff93;
    margin: 85px 0 40px 0;
  }
  .washing_arrow{
    transform: rotate(90deg);
  }
  .washing_icon_bloc{
    width: 45vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .washing_icon_box{
    margin: 0 10px 10px 0;
  }
  .washing_icon_box:nth-of-type(3n){
    margin: 0;
  }
  .washing_icon_bloc img{
    width: 14vw;
  }
  /* 洗濯機 */

  /* 洗浄剤 */
  .top_detergent_bloc{
    background-color: #d6f1ff;
    padding: 150px 0;
    font-weight: bold;
  }
  .detergent_title_eng{
    font-size: 50px;
    font-weight: lighter;
    color: #00b0dc;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .detergent_title_jp{
    font-size: 30px;
    color: #001e58;
    margin: 25px 0 30px 0;
  }
  .detergent_catchi{
    font-size: 18px;
    color: #fff;
    background-color: #00bceb;
    width: 676px;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 25px;
  }
  .detergent_icon_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90vw;
    margin: 70px auto 30px auto;
  }
  .detergent_icon_box{
    margin: 0 0 15px 0;
  }
  .detergent_icon_box a{
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 29vw;
    color: #00aed9;
    background-color: #fff;
  }
  .detergent_icon_box img{
    width: 110px;
  }
  .detergent_icon_text{
    padding: 20px;
  }

  .recomend_bloc{
    background-color: #00255d;
    padding: 60px 0 45px 0;
    width: 90vw;
    margin: 0 auto;
  }
  .recomend_title_eng{
    font-size: 36px;
    font-weight: lighter;
    color: #00b0dc;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .recomend_title_jp{
    font-size: 20px;
    color: #fff;
    margin: 20px 0 60px 0;
  }
  .recomend_icon_bloc{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
  }
  .recomend_icon_box{
    width: 50%;
  }
  .recomend_icon_box:first-child{
    width: 50%;
    margin: 0 2% 0 0;
  }
  .recomend_icon_box a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #00bceb;
    color: #fff;
  }
  .recomend_icon_img_box{
    width: 50%;
  }
  .recomend_icon_text_box{
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    width: 50%;
    padding: 0 20px;
    text-align: left;
    align-items: center;
  }
  .recomend_icon_text{
    font-size: 14px;
  }

  .detergent_btn_bloc{
    margin: 26px auto 0 auto;
  }
  .detergent_btn_bloc img{
    width: 90vw;
  }
  /* 洗浄剤 */

  /* メンテナンス */
  .top_maint_bloc{
    padding: 150px 0;
  }
  .maint_title_eng{
    font-size: 50px;
    color: #0094d5;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .maint_title_jp{
    font-size: 30px;
    color: #001e58;
    margin: 25px 0 75px 0;
    font-weight: bold;
  }
  .maint_img_box img{
    width: 100%;
  }
  .maint_catchi{
    font-size: 30px;
    line-height: 48px;
    color: #0ea2e7;
    margin: 85px 0 50px 0;
  }
  .maint_text01{
    font-size: 16px;
    line-height: 34px;
    color: #001e58;
  }
  .maint_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 209px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .maint_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 209px;
    margin: 70px auto 0 auto;
    padding: 20px 37px;
  }
  /* メンテナンス */

  /* サステナビリティ */
  .top_csr_bloc{
    padding: 100px 0;
    background-color: #97d7b9;
  }
  .csr_title_eng{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    font-family: "Open Sans", sans-serif;
  }
  .csr_title_jp{
    font-size: 16px;
    font-weight: bold;
    color: #171717;
    margin: 20px 0 130px 0;
  }
  .csr_img_box img{
    width: 100%;
  }
  .csr_text01{
    font-size: 20px;
    margin: 85px 0;
  }
  .csr_icon_box{
    width: 90vw;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    background-color: #fff;
  }
  .csr_icon_box img{
    width: 160px;
  }
  .csr_icon_text_box{
    padding: 0 0 0 30px;
    font-size: 14px;
    color: #02243d;
    width: 50%;
  }
  .csr_icon_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #007d43;
    margin: 0 0 10px 0;
  }

  .csr_bloc{
    width: 90vw;
    margin: 0 auto;
    background-color: #97d7b9;
    text-align: left;
    background-image: url("./images/csr_bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  }
  .csr_area{
    display: flex;
    justify-content: center;
    background-color: #d7f0e4;
  }
  .csr_box{
    width: 295px;
    color: #fff;
    margin: 65px 0 55px 0;
  }
  .csr_box:first-child{
    margin: 65px 25px 55px 0;
  }
  .csr_box a{
    color: #fff;
  }
  .csr_text_box{
    background-color: #008a72;
    padding: 17px;
    font-size: 14px;
  }
  .csr_catchi{
    font-size: 16px;
    margin: 0 0 10px 0;
  }
  .csr_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    width: 294px;
    margin: 0 auto 0 auto;
    padding: 25px 0;
    text-align: center;
  }
  .csr_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    width: 294px;
    margin: 0 auto 0 auto;
    padding: 25px 80px;
  }
  /* サステナビリティ */

  /* リンク */
  .top_link_bloc{
    display: flex;
    justify-content: space-between;
  }
  /* リンク */
  /* top */

  /* サイトマップ */
  .sitemap_bloc{
    background-color: #00112b;
    text-align: left;
    color: #fff;
  }
  .sitemap_bloc a{
    color: #fff;
  }
  .sitemap_area01{
    width: 95vw;
    margin: 0 auto;
    padding: 80px 0 100px 0;
    display: flex;
    justify-content: space-between;
  }
  .sitemap_box{
    margin: 0 0 15px 0;
  }
  .sitemap_catchi01{
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .sitemap_area02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .sitemap_left{
    margin: 0 3% 0 0;
  }
  .sitemap_text01{
    font-size: 12px;
    line-height: 20px;
  }
  .sitemap_text02{
    font-size: 12px;
  }
  .sitemap_catchi02{
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 10px 0;
  }
  .sitemap_catchi03{
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  /* サイトマップ */
  /* メインコンテンツ */


  /* 下層 2nd */
  /* 下層共通 */
  .lower_contact_bloc{
    background-color: #113e84;
    padding: 80px 0 95px 0;
  }
  .lower_contact_btn{
    width: 520px;
    margin: 0 auto;
  }
  .lower_merit_catchi{
    width: 662px;
    margin: 0 auto 50px auto;
  }
  .lower_merit_img{
    width: 75vw;
    margin: 0 auto;
  }
  .lower_test_title{
    font-size: 30px;
    font-weight: bold;
    color: #099ce0;
    display: inline-block;
    background: linear-gradient(to top, #f8ffe1 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .lower_test_catchi{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #099ce0;
    padding: 10px 30px;
    border-radius: 15px;
    width: 250px;
    margin: 25px auto 50px auto;
  }
  .lower_test_catchi_area{
    width: 662px;
    margin: 60px auto 45px auto;
  }
  .lower_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .lower_test_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 25%;
  }

  .lower_cleaningagent_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .lower_cleaningagent_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 37px;
  }

  /* ドロワーエリア */
  .drawer_content_bloc{
    margin: 0 auto 20px auto;
    width: 80vw;
  }
  .drawer_bloc{
    background-color: #fff;
    padding: 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
  .kigu_drawer_area{
    display: flex;
    justify-content: space-between;
  }
  .drawer_img{
    width: 122px;
    margin: 0 31px 0 0;
  }
  .drawer_text_bloc{
    text-align: left;
  }
  .drawer_title{
    font-size: 24px;
    color: #0094d9;
  }
  .drawer_btn_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #008ecf;
    cursor: pointer;
  }
  .drawer_btn_text{
    margin: 0 16px 0 0;
  }
  .drawer_btn{
    width: 48px;
  }
  .drawer_detail {
    display: none;/* 初期状態で非表示 */
    background: #fff;
    padding: 20px 20px 70px 20px;
  }
  /* ドロワーエリア */

  /*モーダルを開くボタン*/
  .modal-open-kigu{
    width: 180px;
    margin: 50px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-partsbox01{
    width: 70%;
    margin: 0 auto 0 auto;
    cursor: pointer;
  }
  .modal-open-partsbox02{
    width: 180px;
    margin: 0 auto 0 auto;
    cursor: pointer;
  }
  .modal-open-palette01{
    width: 180px;
    cursor: pointer;
  }
  .modal-open-palette02{
    cursor: pointer;
  }
  .modal-open-palette02:hover{
    opacity: 0.5;
    transition: 0.5s;
  }
  .modal-open-palette03{
    cursor: pointer;
  }
  .modal-open-palette03:hover{
    opacity: 0.5;
    transition: 0.5s;
  }
  .modal-open-matehan01{
    width: 80%;
    cursor: pointer;
    margin: 0 auto 17px auto;
  }
  .modal-open-matehan02{
    width: 180px;
    cursor: pointer;
    margin: 40px auto 0 auto;
  }
  .modal-open-iroiro01{
    cursor: pointer;
    margin: 0 auto 17px auto;
  }
  .modal-open-iroiro02{
    width: 180px;
    cursor: pointer;
    margin: 40px auto 0 auto;
  }
  .modal-open-conveyor01{
    width: 180px;
    margin: 30px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-senjodassui01{
    width: 180px;
    margin: 20px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-ichioshi01{
    width: 180px;
    margin: 35px 0 0 0;
    cursor: pointer;
  }
  .modal-open-ichioshi01:first-child{
    width: 180px;
    margin: 35px 20px 0 0;
    cursor: pointer;
  }
  .modal-open-haisuinetu{
    width: 180px;
    margin: 50px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-shouene{
    cursor: pointer;
  }

  /*モーダル本体の指定 + モーダル外側の背景の指定*/
  .modal-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,50%);
    padding: 150px 20px 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
  }
  /*モーダル本体の擬似要素の指定*/
  .modal-container:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  /*モーダル本体に「active」クラス付与した時のスタイル*/
  .modal-container.active{
    opacity: 1;
    visibility: visible;
  }
  /*モーダル枠の指定*/
  .modal-body{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
  }
  /*モーダルを閉じるボタンの指定*/
  .modal-close{
    position: relative;   /* ここが重要！absolute をやめる */
    margin: 20px auto 0 auto;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    width: 120px;         /* ボタン幅（調整OK） */
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
  }
  /*モーダル内のコンテンツの指定*/
  /* 下層共通 */

  /* ニュース（下層） */
  .news_title_jp{
    font-size: 36px;
    color: #03a3ec;
    background-color: #ededed;
    padding: 105px 0 25px 0;
  }
  .news_title_eng{
    font-size: 24px;
    font-weight: bold;
    color: #03a3ec;
    background-color: #ededed;
  }
  .news_menu_bloc{
    background-color: #ededed;
  }
  .news_menu_area{
    width: 260px;
    margin: 0 auto;
    padding: 55px 0 30px 0;
    display: flex;
    justify-content: space-between;
  }
  .news_menu_line{
    width: 2px;
    height: 18px;
    margin: 5px 0 0 0;
    background-color: #30beff;
  }
  .news_menu_box{
    font-size: 18px;
    color: #03a3ec;
  }
  .news_menu_box a{
    font-size: 18px;
    color: #03a3ec;
  }
  .news_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .news_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 100px 0 130px 0;
  }
  .news_year{
    font-size: 48px;
    color: #03a3ec;
  }
  .news_area{
    color: #333333;
    margin: 60px 0 0 0;
  }
  .news_catchi{
    font-size: 18px;
  }
  .news_date{
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .news_text{
    font-size: 14px;
  }
  /* ニュース（下層） */

  /* メンテナンス */
  .mainte_bloc{
    background-image: url("./images/pc_mainte_gradation_bg.png");
    background-repeat: no-repeat;
    background-color: #d7feff;
    padding: 100px 0 130px 0;
  }
  .mainte_title_eng{
    font-size: 50px;
    font-weight: 100;
    color: #0094d5;
  }
  .mainte_title_jp{
    font-size: 30px;
    font-weight: bold;
    color: #001e58;
    margin: 0 0 110px 0;
  }
  .mainte_area01{
    width: 80vw;
    margin: 0 auto;
    background-color: #0074aa;
    padding: 65px 0 50px 0;
  }
  .mainte_area01_title{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
  }
  .mainte_area01_text01{
    font-size: 19.25px;
    font-weight: bold;
    color: #fff;
    margin: 40px 0 80px 0;
  }
  .mainte_perform_bloc{
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    padding: 60px 0 70px 0;
  }
  .mainte_perform_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_perform_img_bloc01{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 50px auto 30px auto;
  }
  .mainte_perform_img_area01{
    width: 32.5%;
  }
  .mainte_perform_img_textbox{
    background-color: #0893d4;
    color: #fff;
    font-weight: bold;
    padding: 16px 0 20px 0;
  }
  .mainte_perform_img_text01{
    font-size: 14px;
  }
  .mainte_perform_img_text02{
    font-size: 26px;
  }
  .mainte_perform_img_bloc02{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto 60px auto;
  }
  .mainte_perform_img_box02{
    width: 55%;
  }
  .mainte_perform_img_box03{
    width: 40%;
  }
  .mainte_perform_img_box04{
    width: 90%;
    margin: 40px auto 0 auto;
  }

  .mainte_network_bloc{
    width: 95%;
    background-color: #fff;
    padding: 60px 0 70px 0;
    margin: 25px auto 0 auto;
  }
  .mainte_network_title{
    font-size: 30px;
    color: #0074aa;
    font-weight: bold;
  }
  .mainte_network_text01{
    font-size: 18px;
    color: #0074aa;
    font-weight: bold;
    margin: 45px auto 65px auto;
    width: 90%;
  }
  .mainte_network_img_box{
    width: 70%;
    margin: 0 auto;
  }
  .mainte_network_plant_bloc{
    width: 90%;
    margin: 70px auto 0 auto;
    text-align: left;
  }
  .mainte_network_plant_area{
    display: flex;
    justify-content: space-between;
  }
  .mainte_network_plant_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_network_plant_left{
    width: 48%;
  }
  .mainte_network_plant_line{
    height: 2px;
    background-color: #0090d3;
    margin: 10px 0 14px 0;
  }
  .mainte_network_plant_namebloc{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }
  .mainte_network_plant_link a {
    font-size: 15px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_network_plant_place{
    font-size: 12px;
  }
  .mainte_network_plant_tel{
    font-size: 14px;
    font-weight: bold;
  }
  .mainte_tel{
    font-size: 10px;
    font-weight: bold;
  }
  .mainte_network_sd_bloc{
    display: flex;
    justify-content: space-between;
    width: 784px;
    margin: 20px auto 0 auto;
  }
  .mainte_network_sd_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #0074aa;
    line-height: 1.5rem;
    font-size: 14px;
  }
  .sd_square{
    font-size: 8px;
    vertical-align: middle;
    margin: 0 7px 0 0;
  }

  .mainte_area02{
    width: 80vw;
    margin: 50px auto 0 auto;
    background-color: #fff;
    padding: 65px 0 50px 0;
  }
  .mainte_area02_catchi{
    font-size: 24px;
    color: #0074aa;
    font-weight: bold;
    margin: 0 0 25px 0;
  }
  .mainte_area02_title{
    font-size: 51px;
    font-weight: bold;
    color: #fff;
  }
  .mainte_text_bg{
    background-color: #0074aa;
    margin: 0 8px 0 0;
    padding: 10px;
  }
  .mainte_text_bg:last-child{
    background-color: #0074aa;
    margin: 0;
    padding: 10px;
  }
  .mainte_area02_text{
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    color: #0074aa;
    margin: 40px 0 80px 0;
  }
  .mainte_pac_bloc{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 65px auto 50px auto;
  }
  .mainte_pac_bloc_img{
    width: 48%;
  }
  .mainte_merit_bloc{
    background-color: #f4f4f4;
    width: 90%;
    margin: 0 auto 15px auto;
    padding: 30px 0;
  }
  .mainte_merit_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 95%;
    margin: 0 auto;
  }
  .mainte_merit_num{
    width: 100px;
    margin: 0 25px 0 0;
  }
  .mainte_merit_num_title{
    font-size: 30px;
    font-weight: bold;
    color: #0074aa;
    margin: 0 0 5px 0;
  }
  .mainte_merit_num_text{
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_merit_box01{
    background-color: #fff;
    width: 85%;
    margin: 20px auto 0 auto;
    text-align: left;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_merit_box02{
    background-color: #fffcd4;
    width: 85%;
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
  .mainte_merit_box03{
    background-color: #d4ede4;
    width: 85%;
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0074aa;
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
  .mainte_merit_box04{
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding: 50px 30px;
    display: flex;
    justify-content: space-between;
  }
  .mainte_merit_catchi{
    margin: 0 0 10px 0;
  }
  .mainte_merit_img02{
    width: 48%;
  }

  .mainte_cleaning_img{
    margin: 0 auto 30px auto;
    width: 90%;
  }
  .mainte_cleaning_img:first-child{
    margin: 55px auto 30px auto;
  }
  .mainte_cleaning_img:last-child{
    margin: 0 auto 0 auto;
  }
  .mainte_cleaning_archive_title{
    background-color: #0074aa;
    color: #fff;
    width: 90%;
    margin: 95px auto 40px auto;
    border-radius: 7px;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0;
  }
  .mainte_cleaning_archive_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto 50px auto;
  }
  .mainte_cleaning_archive_box{
    width: 48%;
    text-align: left;
  }
  .mainte_cleaning_archive_box:nth-child(n+3){
    text-align: left;
    margin: 40px 0 0 0;
  }
  .mainte_cleaning_archive_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_cleaning_flow_bloc{
    width: 90%;
    margin: 0 auto;
    background-color: #fffcd4;
    padding: 20px 0 35px 0;
  }
  .mainte_cleaning_flow_title{
    font-size: 18px;
    font-weight: bold;
    color: #0074aa;
    margin: 0 0 20px 0;
  }
  .mainte_cleaning_flow_area{
    display: flex;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
  }
  /* メンテナンス */

  /* クレオの強み */
  .tuyomi_bloc01{
    background-color: #e4f4ff;
    padding: 100px 0 130px 0;
  }
  .tuyomi_title_area{
    font-size: 30px;
    color: #099ce0;
    padding: 0 0 65px 0;
  }
  .tuyomi_title_box{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .tuyomi_bloc02{
    width: 80vw;
    margin: 35px auto 0 auto;
    padding: 60px 0 75px 0;
    background-color: #fff;
    text-align: left;
  }
  .tuyomi_text01{
    font-size: 30px;
    color: #099ce0;
    text-align: center;
    margin: 0 60px;
  }
  .tuyomi_text02{
    font-size: 14px;
    line-height: 30px;
    margin: 60px 60px 0 60px;
  }
  .tuyomi_bloc03{
    display: flex;
    justify-content: space-between;
    margin: 60px 60px 0 60px;
  }
  .tuyomi_left_img01{
    width: 40%;
  }
  .tuyomi_right{
    width: 55%;
  }
  .tuyomi_right_bloc01{
    display: flex;
    margin: 0 0 22px 0;
  }
  .tuyomi_right_bloc02{
    width: 80%;
  }
  .tuyomi_left_img02{
    width: 20%;
    margin: 0 3% 0 0;
  }
  .tuyomi_right_catchi_bloc{
    display: flex;
    margin: 0 0 6px 0;
  }
  .tuyomi_right_catchi_img img{
    height: 15px;
  }
  .tuyomi_text03{
    font-size: 12px;
  }
  .tuyomi_text04{
    font-size: 13px;
  }
  .tuyomi_img01{
    width: 80vw;
    margin: 0 auto;
  }
  /* クレオの強み */

  /* 対象物から探す */
  /* コンテナ */
  .container_needs_bloc{
    background-color: #bbeaff;
    background-image: url("./images/pc_lower_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    padding: 80px 0 130px 0;
    background-size: 100%;
  }
  .container_needs_area{
    width: 80vw;
    margin: 0 auto;
  }
  .container_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60vw;
    margin: 50px auto 80px auto;
    font-size: 2.3vw;
    font-weight: bold;
    color: #fff;
  }
  .container_needs_catchi_area img{
    width: 4vw;
  }
  .container_needs_figure_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 14px auto 27px auto;
  }
  .container_needs_figure_img{
    margin: 0 10px 0 0;
  }
  .container_needs_figure_img:last-child{
    margin: 0;
  }
  .container_needs_figure_link{
    width: 100%;
  }

  .container_merit_bloc{
    background-color: #f3f7f9;
    padding: 80px 0 130px 0;
  }
  .container_merit_title_area{
    background-image: url("./images/container_merit_bg_pc.png");
    background-repeat: no-repeat;
    width: 662px;
    margin: 0 auto 0 auto;
    font-size: 30px;
    color: #099ce0;
    padding: 50px 0 32px 0;
  }
  .container_merit_title_box{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }

  .container_test_bloc{
    padding: 80px 0 130px 0;
  }
  .container_test_text{
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 34px;
    width: 80vw;
    margin: 0 auto;
  }
  .container_test_area{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 80vw;
    margin: 0 auto;
  }
  .container_test_box{
    width: 32%;
  }
  .container_test_box img{
    margin: 0 0 15px 0;
  }

  .container_cleaningagent_bloc{
    background-color: #d7f5ff;
    padding: 80px 0 130px 0;
  }
  .container_cleaningagent_title{
    font-size: 30px;
    font-weight: bold;
    color: #099ce0;
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .container_cleaningagent_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #099ce0;
    width: 600px;
    margin: 15px auto 60px auto;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .container_cleaningagent_area{
    display: flex;
    justify-content: space-between;
    width: 80vw;
    margin: 0 auto;
  }
  .container_cleaningagent_box{
    width: 32%;
    text-align: left;
  }
  .container_cleaningagent_box_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #099ce0;
    margin: 24px 0 5px 0;
  }
  .container_cleaningagent_box_text{
    font-size: 14px;
    line-height: 24px;
  }
  /* コンテナ */

  /* パレット */
  .palette_cleaning_catchi{
    width: 622px;
    margin: 0 auto;
  }
  .palette_cleaning_text01{
    font-size: 18px;
    font-weight: bold;
    margin: 17px 0 35px 0;
    color: #00a7f0;
  }
  .palette_cleaning_area{
    display: flex;
    justify-content: space-between;
    width: 80vw;
    margin: 0 auto;
  }
  .palette_cleaning_box{
    width: 24%;
    background-color: #fff;
  }
  .palette_cleaning_text02{
    font-size: 14px;
    line-height: 18px;
    margin: 15px 30px;
  }
  .palette_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 710px;
    margin: 50px auto 0 auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .palette_lineup_catchi_area img{
    height: 53px;
  }
  .palette_lineup_text{
    font-size: 18px;
    font-weight: bold;
    font-weight: 30px;
    color: #fff;
    margin: 20px 0 50px 0;
  }
  .palette_lineup_bloc{
    background-color: #fff;
    margin: 0 0 20px 0;
    padding: 60px 0 35px 0;
    font-weight: bold;
  }
  .palette_lineup_img01{
    width: 90%;
    margin: 0 auto;
  }
  .palette_lineup_area{
    display: flex;
    justify-content: space-between;
    margin: 50px 40px 0 40px;
    text-align: left;
  }
  .palette_lineup_movie_btn_area{
    width: 50%;
  }
  .palette_lineup_area_textbox01{
    font-size: 16px;
  }
  .palette_lineup_area_text01{
    font-size: 30px;
    color: #0068b9;
    margin: 0 15px 0 0;
  }
  .palette_lineup_area_textbox02{
    font-size: 21px;
    color: #0095da;
    display: flex;
    align-items: center;
    margin: 20px 0 25px 0;
  }
  .palette_lineup_area_text02{
    font-size: 12px;
    color: #fff;
    background-color: #0095da;
    padding: 5px 10px;
    border-radius: 15px;
  }
  .palette_lineup_img_box{
    display: flex;
    justify-content: space-between;
    width: 50%;
  }
  .palette_lineup_img02{
    margin: 0 10px 0 0;
  }
  .palette_lineup_img02:last-child{
    margin: 0;
  }
  .palette_lineup_link01{
    margin: 27px 0;
  }
  .palette_structure_bloc01{
    margin: 0 auto;
    background-color: #fff;
    padding: 100px 0 80px 0;
  }
  .palette_structure_img01{
    width: 630px;
    margin: 0 auto;
    padding: 0 0 60px 0;
  }
  .palette_structure_num_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80vw;
    margin: 0 auto;
  }
  .palette_structure_num_box{
    width: 32%;
    margin: 0 0 10px 0;
  }
  .palette_structure_catchi{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
    font-size: 30px;
    color: #099ce0;
    width: 395px;
    margin: 100px auto 65px auto;
  }
  .palette_structure_bloc02{
    width: 80vw;
    margin: 0 auto;
    background-color: #9be0ff;
    padding: 100px 0 80px 0;
  }
  .palette_structure_text01{
    font-size: 24px;
    line-height: 34px;
  }
  .palette_structure_text02{
    font-size: 16px;
    line-height: 30px;
    margin: 60px 0 75px 0;
  }
  .palette_structure_text03{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
  }
  .palette_structure_icon_bloc{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 30px auto 0 auto;
  }
  .palette_structure_icon_box{
    width: 19%;
  }
  .palette_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .palette_test_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 110px;
  }
  /* パレット */

  /* オリコン */
  .oricon_needs_bloc{
    background-color: #bbeaff;
    background-image: url("./images/pc_lower_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    padding: 80px 0 130px 0;
    background-size: 100%;
  }
  .oricon_needs_area{
    width: 95vw;
    margin: 0 auto;
  }
  .oricon_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 710px;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .oricon_needs_catchi_area img{
    height: 53px;
  }
  .oricon_needs_figure_bloc{
    display: flex;
    justify-content: space-between;
    margin: 14px auto 27px auto;
  }
  .oricon_needs_figure_img{
    margin: 0 10px 0 0;
  }
  .oricon_needs_figure_img:last-child{
    margin: 0;
  }
  .oricon_needs_figure_link{
    width: 100%;
  }

  .oricon_needs_bigline_bloc{
    background-color: #edfbff;
    padding: 60px 80px 80px 80px;
    margin: 0 0 40px 0;
    font-weight: bold;
    color: #00608c;
  }
  .oricon_needs_bigline_title{
    font-size: 26px;
  }
  .oricon_needs_bigline_img{
    margin: 50px 0 60px 0;
  }
  .oricon_bigline_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .oricon_bigline_box{
    width: 23.5%;
    text-align: left;
    background-color: #fff;
    margin: 0 2% 3% 0;
  }
  .oricon_bigline_box:nth-child(n+5){
    width: 23.5%;
    text-align: left;
    background-color: #fff;
    margin: 0 2% 0 0;
  }
  .oricon_bigline_box:nth-child(4){
    width: 23.5%;
    text-align: left;
    background-color: #fff;
    margin: 0 0 3% 0;;
  }
  .oricon_bigline_title_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .oricon_num{
    font-size: 0.8rem;
    color: #fff;
    width: 15%;
    text-align: center;
    background-color: #099ce0;
    padding: 2px;
  }
  .oricon_bigline_title{
    font-size: 0.7rem;
    color: #0087c5;
    margin: 0 5%;
  }
  .oricon_bigline_text{
    padding: 22px 17px;
    font-size: 0.6rem;
    line-height: 16px;
  }
  .oricon_needs_bigline_text{
    font-size: 24px;
    color: #fff;
    background-color: #33b3ee;
    padding: 24px 0;
    margin: 55px 0 0 0;
  }
  .oricon_cleaningagent_area{
    display: flex;
    justify-content: center;
  }
  .oricon_cleaningagent_text{
    line-height: 2.5rem;
  }
  /* オリコン */

  /* マテハン */
  .matehan_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 530px;
    margin: 50px auto 80px auto;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
  }
  .matehan_lineup_catchi_area img{
    height: 53px;
  }
  .matehan_auto_title{
    font-size: 24px;
    color: #00608c;
    font-weight: normal;
  }
  .matehan_auto_title_big{
    font-size: 30px;
    font-weight: normal;
  }
  .matehan_auto_img01{
    margin: 50px auto 70px auto;
  }
  .matehan_auto_bloc{
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .matehan_auto_box{
    width: 22.9%;
    background-color: #fff;
    margin: 0 2.8% 20px 0;
  }
  .matehan_auto_box:nth-child(4n){
    width: 22.9%;
    background-color: #fff;
    margin: 0 0 20px 0;
  }
  .matehan_num{
    font-size: 22px;
    color: #fff;
    width: 37px;
    text-align: center;
    background-color: #099ce0;
    padding: 2px;
  }
  .matehan_auto_text{
    font-size: 12px;
    padding: 22px 17px;
    line-height: 16px;
    height: 40px;
    text-align: left;
    margin: 0 0 22px 0;
  }
  .matehan_drawer_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .matehan_catchi{
    width: 80vw;
    margin: 0 auto;
  }
  .matehan_detail_inner{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .matehan_inner_bloc{
    width: 46%;
    text-align: left;
    margin: 0 8% 0 0;
  }
  .matehan_inner_bloc:nth-child(2){
    width: 46%;
    text-align: left;
    margin: 0;
  }
  .matehan_inner_bloc:nth-child(3){
    width: 46%;
    text-align: left;
    margin: 80px 0 0 0;
  }
  .matehan_inner_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0095da;
    margin: 24px 0 15px 0;
  }
  .matehan_inner_text{
    font-size: 14px;
    line-height: 22px;
    height: 15%;
  }
  /* 左右に横線 */
  .matehan_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #0097dc;
    margin: 50px 0;
    font-weight: bold;
  }
  .matehan_text_line::before,
  .matehan_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 34.3%; /* 横線の長さ */
  }
  .matehan_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .matehan_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }
  /* マテハン */

  /* パーツボックス */
  .partsbox_finish_catchi{
    width: 80vw;
    margin: 0 auto;
  }
  .partsbox_finish_bloc{
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0 auto;
    width: 80vw;
  }
  .partsbox_finish_area{
    padding: 30px 0;
    background-color: #fff;
    width: 32%;
  }
  .partsbox_finish_title{
    font-size: 1.3vw;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    border-radius: 20px;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto 37px auto;
  }
  .partsbox_finish_box{
    width: 80%;
    margin: 0 auto;
  }
  .partsbox_finish_img{
    margin: 0 0 65px 0;
  }
  .partsbox_needs_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .partsbox_needs_area{
    width: 25.5vw;
    text-align: center;
    background-color: #fff;
    margin: 0 0 18px 0;
    padding: 3% 0;
    height: 100%;
  }
  .partsbox_needs_img{
    width: 90%;
    margin: 0 auto;
  }
  .partsbox_needs_title{
    font-size: 16px;
    font-weight: bold;
    width: 90%;
    margin: 20px auto 10px auto;
  }
  .partsbox_needs_catchi{
    font-size: 1.6vw;
    font-weight: bold;
    color: #0068b9;
    width: 90%;
    margin: 0 auto;
    height: 10%;
  }
  .partsbox_needs_text01{
    text-align: left;
    font-size: 1.3vw;
    width: 90%;
    margin: 15px auto;
  }
  .partsbox_needs_text02{
    text-align: left;
    font-size: 1.3vw;
    width: 90%;
    margin: 0 auto;
    height: 90px;
  }
  .partsbox_needs_link01{
    margin: 27px 0;
  }
  .movie_btn_blank{
    width: 70%;
    margin: 0 auto;
  }

  .partsbox_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 710px;
    margin: 85px auto 65px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #003766;
  }
  .partsbox_needs_catchi_area img{
    height: 53px;
  }
  .partsbox_needs_option_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80vw;
    margin: 0 auto;
  }
  .partsbox_needs_option_area{
    width: 35.4vw;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 35px 2vw;
    text-align: left;
    margin: 0 0 13px 0;
  }
  .partsbox_needs_text_bloc{
    width: 20vw;
  }
  .partsbox_needs_text_title{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .rhb_box{
    width: 50%;
    text-align: right;
  }
  .rhb{
    margin: 0 9px 0 0;
  }
  .rhb img{
    width: 40px;
    vertical-align: middle;
  }
  .partsbox_needs_text_area{
    font-size: 14px;
  }
  .partsbox_needs_text_box{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 20px 0;
  }
  .mark01{
    width: 8%;
    margin: 3px 0 0 0;
  }
  .mark01 img{
    width: 7px;
    height: 14px;
  }
  .partsbox_needs_text{
    width: 92%;
  }
  .partsbox_needs_option_img{
    width: 13vw;
  }
  .partsbox_needs_cleaningagent_bloc{
    background-color: #e4f8ff;
    width: 80vw;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    border: 2px solid #fff;
  }
  .partsbox_needs_cleaningagent_img{
    width: 20%;
    margin: 40px 35px;
  }
  .partsbox_needs_cleaningagent_area{
    margin: 40px 30px 40px 0;
  }
  .partsbox_needs_cleaningagent_catchi{
    font-size: 18px;
    font-weight: bold;
  }
  .partsbox_needs_cleaningagent_title{
    font-size: 16px;
    font-weight: bold;
    color: #008ac9;
    margin: 40px 0 15px 0;
  }
  .partsbox_needs_cleaningagent_text{
    font-size: 12px;
  }
  .partsbox_needs_introduction_bloc{
    width: 80vw;
    margin: 110px auto 0 auto;
    padding: 0 0 50px 0;
    background-color: #fff;
  }
  .partsbox_needs_introduction_title{
    font-size: 2.3vw;
    color: #fff;
    background-color: #33b3ee;
    padding: 15px 0;
  }
  .partsbox_needs_introduction_catchi{
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    color: #0088c6;
    padding: 40px 0 65px 0;
  }
  .partsbox_needs_flow_bloc{
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 0 40px;
  }
  .partsbox_needs_flow_area{
    width: 48%;
  }
  .partsbox_needs_flow_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .mark02{
    width: 15px;
  }
  .mark02 img{
    width: 7px;
    height: 18px;
  }
  .partsbox_needs_flow_title{
    font-size: 18px;
    font-weight: bold;
  }
  .partsbox_needs_flow_text01{
    font-size: 14px;
    margin: 30px 0 25px 0;
  }
  .partsbox_needs_flow_text02{
    font-size: 14px;
    color: #00a1d4;
    padding: 25px;
    border: 2px solid #1fbbed;
  }
  .partsbox_needs_flow_img{
    width: 48%;
  }
  .partsbox_needs_filtration_img{
    margin: 34px 0 0 0;
    padding: 0 30px;
  }

  .partsbox_test_area{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 618px;
    margin: 0 auto;
  }
  .partsbox_test_box{
    width: 300px;
  }
  .partsbox_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 0;
  }
  .partsbox_test_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 110px;
  }
  /* パーツボックス */

  /* 殺菌 */
  .sakkin_top_img img{
    width: 100%;
  }

  /* 左右に横線 */
  .sakkin_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 0.9rem;
    color: #00a4ef;
    margin: 8% 0;
    font-weight: bold;
  }
  .sakkin_text_line::before,
  .sakkin_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 9%; /* 横線の長さ */
  }
  .sakkin_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .sakkin_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .sakkin_circle_bloc{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sakkin_circle_box{
    width: 22%;
    margin: 0 2% 0 0;
  }
  .sakkin_circle_box:last-child{
    width: 22%;
    margin: 0;
  }
  .sakkin_flow_bloc{
    background-color: #f3f7f9;
    margin: 15% 0 5% 0;
    padding: 10% 0;
    color: #0ea2e7;
    text-align:center;
  }
  .sakkin_flow_title{
    font-size: 1rem;
    font-weight: bold;
  }
  .sakkin_flow_text{
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.2rem;
    margin: 5% 0 8% 0;
  }
  .sakkin_flow_img{
    width: 90%;
    margin: 0 auto;
  }

  .sakkin_drawer_area{
    display: flex;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
  }
  .sakkin_detail_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: left;
    line-height: 18px;
  }
  .sakkin_detail_inner_circle{
    font-size: 8px;
    color: #33b3ee;
    vertical-align: middle;
  }
  .sakkin_detail_inner_left{
    width: 40%;
    margin: 0 auto 10% auto;
  }
  .sakkin_detail_inner_right{
    width: 45%;
    margin: 0 auto;
  }
  .sakkin_detail_inner_right_list {
    list-style: none;
    font-size: 0.8rem;
  }
  .sakkin_detail_inner_right_list li {
    position: relative;
    padding-left: 1em;
    margin: 0 0 5% 0;
  }
  .sakkin_detail_inner_right_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 8px;
    height: 8px;
    background: #33b3ee;
    border-radius: 50%;
  }
  .sakkin_detail_inner_right_text{
    font-weight: bold;
    color: #0094d9;
  }
  .sakkin_caption_text01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #007eb9;
    margin: 5% 0 10% 0;
    text-align: center;
  }
  .sakkin_purpose_title{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 2% 0;
    width: 60vw;
    margin: 0 auto 5% auto;
  }
  .sakkin_purpose_catchi{
    font-size: 1.2rem;
    font-weight: bold;
    color: #0094d9;
  }
  .sakkin_purpose_text{
    font-size: 0.8rem;
    line-height: 1.5rem;
    margin: 8% 0 15% 0;
  }
  .sakkin_purpose_img{
    width: 90%;
    margin: 0 auto;
  }
  .sakkin_lineup_link_bloc{
    width: 95vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .sakkin_lineup_link_box{
    margin: 0 2% 0 0;
  }
  .sakkin_caption_text02{
    font-size: 12px;
    text-align: right;
    color: #000;
    margin: 30px 0 0 0;
  }
  /* 殺菌 */

  /* 器具 */
  .kigu_lineup_area{
    width: 80vw;
    margin: 0 auto;
  }
  .kigu_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    margin: 50px auto 80px auto;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
  }
  .kigu_lineup_catchi_area img{
    width: 50%;
  }
  .kigu_catchi_box{
    width: 362px;
    margin: 0 auto -40px auto;
  }
  .kigu_lineup_text_bloc{
    font-size: 16px;
    line-height: 36px;
    background-color: #f0f0f0;
    padding: 50px 0 40px 0;
    border: 8px solid #fff;
    margin: 0 0 40px 0;
  }

  /* ドロワーエリア */
  .kigu_drawer_area{
    display: flex;
    justify-content: space-between;
  }
  .kigu_drawer_icon_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 0 0;
  }
  .kigu_drawer_icon_box{
    width: 50px;
    margin: 0 4px 0 0;
  }
  .kigu_detail_inner {
    font-size: 16px;
    line-height: 1.6;
  }
  .kigu_drawer_open_img{
    width: 80%;
    margin: 0 auto 60px auto;
  }
  .kigu_drawer_open_title{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #33b3ee;
    padding: 10px 14px;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .kigu_drawer_open_icon_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin: 0 0 10px 0;
  }
  .kigu_drawer_open_icon_img{
    width: 50px;
    margin: 0 20px 0 0;
  }
  .kigu_drawer_open_icon_text{
    width: 85%;
  }
  .kigu_drawer_open_movie_btn{
    width: 180px;
    margin: 50px auto 0 auto;
  }

  /* ラック */
  .kigu_rack_bloc{
    background-color: #e1f6ff;
    padding: 50px 40px 70px 40px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .kigu_rack_title{
    font-size: 24px;
  }
  .kigu_rack_text{
    font-size: 14px;
    margin: 15px 0 40px 0;
  }
  .kigu_rack_img_bloc{
    display: flex;
    justify-content: space-between;
  }
  .kigu_rack_img_box{
    width: 24%;
  }
  /* ラック */

  /* ドロワーエリア2 */
  .kigu_drawer_bloc02{
    background-color: #0ea2e7;
    padding: 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
  .kigu_drawer_area02{
    display: flex;
    justify-content: space-between;
  }
  .kigu_drawer_img02{
    width: 122px;
    margin: 0 31px 0 0;
  }
  .kigu_drawer_text_bloc02{
    text-align: left;
  }
  .kigu_drawer_title02{
    font-size: 24px;
    color: #fff;
  }
  .kigu_drawer_icon_bloc02{
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 0 0;
  }
  .kigu_drawer_icon_box02{
    width: 50px;
    margin: 0 4px 0 0;
  }
  .kigu_drawer_btn_bloc02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    cursor: pointer;
  }
  .kigu_drawer_btn_text02{
    margin: 0 16px 0 0;
  }
  .kigu_drawer_btn02{
    width: 48px;
  }

  .kigu_drawer_detail02 {
    display: none;/* 初期状態で非表示 */
    background: #0ea2e7;
    padding: 20px 20px 70px 20px;
    text-align: left;
  }
  .kigu_detail_inner02 {
    font-size: 16px;
    line-height: 1.6;
  }
  .kigu_drawer_open_img02{
    width: 80%;
    margin: 0 auto 60px auto;
    padding: 9%;
    background-color: #fff;
  }
  .kigu_drawer_open_title02{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #33b3ee;
    padding: 10px 14px;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .kigu_drawer_open_icon_bloc02{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
    color: #fff;
  }
  .kigu_drawer_open_icon_img02{
    width: 50px;
    margin: 0 20px 0 0;
  }
  .kigu_drawer_open_movie_btn02{
    width: 180px;
    margin: 50px auto 0 auto;
  }
  /* ドロワーエリア2 */

  .kigu_merit_bloc{
    background-color: #fff;
    width: 80vw;
    margin: 0 auto;
    padding: 50px 0;
  }
  .kigu_merit_title{
    font-size: 24px;
    color: #0ea2e7;
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
  }
  .kigu_merit_catchi{
    width: 70%;
    margin: 50px auto 45px auto;
    font-size: 18px;
    color: #fff;
    background-color: #0ea2e7;
    padding: 13px;
  }
  .kigu_merit_img_bloc{
    display: flex;
    justify-content: space-between;
    padding: 0 63px;
  }
  .kigu_merit_img_box{
    width: 47%;
  }
  .kigu_merit_caption{
    font-size: 12px;
    color: #265c8f;
    margin: 50px 63px 0 0;
    text-align: right;
  }

  /* 左右に横線 */
  .kigu_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 1.9vw;
    color: #0097dc;
    margin: 70px 0 40px 0;
    font-weight: bold;
  }
  .kigu_text_line::before,
  .kigu_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 31.7%; /* 横線の長さ */
  }
  .kigu_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .kigu_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }
  .kigu_lineup_link{
    margin: 20px 0 0 0;
  }
  .kigu_caption_text{
    font-size: 12px;
    text-align: right;
    margin: 0 0 20px 0;
  }
  /* 器具 */

  /* 食材 */
  .shokuzai_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .shokuzai_catchi_area img{
    height: 53px;
  }
  .shokuzai_circle_bloc{
    display: flex;
    justify-content: space-between;
    width: 668px;
    margin: 0 auto 45px auto;
  }
  .shokuzai_circle_box{
    width: 124px;
  }
  .shokuzai_drawer_title{
    font-size: 24px;
    color: #00a75a;
  }
  .shokuzai_drawer_btn_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00a75a;
    cursor: pointer;
  }
  .shokuzai_drawer_open_title{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #03c46b;
    padding: 10px 14px;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .shokuzai_detail_inner_right_list {
    list-style: none;
  }
  .shokuzai_detail_inner_right_list li {
    position: relative;
    padding-left: 1em;
    margin: 0 0 15px 0;
  }
  .shokuzai_detail_inner_right_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 8px;
    height: 8px;
    background: #03c46b;
    border-radius: 50%;
  }
  .shokuzai_detail_inner_bloc{
    margin: 0 auto;
  }
  .shokuzai_detail_inner_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #009f45;
    margin: 50px 0 0 0;
    text-align: left;
  }

  .modal-open-shokuzai{
    width: 180px;
    margin: 50px auto 0 auto;
    cursor: pointer;
  }
  /* 食材 */

  /* いろいろな洗浄 */
  .iroiro_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 528px;
    margin: 50px auto 80px auto;
    font-size: 30px;;
    font-weight: bold;
    color: #fff;
  }
  .iroiro_catchi_area img{
    height: 53px;
  }
  .iroiro_icon_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 80vw;
    margin: 0 auto;
  }
  .iroiro_icon_box{
    width: 15.8%;
    margin: 0 1% 1% 0;
  }
  .iroiro_icon_box:nth-child(6n){
    width: 15.8%;
    margin: 0;
  }
  .iroiro_icon_box:nth-child(n+13){
    width: 15.8%;
    margin: 0 1% 0 0;
  }
  .iroiro_arrow_box{
    width: 39px;
    margin: 40px auto 50px auto;
  }

  /* 左右に横線 */
  .iroiro_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #0097dc;
    margin: 50px 0;
    font-weight: bold;
  }
  .iroiro_text_line::before,
  .iroiro_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 36%; /* 横線の長さ */
  }
  .iroiro_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .iroiro_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .anchor{
    position: relative;
    top: -150px;  /* ヘッダーの高さ */
    height: 0;
  }
  .iroiro_lineup_bloc{
    background-color: #fff;
    text-align: left;
    padding: 25px 24px 40px 24px;
    margin: 18px 0 0 0;
  }
  .iroiro_lineup_title_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 40px 0;
  }
  .iroiro_lineup_title_img{
    width: 122px;
    margin: 0 4% 0 0;
  }
  .iroiro_lineup_title{
    font-size: 30px;
    color: #0097dd;
    font-weight: bold;
  }
  .iroiro_lineup_text{
    font-size: 18px;
    font-weight: bold;
  }
  .iroiro_lineup_catchi{
    background-color: #33b3ee;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 20px;
  }
  .iroiro_lineup_num_img01{
    margin: 25px 0 45px 0;
    text-align: center;
  }
  .iroiro_lineup_num_bloc{
    display: flex;
    justify-content: space-between;
  }
  .iroiro_lineup_num_area{
    width: 23%;
  }
  .iroiro_lineup_num_box{
    background-color: #ededed;
    padding: 25px 19px 20px 19px;
    height: 140px;
  }
  .iroiro_lineup_num_title{
    font-size: 1.2vw;
    font-weight: bold;
  }
  .iroiro_lineup_num_text{
    font-size: 1.2vw;
    margin: 10px 0 25px 0;
  }
  .iroiro_lineup_waku_text{
    font-size: 18px;
    font-weight: bold;
    border: 4px solid #33b3ee;
    color: #33b3ee;
    text-align: center;
    padding: 15px 0;
    margin: 18px 0 0 0;
  }
  .iroiro_lineup_crate_area{
    display: flex;
    justify-content: space-between;
  }
  .iroiro_lineup_crate_box{
    width: 32%;
    margin: 0 0 70px 0;
  }
  .iroiro_lineup_crate_catchi01{
    font-size: 16px;
    font-weight: bold;
    background-color: #33b3ee;
    color: #fff;
    padding: 8px 10px;
  }
  .iroiro_lineup_crate_title{
    font-size: 24px;
    font-weight: bold;
    color: #0068b9;
    margin: 16px 0 0 0;
  }
  .iroiro_lineup_crate_text{
    font-size: 14px;
    line-height: 24px;
    margin: 14px 0 36px 0;
  }
  .iroiro_lineup_crate_img{
    text-align: center;
    margin: 40px 0 90px 0;
  }
  .iroiro_lineup_option_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #33b3ee;
    margin: 16px 0;
  }
  .iroiro_lineup_option_img{
    width: 262px;
    margin: 0 40px 0 0;
  }
  .iroiro_lineup_option_area{
    padding: 0 4% 0 0;
  }
  .iroiro_lineup_option_title{
    font-size: 20px;
    font-weight: bold;
    color: #0068b9;
  }
  .iroiro_lineup_option_text{
    font-size: 14px;
    font-weight: bold;
  }
  .iroiro_lineup_smoke_bloc01{
    display: flex;
    justify-content: space-between;
    margin: 45px 40px 0 0;
  }
  .iroiro_lineup_smoke_bloc02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 40px 0 0;
  }
  .iroiro_lineup_smoke_img01{
    width: 60%;
  }
  .iroiro_lineup_smoke_img02{
    width: 25%;
  }
  .iroiro_lineup_smoke_num_bloc{
    margin: 0 5% 0 3%;
  }
  .iroiro_lineup_smoke_box{
    width: 22%;
    border: 3px solid #00a4ef;
    text-align: center;
    background-color: #00a4ef;
  }
  .iroiro_lineup_smoke_num_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
    font-size: 1.5vw;
  }
  .iroiro_lineup_smoke_num{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #33b3ee;
    text-align:center;
    margin: 0 6px 0 0;
  }
  .iroiro_lineup_smoke_text01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #00a4ef;
    padding: 14px 0;
  }
  .iroiro_lineup_smoke_text02{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #00a4ef;
    padding: 8px 0;
  }
  .iroiro_lineup_smoke_text03{
    font-size: 1vw;
    font-weight: bold;
    color: #fff;
  }
  .iroiro_lineup_egg_bloc{
    margin: 0 auto;
  }
  .iroiro_lineup_egg_img{
    width: 425px;
    margin: 40px auto 60px auto;
  }

  .iroiro_lineup_bloc_s{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .iroiro_lineup_area{
    background-color: #fff;
    text-align: left;
    padding: 2% 2% 5% 2%;
    margin: 18px 0 0 0;
    width: 45%;
  }
  .iroiro_lineup_title_bloc_s{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 40px 0;
  }
  .iroiro_lineup_title_s{
    font-size: 1.6vw;
    color: #0097dd;
    font-weight: bold;
  }
  .iroiro_lineup_text_s{
    font-size: 1.2vw;
    font-weight: bold;
  }
  .iroiro_lineup_tableware_bloc01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .iroiro_lineup_tableware_area01{
    width: 30%;
    margin: 0 5% 10px 0;
  }
  .iroiro_lineup_tableware_area01:nth-child(3n){
    width: 30%;
    margin: 0 0 10px 0;
  }
  .iroiro_lineup_crate_catchi02{
    font-size: 1.3vw;
    font-weight: bold;
    background-color: #33b3ee;
    color: #fff;
    padding: 8px 10px;
  }
  .iroiro_lineup_tableware_icon_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 5px 0 7px 0;
  }
  .iroiro_lineup_tableware_icon{
    width: 27px;
    margin: 0 2px 0 0;
  }
  .iroiro_lineup_tableware_icon:last-child{
    width: 27px;
    margin: 0;
  }
  .iroiro_lineup_tableware_text01{
    font-size: 14px;
    margin: 0 0 15px 0;
  }
  .iroiro_lineup_tableware_bloc02{
    display: flex;
    justify-content: space-between;
    margin: 55px 0 0 0;
  }
  .iroiro_lineup_tableware_area02{
    width: 48%;
    display: flex;
    justify-content: space-between;
  }
  .iroiro_lineup_tableware_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #0068b9;
    margin: 0 0 20px 0;
  }
  .iroiro_lineup_tableware_text02{
    font-size: 14px;
  }
  .iroiro_lineup_tableware_img{
    width: 132px;
  }
  .iroiro_lineup_tableware_link{
    margin: 20px 0 0 0;
  }
  .iroiro_catchi{
    padding: 90px 0 70px 0;
  }
  /* いろいろな洗浄 */
  /* 対象物から探す */

  /* 業種から探す */
  .industry_top_img img{
    width: 100%;
  }
  .industry_bloc{
    background-color: #ebf0ee;
    padding: 80px 0 100px 0;
  }
  .industry_area{
    background-color: #fff;
    width: 95vw;
    margin: 0 auto;
    text-align: left;
  }
  .industry_title_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 80vw;
    margin: 0 auto;
    padding: 110px 0 100px 0;
    color: #00b067;
    font-weight: bold;
  }
  .lindustry_title_icon{
    width: 150px;
    margin: 0 50px 0 0;
  }
  .lindustry_title_catchi{
    font-size: 18px;
  }
  .lindustry_title{
    font-size: 30px;
  }

  .industry_link_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 80vw;
    margin: 0 auto;
    padding: 0 0 130px 0;
  }
  .industry_link_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: #00b067;
    font-size: 18px;
    letter-spacing: -1.5px;
    padding: 12px 18px;
    margin: 0 20px 20px 0;
  }
  .industry_link_text{
    margin: 0 10px 0 0;
  }
  /* 業種から探す */

  /* 洗浄剤を探す */
  /* 洗浄機用 */
  .detergent_top_img_bloc_sp{
    display: none;
  }
  .detergent_top_img_bloc_pc img{
    width: 100%;
  }
  /* タイトル */
  .detergent_title_bloc{
    background-color: #f3f7f9;
  }
  .detergent_title_area{
    display: flex;
    justify-content: space-between;
    width: 80vw;
    margin: 0 auto;
    padding: 55px 0;
  }
  .detergent_title_left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #00add8;
    font-size: 34px;
  }
  .detergent_title_left_icon_box{
    width: 100px;
    margin: 0 30px 0 0;
  }
  .detergent_title_right_bloc{
    display: flex;
    justify-content: space-between;
    width: 355px;
  }
  .detergent_title_right_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
  }
  .detergent_title_right_icon_box{
    width: 23px;
    margin: 0 6px 0 0;
  }
  /* タイトル */
  /* アンカー */
  .detergent_anchor_bloc{
    background-color: #fff;
  }
  .detergent_anchor_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    margin: 0 auto;
    padding: 55px 0;
  }
  .detergent_anchor_left_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 55vw;
  }
  .detergent_anchor_left_area{
    background-color: #0288c0;
    color: #fff;
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 24px;
    width: 144px;
    padding: 18px 0 10px 0;
    margin: 0 7px 0 0;
  }
  .detergent_anchor_left_area a{
    color: #fff;
  }
  .detergent_anchor_left_area02{
    background-color: #0288c0;
    color: #fff;
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 24px;
    width: 200px;
    padding: 18px 0 10px 0;
    margin: 0 7px 0 0;
  }
  .detergent_anchor_left_area02 a{
    color: #fff;
  }
  .detergent_anchor_arrow{
    transform: rotate(90deg);
  }
  /* アンカー */

  /* コンテンツ */
  .detergent_content_bloc{
    background-color: #d7f5ff;
  }
  .detergent_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  #keido{
    scroll-margin-top: 150px;
  }
  .detergent_bloc01:first-child{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 55px 0;
  }
  .detergent_catchi01{
    font-size: 24px;
    font-weight: bold;
    background-color: #0288c0;
    padding: 14px 22px;
    color: #fff;
  }
  .detergent_catchi02{
    font-size: 18px;
    font-weight: normal;
  }
  .detergent_area01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 40px 0 0 0;
  }
  .detergent_box01{
    width: 24%;
    font-size: 12px;
    margin: 0 1.3% 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box01:nth-child(4n){
    width: 24%;
    font-size: 12px;
    margin: 0;
  }
  .detergent_lower_icon_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .detergent_lower_icon_box{
    width: 23px;
    height: 23px;
    margin: 18px 7px 13px 0;
  }
  .detergent_name01{
    font-size: 16px;
    font-weight: bold;
    color: #099ce0;
    margin: 0 0 18px 0;
  }
  .detergent_text01{
    margin: 0 0 12px 0;
  }
  /* コンテンツ */

  /* 使用方法 */
  .detergent_use_bloc{
    background-color: #f3f7f9;
    padding: 70px 0 100px 0;
  }
  .detergent_use_area{
    width: 80vw;
    margin: 70px auto 0 auto;
    background-color: #fff;
  }
  .detergent_use_box{
    display: flex;
    justify-content: space-between;
    padding: 40px;
  }
  .detergent_use_left_bloc{
    width: 48%;
  }
  .detergent_use_catchi{
    font-size: 30px;
    color: #0ea2e7;
  }
  .detergent_use_left_text_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 85px 0;
  }
  .detergent_use_left_text01{
    font-size: 1.7vw;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 14px 10px;
  }
  .detergent_use_left_text02{
    font-size: 2vw;
    font-weight: bold;
    color: #0288c0;
    border-bottom: 4px solid #0288c0;
    padding-bottom: 3px;
  }
  .detergent_use_right_bloc{
    width: 48%;
    background-color: #e1ecf1;
    padding: 30px 0 40px 0;
    border-radius: 15px;
  }
  .detergent_use_right_catchi{
    font-size: 1.3vw;
    font-weight: bold;
  }
  .detergent_use_right_area{
    width: 80%;
    margin: 35px auto 0 auto;
  }
  .detergent_use_right_img_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0 0;
  }
  .detergent_use_right_img_box:first-child{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .detergent_use_right_text_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_use_right_img{
    width: 116px;
  }
  .detergent_use_right_text{
    font-size: 12px;
    line-height: 18px;
    margin: 16px 0 0 0;
  }
  /* 使用方法 */
  /* 洗浄機用 */

  /* 生産機器 */
  .detergent_box06{
    width: 24%;
    font-size: 12px;
    margin: 0 1.3% 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a7d5e4;
    padding: 2.7% 32px;
    height: 100%;
    width: 48%;
  }
  .detergent_box03{
    background-color: #a7d5e4;
    padding: 2.7% 32px;
    height: 100%;
    width: 33vw;
  }
  .detergent_area02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px 0 0 0;
  }
  .detergent_seisankiki_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_seisankiki_box{
    width: 35.5%;
    font-size: 14px;
    text-align: center;
  }
  .detergent_seisankiki_text{
    margin: 12px 0 0 0;
    font-size: 1.1vw;
  }
  .detergent_seisankiki_arrow01{
    width: 7%;
  }
  .use_unchor_bloc{
    background-color: #14c6f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 23px;
    color: #fff;
    font-weight: bold;
    margin: 30px 0 0 0;
  }
  .use_unchor_left{
    font-size: 24px;
  }
  .use_unchor_right{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
  }
  .use_unchor_arrow{
    transform: rotate(90deg);
    width: 15px;
    margin: 0 0 0 15px;
  }
  .detergent_bloc02{
    display: flex;
    justify-content: space-between;
  }
  .detergent_bloc03{
    width: 49%;
  }
  .detergent_seisankiki_box02{
    width: 48%;
    font-size: 12px;
    margin: 0 4% 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_seisankiki_box02:nth-child(2n){
    font-size: 12px;
    margin: 0;
  }
  .detergent_seisankiki_text02{
    background-color: #fff;
    font-size: 1.5vw;
    padding: 5px 0;
  }
  .detergent_seisankiki_catchi{
    font-size: 1.5vw;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .detergent_name02{
    font-size: 16px;
    font-weight: bold;
    color: #099ce0;
    margin: 18px 0 10px 0;
  }
  .detergent_seisankiki_other_use_link{
    background-color: #14c6f2;
    font-size: 1.4vw;
    font-weight: bold;
    color: #fff;
    width: 19vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 39% 0;
  }
  .detergent_seisankiki_other_use_link_arrow{
    width: 1.5vw;
    margin: 10% auto 0 auto;
  }

  .detergent_cmn_use_bloc{
    text-align: left;
    padding: 40px;
  }
  .detergent_cmn_use_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 108px;
    padding: 14px 0;
    text-align: center;
  }
  .detergent_cmn_use_text{
    font-size: 20px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 30px 0 15px 0;
  }
  .detergent_cmn_use_area01{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .detergent_cmn_use_box01{
    text-align: center;
    width: 32%;
  }
  .detergent_cmn_use_box02{
    text-align: center;
    width: 288px;
  }
  .detergent_cmn_use_box03{
    background-color: #d7f5ff;
    border-radius: 20px;
    padding: 40px 0;
    width: 32%;
    text-align: center;
  }
  .detergent_cmn_use_box_text{
    font-size: 1.8vw;
    font-weight: bold;
    color: #0ea2e7;
    margin: 0 0 18px 0;
  }
  .detergent_cmn_use_area02{
    background-color: #d7f5ff;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .detergent_cmn_use_area03{
    display: flex;
    justify-content: space-between;
    margin: 55px 0 0 0;
  }
  .detergent_seisankiki_use_img{
    width: 118px;
    margin: 0 auto;
  }
  .detergent_seisankiki_use_catchi02{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 13px 0 24px 0;
  }
  .detergent_cmn_use_tokutyou_num_bloc{
    width: 60px;
    background-color: #0ea2e7;
    color: #fff;border-radius: 30px;
    margin: -70px auto 0 auto;
    position: relative;
  }
  .detergent_cmn_use_tokutyou_num_text{
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 0 0;
  }
  .detergent_cmn_use_tokutyou_num{
    font-size: 26px;
    font-weight: bold;
    margin: -7px 0 0 0;
  }
  .detergent_cmn_use_tokutyou_img{
    margin: 10px auto 0 auto;
  }
  .detergent_cmn_use_tokutyou_catchi{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 12px 0 22px 0;
  }
  .detergent_cmn_use_tokutyou_text{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  .detergent_cmn_use_link_bloc{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 408px;
    background-color: #0ea2e7;
    padding: 30px 0;
    margin: 0 auto;
  }
  .detergent_cmn_use_link_bloc a{
    color: #fff;
    padding: 33px 121px;
  }
  .detergent_cmn_use_tokutyou_area{
    width: 80vw;
    margin: 30px auto 0 auto;
    padding: 0 0 40px 0;
    background-color: #fff;
  }
  /* 生産機器 */

  /* 器具・部品 */
  .detergent_box04{
    background-color: #a7d5e4;
    padding: 2%;
    height: 100%;
    width: 54.3vw;
  }
  .detergent_box08{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a7d5e4;
    padding: 2%;
    height: 100%;
    width: 36.8vw;
  }
  .detergent_kigubuhin_bloc01{
    display: flex;
    justify-content: flex-start;
  }
  .detergent_kigubuhin_area01{
  }
  .detergent_kigubuhin_area01:first-child{
    margin: 0 46px 0 0;
  }
  .detergent_kigubuhin_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .detergent_kigubuhin_box{
    width: 35.5%;
    font-size: 14px;
    text-align: center;
  }
  .detergent_kigubuhin_text01{
    background-color: #fff;
    font-size: 1vw;
    padding: 5px 0;
  }
  .detergent_kigubuhin_text02{
    text-align: center;
    font-size: 1.5vw;
    font-weight: bold;
    margin: 2% 0 0 0;
  }
  /* 器具・部品 */

  /* 除菌 */
  .detergent_box05{
    width: 24%;
    font-size: 12px;
    margin: 0 1.3% 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box07{
    width: 24%;
    font-size: 12px;
    margin: 0 1.3%;
    padding: 0 0 45px 0;
  }
  .detergent_jokin_other_use_link{
    background-color: #14c6f2;
    font-size: 1.4vw;
    font-weight: bold;
    color: #fff;
    width: 19vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 39% 0;
  }
  .detergent_jokin_use_link_bloc{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    width: 408px;
    background-color: #0ea2e7;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
  }
  .detergent_jokin_use_link_bloc a{
    color: #fff;
    padding: 33px 45px;
  }
  .detergent_jokin_use_catchi01{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 180px;
    padding: 14px 0;
    text-align: center;
    margin: 0 0 25px 0;
  }
  .detergent_jokin_use_bloc{
    background-color: #d7f5ff;
    border-radius: 20px;
    padding: 35px 40px;
    font-size: 12px;
  }
  .detergent_jokin_use_area{
    display: flex;
    justify-content: space-between;
    margin: 0 0 44px 0;
  }
  .detergent_jokin_use_bloc_left{
    width: 55%;
  }
  .detergent_jokin_use_catchi02{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
  }
  .detergent_jokin_use_text{
    margin: 25px 0 35px 0;
  }
  .detergent_jokin_use_bloc_right{
    display: flex;
    justify-content: space-between;
    width: 40%;
    text-align: center;
  }
  .detergent_jokin_use_img{
    margin: 0 0 15px 0;
  }
  .detergent_jokin_use_img img{
    width: 80%;
  }
  /* 除菌 */

  /* 野菜・果物 */
  /* 野菜・果物 */

  /* 床 */
  .detergent_yuka_icon_box{
    width: 5vw;
    margin: 5% 3% 0 0;
  }
  /* 床 */
  /* 洗浄剤を探す */

  /* イチオシ */
  /* 発泡ツール */
  .ichioshi_happou_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .ichioshi_happou_bloc01:first-child{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 80px 0 55px 0;
  }
  .ichioshi_happou_catchi01{
    font-size: 24px;
    font-weight: bold;
    background-color: #00bceb;
    color: #fff;
    padding: 10px 25px;
  }
  .ichioshi_happou_area01{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 12px 0 0 0;
    padding: 45px 40px;
  }
  .ichioshi_happou_left_bloc01{
    width: 30%;
  }
  .ichioshi_happou_right_bloc01{
    width: 65%;
  }
  .ichioshi_happou_text_icon_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_happou_text_icon{
    font-size: 14px;
    background-color: #00bceb;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 0 4px 0 0;
  }
  .ichioshi_happou_name01{
    font-size: 30px;
    font-weight: bold;
    color: #00bceb;
    margin: 15px 0 10px 0;
  }
  .ichioshi_happou_catchi02{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .ichioshi_happou_text01{
    font-size: 14px;
  }
  .ichioshi_happou_movie_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_happou_area02{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 20px 0 0 0;
    padding: 45px 40px;
  }
  .ichioshi_happou_area03{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 34px 40px;
    margin: 15px 0 0 0;
  }
  .ichioshi_happou_left_bloc02{
    width: 30%;
    margin: 0 5% 0 0;
  }
  .ichioshi_happou_right_bloc02{
    width: 70%;
  }
  .ichioshi_happou_name02{
    font-size: 18px;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 10px 0;
  }
  .ichioshi_happou_bloc02{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ichioshi_happou_area04{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 20px 0 0 0;
    padding: 25px 3%;
    width: 34.3vw;
  }
  .ichioshi_happou_left_bloc03{
    width: 143px;
    margin: 0 10px 0 0;
  }
  .ichioshi_happou_right_bloc03{
    width: 268px;
  }
  .ichioshi_happou_name03{
    font-size: 18px;
    font-weight: bold;
    color: #00bceb;
    margin: 10px 0;
  }
  .ichioshi_happou_bloc03{
    background-color: #f3f7f9;
    padding: 70px 0 100px 0;
  }
  .ichioshi_happou_text02{
    font-size: 18px;
    color: #099ce0;
    margin: 40px 0 50px 0;
    line-height: 30px;
  }
  .ichioshi_happou_catchi03{
    font-size: 20px;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 15px 0;
  }
  .ichioshi_happou_catchi04{
    font-size: 20px;
    font-weight: bold;
    color: #00bceb;
    margin: 25px 0 15px 0;
  }
  .ichioshi_happou_area05{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .ichioshi_happou_left_bloc04{
    width: 20%;
  }
  .ichioshi_happou_right_bloc04{
    width: 77%;
  }
  .ichioshi_happou_text03{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
  }
  .ichioshi_happou_area06{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 35px 40px;
    margin: 15px 0 0 0;
  }
  .ichioshi_happou_tokutyou_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 35px 0 0 0;
  }
  .ichioshi_happou_tokutyou_img01{
    margin: 0 0 10px 0;
    width: 32%;
  }
  /* 発泡ツール */

  /* 過酢酸製剤 */
  .ichioshi_kasaku_content_bloc01{
    background-color: #d7f5ff;
    padding: 0 0 65px 0;
  }
  .ichioshi_kasaku_banner_bloc{
    display: flex;
    justify-content: space-between;
    width: 60vw;
    margin: 0 auto;
    padding: 35px 0 30px 0;
  }
  .ichioshi_kasaku_banner_box{
    width: 32.5%;
  }
  .ichioshi_kasaku_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15px 0;
  }
  .ichioshi_kasaku_area01{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 45px 40px;
  }
  .ichioshi_kasaku_left_bloc01{
    width: 30%;
  }
  .ichioshi_kasaku_name01{
    font-size: 30px;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 10px 0;
  }
  .ichioshi_kasaku_area02{
    font-size: 12px;
    padding: 20px 30px 25px 30px;
    background-color: #f8f8f8;
    width: 335px;
  }
  .ichioshi_kasaku_text_bloc01{
    display: flex;
    justify-content: flex-start;
    margin: 15px 0 0 0;
  }
  .ichioshi_kasaku_text01{
    width: 90px;
  }
  .ichioshi_kasaku_bloc02{
    width: 80vw;
    margin: 0 auto;
    background-color: #fff;
  }
  .ichioshi_kasaku_catchi01{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #00bceb;
    margin: 0 0 25px 0;
  }
  .ichioshi_kasaku_area03{
    background-color: #d7f5ff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 35px 40px;
  }
  .ichioshi_kasaku_box01{
    text-align: center;
    width: 32%;
  }
  .ichioshi_kasaku_box01:nth-child(2){
    text-align: center;
    width: 32%;
    margin: 0 2%;
  }
  .ichioshi_kasaku_text02{
    font-size: 22px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 35px 0 0 0;
  }
  .ichioshi_kasaku_catchi02{
    font-size: 30px;
    color: #0ea2e7;
    margin: 0 0 70px 0;
  }
  .ichioshi_kasaku_bloc03{
    width: 80vw;
    margin: 15px auto 0 auto;
    background-color: #fff;
  }
  .ichioshi_kasaku_area04{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .ichioshi_kasaku_num{
    width: 10%;
    margin: 0 22px 0 0;
  }
  .ichioshi_kasaku_num_catchi01{
    font-size: 26px;
    font-weight: bold;
    color: #0ea2e7;
  }
  .ichioshi_kasaku_num_catchi02{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 20px;
  }
  .ichioshi_kasaku_area05{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_kasaku_num_catchi03{
    font-size: 26px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 15px 0 25px 0;
  }
  .ichioshi_kasaku_num_img01{
    width: 430px;
    margin: 45px 50px 0 0;
  }
  .ichioshi_kasaku_num_img02{
    width: 334px;
    margin: 0 30px 0 0;
  }
  .ichioshi_kasaku_num_catchi04{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
  }
  .ichioshi_kasaku_text03{
    font-size: 16px;
    font-weight: bold;
  }
  .ichioshi_kasaku_text04{
    font-size: 14px;
  }
  .ichioshi_kasaku_num_catchi05{
    font-size: 14px;
    font-weight: bold;
  }
  .ichioshi_kasaku_bloc04{
    width: 80vw;
    margin: 15px auto 0 auto;
    background-color: #00bceb;
  }
  .ichioshi_kasaku_num_catchi06{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 0 35px 0;

  }
  .ichioshi_kasaku_area06{
    background-color: #fff;
    border-radius: 20px;
    padding: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #00bceb;
  }
  .ichioshi_kasaku_area07{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
  }
  .ichioshi_kasaku_left_bloc02{
    width: 30%;
  }
  .ichioshi_kasaku_catchi03{
    margin: 0 0 25px 0;
  }
  .ichioshi_kasaku_right_area01{
    display: flex;
    justify-content: space-between;
    width: 40vw;
  }
  .ichioshi_kasaku_right_img01{
    width: 48%;
  }
  .ichioshi_kasaku_text05{
    font-size: 22px;
    margin: 15px 0 0 0;
  }

  .ichioshi_kasaku_area09{
    display: flex;
    align-items: center;
  }
  .ichioshi_kasaku_num_box02{
    width: 80%;
  }
  .ichioshi_kasaku_caption01{
    font-size: 14px;
    font-weight: bold;
  }
  .ichioshi_kasaku_caption02{
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin: 20px 0 0 0;
  }
  /* 過酢酸製剤 */
  /* イチオシ */

  /* サポート */
  .support_content_bloc01{
    background-color: #d9faed;
    padding: 0 0 65px 0;
  }
  .support_title_bloc{
    width: 517px;
    margin: 0 auto;
    padding: 77px 0 0 0;
  }
  .support_text01{
    font-size: 18px;
    font-weight: bold;
    color: #00958f;
    line-height: 34px;
    margin: 30px auto 70px auto;
    width: 80vw;
  }
  .support_bloc01{
    width: 80vw;
    margin: 0 auto;
    background-color: #fff;
  }
  .support_area01{
    text-align: left;
    padding: 40px 26px;
    margin: 20px 0 0 0;
  }
  .support_area01:first-child{
    text-align: left;
    padding: 40px 26px;
  }
  .support_num_bloc01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .support_num_img{
    width: 40px;
    margin: 0 13px 0 0;
  }
  .support_num_text{
    font-size: 24px;
    font-weight: bold;
    color: #00b8b1;
  }
  .support_text_bloc01{
    margin: 50px 0 25px 53px;
    font-size: 16px;
    font-weight: bold;
  }
  .support_text02{
    margin: 20px 0;
  }
  .support_img_bloc01{
    margin: 50px 0 80px 53px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .support_img_area01{
    width: 65%;
  }
  .support_img_area02{
    width: 30%;
  }
  .support_img_area02 img{
    width: 80%;
  }
  .support_img_text{
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  .support_area02{
    background-color: #f3f7f9;
    padding: 45px 40px;
  }
  .support_text03{
    font-size: 20px;
    font-weight: bold;
    color: #0094d8;
    margin: 0 0 40px 0;
  }
  .support_text04{
    font-size: 24px;
  }
  .support_case_bloc01{
    background-color: #fff;
    border: solid 3px #009fe8;
    border-radius: 20px;
    padding: 15px 13px;
  }
  .support_case_bloc01:last-child{
    background-color: #fff;
    border: solid 3px #009fe8;
    border-radius: 20px;
    padding: 15px 13px;
    margin: 20px 0 0 0;
  }
  .support_case_area01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .support_case_img01{
    width: 72px;
    margin: 0 12px 0 0;
  }
  .support_case_text01{
    font-size: 18px;
    font-weight: bold;
    color: #0094d8;
  }
  .support_case_img02{
    margin: 10px auto 0 auto;
  }
  .support_img_area03{
    width: 70%;
  }
  .support_text_bloc02{
    margin: 50px 0 25px 53px;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
  }
  .support_img_bloc02{
    margin: 50px 0 80px 53px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .support_img_bloc03{
    display: flex;
    justify-content: space-between;
    margin: 50px 0 80px 53px;
  }
  .support_img_area04{
    width: 48%;
  }
  /* サポート */

  /* サステナブル */
  /* 排水熱回収装置 */
  .sus_content_bloc01{
    background-color: #97d7b9;
    padding: 70px 0 65px 0;
  }
  .sus_bloc01{
    width: 80vw;
    margin: 0 auto;
    background-color: #fff;
  }
  .sus_area01{
    text-align: left;
    padding: 70px 80px;
  }
  .sus_haisuinetu_img01{
    width: 403px;
    margin: 0 auto;
  }
  .sus_haisuinetu_bloc01{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 45px 0;
  }
  .sus_haisuinetu_img02{
    width: 40%;
  }
  .sus_haisuinetu_text01{
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
    width: 55%;
  }
  .sus_haisuinetu_text02{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    text-align: center;
    padding: 22px 0;
    margin: 0 0 37px 0;
  }
  .sus_haisuinetu_icon_bloc{
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
  }
  .sus_haisuinetu_icon_bloc:last-child{
    display: flex;
    align-items: center;
    margin: 0;
  }
  .sus_haisuinetu_icon{
    width: 112px;
    margin: 0 22px 0 0;
  }
  .sus_haisuinetu_icon_area{
    width: 725px;
  }
  .sus_haisuinetu_icon_text01{
    font-size: 18px;
    font-weight: bold;
    color: #00a759;
  }
  .sus_haisuinetu_icon_text01{
    font-size: 14px;
  }
  .sus_haisuinetu_img03{
    width: 505px;
    margin: 65px auto 70px auto;
  }
  .sus_haisuinetu_bloc02{
    background-color: #d9f5e8;
    padding: 30px 22px 70px 22px;
  }

  /* 左右に横線 */
  .sus_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 2.2vw;
    color: #2d9f5a;
    /*margin: 50px 0;*/
    font-weight: bold;
  }
  .sus_text_line::before,
  .sus_text_line::after {
    background-color: #2d9f5a; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 16vw; /* 横線の長さ */
  }
  .sus_text_line::before {
    margin-right: 1.5vw; /* 文字との余白 */
  }
  .sus_text_line::after {
    margin-left: 1.5vw; /* 文字との余白 */
  }

  .sus_haisuinetu_num_bloc{
    font-size: 16px;
    font-weight: bold;
    color: #2d9f5a;
    background-color: #fff;
    padding: 20px 15px;
    margin: 40px 0 25px 0;
  }

  .sus_haisuinetu_bloc03{
    border: 4px solid #00a759;
    font-size: 16px;
    padding: 30px 40px;
    margin: 30px 0 0 0;
  }
  .sus_haisuinetu_text03{
    font-size: 22px;
    font-weight: bold;
    color: #00a759;
    margin: 0 0 15px 0;
  }
  /* 排水熱回収装置 */
  /* 省エネ */
  .sus_shouene_bloc01{
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #00a759;
    color: #fff;
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 34px;
  }
  .sus_shouene_img01{
    margin: 0 40px 0 0;
  }
  .sus_shouene_text01{
    padding: 20px 20px 20px 0;
  }
  .sus_shouene_text02{
    font-size: 30px;
    font-weight: bold;
    color: #00a759;
    text-align: center;
  }
  .sus_shouene_text03{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 55px 0;
  }
  .sus_shouene_img03{
    margin: 20px 0 45px 0;
  }
  .sus_shouene_bloc02{
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 0;
  }
  .sus_bloc02{
    width: 80vw;
    margin: 20px auto 0 auto;
    background-color: #fff;
  }
  .sus_shouene_img_left{
    width: 49%;
  }
  .sus_shouene_img_right{
    width: 49%;
  }
  /* 省エネ */
  /* サステナブル */

  /* 企業情報 */
  /* 共通 */
  .company_menu_bloc{
    background-color: #00112b;
  }
  .company_menu_area{
    width: 673px;
    margin: 0 auto;
    padding: 50px 0 35px 0;
    display: flex;
    justify-content: space-between;
  }
  .company_menu_line{
    width: 2px;
    height: 18px;
    margin: 5px 0 0 0;
    background-color: #30beff;
  }
  .company_menu_box{
    font-size: 18px;
    color: #30beff;
  }
  .company_menu_box a{
    font-size: 18px;
    color: #30beff;
  }
  .company_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .company_content_bloc{
    background-color: #bbeaff;
  }
  .company_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .company_bloc01:first-child{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 110px 0;
  }
  .company_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 80px 110px 80px;
  }
  .company_title{
    font-size: 30px;
    color: #03a3ec;
    text-align: center;
    margin: 0 0 65px 0;
  }
  .company_toplink_btn_bloc{
    padding: 0 0 120px 0;
    background-color: #bbeaff;
  }
  .company_toplink_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 0 auto 0 auto;
    padding: 20px 0;
  }
  .company_toplink_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 400px;
    margin: 70px auto 0 auto;
    padding: 20px 140px;
  }
  /* 共通 */

  /* 代表メッセージ */
  .company_greeting_bloc01{
    display: flex;
  }
  .company_greeting_area01{
    width: 389px;
  }
  .company_greeting_text01{
    margin: 50px 0 0 0;
    line-height: 28px;
  }
  .company_greeting_text02{
    margin: 30px 0 0 0;
    line-height: 28px;
  }
  .company_greeting_text03{
    margin: 70px 0 0 0;
    text-align: right;
  }
  /* 代表メッセージ */

  /* 会社概要 */
  .company_outline_catchi01{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #03a3ec;
    background-color: #f3f7f9;
    padding: 30px 45px;
    margin: 15px 0 50px 0;
  }
  .company_outline_text01{
    font-size: 16px;
    font-weight: bold;
    width: 190px;
  }
  .company_outline_text_bloc01{
    display: flex;
    justify-content: flex-start;
    margin: 30px 0;
  }
  .company_line01{
    background-color: #03a3ec;
    height: 1px;
  }
  .company_outline_text02{
    font-size: 16px;
    width: 586px;
  }
  .company_outline_text02 a{
    color: #03a3ec;
  }
  /* 会社概要 */

  /* 沿革 */
  .company_history_text01{
    font-size: 16px;
    font-weight: bold;
    width: 120px;
  }
  .company_history_text02{
    font-size: 16px;
    width: 657px;
  }
  .company_history_btn{
    width: 408px;
    margin: 80px auto 0 auto;
  }
  /* 沿革 */

  /* 事業所案内 */
  .company_officemap_img01{
    margin: 0 auto 90px auto;
  }
  .company_officemap_text_bloc01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0;
  }
  .company_officemap_text01{
    width: 222px;
  }
  .company_officemap_text01 a{
    font-size: 16px;
    font-weight: bold;
    color: #03a3ec;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .company_officemap_arrow{
    margin: 0 10px 0 0;
  }
  .company_officemap_text02{
    font-size: 14px;
    width: 400px;
  }
  .company_officemap_text03{
    font-size: 14px;
    font-weight: bold;
    width: 153px;
  }
  /* 事業所案内 */

  /* 事業所案内 2nd */
  /* 本社 */
  .officemap_menu_bloc{
    background-color: #fff;
  }
  .officemap_menu_area{
    width: 90vw;
    margin: 0 auto;
    padding: 50px 0 35px 0;
    display: flex;
    justify-content: space-between;
  }
  .officemap_menu_line{
    width: 1px;
    height: 18px;
    margin: 2px 0 0 0;
    background-color: #000;
  }
  .officemap_menu_box{
    font-size: 1.2vw;
    color: #000;
  }
  .officemap_menu_box a{
    font-size: 1.2vw;
    color: #000;
  }
  .officemap_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .officemap_title_bloc01{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #11b4ff;
  }
  .officemap_title_left{
    width: 610px;
    padding: 90px 0 90px 40px;
    background-color: #f1f1f1;
  }
  .officemap_title_text01{
    font-size: 1.7rem;
    color: #009ee6;
    margin: 0 0 30px 0;
  }
  .officemap_title_text02{
    font-size: 14px;
  }
  .officemap_title_text02 a{
    color: #009ee6;
    font-weight: bold;
  }
  .officemap_title_right{
    width: 326px;
    text-align: center;
    color: #fff;
    font-size: 1.5vw;
  }
  .officemap_title_text03{
    font-size: 1.6vw;
    margin: 0 0 30px 0;
  }
  .officemap_title_text04{
    font-size: 2vw;
    font-weight: bold;
  }
  .officemap_title_text04 a{
    font-size: 2vw;
    font-weight: bold;
    color: #fff;
  }
  .officemap_bloc01{
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: center;
  }
  /* googlemapレスポンシブ */
  .map-wrap {
    max-width: 100%; /* ここに横幅を指定 */
  }
  .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 比率を16:9に固定 */
  }
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* googlemapレスポンシブ */
  .map_bloc{
    margin: 0 0 50px 0;
  }
  .officemap_text01{
    font-size: 14px;
    text-align: left;
  }
  .officemap_img01{
    width: 389px;
    margin: 60px 0 0 0;
  }
  /* 本社 */
  /* 東北事業所 */
  .officemap_title_text05{
    font-size: 1.6vw;
    margin: 0 0 15px 0;
  }
  .officemap_title_text06{
    font-size: 16px;
    margin: 30px 0 15px 0;
  }
  /* 東北事業所 */
  /* 羽生プラーツ*/
  .officemap_hanyu_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 110px 0;
  }
  .officemap_hanyu_bloc01:first-child{
    background-color: #bbeaff;
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 0 0;
  }
  .officemap_hanyu_bloc02{
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: left;
  }
  .officemap_hanyu_catchi01{
    font-size: 16px;
    font-weight: bold;
    color: #009ee6;
  }
  .officemap_hanyu_catchi02{
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 15px 0;
    color: #009ee6;
  }
  .officemap_hanyu_text01{
    font-size: 14px;
    margin: 0 0 0 10px;
  }
  .officemap_hanyu_pdf_btn{
    width: 246px;
    margin: 50px auto 78px auto;
  }
  .officemap_hanyu_catchi03{
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 0 0;
    color: #009ee6;
  }
  .officemap_hanyu_text02{
    font-size: 14px;
    margin: 30px 0 0 0;
  }
  .officemap_hanyu_bloc03{
    background-color: #e3f6ff;
    padding: 90px 80px 110px 80px;
  }
  .officemap_hanyu_area01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .officemap_hanyu_catchi04{
    font-size: 18px;
    font-weight: bold;
    color: #009ee6;
  }
  .officemap_hanyu_text03{
    font-size: 14px;
    margin: 20px 0 0 0;
  }
  .officemap_hanyu_img02{
    width: 220px;
  }
  .officemap_hanyu_btn_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 35px 0 40px 0;
  }
  .officemap_hanyu_btn{
    width: 48%;
    margin: 0 0 20px 0;
  }
  .officemap_hanyu_btn:last-child{
    width: 48%;
    margin: 0;
  }
  .officemap_hanyu_btn:nth-last-child(2n){
    width: 48%;
    margin: 0;
  }
  .officemap_hanyu_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 10px 10px 10px 34px;
  }
  .officemap_hanyu_text03{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 5px 0 15px 0;
  }
  .officemap_hanyu_text04 a{
    font-size: 12px;
    color: #0097dd;
  }
  .officemap_hanyu_img03{
    width: 49%;
  }
  .officemap_hanyu_test_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 20px 0;
    width: 410px;
    margin: 60px auto 0 auto;
    text-align: center;
  }
  .officemap_hanyu_test_btn a{
    color: #fff;
    padding: 20px 60px;
  }
  /* 羽生プラーツ*/
  /* 大阪 */
  .officemap_osaka_img01{
    width: 389px;
  }
  /* 大阪 */

  /* 事業所案内 2nd */
  /* 創業者の想い */
  .company_message_img01{
    width: 390px;
    margin: 0 auto;
  }
  .company_message_catchi01{
    font-size: 18px;
    font-weight: bold;
    margin: 90px 0 55px 0;
  }
  .company_message_bloc01{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 30px;
  }
  .company_message_bloc02{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 30px;
    margin: 85px 0 0 0;
  }
  .company_message_text01{
    width: 50%;
  }
  .company_message_img02{
    width: 45%;
  }
  .company_message_img03{
    width: 80%;
  }
  .company_message_text02{
    width: 80%;
  }
  /* 創業者の想い */
  /* 企業情報 */

  /* 採用情報 */
  .recruit_menu_bloc{
    background-color: #00aded;
  }
  .recruit_menu_area{
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_menu_line{
    width: 2px;
    height: 27px;
    background-color: #fff;
  }
  .recruit_menu_box{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
  }
  .recruit_menu_box a{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
  }
  .recruit_content_bloc{
    background-color: #013371;
  }
  .recruit_title01{
    width: 296px;
    margin: 0 auto;
    padding: 75px 0 25px 0;
  }
  .recruit_about_catchi{
    width: 224px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_bloc01{
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .recruit_bloc01:first-child{
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 110px 0;
  }
  .recruit_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: center;
  }
  .recruit_about_text01{
    font-size: 30px;
    font-weight: bold;
    color: #013371;
  }
  .recruit_about_text02{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    margin: 35px 0 120px 0;
  }
  .recruit_about_text03{
    font-size: 36px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_bloc03{
    text-align: left;
    border: 2px solid #00aded;
    padding: 60px 27px;
    margin: 25px 0 0 0;
    letter-spacing: -1px;
  }
  .recruit_area01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_about_text04{
    font-size: 16px;
    font-weight: bold;
    line-height: 2rem;
  }
  .recruit_about_text05{
    font-size: 22px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_about_img01{
    width: 30%;
    margin: 0 0 0 10px;
  }
  .recruit_about_img02{
    margin: 35px auto 0 auto;
  }
  .recruit_about_img03{
    margin: 0 auto 40px auto;
  }
  .recruit_about_text06{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    text-align: center;
    margin: 70px 0 15px 0;
    letter-spacing: 0;
  }
  .recruit_about_img04{
    margin: 0 auto;
  }
  .recruit_about_area02{
    width: 417px;
    margin: 35px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .recruit_about_img05{
    width: 151px;
  }
  .recruit_about_img06{
    width: 259px;
  }
  .recruit_jobs_catchi{
    width: 175px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_jobs_text01{
    font-size: 24px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_jobs_text02{
    font-size: 16px;
    color: #00aded;
    text-align: center;
    margin: 35px auto 70px auto;
    border: 2px solid #00aded;
    padding: 10px 20px;
  }
  .recruit_jobs_text03{
    font-size: 24px;
    color: #00aded;
    font-weight: bold;
    text-align: center;
    margin: 75px auto 35px auto;
  }
  .recruit_jobs_img07 {
    width: 90%;
    margin: 0 auto;
  }
  /* イメージマップSVG */
  .recruit_jobs_img07 svg {
    width: 100%;
    height: auto;
    display: block;
  }
  /* イメージマップSVG */

  /* リクルートモーダル */
  .modal_recruit {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    pointer-events: none;
  }
  .modal_recruit.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .modal_recruit-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
  }
  .modal_recruit-content {
    position: relative;
    background: #fff;
    width: 65vw;
    padding: 55px;
  }
  .modal_recruit-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: #fff;
    border: none;
    color: #00aded;
    margin: 10px 5px 0 0;
  }
  /* リクルートモーダル中身 */
  .modal_recruit_title_bloc{
    margin: 0 0 40px 0;
  }
  .modal_recruit_title_img{
    width: 80px;
    margin: 0 auto;
  }
  .modal_recruit_title_catchi{
    font-size: 24px;
    font-weight: bold;
    color: #00aded;
    margin: 15px 0 0 0;
  }
  .modal_recruit_inner_bloc{
    font-size: 14px;
    text-align: left;
  }
  .modal_recruit_inner_text01{
    margin: 0 0 15px 0;
  }
  .modal_recruit_inner_circle{
    font-size: 8px;
    color: #00aded;
    vertical-align: middle;
  }
  .modal_recruit_inner_text02{
    margin: 0 0 15px 0;
    color: #00aded;
    font-weight: bold;
  }
  .modal_recruit_num_bloc{
    display: flex;
    align-items: center;
    margin: 6px 0 0 0;
  }
  .modal_recruit_num_bloc:first-child{
    display: flex;
    align-items: center;
    margin: 0;
  }
  .modal_recruit_num_img{
    width: 19px;
    margin: 0 16px 0 0;
  }
  .modal_recruit_img_bloc{
    display: flex;
    justify-content: space-between;
    margin: 30px 0 40px 0;
  }
  .modal_recruit_img{
    width: 48%;
  }
  .modal_recruit_btn_bloc{
    width: 240px;
    margin: 0 auto;
  }
  /* リクルートモーダル中身 */
  /* リクルートモーダル */

  .recruit_interview_catchi{
    width: 238px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_int_btn_bloc{
    display: flex;
    justify-content: center;
  }
  /* ホバー画像切り替え */
  .recruit_int_btn_bloc a:hover{
    opacity: 1;
  }
  .recruit_int_btn_box {
    position: relative;
  }
  .recruit_int_btn_box img {
    transition: opacity 0.5s;
  }
  .recruit_int_btn_box img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
  .recruit_int_btn_box:hover img:last-of-type {
    opacity: 1;
  }
  /* ホバー画像切り替え */
  .recruit_benefit_catchi{
    width: 140px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_bloc04{
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 80px 110px 80px;
    text-align: left;
  }
  .recruit_benefit_catchi01{
    font-size: 30px;
    color: #00aded;
    margin: 30px 0 15px 0;
  }
  .recruit_benefit_catchi01:first-child{
    font-size: 30px;
    color: #00aded;
    margin: 0 0 15px 0;
  }
  .recruit_benefit_bloc01{
    display: flex;
    justify-content: center;
  }
  .recruit_benefit_area01{
    border: 2px solid #00aded;
    padding: 20px 20px 35px 20px;
    width: 282px;
  }
  .recruit_benefit_area01:nth-child(2){
    border: 2px solid #00aded;
    padding: 20px 20px 35px 20px;
    border-left: none;
    border-right: none;
    width: 282px;
  }
  .recruit_benefit_box01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_benefit_num{
    font-size: 2rem;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_benefit_icon{
    width: 30%;
  }
  .recruit_benefit_text01{
    font-size: 16px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_benefit_text02{
    font-size: 12px;
    font-weight: bold;
  }
  .recruit_intern_catchi{
    width: 154px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_intern_text01{
    font-size: 24px;
    font-weight: bold;
    color: #00aded;
    text-align: left;
  }
  .recruit_intern_text02{
    font-size: 20px;
    font-weight: bold;
  }
  .recruit_intern_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .recruit_intern_area01{
    font-weight: bold;
    margin: 32px 0 0 0;
    width: 45%;
  }
  .recruit_intern_box01{
    display: flex;
    align-items: center;
  }
  .recruit_intern_num{
    width: 27px;
    margin: 0 13px 0 0;
  }
  .recruit_intern_text03{
    font-size: 16px;
    color: #00aded;
  }
  .recruit_intern_text04{
    font-size: 12px;
    line-height: 20px;
    margin: 8px 0 0 40px;
  }
  .recruit_intern_text05{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 30px 0 0 0;
  }
  .recruit_guide_catchi{
    width: 142px;
    margin: 0 auto 48px auto;
    font-size: 20px;
    font-weight: bold;
    color: #00184e;
    background-color: #fff;
    padding: 10px 15px;
  }
  .recruit_guide_text01{
    font-size: 30px;
    font-weight: bold;
    color: #00aded;
    text-decoration: underline 10px #00aded;
    text-underline-offset: 10px;
  }
  .recruit_guide_text02{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    margin: 60px 0 0 0;
  }
  .recruit_guide_bloc01{
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin: 75px auto 130px auto;
  }
  .recruit_guide_left01{
    display: flex;
    justify-content: flex-start;
  }
  .recruit_guide_mark{
    background-color: #00aded;
    width: 10px;
    height: 24px;
    margin: 0 13px 0 0;
  }
  .recruit_guide_text03{
    font-size: 18px;
    font-weight: bold;
  }
  .recruit_guide_right01{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: bold;
  }
  .recruit_guide_text04{
    width: 80px;
  }
  .recruit_guide_btn_bloc{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
  }
  .recruit_guide_btn01{
    font-size: 1.5vw;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 20px 0;
    width: 46%;
    margin: 40px 0;
    text-align: center;
  }
  .recruit_guide_btn01 a{
    color: #fff;
    padding: 20px 14%;
  }
  .recruit_guide_btn02{
    font-size: 1.5vw;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 20px 0;
    width: 46%;
    margin: 40px 0;
    text-align: center;
  }
  .recruit_guide_btn02 a{
    color: #fff;
    padding: 20px 7%;
  }
  .recruit_guide_bloc02{
    border: 2px solid #00aded;
    margin: 0 auto;
    padding: 20px 0 30px 0;
  }
  .recruit_guide_text05{
    font-size: 18px;
    font-weight: bold;
    color: #00aded;
    margin: 0 0 15px 0;
  }
  .recruit_guide_text06{
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
  }
  /* インタビュー共通 */
  .recruit_int_bloc01{
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 110px 80px;
    text-align: left;
  }
  .recruit_int_title_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00aded;
  }
  .recruit_int_title_area{
    width: 30%;
  }
  .recruit_int_title_num{
    width: 5vw;
  }
  .recruit_int_title_catchi{
    font-size: 1.5rem;
    font-weight: bold;
    margin: 22px 0 12px 0;
  }
  .recruit_int_title_text{
    font-size: 1rem;
    font-weight: bold;
  }
  .recruit_int_title_img{
    width: 70%;
  }
  .recruit_int_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 0 80px 110px 80px;
    text-align: left;
  }
  .recruit_int_catchi01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #00aded;
    display: inline;
    padding: 10px 20px;
  }
  .recruit_int_text01{
    font-size: 24px;
    color: #00aded;
    margin: 30px 0 18px 0;;
  }
  .recruit_int_text02{
    font-size: 14px;
    font-weight: bold;
  }
  .recruit_int_bloc03{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 80px 110px 0;
    text-align: left;
  }
  .recruit_int_img01{
    width: 40%;
  }
  .recruit_int_area01{
    width: 55%;
  }
  .recruit_int_img02{
    width: 80%;
    margin: 75px auto 0 auto;
  }
  .recruit_int_bloc04{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 150px 80px;
    text-align: left;
  }
  .recruit_int_archive_btn_bloc{
    padding: 0 0 100px 0;
  }
  .recruit_int_archive_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 30px 0;
    width: 364px;
    margin: 40px auto 0 auto;
    text-align: center;
  }
  .recruit_int_archive_btn a{
    color: #fff;
    padding: 30px 90px;
  }
  /* インタビュー共通 */
  /* 採用情報 */
  /* 下層 2nd */

  /* 下層 3rd */
  /* コンテナバッチ式 */
  .container_bachisiki_bloc{
    background-color: #bbeaff;
    padding: 80px 0 130px 0;
    background-size: 100%;
  }
  .sheet_box{
    width: 240px;
    margin: 10px 0 12px 0;
  }

  .container-bachisiki_open_bloc01{
    display: flex;
    justify-content: space-between;
  }
  .container-bachisiki_drawer_open_icon_text{
    width: 40vw;
    text-align: left;
  }
  .container-bachisiki_drawer_open_text_bloc01{
    margin: 30px 0 0 0;
  }
  .container-bachisiki_drawer_open_text_area01{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 10px 0;
    text-align: left;
  }
  .container-bachisiki_drawer_open_circle{
    font-size: 10px;
    color: #33b3ee;
    margin: 4px 5px 0 0;
  }
  .container-bachisiki_drawer_open_caption{
    font-size: 12px;
    text-align: left;
    margin: 0 0 0 15px;
  }

  /* 左右に横線 */
  .bachisiki_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 24px;
    color: #00a4ef;
    margin: 70px 0 40px 0;
    font-weight: bold;
  }
  .bachisiki_text_line::before,
  .bachisiki_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 30vw; /* 横線の長さ */
  }
  .bachisiki_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .bachisiki_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .bachisiki_option_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
  }
  .bachisiki_option_area{
    background-color: #fff;
    width: 32.6vw;
    padding: 50px 4% 40px 4%;
    margin: 0 0 20px 0;
  }
  .bachisiki_option_img_area{
    display: flex;
    justify-content: space-between;
  }
  .bachisiki_option_img_box:last-child{
    width: 50%;
    margin: 0;
  }
  .bachisiki_option_img_box{
    width: 50%;
    margin: 0 14px 0 0;
  }
  .bachisiki_option_catchi{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 25px 0;
  }
  .bachisiki_option_text01{
    font-size: 14px;
    letter-spacing: -0.02rem;
  }
  .bachisiki_option_caption{
    font-size: 12px;
    margin: 25px 0 0 0;
    line-height: 15px;
  }
  /* コンテナバッチ式 */

  /* コンテナコンベヤ式 */
  .conveyor_option_img_box{
    margin: 0;
  }
  .conveyor_option_img_box:first-child{
    margin: 0 14px 0 0;
  }
  .conveyor_option_catchi01{
    font-size: 18px;
    font-weight: bold;
    margin: 50px 0 25px 0;
  }
  .conveyor_option_detail_btn01{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 160px;
    margin: 30px auto 0 auto;
    padding: 20px 0;
    text-align: center;
  }
  .conveyor_option_detail_btn01 a{
    color: #fff;
    padding: 20px 10px;
  }
  .conveyor_option_detail_btn02{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    margin: 30px auto 0 auto;
    padding: 20px 0;
    text-align: center;
  }
  .conveyor_option_detail_btn02 a{
    color: #fff;
    padding: 20px 10px;
  }
  .conveyor_option_bloc01{
    background-color: #fff;
    padding: 50px 4% 40px 4%;
    text-align: left;
    margin: 0 0 20px 0;
  }
  .conveyor_option_title{
    font-size: 18px;
    font-weight: bold;
  }
  .conveyor_option_text01{
    font-size: 14px;
    margin: 15px 0 65px 0;
  }
  .conveyor_option_img01{
    text-align: center;
  }
  .conveyor_option_bloc02{
    background-color: #fff6d9;
    margin: 60px 0 0 0;
    padding: 40px 30px;
    text-align: left;
  }
  .conveyor_option_area{
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px 0;
  }
  .conveyor_option_area:last-child{
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .conveyor_option_left{
    width: 50%;
  }
  .conveyor_option_catchi02{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .conveyor_option_text02{
    font-size: 14px;
  }
  .conveyor_option_right{
    display: flex;
    justify-content: flex-start;
    width: 45%;
  }
  .conveyor_option_img02{
    width: 50%;
    margin: 0 10px 0 0;
  }
  .conveyor_option_img02:last-child{
    width: 50%;
    margin: 0;
  }
  /* コンテナコンベヤ式 */

  /* コンテナ洗浄脱水機 */
  .container_senjodassui_bloc01{
    background-color: #fff;
    text-align: left;
    padding: 50px 40px;
  }
  .container_senjodassui_title{
    font-size: 24px;
    font-weight: bold;
  }
  .container_senjodassui_catchi01{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 13px 10px;
    margin: 20px 0 30px 0;
  }
  .container_senjodassui_area01{
    display: flex;
    justify-content: space-between;
  }
  .container_senjodassui_left{
    width: 40vw;
    margin: 0 3% 0 0;
  }
  .container_senjodassui_box01{
    display: flex;
    justify-content: flex-start;
  }
  .container_senjodassui_catchi02{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 13px 10px;
    margin: 20px 0 10px 0;
    text-align: left;
  }
  .container_senjodassui_bloc02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .container_senjodassui_area02{
    background-color: #fff;
    padding: 5% 2%;
    font-size: 14px;
    text-align: left;
    margin: 0 3% 0 0;
    width: 27.3%;
  }
  .container_senjodassui_area02:nth-child(3){
    background-color: #fff;
    padding: 5% 2%;
    font-size: 14px;
    text-align: left;
    margin: 0;
    width: 27.3%;
  }
  .container_senjodassui_area02:nth-child(n+4){
    background-color: #fff;
    padding: 5% 2%;
    font-size: 14px;
    text-align: left;
    margin: 3% 3% 0 0;
    width: 27.3%;
  }
  .container_senjodassui_img01{
    align-items: center;
  }
  .container_senjodassui_catchi03{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 20px 0;
  }
  .container_senjodassui_option_img_box01{
    margin: 0 auto;
  }
  .container_senjodassui_option_bloc01{
    display: flex;
    justify-content: space-between;
  }
  .container_senjodassui_option_text01{
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  .container_senjodassui_option_left{
    width: 50%;
  }
  .container_senjodassui_option_right{
    display: flex;
    justify-content: space-between;
    width: 45%;
  }
  .container_senjodassui_option_img_box02:first-child{
    margin: 0 10px 0 0;
  }
  .container_senjodassui_option_bloc02{
    background-color: #f3f7f9;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
    padding: 4%;
  }
  .container_senjodassui_option_area{
    display: flex;
    justify-content: space-between;
    width: 30vw;
  }
  .container_senjodassui_option_area:nth-child(n+3){
    display: flex;
    justify-content: space-between;
    margin: 35px 0 0 0;
  }
  .container_senjodassui_option_text_box01{
    width: 50%;
    font-size: 14px;
  }
  .container_senjodassui_option_catchi{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .container_senjodassui_option_img_box03{
    width: 45%;
  }
  .container_senjodassui_option_img_box04:first-child{
    margin:0 0 13px 0;
  }
  .container_senjodassui_option_text02{
    font-size: 12px;
    text-align: center;
    margin: 5px 0 0 0;
  }
  /* コンテナ洗浄脱水機 */

  /* 化粧品 */
  .cosme_bloc{
    width: 80vw;
    margin: 0 auto;
    padding: 80px 0 100px 0;
  }
  .cosme_menu_bloc{
    display: flex;
    justify-content: space-between;
    margin: 0 0 100px 0;
  }
  .cosme_menu_img{
    width: 24%;
  }
  .cosme_btn01{
    background-color: #e2f0fa;
  }
  .cosme_btn01 img{
    width: 70%;
    margin: 0 auto;
  }
  /* 化粧品 */
  /* 下層 3rd */

  /* プライバシーポリシー */
  .privacy_bloc01{
    background-color: #e4f4ff;
    padding: 80px 0 100px 0;
  }
  .privacy_title{
    font-size: 30px;
    color: #0087c6;
    margin: 0 0 80px 0;
  }
  .privacy_bloc02{
    background-color: #fff;
    width: 80vw;
    margin: 0 auto;
    text-align: left;
    padding: 85px 0 130px 0;
  }
  .privacy_bloc02:last-child{
    background-color: #fff;
    width: 80vw;
    margin: 50px auto 0 auto;
    text-align: left;
    padding: 85px 0 80px 0;
  }
  .privacy_area01{
    width: 80%;
    margin: 0 auto;
  }
  .privacy_text01{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 65px 0;
  }
  .privacy_text02{
    font-size: 14px;
    margin: 0 0 50px 0;
  }
  .privacy_text03{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .privacy_text04{
    font-size: 14px;
    font-weight: bold;
    text-align: right;
  }
  /* プライバシーポリシー */


  /* フッター */
  footer{
    text-align: center;
    font-size: 12px;
    padding: 0 0 50px 0;
    color: #fff;
    background-color: #00112b;
  }
  .footer_logo_box img{
    width: 94px;
    margin: 50px 0 30px 0;
  }
  /* フッター */


  /* pc・sp表示切り替え */
  .menu_bloc_sp{
    display: none;
  }
  .sp{
    display: none;
  }
  /* pc・sp表示切り替え */
}


/* smartphone */
@media screen and (max-width: 767px){
  body {
    background-attachment: fixed;
    background-position: top;
    background-color:#fff;
    font-family: 'M PLUS 1p', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
  }
  a{
    color: #000;
    text-decoration: none;
  }
  .wrapper{
    overflow: hidden;
  }
  header{
    background-color: #fff;
    z-index: 100;
  }
  h1{
    margin: 5% 3%;
  }
  img{
    max-width: 100%;
  }

  /* ヘッダー */
  .head_sp{
    position: fixed;
    padding: 6%;
    width: 100%;
  }
  .logo_box img{
    width: 60%;
  }
  /*ハンバーガーメニュー*/
  #sp_toggle {
    position: fixed;
    top: 1.5%;
    right: 3%;
  }
  #toggle-box {
    position: relative;
    width: 50px;
    height: 40px;
    cursor: pointer;
    transition: all 0.5s ease-out;
  }
  #toggle-box > span {
    width: 25px;
    height: 2px;
    left: 10px;
    display: block;
    background: #002c7c;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;
  }
  #toggle-box > span:nth-child(1) {
    top: 30%;
  }
  #toggle-box > span:nth-child(2) {
    top: 50%;
    transform: translatey(-50%);
  }
  #toggle-box > span:nth-child(3) {
    bottom: 30%;
  }
  #sp_toggle {
    z-index: 1000;
  }
  #main {
    position: relative;
    z-index: 990;
  }
  #nav-content-sp {
    z-index: 900;
    overflow: auto;
    width: 100vw;
    height: 100%;
    background: #000000;
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    transform: translateX(100%);
    transition:  transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #nav-content-sp ul {
    list-style: none;
    padding: 0;
    margin: 20% auto;
    width: 60%;
  }
  #nav-content-sp li {
    /*margin: 0 0 5% 0;*/
  }
  #nav-content-sp a {
    text-decoration: none;
    color: #fff;
  }
  #nav-content-sp a:hover {
    opacity: 0.7;
  }
  #nav-content-sp img {
    width: 100%;
  }
  .is-open {
    /*overflow: hidden;*/
  }
  .is-open #toggle-box {
    transition: all 0.5s ease-out;
  }
  .is-open #toggle-box > span {
    background: #fff;
  }
  .is-open #toggle-box > span:nth-child(1) {
    top: 50%;
    transform: rotate(405deg) translatey(-50%);
    background-color: #4eb6ff;
  }
  .is-open #toggle-box > span:nth-child(2) {
    width: 0;
  }
  .is-open #toggle-box > span:nth-child(3) {
    top: 50%;
    transform: rotate(-405deg) translatey(-50%);
    left: 11px;
    background-color: #4eb6ff;
  }
  .is-open #nav-content-sp {
    z-index: 999;
    transform: translateX(0);
  }
  .overlay {
    background: rgba(0,0,0,0.5);
    height: 100vh;
    transition: all 0.5s ease-out;
  }
  .menu_line{
    background-color: #4eb6ff;
    height: 1px;
  }
  .menu_lower{
    margin: 3% 0 20% 0;
  }
  #nav-content-sp .menu_eng img{
    width: 60%;
  }
  /*ハンバーガーメニュー*/
  /* ヘッダー */

  /* トップムービー */
  .top_video {
    position: relative;
    width: 100%;
    margin: 20% 0 0 0;
    background-color: #000;
  }
  .top_video video {
    width: 100%;
  }
  .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5%;
    width: 10%;
  }
  .loading img {
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .loading.hidden {
    opacity: 0;
    pointer-events: none; /* 非表示時にマウスイベントを無効化 */
  }
  /* トップムービー */

  /* メインコンテンツ */
  /* top */
  /* ニュース */
  .top_news_bloc{
    background-color: #001e58;
    color: #18b6ff;
    text-align: left;
  }
  .top_news_area{
    width: 90%;
    margin: 0 auto;
    padding: 7% 0;
    align-items:center;
  }
  .top_news_line{
    display: none;
  }
  .top_news_article_bloc{
    font-size: 0.7rem;
    line-height: 1rem;
  }
  .top_news_title{
    color: #fff;
    margin: 0 0 3% 0;
  }
  .top_news_date{
    color: #18b6ff;
    line-height: 0.8rem;
  }
  .top_news_btn{
    padding: 3% 0 0 0;
    font-size: 0.8rem;
    text-align: center;
  }
  .top_news_btn a{
    color: #18b6ff;
  }
  /* ニュース */

  /* バナー */
  .top_banner_bloc{
    background-color: #212121;
  }

  /* バナースライダー */
  .slider-wrapper_banner {
    display: flex; /* スライドのグループを横並び */
    overflow: hidden; /* はみ出たスライドを隠す */
    padding: 10% 0;
    background-color: #212121;
  }
  /* スライド3枚のグループ */
  .slider_banner {
    animation: scroll-left 40s infinite linear .5s both;
    display: flex; /* スライド3枚を横並び */
  }
  /* スライド */
  .slide_banner {
    width: calc(100vw / 1); /* 3はスライドの枚数 */
  }
  /* スライドの画像 */
  .slide_banner img {
    display: block;
    width: 90%;
  }
  /* CSSアニメーション */
  @keyframes scroll-left {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
  /* バナースライダー */
  /* バナー */

  /* ソリューション */
  .top_solution_bloc{
    background-color: #f3f7f9;
    padding: 10% 0;
  }
  .solution_catchi{
    width: 95%;
    margin: 0 auto 5% auto;
  }
  .swiper-slide img {
    height: auto;
    width: 100%;
  }
  /* ソリューション */

  /* サポート */
  .top_support_bloc{
    padding: 15% 0 0 0;
  }
  .top_support_area{
    text-align: center;
  }
  .top_support_catchi_area{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 10% auto;
    font-size: 1rem;
    font-weight: bold;
    color: #0068b9;
  }
  .top_support_catchi_area img{
    width: 50%;
  }
  .top_support_circle_img{
    background-image: url("./images/sp_top_bg_gradation.png");
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .top_support_circle_img img{
    width: 80%;
    margin: 20% 0 15% 0;
  }
  .top_support_img_bloc{
    background-color: #e4f4ff;
  }
  .top_support_img_area{
    display: flex;
    justify-content: space-between;
    background-color: #003f6b;
    align-items: center;
    margin: 0 auto 2% auto;
    width: 95%;
  }
  .top_support_img_area:nth-child(3){
    display: flex;
    justify-content: space-between;
    background-color: #003f6b;
    align-items: center;
    margin: 0 auto;
    width: 95%;
  }
  .top_support_img_box{
    width: 50%;
  }
  .top_support_text01{
    font-size: 0.6rem;
    line-height: 1.3rem;
  }
  .top_support_text02{
    font-size: 0.7rem;
    color: #fff;
    text-align: left;
    padding: 5%;
    width: 100%;
  }
  .top_support_btn_box{
    background-color: #e4f4ff;
    padding: 10% 0 20% 0;
  }
  .top_support_btn{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95%;
    margin: 0 auto;
    padding: 5% 0;
  }
  .top_support_btn a{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 5% 28%;
  }
  /* サポート */

  /* 洗濯機 */
  .top_washing_bloc{
    background-color: #00255d;
    padding: 15% 0 20% 0;
    font-weight: bold;
    text-align: center;
  }
  .washing_title_eng{
    font-size: 2rem;
    color: #44c4ff;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .washing_title_jp{
    font-size: 1.1rem;
    color: #fff;
    margin: 3% 0 5% 0;
  }
  .washing_catchi{
    font-size: 0.9rem;
    color: #001935;
    background-color: #b7e6ff;
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    border-radius: 40px;
  }
  .washing_left_catchi{
    font-size: 1rem;
    color: #57caff;
    margin: 10% 0 5% 0;
  }
  .washing_right_catchi{
    font-size: 1rem;
    color: #13ff93;
    margin: 10% 0 5% 0;
  }
  .washing_arrow{
    transform: rotate(90deg);
  }
  .washing_icon_bloc{
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .washing_icon_box{
    margin: 0 3% 3% 0;
    width: 31.3%;
  }
  .washing_icon_box:nth-of-type(3n){
    margin: 0;
  }
  /* 洗濯機 */

  /* 洗浄剤 */
  .top_detergent_bloc{
    background-color: #d6f1ff;
    padding: 15% 0 20% 0;
    font-weight: bold;
    text-align: center;
  }
  .detergent_title_eng{
    font-size: 2rem;
    color: #00b0dc;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .detergent_title_jp{
    font-size: 1.1rem;
    color: #001e58;
    margin: 2% 0 5% 0;
  }
  .detergent_catchi{
    font-size: 0.9rem;
    color: #fff;
    background-color: #00bceb;
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    border-radius: 40px;
  }
  .detergent_icon_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 15% auto 10% auto;
  }
  .detergent_icon_box{
    margin: 0 0 3% 0;
    width: 31.3%;
  }
  .detergent_icon_box img{
    width: 100%
  }

  .recomend_bloc{
    background-color: #00255d;
    padding: 15% 0 10% 0;
    width: 95%;
    margin: 0 auto;
  }
  .recomend_title_eng{
    font-size: 2rem;
    color: #00b0dc;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .recomend_title_jp{
    font-size: 1.1rem;
    color: #fff;
    margin: 2% 0 10% 0;
  }
  .recomend_icon_bloc{
    width: 90%;
    margin: 0 auto;
  }
  .recomend_icon_box{
    margin: 0 0 3% 0;
    width: 100%;
  }
  .recomend_icon_box a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #00bceb;
    color: #fff;
  }
  .recomend_icon_text_box{
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 6%;
    text-align: left;
    align-items: center;
  }
  .recomend_icon_text{
    font-size: 0.7rem;
  }

  .detergent_btn_bloc{
    margin: 5% auto 0 auto;
  }
  .detergent_btn_bloc img{
    width: 95%;
  }
  /* 洗浄剤 */

  /* メンテナンス */
  .top_maint_bloc{
    padding: 15% 0 20% 0;
    text-align: center;
  }
  .maint_title_eng{
    font-size: 2rem;
    color: #0094d5;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
  }
  .maint_title_jp{
    font-size: 1.1rem;
    color: #001e58;
    margin: 2% 0 10% 0;
    font-weight: bold;
  }
  .maint_img_box img{
    width: 100%;
  }
  .maint_catchi{
    font-size: 1.3rem;
    line-height: 2rem;
    color: #0ea2e7;
    margin: 10% 0 5% 0;
  }
  .maint_text01{
    font-size: 0.8rem;
    line-height: 1.4rem;
    color: #001e58;
  }
  .maint_btn{
    margin: 15% auto 0 auto;
  }
  .maint_btn a{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 5% 30%;
  }
  /* メンテナンス */

  /* サステナビリティ */
  .top_csr_bloc{
    padding: 15% 0 20% 0;
    background-color: #97d7b9;
    text-align: center;
  }
  .csr_title_eng{
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff;
  }
  .csr_title_jp{
    font-size: 1rem;
    font-weight: bold;
    color: #171717;
    margin: 2% 0 10% 0;
    font-family: "Open Sans", sans-serif;
  }
  .csr_img_box img{
    width: 100%;
  }
  .csr_text01{
    font-size: 0.8rem;
    margin: 10% 0;
  }
  .csr_icon_box{
    width: 95%;
    margin: 0 auto 4% auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    background-color: #fff;
  }
  .csr_icon_box img{
    width: 100%;
  }
  .csr_icon_text_box{
    padding: 3%;
    font-size: 0.7%;
    color: #02243d;
    width: 100%;
  }
  .csr_icon_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #007d43;
    margin: 0 0 2% 0;
  }
  .csr_bloc{
    width: 95%;
    margin: 0 auto;
    background-color: #d7f0e4;
    text-align: left;
  }
  .csr_area{
    margin: 10% auto 0 auto;
    background-color: #d7f0e4;
    text-align: left;
    padding: 5%;
  }
  .csr_box{
    color: #fff;
  }
  .csr_box:first-child{
    margin: 0 0 5% 0;
  }
  .csr_box a{
    color: #fff;
  }
  .csr_box img{
    width: 100%;
  }
  .csr_text_box{
    background-color: #008a72;
    padding: 5%;
    font-size: 0.9rem;
  }
  .csr_catchi{
    font-size: 1rem;
    margin: 0 0 2 0;
  }
  .csr_btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    width: 95%;
    margin: 10% auto 0 auto;
    padding: 25px 0;
    text-align: center;
  }
  .csr_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    width: 294px;
    margin: 0 auto 0 auto;
    padding: 25px 80px;
  }
  /* サステナビリティ */

  /* リンク */
  .top_link_bloc{
    display: flex;
    justify-content: space-between;
  }
  /* リンク */
  /* top */

  /* サイトマップ */
  .sitemap_bloc{
    background-color: #00112b;
    text-align: left;
    color: #fff;
  }
  .sitemap_bloc a{
    color: #fff;
  }
  .sitemap_area01{
    width: 90%;
    margin: 0 auto;
    padding: 20% 0 10% 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sitemap_box{
    margin: 0 0 10% 0;
    width: 30%;
  }
  .sitemap_catchi01{
    font-size: 0.8rem;
    margin: 0 0 5% 0;
  }
  .sitemap_catchi02{
    font-size: 0.6rem;
  }
  .sitemap_text01{
    font-size: 0.6rem;
    line-height: 20px;
  }
  .sitemap_text02{
    font-size: 0.6rem;
  }
  .sitemap_catchi03{
    font-size: 0.8rem;
    margin: 15px 0 0 0;
  }
  /* サイトマップ */
  /* メインコンテンツ */


  /* 下層 2nd */
  /* 下層共通 */
  .lower_contact_bloc{
    background-color: #113e84;
    padding: 80px 0 95px 0;
  }
  .lower_contact_btn{
    width: 95%;
    margin: 0 auto;
  }
  .lower_merit_catchi{
    width: 95vw;
    margin: 0 auto 5% auto;
  }
  .lower_merit_img{
    width: 95vw;
    margin: 0 auto;
  }
  .lower_test_title{
    font-size: 1.5rem;
    font-weight: bold;
    color: #099ce0;
    display: inline-block;
    background: linear-gradient(to top, #f8ffe1 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .lower_test_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #099ce0;
    padding: 3% 0;
    border-radius: 5px;
    width: 60vw;
    margin: 10% auto;
  }
  .lower_test_catchi_area{
    width: 95vw;
    margin: 15% auto 5% auto;
  }
  .lower_test_btn{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 5% 0;
  }
  .lower_test_btn a{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 5% 20%;
  }
  .lower_cleaningagent_btn{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 5% 0;
  }
  .lower_cleaningagent_btn a{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 5% 16%;
  }

  /* ドロワーエリア */
  .drawer_content_bloc{
    margin: 0 auto 3% auto;
    width: 95vw;
  }
  .drawer_bloc{
    background-color: #fff;
    padding: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
  .kigu_drawer_area{
    display: flex;
    justify-content: flex-start;
  }
  .drawer_img{
    width: 30%;
    margin: 0 3% 0 0;
  }
  .drawer_text_bloc{
    text-align: left;
    width: 50%;
  }
  .drawer_catchi{
    font-size: 0.6rem;
  }
  .drawer_title{
    font-size: 0.7rem;
    color: #0094d9;
  }
  .drawer_btn_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #008ecf;
    cursor: pointer;
  }
  .drawer_btn_text{
    margin: 0 5% 0 0;
    font-size: 0.6rem;
    width: 12vw;
  }
  .drawer_btn{
    width: 10vw;
  }
  .drawer_detail {
    display: none;/* 初期状態で非表示 */
    background: #fff;
    padding: 5% 2% 10% 2%;
  }
  /* ドロワーエリア */

  /*モーダルを開くボタン*/
  .modal-open-kigu{
    width: 55vw;
    margin: 10% auto 0 auto;
    cursor: pointer;
  }
  .modal-open-partsbox01{
    width: 85%;
    margin: 8% auto 0 auto;
    cursor: pointer;
  }
  .modal-open-partsbox02{
    width: 100%;
    box-sizing: border-box;
    margin: 10% 0 0 0;
    cursor: pointer;
  }
  .modal-open-palette01{
    width: 40vw;
    margin: 0 auto 8% auto;
    cursor: pointer;
  }
  .modal-open-palette02{
    cursor: pointer;
  }
  .modal-open-palette02:hover{
    opacity: 0.5;
    transition: 0.5s;
  }
  .modal-open-palette03{
    cursor: pointer;
  }
  .modal-open-palette03:hover{
    opacity: 0.5;
    transition: 0.5s;
  }
  .modal-open-matehan01{
    width: 90%;
    cursor: pointer;
    margin: 0 auto 5% auto;
  }
  .modal-open-matehan02{
    width: 55vw;
    cursor: pointer;
    margin: 10% auto 0 auto;
  }
  .modal-open-iroiro01{
    width: 90%;
    cursor: pointer;
    margin: 0 auto;
  }
  .modal-open-iroiro02{
    width: 70%;
    cursor: pointer;
    margin: 0 auto;
  }
  .modal-open-conveyor01{
    width: 55vw;
    margin: 10% auto 0 auto;
    cursor: pointer;
  }
  .modal-open-senjodassui01{
    width: 180px;
    margin: 20px auto 0 auto;
    cursor: pointer;
  }
  .modal-open-ichioshi01{
    width: 70%;
    margin: 3% auto 0 auto;
    cursor: pointer;
  }
  .modal-open-ichioshi01:first-child{
    width: 70%;
    margin: 10% auto 0 auto;
    cursor: pointer;
  }
  .modal-open-haisuinetu{
    width: 70%;
    margin: 10% auto 0 auto;
    cursor: pointer;
  }
  .modal-open-shouene{
    cursor: pointer;
  }
  /*モーダル本体の指定 + モーダル外側の背景の指定*/
  .modal-container{
    position: fixed;
    inset: 0; /* top, right, bottom, left をまとめて書ける */
    background: rgba(0,0,0,0.5);
    padding: 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal-container.active{
    opacity: 1;
    visibility: visible;
  }
  .modal-body{
    position: relative;
    width: 90%;
    max-width: 500px;
  }
  .modal-close{
    position: relative;
    margin: 20px auto 0 auto;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    width: 120px;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
  }
  .video{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .video iframe{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  /* 下層共通 */

  /* ニュース（下層） */
  .news_title_jp{
    font-size: 1.6rem;
    color: #03a3ec;
    background-color: #ededed;
    padding: 40% 0 2% 0;
    text-align: center;
  }
  .news_title_eng{
    font-size: 1rem;
    font-weight: bold;
    color: #03a3ec;
    background-color: #ededed;
    text-align: center;
  }
  .news_menu_bloc{
    background-color: #ededed;
  }
  .news_menu_area{
    width: 40%;
    margin: 0 auto;
    padding: 10% 0 5% 0;
    display: flex;
    justify-content: space-between;
  }
  .news_menu_line{
    width: 2px;
    height: 0.9rem;
    margin: 4px 0 0 0;
    background-color: #30beff;
  }
  .news_menu_box{
    font-size: 0.9rem;
    color: #03a3ec;
    text-align: center;
  }
  .news_menu_box a{
    font-size: 0.9rem;
    color: #03a3ec;
    text-align: center;
  }
  .news_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .news_bloc01{
    width: 90vw;
    margin: 0 auto;
    text-align: left;
    padding: 20% 0 30% 0;
  }
  .news_year{
    font-size: 2rem;
    color: #03a3ec;
  }
  .news_line{
    margin: 0;
  }
  .news_area:first-child{
    color: #333333;
    margin: 10% 0 0 0;
  }
  .news_area{
    color: #333333;
    margin: 15% 0 0 0;
  }
  .news_catchi{
    font-size: 1rem;
  }
  .news_date{
    font-size: 0.8rem;
    margin: 1% 0 3% 0;
  }
  .news_text{
    font-size: 0.8rem;
  }
  /* ニュース（下層） */

  /* メンテナンス */
  .mainte_bloc{
    background-image: url("./images/pc_mainte_gradation_bg.png");
    background-repeat: no-repeat;
    background-color: #d7feff;
    padding: 10% 0 0 0;
    text-align: center;
  }
  .mainte_title_eng{
    font-size: 2rem;
    font-weight: 100;
    color: #0094d5;
  }
  .mainte_title_jp{
    font-size: 1rem;
    font-weight: bold;
    color: #001e58;
    margin: 0 0 10% 0;
  }
  .mainte_area01{
    margin: 0 auto;
    background-color: #0074aa;
    padding: 10% 0;
  }
  .mainte_area01_title{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
  }
  .mainte_area01_text01{
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff;
    margin: 5% 0;
  }
  .mainte_perform_bloc{
    width: 95vw;
    margin: 0 auto;
    background-color: #fff;
    padding: 12% 0;
  }
  .mainte_perform_catchi{
    font-size: 0.9rem;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_perform_img_bloc01{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 5% auto 10% auto;
  }
  .mainte_perform_img_area01{
    width: 32%;
  }
  .mainte_perform_img_textbox{
    background-color: #0893d4;
    color: #fff;
    font-weight: bold;
    padding: 7% 0;
  }
  .mainte_perform_img_text01{
    font-size: 2.5vw;
  }
  .mainte_perform_img_text02{
    font-size: 4vw;
  }
  .mainte_perform_img_bloc02{
    margin: 0 auto 10% auto;
  }
  .mainte_perform_img_box02{
    width: 80%;
    margin: 0 auto;
  }
  .mainte_perform_img_box03{
    width: 60%;
    margin: 3% auto 0 auto;
  }
  .mainte_perform_img_box04{
    width: 95%;
    margin: 5% auto 0 auto;
  }

  .mainte_network_bloc{
    width: 95vw;
    background-color: #fff;
    padding: 12% 0;
    margin: 7% auto 0 auto;
  }
  .mainte_network_title{
    font-size: 1.2rem;
    color: #0074aa;
    font-weight: bold;
  }
  .mainte_network_text01{
    font-size: 0.8rem;
    color: #0074aa;
    font-weight: bold;
    margin: 7% 0 5% 0;
  }
  .mainte_network_img_box{
    width: 95%;
    margin: 0 auto;
  }
  .mainte_network_plant_bloc{
    width: 90%;
    margin: 15% auto 0 auto;
    text-align: left;
  }
  .mainte_network_plant_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_network_plant_line{
    height: 2px;
    background-color: #0090d3;
    margin: 2% 0 4% 0;
  }
  .mainte_network_plant_namebloc{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }
  .mainte_network_plant_link a {
    font-size: 1rem;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_network_plant_place{
    font-size: 0.7rem;
  }
  .mainte_network_plant_tel{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .mainte_tel{
    font-size: 0.6rem;
    font-weight: bold;
  }
  .mainte_network_sd_bloc{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 5% auto 0 auto;
  }
  .mainte_network_sd_box{
    display: flex;
    justify-content: flex-start;
    color: #0074aa;
    line-height: 1rem;
    font-size: 0.9rem;
    margin: 0 0 8px 0
  }
  .sd_square{
    font-size: 0.6rem;
    vertical-align: middle;
    margin: 0 7px 0 0;
  }

  .mainte_area02{
    margin: 50px auto 0 auto;
    background-color: #fff;
    padding: 12% 3%;
  }
  .mainte_area02_catchi{
    font-size: 1rem;
    color: #0074aa;
    font-weight: bold;
  }
  .mainte_area02_title{
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    margin: 3% 0 0 0;
  }
  .mainte_text_bg{
    background-color: #0074aa;
    margin: 0 2% 0 0;
    padding: 2%;
  }
  .mainte_text_bg:last-child{
    background-color: #0074aa;
    margin: 0;
    padding: 2%;
  }
  .mainte_area02_text{
    font-size: 0.8rem;
    line-height: 1.5rem;
    font-weight: bold;
    color: #0074aa;
    margin: 7% 0 5% 0;
  }
  .mainte_pac_bloc{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 10% auto;
  }
  .mainte_pac_bloc_img{
    width: 48%;
  }
  .mainte_merit_bloc{
    background-color: #f4f4f4;
    margin: 0 auto 4% auto;
    padding: 6% 0;
  }
  .mainte_merit_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 95%;
    margin: 0 auto;
  }
  .mainte_merit_num{
    width: 20%;
    margin: 0 4% 0 0;
  }
  .mainte_merit_num_title{
    font-size: 1.3rem;
    font-weight: bold;
    color: #0074aa;
    margin: 0;
  }
  .mainte_merit_num_text{
    font-size: 0.8rem;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_merit_box01{
    background-color: #fff;
    margin: 5% auto 0 auto;
    text-align: left;
    padding: 5% 3%;
    font-size: 1rem;
    font-weight: bold;
    color: #0074aa;
  }
  .mainte_merit_box02{
    background-color: #fffcd4;
    margin: 0 auto;
    text-align: left;
    padding: 5% 3%;
    font-size: 1rem;
    font-weight: bold;
    color: #0074aa;
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
  .mainte_merit_box03{
    margin: 0 auto;
    text-align: left;
    padding: 5% 3%;
    font-size: 1rem;
    font-weight: bold;
    color: #0074aa;
    outline: 2px solid #fff;
    outline-offset: -2px;
  }
  .mainte_merit_box04{
    margin: 0 auto;
    text-align: left;
    padding: 10%;
  }
  .mainte_merit_catchi{
    margin: 0 0 3% 0;
  }
  .mainte_merit_img02{
    margin: 0 0 10% 0;
  }
  .mainte_merit_img02:last-child{
    margin: 0;
  }

  .mainte_cleaning_img{
    margin: 0 0 10% 0;
  }
  .mainte_cleaning_img:first-child{
    margin: 10% 0;
  }
  .mainte_cleaning_img:last-child{
    margin: 0;
  }
  .mainte_cleaning_archive_title{
    background-color: #0074aa;
    color: #fff;
    margin: 17% auto 7% auto;
    border-radius: 7px;
    font-size: 1rem;
    font-weight: bold;
    padding: 2% 0;
  }
  .mainte_cleaning_archive_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 10% auto;
  }
  .mainte_cleaning_archive_box{
    width: 48.5%;
    text-align: left;
  }
  .mainte_cleaning_archive_box:nth-child(n+3){
    text-align: left;
    margin: 8% 0 0 0;
  }
  .mainte_cleaning_archive_catchi{
    font-size: 0.8rem;
    font-weight: bold;
    color: #0074aa;
    margin: 0 0 3% 0;
  }
  .mainte_cleaning_flow_bloc{
    margin: 0 auto;
    background-color: #fffcd4;
    padding: 5% 0 10% 0;
  }
  .mainte_cleaning_flow_title{
    font-size: 1rem;
    font-weight: bold;
    color: #0074aa;
    margin: 0 0 5% 0;
  }
  .mainte_cleaning_flow_area{
    width: 95%;
    margin: 0 auto;
  }
  /* メンテナンス */

  /* クレオの強み */
  .tuyomi_bloc01{
    background-color: #e4f4ff;
    padding: 15% 0 30% 0;
  }
  .tuyomi_title_area{
    margin: 0 auto 0 auto;
    font-size: 1.3rem;
    color: #099ce0;
    padding: 0 0 7% 0;
    text-align: center;
  }
  .tuyomi_title_box{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 2%;
  }
  .tuyomi_bloc02{
    width: 95vw;
    margin: 7% auto 0 auto;
    padding: 10% 0;
    background-color: #fff;
    text-align: left;
  }
  .tuyomi_text01{
    font-size: 0.9rem;
    color: #099ce0;
    text-align: center;
  }
  .tuyomi_text02{
    font-size: 0.65rem;
    line-height: 1.3rem;
    margin: 8% 5% 0 5%;
  }
  .tuyomi_bloc03{
    width: 90%;
    margin: 0 auto;
  }
  .tuyomi_left_img01{
    width: 70%;
    margin: 15% auto;
  }
  .tuyomi_right_bloc01{
    display: flex;
    margin: 0 0 5% 0;
  }
  .tuyomi_left_img02{
    width: 20%;
    margin: 0 4% 0 0;
  }
  .tuyomi_right_bloc02{
    width: 76%;
  }
  .tuyomi_right_catchi_bloc{
    display: flex;
    margin: 0 0 2% 0;
  }
  .tuyomi_right_catchi_img img{
    height: 15px;
  }
  .tuyomi_text03{
    font-size: 0.7rem;
  }
  .tuyomi_text04{
    font-size: 0.8rem;
  }
  .tuyomi_img01{
    width: 95vw;
    margin: 0 auto;
  }
  /* クレオの強み */

  /* 対象物から探す */
  /* コンテナ */
  .container_needs_bloc{
    background-color: #bbeaff;
    background-image: url("./images/sp_lower_gradation_bg.png");
    background-repeat: no-repeat;
    background-position: top;
    padding: 10% 0;
    background-size: 100%;
  }
  .container_needs_area{
    width: 95vw;
    margin: 0 auto;
  }
  .container_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85vw;
    margin: 5% auto 15% auto;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .container_needs_catchi_area img{
    width: 50%;
  }
  .container_needs_figure_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 2% auto 15% auto;
  }
  .container_needs_figure_img{
    margin: 0 10px 0 0;
  }
  .container_needs_figure_img:last-child{
    margin: 0;
  }
  .container_needs_figure_link{
    width: 100%;
  }

  .container_merit_bloc{
    background-color: #f3f7f9;
    padding: 15% 0;
    text-align: center;
  }
  .container_merit_title_area{
    background-image: url("./images/container_merit_bg_pc.png");
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: bottom;
    width: 100%;
    margin: 0 auto 0 auto;
    font-size: 1.2rem;
    color: #099ce0;
    padding: 7% 0 8% 0;
  }
  .container_merit_title_box{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }

  .container_test_bloc{
    padding: 10% 0;
    width: 95vw;
    margin: 0 auto;
    text-align: center;
  }
  .container_test_text{
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 1.2rem;
  }
  .container_test_area{
    font-size: 0.5rem;
    display: flex;
    justify-content: space-between;
    width: 95vw;
    margin: 0 auto;
  }
  .container_test_box{
    width: 32%;
  }
  .container_test_box img{
    margin: 0 0 5% 0;
  }

  .container_cleaningagent_bloc{
    background-color: #d7f5ff;
    padding: 10% 0;
    text-align: center;
  }
  .container_cleaningagent_title{
    font-size: 1.5rem;
    font-weight: bold;
    color: #099ce0;
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
  }
  .container_cleaningagent_catchi{
    font-size: 0.85rem;
    font-weight: bold;
    color: #099ce0;
    width: 95vw;
    margin: 5% auto 10% auto;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
  }
  .container_cleaningagent_area{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 95vw;
    margin: 0 auto;
  }
  .container_cleaningagent_box{
    width: 46vw;
    text-align: left;
    margin: 0 10px 0 0;
  }
  .container_cleaningagent_box:nth-child(2){
    text-align: left;
    margin: 0 0 5% 0;
  }
  .container_cleaningagent_box_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #099ce0;
    margin: 7% 0 1% 0;
  }
  .container_cleaningagent_box_text{
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
  /* コンテナ */

  /* パレット */
  .palette_cleaning_catchi{
    width: 95vw;
    margin: 0 auto;
  }
  .palette_cleaning_text01{
    font-size: 1rem;
    font-weight: bold;
    margin: 5% 0 10% 0;
    color: #00a7f0;
  }
  .palette_cleaning_area{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 95vw;
    margin: 0 auto;
  }
  .palette_cleaning_box{
    width: 49%;
    background-color: #fff;
    margin: 0 0 2% 0;
  }
  .palette_cleaning_text02{
    font-size: 0.7rem;
    line-height: 1rem;
    margin: 5% 2%;
  }
  .palette_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85vw;
    margin: 0 auto;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
  }
  .palette_lineup_catchi_area img{
    height: 53px;
  }
  .palette_lineup_text{
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    margin: 5% 0 10% 0;
    text-align: center;
  }
  .palette_lineup_bloc{
    background-color: #fff;
    margin: 0 0 5% 0;
    padding: 15% 0 10% 0;
    font-weight: bold;
  }
  .palette_lineup_img01{
    width: 90vw;
    margin: 0 auto;
  }
  .palette_lineup_area{
    margin: 10% auto 0 auto;
    text-align: center;
    width: 90vw;
  }
  .palette_lineup_area_textbox01{
    font-size: 1rem;
  }
  .palette_lineup_area_text01{
    font-size: 1.3rem;
    color: #0068b9;
  }
  .palette_lineup_area_textbox02{
    font-size: 1rem;
    color: #0095da;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0 7% 0;
  }
  .palette_lineup_area_text02{
    font-size: 0.6rem;
    color: #fff;
    background-color: #0095da;
    padding: 1% 3%;
    border-radius: 5px;
  }
  .palette_lineup_img_box{
    display: flex;
    justify-content: space-between;
  }
  .palette_lineup_img02{
    margin: 0 2% 0 0;
  }
  .palette_lineup_img02:last-child{
    margin: 0;
  }
  .palette_lineup_link01{
    margin: 7% 0;
  }
  .palette_structure_bloc01{
    width: 95vw;
    margin: 0 auto;
    background-color: #fff;
    padding: 20% 0 8% 0;
  }
  .palette_structure_img01{
    width: 85vw;
    margin: 0 auto;
    padding: 0 0 15% 0;
  }
  .palette_structure_num_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
  }
  .palette_structure_num_box{
    width: 49%;
    margin: 0 0 2% 0;
  }
  .palette_structure_catchi{
    display: inline-block;
    background: linear-gradient(to top, #fff 0% 50%, rgba(0,0,0,0) 50% 100%);
    padding: 0 10px;
    font-size: 1.3rem;
    color: #099ce0;
    margin: 15% auto 10% auto;
  }
  .palette_structure_bloc02{
    width: 95vw;
    margin: 0 auto;
    background-color: #9be0ff;
    padding: 10% 0 7% 0;
  }
  .palette_structure_text01{
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .palette_structure_text02{
    font-size: 0.7rem;
    line-height: 1.2rem;
    margin: 10% 0;
  }
  .palette_structure_text03{
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
  }
  .palette_structure_icon_bloc{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 95%;
    margin: 5% auto 0 auto;
  }
  .palette_structure_icon_box{
    width: 31%;
    margin: 0 3% 3% 0;
  }
  .palette_structure_icon_box:nth-child(3),
  .palette_structure_icon_box:nth-child(5){
    width: 31%;
    margin: 0;
  }
  .palette_test_btn{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 5% 0;
  }
  .palette_test_btn a{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 5% 19%;
  }
  /* パレット */

  /* オリコン */
  .oricon_needs_bigline_bloc{
    background-color: #edfbff;
    padding: 10% 3vw;
    margin: 0 0 40px 0;
    font-weight: bold;
    text-align: center;
    color: #00608c;
  }
  .oricon_needs_bigline_title{
    font-size: 1.2rem;
  }
  .oricon_needs_bigline_img{
    margin: 50px 0 60px 0;
  }
  .oricon_bigline_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .oricon_bigline_box{
    width: 48.5%;
    text-align: left;
    background-color: #fff;
    margin: 0 3% 3% 0;
  }
  .oricon_bigline_box:nth-child(2n){
    width: 48.5%;
    text-align: left;
    background-color: #fff;
    margin: 0 0 3% 0;
  }
  .oricon_bigline_title_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .oricon_num{
    font-size: 1rem;
    color: #fff;
    width: 15%;
    text-align: center;
    background-color: #099ce0;
    padding: 2%;
  }
  .oricon_bigline_title{
    font-size: 0.8rem;
    color: #0087c5;
    margin: 0 0 0 4%;
  }
  .oricon_bigline_text{
    padding: 7%;
    font-size: 0.6rem;
    line-height: 16px;
    color: #000;
  }

  .oricon_needs_bigline_text{
    font-size: 0.8rem;
    text-align: center;
    color: #fff;
    background-color: #33b3ee;
    padding: 3% 0;
  }

  .oricon_cleaningagent_area{
    display: flex;
    justify-content: center;
  }
  .oricon_cleaningagent_text{
    line-height: 2.5rem;
  }
  .oricon_needs_figur_link_bloc{
    background-color: #edfbff;
    padding: 5% 2%;
    font-weight: bold;
    text-align: center;
    color: #00608c;
  }
  /* オリコン */

  /* マテハン */
  .matehan_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90vw;
    margin: 5% auto 10% auto;
    font-size: 0.9rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .matehan_lineup_catchi_area img{
    width: 50%;
  }
  .matehan_lineup_catchi_box{
    width: 60vw;
  }
  .matehan_auto_title{
    font-size: 1.1rem;
    color: #00608c;
    font-weight: normal;
  }
  .matehan_auto_title_big{
    font-size: 1.3rem;
    color: #00608c;
    font-weight: normal;
  }
  .matehan_auto_img01{
    margin: 50px auto 70px auto;
  }
  .matehan_auto_bloc{
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .matehan_auto_box{
    width: 48%;
    background-color: #fff;
    margin: 0 4% 4% 0;
  }
  .matehan_auto_box:nth-child(2n){
    width: 48%;
    background-color: #fff;
    margin: 0 0 4% 0;
  }
  .matehan_num{
    font-size: 1rem;
    color: #fff;
    width: 15%;
    text-align: center;
    background-color: #099ce0;
    padding: 3%;
  }
  .matehan_auto_text{
    font-size: 0.6rem;
    padding: 7%;
    line-height: 16px;
    text-align: left;
  }
  .matehan_drawer_area{
    display: flex;
    align-items: center;
  }
  .matehan_catchi{
    margin: 0 auto;
  }
  .matehan_detail_inner{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .matehan_inner_bloc{
    text-align: left;
    margin: 0 0 20% 0;
  }
  .matehan_inner_bloc:last-child{
    text-align: left;
    margin: 0 0 10% 0;
  }
  .matehan_inner_catchi{
    font-size: 1.2rem;
    font-weight: bold;
    color: #0095da;
    margin: 5% 0 2% 0;
  }
  .matehan_inner_text{
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
  /* 左右に横線 */
  .matehan_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 1rem;
    color: #0097dc;
    margin: 15% 0 5% 0;
    font-weight: bold;
  }
  .matehan_text_line::before,
  .matehan_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 20vw; /* 横線の長さ */
  }
  .matehan_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .matehan_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }
  /* マテハン */

  /* パーツボックス */
  .partsbox_finish_catchi{
    width: 95%;
    margin: 0 auto;
  }
  .partsbox_finish_bloc{
    margin: 0 auto;
  }
  .partsbox_finish_area{
    width: 95%;
    margin: 0 auto 5% auto;
    padding: 8% 0 0 0;
    background-color: #fff;
  }
  .partsbox_finish_title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    border-radius: 10px;
    padding: 10px 0;
    width: 95%;
    margin: 0 auto 5% auto;
  }
  .partsbox_finish_box{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .partsbox_finish_box img{
    width: 95%;
  }
  .partsbox_finish_img{
    margin: 0 0 10% 0;
  }
  .partsbox_needs_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .partsbox_needs_area{
    width: 48.5%;
    text-align: center;
    background-color: #fff;
    padding: 5% 0;
    margin: 0 0 18px 0;
    height: 100%;
    box-sizing: border-box;
  }
  .partsbox_needs_img{
    width: 85%;
    margin: 0 auto;
  }
  .partsbox_needs_title{
    font-size: 3vw;
    font-weight: bold;
    margin: 15% 0 5% 0;
  }
  .partsbox_needs_catchi{
    font-size: 3vw;
    font-weight: bold;
    color: #0068b9;
  }
  .partsbox_needs_text01{
    text-align: left;
    font-size: 2.5vw;
    margin: 5% auto;
    width: 85%;
  }
  .partsbox_needs_text02{
    text-align: left;
    font-size: 2.4vw;
    height: 100%;
    width: 85%;
    margin: 0 auto;
  }
  .partsbox_needs_movie{
    width: 170px;
    margin: 0 auto;
  }
  .partsbox_needs_link01{
    margin: 3% 0;
  }
  .movie_btn_blank{
    width: 85%;
    margin: 8% auto 0 auto;
  }

  .partsbox_needs_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85vw;
    margin: 12% auto;
    font-size: 1.2rem;
    font-weight: bold;
    color: #003766;
    text-align: center;
  }
  .partsbox_needs_catchi_area img{
    height: 53px;
  }
  .partsbox_needs_option_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .partsbox_needs_option_area{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 5%;
    text-align: left;
    margin: 0 3% 3% 3%;
  }
  .partsbox_needs_text_bloc{
    width: 60%;
  }
  .partsbox_needs_text_title{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0 0 10% 0;
  }
  .rhb{
    margin: 0 2% 0 0;
  }
  .rhb img{
    width: 6vw;
    vertical-align: middle;
  }
  .partsbox_needs_text_area{
    font-size: 0.8rem;
  }
  .partsbox_needs_text_box{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 5% 0;
  }
  .partsbox_needs_text{
    width: 100%;
  }
  .mark01{
    width: 8%;
    margin: 3px 0 0 0;
  }
  .mark01 img{
    width: 7px;
    height: 14px;
  }
  .partsbox_needs_option_img{
    width: 35%;
  }
  .rhb_box{
    text-align: right;
    width: 95%;
    margin: 0 0 8% 0;
    font-size: 0.8rem;
  }
  .partsbox_needs_cleaningagent_bloc{
    background-color: #e4f8ff;
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    border: 2px solid #fff;
  }
  .partsbox_needs_cleaningagent_img{
    margin: 5%;
  }
  .partsbox_needs_cleaningagent_area{
    padding: 2%;
  }
  .partsbox_needs_cleaningagent_catchi{
    font-size: 0.9rem;
    font-weight: bold;
  }
  .partsbox_needs_cleaningagent_title{
    font-size: 0.9rem;
    font-weight: bold;
    color: #008ac9;
    margin: 2% 0 4% 0;
  }
  .partsbox_needs_cleaningagent_text{
    font-size: 0.8rem;
  }
  .partsbox_needs_introduction_bloc{
    width: 95%;
    margin: 20% auto 0 auto;
    padding: 0 0 50px 0;
    background-color: #fff;
  }
  .partsbox_needs_introduction_title{
    font-size: 1.2rem;
    color: #fff;
    background-color: #33b3ee;
    padding: 5% 0;
    text-align: center;
  }
  .partsbox_needs_introduction_catchi{
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    color: #0088c6;
    padding: 40px 0 65px 0;
  }
  .partsbox_needs_flow_bloc{
    text-align: left;
    padding: 0 2%;
  }
  .partsbox_needs_flow_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .mark02{
    width: 15px;
  }
  .mark02 img{
    width: 7px;
    height: 18px;
  }
  .partsbox_needs_flow_title{
    font-size: 18px;
    font-weight: bold;
  }
  .partsbox_needs_flow_text01{
    font-size: 0.8rem;
    margin: 5% 0;
    padding: 0 4%;
  }
  .partsbox_needs_flow_text02{
    font-size: 0.8rem;
    color: #00a1d4;
    padding: 5%;
    margin: 0 4%;
    border: 2px solid #1fbbed;
  }
  .partsbox_needs_flow_img{
    width: 92%;
    margin: 5% auto 0 auto;
  }
  .partsbox_needs_filtration_img{
    margin: 10% auto 0 auto;
    width: 89%;
  }

  .partsbox_test_area{
    font-size: 0.5rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .partsbox_test_box{
    width: 49%;
  }
  .partsbox_test_box img{
    margin: 0 0 5% 0;
  }
  .partsbox_test_btn{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 20px 0;
  }
  .partsbox_test_btn a{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 95vw;
    margin: 10% auto 0 auto;
    padding: 20px 20%;
  }
  /* パーツボックス */

  /* 殺菌 */
  .sakkin_top_img img{
    width: 100%;
    margin: 20% 0 0 0;
  }

  /* 左右に横線 */
  .sakkin_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 0.9rem;
    color: #00a4ef;
    margin: 8% 0;
    font-weight: bold;
  }
  .sakkin_text_line::before,
  .sakkin_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 9%; /* 横線の長さ */
  }
  .sakkin_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .sakkin_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .sakkin_circle_bloc{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sakkin_circle_box{
    width: 22%;
    margin: 0 2% 0 0;
  }
  .sakkin_circle_box:last-child{
    width: 22%;
    margin: 0;
  }
  .sakkin_flow_bloc{
    background-color: #f3f7f9;
    margin: 15% 0 5% 0;
    padding: 10% 0;
    color: #0ea2e7;
    text-align:center;
  }
  .sakkin_flow_title{
    font-size: 1rem;
    font-weight: bold;
  }
  .sakkin_flow_text{
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.2rem;
    margin: 5% 0 8% 0;
  }
  .sakkin_flow_img{
    width: 90vw;
    margin: 0 auto;
  }

  .sakkin_drawer_area{
    display: flex;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
  }
  .sakkin_detail_inner{
    font-size: 14px;
    text-align: left;
    line-height: 18px;
  }
  .sakkin_detail_inner_circle{
    font-size: 8px;
    color: #33b3ee;
    vertical-align: middle;
  }
  .sakkin_detail_inner_left{
    width: 50%;
    margin: 0 auto 10% auto;
  }
  .sakkin_detail_inner_right{
    width: 95%;
    margin: 0 auto;
  }
  .sakkin_detail_inner_right_list {
    list-style: none;
    font-size: 0.8rem;
  }
  .sakkin_detail_inner_right_list li {
    position: relative;
    padding-left: 1em;
    margin: 0 0 5% 0;
  }
  .sakkin_detail_inner_right_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 8px;
    height: 8px;
    background: #33b3ee;
    border-radius: 50%;
  }
  .sakkin_detail_inner_right_text{
    font-weight: bold;
    color: #0094d9;
  }
  .sakkin_caption_text01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #007eb9;
    margin: 5% 0 10% 0;
    text-align: center;
  }
  .sakkin_purpose_title{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 2% 0;
    width: 60vw;
    margin: 0 auto 5% auto;
  }
  .sakkin_purpose_catchi{
    font-size: 1.2rem;
    font-weight: bold;
    color: #0094d9;
  }
  .sakkin_purpose_text{
    font-size: 0.8rem;
    line-height: 1.5rem;
    margin: 8% 0 15% 0;
  }
  .sakkin_purpose_img{
    width: 90vw;
    margin: 0 auto;
  }
  .sakkin_lineup_link_bloc{
    width: 95vw;
    margin: 0 auto;
  }
  .sakkin_lineup_link_box{
    margin: 0 0 5% 0;
  }
  .sakkin_caption_text02{
    font-size: 0.6rem;
    text-align: right;
    color: #000;
    margin: 5% 0 0 0;
  }
  /* 殺菌 */

  /* 器具 */
  .kigu_lineup_area{
    width: 95vw;
    margin: 0 auto;
  }
  .kigu_lineup_img_box{
    width: 90vw;
    margin: 0 auto;
  }
  .kigu_lineup_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90vw;
    margin: 5% auto 10% auto;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .kigu_lineup_catchi_area img{
    width: 50%;
  }
  .kigu_catchi_box{
    width: 70vw;
    margin: 0 auto -8% auto;
  }
  .kigu_lineup_text_bloc{
    font-size: 0.7rem;
    line-height: 1.2rem;
    background-color: #f0f0f0;
    padding: 10% 0 5% 0;
    border: 8px solid #fff;
    margin: 0 0 10% 0;
    text-align: center;
  }

  /* ドロワーエリア */
  .kigu_drawer_area{
    display: flex;
    justify-content: flex-start;
  }
  .kigu_drawer_icon_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 10% 0 0 0;
    width: 40vw;
  }
  .kigu_drawer_icon_box{
    width: 19%;
    margin: 0 2% 0 0;
  }
  .kigu_drawer_icon_box:last-child{
    width: 19%;
    margin: 0;
  }

  .kigu_detail_inner {
    font-size: 0.8rem;
    line-height: 1.6;
  }
  .kigu_drawer_open_img{
    width: 70vw;
    margin: 0 auto 10% auto;
  }
  .kigu_drawer_open_title{
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    background-color: #33b3ee;
    padding: 2% 5%;
    text-align: left;
    margin: 0 0 8% 0;
  }
  .kigu_drawer_open_icon_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 3% 0;
  }
  .kigu_drawer_open_icon_img{
    width: 15%;
    margin: 0 3% 0 0;
  }
  .kigu_drawer_open_icon_text{
    width: 82%;
    font-size: 0.8rem;
  }

  /* ラック */
  .kigu_rack_bloc{
    background-color: #e1f6ff;
    padding: 50px 3vw 70px 3vw;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center;
  }
  .kigu_rack_title{
    font-size: 1rem;
  }
  .kigu_rack_text{
    font-size: 0.7rem;
    margin: 15px 0 40px 0;
  }
  .kigu_rack_img_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .kigu_rack_img_box{
    width: 43vw;
    margin: 0 0 3% 0;
  }
  .kigu_rack_img_box:nth-child(n+2){
    width: 43vw;
    margin: 0;
  }
  /* ラック */

  /* ドロワーエリア2 */
  .kigu_drawer_bloc02{
    background-color: #0ea2e7;
    padding: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }
  .kigu_drawer_area02{
    display: flex;
    justify-content: flex-start;
  }
  .kigu_drawer_img02{
    width: 30%;
    margin: 0 3% 0 0;
  }
  .kigu_drawer_text_bloc02{
    text-align: left;
  }
  .kigu_drawer_catchi02{
    font-size: 0.6rem;
  }
  .kigu_drawer_title02{
    font-size: 0.7rem;
    color: #fff;
  }
  .kigu_drawer_icon_bloc02{
    display: flex;
    justify-content: flex-start;
    margin: 10% 0 0 0;
    width: 40vw;
  }
  .kigu_drawer_icon_box02{
    width: 19%;
    margin: 0 2% 0 0;
  }
  .kigu_drawer_btn_bloc02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    cursor: pointer;
  }
  .kigu_drawer_btn_text02{
    margin: 0 5% 0 0;
    font-size: 0.6rem;
    width: 12vw;
  }
  .kigu_drawer_btn02{
    width: 10vw;
  }

  .kigu_drawer_detail02 {
    display: none;/* 初期状態で非表示 */
    background: #0ea2e7;
    padding: 20px 2% 70px 2%;
  }
  .kigu_detail_inner02 {
    font-size: 16px;
    line-height: 1.6;
  }
  .kigu_drawer_open_img02{
    margin: 0 auto 10% auto;
    background-color: #fff;
    padding: 5% 0;
    text-align: center;
  }
  .kigu_drawer_open_img02 img{
    width: 70vw;
  }
  .kigu_drawer_open_icon_bloc02{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 3% 0;
    color: #fff;
  }
  .kigu_drawer_open_icon_img02{
    width: 15%;
    margin: 0 3% 0 0;
  }
  .kigu_drawer_open_movie_btn02{
    width: 55vw;
    margin: 10% auto 0 auto;
  }
  /* ドロワーエリア2 */

  .kigu_merit_bloc{
    background-color: #fff;
    width: 95vw;
    margin: 0 auto;
    padding: 10% 0;
  }
  .kigu_merit_title{
    font-size: 1rem;
    color: #0ea2e7;
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
  }
  .kigu_merit_catchi{
    width: 80%;
    margin: 8% auto;
    font-size: 0.8rem;
    color: #fff;
    background-color: #0ea2e7;
    padding: 3%;
  }
  .kigu_merit_img_box{
    width: 80%;
    margin: 0 auto;
  }
  .kigu_merit_caption{
    font-size: 0.7rem;
    color: #265c8f;
    margin: 10% 5% 0 0;
    text-align: right;
  }

  /* 左右に横線 */
  .kigu_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 3.7vw;
    color: #00a4ef;
    margin: 15% 0 5% 0;
    font-weight: bold;
  }
  .kigu_text_line::before,
  .kigu_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 19vw; /* 横線の長さ */
  }
  .kigu_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .kigu_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }
  .kigu_lineup_link{
    margin: 3% 0 0 0;
  }
  .kigu_caption_text{
    font-size: 0.6rem;
    /*font-weight: bold;*/
    text-align: right;
    margin: 0 0 5% 0;
  }
  /* 器具 */

  /* 食材 */
  .shokuzai_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5% auto 15% auto;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .shokuzai_catchi_area img{
    height: 53px;
  }
  .shokuzai_circle_bloc{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 15% auto;
  }
  .shokuzai_circle_box{
    width: 19%;
  }

  .shokuzai_drawer_title{
    font-size: 0.7rem;
    color: #00a75a;
  }
  .shokuzai_drawer_btn_bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00a75a;
    cursor: pointer;
  }
  .shokuzai_drawer_open_title{
    font-size: 0.9rem;
    color: #fff;
    font-weight: bold;
    background-color: #03c46b;
    padding: 2% 3%;
    text-align: left;
    margin: 0 0 10% 0;
  }
  .shokuzai_detail_inner_right_list {
    list-style: none;
    font-size: 0.8rem;
  }
  .shokuzai_detail_inner_right_list li {
    position: relative;
    padding-left: 1em;
    margin: 0 0 5% 0;
  }
  .shokuzai_detail_inner_right_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em;
    width: 8px;
    height: 8px;
    background: #03c46b;
    border-radius: 50%;
  }
  .shokuzai_detail_inner_bloc{
    margin: 0 auto;
  }
  .shokuzai_detail_inner_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #009f45;
    margin: 10% 0 0 0;
    text-align: left;
  }

  .modal-open-shokuzai{
    width: 55vw;
    margin: 10% auto 0 auto;
    cursor: pointer;
  }
  /* 食材 */

  /* いろいろな洗浄 */
  .iroiro_catchi_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95vw;
    margin: 10% auto;
    font-size: 5.5vw;
    font-weight: bold;
    color: #fff;
  }
  .iroiro_catchi_area img{
    width: 7vw;
  }
  .iroiro_icon_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .iroiro_icon_box{
    width: 24%;
    margin: 0 0 1% 0;
  }
  .iroiro_arrow_box{
    width: 10%;
    margin: 10% auto;
  }

  /* 左右に横線 */
  .iroiro_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 5vw;
    color: #0097dc;
    margin: 0 0 8% 0;
    font-weight: bold;
  }
  .iroiro_text_line::before,
  .iroiro_text_line::after {
    background-color: #1e90ff; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 29.5vw; /* 横線の長さ */
  }
  .iroiro_text_line::before {
    margin-right: 3vw; /* 文字との余白 */
  }
  .iroiro_text_line::after {
    margin-left: 3vw; /* 文字との余白 */
  }

  .anchor{
    position: relative;
    top: -70px;  /* ヘッダーの高さ */
    height: 0;
  }
  .iroiro_lineup_bloc{
    background-color: #fff;
    text-align: left;
    padding: 3% 3% 6% 3%;
    margin: 6% 0 0 0;
  }
  .iroiro_lineup_title_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 5% 0;
  }
  .iroiro_lineup_title_img{
    width: 20%;
    margin: 0 3% 0 0;
  }
  .iroiro_lineup_title{
    font-size: 1rem;
    color: #0097dd;
    font-weight: bold;
  }
  .iroiro_lineup_text{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .iroiro_lineup_catchi{
    background-color: #33b3ee;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 2% 5%;
  }
  .iroiro_lineup_num_img01{
    margin: 8% 0 12% 0;
    text-align: center;
  }
  .iroiro_lineup_num_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .iroiro_lineup_num_area{
    width: 49%;
    margin: 0 0 2% 0;
  }
  .iroiro_lineup_num_box{
    background-color: #ededed;
    padding: 10% 10% 20% 10%;
    height: 40%;
  }
  .iroiro_lineup_num_title{
    font-size: 3.4vw;
    font-weight: bold;
  }
  .iroiro_lineup_num_text{
    font-size: 2.5vw;
    margin: 5% 0 15% 0;
  }
  .iroiro_lineup_waku_text{
    font-size: 3vw;
    font-weight: bold;
    border: 4px solid #33b3ee;
    color: #33b3ee;
    text-align: center;
    padding: 2% 0;
    margin: 5% 0 0 0;
  }
  .iroiro_lineup_crate_box{
    margin: 0 0 15% 0;
  }
  .iroiro_lineup_crate_catchi01{
    font-size: 0.9rem;
    font-weight: bold;
    background-color: #33b3ee;
    color: #fff;
    padding: 2% 3%;
  }
  .iroiro_lineup_crate_title{
    font-size: 1rem;
    font-weight: bold;
    color: #0068b9;
    margin: 5% 0 0 0;
  }
  .iroiro_lineup_crate_text{
    font-size: 0.8rem;
    margin: 1% 0 10% 0;
  }
  .iroiro_lineup_crate_img{
    text-align: center;
    margin: 10% 0 15% 0;
  }
  .iroiro_lineup_option_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #33b3ee;
    margin: 16px 0;
  }
  .iroiro_lineup_option_img{
    width: 45%;
    margin: 0 5% 0 0;
  }
  .iroiro_lineup_option_area{
    padding: 3% 3% 3% 0;
  }
  .iroiro_lineup_option_title{
    font-size: 3vw;
    font-weight: bold;
    color: #0068b9;
  }
  .iroiro_lineup_option_text{
    font-size: 2.5vw;
    font-weight: bold;
  }
  .iroiro_lineup_smoke_bloc01{
    display: flex;
    justify-content: space-between;
    margin: 10% 0 0 0;
  }
  .iroiro_lineup_smoke_bloc02{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .iroiro_lineup_smoke_img01{
    width: 58%;
  }
  .iroiro_lineup_smoke_img02{
    width: 40%;
  }
  .iroiro_lineup_smoke_num_bloc{
    margin: 10% 0;
    width: 100%;
  }
  .iroiro_lineup_smoke_box{
    width: 46%;
    border: 3px solid #00a4ef;
    text-align: center;
    background-color: #00a4ef;
  }
  .iroiro_lineup_smoke_num_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 2% 0;
  }
  .iroiro_lineup_smoke_num{
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background: #33b3ee;
    text-align:center;
    margin: 0 6px 0 0;
  }
  .iroiro_lineup_smoke_text01{
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    background-color: #00a4ef;
    padding: 9% 0;
  }
  .iroiro_lineup_smoke_text02{
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    background-color: #00a4ef;
    padding: 5% 0;
  }
  .iroiro_lineup_smoke_text03{
    font-size: 2.5vw;
    font-weight: bold;
    color: #fff;
  }
  .iroiro_lineup_egg_bloc{
    margin: 0 auto;
    font-size: 0.75rem;
  }
  .iroiro_lineup_egg_img{
    margin: 5% 0;
  }
  .iroiro_lineup_bloc_s{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .iroiro_lineup_area{
    background-color: #fff;
    text-align: left;
    padding: 3% 3% 6% 3%;
    margin: 18px 0 0 0;
  }
  .iroiro_lineup_title_bloc_s{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10% 0;
  }
  .iroiro_lineup_title_s{
    font-size: 1rem;
    color: #0097dd;
    font-weight: bold;
    margin: 0 0 2% 0;
  }
  .iroiro_lineup_text_s{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .iroiro_lineup_tableware_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .iroiro_lineup_tableware_area01{
    width: 48%;
    margin: 0 0 5% 0;
  }
  .iroiro_lineup_crate_catchi02{
    font-size: 2.8vw;
    font-weight: bold;
    background-color: #33b3ee;
    color: #fff;
    padding: 2% 3%;
  }
  .iroiro_lineup_tableware_icon_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 3% 0 5% 0;
  }
  .iroiro_lineup_tableware_icon{
    width: 27px;
    margin: 0 2px 0 0;
  }
  .iroiro_lineup_tableware_icon:last-child{
    width: 27px;
    margin: 0;
  }
  .iroiro_lineup_tableware_text01{
    font-size: 2.3vw;
    margin: 0 0 6% 0;
    height: 25px;
  }
  .iroiro_lineup_tableware_bloc02{
    margin: 10% 0 0 0;
  }
  .iroiro_lineup_tableware_area02{
    display: flex;
    justify-content: space-between;
    margin: 0 0 10% 0;
  }
  .iroiro_lineup_tableware_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #0068b9;
    margin: 0 0 5% 0;
  }
  .iroiro_lineup_tableware_text02{
    font-size: 0.7rem;
  }
  .iroiro_lineup_tableware_img{
    width: 30%;
  }
  .iroiro_lineup_tableware_link{
    margin: 5% 0 0 0;
  }
  .iroiro_catchi{
    width: 95vw;
    margin: 0 auto;
    padding: 10% 0;
  }
  /* いろいろな洗浄 */
  /* 対象物から探す */

  /* 業種から探す */
  .industry_top_img img{
    width: 100%;
    margin: 67px 0 0 0;
  }
  .industry_bloc{
    background-color: #ebf0ee;
    padding: 80px 0 100px 0;
  }
  .industry_area{
    background-color: #fff;
    width: 95vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15% 0;
  }
  .industry_title_bloc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    margin: 0 auto;
    padding: 5% 0 15% 0;
    color: #00b067;
    font-weight: bold;
  }
  .lindustry_title_icon{
    width: 35%;
    margin: 0 5% 0 0;
  }
  .lindustry_title_catchi{
    font-size: 1rem;
  }
  .lindustry_title{
    font-size: 1.3rem;
  }

  .industry_link_bloc{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
  }
  .industry_link_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: #00b067;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 2% 3%;
    margin: 0 5% 5% 0;
  }
  /* 業種から探す */

  /* 洗浄剤を探す */
  /* 洗浄機用 */
  .detergent_top_img_bloc_pc{
    display: none;
  }
  .detergent_top_img_bloc_sp{
    padding: 20% 0 0 0;
  }
  /* タイトル */
  .detergent_title_bloc{
    background-color: #f3f7f9;
  }
  .detergent_title_area{
    width: 90vw;
    margin: 0 auto;
    padding: 10% 0;
  }
  .detergent_title_left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #00add8;
    font-size: 1.5rem;
  }
  .detergent_title_left_icon_box{
    width: 30vw;
    margin: 0 5% 0 0;
  }
  .detergent_title_right_bloc{
    display: flex;
    justify-content: space-between;
    width: 70vw;
    margin: 8% auto 0 auto;
  }
  .detergent_title_right_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.5rem;
    font-weight: bold;
    line-height: 0.7rem;
  }
  .detergent_title_right_icon_box{
    width: 23px;
    margin: 0 6px 0 0;
  }
  /* タイトル */
  /* アンカー */
  .detergent_anchor_bloc{
    background-color: #fff;
  }
  .detergent_anchor_area{
    width: 95vw;
    margin: 0 auto;
    padding: 5% 0 10% 0;
  }
  .detergent_anchor_left_bloc{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 5% 0;
  }
  .detergent_anchor_left_area{
    background-color: #0288c0;
    color: #fff;
    font-size: 0.6rem;
    font-weight: bold;
    width: 100%;
    padding: 18px 2% 10px 2%;
    margin: 0 7px 0 0;
    text-align: center;
  }
  .detergent_anchor_left_area:last-child{
    background-color: #0288c0;
    color: #fff;
    font-size: 0.65rem;
    font-weight: bold;
    width: 100%;
    padding: 18px 2% 10px 2%;
    margin: 0;
    text-align: center;
  }
  .detergent_anchor_left_area a{
    color: #fff;
  }
  .detergent_anchor_left_area02{
    background-color: #0288c0;
    color: #fff;
    font-size: 0.65rem;
    font-weight: bold;
    width: 100%;
    padding: 18px 0 10px 0;
    margin: 0;
    text-align: center;
  }
  .detergent_anchor_left_area02 a{
    color: #fff;
  }
  .detergent_anchor_arrow{
    transform: rotate(90deg);
  }
  /* アンカー */

  /* コンテンツ */
  .detergent_content_bloc{
    background-color: #d7f5ff;
  }
  .detergent_bloc01{
    width: 95vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 10% 0;
  }
  .detergent_bloc01:first-child{
    width: 95vw;
    margin: 0 auto;
    text-align: left;
    padding: 8% 0 10% 0;
  }
  .detergent_catchi01{
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #0288c0;
    padding: 2% 4%;
    color: #fff;
  }
  .detergent_catchi02{
    font-size: 0.9rem;
    font-weight: normal;
  }
  .detergent_area01{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 8% 0 0 0;
  }
  .detergent_box01{
    width: 49%;
    font-size: 0.65rem;
    margin: 0 2% 0 0;
    padding: 0 0 8% 0;
  }
  .detergent_box01:nth-child(2n){
    width: 49%;
    font-size: 0.65rem;
    margin: 0;
  }
  .detergent_lower_icon_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .detergent_lower_icon_box{
    width: 10%;
    height: 20px;
    margin: 8% 3% 5% 0;
  }
  .detergent_name01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #099ce0;
    margin: 0 0 5% 0;
  }
  .detergent_text01{
    margin: 0 0 3% 0;
  }
  /* コンテンツ */

  /* 使用方法 */
  .detergent_use_bloc{
    background-color: #f3f7f9;
    padding: 18% 0;
  }
  .detergent_use_area{
    margin: 18% auto 0 auto;
    background-color: #fff;
  }
  .detergent_use_box{
    padding: 10% 0;
    width: 90vw;
    margin: 0 auto;
    text-align: center;
  }
  .detergent_use_catchi{
    font-size: 1.2rem;
    color: #0ea2e7;
    text-align: center;
  }
  .detergent_use_left_text_bloc{
    margin: 0 0 15% 0;
  }
  .detergent_use_left_text01{
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 45%;
    margin: 0 auto 8% auto;
    padding: 2% 0;
  }
  .detergent_use_left_text02{
    font-size: 1.2rem;
    font-weight: bold;
    color: #0288c0;
    border-bottom: 4px solid #0288c0;
    padding-bottom: 3px;
    width: 58%;
    margin: 0 auto;
  }
  .detergent_use_left_img{
    width: 90%;
    margin: 0 auto 10% auto;
  }
  .detergent_use_right_bloc{
    background-color: #e1ecf1;
    padding: 8% 0 10% 0;
    border-radius: 15px;
  }
  .detergent_use_right_catchi{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .detergent_use_right_area{
    width: 75%;
    margin: 10% auto 0 auto;
  }
  .detergent_use_right_img_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10% 0 0 0;
  }
  .detergent_use_right_img_box:first-child{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .detergent_use_right_text_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_use_right_img{
    width: 40%;
  }
  .detergent_use_right_text{
    font-size: 0.8rem;
    margin: 5% 0 0 0;
  }
  /* 使用方法 */
  /* 洗浄機用 */

  /* 生産機器 */
  .detergent_box06{
    width: 100%;
    font-size: 0.65rem;
    padding: 0 0 5% 0;
  }
  .detergent_box06_img{
    background-color: #fff;
    text-align: center;
  }
  .detergent_box06_img img{
    width: 60%;
  }
  .detergent_box06 .detergent_name01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #099ce0;
    margin: 5% 0 3% 0;
  }
  .detergent_box02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a7d5e4;
    padding: 5%;
  }
  .detergent_box03{
    background-color: #a7d5e4;
    padding: 5%;
  }
  .detergent_area02{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px 0 0 0;
  }
  .detergent_seisankiki_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_seisankiki_box{
    font-size: 0.58rem;
    text-align: center;
  }
  .detergent_seisankiki_text{
    margin: 5% 0 0 0;
  }
  .detergent_seisankiki_arrow01{
    width: 20%;
    margin: 0 3%;
  }
  .use_unchor_bloc{
    background-color: #14c6f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2% 4%;
    color: #fff;
    font-weight: bold;
    margin: 5% 0 0 0;
  }
  .use_unchor_left{
    font-size: 1.2rem;
  }
  .use_unchor_right{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.9rem;
  }
  .use_unchor_arrow{
    transform: rotate(90deg);
    width: 15px;
    margin: 0 0 0 15px;
  }
  .detergent_seisankiki_box02{
    width: 49%;
    font-size: 0.65rem;
    margin: 0 2% 0 0;
    padding: 0 0 8% 0;
  }
  .detergent_seisankiki_box02:nth-child(2n){
    width: 49%;
    font-size: 0.65rem;
    margin: 0;
  }
  .detergent_seisankiki_text02{
    background-color: #fff;
    font-size: 0.58rem;
    padding: 3% 0;
  }
  .detergent_seisankiki_catchi{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .detergent_name02{
    font-size: 0.8rem;
    font-weight: bold;
    color: #099ce0;
    margin: 5% 0 3% 0;
  }
  .detergent_seisankiki_other_use_link{
    background-color: #14c6f2;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
    margin: 5% 0 0 0;
  }
  .detergent_seisankiki_other_use_link_arrow{
    width: 8%;
    margin: 0 0 0 4%;;
  }

  .detergent_cmn_use_bloc{
    text-align: left;
    padding: 10% 2vw;
    margin: 18% 0 0 0;
  }
  .detergent_cmn_use_bloc:first-child{
    text-align: left;
    padding: 10% 2vw;
    margin: 0;
  }
  .detergent_cmn_use_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 35%;
    margin: 0 auto;
    padding: 3% 0;
    text-align: center;
  }
  .detergent_cmn_use_text{
    font-size: 1rem;
    font-weight: bold;
    color: #0ea2e7;
    margin: 10% 0 5% 0;
    text-align: center;
  }
  .detergent_cmn_use_area01{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    padding: 5%;
  }
  .detergent_cmn_use_box01{
    text-align: center;
    width: 32%;
  }
  .detergent_cmn_use_box02{
    text-align: center;
  }
  .detergent_cmn_use_box03{
    background-color: #d7f5ff;
    border-radius: 20px;
    padding: 10% 0 3% 0;
    width: 32%;
    text-align: center;
  }
  .detergent_cmn_use_box_text{
    font-size: 0.7rem;
    font-weight: bold;
    color: #0ea2e7;
    margin: 0 0 10% 0;
  }
  .detergent_cmn_use_area02{
    background-color: #d7f5ff;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    padding: 5%;
  }
  .detergent_cmn_use_area03{
    display: flex;
    justify-content: space-between;
    margin: 55px 0 0 0;
  }
  .detergent_seisankiki_use_img{
    margin: 0 auto;
  }
  .detergent_seisankiki_use_catchi02{
    font-size: 18px;
    font-weight: bold;
    color: #0ea2e7;
    margin: 13px 0 24px 0;
  }
  .detergent_cmn_use_tokutyou_num_bloc{
    width: 50px;
    height: 50px;
    background-color: #0ea2e7;
    color: #fff;border-radius: 30px;
    margin: -65px auto 0 auto;
    position: relative;
  }
  .detergent_cmn_use_tokutyou_num_text{
    font-size: 0.5rem;
    font-weight: bold;
    padding: 8px 0 0 0;
  }
  .detergent_cmn_use_tokutyou_num{
    font-size: 1rem;
    font-weight: bold;
  }
  .detergent_cmn_use_tokutyou_img{
    width: 70%;
    margin: 8% auto 0 auto;
  }
  .detergent_cmn_use_tokutyou_catchi{
    font-size: 0.8rem;
    font-weight: bold;
    color: #0ea2e7;
    margin: 15% 0 8% 0;
  }
  .detergent_cmn_use_tokutyou_text{
    font-size: 0.6rem;
    font-weight: bold;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  .detergent_cmn_use_link_bloc{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    width: 95vw;
    background-color: #0ea2e7;
    padding: 5% 0;
    margin: 0 auto;
  }
  .detergent_cmn_use_link_bloc a{
    color: #fff;
    padding: 6% 25vw;
  }
  .detergent_cmn_use_tokutyou_area{
    margin: 5% auto 0 auto;
    padding: 0 0 8% 0;
    background-color: #fff;
  }
  /* 生産機器 */

  /* 器具・部品 */
  .detergent_box04{
    background-color: #a7d5e4;
    padding: 5% 3%;
  }
  .detergent_box08{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a7d5e4;
    padding: 5%;
  }
  .detergent_kigubuhin_bloc01{
    display: flex;
    justify-content: flex-start;
  }
  .detergent_kigubuhin_area01:first-child{
    margin: 0 8% 0 0;
  }
  .detergent_kigubuhin_area02{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detergent_kigubuhin_text01{
    background-color: #fff;
    font-size: 0.6rem;
    padding: 5% 0;
    text-align: center;
  }
  .detergent_kigubuhin_text02{
    text-align: center;
    font-size: 0.7rem;
    font-weight: bold;
    margin: 8% 0 0 0;
  }
  /* 器具・部品 */

  /* 床 */
  .detergent_yuka_icon_box{
    width: 5vw;
    margin: 5% 3% 0 0;
  }
  /* 床 */

  /* 除菌 */
  .detergent_box05{
    width: 49%;
    font-size: 12px;
    margin: 0 2% 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box05:last-child{
    width: 49%;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 45px 0;
  }
  .detergent_box07{
    width: 49%;
    font-size: 12px;
    margin: 0;
  }
  .detergent_jokin_other_use_link{
    background-color: #14c6f2;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 240px;
    height: 241.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 28px 0 0;
  }
  .detergent_jokin_use_link_bloc{
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 8% 0;
    margin: 0 auto;
    text-align: center;
  }
  .detergent_jokin_use_link_bloc a{
    color: #fff;
    padding: 8% 10%;
  }
  .detergent_jokin_use_catchi01{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 50%;
    padding: 3% 0;
    text-align: center;
    margin: 0 auto 15% auto;
  }
  .detergent_jokin_use_bloc{
    background-color: #d7f5ff;
    border-radius: 10px;
    padding: 8% 5%;
    font-size: 0.7rem;
  }
  .detergent_jokin_use_area{
    margin: 0 0 10% 0;
  }
  .detergent_jokin_use_catchi02{
    font-size: 1rem;
    font-weight: bold;
    color: #0ea2e7;
  }
  .detergent_jokin_use_text{
    margin: 5% 0;
  }
  .detergent_jokin_use_bloc_right{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 10% auto 0 auto;
    text-align: center;
    font-size: 0.6rem;
  }
  .detergent_jokin_use_right_area{
    margin: 0 10% 0 0;
  }
  .detergent_jokin_use_img{
    margin: 0 0 10% 0;
  }
  /* 除菌 */
  /* 洗浄剤を探す */

  /* イチオシ */
  /* 発泡ツール */
  .ichioshi_happou_bloc01{
    width: 95vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15% 0;
  }
  .ichioshi_happou_bloc01:first-child{
    width: 95vw;
    margin: 0 auto;
    text-align: left;
    padding: 13% 0 5% 0;
  }
  .ichioshi_happou_catchi01{
    font-size: 1rem;
    font-weight: bold;
    background-color: #00bceb;
    color: #fff;
    padding: 2% 3%;
  }
  .ichioshi_happou_area01{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 3% 0 0 0;
    padding: 10% 3%;
  }
  .ichioshi_happou_left_bloc01{
    width: 25%;
  }
  .ichioshi_happou_right_bloc01{
    width: 70%;
  }
  .ichioshi_happou_text_icon_bloc{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_happou_text_icon{
    font-size: 0.8rem;
    background-color: #00bceb;
    color: #fff;
    padding: 1% 4%;
    border-radius: 3px;
    margin: 0 2% 0 0;
  }
  .ichioshi_happou_name01{
    font-size: 1.3rem;
    font-weight: bold;
    color: #00bceb;
    margin: 2% 0 3% 0;
  }
  .ichioshi_happou_catchi02{
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 5% 0;
  }
  .ichioshi_happou_text01{
    font-size: 0.8rem;
  }
  .ichioshi_happou_area02{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 3% 0 0 0;
    padding: 10% 3%;
  }
  .ichioshi_happou_area03{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 5% 3%;
    margin: 5% 0 0 0;
  }
  .ichioshi_happou_left_bloc02{
    width: 23%;
  }
  .ichioshi_happou_right_bloc02{
    width: 72%;
  }
  .ichioshi_happou_name02{
    font-size: 1rem;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 3% 0;
  }
  .ichioshi_happou_bloc02{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ichioshi_happou_area04{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin: 3% 0 0 0;
    padding: 10% 3%;
  }
  .ichioshi_happou_left_bloc03{
    width: 25%;
  }
  .ichioshi_happou_right_bloc03{
    width: 70%;
  }
  .ichioshi_happou_name03{
    font-size: 1.3rem;
    font-weight: bold;
    color: #00bceb;
    margin: 2% 0 3% 0;
  }
  .ichioshi_happou_bloc03{
    background-color: #f3f7f9;
    padding: 18% 3vw;
  }
  .ichioshi_happou_text02{
    font-size: 0.65rem;
    color: #099ce0;
    margin: 5% 0 8% 0;
    text-align: center;
  }
  .ichioshi_happou_catchi03{
    font-size: 1rem;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 4% 0;
  }
  .ichioshi_happou_catchi04{
    font-size: 1rem;
    font-weight: bold;
    color: #00bceb;
    margin: 8% 0 4% 0;
  }
  .ichioshi_happou_area05{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 10% 3%;
  }
  .ichioshi_happou_left_bloc04{
    width: 25%;
  }
  .ichioshi_happou_right_bloc04{
    width: 70%;
  }
  .ichioshi_happou_text03{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .ichioshi_happou_area06{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 10px;
    padding: 10% 3%;
    margin: 3% 0 0 0;
  }
  .ichioshi_happou_tokutyou_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 5% 0 0 0;
  }
  .ichioshi_happou_tokutyou_img01{
    margin: 0 0 3% 0;
    width: 32%;
  }
  /* 発泡ツール */

  /* 過酢酸製剤 */
  .ichioshi_kasaku_content_bloc01{
    background-color: #d7f5ff;
    padding: 0 0 65px 0;
  }
  .ichioshi_kasaku_banner_bloc{
    display: flex;
    justify-content: space-between;
    width: 95vw;
    margin: 0 auto;
    padding: 35px 0 30px 0;
  }
  .ichioshi_kasaku_bloc01{
    width: 95vw;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15px 0;
  }
  .ichioshi_kasaku_area01{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 10% 3%;
  }
  .ichioshi_kasaku_left_bloc01{
    width: 25%;
  }
  .ichioshi_kasaku_name01{
    font-size: 1.3rem;
    font-weight: bold;
    color: #00bceb;
    margin: 0 0 10px 0;
  }
  .ichioshi_kasaku_area02{
    font-size: 0.8rem;
    padding: 5%;
    background-color: #f8f8f8;
  }
  .ichioshi_kasaku_text_bloc01{
    display: flex;
    justify-content: flex-start;
    margin: 15px 0 0 0;
  }
  .ichioshi_kasaku_text01{
    width: 40%;
  }
  .ichioshi_kasaku_bloc02{
    width: 95vw;
    margin: 0 auto;
    background-color: #fff;
  }
  .ichioshi_kasaku_catchi01{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    color: #00bceb;
    margin: 0 0 8% 0;
  }
  .ichioshi_kasaku_area03{
    background-color: #d7f5ff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 10px;
    padding: 5%;
  }
  .ichioshi_kasaku_box01{
    text-align: center;
    width: 32%;
  }
  .ichioshi_kasaku_text02{
    font-size: 0.8rem;
    font-weight: bold;
    color: #0ea2e7;
    margin: 5% auto 0 auto;
  }
  .ichioshi_kasaku_catchi02{
    font-size: 1.2rem;
    color: #0ea2e7;
    margin: 0 0 18% 0;
    text-align: center;
  }
  .ichioshi_kasaku_bloc03{
    width: 95%;
    margin: 5% auto 0 auto;
    background-color: #fff;
  }
  .ichioshi_kasaku_area04{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .ichioshi_kasaku_num{
    width: 10%;
    margin: 0 3% 0 0;
  }
  .ichioshi_kasaku_num_catchi01{
    font-size: 1.1rem;
    font-weight: bold;
    color: #0ea2e7;
  }
  .ichioshi_kasaku_num_catchi02{
    font-size: 0.7rem;
    font-weight: bold;
    margin: 0 0 0 2%;
  }
  .ichioshi_kasaku_area05{
    display: flex;
    justify-content: flex-start;
  }
  .ichioshi_kasaku_num_box01{
    width: 40%;
  }
  .ichioshi_kasaku_num_box02{
    width: 90%;
  }
  .ichioshi_kasaku_num_catchi03{
    font-size: 1.1rem;
    font-weight: bold;
    color: #0ea2e7;
    margin: 5px 0 8% 0;
  }
  /* ナンバー2のSPスタイル */
  .ichioshi_kasaku_area08{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0 0 0 13%;
  }
  .ichioshi_kasaku_num_img01{
    margin: 8% 0;
  }
  .ichioshi_kasaku_num_img02{
    margin: 5% 0;
  }
  /* ナンバー2のSPスタイル */
  .ichioshi_kasaku_num_catchi04{
    font-size: 0.8rem;
    font-weight: bold;
    color: #0ea2e7;
  }
  .ichioshi_kasaku_text03{
    font-size: 0.7rem;
    font-weight: bold;
    margin: 0 0 3% 0;
  }
  .ichioshi_kasaku_text04{
    font-size: 0.7rem;
  }
  .ichioshi_kasaku_num_catchi05{
    font-size: 0.5rem;
    font-weight: bold;
  }
  .ichioshi_kasaku_bloc04{
    width: 95vw;
    margin: 15px auto 0 auto;
    background-color: #00bceb;
  }
  .ichioshi_kasaku_num_catchi06{
    font-size: 0.9rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 0 10% 0;
  }
  .ichioshi_kasaku_area06{
    background-color: #fff;
    border-radius: 10px;
    padding: 5%;
    text-align: center;
    font-size: 0.7rem;
    font-weight: bold;
    color: #00bceb;
  }
  .ichioshi_kasaku_area07{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
  }
  .ichioshi_kasaku_left_bloc02{
    width: 30%;
  }
  .ichioshi_kasaku_right_bloc02{
    width: 65%;
  }
  .ichioshi_kasaku_catchi03{
    margin: 0 0 8% 0;
  }
  .ichioshi_kasaku_right_area01{
    display: flex;
    justify-content: space-between;
  }
  .ichioshi_kasaku_right_img01{
    width: 48%;
  }
  .ichioshi_kasaku_text05{
    font-size: 0.8rem;
    margin: 3% 0 0 0;
  }
  .ichioshi_kasaku_text06{
    font-size: 0.55rem;
  }
  .ichioshi_kasaku_caption01{
    font-size: 0.7rem;
    font-weight: bold;
  }
  .ichioshi_kasaku_caption02{
    font-size: 0.7rem;
    font-weight: bold;
    margin: 5% 0 0 0;
  }
  /* 過酢酸製剤 */
  /* イチオシ */

  /* サポート */
  .support_content_bloc01{
    background-color: #d9faed;
    padding: 0 0 18% 0;
  }
  .support_title_bloc{
    width: 90vw;
    margin: 0 auto;
    padding: 10% 0 0 0;
  }
  .support_text01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #00958f;
    line-height: 1.5rem;
    margin: 5% 0 10% 0;
    text-align: center;
  }
  .support_bloc01{
    margin: 0 auto;
    background-color: #fff;
  }
  .support_area01{
    text-align: left;
    padding: 10% 26px;
    margin: 20px 0 0 0;
  }
  .support_area01:first-child{
    text-align: left;
    padding: 10% 0;
  }
  .support_num_bloc01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 5vw;
  }
  .support_num_img{
    width: 10%;
    margin: 0 3% 0 0;
  }
  .support_num_text{
    font-size: 1.2rem;
    font-weight: bold;
    color: #00b8b1;
  }
  .support_text_bloc01{
    margin: 5% 5vw 8% 17%;
    font-size: 0.7rem;
    font-weight: bold;
  }
  .support_text02{
    margin: 4% 0;
  }
  .support_img_bloc01{
    margin: 0 auto 15% auto;
    text-align: center;
  }
  .support_img_area01{
    width: 90vw;
    margin: 0 auto;
  }
  .support_img_area02{
    margin: 10% 0 0 0;
  }
  .support_img_area02 img{
    width: 40%;
  }
  .support_img_text{
    font-size: 14px;
    margin: 3% 0 0 0;
  }
  .support_area02{
    background-color: #f3f7f9;
    padding: 10% 5vw;
  }
  .support_text03{
    font-size: 0.9rem;
    font-weight: bold;
    color: #0094d8;
    margin: 0 0 12% 0;
    text-align: center;
  }
  .support_text04{
    font-size: 1.2rem;
  }
  .support_case_bloc01{
    background-color: #fff;
    border: solid 3px #009fe8;
    border-radius: 20px;
    padding: 15px 13px;
  }
  .support_case_bloc01:last-child{
    background-color: #fff;
    border: solid 3px #009fe8;
    border-radius: 20px;
    padding: 15px 13px;
    margin: 20px 0 0 0;
  }
  .support_case_area01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .support_case_img01{
    width: 12%;
    margin: 0 2% 0 0;
  }
  .support_case_text01{
    font-size: 0.7rem;
    font-weight: bold;
    color: #0094d8;
  }
  .support_case_img02{
    margin: 5% auto;
  }
  .support_img_area03{
    margin: 5% 5vw 5% 17%;
  }
  .support_text_bloc02{
    margin: 5% 5vw 5% 17%;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 1.2rem;
  }
  .support_img_bloc02{
    margin: 0 auto;
    text-align: center;
  }
  .support_img_bloc03{
    display: flex;
    justify-content: space-between;
    margin: 5% 5vw 5% 17%;
  }
  .support_img_area04{
    width: 49%;
  }
  /* サポート */

  /* サステナブル */
  /* 排水熱回収装置 */
  .sus_content_bloc01{
    background-color: #97d7b9;
    padding: 8% 0 18% 0;
  }
  .sus_bloc01{
    width: 95vw;
    margin: 0 auto;
    background-color: #fff;
  }
  .sus_area01{
    text-align: left;
    padding: 10% 3%;
  }
  .sus_haisuinetu_img01{
    width: 70%;
    margin: 0 auto;
  }
  .sus_haisuinetu_bloc01{
    margin: 10% 0;
  }
  .sus_haisuinetu_img02{
    width: 65%;
    margin: 0 auto;
  }
  .sus_haisuinetu_text01{
    font-size: 0.58rem;
    font-weight: bold;
    line-height: 1rem;
    width: 90%;
    margin: 5% auto 0 auto;
  }
  .sus_haisuinetu_text02{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #26bc76;
    text-align: center;
    padding: 3% 0;
    margin: 0 0 5% 0;
  }
  .sus_haisuinetu_icon_bloc{
    display: flex;
    align-items: center;
    margin: 0 0 3% 0;
  }
  .sus_haisuinetu_icon_bloc:last-child{
    display: flex;
    align-items: center;
    margin: 0;
  }
  .sus_haisuinetu_icon{
    width: 25%;
    margin: 0 3% 0 0;
  }
  .sus_haisuinetu_icon_area{
    width: 72%;
  }
  .sus_haisuinetu_icon_text01{
    font-size: 1rem;
    font-weight: bold;
    color: #00a759;
  }
  .sus_haisuinetu_icon_text02{
    font-size: 0.6rem;
  }
  .sus_haisuinetu_img03{
    width: 80%;
    margin: 18% auto;
  }
  .sus_haisuinetu_bloc02{
    background-color: #d9f5e8;
    padding: 8% 5% 15% 5%;
  }

  /* 左右に横線 */
  .sus_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 1rem;
    color: #2d9f5a;
    font-weight: bold;
  }
  .sus_text_line::before,
  .sus_text_line::after {
    background-color: #2d9f5a; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 27%; /* 横線の長さ */
  }
  .sus_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .sus_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .sus_haisuinetu_num_bloc{
    font-size: 0.8rem;
    font-weight: bold;
    color: #2d9f5a;
    background-color: #fff;
    padding: 4%;
    margin: 5% 0 8% 0;
  }

  .sus_haisuinetu_bloc03{
    border: 4px solid #00a759;
    font-size: 0.65rem;
    padding: 5%;
    margin: 8% 0 0 0;
  }
  .sus_haisuinetu_text03{
    font-size: 0.8rem;
    font-weight: bold;
    color: #00a759;
    margin: 0 0 2% 0;
  }
  /* 排水熱回収装置 */
  /* 省エネ */
  .sus_shouene_bloc01{
    text-align: left;
    background-color: #00a759;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.3rem;
  }
  .sus_shouene_text01{
    padding: 5%;
  }
  .sus_shouene_text02{
    font-size: 1.5rem;
    font-weight: bold;
    color: #00a759;
    text-align: center;
  }
  .sus_shouene_text03{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 3% 0 8% 0;
  }
  .sus_shouene_img03{
    margin: 8% 0;
  }
  .sus_shouene_bloc02{
    margin: 5% 0 0 0;
  }
  .sus_shouene_img_left{
    margin: 0 0 5% 0;
  }
  .sus_bloc02{
    width: 95vw;
    margin: 20px auto 0 auto;
    background-color: #fff;
  }
  /* 省エネ */
  /* サステナブル */

  /* 企業情報 */
  /* 共通 */
  .company_menu_bloc{
    background-color: #00112b;
  }
  .company_menu_area{
    width: 90vw;
    margin: 0 auto;
    padding: 8% 0;
    display: flex;
    justify-content: space-between;
  }
  .company_menu_line{
    width: 2px;
    height: 0.9rem;
    margin: 4px 0 0 0;
    background-color: #30beff;
  }
  .company_menu_box{
    font-size: 0.9rem;
    color: #30beff;
    text-align: center;
  }
  .company_menu_box a{
    font-size: 0.9rem;
    color: #30beff;
  }
  .company_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .company_content_bloc{
    background-color: #bbeaff;
  }
  .company_bloc01{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 55px 0;
  }
  .company_bloc01:first-child{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0;
  }
  .company_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 15% 7% 20% 7%;
  }
  .company_title{
    font-size: 1.5rem;
    color: #03a3ec;
    text-align: center;
    margin: 0 0 15% 0;
  }

  .company_toplink_btn_bloc{
    padding: 0 0 25% 0;
    background-color: #fff;
    text-align: center;
  }
  .company_toplink_btn{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    width: 86vw;
    margin: 0 auto 0 auto;
    padding: 5% 0;
  }
  .company_toplink_btn a{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    /*width: 400px;*/
    margin: 20% auto 0 auto;
    padding: 5% 32%;
  }
  /* 共通 */
  /* 代表メッセージ */
  .company_greeting_bloc01{
    display: flex;
  }
  .company_greeting_area01{
    width: 389px;
  }
  .company_greeting_text01{
    margin: 50px 0 0 0;
    line-height: 28px;
  }
  .company_greeting_text02{
    margin: 30px 0 0 0;
    line-height: 1.2rem;
    font-size: 0.8rem;
  }
  .company_greeting_text03{
    margin: 20% 0 0 0;
    text-align: right;
    font-size: 0.8rem;
  }
  /* 代表メッセージ */
  /* 会社概要 */
  .company_outline_catchi01{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    color: #03a3ec;
    background-color: #f3f7f9;
    padding: 8% 0;
    margin: 5% 0 10% 0;
  }
  .company_outline_text01{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .company_outline_text_bloc01{
    margin: 5% 0;
  }
  .company_line01{
    background-color: #03a3ec;
    height: 1px;
  }
  .company_outline_text02{
    font-size: 0.7rem;
    margin: 1% 0 0 0;
  }
  .company_outline_text02 a{
    color: #03a3ec;
  }
  /* 会社概要 */
  /* 沿革 */
  .company_history_text01{
    font-size: 0.8rem;
    font-weight: bold;
  }
  .company_history_text02{
    font-size: 0.7rem;
    margin: 1% 0 0 0;
  }
  .company_history_btn{
    margin: 15% auto 0 auto;
  }
  /* 沿革 */
  /* 事業所案内 */
  .company_officemap_img01{
    margin: 0 auto 20% auto;
  }
  .company_officemap_text_bloc01{
    margin: 5% 0;
  }
  .company_officemap_text01 a{
    font-size: 0.8rem;
    font-weight: bold;
    color: #03a3ec;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .company_officemap_arrow{
    margin: 0 10px 0 0;
  }
  .company_officemap_text02{
    font-size: 0.7rem;
    margin: 3% 0;
  }
  .company_officemap_text03{
    font-size: 0.7rem;
    font-weight: bold;
  }
  /* 事業所案内 */

  /* 事業所案内 2nd */
  /* 本社 */
  .officemap_menu_bloc{
    background-color: #fff;
  }
  .officemap_menu_area{
    width: 90vw;
    margin: 0 auto;
    padding: 50px 0 35px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .officemap_menu_line{
    width: 1px;
    height: 0.6rem;
    margin: 2px 0 0 0;
    background-color: #000;
  }
  .officemap_menu_box{
    font-size: 0.6rem;
    color: #000;
    text-align: center;
  }
  .officemap_menu_box a{
    font-size: 0.6rem;
    color: #000;
  }
  .officemap_menu_arrow{
    display: inline-block;
    transform: rotate(90deg);
  }
  .officemap_title_bloc01{
    background-color: #11b4ff;
  }
  .officemap_title_left{
    padding: 15% 8vw;
    background-color: #f1f1f1;
  }
  .officemap_title_text01{
    font-size: 1.2rem;
    color: #009ee6;
    margin: 0 0 5% 0;
  }
  .officemap_title_text02{
    font-size: 0.8rem;
  }
  .officemap_title_right{
    padding: 10% 0;
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
  }
  .officemap_title_text03{
    font-size: 1rem;
    margin: 0 0 5% 0;
  }
  .officemap_title_text04{
    font-size: 1.3rem;
    font-weight: bold;
  }
  .officemap_title_text04 a{
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
  }
  .officemap_bloc01{
    background-color: #fff;
    padding: 15% 8% 30% 8%;
    text-align: center;
  }
  /* googlemapレスポンシブ */
  .map-wrap {
    max-width: 100%; /* ここに横幅を指定 */
  }
  .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 比率を16:9に固定 */
  }
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* googlemapレスポンシブ */
  .map_bloc{
    margin: 0 0 10% 0;
  }
  .officemap_text01{
    font-size: 0.7rem;
    text-align: left;
  }
  .officemap_img01{
    margin: 15% 0 0 0;
  }
  /* 本社 */
  /* 東北事業所 */
  .officemap_title_text05{
    font-size: 1rem;
    margin: 0 0 3% 0;
  }
  .officemap_title_text06{
    font-size: 1rem;
    margin: 8% 0 3% 0;
  }
  /* 東北事業所 */
  /* 羽生プラーツ*/
  .officemap_hanyu_bloc01{
    margin: 0 auto;
    text-align: left;
    padding: 0;
  }
  .officemap_hanyu_bloc01:first-child{
    background-color: #bbeaff;
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 0 0;
  }
  .officemap_hanyu_bloc02{
    background-color: #fff;
    padding: 15% 8% 30% 8%;
    text-align: left;
  }
  .officemap_hanyu_catchi01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #009ee6;
  }
  .officemap_hanyu_catchi02{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 5% 0 2% 0;
    color: #009ee6;
  }
  .officemap_hanyu_text01{
    font-size: 0.7rem;
    margin: 0 0 0 10px;
  }
  .officemap_hanyu_pdf_btn{
    width: 60%;
    margin: 10% auto 20% auto;
  }
  .officemap_hanyu_catchi03{
    font-size: 1rem;
    font-weight: bold;
    margin: 10% 0 0 0;
    color: #009ee6;
  }
  .officemap_hanyu_text02{
    font-size: 0.7rem;
    margin: 5% 0 0 0;
  }
  .officemap_hanyu_bloc03{
    background-color: #e3f6ff;
    padding: 15% 8% 30% 8%;
  }
  .officemap_hanyu_catchi04{
    font-size: 1rem;
    font-weight: bold;
    color: #009ee6;
  }
  .officemap_hanyu_text03{
    font-size: 0.7rem;
    margin: 2% 0 0 0;
  }
  .officemap_hanyu_img02{
    width: 60%;
    margin: 10% auto 0 auto;
  }
  .officemap_hanyu_btn_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 15% 0 0 0;
  }
  .officemap_hanyu_btn{
    margin: 0 0 5% 0;
  }
  .officemap_hanyu_area02{
    background-color: #fff;
    padding: 8% 5%;
  }
  .officemap_hanyu_text04{
    font-size: 0.7rem;
    font-weight: bold;
    margin: 2% 0 5% 0;
  }
  .officemap_hanyu_text04 a{
    font-size: 0.7rem;
    color: #0097dd;
  }
  .officemap_hanyu_test_btn{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 8% 0;
    margin: 5% auto 0 auto;
    text-align: center;
  }
  .officemap_hanyu_test_btn a{
    color: #fff;
    padding: 8% 5vw;
  }
  /* 羽生プラーツ*/
  /* 事業所案内 2nd */

  /* 創業者の想い */
  .company_message_img01{
    width: 70%;
    margin: 0 auto;
  }
  .company_message_catchi01{
    font-size: 1rem;
    font-weight: bold;
    margin: 25% 0 8% 0;
  }
  .company_message_bloc01{
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
  .company_message_bloc02{
    font-size: 0.8rem;
    line-height: 1.3rem;
    margin: 20% 0 0 0;
  }
  .company_message_img02{
    width: 70%;
    margin: 15% auto 0 auto;
  }
  .company_message_img03{
    width: 60%;
    margin: 15% auto;
  }
  /* 創業者の想い */
  /* 企業情報 */

  /* 採用情報 */
  .recruit_menu_bloc{
    background-color: #00aded;
  }
  .recruit_menu_area{
    width: 90vw;
    margin: 0 auto;
    padding: 15px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .recruit_menu_area:last-child{
    width: 90vw;
    margin: 0 auto;
    padding: 0 0 15px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .recruit_menu_line{
    width: 2px;
    height: 1.3rem;
    background-color: #fff;
    margin: 2% 0;
  }
  .recruit_menu_box{
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff;
    width: 32.5%;
    text-align: center;
  }
  .recruit_menu_box a{
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff;
  }
  .recruit_content_bloc{
    background-color: #013371;
  }
  .recruit_title01{
    width: 60%;
    margin: 0 auto;
    padding: 15% 0 5% 0;
  }
  .recruit_about_catchi{
    width: 40%;
    margin: 0 auto 15% auto;
    font-size: 0.8rem;
    font-weight: bold;
    color: #00184e;
    text-align: center;
    background-color: #fff;
    padding: 2%;
  }
  .recruit_bloc01{
    width: 95vw;
    margin: 0 auto;
    text-align: left;
  }
  .recruit_bloc01:first-child{
    margin: 0 auto;
    text-align: left;
    padding: 55px 0 110px 0;
  }
  .recruit_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 15% 3%;
    text-align: center;
  }
  .recruit_about_text01{
    font-size: 0.9rem;
    font-weight: bold;
    color: #013371;
  }
  .recruit_about_text02{
    font-size: 0.8rem;
    font-weight: bold;
    color: #00aded;
    margin: 5% 0 15% 0;
  }
  .recruit_about_text03{
    font-size: 1.3rem;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_bloc03{
    text-align: left;
    border: 2px solid #00aded;
    padding: 8% 5%;
    margin: 5% 0 0 0;
    letter-spacing: -0.01rem;
  }
  .recruit_about_text04{
    font-size: 0.7rem;
    font-weight: bold;
    margin: 0 0 5% 0;
  }
  .recruit_about_text05{
    font-size: 0.9rem;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_about_img01{
    width: 40%;
    margin: 0 auto;
  }
  .recruit_about_text06{
    font-size: 0.8rem;
    font-weight: bold;
    color: #00aded;
    text-align: center;
    margin: 15% 0 5% 0;
    letter-spacing: 0;
  }
  .recruit_about_area02{
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .recruit_jobs_catchi{
    width: 25%;
    margin: 0 auto 15% auto;
    font-size: 0.8rem;
    font-weight: bold;
    color: #00184e;
    text-align: center;
    background-color: #fff;
    padding: 2%;
  }
  .recruit_jobs_text01{
    font-size: 0.7rem;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_jobs_text02{
    font-size: 0.8rem;
    color: #00aded;
    text-align: center;
    margin: 8% auto 0 auto;
    border: 2px solid #00aded;
    padding: 2% 0;
  }
  .recruit_jobs_text03{
    font-size: 1rem;
    color: #00aded;
    font-weight: bold;
    text-align: center;
    margin: 15% auto 5% auto;
  }
  .recruit_jobs_img07 {
    width: 90%;
    margin: 0 auto;
  }
  /* イメージマップSVG */
  .recruit_jobs_img07 svg {
    width: 100%;
    height: auto;
    display: block;
  }
  /* イメージマップSVG */

  /* リクルートモーダル */
  .modal_recruit {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    pointer-events: none;
  }
  .modal_recruit.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .modal_recruit-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
  }
  .modal_recruit-content {
    position: relative;
    background: #fff;
    padding: 8% 5% 10% 5%;
    margin: 0 5%;
  }
  .modal_recruit-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1rem;
    cursor: pointer;
    background-color: #fff;
    border: none;
    color: #00aded;
    margin: 10px 5px 0 0;
  }
  /* リクルートモーダル中身 */
  .modal_recruit_title_bloc{
    margin: 0 0 10% 0;
  }
  .modal_recruit_title_img{
    width: 20%;
    margin: 0 auto;
  }
  .modal_recruit_title_catchi{
    font-size: 1rem;
    font-weight: bold;
    color: #00aded;
    margin: 3% 0 0 0;
    text-align: center;
  }
  .modal_recruit_inner_bloc{
    font-size: 0.7rem;
    text-align: left;
  }
  .modal_recruit_inner_text01{
    margin: 0 0 5% 0;
  }
  .modal_recruit_inner_circle{
    font-size: 0.5rem;
    color: #00aded;
    vertical-align: middle;
  }
  .modal_recruit_inner_text02{
    margin: 0 0 3% 0;
    color: #00aded;
    font-weight: bold;
  }
  .modal_recruit_num_bloc{
    display: flex;
    margin: 2% 0 0 0;
  }
  .modal_recruit_num_bloc:first-child{
    display: flex;
    align-items: center;
    margin: 0;
  }
  .modal_recruit_num_img{
    width: 5%;
    margin: 0 2% 0 0;
  }
  .modal_recruit_num_text{
    width: 93%;
  }
  .modal_recruit_img_bloc{
    display: flex;
    justify-content: space-between;
    margin: 8% 0 10% 0;
  }
  .modal_recruit_img{
    width: 48.5%;
  }
  .modal_recruit_btn_bloc{
    width: 60%;
    margin: 0 auto;
  }
  /* リクルートモーダル中身 */
  /* リクルートモーダル */

  .recruit_interview_catchi{
    width: 30%;
    margin: 0 auto 15% auto;
    font-size: 0.8rem;
    font-weight: bold;
    color: #00184e;
    text-align: center;
    background-color: #fff;
    padding: 2%;
  }
  .recruit_int_btn_bloc{
    display: flex;
    justify-content: center;
  }
  /* ホバー画像切り替え */
  .recruit_int_btn_bloc a:hover{
    opacity: 1;
  }
  .recruit_int_btn_box {
    position: relative;
  }
  .recruit_int_btn_box img {
    transition: opacity 0.5s;
  }
  .recruit_int_btn_box img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
  .recruit_int_btn_box:hover img:last-of-type {
    opacity: 1;
  }
  /* ホバー画像切り替え */
  .recruit_benefit_catchi{
    width: 20%;
    margin: 0 auto 15% auto;
    font-size: 0.8rem;
    font-weight: bold;
    color: #00184e;
    text-align: center;
    background-color: #fff;
    padding: 2%;
  }
  .recruit_bloc04{
    margin: 0 auto;
    background-color: #fff;
    padding: 15% 3%;
    text-align: left;
  }
  .recruit_benefit_catchi01{
    font-size: 1.3rem;
    color: #00aded;
    margin: 8% 0 3% 0;
  }
  .recruit_benefit_catchi01:first-child{
    font-size: 1.3rem;
    color: #00aded;
    margin: 0 0 3% 0;
  }
  .recruit_benefit_area01{
    border: 2px solid #00aded;
    padding: 5% 3% 8% 3%;
    border-bottom: none;
  }
  .recruit_benefit_area01:last-child{
    border: 2px solid #00aded;
    padding: 5% 3% 8% 3%;
  }
  .recruit_benefit_box01{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit_benefit_num{
    font-size: 30px;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_benefit_icon{
    width: 40px;
  }
  .recruit_benefit_text01{
    font-size: 1rem;
    font-weight: bold;
    color: #00aded;
  }
  .recruit_benefit_text02{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 2% 0 0 0;
  }
  .recruit_intern_catchi{
    width: 25%;
    margin: 0 auto 15% auto;
    font-size: 0.8rem;
    font-weight: bold;
    color: #00184e;
    text-align: center;
    background-color: #fff;
    padding: 2%;
  }
  .recruit_intern_text01{
    font-size: 0.7rem;
    font-weight: bold;
    color: #00aded;
    text-align: left;
  }
  .recruit_intern_text02{
    font-size: 0.6rem;
    font-weight: bold;
  }
  .recruit_intern_bloc01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .recruit_intern_area01{
    font-weight: bold;
    margin: 5% 0 0 0;
  }
  .recruit_intern_box01{
    display: flex;
    align-items: center;
  }
  .recruit_intern_num{
    width: 7vw;
    margin: 0 3% 0 0;
  }
  .recruit_intern_text03{
    font-size: 0.6rem;
    color: #00aded;
  }
  .recruit_intern_text04{
    font-size: 0.6rem;
    margin: 0 0 0 9vw;
  }
  .recruit_intern_text05{
    font-size: 0.6rem;
    font-weight: bold;
    text-align: left;
    margin: 5% 0 0 0;
  }
  .recruit_guide_catchi{
    width: 20%;
    margin: 0 auto 15% auto;
    font-size: 0.8rem;
    font-weight: bold;
    color: #00184e;
    text-align: center;
    background-color: #fff;
    padding: 2%;
  }
  .recruit_guide_text01{
    font-size: 1.5rem;
    font-weight: bold;
    color: #00aded;
    text-decoration: underline 8px #00aded;
    text-underline-offset: 10px;
  }
  .recruit_guide_text02{
    font-size: 0.7rem;
    font-weight: bold;
    color: #00aded;
    margin: 15% 0 0 0;
  }
  .recruit_guide_bloc01{
    text-align: left;
    margin: 10% auto 20% auto;
  }
  .recruit_guide_left01{
    display: flex;
    justify-content: flex-start;
  }
  .recruit_guide_mark{
    background-color: #00aded;
    width: 8px;
    margin: 0 2% 0 0;
  }
  .recruit_guide_text03{
    font-size: 0.7rem;
    font-weight: bold;
  }
  .recruit_guide_right01{
    display: flex;
    justify-content: flex-start;
    font-size: 0.6rem;
    font-weight: bold;
    margin: 3% 0 0 4.5%;
    line-height: 0.7rem;
  }
  .recruit_guide_text04{
    width: 15%;
  }
  .recruit_guide_btn_bloc{
    display: flex;
    justify-content: space-between;
    margin: 10% auto;
  }
  .recruit_guide_btn01{
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 7% 0;
    width: 48%;
    text-align: center;
  }
  .recruit_guide_btn01 a{
    color: #fff;
    padding: 10% 14%;
  }
  .recruit_guide_btn02{
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 7% 0;
    width: 48%;
    text-align: center;
  }
  .recruit_guide_btn02 a{
    color: #fff;
    padding: 10% 7%;
  }
  .recruit_guide_bloc02{
    border: 2px solid #00aded;
    margin: 0 auto;
    padding: 20px 0 30px 0;
  }
  .recruit_guide_text05{
    font-size: 0.8rem;
    font-weight: bold;
    color: #00aded;
    margin: 0 0 15px 0;
  }
  .recruit_guide_text06{
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 1.5rem;
  }
  /* インタビュー共通 */
  .recruit_int_bloc01{
    margin: 0 auto;
    background-color: #fff;
    padding: 10% 0 15% 0;
    text-align: left;
  }
  .recruit_int_title_bloc{
    color: #00aded;
  }
  .recruit_int_title_area{
    margin: 0 5% 8% 5%;
  }
  .recruit_int_title_num{
    width: 15%;
  }
  .recruit_int_title_catchi{
    font-size: 1.2rem;
    font-weight: bold;
    margin: 3% 0 1% 0;
  }
  .recruit_int_title_text{
    font-size: 0.75rem;
    font-weight: bold;
  }
  .recruit_int_bloc02{
    margin: 0 auto;
    background-color: #fff;
    padding: 0 3% 0 3%;
    text-align: left;
  }
  .recruit_int_catchi01{
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    background-color: #00aded;
    display: inline;
    padding: 2% 5%;
  }
  .recruit_int_text01{
    font-size: 0.8rem;
    color: #00aded;
    margin: 8% 0 5% 0;;
  }
  .recruit_int_text02{
    font-size: 0.7rem;
    font-weight: bold;
  }
  .recruit_int_bloc03{
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 15% 0;
    text-align: left;
  }
  .recruit_int_img01{
    width: 50%;
    padding: 10% 0 0 0;
  }
  .recruit_int_img01:last-child{
    width: 50%;
    margin: 10% 0 0 50%;
    padding: 0;
  }
  .recruit_int_area01{
    padding: 10% 3% 0 3%;
  }
  .recruit_int_img02{
    width: 80%;
    margin: 10% auto 0 auto;
  }
  .recruit_int_bloc04{
    background-color: #fff;
    padding: 0 0 20% 0;
    text-align: left;
  }
  .recruit_int_archive_btn_bloc{
    padding: 0 0 15% 0;
  }
  .recruit_int_archive_btn{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    padding: 8% 0;
    width: 95vw;
    margin: 15% auto 0 auto;
    text-align: center;
  }
  .recruit_int_archive_btn a{
    color: #fff;
    padding: 8% 25%;
  }
  /* インタビュー共通 */
  /* 採用情報 */
  /* 下層 2nd */

  /* 下層 3rd */
  /* コンテナバッチ式 */
  .container_bachisiki_bloc{
    background-color: #bbeaff;
    padding: 8% 0 30% 0;
    background-size: 100%;
  }
  .sheet_box{
    width: 90%;
    margin: 3% 0 5% 0;
  }

  .container-bachisiki_drawer_open_img{
    margin: 0 0 10% 0;
  }
  .container-bachisiki_drawer_open_icon_text{
    width: 100%;
    text-align: left;
  }
  .container-bachisiki_drawer_open_text_bloc01{
    margin: 30px 0 0 0;
  }
  .container-bachisiki_drawer_open_text_area01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .container-bachisiki_drawer_open_circle{
    font-size: 10px;
    color: #33b3ee;
    margin: 0 5px 0 0;
  }
  .container-bachisiki_drawer_open_caption{
    font-size: 12px;
    text-align: left;
    margin: 0 0 0 15px;
  }

  /* 左右に横線 */
  .bachisiki_text_line {
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
    font-size: 1rem;
    color: #00a4ef;
    margin: 20% 0 10% 0;
    font-weight: bold;
  }
  .bachisiki_text_line::before,
  .bachisiki_text_line::after {
    background-color: #00a4ef; /* 横線の色 */
    content: "";
    height: 5px; /* 横線の高さ */
    width: 32vw; /* 横線の長さ */
  }
  .bachisiki_text_line::before {
    margin-right: 15px; /* 文字との余白 */
  }
  .bachisiki_text_line::after {
    margin-left: 15px; /* 文字との余白 */
  }

  .bachisiki_option_bloc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
  }
  .bachisiki_option_area{
    background-color: #fff;
    padding: 8% 5%;
    margin: 0 0 5% 0;
  }
  .bachisiki_option_area:nth-child(2n){
    background-color: #fff;
    padding: 8% 5%;
    margin: 0;
  }
  .bachisiki_option_img_area{
    display: flex;
    justify-content: space-between;
  }
  .bachisiki_option_img_box{
    width: 48%;
    margin: 0 14px 0 0;
  }
  .bachisiki_option_img_box:first-child{
    width: 48%;
    margin: 0 14px 0 0;
  }
  .bachisiki_option_img_box:last-child{
    width: 48%;
    margin: 0;
  }
  .bachisiki_option_catchi{
    font-size: 1rem;
    font-weight: bold;
    margin: 5% 0 3% 0;
  }
  .bachisiki_option_text01{
    font-size: 0.8rem;
  }
  .bachisiki_option_caption{
    font-size: 0.7rem;
    margin: 3% 0 0 0;
  }
  /* コンテナバッチ式 */

  /* コンテナコンベヤ式 */
  .conveyor_option_img_box{
    width: 40%;
    margin: 0;
  }
  .conveyor_option_catchi01{
    font-size: 1rem;
    font-weight: bold;
    margin: 5% 0 3% 0;
  }
  .conveyor_option_detail_btn01{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    margin: 8% auto 0 auto;
    padding: 20px 0;
    text-align: center;
  }
  .conveyor_option_detail_btn01 a{
    color: #fff;
    padding: 20px 28%;
  }
  .conveyor_option_detail_btn02{
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #0ea2e7;
    margin: 8% auto 0 auto;
    padding: 20px 0;
    text-align: center;
  }
  .conveyor_option_detail_btn02 a{
    color: #fff;
    padding: 20px 5vw;
  }
  .conveyor_option_bloc01{
    background-color: #fff;
    padding: 8% 5%;
    text-align: left;
    margin: 5% 0 20px 0;
  }
  .conveyor_option_title{
    font-size: 1rem;
    font-weight: bold;
  }
  .conveyor_option_text01{
    font-size: 0.8rem;
    margin: 5% 0 8% 0;
  }
  .conveyor_option_img01{
    text-align: center;
  }
  .conveyor_option_bloc02{
    background-color: #fff6d9;
    margin: 15% 0 0 0;
    padding: 8% 5%;
    text-align: left;
  }
  .conveyor_option_area{
    margin: 0 0 10% 0;
  }
  .conveyor_option_area:last-child{
    margin: 0;
  }
  .conveyor_option_catchi02{
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 2% 0;
  }
  .conveyor_option_text02{
    font-size: 0.8rem;
    margin: 0 0 5% 0;
  }
  .conveyor_option_right{
    display: flex;
    justify-content: flex-start;
  }
  .conveyor_option_img02{
    width: 48%;
    margin: 0 10px 0 0;
  }
  .conveyor_option_img02:last-child{
    margin: 0;
  }
  /* コンテナコンベヤ式 */

  /* コンテナ洗浄脱水機 */
  .container_senjodassui_bloc01{
    background-color: #fff;
    text-align: left;
    padding: 5% 3%;
  }
  .container_senjodassui_title{
    font-size: 1rem;
    font-weight: bold;
  }
  .container_senjodassui_catchi01{
    font-size: 0.9rem;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 2% 5%;
    margin: 3% 0 8% 0;
  }
  .container_senjodassui_left{
    width: 70%;
    margin: 0 auto 10% auto;
  }
  .container_senjodassui_box01{
    display: flex;
    justify-content: flex-start;
  }
  .container_senjodassui_catchi02{
    font-size: 0.9rem;
    font-weight: bold;
    color: #fff;
    background-color: #33b3ee;
    padding: 13px 10px;
    margin: 20px 0 10px 0;
    text-align: left;
  }
  .container_senjodassui_area02{
    background-color: #fff;
    padding: 10%;
    font-size: 0.8rem;
    text-align: left;
    margin: 3% 0 0 0;
  }
  .container_senjodassui_img01{
    width: 90%;
    margin: 0 auto;
  }
  .container_senjodassui_catchi03{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin: 5% 0;
  }
  .container_senjodassui_option_img_box01{
    width: 80%;
    margin: 0 auto;
  }
  .container_senjodassui_option_text01{
    font-size: 0.8rem;
    margin: 15px 0 0 0;
  }
  .container_senjodassui_option_right{
    display: flex;
    justify-content: space-between;
    margin: 8% 0 0 0;
  }
  .container_senjodassui_option_img_box02:first-child{
    margin: 0 10px 0 0;
  }
  .container_senjodassui_option_bloc02{
    background-color: #f3f7f9;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
    padding: 8% 5%;
  }
  .container_senjodassui_option_area{
    display: flex;
    justify-content: space-between;
    margin: 0 0 8% 0;
  }
  .container_senjodassui_option_area:last-child{
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .container_senjodassui_option_text_box01{
    width: 55%;
    font-size: 0.7rem;
  }
  .container_senjodassui_option_catchi{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0 0 5% 0;
  }
  .container_senjodassui_option_img_box03{
    width: 35%;
  }
  .container_senjodassui_option_img_box04:first-child{
    margin:0 0 8% 0;
  }
  .container_senjodassui_option_text02{
    font-size: 0.7rem;
    text-align: center;
    margin: 5% 0 0 0;
  }
  /* コンテナ洗浄脱水機 */

  /* 化粧品 */
  .cosme_bloc{
    padding: 80px 0 100px 0;
  }
  .cosme_menu_bloc{
    display: flex;
    justify-content: space-between;
    margin: 0 0 8% 0;
  }
  .cosme_menu_img{
    width: 24%;
  }
  .cosme_btn01{
    background-color: #e2f0fa;
    text-align: center;
  }
  .cosme_btn01 img{
    width: 95vw;
    margin: 0 auto;
  }
  /* 化粧品 */

  /* 7つのメリット */
  .merit7_btn{
    width: 95vw;
    margin: 0 auto;
    text-align: center;
  }
  /* 7つのメリット */
  /* 下層 3rd */

  /* プライバシーポリシー */
  .privacy_bloc01{
    background-color: #e4f4ff;
    padding: 40% 0 25% 0;
  }
  .privacy_title{
    font-size: 1.6rem;
    text-align: center;
    color: #0087c6;
    margin: 0 0 25% 0;
  }
  .privacy_bloc02{
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 15% 0 25% 0;
  }
  .privacy_bloc02:last-child{
    background-color: #fff;
    margin: 10% auto 0 auto;
    text-align: left;
    padding: 15% 0 10% 0;
  }
  .privacy_area01{
    width: 85vw;
    margin: 0 auto;
  }
  .privacy_text01{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10% 0;
  }
  .privacy_text02{
    font-size: 0.68rem;
    margin: 0 0 10% 0;
  }
  .privacy_text03{
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0 0 2% 0;
  }
  .privacy_text04{
    font-size: 0.7rem;
    text-align: right;
  }
  /* プライバシーポリシー */


  /* フッター */
  footer{
    text-align: center;
    font-size: 0.7rem;
    padding: 0 0 10% 0;
    color: #fff;
    background-color: #00112b;
  }
  .footer_logo_box img{
    width: 40%;
    margin: 5% 0;
  }
  /* フッター */

  /* pc・sp表示切り替え */
  .head_pc{
    display: none;
  }
  .menu_bloc_pc{
    display: none;
  }
  .head_link_bloc_pc{
    display: none;
  }
  .contact_bloc_right{
    display: none;
  }
  .pc{
    display: none;
  }
  .tb{
    display: none;
  }
  /* pc・sp表示切り替え */
}