@charset "utf-8";
/* ===========================================================
 * 
 * 水質検査　スタイルシート
 * Last UpDate : 2025/12/11
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
@import "general.css";
@import "fonts.css";
body {
color: #333;
font-weight: 400;
font-style: normal;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
}

:root{
	--main-color: #1d7ead;
	--second-color: #145f83;
	--accent-color: #e17f43;
	--flow-color: #bcb435;
	--contact-color: #e02b1f;
	--request-color: #f37201;
	--estimate-color: #e02b1f;
	--price-color: #f60;
}

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:link		{ color: #333; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover		{ color: #1d7ead; text-decoration: none; }
a:active	{ color: #1d7ead; text-decoration: none; }

a { transition: 0.5s ease-in-out; }
/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1{ background: url("../images/h2.jpg") no-repeat center center !important; background-size: cover !important; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */

.header{ width: 80%; margin: 0 auto; height: 70px; display: flex; justify-content: space-between; align-items: center; }

.header_sec01{ flex-basis: 40%; display: flex; justify-content: space-between; align-items: center; }

.header_logo{ flex-basis: 30%; font-size: 35px; color: #1d7ead; font-weight: 700; white-space: nowrap; margin-right: 3%; }
.header_logo a{ color: var(--main-color); }
.header_logo a:hover{ opacity: .6; }

.header_txt{ flex-basis: 40%; min-width: 380px; font-size: 20px; color: var(--main-color); text-align: center; font-weight: bold; background-color: #eee; padding: 5px 15px; border-radius: 40px; }

.header_sec02{ flex-basis: 35%; display: flex; justify-content: space-between; align-items: center; }

.header_tel{ flex-basis: 50%; text-align: right; margin-right: 5%; }
.header_tel img{ width: 100%; height: auto; }
.header_tel_time{ display: block; font-size: 14px; margin-top: 5px; }

.header_flow_btn{}
.header_flow_btn a{ display: block; color: #fff; background-color: #3cb371; border: 1px solid #3cb371; font-size: 20px; font-weight: bold; padding: 5px 20px; border-radius: 40px; white-space: nowrap; }
.header_flow_btn a:hover{ background-color: #fff; color: #3cb371; }


.gnavi{ background-color: var(--main-color); }
.gnavi_list{ width: 80%; margin: 0 auto; display: flex; justify-content: center; }
.gnavi_item{ flex: 1 0 auto; }
.gnavi_item a{ display: block; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 15px 20px; text-align: center; }
.gnavi_item a:hover{ background-color: #fff; color: var(--main-color); }





/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }

.top_img{ position: relative; background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 60px 0 80px 0; margin-bottom: 100px; }
.top_img_txt{ text-align: center; }
.top_img_tit01{ color: #000; font-size: 45px; font-weight: bold; margin-bottom: 10px; }
.top_img_tit01 span{ font-size: 54px; }
.top_img_tit02{ display: flex; justify-content: center; }
.top_img_tit02_img01{ margin-right: 20px; }
.top_img_tit02_img01{}

.top_img_tit03{ font-size: 54px; font-weight: bold; }
.top_img_tit03 span{  font-size: 45px; }
.top_img_tit04{ position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; width: 1000px; font-size: 45px; color: #fff; font-weight: bold; background-color: #e17f43; border-radius: 15px; padding: 5px 10px; letter-spacing: 2px; }
.top_img_tit04 span{ font-size: 60px; color: #f9f468;  }



.top_btn{ width: 90%; margin: 0 auto 40px auto; }
.top_btn_list{ display: flex; justify-content: space-around; column-gap: 10px; margin-bottom: 40px; }
.top_btn_item{}
.top_btn_item img{ width: 100%; height: auto; }
.top_btn_item a{}
.top_btn_item a:hover{ opacity: .6; }

.top_btn_listbtn{ width: 800px; margin: 0 auto; }
.top_btn_listbtn a{ display: block; font-size: 30px; font-weight: bold; text-align: center; color: var(--main-color); border: 2px solid var(--main-color); padding: 10px; letter-spacing: 2px; }
.top_btn_listbtn a:hover{ background-color: var(--main-color); color: #fff; }


.top_catch{ font-size: 40px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.5; margin-bottom: 40px; }
.top_catch span{}
.top_catch p{ display: inline-block; font-size: 20px; font-weight: bold; background-color: #eee; padding: 5px 20px; border-radius: 40px; }


.top_contents{ width: 70%; margin: 0 auto 40px auto; }
.top_contents01_list{ display: flex; justify-content: space-between; margin-bottom: 20px; }
.top_contents01_item{ flex-basis: 24%; }
.top_contents01_item a{ display: block; background-color: var(--main-color); color: #fff; font-size: 30px; text-align: center; padding: 30px 20px; border-radius: 10px; border: 2px solid var(--main-color); letter-spacing: 2px; }
.top_contents01_item a i{ display: block; font-size: 60px; margin-bottom: 5px; }
.top_contents01_item a span{ display: block; font-size: 20px; }
.top_contents01_item a:hover{ background-color: #fff; color: var(--main-color); }

.top_contents02_list{ display: flex; justify-content: space-between; align-items: stretch; }
.top_contents02_item{ flex-basis: 15.6%; display: flex; align-items: stretch; }
.top_contents02_item a{ width: 100%; display: block; background-color: var(--second-color); color: #fff; font-size: 25px; text-align: center; padding: 30px 15px; border-radius: 10px; border: 2px solid var(--second-color); line-height: 1.2; letter-spacing: 2px; align-items: center; align-content: center; }
.top_contents02_item a:hover{ background-color: #fff; color: var(--second-color); }



.top_contact{ position: fixed; bottom: 0; width: 100%; background-color: rgba(238,238,238,.8); padding: 20px 0; text-align: center; z-index: 5; opacity: 0; visibility: hidden; transition: all 0.65s; }
.top_contact p{ font-size: 35px; font-weight: bold; margin-bottom: 10px; }
.top_contact_list{ width: 65%; margin: 0 auto; display: flex; justify-content: space-between; }
.top_contact_item{ flex-basis: 32%; }
.top_contact_item a{ display: block; color: #fff; font-size: 25px; font-weight: bold; text-align: center; padding: 15px; border-radius: 10px; letter-spacing: 2px; }
.top_contact_item a i{ margin-right: 10px; }
.top_contact_item a:hover{ }
.top_contact_item_contact{}
.top_contact_item_contact a{ background-color: var(--contact-color); border: 2px solid var(--contact-color); }
.top_contact_item_estimate a{ background-color: var(--estimate-color); border: 2px solid var(--estimate-color); }
.top_contact_item_contact a:hover{ background-color: #fff; color: var(--contact-color); }
.top_contact_item_estimate a:hover{ background-color: #fff; color: var(--estimate-color); }
.top_contact_item_estimate{}
.top_contact_item_reqest{}
.top_contact_item_reqest a{ background-color: var(--request-color); border: 2px solid var(--request-color); }
.top_contact_item_reqest a:hover{ background-color: #fff; color: var(--request-color); }

.isActive {
opacity: 1;
	visibility: visible;
transition: all 0.65s;
}

.top_contact_item .header_tel_time{ color: #fff; }

.top_btn01{ width: 65%; margin: 0 auto 20px auto; }
.top_btn01_list{ display: flex; justify-content: space-around; column-gap: 10px; margin-bottom: 20px; }
.top_btn01_item{ flex-basis: 33%; }
.top_btn01_item img{ width: 100%; height: auto; }
.top_btn01_item a{}
.top_btn01_item a:hover{ opacity: .6; }

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

.suishitsuSecPrice{ width: 100%; margin: 0 auto 30px auto; border-bottom: 5px solid #ff4100; }
.suishitsuSecPriceTit{ font-size: 30px; background-color: #ff4100; color: #fff; text-align: center; padding: 10px 0; letter-spacing: 2px; font-weight: 900; margin-bottom: 20px; }
.suishitsuSecTxt{ display: inline-block; margin: 0 auto 10px 5%; background: #01305e; color: #fff; padding: 10px 20px; font-size: 20px; letter-spacing: 2px; font-weight: 700; }
.suishitsuSecPriceTit01{}
.suishitsuSecPriceTit02{ color: #f7f700; font-size: 40px; }
.suishitsuSecInfo{ width: 90%; margin: 0 auto 20px auto; display: flex; justify-content: space-between; align-items: center; }
.suishitsuSecPriceNouki{ background-color: #ebeb04; border-radius: 10px; padding: 10px 20px; }
.suishitsuSecPriceNouki01{ font-size: 25px; background-color: #004c97; color: #ebeb04; font-weight: 700; padding: 3px 15px; border-radius: 10px; }
.suishitsuSecPriceNouki02{ color: #004c97; margin-left: 10px; font-size: 30px; font-weight: 700; letter-spacing: 2px; }
.suishitsuSecPriceShijoukakaku{ padding: 10px; }
.suishitsuSecPriceShijoukakaku01{ color: #666; font-size: 20px; font-weight: 700; border: 1px solid #666; padding: 5px 20px; margin-right: 10px; letter-spacing: 2px; }
.suishitsuSecPriceShijoukakaku02{ color: #666; font-size: 50px;  }
.suishitsuSecPriceShijoukakaku03{ color: #666; font-size: 20px; font-weight: 700; letter-spacing: 2px; margin-left: 10px; }
.suishitsuSecKakaku{ width: 90%; margin: 0 auto 30px auto; background-color: #f5f5f5; padding: 30px; border-radius: 10px; }
.suishitsuSecKakakuTit{ display: inline-block; background-color: #e70000; color: #fff; font-size: 30px; font-weight: 700; letter-spacing: 3px; padding: 5px 20px; }
.suishitsuSecKakakuNum{ text-align: center; }
.suishitsuSecKakakuNum01{ font-size: 130px; color: #f60; font-weight: 900; }
.suishitsuSecKakakuNum02{ font-size: 35px; font-weight: 700; margin-left: 10px; }
.suishitsuSecKakakuNum03{ display: block; font-size: 28px; letter-spacing: 2px; margin-top: 10px; }

form#mailformpro label{ white-space: normal !important; }

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

.sitemap_list01{ margin: 0 !important; }
.sitemap_item01{ position: relative; font-size: 20px !important; padding: 0 0 0 40px !important; margin-bottom: 20px; }
.sitemap_item01:before{ position: absolute; content: ""; display: block; top: 8px !important; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }
.sitemap_list02{ margin: 10px 0 20px 0 !important; }
.sitemap_item02{ padding: 0 0 0 30px !important; font-size: 16px; margin-bottom: 10px; }
.sitemap_item02:before{ display: block; content: ''; position: absolute; top: .65em !important; left: 0 !important; width: 8px !important; height: 6px !important; border-radius: 0 !important; border-right: 1px solid #666; border-bottom: 1px solid #666; background: none !important; transform: rotate(-45deg); }


.flow_caution{font-size: 13px; display: block; margin-top: 20px;}
.contact_caution,
.form_caution{font-size: 13px;}
.contact_txt{padding: 0px 5px 20px 250px;}


/* PFASの検査項目について */
.koumokuSecTxt p{margin-bottom: 10px;}


/* 単品検査項目 */

.privacy_sec{  }
.privacy_sec p{ font-size: 17px; line-height: 1.7; }
.privacy_sec p a{ text-decoration: underline; }
.privacy_sec_ol01{ margin-left: 2rem; margin-bottom: 40px; }
.privacy_sec_ol01 > li{ list-style-type: none; counter-increment: cnt; line-height: 1.8; font-size: 16px; }
.privacy_sec_ol01 > li:before{ content: "(" counter(cnt) ") "; margin-left:-1.5rem; width: 3rem; }

.privacy_sec_ol02{ margin-left: 20px; margin-bottom: 20px; }
.privacy_sec_ol02 > li{ list-style: none; text-indent:-1em;　}
.privacy_sec_ol02 > li:before{ content: ""; },

.privacy_sec_ol02 > li privacy_sec_ul01{ margin-left: 40px !important; margin-bottom: 20px; }
ul.privacy_sec_ul01{ margin-left: 40px !important; margin-bottom: 20px; }
ul.privacy_sec_ul01 > li{ list-style-type: disc; padding-left: 15px;; }

.privacy_sec_ul02{ margin-left: 20px; margin-bottom: 20px; }
.privacy_sec_ul02 > li{ list-style-type: disc; }

.privacy_txt01{ text-align: right; font-size: 17px; margin-bottom: 60px; }

/* 検査依頼フォーム修正 */
.form-group{display: flex; border-bottom: 1px solid #ccc;}
form#mailformpro .mailform_renovation{border: 1px solid #ccc;}
form#mailformpro .form-group dt{padding: 20px 10px; border-top: none; background-color: #EFFCF9; border-right: 1px solid #ccc; width: 30%;}
form#mailformpro .form-group dd{border-top: none; padding: 20px; flex-grow: 1; width: 70%;}
.contact_txt01{padding: 20px 0; text-align: center;}
.contact_txt01 p{display: inline-block; text-align: left;}


/* PFAS、PFOA */
.pfas_list{width: 90%; margin: 0 auto 30px auto; display: flex; justify-content: space-between; }
.pfas_item{ flex-basis: 23%; border: 3px solid #0086b7; padding: 20px; border-radius: 10px; }
.pfas_item i{ display: block; text-align: center; font-size: 90px; color: #0086b7; }
.pfas_item p{ text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 2px; }

.pfas_sec_txt{ width: 75%; margin: 0 auto 30px auto; font-size: 18px; letter-spacing: 1px; line-height: 1.4; }
.pfas_sec_txt span{ color: #eb700c; }

.pfas_sec_btn{ width: 360px; margin: 0 auto 30px auto; }
.pfas_sec_btn a{ display: block; color: #fff; font-size: 18px; font-weight: bold; background-color: #3cb371; padding: 15px; border-radius: 10px; border: 1px solid #3cb371; text-align: center; }
.pfas_sec_btn a:hover{ background-color: #fff; color: #3cb371; }

.pfas_sec_att{ font-size: 22px; color: #0086b7; text-align: center; font-weight: bold; letter-spacing: 2px; line-height: 1.4; margin-bottom: 30px; }

.pfas_sec_contact{  position: relative; width: 90%; background-color: #eff3fa; border: 3px solid #0086b7; margin: 0 auto; padding: 30px; border-radius: 10px; margin-bottom: 60px; }
.pfas_sec_contact p{ font-size: 23px; font-weight: bold; letter-spacing: 2px; line-height: 1.4; }
.pfas_sec_contact p mark{ background-color: #f9d12f; }
.pfas_sec_contact_sec{ position: relative; width: 90%; background-color: #fff; border-radius: 10px; padding: 40px 20px 20px 20px; margin: 40px auto 0 auto; }
.pfas_sec_contact_tit{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; display: block; width: 430px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; background-color: #0086b7; border-radius: 40px; padding: 10px 20px; letter-spacing: 1px; }
.pfas_sec_contact_tel{ text-align: center; }
.pfas_sec_contact_img{ position: absolute; right: 20px; bottom: -20px; }



/* 開閉 */
.pfas_faq_list{}
.pfas_faq_item{ margin-bottom: 20px; }

/*アコーディオン全体*/
.accordion-area{ list-style: none; width: 100%; max-width: 850px; margin:0 auto; }
.accordion-area_support{ margin-bottom: 60px; }
.accordion-area li{ margin: 10px 0; }

.accordion-title{ cursor: pointer; padding: 30px 50px 30px 70px; transition: all .5s ease; display: flex;
background-image: 
	url("/list/pfospfoa/images/ico_circle02.png"),
	url("/list/pfospfoa/images/ico_q02.png");
background-repeat: no-repeat,no-repeat;
background-position: right 20px top 30px, left 20px top 25px;
background-color: #eee;
}
.accordion-title span{ margin-right: 10px; }
.accordion-title p{ color: #222; font-size: 20px; letter-spacing: 2px;  }

.accordion-title:hover,
.accordion-title.open{ cursor: pointer; padding: 30px 50px 30px 70px; transition: all .5s ease; display: flex; 
background-image: 
	url("/list/pfospfoa/images/ico_circle01.png"),
	url("/list/pfospfoa/images/ico_q01.png");
background-repeat: no-repeat,no-repeat;
background-position: right 20px top 30px, left 20px top 25px;
background-color: #1d7ead;
}

.accordion-title:hover .accordion-title p,
.accordion-title.open p{ color: #fff; }


.accordion-content{ display: none;/*はじめは非表示*/ border: 2px solid #1d7ead; background: url("/list/pfospfoa/images/ico_a01.png") no-repeat left 20px top 25px #fff; }
.accordion-content .pfas_faq_answer{ margin-bottom: 0; }
.pfas_faq_answer{ padding: 30px 30px 30px 65px; font-size: 18px; letter-spacing: 1px; line-height: 1.4; }
.pfas_faq_answer p{ font-size: 30px; font-weight: bold; color: #ff3b00; margin-bottom: 10px; }
.pfas_faq_answer span{ color: #ff3b00; }

/*アイコンの＋と×*/
.accordion-title{ position: relative; }
.accordion-title::before,
.accordion-title::after{ position: absolute; content:''; width: 15px; height: 2px; background-color: #fff; }
.accordion-title::before{ top:48%; right: 27px; transform: rotate(0deg); }
.accordion-title::after{ top:48%; right: 27px; transform: rotate(90deg); }
/*　closeというクラスがついたら形状変化　*/
.accordion-title.open::before{ transform: rotate(45deg); }
.accordion-title.open::after{ transform: rotate(-45deg); }

.accordion-title:hover::before,
.accordion-title:hover::after,
.accordion-title.open::before,
.accordion-title.open::after{ background-color: #1d7ead; }

.pfas_faq_answer dl{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pfas_faq_answer dt{ flex-basis: 12%; padding: 10px; border-bottom: 1px solid #ccc; }
.pfas_faq_answer dd{ flex-basis: 88%; padding: 10px; border-bottom: 1px solid #ccc; }


/* ブログへのリンク */
.blog_link_btn{width: 300px; text-align: center; max-width: 100%; margin-top: 15px;}
.blog_link_btn a{display: block; color: #fff; background: #002f5d; font-weight: 500; font-size: 18px; padding: 5px; transition: .5s; border: 1px solid #002e5d;}
.blog_link_btn a:hover{color: #002f5d; background: #fff; transition: .5s;}

#main .tanpin_caution_emphasize{margin-top: 20px; font-weight: 700; font-size: 23px; display: block;}

.contact_txt01 p{ font-size: 16px; }
.form_att{ width: 90%; font-size: 16px; background-color: #fde1e1; letter-spacing: 1px; text-align: center; padding: 10px; margin: 20px auto; }



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px){
/* ----------------------------------------------------------

	***** SP表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* 非表示用 */
.noneSP		{ display: none; }

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1{ background: #002f5d; color: #fff; text-align: center; font-size: 25px; padding: 20px 10px; letter-spacing: 2px; }
h2{ background: #0086b7; color: #fff; font-size: 17px; padding: 10px; letter-spacing: 1px; margin-bottom: 30px; }
h2:before{ content: "●"; margin-right: 10px; }
h3{ font-size: 16px; font-weight: 500; letter-spacing: 1px; border-bottom: 3px solid #0086b7; padding: 0 0 10px 10px; margin-bottom: 30px; }
h4{ font-size: 15px; font-weight: 500; letter-spacing: 1px; border-left: 6px solid #0086b7; padding: 0 0 0 20px; margin-bottom: 30px; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */
/* Wordpress用 */
.alignleft,
img.alignleft {
	display: block;
	float: none;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
	margin-left: auto;
}
.alignright,
img.alignright {
	display: block;
	float: none;
	margin-left: auto;
	margin-top: 0px;
	text-align: center;
	margin-right: auto;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
/*
header{}
header #header{ margin: 20px 0; overflow: hidden; }
header .headerSec{ width: 100%; margin: 0 auto; overflow: hidden; }
header .headerSec:after{ content: ""; display: block; clear: both; }
header .headerLogo{ font-size: 20px; color: #1d7ead; font-weight: 700; text-align: center; }
header .headerLogo a{ color: #1d7ead; }
header .headerLogo a:hover{ opacity: 0.6; }
header .headerLogo i{ margin-right: 10px;}
header .headerTel{ display: none; }
header .headerContact{ display: none; }
header .headerEstimate{ display: none; }
header .headerRequest{ display: none; }

header nav{ display: none; }

header #headerWPNav{ background: #f5f5f5; padding: 5px 0; }
header #headerWPNav ul{ width: 100%; margin: 0 auto; overflow: hidden; text-align: right; }
header #headerWPNav li{ border-right: 1px solid #999; display: inline-block; }
header #headerWPNav li:last-child{ border-right: 0; }
header #headerWPNav li a{ display: block; padding: 0 10px; font-size: 12px; }
*/

.header{ width: 100%; margin: 0 auto; height: 60px; display: flex; justify-content: space-between; align-items: center; }

.header_sec01{ flex-basis: 40%; display: flex; justify-content: space-between; align-items: center; margin-left: 70px; }

.header_logo{ flex-basis: 30%; font-size: 25px; color: #1d7ead; font-weight: 700; white-space: nowrap; margin-right: 3%; }
.header_logo a{ color: var(--main-color); }
.header_logo a:hover{ opacity: .6; }

.header_txt{ display: none; }

.header_sec02{ display: none; }

.gnavi{ display: none; }


.pure-toggle-label{ top: 4px !important; left: 4px !important; }

.pure-drawer .headerLogo{ font-size: 20px; color: #fff; font-weight: 700; text-align: center; }
.pure-drawer .headerLogo a{ color: #fff; }
.pure-drawer .headerLogo a:hover{ opacity: 0.6; }
.pure-drawer .headerLogo i{ margin-right: 10px;}

.pure-drawer ul{ overflow: hidden; margin-top: 20px; }
.pure-drawer li{ border-bottom: 1px solid #999; text-align: center; }
.pure-drawer li:first-child{ border-top: 1px solid #999; }
.pure-drawer li a{ display: block; color: #fff; font-size: 14px; padding: 15px; letter-spacing: 1px; }
.pure-drawer li ul{ margin: 0 0 0 20px; }
.pure-drawer li li{ position: relative; }
.pure-drawer li li:after{ position: absolute; display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;  transform: rotate(-45deg); top: 50%; right: 10px; }

.pure-drawer .headerContact{ width: 90%; margin: 20px auto; }
.pure-drawer .headerContact a{ display: block; font-size: 14px; font-weight: 500; color: #e02b1f; background: #fff; text-align: center; border: 1px solid #e02b1f; padding: 15px; border-radius: 10px; }
.pure-drawer .headerContact a i{ margin-right: 10px; }
.pure-drawer .headerContact a:hover{}

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ border-top: 1px solid #1d7ead; padding-top: 40px; padding-bottom: 70px; }
footer .footerLogo{ font-size: 26px; color: #1d7ead; font-weight: 700; text-align: center; margin-bottom: 20px; }
footer .footerLogo a{ color: #1d7ead; }
footer .footerLogo a:hover{ opacity: 0.6; }
footer .footerLogo i{ margin-right: 10px; }
footer .footerTit{ font-size: 18px; font-weight: 500; text-align: center; margin-bottom: 10px; }
footer .footerTxt{font-size: 12px; text-align: center; margin-bottom: 20px; }

footer .footerTel{ width: 90%; margin: 0 auto 20px auto; }
footer .footerTel a{ display: block; color: #fff; text-align: center; font-size: 23px; line-height: 1.2; background: #666; padding: 15px;  border-radius: 10px; }
footer .footerTel a span{ display: block; font-size: 12px; }

footer .footerContact{ width: 90%; margin: 0 auto 20px auto; }
footer .footerContact a{ display: block; font-size: 14px; font-weight: 500; color: #fff; text-align: center; border: 1px solid #e02b1f; background-color: #e02b1f; padding: 15px; border-radius: 10px; }
footer .footerContact a i{ margin-right: 10px; }
footer .footerContact a:hover{}

footer .footerContactKensa{ width: 90%; margin: 0 auto 20px auto; }
footer .footerContactKensa a{ display: block; font-size: 14px; font-weight: 500; color: #fff; text-align: center; border: 1px solid #ff8500; background-color: #ff8500; padding: 15px; border-radius: 10px; }
footer .footerContactKensa a i{ margin-right: 10px; }
footer .footerContactKensa a:hover{}

footer .footerNav{ overflow: hidden; margin-bottom: 30px;}
footer .footerNav ul{ display: flex; justify-content: center; }
footer .footerNav li{ border-right: 1px solid #999; }
footer .footerNav li:last-child{ border-right: 0; }
footer .footerNav li a{ display: block; font-size: 12px; color: #999; padding: 0px 20px; }
footer .footerNav li a:hover{ opacity: 0.6; }

footer .footerBtn{ width: 250px; margin: 0 auto 30px auto; }
footer .footerBtn a{ display: block; font-size: 15px; color: #176488; border: 2px solid #176488; padding: 15px; text-align: center; letter-spacing: 1px; }
footer .footerBtn a:hover{ background: #176488; color: #fff; }

footer .footerCopyright{ background: #f3f3f3; text-align: center; font-size: 10px; color: #999; padding: 10px; letter-spacing: 1px; }

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */
#lNavi{ display: none; }

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#breadcrumbs{ position: relative; background-color: #eee; margin-bottom: 40px; }
#breadcrumbs ol{ width: 90%; margin: 0 auto; padding: 10px 0; }
#breadcrumbs li{ display: inline; letter-spacing: 1px; color: #666; font-size: 11px; font-weight: 500; }
#breadcrumbs li:before { content: " > ";}
#breadcrumbs li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: #666;}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 0.6; }


#contents{ width: 90%; margin: 30px auto 0 auto; overflow: hidden; padding-bottom: 40px; }




.top_img{ position: relative; background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 20px 20px 40px 20px; margin-bottom: 50px; }
.top_img_txt{ text-align: center; }
.top_img_tit01{ color: #000; font-size: 28px; font-weight: bold; margin-bottom: 10px; }
.top_img_tit01 span{ display: block; font-size: 32px; }
.top_img_tit02{ display: flex; justify-content: center; }
.top_img_tit02_img01{ margin-right: 20px; }
.top_img_tit02_img01{}

.top_img_tit03{ font-size: 28px; font-weight: bold; }
.top_img_tit03 span{  font-size: 20px; }
.top_img_tit04{ position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; width: 90%; font-size: 15px; color: #fff; font-weight: bold; background-color: #ff4100; border-radius: 5px; padding: 5px 10px; letter-spacing: 2px; }
.top_img_tit04 span{ font-size: 25px; color: #f7f700;  }



.top_btn{ width: 90%; margin: 0 auto 20px auto; }
.top_btn_list{ display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 0px; }
.top_btn_item{ flex-basis: 48%; margin-bottom: 20px; }
.top_btn_item img{ width: 100%; height: auto; }
.top_btn_item a{}
.top_btn_item a:hover{ opacity: .6; }

.top_btn_listbtn{ width: 90%; margin: 0 auto; }
.top_btn_listbtn a{ display: block; font-size: 20px; font-weight: bold; text-align: center; color: var(--main-color); border: 2px solid var(--main-color); padding: 10px; letter-spacing: 2px; }
.top_btn_listbtn a:hover{ background-color: var(--main-color); color: #fff; }


.top_catch{ font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.5; width: 96%; margin: 0 auto 40px auto; }
.top_catch span{}
.top_catch p{ display: inline-block; font-size: 14px; font-weight: bold; background-color: #eee; padding: 5px 10px; border-radius: 40px; }


.top_contents{ width: 96%; margin: 0 auto 0px auto; }
.top_contents01_list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; }
.top_contents01_item{ flex-basis: 49%; margin-bottom: 10px; }
.top_contents01_item a{ display: block; background-color: var(--main-color); color: #fff; font-size: 18px; text-align: center; padding: 20px 10px; border-radius: 10px; border: 2px solid var(--main-color); letter-spacing: 1px; }
.top_contents01_item a i{ display: block; font-size: 40px; margin-bottom: 5px; }
.top_contents01_item a span{ display: block; font-size: 14px; }
.top_contents01_item a:hover{ background-color: #fff; color: var(--main-color); }

.top_contents02_list{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
.top_contents02_item{ flex-basis: 32%; display: flex; align-items: stretch; margin-bottom: 10px; }
.top_contents02_item a{ width: 100%; display: block; background-color: var(--second-color); color: #fff; font-size: 20px; text-align: center; padding: 20px 10px; border-radius: 10px; border: 2px solid var(--second-color); line-height: 1.2; letter-spacing: 2px; align-items: center; align-content: center; }
.top_contents02_item a:hover{ background-color: #fff; color: var(--second-color); }



.top_contact{ position: fixed; bottom: 0; width: 100%; background-color: rgba(238,238,238,.8); padding: 0px 0; text-align: center; z-index: 5; opacity: 0; visibility: hidden; transition: all 0.65s; }
.top_contact p{ display: none; }
.top_contact_list{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
.top_contact_item{ flex-basis: 33.3333%; margin-bottom: 0; border-right: 1px solid #fff; }
.top_contact_item:last-child{ border-right: 0px solid #fff; }
.top_contact_item a{ display: block; color: #fff; font-size: 15px; font-weight: bold; text-align: center; padding: 10px 5px 5px 5px; border-radius: 0px; letter-spacing: 1px; text-align: center; }
.top_contact_item a i{ margin-right: 0; display: block; font-size: 25px; margin-bottom: 5px; }
.top_contact_item a span{ display: none; }
.top_contact_item a:hover{ }
.top_contact_item_tel{  }
.top_contact_item_tel a{ background-color: #666; border: 2px solid #666; }
.top_contact_item_contact{}
.top_contact_item_contact a{ background-color: var(--contact-color); border: 2px solid var(--contact-color); }
.top_contact_item_estimate a{ background-color: var(--estimate-color); border: 2px solid var(--estimate-color); }
.top_contact_item_contact a:hover{ background-color: #fff; color: var(--flow-color); }
.top_contact_item_estimate a:hover{ background-color: #fff; color: var(--estimate-color); }
.top_contact_item_estimate{}
.top_contact_item_reqest{}
.top_contact_item_reqest a{ background-color: var(--request-color); border: 2px solid var(--request-color); }
.top_contact_item_reqest a:hover{ background-color: #fff; color: var(--request-color); }

.isActive {
opacity: 1;
	visibility: visible;
transition: all 0.65s;
}

.top_btn01{ width: 80%; margin: 0 auto 20px auto; }
.top_btn01_list{ display: flex; justify-content: space-around; column-gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.top_btn01_item{ flex-basis: 100%; margin-bottom: 10px; }
.top_btn01_item img{ width: 100%; height: auto; }
.top_btn01_item a{}
.top_btn01_item a:hover{ opacity: .6; }





/************** トップページ **************/
#topImg{ background: url(../images/top_img01.jpg) no-repeat; background-size: cover; padding: 60px 0 40px 0; }
#topImg .topSecTit{ text-align: center; }
#topImg .topSecTit01{ font-size: 15px; font-weight: 500; letter-spacing: 1px; margin-bottom: 10px; }
#topImg .topSecTit02{ color: #000; font-size: 25px; margin-bottom: 10px; }
#topImg .topSecTit02 span{ font-size: 35px; font-weight: 700;   }
#topImg .topSecBtn{ width: 90%; margin: 0 auto; }
#topImg .topSecBtn a{ display: block; color: #df2b1f; font-size: 18px; text-align: center; font-weight: 500; padding: 15px; background: #fff; border: 2px solid #fff; }
#topImg .topSecBtn a:hover{ background: #df2b1f; color: #fff; }

#topImg .topSecBtn02{ width: 90%; margin: 10px auto 0 auto; }
#topImg .topSecBtn02 a{ display: block; color: #fff; font-size: 18px; text-align: center; font-weight: 500; padding: 10px; border-radius: 40px; background: #1d7ead; border: 2px solid #1d7ead; }
#topImg .topSecBtn02 a:hover{ background: #fff; color: #1d7ead; }

#topBtn{ width: 90%; margin: 30px auto 0 auto; }
#topBtn ul{ }
#topBtn li{ margin-bottom: 20px; }
#topBtn li:last-child{ margin-bottom: 0; }
#topBtn li a{ display: block; background: #1b3e85; border: 2px solid #1b3e85; color: #fff; font-size: 18px; text-align: center; border-radius: 10px; padding: 10px;}
#topBtn li a span{ font-size: 22px; }
#topBtn li a:hover{ background: #fff; color: #1b3e85; }

#topSec{ text-align: center; overflow: hidden; padding: 30px 10px 0 10px;  }
#topSec .topSecTxt01{ font-size: 13px; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; }
#topSec .topSecTxt02{ font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #1d7eac; }

#topSec .topSecBtn01{ width: 90%; margin: 0 auto; }
#topSec .topSecBtn01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#topSec .topSecBtn01 li{ flex-basis: 100%; margin-bottom: 20px; }
#topSec .topSecBtn01 li a{ display: block; color: #fff; font-size: 20px; background: #1d7eac; text-align: center; padding: 15px; border-radius: 10px; border: 2px solid #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a{ background: #002f5d; border: 2px solid #002f5d; }
#topSec .topSecBtn01 li a:hover{ background: #fff; color: #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a:hover{ background: #fff; color: #002f5d; }


#main .mainTopSec01{ background: #f3f3f3; padding: 20px; overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec01Tit{ font-size: 20px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#main .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#main .mainTopSec01 li{ font-size: 13px; line-height: 2em; }
#main .mainTopSec01 li:before{ content: "\e90d"; position: relative; font-family: 'icomoon'; color: #fff; font-size: 14px; background: #1d7ead; padding: 5px; border-radius: 5px; margin-right: 5px; }


#mainTopSec00 .mainTopSec01{ background: #f3f3f3; padding: 20px; overflow: hidden; margin-bottom: 40px; }
#mainTopSec00 .mainTopSec01Tit{ font-size: 20px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 20px; }
#mainTopSec00 .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#mainTopSec00 .mainTopSec01 li{ display: flex; align-items: center; font-size: 13px; line-height: 3em; margin-bottom: 10px; }
#mainTopSec00 .mainTopSec01 li p{ line-height: 1.5; }
#mainTopSec00 .mainTopSec01 li i{ display: block; width: 15px; height: 15px; color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px;  }

#mainTopSec00 .mainTopSec01 li:before{ display: none !important; }
#mainTopSec00 .mainTopSec01Txt{ font-size: 14px; }




#main .mainTopSec01Btn{}
#main .mainTopSec01Btn:after{ content: ""; display: block; clear: both; }
#main .mainTopSec01Btn01{ margin-bottom: 10px; } 
#main .mainTopSec01Btn01 a{ display: block; background: #e12b20; color: #fff; border: 2px solid #e12b20; text-align: center; padding: 10px; font-size: 13px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn01 a i{ margin-right: 5px; }
#main .mainTopSec01Btn01 a:hover{ color: #e12b20; background: #fff; }
#main .mainTopSec01Btn02{  margin-bottom: 10px; }
#main .mainTopSec01Btn02 a{ display: block; background: #ff8500; color: #fff; border: 2px solid #ff8500; text-align: center; padding: 10px; font-size: 13px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn02 a:hover{ color: #ff8500; background: #fff; }
#main .mainTopSec01Btn03{ overflow: hidden; }
#main .mainTopSec01Btn03 a{ display: block; background: #1d7ead; color: #fff; border: 2px solid #1d7ead; text-align: center; padding: 10px; font-size: 16px; font-weight: 700; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn03 a:hover{ color: #1d7ead; background: #fff; }

#main .mainTopSec02{}
#main .mainTopSec0201{  }
#main .mainTopSec0201Tit{ font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0201Tit span{ color: #df2b1f; }
#main .mainTopSec0201 ol{}
#main .mainTopSec0201 li{ background: #bcc7cd; font-size: 13px; font-weight: 700; margin-bottom: 15px; padding: 5px; overflow: hidden; }
#main .mainTopSec0201 li span{ display: block; float: left; width: 50px; height: 50px;  font-size: 30px; color: #fff; background: #8a9da8; border-radius: 50%; text-align: center; line-height: 50px; margin-right: 10px; }
#main .mainTopSec0201 li p{ float: left; padding-top: 6px; }
#main .mainTopSec0202{ width: 200px; background: #1b3e85; margin: 20px auto; padding: 2%; font-size: 20px; color: #fff; text-align: center; line-height: 1; font-weight: 500; border-radius: 5px; }
#main .mainTopSec0203{  }
#main .mainTopSec0203Tit{ font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0203Tit span{ color: #1d7eac; }
#main .mainTopSec0203 ol{ }
#main .mainTopSec0203 li{ background: #f5d79f; font-size: 13px; font-weight: 700; margin-bottom: 15px; padding: 5px; overflow: hidden; }
#main .mainTopSec0203 li span{ display: block; float: left; width: 50px; height: 50px;  font-size: 30px; color: #fff; background: #ecaf40; border-radius: 50%; text-align: center; line-height: 50px; margin-right: 10px; }
#main .mainTopSec0203 li p{ float: left; padding-top: 6px; }
#main .mainTopSec0204{ margin-bottom: 40px; }
#main .mainTopSec0204:before{ content: ""; display: block; clear: both; }
#main .mainTopSec0204Tit01{ text-align: center; font-size: 14px; font-weight: 400; margin-top: 40px; }
#main .mainTopSec0204Tit02{ text-align: center; font-size: 18px; font-weight: 700; }

#main .mainTopSec03{}
#main .mainTopSec03 ul{ width: 100%; margin: 0 auto; }
#main .mainTopSec03 li{ width: 100%; margin-bottom: 20px; font-size: 30px; text-align: center; font-weight: 500; }
#main .mainTopSec03 li:last-child{ margin-right: 0; }
#main .mainTopSec03 li.btnBuilding{ background: url(../images/btn_building01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li.btnFoodfactory{ background: url(../images/btn_foodfactory01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li a{ display: block; color: #fff; height: 150px; background: rgba(0,0,0,0.5); }
#main .mainTopSec03 li a:hover{ opacity: 0.6; }
#main .mainTopSec03 li i{ display: block; font-size: 40px; text-align: center; padding-top: 20px; }
#main .mainTopSec03 li span{ font-size: 20px; display: block; }

#main .topNews{}
#main .topNews ul{ overflow-y: scroll; height: 250px; }
#main .topNews li{ border-bottom: 1px solid #ccc; padding: 10px; margin-bottom: 10px; font-size: 14px; }
#main .topNews li .topNews01{ margin-bottom: 5px; }
#main .topNews li .topNews01:after{ content: ""; display: block; clear: both; }
#main .topNews li .topNewsDate{ width: 100%; font-size: 12px; }
#main .topNews li .topNewsTit{ font-size: 16px; font-weight: 500; }
#main .topNews li .topNewsTxt{ }
#main .topNews .topNewsMore{}
#main .topNews .topNewsMore i{ margin-right: 10px;}
#main .topNews .topNewsMore a{}


/* 水質基準51項目 list/suishitsu */
#main .koumokuSec{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec ul{}
#main .koumokuSec li{ width: 100%; }
#main .koumokuSec li table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec li th{ width: 40px; background: #eee; font-weight: normal; font-size: 14px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec li table td{ font-size: 14px; padding: 10px; border: 1px solid #ccc; }
#main .koumokuSec li:first-child th:first-child{ border-bottom: 0; }
#main .koumokuSec li:first-child table td:last-child{ border-bottom: 0; }
/*
#main .koumokuSec li:first-child table td{ border-right: 0; }
*/
#main .koumokuSecTxt{ font-size: 16px; margin-bottom: 30px; }


#main .koumokuSec02{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec02 ul{ }
#main .koumokuSec02 li{ }
#main .koumokuSec02 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec02 th{ background: #eee; font-weight: normal; font-size: 11px; padding: 10px 1px; border: 1px solid #ccc; text-align: center; }


#main .koumokuSec02 li:first-child table tbody th,
#main .koumokuSec02 li:first-child table tbody td{ border-bottom: 0; }

#main .koumokuSec02 table td{ width: 60%; font-size: 11px; padding: 10px 5px; border: 1px solid #ccc; }
#main .koumokuSec02 table td:last-child{ white-space: nowrap; }

#main .koumokuSec02 table td.ss{ font-size: 9px; }
#main .koumokuSec02 thead th:nth-child(1){ width: 6% !important; font-size: 9px; }
#main .koumokuSec02 thead th:nth-child(2){ width: 60% !important; }
#main .koumokuSec02 thead th:nth-child(3){ width: 30% !important; }

#main .koumokuSec02 table tbody th:nth-child(1){ width: 6% !important; font-size: 9px; }
#main .koumokuSec02 table tbody td:first-child{ width: 60% !important; }
#main .koumokuSec02 table tbody td:last-child{ width: 34% !important; }

#main .koumokuSec03 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec03 th{ width: 10%; background: #eee; font-weight: normal; font-size: 12px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec03 th.th01{ width: 15%; }
#main .koumokuSec03 th.th02{ width: 4%; }
#main .koumokuSec03 th.th03{ width: 23%; }
#main .koumokuSec03 th.th04{ width: 58%; }
#main .koumokuSec03 table td{ font-size: 12px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec03 table td.td01{ text-align: center; }
#main .koumokuSec03 table td.td02{ text-align: center; }
#main .koumokuSec03 table td.td03{ text-align: center; }
#main .koumokuSec03 table td.td04{ }

#main .koumokuSec04 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec04 th{ background: #eee; font-weight: normal; font-size: 12px; padding: 5px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec04 th:nth-child(1){ width: 5%; }
#main .koumokuSec04 th:nth-child(2){ width: 55%; }
#main .koumokuSec04 th:nth-child(3){ width: 40%; }
#main .koumokuSec04 table td{ font-size: 12px; padding: 5px 3px; border: 1px solid #ccc; }
#main .koumokuSec04Txt{ font-size: 12px; margin-bottom: 5px; text-align: right; }

#main .koumokuSecBtn{ margin-bottom: 20px; }
#main .koumokuSecBtn ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#main .koumokuSecBtn li{ flex-basis: 100%; margin-bottom: 10px; }
#main .koumokuSecBtn li a{ display: block; color: #002f5d; border: 2px solid #002f5d; font-size: 14px; font-weight: 700; padding: 10px; text-align: center; border-radius: 40px; }
#main .koumokuSecBtn li a:hover{ background: #002f5d; color: #fff;  }


#main .suishitsuSec{ margin-bottom: 90px; }
#main .suishitsuSecTit{ border: 1px solid #002e5d; text-align: center; padding: 10px; font-size: 18px; letter-spacing: 1px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 30px; }
#main .suishitsuSecImg{ margin-bottom: 20px; }
#main .suishitsuSec01{ font-size: 20px; font-weight: bold; }
#main .suishitsuSec01 span{ background: #002f5d; color: #fff; font-size: 15px; letter-spacing: 2px; padding: 5px 10px; margin-right: 10px; }
#main .suishitsuSec01 span.span01{ background: transparent !important; color: #333; font-size: 12px; margin-right: 0; padding: 0; }


.saisuiryou{ display: flex; align-items: center; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.saisuiryou span{ background: #002f5d; color: #fff; font-size: 15px; letter-spacing: 2px; padding: 2px 10px; margin-right: 10px; }
.saisuiryou span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }


#main .contactbtmSec{ display: none; }

#main .tanpinSec{ overflow: hidden; margin-bottom: 90px; }
#main .tanpinSec table{ width: 100%; border-collapse: collapse; }
#main .tanpinSec th{ width: 50%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: left; }
#main .tanpinSec table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }

#main .tanpin_head{font-size: 15px; margin-bottom: 30px;}
#main .tanpin_yokusou th{width: auto;}
#main .tanpin_caution{font-size: 14px; margin-bottom: 10px;}

#main .dojoSec{ overflow: hidden; margin-bottom: 90px; }
#main .dojoSec ul{}
#main .dojoSec li{ font-size: 15px; padding: 15px 15px 15px 40px; border-bottom: 1px solid #ccc; position: relative; }
#main .dojoSec li:first-child{ border-top: 1px solid #ccc; }
#main .dojoSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }


/* 井戸水でお悩みの方 idomizu */
#main .idomizuSec{ overflow: hidden; margin-bottom: 90px; }
#main .idomizuSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .idomizuSec th{ background: #eee; padding: 5px 10px; border: 1px solid #ccc; text-align: center; font-size: 13px; font-weight: 500; color: #0086b7; }
#main .idomizuSec th.th01{ width: 150px; }
#main .idomizuSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .idomizuSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .idomizuSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 13px; font-weight: 700;  }
#main .idomizuSec table td span{ display: inline-block; background: #002f5d; font-size: 10px; padding: 2px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .idomizuSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 10px; padding: 2px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .idomizuSec table td.td01{}
#main .idomizuSec table td.td02{  }
#main .idomizuSec table td .idomizuSecBtn{ margin: 0 auto; }
#main .idomizuSec table td .idomizuSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 12px; font-weight: 500; text-align: center; padding: 5px; border-radius: 10px; }
#main .idomizuSec table td .idomizuSecBtn a:hover{ background: #fff; color: #0086b7; }



/* 水質検査に困っているビル管理会社 building */
#main .waterSec{ overflow: hidden; margin-bottom: 90px; }
#main .waterSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec th{ display: block; width: 100%; background: #eee; padding: 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .waterSec th.th01{ width: 100%; }
#main .waterSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .waterSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .waterSec table td{ display: block; width: 100%; padding: 10px; border: 1px solid #ccc; font-size: 16px; font-weight: 700;  }
#main .waterSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .waterSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .waterSec table td.td01{ background: #f5f5f5; border-bottom: 0; }
#main .waterSec table td.td02{ width: 100%; margin-bottom: 20px; }
#main .waterSec table td .waterSecBtn{ margin: 0 auto; }
#main .waterSec table td .waterSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .waterSec table td .waterSecBtn a:hover{ background: #fff; color: #0086b7; }
#main .waterSec p{ font-size: 15px; }

#main .buildingSec{ overflow: hidden; margin-bottom: 60px; }
#main .buildingSec ul{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; align-content: center; }
#main .buildingSec li{ flex-basis: 100%; margin-bottom: 10px; }
#main .buildingSec li a{ display: block; color: #fff; background: #002f5d; font-size: 16px; font-weight: 500; border: 2px solid #002f5d; padding: 20px; text-align: center; letter-spacing: 1px; height: 80px; display: flex; align-items: center; align-content: center;  }
#main .buildingSec li a:hover{ background: #fff; color: #002f5d; }
#main .buildingSec li a span{ font-size: 24px; font-weight: 700; margin-left: 5px; letter-spacing: 2px; }
#main .buildingSec li a i{ font-size: 30px; margin-right: 10px; }
#main .buildingSec li:nth-child(1) a i{ font-size: 50px; }

#main .waterSec02{ margin-bottom: 90px; }
#main .waterSec02 p{ font-size: 15px; margin-bottom: 30px; }
#main .waterSec02 p a{ text-decoration: underline; }
#main .waterSec02 table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec02 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 th:nth-child(1){ width: 10%; }
#main .waterSec02 th:nth-child(2){ width: 65%; }
#main .waterSec02 th:nth-child(3){ width: 25%; }
#main .waterSec02 table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 table td:nth-child(1){ text-align: center; }
#main .waterSec02 ul{ margin-left: 30px; }
#main .waterSec02 li{ list-style-type: disc; font-size: 15px; line-height: 1.7; }



/* マスコミ掲載履歴 media */
#main .mediaSec{ overflow: hidden; margin-bottom: 90px; }
#main .mediaSec:after{ content: ""; display: block; clear: both; }
#main .mediaSec01{ overflow: hidden; margin-bottom: 40px; }
#main .mediaSec01:after{ content: ""; display: block; clear: both; }
#main .mediaSec01Txt{ width: 100%; font-size: 15px; line-height: 1.8; }
#main .mediaSec01Btn{ overflow: hidden; margin-bottom: 20px; }
#main .mediaSec01Btn a{ display: block; color: #0186b7; border: 1px solid #0186b7; font-size: 15px; padding: 10px; text-align: center; }
#main .mediaSec01Btn a i{ margin-left: 10px; }
#main .mediaSec01Btn a:hover{ background: #0186b7; color: #fff; }
#main .mediaSec01Img{ width: 100%; }
#main .mediaSec01Img img{ width: 100%; height: auto; margin-bottom: 10px; }

#main .mediaSecMovie{ position: relative; padding-top: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px; }
#main .mediaSecMovie iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main .mediaSecBtn{ width: 100%; margin-top: 20px; margin-bottom: 20px; }
#main .mediaSecBtn a{ display: block; background: #0086b7; color: #fff; text-align: center; border: 1px solid #0086b7; padding: 5px 10px; border-radius: 30px; }
#main .mediaSecBtn a i{ margin-left: 10px; }
#main .mediaSecBtn a:hover{ background: #fff; color: #0086b7; }


/* ご依頼の流れ flow */
#main .flowSec{ overflow: hidden; margin-bottom: 90px; }
#main .flowSec:after{ content: ""; display: block; clear: both; }
#main .flowSec ul{}
#main .flowSec li{}
#main .flowSec li:after{ content: ""; display: block; clear: both; }
#main .flowSec li .flowSecNum{  display: block; width: 250px; height: 250px; background: #0086b7; border-radius: 50%; color: #fff; text-align: center; margin: 0 auto; }
#main .flowSec li .flowSecNum01{ font-size: 48px;  border-bottom: 3px solid #fff; padding-top: 20px; margin-bottom: 10px; }
#main .flowSec li .flowSecTit01{ font-size: 22px; font-weight: 500; }
#main .flowSec li .flowSecIco01{ font-size: 60px; color: #fff; }
#main .flowSec li .flowSecIco01 .icon-phone{ font-size: 50px; }
#main .flowSec li .flowSecTxt{ width: 90%; font-size: 16px; margin: 0 auto; }
#main .flowSec li .flowSecTxt p,
#main .flowSec li .flowSecTxt p.mt90,
#main .flowSec li .flowSecTxt p.mt70,
#main .flowSec li .flowSecTxt p.mt40{ margin-top: 10px !important; }
#main .flowSec li.arrow{ color: #0086b7; font-size: 60px; margin: 30px 0; text-align: center; }

/* 採水サンプル sample */
#main .sampleSec{ overflow: hidden; margin-bottom: 90px; }
#main .sampleSec01{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec01:after{ content: ""; display: block; clear: both; }
#main .sampleSec01Img{ width: 100%; text-align: center; }
#main .sampleSec01Txt{ width: 100%; }
#main .sampleSec01Txt ul{ margin-left: 20px; }
#main .sampleSec01Txt li{ list-style-type: disc; font-size: 14px; line-height: 1.7; }
#main .sampleSec01Arrow{ text-align: center; margin-bottom: 30px; color: #0085b7; font-size: 50px; }

#main .sampleSec02{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec02:after{ content: ""; display: block; clear: both; }
#main .sampleSec02 ul{ }
#main .sampleSec02 li{ text-align: center; margin-bottom: 10px; }
#main .sampleSec02 li p{ font-size: 15px; padding: 10px; text-align: left; }
#main .sampleSec02Att{ font-size: 14px; color: #f00; font-weight: 500; }

#main .sampleSec03{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec03 ul{ margin-left: 20px; }
#main .sampleSec03 li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec03 p{ font-size: 16px; margin-bottom: 20px; }

/* 検査会社募集 invite */
#main .inviteSec{ overflow: hidden; margin-bottom: 90px; }

/* よくある質問 faq */
#main .faqSec{ overflow: hidden; margin-bottom: 90px; }
#main .faqSec ul{ }
#main .faqSec li{ overflow: hidden; margin-bottom: 20px; }
#main .faqSec li .faqSecTitQ{ display: flex; background: #333; color: #fff; font-size: 19px; font-weight: 500; padding: 10px 20px; }
#main .faqSec li .faqSecTitQ:before{ display: block; content: "Q";  font-size: 26px; margin-right: 20px; }
#main .faqSec li .faqSecTitA{ display: flex; font-size: 15px; padding: 20px; }
#main .faqSec li .faqSecTitA a{ display: contents; }
#main .faqSec li .faqSecTitA:before{ display: block; content: "A";  font-size: 26px; margin-right: 20px; margin-top: -5px; }

/* 運営会社 company */
#main .companySec{ overflow: hidden; margin-bottom: 90px; }
#main .companySecImg{ margin-bottom: 20px; }
#main .companySecTit{ font-size: 25px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 10px; }
#main .companySecTxt{ font-size: 15px; line-height: 1.7; }

#main .companySec02Wrap{  }
#main .companySec02{  }
#main .companySec02Img{ margin-top: 10px; font-size: 18px; letter-spacing: 1px; text-align: center; }
#main .companySec02Img img{ width: 100%; height: auto; margin-bottom: 10px;  }
#main .companySec02Img span{ display: block; font-size: 13px; }

#main .companySec table{ width: 100%; border-collapse: collapse; }
#main .companySec th{ display: block; width: 100%; background: #eee; border: 1px solid #ccc; padding: 10px; }
#main .companySec table td{ display: block; font-size: 15px; padding: 15px; border: 1px solid #ccc; }
#main .companySec table td span{ color: #0085b7; font-weight: 500; }
#main .companySec table td ul{ margin-left: 20px; }
#main .companySec table td li{ list-style-type: disc; line-height: 1.7; }
#main .companySec table td img{ margin-top: 10px; }
#main .companySecTxt ol{ margin-left: 20px; }
#main .companySecTxt li{ list-style-type: decimal; }

#main .companySec > ul{ }
#main .companySec > ul li{ text-align: center; margin-bottom: 20px; }
#main .companySec li .companySec01Img{ margin-bottom: 10px; }
#main .companySec li .companySec01Img img{ width: 100%; height: auto; }
#main .companySec li p{  font-size: 16px; }

#main .companySec03{ overflow: hidden; margin-bottom: 90px; }
#main .companySec03 ul{  }
#main .companySec03 li{ text-align: center; margin-bottom: 20px; }
#main .companySec03 li .companySec01Img{ margin-bottom: 10px; }
#main .companySec03 li p{  font-size: 16px; }

#main .company_president{text-align: center;}
#main .company_president span{font-size: 19px; margin: 20px 0 0 0; font-family: serif; display: block;}


/* お問い合わせ contact */
#main .contactSec{ overflow: hidden; margin-bottom: 90px; }
#main .contactSec nav{ }
#main .contactSec nav ul{ }
#main .contactSec nav li{ overflow: hidden; margin-bottom: 20px; }
#main .contactSec nav li a{ display: block; border: 1px solid #0086b7; border-radius: 10px; padding: 10px 20px; text-align: center; font-size: 15px; }
#main .contactSec nav li a span{ display: block; color: #0086b7; font-size: 25px; font-weight: 700; letter-spacing: 1px; }
#main .contactSec nav li a:hover{ background: #f5f5f5; color: #0086b7; }

/* ダウンロード download */
#main .downloadSec{ overflow: hidden; margin-bottom: 90px; }
#main .downloadSec table{ width: 100%; border-collapse: collapse; }
#main .downloadSec th{ background: #f5f5f5; padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 18px; font-weight: 500; }
#main .downloadSec table td{ width: 15%; font-size: 50px; text-align: center; border: 1px solid #ccc; }
#main .downloadSec table td a:hover{ opacity: 0.6; }
#main .downloadSec table td .icon-pdf{ color: #c81822; }
#main .downloadSec table td .icon-excel{ color: #1e6e44; }

/* サイトマップ sitemap */
#main .sitemapSec{ overflow: hidden; margin-bottom: 90px; }
#main .sitemapSec ul{}
#main .sitemapSec li{ font-size: 16px; padding: 15px 15px 15px 40px; position: relative; }
#main .sitemapSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }
#main .sitemapSec li ul{ margin-top: 20px; }




/* 価格表記 */
.suishitsuSecPriceTit{ font-size: 20px; }
.suishitsuSecPriceTit02{ font-size: 30px; }
.suishitsuSecInfo{ width: 100%; margin: 0 auto 10px auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.suishitsuSecPriceNouki{ flex-basis: 100%; }
.suishitsuSecPriceNouki01{ flex-basis: 100%; font-size: 20px; }
.suishitsuSecPriceNouki02{ flex-basis: 100%; font-size: 20px; }
.suishitsuSecPriceShijoukakaku{ padding: 10px; }
.suishitsuSecPriceShijoukakaku01{ color: #666; font-size: 13px; padding: 5px 10px; margin-right: 10px; }
.suishitsuSecPriceShijoukakaku02{ color: #666; font-size: 30px; line-height: .5; }
.suishitsuSecPriceShijoukakaku03{ color: #666; font-size: 16px; letter-spacing: 2px; margin-left: 10px; }
.suishitsuSecKakaku{ width: 100%; padding: 20px; }
.suishitsuSecKakakuTit{ display: inline-block; font-size: 20px; text-align: center; margin-bottom: 5px; }
.suishitsuSecKakakuNum{ text-align: center; }
.suishitsuSecKakakuNum01{ font-size: 70px; color: #f60;  }
.suishitsuSecKakakuNum02{ font-size: 22px; }
.suishitsuSecKakakuNum03{ font-size: 16px; }


.contact_txt{padding: 0px 5px 20px 5px;}

/* 検査依頼フォーム修正 */
.form-group{display: flex; flex-direction: column;}
form#mailformpro .form-group dt{width: 100%; border-bottom: 1px solid #ccc;}
form#mailformpro .form-group dd{width: 100%;}




/* PFAS、PFOA */
.pfas_list{ width: 100%; margin: 0 auto 20px auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.pfas_item{ flex-basis: 49%; border: 3px solid #0086b7; padding: 20px; border-radius: 10px; margin-bottom: 10px; }
.pfas_item i{ display: block; text-align: center; font-size: 90px; color: #0086b7; }
.pfas_item p{ text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 1px; }

.pfas_sec_txt{ width: 100%; margin: 0 auto 30px auto; font-size: 18px; letter-spacing: 1px; line-height: 1.4; }
.pfas_sec_txt span{ color: #eb700c; }

.pfas_sec_btn{ width: 300px; margin: 0 auto 30px auto; }
.pfas_sec_btn a{ display: block; color: #fff; font-size: 18px; font-weight: bold; background-color: #3cb371; padding: 15px; border-radius: 10px; border: 1px solid #3cb371; text-align: center; }
.pfas_sec_btn a:hover{ background-color: #fff; color: #3cb371; }

.pfas_sec_att{ font-size: 20px; color: #0086b7; text-align: center; font-weight: bold; letter-spacing: 1px; line-height: 1.4; margin-bottom: 30px; }

.pfas_sec_contact{ position: relative; width: 100%; background-color: #eff3fa; border: 3px solid #0086b7; margin: 0 auto; padding: 20px; border-radius: 10px; margin-bottom: 60px; }
.pfas_sec_contact p{ font-size: 20px; font-weight: bold; letter-spacing: 2px; line-height: 1.4; }
.pfas_sec_contact p mark{ background-color: #f9d12f; }
.pfas_sec_contact_sec{ position: relative; width: 90%; background-color: #fff; border-radius: 10px; padding: 40px 20px 20px 20px; margin: 40px auto 0 auto; }
.pfas_sec_contact_tit{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; display: block; width: 70%; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background-color: #0086b7; border-radius: 40px; padding: 10px 20px; letter-spacing: 1px; }
.pfas_sec_contact_tel{ text-align: center; }
.pfas_sec_contact_img{ display: none; }



/* 開閉 */
.pfas_faq_list{}
.pfas_faq_item{ margin-bottom: 20px; }

/*アコーディオン全体*/
.accordion-area{ list-style: none; width: 100%; max-width: 850px; margin:0 auto; }
.accordion-area_support{ margin-bottom: 60px; }
.accordion-area li{ margin: 10px 0; }

.accordion-title{ cursor: pointer; padding: 20px 40px 20px 40px; transition: all .5s ease; display: flex;
background-image: 
	url("/list/pfospfoa/images/ico_circle02.png"),
	url("/list/pfospfoa/images/ico_q02.png");
background-repeat: no-repeat,no-repeat;
background-position: right 10px top 20px, left 10px top 20px;
background-color: #eee;
background-size: 25px 25px, 25px 24px;
}
.accordion-title span{ margin-right: 10px; }
.accordion-title p{ color: #222; font-size: 15px; letter-spacing: 1px;  }

.accordion-title:hover,
.accordion-title.open{ cursor: pointer; padding: 20px 40px 20px 40px; transition: all .5s ease; display: flex; 
background-image: 
	url("/list/pfospfoa/images/ico_circle01.png"),
	url("/list/pfospfoa/images/ico_q01.png");
background-repeat: no-repeat,no-repeat;
background-position: right 10px top 20px, left 10px top 20px;
background-color: #1d7ead;
background-size: 25px 25px, 25px 24px;
}

.accordion-title:hover .accordion-title p,
.accordion-title.open p{ color: #fff; }


.accordion-content{ display: none;/*はじめは非表示*/ border: 2px solid #1d7ead; background: url("/list/pfospfoa/images/ico_a01.png") no-repeat left 10px top 25px #fff; background-size: 25px 24px; }
.accordion-content .pfas_faq_answer{ margin-bottom: 0; }
.pfas_faq_answer{ padding: 20px 20px 20px 40px; font-size: 16px; letter-spacing: 1px; line-height: 1.4; }
.pfas_faq_answer p{ font-size: 25px; font-weight: bold; color: #ff3b00; margin-bottom: 10px; }
.pfas_faq_answer span{ color: #ff3b00; }

/*アイコンの＋と×*/
.accordion-title{ position: relative; }
.accordion-title::before,
.accordion-title::after{ position: absolute; content:''; width: 15px; height: 2px; background-color: #fff; }
.accordion-title::before{ top:49%; right: 15px; transform: rotate(0deg); }
.accordion-title::after{ top:49%; right: 15px; transform: rotate(90deg); }
/*　closeというクラスがついたら形状変化　*/
.accordion-title.open::before{ transform: rotate(45deg); }
.accordion-title.open::after{ transform: rotate(-45deg); }

.accordion-title:hover::before,
.accordion-title:hover::after,
.accordion-title.open::before,
.accordion-title.open::after{ background-color: #1d7ead; }

.pfas_faq_answer dl{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pfas_faq_answer dt{ flex-basis: 100%; padding: 10px; border-bottom: 1px solid #ccc; font-weight: bold; }
.pfas_faq_answer dd{ flex-basis: 100%; padding: 10px; border-bottom: 1px solid #ccc; }


.contact_txt01 p{ width: 96%; font-size: 14px; margin: 10px auto 0 auto; }
.form_att{ width: 96%; font-size: 14px; background-color: #fde1e1; letter-spacing: 0; text-align: center; padding: 5px; margin: 10px auto 0 auto; }


}

/* ----------------------------------------------------------
SP CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
TAB CSS
---------------------------------------------------------- */
@media screen and (min-width:641px) and (max-width:1249px){
/* ----------------------------------------------------------

	***** TAB表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}


/* 非表示用 */
.noneTAB		{ display: none; }


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1{ background: #002f5d; color: #fff; text-align: center; font-size: 35px; padding: 30px 20px; letter-spacing: 2px; }
h2{ background: #0086b7; color: #fff; font-size: 22px; padding: 15px; letter-spacing: 1px; margin-bottom: 30px; }
h2:before{ content: "●"; margin-right: 15px; }
h3{ font-size: 19px; font-weight: 500; letter-spacing: 1px; border-bottom: 3px solid #0086b7; padding: 0 0 10px 10px; margin-bottom: 30px; }
h4{ font-size: 18px; font-weight: 500; letter-spacing: 1px; border-left: 6px solid #0086b7; padding: 0 0 0 20px; margin-bottom: 30px; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */
/* Wordpress用 */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
/*
header{}
header #header{ margin: 20px 0; overflow: hidden; }
header .headerSec{ width: 100%; margin: 0 auto; overflow: hidden; }
header .headerSec:after{ content: ""; display: block; clear: both; }
header .headerLogo{ font-size: 35px; color: #1d7ead; font-weight: 700; text-align: center; }
header .headerLogo a{ color: #1d7ead; }
header .headerLogo a:hover{ opacity: 0.6; }
header .headerLogo i{ margin-right: 10px;}
header .headerTel{ display: none; }
header .headerContact{ display: none; }
header .headerEstimate{ display: none; }
header .headerRequest{ display: none; }

header nav{ display: none; }

header #headerWPNav{ background: #f5f5f5; padding: 5px 0; }
header #headerWPNav ul{ width: 100%; margin: 0 auto; overflow: hidden; text-align: right; }
header #headerWPNav li{ border-right: 1px solid #999; display: inline-block; }
header #headerWPNav li:last-child{ border-right: 0; }
header #headerWPNav li a{ display: block; padding: 0 10px; }
*/
.pure-drawer .headerLogo{ font-size: 30px; color: #fff; font-weight: 700; text-align: center; margin-top: 60px; }
.pure-drawer .headerLogo a{ color: #fff; }
.pure-drawer .headerLogo a:hover{ opacity: 0.6; }
.pure-drawer .headerLogo i{ margin-right: 10px;}

.pure-drawer ul{ overflow: hidden; margin-top: 20px; }
.pure-drawer li{ border-bottom: 1px solid #999; }
.pure-drawer li:first-child{ border-top: 1px dotted #999; }
.pure-drawer li a{ display: block; color: #fff; font-size: 16px; padding: 15px; letter-spacing: 1px; }
.pure-drawer li ul{ margin: 0 0 0 20px; }
.pure-drawer li li{ position: relative; }
.pure-drawer li li:after{ position: absolute; display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;  transform: rotate(-45deg); top: 50%; right: 10px; }

.pure-drawer .headerContact{ width: 90%; margin: 20px auto; }
.pure-drawer .headerContact a{ display: block; font-size: 14px; font-weight: 500; color: #e02b1f; background: #fff; text-align: center; border: 1px solid #e02b1f; padding: 15px; border-radius: 10px; }
.pure-drawer .headerContact a i{ margin-right: 10px; }
.pure-drawer .headerContact a:hover{}


.header{ width: 100%; margin: 0 auto; height: 90px; display: flex; justify-content: space-between; align-items: center; }

.header_sec01{ flex-basis: 40%; display: flex; justify-content: space-between; align-items: center; margin-left: 100px; }

.header_logo{ flex-basis: 30%; font-size: 25px; margin-right: 3%; }

.header_txt{ flex-basis: 30%; min-width: 300px; font-size: 14px; padding: 5px 10px; }

.header_sec02{ display: none; }
.gnavi{ display: none; }


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ border-top: 1px solid #1d7ead; padding-top: 40px; padding-bottom: 110px; }
footer .footerLogo{ font-size: 35px; color: #1d7ead; font-weight: 700; text-align: center; margin-bottom: 20px; }
footer .footerLogo a{ color: #1d7ead; }
footer .footerLogo a:hover{ opacity: 0.6; }
footer .footerLogo i{ margin-right: 10px; }
footer .footerTit{ font-size: 22px; font-weight: 500; text-align: center; margin-bottom: 10px; }
footer .footerTxt{font-size: 16px; text-align: center; margin-bottom: 20px; }

footer .footerNav{ overflow: hidden; margin-bottom: 30px;}
footer .footerNav ul{ display: flex; justify-content: center; }
footer .footerNav li{ border-right: 1px solid #999; }
footer .footerNav li:last-child{ border-right: 0; }
footer .footerNav li a{ display: block; font-size: 16px; color: #999; padding: 0px 20px; }
footer .footerNav li a:hover{ opacity: 0.6; }

footer .footerBtn{ width: 250px; margin: 0 auto 30px auto; }
footer .footerBtn a{ display: block; font-size: 15px; color: #176488; border: 2px solid #176488; padding: 15px; text-align: center; letter-spacing: 1px; }
footer .footerBtn a:hover{ background: #176488; color: #fff; }

footer .footerCopyright{ background: #f3f3f3; text-align: center; font-size: 12px; color: #999; padding: 10px; letter-spacing: 1px; }

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */
#lNavi{ display: none; }

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

#breadcrumbs{ position: relative; background-color: #eee; margin-bottom: 40px; }
#breadcrumbs ol{ width: 90%; margin: 0 auto; padding: 10px 0; }
#breadcrumbs li{ display: inline; letter-spacing: 1px; color: #666; font-size: 11px; font-weight: 500; }
#breadcrumbs li:before { content: " > ";}
#breadcrumbs li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: #666;}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 0.6; }

#contents{ width: 90%; margin: 30px auto 0 auto; overflow: hidden; padding-bottom: 100px; }



.top_img{ position: relative; background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 60px 20px 80px 20px; margin-bottom: 60px; }
.top_img_txt{ text-align: center; }
.top_img_tit01{ color: #000; font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.top_img_tit01 span{ font-size: 38px; }
.top_img_tit02{ display: flex; justify-content: center; }
.top_img_tit02_img01{ margin-right: 20px; }
.top_img_tit02_img01{}

.top_img_tit03{ font-size: 44px; font-weight: bold; }
.top_img_tit03 span{  font-size: 35px; }
.top_img_tit04{ position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; width: 600px; font-size: 25px; color: #fff; font-weight: bold; background-color: #ff4100; border-radius: 5px; padding: 5px 10px; letter-spacing: 2px; }
.top_img_tit04 span{ font-size: 35px; color: #f7f700;  }



.top_btn{ width: 90%; margin: 0 auto 40px auto; }
.top_btn_list{ display: flex; justify-content: space-around; flex-wrap: wrap; column-gap: 10px; margin-bottom: 40px; }
.top_btn_item{ flex-basis: 48%; margin-bottom: 20px; }
.top_btn_item img{ width: 100%; height: auto; }
.top_btn_item a{}
.top_btn_item a:hover{ opacity: .6; }

.top_btn_listbtn{ width: 500px; margin: 0 auto; }
.top_btn_listbtn a{ display: block; font-size: 25px; font-weight: bold; text-align: center; color: var(--main-color); border: 2px solid var(--main-color); padding: 10px; letter-spacing: 2px; }
.top_btn_listbtn a:hover{ background-color: var(--main-color); color: #fff; }


.top_catch{ font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.5; margin-bottom: 40px; }
.top_catch span{}
.top_catch p{ display: inline-block; font-size: 20px; font-weight: bold; background-color: #eee; padding: 5px 20px; border-radius: 40px; margin-top: 5px; }


.top_contents{ width: 96%; margin: 0 auto 20px auto; }
.top_contents01_list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; }
.top_contents01_item{ flex-basis: 49%; margin-bottom: 10px; }
.top_contents01_item a{ display: block; background-color: var(--main-color); color: #fff; font-size: 30px; text-align: center; padding: 20px 20px; border-radius: 10px; border: 2px solid var(--main-color); letter-spacing: 2px; }
.top_contents01_item a i{ display: block; font-size: 60px; margin-bottom: 5px; }
.top_contents01_item a span{ display: block; font-size: 18px; }
.top_contents01_item a:hover{ background-color: #fff; color: var(--main-color); }

.top_contents02_list{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
.top_contents02_item{ flex-basis: 32%; display: flex; align-items: stretch; margin-bottom: 10px; }
.top_contents02_item a{ width: 100%; display: block; background-color: var(--second-color); color: #fff; font-size: 22px; text-align: center; padding: 30px 15px; border-radius: 10px; border: 2px solid var(--second-color); line-height: 1.2; letter-spacing: 2px; align-items: center; align-content: center; }
.top_contents02_item a:hover{ background-color: #fff; color: var(--second-color); }



.top_contact{ position: fixed; bottom: 0; width: 100%; background-color: var(--main-color); padding: 10px 0; text-align: center; z-index: 5; opacity: 0; visibility: hidden; transition: all 0.65s; }
.top_contact p{ font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #fff; }
.top_contact_list{ width: 96%; margin: 0 auto; display: flex; justify-content: space-between; }
.top_contact_item{ flex-basis: 24%; }
.top_contact_item a{ display: block; color: #fff; font-size: 12px; font-weight: bold; text-align: center; padding: 10px 5px; border-radius: 5px; letter-spacing: 1px; }
.top_contact_item a i{ margin-right: 5px; }
.top_contact_item a:hover{ }
.top_contact_item_contact{}
.top_contact_item_contact a{ background-color: var(--contact-color); border: 2px solid var(--contact-color); }
.top_contact_item_estimate a{ background-color: var(--estimate-color); border: 2px solid var(--estimate-color); }
.top_contact_item_contact a:hover{ background-color: #fff; color: var(--contact-color); }
.top_contact_item_estimate a:hover{ background-color: #fff; color: var(--estimate-color); }
.top_contact_item_estimate{}
.top_contact_item_reqest{}
.top_contact_item_reqest a{ background-color: var(--request-color); border: 2px solid var(--request-color); }
.top_contact_item_reqest a:hover{ background-color: #fff; color: var(--request-color); }

.top_contact_item_tel .header_tel_time{ font-size: 11px; }

.isActive {
opacity: 1;
	visibility: visible;
transition: all 0.65s;
}

.top_btn01{ width: 90%; margin: 0 auto 20px auto; }
.top_btn01_list{ display: flex; justify-content: space-around; column-gap: 10px; margin-bottom: 20px; }
.top_btn01_item{ flex-basis: 33%; }
.top_btn01_item img{ width: 100%; height: auto; }
.top_btn01_item a{}
.top_btn01_item a:hover{ opacity: .6; }



/************** トップページ **************/
#topImg{ background: url(../images/top_img01.jpg) no-repeat; background-size: cover; padding: 60px 0 40px 0; }
#topImg .topSecTit{ width: 80%; margin: 0 auto; text-align: center; }
#topImg .topSecTit01{ font-size: 20px; font-weight: 500; letter-spacing: 1px; margin-bottom: 10px; }
#topImg .topSecTit02{ color: #000; font-size: 35px; margin-bottom: 10px; }
#topImg .topSecTit02 span{ font-size: 70px; font-weight: 700;  }
#topImg .topSecBtn{ width: 400px; margin: 0 auto; }
#topImg .topSecBtn a{ display: block; color: #df2b1f; font-size: 23px; text-align: center; font-weight: 500; padding: 20px; background: #fff; border: 2px solid #fff; }
#topImg .topSecBtn a:hover{ background: #df2b1f; color: #fff; }

#topImg .topSecBtn02{ width: 400px; margin: 20px auto 0 auto; }
#topImg .topSecBtn02 a{ display: block; color: #fff; font-size: 23px; text-align: center; font-weight: 500; padding: 10px; border-radius: 40px; background: #1d7ead; border: 2px solid #1d7ead; }
#topImg .topSecBtn02 a:hover{ background: #fff; color: #1d7ead; }

#topBtn{ width: 90%; margin: 30px auto 0 auto; }
#topBtn ul{ display: flex; justify-content: space-around; }
#topBtn li{ flex-basis: 48%; }
#topBtn li a{ display: block; background: #1b3e85; border: 2px solid #1b3e85; color: #fff; font-size: 20px; text-align: center; border-radius: 10px; padding: 10px;}
#topBtn li a span{ font-size: 25px; }
#topBtn li a:hover{ background: #fff; color: #1b3e85; }

#topSec{ width: 95%; margin: 0 auto; text-align: center; overflow: hidden; padding: 30px 0;  }
#topSec .topSecTxt01{ font-size: 15px; font-weight: 400; letter-spacing: 1px; margin-bottom: 30px; }
#topSec .topSecTxt02{ font-size: 26px; font-weight: 700; letter-spacing: 1px; color: #1d7eac; margin-bottom: 10px; }

#topSec .topSecBtn01{ width: 90%; margin: 0 auto; }
#topSec .topSecBtn01 ul{ display: flex; justify-content: space-between; }
#topSec .topSecBtn01 li{ flex-basis: 48%; }
#topSec .topSecBtn01 li a{ display: block; color: #fff; font-size: 25px; background: #1d7eac; text-align: center; padding: 15px; border-radius: 10px; border: 2px solid #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a{ background: #002f5d; border: 2px solid #002f5d; }
#topSec .topSecBtn01 li a:hover{ background: #fff; color: #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a:hover{ background: #fff; color: #002f5d; }


#main .mainTopSec01{ background: #f3f3f3; padding: 30px; overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec01Tit{ font-size: 25px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#main .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#main .mainTopSec01 li{ float: left; width: 50%; font-size: 14px; line-height: 3em; }
#main .mainTopSec01 li:before{ content: "\e90d"; position: relative; font-family: 'icomoon'; color: #fff; font-size: 14px; background: #1d7ead; padding: 5px; border-radius: 5px; margin-right: 5px; }

#mainTopSec00 .mainTopSec01{ background: #f3f3f3; padding: 30px; overflow: hidden; margin-bottom: 40px; }
#mainTopSec00 .mainTopSec01Tit{ font-size: 25px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 20px; }
#mainTopSec00 .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#mainTopSec00 .mainTopSec01 li{ display: flex; align-items: center; float: left; width: 50%; font-size: 16px; line-height: 3em; margin-bottom: 10px; }
#mainTopSec00 .mainTopSec01 li p{ line-height: 1.5; }
#mainTopSec00 .mainTopSec01 li i{ display: block; width: 15px; height: 15px; color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px;  }

#mainTopSec00 .mainTopSec01 li:before{ display: none !important; }
#mainTopSec00 .mainTopSec01Txt{ font-size: 16px; }



#main .mainTopSec01Btn{}
#main .mainTopSec01Btn:after{ content: ""; display: block; clear: both; }
#main .mainTopSec01Btn01{ float: left; width: 49%; margin-right: 2%; } 
#main .mainTopSec01Btn01 a{ display: block; background: #e12b20; color: #fff; border: 2px solid #e12b20; text-align: center; padding: 10px; font-size: 14px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn01 a i{ margin-right: 5px; }
#main .mainTopSec01Btn01 a:hover{ color: #e12b20; background: #fff; }
#main .mainTopSec01Btn02{ float: left; width: 49%; }
#main .mainTopSec01Btn02 a{ display: block; background: #ff8500; color: #fff; border: 2px solid #ff8500; text-align: center; padding: 10px; font-size: 14px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn02 a:hover{ color: #ff8500; background: #fff; }
#main .mainTopSec01Btn03{ overflow: hidden; margin-top: 20px; }
#main .mainTopSec01Btn03 a{ display: block; background: #1d7ead; color: #fff; border: 2px solid #1d7ead; text-align: center; padding: 10px; font-size: 20px; font-weight: 700; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn03 a:hover{ color: #1d7ead; background: #fff; }

#main .mainTopSec02{}
#main .mainTopSec0201{  }
#main .mainTopSec0201Tit{ font-size: 30px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0201Tit br{ display: none; }
#main .mainTopSec0201Tit span{ color: #df2b1f; }
#main .mainTopSec0201 ol{}
#main .mainTopSec0201 li{ background: #bcc7cd; font-size: 20px; font-weight: 700; margin-bottom: 15px; padding: 10px; overflow: hidden; }
#main .mainTopSec0201 li span{ display: block; float: left; width: 65px; height: 65px;  font-size: 40px; color: #fff; background: #8a9da8; border-radius: 50%; text-align: center; line-height: 65px; margin-right: 10px; }
#main .mainTopSec0201 li p{ float: left; padding-top: 15px; }
#main .mainTopSec0201 li p br{ display: none; }
#main .mainTopSec0202{ width: 200px; background: #1b3e85; margin: 20px auto; padding: 2%; font-size: 25px; color: #fff; text-align: center; line-height: 1; font-weight: 500; border-radius: 5px; }
#main .mainTopSec0203{  }
#main .mainTopSec0203Tit{ font-size: 30px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0203Tit br{ display: none; }
#main .mainTopSec0203Tit span{ color: #1d7eac; }
#main .mainTopSec0203 ol{ }
#main .mainTopSec0203 li{ background: #f5d79f; font-size: 20px; font-weight: 700; margin-bottom: 15px; padding: 10px; overflow: hidden; }
#main .mainTopSec0203 li span{ display: block; float: left; width: 65px; height: 65px;  font-size: 40px; color: #fff; background: #ecaf40; border-radius: 50%; text-align: center; line-height: 65px; margin-right: 10px; }
#main .mainTopSec0203 li p{ float: left; padding-top: 15px; }
#main .mainTopSec0203 li p br{ display: none; }
#main .mainTopSec0204{ margin-bottom: 40px; }
#main .mainTopSec0204:before{ content: ""; display: block; clear: both; }
#main .mainTopSec0204Tit01{ text-align: center; font-size: 20px; font-weight: 400; margin-top: 40px; }
#main .mainTopSec0204Tit02{ text-align: center; font-size: 30px; font-weight: 700; }

#main .mainTopSec03{ overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec03 ul{ width: 100%; margin: 0 auto; }
#main .mainTopSec03 li{ float: left; width: 49%; margin-right: 2%; font-size: 40px; text-align: center; font-weight: 500; }
#main .mainTopSec03 li:last-child{ margin-right: 0; }
#main .mainTopSec03 li.btnBuilding{ background: url(../images/btn_building01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li.btnFoodfactory{ background: url(../images/btn_foodfactory01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li a{ display: block; color: #fff; height: 250px; background: rgba(0,0,0,0.5); }
#main .mainTopSec03 li a:hover{ opacity: 0.6; }
#main .mainTopSec03 li i{ display: block; font-size: 40px; text-align: center; padding-top: 60px; }
#main .mainTopSec03 li span{ font-size: 25px; display: block; }

#main .topNews{}
#main .topNews ul{ overflow-y: scroll; height: 250px; }
#main .topNews li{ border-bottom: 1px solid #ccc; padding: 10px; margin-bottom: 10px; font-size: 14px; }
#main .topNews li .topNews01{ margin-bottom: 10px; }
#main .topNews li .topNews01:after{ content: ""; display: block; clear: both; }
#main .topNews li .topNewsDate{ float: left; width: 10%; font-size: 12px; margin-top: 3px; }
#main .topNews li .topNewsTit{ float: left; font-size: 16px; font-weight: 500; }
#main .topNews li .topNewsTxt{ }
#main .topNews .topNewsMore{}
#main .topNews .topNewsMore i{ margin-right: 10px;}
#main .topNews .topNewsMore a{}


/* 水質基準51項目 list/suishitsu */
#main .koumokuSec{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec ul{}
#main .koumokuSec li{ float: left; width: 50%; }
#main .koumokuSec li table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec li th{ width: 10%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec li table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }
/*
#main .koumokuSec li:first-child table td{ border-right: 0; }
*/
#main .koumokuSecTxt{ font-size: 16px; margin-bottom: 30px; }


#main .koumokuSec02{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec02 ul{ display: flex; overflow-x: auto; }
#main .koumokuSec02 li{ flex-basis: 50%; }
#main .koumokuSec02 li:nth-child(1) th:last-child,
#main .koumokuSec02 li:nth-child(1) td:last-child{ border-right: 0; }
#main .koumokuSec02 li:nth-child(1) td:last-child:last-child{ border-right: 1px solid #ccc; }
#main .koumokuSec02 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec02 th{ background: #eee; font-weight: normal; font-size: 12px; padding: 10px 1px; border: 1px solid #ccc; text-align: center; }

#main .koumokuSec02 thead th:nth-child(1){ width: 5% !important; }
#main .koumokuSec02 thead th:nth-child(2){ width: 75% !important; }
#main .koumokuSec02 thead th:nth-child(3){ width: 20% !important; }

#main .koumokuSec02 table td{ font-size: 12px; padding: 10px 7px; border: 1px solid #ccc; white-space: nowrap; }

#main .koumokuSec02 table td.ss{ font-size: 9px; }

#main .koumokuSec03 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec03 th{ width: 10%; background: #eee; font-weight: normal; font-size: 14px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec03 th.th01{ width: 15%; }
#main .koumokuSec03 th.th02{ width: 4%; }
#main .koumokuSec03 th.th03{ width: 23%; }
#main .koumokuSec03 th.th04{ width: 58%; }
#main .koumokuSec03 table td{ font-size: 14px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec03 table td.td01{ text-align: center; }
#main .koumokuSec03 table td.td02{ text-align: center; }
#main .koumokuSec03 table td.td03{ text-align: center; }
#main .koumokuSec03 table td.td04{ }

#main .koumokuSec04 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec04 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec04 th:nth-child(1){ width: 5%; }
#main .koumokuSec04 th:nth-child(2){ width: 55%; }
#main .koumokuSec04 th:nth-child(3){ width: 40%; }
#main .koumokuSec04 table td{ font-size: 15px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec04Txt{ font-size: 14px; margin-bottom: 10px; text-align: right; }

#main .koumokuSecBtn{ margin-bottom: 20px; }
#main .koumokuSecBtn ul{ display: flex; justify-content: space-between; }
#main .koumokuSecBtn li{ flex-basis: 48%; }
#main .koumokuSecBtn li a{ display: block; color: #002f5d; border: 2px solid #002f5d; font-size: 16px; font-weight: 700; padding: 10px; text-align: center; border-radius: 40px; }
#main .koumokuSecBtn li a:hover{ background: #002f5d; color: #fff;  }

#main .suishitsuSec{ margin-bottom: 90px; }
#main .suishitsuSecTit{ border: 1px solid #002e5d; text-align: center; padding: 10px; font-size: 20px; letter-spacing: 1px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 30px; }
#main .suishitsuSecImg{ margin-bottom: 20px; }
#main .suishitsuSec01{ font-size: 40px; font-weight: bold; }
#main .suishitsuSec01 span{ background: #002f5d; color: #fff; font-size: 25px; letter-spacing: 2px; padding: 5px 10px; margin-right: 10px; }
#main .suishitsuSec01 span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }




.saisuiryou{ position: absolute; right: 0; top: 0; display: flex; align-items: center; font-size: 20px; font-weight: bold; }
.saisuiryou span{ background: #002f5d; color: #fff; font-size: 15px; letter-spacing: 2px; padding: 2px 10px; margin-right: 10px; }
.saisuiryou span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }



#main .contactbtmSec{ }
#main .contactbtmSecTit{ font-size: 20px; color: #fff; font-weight: 700; text-align: center; padding: 15px; letter-spacing: 1px;
background-image: linear-gradient(
	-45deg,
	#002f5d 25%,
	#0c3965 25%,
	#0c3965 50%,
	#002f5d 50%,
	#002f5d 75%,
	#0c3965 75%,
	#0c3965
);
background-size: 30px 30px;
}
#main .contactbtmSec01{ border: 3px solid #002f5d; padding: 20px 20px 10px 20px; overflow: hidden; }
#main .contactbtmSec01Tel{ text-align: center; width: 350px; margin: 0 auto 10px auto; overflow: hidden; }
#main .contactbtmSec01Ico{ float: left; font-size: 40px; margin-right: 10px; }
#main .contactbtmSec01Txt{ float: left;  font-size: 34px; letter-spacing: 1px; line-height: 1; white-space: nowrap; }
#main .contactbtmSec01Txt span{ display: block; font-size: 14px; }
#main .contactbtmSec01 ul:before{ content: ""; display: block; clear: both; }
#main .contactbtmSec01 ul{}
#main .contactbtmSec01 li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 10px; }
#main .contactbtmSec01 li:nth-child(2n){ margin-right: 0; }
#main .contactbtmSec01 li a{ display: block; font-size: 18px; border: 1px solid; border-radius: 5px; padding: 15px; text-align: center; font-weight: 500; letter-spacing: 1px; }
#main .contactbtmSec01 li:nth-child(1) a,
#main .contactbtmSec01 li:nth-child(2) a{ border-color: #ff8500; color: #ff8500; }
#main .contactbtmSec01 li:nth-child(1) a:hover,
#main .contactbtmSec01 li:nth-child(2) a:hover{ background: #ff8500; color: #fff; }
#main .contactbtmSec01 li:nth-child(3) a{ border-color: #e02b1f; color: #e02b1f; }
#main .contactbtmSec01 li:nth-child(4) a{ border-color: #0086b7; color: #0086b7; }
#main .contactbtmSec01 li:nth-child(3) a:hover{ background: #e02b1f; color: #fff; }
#main .contactbtmSec01 li:nth-child(4) a:hover{ background: #0086b7; color: #fff; }

#main .tanpinSec{ position: relative; overflow: hidden; margin-bottom: 90px; }
#main .tanpinSec table{ width: 100%; border-collapse: collapse; }
#main .tanpinSec th{ width: 50%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: left; }
#main .tanpinSec table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }

#main .tanpin_head{font-size: 22px; margin-bottom: 30px;}
#main .tanpin_yokusou th{width: auto;}
#main .tanpin_caution{font-size: 14px; margin-bottom: 10px;}




#main .dojoSec{ overflow: hidden; margin-bottom: 90px; }
#main .dojoSec ul{}
#main .dojoSec li{ font-size: 15px; padding: 15px 15px 15px 40px; border-bottom: 1px solid #ccc; position: relative; }
#main .dojoSec li:first-child{ border-top: 1px solid #ccc; }
#main .dojoSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }

/* 井戸水でお悩みの方 idomizu */
#main .idomizuSec{ overflow: hidden; margin-bottom: 90px; }
#main .idomizuSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .idomizuSec th{ background: #eee; padding: 5px 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .idomizuSec th.th01{ width: 150px; }
#main .idomizuSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .idomizuSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .idomizuSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 18px; font-weight: 700;  }
#main .idomizuSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .idomizuSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .idomizuSec table td.td01{}
#main .idomizuSec table td.td02{ width: 160px; }
#main .idomizuSec table td .idomizuSecBtn{ margin: 0 auto; }
#main .idomizuSec table td .idomizuSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .idomizuSec table td .idomizuSecBtn a:hover{ background: #fff; color: #0086b7; }



/* 水質検査に困っているビル管理会社 building */
#main .waterSec{ overflow: hidden; margin-bottom: 90px; }
#main .waterSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec th{ background: #eee; padding: 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .waterSec th.th01{ width: 150px; }
#main .waterSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .waterSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .waterSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 18px; font-weight: 700;  }
#main .waterSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .waterSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .waterSec table td.td01{}
#main .waterSec table td.td02{ width: 160px; }
#main .waterSec table td .waterSecBtn{ margin: 0 auto; }
#main .waterSec table td .waterSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .waterSec table td .waterSecBtn a:hover{ background: #fff; color: #0086b7; }
#main .waterSec p{ font-size: 15px; }

#main .buildingSec{ overflow: hidden; margin-bottom: 90px; }
#main .buildingSec ul{ display: flex; justify-content: space-between; align-items: center; align-content: center; }
#main .buildingSec li{ flex-basis: 48%; }
#main .buildingSec li a{ display: block; color: #fff; background: #002f5d; font-size: 16px; font-weight: 500; border: 2px solid #002f5d; padding: 20px; text-align: center; letter-spacing: 1px; height: 100px; display: flex; align-items: center; align-content: center;  }
#main .buildingSec li a:hover{ background: #fff; color: #002f5d; }
#main .buildingSec li a span{ font-size: 24px; font-weight: 700; margin-left: 5px; letter-spacing: 2px; }
#main .buildingSec li a i{ font-size: 30px; margin-right: 10px; }
#main .buildingSec li:nth-child(1) a i{ font-size: 50px; }

#main .waterSec02{ margin-bottom: 90px; }
#main .waterSec02 p{ font-size: 15px; margin-bottom: 30px; }
#main .waterSec02 p a{ text-decoration: underline; }
#main .waterSec02 table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec02 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 th:nth-child(1){ width: 10%; }
#main .waterSec02 th:nth-child(2){ width: 65%; }
#main .waterSec02 th:nth-child(3){ width: 25%; }
#main .waterSec02 table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 table td:nth-child(1){ text-align: center; }
#main .waterSec02 ul{ margin-left: 30px; }
#main .waterSec02 li{ list-style-type: disc; font-size: 15px; line-height: 1.7; }



/* マスコミ掲載履歴 media */
#main .mediaSec{ overflow: hidden; margin-bottom: 90px; }
#main .mediaSec:after{ content: ""; display: block; clear: both; }
#main .mediaSec01{ overflow: hidden; margin-bottom: 40px; }
#main .mediaSec01:after{ content: ""; display: block; clear: both; }
#main .mediaSec01Txt{ float: left; width: 65%; font-size: 15px; line-height: 1.8; margin-right: 5%; }
#main .mediaSec01Btn{ overflow: hidden; margin-bottom: 20px; }
#main .mediaSec01Btn a{ display: block; color: #0186b7; border: 1px solid #0186b7; font-size: 15px; padding: 10px; text-align: center; }
#main .mediaSec01Btn a i{ margin-left: 10px; }
#main .mediaSec01Btn a:hover{ background: #0186b7; color: #fff; }
#main .mediaSec01Img{ float: left; width: 30%; }
#main .mediaSec01Img img{ width: 100%; height: auto; margin-bottom: 10px; }

#main .mediaSecMovie{ position: relative; padding-top: 56.25%; height: 0; overflow: hidden; }
#main .mediaSecMovie iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main .mediaSecBtn{ width: 300px; margin-top: 20px; }
#main .mediaSecBtn a{ display: block; background: #0086b7; color: #fff; text-align: center; border: 1px solid #0086b7; padding: 5px 10px; border-radius: 30px; }
#main .mediaSecBtn a i{ margin-left: 10px; }
#main .mediaSecBtn a:hover{ background: #fff; color: #0086b7; }

/* ご依頼の流れ flow */
#main .flowSec{ overflow: hidden; margin-bottom: 90px; }
#main .flowSec:after{ content: ""; display: block; clear: both; }
#main .flowSec ul{}
#main .flowSec li{}
#main .flowSec li:after{ content: ""; display: block; clear: both; }
#main .flowSec li .flowSecNum{ float: left; display: block; width: 250px; height: 250px; background: #0086b7; border-radius: 50%; color: #fff; text-align: center; margin-right: 30px; }
#main .flowSec li .flowSecNum01{ font-size: 48px;  border-bottom: 3px solid #fff; padding-top: 20px; margin-bottom: 10px; }
#main .flowSec li .flowSecTit01{ font-size: 22px; font-weight: 500; }
#main .flowSec li .flowSecIco01{ font-size: 60px; color: #fff; }
#main .flowSec li .flowSecTxt{ float: left; width: 55%; font-size: 16px; }
#main .flowSec li.arrow{ color: #0086b7; font-size: 60px; margin: 30px 0 30px 105px; }

/* 採水サンプル sample */
#main .sampleSec{ overflow: hidden; margin-bottom: 90px; }
#main .sampleSec01{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec01:after{ content: ""; display: block; clear: both; }
#main .sampleSec01Img{ float: left; width: 30%; margin-right: 5%; }
#main .sampleSec01Txt{ float: left; width: 65%; font-size: 16px; }
#main .sampleSec01Txt ul{ margin-left: 20px; }
#main .sampleSec01Txt li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec01Arrow{ text-align: center; margin-bottom: 30px; color: #0085b7; font-size: 50px; }

#main .sampleSec02{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec02:after{ content: ""; display: block; clear: both; }
#main .sampleSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#main .sampleSec02 li{ flex-basis: 30%; }
#main .sampleSec02 li p{ font-size: 15px; padding: 10px; }
#main .sampleSec02Att{ font-size: 16px; color: #f00; font-weight: 500; }

#main .sampleSec03{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec03 ul{ margin-left: 20px; }
#main .sampleSec03 li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec03 p{ font-size: 16px; margin-bottom: 20px; }

/* 検査会社募集 invite */
#main .inviteSec{ overflow: hidden; margin-bottom: 90px; }

/* よくある質問 faq */
#main .faqSec{ overflow: hidden; margin-bottom: 90px; }
#main .faqSec ul{ }
#main .faqSec li{ overflow: hidden; margin-bottom: 20px; }
#main .faqSec li .faqSecTitQ{ display: flex; background: #333; color: #fff; font-size: 19px; font-weight: 500; padding: 10px 20px; }
#main .faqSec li .faqSecTitQ:before{ display: block; content: "Q";  font-size: 26px; margin-right: 20px; }
#main .faqSec li .faqSecTitA{ display: flex; font-size: 15px; padding: 20px; }
#main .faqSec li .faqSecTitA:before{ display: block; content: "A";  font-size: 26px; margin-right: 20px; margin-top: -5px; }

/* 運営会社 company */
#main .companySec{ overflow: hidden; margin-bottom: 90px; }
#main .companySecImg{ margin-bottom: 20px; }
#main .companySecTit{ font-size: 34px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 10px; }
#main .companySecTxt{ font-size: 15px; line-height: 1.7; }

#main .companySec02Wrap{ display: flex; justify-content: space-between; }
#main .companySec02{  }
#main .companySec02Img{ flex-basis: 30%; margin-left: 3%; font-size: 18px; letter-spacing: 1px; text-align: center; }
#main .companySec02Img img{ width: 100%; height: auto; margin-bottom: 10px;  }
#main .companySec02Img span{ display: block; font-size: 13px; }

#main .companySec table{ width: 100%; border-collapse: collapse; }
#main .companySec th{ width: 20%; background: #eee; border: 1px solid #ccc; padding: 15px; }
#main .companySec table td{ font-size: 15px; padding: 15px; border: 1px solid #ccc; }
#main .companySec table td span{ color: #0085b7; font-weight: 500; }
#main .companySec table td ul{ margin-left: 20px; }
#main .companySec table td li{ list-style-type: disc; line-height: 1.7; }
#main .companySec table td img{ margin-top: 10px; }
#main .companySecTxt ol{ margin-left: 20px; }
#main .companySecTxt li{ list-style-type: decimal; }

#main .companySec > ul{ display: flex; justify-content: space-between; }
#main .companySec > ul li{ flex-basis: 32%; }
#main .companySec li .companySec01Img{ margin-bottom: 10px; }
#main .companySec li .companySec01Img img{ width: 100%; height: auto; }
#main .companySec li p{  font-size: 16px; }

#main .companySec03{ overflow: hidden; margin-bottom: 90px; }
#main .companySec03 ul{ display: flex; }
#main .companySec03 li{ flex-basis: 32%; margin-right: 2%; }
#main .companySec03 li .companySec01Img{ margin-bottom: 10px; }
#main .companySec03 li p{  font-size: 16px; }

#main .company_president{float: left; margin: 0 30px 20px 0;}
#main .company_president span{font-size: 19px; text-align: center; display: block; margin: 20px 0 0 0; font-family: serif;}

/* お問い合わせ contact */
#main .contactSec{ overflow: hidden; margin-bottom: 90px; }
#main .contactSec nav{ }
#main .contactSec nav ul{ display: flex; justify-content: space-between; }
#main .contactSec nav li{ flex-basis: 32%; }
#main .contactSec nav li a{ display: block; border: 1px solid #0086b7; border-radius: 10px; padding: 30px 20px; text-align: center; font-size: 17px; }
#main .contactSec nav li a span{ display: block; color: #0086b7; font-size: 28px; font-weight: 700; letter-spacing: 1px; }
#main .contactSec nav li a:hover{ background: #f5f5f5; color: #0086b7; }

/* ダウンロード download */
#main .downloadSec{ overflow: hidden; margin-bottom: 90px; }
#main .downloadSec table{ width: 100%; border-collapse: collapse; }
#main .downloadSec th{ background: #f5f5f5; padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 18px; font-weight: 500; }
#main .downloadSec table td{ width: 15%; font-size: 50px; text-align: center; border: 1px solid #ccc; }
#main .downloadSec table td a:hover{ opacity: 0.6; }
#main .downloadSec table td .icon-pdf{ color: #c81822; }
#main .downloadSec table td .icon-excel{ color: #1e6e44; }

/* サイトマップ sitemap */
#main .sitemapSec{ overflow: hidden; margin-bottom: 90px; }
#main .sitemapSec ul{}
#main .sitemapSec li{ font-size: 16px; padding: 15px 15px 15px 40px; position: relative; }
#main .sitemapSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }
#main .sitemapSec li ul{ margin-top: 20px; }




/* 価格表記 */
.suishitsuSecPriceTit{ font-size: 20px; }
.suishitsuSecPriceTit02{ font-size: 30px; }
.suishitsuSecInfo{ width: 100%; margin: 0 auto 20px auto; display: flex; justify-content: space-between; align-items: center; }
.suishitsuSecPriceShijoukakaku{ padding: 10px; }
.suishitsuSecPriceShijoukakaku01{ color: #666; font-size: 18px; font-weight: 700; border: 1px solid #666; padding: 5px 20px; margin-right: 10px; letter-spacing: 2px; }
.suishitsuSecPriceShijoukakaku02{ color: #666; font-size: 40px;  }
.suishitsuSecPriceShijoukakaku03{ color: #666; font-size: 18px; font-weight: 700; letter-spacing: 2px; margin-left: 10px; }
.suishitsuSecKakaku{ width: 90%; margin: 0 auto 30px auto; background-color: #f5f5f5; padding: 30px; border-radius: 10px; }
.suishitsuSecKakakuTit{ display: inline-block; background-color: #e70000; color: #fff; font-size: 30px; font-weight: 700; letter-spacing: 3px; padding: 5px 20px; }
.suishitsuSecKakakuNum{ text-align: center; }
.suishitsuSecKakakuNum01{ font-size: 130px; }
.suishitsuSecKakakuNum02{ font-size: 35px; font-weight: 700; margin-left: 10px; }
.suishitsuSecKakakuNum03{ display: block; font-size: 28px; letter-spacing: 2px; margin-top: 10px; }







.contact_txt{padding: 0px 5px 20px 20px;}





/* PFAS、PFOA */
.pfas_list{width: 100%; margin: 0 auto 30px auto; display: flex; justify-content: space-between; }
.pfas_item{ flex-basis: 24%; border: 3px solid #0086b7; padding: 20px 10px; border-radius: 10px; }
.pfas_item i{ display: block; text-align: center; font-size: 90px; color: #0086b7; }
.pfas_item p{ text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 2px; }

.pfas_sec_txt{ width: 85%; margin: 0 auto 30px auto; font-size: 18px; letter-spacing: 1px; line-height: 1.4; }
.pfas_sec_txt span{ color: #eb700c; }

.pfas_sec_btn{ width: 360px; margin: 0 auto 30px auto; }
.pfas_sec_btn a{ display: block; color: #fff; font-size: 18px; font-weight: bold; background-color: #3cb371; padding: 15px; border-radius: 10px; border: 1px solid #3cb371; text-align: center; }
.pfas_sec_btn a:hover{ background-color: #fff; color: #3cb371; }

.pfas_sec_att{ font-size: 22px; color: #0086b7; text-align: center; font-weight: bold; letter-spacing: 2px; line-height: 1.4; margin-bottom: 30px; }

.pfas_sec_contact{ position: relative; width: 96%; background-color: #eff3fa; border: 3px solid #0086b7; margin: 0 auto; padding: 30px; border-radius: 10px; margin-bottom: 60px; }
.pfas_sec_contact p{ font-size: 23px; font-weight: bold; letter-spacing: 2px; line-height: 1.4; }
.pfas_sec_contact p mark{ background-color: #f9d12f; }
.pfas_sec_contact_sec{ position: relative; width: 90%; background-color: #fff; border-radius: 10px; padding: 40px 20px 20px 20px; margin: 40px auto 0 auto; }
.pfas_sec_contact_tit{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; display: block; width: 430px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; background-color: #0086b7; border-radius: 40px; padding: 10px 20px; letter-spacing: 1px; }
.pfas_sec_contact_tel{ text-align: center; }
.pfas_sec_contact_img{ position: absolute; right: 10px; bottom: -20px; width: 15%; }
.pfas_sec_contact_img img{ width: 100%; height: auto; }



/* 開閉 */
.pfas_faq_list{}
.pfas_faq_item{ margin-bottom: 20px; }

/*アコーディオン全体*/
.accordion-area{ list-style: none; width: 100%; max-width: 850px; margin:0 auto; }
.accordion-area_support{ margin-bottom: 60px; }
.accordion-area li{ margin: 10px 0; }

.accordion-title{ cursor: pointer; padding: 30px 50px 30px 70px; transition: all .5s ease; display: flex;
background-image: 
	url("/list/pfospfoa/images/ico_circle02.png"),
	url("/list/pfospfoa/images/ico_q02.png");
background-repeat: no-repeat,no-repeat;
background-position: right 20px top 30px, left 20px top 25px;
background-color: #eee;
}
.accordion-title span{ margin-right: 10px; }
.accordion-title p{ color: #222; font-size: 20px; letter-spacing: 2px;  }

.accordion-title:hover,
.accordion-title.open{ cursor: pointer; padding: 30px 50px 30px 70px; transition: all .5s ease; display: flex; 
background-image: 
	url("/list/pfospfoa/images/ico_circle01.png"),
	url("/list/pfospfoa/images/ico_q01.png");
background-repeat: no-repeat,no-repeat;
background-position: right 20px top 30px, left 20px top 25px;
background-color: #1d7ead;
}

.accordion-title:hover .accordion-title p,
.accordion-title.open p{ color: #fff; }


.accordion-content{ display: none;/*はじめは非表示*/ border: 2px solid #1d7ead; background: url("/list/pfospfoa/images/ico_a01.png") no-repeat left 20px top 25px #fff; }
.accordion-content .pfas_faq_answer{ margin-bottom: 0; }
.pfas_faq_answer{ padding: 30px 30px 30px 65px; font-size: 18px; letter-spacing: 1px; line-height: 1.4; }
.pfas_faq_answer p{ font-size: 30px; font-weight: bold; color: #ff3b00; margin-bottom: 10px; }
.pfas_faq_answer span{ color: #ff3b00; }

/*アイコンの＋と×*/
.accordion-title{ position: relative; }
.accordion-title::before,
.accordion-title::after{ position: absolute; content:''; width: 15px; height: 2px; background-color: #fff; }
.accordion-title::before{ top:48%; right: 27px; transform: rotate(0deg); }
.accordion-title::after{ top:48%; right: 27px; transform: rotate(90deg); }
/*　closeというクラスがついたら形状変化　*/
.accordion-title.open::before{ transform: rotate(45deg); }
.accordion-title.open::after{ transform: rotate(-45deg); }

.accordion-title:hover::before,
.accordion-title:hover::after,
.accordion-title.open::before,
.accordion-title.open::after{ background-color: #1d7ead; }

.pfas_faq_answer dl{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pfas_faq_answer dt{ flex-basis: 12%; padding: 10px; border-bottom: 1px solid #ccc; }
.pfas_faq_answer dd{ flex-basis: 88%; padding: 10px; border-bottom: 1px solid #ccc; }


.contact_txt01 p{ width: 96%; font-size: 15px; margin: 10px auto 0 auto; }
.form_att{ width: 96%; font-size: 15px; background-color: #fde1e1; letter-spacing: 0; text-align: center; padding: 5px; margin: 10px auto 0 auto; }

}

/* ----------------------------------------------------------
TAB CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
PC CSS
---------------------------------------------------------- */
@media print, screen and (min-width:1250px) and (max-width:1370px){
/* ----------------------------------------------------------

	***** PC表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

/* 非表示用 */
.nonePC		{ display: none; }


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1{ background: #002f5d; color: #fff; text-align: center; font-size: 42px; padding: 50px 0; letter-spacing: 2px; }
h2{ background: #0086b7; color: #fff; font-size: 22px; padding: 15px; letter-spacing: 1px; margin-bottom: 30px; }
h2:before{ content: "●"; margin-right: 15px; }
h3{ font-size: 19px; font-weight: 500; letter-spacing: 1px; border-bottom: 3px solid #0086b7; padding: 0 0 10px 10px; margin-bottom: 30px; }
h4{ font-size: 18px; font-weight: 500; letter-spacing: 1px; border-left: 6px solid #0086b7; padding: 0 0 0 20px; margin-bottom: 30px; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

/* Wordpress用 */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
/*
header{}
header #header{ margin: 20px 0; overflow: hidden; }
header .headerSec{ width: 1200px; margin: 0 auto; overflow: hidden; }
header .headerSec:after{ content: ""; display: block; clear: both; }
header .headerLogo{ float: left; width: 300px;  font-size: 35px; color: #1d7ead; font-weight: 700; margin-right: 180px; }
header .headerLogo a{ color: #1d7ead; }
header .headerLogo a:hover{ opacity: 0.6; }
header .headerLogo i{ margin-right: 10px;}
header .headerTel{ float: left; width: 240px; margin-right: 20px; line-height: 1.1; }
header .headerTel .headerTelTit{ display: block; font-size: 11px; }
header .headerTel .headerTelNum{ display: block; font-size: 35px;  letter-spacing: 1px; }
header .headerTel .headerTelTime{ display: block; font-size: 11px; text-align: right; }
header .headerContact{ float: left; width: 150px; margin-right: 5px; }
header .headerContact a{ display: block; background: #e12b20; border: 2px solid #e12b20; color: #fff; font-size: 17px; font-weight: 500; text-align: center; padding: 15px; letter-spacing: 1px; }
header .headerContact a i,
header .headerEstimate a i,
header .headerRequest a i{ margin-right: 5px; }
header .headerContact a:hover{ background: #fff; color: #e12b20; }
header .headerEstimate{ float: left; width: 150px; margin-right: 5px; }
header .headerEstimate a{ display: block; background: #ff8500; border: 2px solid #ff8500; color: #fff; font-size: 17px; font-weight: 500; text-align: center; padding: 15px; letter-spacing: 1px; }
header .headerEstimate a:hover{ background: #fff; color: #ff8500; }
header .headerRequest{ float: left; width: 150px; }
header .headerRequest a{ display: block; background: #ff8500; border: 2px solid #ff8500; color: #fff; font-size: 17px; font-weight: 500; text-align: center; padding: 15px; letter-spacing: 1px; }
header .headerRequest a:hover{ background: #fff; color: #ff8500; }

header nav{ background: #1d7ead; }
header nav ul{ display: flex; justify-content: space-around; width: 1200px; margin: 0 auto; }
header nav li{}
header nav li a{ display: block; color: #fff !important; font-size: 16px; font-weight: 500; letter-spacing: 1px; padding: 20px 0; }
header nav li a:hover{ opacity: 0.6; }

header #headerWPNav{ background: #f5f5f5; padding: 5px 0; }
header #headerWPNav ul{ width: 1200px; margin: 0 auto; overflow: hidden; text-align: right; }
header #headerWPNav li{ border-right: 1px solid #999; display: inline-block; }
header #headerWPNav li:last-child{ border-right: 0; }
header #headerWPNav li a{ display: block; padding: 0 10px; }
*/

.header{ width: 96%; margin: 0 auto; height: 70px; display: flex; justify-content: space-between; align-items: center; }

.header_sec01{ flex-basis: 40%; display: flex; justify-content: space-between; align-items: center; }

.header_logo{ flex-basis: 30%; font-size: 30px; margin-right: 3%; }

.header_txt{ flex-basis: 30%; min-width: 250px; font-size: 14px; padding: 5px 10px; }

.header_sec02{ flex-basis: 40%; display: flex; justify-content: space-between; align-items: center; }

.header_tel{ flex-basis: 55%; text-align: right; margin-right: 5%; }
.header_tel_time{ display: block; font-size: 14px; margin-top: 5px; }
.header_tel img{ width: 100%; height: auto; }

.header_flow_btn{}
.header_flow_btn a{ font-size: 16px; padding: 5px 10px; }


.gnavi{ background-color: var(--main-color); }
.gnavi_list{ width: 98%; margin: 0 auto; display: flex; justify-content: center; }
.gnavi_item{ flex: 1 0 auto; }
.gnavi_item a{ display: block; color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 1px; padding: 15px 5px; text-align: center; }
.gnavi_item a:hover{ background-color: #fff; color: var(--main-color); }

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ border-top: 1px solid #1d7ead; padding-top: 40px; padding-bottom: 150px; }
footer .footerLogo{ font-size: 35px; color: #1d7ead; font-weight: 700; text-align: center; margin-bottom: 20px; }
footer .footerLogo a{ color: #1d7ead; }
footer .footerLogo a:hover{ opacity: 0.6; }
footer .footerLogo i{ margin-right: 10px; }
footer .footerTit{ font-size: 22px; font-weight: 500; text-align: center; margin-bottom: 10px; }
footer .footerTxt{font-size: 16px; text-align: center; margin-bottom: 30px; }

footer .footerNav{ overflow: hidden; margin-bottom: 30px;}
footer .footerNav ul{ display: flex; justify-content: center; }
footer .footerNav li{ border-right: 1px solid #999; }
footer .footerNav li:last-child{ border-right: 0; }
footer .footerNav li a{ display: block; font-size: 16px; color: #999; padding: 0px 20px; }
footer .footerNav li a:hover{ opacity: 0.6; }

footer .footerBtn{ width: 250px; margin: 0 auto 30px auto; }
footer .footerBtn a{ display: block; font-size: 15px; color: #176488; border: 2px solid #176488; padding: 15px; text-align: center; letter-spacing: 1px; }
footer .footerBtn a:hover{ background: #176488; color: #fff; }

footer .footerCopyright{ background: #f3f3f3; text-align: center; font-size: 12px; color: #999; padding: 10px; letter-spacing: 1px; }

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */
    
/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */
#lNavi{ float: right; width: 300px; }

#lNavi .lNavi01Btn{ margin-bottom: 15px; }
#lNavi .lNavi01Btn a{ display: block; color: #3cb371; font-size: 18px; font-weight: 700; text-align: center; background: #fff; border: 3px solid #3cb371; padding: 15px; border-radius: 10px; }
#lNavi .lNavi01Btn a i{ font-size: 20px; margin-right: 10px; }
#lNavi .lNavi01Btn a:hover{ color: #fff; background: #3cb371; }

#lNavi .lNaviTit{ background: #333; color: #fff; font-size: 17px; font-weight: 500; text-align: center; padding: 10px; letter-spacing: 1px; }
#lNavi .lNavi01{ margin-bottom: 20px; }
#lNavi .lNavi01 ul{ }
#lNavi .lNavi01 li{ position: relative; border-bottom: 1px solid #ccc; }
#lNavi .lNavi01 li:after{ position: absolute; display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #0086b7; border-bottom: 1px solid #0086b7;  transform: rotate(-45deg); top: 50%; right: 10px; }
#lNavi .lNavi01 li a{ display: block; font-size: 15px; letter-spacing: 1px; padding: 15px; }
#lNavi .lNavi01 li a:hover{ background: #f5f5f5; }

#lNavi .lNavi02{ margin-bottom: 20px; }
#lNavi .lNavi02 ul{  }
#lNavi .lNavi02 li{ margin-bottom: 10px; }
#lNavi .lNavi02 li a{ display: block; width: 300px; height: 100px; color: #fff; font-size: 18px; font-weight: 500; background: rgba(0,0,0,0.6); padding: 20px; }
#lNavi .lNavi02 li a i{ display: block; float: left; padding-top: 20px; font-size: 30px; margin-right: 10px; }
#lNavi .lNavi02 li a p{ float: left; font-weight: bold; }
#lNavi .lNavi02 li a span{ font-size: 15px; font-weight: normal; }
#lNavi .lNavi02 li a:hover{ opacity: 0.6; }
#lNavi .lNavi02 li.lNavi02Building{ background: url(../images/lnavi_building01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Foodfactory{ background: url(../images/lnavi_foodfactory01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Media{ background: url(../images/lnavi_media01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Faq{ background: url(../images/lnavi_faq01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Media i,
#lNavi .lNavi02 li.lNavi02Faq i,
#lNavi .lNavi02 li.lNavi02Flow i,
#lNavi .lNavi02 li.lNavi02Sample i{ padding-top: 15px; }
#lNavi .lNavi02 li.lNavi02Media p,
#lNavi .lNavi02 li.lNavi02Faq p,
#lNavi .lNavi02 li.lNavi02Flow p,
#lNavi .lNavi02 li.lNavi02Sample p{ padding-top: 15px; }
#lNavi .lNavi02 li.lNavi02Flow{ background: url(../images/lnavi_flow01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Sample{ background: url(../images/lnavi_sample01.jpg) no-repeat; background-size: cover; }

#lNavi .lNavi03{ margin-bottom: 20px; }
#lNavi .lNavi03 .lNavi03Tit{ background: #002f5d; color: #fff; text-align: center; font-size: 17px; letter-spacing: 1px; font-weight: 500; padding: 10px; }
#lNavi .lNavi03 .lNavi03Sec{  border: 2px solid #002f5d; padding: 20px; margin-bottom: 20px; }
#lNavi .lNavi03 .lNavi03SecIco{ float: left; font-size: 30px; margin-right: 10px; }
#lNavi .lNavi03 .lNaviSec03Txt{ font-size: 27px;  line-height: 1; }
#lNavi .lNavi03 .lNaviSec03Txt span{ display: block; font-size: 10px; }
#lNavi .lNavi03 .lNaviSec03Add:before{ content: ""; display: block; clear: both; }
#lNavi .lNavi03 .lNaviSec03Add{ font-size: 15px; margin-bottom: 10px; }
#lNavi .lNavi03 .lNaviSec03Contact{ }
#lNavi .lNavi03 .lNaviSec03Contact a{ display: block; background: #e02b1f; color: #fff; font-size: 17px; text-align: center; padding: 10px; border: 2px solid #e02b1f; }
#lNavi .lNavi03 .lNaviSec03Contact a i{ margin-right: 10px; }
#lNavi .lNavi03 .lNaviSec03Contact a:hover{ background: #fff; color: #e02b1f; }
#lNavi .lNavi03 .lNaviSec03Request{ }
#lNavi .lNavi03 .lNaviSec03Request a{ display: block; background: #fe7701; color: #fff; font-size: 17px; text-align: center; border: 2px solid #fe7701; border-radius: 10px; padding: 15px; letter-spacing: 1px; }
#lNavi .lNavi03 .lNaviSec03Request a i{ margin-right: 10px; }
#lNavi .lNavi03 .lNaviSec03Request a:hover{ background: #fff; color: #fe7701; }

#lNavi .lNavi04{ margin-bottom: 20px; }
#lNavi .lNavi04 .lNavi04Sec{ height: 250px; background: url(../images/lnavi_invite01.jpg) no-repeat; background-size: cover; padding-top: 80px; }
#lNavi .lNavi04 .lNavi04Sec p{ width: 260px; margin: 0 auto; border: 1px solid #ccc; font-size: 37px; color: #fff; font-weight: 500; text-align: center; }
#lNavi .lNavi04 .lNavi04Sec p span{ display: block; font-size: 24px; }
#lNavi .lNavi04 .lNavi04Sec p a{ color: #fff; }
#lNavi .lNavi04 .lNavi04Sec p a:hover{ opacity: 0.6; }
#lNavi .lNavi04 .lNavi04Btn{ }
#lNavi .lNavi04 .lNavi04Btn a{ display: block; background: #002f5d; color: #fff; text-align: center; font-size: 17px; padding: 15px; border: 2px solid #002f5d; }
#lNavi .lNavi04 .lNavi04Btn a:hover{ background: #fff; color: #002f5d; }

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#contents{ width: 1200px; overflow: hidden; margin: 40px auto 0 auto; padding-bottom: 100px; }
    #contents:after{ content: ""; display: block; clear: both; }
#main{ float: left; width: 850px; margin-right: 50px; }

#breadcrumbs{ position: relative; background-color: #eee; margin-bottom: 40px; }
#breadcrumbs ol{ width: 1200px; margin: 0 auto; padding: 10px 0; }
#breadcrumbs li{ display: inline; letter-spacing: 1px; color: #666; font-size: 11px; font-weight: 500; }
#breadcrumbs li:before { content: " > ";}
#breadcrumbs li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: #666;}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 0.6; }

#pageTop{ position: fixed; bottom: 20px; right: 20px; }
#pageTop a{ display: block; background: #39a710; color: #fff; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #39a710; font-family: "azo-sans-web",sans-serif; text-align: center; }
#pageTop a:hover{ color: #39a710; background: #fff; }
#pageTop a i{ display: block; font-size: 35px; }

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



.top_img{ position: relative; background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 20px 0 50px 0; margin-bottom: 60px; }
.top_img_txt{ text-align: center; }
.top_img_tit01{ color: #000; font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.top_img_tit01 span{ font-size: 40px; }
.top_img_tit02{ display: flex; justify-content: center; }
.top_img_tit02_img01{ margin-right: 20px; width: 260px; }
.top_img_tit02_img02{ width: 313px; }
.top_img_tit02_img01 img,
.top_img_tit02_img02 img{ width: 100%; height: auto; }

.top_img_tit03{ font-size: 40px; font-weight: bold; }
.top_img_tit03 span{  font-size: 30px; }
.top_img_tit04{ position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; width: 900px; font-size: 35px; color: #fff; font-weight: bold; background-color: #ff4100; border-radius: 5px; padding: 5px 10px; letter-spacing: 2px; }
.top_img_tit04 span{ font-size: 45px; color: #f7f700;  }



.top_btn{ width: 90%; margin: 0 auto 20px auto; }
.top_btn_list{ display: flex; justify-content: space-around; column-gap: 10px; margin-bottom: 20px; }
.top_btn_item{}
.top_btn_item img{ width: 100%; height: auto; }
.top_btn_item a{}
.top_btn_item a:hover{ opacity: .6; }

.top_btn_listbtn{ width: 800px; margin: 0 auto; }
.top_btn_listbtn a{ display: block; font-size: 26px; font-weight: bold; text-align: center; color: var(--main-color); border: 2px solid var(--main-color); padding: 5px 10px; letter-spacing: 2px; }
.top_btn_listbtn a:hover{ background-color: var(--main-color); color: #fff; }


.top_catch{ font-size: 30px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.5; margin-bottom: 40px; }
.top_catch span{}
.top_catch p{ display: inline-block; font-size: 20px; font-weight: bold; background-color: #eee; padding: 5px 20px; border-radius: 40px; }


.top_contents{ width: 90%; margin: 0 auto 40px auto; min-width: 1000px; }
.top_contents01_list{ display: flex; justify-content: space-between; margin-bottom: 20px; }
.top_contents01_item{ flex-basis: 24%; }
.top_contents01_item a{ font-size: 25px; padding: 30px 10px; }
.top_contents01_item a i{ display: block; font-size: 50px; margin-bottom: 5px; }
.top_contents01_item a span{ display: block; font-size: 18px; }
.top_contents01_item a:hover{ background-color: #fff; color: var(--main-color); }

.top_contents02_list{ display: flex; justify-content: space-between; align-items: stretch; }
.top_contents02_item{ flex-basis: 15.6%; display: flex; align-items: stretch; }
.top_contents02_item a{ width: 100%; display: block; background-color: var(--second-color); color: #fff; font-size: 22px; text-align: center; padding: 30px 15px; border-radius: 10px; border: 2px solid var(--second-color); line-height: 1.2; letter-spacing: 2px; align-items: center; align-content: center; }
.top_contents02_item a:hover{ background-color: #fff; color: var(--second-color); }



.top_contact{ position: fixed; bottom: 0; width: 100%; background-color: var(--main-color); padding: 10px 0 20px 0; text-align: center; z-index: 5; opacity: 0; visibility: hidden;transition: all 0.65s; }
.top_contact p{ font-size: 30px; font-weight: bold; margin-bottom: 10px; color: #fff; }
.top_contact_list{ width: 96%; margin: 0 auto; display: flex; justify-content: space-between; }
.top_contact_item{ flex-basis: 23%; }
.top_contact_item a{ display: block; color: #fff; font-size: 20px; font-weight: bold; text-align: center; padding: 10px; border-radius: 10px; letter-spacing: 1px; }
.top_contact_item a i{ margin-right: 10px; }
.top_contact_item a:hover{ }
.top_contact_item_contact{}
.top_contact_item_contact a{ background-color: var(--contact-color); border: 2px solid var(--contact-color); }
.top_contact_item_estimate a{ background-color: var(--estimate-color); border: 2px solid var(--estimate-color); }
.top_contact_item_contact a:hover{ background-color: #fff; color: var(--contact-color); }
.top_contact_item_estimate a:hover{ background-color: #fff; color: var(--estimate-color); }
.top_contact_item_estimate{}
.top_contact_item_reqest{}
.top_contact_item_reqest a{ background-color: var(--request-color); border: 2px solid var(--request-color); }
.top_contact_item_reqest a:hover{ background-color: #fff; color: var(--request-color); }

.isActive {
opacity: 1;
	visibility: visible;
transition: all 0.65s;
}


#topImg{ background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 60px 0 40px 0; }
#topImg .topSecTit{ text-align: center; }
#topImg .topSecTit01{  color: #000; font-size: 25px; font-weight: 500; margin-bottom: 5px; }
#topImg .topSecTit02{ font-size: 40px; letter-spacing: 1px; margin-bottom: 15px; }
#topImg .topSecTit02 span{ font-size: 90px; font-weight: 700;  letter-spacing: 0px; }
#topImg .topSecBtn{ width: 400px; margin: 0 auto; }
#topImg .topSecBtn a{ display: block; color: #df2b1f; font-size: 23px; text-align: center; font-weight: 500; padding: 20px; background: #fff; border: 2px solid #fff; }
#topImg .topSecBtn a:hover{ background: #df2b1f; color: #fff; }

#topImg .topSecBtn02{ width: 400px; margin: 20px auto 0 auto; }
#topImg .topSecBtn02 a{ display: block; color: #fff; font-size: 23px; text-align: center; font-weight: 500; padding: 10px; border-radius: 40px; background: #1d7ead; border: 2px solid #1d7ead; }
#topImg .topSecBtn02 a:hover{ background: #fff; color: #1d7ead; }


#topBtn{ width: 1000px; margin: 30px auto 0 auto; }
#topBtn ul{ display: flex; justify-content: space-around; }
#topBtn li{ flex-basis: 48%; }
#topBtn li a{ display: block; background: #1b3e85; border: 2px solid #1b3e85; color: #fff; font-size: 20px; text-align: center; border-radius: 10px; padding: 10px;}
#topBtn li a span{ font-size: 25px; }
#topBtn li a:hover{ background: #fff; color: #1b3e85; }

#topSec{ text-align: center; overflow: hidden; padding: 30px;  }
#topSec .topSecTxt01{ font-size: 17px; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; }
#topSec .topSecTxt02{ font-size: 45px; font-weight: 700; letter-spacing: 1px; color: #1d7eac; margin-bottom: 10px; }

#topSec .topSecBtn01{ width: 800px; margin: 0 auto; }
#topSec .topSecBtn01 ul{ display: flex; justify-content: space-between; }
#topSec .topSecBtn01 li{ flex-basis: 48%; }
#topSec .topSecBtn01 li a{ display: block; color: #fff; font-size: 25px; background: #1d7eac; text-align: center; padding: 15px; border-radius: 10px; border: 2px solid #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a{ background: #002f5d; border: 2px solid #002f5d; }
#topSec .topSecBtn01 li a:hover{ background: #fff; color: #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a:hover{ background: #fff; color: #002f5d; }


#main .mainTopSec01{ background: #f3f3f3; padding: 30px; overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec01Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#main .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#main .mainTopSec01 li{ float: left; width: 50%; font-size: 16px; line-height: 3em; }
#main .mainTopSec01 li i{ color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px;  }

#main .mainTopSec01 li:before{ content: "\e90d"; position: relative; font-family:  'icomoon'; color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px; }


#mainTopSec00 .mainTopSec01{ background: #f3f3f3; padding: 30px; overflow: hidden; margin-bottom: 40px; }
#mainTopSec00 .mainTopSec01Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#mainTopSec00 .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#mainTopSec00 .mainTopSec01 li{ display: flex; align-items: center; float: left; width: 50%; font-size: 16px; line-height: 3em; margin-bottom: 10px; }
#mainTopSec00 .mainTopSec01 li p{ line-height: 1.5; }
#mainTopSec00 .mainTopSec01 li i{ display: block; width: 15px; height: 15px; color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px;  }

#mainTopSec00 .mainTopSec01 li:before{ display: none !important; }
#mainTopSec00 .mainTopSec01Txt{ font-size: 16px; }


#main .mainTopSec01Btn{}
#main .mainTopSec01Btn:after{ content: ""; display: block; clear: both; }
#main .mainTopSec01Btn01{ float: left; width: 49%; margin-right: 2%; } 
#main .mainTopSec01Btn01 a{ display: block; background: #e12b20; color: #fff; border: 2px solid #e12b20; text-align: center; padding: 10px; font-size: 17px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn01 a i{ margin-right: 10px; }
#main .mainTopSec01Btn01 a:hover{ color: #e12b20; background: #fff; }
#main .mainTopSec01Btn02{ float: left; width: 49%; }
#main .mainTopSec01Btn02 a{ display: block; background: #ff8500; color: #fff; border: 2px solid #ff8500; text-align: center; padding: 10px; font-size: 17px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn02 a:hover{ color: #ff8500; background: #fff; }
#main .mainTopSec01Btn03{ overflow: hidden; margin-top: 20px; }
#main .mainTopSec01Btn03 a{ display: block; background: #1d7ead; color: #fff; border: 2px solid #1d7ead; text-align: center; padding: 10px; font-size: 23px; font-weight: 700; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn03 a:hover{ color: #1d7ead; background: #fff; }

#main .mainTopSec02{}
#main .mainTopSec0201{ width: 100%; }
#main .mainTopSec0201Tit{ font-size: 33px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0201Tit br{ display: none; }
#main .mainTopSec0201Tit span{ color: #df2b1f; }
#main .mainTopSec0201 ol{}
#main .mainTopSec0201 li{ background: #bcc7cd; font-size: 22px; font-weight: 700; margin-bottom: 15px; padding: 10px; overflow: hidden; }
#main .mainTopSec0201 li span{ display: block; float: left; width: 65px; height: 65px;  font-size: 40px; color: #fff; background: #8a9da8; border-radius: 50%; text-align: center; line-height: 65px; margin-right: 10px; }
#main .mainTopSec0201 li p{ float: left; line-height: 65px; }
#main .mainTopSec0201 li p br{ display: none; }
#main .mainTopSec0202{ width: 200px; background: #1b3e85; margin: 5% auto; padding: 2%; font-size: 25px; color: #fff; text-align: center; line-height: 1; font-weight: 500; border-radius: 5px; }
#main .mainTopSec0203{ width: 100%; }
#main .mainTopSec0203Tit{ font-size: 33px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0203Tit br{ display: none; }
#main .mainTopSec0203Tit span{ color: #1d7eac; }
#main .mainTopSec0203 ol{ }
#main .mainTopSec0203 li{ background: #f5d79f; font-size: 22px; font-weight: 700; margin-bottom: 15px; padding: 10px; overflow: hidden; }
#main .mainTopSec0203 li span{ display: block; float: left; width: 65px; height: 65px;  font-size: 40px; color: #fff; background: #ecaf40; border-radius: 50%; text-align: center; line-height: 65px; margin-right: 10px; }
#main .mainTopSec0203 li p{ float: left; line-height: 65px; }
#main .mainTopSec0203 li p br{ display: none; }
#main .mainTopSec0204{ margin-bottom: 40px; }
#main .mainTopSec0204:before{ content: ""; display: block; clear: both; }
#main .mainTopSec0204Tit01{ text-align: center; font-size: 20px; font-weight: 400; margin: 60px 0 20px 0; }
#main .mainTopSec0204Tit02{ text-align: center; font-size: 30px; font-weight: 700; margin-bottom: 60px; }

#main .mainTopSec03{ overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec03:after{ content: ""; display: block; clear: both; }
#main .mainTopSec03 ul{ width: 930px; margin: 0 auto; }
#main .mainTopSec03 li{ float: left; width: 410px; margin-right: 30px; font-size: 40px; text-align: center; font-weight: 500; }
#main .mainTopSec03 li:last-child{ margin-right: 0; }
#main .mainTopSec03 li.btnBuilding{ background: url(../images/btn_building01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li.btnFoodfactory{ background: url(../images/btn_foodfactory01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li a{ display: block; color: #fff; height: 250px; background: rgba(0,0,0,0.5); }
#main .mainTopSec03 li a:hover{ opacity: 0.6; }
#main .mainTopSec03 li i{ display: block; font-size: 40px; text-align: center; padding-top: 60px; }
#main .mainTopSec03 li span{ font-size: 25px; display: block; }

#main .topNews{}
#main .topNews ul{ overflow-y: scroll; height: 250px; }
#main .topNews li{ border-bottom: 1px solid #ccc; padding: 10px; margin-bottom: 10px; font-size: 14px; }
#main .topNews li .topNews01{ margin-bottom: 10px; }
#main .topNews li .topNews01:after{ content: ""; display: block; clear: both; }
#main .topNews li .topNewsDate{ float: left; width: 10%; font-size: 12px; margin-top: 3px; }
#main .topNews li .topNewsTit{ float: left; font-size: 16px; font-weight: 500; }
#main .topNews li .topNewsTxt{ }
#main .topNews .topNewsMore{}
#main .topNews .topNewsMore i{ margin-right: 10px;}
#main .topNews .topNewsMore a{}

/* 水質基準51項目 list/suishitsu */
#main .koumokuSec{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec ul{}
#main .koumokuSec li{ float: left; width: 50%; }
#main .koumokuSec table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec th{ width: 10%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec table td{ font-size: 15px; padding: 10px 7px; border: 1px solid #ccc; }
/*
#main .koumokuSec li:first-child table td{ border-right: 0; }
*/
#main .koumokuSecTxt{ font-size: 16px; margin-bottom: 30px; }

#main .koumokuSec02{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec02 ul{ display: flex; }
#main .koumokuSec02 li{ flex-basis: 50%; }
#main .koumokuSec02 li:nth-child(1) th:last-child,
#main .koumokuSec02 li:nth-child(1) td:last-child{ border-right: 0; }
#main .koumokuSec02 li:nth-child(1) td:last-child:last-child{ border-right: 1px solid #ccc; }
#main .koumokuSec02 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec02 th{ background: #eee; font-weight: normal; font-size: 12px; padding: 10px 1px; border: 1px solid #ccc; text-align: center; }

#main .koumokuSec02 thead th:nth-child(1){ width: 5% !important; }
#main .koumokuSec02 thead th:nth-child(2){ width: 75% !important; }
#main .koumokuSec02 thead th:nth-child(3){ width: 20% !important; }

#main .koumokuSec02 table td{ font-size: 12px; padding: 10px 7px; border: 1px solid #ccc; white-space: nowrap; }

#main .koumokuSec02 table td.ss{ font-size: 9px; }

#main .koumokuSec03 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec03 th{ width: 10%; background: #eee; font-weight: normal; font-size: 14px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec03 th.th01{ width: 15%; }
#main .koumokuSec03 th.th02{ width: 4%; }
#main .koumokuSec03 th.th03{ width: 23%; }
#main .koumokuSec03 th.th04{ width: 58%; }
#main .koumokuSec03 table td{ font-size: 14px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec03 table td.td01{ text-align: center; }
#main .koumokuSec03 table td.td02{ text-align: center; }
#main .koumokuSec03 table td.td03{ text-align: center; }
#main .koumokuSec03 table td.td04{ }

#main .koumokuSec04 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec04 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec04 th:nth-child(1){ width: 5%; }
#main .koumokuSec04 th:nth-child(2){ width: 55%; }
#main .koumokuSec04 th:nth-child(3){ width: 40%; }
#main .koumokuSec04 table td{ font-size: 15px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec04Txt{ font-size: 14px; margin-bottom: 10px; text-align: right; }


#main .koumokuSecBtn{ margin-bottom: 20px; }
#main .koumokuSecBtn ul{ display: flex; justify-content: space-between; }
#main .koumokuSecBtn li{ flex-basis: 48%; }
#main .koumokuSecBtn li a{ display: block; color: #002f5d; border: 2px solid #002f5d; font-size: 16px; font-weight: 700; padding: 10px; text-align: center; border-radius: 40px; }
#main .koumokuSecBtn li a:hover{ background: #002f5d; color: #fff;  }



#main .suishitsuSec{ margin-bottom: 90px; }
#main .suishitsuSecTit{ border: 1px solid #002e5d; padding: 10px; font-size: 20px; letter-spacing: 1px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 30px; }
#main .suishitsuSecImg{ margin-bottom: 20px; }
#main .suishitsuSec01{ font-size: 40px; font-weight: bold; }
#main .suishitsuSec01 span{ background: #002f5d; color: #fff; font-size: 25px; letter-spacing: 2px; padding: 5px 10px; margin-right: 10px; }
#main .suishitsuSec01 span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }



.saisuiryou{ position: absolute; right: 0; top: 0; display: flex; align-items: center; font-size: 30px; font-weight: bold; }
.saisuiryou span{ background: #002f5d; color: #fff; font-size: 20px; letter-spacing: 2px; padding: 2px 10px; margin-right: 10px; }
.saisuiryou span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }


#main .contactbtmSec{ margin-top: 100px; }
#main .contactbtmSecTit{ font-size: 23px; color: #fff; font-weight: 700; text-align: center; padding: 15px; letter-spacing: 1px;
background-image: linear-gradient(
	-45deg,
	#002f5d 25%,
	#0c3965 25%,
	#0c3965 50%,
	#002f5d 50%,
	#002f5d 75%,
	#0c3965 75%,
	#0c3965
);
background-size: 30px 30px;
}
#main .contactbtmSec01{ border: 3px solid #002f5d; padding: 20px 20px 10px 20px; overflow: hidden; }
#main .contactbtmSec01Tel{ text-align: center; width: 320px; margin: 0 auto 10px auto; overflow: hidden; }
#main .contactbtmSec01Ico{ float: left; font-size: 40px; margin-right: 10px; }
#main .contactbtmSec01Txt{ float: left;  font-size: 34px; letter-spacing: 1px; line-height: 1; }
#main .contactbtmSec01Txt span{ display: block; font-size: 14px; }
#main .contactbtmSec01 ul:before{ content: ""; display: block; clear: both; }
#main .contactbtmSec01 ul{}
#main .contactbtmSec01 li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 10px; }
#main .contactbtmSec01 li:nth-child(2n){ margin-right: 0; }
#main .contactbtmSec01 li a{ display: block; font-size: 22px; border: 1px solid; border-radius: 5px; padding: 15px; text-align: center; font-weight: 500; letter-spacing: 1px; }
#main .contactbtmSec01 li:nth-child(1) a,
#main .contactbtmSec01 li:nth-child(2) a{ border-color: #ff8500; color: #ff8500; }
#main .contactbtmSec01 li:nth-child(1) a:hover,
#main .contactbtmSec01 li:nth-child(2) a:hover{ background: #ff8500; color: #fff; }
#main .contactbtmSec01 li:nth-child(3) a{ border-color: #e02b1f; color: #e02b1f; }
#main .contactbtmSec01 li:nth-child(4) a{ border-color: #0086b7; color: #0086b7; }
#main .contactbtmSec01 li:nth-child(3) a:hover{ background: #e02b1f; color: #fff; }
#main .contactbtmSec01 li:nth-child(4) a:hover{ background: #0086b7; color: #fff; }

#main .tanpinSec{ position: relative; overflow: hidden; margin-bottom: 90px; }
#main .tanpinSec table{ width: 100%; border-collapse: collapse; }
#main .tanpinSec th{ width: 50%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: left; }
#main .tanpinSec table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }

#main .dojoSec{ overflow: hidden; margin-bottom: 90px; }
#main .dojoSec ul{}
#main .dojoSec li{ font-size: 15px; padding: 15px 15px 15px 40px; border-bottom: 1px solid #ccc; position: relative; }
#main .dojoSec li:first-child{ border-top: 1px solid #ccc; }
#main .dojoSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }


#main .tanpin_head{font-size: 22px; margin-bottom: 30px;}
#main .tanpin_yokusou th{width: auto;}
#main .tanpin_caution{font-size: 14px; margin-bottom: 10px;}


/* 井戸水でお悩みの方 idomizu */
#main .idomizuSec{ overflow: hidden; margin-bottom: 90px; }
#main .idomizuSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .idomizuSec th{ background: #eee; padding: 5px 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .idomizuSec th.th01{ width: 150px; }
#main .idomizuSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .idomizuSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .idomizuSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 18px; font-weight: 700;  }
#main .idomizuSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .idomizuSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .idomizuSec table td.td01{}
#main .idomizuSec table td.td02{ width: 160px; }
#main .idomizuSec table td .idomizuSecBtn{ margin: 0 auto; }
#main .idomizuSec table td .idomizuSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .idomizuSec table td .idomizuSecBtn a:hover{ background: #fff; color: #0086b7; }


/* 水質検査に困っているビル管理会社 building */
#main .waterSec{ overflow: hidden; margin-bottom: 90px; }
#main .waterSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec th{ background: #eee; padding: 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .waterSec th.th01{ width: 150px; }
#main .waterSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .waterSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .waterSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 18px; font-weight: 700;  }
#main .waterSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .waterSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .waterSec table td.td01{}
#main .waterSec table td.td02{ width: 160px; }
#main .waterSec table td .waterSecBtn{ margin: 0 auto; }
#main .waterSec table td .waterSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .waterSec table td .waterSecBtn a:hover{ background: #fff; color: #0086b7; }
#main .waterSec p{ font-size: 15px; }

#main .buildingSec{ overflow: hidden; margin-bottom: 90px; }
#main .buildingSec ul{ display: flex; justify-content: space-between; align-items: center; align-content: center; }
#main .buildingSec li{ flex-basis: 48%; }
#main .buildingSec li a{ display: block; color: #fff; background: #002f5d; font-size: 16px; font-weight: 500; border: 2px solid #002f5d; padding: 20px; text-align: center; letter-spacing: 1px; height: 100px; display: flex; align-items: center; align-content: center;  }
#main .buildingSec li a:hover{ background: #fff; color: #002f5d; }
#main .buildingSec li a span{ font-size: 24px; font-weight: 700; margin-left: 5px; letter-spacing: 2px; }
#main .buildingSec li a i{ font-size: 30px; margin-right: 10px; }
#main .buildingSec li:nth-child(1) a i{ font-size: 50px; }

#main .waterSec02{ margin-bottom: 90px; }
#main .waterSec02 p{ font-size: 15px; margin-bottom: 30px; }
#main .waterSec02 p a{ text-decoration: underline; }
#main .waterSec02 table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec02 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 th:nth-child(1){ width: 10%; }
#main .waterSec02 th:nth-child(2){ width: 65%; }
#main .waterSec02 th:nth-child(3){ width: 25%; }
#main .waterSec02 table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 table td:nth-child(1){ text-align: center; }
#main .waterSec02 ul{ margin-left: 30px; }
#main .waterSec02 li{ list-style-type: disc; font-size: 15px; line-height: 1.7; }

/* マスコミ掲載履歴 media */
#main .mediaSec{ overflow: hidden; margin-bottom: 90px; }
#main .mediaSec:after{ content: ""; display: block; clear: both; }
#main .mediaSec01{ overflow: hidden; margin-bottom: 40px; }
#main .mediaSec01:after{ content: ""; display: block; clear: both; }
#main .mediaSec01Txt{ float: left; width: 520px; font-size: 15px; line-height: 1.8; margin-right: 30px; }
#main .mediaSec01Btn{ overflow: hidden; margin-bottom: 20px; }
#main .mediaSec01Btn a{ display: block; color: #0186b7; border: 1px solid #0186b7; font-size: 15px; padding: 10px; text-align: center; }
#main .mediaSec01Btn a i{ margin-left: 10px; }
#main .mediaSec01Btn a:hover{ background: #0186b7; color: #fff; }
#main .mediaSec01Img{ float: left; width: 300px; }
#main .mediaSec01Img img{ width: 100%; height: auto; margin-bottom: 10px; }
#main .mediaSecBtn{ width: 300px; margin-top: 20px; }
#main .mediaSecBtn a{ display: block; background: #0086b7; color: #fff; text-align: center; border: 1px solid #0086b7; padding: 5px 10px; border-radius: 30px; }
#main .mediaSecBtn a i{ margin-left: 10px; }
#main .mediaSecBtn a:hover{ background: #fff; color: #0086b7; }



/* ご依頼の流れ flow */
#main .flowSec{ overflow: hidden; margin-bottom: 90px; }
#main .flowSec:after{ content: ""; display: block; clear: both; }
#main .flowSec ul{}
#main .flowSec li{}
#main .flowSec li:after{ content: ""; display: block; clear: both; }
#main .flowSec li .flowSecNum{ float: left; display: block; width: 250px; height: 250px; background: #0086b7; border-radius: 50%; color: #fff; text-align: center; margin-right: 30px; }
#main .flowSec li .flowSecNum01{ font-size: 48px;  border-bottom: 3px solid #fff; padding-top: 20px; margin-bottom: 10px; }
#main .flowSec li .flowSecTit01{ font-size: 22px; font-weight: 500; }
#main .flowSec li .flowSecIco01{ font-size: 60px; color: #fff; }
#main .flowSec li .flowSecTxt{ float: left; width: 570px; font-size: 16px; }
#main .flowSec li.arrow{ color: #0086b7; font-size: 60px; margin: 30px 0 30px 105px; }

/* 採水サンプル sample */
#main .sampleSec{ overflow: hidden; margin-bottom: 90px; }
#main .sampleSec01{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec01:after{ content: ""; display: block; clear: both; }
#main .sampleSec01Img{ float: left; width: 280px; margin-right: 30px; }
#main .sampleSec01Txt{ float: left; width: 540px; font-size: 16px; }
#main .sampleSec01Txt ul{ margin-left: 20px; }
#main .sampleSec01Txt li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec01Arrow{ text-align: center; margin-bottom: 30px; color: #0085b7; font-size: 50px; }

#main .sampleSec02{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec02:after{ content: ""; display: block; clear: both; }
#main .sampleSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#main .sampleSec02 li{ flex-basis: 280px; }
#main .sampleSec02 li p{ font-size: 15px; padding: 10px; }
#main .sampleSec02Att{ font-size: 16px; color: #f00; font-weight: 500; }

#main .sampleSec03{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec03 ul{ margin-left: 20px; }
#main .sampleSec03 li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec03 p{ font-size: 16px; margin-bottom: 20px; }

/* 検査会社募集 invite */
#main .inviteSec{ overflow: hidden; margin-bottom: 90px; }

/* よくある質問 faq */
#main .faqSec{ overflow: hidden; margin-bottom: 90px; }
#main .faqSec ul{ }
#main .faqSec li{ overflow: hidden; margin-bottom: 20px; }
#main .faqSec li .faqSecTitQ{ display: flex; background: #333; color: #fff; font-size: 19px; font-weight: 500; padding: 10px 20px; }
#main .faqSec li .faqSecTitQ:before{ display: block; content: "Q";  font-size: 26px; margin-right: 20px; }
#main .faqSec li .faqSecTitA{ display: flex; font-size: 15px; padding: 20px; }
#main .faqSec li .faqSecTitA:before{ display: block; content: "A";  font-size: 26px; margin-right: 20px; margin-top: -5px; }

/* 運営会社 company */
#main .companySec{ overflow: hidden; margin-bottom: 90px; }
#main .companySecImg{ margin-bottom: 20px; }
#main .companySecTit{ font-size: 34px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 10px; }
#main .companySecTxt{ font-size: 15px; line-height: 1.7; }

#main .companySec02Wrap{ display: flex; justify-content: space-between; }
#main .companySec02{  }
#main .companySec02Img{ flex-basis: 30%; margin-left: 3%; font-size: 18px; letter-spacing: 1px; text-align: center; }
#main .companySec02Img img{ width: 100%; height: auto; margin-bottom: 10px;  }
#main .companySec02Img span{ font-size: 13px; margin-right: 20px; }

#main .companySec table{ width: 100%; border-collapse: collapse; }
#main .companySec th{ width: 15%; background: #eee; border: 1px solid #ccc; padding: 15px; }
#main .companySec table td{ font-size: 15px; padding: 15px; border: 1px solid #ccc; }
#main .companySec table td span{ color: #0085b7; font-weight: 500; }
#main .companySec table td a{ text-decoration: underline; }
#main .companySec table td ul{ margin-left: 20px; }
#main .companySec table td li{ list-style-type: disc; line-height: 1.7; }
#main .companySec table td img{ margin-top: 10px; }
#main .companySecTxt ol{ margin-left: 20px; }
#main .companySecTxt li{ list-style-type: decimal; }

#main .companySec > ul{ display: flex; justify-content: space-between; }
#main .companySec > ul li{ flex-basis: 32%; }
#main .companySec li .companySec01Img{ margin-bottom: 10px; }
#main .companySec li .companySec01Img img{ width: 100%; height: auto; }
#main .companySec li p{  font-size: 16px; }

#main .companySec03{ overflow: hidden; margin-bottom: 90px; }
#main .companySec03 ul{ display: flex; }
#main .companySec03 li{ flex-basis: 32%; margin-right: 2%; }
#main .companySec03 li .companySec01Img{ margin-bottom: 10px; }
#main .companySec03 li p{  font-size: 16px; }

#main .company_president{float: left; margin: 0 30px 20px 0;}
#main .company_president span{font-size: 19px; text-align: center; display: block; margin: 20px 0 0 0; font-family: serif;}

/* お問い合わせ contact */
#main .contactSec{ overflow: hidden; margin-bottom: 90px; }
#main .contactSec nav{ }
#main .contactSec nav ul{ display: flex; justify-content: space-between; }
#main .contactSec nav li{ flex-basis: 270px; }
#main .contactSec nav li a{ display: block; border: 1px solid #0086b7; border-radius: 10px; padding: 30px 20px; text-align: center; font-size: 17px; }
#main .contactSec nav li a span{ display: block; color: #0086b7; font-size: 28px; font-weight: 700; letter-spacing: 1px; }
#main .contactSec nav li a:hover{ background: #f5f5f5; color: #0086b7; }

/* ダウンロード download */
#main .downloadSec{ overflow: hidden; margin-bottom: 90px; }
#main .downloadSec table{ width: 100%; border-collapse: collapse; }
#main .downloadSec th{ background: #f5f5f5; padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 18px; font-weight: 500; }
#main .downloadSec table td{ width: 15%; font-size: 50px; text-align: center; border: 1px solid #ccc; padding: 10px; }
#main .downloadSec table td a:hover{ opacity: 0.6; }
#main .downloadSec table td .icon-pdf{ color: #c81822; }
#main .downloadSec table td .icon-excel{ color: #1e6e44; }

/* サイトマップ sitemap */
#main .sitemapSec{ overflow: hidden; margin-bottom: 90px; }
#main .sitemapSec ul{}
#main .sitemapSec li{ font-size: 16px; padding: 15px 15px 15px 40px; position: relative; }
#main .sitemapSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }
#main .sitemapSec li ul{ margin-top: 20px; }


}
/* ----------------------------------------------------------
PC CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width:1371px){

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

/* 非表示用 */
.nonePCWIDE		{ display: none; }


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1{ background: #002f5d; color: #fff; text-align: center; font-size: 42px; padding: 50px 0; letter-spacing: 2px; }
h2{ background: #0086b7; color: #fff; font-size: 22px; padding: 15px; letter-spacing: 1px; margin-bottom: 30px; }
h2:before{ content: "●"; margin-right: 15px; }
h3{ font-size: 19px; font-weight: 500; letter-spacing: 1px; border-bottom: 3px solid #0086b7; padding: 0 0 10px 10px; margin-bottom: 30px; }
h4{ font-size: 18px; font-weight: 500; letter-spacing: 1px; border-left: 6px solid #0086b7; padding: 0 0 0 20px; margin-bottom: 30px; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

/* Wordpress用 */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ border-top: 1px solid #1d7ead; padding-top: 40px; padding-bottom: 150px; }
footer .footerLogo{ font-size: 35px; color: #1d7ead; font-weight: 700; text-align: center; margin-bottom: 20px; }
footer .footerLogo a{ color: #1d7ead; }
footer .footerLogo a:hover{ opacity: 0.6; }
footer .footerLogo i{ margin-right: 10px; }
footer .footerTit{ font-size: 22px; font-weight: 500; text-align: center; margin-bottom: 10px; }
footer .footerTxt{font-size: 16px; text-align: center; margin-bottom: 30px; }

footer .footerNav{ overflow: hidden; margin-bottom: 30px;}
footer .footerNav ul{ display: flex; justify-content: center; }
footer .footerNav li{ border-right: 1px solid #999; }
footer .footerNav li:last-child{ border-right: 0; }
footer .footerNav li a{ display: block; font-size: 16px; color: #999; padding: 0px 20px; }
footer .footerNav li a:hover{ opacity: 0.6; }

footer .footerBtn{ width: 250px; margin: 0 auto 30px auto; }
footer .footerBtn a{ display: block; font-size: 15px; color: #176488; border: 2px solid #176488; padding: 15px; text-align: center; letter-spacing: 1px; }
footer .footerBtn a:hover{ background: #176488; color: #fff; }

footer .footerCopyright{ background: #f3f3f3; text-align: center; font-size: 12px; color: #999; padding: 10px; letter-spacing: 1px; }

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */
    
/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */
#lNavi{ float: right; width: 300px; }

#lNavi .lNavi01Btn{ margin-bottom: 15px; }
#lNavi .lNavi01Btn a{ display: block; color: #3cb371; font-size: 18px; font-weight: 700; text-align: center; background: #fff; border: 3px solid #3cb371; padding: 15px; border-radius: 10px; }
#lNavi .lNavi01Btn a i{ font-size: 20px; margin-right: 10px; }
#lNavi .lNavi01Btn a:hover{ color: #fff; background: #3cb371; }

#lNavi .lNaviTit{ background: #333; color: #fff; font-size: 17px; font-weight: 500; text-align: center; padding: 10px; letter-spacing: 1px; }
#lNavi .lNavi01{ margin-bottom: 20px; }
#lNavi .lNavi01 ul{ }
#lNavi .lNavi01 li{ position: relative; border-bottom: 1px solid #ccc; }
#lNavi .lNavi01 li:after{ position: absolute; display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #0086b7; border-bottom: 1px solid #0086b7;  transform: rotate(-45deg); top: 50%; right: 10px; }
#lNavi .lNavi01 li a{ display: block; font-size: 15px; letter-spacing: 1px; padding: 15px; }
#lNavi .lNavi01 li a:hover{ background: #f5f5f5; }

#lNavi .lNavi02{ margin-bottom: 20px; }
#lNavi .lNavi02 ul{  }
#lNavi .lNavi02 li{ margin-bottom: 10px; }
#lNavi .lNavi02 li a{ display: block; width: 300px; height: 100px; color: #fff; font-size: 18px; font-weight: 500; background: rgba(0,0,0,0.6); padding: 20px; }
#lNavi .lNavi02 li a i{ display: block; float: left; padding-top: 20px; font-size: 30px; margin-right: 10px; }
#lNavi .lNavi02 li a p{ float: left; font-weight: bold; }
#lNavi .lNavi02 li a span{ font-size: 15px; font-weight: normal; }
#lNavi .lNavi02 li a:hover{ opacity: 0.6; }
#lNavi .lNavi02 li.lNavi02Building{ background: url(../images/lnavi_building01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Foodfactory{ background: url(../images/lnavi_foodfactory01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Media{ background: url(../images/lnavi_media01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Faq{ background: url(../images/lnavi_faq01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Media i,
#lNavi .lNavi02 li.lNavi02Faq i,
#lNavi .lNavi02 li.lNavi02Flow i,
#lNavi .lNavi02 li.lNavi02Sample i{ padding-top: 15px; }
#lNavi .lNavi02 li.lNavi02Media p,
#lNavi .lNavi02 li.lNavi02Faq p,
#lNavi .lNavi02 li.lNavi02Flow p,
#lNavi .lNavi02 li.lNavi02Sample p{ padding-top: 15px; }
#lNavi .lNavi02 li.lNavi02Flow{ background: url(../images/lnavi_flow01.jpg) no-repeat; background-size: cover; }
#lNavi .lNavi02 li.lNavi02Sample{ background: url(../images/lnavi_sample01.jpg) no-repeat; background-size: cover; }

#lNavi .lNavi03{ margin-bottom: 20px; }
#lNavi .lNavi03 .lNavi03Tit{ background: #002f5d; color: #fff; text-align: center; font-size: 17px; letter-spacing: 1px; font-weight: 500; padding: 10px; }
#lNavi .lNavi03 .lNavi03Sec{  border: 2px solid #002f5d; padding: 20px; margin-bottom: 20px; }
#lNavi .lNavi03 .lNavi03SecIco{ float: left; font-size: 30px; margin-right: 10px; }
#lNavi .lNavi03 .lNaviSec03Txt{ font-size: 27px;  line-height: 1; }
#lNavi .lNavi03 .lNaviSec03Txt span{ display: block; font-size: 10px; }
#lNavi .lNavi03 .lNaviSec03Add:before{ content: ""; display: block; clear: both; }
#lNavi .lNavi03 .lNaviSec03Add{ font-size: 15px; margin-bottom: 10px; }
#lNavi .lNavi03 .lNaviSec03Contact{ }
#lNavi .lNavi03 .lNaviSec03Contact a{ display: block; background: #e02b1f; color: #fff; font-size: 17px; text-align: center; padding: 10px; border: 2px solid #e02b1f; }
#lNavi .lNavi03 .lNaviSec03Contact a i{ margin-right: 10px; }
#lNavi .lNavi03 .lNaviSec03Contact a:hover{ background: #fff; color: #e02b1f; }
#lNavi .lNavi03 .lNaviSec03Request{ }
#lNavi .lNavi03 .lNaviSec03Request a{ display: block; background: #fe7701; color: #fff; font-size: 17px; text-align: center; border: 2px solid #fe7701; border-radius: 10px; padding: 15px; letter-spacing: 1px; }
#lNavi .lNavi03 .lNaviSec03Request a i{ margin-right: 10px; }
#lNavi .lNavi03 .lNaviSec03Request a:hover{ background: #fff; color: #fe7701; }

#lNavi .lNavi04{ margin-bottom: 20px; }
#lNavi .lNavi04 .lNavi04Sec{ height: 250px; background: url(../images/lnavi_invite01.jpg) no-repeat; background-size: cover; padding-top: 80px; }
#lNavi .lNavi04 .lNavi04Sec p{ width: 260px; margin: 0 auto; border: 1px solid #ccc; font-size: 37px; color: #fff; font-weight: 500; text-align: center; }
#lNavi .lNavi04 .lNavi04Sec p span{ display: block; font-size: 24px; }
#lNavi .lNavi04 .lNavi04Sec p a{ color: #fff; }
#lNavi .lNavi04 .lNavi04Sec p a:hover{ opacity: 0.6; }
#lNavi .lNavi04 .lNavi04Btn{ }
#lNavi .lNavi04 .lNavi04Btn a{ display: block; background: #002f5d; color: #fff; text-align: center; font-size: 17px; padding: 15px; border: 2px solid #002f5d; }
#lNavi .lNavi04 .lNavi04Btn a:hover{ background: #fff; color: #002f5d; }

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#contents{ width: 1200px; overflow: hidden; margin: 40px auto 0 auto; padding-bottom: 100px; }
    #contents:after{ content: ""; display: block; clear: both; }
#main{ float: left; width: 850px; margin-right: 50px; }

#breadcrumbs{ position: relative; background-color: #eee; margin-bottom: 40px; }
#breadcrumbs ol{ width: 1200px; margin: 0 auto; padding: 10px 0; }
#breadcrumbs li{ display: inline; letter-spacing: 1px; color: #666; font-size: 11px; font-weight: 500; }
#breadcrumbs li:before { content: " > ";}
#breadcrumbs li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: #666;}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 0.6; }

#pageTop{ position: fixed; bottom: 20px; right: 20px; }
#pageTop a{ display: block; background: #39a710; color: #fff; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #39a710; font-family: "azo-sans-web",sans-serif; text-align: center; }
#pageTop a:hover{ color: #39a710; background: #fff; }
#pageTop a i{ display: block; font-size: 35px; }

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



.top_img{ position: relative; background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 20px 0 50px 0; margin-bottom: 60px; }
.top_img_txt{ text-align: center; }
.top_img_tit01{ color: #000; font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.top_img_tit01 span{ font-size: 40px; }
.top_img_tit02{ display: flex; justify-content: center; }
.top_img_tit02_img01{ margin-right: 20px; width: 260px; }
.top_img_tit02_img02{ width: 313px; }
.top_img_tit02_img01 img,
.top_img_tit02_img02 img{ width: 100%; height: auto; }

.top_img_tit03{ font-size: 40px; font-weight: bold; }
.top_img_tit03 span{  font-size: 30px; }
.top_img_tit04{ position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; width: 900px; font-size: 35px; color: #fff; font-weight: bold; background-color: #ff4100; border-radius: 5px; padding: 5px 10px; letter-spacing: 2px; }
.top_img_tit04 span{ font-size: 45px; color: #f7f700;  }



.top_btn{ width: 70%; margin: 0 auto 20px auto; }
.top_btn_list{ display: flex; justify-content: space-around; column-gap: 10px; margin-bottom: 20px; }
.top_btn_item{ flex-basis: 24%; }
.top_btn_item img{ width: 100%; height: auto; }
.top_btn_item a{}
.top_btn_item a:hover{ opacity: .6; }

.top_btn_listbtn{ width: 800px; margin: 0 auto; }
.top_btn_listbtn a{ display: block; font-size: 26px; font-weight: bold; text-align: center; color: var(--main-color); border: 2px solid var(--main-color); padding: 5px 10px; letter-spacing: 2px; }
.top_btn_listbtn a:hover{ background-color: var(--main-color); color: #fff; }


.top_catch{ font-size: 28px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.3; margin-bottom: 30px; }
.top_catch span{}
.top_catch p{ display: inline-block; font-size: 20px; font-weight: bold; background-color: #eee; padding: 5px 20px; border-radius: 40px; }


.top_contents{ width: 90%; margin: 0 auto 40px auto; min-width: 1000px; }
.top_contents01_list{ display: flex; justify-content: space-between; margin-bottom: 20px; }
.top_contents01_item{ flex-basis: 24%; }
.top_contents01_item a{ font-size: 25px; padding: 30px 10px; }
.top_contents01_item a i{ display: block; font-size: 50px; margin-bottom: 5px; }
.top_contents01_item a span{ display: block; font-size: 18px; }
.top_contents01_item a:hover{ background-color: #fff; color: var(--main-color); }

.top_contents02_list{ display: flex; justify-content: space-between; align-items: stretch; }
.top_contents02_item{ flex-basis: 15.6%; display: flex; align-items: stretch; }
.top_contents02_item a{ width: 100%; display: block; background-color: var(--second-color); color: #fff; font-size: 22px; text-align: center; padding: 30px 15px; border-radius: 10px; border: 2px solid var(--second-color); line-height: 1.2; letter-spacing: 2px; align-items: center; align-content: center; }
.top_contents02_item a:hover{ background-color: #fff; color: var(--second-color); }



.top_contact{ position: fixed; bottom: 0; width: 100%; background-color: var(--main-color); padding: 10px 0 20px 0; text-align: center; z-index: 5; opacity: 0; visibility: hidden;transition: all 0.65s; }
.top_contact p{ font-size: 30px; font-weight: bold; margin-bottom: 10px; color: #fff; }
.top_contact_list{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; }
.top_contact_item{ flex-basis: 24%; }
.top_contact_item a{ display: block; color: #fff; font-size: 22px; font-weight: bold; text-align: center; padding: 10px; border-radius: 10px; letter-spacing: 2px; }
.top_contact_item a i{ margin-right: 10px; }
.top_contact_item a:hover{ }
.top_contact_item_contact{}
.top_contact_item_contact a{ background-color: var(--contact-color); border: 2px solid var(--contact-color); }
.top_contact_item_estimate a{ background-color: var(--estimate-color); border: 2px solid var(--estimate-color); }
.top_contact_item_contact a:hover{ background-color: #fff; color: var(--contact-color); }
.top_contact_item_estimate a:hover{ background-color: #fff; color: var(--estimate-color); }
.top_contact_item_estimate{}
.top_contact_item_reqest{}
.top_contact_item_reqest a{ background-color: var(--request-color); border: 2px solid var(--request-color); }
.top_contact_item_reqest a:hover{ background-color: #fff; color: var(--request-color); }

.top_contact_item .header_tel_time{ color: #fff; }

.isActive {
opacity: 1;
	visibility: visible;
transition: all 0.65s;
}


#topImg{ background: url(../images/top_img01.jpg) no-repeat center center; background-size: cover; padding: 60px 0 40px 0; }
#topImg .topSecTit{ text-align: center; }
#topImg .topSecTit01{  color: #000; font-size: 25px; font-weight: 500; margin-bottom: 5px; }
#topImg .topSecTit02{ font-size: 40px; letter-spacing: 1px; margin-bottom: 15px; }
#topImg .topSecTit02 span{ font-size: 90px; font-weight: 700;  letter-spacing: 0px; }
#topImg .topSecBtn{ width: 400px; margin: 0 auto; }
#topImg .topSecBtn a{ display: block; color: #df2b1f; font-size: 23px; text-align: center; font-weight: 500; padding: 20px; background: #fff; border: 2px solid #fff; }
#topImg .topSecBtn a:hover{ background: #df2b1f; color: #fff; }

#topImg .topSecBtn02{ width: 400px; margin: 20px auto 0 auto; }
#topImg .topSecBtn02 a{ display: block; color: #fff; font-size: 23px; text-align: center; font-weight: 500; padding: 10px; border-radius: 40px; background: #1d7ead; border: 2px solid #1d7ead; }
#topImg .topSecBtn02 a:hover{ background: #fff; color: #1d7ead; }


#topBtn{ width: 1000px; margin: 30px auto 0 auto; }
#topBtn ul{ display: flex; justify-content: space-around; }
#topBtn li{ flex-basis: 48%; }
#topBtn li a{ display: block; background: #1b3e85; border: 2px solid #1b3e85; color: #fff; font-size: 20px; text-align: center; border-radius: 10px; padding: 10px;}
#topBtn li a span{ font-size: 25px; }
#topBtn li a:hover{ background: #fff; color: #1b3e85; }

#topSec{ text-align: center; overflow: hidden; padding: 30px;  }
#topSec .topSecTxt01{ font-size: 17px; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; }
#topSec .topSecTxt02{ font-size: 45px; font-weight: 700; letter-spacing: 1px; color: #1d7eac; margin-bottom: 10px; }

#topSec .topSecBtn01{ width: 800px; margin: 0 auto; }
#topSec .topSecBtn01 ul{ display: flex; justify-content: space-between; }
#topSec .topSecBtn01 li{ flex-basis: 48%; }
#topSec .topSecBtn01 li a{ display: block; color: #fff; font-size: 25px; background: #1d7eac; text-align: center; padding: 15px; border-radius: 10px; border: 2px solid #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a{ background: #002f5d; border: 2px solid #002f5d; }
#topSec .topSecBtn01 li a:hover{ background: #fff; color: #1d7eac; }
#topSec .topSecBtn01 li:nth-child(2) a:hover{ background: #fff; color: #002f5d; }


#main .mainTopSec01{ background: #f3f3f3; padding: 30px; overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec01Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#main .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#main .mainTopSec01 li{ float: left; width: 50%; font-size: 16px; line-height: 3em; }
#main .mainTopSec01 li i{ color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px;  }

#main .mainTopSec01 li:before{ content: "\e90d"; position: relative; font-family:  'icomoon'; color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px; }


#mainTopSec00 .mainTopSec01{ background: #f3f3f3; padding: 30px; overflow: hidden; margin-bottom: 40px; }
#mainTopSec00 .mainTopSec01Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#mainTopSec00 .mainTopSec01 ul{ overflow: hidden; margin-bottom: 20px; }
#mainTopSec00 .mainTopSec01 li{ display: flex; align-items: center; float: left; width: 50%; font-size: 16px; line-height: 3em; margin-bottom: 10px; }
#mainTopSec00 .mainTopSec01 li p{ line-height: 1.5; }
#mainTopSec00 .mainTopSec01 li i{ display: block; width: 15px; height: 15px; color: #fff; font-size: 16px; background: #1d7ead; padding: 10px; border-radius: 5px; margin-right: 10px;  }

#mainTopSec00 .mainTopSec01 li:before{ display: none !important; }
#mainTopSec00 .mainTopSec01Txt{ font-size: 16px; }


#main .mainTopSec01Btn{}
#main .mainTopSec01Btn:after{ content: ""; display: block; clear: both; }
#main .mainTopSec01Btn01{ float: left; width: 49%; margin-right: 2%; } 
#main .mainTopSec01Btn01 a{ display: block; background: #e12b20; color: #fff; border: 2px solid #e12b20; text-align: center; padding: 10px; font-size: 17px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn01 a i{ margin-right: 10px; }
#main .mainTopSec01Btn01 a:hover{ color: #e12b20; background: #fff; }
#main .mainTopSec01Btn02{ float: left; width: 49%; }
#main .mainTopSec01Btn02 a{ display: block; background: #ff8500; color: #fff; border: 2px solid #ff8500; text-align: center; padding: 10px; font-size: 17px; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn02 a:hover{ color: #ff8500; background: #fff; }
#main .mainTopSec01Btn03{ overflow: hidden; margin-top: 20px; }
#main .mainTopSec01Btn03 a{ display: block; background: #1d7ead; color: #fff; border: 2px solid #1d7ead; text-align: center; padding: 10px; font-size: 23px; font-weight: 700; border-radius: 5px; letter-spacing: 1px; }
#main .mainTopSec01Btn03 a:hover{ color: #1d7ead; background: #fff; }

#main .mainTopSec02{}
#main .mainTopSec0201{ width: 100%; }
#main .mainTopSec0201Tit{ font-size: 33px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0201Tit br{ display: none; }
#main .mainTopSec0201Tit span{ color: #df2b1f; }
#main .mainTopSec0201 ol{}
#main .mainTopSec0201 li{ background: #bcc7cd; font-size: 22px; font-weight: 700; margin-bottom: 15px; padding: 10px; overflow: hidden; }
#main .mainTopSec0201 li span{ display: block; float: left; width: 65px; height: 65px;  font-size: 40px; color: #fff; background: #8a9da8; border-radius: 50%; text-align: center; line-height: 65px; margin-right: 10px; }
#main .mainTopSec0201 li p{ float: left; line-height: 65px; }
#main .mainTopSec0201 li p br{ display: none; }
#main .mainTopSec0202{ width: 200px; background: #1b3e85; margin: 5% auto; padding: 2%; font-size: 25px; color: #fff; text-align: center; line-height: 1; font-weight: 500; border-radius: 5px; }
#main .mainTopSec0203{ width: 100%; }
#main .mainTopSec0203Tit{ font-size: 33px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -1px; }
#main .mainTopSec0203Tit br{ display: none; }
#main .mainTopSec0203Tit span{ color: #1d7eac; }
#main .mainTopSec0203 ol{ }
#main .mainTopSec0203 li{ background: #f5d79f; font-size: 22px; font-weight: 700; margin-bottom: 15px; padding: 10px; overflow: hidden; }
#main .mainTopSec0203 li span{ display: block; float: left; width: 65px; height: 65px;  font-size: 40px; color: #fff; background: #ecaf40; border-radius: 50%; text-align: center; line-height: 65px; margin-right: 10px; }
#main .mainTopSec0203 li p{ float: left; line-height: 65px; }
#main .mainTopSec0203 li p br{ display: none; }
#main .mainTopSec0204{ margin-bottom: 40px; }
#main .mainTopSec0204:before{ content: ""; display: block; clear: both; }
#main .mainTopSec0204Tit01{ text-align: center; font-size: 20px; font-weight: 400; margin: 60px 0 20px 0; }
#main .mainTopSec0204Tit02{ text-align: center; font-size: 30px; font-weight: 700; margin-bottom: 60px; }

#main .mainTopSec03{ overflow: hidden; margin-bottom: 40px; }
#main .mainTopSec03:after{ content: ""; display: block; clear: both; }
#main .mainTopSec03 ul{ width: 930px; margin: 0 auto; }
#main .mainTopSec03 li{ float: left; width: 410px; margin-right: 30px; font-size: 40px; text-align: center; font-weight: 500; }
#main .mainTopSec03 li:last-child{ margin-right: 0; }
#main .mainTopSec03 li.btnBuilding{ background: url(../images/btn_building01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li.btnFoodfactory{ background: url(../images/btn_foodfactory01.jpg) no-repeat; background-size: cover; }
#main .mainTopSec03 li a{ display: block; color: #fff; height: 250px; background: rgba(0,0,0,0.5); }
#main .mainTopSec03 li a:hover{ opacity: 0.6; }
#main .mainTopSec03 li i{ display: block; font-size: 40px; text-align: center; padding-top: 60px; }
#main .mainTopSec03 li span{ font-size: 25px; display: block; }

#main .topNews{}
#main .topNews ul{ overflow-y: scroll; height: 250px; }
#main .topNews li{ border-bottom: 1px solid #ccc; padding: 10px; margin-bottom: 10px; font-size: 14px; }
#main .topNews li .topNews01{ margin-bottom: 10px; }
#main .topNews li .topNews01:after{ content: ""; display: block; clear: both; }
#main .topNews li .topNewsDate{ float: left; width: 10%; font-size: 12px; margin-top: 3px; }
#main .topNews li .topNewsTit{ float: left; font-size: 16px; font-weight: 500; }
#main .topNews li .topNewsTxt{ }
#main .topNews .topNewsMore{}
#main .topNews .topNewsMore i{ margin-right: 10px;}
#main .topNews .topNewsMore a{}

/* 水質基準51項目 list/suishitsu */
#main .koumokuSec{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec ul{}
#main .koumokuSec li{ float: left; width: 50%; }
#main .koumokuSec table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec th{ width: 10%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec table td{ font-size: 15px; padding: 10px 7px; border: 1px solid #ccc; }
/*
#main .koumokuSec li:first-child table td{ border-right: 0; }
*/
#main .koumokuSecTxt{ font-size: 16px; margin-bottom: 30px; }

#main .koumokuSec02{ overflow: hidden; margin-bottom: 30px; }
#main .koumokuSec02 ul{ display: flex; }
#main .koumokuSec02 li{ flex-basis: 50%; }
#main .koumokuSec02 li:nth-child(1) th:last-child,
#main .koumokuSec02 li:nth-child(1) td:last-child{ border-right: 0; }
#main .koumokuSec02 li:nth-child(1) td:last-child:last-child{ border-right: 1px solid #ccc; }
#main .koumokuSec02 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec02 th{ background: #eee; font-weight: normal; font-size: 12px; padding: 10px 1px; border: 1px solid #ccc; text-align: center; }

#main .koumokuSec02 thead th:nth-child(1){ width: 5% !important; }
#main .koumokuSec02 thead th:nth-child(2){ width: 75% !important; }
#main .koumokuSec02 thead th:nth-child(3){ width: 20% !important; }

#main .koumokuSec02 table td{ font-size: 12px; padding: 10px 7px; border: 1px solid #ccc; white-space: nowrap; }

#main .koumokuSec02 table td.ss{ font-size: 9px; }

#main .koumokuSec03 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec03 th{ width: 10%; background: #eee; font-weight: normal; font-size: 14px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec03 th.th01{ width: 15%; }
#main .koumokuSec03 th.th02{ width: 4%; }
#main .koumokuSec03 th.th03{ width: 23%; }
#main .koumokuSec03 th.th04{ width: 58%; }
#main .koumokuSec03 table td{ font-size: 14px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec03 table td.td01{ text-align: center; }
#main .koumokuSec03 table td.td02{ text-align: center; }
#main .koumokuSec03 table td.td03{ text-align: center; }
#main .koumokuSec03 table td.td04{ }

#main .koumokuSec04 table{ width: 100%; border-collapse: collapse; }
#main .koumokuSec04 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: center; }
#main .koumokuSec04 th:nth-child(1){ width: 5%; }
#main .koumokuSec04 th:nth-child(2){ width: 55%; }
#main .koumokuSec04 th:nth-child(3){ width: 40%; }
#main .koumokuSec04 table td{ font-size: 15px; padding: 10px 7px; border: 1px solid #ccc; }
#main .koumokuSec04Txt{ font-size: 14px; margin-bottom: 10px; text-align: right; }


#main .koumokuSecBtn{ margin-bottom: 20px; }
#main .koumokuSecBtn ul{ display: flex; justify-content: space-between; }
#main .koumokuSecBtn li{ flex-basis: 48%; }
#main .koumokuSecBtn li a{ display: block; color: #002f5d; border: 2px solid #002f5d; font-size: 16px; font-weight: 700; padding: 10px; text-align: center; border-radius: 40px; }
#main .koumokuSecBtn li a:hover{ background: #002f5d; color: #fff;  }



#main .suishitsuSec{ margin-bottom: 90px; }
#main .suishitsuSecTit{ border: 1px solid #002e5d; padding: 10px; font-size: 20px; letter-spacing: 1px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 30px; }
#main .suishitsuSecImg{ margin-bottom: 20px; }
#main .suishitsuSec01{ font-size: 40px; font-weight: bold; }
#main .suishitsuSec01 span{ background: #002f5d; color: #fff; font-size: 25px; letter-spacing: 2px; padding: 5px 10px; margin-right: 10px; }
#main .suishitsuSec01 span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }


.saisuiryou{ position: absolute; right: 0; top: 0; display: flex; align-items: center; font-size: 30px; font-weight: bold; }
.saisuiryou span{ background: #002f5d; color: #fff; font-size: 20px; letter-spacing: 2px; padding: 2px 10px; margin-right: 10px; }
.saisuiryou span.span01{ background: transparent !important; color: #333; font-size: 20px; margin-right: 0; padding: 0; }



#main .contactbtmSec{ margin-top: 100px; }
#main .contactbtmSecTit{ font-size: 23px; color: #fff; font-weight: 700; text-align: center; padding: 15px; letter-spacing: 1px;
background-image: linear-gradient(
	-45deg,
	#002f5d 25%,
	#0c3965 25%,
	#0c3965 50%,
	#002f5d 50%,
	#002f5d 75%,
	#0c3965 75%,
	#0c3965
);
background-size: 30px 30px;
}
#main .contactbtmSec01{ border: 3px solid #002f5d; padding: 20px 20px 10px 20px; overflow: hidden; }
#main .contactbtmSec01Tel{ text-align: center; width: 320px; margin: 0 auto 10px auto; overflow: hidden; }
#main .contactbtmSec01Ico{ float: left; font-size: 40px; margin-right: 10px; }
#main .contactbtmSec01Txt{ float: left;  font-size: 34px; letter-spacing: 1px; line-height: 1; }
#main .contactbtmSec01Txt span{ display: block; font-size: 14px; }
#main .contactbtmSec01 ul:before{ content: ""; display: block; clear: both; }
#main .contactbtmSec01 ul{}
#main .contactbtmSec01 li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 10px; }
#main .contactbtmSec01 li:nth-child(2n){ margin-right: 0; }
#main .contactbtmSec01 li a{ display: block; font-size: 22px; border: 1px solid; border-radius: 5px; padding: 15px; text-align: center; font-weight: 500; letter-spacing: 1px; }
#main .contactbtmSec01 li:nth-child(1) a,
#main .contactbtmSec01 li:nth-child(2) a{ border-color: #ff8500; color: #ff8500; }
#main .contactbtmSec01 li:nth-child(1) a:hover,
#main .contactbtmSec01 li:nth-child(2) a:hover{ background: #ff8500; color: #fff; }
#main .contactbtmSec01 li:nth-child(3) a{ border-color: #e02b1f; color: #e02b1f; }
#main .contactbtmSec01 li:nth-child(4) a{ border-color: #0086b7; color: #0086b7; }
#main .contactbtmSec01 li:nth-child(3) a:hover{ background: #e02b1f; color: #fff; }
#main .contactbtmSec01 li:nth-child(4) a:hover{ background: #0086b7; color: #fff; }

#main .tanpinSec{ position: relative; overflow: hidden; margin-bottom: 90px; }
#main .tanpinSec table{ width: 100%; border-collapse: collapse; }
#main .tanpinSec th{ width: 50%; background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; text-align: left; }
#main .tanpinSec table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }

#main .dojoSec{ overflow: hidden; margin-bottom: 90px; }
#main .dojoSec ul{}
#main .dojoSec li{ font-size: 15px; padding: 15px 15px 15px 40px; border-bottom: 1px solid #ccc; position: relative; }
#main .dojoSec li:first-child{ border-top: 1px solid #ccc; }
#main .dojoSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }


#main .tanpin_head{font-size: 22px; margin-bottom: 30px;}
#main .tanpin_yokusou th{width: auto;}
#main .tanpin_caution{font-size: 14px; margin-bottom: 10px;}


/* 井戸水でお悩みの方 idomizu */
#main .idomizuSec{ overflow: hidden; margin-bottom: 90px; }
#main .idomizuSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .idomizuSec th{ background: #eee; padding: 5px 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .idomizuSec th.th01{ width: 150px; }
#main .idomizuSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .idomizuSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .idomizuSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 18px; font-weight: 700;  }
#main .idomizuSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .idomizuSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .idomizuSec table td.td01{}
#main .idomizuSec table td.td02{ width: 160px; }
#main .idomizuSec table td .idomizuSecBtn{ margin: 0 auto; }
#main .idomizuSec table td .idomizuSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .idomizuSec table td .idomizuSecBtn a:hover{ background: #fff; color: #0086b7; }


/* 水質検査に困っているビル管理会社 building */
#main .waterSec{ overflow: hidden; margin-bottom: 90px; }
#main .waterSec table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec th{ background: #eee; padding: 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; font-weight: 500; color: #0086b7; }
#main .waterSec th.th01{ width: 150px; }
#main .waterSec th span{ display: block; width: 90px; height: 90px; background: #0086b7; border-radius: 50%; text-align: center; margin: 0 auto; }
#main .waterSec th span i{ color: #fff; font-size: 50px; line-height: 90px; }
#main .waterSec table td{ padding: 10px; border: 1px solid #ccc; font-size: 18px; font-weight: 700;  }
#main .waterSec table td span{ display: inline-block; background: #002f5d; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; }
#main .waterSec table td span.osusume{ display: inline-block; background: #ff8500; font-size: 13px; padding: 3px; color: #fff; font-weight: 500; letter-spacing: 1px; margin-right: 10px; }
#main .waterSec table td.td01{}
#main .waterSec table td.td02{ width: 160px; }
#main .waterSec table td .waterSecBtn{ margin: 0 auto; }
#main .waterSec table td .waterSecBtn a{ display: block; background: #0086b7; color: #fff; border: 1px solid #0086b7; font-size: 15px; font-weight: 500; text-align: center; padding: 10px; border-radius: 10px; }
#main .waterSec table td .waterSecBtn a:hover{ background: #fff; color: #0086b7; }
#main .waterSec p{ font-size: 15px; }

#main .buildingSec{ overflow: hidden; margin-bottom: 90px; }
#main .buildingSec ul{ display: flex; justify-content: space-between; align-items: center; align-content: center; }
#main .buildingSec li{ flex-basis: 48%; }
#main .buildingSec li a{ display: block; color: #fff; background: #002f5d; font-size: 16px; font-weight: 500; border: 2px solid #002f5d; padding: 20px; text-align: center; letter-spacing: 1px; height: 100px; display: flex; align-items: center; align-content: center;  }
#main .buildingSec li a:hover{ background: #fff; color: #002f5d; }
#main .buildingSec li a span{ font-size: 24px; font-weight: 700; margin-left: 5px; letter-spacing: 2px; }
#main .buildingSec li a i{ font-size: 30px; margin-right: 10px; }
#main .buildingSec li:nth-child(1) a i{ font-size: 50px; }

#main .waterSec02{ margin-bottom: 90px; }
#main .waterSec02 p{ font-size: 15px; margin-bottom: 30px; }
#main .waterSec02 p a{ text-decoration: underline; }
#main .waterSec02 table{ width: 100%; border-collapse: collapse; margin-bottom: 20px; }
#main .waterSec02 th{ background: #eee; font-weight: normal; font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 th:nth-child(1){ width: 10%; }
#main .waterSec02 th:nth-child(2){ width: 65%; }
#main .waterSec02 th:nth-child(3){ width: 25%; }
#main .waterSec02 table td{ font-size: 15px; padding: 10px; border: 1px solid #ccc; }
#main .waterSec02 table td:nth-child(1){ text-align: center; }
#main .waterSec02 ul{ margin-left: 30px; }
#main .waterSec02 li{ list-style-type: disc; font-size: 15px; line-height: 1.7; }

/* マスコミ掲載履歴 media */
#main .mediaSec{ overflow: hidden; margin-bottom: 90px; }
#main .mediaSec:after{ content: ""; display: block; clear: both; }
#main .mediaSec01{ overflow: hidden; margin-bottom: 40px; }
#main .mediaSec01:after{ content: ""; display: block; clear: both; }
#main .mediaSec01Txt{ float: left; width: 520px; font-size: 15px; line-height: 1.8; margin-right: 30px; }
#main .mediaSec01Btn{ overflow: hidden; margin-bottom: 20px; }
#main .mediaSec01Btn a{ display: block; color: #0186b7; border: 1px solid #0186b7; font-size: 15px; padding: 10px; text-align: center; }
#main .mediaSec01Btn a i{ margin-left: 10px; }
#main .mediaSec01Btn a:hover{ background: #0186b7; color: #fff; }
#main .mediaSec01Img{ float: left; width: 300px; }
#main .mediaSec01Img img{ width: 100%; height: auto; margin-bottom: 10px; }
#main .mediaSecBtn{ width: 300px; margin-top: 20px; }
#main .mediaSecBtn a{ display: block; background: #0086b7; color: #fff; text-align: center; border: 1px solid #0086b7; padding: 5px 10px; border-radius: 30px; }
#main .mediaSecBtn a i{ margin-left: 10px; }
#main .mediaSecBtn a:hover{ background: #fff; color: #0086b7; }



/* ご依頼の流れ flow */
#main .flowSec{ overflow: hidden; margin-bottom: 90px; }
#main .flowSec:after{ content: ""; display: block; clear: both; }
#main .flowSec ul{}
#main .flowSec li{}
#main .flowSec li:after{ content: ""; display: block; clear: both; }
#main .flowSec li .flowSecNum{ float: left; display: block; width: 250px; height: 250px; background: #0086b7; border-radius: 50%; color: #fff; text-align: center; margin-right: 30px; }
#main .flowSec li .flowSecNum01{ font-size: 48px;  border-bottom: 3px solid #fff; padding-top: 20px; margin-bottom: 10px; }
#main .flowSec li .flowSecTit01{ font-size: 22px; font-weight: 500; }
#main .flowSec li .flowSecIco01{ font-size: 60px; color: #fff; }
#main .flowSec li .flowSecTxt{ float: left; width: 570px; font-size: 16px; }
#main .flowSec li.arrow{ color: #0086b7; font-size: 60px; margin: 30px 0 30px 105px; }

/* 採水サンプル sample */
#main .sampleSec{ overflow: hidden; margin-bottom: 90px; }
#main .sampleSec01{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec01:after{ content: ""; display: block; clear: both; }
#main .sampleSec01Img{ float: left; width: 280px; margin-right: 30px; }
#main .sampleSec01Txt{ float: left; width: 540px; font-size: 16px; }
#main .sampleSec01Txt ul{ margin-left: 20px; }
#main .sampleSec01Txt li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec01Arrow{ text-align: center; margin-bottom: 30px; color: #0085b7; font-size: 50px; }

#main .sampleSec02{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec02:after{ content: ""; display: block; clear: both; }
#main .sampleSec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#main .sampleSec02 li{ flex-basis: 280px; }
#main .sampleSec02 li p{ font-size: 15px; padding: 10px; }
#main .sampleSec02Att{ font-size: 16px; color: #f00; font-weight: 500; }

#main .sampleSec03{ overflow: hidden; margin-bottom: 40px; }
#main .sampleSec03 ul{ margin-left: 20px; }
#main .sampleSec03 li{ list-style-type: disc; font-size: 16px; line-height: 1.7; }
#main .sampleSec03 p{ font-size: 16px; margin-bottom: 20px; }

/* 検査会社募集 invite */
#main .inviteSec{ overflow: hidden; margin-bottom: 90px; }

/* よくある質問 faq */
#main .faqSec{ overflow: hidden; margin-bottom: 90px; }
#main .faqSec ul{ }
#main .faqSec li{ overflow: hidden; margin-bottom: 20px; }
#main .faqSec li .faqSecTitQ{ display: flex; background: #333; color: #fff; font-size: 19px; font-weight: 500; padding: 10px 20px; }
#main .faqSec li .faqSecTitQ:before{ display: block; content: "Q";  font-size: 26px; margin-right: 20px; }
#main .faqSec li .faqSecTitA{ display: flex; font-size: 15px; padding: 20px; }
#main .faqSec li .faqSecTitA:before{ display: block; content: "A";  font-size: 26px; margin-right: 20px; margin-top: -5px; }

/* 運営会社 company */
#main .companySec{ overflow: hidden; margin-bottom: 90px; }
#main .companySecImg{ margin-bottom: 20px; }
#main .companySecTit{ font-size: 34px; font-family: "a-otf-ryumin-pr6n",serif; margin-bottom: 10px; }
#main .companySecTxt{ font-size: 15px; line-height: 1.7; }

#main .companySec02Wrap{ display: flex; justify-content: space-between; }
#main .companySec02{  }
#main .companySec02Img{ flex-basis: 30%; margin-left: 3%; font-size: 18px; letter-spacing: 1px; text-align: center; }
#main .companySec02Img img{ width: 100%; height: auto; margin-bottom: 10px;  }
#main .companySec02Img span{ font-size: 13px; margin-right: 20px; }

#main .companySec table{ width: 100%; border-collapse: collapse; }
#main .companySec th{ width: 15%; background: #eee; border: 1px solid #ccc; padding: 15px; }
#main .companySec table td{ font-size: 15px; padding: 15px; border: 1px solid #ccc; }
#main .companySec table td span{ color: #0085b7; font-weight: 500; }
#main .companySec table td a{ text-decoration: underline; }
#main .companySec table td ul{ margin-left: 20px; }
#main .companySec table td li{ list-style-type: disc; line-height: 1.7; }
#main .companySec table td img{ margin-top: 10px; }
#main .companySecTxt ol{ margin-left: 20px; }
#main .companySecTxt li{ list-style-type: decimal; }

#main .companySec > ul{ display: flex; justify-content: space-between; }
#main .companySec > ul li{ flex-basis: 32%; }
#main .companySec li .companySec01Img{ margin-bottom: 10px; }
#main .companySec li .companySec01Img img{ width: 100%; height: auto; }
#main .companySec li p{  font-size: 16px; }

#main .companySec03{ overflow: hidden; margin-bottom: 90px; }
#main .companySec03 ul{ display: flex; }
#main .companySec03 li{ flex-basis: 32%; margin-right: 2%; }
#main .companySec03 li .companySec01Img{ margin-bottom: 10px; }
#main .companySec03 li p{  font-size: 16px; }

#main .company_president{float: left; margin: 0 30px 20px 0;}
#main .company_president span{font-size: 19px; text-align: center; display: block; margin: 20px 0 0 0; font-family: serif;}

/* お問い合わせ contact */
#main .contactSec{ overflow: hidden; margin-bottom: 90px; }
#main .contactSec nav{ }
#main .contactSec nav ul{ display: flex; justify-content: space-between; }
#main .contactSec nav li{ flex-basis: 270px; }
#main .contactSec nav li a{ display: block; border: 1px solid #0086b7; border-radius: 10px; padding: 30px 20px; text-align: center; font-size: 17px; }
#main .contactSec nav li a span{ display: block; color: #0086b7; font-size: 28px; font-weight: 700; letter-spacing: 1px; }
#main .contactSec nav li a:hover{ background: #f5f5f5; color: #0086b7; }

/* ダウンロード download */
#main .downloadSec{ overflow: hidden; margin-bottom: 90px; }
#main .downloadSec table{ width: 100%; border-collapse: collapse; }
#main .downloadSec th{ background: #f5f5f5; padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 18px; font-weight: 500; }
#main .downloadSec table td{ width: 15%; font-size: 50px; text-align: center; border: 1px solid #ccc; padding: 10px; }
#main .downloadSec table td a:hover{ opacity: 0.6; }
#main .downloadSec table td .icon-pdf{ color: #c81822; }
#main .downloadSec table td .icon-excel{ color: #1e6e44; }

/* サイトマップ sitemap */
#main .sitemapSec{ overflow: hidden; margin-bottom: 90px; }
#main .sitemapSec ul{}
#main .sitemapSec li{ font-size: 16px; padding: 15px 15px 15px 40px; position: relative; }
#main .sitemapSec li:before{ position: absolute; content: ""; display: block; top: 20px; left: 15px; background: #0086b7; width: 13px; height: 13px; border-radius: 50%; }
#main .sitemapSec li ul{ margin-top: 20px; }

}
/* ----------------------------------------------------------
 PC WIDE CSS END
---------------------------------------------------------- */