.sp {
		display: none;
	}

	.title {display: none;}

	#m-Header {
		display: none;
	}

	.contentTtl {
		font-family: 'Nunito', sans-serif;
		color: #6dc9e2;
		font-weight: 700;
		font-size: 18px;
	}

	.tbl--inner {
		width: 100%;
		font-size: 11px;
	}

	.tbl--inner td {
		padding: 5px 0;
	}

	.tbl--inner td:first-child {
		width: 75px;
		padding-right: 10px;
	text-align: right;
	vertical-align: top;
	}

	.tbl--inner td.tbl-col2 {
		width: 220px;
		text-align: left;
	}

	@media screen and (max-width:768px) {
	.tbl--inner {
		width: 100%;
		font-size: 14px;
	}

	.tbl--inner td {
		display: block;
		padding: 5px 0;
		line-height: 1.4;
	}

	.tbl--inner td:first-child,
	.tbl--inner td.tbl-col2  {
		width: 100%;
		padding-right: 0px;
	text-align: left;
	font-weight: 700;
	vertical-align: top;
	}
		.head {
			display: none;
		}
		div#Header {
			padding-top: 65px;
		}
		.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
			background-color: #005199;
		}

		.mobile-logo {
			position: fixed;
			top: 20px;
			left: 0;
			right: 0;
			margin: auto;
			width: 150px;
		}

		.mobile-tel {
			position: fixed;
			top: 16px;
			right: 10px;

		}
		#m-Header {
			background: rgba(255,255,255,0.9);
			display: block;
			width: 100%;
			height: 60px;
			position: fixed;
			top: 0;
			left: 0;
		}

		.drawer-nav {
			background: #6dc9e2;
		}
		

		.drawer-nav h2 {
			margin-bottom: 1rem;
			padding: 0.75rem;
			font-family: 'Nunito', sans-serif;
			color: #fff;
			font-size: 34px;
			font-weight: 700;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.drawer-nav h2 span {
			font-size: 16px;
			margin-left: 5px;
		}

		.drawer-nav a {
			width: 100%;
			display: inline-block;
			padding: 1rem;
			font-size: 14px;
			color: #fff;
			border-bottom: 1px dotted #fff;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-decoration: none;
		}

		.drawer-nav li.fc a {
			border-top: 1px dotted #fff
		}


		.drawer-nav .banner a {
			padding: 1rem 1rem 0;
			border-bottom: none;
		}

		.m-col2 div.dl02 a,
		.m-col2 div.dl03 a,
		.m-col2 div.dl04 a,
		.m-col2 div.dl05 a{
/**			width: 120px;
height: 42px;*/
-webkit-background-size: 100%;
background-size: 100%;
}

.logo {
	display: none;
}

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

.tagline br {
	display: none;
}


.h3,.h33 {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
}

.dl066,.dl077,.dl088 {
	margin: 5px auto;
}

table,tbody,tr {
	width: 100%;
	table-layout: fixed;
}

table td {
	display: inline-block;
	height: auto;
	vertical-align: middle;
	/*margin-bottom: 1rem;*/
}

table img.anm {
	width: 100%;
	height: 100%;
}
table img.r_img {
	width:101%;
}
div.update {
	width: 100%;
}

div.update dt,
div.update dd {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.update dd {
	padding-left: 3px;
}

div.update dl {
	height: 300px;
}

.flex-inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
	justify-content: center;
}
.visual_bg{
	background:#2fb5eb url(../images/topimg_bg.jpg)	repeat 0 0;
	background-size:100%;		
}
.flex-w {
	flex-wrap: wrap;
}

.flex-inner.flex-w td {
	width: auto;
	margin: 0.5rem;
}

.pc {
	display: none!important;
}

.sp {
	display: block;
}

.w100p {
	width: 100%;
}

.mb0 {
	margin-bottom: 0!important;
}
.ta-c {
	text-align: center;
	margin-top:20px;
}

.rDown {
	display: block;
}



#Header,
#Header .headCol .right,
#Header .headCol .left,
#Header .headCol .left .tagline,
#Header .headCol .left .logo,
#Header .headCol .right .res-set {
	position: static;
	width: 100%;
	height: auto;
	float: none;
	padding: 2px 5px 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#Header .headCol .right .res-tel,
#Header .headCol .right .res-mail {
	display: none;
}

#wrap {
	width: 100%;
}

div.main {
	position: static;
	width: 100%;
	padding: 0.5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#menu,
#menu2 {
	display: none;
}
div.dl02 {
	-webkit-background-size: 100%;
	background-size: 100%;
}

div.dl02 a {
	background-repeat: none;

}
div.dl02 a:hover,
div.dl03 a:hover,
div.dl04 a:hover,
div.dl05 a:hover {
	background:none;
}
.dl066 a:hover,
.dl077 a:hover {
	text-indent:0;
}

#footer {
	width: 100%;
}

#footer span {
	display: none;
}

#footer a {
	display: block;
	width: 100%;
	padding: 0.8rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	border-bottom: 1px dotted #999;
}


#btn01 {
	position: static;
	float: none;
	text-align: right;
}

img[src="images/leader_line01.jpg"],
img[src="images/plate_top.jpg"],
img[src="images/image_top_envi.jpg"],
img[src="images/image_top_retail.jpg"],
img[src="images/image_top_product.jpg"],
img[src="images/image_top_sp.jpg"],
img[src="images/image_top_privacy.jpg"],
img[src="images/logo_envi.jpg"],
img[src="images/image_top_business.jpg"],
img[src="images/fukao_aisatu.jpg"],
img[src="images/image_top_overview.jpg"],
img[src="img/plate_top.jpg"],
img[src="images/ph_overview01.jpg"],
img[src="images/title_overview03.jpg"],
img[src="images/title_overview04.jpg"]{
	width: 100%;
	height: auto;
}

img.thumb {
	display: block;
	margin: 0 auto 1rem auto;
}

.company_menu,
.company_menu2 {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 1rem;
}

.company_menu td,
.company_menu2 td{
	width: 49%;
	margin: 0.5%;
}

.company_menu a.blue,
.company_menu2 a.blue{
	display: block;
	padding: 0.25rem 0.5rem;
	border: 1px solid #6dc9e2;;
	color: #6dc9e2;
	text-align: center;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.supportTbl,
.supportTbl td {
	width: 100%;
}

.supportTbl {
	margin-top: 1rem;
}

.support-btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	flex-wrap:wrap;
	margin-bottom: 1rem;
}

.support-btn a {
	display: block;
	width: 49%;
	margin-bottom: 0.5rem;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #444;
	border: 2px solid #81c0eb;
	border-radius: 10px;
	padding: 0.5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}

.support-btn a strong {
	color: #dd0000;
}

.support-btn a span {
	font-size: 10px;
}

.support-btn a.btn-full {
	width: 100%;
}

.support-flow-outer {
display: none;
}

.support-flow-box {
	display: none;
	border: 2px solid #dd0000;
	margin-top: 1rem;
	padding: 0.5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.support-flow-box p {
	margin-top: 0;
	font-size: 12px;
	text-align: center;
}

.support-flow-box ul {
	padding-left: 0;
}

.support-flow-box li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom:10px;
	font-size: 12px;
}

.support-flow-box li:before {
	content:"��";
	color: #81c0eb;
}

.support-flow-box .align-right {
	text-align: right;
	margin-bottom: 0;
}

.support-flow2-box {
	margin: 1rem auto;
	padding: 0.5rem;
	border: 2px solid #81c0eb;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.support-flow2-1 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.support-flow2-1 strong {
	color: #dd0000;
}

.support-flow2-2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
align-items: stretch;
-ms-align-items: stretch;
	flex-wrap:wrap;
	margin-bottom: 1rem;
background: #dceffd;
}

.support-flow2-inner {
	width: 40%;
	margin-bottom: 1rem;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:  2px solid  #81c0eb;
	border-radius: 5px;
	}

.support-flow2-inner h4 {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.5rem;
	background: #81c0eb;
	color: #fff;
	font-size: 12px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px 3px 0 0;
}	

.support-flow2-txt {
	padding: 0.5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.support-flow2-inner p {
	margin-top: 0;
	font-size: 12px;
}

.support-flow2-inner ul {
	padding-left: 0;
	list-style: none;
}

.support-flow2-inner li {
	display: inline-block;
	margin-bottom:10px;
	margin-right: 5px;
	font-size: 12px;
}

.support-flow2-inner li:before {
	content:"��";
	color: #81c0eb;
}

.support-flow2-inner.inner-full {
	width: 100%;
}

.support-flow3-inner {
	width: 100%;
	margin-bottom: 1rem;
	background: #81c0eb;
	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:  2px solid  #81c0eb;
	border-radius: 5px;
	}

.support-flow3-inner h4 {
	border-bottom: 1px solid #fff;
}

.support-flow3-inner p {
	text-align: center;
	font-size: 12px;
}

.support-flow3-inner h4 {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.5rem;
	background: #81c0eb;
	color: #fff;
	font-size: 12px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px 3px 0 0;
}

.support-flow3-inner ul {
	list-style: none;
	padding-left: 0;
}

.support-flow3-inner ul li {
	width: 48%;
              margin-bottom:10px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
}

.vector-box {
	text-align: center;
}

.vector-box img {
	margin: 0 2rem;
}

.is-active {
	color: #dd0000;
	font-weight: bold;
}

.is-active2 {
	color: #FFEB3B;
	font-weight: bold;
}

hr {
	width: 100%;
}

.mtb1r {
margin-top: 1rem;
margin-bottom: 1rem;
}

.hrz-scroll {
	width: 100%;
	overflow-x: auto;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	-webkit-overflow-scrolling:touch;
}

.box-ovf {
	width: 800px;
	padding: 1rem;
}

.box-ovf2 {
	width: 730px;
	padding: 1rem;
}

.box-ovf3 {
	width: 650px;
	padding: 1rem;
}

.drawer-nav {
	z-index: 5!important;
}

.box-ovf td,
.box-ovf2 td,
.box-ovf3 td{
/*	display: table-cell;*/
	height: 100%;
	vertical-align: top;
}

.box table {
	display: block;
}

.box td{
	width: 100%;
}
.box td img {
	display: block;
	margin: 1rem auto;
}
img[src="images/btn_access.gif"],
img[src="images/btn_tosite.gif"] {
	display: inline!important;
}
.product-box,
.retail-box,
.sp-box { margin: 0.5rem auto; }
.product-box td,
.retail-box td,
.sp-box td { width: 100%; 	line-height: 1.6;}
.product-box img,
.retail-box img,
.sp-box img { width: 100%; height: auto; margin:0.25rem 0;}
.product-box img.product-photo,
.retail-box img.retail-photo,
.sp-box img.sp-photo{ width:auto; height: auto;}

.retail-top,
.sp-top { margin: 0.5rem auto; }
.retail-top td,
.retail-top img,
.sp-top td,
.sp-top img {
	width: 100%;
	height: auto;
}

.tode {
	margin-bottom: 0.5rem;
}

.title {
	display: block;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.mt1r {
	margin-top: 1rem;
}

.mr-50 {
	margin-right: -50px;
}

.ml10 {
	margin-left: 10px;
}

.privacy-box td,
.envi-box td {
	display: block;
	margin: 0 auto;
}

.h2,.h5,.h10 {
	font-size: 14px;
}

.h9 {
	font-size: 16px;
}
}

@media screen and (max-width:480px) {
	.company_menu2 td {
		width: 100%;
	}
}