@charset "utf-8";

/*  ===================================================

    uservoice

    ===================================================  */



/*-----------------------------------------------------
                      common
-----------------------------------------------------*/


/* common end */

/*-----------------------------------------------------
                      PC
-----------------------------------------------------*/
@media print, screen and (min-width: 768px) {

	/* カードデザイン1 */
	.uservoice .blockend-m {
		margin-bottom: 30px!important;
	}
	.uservoice .card_design1 span.title {
		display: block;
		font-size: 1.8rem;
		line-height: 1.6;
		font-weight: bold;
		color: #00938B;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #00938B;
	}
	.uservoice .card_design1 .uservoiceWrap {
		margin-bottom: 50px!important;
		border-collapse: separate;
		border-spacing: 0 20px;	
	}
	.uservoice .card_design1 .table td {
		background:  none!important;
		border: 1px solid #CCCCCC;
		margin-bottom: 15px;
	}
	.uservoice .card_design1 .response,
	.uservoice .card_design2 .response,
	.uservoice .card_design3 .response {
		color: #C00;
		display: block;
		font-size: 1.6rem;
	}

	/* カードデザイン2 */
	.card_design2 .sonpoWrap div .box_area {
		border: 1px solid #D1D1D1;
		padding: 5%;
		width: 100%;
	}
	.card_design2 .sonpoWrap .box_area span.title {
		display: block;
		font-size: 1.8rem;
		line-height: 1.6;
		font-weight: bold;
		color: #00938B;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #00938B;
	}
	/* カードデザイン3 */
	.card_design3 .boxB {
		width: 100%;
		padding: 18px!important;
	}
	.card_design3 .boxB .content_block {
		max-width: 100%;
		flex: none;
		width: 100%;
	}
	

}
/* PC end */


/*-----------------------------------------------------
                      SP
-----------------------------------------------------*/
@media screen and (max-width: 767px) {
	.uservoice .navigate {
		margin-bottom: 30px;
	}	
	.uservoice .titleC {
		margin-bottom: 20px!important;
	}	
	.uservoice .titleD {
		margin-bottom: 0!important;
	}	
	/* カードデザイン1 */
	.uservoice .card_design1 span.title {
		display: block;
		font-size: 1.8rem;
		line-height: 1.6;
		font-weight: bold;
		color: #00938B;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #00938B;
	}
	.uservoice .card_design1 .uservoiceWrap {
		margin-bottom: 20px!important;
		border-collapse: separate;
		border-spacing: 0 10px;	
	}
	.uservoice .card_design1 .uservoiceWrap td{
		padding: 5%;
		font-size: inherit;
	}
	.uservoice .card_design1 .table td {
		background:  none!important;
		border: 1px solid #CCCCCC;
		margin-bottom: 15px;
	}
	.uservoice .card_design1 .response,
	.uservoice .card_design2 .response,
	.uservoice .card_design3 .response {
		color: #C00;
		display: block;
	}

	/* カードデザイン2 */
	.card_design2 .sonpoWrap div .box_area {
		border: 1px solid #D1D1D1;
		padding: 5%;
		width: 100%;
	}
	.card_design2 .sonpoWrap .box_area span.title {
		display: block;
		font-size: 1.8rem;
		line-height: 1.6;
		font-weight: bold;
		color: #00938B;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #00938B;
	}	
	/* カードデザイン3 */
	.card_design3 {
		margin-bottom: 25px;
	}
	.card_design3 .boxB {
		margin: 3% 2%;
		width: 98%;
		border: 1px solid #00938B!important;
	}
	.card_design3 .blockend-m {
		margin-bottom: 0!important;
	}

}
/* SP end */