/* CSS Document */

.products h2.txt_h2{ margin: 0 0 0 0 ; padding: 0 0 0 0; text-align: center; color: #8BBB29;}
.products h2.mgntop{ margin:50px 0 0 0 ; }
.product-block-R .product-title{ margin-top:20px; margin-bottom: 20px; margin: 0 0 0 0; }
.product-block-R .product-title h3{ margin: 0 0 15px 0; padding:5px 0 5px 40px; font-size:16px; line-height: 1.0 !important; background: url(./images/bg01.png) no-repeat 0 0; background-size:auto 100%;}
.product-block-R .product-title h3 strong{ font-size:45px;  font-style: italic; }
.product-block-R .product-title .itemlogo{ margin: 0 0 35px 0; }
.product-outline p strong{ font-size:16px;  color: #8bbb29;}
.product-outline p.txt01{ margin-bottom: 10px;}
.product-block-L .product-outline .product-price p{ font-size: 2.0rem;}
.product-block-R .product-outline .product-price p{ font-size: 2.0rem;}
.brand_list01{ width: 940px; margin: 0 auto ;}
.spec-area p.txts { margin-right: 1.5em; font-size: 14px; margin-top: -10px; text-align: right; }
.content-area.padt{ padding-top: 50px;}


h2.txt_h2.ttl00{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	padding: 0 0 20px 0;
}
h2.txt_h2.ttl01{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 36px;
	letter-spacing: 2px;
}
h2.ttl00:before,
h2.ttl01:before {
		content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #75a710;
	border-radius: 2px;
}



.product-block .product-img.cter img {
	display:block;
	margin-right: auto;
	margin-left: auto;
}

.btn_cs{ background: #6E6E6E; color: #FFF; 
	display: block;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    padding: 6px 0;
	letter-spacing: 2px !important;
}

.products .lead02 {
    padding: 3%;
    font-size: 18px;
	line-height: 1.7;
}

.products .img_auto {
	text-align: center;
	margin: 30px 0 50px; 
}
.products .img_auto img{
	max-width:100%;
}

.product-block-L h2{ font-size: 18px; line-height: 1.2; }
.product-block-R h2{ font-size: 18px; line-height: 1.2; }

.itembtnbox .mb10{ margin-bottom: 10px; }
.itembtnbox dd a.gpos { background-color: #006cb8; }
.itembtnbox dd a.rkt { background-color: #bf0000; }
.itembtnbox dd a.ppm { background-color: #c0a143; }
.itembtnbox dd a.au { background-color: #eb5505; }


@media only screen and (max-width: 959px) {
	.products h2.txt_h2{  padding: 0 0 10px 0; text-align: center; color: #8BBB29; line-height: 1.5;}
	.products h2.mgntop{ margin:30px 0 20px 0 ; }
	.product-block-R .product-title{ margin-top:20px; margin-bottom: 20px; margin: 0 0 0 0; }
	.product-block-R .product-title h3{ margin: 0 0 15px 0; padding:5px 0 5px 40px; font-size:16px; line-height: 1.0 !important; background: url(./images/bg01.png) no-repeat 0 0; background-size:auto 100%;}
	.product-block-R .product-title h3 strong{ font-size:45px;  font-style: italic; display: block; }
	.product-block-R .product-title .itemlogo{ margin: 0 0 35px 0; }
	.product-outline p strong{ font-size:16px;  color: #8bbb29;}
	.product-outline p.txt01{ margin-bottom: 10px;}
	.product-block-L .product-outline .product-price p{ font-size: 2.0rem;}
	.product-block-R .product-outline .product-price p{ font-size: 2.0rem;}
	.brand_list01{ width: 94%; margin: 0 auto ;}
	
}
@media only screen and (max-width: 480px) {
		.products .img_auto {
		text-align: center;
		margin: 20px 3% 20px; 
	}
	.products .img_auto img{
		width:auto;
	}

	.products .lead02 {
		padding: 3%;
		font-size: 14px;
		line-height: 1.7;
	}

	.product-block-L h2{ font-size: 14px; line-height: 1.2; }
	.product-block-R h2{ font-size: 14px; line-height: 1.2; }
	.product-block h2.h2_txt img{
		display: block;
		margin: 0 0 10px 0;
	}

	.products h2.mgntop{ margin-top: 20px !important; }
	.products h2.txt_h2{ margin: 0 0 0 0 ; padding: 0 0 0 0; text-align: center; color: #8BBB29;}
	.product-block-R .product-title{ margin-top:20px; margin-bottom: 20px; margin: 0 0 0 0; }
	.product-block-R .product-title h3{ margin: 0 0 25px 0; padding:5px 0 5px 45px; font-size:12px; line-height: 1.1 !important; background: url(./images/bg01.png) no-repeat 0 0; background-size:auto 100%;}
	.product-block-R .product-title h3 strong{ font-size:35px;  font-style: italic; }
	.product-block-R .product-title .itemlogo{ margin: 0 0 15px 0; }
	.product-outline p strong{ font-size:14px;}
	.product-outline p.txt01{ margin-bottom: 10px;}
	.product-block-L .product-outline .product-price p{ font-size:1.6rem;}
	.product-block-R .product-outline .product-price p{ font-size:1.6rem;}
	.brand_list01{ width: 96%; margin: 0 auto ;}

	.products h2.txt_h2.ttl00{
		margin-bottom: 2em;
		padding: 0 0 0px 0;
	}
	.products h2.txt_h2.ttl01{
		position: relative;
		display: inline-block;
		margin-bottom:1.5em;
		font-size:20px;
		letter-spacing:1px;
	}
	h2.ttl00:before,
	h2.ttl01:before {
			content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 60px;
		height: 5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #8BBB29;
		border-radius: 2px;
	}
	
}











#voice{ clear: both; padding:20px 0 0 0; }
#voice h2 { position: relative; margin: 0 0 45px 0; padding:20px .75em; background-color: #fff; border: 4px solid #ccc; border-radius: 10px; text-align: center; letter-spacing: 2px; font-size:2.8rem; line-height: 1.5; background: rgb(242,255,216);
	background: -moz-linear-gradient(top,  rgba(242,255,216,1) 0%, rgba(255,255,255,1) 50%);
	background: -webkit-linear-gradient(top,  rgba(242,255,216,1) 0%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(242,255,216,1) 0%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffd8', endColorstr='#ffffff',GradientType=0 );
	}
#voice h2::before,
#voice h2::after { position: absolute; top: 100%; left: 50%; margin: 0 0 0 -17px; content: ''; height: 0; width: 0; border: 20px solid transparent; }
#voice h2::before { border-top: 20px solid #ccc; }
#voice h2::after { margin-top: -6px; border-top: 20px solid #fff; }

#voice h3 { position: relative; padding: 0 0 10px 45px; border-bottom: 2px solid #ccc; margin: 0 0 20px 0; }
#voice h3::after { position: absolute; top:7px; left:10px; z-index: 2; content: ''; width: 15px; height: 15px; background-color: #8bbb29; border-radius: 50%; }

#voice .voicebox01 { width: 96%; margin: 0 auto 45px; }
#voice .voicebox01 .grabox{ width: 100%; display: table; margin: 0 0 0 0; }
#voice .voicebox01 .grabox .grabox01{ display: table-cell; width: 50%; text-align: center; }
#voice .voicebox01 .grabox .grabox01 dl{ display:block; }
#voice .voicebox01 .grabox .grabox01 dl dt{ display:block; font-size: 1.8rem; font-weight: bold; margin: 0 0 15px 0; }
#voice .voicebox01 .grabox .grabox01 dl dd{ display:block; }
#voice .voicebox01 .grabox .grabox01 img{ width: auto; max-width: 100%; }
#voice .voicebox01 ul{ margin: 0 45px 0; }
#voice .voicebox01 ul li{ list-style: disc; font-size: 1.8rem; letter-spacing: 1px; line-height: 1.7; margin: 0 0 15px 0; }

#voice .voicebox02 { width: 96%; margin: 0 auto 45px; }
#voice .voicebox02 { padding:20px 20px; margin: 0 auto 45px; background: #fff8e3; border-top: solid 1px #eee; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
#voice .voicebox02 p { margin: 0; padding: 0; color: #fb8800; font-size: 2.4rem; text-align: center; line-height: 1.7; font-weight: bold; }

#concept{ clear: both; padding:0 2% 0; }
#concept h2{ padding: 0 0 20px 0; margin: 0 0 60px 0; }
#concept dl{ display: block; text-align: left; margin: 0 0 40px 0; }
#concept dl dt{ display: block; font-size: 2.8rem; font-weight: bold; letter-spacing:2px; margin: 0 0 15px 0; }
#concept dl dd{ display: block; font-size: 1.8rem; margin: 0 0 0 0; }
#concept .conceptbox01 { width: 100%; margin: 0 auto 45px; }
#concept .conceptbox01 { padding:20px 20px; margin: 0 auto 45px; background: #fff8e3; border-top: solid 1px #eee; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
#concept .conceptbox01 p { margin: 0; padding: 0; color: #fb8800; font-size: 2.4rem; text-align: center; line-height: 1.7; font-weight: bold; }

#evolution{ clear: both; padding:0 2% 0; }
#evolution h2{ padding: 0 0 20px 0; margin: 0 0 60px 0; }
#evolution .evolution_body{ padding: 0 2% 20px; margin: 0 0 40px 0; }

#evolution h3 { position: relative; overflow: hidden; padding: 1.5rem 2rem 1.5rem 100px; margin: 0 0 50px 0; letter-spacing: 1px; border: 2px solid #8bbb29; text-align: left; }
#evolution h3:before { position: absolute; top: -150%; left:0px; width:85px; height: 300%; content: ''; background: #8bbb29; }
#evolution h3 span { font-size: 40px; font-size: 4rem; position: absolute; z-index: 1; top: 0; left: 0; display: block; padding-top: 3px; padding-left: 16px; color: #fff; }
#evolution h4 { position: relative; padding: 0 0 10px 45px; font-size: 2.0rem; border-bottom: 2px solid #ccc; margin: 0 0 30px 0; }
#evolution h4::after { position: absolute; top:7px; left:10px; z-index: 2; content: ''; width: 15px; height: 15px; background-color: #8bbb29; border-radius: 50%; }
#evolution .txt01 { margin: 0 0 25px 0; font-size: 1.8rem; line-height: 1.7; letter-spacing: 1px; }
#evolution .txt02 { margin: 0 0 45px 0; font-size: 1.6rem; line-height: 1.7; letter-spacing: 1px; }
#evolution ul.txt03{ margin: 0 30px 0; }
#evolution ul.txt03 li{ list-style: disc; font-size: 1.8rem; letter-spacing: 1px; line-height: 1.7; margin: 0 0 15px 0; }
#evolution .txt04 { margin: 0 0 45px 0; font-size: 1.8rem; line-height: 1.7; letter-spacing: 1px; }
#evolution .txt05 { margin: 0 0 15px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
#evolution .img01 { margin: 0 0 25px 0; text-align: center; padding:10px 0 0 0; }
#evolution .img01 img{ width: auto; margin: 0 6px 0; }
#evolution .img01r { margin: 0 0 25px 25px; float: right; padding:5px 0 0 0; }
#evolution .img01r img{ width: auto; }
#evolution .img02 { margin: 0 0 45px 0; text-align: center; padding:10px 0 0 0; }
#evolution .img02 img{ width: auto; margin: 0 6px 0; }
.fwtbl01{ width: 100%; margin:30px 0 30px 0; }
.fwtbl01 th{ text-align:center; font-size: 2.0rem; letter-spacing: 2px; padding:10px 0 8px 0; background: #EEE; }
.fwtbl01 th.attention{ background: #FFF; font-size: 1.4rem; letter-spacing: 2px; padding:15px 0 15px 0; font-weight: normal;}
.fwtbl01 th.th03{ border-bottom: #1f7dc2 6px solid;  }
.fwtbl01 th.th05{ border-bottom: #e9e02c 6px solid; }
.fwtbl01 th.th07{ border-bottom: #c31e1f 6px solid; }
.fwtbl01 td{ background: #EEE; text-align: center; font-size: 1.8rem; letter-spacing: 2px; padding:15px 0 15px 0;}
.fwtbl01 td.attention{ background: #FFF; font-size: 1.4rem; letter-spacing: 2px; padding:15px 0 15px 0;}
#evolution .headbox{ width: 100%; display: table; margin: 0 0 40px 0; }
#evolution .headbox .headbox01{ display: table-cell; width:34%; text-align: center; }
#evolution .headbox .headbox01 dl{ display:block; }
#evolution .headbox .headbox01 dl dd{ display:block; font-size: 1.8rem; font-weight: bold; letter-spacing: 1px; }
#evolution .headbox .headbox01 dl dt{ display:block; margin: 0 0 15px 0; }
#evolution .headbox .headbox01 img{ width: auto; }
#evolution .headbox .headbox02{ display: table-cell; width:32%; text-align: left; vertical-align: middle; font-size: 1.8rem; letter-spacing: 1px; line-height: 1.7; }
#evolution .datenbox{ width: 100%; display: table; margin: 0 0 0 0; }
#evolution .datenbox .datenbox01{ display: table-cell; width:50%; text-align: center; }
#evolution .datenbox .datenbox01 dl{ display:block; }
#evolution .datenbox .datenbox01 dl dd{ display:block; font-size: 1.8rem; font-weight: bold; letter-spacing: 1px; }
#evolution .datenbox .datenbox01 dl dt{ display:block; margin: 0 0 15px 0; }
#evolution .datenbox .datenbox01 img{ width: auto; }
#evolution .solebox{ width: 100%; display: table; margin: 0 0 0 0; }
#evolution .solebox .solebox01{ display: table-cell; width:50%; text-align: center; }
#evolution .solebox .solebox01 dl{ display:block; }
#evolution .solebox .solebox01 dl dd{ display:block; font-size: 1.6rem; line-height: 1.7; letter-spacing: 1px; text-align: left; box-sizing: border-box; padding: 0 5% 0; }
#evolution .solebox .solebox01 dl dt{ display:block; margin: 0 0 15px 0; }
#evolution .solebox .solebox01 img{ width: auto; }
#evolution .flowbox{ width: 100%; display: table; margin: 0 0 40px 0; }
#evolution .flowbox .flowbox01{ display: table-cell; width:50%; text-align: left; }
#evolution .flowbox .flowbox02{ display: table-cell; width:50%; text-align: center; vertical-align: middle; }
#evolution .flowbox .flowbox02 img{ width: auto; }
#evolution .flowbox .flowbox02 span{ display: block; padding:15px 10px 0; text-align: left; line-height: 1.7; }
#evolution .flowbox .flowbox03{ display: table-cell; width:50%; text-align: left; box-sizing: border-box; padding: 0 20px 0 0; }
#evolution .flowbox .flowbox04{ display: table-cell; width:50%; text-align: center; vertical-align:top; }
#evolution .flowbox .flowbox04 img{ width: auto; }
.fwtbl02{ width: 100%; margin:30px 0 40px 0; }
.fwtbl02 th{ text-align:center; font-size: 2.0rem; letter-spacing: 2px; padding:10px 0 8px 0; background: #EEE; }
.fwtbl02 th.th03{ border-bottom: #1f7dc2 6px solid; width: 25%; }
.fwtbl02 th.th05{ border-bottom: #e9e02c 6px solid; width: 25%; }
.fwtbl02 th.th07{ border-bottom: #c31e1f 6px solid; width: 25%; }
.fwtbl02 td{ background: #EEE; text-align: center; font-size: 1.8rem; letter-spacing: 2px; padding:15px 0 15px 0;}
.fwtbl02 td.td00{ background: #898989; text-align: center; font-size: 1.8rem; letter-spacing: 2px; padding:15px 0 15px 0; color: #FFF;}

#shida{ clear: both; padding:0 2% 0; }
#shida h2{ padding: 0 0 20px 0; margin: 0 0 60px 0; }
#shida .shida_body{ padding: 0 2% 20px; margin: 0 0 0px 0; }
#shida h3 { position: relative; margin: 0 0 45px 0; padding:20px .75em; background-color: #fff; border: 4px solid #ccc; border-radius: 10px; text-align: center; letter-spacing: 2px; font-size:2.8rem; line-height: 1.5; background: rgb(242,255,216);
	background: -moz-linear-gradient(top,  rgba(242,255,216,1) 0%, rgba(255,255,255,1) 50%);
	background: -webkit-linear-gradient(top,  rgba(242,255,216,1) 0%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(242,255,216,1) 0%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffd8', endColorstr='#ffffff',GradientType=0 );
	
	}
#shida h3::before,
#shida h3::after { position: absolute; top: 100%; left: 50%; margin: 0 0 0 -17px; content: ''; height: 0; width: 0; border: 20px solid transparent; }
#shida h3::before { border-top: 20px solid #ccc; }
#shida h3::after { margin-top: -6px; border-top: 20px solid #fff; }
#shida h4 { position: relative; padding: 0 0 10px 45px; font-size: 2.0rem; border-bottom: 2px solid #ccc; margin: 0 0 30px 0; }
#shida h4::after { position: absolute; top:7px; left:10px; z-index: 2; content: ''; width: 15px; height: 15px; background-color: #8bbb29; border-radius: 50%; }
#shida .txt01 { margin: 0 0 25px 0; font-size: 1.8rem; line-height: 1.7; letter-spacing: 1px; }
#shida .txt02 { margin: 0 0 0 0; font-size: 1.8rem; line-height: 1.7; letter-spacing: 1px; }
#shida .shidabox{ width: 100%; display: table; margin:40px 0 40px 0; }
#shida .shidabox .shidabox01{ display: table-cell; width:50%; text-align: center; vertical-align: top; padding: 0 15px 0 0; }
#shida .shidabox .shidabox02{ display: table-cell; width:50%; text-align: center; vertical-align: top; padding: 0 0 0 15px; }
#shida .shidabox h4{ text-align: left; }
#shida .shidabox p{ margin: 0 0 0 0; }
#shida .shidabox img{ width: auto; }

.txtshirabe{ display: block; text-align: right; font-size: 1.4rem; margin:-20px 0 30px 0; }



@media only screen and (min-width: 481px) and (max-width:959px) {

	#voice{ padding:10px 0 0 0; }
	#voice h2 { margin: 0 0 45px 0; padding:15px .75em; border: 4px solid #ccc; font-size:2.0rem; line-height: 1.5; }
	
	#voice h3 { position: relative; padding: 0 0 10px 35px; border-bottom: 2px solid #ccc; margin: 0 0 20px 0; }
	#voice h3::after { position: absolute; top:4px; left:10px; z-index: 2; content: ''; width: 11px; height: 11px; }
	
	#voice .voicebox01 { margin: 0 auto 25px; }
	#voice .voicebox01 .grabox .grabox01 dl{ display:block; }
	#voice .voicebox01 .grabox .grabox01 dl dt{ font-size: 1.6rem; smargin: 0 0 15px 0; }
	#voice .voicebox01 .grabox .grabox01 img{ width:90%; }
	#voice .voicebox01 ul{ margin: 0 25px 0; }
	#voice .voicebox01 ul li{ font-size: 1.6rem;  line-height: 1.7; margin: 0 0 15px 0; }
	
	#voice .voicebox02 { margin: 0 auto 25px; }
	#voice .voicebox02 { padding:10px 15px; margin: 0 auto 25px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); }
	#voice .voicebox02 p { font-size:1.8rem; text-align: left; }
	#voice .voicebox02 p br{ display: none; }
	
	#concept{ }
	#concept h2{ padding: 0 0 20px 0; margin: 0 0 50px 0; font-size: 3.2rem; }
	#concept dl{ margin: 0 0 25px 0; }
	#concept dl dt{ display: block; font-size:2.2rem; margin: 0 0 15px 0; }
	#concept dl dd{ display: block; font-size: 1.6rem; line-height: 1.7; margin: 0 0 0 0; }
	#concept .conceptbox01 { margin: 0 auto 25px; }
	#concept .conceptbox01 { padding:10px 15px; margin: 0 auto 25px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); }
	#concept .conceptbox01 p { font-size:1.8rem; text-align: left; }
	#concept .conceptbox01 p br{ display: none; }

	#evolution{ }
	#evolution h2{ padding: 0 0 20px 0; margin: 0 0 50px 0; font-size: 3.2rem; }
	#evolution .evolution_body{ padding: 0 2% 0px; margin: 0 0 0px 0; }

	#evolution h3 { padding:12px 20px 12px 80px; margin: 0 0 30px 0; font-size:2.0rem; }
	#evolution h3:before { width:65px; height: 300%; content: ''; background: #8bbb29; }
	#evolution h3 span { font-size:2.4rem; padding-top:10px; padding-left: 16px; color: #fff; }
	#evolution h4 { padding: 0 0 10px 35px; font-size:1.6rem; border-bottom: 2px solid #ccc; margin: 0 0 15px 0; }
	#evolution h4::after { position: absolute; top:4px; left:10px; z-index: 2; content: ''; width: 11px; height: 11px; }
	#evolution .txt01 { margin: 0 0 15px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution .txt02 { margin: 0 0 45px 0; font-size: 1.2rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution ul.txt03{ margin: 0 20px 0; }
	#evolution ul.txt03 li{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.7; margin: 0 0 15px 0; }
	#evolution .txt04 { margin: 0 0 35px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution .txt05 { margin: 0 0 15px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution .img01 { margin: 0 0 25px 0;padding:10px 0 0 0; }
	#evolution .img01 img{ width:auto; margin: 0 6px 0; }
	#evolution .img01r { margin: 0 0 25px 0; float: none; padding:10px 0 0 0; }
	#evolution .img01r img{ width: 100%; }
	#evolution .img02 { margin: 0 0 45px 0; text-align: center; padding:10px 0 0 0; }
	#evolution .img02 img{ width: 46%; margin: 0 2% 0; }
	.fwtbl01{ margin:10px 0 20px 0; }
	.fwtbl01 th{ font-size:1.4rem; letter-spacing:1px; padding:5px 0 3px 0; background: #EEE; }
	.fwtbl01 th.attention{ font-size: 1.2rem; letter-spacing: 1px; padding:15px 0 15px 0; font-weight: normal;}
	.fwtbl01 th.th03{ border-bottom: #1f7dc2 5px solid;  }
	.fwtbl01 th.th05{ border-bottom: #e9e02c 5px solid; }
	.fwtbl01 th.th07{ border-bottom: #c31e1f 5px solid; }
	.fwtbl01 td{ font-size: 1.4rem; letter-spacing: 2px; padding:15px 0 15px 0;}
	.fwtbl01 td.attention{ font-size: 1.2rem; letter-spacing: 2px; padding:15px 0 15px 0;}
	#evolution .headbox{ width: 100%; display: block; margin: 0 0 40px 0; }
	#evolution .headbox .headbox01{ display: block; width:50%; text-align: center; float: left; }
	#evolution .headbox .headbox01 dl{ display:block; }
	#evolution .headbox .headbox01 dl dd{ display:block; font-size: 1.4rem; font-weight: bold; letter-spacing: 1px; }
	#evolution .headbox .headbox01 dl dt{ display:block; margin: 0 0 15px 0; }
	#evolution .headbox .headbox01 img{ width: auto; }
	#evolution .headbox .headbox02{ display: block; clear: both; width:100%; font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7; text-align: center; }
	#evolution .headbox .headbox02 br{ display: none; }
	#evolution .datenbox{ width: 100%; display: table; margin: 0 0 0 0; }
	#evolution .datenbox .datenbox01{ display: table-cell; width:50%; text-align: center; }
	#evolution .datenbox .datenbox01 dl{ display:block; }
	#evolution .datenbox .datenbox01 dl dd{ display:block; font-size: 1.4rem; font-weight: bold; letter-spacing: 1px; }
	#evolution .datenbox .datenbox01 dl dt{ display:block; margin: 0 0 15px 0; }
	#evolution .datenbox .datenbox01 img{ width: 90%; }
	#evolution .solebox{ width: 100%; display: table; margin: 0 0 0 0; }
	#evolution .solebox .solebox01{ display: table-cell; width:50%; text-align: center; }
	#evolution .solebox .solebox01 dl{ display:block; }
	#evolution .solebox .solebox01 dl dd{ display:block; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; text-align: left; box-sizing: border-box; padding: 0 5% 0; }
	#evolution .solebox .solebox01 dl dt{ display:block; margin: 0 0 15px 0; }
	#evolution .solebox .solebox01 img{ width: 90%; }
	#evolution .flowbox{ width: 100%; display: block; margin: 0 0 40px 0; }
	#evolution .flowbox .flowbox01{ display: block; width:100%; text-align: center; }
	#evolution .flowbox .flowbox02{ display: block; width:100%; text-align: center; }
	#evolution .flowbox .flowbox02 img{ width: 90%; }
	#evolution .flowbox .flowbox02 span{ display: block; padding:15px 10px 0; text-align: left; line-height: 1.7; font-size: 1.4rem;}
	#evolution .flowbox .flowbox03{ display: block; width:100%; text-align: left; box-sizing: border-box; padding: 0 20px 0 0; }
	#evolution .flowbox .flowbox04{ display: block; width:100%; text-align: center; vertical-align:top; }
	#evolution .flowbox .flowbox04 img{ width: 90%; }
	.fwtbl02{ width: 100%; margin:20px 0 40px 0; }
	.fwtbl02 th{ text-align:center; font-size:1.4rem; letter-spacing:1px; padding:10px 0 8px 0; }
	.fwtbl02 th.th03{ border-bottom: #1f7dc2 5px solid; width: 25%; }
	.fwtbl02 th.th05{ border-bottom: #e9e02c 5px solid; width: 25%; }
	.fwtbl02 th.th07{ border-bottom: #c31e1f 5px solid; width: 25%; }
	.fwtbl02 td{ font-size: 1.4rem; letter-spacing: 2px; padding:10px 0 10px 0;}
	.fwtbl02 td.td00{ font-size: 1.4rem; letter-spacing: 2px; padding:15px 0 15px 0; color: #FFF;}

	#shida{ }
	#shida h2{ padding: 0 0 20px 0; margin: 0 0 50px 0; font-size: 3.2rem; }
	#shida .shida_body{ padding: 0 2% 20px; margin: 0 0 0px 0; }
	#shida h3 { margin: 0 0 45px 0; padding:15px .75em; border: 4px solid #ccc; font-size:2.0rem; line-height: 1.5; }
	#shida h3 br { display: none; }
	#shida h4 { padding: 0 0 10px 35px; font-size:1.6rem; border-bottom: 2px solid #ccc; margin: 0 0 15px 0; }
	#shida h4::after { position: absolute; top:4px; left:10px; z-index: 2; content: ''; width: 11px; height: 11px; }
	#shida .txt01 { margin: 0 0 15px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#shida .txt02 { margin: 0 0 0 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#shida .shidabox{ width: 100%; display: table; margin:40px 0 40px 0; }
	#shida .shidabox .shidabox01{ display: table-cell; width:50%; text-align: center; vertical-align: top; }
	#shida .shidabox .shidabox02{ display: table-cell; width:50%; text-align: center; vertical-align: top; }
	#shida .shidabox img{ width: 90%; }
	#shida .hanrei img{ width: 50%; }
	
}
@media only screen and (max-width: 480px) {
	.content-area.padt{ padding-top: 20px;}

	#voice{ padding:10px 0 0 0; }
	#voice h2 { margin: 0 0 35px 0; padding:10px 10px; border: 4px solid #ccc; font-size:1.4rem; line-height: 1.5; }
	#voice h2 br { display: none; }
	
	#voice h3 { padding: 0 0 5px 25px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; font-size: 1.4rem; line-height: 1.5; }
	#voice h3::after { position: absolute; top:6px; left:7px; z-index: 2; content: ''; width:9px; height:9px; }
	#voice .voicebox01 { margin: 0 auto 25px; }
	#voice .voicebox01 .grabox .grabox01 dl{ display:block; }
	#voice .voicebox01 .grabox .grabox01 dl dt{ font-size: 1.2rem; margin: 0 0 15px 0; }
	#voice .voicebox01 .grabox .grabox01 img{ width:90%; }
	#voice .voicebox01 ul{ margin: 0 20px 0; }
	#voice .voicebox01 ul li{ font-size: 1.2rem;  line-height: 1.5; margin: 0 0 10px 0; }
	#voice .voicebox02 { margin: 0 auto 0px; }
	#voice .voicebox02 { padding:10px 10px; margin: 0 auto 15px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); }
	#voice .voicebox02 p { font-size:1.4rem; text-align: left; }
	#voice .voicebox02 p br{ display: none; }

	#concept{ }
	#concept h2{ padding: 0 0 0px 0; margin: 0 0 40px 0; font-size:1.8rem; }
	#concept dl{ margin: 0 0 25px 0; }
	#concept dl dt{ display: block; font-size:1.6rem; margin: 0 0 10px 0; }
	#concept dl dd{ display: block; font-size: 1.4rem; line-height: 1.5; margin: 0 0 0 0; }
	#concept .conceptbox01 { margin: 0 auto 0px; }
	#concept .conceptbox01 { padding:10px 10px; margin: 0 auto 15px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); }
	#concept .conceptbox01 p { font-size:1.4rem; text-align: left; }
	#concept .conceptbox01 p br{ display: none; }

	#evolution{ }
	#evolution h2{ padding: 0 0 0px 0; margin: 0 0 40px 0; font-size:1.8rem; }
	#evolution .evolution_body{ padding: 0 0 0px; margin: 0 0 0px 0; }

	#evolution h3 { padding:12px 20px 12px 70px; margin: 0 0 15px 0; font-size:1.8rem; }
	#evolution h3:before { width:55px; height: 300%; content: ''; background: #8bbb29; }
	#evolution h3 span { font-size:2.0rem; padding-top:10px; padding-left: 16px; color: #fff; }
	#evolution h4 { padding: 0 0 5px 25px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; font-size: 1.4rem; line-height: 1.5; }
	#evolution h4::after { position: absolute; top:6px; left:7px; z-index: 2; content: ''; width:9px; height:9px; }
	#evolution .txt01 { margin: 0 0 15px 0; font-size: 1.4rem; line-height: 1.5; letter-spacing: 1px; }
	#evolution .txt02 { margin: 0 0 45px 0; font-size: 1.2rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution ul.txt03{ margin: 0 15px 0; }
	#evolution ul.txt03 li{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.5; margin: 0 0 15px 0; }
	#evolution .txt04 { margin: 0 0 35px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution .txt05 { margin: 0 0 35px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#evolution .img01 { margin: 0 0 25px 0;padding:10px 0 0 0; }
	#evolution .img01 img{ width:80%; margin: 0 6px 0; }
	#evolution .img01r { margin: 0 0 15px 0; float: none; padding:0px 0 0 0; }
	#evolution .img01r img{ width: 100%; }
	#evolution .img02 { margin: 0 0 45px 0; text-align: center; padding:10px 0 0 0; }
	#evolution .img02 img{ width: 80%; margin: 0 10% 0; }
	.fwtbl01{ margin:10px 0 10px 0; }
	.fwtbl01 th{ font-size:1.2rem; letter-spacing:0px; padding:5px 0 3px 0; font-weight: normal; }
	.fwtbl01 th.attention{ font-size: 1.0rem; letter-spacing: 1px; padding:10px 0 10px 0; font-weight: normal;}
	.fwtbl01 th.th03{ border-bottom: #1f7dc2 4px solid;  }
	.fwtbl01 th.th05{ border-bottom: #e9e02c 4px solid; }
	.fwtbl01 th.th07{ border-bottom: #c31e1f 4px solid; }
	.fwtbl01 td{ font-size: 1.2rem; letter-spacing: 2px; padding:15px 0 15px 0;}
	.fwtbl01 td.attention{ font-size: 1.0rem; letter-spacing: 2px; padding:15px 0 15px 0;}
	#evolution .headbox{ width: 100%; display: block; margin: 0 0 40px 0; }
	#evolution .headbox .headbox01{ display: block; width:50%; text-align: center; float: left; }
	#evolution .headbox .headbox01 dl{ display:block; }
	#evolution .headbox .headbox01 dl dd{ display:block; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; }
	#evolution .headbox .headbox01 dl dt{ display:block; margin: 0 0 15px 0; }
	#evolution .headbox .headbox01 img{ width: 90%; }
	#evolution .headbox .headbox02{ display: block; clear: both; width:100%; font-size: 1.4rem; letter-spacing: 1px; line-height: 1.7; text-align: left; }
	#evolution .headbox .headbox02 br{ display: none; }
	#evolution .datenbox{ width: 100%; display: table; margin: 0 0 30px 0; }
	#evolution .datenbox .datenbox01{ display: table-cell; width:50%; text-align: center; }
	#evolution .datenbox .datenbox01 dl{ display:block; }
	#evolution .datenbox .datenbox01 dl dd{ display:block; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; }
	#evolution .datenbox .datenbox01 dl dt{ display:block; margin: 0 0 15px 0; }
	#evolution .datenbox .datenbox01 img{ width: 90%; }
	#evolution .solebox{ width: 100%; display: block; margin: 0 0 30px 0; }
	#evolution .solebox .solebox01{ display: block; width:100%; text-align: center; }
	#evolution .solebox .solebox01 dl{ display:block; }
	#evolution .solebox .solebox01 dl dd{ display:block; font-size: 1.2rem; line-height: 1.5; letter-spacing: 1px; text-align: left; box-sizing: border-box; padding: 0 5% 0; }
	#evolution .solebox .solebox01 dl dt{ display:block; margin: 0 0 15px 0; }
	#evolution .solebox .solebox01 img{ width: 80%; }
	#evolution .flowbox{ width: 100%; display: block; margin: 0 0 40px 0; }
	#evolution .flowbox .flowbox01{ display: block; width:100%; text-align: center; }
	#evolution .flowbox .flowbox02{ display: block; width:100%; text-align: center; }
	#evolution .flowbox .flowbox02 img{ width: 90%; }
	#evolution .flowbox .flowbox02 span{ display: block; padding:15px 10px 0; text-align: left; line-height: 1.7; font-size: 1.4rem;}
	#evolution .flowbox .flowbox03{ display: block; width:100%; text-align: left; box-sizing: border-box; padding: 0 20px 0 0; }
	#evolution .flowbox .flowbox04{ display: block; width:100%; text-align: center; vertical-align:top; }
	#evolution .flowbox .flowbox04 img{ width: 90%; }
	.fwtbl02{ width: 100%; margin:20px 0 40px 0; }
	.fwtbl02 th{ text-align:center; font-size:1.2rem; letter-spacing:1px; padding:10px 0 8px 0; }
	.fwtbl02 th.th03{ border-bottom: #1f7dc2 4px solid; width: 22%; }
	.fwtbl02 th.th05{ border-bottom: #e9e02c 4px solid; width: 22%; }
	.fwtbl02 th.th07{ border-bottom: #c31e1f 4px solid; width: 22%; }
	.fwtbl02 td{ font-size: 1.2rem; letter-spacing: 2px; padding:10px 0 10px 0;}
	.fwtbl02 td.td00{ font-size: 1.2rem; letter-spacing: 2px; padding:15px 0 15px 0; color: #FFF;}

	#shida{ }
	#shida h2{ padding: 0 0 0px 0; margin: 0 0 40px 0; font-size:1.8rem; }
	#shida .shida_body{ padding: 0 2% 20px; margin: 0 0 0px 0; }
	#shida h3 { margin: 0 0 35px 0; padding:10px 10px; border: 4px solid #ccc; font-size:1.4rem; line-height: 1.5; }
	#shida h3 br { display: none; }
	#shida h4 { padding: 0 0 5px 25px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; font-size: 1.4rem; line-height: 1.5; }
	#shida h4::after { position: absolute; top:6px; left:7px; z-index: 2; content: ''; width:9px; height:9px; }
	#shida .txt01 { margin: 0 0 15px 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#shida .txt02 { margin: 0 0 0 0; font-size: 1.4rem; line-height: 1.7; letter-spacing: 1px; }
	#shida .shidabox{ width: 100%; display: block; margin:40px 0 40px 0; }
	#shida .shidabox .shidabox01{ display: block; width:100%; text-align: center; vertical-align: top; padding: 0 0 20px 0;}
	#shida .shidabox .shidabox02{ display: block; width:100%; text-align: center; vertical-align: top; padding: 0 0 0 0; }
	#shida .shidabox img{ width: 90%; }
	#shida .hanrei img{ width: 50%; }

	.txtshirabe{ font-size: 1.2rem; margin:-15px 0 20px 0; }

}