@charset "utf-8";

/**
 * ----------------------------------------------------------
 * 共通
 * ----------------------------------------------------------
 */
body {font-size:16px; line-height:1.7; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; color:#333333;}
@media screen and (max-width:960px) {
body {font-size:15px;}
}
@media screen and (max-width:600px) {
body {font-size:14px;}
}
h1,h2,h3,h4,h5,h6 {line-height:1.2; font-weight:normal;}
table {border-spacing:0; border-collapse:collapse;}
table p {margin:5px 0;}
th {padding:10px; border:0px solid #DDDDDD; background-color:#FFFFFF; font-weight:normal;}
td {padding:10px; border:0px solid #DDDDDD; background-color:#FFFFFF;}
textarea {display:block;}
tr {padding:10px; border-bottom:1px solid #CDCDCD; background-color:#FFFFFF;}
@media screen and (max-width:600px) {
th,td {padding:5px; border:0px solid #DDDDDD; }
th {font-weight:bold; border:0px solid #DDDDDD; }
tr {padding:10px; border-bottom:1px solid #CDCDCD; background-color:#FFFFFF;}
}

/**
 * ----------------------------------------------------------
 * レイアウト
 * ----------------------------------------------------------
 */
#page {margin:0 auto; background-color:#FFFFFF;}
.two_column {margin:0 auto; width:1200px;}
.two_column #content {border-right:1px solid #CCCCCC; width:720px; float:left;}
.two_column #sidebar {padding:0 0 0 30px; width:240px; float:right;}
@media screen and (max-width:960px) {
.two_column {width:100%;}
.two_column #content {border:none; width:100%; float:none;}
.two_column #sidebar {padding:0; width:100%; float:none;}
}
@media screen and (max-width:600px) {
.two_column #sidebar {padding:0 0 60px 0;}
}

/**
 * ----------------------------------------------------------
 * メニューバー
 * ----------------------------------------------------------
 */
.wrap-menubar {position:relative;}
.fixmenubar {position:absolute; top:0; left:0; z-index:10000; background-color:#FFFFFF; width:100%;}
.menubar-fixed {position:fixed;}
.wrap-border {border-top:5px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
.wrap-menubar h1 {margin:5px 10px; font-size:0.75em; font-weight:normal;}
.logobar {float:left;}
.logobar a {padding:0 10px; height:60px; line-height:60px; display:block; color:#000000; text-decoration:none; font-weight:bold;}
.logobar img {height:50px; vertical-align:middle;}
.menubar {float:right;}
.menubar-spmenu {display:none; cursor:pointer; position:absolute; top:5px; bottom:5px; right:0;}
.menubar-spmenu-icon {padding:0 5px; display:block;}
.menubar-spmenu .icon_close {display:none;}
.menubar-spmenu .icon_open:before {font-family:FontAwesome; content:"\f0c9"; font-size:2em;}
.menubar-spmenu .icon_close:before {font-family:FontAwesome; content:"\f00d"; font-size:2em;}
.accordion-switch-active .icon_open {display:none;}
.accordion-switch-active .icon_close {display:block;}
.menubar-menus ul {margin:0; padding:0;}
.menubar-menus li {margin:0; padding:0; list-style:none; list-style-image:none; float:left; text-align:center;}
.menubar-menus a {margin:0; padding:0 15px; border-bottom:2px solid rgba(241,90,48,0); height:60px; line-height:60px; text-decoration:none; display:block; color:#000000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; max-width:600px; transition-duration:0.3s; transition-property:border-color;}
.ua-pc .menubar-menus a:hover {border-bottom-color:rgba(241,90,48,1);}
@media screen and (min-width: 601px) {
.menubar-menus {display:block !important;}
}
@media screen and (max-width: 600px) {
.wrap-menubar {padding:0 !important;}
.wrap-menubar h1 {margin:5px 10px 0 10px;}
.fixmenubar {position:static !important;}
.menubar {float:none;}
.logobar {float:none; position:relative;}
.logobar a {padding:0 10px;}
.logobar img {height:50px; vertical-align:middle;}
.menubar-spmenu {display:block;}
.menubar-menus {background-color:#FFFFFF; display:none; width:100%;}
.menubar-menus .menus {float:none; clear:both;}
.menubar-menus .menus li {float:none; border-top:1px solid #CCCCCC; text-align:left; width:100%;}
.menubar-menus a {background-color:#F6F6F6; border-bottom:0px solid rgba(255,255,255,0); height:50px; line-height:50px; transition-duration:0.3s; transition-property:background-color;}
.ua-pc .menubar-menus a:hover {background-color:#F15A30; color:#FFFFFF;}
.menubar-menus .menus a:after {font-family:FontAwesome; content:"\f0da"; float:right; font-weight:normal;}
.logo img {max-width: 100%; height: auto;}
}

/**
 * ----------------------------------------------------------
 * フッター
 * ----------------------------------------------------------
 */
.footerbar {border-top:1px solid #CCCCCC; background-color:#000000;}
.footerbar .footerbar-menus {margin:0; padding:0;}
.footerbar .footerbar-menus li {margin:0; padding:0 !important; list-style:none; list-style-image:none; float:left;}
.footerbar .footerbar-menus a {padding:0 10px; color:#FFFFFF; text-decoration:none; display:block; height:50px; line-height:50px; font-size:0.8em; transition-duration:0.3s; transition-property:color;}
.ua-pc .footerbar .footerbar-menus a:hover {color:#F15A30;}
.footerbar .footerbar-menus a:before {margin-right:3px; font-family:FontAwesome; content:"\f0da"; line-height:1;}
.copyright {padding:0 20px; float:right; height:50px;line-height: 50px; text-align:center; color:#FFFFFF;}
@media screen and (max-width:600px) {
.footerbar .footerbar-menus li {border-bottom:0px solid #CCCCCC; float:none; background-color:#000000;}
.footerbar .footerbar-menus a {background-color:#000000; transition-duration:0.3s; transition-property:background-color;}
.ua-pc .footerbar .footerbar-menus a:hover {background-color:#666666; color:#FFFFFF;}
.footerbar .footerbar-menus a:before {content:"";}
.footerbar .footerbar-menus a:after {font-family:FontAwesome; content:"\f0da"; float:right;}
.copyright {padding:10px; float:none; height:auto; line-height:1.7;}
}

/**
 * ----------------------------------------------------------
 * ナビゲーション
 * ----------------------------------------------------------
 */

/*ページトップ*/
.pagetop {margin:0; padding:0;}
.pagetop li {margin:0; padding:0; list-style:none; list-style-image:none;}
.pagetop li a {margin:0; padding:0; border-radius:9999px; width:50px; height:50px; line-height:50px; display:block; background-color:#F15A30; color:#FFFFFF; text-decoration:none; text-align:center; font-size:2em; position:fixed; bottom:60px; right:10px; z-index:2000; display:none; transition-duration:0.3s; transition-property:background-color;}
.pagetop li a:before {font-family:FontAwesome; content:"\f106";}
.ua-pc .pagetop li a:hover {background-color:#B54424;}

/**
 * ----------------------------------------------------------
 * セクション
 * ----------------------------------------------------------
 */

/*デフォルト*/
.section {padding:0 0 30px 0; border-top:0px solid #CCCCCC; background-color:#FFFFFF;}
.section .header-section img {display:block; width:100%; max-width:none;}
.section .title-section {margin:0; padding:2em 10px; color:#595757; text-align:center; font-size:1.8em;}
@media screen and (max-width:960px) {
.section .innercol {padding:0 10px;}
.section .title-section {padding:1em 10px;}
}
@media screen and (max-width:600px) {
.section .title-section {font-weight:bold;}
}

/*会社概要*/
.section-outline {text-align:center;}
.section-outline .box-extrior {margin: 0 -5px;}
.section-outline .wrap-extrior {padding:10px 5px;}
.section-outline p {margin:10px 0;}
.section-outline .image img {display: block;}
.section-outline .title {color:#357F9E; font-size:1.25em; margin:10px 0 0 0;}
.section-outline .name {color: #000000; font-size: 1em; margin:0px 0;}

/**
 * ----------------------------------------------------------
 * セクション追加
 * ----------------------------------------------------------
 */
/*サイトタイトル*/
.section-sitetitle {text-align:center; background-color:#F0F0F0;}
.section-sitetitle .title {color:#4d4d4d; font-size:2em; font-weight: bold; padding:30px ; margin:0px;}
.section-sitetitle .title .ultrasonic {color:#0066cc;}
.section-sitetitle .title .ultrasonic-g {color:#009933;}
.section-sitetitle .title .membrane {color:#fe5050;}

/*お知らせ notice*/
.section-info {text-align:center;}
.section-info .box-extrior {margin: 0 -5px;}
.section-info .wrap-extrior {padding:10px 5px;}
.section-info p {margin:10px 0;}
.section-info .image img {display: block;}
.section-info .title {color:#357F9E; font-size:1.25em; margin:20px 0 0 0;}
.section-info .txtlink a {line-height: 1.2em; margin:0; padding:0;}
.section-info a {color:#4d4d4d; text-align:left; text-decoration:none; transition-property:color;}
.section-info a:before {font-family:FontAwesome; content:"\f0da";}
.section-info a:hover {color:#F15A30;}
@media screen and (max-width:600px) {
}

/*お役立ちツール tool*/
.section-tool {text-align:left; background-color:#FFFFFF; border-top:1px solid #ddd; margin-bottom: 30px}
.section-tool .box-extrior {margin: 0 -5px;}
.section-tool .wrap-extrior {padding:10px 5px;}
.section-tool p {margin:5px 0;}
.section-tool .image img {display: block;}
.section-tool .title {color:#357F9E; font-size:1.25em; margin:20px 0 0 0;}
.section-tool .titlesub {font-weight: bold; font-size:1.1em; margin:0;}
.section-tool h3 {font-weight: bold; margin:20px 0;}
.section-tool .form_kw {background: #eaf4ff; padding: 10px 30px; margin: 20px 0px;}
.section-tool .form_kw_input {background: #ffffff; padding: 10px 30px; margin: 20px 0px;}
.section-tool .box {box-sizing: border-box; width: 120px; height: 50px; margin:0; padding: 0 10px;}
.section-tool .form_btn {margin:10px; padding-top:1px; border:none; border-radius:5px; background-color:#F15A30; color:#FFFFFF; font-size:1em; transition-duration:0.3s; transition-property:background-color;}
.section-tool .form_btn:hover {cursor: pointer;}
.section-tool .form_kw_t {font-weight: bold;}
.section-tool .form_kw_l {padding-left: 1.5em;}
.section-tool .form_kw_r {padding-left: 1em;}
.section-tool table {border-spacing:0; border-collapse:collapse; border:1px solid #CDCDCD;}
.section-tool th {background-color:#F7F7F7; color:#000; text-align:center; font-weight:normal; border:1px solid #CDCDCD;}
.section-tool td {padding:5px; background-color:#FFFFFF; text-align:center; border:1px solid #CDCDCD;}
.section-tool .check {font-size:1.1em; text-align:center; border:1px solid #CDCDCD;}
.section-tool textarea {display:block;}
.section-tool tr {padding:5px; border-bottom:1px solid #CDCDCD; background-color:#FFFFFF;}
.section-tool td a {text-decoration:underline; color:#fc611c; }
.section-tool a {text-decoration:underline;}
/* PCでのみ表示（デフォルト） */
.section-tool .pc-only {
  display: block;          /* 通常は表示 */
}
/* スマホでのみ表示（デフォルト） */
.section-tool .sp-only {
  display: none;           /* 通常は非表示 */
}
/* スマホサイズ向けの設定 */
@media screen and (max-width:600px) {
.section-tool .pc-only {
    display: none;         /* スマホサイズでは非表示 */
  } 
.section-tool .sp-only {
    display: block;        /* スマホサイズでは表示 */
  }
}

/*製品マニュアル見出し manual*/
.section-manual {text-align:left;}
.section-manual .box-extrior {margin: 0 -5px;}
.section-manual .wrap-extrior {padding:10px 30px;}
.section-manual p {margin:0px 0;}
.section-manual .image img {display: block; align: center}
.section-manual .title {color:#4d4d4d; font-size:1.5em; font-weight: bold; margin:10px 0 0 0;}
.section-manual .title .ultrasonic {color:#0066cc;}
.section-manual .title .ultrasonic-g {color:#009933;}
.section-manual .title .membrane {color:#fe5050;}
.section-manual .titlesub {font-weight: bold; font-size:1.1em; margin:0;}
.section-manual .text {margin:20px 0;}
.section-manual .new {padding:2px 15px; color:#FFFFFF; background-color:#fc611c; margin-top:20px;}
.section-manual .info {color:#fc611c; text-align:center; padding-top: 50px;}
.section-manual .anchor-menu {margin:20px 0 0 0; font-size: 1.2em;}
.section-manual .anchor {color: #4d4d4d; font-size: 1em; margin:0px 0; text-align:left;}
.section-manual .anchor a {color:#4d4d4d; text-decoration:none; transition-property:color;}
.section-manual .anchor a:before {margin-right:3px; font-family:FontAwesome; content:"\f0da"; line-height:1;}
.section-manual .anchor a:hover {color:#F15A30;}
@media screen and (max-width:600px) {
.section-manual .anchor-menu {font-size:1.5em}	
}

/*お問い合わせ*/
.section-contact {text-align:center; background-color:#FFFFFF; border-top:1px solid #ddd; margin-bottom: 30px}
.section-contact .box-extrior {margin: 0 -5px;}
.section-contact .wrap-extrior {padding:10px 5px;}
.section-contact p {margin:10px 0;}
.section-contact .image img {display: block;}
.section-contact .title {font-weight: bold; color:#4d4d4d; font-size:1.8em; margin:20px 0; line-height: 1.1875; padding: 20px;}
.section-contact .name {color: #4d4d4d; font-size: 1em; margin:0px 0;}
.section-contact .contactBox{border:1px solid #ddd; text-align:center;}
.section-contact .ttl01{margin-bottom:10px;}
.section-contact .contactContent{font-size:13px;line-height:1.6153846154;}
.section-contact .large{font-size:1.2em; font-weight:bold; margin-top:10px;}
.section-contact .tel {font-size:1.5em; font-weight:bold; margin-bottom:0px;line-height:1;}
.section-contact .tel a{color:#4d4d4d　}
.section-contact .tel span{display:block; margin-top:10px; font-size:14px}
.section-contact  a:not([href^="tel:"]){color:#fc611c; text-decoration:underline; font-weight:bold;}
.section-contact .time {margin-bottom:20px;}

/*利用条件 conditions*/
.section-conditions {text-align:left; background-color:#FFFFFF; border-top:1px solid #ddd;margin-bottom:40px;}
.section-conditions .box-extrior {margin: 0 -5px;}
.section-conditions .wrap-extrior {padding:10px 5px;}
.section-conditions p {margin:10px 0;}
.section-conditions .image img {display: block;}
.section-conditions .title {color:#357F9E; font-size:1.25em; margin:10px 0 0 0;}
.section-conditions .text {margin:20px 0;}
.section-conditions ol {list-style: decimal; list-style-position: inside; font-size:0.9em;}
.section-conditions li {line-height: 1.5em; padding:5px 0;}
.section-conditions li:before {}
@media screen and (max-width:600px) {}

/*製品ページ　設定*/
.section-product {text-align:center;}
.section-product .box-extrior {margin: 0 -5px;}
.section-product .wrap-extrior {padding:10px 5px;}
.section-product .wrap-extrior row {padding:10px 5px;}
.section-product p {margin:10px 0;}
.section-product .image img {display: block;}
.section-product .title {color:#fc611c; font-size:1.5em; font-weight: bold; margin:10px 0 0 0; text-align:left;}
.section-product .text {color: #4d4d4d; font-size: 1em; margin:0px 0; text-align:left;}
.section-product .cap {font-size:0.9em; text-align:left; margin:5px 20px 30px 20px;}

/*製品ページ　動画*/
.section-product .title_movie {color: #4d4d4d; font-size: 1.1em; font-weight: bold; margin:0 18px; text-align:left;}
.section-product .text_movie {color: #4d4d4d; font-size: 1em; margin:0 18px; text-align:left;}
.section-product .text_movie a  {color: #FF0000; text-decoration: underline; }

/*製品ページ　関連書類 documents*/
.section-documents {text-align:left; background-color:#FFFFFF;}
.section-documents .box-extrior {margin: 0 -5px;}
.section-documents .wrap-extrior {padding:10px 5px;}
.section-documents p {margin:10px 0;}
.section-documents .image img {display: block;}
.section-documents .title {color:#357F9E; font-size:1.25em; margin:10px 0 0 0;}
.section-documents .text {margin:20px 0;}
.section-documents .cap {font-size:0.9em; margin:5px 0;}

.section-documents table {border-spacing:0; border-collapse:collapse; border:1px solid #CDCDCD;}
.section-documents th {background-color:#999; color:#fff; text-align:center; font-weight:bold; border:1px solid #CDCDCD;}
.section-documents td {padding:10px; background-color:#FFFFFF; text-align:center; border:1px solid #CDCDCD;}
.section-documents .check {font-size:1.1em; text-align:center; border:1px solid #CDCDCD;}
.section-documents textarea {display:block;}
.section-documents tr {padding:10px; border-bottom:1px solid #CDCDCD; background-color:#FFFFFF;}
.section-documents td a {text-decoration:underline; color:#fc611c; }
.section-documents a {text-decoration:underline;}

/* PCでのみ表示（デフォルト） */
.section-documents .pc-only {
  display: block;          /* 通常は表示 */
}
/* スマホでのみ表示（デフォルト） */
.section-documents .sp-only {
  display: none;           /* 通常は非表示 */
}
/* スマホサイズ向けの設定 */
@media screen and (max-width:600px) {
.section-documents .pc-only {
    display: none;         /* スマホサイズでは非表示 */
  } 
.section-documents .sp-only {
    display: block;        /* スマホサイズでは表示 */
  }
}


/*アンカー*/
.anchor {text-align:center;}
.section-anchor {margin:80px 0 0 0; padding:0; display: flex;}
.section-anchor .anchor-menu {color: #4d4d4d; font-size: 1em; margin:10px; text-align:center;}
.section-anchor .anchor-menu a {padding:0 10px; color:#4d4d4d; text-decoration:none; transition-property:color;}
.section-anchor .anchor-menu a:before {margin-right:3px; font-family:FontAwesome; content:"\f0da"; line-height:1;}
.section-anchor .anchor-menu a:hover {color:#F15A30;}

/*セクションタイトル*/
	.title-section-bar {
    margin-top: 2em; font-size: 3rem; text-align:left;
    font-weight: bold; color:#4d4d4d;
    line-height: 1.1875;
    padding-bottom: 16px;
    border-bottom: 1px solid #bbb;
    position: relative;
	}
	.title-section-bar:before {
    content: "";
    width: 120px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #fc611c;}
@media print,screen and (
	max-width: 750px){
	.title-section-bar{
	margin-top: 2em; font-size:22px;
	line-height:1.1875;
	padding-bottom:7px;
	border-bottom:1px solid #bbb;
	position:relative;
	letter-spacing:-0.02em}
	}
	.title-section-bar:before{
	content:"";
	width:60px;
	height:1px;
	position:absolute;
	left:0;
	bottom:-1px;
	background-color:#fc611c　
	}
	
/**
 * ----------------------------------------------------------
 * noscript support
 * ----------------------------------------------------------
 */
.js-off .menubar-spmenu {display:none;}
.js-off .menubar-menus {display:block;}

/**
 * ----------------------------------------------------------
 * ie support
 * ----------------------------------------------------------
 */
.ua-under-ie8 body {background-color:#F0F0F0;}
.ua-under-ie8 #page {width:1080px; min-width:1080px; margin:0 auto; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.ua-under-ie8 .menubar-fixed {position:absolute;}
.ua-under-ie7 .pagetop {display:none;}