/*----------------------------------------
	cmn_system_code
-----------------------------------------*//*----------------------------------------
	cmn_system_code
-----------------------------------------*/@charset "UTF-8";


/*----------------------------------------
	wrapper
-----------------------------------------*/



/*----------------------------------------
	trial01
-----------------------------------------*/
#trial01 .pic{
	margin:30px auto 70px auto;
	text-align: center;
}
#trial01 .system_ttl{
	margin: 20px 0 50px 0;
}
#trial01 .system_ttl dt{
	border-radius: 50px;
	border:#c9c9b5 solid 3px;
	line-height: 1.7;
	font-weight: 700;
	color: #003323;
	padding: 5px 10px 7px 10px;
	margin-bottom: 20px;
	text-align: center;
}
#trial01 .system_ttl dd{
	display: flex;
}
#trial01 .system_ttl dd .ico{
	width: 150px;
}
#trial01 .system_ttl dd p{
	flex: 1;
}

#trial01 .list li{
	background: url("../img/trial_cehck.png")no-repeat center left;
	padding: 0 0 0 40px;
	line-height: 2;
	margin: 20px 0;
}
#trial01_02,#trial01_03,#trial01_04{
	margin:70px 0 0 0;
}

.valuation_box{
	margin:20px 0 0 0;
	border-radius: 20px;
	padding:20px 30px;
	background: #c9c9b5;
}
.valuation_box li{
	line-height: 1.7;
	font-weight: 700;
	color: #ff6700;
	background: url("../img/trial_arrow.png")no-repeat center left 0px;
	padding: 10px 0 10px 50px;
}

/*----------------------------------------
	trial02
-----------------------------------------*/
#trial02 .pic{
	margin:30px auto 70px auto;
	text-align: center;
}
#trial02 .btn_groupe{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px 0;
}
#trial02 .btn_groupe a{
	display: block;
	border: 3px #1b734a solid;
	color: #1b734a;
	border-radius: 50px;
	line-height: 1;
	padding: 20px 40px;
	font-weight: 900;
	margin: 0 10px;
	text-align: center;
	font-size:calc(5px + 10 * (100vw - 360px) / 840); 
	background: url("../img/jabeem_arrow.png") no-repeat right 20px center #fff;
}

/*----------------------------------------
	trial03
-----------------------------------------*/
#trial03 table, td, th {
border: 1px #c9c9b5 solid;
	line-height: 1.5;
	background: #fff;
	vertical-align: middle;
}
#trial03 table{
	width: 100%;
}
#trial03 td, th{
	padding: 10px;
}
#trial03 th{
	background: #f8f8ec;
	font-weight: normal;
}
#trial03 th:nth-child(1),#trial03 td:nth-child(1){
	text-align: center;
	width: 80px;
}
#trial03 th:nth-child(3),#trial03 td:nth-child(3){
	text-align: center;
	width: 90px;
}

/*----------------------------------------
	trial04
-----------------------------------------*/
#trial04 {
	margin-bottom: 120px;
}
#trial04 table, td, th {
border: 1px #c9c9b5 solid;
	line-height: 1.5;
	background: #fff;
	vertical-align: middle;
}
#trial04 table{
	width: 100%;
}
#trial04 table a{
	color:#ff9900;
}
#trial04 td, th{
	padding: 10px;
	word-break: break-all;
}
#trial04 th{
	background: #f8f8ec;
	font-weight: normal;
}
#trial04 .th_w01{
	text-align: center;
	width: 100px;
}

#trial04 .th_w02{
	text-align: center;
	width: 200px;
}
#trial04 td.th_w02{
	text-align: left;
}
#trial04 .th_w03{
	text-align: center;
	width: 100px;
}

/*media Queries タブレットサイズ（769px～1200px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	
#trial02 .btn_groupe{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 0;
}
#trial02 .btn_groupe a{
	font-size:calc(10px + 10 * (100vw - 360px) / 840); 
	padding: 20px 20px;
}
}
/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

	
/*----------------------------------------
	trial01
-----------------------------------------*/
#trial01 .pic{
	margin:10px 5% 10% 5%;
	text-align: center;
}
#trial01 .system_ttl{
	margin: 20px 0 30px 0;
}
#trial01 .system_ttl dt{
	margin-bottom: 10px;
	line-height: 1.3;
	padding: 9px 10px 11px 10px;
}

#trial01 .system_ttl dd .ico{
	width: 80px;
	margin-right: 10px;
}

#trial01 .list li{
	background: none;
	padding: 0 0 20px 0;
	line-height: 1.7;
	margin: 20px 0;
	border-bottom: 1px #8db9a4 solid;
}
#trial01 .list li:last-of-type{
	padding: 0;
	border-bottom: none;
}
#trial01_02, #trial01_03, #trial01_04{
	margin:40px 0 0 0;
}
.valuation_box{
	padding: 15px 20px;
}

.valuation_box li{
	background-size: 25px;
	padding: 10px 0 10px 35px;
}
	
/*----------------------------------------
	trial02
-----------------------------------------*/
#trial02 .pic{
	margin:30px auto 30px auto;
	text-align: center;
}	
#trial02 .btn_groupe{
	display: block;
}
#trial02 .btn_groupe a{
	display: block;
	border-top: 1px #1b734a solid;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	padding: 15px 10px;
	font-weight: 900;
	margin: 0;
	font-size:15px; 
	background: url("../img/jabeem_arrow.png") no-repeat right 10px center #fff;
	text-align: left;
}
#trial02 .btn_groupe .last{
	border-bottom: 1px #1b734a solid;
}
/*----------------------------------------
	trial03
-----------------------------------------*/

#trial03 td, th{
	padding: 5px;
}
#trial03 th:nth-child(1),#trial03 td:nth-child(1){
	text-align: center;
	width: 45px;
}
#trial03 th:nth-child(3),#trial03 td:nth-child(3){
	text-align: center;
	width: 50px;
}
	
/*----------------------------------------
	trial04
-----------------------------------------*/
#trial04 {
	margin-bottom: 30px;
}
#trial04 td, th{
	padding: 5px;
}
#trial04 .th_w01{
	text-align: center;
	width: 70px;
}
	
#trial04 .th_w02{
	width: 70px;
	font-size: 12px;
}
#trial04 .th_w03{
	text-align: center;
	width: 40px;
	font-size: 12px;
}
	
}/*解像度768px以下*/