.pagewrapper {}

.content01 {background:#aaa;background:linear-gradient(#ccc, #333);}
.content01 .content {width:100%;max-width:100%;}
.content01 h2.catchtitle {text-align:center;background:#002;color:#fff;margin:0px 2px;font-size:1.4rem;font-weight:normal;padding:10px 0px;}
.content01 p {color:#fff;}
.content01 .collist {margin-bottom:20px;}
.content01 .inner {padding:1px 1px;}
.content01 .inner .box {background:#fff;height:100%;position:relative;}
.content01 .inner .textbox {padding:15px 30px 120px 30px;}
.content01 .inner h2 {color:#000;text-align:left;font-size:1.4rem;font-weight:normal;margin-bottom:15px;}
.content01 .inner h3 {font-size:1.4rem;font-weight:normal;margin-bottom:15px;}
.content01 .inner h4 {font-size:1.0rem;font-weight:bold;margin-bottom:8px;}
.content01 .inner p {color:#000;}
.content01 .inner img {width:100%;}
.content01 .inner .btnarea {position:absolute;bottom:30px;left:30px;}
/*SP*/
@media (max-width: 896px){
	.content01 .inner .textbox {padding:15px 10px 150px 10px;}
	.content01 .inner .btnarea {position:absolute;bottom:10px;left:10px;width:100%;}
	.content01 .inner .btnarea a.btn,.content01 .inner .btnarea span.btn {width:80%;}
}

.content06 {background:#aaa;background:linear-gradient(#ccc, #333);}
.content06 .content {width:100%;max-width:100%;}
.content06 h2.catchtitle {text-align:center;background:#002;color:#fff;margin:0px 2px;font-size:1.4rem;font-weight:normal;padding:10px 0px;}
.content06 p {color:#fff;}
.content06 .collist {margin-bottom:20px;}
.content06 .inner {padding:1px 1px;}
.content06 .inner .box {background:#fff;height:100%;position:relative;}
.content06 .inner .textbox {padding:15px 30px 120px 30px;}
.content06 .inner h2 {color:#000;text-align:left;font-size:1.4rem;font-weight:normal;margin-bottom:15px;}
.content06 .inner h3 {font-size:1.4rem;font-weight:normal;margin-bottom:15px;}
.content06 .inner h4 {font-size:1.0rem;font-weight:bold;margin-bottom:8px;}
.content06 .inner p {color:#000;}
.content06 .inner img {width:100%;}
.content06 .inner .btnarea {position:absolute;bottom:30px;left:30px;}
/*SP*/
@media (max-width: 896px){
	.content06 .inner .textbox {padding:15px 10px 150px 10px;}
	.content06 .inner .btnarea {position:absolute;bottom:10px;left:10px;width:100%;}
	.content06 .inner .btnarea a.btn,.content01 .inner .btnarea span.btn {width:80%;}
}


.content02 {background:#fff;}
.content02 .content {width:1000px;max-width:100%;}
.content02 table {border-collapse:collapse;width:100%;}
.content02 table tr.topline th {text-align:center;background:#333;color:#fff;}
.content02 table th {padding:15px 30px;font-size:1.2rem;text-align:left;border:solid #ccc 1px;background:#eee;}
.content02 table th img {width:80px;}
.content02 table td {padding:15px 30px;font-size:1.2rem;text-align:left;border:solid #ccc 1px;background:#fff;}
.content02 table tr:not(.topline) th {font-size:1.0rem;padding:10px 30px;}
.content02 table tr:not(.topline) td {font-size:1.0rem;padding:10px 30px;text-align:center;}
.content02 table td.bg {background:#eee;}

.content02 .upgrade {background:#eee;padding:50px;margin-top:20px;border:solid #ccc 1px;}
.content02 .upgrade p .price {display:inline-block;font-size:1.3rem;margin-bottom:10px;}

/*SP*/
@media (max-width: 896px){
	.content02 table {display:block;width:100%;}
	.content02 tbody {display:block;width:100%;}
	.content02 table th {padding:10px 10px;}
	.content02 table td {padding:10px 10px;}
	.content02 table tr.topline th {width:50vw;}
	.content02 table tr:not(.topline) {display:block;width:100%;}
	.content02 table tr:not(.topline) th {display:block;width:100%;text-align:center;padding:10px 10px;}
	.content02 table tr:not(.topline) td {width:50vw;padding:10px 10px;}
	.content02 table td.bg {background:#fff;}
	.content02 table tr.link {display:block;width:100%;border:solid #ccc 1px;padding:20px 0px;}
	.content02 table tr.link td {display:block;width:100%;border:none;padding:0px;}
	.content02 table tr.link td a.btn {width:80%;}
	.content02 .upgrade {padding:30px;}
}


.content03 {background:#222;}
.content03 h2 {color:#fff;}
.content03 p {color:#fff;}


.content04 {background:#aaa;}
.content04 .inner {padding:10px;}
.content04 .inner .box {background:#fff;height:100%;padding:30px 30px 120px 30px;position:relative;}
.content04 .productlogo {padding-bottom:20px;}
.content04 .productlogo img {vertical-align:middle;width:60px;}
.content04 h2 {display:inline-block;font-size:1.4rem;line-height:1em;vertical-align:middle;}
.content04 p {}
.content04 .inner a.btn {position:absolute;bottom:30px;left:30px;}


.content05 {background:#aaa;background:linear-gradient(#ccc, #333);}
.content05 .content {width:600px;max-width:100%;}
.content05 h2.catchtitle {text-align:center;background:#002;color:#fff;margin:0px 2px;font-size:1.4rem;font-weight:normal;padding:10px 0px;}
.content05 p {color:#fff;}
.content05 img {width:100%;display:block;}
.content05 .collist {margin-bottom:20px;}
.content05 .inner {padding:1px 1px;}
.content05 .inner .box {background:#fff;height:100%;position:relative;}
.content05 .inner .textbox {padding:50px 30px 120px 30px;}
.content05 .inner h2 {color:#000;text-align:left;font-size:1.4rem;font-weight:normal;margin-bottom:15px;}
.content05 .inner h3 {font-size:1.4rem;font-weight:normal;margin-bottom:15px;}
.content05 .inner h4 {font-size:1.0rem;font-weight:bold;margin-bottom:8px;}
.content05 .inner p {color:#000;}
.content05 .inner img {width:100%;}
.content05 .inner.image .box {background:url(../img/product/plugin1_1.jpg) no-repeat center center;background-size:cover;}
.content05 .inner .btnarea {position:absolute;bottom:30px;left:30px;}

/*SP*/
@media (max-width: 896px){
	.contentother {background:#fff;padding:50px 10px 0px 10px;background:linear-gradient(#fff, #ccc);}
	.contentother h2 {font-size:1.3rem;text-align:center;color:#000;}
	.contentother .detailsbox {padding-top:20px;}
	.contentother .detailsbox a {background-color:#fff;width:50%;float:left;font-size:0.8rem;background-size:8px auto;margin-top:1px;}
	.content05 .inner .textbox {padding:15px 30px 120px 30px;}
	.content05 .inner.image .box {height:180px;}
}