/*style_other_sp.css*/

/*---------------------------------------------
  共通
  ---------------------------------------------*/

.w800 {
    width: 100%;
}

.w880 {
    width: 100%;
}

.w900 {
    width: 100%;
}

.w980 {
    width: 100%;
}

.lineup_para ul li img.w80 {
    width: 100%;
}

.w640 {
    width: 100%;
}

.lineup_para ul li img.w640 {
    width: 100%;
}

.w600 {
    width: 100%;
}

.contOuterFrame {
    width: 100%;
    border: none;
    background: rgba(255,255,255,1.0);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0;
    margin-bottom: 0;
}

.lineup_para ul li img.w600 {
    width: 100%;
}

.h100 {
    height: auto;
}

img.no_flex02 {
    margin: 20px auto;
}

img.no_flex03 {
    margin: 0;
}

img.no_flex04 {
    margin-bottom: 0;
}

table, ul, ol, ul li, ol li, p {
    font-size: 16px;
}

.w80sp {
        width: 80% !important;
    }

/*---------------------------------------------
  会社概要
  ---------------------------------------------*/

.mainV_company {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

.page_title {
    font-size: 24px;
    top: 43%
}

.contents p.page_subtitle {
    font-size: 14px;
    top: 59%;
}

.title_border {
    width: 40px;
    border-bottom: 2px solid #fff;
}

.title_obi {
    width: 100%;
    margin: 0;
    padding: 15px 10px;
}

.contOuterFrame .title_obi {
    width: 100%;
    margin: 0;
    padding: 15px 10px;
}

.title_obi h2{
    font-size: 20px;
    margin-top: 0;
    padding-top: 0;
}

.secOther01 {
    min-width: 100%;
}

.other02 {
    margin-top: 30px;
}

.secOther01_inner {
    width: 100%;
    padding: 20px 15px 60px 15px;
}

dl.enkaku dt {
    float: none;
    padding: 10px;
    line-height: 1.6;
}

dl.enkaku dd {
    margin-left: 0;
    padding: 10px;
    line-height: 1.6;
    padding-top: 0;
}

dl.enkaku dd.b_top {
    border-top: none;
}

dl.enkaku dt.b_top {
    border-top: solid 1px rgba(0,12,92,1.0);
    width: 100%;
}

p.salesTx01 {
    font-size: 18px;
}

p.salesTx01 img {
    width: 150px;
    display: block;
    margin: 8px auto;
}

p.salesTx02 {
    font-size: 16px;
}

p.salesTx03 {
    font-size: 18px;
}

p.salesTx03 img {
    width: 240px;
    display: block;
    margin: 8px auto;
}

.secOther02 {
    min-width: 100%;
}

ul.offices {
    display: block;
}

.detail_bt02 {
    width: 288px;
    font-size: 16px;
    padding: 15px 0;
    margin-top: 40px;
}

/*---------------------------------------------
  NS01
  ---------------------------------------------*/

.mainV_ns01 {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

.page_title01 {
    width: 160px;
}

.page_title_ns01 {
    width: 240px;
}


.secOther02_inner {
    width: 100%;
    padding: 20px 15px 20px 15px;
}

.secOther02_inner p {
    line-height: 1.6;
    font-size: 16px;
}

.pat01 ul li {
    margin-bottom: 30px;
    text-align: center;
}


ul.linkmenu {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.linkmenu li {
    margin: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 15px 10px;
    background: rgba(0,12,92,0.9);
    line-height: 1.2;
    border-bottom: none;
    /*border-left: none;*/
}

ul.linkmenu li a {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

ul.linkmenu li a:after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}

.linkArea {
    padding: 0;
}

h3.para_title {
    margin-top: 20px;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 10px;
}

.lineup_para ul {
    display: block;
}

.lineup_para ul li img {
/*    margin-bottom: 20px;*/
}

.lineup_para h4 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.lineup_para p {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

h4.para_subtitle {
    font-size: 18px;
    margin-top: 20px;
}

h2.para_subtitle01 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

p.para_subtitleTxt {
    font-size: 16px;
}

p.tx_left {
    text-align: left;
}

img.no_flex01 {
    width: 100%;
}
   
.pat03 {
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 0;
}

p.tx_note01 {
    text-indent: -3.0em;
    padding-left: 3.0em;
}

.add_img01 {
    margin-top: 0;
}

.add_img02 {
    margin-top: 0;
}


/*---------------------------------------------
  環境豆知識
  ---------------------------------------------*/

.mainV_know {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

.knowWrap {
    display: block;
    width: 100%;
}

.knowItem {
    padding: 30px 20px;
    margin-bottom: 20px;
    width: 100%;
}


.knowItem h3 {
    font-size: 18px;
    margin-bottom: 30px;
    margin-left: 40px;
}

img.book_ic {
    width: 72px;
    height: 72px;
}

.knowItem h3.f23 {
    font-size: 18px;
}

.knowItem p {
    font-size: 16px;
    line-height: 1.6;
}

a.knowlink {
    font-size: 14px;
    text-indent: -2.0em;
    padding-left: 2.0em;
    position: static;
    margin-top: 30px;
}

a.knowlink:before {
    margin-right: 8px;
}

a.knowlink:after {
    display: none;
}

a.knowlink01 {
    margin-bottom: 16px;
}


/*---------------------------------------------
  お問い合わせフォーム
  ---------------------------------------------*/

.mainV_form {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

form.h-adr {
    padding: 0;
    border: none;
}

p.form_para {
    font-size: 16px;
}

label.form_tx {
    font-size: 16px;
}

label.form_tx {
    width: 100%;
}

input.form_box {
    width: 100%;
}

.add_wrap {
    display: block;
}

.contents p.add_tx {
    font-size: 16px;
}

.select-wrap select {
    width: 100%;
}

.select-wrap:before {
    top: 75px;
}

div.form_note p {
    font-size: 16px;
}

div.form_note ul {
    font-size: 16px;
}

.checkbox01-parts {
    display: inline-block;
}

.checkbox01-parts::before {
    top: 5px;
}

/*---------------------------------------------
  国内・海外の万全な供給体制
  ---------------------------------------------*/

.mainV_supply {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

.last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
}

table.tb_overseas {
    width: 100%;
}

.tb_overseas th,
.tb_overseas td {
    border-bottom: none;
    display: block;
    width: 100%;
    padding: 10px;
}

tr.first {
    display: none;
}

.tb_overseas td.td_left {
    width: 100%;
    background: rgba(0,12,92,0.9);
    color: #fff;
}

tr.second,
tr.third {
    display: block;
    margin-bottom: 30px;
}


.tb_overseas th, .tb_overseas td.bbsp {
    border-bottom: solid 1px #ccc;
}

img.kyoten {
    width: 100%;
}



/*---------------------------------------------
  nsクリーン Wタイプ
  ---------------------------------------------*/

.mainV_nsw01 {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

table.nsw_t {
    border: 0;
    width:100%;
    font-size: 16px;
}

table.nsw_t th{
    background-color: #6c9bd2;
    display: block;
    border-right: none;
}

table.nsw_t tbody th {
    border-left: none;
}

table.nsw_t thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

table.nsw_t tr {
    display: block;
    margin-bottom: .625em;
}

table.nsw_t td {
    border-bottom: 1px solid #bbb;
    display: block;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
}
  
table.nsw_t td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #6c9bd2;
}

table.nsw_t td:last-child {
    border-bottom: 0;
}

table.nsw_t tbody th {
    color: #fff;
}


/*---------------------------------------------
  nsクリーン 英語ページ
  ---------------------------------------------*/

.title_obi_en {
    min-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.title_obi_spa01 {
    height: 120px;
}


.title_obi_en h2 {
    font-size: 20px;
    line-height: 1.2;
}

ol.w_point {
    margin-left: 20px;
}

.pt10sp {
    padding-top: 10px!important;
}

h3.para_title_en {
    margin-top: 20px;
    font-size: 18px;
    padding: 12px 0;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

h3.para_title_spa {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 20px;
}

h4.para_subtitle_en {
    line-height: 1.2;
}

/*---------------------------------------------
  nsクリーン Rタイプ
  ---------------------------------------------*/

.mainV_nsr01 {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

p.cap {
    padding-left: 10px;
    width: 100%;
    margin-top: 0;
    font-size: 12px;
}

h5.para_ic01 {
    font-size: 16px;
}

.link03 {
    font-size: 16px;
}

img.exTop {
    margin-top: 0;
}

/*---------------------------------------------
  nsクリーン Mタイプ
  ---------------------------------------------*/

.mainV_nsm01 {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

ul.nsr_spec li {
    font-size: 16px;
    
}


div.normal_flex {
    display: block;
}

ul.bullet li {
    font-size: 16px;
}

.m_right {
    margin-right: 0;
}

table.tbl-m01 {
    width: 100%;
    font-size: 16px;
}

table.tbl-m01 td {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
}

table.tbl-m01 td.sec {
    padding-bottom: 30px;
}

/*---------------------------------------------
  nsクリーン Wタイプ エマル洗浄
  ---------------------------------------------*/

.mainV_nswe01 {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

.flex_we01 {
    display: block;
}

.flex_we01_right {
    margin-top: 40px;
}


/*---------------------------------------------
  nsクリーン EMクリーン
  ---------------------------------------------*/

.mainV_em01 {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}

.topcont01 {
    width: 100%;
table-layout: fixed;
}

.topbox {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

/*
.sp_only01 {
    height: 80px;
}
*/


/*
.topbox {
    width: 480px;
}
*/

.topbox td {
    font-size: 2vw;
}

.aboutbox td {
    font-size: 2vw;
}

.em_tb_ic td img {
    width: 32px;
/*    height: 62px;*/
}

table.tb_note {
    font-size: 2vw;
}

.lineupbox td {
    font-size: 2vw;
}

table.em_tb01 {
/*    font-size: 14px;*/
    width: 100%;
    font-size: 2.0vw;
}

.pl {
    padding-left: 10px;
}

td.w110 {
    width: 85px;
}

td.w110 img {
    width: 80px;
    height: auto;
}

table.em_tb01 td {
    padding: 5px;
}

.topbox .item02 {
    padding-left: 5px;
    font-size: 2vw;
}

.topbox .item03 {
    font-size: 2vw;
}

/*---------------------------------------------
  nsクリーン スペイン語ページ
  ---------------------------------------------*/

div.flex_spa01 {
    display: block;
    margin-left: 20px;
}

.spa_flex03 {
    display: block;
    width: 100%;
}


.spa_flex04 {
    display: block;
    width: 100%;
}

.spa_flex04_left {
    margin-right: 0;
    margin-bottom: 30px;
}

.spa_flex04_left p {
    text-align: center;
}

.flex_pic {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.flex_pic img {
    width: 48%;
    height: 100%;
}

.spa_flex04_right {
    text-align: center;
}

.spa_flex04_right img {
    padding-bottom: 10px;
}

.menu > ul > li > ul.menu02 > li a.m_item {
    font-size: 16px;
    line-height: 1.2;
}

.mainV_news {
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    height: 100%;
    /* margin-top: 48px; */
}


/*---------------------------------------------
  Addtional
  ---------------------------------------------*/

div.flex_center ul {
    display: block;
}

img.exTop {
    position: static;
}

img.l_40 {
    margin-left: 0;
}

.w480 {
    width: 100%;
}

.w640 {
    width: 100%;
}

img.w480 {
    width: 100%;
}

img.w640 {
    width: 100%;
}

img.w800 {
    width: 100%;
}


.lineup_para p.spec_title {
    font-size: 18px;
    text-align: center;
}

p.spec_title01 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

h5.catalogTitle {
    width: 80%;
    font-size: 16px;
}

p.tx_center {
    text-align: center;
}

ul.enkaku li {
    display: block;
}

ul.enkaku li p.date {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}

ul.enkaku li p.con {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
}

.pat03 ul li:nth-child(2) {
    text-align: center;
}

p.para01 {
font-size: 16px;
font-weight: bold;
}

p.para02 {
font-size:14px;
}

.spec_main {
    background-image: none;
    min-height: auto;
    height: auto;
    margin-top: 30px;
}

.spec_main img.spec_main_img {
    display: block;
    width: 100%;
    max-width: 100%;
}

/*---------------------------------------------
  Bread
  ---------------------------------------------*/

.bread {
    display: none;
}

.container.otameshi {
	padding-top: 0;
}

/*---------------------------------------------
  NSClean Link
  ---------------------------------------------*/

ul.nslink {
	flex-direction: column;
	justify-content: center;
    width: 100%;
}

ul.nslink li {
	width: 100%;
}