@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
/*------------------------------------ reset ------------------------------------ */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video { list-style:none; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block;}
nav ul { list-style:none;}
li { margin:0; padding:0;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins { background-color:#ff9; color:#4a4a4a; text-decoration:none;}
mark { background-color:#ff9; color:#4a4a4a; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted #4a4a4a; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
th,td{vertical-align: top;}
html { font-size:15px; -webkit-text-size-adjust: 100%;overflow:auto; }
body {min-width: 1000px;font-family:"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: 400;font-size: 15px;line-height: 1.8;color: #4a4a4a;margin:0 auto;overflow: hidden; position:relative;z-index:1;overflow-x:hidden;visibilty:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; background-color: #fff;}
body * {box-sizing: border-box;}
.ja {font-family: 'Noto Serif JP';}
.en {font-family: 'Montserrat';letter-spacing: normal;}
strong {font-weight:900;}
@media only screen and (max-width:1000px) {body { min-width: initial;}}
@media only screen and (max-width:800px) {main {background:none;}}
@media only screen and (max-width:440px) {body {font-size: 3.65vw;font-weight: normal;}}
a { color: #282e30; text-decoration: none; }
*:focus { outline: none;} 
ul {list-style: none; }
img {max-width:100%;vertical-align: bottom;}
.inner {max-width: 100%;margin:0 auto;position: relative;}
@media only screen and (max-width:1180px) {.inner {max-width:initial;width: 100%;}}
/*------------------------------------ END reset ------------------------------------ */
/*------------------------------------ 共通 ------------------------------------ */
body,span {font-family:"Zen Kaku Gothic New", sans-serif;font-feature-settings :"palt" on;color:#333;width:100%;margin:0 auto;box-sizing: border-box;font-size:17px;font-weight: 400;}
body a{text-decoration: none; transition: .2s;color: inherit;}
img{max-width: 100%;}
a{display: block;}
p{line-height: 1.5;}
.f18{font-size: 17px;}
.sp { display:none; }
.pc{display: block;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.nowrap{flex-wrap: nowrap;}
.jc_center{justify-content: center;}
.item_base{align-items: baseline;}
.item_center{align-items: center;}
.c_wrap{max-width: 800px;margin: 0 auto;}
.wrap{max-width: 1150px;margin: 0 auto;}
.center{text-align: center;}
.start{text-align: start!important;}
main{margin-top: 117px;}
section{margin-bottom: 50px;}
.selif{font-family: "Noto Serif JP", serif;}
.title{font-family: "Noto Serif JP", serif;font-weight: 600; font-size: 30px;line-height: 1;margin-bottom: 20px;}
.title2{font-family:"Zen Kaku Gothic New", sans-serif;font-weight: 400;line-height: 1.5;}
.title span{display:block;font-size: 15px;}
.button1{background: #6a7fa1;border-radius: 999px;color: #fff;font-size: 15px; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),7px 7px 15px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(59, 59, 59, 0.1);margin-top: 15px;font-weight: 500;}
.button1 a{padding: 0.5em 5em 0.5em 2em;position: relative;display: inline-flex;align-items: center;}
.button1 span{position: relative;display: inline-block;width: 0px;height: 0px;}
.button1 .arrow::before{position: absolute;content: "";top: 50%;right: -3rem;width: 5px;height: 5px;transform: translateY(-40%) rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff;transition: 0.3s ease;}
.button1:after{height: 0%;width: 2px;}
.button1:hover {box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(163, 172, 184, 0.5), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.301),inset 4px 4px 6px 0 rgba(0, 0, 0, .4);}
#header{padding: 15px 0 15px;position: fixed;width: 100%;background: #fff;z-index: 99999;}
#header{box-shadow: 3px -2px 7px 0px #e3e3e3ab;}
.f_blue{color: #03328d;}
/*------------------------------------ END 共通 ------------------------------------ */
/*------------------------------------ header.html --------------------------------- */
/*ナビ*/
.nav_top .logo{width: 20%;align-items: center;}
.nav_top .nav_left{width: 40%;align-items: center;background: #6a7fa1;color: #fff;margin: 0px 0 10px;border-radius: 999px;z-index: 1000000;}
.nav_top>li{width: 33%;align-items: center;}
.nav_left>div{width: 40%;font-size: 15px;}
.menu-btn{border:0;background:none;}
.menu-btn .inn {position: relative;display: block;font-size: 15px;color: #fff;}
.menu-btn .inn:before {position: absolute;content: "";top: .6rem;right: -1rem;width: 5px;height: 5px;transform: translate(-50%, -40%) rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;transition: 0.3s ease;}
.menu-btn.is-open .inn:before {top: 60%;transform: translate(-50%, -60%) rotate(-45deg);}
.menu {position: absolute;top: 60px;width: 100%;background-color: #fff;opacity: 0;transition: .3s ease-in-out;pointer-events: none;transform: translateY(-30px);}
.menu ul li {align-items: center;justify-content: center;position: relative;top: 0px;}
.menu ul li a,.menu ul button{padding: 8px 30px 10px;}
.menu.is-open {opacity: 1;transform: translateY(0);pointer-events: auto;}
.menu img{width: 200px;}
.menu-btn{cursor: pointer;font-size: 17px;padding: 0;color: #333;font-family:"Zen Kaku Gothic New", sans-serif;}
/*オンラインストアボタン*/
.menu-btn.online{border: 0;padding: .5rem 3rem .5rem 3rem;background: #6a7fa1;border-radius: 999px;}
.menu-btn.online .inn::after{content: '';display: inline-block;width: 15px;height: 15px;background-image: url(../img/shop.svg);background-size: contain;vertical-align: middle;background-repeat: no-repeat;position: relative;left: -10.5em;top: -0.1em;}
.menu.online{width: 200px;top: 52px;border-radius: 0 0 15px 15px;box-shadow: 3px 5px 4px #cccccc21;}
.online li:hover{opacity: .5;}
.online li:last-of-type{border-radius: 0 0 15px 15px;}
/*SPハンバーガーメニュー*/
.hamburger{position: relative;width: 35px;height: 22px;margin: 5px 15px 0 0;}
.hamburger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #03328d;}
.hamburger span {display: inline-block;transition: all .5s;box-sizing: border-box;}
.hamburger span:nth-of-type(1) {top: 0;}
.hamburger span:nth-of-type(2) {top: 10px;}
.hamburger span:nth-of-type(3) {bottom: 0;}
.hamburger.is-open span:nth-of-type(1) {-webkit-transform: translateY(20px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.hamburger.is-open span:nth-of-type(2) {left: 50%;opacity: 0;-webkit-animation: active-btn05-bar02 .8s forwards;animation: active-btn05-bar02 .8s forwards;}
@-webkit-keyframes active-btn05-bar02 {100% {height: 0;}}
@keyframes active-btn05-bar02 {100% {height: 0;}}
.hamburger.is-open span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
.ham_p{padding-top: .3rem;font-size: 9px;font-weight: 900;color: #03328d;white-space:nowrap;}
.menu.ham{left:0;text-align: center;}
/*SP製品情報*/
.menu-btn .inn.inn_blue:before {border-top: 1px solid #03328d;border-right: 1px solid #03328d;top: -.8em;right: -1.3em;}
.sp_product{display: none;position: unset;}
.sp_product.is-open{display: block;}
.menu-btn.is-open .inn.inn_blue:before {transform: translate(-50%, 0%) rotate(-45deg);}
.sp_product2{font-size: 15px;}
.menu .sp_product2 li{border-bottom: #ccc 1px dotted;padding: 10px 0;}
.sp_product2 img{width:30%;}
/*PCナビゲーション*/
.pc_nav{max-width: 950px;margin: 10px auto 0;}
.pc_nav>li:hover > a,.pc_nav>li:hover > button {color: #03328d;}
.pc_nav>li{position: relative;}
.pc_nav>li::after {content: "";position: absolute;top: 50%;left: -3rem;transform: translateY(-50%) rotate(26deg); height: 20px;border-left: 1px solid #808080;}
.pc_nav>li:first-of-type:after{display: none;}
.pc_nav>li:first-of-type{padding-right: 1rem;}
.menu.pc_product{width: 200px;top: 46px;border-radius: 0 0 15px 15px;box-shadow: 3px 5px 4px #cccccc21;text-align: center;transform: translateX(-30%);}
.pc_product li,.online li{font-size: 16px;border-bottom: #ccc 1px dotted;}
.pc_product li:hover{background: #6a7fa1; color: #fff;}
.pc_product li:last-of-type{border-radius: 0 0 15px 15px;}
.menu.pc_sds{transform:translateX(-20%) ;}
/*------------------------------------END  header.html ----------------------------------- */
/*------------------------------------index.html --------------------------------- */
/*--スライド-- */
.mv_wrap{max-width: 1300px;margin: 0 auto 15px;}.mv_wrap img{width: 100%;}
.slick-dots li button:before{font-size: 40px;color:#03328d;}
.slick-dots li.slick-active button:before{color:#03328d;}
#js-slick{width: 96%;}
.scroll {width: 4%;position: relative;right:0;top: -200px;writing-mode: vertical-rl;text-align: end;}
.scroll span{position: relative;right: 12px;color: #03328d;font-weight: 600;}
.scroll::before {animation: scroll 2s infinite;background-color: #03328d;bottom: -170px;content: "";height: 125px;left: 0;margin: auto;position: absolute;right: 0;width: 1.3px;z-index: 2;}
.scroll::after {background-color: #ccc;bottom: -170px;content: "";height: 125px;left: 0;margin: auto;position: absolute;right: 0;width: 1.3px;}
@keyframes scroll {
  0% {transform: scale(1, 0);transform-origin: 0 0;}
  50% {transform: scale(1, 1);transform-origin: 0 0;}
  51% {transform: scale(1, 1);transform-origin: 0 100%;}
  100% {transform: scale(1, 0);transform-origin: 0 100%;}
}
/*--おしらせ-- */
.news{background:#f1f1f1;padding: 80px 0;}
/*製品情報*/
.top_product ul{margin-top: 20px;}
.top_product li{width:30%;margin-bottom: 50px;}
.top_product li a:hover .pro_img{transform: scale(1.05);box-shadow: 3px 5px 15px 1px #3333331f;transition: .5s;}
.pro_title{font-weight: 600;font-size: 23px;margin-top: 15px;}
.top_product li:nth-of-type(1) .pro_img{background: #dfedff;}
.top_product li:nth-of-type(1) .pro_title{color: #03328d;}
.top_product li:nth-of-type(2) .pro_img{background: #f5ffd2;}
.top_product li:nth-of-type(2) .pro_title,.top_product li:nth-of-type(5) .pro_title{color: #1f1f1f;}
.top_product li:nth-of-type(3) .pro_img{background: #ffe7e7;}
.top_product li:nth-of-type(3) .pro_title{color: #b83130;}
.top_product li:nth-of-type(4) .pro_img{background: #fff2e0;}
.top_product li:nth-of-type(4) .pro_title{color: #e75225;}
.top_product li:nth-of-type(5) .pro_img{background: #f6f6f6;}
.top_product li:nth-of-type(6) .pro_img{background: #ecffe3;}
.top_product li:nth-of-type(6) .pro_title{color: #004524;}
/*------------------------------------END  index.html ----------------------------------- */
/*------------------------------------footer.html --------------------------------- */
.footer{background: #03328d;padding: 30px 0;}
.logo_pcs2{display: block;margin: 0 auto 30px;width: 300px;}
.footer{color: #fff;}
.foot_title{border-bottom: 1px solid #fff;margin-bottom: 15px;font-weight: 500;}
.foot1,.foot2,.foot3{width: 30%;}
.foot1 li{font-size: 18px;}
.footer a:hover{opacity: .5;}
.copy{font-size: 15px;text-align: center;margin-top: 60px;}
/*------------------------------------END footer.html ----------------------------------- */
/*------------------------------------ product.html --------------------------------- */
.mv_inner{position: relative;max-width: 1200px;margin: 0 auto;height:17vw;}
.products .mv{background: url(../img/mv_product.jpg)no-repeat;background-size: cover;}
.mv h1{font-size: 35px;color: #03328d;position: absolute;top: 50%;left: 9%;transform: translateY(-50%);}
.mv h1 span{display: block;font-size: 23px;line-height: 1;color: #6a7fa1;}
.mv_item{position: absolute;width: 15vw;right: 0;top: 50%;transform: translateY(-50%);}
.lineup{background: #f1f1f1;padding-top: 50px;margin-bottom:0;padding-bottom: 150px;}
.lineup .title{margin-bottom: 40px;}
.pro_list li{background: #fff;padding: 30px 50px;margin-bottom: 40px;align-items: center;}
.pro_right{width: 65%;text-align: start;}
.pro_left{width: 35%;}
.pro_left img{max-width: 80%;}
.pro_logo{width: 280px;margin: 30px 0;position: relative;}
.pro_logo img{max-width: 80%;}
.pro_logo::before{position: absolute;content: " ";display: block;border-bottom: solid 2px #03328d;bottom: -14px;width:40px;}
.pro_size{width: 25%;}.pro_button{width: 78%;flex-wrap: nowrap;}
.pro_button a{padding: .5em 4.5em .5em 1em;}
.pro_list li:nth-of-type(1) {box-shadow: 7px 0px 0px #dfedff;}.pro_list li:nth-of-type(1) .button1:first-child{background: #03328d;}
.pro_list li:nth-of-type(2) {box-shadow: 7px 0px 0px #f5ffd2;}.pro_list li:nth-of-type(2) .button1:first-child{background: #aeca50;color: #000;}.pro_list li:nth-of-type(2) .pro_logo::before{border-bottom: solid 2px #aeca50;}
.pro_list li:nth-of-type(3) {box-shadow: 7px 0px 0px #ffe7e7;}.pro_list li:nth-of-type(3) .button1:first-child{background: #b83130;}.pro_list li:nth-of-type(3) .pro_logo::before{border-bottom: solid 2px #b83130;}.pro_list li:nth-of-type(3) .pro_size{width: 60%;}.pro_list li:nth-of-type(3) .pro_button{width: 40%;}.pro_size span{font-size: 19px;}
.pro_list li:nth-of-type(4) {box-shadow: 7px 0px 0px #fff2e0;}.pro_list li:nth-of-type(4) .button1:first-child{background: #e75225;}.pro_list li:nth-of-type(4) .pro_logo::before{border-bottom: solid 2px #e75225;}.pro_list li:nth-of-type(4) .pro_logo{width: 200px;margin: 10px;}
.pro_list li:nth-of-type(5) {box-shadow: 7px 0px 0px #e3e3e3;}.pro_list li:nth-of-type(5) .button1:first-child{background: #000;}.pro_list li:nth-of-type(5) .pro_logo::before{border-bottom: solid 2px #000;}
.pro_list li:nth-of-type(6) {box-shadow: 7px 0px 0px #ecffe3;}.pro_list li:nth-of-type(6) .button1:first-child{background: #004524;}.pro_list li:nth-of-type(6) .pro_logo::before{border-bottom: solid 2px #004524;}.pro_list li:nth-of-type(6) .pro_logo{width: 250px;margin: 10px;}
.pro_list li:nth-of-type(4) .pro_button ,.pro_list li:nth-of-type(5) .pro_button,.pro_list li:nth-of-type(6) .pro_button{width:70%;}
.pro_list li:nth-of-type(4) .pro_right ,.pro_list li:nth-of-type(5) .pro_right,.pro_list li:nth-of-type(6) .pro_right{width:58%;}
.pro_list li:nth-of-type(4) .pro_left ,.pro_list li:nth-of-type(5) .pro_left,.pro_list li:nth-of-type(6) .pro_left{width:40%;}
.pro_list a:hover{opacity: .5;}
/*------------------------------------END product.html ----------------------------------- */

/*-----------------------------各商品紹介ページ共通------------------------------------------------*/
.cont_logo{width: 300px;margin: 50px auto 30px;}
.content h3{font-size: 27px;font-weight:400;text-align: center;margin-bottom: 20px;position: relative;}
.content h4{font-size: 24px;font-weight: 600;text-align: center;margin-bottom: 20px;line-height: 1.4;}
.content h3::before {content: '';position: absolute;bottom: -3px;display: inline-block;width: 30px;height: 3px;left: 50%;transform: translateX(-50%);background-color: black;}
.content h5{text-align: center;font-size: 24px;font-weight: 600;margin: 15px 0;}
.cont_lineup{padding: 15px 10px 25px;border-radius:5px;}
.cont_lineup li{width: 20%;text-align: center;}
.cont_lineup2{justify-content: center;}
.cont_logo+p{text-align: center;margin-bottom: 50px;}
.content .button1+p{text-align: center;margin-bottom: 50px;}
.cont_lineup li p{font-weight: 600;line-height: 1;}
.cont_lineup li span{font-weight:400;font-size: 17px;}
.cont_lineup h3::before{display: none;}
.cont_lineup,.cont_detail,.cont_usage,.bio_anzen{margin-bottom: 80px;}
.list_maru{font-weight: 600;font-size: 21px;}
.list_maru span{display: inline-block;width: 1.5em;height: 1.5em;background-color: #ff6194;border-radius: 50%;margin-right: .3em;vertical-align: bottom;}
.keika1 li{width: 28%;text-align: justify;position: relative;}
.keika1 img{display:block;margin: 0 auto 15px;}
.keika1 li::after {content: '';display: inline-block;width: 30px;height: 30px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23ba1b21' d='M15 10l-9 5V5l9 5z'/></svg>");background-repeat: no-repeat;background-size: contain;position: absolute;top: 20%;right: -40px;}
.keika1 li:last-of-type::after{display: none;}
.cont_usage h5{text-align: start;}
.gray{background: #ececec;}
.cont_attn li{position: relative;padding-left: 2em;margin-bottom: 20px;line-height: 1.3;}
.cont_attn li::before{content: '';display: inline-block;width: 20px;height: 20px;background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ba1b21' d='M469.402,35.492C334.09,110.664,197.114,324.5,197.114,324.5L73.509,184.176L0,254.336l178.732,222.172l65.15-2.504C327.414,223.414,512,55.539,512,55.539L469.402,35.492z'/></svg>");background-repeat: no-repeat;background-size: contain;position: absolute;top: .3em;left:0;}
.cont_attn{margin-bottom: 150px;}
.attn_title{font-size: 21px; font-weight: 500;}
.cont_logo+.button1{width: 60%;margin: 0 auto 20px;font-size: 17px; text-align: center;}
/*------------------------------------ BIOchallenge.html --------------------------------- */
.content_bio .mv{background: url(../img/mv_bio2.jpg)no-repeat;background-size: cover;}
.content_bio h1,.content_bio h1 span{color: #ba1b21;}
.content_bio .cont_lineup{background: #fff5f5;}
.content_bio h3::before{background-color: #ba1b21;}
.bio_en{margin: 30px 0;}
.bio_en li{width: 25%;text-align: center;}
.bio_en span{text-align: center;width: 150px;height: 150px; background-color: #ff6194;border-radius: 999px;display: inline-block; line-height:150px;font-size:35px;color: #fff;font-weight: 600;}
.bio_en li:nth-of-type(2) span,.bio_syousyu .list_maru span{background-color: #ffb552;}
.bio_en li:nth-of-type(3) span,.bio_jizoku .list_maru span{background-color: #28a5ee;}
.bio_en li:nth-of-type(4) span,.bio_anzen .list_maru span{background-color: #1ecabe;}
.content_bio .keika1 img{width: 160px;}
.content_bio .keika1 span{display: block;color:#ba1b21;font-weight: 600;}
.bio_joka,.bio_syousyu,.bio_jizoku{margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #dddddd;}
.bio_anzen .keika1 li::after{display: none;}
.bio_anzen .gray{text-align: center;padding: 20px 0 40px;margin-top: 15px;}
.bio_anzen .gray span{font-size: 25px;color:#ba1b21;font-weight: 600;}
.cont_usage h5 span{background: #ff8686;color: #fff;border-radius: 5px;margin-right: 10px;padding: 3px 10px;}
.usage1{margin-bottom: 50px;}
.cont_usage .gray{padding: 20px 20px 40px;}
.cont_usage .gray .center{text-align: center;}
.cont_usage .gray span{background: #565656;}
/*------------------------------------END BIOchallenge.html ----------------------------------- */
/*------------------------------------ BIOchallengeJ.html --------------------------------- */
.content_bioj .mv{background: url(../img/mv_bioJ2.jpg)no-repeat;background-size: cover;}
.content_bioj h1,.content_bioj h1 span{color: #e75225;}
.content_bioj .cont_lineup{background: #fff2e0;}
.content_bioj h3::before{background-color: #e75225;}
.bioj_en{margin: 30px 0;}
.bioj_en li{width: 30%;text-align: center; position: relative;display: inline-block;width: 230px;height: 230px;border-radius: 50%;background-color: #ff7e4c;}
.bioj_en li:nth-of-type(2){background-color: #ff7aa5;}
.bioj_en li:nth-of-type(3){background-color: #7baa17;}
.bioj_en .bioj_en2{font-size:30px;color: #fff;font-weight: 600;position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.3;}
.sm_text{font-size:25px;color: #fff;font-weight: 600;}
.bioj_corona{border: 3px solid #ff7e4c;padding: 30px;text-align: center;margin-bottom: 50px;}
.bioj_corona .button1{background-color:#ff7e4c;font-size: 17px;width: 60%;margin: 15px auto 0;}
.bioj_keika li{background-color:#7baa17;border-radius: 15px;width: 200px; height: 200px;position:relative;display: inline-block;}
.bioj_keika2{font-size:30px;color: #fff;font-weight: 600;position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.3;text-align: center;}
.bioj_keika .sm_text{font-weight:400;}
.bioj_keika li::after{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff7e4c' d='M84.437,39.721l-24.164,0l0-24.158c0-1.001-0.812-1.812-1.812-1.813L41.536,13.75c-1.001,0-1.812,0.812-1.812,1.813l-0.001,24.16l-24.159-0.001c-0.961,0-1.812,0.851-1.813,1.813l0,16.925c-0.001,0.481,0.191,0.943,0.531,1.282c0.339,0.339,0.801,0.531,1.282,0.53h24.16v24.165c0,0.48,0.191,0.942,0.531,1.282c0.34,0.34,0.802,0.531,1.282,0.531L58.46,86.25c0.48,0,0.943-0.192,1.284-0.533c0.338-0.338,0.529-0.8,0.529-1.28V60.273l24.163-0.001c0.5,0,0.953-0.202,1.282-0.53c0.329-0.329,0.531-0.782,0.531-1.283l0.001-16.925C86.25,40.533,85.439,39.722,84.437,39.721z'/></svg>");top: 50%;right: -60px;width: 40px;height: 40px;transform: translateY(-50%);}
.bioj_keika{margin-bottom: 30px;}
.bioj_tigai li:first-of-type{width: 20%; border: 3px solid #ff7e4c;padding: 30px;text-align: center;font-size: 30px;line-height: 1.3;color:#ff7e4c;font-weight:600;}
.bioj_tigai li:last-of-type{width: 70%;}
.green{background-color: #e9f1d7;margin: 30px 0; padding: 30px;}
.usage2-masking {position: relative;margin: 25px auto;background-color: #fff2e0;width: 32%;border-radius: 7px;}
.usage2-masking:nth-of-type(8){width: 65.5%;}
.usage2-masking .box-title {background-color:#ff7e4c;transform: rotate(-3deg); box-shadow: 0 1px 2px rgb(0 0 0 / .1);padding: .5em 1em;line-height: 1;position: absolute;top: -1em;left: 1em;display: inline-block;font-size: 0.9em;width: auto;max-width: calc(100% - 2em);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius:3px;color:#fff;}
.usage2-masking .box-content {padding: 35px 15px 20px;}
.box-title span{color: #fff;font-size: 25px;margin-left: .3em;font-weight: 500;}
.usage2_title{color:#ff7e4c;text-align: center;font-weight: 600;font-size: 22px;margin-bottom: 15px;}
.box-content img{margin: 0 auto 15px;display: block;}
.usage2 li:nth-of-type(3) .usage2_title,.usage2 li:nth-of-type(7) .usage2_title{letter-spacing:-.1em;}
.usage2_kashitsu{align-items: center;}
.usage2_kashitsu img{width: 18%;} .usage2_kashitsu div{width: 70%;}
.usage2_kashitsu div p:first-of-type,.bioj_shiken li span{background-color:#e75225; border-radius: 999px;text-align: center;width: 80%;color: #fff;font-weight: 400;margin-bottom: 10px;}
.usage2_kashitsu div p:last-of-type span{font-size: 16px;font-weight: 400;letter-spacing: -0.055em;}
.bioj_shiken li{width: 48%;}
.bioj_shiken li span{padding:.05em 1em;margin:.4em;font-size: 23px;}
.bioj_shiken p{line-height: 1.8;}
h4 .f_orange,h4 .f_lightblue{font-size:25px;}
.f_orange{color:#e75225;font-weight: 600;}
.f_lightblue{color: #00a1e9;font-weight: 600;}
.bioj_seibun p{margin-bottom: 20px;}
.content_bioj .cont_attn li::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23e94709' d='M469.402,35.492C334.09,110.664,197.114,324.5,197.114,324.5L73.509,184.176L0,254.336l178.732,222.172l65.15-2.504C327.414,223.414,512,55.539,512,55.539L469.402,35.492z'/></svg>");background-repeat: no-repeat;background-size: contain;}
/*------------------------------------END BIOchallengeJ.html --------------------------------- */
/*------------------------------------ breeze clear.html --------------------------------- */
.content_bc .mv{background: url(../img/mv_breeze2.jpg)no-repeat;background-size: cover;}
.content_bc .cont_logo{margin: 100px auto 30px;width: 400px;}
.content_bc .cont_lineup{background: #dfedff;}
.content_bc h3::before{background-color: #03328d;}
.bc_en{justify-content:space-around;margin: 30px 0;}
.bc_en li{width: 22%;}
.bc_en2{margin: 40px 0 30px;border-top: 1px solid #eee; padding-top: 40px;justify-content: space-around;}
.bc_en2 .en{text-align: center;position: relative;display: inline-block;width: 300px;height: 300px;border-radius: 50%;background-color: #03328d;}
.bc_en2 .en span{font-size: 27px;color: #fff;font-weight: 600;position: absolute;display: inline-block;left:0;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height:1.3;padding: 15px;letter-spacing: -0.02em;}
.bc_en2 .en::before{content: '';display: inline-block;width: 120px;height:120px;background: url("../img/senjo.png");background-repeat: no-repeat;background-size: contain;position: absolute;top:0;left:-25px;}
.bc_en2 .pic{max-width: 420px;}
.content_bc .cont_detail h5{color: #03328d;}
.bc_senjo .keika1{margin:50px 0;}
.bc_senjo .keika1 h5{margin: 0;}
.bc_senjo .keika1 li::after{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%2303328d' d='M15 10l-9 5V5l9 5z'/></svg>");}
.bc_senjo{margin-bottom: 40px;}
.bc_syosyu .bc_en2 .en::before{background:url("../img/jyokin_syosyu.png");background-repeat: no-repeat;background-size: contain;left: auto;right: -37px;top: -10px;}
.bc_anzen .bc_en2 .en::before{background:url("../img/anzen.png");background-repeat: no-repeat;background-size: contain;top: -24px;}
.bc_page{margin: 30px 0;}
.bc_usage .list_maru span{background-color: #03328d;}
.bc_usage li{margin-bottom: 15px;}
.content_bc .cont_attn li::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2303328d' d='M469.402,35.492C334.09,110.664,197.114,324.5,197.114,324.5L73.509,184.176L0,254.336l178.732,222.172l65.15-2.504C327.414,223.414,512,55.539,512,55.539L469.402,35.492z'/></svg>");background-repeat: no-repeat;background-size: contain;}

/*-----------------------------------END breeze clear.html --------------------------------- */
/*------------------------------------ breeze clear125.html --------------------------------- */
.content_bc125 .mv{background: url(../img/mv_breeze125.jpg)no-repeat;background-size: cover;}
.content_bc125 h1,.content_bc125 h1 span{color: #000000;}
.content_bc125 .cont_lineup{background: #f5ffd2;}
.content_bc125 h3::before{background-color: #86ac00;}
.content_bc125 .bc_en2 .en::before{display: none;}
.content_bc125 .bc_en2 .en{background-color:#86ac00;}
.content_bc125 .bc_senjo h5,.content_bc125 .keika1 h5,.content_bc125 .sabi h5{color:#86ac00;}
.bc125-youto{margin: 30px 0;}
.bc125-youto li{width:30%;border: 2px solid #86ac00;padding: 20px 10px;text-align: center;border-radius: 5px;margin-bottom: 30px;}
.bc125-youto li:last-of-type{margin-bottom: 0;}
.bc125-youto li p{font-size: 18px;font-weight:500;margin-bottom: 1em;}
.bc125-youto+p{margin-bottom: 50px;}
.bc125_anzen{margin: 50px 0;} .bc125_anzen li{margin-bottom: 30px;}
.bc125_anzen div{width: 15%;}
.bc125_anzen p{width: 80%;}
.usage2 li {margin-bottom: 15px;}
.content_bc125 .list_maru span{background-color:#86ac00;}
.f_green{color:#86ac00;}
.content_bc125 .cont_attn li::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2386ac00' d='M469.402,35.492C334.09,110.664,197.114,324.5,197.114,324.5L73.509,184.176L0,254.336l178.732,222.172l65.15-2.504C327.414,223.414,512,55.539,512,55.539L469.402,35.492z'/></svg>");background-repeat: no-repeat;background-size: contain;}
/*------------------------------------END breeze clear125.html --------------------------------- */
/*------------------------------------ pet_chouchou.html --------------------------------- */
.content_chou .mv{background: url(../img/mv_petchouchou2.jpg)no-repeat;background-size: cover;}
.content_chou h1,.content_chou h1 span{color: #004524;}
.content_chou .cont_lineup{background: #f5faf3;}
.content_chou h3::before{background-color: #004524;}
.chou_list1{margin: 10px 0 50px;justify-content: space-around;align-items: baseline;}
.chou_list1 li{text-align: center;width: 23%;margin-bottom: 30px;}
.chou_list2 li{width: 46%;margin-bottom: 30px;}
.chou_list2 h5{margin: 0;color: #004524;}
.chou_list2 .gettou{width: 100%;}
.chou_seibun{margin-bottom: 30px;}
.chou_list3 li{margin-bottom: 15px;}.chou_list3 li:last-of-type{margin-bottom: 0;}
.gettou div{background: #ffe9e9;width: 60%;padding: 1em 30px;}
.gettou img{width: 40%;}
.content_chou .list_maru span{background-color:#004524;}
.content_chou .cont_attn li::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23004524' d='M469.402,35.492C334.09,110.664,197.114,324.5,197.114,324.5L73.509,184.176L0,254.336l178.732,222.172l65.15-2.504C327.414,223.414,512,55.539,512,55.539L469.402,35.492z'/></svg>");background-repeat: no-repeat;background-size: contain;}
.gettou span{color: #004524;display: inline-block;text-align: center;line-height: 1.3;margin-bottom: 10px;font-weight: 500;}
/*------------------------------------END pet_chouchou.html --------------------------------- */
/*------------------------------------ pet_Qirara.html --------------------------------- */
.content_qirara .mv{background: url(../img/mv_petQirara2.jpg)no-repeat;background-size: cover;}
.content_qirara h1,.content_qirara h1 span{color: #000;}
.content_qirara .cont_lineup{background: #f3f3f3;}
.content_qirara h3::before{background-color: #000;}
.qirara_list1{margin: 30px 0 50px;text-align: center;}
.qirara_list1 li{border: 2px solid #000;border-radius: 5px;padding: 10px;width: 23%;}
.qirara_list1 li p{font-weight: 500;margin-bottom: 5px;}
.qirara_sinto .keika1,.qirara_usage{margin: 30px 0 50px;}
.qirara_sinto .keika1 li{width: 45%;}
.qirara_sinto .keika1 li::after{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23000' d='M15 10l-9 5V5l9 5z'/></svg>");top: 36%; right: -50px;}
.qirara_senjo .keika1 li::after{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23000' d='M15 10l-9 5V5l9 5z'/></svg>");}
.qirara_fulvo,.qirara_kouka h4{margin: 50px 0 30px;}
.qirara_fulvo p{width:55%;text-align: justify;line-height: 1.7;}
.qirara_fulvo .flex div{width:40%;position: relative;top: -50px;}
.qirara_kouka li{width: 31%;background: #f3f3f3;padding: 30px;border-radius: 5px;font-weight: 500;}
.qirara_kouka li span{font-size: 16px;display: inline-block;margin-top: 10px;}
.qirara_kouka li img{display: block;margin:0 auto 10px;}
.qirara_usage .list_maru span{background-color:#c7c7c7;}
.qirara_usage li {width: 50%;margin-bottom: 15px;}
.qirara_usage li .list_maru {font-size: 21px;}
.content_qirara .cont_attn li::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23c7c7c7' d='M469.402,35.492C334.09,110.664,197.114,324.5,197.114,324.5L73.509,184.176L0,254.336l178.732,222.172l65.15-2.504C327.414,223.414,512,55.539,512,55.539L469.402,35.492z'/></svg>");background-repeat: no-repeat;background-size: contain;}
/*------------------------------------END pet_Qirara.html --------------------------------- */
/*------------------------------------ company.html --------------------------------- */
.company .mv{background: url(../img/mv_company.jpg)no-repeat;background-size: cover;}
.com_list{padding-top: 50px;padding-bottom: 150px;}
.com_list li{padding-bottom:10px;margin-bottom: 10px;border-bottom: solid 1px #eee;}
.com_list span{width: 30%;font-weight: 600;}
.com_list p{width: 60%;}
/*------------------------------------END company.html ----------------------------------- */
/*------------------------------------ support.html --------------------------------- */
.support .mv{background: url(../img/mv_download.jpg)no-repeat;background-size: cover;}
.order{padding: 50px 0;}
.order h2{font-size: 40px;text-align: center;font-weight: 400;margin-bottom: 20px;}
.order p{margin: 15px 0;font-size: 17px;font-weight: 400;}
.order span{font-size: 16px;}
.adobe span,.adobe img{display: inline-block;vertical-align: middle;}
.adobe span{width: auto;}
.order ul{max-width: 500px;margin: 0 auto 30px;}
.order_button a{border-radius: 999px;border: #03328d 2px solid;padding: .3em 3em;color: #03328d;font-weight: 500;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 15px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(59, 59, 59, 0.1);}
.order_button a:hover{box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(163, 172, 184, 0.5), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.301),inset 4px 4px 6px 0 rgba(0, 0, 0, .4);background: #03328d;color: #fff;}
.button1 .dl::before{position: absolute;content: "";top: 50%;right: -3.5rem;width: 20px;height: 20px;transform: translateY(-40%);background-image: url(../img/download.svg);background-repeat: no-repeat;display: inline-block;}
.product_image{background: #f1f1f1;padding: 50px 0;margin-bottom: 0;}
.product_image .title{margin-bottom: 50px;}
.dl_container{background: #fff;padding: 50px;margin-bottom: 50px;}
.product_image .logo{width: 25%;}
.product_image li:nth-of-type(1) .logo+.button1{background: #03328d;}
.product_image li:nth-of-type(2) .logo+.button1,.product_image li:nth-of-type(5) .logo+.button1{background: #000000;}
.product_image li:nth-of-type(3) .logo+.button1{background: #ba1b21;}
.product_image li:nth-of-type(4) .logo+.button1{background: #e94609;}
.product_image li:nth-of-type(6) .logo+.button1{background: #064300;}
.img_list li{width: 25%;margin:10px 0 30px 0;border-right: dotted #6a7fa1 2px;padding:0 20px;}
.img_list li:last-child{border: none;}
.img_list{margin: 50px 0 0;}
.product_image li:nth-of-type(4) .img_list{margin-top: 30px;}
.img_list p{font-weight: 500;}
.product_image .button1 .dl {display: inline-block;width: 5px;height: 5px;}
/*------------------------------------END support.html ----------------------------------- */
/*------------------------------------ policy.html --------------------------------- */
.policy .mv{background: url(../img/mv_company.jpg)no-repeat;background-size: cover;}
.pol_list{padding-top: 50px;padding-bottom: 150px;}
.pol_list li{padding-bottom:10px;margin-bottom: 10px;border-bottom: solid 1px #eee;}
.pol_list span{width: 10%;font-weight: 600;font-size: 25px;color: #03328d;}
.pol_list p{width: 90%;}
/*------------------------------------END policy.html ----------------------------------- */
/*------------------------------------ info.html --------------------------------- */
.info .mv{background: url(../img/mv_company.jpg)no-repeat;background-size: cover;}
.info_list{padding-top: 50px;padding-bottom: 150px;height: 200px;overflow-y: scroll;margin: 30px 0 100px;}
.info_list li{padding-bottom:10px;margin-bottom: 10px;border-bottom: solid 1px #eee;}
.info_list span{width: 20%;font-weight: 600;}
.info_list p{width: 80%;}
.info_list2 li{margin-bottom: 50px;margin-top: -160px;padding-top: 160px;border-bottom: 1px solid #ccc;padding-bottom: 50px;}
.info-date {text-align: end;margin-bottom: 15px;}
.info-ttl{font-weight: 600;color: #03328d;}
/*------------------------------------END info.html ----------------------------------- */
/*------------------------------------ sds --------------------------------- */
.sds .mv{background: url(../img/mv_form.jpg)no-repeat;background-size: cover;}
.sds section{margin: 50px 0;}
.sds h3{font-size: 30px;text-align: center;margin-bottom: 30px;}
.form td,.form th{padding: 15px 10px 20px;text-align: left;font-size: 17px;border-top: solid #eee 1px;padding-bottom: 15px;}
.form td input,.form th input,.form textarea{padding: 10px;}
.form td{width: 65%;}.form th{width: 35%;}
.hissu{font-size: 15px;color:#c30d23;}
textarea{width: 100%;}
.form .text1,.form textarea{width: 100%;padding: 8px 10px;border: 1px solid #969da3;border-radius: 3px;color: #333;font-size: 1em;line-height: 1.5;}
.sds form .text1:focus,.sds form textarea:focus{ border: 2px solid #03328d;}
input[type="text"]{width: 100%;}
.sds form{margin-bottom: 100px;}
.sds_button input{border: none; margin: 10px;padding: 5px 30px;font-size: 17px;border-radius: 5px;cursor: pointer;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 15px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(59, 59, 59, 0.1);}
.sds_button input:hover{box-shadow: 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(163, 172, 184, 0.5), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.301),inset 4px 4px 6px 0 rgba(0, 0, 0, .4);}
.sds_button input[type="submit"]{background: #03328d;color:#fff;}
.radio{display: flex;align-items: center;gap: 0 .5em;position: relative;cursor: pointer;}
.radio::before,
.radio:has(:checked)::after {border-radius: 50%;content: '';}
.radio::before {width: 22px;height: 22px;background-color: #e6edf3;}
.radio:has(:checked)::after {position: absolute;top: 50%;left: 11px;transform: translate(-50%, -50%);width: 14px;height: 14px;background-color: #03328d;}
.radio input {display: none;}
.check{display: flex;align-items: center;gap: 0 .5em;position: relative;cursor: pointer;margin-bottom: 10px;}
.check::before,.check:has(:checked)::after{content: '';}
.check::before {width: 20px;height: 20px;border-radius: 3px;background-color: #e6edf3;}
.form_pri.check::before {background-color: #fff;}
.check:has(:checked)::before {background-color: #03328d;}
.check:has(:checked)::after {position: absolute;top: 11px;left: 7px;transform: rotate(45deg);width: 4px;height: 8px;border: solid #fff;border-width: 0 2px 2px 0;}
.check input {display: none;}
.button3{width: 300px;text-align: center;margin: 10px 0;}
.button3 a{background: #6a7fa1;border-radius: 999px;color: #fff;font-size: 18px;}
.button3 a:hover{opacity: .5;}
/*------------------------------------END  sds ----------------------------------- */
/*------------------------------------ mailform --------------------------------- */
.qa_button li{width: 49%;margin-bottom: 20px;}
.qa_button li a{border-radius: 999px;border: 2px solid #03328d;display:block;padding: 20px 15px;color:#03328d;font-weight: 500;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 15px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(59, 59, 59, 0.1);}
.qa_button li a:hover{box-shadow: 4px 6px 0 rgba(255,255,255,.5),-4px -4px 6px 0 rgba(163, 172, 184, 0.5), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.301),inset 4px 4px 6px 0 rgba(0, 0, 0, .4);}
.qa_button li:nth-of-type(2) a{border: 2px solid #ba1b21;color:#ba1b21;}
.qa_button li:nth-of-type(3) a{border: 2px solid #e94609;color:#e94609;}
.qa_button span{width: 30%;position: relative;} .qa_button .flex p{width: 60%;}
.qa_button li:nth-of-type(1) span::before{position: absolute;content: "";top: 50%;left: -.5rem;width: 110px;height: 25px;transform: translateY(-28%);background-image: url(../img/bc_logo.svg);background-repeat: no-repeat;display: inline-block;}
.qa_button li:nth-of-type(2) span::before{position: absolute;content: "";top: 50%;left: -.5rem;width: 98px;height: 41px;transform: translateY(-45%);background-image: url(../img/bio_logo.svg);background-repeat: no-repeat;display: inline-block;}
.qa_button li:nth-of-type(3) span::before{position: absolute;content: "";top: 50%;left: 10%;width: 65px;height: 51px;transform: translateY(-50%);background-image: url(../img/bioj_logo.svg);background-repeat: no-repeat;display: inline-block;}
.qa_button li span::after{position: absolute;content: "";top: 50%;right: -11em;width: 7px;height: 7px;transform: translate(-50%, -40%) rotate(45deg);border-top: 2px solid #03328d;border-right: 2px solid #03328d;transition: 0.3s ease;}
.qa_button li:nth-of-type(2) span::after{border-top: 2px solid #ba1b21;border-right: 2px solid #ba1b21;}
.qa_button li:nth-of-type(3) span::after{border-top: 2px solid #e94609;border-right: 2px solid #e94609;}
.qa_button li .flex{align-items: center;}
.qa_button ul{margin-top: 30px;}
.sds .form_container{margin-bottom: 0;}
.form_container{background:#eee;padding: 50px 0;}
.radio2::before,.check2::before {background-color: #ffffff;}
.check:has(:checked)::before {background-color: #03328d;}
.form_container .form .text1, .form_container .form textarea{border: none;}
/*------------------------------------END mailform --------------------------------- */



/*SPcss*/
@media only screen and (max-width:1000px) {
 .pc { display:none; }
 .sp{display: block;}
  main{margin-top: 80px;}
.wrap{max-width: 600px;}
.button1:hover,.button1{box-shadow: none;}
/*------------------------------------ header.html --------------------------------- */
 .nav_top>li {width: 15%;}
/*------------------------------------END  header.html ------------------------------- */
/*------------------------------------index.html --------------------------------- */
#js-slick{width: 100%;}
.scroll{display: none;}
.news .flex ul,.news_title{width: 100%;}
.news{padding: 80px 15%;}
.news_title{text-align: center;}
.news .button1.sp{margin-left: auto;}
.top_product li{width: 48%;}
.top_product li a:hover .pro_img{transform: none;box-shadow: none;}
/*------------------------------------END  index.html ----------------------------------- */
/*------------------------------------ product.html --------------------------------- */
.mv_inner{height:51vw;}
.products .mv{background: url(../img/spmv_product.jpg)no-repeat;background-size: cover;}
.pro_button{justify-content: center;}
.pro_right,.pro_left,.pro_size,.pro_button{width: 100%;text-align: center;}
.pro_list li:nth-of-type(4) .pro_button ,.pro_list li:nth-of-type(5) .pro_button,.pro_list li:nth-of-type(6) .pro_button,.pro_list li:nth-of-type(4) .pro_right ,.pro_list li:nth-of-type(5) .pro_right,.pro_list li:nth-of-type(6) .pro_right,.pro_list li:nth-of-type(4) .pro_left ,.pro_list li:nth-of-type(5) .pro_left,.pro_list li:nth-of-type(6) .pro_left,.pro_list li:nth-of-type(5) .pro_left,.pro_list li:nth-of-type(3) .pro_button,.pro_list li:nth-of-type(3) .pro_size{width:100%;}
.pro_logo,.pro_list li:nth-of-type(6) .pro_logo,.pro_list li:nth-of-type(4) .pro_logo{margin: 30px auto;}
.pro_left{max-width: 50%;margin: auto;}
.pro_logo::before{left: 50%;transform: translateX(-50%);}
/*------------------------------------END product.html ----------------------------------- */
/*------------------------------------ BIOchallenge.html --------------------------------- */
.content_bio .mv{background: url(../img/spmv_bio2.jpg)no-repeat;background-size: cover;}
 .mv_item{display: none;}
/*------------------------------------END BIOchallenge.html ----------------------------------- */
/*------------------------------------ BIOchallengeJ.html --------------------------------- */
.content_bioj .mv{background: url(../img/spmv_bioJ2.jpg)no-repeat;background-size: cover;}
.bioj_en li{width: 160px;height: 160px;}
.bioj_en .bioj_en2{font-size: 2.5vw;}
.sm_text{font-size: 2vw;}
.bioj_keika li{width: 150px;height:150px;}
.bioj_keika2{font-size: 25px;}
/*------------------------------------END BIOchallengeJ.html ----------------------------------- */
/*------------------------------------ breeze clear.html --------------------------------- */
.content_bc .mv{background: url(../img/spmv_breeze2.jpg)no-repeat;background-size: cover;}
.bc_en2 li{width: 50%;}
.bc_en2 .en{width: 30vw;height: 30vw;}
.bc_en2 .en::before{width: 10vw;height: 10vw;}
.bc_en2 .en span{font-size: 3vw;}
/*------------------------------------END breeze clear.html --------------------------------- */
/*------------------------------------breeze clear125.html --------------------------------- */
.content_bc125 .mv{background: url(../img/spmv_breeze125.jpg)no-repeat;background-size: cover;}
/*------------------------------------END breeze clear125.html --------------------------------- */
/*------------------------------------ pet_chouchou.html --------------------------------- */
.content_chou .mv{background: url(../img/spmv_petchouchou2.jpg)no-repeat;background-size: cover;}
.chou_list2 .gettou{width: 60%;margin: 0 auto;}
.gettou img,.gettou div{width: 100%;}
/*------------------------------------ END pet_chouchou.html --------------------------------- */
/*------------------------------------pet_Qirara.html --------------------------------- */
.content_qirara .mv{background: url(../img/spmv_petQirara2.jpg)no-repeat;background-size: cover;}
/*------------------------------------END pet_Qirara.html --------------------------------- */
/*------------------------------------ company.html --------------------------------- */
.company .mv{background: url(../img/spmv_company.jpg)no-repeat;background-size: cover;}
.com_list li{border-bottom:none;}
.com_list span{width: 100%;}
.com_list p{width: 100%;}
/*------------------------------------END company.html ----------------------------------- */
/*------------------------------------ support.html --------------------------------- */
.support .mv{background: url(../img/spmv_download.jpg)no-repeat;background-size: cover;}
.img_list li,.product_image li:nth-of-type(2) .img_list li {width: 50%;}
.img_list li:nth-of-type(even){border-right: none;}
.product_image .logo{width: 30%;}
/*------------------------------------END support.html ----------------------------------- */
/*------------------------------------ policy.html --------------------------------- */
.policy .mv{background: url(../img/spmv_company.jpg)no-repeat;background-size: cover;}
.pol_list li{border-bottom:none;}
.pol_list span{width: 100%;}
.pol_list p{width: 100%;}
/*------------------------------------END company.html ----------------------------------- */
/*------------------------------------ info.html --------------------------------- */
.info_list span,.info_list p{width: 100%;}
.info .mv{background: url(../img/spmv_company.jpg)no-repeat;background-size: cover;}
/*------------------------------------END info.html --------------------------------- */
/*------------------------------------ sds.html --------------------------------- */
.sds .mv{background: url(../img/spmv_form.jpg)no-repeat;background-size: cover;}
/*------------------------------------END  sds.html ----------------------------------- */
/*------------------------------------ mailform --------------------------------- */
.qa_button li{width: 80%;margin: 0 auto 20px;}
/*------------------------------------END mailform --------------------------------- */
}




@media only screen and (max-width:500px) {
html {font-size: 62.5%;}
.wrap,.c_wrap{margin: 0 15px;}
main{margin-top: 73px;}
p,.button1 a{font-size: 3.8vw;}
.title{font-size: 6vw;}
.title span{font-size: 3.5vw;margin-bottom: 5px;}
.button1 a {padding: .3em 3em .3em 1em;}
.button1 .arrow::before{right: -2rem;}
/* .button1{ font-size: clamp(1.1rem, calc(0.9rem + 0.625vw), 1.6rem);}*/
.f18{font-size: 3.8vw;}
/*------------------------------------ header.html --------------------------------- */
.nav_top .logo {width: 60%;}
/*------------------------------------END  header.html ------------------------------- */
/*------------------------------------ index.html --------------------------------- */
.news{padding: 30px 15px;}
.pro_title{font-size: 20px;}
.top_product li {width: 48%;}
.top_product ul{justify-content: space-around;}
.news ul span{font-size: 3.5vw;}
.news ul a{font-size: 3.8vw;}
.pro_title{font-size: 4.7vw;}
/*------------------------------------END  index.html ----------------------------------- */
/*------------------------------------footer.html --------------------------------- */
.logo_pcs2{width: 200px;}
.foot1,.foot2,.foot3{width: 100%;margin-bottom: 15px;}
.foot_title{font-size: 20px;}
.copy{margin-top: 15px;}
.foot3{text-align: center;}
.foot3 img{width: 85vw;}
/*------------------------------------END  footer.html ----------------------------------- */
/*------------------------------------ product.html --------------------------------- */
.mv h1{font-size: 6.5vw;}
.mv h1 span{font-size: 3.5vw;}
.pro_logo{width: 60vw;}
.pro_logo, .pro_list li:nth-of-type(6) .pro_logo, .pro_list li:nth-of-type(4) .pro_logo{margin: 13px auto;}
.pro_button{flex-wrap: wrap;}
.pro_button .button1{width: 90%;}
.pro_list li{padding: 0px 10px 30px;}
.pro_left{max-width: 50%;margin: 20px auto 0;order: -1;}
.pro_left img{max-width: 100%;}
.lineup .title{margin-bottom: 20px;}
.pro_size{margin-top: 5px;}
.pro_size span{font-size: 3.3vw;}
.lineup{padding-bottom: 50px;}
/*------------------------------------END product.html ----------------------------------- */
/*-----------------------------各商品紹介ページ共通------------------------------------------------*/
.cont_lineup, .cont_detail, .cont_usage, .bio_anzen {margin-bottom: 30px;}
.content_bio .mv h1{font-size: 6vw;}
.cont_logo{width: 50vw;}
.content h3{font-size: 5vw;}
.cont_lineup{margin-right: -30px;margin-left: -30px;padding: 15px 30px 25px;}
.cont_lineup li span{font-size: 3.5vw;}
.cont_lineup li{width: 48%;margin-bottom: 10px;}
.cont_attn li::before{width: 15px; height: 15px;}
.content h4{font-size: 4.7vw;line-height: 1.5;}
.list_maru{font-size: 4.7vw;margin-bottom: 10px;}
.list_maru span{width: 1.3em;height: 1.3em;}
.keika1 li{width: 100%;margin-bottom: 20px;}
.keika1 li::after{display: none;}
.content h5{font-size: 4.7vw;line-height: 1.3;}
.keika1 span{font-size: 4vw;}
.cont_usage h5 span{font-size: 3.5vw;font-weight: 500;margin-right: 5px;}
.cont_logo+.button1{width: 100%;}
.cont_detail .center,.content .button1+p,.cont_logo+p,.sabi p{text-align: justify;}
.bc_senjo .keika1 li,.qirara_senjo .keika1 li{display: flex;justify-content: space-between;}
.bc_senjo .keika1 li img,.qirara_senjo .keika1 li img{width: 40%; margin: 0 0 15px;}
.bc_senjo .keika1 div,.qirara_senjo .keika1 li div{width: 53%;order: -1;}
.bc_senjo .keika1 h5,.qirara_senjo .keika1 li h5{margin: 15px 0 5px;text-align: left;}
/*------------------------------------ BIOchallenge.html --------------------------------- */
.bio_en li{width: 35%;margin-bottom: 10px;}
.bio_en li:nth-of-type(3),.bio_en li:nth-of-type(4){margin-bottom: 0;}
.bio_en{justify-content: center;}
.bio_en span{width: 25vw;height: 25vw;line-height: 25vw;font-size:6vw;}
.bio_anzen .gray{padding:20px;margin-bottom: 20px;}
.bio_anzen .gray span{font-size: 4.5vw;}
.bio_anzen .gray h5{margin-top: 0;}
.content_bio .usage1 li:nth-of-type(2) h5{letter-spacing: -.015em;}
.cont_attn{margin-bottom: 50px;}
/*------------------------------------ END BIOchallenge.html --------------------------------- */
/*-------------------------------------BIOchallengej.html --------------------------------- */
.content_bioj .mv h1{font-size: 5vw;left: 4%;letter-spacing: -0.05em;}
.content_bioj .cont_logo{width: 40vw;}
.bioj_en .bioj_en2{font-size:5.5vw;}
.sm_text{font-size: 3.8vw;}
.bioj_en li {width: 35vw;height: 35vw;margin-bottom: 10px;}
.bioj_en{margin: 30px 20px;}
.bioj_corona .button1{width: 100%;}
.bioj_keika li{height: 5em;margin-bottom: 50px;}.bioj_keika li:last-of-type{margin-bottom: 0;}
.bioj_keika li::after{display: block;top: 107%;right: 50%;transform: translateX(50%);width: 8vw;height: 8vw;}
.bioj_keika span{font-size: 5vw;}
.bioj_tigai li:first-of-type{width: 100%;padding: 10px;font-size: 4.3vw;margin-bottom: 10px;}
.bioj_tigai li:last-of-type{width: 100%;}
.green{margin: 10px 0 30px;}
.usage2_title{font-size: 4.8vw;}
.usage2-masking,.usage2-masking:nth-of-type(8){width: 100%;}
.usage2_kashitsu div{width: 100%;}
.usage2_kashitsu div p:first-of-type{width: 100%;}
.bioj_shiken li{width: 100%;text-align: center;}
.bioj_seibun{margin-top: 30px;}
.bioj_shiken li span{font-size: 4.5vw;}
.bioj_seibun h4{text-align: left; font-size: 4.2vw;}
.bioj_seibun span{font-size: 3.8vw;}
h4 .f_orange, h4 .f_lightblue{font-size: 4.2vw;}
.attn_title{font-size: 4.3vw;}
.cont_attn li{padding-left: 1.3em;}
/*------------------------------------ END BIOchallengej.html --------------------------------- */
/*------------------------------------ breeze clear.html --------------------------------- */
.content_bc .cont_logo{width: 50vw;margin:50px auto 30px;}
.bc_en li{width: 34%;text-align: center;}.bc_en li img{width: 25vw;}.bc_en li:first-child{width: 100%;}
.bc_en {justify-content: center;margin: 0 0 30px;}
.bc_en2 li{width: 100%;}
.bc_en2 .en{width: 50vw;height: 50vw;margin-bottom: 30px;}
.bc_en2 .en::before {width: 20vw;height: 20vw;}
.bc_en2 .en span {font-size: 4.7vw;}
.bc_en2 .pic img,.sabi_pic img{width: 70vw;}
.bc_en2 .pic{text-align:center;}
.bc_senjo .keika1 {margin: 30px 0;}
.sabi {text-align: center;}
.sabi li,.sabi h5{margin:15px  auto 0;}
.bc_syosyu .pic{order: 2;}
.bc_syosyu .pic img,.bc_anzen .pic img{width: 100%;}
/*------------------------------------ END breeze clear.html --------------------------------- */
/*------------------------------------ breeze clear125.html --------------------------------- */
.content_bc125 .mv h1{letter-spacing: -.03em;font-size: 4.7vw;left:4%;}
.content_bc125 .bc_en{margin: 30px 0;}
.bc125-youto li{width: 48%;}
.bc125-youto li p {font-size: 3.4vw;}
.bc125-youto li:last-of-type {margin-bottom:30px;}
.bc125_anzen p,.bc125_anzen div{width: 100%;}
.bc125_anzen div img{width: 20vw;}
.bc125_anzen div{text-align: center;margin-bottom: 15px;}
/*------------------------------------END breeze clear125.html --------------------------------- */
/*------------------------------------ pet_chouchou.html --------------------------------- */
.chou_list1{margin: 30px 0;}
.chou_list1 li {width: 40%;}
.chou_list2 .gettou {width: 100%;margin-bottom: 30px;}
.chou_list2 li{width: 100%;}
.chou_list2 h5 {margin: 15px 0;}
.chou_list3 li{margin-bottom: 30px;}
/*------------------------------------ END pet_chouchou.html --------------------------------- */
/*------------------------------------pet_Qirara.html --------------------------------- */
.qirara_list1 li{width: 43%;margin-bottom: 15px;}
.qirara_list1{justify-content: space-around;}
.qirara_sinto .keika1 li{width: 80%;margin: 0 auto 30px;}
.qirara_sinto .keika1{margin:30px 0 0;}
.qirara_sinto .keika1 li::after{display: block;display: block;transform: translate(50%, 0) rotate(91deg);top: 95%;right: 50%;}
.qirara_sinto .keika1 li:last-of-type::after{display: none;}
.qirara_fulvo p,.qirara_fulvo .flex div{width: 100%;position: inherit;}
.qirara_fulvo .flex div{order: -1;}
.qirara_fulvo .flex div img{width: 60%;margin: 0 auto 15px;display:block;}
.qirara_kouka li{width: 100%;margin-bottom: 15px;display: flex;justify-content: space-between;padding: 20px;align-items:center;}
.qirara_kouka li div{width: 35%;}
.qirara_kouka li p{width: 60%;}
.qirara_usage li{width: 100%;}
.qirara_usage li .list_maru{font-size: 4.7vw;}
.qirara_kouka li span {font-size: 3.5vw;}
/*------------------------------------END pet_Qirara.html --------------------------------- */
/*------------------------------------ company.html --------------------------------- */
.com_list span{font-size: 15px;}
.com_list{padding-bottom: 50px;}
/*------------------------------------END company.html ----------------------------------- */
/*------------------------------------ support.html --------------------------------- */
.order ul{justify-content: space-around;}
.order_button{width: 80%;text-align: center;margin-bottom: 15px;}
.product_image .logo{width: 50vw;margin: 0 auto;}
.product_image .logo img{width: 100%;}
.product_image .logo+.button1{margin-right:auto;margin-left:auto;}
.dl_container{padding: 50px 10px;}
.img_list li,.product_image li:nth-of-type(2) .img_list li{width: 48%;border: none;padding: 0;}
.img_list{justify-content: space-around;}
.order h2{font-size: 6vw;}
.order p{font-size: 3.8vw;}
.order span{font-size: 3.5vw;}
/*------------------------------------END support.html ----------------------------------- */
/*------------------------------------ policy.html --------------------------------- */
.pol_list span{font-size: 4vw;}
.pol_list{padding-bottom: 50px;}
/*------------------------------------END policy.html ----------------------------------- */
/*------------------------------------ info.html --------------------------------- */
.info_list span{font-size: 3.5vw;}
.info_list{ padding-top:0;padding-bottom: 50px;height: 150px;}
.info_list2 li{margin-top: -80px;padding-top: 80px;}
.info-date{font-size: 3.5vw;}
/*------------------------------------END info.html --------------------------------- */

/*------------------------------------ sds.html --------------------------------- */
.form strong{font-size: 3.5vw;}
.form td,.form th{width: 100%;display: block;font-size: 4vw;padding: 10px 0px 0px;border: none;}
/*.form tr:last-child .check:has(:checked)::after{top: 30px;}*/
.sds h3{font-size: 6vw;margin-bottom: 15px;}
.radio{margin-bottom: 5px;}
.check:has(:checked)::after{top:9px}
/*------------------------------------END  sds.html ----------------------------------- */
/*------------------------------------ mailform --------------------------------- */
.qa_button li{width: 100%;margin: 0 auto 20px;}
.qa_button li span::after{right: -211%;}
.qa_button li:nth-of-type(1) span::before,.qa_button li:nth-of-type(2) span::before,.qa_button li:nth-of-type(3) span::before{width: 100%;}
/*------------------------------------END mailform --------------------------------- */
}