@charset "utf-8";

.wt_area{ text-align:center; margin:30px 0;}

/* 01 */
.big_blue_t{ font-size:32px; color:#21649c;}
.big_blue_t span{ font-size:32px; color:#333;}

.prac_ul{ margin-top:40px;}
.prac_ul ul{ overflow:hidden;}
.prac_ul ul li{ float:left; width:16.66666%; text-align:center;}
.prac_ul ul li div{ width:170px; height:170px; box-sizing:border-box; padding:55px 10px 10px; border-width:2px; border-style:dashed; border-radius:50%; display:inline-block; font-size:24px; line-height:1.3;}
.prac_ul ul li div b{ font-size:24px;}
.prac_ul ul li div.pu_1line{ padding-top:70px;}
.prac_ul ul li:nth-child(odd) div{ border-color:#4b6ea2; background-color:#f4faff; color:#264f9b;}
.prac_ul ul li:nth-child(even) div{ border-color:#ff812e; background-color:#fdf4f0; color:#8e3c0a;}

/* 04 */
.model_type{}
.model_type dl{ overflow:hidden; width:100%; display:table; margin-bottom:30px;}
.model_type dl dt{ display:table-cell; background-color:#ececec; width:235px; padding:10px 20px; border-radius:10px; font-weight:bold; text-align:center; font-size:18px; vertical-align:middle;}
.model_type dl dd{ display:table-cell; padding:10px 20px; vertical-align:middle;}
.model_type dl small{ font-weight:normal;}

/* kmahistory */
.resol_box{ max-width:800px; text-align:center; margin:0 auto 0;}

/* annualcondition */
.condi_search{ text-align:right; margin-bottom:30px;}
.condi_search select{ border:1px solid #ddd; border-radius:5px; height:41px; line-height:41px;}

.sub_con ul.dot { padding:0 10px; }
.sub_con ul.dot li { line-height:1.6; margin:3px 0; word-break:keep-all; }

.sub_con .paragraph { padding-bottom:20px; }
.lay2_ul li img {display:block; margin:auto;}

.wt_area h5:after { display:none; }
.wt_area img { margin:auto; }
table.t_st2 tr th, table.t_st2 tr td { padding:10px 5px; word-break:keep-all;}
@media (max-width:1499px){

	.prac_ul ul li{ width:33.33333%; margin-bottom:20px;}
}

@media (max-width:959px){
	/* 01 */
	.big_blue_t{ font-size:20px !important;}
	.big_blue_t span{ font-size:20px !important;}

	.prac_ul ul li div{ width:120px; height:120px; padding:40px 5px 5px; font-size:16px;}
	.prac_ul ul li div.pu_1line{ padding-top:50px;}

	/* 04 */
	.model_type dl{ display:block; margin-bottom:15px;}
	.model_type dl dt{ display:block; width:100%;}
	.model_type dl dd{ display:block; padding:20px 0;}

	/* annualcondition */
	.condi_search select{ height:35px; line-height:35px;}
}

@media (max-width:767px){
	/* 01 */
	.prac_ul ul li{ width:50%; margin-bottom:20px;}
	.prac_ul ul li div{ display:block; width:auto; height:120px; padding:40px 5px 5px; border-radius:0; font-size:16px; margin:0 10px;}
	.prac_ul ul li div.pu_1line{ padding-top:50px;}
}