@charset "UTF-8";


/* ------------------------------------------------------------

   Products TOP

------------------------------------------------------------ */
.pro_top .lead {
	padding:50px;
}
.pro_top #contents .inner_pc {
	padding:0 !important;
	max-width:1280px !important;
	min-width:1024px !important;
}

@media screen and (max-width:1023px) {
.pro_top #contents .inner_pc {
	max-width:auto !important;
	min-width:auto !important;
	width:auto;
	padding:0 !important;
}
.pro_top #contents .inner {
	padding:0 !important;
}
}

@media screen and (max-width:480px) {	/* スマホ */
.pro_top .lead {
	padding:30px 20px;
}
}




/* ------------------------------------------------------------

   Products SUB

------------------------------------------------------------ */
.pro_sub h2 {
	text-align:center;
	font-size:240%;
	font-weight:normal;
	padding-bottom:4%;
}
.pro_sub h2 span {
	font-size:50%;
	display:block;
	color:#4673b1;
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing:1px;
}

.cat02,.cat03,.cat04,.cat05,.cat06,.cat07,.cat08 {
	margin-top:10%;
}

.category h3 {
	/*background:#ecedf0;*/
	padding:1% 2%;
	font-size:140%;
	margin-bottom:3%;
	background:#c0cfe5;
}
.category .cat_inner {
	padding-left:2%;
	padding-right:2%;
}


/*---------------------------------------------------
   feature
----------------------------------------------------*/
.category .feature_txt {
	padding-bottom:2%;
}
.category .feature dt {
	font-weight:bold;
	padding:1% 0 1% 2%;
	border-left:5px solid #4673b1;
	font-size:120%;
	margin-bottom:1%;
}
.category .feature {
	padding-bottom:2%;
}
.category .feature li {
	padding-left:1em;
	text-indent:-1em;
	padding-top:0.5%;
	display:block;
}
.category .feature li span {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/*---------------------------------------------------
   attention
----------------------------------------------------*/
.category .attention dt {
	font-weight:bold;
	padding:1% 0 1% 2%;
	border-left:5px solid #b72323;
	font-size:120%;
	margin-bottom:1%;
}
.category .attention {
	padding-bottom:2%;
}
.category .attention li {
	padding-left:1em;
	text-indent:-1em;
	padding-top:0.5%;
}
.category .attention li span {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.category .pro {
	margin-top:3%;
}
.category h4 {
	font-size:200%;
	margin-bottom:2%;
	border-top:3px solid #ecedf0;
	padding-top:3%;
}
.category h4 span {
	display:inline-block;
	padding:7px 2%;
	background:#4673b1;
	color:#fff;
	font-size:70%;
	line-height:1;
	margin-right:2%;
}
.category h4 strong {
	font-size:.5em;
	font-weight: normal;
	padding-left: 1em;
}
.category .feature2 {
	padding-bottom:3%;
	font-size:150%;
}
.category .pht {
	width:40%;
	float:left;
	margin-bottom:2%;
}
.category .pht img {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.category .data {
	width:54%;
	float:right;
	margin-bottom:2%;
}
.category .data table {
	width:100%;
	
}
.category .data th,
.category .data td {
	text-align:left;
	padding:2% 3%;
	border:1px solid #ddd;
}
.category .data th {
	background:#F4F4F4;
	width:23%;
}
.category .data td {
	/*background:#ccc;*/
	width:65%;
}



.pro_sub .clean li p {
	padding-top:7px;
	font-size:90%;
}


/* ------------------------------------------------------------

   Products 01

------------------------------------------------------------ */
.pro01 .special {
	 margin-bottom:1%;
}
.pro01 .special span {
	 background:#b72323;
	 color:#fff;
	 font-size:120%;
	 padding:7px 2%;
	 margin-right:1%;
}
.pro01 .clean li {
	width:21.25%;
	float:left;
	margin:0 5% 5% 0;
}
.pro01 .clean li:last-child {
	margin-right:0;
}
.pro01 .ttl_wonder20 {
	width:650px;
	margin:0 auto 30px;
}
@media screen and (max-width:768px) {	/* タブレット以下 */
.pro01 .ttl_wonder20 {
	width:80%;
}
}




/* ------------------------------------------------------------

   Products 04

------------------------------------------------------------ */
.pro04 .clean li {
	width:30%;
	float:left;
	margin:0 5% 5% 0;
}
.pro04 .clean li:nth-child(3),
.pro04 .clean li:nth-child(6) {
	margin-right:0;
}


/* ------------------------------------------------------------

   Products 13

------------------------------------------------------------ */
.pro13 .clean {
	margin-top:5%;
}
.pro13 .clean li {
	width:21.25%;
	float:left;
	margin:0 5% 5% 0;
}
.pro13 .clean li:nth-child(4),
.pro13 .clean li:nth-child(8) {
	margin-right:0;
}

/* ------------------------------------------------------------

   Products 15

------------------------------------------------------------ */
.pro15 .custom_list {
	margin-top:30px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}
.pro15 .custom_list li {
	width:33.333%;
	float:left;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.pro15 .custom_list li dl {
	padding:10%;
}
.pro15 .custom_list li dt {
	font-weight:bold;
	font-size:130%;
}


@media screen and (min-width:481px) and (max-width:768px) {	/* タブレット */
.pro15 .custom_list li {
	width:50%;
}
.pro15 .custom_list li dl {
	padding:8%;
}
}

@media screen and (max-width:480px) {	/* スマホ */
.pro15 .custom_list {
	margin-top:0px;
	border:none;
}
.pro15 .custom_list li {
	width:100%;
	float:none;
	border:none;
}
.pro15 .custom_list li dd {
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.pro15 .custom_list li dl {
	padding:0px;
}
}







@media screen and (max-width:480px) {	/* スマホ */
.pro_sub h2 {
	font-size:180%;
	padding-bottom:8%;
	line-height:1.5;
}


.cat02,.cat03,.cat04,.cat05,.cat06,.cat07,.cat08 {
	margin-top:50px;
}
.category .pro {
	margin-top:30px;
}
.category h3 {
	padding:1% 3%;
	font-size:120%;
	margin-bottom:3%;
}
.category .cat_inner {
	padding-left:2%;
	padding-right:2%;
}
.category h4 {
	font-size:140%;
	margin-bottom:2%;
	border-top:3px solid #ecedf0;
	padding-top:30px;
}
.category h4 span {
	display:inline-block;
	padding:7px 2%;
	background:#4673b1;
	color:#fff;
	font-size:70%;
	line-height:1;
	margin-right:2%;
}

.category .feature dt {
	font-weight:bold;
	padding:7px 0 7px 10px;
	border-left:5px solid #4673b1;
	font-size:100%;
	margin-bottom:1%;
}
.category .feature li {
	font-size:90%;
}
.category .feature2 {
	padding-bottom:3%;
	font-size:110%;
	line-height:1.5;
}

.category .pht {
	width:100%;
	float:none;
	margin-bottom:20px;
}
.category .pht img {
	width:80%;
	padding-left:10%;
	padding-right:10%;
}
.category .data {
	width:100%;
	float:none;
	margin-bottom:2%;
}
.category .data th,
.category .data td {
	font-size:90%;
	/*padding:2% 3%;*/
}
/*.category .data th {
	width:23%;
}
.category .data td {
	width:65%;
}*/

.pro_sub .clean {
	margin-top:20px;
}
.pro_sub .clean li p {
	padding-top:8px;
	font-size:80%;
	line-height:1.4;
}


/* 01 */
.pro01 .special {
	 margin-bottom:3px;
}
.pro01 .special span {
	 background:#b72323;
	 color:#fff;
	 font-size:80%;
	 padding:7px 7px;
	 margin-right:5px;
}
.pro01 .clean li {
	width:47.5%;
	margin:0 5% 5% 0;
}
.pro01 .clean li:nth-child(2),
.pro04 .clean li:nth-child(4) {
	margin-right:0;
}


/* 04 */
.pro04 .clean li {
	width:47.5%;
	margin:0 5% 5% 0;
}
.pro04 .clean li:nth-child(3) {
	margin-right:5%;
}
.pro04 .clean li:nth-child(2),
.pro04 .clean li:nth-child(4),
.pro04 .clean li:nth-child(6) {
	margin-right:0;
}



/* 04 */
.pro13 .clean li {
	width:47.5%;
	margin:0 5% 5% 0;
}
.pro13 .clean li:nth-child(even) {
	margin-right:0;
}
}



/* ------------------------------------------------------------

   お問い合わせフォームへ

------------------------------------------------------------ */
.lead_contact {
	background:url(../common/img/pat_stripe.gif);
	padding:30px;
	margin-top:50px;
}
.lead_contact .inner {
	background:#fff;
	padding:25px 5%;
}
.ttl_contact {
	text-align:center;
	font-size:240%;
	padding-bottom:15px;
}
.lead_contact ul {
	width:100%;
}
.lead_contact li {
	width:47%;
	float:left;
	text-align:center;
	font-weight:bold;
}
.lead_contact .ico {
	width:24px;
	margin-right:8px;
	vertical-align:text-bottom
}
.lead_contact li:first-child {
	margin-right:6%;
}
.lead_contact li dt {
	background:#18509D;
	color:#fff;
	font-size:140%;
	border-radius:3px;
	padding:3px 0;
}
.lead_contact li:first-child dd {
	margin-right:6%;
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing:0.7px;
	font-size:280%;
	line-height:1.5;
}
.lead_contact li:first-child dd span {
	font-size:70%;
}
.lead_contact li p a {
	border-radius:3px;
	background:#B72323;
	font-size:140%;
	color:#fff;
	display:block;
	padding:30px 0;
}


@media screen and (min-width:481px) and (max-width:768px) {	/* タブレット */
.lead_contact {
	padding:20px;
}
.ttl_contact {
	font-size:200%;
	padding-bottom:15px;
}
.lead_contact li {
	width:47.5%;
	text-align:center;
}
.lead_contact .ico {
	width:24px;
	margin-right:8px;
	vertical-align:text-bottom
}
.lead_contact li:first-child {
	margin-right:5%;
}
.lead_contact li dt {
	width:100%;
	font-size:120%;
}
.lead_contact li:first-child dd {
	margin-right:0;
	font-size:250%;
}
.lead_contact li p a {
	font-size:120%;
	padding:27px 0;
}
}

@media screen and (max-width:480px) {	/* スマホ */
.lead_contact {
	padding:15px;
}
.lead_contact .inner {
	padding:20px !important;
}
.ttl_contact {
	font-size:130%;
	line-height:1.3;
	padding-bottom:15px;
}
.lead_contact li {
	width:100%;
	text-align:center;
	float:none;
}
.lead_contact .ico {
	width:22px;
	margin-right:5px;
	vertical-align:text-bottom
}
.lead_contact li:first-child {
	margin-right:5%;
}
.lead_contact li dt {
	width:100%;
	font-size:110%;
}
.lead_contact li:first-child dd {
	margin-right:0;
	font-size:200%;
}
.lead_contact li p a {
	font-size:110%;
	padding:10px 0;
	margin-top:15px;
}
}




@media screen and (min-width:769px) {	/* PC */

}


@media screen and (max-width:480px) {	/* スマホ */
	   
}

@media screen and (min-width:481px) and (max-width:768px) {	/* タブレット */
	
}