@charset "utf-8";

@media screen and (max-width:768px){

.sp-none { display:none; }

body {
width: 100%;
margin: 0;
padding: 0;
font-size: 100%;
color: #444444;
}

* {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{
max-width: 100%;
width /***/:auto;
height: auto;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
border: none;
}

.img-center {
width: 100%;
margin: 20px auto;
text-align: center;
}

.img-center .point {
width: 90%;
margin: 0 auto;
padding: 0 20px;
text-align: left;
font-size: 85%;
color: #666;
}

/* -----リストの頭にマークをつけない指示----- */
ol,ul,li {list-style-type: none;}

/* -----Format Browser's defined style----- */
ul,ol,li,dl,dt,dd,
address,pre,em,
blockquote,q,cite {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
}

/* -----メールフォームのチェックボタンを文字にリンクする指示----- */
label {cursor: pointer;}
html
*label {cursor: default;}
* html label {cursor: pointer;}

/* -----通常リンク------ */
a:link {color: #3d6658;text-decoration: underline;}
a:visited {color: #3d6658;text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a:link.none {color: #333; text-decoration: none;}
a:visited.none {color: #333; text-decoration: none;}
a:hover.none {color: #333; text-decoration: none;}
a:active.none {color: #333; text-decoration: none;}

a:link.link {color: #778899; text-decoration: underline;}
a:visited.link {color: #778899; text-decoration: underline;}
a:hover.link {color: #778899; text-decoration: underline;}
a:active.link {color: #778899; text-decoration: underline;}

a:link.menu {color: #008080; text-decoration: none;}
a:visited.menu {color: #008080; text-decoration: none;}
a:hover.menu {color: #008080; text-decoration: underline;}
a:active.menu {color: #008080; text-decoration: none;}

/* -----商品ページリンク------ */
a:link.fff {color: #fff;text-decoration: none;}
a:visited.fff {color: #fff;text-decoration: none;}
a:hover.fff {color: #fff;text-decoration: none;}
a:active.fff {color: #fff;text-decoration: none;}

a:link.con {color: #1f4799;text-decoration: none;}
a:visited.con {color: #1f4799;text-decoration: none;}
a:hover.con {color: #1f4799;text-decoration: none;}
a:active.con {color: #1f4799;text-decoration: none;}

h1{
width: 80%;
margin: 20px auto;
padding: 3px 10px 0px 10px;
text-align: center;
font-weight: bold;
font-size: 120%;
border-bottom: 1px dashed #7ecc31;
}

h2{
width: 90%;
margin: 0 0 5px 10px;
font-weight: bold;
font-size: 90%;
}

h3{
width: 80%;
margin: 0 auto;
padding: 5px 0;
background: #7ecc31;
color: #fff;
font-size: 90%;
font-weight: bold;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* ----------ヘッダー---------- */
#header {
width: 100%;
padding: 8px 0 3px 0;
}

#logo {
width: 100%;
padding: 0 auto 5px;
text-align: center;
font-size: 90%;
}

#header_link {
margin: 20px auto;
padding: 0;
font-size: 95%;
text-align: center;
}

#header_menu {
margin: 20px auto 0;
font-size: 120%;
text-align: center;
}

/* ----------常に上部へ戻る---------- */
#back { display:none; }

/* ----------下固定で上部へ戻る---------- */
#footerback {
width: 150px;
height: 30px;
margin-left: auto;
padding: 5px 0 0 0;
font-size: 100%;
text-align: center;
background-color: #e6fff6;
border-top-left-radius: 20px; 
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px; 
}

#footerback a {
margin: 0 0 0 0;
color: #333;
text-decoration: none;
}

#footerback a:hover {
color: #fff;
text-decoration: none;
}

/* ----------お問合せはこちら---------- */
#gocontact {
width: 90%;
margin: 80px auto 150px;
text-align: center;
}

#pcm a {
display: block; 
width: 100%;
padding: 10px 0;
background-color: #bcddeb;
font-size: 150%;
font-weight:bold;
text-align: center;
box-shadow: 2px 2px 5px #333;
border: 1px solid #6699ff;
}

#pcm a:hover {
width: 100%;
padding: 20px 0;
background-color: #d3e4eb;
border: 1px solid #99bbff;
}

/* ---------- フッター ---------- */
#footer { display:none; }

/* -------------------- ここまで共通 -------------------- */



/* -------------------- トップページ -------------------- */

/* ------- トップ画像 ------- */
#top-img {
width: 100%;
margin: 0 auto 50px;
padding: 0;
text-align: center;
background: #fffaf0;
}

/* ------- メイン商品　大 ------- */
#itembox {
width: 100%;
margin: 0 auto 10px;
text-align: center;
}

.item-frame {
margin: 3px 10px 20px 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 10px; 
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px; 
}

.item-img {
width: 100%;
margin: 0 auto;
text-align: center;
}

.item-cap-b {
width: 100%;
padding: 10px 0 0 0;
font-size: 120%;
text-align: left;
border-bottom: solid 3px #9acd32;
position: relative;
}

.item-cap-b:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #6b8e23;
bottom: -3px;
width: 60%;
}

.item-cap-q {
width: 100%;
padding: 10px 0 0 0;
font-size: 120%;
text-align: left;
border-bottom: solid 3px #ffd500;
position: relative;
}

.item-cap-q:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ff5500;
bottom: -3px;
width: 60%;
}

.item-desc {
padding: 10px 3px;
font-size: 80%;
text-align: left;
}

/* ------- メイン商品　小 ------- */
#itembox-m {
display: flex;
width: 95%;
margin: 0 auto 50px;
text-align: center;
}

.item-frame-m {
width: 23%;
margin: 2px;
padding: 3px;
border: 1px solid #ccc;
}

.item-img-m {
width: 100%;
margin: 15px auto;
text-align: center;
}

.item-cap-m {
height: 50px;
padding: 0 ;
font-size: 70%;
text-align: left;
}

.item-desc-m {
padding: 5px 0 0 0;
font-size: 60%;
text-align: left;
}

/* ------- 新着情報 ------- */

#info {
width: 100%;
margin: 0 auto 100px;
padding: 20px 0 60px 0;
background: #fffafa;
box-shadow: 0 0 8px #ccc;
}

#infobox {
margin: 0 auto;
text-align: center;
}

dl.info-txt {
display: flex;
width: 95%;
margin: 0 auto;
padding: 0;
text-align: center;
border-bottom: 1px dashed #f5deb3;
}

dl.info-txt dt {
width: 30%;
padding: 20px 0 2px 3px;
font-size: 75%;
}

dl.info-txt dd {
width: 70%;
padding: 20px 3px 2px 3px;
font-size: 75%;
}

/* ------- 環境への想い ------- */
#top-env {
height: 500px;
margin: 30px auto 100px;
padding: 0 0 300px 0;
font-size: 100%;
text-align: center;
}

/* --------------------ここまでトップページ-------------------- */


/* ------- ラッピング囲い ------- */
#wrapper {
width: 100%;
margin: 0;
}

/* ------- パンくず ------- */
#pankuzu-full {
width: 100%;
margin: 5px auto;
background: #fffaf0;
}

#pankuzu {
padding: 10px 5px;
color: #555;
font-size: 70%;
}

/* -------------------- 会社・事業 -------------------- */

/* ------- サイドフレーム ------- */
#sidebox {
width: 90%;
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
}

/* ------- サイドバー ------- */

/* --- 社名ブロック --- */
.side-h1 {
width: 100%;
margin: 0;
padding: 10px 4px;
border: 1px solid #7ecc31;
background-color: #7ecc31;
color: #fff;
font-size: 110%;
text-align: center;
}

/* --- 広告バナー --- */
.banner {
margin: 20px 0 10px 0;
padding: 3px 0;
border: 1px solid #aaa;
}

/* --- メニューブロック枠線 --- */
.side-square {
width: 100%;
margin: 3px auto 30px;
padding: 3px;
border: 1px dashed #aaa;
text-align: center;
}

/* --- 項目ごとの見出し --- */
.side-h2 {
width: 90%;
margin: 3px auto;
padding: 3px 0;
border: 1px solid #333;
color: #333;
font-size: 95%;
text-align: center;
background-color: #fff;
}

/* --- 項目ごとの区切り --- */
.side-box {
margin: 0;
padding: 5px 0 20px 0;
font-size: 95%;
line-height: 140%;
}

/* --- メディア情報一覧 --- */
.side-box li {
margin: 0 0 3px 0;
padding: 5px 10px;
font-size: 100%;
line-height: 150%;
border-bottom: 1px solid #ccc;
}

/* --- 事業所 --- */
#side-add {
display: inline-block;
margin: 0 15px 15px 15px;
padding: 0;
text-align: left;
}

/* --- カレンダーリンク --- */
.sche {
font-size: 70%;
color: #aaa;
}

/* --- トピックス --- */
.side-topi {
margin: 0;
padding: 5px 0 10px 5px;
font-size: 95%;
line-height: 140%;
text-align: left;
}

/* --- ブログ --- */
.side-blog {
margin: 0;
padding: 3px 0 20px 5px;
font-size: 90%;
line-height: 170%;
}

.side-blog ul {
margin: 0;
padding: 5px 15px 5px 15px;
color: #555;
}

/* --- バックナンバー --- */
.side-bkno {
margin: 5px 10px 0 0;
font-size: 85%;
text-align: right;
}

/* ------- メインフレーム ------- */
#main {
width: 96%;
margin: 0 auto;
padding: 10px 3px 30px 3px;
}

/* --- 会社案内 --- */
dl.company {
width: 95%;
margin: 5px 0 50px 0;
}

dl.company dt {
float: left;
width: 70px;
margin: 0 0 15px 5px;
padding: 2px 0 4px 5px;
font-size: 80%;
font-weight: bold;
line-height: 140%;
border-bottom: 1px solid #fff;
border-left: 3px solid #65cc31;
clear: both;
}

.company dd {
margin: 0 0 15px 75px;
padding: 2px 0 4px 10px;
font-size: 75%;
line-height: 140%;
border-bottom: 1px solid #eaeaea;
}

/* --- 沿革 --- */
dl.company-enkaku {
width: 95%;
margin: 3px 0 50px 0;
}

dl.company-enkaku dt {
float: left;
width: 75px;
margin: 0 0 15px 0;
padding: 1px 2px 2px 2px;
font-size: 70%;
line-height: 140%;
border-bottom: 1px solid #fff;
clear: both;
}

dl.company-enkaku dd {
margin: 0 0 15px 80px;
padding: 1px 0 2px 0;
font-size: 70%;
line-height: 140%;
border-bottom: 1px solid #eaeaea;
}

/* --- googleマップのレスポンシブ指示 --- */
.googlemap {
position: relative;
padding-bottom: 85%;
width: 98%;
height: 0;
overflow: hidden;
margin: 0 0 0 5px;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 5px;
width: 100% !important;
height: 100% !important;
}

/* --- 事業内容 --- */
.service {
width: 98%;
margin: 0 0 15px 10px;
font-size: 85%;
line-height: 160%;
}

.simg-out {
width: 95%;
margin: 5px auto 0px;
text-align: center;
font-size: 80%;
}

.simg-in {
text-align: center;
border: 1px solid #aaa;
}

.s-list {
width: 95%;
margin: 0 0 20px 30px;
font-size: 70%;
line-height: 160%;
}

.s-link {
width: 96%;
margin: 50px 0 50px 5px;
padding: 10px 5px 10px 8px;
font-size: 75%;
line-height: 200%;
background-color: #F0F0F0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.s-space {
margin: 0 0 40px 0;
}

/* --- サイトマップ --- */
#w-map {
width: 95%;
margin: 0 auto;
padding: 0;
}

.map {
width: 85%;
margin: 0 0 0 10px;
padding: 0 0 0 30px;
font-size: 85%;
line-height: 160%;
}

.map-line {
width: 100%;
margin: 0 0 30px 0;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}

/* --- error --- */
.error-h {
margin: 0;
padding: 30px 20px 10px 10px;
font-weight: bold;
font-size: 180%;
}

.error-h2 {
width: 70%;
margin: 30px 0 10px 10px;
padding: 4px 0 0 0;
font-weight: bold;
font-size: 130%;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.error li {
margin: 0 0  3px 15px;
padding: 0;
font-size: 85%;
line-height: 180%;
}

.error li a {
color: #6495ed;
}

/* --- お問い合わせ --- */
#contact {
width: 100%;
margin: 0 auto;
text-align: center;
}

.txt {
width: 90%;
margin: 10px auto 40px;
line-height: 160%;
font-size: 80%;
text-align: left;
}

/* --- 暗号化 --- */
.sll {
display: flex;
width: 100%;
margin: 10px auto;
text-align: center;
}

.sll-mark {
width: 150px;
margin: 0 3px 0 5px;
text-align: center;
}

.sll-txt {
margin: 0;
padding: 8px 3px;
font-size: 70%;
line-height: 150%;
text-align: left;
}

/* --- フォーム --- */
dl.form {
width: 95%;
margin: 10px auto ;
}

dl.form dt {
padding: 3px 4px 0 4px;
font-size: 80%;
line-height: 130%;
}

dl.form dd {
padding: 0 8px 12px 8px;
font-size: 70%;
}

.formbutton {
width: 90%;
margin: 5px 0 150px 0;
font-size: 90%;
text-align: center;
}

/* --- 送信完了 --- */
.finish {
text-align: center;
margin: 60px 0 40px 0;
font-size: 120%;
font-weight: bold;
}

.finish-txt {
width: 90%;
margin: 5px auto;
padding: 0 0 300px 0;
font-size: 90%;
line-height: 160%;
text-align: left;
}

/* --- 個人情報 --- */
#personal {
width: 95%;
margin: 10px auto;
padding: 0;
text-align: center;
}

#personal .txt {
width: 97%;
padding: 0 2px 10px 2px;
font-size: 80%;
line-height: 170%;
text-align: left;
}

#personal .txt ul {
padding: 10px;
line-height: 160%;
}

/* -------------------- ここまで会社・事業 -------------------- */


/* -------------------- 製品サイドメニュー -------------------- */

/* --- 外枠破線 --- */
.item-square {
width: 95%;
margin: 10px auto 20px;
padding: 15px 5px;
text-align: left;
border: 1px dashed #aaa;
}

/* --- 分類 --- */
.button {
display: block; 
width: 90%;
margin: 0 auto;
padding: 5px 0 0 0;
font-size: 90%;
text-align: left;
line-height: 150%;
}

/* --- 製品リンクボタン --- */
.button2 a {
display: block; 
width: 88%;
margin: 3px auto 0;
padding: 12px;
font-size: 100%;
text-align: left;
line-height: 150%;
background-color: #52c8cc;
}

.button2 a:hover {
display: block; 
width: 88%;
margin: 3px auto 0;
padding: 12px;
font-size: 100%;
text-align: left;
line-height: 150%;
background-color: #8fcacc;
}

/* --- 外枠破線 色付 --- */
.color-square {
width: 95%;
margin: 10px auto 20px;
padding: 15px 5px;
border: 1px dashed #aaa;
background-color: #e1fae1;
}

/* -------------------- ここまで製品サイドメニュー -------------------- */


/* -------------------- バイオトイレ -------------------- */

/* ------- バイオ上部メニュー ------- */
#globalnavi { display:none; }

/* ------- ここまでバイオ上部メニュー ------- */

/* ------- バイオトップ1カラム ------- */
.container {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

/* --- バイオ上部ピックアップ --- */
.biotop {
display: flex;
flex-wrap : wrap;
justify-content: center;
width: 100%;
margin: 0 auto 70px;
}

.biotop-pick {
width: 30%;
margin: 3px;
border: 1px solid #000;
}

/* --- バイオ見出し --- */
.biotop-h {
width: 90%;
margin: 60px auto 10px;
padding: 10px 0 2px 10px;
font-size: 95%;
font-weight: bold;
color: #333;
text-align: left;
background:linear-gradient(transparent 60%, #e6fffb 60%);
}

/* --- バイオ上部ピックアップ入替 --- */
.layout {
display: flex;
flex-direction: column-reverse;
width: 100%;
margin: 0 auto;
}

.layout2 {
margin-bottom: 70px;
}

/* ------- 製品とは ------- */
.item-main {
width: 95%;
margin: 10px auto 30px;
text-align: center;
}

.item-title {
width: 100%;
margin: 20px 0 5px 0;

font-size: 110%;
color: #000;
text-align: left;
}

.item-about {
width: 100%;
margin: 5px;
font-size: 80%;
color: #000;
text-align: left;
line-height: 160%;
}

.click {
margin: 50px auto 0;
font-size: 100%;
text-align: center;
}

/* --- バイオ説明文外枠 --- */
.biotop-box {
width: 95%;
margin: 10px auto 5px;
padding: 0;
font-size: 100%;
color: #333;
text-align: left;
}

/* --- バイオ説明文 --- */
.biotop-point {
width: 100%;
margin: 3px auto;
padding: 5px 0;
line-height: 150%;
font-size: 75%;
color: #555;
}

/* --- バイオ説明画像 --- */
.biotop-img {
width: 95%;
margin: 20px auto;
text-align: center;
}

/* --- バイオ画像の枠線 --- */
.lock-img {
border: 1px solid #aaa;
}

/* ------- 製品トピックス ------- */
.item-topics {
width: 98%;
margin: 80px auto 80px;
text-align: center;
border-radius: 8px; 
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px; 
text-align: center;
}

/* --- バイオトピックス外枠 --- */
.btopics-box {
width: 95%;
margin: 10px auto;
text-align: center;
background-color: #f5fffa;
border: 1px solid #b8e6b8;
border-radius: 8px; 
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px; 
text-align: center;
}

/* --- バイオトピックス見出し --- */
.btopics-left {
width: 95%;
margin: 10px auto;
}

.btopics-left img {
width: 85%;
margin-top: 10px;
}

.btopics-right {
width: 95%;
margin: 10px auto;
font-size: 100%;
text-align: left;
}

/* --- バイオトピックス見出し --- */
.btopics-h {
margin: 0;
font-weight: bold;
font-size: 95%;
text-align: left;
}

/* --- バイオトピックス説明 --- */
.btopics-about {
margin: 0;
padding: 10px 0;
font-size: 80%;
text-align: left;
}

/* ------- 項目見出し ------- */
.h1 {
margin: 20px auto 3px;
color: #000;
font-size: 110%;
text-align: center;
}

/* ------- 製品情報 ------- */

/* --- 段落 --- */
.info {
width: 100%;
margin: 10px 0;
padding: 5px 0 20px 0;
text-align: center;
background-color: #f0f8ff;
}

.selelink {
width: 80%;
margin: 10px auto;
border: 0;
}

/* --- 製品情報外枠 --- */
.info-box {
display: flex;
justify-content: center;
flex-wrap : wrap;
width: 95%;
margin: 0 auto;
text-align: center;
}

/* --- 製品情報フレックス --- */
.info-item {
position: relative;
width: 47%;
margin: 2px;
padding: 10px 3px;
text-align: center;
background-color: #fff;
}

.info-item-c {
position: relative;
width: 47%;
margin: 2px;
padding: 10px 3px;
text-align: center;
}

.info-item .link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* --- 製品名 --- */
.info-title {
margin: 0;
padding: 0;
text-align: left;
font-size: 80%;
font-weight: bold;
border-bottom: 1px dashed #aaa;
}

/* --- 製品説明 --- */
.info-about {
margin: 0 auto;
padding: 5px 0;
text-align: left;
font-size: 70%;
}

/* --関連記事-- */
.h-relation {
margin: 10px 0 10px 0 ;
text-align: center;
}

.h-relation a {
display: inline-block;
margin: 0;
padding: 5px 30px;
line-height: 150%;
font-size: 90%;
text-align: center;
background-color: #8fcc8f;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

/* ------- 記事トピックス ------- */

/* --- 段落 --- */
#b-topics {
width: 96%;
margin: 100px auto;
padding: 5px;
border-top: 1px dashed #aaa;
border-bottom: 1px dashed #aaa;
}

/* --- 外枠 --- */
dl.b-topics {
width: 96%;
margin: 6px auto;
padding: 10px 3px 5px 3px;
font-size: 75%;
text-align: left;
border-bottom: 1px solid #aaa;
}

/* --- 記事日付 --- */
dl.b-topics dt {
width: 130px;
padding: 1px;
line-height: 150%;
text-align: left;
}

/* --- 記事タイトル --- */
dl.b-topics dd {
width: 320px;
padding: 1px;
line-height: 150%;
text-align: left;
}

/* ------- 施工実績 ------- */

/* --- 外枠 --- */
.b-works {
width: 660px;
height: 210px;
margin: 8px auto;
padding: 5px;
background-color: #fff;
border: 1px solid #000;
}

/* --- サムネイル --- */
.b-works img {
float: left;
width: 280px;
margin: 0;
padding: 0 12px 0 0;
clear: both;
}

/* --- カテゴリー --- */
.b-works .cat {
margin: 3px 3px 0 5px;
font-size: 90%;
color: #333;
line-height: 140%;
}

/* --- 記事タイトル --- */
.b-works .tit {
padding: 20px 5px 5px 5px;
color: #008080;
font-size: 95%;
font-weight: bold;
text-decoration: underline;
}

/* --- 記事抜粋 --- */
.b-works .exc {
padding: 10px;
font-size: 90%;
color: #555;
line-height: 180%;
}

/* --- タグ --- */
.b-works .pla {
margin: 0;
padding: 20px 20px 5px 20px;
text-align: right;
font-size: 90%;
color: #333;
}

/* --- バックナンバーリンク --- */
.bkno {
width: 90%;
margin: 0 auto 30px;
font-size: 80%;
text-align: right;
}

/* ------- ここまでバイオトップ1カラム ------- */



/* ------- バイオ詳細記事1カラム ------- */

/* --- pickupの大枠 --- */
.intro {
width: 95%;
margin: 10px auto 5px;
padding: 5px;
font-size: 90%;
color: #333;
text-align: left;
}

.intro-h {
width: 95%;
margin: 30px 0 5px 0;
padding: 10px 0 2px 5px;
font-size: 90%;
font-weight: bold;
color: #333;
text-align: left;
border-left: 10px solid #4682b4;
border-bottom: 1px solid #aaa;
}

.intro-txt {
width: 95%;
margin: 10px auto 5px;
padding: 5px;
font-size: 90%;
color: #333;
text-align: left;
}

/* --- pickupの画像 --- */
.intro-img {
width: 95%;
margin: 20px auto 0;
text-align: center;
}

/* --- pickupの画像の説明 --- */
.intro-point {
width: 95%;
margin: 0 auto;
padding: 0;
font-size: 75%;
color: #555;
text-align: left;
}

/* --- pickupの製品説明 --- */
.intro-bio {
width: 95%;
margin: 50px auto 30px;
text-align: center;
}

/* --- pickupの製品説明の製品名 --- */
.intro-bio h2{
width: 95%;
margin: 0;
font-weight: bold;
font-size: 95%;
}

.intro-m {
width: 95%;
margin: 0;
font-size: 75%;
text-align: left;
}

/* --- pickupの製品説明のテーブルの高さ調整 --- */
.intro-bio .bioth {
font-size: 90%;
}

/* --- 選び方 --- */
.b-sele-box {
width: 95%;
margin: 10px auto;
padding: 0;
font-size: 100%;
}

.b-sele-box1 {
width: 100%;
margin: 10px auto;
padding: 0;
font-size: 100%;
}

.b-sele-box2 {
width: 100%;
margin: 10px auto;
padding: 0;
font-size: 100%;
}

.b-sele-h1 {
width: 50%;
margin: 50px 0 20px 0;
padding: 3px 20px;
font-size: 100%;
font-weight: bold;
background-color: #f5fffa;
border: 1px solid #555;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.b-sele-h2 {
width: 50%;
margin: 30px 0 0 10px;
padding: 3px 20px;
font-size: 100%;
font-weight: bold;
background-color: #fffff0;
border: 1px solid #555;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.b-sele-dl {
width: 100%;
height: 46px;
margin: 0 0 0 15px;
padding: 0;
color: #6b8e23;
font-size: 95%;
}

.b-sele-dl dt {
float: left;
width: 110px;
margin: 0 0 0 0;
padding: 30px 0 0 5px;
font-size: 80%;
font-weight: bold;
line-height: 140%;
border-left: 1px solid #555;
border-bottom: 1px solid #555;
}

.b-sele-dl dd {
margin: 0 0 0 100px;
padding: 30px 0 4px 0;
font-size: 80%;
line-height: 140%;
}

.b-sele-dl2 {
width: 90%;
margin: 30px auto 0;
padding: 0 0 20px 0;
font-size: 100%;
}

.b-sele-dl2 dt {
float: left;
width: 40%;
margin: 0 0 0 0;
padding: 10px 0;
font-size: 95%;
font-weight: bold;
line-height: 140%;
text-align: center;
background-color: #fff5ee;
border: 1px solid #555;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.b-sele-dl2 dd {
width: 60%;
margin: 0 0 15px 100px;
padding: 15px 0 5px 0;
font-size: 100%;
line-height: 140%;
text-align: center;
border-bottom: 1px solid #ddd;
}

.sele-mini {
width: 90%;
margin: 0 auto;
padding: 0;
font-size: 85%;
color: #555;
}

/* --- 快適トイレの事例画像 --- */
.kaiteki-box {
display: flex;
flex-wrap:wrap;
width: 95%;
margin: 0 auto;
padding: 0;
}

.kaiteki {
width: 45%;
margin: 0 auto;
padding: 10px 0;
font-size: 100%;
color: #333;
line-height: 120%;
text-align: left;
}

/* --- 分解装置のpdf画像 --- */
.beast-box {
display: flex;
flex-wrap:wrap;
width: 95%;
margin: 0 auto;
padding: 0;
}

.beast {
width: 45%;
margin: 5px auto;
padding: 10px 0;
font-size: 80%;
color: #333;
line-height: 120%;
text-align: left;
}

.beast img {
border: 1px solid #555;
}

/* --- 分解装置のメディア掲載 --- */
.intro .entry-list {
width: 96%;
display: flex;
flex-wrap:wrap;
margin: 20px auto 5px;
}

.intro .list {
display: table-cell;
padding: 0;
vertical-align: middle;
text-align: center;
}

.intro .list:nth-child(1) {
width: 30%;
padding: 0;
font-size: 75%;
text-align: center;
}

.intro .list:nth-child(2) {
width: 65%;
padding: 0;
text-align: left;
font-size: 85%;
}

.intro .list:nth-child(3) {
width: 100%;
padding: 0;
text-align: left;
font-size: 85%;
font-weight: bold;
}

.intro .list-ex {
width: 98%;
margin: 0;
padding: 5px 5px 20px 5px;
text-align: left;
font-size: 75%;
border-bottom: 1px dashed #aaa;
}

/* --- 選び方の小見出し --- */
.sele-h {
width: 90%;
margin: 20px 0 0 0;
padding: 20px 0 0 5px;
font-weight: bold;
border-bottom: 1px dashed #000;
}

.sele-link {
padding: 5px 10px;
font-size: 90%;
color: #555;
}

.intro .mini {
margin: 0 0 0 15px;
padding: 0;
font-size: 80%;
color: #555;
}

/* ------- ここまでバイオについて1カラム ------- */



/* ------- 上部へ戻る ------- */
.gotop {
width: 100%;
margin: 30px auto;
font-size: 80%;
text-align: right;
}

/* ------- バイオ製品案内 ------- */

.item-link {
width: 95%;
margin: 0 auto 30px;
padding: 15px 0;
font-size: 80%;
line-height: 220%;
background: #f7fff0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
 
.item-link ul {
margin: 0px;
padding: 0 5px;
}
 
/* --- 大枠 --- */
#biotoile {
width: 95%;
margin: 0 0 30px 0;
padding: 5px;
}

/* --- 製品タイプ --- */
#biotoile .bio-title {
width: 95%;
margin: 5px auto;
padding: 3px 5px 0px 5px;
text-align: left;
font-size: 100%;
color: #fff;
background-color: #aacf53;
border: 1px solid #555;
}

/* --- 製品情報外枠 --- */
#biotoile .bio-box {
width: 95%;
margin: 10px auto;
padding: 3px;
text-align: center;
background-color: #e6eae3;
}

#biotoile .bio-box .link {
text-decoration: none;
}

/* --- 製品情報フレックス --- */
#biotoile .bio-select {
width: 95%;
margin: 5px auto;
padding: 0;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
}

#biotoile .bio-img {
margin: 3px 0;
padding: 0;
text-align: left;
}

/* --- 製品情報フレックス --- */
.blist-about {
width: 95%;
margin: auto;
padding: 6px;
text-align: left;
font-size: 70%;
}

/* --- 製品情報フレックス --- */
.blist-title {
padding: 0 0 10px 0;
text-align: left;
font-size: 110%;
text-decoration: underline;
font-weight: bold;
}

/* ------- バイオ製品詳細 ------- */

/* --- 製品詳細説明 --- */
.item-txt {
width: 95%;
margin: 10px auto 0;
line-height: 160%;
font-size: 85%;
}

.jumpspace {
height: 25px;
}

.item-work {
width: 90%;
margin: 0;
padding: 10px 5px 20px 20px;
font-size: 90%;
font-weight: bold;
}

/* --- 製品詳細説明 タイプ --- */
.bio-type {
width: 95%;
margin: 30px auto 0;
padding: 5px 0px 5px 15px;
font-weight: bold;
border: 1px solid #555;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

/* --- 製品詳細説明 画像見出し --- */
.sample-h {
width: 95%;
margin: 10px auto 5px;
padding: 5px 0 0 10px;
font-size: 95%;
color: #000;
background-color: #add8e6;
}

/* --- 製品詳細説明 画像大枠 --- */
.sample-box {
display: flex;
width: 95%;
margin: 5px auto 30px;
}

/* --- 製品詳細説明 画像 --- */
.sample {
width: 45%;
padding: 3px;
font-size: 85%;
text-align: center;
line-height: 120%;
}

/* --商品案内　各ページの型-- */
.bio-category {
width: 95%;
margin: 10px auto;
padding: 30px 0 5px 0;
font-weight: bold;
text-decoration: underline;
}

/* --商品案内　各ページの表大枠-- */
.bio-item {
width: 95%;
margin: 0 auto 10px;
}

/* --商品案内詳細　フレックス1マス-- */
.bio-square {
width: 100%;
margin: 0 auto;
text-align: center;
}

/* --商品案内詳細　フレックス1マス-- */
.bio-horizontal {
width: 100%;
margin: 0 auto;
text-align: center;
}

/* --商品案内詳細　写真-- */
.biotable-img {
width: 100%;
margin: 10px auto;
}

/* --商品案内詳細　テーブル-- */
.biotable {
width: 98%;
margin: 20px auto 0;
border: 1px solid #ffb433;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* --商品案内各ページの機種名-- */
.bio-name {
margin: 0;
padding: 5px 0;
font-size: 100%;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #ffb433;
}

.bioth {
width: 90px;
margin: 0;
padding: 3px 0;
background-color: #ffe4b3;
font-size: 80%;
font-weight: normal;
line-height: 120%;
border: 0px;
}

.bioth2 {
width: 90px;
height: 35px;
margin: 0;
padding: 3px 0;
background-color: #ffe4b3;
font-size: 80%;
font-weight: normal;
line-height: 120%;
border: 0px;
}

.biotd {
width: 95px;
margin: 0;
padding: 3px 5px;
background-color: #fff6e6;
font-size: 80%;
font-weight: normal;
line-height: 120%;
border: 0px;
}

.biotd2 {
width: 95px;
height: 35px;
margin: 0;
padding: 3px 5px;
background-color: #fff6e6;
font-size: 80%;
font-weight: normal;
line-height: 120%;
border: 0px;
}

/* --商品案内詳細　オプション4列-- */
.bio-mini-item {
display: flex;
flex-wrap:wrap;
width: 95%;
margin: 0 auto 10px;
}

.bio-mini {
width: 48%;
margin: 0 auto;
padding: 5px 0;
font-size: 80%;
text-align: center;
}

/* --- 上部へ戻る --- */
.gotopitem {
width: 100%;
margin: 0 auto 30px;
padding: 5px 0 15px 0;
font-size: 90%;
text-align: right;
border-bottom: 1px dotted #ccc;
}

.gotopitem-none {
width: 100%;
margin: 0 auto 30px;
padding: 5px 0 15px 0;
font-size: 90%;
text-align: right;
}

/* ------- ここまでバイオ製品案内 ------- */

/* ------- バイオ施工例 ------- */

.ex-link {
width: 95%;
margin: 0 auto 40px;
padding: 0;
font-size: 80%;
line-height: 190%;
background: #f7fff0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
 
.ex-link1 {
width: 98%;
margin: 0;
padding: 5px 0 0 5px;
}
 
.ex-link2 {
width: 98%;
margin: 0;
padding: 5px 0 0 5px;
}
 
.ex-s {
width: 90%;
margin: 30px auto 0;
padding: 2px 20px;
font-size: 90%;
font-weight: bold;
color: #fff;
background: #ffdd1a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
 
.point {
width: 95%;
margin: 3px auto;
padding: 10px 5px 0px 5px;
line-height: 140%;
font-size: 90%;
color: #555;
}

.ex-box {
width: 90%;
margin: 15px auto 5px;
padding: 0;
}

.ex-cut {
width: 98%;
margin: 0 auto 10px;
padding: 1px;
font-size: 80%;
color: #555;
}

.ex-img {
width: 98%;
margin: 0;
}

.ex-h {
width: 95%;
margin: 10px auto 0;
padding: 0 0 0 5px;
line-height: 160%;
text-decoration: underline;
font-size: 90%;
font-weight: bold;
color: #333;
}

.ex-point {
width: 100%;
margin: 1px auto 3px;
padding: 0 5px 0 10px;
line-height: 150%;
font-size: 80%;
color: #555;
}

/* ------- ここまでバイオ施工例 ------- */

/* ------- バイオよくある質問 ------- */

#faq-menu { display:none; }

.faq-link { display:none; }
.faq-box {
width: 95%;
margin: 20px auto 0;
padding: 20px 0;
font-size: 100%;
}
 
.faq-q {
width: 95%;
position: relative;
margin: 20px auto 0;
padding: 5px 10px;
font-size: 90%;
font-weight: bold;
color: #fff;
background: #ffdd1a;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
 
.faq-q:after {
position: absolute;
margin-left: -10px;
left: 10%;
bottom: -10px;
border-top: 10px solid #ffdd1a;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 0;
z-index: 90;
content: "";
}

.faq-a {
width: 95%;
margin: 5px auto 3px;
padding: 5px;
line-height: 150%;
font-size: 80%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.faq-box .img-center img {
width: 90%;
}

/* --- 上部へ戻る --- */
.gotopfaq {
width: 95%;
margin: 5px 0;
font-size: 75%;
text-align: right;
}

/* ------- ここまでよくある質問 ------- */

/* -------------------- ここまでバイオトイレ -------------------- */


/* -------------------- クネット -------------------- */

/* ------- クネット上部メニュー ------- */
#q-globalnavi { display:none; }

/* ------- ここまでクネット上部メニュー ------- */

/* ------- 製品トピックス ------- */
.item-qtopics {
width: 98%;
margin: 80px auto 80px;
text-align: center;
border-radius: 8px; 
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px; 
text-align: center;
}

/* --- 外枠 --- */
.qtopics-box {
margin: 20px 7px;
text-align: center;
background-color: #f5fffa;
border: 1px solid #b8e6b8;
border-radius: 8px; 
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px; 
text-align: center;
}

/* --- トピックス見出し --- */
.qtopics-h {
margin: 15px;
font-weight: bold;
font-size: 95%;
text-align: center;
}

/* --- トピックス説明 --- */
.qtopics-about {
margin: 5px;
padding: 3px 8px;
font-size: 80%;
text-align: left;
}



/* ------- クネット製品案内 ------- */

/* --- 大枠 --- */
#qunetto {
width: 96%;
margin: 0 auto 20px;
padding: 5px;
}

/* --- 製品タイプ --- */
#qunetto .qu-title {
width: 80%;
margin: 20px auto 3px;
padding: 5px 15px 0px 15px;
text-align: left;
font-size: 110%;
color: #fff;
background-color: #9acd32;
border: 1px solid #555;
}

/* --- 歩行補助フレックス --- */
#qunetto .qu-box1 {
display: flex;
flex-wrap:wrap;
justify-content: center;
width: 680px;
margin: 3px auto;
padding: 5px;
text-align: center;
}

/* --- 製品画像 --- */
#qunetto .qu-img1 {
width: 100%;
margin: 3px auto;
padding: 0;
text-align: center;
border: 1px solid #ccc;
}

/* --- 動作補助フレックス --- */
#qunetto .qu-box2 {
display: flex;
flex-wrap:wrap;
width: 680px;
margin: 3px auto;
padding: 5px;
text-align: center;
}

/* --- 製品画像小 --- */
#qunetto .qu-select {
width: 48%;
margin: 2px 5px;
padding: 0;
text-align: left;
font-size: 85%;
}

#qunetto .qu-img2 {
margin: 3px 0;
padding: 0;
text-align: left;
border: 1px solid #ccc;
}

/* --商品案内　画像-- */
.qnt-img {
width: 95%;
margin: 0 auto 10px;
padding: 5px;
border: 1px solid #E3E3E3;
}

/* -- 商品案内 設置例 --- */
.sample-q {
width: 98%;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
}

/* --商品案内　見出し-- */
.qnt-h {
width: 100%;
margin: 30px auto 0;
padding: 0;
font-size: 90%;
font-weight: bold;
}

/* --商品案内　説明-- */
.qnt-txt {
width: 95%;
margin: 10px auto;
padding: 0;
line-height: 140%;
font-size: 75%;
}

/* --商品案内　説明画像上下スペース-- */
.qnt-imgtb {
margin: 40px auto 20px;
}

/* --商品案内　説明注意書き-- */
.qnt-txts {
width: 95%;
margin: 10px auto 20px;
padding: 0;
line-height: 140%;
font-size: 70%;
color: #555;
}

#qunetto h3{
width: 90%;
margin: 0 auto;
padding: 5px 0px 3px 20px;
background: #3580ba;
color: #fff;
font-size: 100%;
text-align: left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* --商品案内　各ページの表大枠-- */
.qnt-item {
width: 95%;
margin: 10px auto 30px;
}

/* --商品案内詳細　フレックス1マス-- */
.qnt-square {
width: 100%;
margin: 10px auto 20px;
font-size: 70%;
text-align: left;
}

.qnt-square2 {
width: 95%;
margin: 0 auto 20px;
text-align: center;
}

.qnt-square3 {
width: 95%;
margin: 0 auto 20px;
text-align: center;
}

/* --商品案内各ページの機種名-- */
.qnt-name {
margin: 0;
padding: 5px 0;
font-size: 80%;
text-align: center;
}

/* ------- ここまでクネット製品案内 ------- */

/* -------------------- ここまでクネット -------------------- */


/* -------------------- エントリー -------------------- */

/* ------- 記事リスト ------- */

.entry-list {
width: 96%;
display: flex;
flex-wrap:wrap;
margin: 20px auto 5px;
}

.list {
display: table-cell;
padding: 0;
vertical-align: middle;
text-align: center;
}

.list:nth-child(1) {
width: 30%;
padding: 0;
font-size: 75%;
text-align: center;
}

.list:nth-child(2) {
width: 65%;
padding: 0;
text-align: left;
font-size: 85%;
}

.list:nth-child(3) {
width: 100%;
padding: 0;
text-align: left;
font-size: 85%;
font-weight: bold;
}

.list-ex {
width: 98%;
margin: 0;
padding: 5px 5px 20px 5px;
text-align: left;
font-size: 75%;
border-bottom: 1px dashed #aaa;
}

/* ---------- 実績リスト ---------- */
dl.t-info {
display: flex;
width: 95%;
height: 75px;
margin: 20px auto 8px;
padding: 5px;
background-color: #fff;
border: 1px solid #aaa;
}

/* ---サムネイル--- */
dl.t-info dt {
width: 28%;
margin: 0;
padding: 0 3px 0 0;
}

/* --- 記事カテゴリー --- */
.dd1 {
margin: 3px;
padding: 0;
font-size: 70%;
color: #333;
line-height: 140%;
}

/* --- タイトル --- */
.dd2 {
margin: 3px;
padding: 0;
font-size: 70%;
color: #333;
line-height: 140%;
}

/* ---日付とタグ--- */
.dd3 {
margin: 3px;
padding: 0;
font-size: 70%;
color: #333;
line-height: 140%;
}

/* ---抜粋--- */
.dd4  { display:none; }

/* --- ページリンク --- */
.no {
width: 100%;
margin: 15px auto 16px;
font-size: 100%;
text-align: center;
}

/* ------- ブログ記事 ------- */

/* --- 記事ページ用ブログメニュー --- */
.entry-square {
width: 95%;
margin: 10px auto 20px;
padding: 15px 5px;
border: 1px dashed #aaa;
background-color: #e1fae1;
}

/* --- 項目ごとの見出し --- */
.entry-square .side-h2 {
width: 90%;
margin: 3px auto;
padding: 3px 0;
border: 1px solid #333;
color: #333;
font-size: 95%;
text-align: center;
background-color: #fff;
}

/* --- 項目ごとの区切り --- */
.entry-square .side-box {
margin: 0;
padding: 5px 0 10px 0;
font-size: 95%;
line-height: 130%;
}

/* --- 納品実績 --- */
.entry-box {
width: 96%;
margin: 30px auto 0;
padding: 5px;
color: #333;
border: #aaa 1px solid;
}

.entry-box h3{
width: 90%;
margin: 10px auto;
padding: 10px 0px 5px 40px;
background: #7ecc31;
color: #fff;
font-size: 100%;
font-weight: bold;
text-align: left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

h4 {
width: 90%;
margin: 0 0 1px 5px;
padding: 10px 10px 5px 10px;
font-size: 100%;
font-weight: bold;
color: #333;
border-bottom: #ddd 1px solid;
}

.entry-date {
width: 95%;
margin: 0 0 15px 5px;
padding: 0 0 0 5px;
font-size: 75%;
color: #555;
text-align: right;
}

.entry-body {
margin: 0;
padding: 5px;
font-size: 80%;
color: #555;
line-height: 160%;
}

.entry-body img {
width: 100%;
margin: 0 auto 20px;
text-align: center;
}

.entry-center {
text-align: center;
}

.entry-right {
text-align: right;
}

.entry-small {
font-size: 85%;
}

.entry-link {
padding: 20px 0;
font-size: 90%;
text-align: center;
}

.entry-page {
width: 95%;
margin: 10px 0 10px 10px;
padding: 5px 10px;
font-size: 90%;
color: #333;
text-align: center;
background-color: #ddd;
}

/* --レンタルページ用製品ボックス-- */
.entry-box .bio-square {
width: 60%;
margin: 40px auto;
text-align: center;
}

/* --- コラム --- */
.cat-h {
width: 500px;
margin: 30px 0 5px 20px;
padding: 5px 10px 2px 20px;
font-size: 120%;
font-weight: bold;
color: #333;
border-left: 8px solid #4682b4;
border-bottom: 1px solid #aaa;
}

.mini {
margin: 0;
padding: 20px 10px;
font-size: 90%;
color: #555;
}

/* --バイオトイレの使い方・チェックシート-- */
#checksheet a:link {color: #00b25c;text-decoration: none;}
#checksheet a:visited {color: #00b25c;text-decoration: none;}
#checksheet a:hover {text-decoration: underline;}
#checksheet a:active {text-decoration: none;}

#checksheet {
width: 400px;
margin: 20px auto 0;
padding: 10px;
font-size: 120%;
font-weight: bold;
text-align: center;
background-color: #ddd;
border: 1px solid #47b347;
box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.infotopics {
padding: 5px 0;
}

/* ---------- 過去リスト ---------- */
.backnumber {
margin: 0;
padding: 5px 10px;
font-size: 80%;
line-height: 150%;
}

/* -------------------- ここまでエントリー -------------------- */

}