﻿@charset "utf-8";
/* CSS Document */
/*
スマホ:--767
PC:768--960
*/
/* ================================== 
	共通設定
===================================== */ 
html{
	height:100%;
	font-size: 62.5%;/*remで管理しやすくするため*/
}
body{
	min-height:100%;
	background-color:#ffffe8;
	font-family:Meiryo;
	font-size:1.6rem;/*16px*/
	margin:0 auto;
	padding:0px;
	color:#333333;
}
body > #Container{
	height:auto;
}
p,h1,h2,h3,h4,h5,h6,dt,dd,ul,ol,li,th,td,input,textarea,figure {
	margin:0;
	padding:0
}
table{
	border-collapse:collapse;
}
h1,h2,h3,h4,h5,h6,th,td,input,textarea{
	font-family:inherit;
	font-size:inherit;
	font-style: normal;
	font-weight:normal
}
input,textarea{
	border:1px solid #cccccc;
}
th,td{
	text-align:left;
}
ol,ul{
	list-style:none
}
img{
	display:block;
}
a{
	text-decoration:none;
	color:#a73324;
}
a:hover{
	opacity:0.6;
}
button{
	padding:0 1em;
	line-height:24px;
	border:1px solid #f59c02;
	border-radius:12px;
	background:none #ffffb2;
	font:inherit;
	font-size:1.4rem;
	font-weight:normal;
}
/*フォーカスオンの枠 MOD BY 屈 2020/07/02 START*/
:focus {
    outline: 1px dotted gray;
}
/*フォーカスオンの枠 MOD BY 屈 2020/07/02 END*/
:focus::-webkit-input-placeholder {
	color: transparent;
}
:focus:-moz-placeholder {
	color: transparent;
}
:focus::-moz-placeholder {
	color: transparent;
}
/* ================================== 
	Header 
===================================== */ 
header{
	display:table;
	width:100%;
	margin:0 auto;
	background-color:#FFFF00;
	color:inherit;
	padding-bottom:10px;
	font-size:0;
}
header > h1{
	display:table-cell;
	width:302px;
	padding-top:13px;
	padding-left:14px;
	box-sizing:border-box;
	vertical-align:top;
}
header > h1 img{
	margin:0;
}
header > div{
	position:relative;
	display:table-cell;
	padding:0 16px 8px 0;
	vertical-align:bottom;
	text-align:right;
	font-size:0;
	box-sizing:border-box;
}
header > div ul{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:8px 16px;
	box-sizing:border-box;
}
header > div ul li{
	display:inline-block;
	margin-left:8px;
	font-size:1.2rem;
}
header > div ul li:first-child{
	margin-left:0;
}
header > div ul li a{
	display:block;
	width:auto;
	height:40px;
	padding:0 16px;
	line-height:40px;
	text-align:center;
	border:1px solid #FFC207;
	border-radius:20px;
	color:inherit;
}
header > div ul li a::before{
	content:"";
	display:inline-block;
	margin-right:4px;
	width:24px;
	height:24px;
	background:none no-repeat center center transparent;
	vertical-align:middle;
}
header > div ul li:nth-child(1) a::before{background-image:url(../images/head_icon5.png);}
header > div ul li:nth-child(2) a::before{background-image:url(../images/head_icon1.png);}
header > div ul li:nth-child(3) a::before{background-image:url(../images/head_icon2.png);}
header > div ul li:nth-child(4) a::before{background-image:url(../images/head_icon3.png);}
header > div ul li:nth-child(5) a::before{background-image:url(../images/head_icon4.png);}
header > div div{
	font-size:2.0rem;
	font-weight:600;
	line-height:80%;
	
}
header > div div p{
	font-size:1.2rem;
	font-weight:normal;
}
/*=======================================
	nav 
=========================================*/ 
nav { 
	width:100%;/*レスポンシブ対応の場合を想定して領域を確保*/
}
#Navi_Menu{
	margin:0 auto;
	background-color:#ffc207;
}
#Navi_Menu > ul{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
	border-bottom:#f56f02 2px solid;
}
#Navi_Menu ul > li{
	font-size:1.2rem;
	text-align:center;
	padding:12px 14px;
	box-sizing:border-box;
	white-space: nowrap;
}

#Navi_Menu ul li a{
	color:inherit;
	display:block;
	text-align:left;
}
#Navi_Menu .Menu_Assay > a{
	padding-right:22px;
}

#Navi_Menu ul li.Navi_active a{
	color:#ffffff;
}
#Navi_Menu > ul > li{
	position:relative;
}
#Navi_Menu > ul > li .Dropdown_Menu{
	position: absolute;
	display:none;
	left:50%;
	top:100%;
	padding: 0;
	border-top:3px solid #fca905;
	border-left:4px solid #fca905;
	width:100%;
	z-index:10;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	background-color:#ffffff;
	background-clip:padding-box;
	box-shadow:1px 2px 1px 0 rgba(0,0,0,0.2);
	box-sizing:border-box;
}


#Navi_Menu ul.Dropdown_Menu li{
	float:none;
	width:auto;
	padding:0;
	white-space: nowrap;
	color: inherit;
	opacity:1;
}
#Navi_Menu ul.Dropdown_Menu li + li {
	border-top:1px solid #cccccc;
}

#Navi_Menu ul.Dropdown_Menu li a{
	padding: 5px 10px;
	margin-left: -0px;
	margin-right: -0px;
	margin-bottom: -0px;
	display: block;
	white-space: normal;
	color:#a73324;
}
#Navi_Menu ul.Dropdown_Menu li a:hover{
	background-color:#ffffa6;
	opacity:1;
}
#Navi_Menu ul.Dropdown_Menu li a:active{
	background-color:#f56f02;
	color:#ffffff;
	opacity:1;
}
#Navi_Menu ul.Dropdown_Menu li.divider{
	border:0 none;
}
#Navi_Menu > ul > li.Navi_active{
	background-color:#f56f02;
}
#Navi_Menu > ul > li:hover{
	background-color:#fca905;
}
/*===================================== 
	Breadcrumbs
=======================================*/ 
#Breadcrumbs{
	box-sizing:border-box; /* box-sizingでborder等を含むwidthに変更 */
	margin:0 auto;
	padding:2px 20px;
	background-color:#efefef;
	font-size:1.4rem;
}
#Breadcrumbs>ul{
	list-style:none;
}
#Breadcrumbs>ul>li{
	float:left;
}
#Breadcrumbs>ul>li + li:before{
	content:'/';
	display:inline-block;
	margin:0 4px;
}
.Menu_Assay::before{
	content:url(../images/assay_yaji1.png);
	float:right;
	width:10px;
}
.Navi_active.Menu_Assay::before{
	content:url(../images/assay_yaji2.png);
	float:right;
	width:10px;
}
#Navi_Menu_Mini{
	width:100%;
	background-color:#F93;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
}
#Navi_Menu_Mini img{
	width:16px;
	margin:0;
}
/*===================================== 
	Contents 
=======================================*/ 
#Container{
	width:100%;
	margin:0px auto;
}
/*===================================== 
	Footer 
=======================================*/ 
#Footer{ 
	width:100%; /* 横幅を100%に */ 
} 
#F_Inner{
	min-height:103px;
	margin:0 auto;
	padding:16px 20px;
	background-color:#ffff00;
	font-size:1.2rem;
	box-sizing:border-box;
}
#Webnta_QA ul,
#F_Inner ul{
}
#Webnta_QA ul li,
#F_Inner ul li{
	padding-left:1em;
	text-indent:-1em;
	line-height:1.4em;
}
#Webnta_QA ul li::before,
#F_Inner ul li::before{
	content:"・";
	text-indent:0;
}
#F_Inner ul li a{
	color:inherit
}
.Footer_Rights{
	text-align:right;
}
/*===================================== 
	トップ　画像切り替わり部分
=======================================*/
#Top_Img{
	max-width:960px;
	margin:30px auto 32px auto;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: stretch;
  -webkit-align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
}
.Top_Img_Main{
	-webkit-flex-grow: 1;
  flex-grow: 1;
	position:relative;
	margin:0 8px;
}
.Top_Img_Main > ul{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow:hidden;
	white-space: nowrap;
	-webkit-transition: text-indent 0s linear 0s;
	transition: text-indent 0s linear 0s;
}
.Top_Img_Main > ul.animation{
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
}
.Top_Img_Main li{
	position:relative;
	display:inline-block;
	width:100%;
}
.Top_Img_Main li a{
	position:absolute;
	bottom:5.7%;
	right:0.9%;
	padding:4px 16px;
	background:none rgba(51,51,51,0.5);
	color:#ffffff;
	text-indent:0;
}
.Top_Img_Main li a::after{
	content:url(../images/yaji_fff.png);
	display:inline;
	vertical-align:middle;
	margin-left:1em;
}
.Top_Img_Main li img{
	margin:0;
	width:100%;
}
.Top_Img_Nav_Pre,
.Top_Img_Nav_Next{
  -webkit-flex-basis: 32px;
  flex-basis:32px;
}
.Top_Img_Nav_Pre:hover img,
.Top_Img_Nav_Next:hover img{
	opacity:0.6;
}
.Top_Img_Thumbnails{
  -webkit-flex-basis: 100%;
  flex-basis:100%;
	width:80px;
	margin:0 auto;
	margin-top:12px;
	text-align:center;
}
.Top_Img_Thumbnails img{
	display:inline-block;
	width:12px;
	opacity:0.5;
	cursor:pointer;
}
.Top_Img_Thumbnails img.current{
	opacity:1.0;
}
.Top_Img_Thumbnails img + img{
	margin-left:4px;
}

/*===================================== 
	共通
=======================================*/ 
#Main{
	margin:0 auto;
	max-width:960px;
}
h2{
	font-size:3.2rem;
	/*padding:0;*/
	padding:0 16px;
	margin-top:24px;
	margin-bottom:4px;
	font-weight:600;
}
body.< h2{
	color:#665F5A;
	line-height:110%;
}
div.Toiawase_Area>h2{
	margin:0;
	padding:0;
}
.Member_1Col>h2{
	margin:0;
	padding:0;
}
.Member_1Col h3{
	background:none;
	padding:0;
	margin:0;
}
h3 {
    margin: 42px 16px 18px 16px;
    padding: 4px 0 0 24px;
    background: url(../images/flow_webnta.png) no-repeat left center transparent;
    border-bottom: 2px dotted #ff983a;
    color: #533f02;
    font-weight: 600;
    font-size: 2.2rem;
}
h2 + h3{
	margin-top:10px;
}
.Assay_1Col h3{
	background:none;
	margin:0;
	padding:0;
	border:0 none;
}
.Flow_1Col h3{
	text-align:left;
	border-bottom:dashed 1px #f56F02;
	background:none;
	border-radius: 0;
	color:inherit;
	font-size:2.0rem;
	margin:0;
	padding:0;
	margin-bottom:8px;
	padding-bottom:5px;
	padding-left:8px;
}
.Flow_1Col h3:before{
	content:url(../images/flow_webnta.png);
	margin-right:8px;
	position:relative;
	top:8px;
}
body#Aruaru div#Sub_sub>h3{
	text-align:left;
	padding-left:0;
	background:none;
	border-radius: 0;
	color:inherit;
	font-size:1.8rem;
}
body#Aruaru div#Sub_sub>h3:first-of-type{
	margin-top:-8px;
}
body#Aruaru div#Sub_sub>h3:before{
	content:url(../images/aruaru_webnta.png);
	margin-right:8px;
	top:4px;
	position:relative;
}
.Aruaru_Area h3{
	background:none;
	color:#999999;
	margin:0;
	padding:0;
}
.Aruaru_Details h4{
	color:#929292;
	font-size:2.8rem;
	font-weight:normal;
	margin-top:16px;
}
body#Flow h4{
	font-size:1.6rem;
	color:inherit;
	font-weight:600;
	background:none;
	margin:0;
	padding:0;
}
.Aruaru_Area h4{
	background:none;
	color:#8a8a8a;
	font-size:2.4rem;
	margin:0px;
	padding:0px;
}
.Aruaru_Area h4 a{
	color:#8a8a8a;
}
h4{
	font-weight:600;
	margin:8px 0;
}
h5{
	font-weight:600;
}
.Webnta_1Col h3{
	background:none;
	margin:0;
	padding:0;
	border:0 none;
}
.Page_Top{
	width:180px;
	margin-left:auto;
	text-align:right;
	margin-top:20px;
	margin-bottom:30px;
}
.Page_Top a::before{
	content:url(../images/yaji_page_top.png);
	float:left;
	width:14px;
	margin-right:5px;
}
.Page_Top a:hover::before{
	opacity:0.6;
}
.Main_1Col{
	margin:10px 0px;
	padding:0 16px;
}
.Main_1Col > p + p{
	margin-top:16px;
}
.Main_3Col_Area{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
	margin:0px auto;
	margin-top:25px;
	box-sizing:border-box; /* paddingを含むwidthへ変更 */
}
.Main_3Col{
	float:left;
	width:26%;
	padding:15px;
}
.Main_3Col + .Main_3Col{
	margin-left:4px;
}
.Main_3Col_NonSpace{
	float:left;
	width:33.333%;
	box-sizing:border-box; /* paddingを含むwidthへ変更 */
	position:relative;
}
.Main_3Col_NonSpace h4{
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	bottom:16px;
	border-radius:20px;
	margin:0;
	padding:0 16px;
	width:80%;
	left:5%;
	font-size:2.2rem;
}
.Main_3Col_NonSpace_Siru h4{
	background-color:rgba(255,204,0,0.5);
}
.Main_3Col_NonSpace a{
	display:block;
	color: inherit;
	opacity:1;
}
.Main_3Col_NonSpace h4:before{
	float:right;
	width:19px;
	content:url(../images/yaji_333.png);
	margin-right:5px;
}
.Main_3Col_NonSpace a:hover h4{
	opacity:0.6;
}
.Link_Btn_Info{
	width:90%;
	margin:5px;
	padding:5px 7px;
	background-color:#A7D9A4;
}
.Link_Btn_Info a{
	display:block;
}
#Members_Area{
	overflow:hidden;
}
#Members_Img{
	float:left;
	width:70px;
}
#Members_Name{
	font-weight:bold;
	font-size:1.8rem;
}
.noDis{
	display:none;
}
.Clear{
	clear:both;
}
.Img_Left{
	float:left;
	width:20%:}
.M_100_Img{
	margin:0 auto;
}
.Txt_Left{
	float:left;
	width:70%;
}
.clearfix:after { 
content: ""; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
.clearfix {display: inline-table;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;
} 
.clearfix {display: block;
} 
/* End hide from IE-mac */ 
.Bunseki_Img_Right{
	float:right;
	width:33%;
}
.Scl_Img{
	width:700px;
	margin:0 auto;
}
/*************************************/
#Box{
	width: 100%;
}
#Box ul {
	margin: 0 auto;
	width: 700px;
	z-index:2;
}
/*************************************/
#slideR {
	z-index: 99;
	cursor: pointer;
	position: fixed;
	top: 40%;
	right: -140px;
	background: #0DCEA8;
	width: 180px;
	color: #fff;
	font-size: 1.6rempx;
}
/*******************************************************/
.slide {
	width: 400px;
	height: 200px;
	position: relative;
}
.slide .item {
	width: 400px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}
.slide .item.next {
	left: 50px;
	opacity: 0;
}
.Form_Area table{
	margin-bottom:6px;
	border: 1px solid #d9d9d9;
}
.Form_Area th{
	padding:8px;
	font-weight: 600;
	white-space: nowrap;
	vertical-align:top;
}
.Form_Area td{
	padding:8px;
}
.Form_Area input[type="text"],
.Form_Area select,
.Form_Area textarea{
	width:240px;
	box-sizing:border-box;
}
.Form_Area textarea{
	height:12em;
}
.Form_Area p button{
	/*see .Main_1Col.Login button*/
}
.Form_Area p button{
	/*see .Main_1Col.Login button*/
}

.Input_Example{
	width:calc(100% - 240px);
	padding-left:16px;
	float:right;
	font-size:1.3rem;
	box-sizing:border-box;
}

.Input_Example ol{
	padding-left:30px;
	list-style-type: none;
}
.Input_Example a:before{
	/*see ul.Bunseki_List>li a:before*/
	content:url(../images/yaji_ff0000.png);
	display:inline-block;
	margin:-2px 6px 0 0;
	height:14px;
	vertical-align:middle;
}




.Form_Categoly{
	display: table-cell;
	width:300px;
}
.Form_Input{
	display: table-cell;
}
.Form_Ex{
	display: table-cell;
	width:300px;
}
.Test_Categoly{
	display: table;
	margin: 20px 0;
}
.Test_Categoly1{
	display: table-cell;
	width:200px;
	background-color:#FEDADF;
	border: 1px solid #666;
}
.Test_Categoly2{
	display: table-cell;
	width:300px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Test_Categoly3{
	display: table-cell;
	width:400px;
	background-color:#F0DFFF;
	border: 1px solid #666;
}
.Test_Categoly4{
	display: table-cell;
	width:500px;
	background-color:#D7E9FF;
	border: 1px solid #666;
}
/*===================================== 
	共通　お気軽にお問い合わせください
=======================================*/ 
.Toiawase_Area{
	width:100%;
	box-sizing:border-box; /* box-sizingでborder等を含むwidthに変更 */
	background-color:#FFDa99;
	margin:32px 0;
	padding:13px;
	background-image:url(../images/toiawase_bg.png);
	background-repeat:no-repeat;
	background-position:right 28px top;
	background-size:contain;
}
.Toiawase_Area.Option{
	background-image:none;
	background-color:#ffe699;
}
.Toiawase_Link_Area{
	text-align:center;
	margin-bottom:16px;
}
.Toiawase_Link_Area a{
	display:block;
	padding:16px;
	background-color:rgba(255,255,255,0.6);
	border-radius:40px;
	font-size:2.4rem;
	font-weight:600;
}
.Toiawase_Link_Area a::before{
	content:url(../images/toiawase_kochira.png);
	display:inline-block;
	height:48px;
	width:48px;
	margin-right:8px;
	vertical-align:middle;
}
.Toiawase_Area>p{
	font-weight:600;
	text-align:center;
}
.Toiawase_Area>p span{
	margin-right:1em;
}
.Toiawase_Area > p span b {
    margin-left: 1em;
}
.Toiawase_Area>p span + span{
	display:inline-block;
}
.Toiawase_Area>p span b{
	margin-left:1em;
}
.Toiawase_Tel:before{
	content:url(../images/toiawase_tel.png);
	margin-right:5px;
}
.Toiawase_Area.Option .Toiawase_Link_Area{
	margin-bottom:0;
}
.Toiawase_Area.Option a::before{
	display:none;
}
.Toiawase_Area.Option a img{
	display:inline-block;
	margin-right:8px;
	vertical-align:middle;
}
/*===================================== 
	トップ　Webntaとは
=======================================*/ 
.Top_Webnta_3Col{
	-webkit-flex-grow: 1;
  -webkit-flex-basis: calc(100% / 3);
  flex-grow: 1;
  flex-basis:  calc(100% / 3);
	padding:10px;
	margin:0 8px;
	background-color:#FFF499;
	border-radius:14px;
	box-sizing:border-box; /* box-sizingでborder等を含むwidthに変更 */
}
.Top_Webnta_3Col img{
	width:100%;
}
.Top_Webnta_3Col h3{
	background:none;
	color:#c20303;
	margin:0;
	padding:0;
	border:0 none;
}
.Top_Webnta_3Col h3 + p{
	color:#333;
}

/*===================================== 
	トップ　各種分析のご紹介
=======================================*/ 
ul.Bunseki_List{
	list-style:none;
}
ul.Bunseki_List>li{
	float:left;
	width:calc(((100% - 33%) / 2) - 8px);
	margin-top:8px;
	margin-right:8px;
	font-size:1.4rem;
}
ul.Bunseki_List>li a{
	display:block;
	border-radius:20px;
	background-color:#FFFFB2;
	box-sizing:border-box; /* box-sizingでborder等を含むwidthに変更 */
	padding:5px 16px 3px 16px;
}
ul.Bunseki_List>li a:before{
	float:right;
	width:19px;
	content:url(../images/yaji_ff0000.png);
}
/*===================================== 
	ご依頼の流れ
=======================================*/ 
.Flow_1Col{
	position:relative;
	background-color:#FFFAD5;
	border-radius:10px;
	display:table;
	width:100%;
}
.Flow_1Col::before{
	content:"";
	display:table-cell;
	width:160px;
	padding:16px;
	background:none no-repeat center 16px #ffcf42;
	border-radius: 10px 0px 0px 10px;
	box-sizing:border-box;
}
.Flow_1Col + .Flow_1Col{
	margin-top:44px;
}
.Flow_1Col + .Flow_1Col::after{
	content:url(../images/nagare_next.png);
	position:absolute;
	left:50%;
	top:-22px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.Flow_1Col > div{
	min-height:138px;
	padding:16px;
	box-sizing:border-box;
}
.Flow_1Col:nth-child(1)::before{
	background-image:url(../images/flow_01.png);
	background-color:#61cfea;
}
.Flow_1Col:nth-child(2)::before{
	background-image:url(../images/flow_02.png);
	background-color:#9976df;
}
.Flow_1Col:nth-child(3)::before{
	background-image:url(../images/flow_03.png);
	background-color:#41b923;
}
.Flow_1Col:nth-child(4)::before{
	background-image:url(../images/flow_04.png);
	background-color:#4090d3;
}
.Flow_1Col:nth-child(5)::before{
	background-image:url(../images/flow_05.png);
	background-color:#ffbc06;
}
.Flow_1Col:nth-child(6)::before{
	background-image:url(../images/flow_06.png);
	background-color:#47c79b;
}
.Flow_1Col ul{
	list-style-image:url(../images/flow_li.png);
	margin-top:8px;
	margin-left:16px;
}
.Flow_Point{
	background-color:#FFF499;
	padding:8px;
	margin-top:16px;
}
.Flow_Point ul{
	list-style-image:url(../images/flow_point.png);
	margin-left:24px;
}
.Flow_Caution{
	float:left;
	width:32%;
	background-color:#ffe699;
	border-radius:8px;
}
.Flow_Next{
	width:30px;
	margin:10px auto;
}
.Flow_Caution_Space{
	float:left;
	width:1%;
}
.Flow_Caution_Img{
	text-align:center;
}
.Flow_Caution_Img img{
	display:inline-block;
	float:none;
	width:100%;
	max-width:180px;
}
.Flow_Caution_Txt{
	padding:8px;
	font-size:1.4rem;
}
.Flow_1Col .Main_3Col_Area{
	margin:0;
}
.Flow_1Col .Main_3Col_Area .Top_Webnta_3Col{
	 display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
	background-color:#ffe699;
}
/*===================================== 
	Webntaとは
=======================================*/
.Webnta_1Col{
	background-color:#fff499;
	border-radius:10px;
	padding:10px;
}
.Webnta_1Col + .Webnta_1Col{
	margin-top:20px;
}
.Webnta_1Col img{
	float:left;
	width:20%;
	margin-right:16px;
}
/*===================================== 
	各種機能紹介
=======================================*/
.Assay_1Col{
	background-color:#fff499;
	border-radius:10px;
	padding:16px;
}
.Assay_1Col + .Assay_1Col{
	margin-top:20px;
}
.Assay_1Col img{
	float:left;
	width:20%;
	margin-right:16px;
}
/*===================================== 
	分析あるある
=======================================*/ 
.Aruaru_Area{
	border-top:#F63 dashed 1px;
	padding:24px;
}
.Aruaru_Area:last-of-type{
	border-bottom:#F63 dashed 1px;
}
.Aruaru_Episode{
	float:left;
	width:130px;
	box-sizing:border-box; /* box-sizingでborder等を含むwidthに変更 */
}
#Aruaru_Main > h2{
	margin-top:0;
	color:#665f5a;
	line-height:1.2em;
}
h2>#Aruaru_Episode{
	display:block;
	font-size:1.8rem;
}
.Aruaru_List{
	margin-left:178px;
}
.Aruaru_List > h3{
	border:0 none;
}
body#Aruaru div#Aruaru_Main{
	width:calc(65% + 18px);
	margin-top:24px;
	float:left;
	padding-right:18px;
	border-right:2px dotted #ffc207;
	box-sizing: border-box;
}
.Aruaru_Detailes_Date{
	font-size:1.2rem;
	color:#808080;
}
.Aruaru_Detailes_Msg{
	background-color:transparent;
	background-image:url(../images/aruaru_msg_bg.png);
	background-repeat:repeat;
	padding:24px 16px;
	margin-top:8px;
	color:inherit;
}
.Aruaru_Detailes_Msg_From{
	margin-top:8px;
}
.Aruaru_Detailes_Msg_Face{
	float:left;
	width:60px;
	margin-right:8px;
}
.Aruaru_Detailes_Msg_Name{
	font-size:1.8rem;
	color:inherit;
	float:left;
	width:60px;
	margin-right:16px;
	margin-top:8px;
	line-height:99%;
}
.Aruaru_Detailes_Msg_Name_Title{
	color:#999;
	font-size:1.2rem;
}
.Aruaru_Detailes_Msg_Job{
	font-size:1.8rem;
	color:inherit;
	float:left;
	width:100px;
	margin-top:8px;
	line-height:99%;
}
.Aruaru_Detailes_Msg p{
	margin-top:30px;
}
.Aruaru_Detailes_Msg p:first-child{
	margin-top:0;
}
.Aruaru_Detailes_Msg p.Closing{
	margin-top:60px;
}
.Aruaru_Detailes_Msg ul{
	list-style:inside;
}
.Aruaru_Date{
	text-align:right;
	font-size:1.2rem;
}
.Aruaru_Strong{
	font-weight:600;
	margin-top:16px;
}
.Aruaru_Page{
	text-align:center;
}
.Aruaru_Pre{
	display:inline-block;
	margin-top: 16px;
	margin-left: 20px;
	position: relative;
	display:inline-block;
	padding: 0 16px 0 5px;
}
.Aruaru_Pre::before{
	content: url(../images/yaji_ff0000.png);
	display:inline-block;
	margin-right:6px;
	-webkit-transform-origin: center center;
	-webkit-transform: rotate(180deg) translate(0,3px);
	transform-origin: center center;
	transform: rotate(180deg) translate(0,3px);
}
.Aruaru_Next{
	display:inline-block;
	position: relative;
	display:inline-block;
	padding: 0  5px 0 16px;
	border-left:1px solid #ffc207;
}
.Aruaru_Next::after{
	content: url(../images/yaji_ff0000.png);
	position: absolute;
	display:inline-block;
	margin-left:6px;
}
body#Aruaru div#Aruaru_Sub{
	width:calc(35% - 18px);
	float:left;
}
body#Aruaru div#Aruaru_Sub div#Sub_sub{
	float:left;
	margin-top:16px;
	padding:8px 0 0 16px;
	text-align:center;
}
#Sub_sub h2{
	font-size:1.8rem;
	margin:0;
	padding:0;
	border-left:#ffc207 solid 6px;
	padding-left:8px;
	text-align:left;
}
#Sub_sub ul{
	text-align:left;
	font-size:1.4rem;
	margin:0px;
}
#Sub_sub ul li{
	padding:16px 0 16px 20px;
	text-indent:-20px;
	border-bottom:1px solid #fff499;
	line-height:1.6em;
}
#Sub_sub ul li:first-child{
	border-top:1px solid #fff499;
}
#Sub_sub ul li::before{
	content:url(../images/aruaru_li.png);
	margin-right:7px;
	text-indent:0;
}
#Sub_sub h4{
	font-size:1.4rem;
	background:none;
	color:#999999;
	margin:0;
	padding:0;
}
#Sub_sub hr{
	border:0;
	height:1px;
	background:#FFE28C;
}
#Sub_sub table{
	width:100%;
	font-size:1.4rem;
}
#Sub_sub table .sat{
	color:#0CF;
}
#Sub_sub table .sun{
	color:#F33;
}
#Sub_sub table .today{
	background-color:#FFC207;
	border-radius:30px;
	width:30px;
	height:30px;
}
.Aruaru_Detailes{
	color:#FFFFFF;
	background-color:#f56f02;
	padding:8px 20px;
	width:130px;
}
.Aruaru_Detailes a{
	color:#FFFFFF;
	display:block;
}
.Aruaru_Calendar{
	margin:0 auto;
	width:150px;
	margin-bottom:8px;
}
.Aruaru_Calendar_Pre{
	float:left;
	width:14px;
	margin-right:8px;
	margin-top:4px;
}
.Aruaru_Calendar_Now{
	float:left;
	width:88px;
	margin-right:8px;
	text-align:center;
}
.Aruaru_Calendar_Next{
	float:left;
	width:14px;
	margin-top:4px;
}
/*===================================== 
	分析あるある　お知らせ
=======================================*/ 
.Aruaru_Info_Area{
	display: table;
 }
.Aruaru_Info_Date{
	display: table-cell;
	width:150px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Info_Img{
	display: table-cell;
	width:70px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Info_Categoly{
	display: table-cell;
	width:50px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Info_Title{
	display: table-cell;
	width:500px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
/*===================================== 
	分析あるある　分析一覧
=======================================*/ 
.Aruaru_Bunseki_Area{
	display: table;
 }
.Aruaru_Bunseki_Situation{
	display: table-cell;
	width:200px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Bunseki_Img{
	display: table-cell;
	width:70px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Bunseki_Categoly{
	display: table-cell;
	width:80px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}	
.Aruaru_Bunseki_Date{
	display: table-cell;
	width:110px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}	
.Aruaru_Bunseki_Name{
	display: table-cell;
	width:110px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Bunseki_Num{
	display: table-cell;
	width:100px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}	
.Aruaru_Bunseki_Categoly2{
	display: table-cell;
	width:60px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
.Aruaru_Bunseki_Name2{
	display: table-cell;
	width:100px;
	background-color:#FFDDF7;
	border: 1px solid #666;
}
/*===================================== 
	分析あるある　詳細ページ
=======================================*/ 
/*===================================== 
	各種機能紹介　分析あるある
=======================================*/ 
.Table_Area{
	border-bottom:#a0a0a0 solid 2px;
	border-top:#a0a0a0 solid 2px;
	margin:30px 0px;
	font-size:1.4rem;
	width:100%;
}
.Table_Style{
	width:100%;
	display: table;
	padding:8px 5px;
	box-sizing:border-box; /* paddingを含むwidthへ変更 */
}
.Table_Style + .Table_Style{
	border-top:1px solid #d9d9d9;
}
.Table_Title{
	display: table-cell;
	width:200px;
	font-weight:600;
	vertical-align:middle;
}
.Table_Data{
	display: table-cell;
	vertical-align:middle;
}
.Table_Data ul{
	display:inline-block;
}
.Table_Style.col3 .Table_Data{
	width:140px;
}
.Table_Style.col3 .Table_Data + .Table_Data {
	width:auto;
}
.Table_Style.col3 .Table_Data + .Table_Data button{
	margin-right:1em;
}
.Table_Title_X{
	display: table-cell;
	font-weight:600;
}
.Sample_Name{
	width:90px;
	text-align:center;
	vertical-align: middle;
}
.Sample_Name img{
	display:inline;
	width:48px;
	margin:0 auto;
	vertical-align:middle;
}
.Sample_Hardness{
	 width:110px;
	 text-align:center;
	 vertical-align: middle;
}
.Sample_Familiar{
	 width:120px;
	 text-align:center;
	 vertical-align: middle;
}
.Sample_Data{
	 text-align:center;
	 vertical-align: middle;
}
 
/*===================================== 
	会員専用ページ トップ
=======================================*/
.Members_Welcome{
	background-color:#ffe699;
	border-radius:14px;
	padding:14px 16px;
	margin-bottom:36px;
}
.Members_Welcome_Img{
	float:left;
	width:96px;
	margin-top:4px;
	margin-right:24px;
} 
.Members_Welcome_Name{
	font-weight:600;
	font-size:2.2rem;
}
.Members_Info_Area{
	display: table;
	width:100%;
	margin:5px -2px 0 -2px;
}
.Members_Info_Area:first-child{
	margin-top:14px;
}
.Members_Info_New,
.Members_Info_Date,
.Members_Info_Categoly{
	display: table-cell;
	vertical-align:middle;
}
.Members_Info_New{
	width:48px;
	text-align:left;
}
.Members_Info_Date{
	width:105px;
}
.Members_Info_Categoly{
	width:116px;
}
.Members_Info_New img,
.Members_Info_Categoly img{
	display:inline;
	vertical-align:middle;
	margin-top:-3px;
}
.Members_More{
	text-align:right;
}
.Members_More a:after{
	content:url(../images/yaji_ff0000.png);
	margin-left:8px;
}
.Members_Info_Page{
	text-align:right
}
.Members_Info_Page ul{
	font-size:0;
}
.Members_Info_Page li{
	display:inline-block;
	margin-left:8px;
	font-size:1.4rem;
}
.Members_Info_Page li.title{
	margin-left:0;
	margin-right:18px;
}
.Members_Info_Page li.disable a{
	pointer-events:none;
	color:#c0c0c0;
}
.Members_Info_Title{
	display: table-cell;
}
.Members_Form{
	text-align:right;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.Members_Form input,
.Members_Form button{
	height:26px;
	box-sizing:border-box;
	vertical-align:top;
}
.Main_1Col .Members_Form input{width:176px;}
.Main_1Col .Members_Form button{width:64px;}
button.Search{
	background:none #f56f02;
	border-color:#d55300;
	color:#ffffff;
}
.Main_1Col .Members_Form input.Search{
	border-color:#cccccc;
}
.Members_Bunseki_Area{
	display: table;
	width:100%;
	border-top: 1px solid #d9d9d9;
	padding-top:5px;
	padding-bottom:5px;
}
.Members_Bunseki_Area_Title + .Members_Bunseki_Area{
	border-top: 0 none;
}
.Members_Bunseki_Area + .Members_Info_Page{
	border-top: 2px solid #a0a0a0;
}
.Members_Bunseki_Area_Title{
	display: table;
	width:100%;
	border-bottom: 2px solid #a0a0a0;
	font-weight:bold;
	color:#666666;
	padding-bottom:8px;
 }
.Members_Bunseki_Situation{
	display: table-cell;
}
/*
    DTT追加
*/
.Members_Bunseki_Situation1{
	display: table-cell;
}
/*
    DTT追加
*/
.Members_Bunseki_Situation1 span{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}
.Members_Bunseki_Img{
	display: table-cell;
	width:70px;
}
.Members_Bunseki_Categoly{
	display: table-cell;
	width:180px;
}
/*
    DTT調整あり
    width:60px→width:180px
*/
.Members_Bunseki_Categoly span{
	display:inline-block;
	width:180px;
	text-align:left;
	vertical-align:middle;
}
.Members_Bunseki_Categoly img{
	display:inline;
	margin:0;
	vertical-align:middle;
}
.Members_Bunseki_Date{
	display: table-cell;
	width:110px;
}	
.Members_Bunseki_Name{
	display: table-cell;
	width:110px;
}
.Members_Bunseki_Num{
	display: table-cell;
	width:90px;
	word-break :break-all;
}	
.Members_Bunseki_Categoly2{
	display: table-cell;
	width:40px;
}	
.Members_Bunseki_Categoly2 img {
	margin:0 auto;
	width:16px;
}
.Members_Bunseki_Categoly3{
	display: table-cell;
	width:40px;
}
.Members_Bunseki_Name2{
	display: table-cell;
	width:110px;
}
.Members_Bunseki_Name2 button{
	width:64px;
	padding:0;
}

.Members_Download_Area{
	display: table;
	width:100%;
	border-top: 1px solid #d9d9d9;
	padding-top:5px;
	padding-bottom:5px;
}
.Members_Download_Area_Title + .Members_Download_Area{
	border-top: 0 none;
}
.Members_Download_Area + .Members_Info_Page{
	border-top: 2px solid #a0a0a0;
}
.Members_Download_Area_Title{
	display: table;
	width:100%;
	border-bottom: 2px solid #a0a0a0;
	font-weight:bold;
	color:#666666;
	padding-bottom:8px;
 }
 .Members_Download_Situation_Title{
	display: table-cell;
	text-align:left;
	width:180px;
}
.Members_Download_Img_Title{
	display: table-cell;
	width:70px;
}
.Members_Download_Categoly_Title{
	display:inline-block;
	text-align:left;
	width:210px;

}
.Members_Download_Categoly_Title span{
	display:inline-block;
	width:60px;
	text-align:left;
	vertical-align:middle;
}
.Members_Download_Categoly_Title img{
	display:inline;
	margin:0;
	vertical-align:middle;
}
.Members_Download_Date_Title{
	display: table-cell;
	width:170px;
}
.Members_Download_Date_Title2{
	display: table-cell;
	width:190px;
}		
.Members_Download_Name_Title{
	display: table-cell;
	width:100px;
}
.Members_Download_Num_Title{
	display: table-cell;
	width:120px;
}	
.Members_Download_Categoly2_Title{
	display: table-cell;
	width:40px;
}	
.Members_Download_Categoly2_Title img {
	margin:0 auto;
	width:16px;
}
.Members_Download_Categoly3_Title{
	display: table-cell;
	width:220px;
}
.Members_Download_Name2_Title{
	display: table-cell;
	width:110px;
}
.Members_Download_Name2_Title button{
	width:64px;
	padding:0;
}
.Members_Download_Situation{
	display:inline;
	text-align:left;
	vertical-align:top;

}
.Members_Download_Img{
	display: table-cell;
	width:70px;
}
.Members_Download_Categoly{
	display:inline;
	text-align:left;
	vertical-align:middle;

}
.Members_Download_Categoly span{
	display:inline-block;
	width:60px;
	text-align:left;
	vertical-align:middle;
}
.Members_Download_Categoly img{
	display:inline;
	margin:0;
	vertical-align:middle;
}
.Members_Download_Date{
	display: table-cell;
	width:160px;
}	
.Members_Download_Name{
	text-align:left;
	vertical-align:middle;
}
.Members_Download_Num{
	display: table-cell;
	width:130px;
}	
.Members_Download_Categoly2{
	display: table-cell;
	width:40px;
}	
.Members_Download_Categoly2 img {
	margin:0 auto;
	width:16px;
}
.Members_Download_Categoly3{
	display: table-cell;
    width:110px;
}
.Members_Download_Name2{
	display: table-cell;
	width:110px;
}
.Members_Download_Name2 button{
	width:64px;
	padding:0;
}

.Main_2Col_Area{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
	margin-top:25px;
}
.Main_2Col_Area img{
	width:100%;
}
.Main_2Col_Area > div p{
	font-size:1.6rem;
}
.Main_2Col_Area > div,
.Member_2Col{
  -webkit-flex-grow: 1;
  -webkit-flex-basis: 50%;
  flex-grow: 1;
  flex-basis: 50%;
	margin:0 15px;
	padding:12px 16px;
	border:1px solid #d9d9d9;
	box-sizing:border-box; /* box-sizingでborder等を含むwidthに変更 */
	font-size:0;
}
.Main_2Col_Area.about > div{
	background-color: #ffffff;
}
.Main_2Col_Area.about > div:first-child{	margin-left:0;}
.Main_2Col_Area.about > div:first-child + div{	margin-right:0;}

.Member_2Col_1 .Member_Data_Bar{
	display:inline-block;
	width:60%;
	height:43px;
	margin:2px 0;
	border:2px solid #d9d9d9;
	box-sizing:border-box;
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%);
}
.Member_2Col_1 .Member_Data_Bar span{
	display:block;
	height:100%;
	background: -webkit-linear-gradient(top, #73ea49 0%,#51d129 100%);
	background: linear-gradient(to bottom, #73ea49 0%,#51d129 100%);
}
.Member_2Col_1 dl{
	display:inline-block;
	font-size:0;
	width:calc(40% - 5%);
	margin-left:5%;
	vertical-align:top;
}
.Member_2Col_1 dl dt,
.Member_2Col_1 dl dd{
	display:inline-block;
	width:50%;
	font-size:1.4rem;
	white-space: nowrap;
}
.Member_2Col_1 dl dt{
	font-weight:600;
}
.Member_2Col_1 dl dd{
	text-align:right;
}
.Member_2Col_1 dl dd:first-of-type ~ *{
	border-top:1px solid #949494;
}
.Main_2Col_Area > div .Members_More{
	margin-top:20px;
	font-size:1.6rem;
	text-align:left;
}
.Main_2Col_Area > div .Members_More a{
	position:relative;
	display:block;
	padding:6px 44px 6px 16px;
	border-radius:16px;
	background-color:#ffffb2;
}
.Main_2Col_Area > div .Members_More a::after{
	position:absolute;
	right:16px;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	float:none;
}
.Member_2Col_2{
	font-size:1.4rem;
	text-align:center;
}
.Member_2Col_2 p{
	text-align:left;
	font-weight:600;
}
.Member_2Col_2 p:first-child + p{
	display:inline-block;
	margin-top:30px;
	text-align:center;
	border-bottom:2px dashed #ffc207;
	line-height:1em;
}
.Member_2Col_2 p span{
	margin-left:0.5em;
	color:#e96c13;
	font-size:3.2rem;
}
.Member_2Col_2 p span:first-of-type{
	margin-left:0;
}
.Member_1Col{
	background-color:#ffffb2;
	padding:9px 16px 3px 16px;
}
.Member_1Col .clearfix{
	margin-top:-8px;
}
.Member_1Col img{
	float:left;
	margin-right:26px;
}
.Member_1Col h3 {
	padding-top:18px;
	border:0 none;
}
.Member_1Col h3 a{
	font-size:2.2rem;
	color:#c20303;
}
.Member_1Col p{
	margin-top:4px;
	line-height:1.4em;
}
.Toroku_Now{
	text-align:center;
	background-color:#9F6;
	padding:20px;
}
/*===================================== 
	会員専用ページ　詳細
=======================================*/
#Member_Step{
	display: table;
	width:100%;
}
.Member_Step_Step{
	position:relative;
	display: table-cell;
	width:25%;
	box-sizing:border-box;
}
.Member_Step_Step img {
	width:100%
}
.Member_Step_Msg{
	position:relative;
	height:140px;
	margin:25px 2px 0;
	padding:0;
	background-color:#ffffff;
	border:1px solid #bebebe;
	border-radius:8px;
	box-sizing:border-box;
}
.Member_Step_Msg::before{
	content:url(../images/step_message_top.png);
	position:absolute;
	left:10px;
	top:100%;
	height:25px;
	width:28px;
	margin-top:-138px;
	-webkit-transform:translate(0,-100%);
	transform:translate(0,-100%);
}
.Member_Step_Msg > div{
	position:absolute;
	left:0;
	right:0;
	top:8px;
	bottom:8px;
	padding:8px 16px;
	overflow:auto;
}
/* ================================== 
	QA
===================================== */
#Webnta_QA {
  counter-reset: FAQ_Counter;
}
#Webnta_QA dt{
	margin-top:20px;
	padding-top:20px;
}

#Webnta_QA dt ~ dt{
	border-top:1px solid #d9d9d9;
}

#Webnta_QA dt::before ,
#Webnta_QA dd::before {
	display:block;
	font-size:2.0rem;
}
#Webnta_QA dt::before {
  counter-increment: FAQ_Counter;
  content: "Q"counter(FAQ_Counter)":";
	color:#FCB463;
}
#Webnta_QA dd::before {
  content: "A"counter(FAQ_Counter)":";
	color:#F48484;
}
.question dl,
#Webnta_QA{
	margin:0;
}
#Webnta_QA ul{
	/*see FAQ ul*/
}
.Main_1Col.question,
.Main_1Col.answers{
	margin:20px;
	padding:20px 0;
}
.Main_1Col.question{
	padding:20px;
	border:1px solid #cccccc;
}
.Main_1Col.question p{
	margin-bottom:8px;
}
.Main_1Col.question input,
.Main_1Col.question textarea{
	width:32em;
	vertical-align:middle;
}
.answers .question{
	padding:20px 0;
	border:1px solid #cccccc;
	border-left:0 none;
	border-right:0 none;
}
.answers .question + .question{
	border-top:0 none;
}
.Charged_Option{}
.Charged_Option dl{
	display:table;
}
.Charged_Option dl dt,
.Charged_Option dl dd{
	display:table-cell;
}
.Charged_Option dl dd span{
	display:block;
}
/* ================================== 
	Login
===================================== */
.Main_1Col.Login{
	position:relative;
	text-align:center;
}
.Main_1Col.Login::after{
	content:url("../images/login_mark.png");
	position:absolute;
	bottom:0;
	right:0;
	width:176px;
	height:236px;
	z-index:-1;
	-webkit-transform:translate(-54px,10px);
	transform:translate(-54px,10px);
}

.Main_1Col.Login label{
	display:block;
	width:300px;
	margin: 0 auto;
	padding-bottom: 16px;
	text-align:left;
	clear:both;
}
.Main_1Col.Login label + label{
	border-bottom:1px dashed #f56f02;
	margin-bottom: 16px;
}
.Main_1Col.Login input{
	margin-left:1em;
	width:190px;
	float:right;
}
.Main_1Col.Login button,
.Form_Area p button{
	width:200px;
	padding:10px;
	font-size:1.8rem;
	background-color:#f56f02;
	border-color:#d55300;
	color:#ffffff;
}

/* ================================== 
	inquirybox
===================================== */
#inquirybox {
    background-color: rgba(255,237,204,0.6);
    border: 1px solid rgba(167,51,36,0.6);
    position: fixed;
    z-index: 1;
    bottom: 60px;
    right: 0px;
}

#inquirybox a{
	position:relative;
	display:block;
	padding:8px 16px 8px 50px;
	font-size:1.6rem;
	line-height:1em;
}

#inquirybox a::before{
	content:url(../images/inquiry_icon.png);
	display:block;
	position:absolute;
	left:8px;
	top:50%;
	width:34px;
	height:34px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.Assay_Notes{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
	padding:0 16px;
}
.Assay_Notes > div{
  -webkit-flex-grow: 1;
  -webkit-flex-basis: calc(50% - 8px);
  flex-grow: 1;
  flex-basis: calc(50% - 8px);
	max-width: calc(50% - 8px);
	min-height: 128px;
	border-radius:16px;
	padding:0 16px 16px;
	background:none #fff1bd;
	box-sizing:border-box;
}
.Assay_Notes > div:nth-child(even){
	margin-left:8px;
}
.Assay_Notes > div:nth-child(odd){
	margin-right:8px;
}
.Assay_Notes > div:nth-child(n+3){
	margin-top:16px;
}
.Assay_Notes > div h3 {
    margin: 16px 0 10px 0;
    border-radius: 20px;
    color: inherit;
    background: none rgba(255,255,255,0.5);
    border: 0 none;
}
.Assay_Notes > div a{
	display:block;
}
.Assay_Notes > div p{
	color:#333;
}
.Assay_Notes.col3 > div{
  -webkit-flex-basis: calc((100% / 3 ) - 16px);
  flex-basis: calc((100% / 3 ) - 16px);
	max-width: calc((100% / 3 ) - 16px);
	margin: 0 0 0 16px;
}
.Assay_Notes.col3 > div:nth-child(3n+1){
	margin-left:0;
}
.Assay_Notes.col1 > div{
  -webkit-flex-basis:100%;
  flex-basis:100%;
	max-width: 100%;
	min-height:0;
	margin: 0 0 0 0;
	padding-bottom:6px;
}
.Assay_Example{
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	-webkit-align-content: stretch;
	-webkit-align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
}
.Assay_Example h3{
  -webkit-flex-grow: 1;
  -webkit-flex-basis: 100%;
  flex-grow: 1;
  flex-basis: 100%;
}
.Assay_Example figcaption{
	font-weight:600;
}
.Assay_Tokusei {
	margin-bottom:32px;
}
.Assay_Tokusei img{
	width:100%;
}
.Assay_Tokusei > div{
	position:relative;
}
.Assay_Tokusei > p{
	margin-top:16px;
}
.Assay_Tokusei > div p{
	position:absolute;
	right:0;
	bottom:16px;
	padding:16px;
	background:none rgba(0,0,0,0.6);
	font-size:2.4rem;
	color:#ffffff;
}
.M_100_Img{
	width:100%;
	margin-bottom:14px;
}
.bunta h2{
	margin:12px 0 10px 0;
}
.bunta span{
	color:#ff0000;
	font-weight:bold;
}
.bunta + div img{
	margin-right:16px;
}
.bunta + div img + p{
	padding-left:76px;
}
.corp{
	margin-top:12px;
}
.corp dt{
	width:160px;
	float:left;
}
.corp dd{
	margin-left: 160px;
}

/* 20170217新規作成 機械特性ページ */
/* 既存のstyle.cssに追加 */
.Assay_Tokusei_left > div {
    position: relative;
}
/* 20170217新規作成 機械特性ページ */
/* 既存のstyle.cssに追加 */
.Assay_Tokusei_left > div p {
    position: absolute;
    left: 0;
    top: 20px;
    padding: 16px;
    background: none rgba(0,0,0,0.6);
    font-size: 2.4rem;
    color: #ffffff;
}

/* 20170217新規作成 異物分析ページ */
/* 既存のstyle.cssに追加 */
.Solution_Examples {
    margin-left: 5rem;
}
/* 20170217新規作成 異物分析ページ */
/* 既存のstyle.cssに追加 */
.Solution_Examples a::before {
    content: url(../images/yaji_ff0000.png);
    margin-right: 8px;
}
/*ADD HP改訂分析事例の追加 BY 王 20220222 START*/
.Tech_Info {
    margin-left: 1rem;
}
.Tech_Info a::before {
	content: url(../images/yaji_ff0000.png);
	margin-right: 8px;
}
/*ADD HP改訂分析事例の追加 BY 王 20220222 END*/

table.hazard{
    width:70%;
    margin:0 auto;
}

table.hazard,
table.hazard th,
table.hazard tr td:nth-child(1),
table.hazard tr:nth-child(1) td:nth-child(2),
table.hazard tr:nth-child(2) td:nth-child(2),
table.hazard tr:nth-child(3) td:nth-child(2){
    border-style:solid;
    border-width:1px;
    border-color:#222222;
}

table.hazard tr td:nth-child(1){
    background:#d9d9d9;
}

table.hazard tr td:nth-child(2),
table.hazard tr td:nth-child(3){
    background:#f2f2f2;
}

table.hazard th,
table.hazard td{
    text-align:center;
}

table.hazard th{
    background:#595959;
    color:#ffffff;
}

table.hazard tr:first-child td:last-child{
    vertical-align:bottom;
}
/* 20170220新規作成 ご利用規約ページ */
/* 既存のstyle.cssに追加 */
ol.num{
    counter-reset:num;
    text-indent:-2rem;
    padding-left:2rem;
}
/* 20170220新規作成 ご利用規約ページ */
/* 既存のstyle.cssに追加 */
ol.pare{
    counter-reset:pare;
    text-indent:-2rem;
    padding-left:2rem;
}
/* 20170220新規作成 ご利用規約ページ */
/* 既存のstyle.cssに追加 */
ol.num > li:before{
    counter-increment: num;
    content: counter(num) ".";
    margin-right:0.5rem;
}

/* 20170220新規作成 ご利用規約ページ */
/* 既存のstyle.cssに追加 */
ol.pare > li:before{
    counter-increment: pare;
    content: counter(pare) ")";
    margin-right:0.5rem;
}

/* 20170224新規作成 機械特性ページ */
/* 既存のstyle.cssに追加 */
.M_Table_Area {
    margin: 1rem 0;
    font-size: 1.4rem;
    width: 100%;
    background-color: #ffffff;
}
/* 20170224新規作成 機械特性ページ */
/* 既存のstyle.cssに追加 */
.M_Table_Style {
    width: 100%;
    display: table;
    padding: 0.2rem;
    box-sizing: border-box;
}
/* 20170224新規作成 機械特性ページ */
/* 既存のstyle.cssに追加 */
.M_Table_Title {
    display: table-cell;
    width: 10rem;
    vertical-align: middle;
}
/* 20170224新規作成 機械特性ページ */
/* 既存のstyle.cssに追加 */
.M_Table_Data {
    display: table-cell;
    vertical-align: middle;
}

/* 20170228新規作成 プライバシーポリシーページ */
/* 既存のstyle.cssに追加 */
ol.bull{
    margin-top:1rem;
    text-indent:-3rem;
    padding-left:3rem;
}
/* 20170228新規作成 プライバシーポリシーページ */
/* 既存のstyle.cssに追加 */
ol.bull > li:before{
    content: "・";
    margin-left:1.5rem;
}
ol.bull + p.bullp{
    margin:0 0 1rem 4rem;
}


/* 20170306 新規作成 会員サービス START */
/* 既存のstyle.cssに追加 */
.service_content{
	clear:both;
	margin-top:12px;
	margin-bottom:12px;
}


.service_content img{
	float:left;
	margin-left: 16px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.service_description{
	float:left;
	width: 540px;
	margin-bottom: 12px;
}

.service_content ul{
	 border: 1px solid #cccccc;
}

.service_content ul span{
	 font-weight: bold;
}

.service_content li{
	list-style-position: inside;
}

.service_description p{
	margin-bottom: 12px;
}

.price{
	margin-top: 12px;
	width: 540px;
}

.cource {
	 clear:both;
	 width:100%;
}

.service_content table   {
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.service_content table th {
	background-color: #FFDa99;
	border-top: thin solid #BEBEBE;
	border-bottom: thin solid #BEBEBE;
	padding-left:6px;
}

.price th{
	width: 30%;
}

.service_content table td  {
	border-top: thin solid #BEBEBE;
	border-bottom: thin solid #BEBEBE;
	padding-top: 6px;
	padding-left:6px;
}

.service_center {
	margin-left: auto;
	margin-right: auto;
}

.service_otameshi{
	clear: both;
	color: #a73324;
	margin: 12px 0;
	background-color: #FFDa99;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	border: 1px solid #FFDa99;
	color: #a73324;
}
.Assay_Notes.col2 > div{
  -webkit-flex-basis: calc((100% / 2 ) - 8px);
  flex-basis: calc((100% / 2 ) - 8px);
	max-width: calc((100% / 2 ) - 8px);
	margin: 0px 0 16px 16px;
}
.Assay_Notes.col2 > div:nth-child(2n+1){
	margin-left:0;
}
/* 20170306 新規作成 会員サービス END */


/* 20170309新規作成 あるあるにおい分析(膿栓) */
.tFrame{
  margin:1rem 0 0 0;
  width:100%;
}
.tFrame th{
  background:#ffda99;
}
.tFrame tr:nth-child(even){
  background:#fff4e8;
}

.tFrame th,
.tFrame td{
  border: 1px solid #777777;
  padding:0.5rem;
}

.tFrameL{
  text-align:left!important;
}
.tFrameC{
  text-align:center!important;
}
.tFrameR{
  text-align:right!important;
}


/* 20170309新規作成 あるある作った料理に入れた調味料の量がきになってしまう */
/* 既存のstyle.cssに追加 */
table.seasoning{
    width:90%;
    margin:0 auto;
}
/* 20170309新規作成 あるある作った料理に入れた調味料の量がきになってしまう */
/* 既存のstyle.cssに追加 */
table.seasoningHalf{
    width:45%;
    margin:0 auto;
}
/* 20170309新規作成 あるある作った料理に入れた調味料の量がきになってしまう */
/* 既存のstyle.cssに追加 */
table.seasoning th,
table.seasoning tr,
table.seasoningHalf th,
table.seasoningHalf tr{
    border-style:solid;
    border-width:1px 0;
    border-color:#222222;
}

/* 20170309新規作成 あるある作った料理に入れた調味料の量がきになってしまう */
/* 既存のstyle.cssに追加 */
table.seasoning th,
table.seasoning td,
table.seasoningHalf th,
table.seasoningHalf td{
    text-align:center;
}
table.seasoningHalf td:nth-child(even){
    text-align:right;
    padding-right:1rem;
}
/* 20170309新規作成 あるある作った料理に入れた調味料の量がきになってしまう */
/* 既存のstyle.cssに追加 */
table.seasoning tr:nth-child(even),
table.seasoningHalf tr:nth-child(even){
  background:#fff4e8;
}
/* 20170309新規作成 あるある作った料理に入れた調味料の量がきになってしまう */
/* 既存のstyle.cssに追加 */
table tr.double{
  border-style:double;
  border-width:4px 0 0 0;
  border-color:#222222;
}

/* 201703013新規作成 あるあるついつい3回すすいでしまう。 */
/* 既存のstyle.cssに追加 */
table.seasoning tfoot tr,
table.seasoning tfoot td,
table.seasoningHalf tfoot tr,
table.seasoningHalf tfoot td{
    border-style:none;
    border-width:0;
}

/* 20170313新規作成 あるある騒音 */
/* 既存のstyle.cssに追加 */
ul.unorder{
    list-style-type:none;
    text-indent:-2rem;
    padding-left:2rem;
}
/* 20170313新規作成 あるある騒音 */
/* 既存のstyle.cssに追加 */
ul.unorder{
    text-indent:-2rem;
    padding-left:2rem;
}
/* 20170313新規作成 あるある騒音 */
/* 既存のstyle.cssに追加 */
ul.unorder > li:before{
    content: "・";
    margin-right:0.5rem;
}

.leftArea{
  float:left;
}
.centerArea{
  margin:0 auto;
}
.rightArea{
  float:right;
}

.mt1{
  margin-top:1rem!important;
}
.mb1{
  margin-bottom:1rem!important;
}
.mr1{
  margin-right:1rem!important;
}
.ml1{
  margin-left:1rem!important;
}

.mt2{
  margin-top:2rem!important;
}
.mb2{
  margin-bottom:2rem!important;
}
.mr2{
  margin-right:2rem!important;
}
.ml2{
  margin-left:2rem!important;
}

.mt3{
  margin-top:3rem!important;
}
.mb3{
  margin-bottom:3rem!important;
}
.mr3{
  margin-right:3rem!important;
}
.ml3{
  margin-left:3rem!important;
}

.mt4{
  margin-top:4rem!important;
}
.mb4{
  margin-bottom:4rem!important;
}
.mr4{
  margin-right:4rem!important;
}
.ml4{
  margin-left:4rem!important;
}

.mt5{
  margin-top:5rem!important;
}
.mb5{
  margin-bottom:5rem!important;
}
.mr5{
  margin-right:5rem!important;
}
.ml5{
  margin-left:5rem!important;
}

.mt10{
  margin-top:10rem!important;
}
.mb10{
  margin-bottom:10rem!important;
}
.mr10{
  margin-right:10rem!important;
}
.ml10{
  margin-left:10rem!important;
}
.red{
  color:#ff0000;
}

/* 20170316新規作成 カレンダー */
/* 既存のstyle.cssに追加 */
table.cal{
    width:80%;
    margin:0 auto 3rem;
}
table.cal caption{
    font-weight:bold;
    font-size:120%;
}
table.cal th,
table.cal td{
    border-style:solid;
    border-width:1px;
    border-color:#333333;
    empty-cells:show;
    text-align:center;
}
table.cal .week{
    background-color:#efefef;
}
.hol{
    color:#ffffff;
    background-color:#f8333c;
}
.holText{
    color:#c20303;
    font-weight:900;
}
/*
    コンテンツページ取込作業 BY 屈 20180531 START
*/
.Ibutsu_1Col {
    position: relative;
    background-color: #FFFAD5;
    border-radius: 10px;
    display: table;
    width: 100%;
}
.Ibutsu_1Col::before {
    content: "";
    display: table-cell;
    width: 160px;
    padding: 16px;
    background: none no-repeat center 16px #FFBC06;
    border-radius: 10px 0px 0px 10px;
    box-sizing: border-box;
}
.Ibutsu_1Col h3 {
    text-align: left;
    border-bottom: dashed 1px #f56F02;
    background: none;
    border-radius: 0;
    color: inherit;
    font-size: 2.0rem;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
}
.Ibutsu_1Col + .Ibutsu_1Col {
    margin-top: 44px;
}
.Ibutsu_1Col > div {
    min-height: 138px;
    padding: 16px;
    box-sizing: border-box;
}
.Ibutsu_1Col:nth-child(1)::before {
    background-image: url(../images/ibutsu_location01.png);
}

.Ibutsu_1Col:nth-child(2)::before {
    background-image: url(../images/ibutsu_location02.png);
}

.Ibutsu_1Col:nth-child(3)::before {
    background-image: url(../images/ibutsu_location03.png);
}

.Main_3Col_NonSpace_top {
    float: left;
    width: 33.333%;
    box-sizing: border-box; /* paddingを含むwidthへ変更 */
    position: relative;
}

.Main_3Col_NonSpace_top h4 {
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 16px;
    border-radius: 20px;
    margin: 0;
    padding: 0 16px;
    width: 80%;
    left: 5%;
    font-size: 2.2rem;
}

.Main_3Col_NonSpace_top a {
    display: block;
    color: inherit;
    opacity: 1;
}

.Main_3Col_NonSpace_top h4:before {
    float: right;
    width: 19px;
    content: url(../images/yaji_333.png);
    margin-right: 5px;
}

.Main_3Col_NonSpace_top a:hover h4 {
    opacity: 0.6;
}
/* ================================== 
	QA
===================================== */
#Analysis_QA {
    counter-reset: FAQ_Counter;
    margin-left  : 2rem;
}

#Analysis_QA dt {
    margin-top: 10px;
    padding-top: 10px;
}

#Analysis_QA dt ~ dt {
    border-top: 1px solid #d9d9d9;
}

#Analysis_QA dt::before,
#Analysis_QA dd::before {
    display: block;
    font-size: 2.0rem;
}

#Analysis_QA dt::before {
    counter-increment: FAQ_Counter;
    content: "Q"counter(FAQ_Counter)":";
    color: #FCB463;
}

#Analysis_QA dd::before {
    content: "A"counter(FAQ_Counter)":";
    color: #F48484;
}

.aruaru_li {
    margin : 10px 0;
}

.aruaru_li p::before {
    content: url(../images/aruaru_li.png);
    margin-right:10px;
}

.analysis_tbl {
    margin-bottom: 25px;
    clear: both;
    width: 100%;
}

.analysis_tbl th {
    background-color: #FFDa99;
    border-top: thin solid #BEBEBE;
    border-bottom: thin solid #BEBEBE;
    padding-left: 6px;
    vertical-align: top;
}

.analysis_tbl td {
    border-top: thin solid #BEBEBE;
    border-bottom: thin solid #BEBEBE;
    padding-top: 6px;
    padding-left: 6px;
    vertical-align: top;
}

.Analysis_Img img {
    width: 95%;
    height: 95%;
    margin: 10px 20px;
}

.analysis_content {
    display: table;
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
}

.analysis_content img {
    float: left;
    margin-left: 16px;
    margin-right: 12px;
    margin-bottom: 12px;
}

.analysis_description {
    float: left;
    width: 540px;
    margin-bottom: 12px;
}
/*コンテンツページ取込作業 BY 屈 20180531 END*/
/*
@media以外の所は全てのサイズで読み込まれます。
*/
@media screen and ( max-width:767px) {
    /*　画面サイズが767pxまではここを読み込む　*/
    header {
		height: 130px;
	}
	header > div ul li a span{
		display:none;
	}
	header > div ul li a::before{
		margin-right:0;
	}
	header > div div{
		display:none;
	}
	.Bunseki_Img_Right{
		display:none;
	}
	.M_100_Img{
		width:100%;
	}
	.Assay_Img_M100{
		width:100%;
	}
	#Main > h3,
	#Main > p,
	.Members_Welcome,
	.Flows{
		margin-left:16px;
		margin-right:16px;
	}
	figure img{
		width:100%;
	}
	#Navi_Menu{
		display:none;
	}
	#Navi_Menu > ul {
		display:block;
	}
	#Navi_Menu ul li{
		float:none;
		width:auto;
		text-align:left;
	}

	#Navi_Menu > ul{
		position:relative;
		border:8px solid #fca905;
	}
	#Navi_Menu > ul::before{
		content:url(../images/MobileMenu_mark.png);
		position:absolute;
		top:-16px;
		left:0;
		width:15px;
		height:8px;
		display:block;
		-webkit-transform:translate(0 ,-100%);
		transform:translate(0 ,-100%);
	}
	#Navi_Menu > ul > li {
		background-color:#ffffff;
	}
	#Navi_Menu > ul > li + li{
		border-top:1px solid #cccccc;
	}
	#Navi_Menu > ul > li > a{
		background:url(../images/yaji_333.png) no-repeat right top transparent 
	}
	#Navi_Menu > ul > li.Navi_active > a{
		background:url(../images/yaji_fff.png) no-repeat right top transparent 
	}
	#Navi_Menu_Mini{
		display:block;
		padding:0;
		background-color:#ffc207;
		border-bottom:2px solid #f56f02;
	}
	#Navi_Menu_Mini a{
		display:block;
		width:32px;
		height:32px;
		line-height:32px;
	}
	#Navi_Menu_Mini a img{
		display:inline-block;
		vertical-align:middle;
	}
	#Navi_Menu_Mini.open a{
		background-color:#f56f02;
	}

	#Navi_Menu .Menu_Assay:before{
		display:none;
	}
	#Navi_Menu > ul > li .Dropdown_Menu,
	#Navi_Menu > ul > li:last-child .Dropdown_Menu{
		display:none;
		position:static;
		margin:0;
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	#Aruaru_Sub{
		display:none;
	}
	body#Aruaru div#Aruaru_Main{
		width:100%;
		float:none;
		padding-right:0;
		border-right:0 none;
	}
	.Flow_1Col .Main_3Col_Area .Top_Webnta_3Col .Ibutsu_1Col{
		border-radius:0px;
	}
	.Toroku_Now{
		background-color:#B6FCCE;
		padding:20px;
		text-align:center;
	}
	.M_noDis{
		display:none;
	}
    .Main_3Col_NonSpace, .Main_3Col_NonSpace_top {
        width: 50%;
        box-sizing: border-box; /* paddingを含むwidthへ変更 */
        position: relative;
    }
	.Flow_1Col_Msg{
		top:0px;
		position:relative;
	}
	.Members_Info_Page ul{
	  display: -webkit-flex;
	  -webkit-flex-direction: row;
	  -webkit-flex-wrap: nowrap;
	  -webkit-justify-content: space-between;
	  -webkit-align-content: stretch;
	  -webkit-align-items: stretch;
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  align-content: stretch;
	  align-items: stretch;
	}
	.Members_Info_Page li{
		display:none;
		margin:0;
	}
	.Members_Info_Page li.title,
	.Members_Info_Page li.prev,
	.Members_Info_Page li.next{
		display:block;
		height:3em;
		line-height:3em;
	}
	.Members_Info_Page li.title{order:2;}
	.Members_Info_Page li.prev{order:1;}
	.Members_Info_Page li.next{order:3;}
	.Members_Info_Page li.prev a,
	.Members_Info_Page li.next a{
		position:relative;
		display:inline-block;
		width:3em;
		text-align:left;
		white-space: nowrap;
		overflow:hidden;
		text-indent:120%;
	}
	.Members_Info_Page li.prev a::before,
	.Members_Info_Page li.next a::before{
		content:"";
		display:block;
		position:absolute;
		width:32px;
		height:32px;
		left:50%;
		top:50%;
		font:inherit;
		text-indent:0;
		-webkit-transform-origin:center center;
		transform-origin:center center;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	.Members_Info_Page li.prev a::before{	content:url(../images/top_img_pre.png);}
	.Members_Info_Page li.next a::before{	content:url(../images/top_img_next.png);}
	.Members_Info_Page li.prev.disable a::before,
	.Members_Info_Page li.next.disable a::before{opacity:0.2;}
	.Members_Bunseki_Categoly{
		width:70px;
		text-align:center;
	}
	.Members_Bunseki_Categoly span{
		width:60px;
		text-align:center;
	}
	.Member_2Col_1 .Member_Data_Bar{
		width:50%;
	}
	.Member_2Col_1 dl{
		width:calc(50% - 5%);
	}
	ul.Bunseki_List>li{
		width:calc((100% / 2) - 8px);
	}
	#Member_Step{
		font-size:0;
	}
	.Member_Step_Step{
		display:inline-block;
		width:50%;
		margin-bottom:16px;
		font-size:1.6rem;
	}
	.Table_Style.col3 {
		display:inline-block;
	}
	.Table_Style.col3 .Table_Data + .Table_Data {
		display:block;
		margin-left:200px;
	}
	.Table_Style.col3 .Table_Data + .Table_Data button{
		display:block;
	}
	.Table_Title{vertical-align:top;}
	.Main_3Col_Area{
		display:block;
	}
	.Top_Webnta_3Col{
		display:block;
		margin-bottom:1em;
	}
	.Top_Webnta_3Col img{
		width:8em;
		float:left;
		margin-right:1em;
	}
	.Page_Top{
		padding:0 16px;
	}
	.Form_Area input[type="text"],
	.Form_Area select,
	.Form_Area textarea{
		width:100%;
	}
	.Input_Example{
		float:none;
		clear:both;
		width:auto;
		padding:0;
	}
	.Member_2Col_2 p span{
		font-size:2.6rem;
	}

	#inquirybox{
		width:50px;
		height:50px;
	}
	#inquirybox a{
		width:100%;
		height:50px;
		padding:0;
		white-space: nowrap;
		overflow:hidden;
		text-align:left;
		text-indent:120%;
	}
	#inquirybox a::before{
		text-indent:0;
	}
	#inquirybox a br{
		display:none;
	}
	.Flow_Caution_Img img{
		float:none;
		width:100%;
	}
	.Assay_Tokusei > div p{
		position:static;
	}
    /* ADD スマホサイズ対応 BY 屈 START */
    .analysis_content {
        width: 100%;
        height: auto;
        display: table;
    }
    .analysis_content img {
        float: left;
        width: 30%;
        height: auto;
    }
    .analysis_description {
        float: none;
        width: auto;
    }
    /* ADD スマホサイズ対応 BY 屈 END */
}
@media screen and (min-width:768px) {
	/*　画面サイズが768pxからはここを読み込む　*/
	#Navi_Menu{
		display:block;
	}
	#Navi_Menu_Mini{
		display:none;
	}

	#Aruaru_Sub{
		display:block;
	}
	#M_Menu{
		display:none;
	}
	.Top_Webnta_3Col{
		display:block;
	}
    .Main_3Col_NonSpace .Main_3Col_NonSpace_top {
        float: left;
        width: 33.333%;
        box-sizing: border-box; /* paddingを含むwidthへ変更 */
        position: relative;
    }
	.P_noDis{
		display:none;
	}
}
/*ADD BY 韓 20191225 START*/
.fixed-bottom {
    position: fixed;
    bottom : 0px;
    width: 100%;   
}
/*ADD BY 韓 20191225 END*/
