@charset "UTF-8";

/*******************/

.bg_gray {
	padding: 90px 0 90px;
	background-color: #f2f2f2;
}

.bg_white,
.consult {
	background-color: #fff;
	border-radius: 10px;
	padding: 35px 15px;
}

.kirerino01 {
	padding: 30px 15px 100px;
}

.consult {
	width: 1000px;
	margin: auto;
}


.border_box {
	border: 2px solid #000;
	border-radius: 8px;
	padding: 30px;
}


/*******************/


.main_ttl {
	background-color: #FFF100;
	text-align: center;
	padding: 0 15px 30px;
}

.ttl_01 {
	background-color: #fff;
	color: #000;
	font-size: 20px;
	line-height: 1.3em;
	padding: 15px 20px;
	/*border-top: 4px solid #000;*/
	font-weight: bold;
	border-radius: 60px;
	display: inline-block;
	text-align: center;
	position: relative;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	min-width: 275px;
}

.ttl_01:before {
	content: "";
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -11px;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-top: 17px solid #fff;
	position: absolute;
}


.ttl_02_box {
	text-align: center;
	margin-bottom: 38px;

}

.ttl_02 {
	font-size: 26px;
	font-weight: 700;
	background: linear-gradient(transparent 60%, #fff100 0%);
	display: inline-block;
	line-height: 1.5em;

}

.ttl_02 span {
	position: relative;
	padding: 0 7px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display: inline-block;
}

.ttl_02 span:before {
	content: "";
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #fff100;
	position: absolute;
}

.ttl_03 {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-bottom: 20px;
	line-height: 1.4em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.ttl_04 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	border-bottom: 3px dotted #fed835;
	padding-bottom: 7px;
	margin-bottom: 13px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.ttl_05 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	border-bottom: 2px dotted #000;
	padding-bottom: 7px;
	margin-bottom: 13px;
	font-family: 'M PLUS Rounded 1c', sans-serif;

}

.ttl_06 {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.4em;
	position: relative;
	text-align: center;
	margin-bottom: 27px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.ttl_06:before {
	content: "";
	background-image: url("../images/common/ttl_icon_01.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 7px;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.ttl_06:before {
		background-image: url("../images/common/ttl_icon_01@2x.png");
		background-size: 24px 7px;
	}
}

.ttl_07 {
	font-size: 20px;
	font-weight: 700;
	border-top: 2px solid #fed835;
	border-bottom: 2px solid #fed835;
	padding: 6px 0;
	line-height: 1.4em;
	margin-bottom: 14px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.ttl_08 {
	font-weight: 700;
	font-size: 18px;
	border-left: 3px solid #fed835;
	line-height: 1.4em;
	padding: 3px 10px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}




/*******************/


.list_01 > li {
	display: flex;
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 15px;
	border-bottom: 3px dotted #fed835;
	padding-bottom: 5px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.list_01 > li span {
	margin-right: 10px;
	width: 34px;
	min-width: 34px;
	min-height: 34px;
	height: 34px;
	border-radius: 100px;
	border: 3px solid #000;
	background-color: #fff100;
	color: #000;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
}




.list_02 {}

.list_02 > li p {
	text-indent: -1.2em;
	padding-left: 19px;
	line-height: 1.5em;
	font-weight: 700;
}

.list_02 > li span {
	color: #aaa500;
}



/*******************/

.link_01 a {
	line-height: 1.3em;
	color: #aaa500;
	font-size: 14px;
	font-weight: 700;
}

.link_01a a {
	color: #ff0000;
	font-size: 14px;
	font-weight: 700;
}


.link_02 a {
	line-height: 1.3em;
	color: #aaa500;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
}

.link_02a a {
	line-height: 1.3em;
	color: #aaa500;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
}

.link_03 {
	line-height: 1.3em;
	display: inline-block;
	position: relative;
	color: #aaa500;

}

.link_03 span {
	position: relative;
	padding-right: 20px;
}

.link_03 span:after {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	right: 0;
	bottom: -2px;
	position: absolute;
	font-weight: bold;
	font-size: 13px;
}

.link_03 a {
	color: #aaa500;
	position: relative;
	font-size: 14px;
	line-height: 1.3em;
	text-decoration: underline;
}




.link_04 {
	line-height: 1.3em;
	color: #aaa500;
}

.link_04 span {
	position: relative;
	padding-right: 20px;
}

.link_04 span:after {
	content: "\f24d";
	font-family: "Font Awesome 5 Free";
	right: 0;
	bottom: -2px;
	position: absolute;
	font-weight: bold;
	font-size: 13px;
}

.link_04 a {
	color: #aaa500;
	position: relative;
	font-size: 14px;
	line-height: 1.3em;
	text-decoration: underline;
}



.link_05 {
	line-height: 1.3em;
	display: inline-block;
	position: relative;
	color: #aaa500;
}

.link_05 span {
	position: relative;
	padding-right: 20px;
}

.link_05 span:after {
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	right: 0;
	bottom: -2px;
	position: absolute;
	font-weight: bold;
	font-size: 13px;
}

.link_05 a {
	color: #aaa500;
	position: relative;
	font-size: 14px;
	line-height: 1.3em;
	text-decoration: underline;
}




/*******************/

.btn_01 {
	text-align: center;
}

.btn_01 a {
	min-width: 263px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	position: relative;
	background-color: #000;
	border-radius: 3px;
	box-shadow: 3px 3px 0 #b3b3b3;
	display: inline-block;
	padding: 6px 25px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.btn_01 a:before {
	position: absolute;
	content: "";
	background-image: url("../images/common/btn_01.png");
	width: 15px;
	height: 15px;
	right: 5px;
	bottom: 5px;
}

.btn_01 a:hover {
	color: #fff100;
	opacity: 1;
}


.btn_02 {
	text-align: center;
}

.btn_02 a {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	min-width: 380px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	position: relative;
	background-color: #000;
	border-radius: 3px;
	box-shadow: 4px 4px 0 #b3b3b3;
	display: inline-block;
	padding: 14px 25px;
	letter-spacing: 0.1em;
}

.btn_02 a:before {
	position: absolute;
	content: "";
	background-image: url("../images/common/btn_02.png");
	width: 20px;
	height: 20px;
	right: 5px;
	bottom: 5px;
}

.btn_02 a:hover {
	color: #fff100;
	opacity: 1;
}






/*******************/

.marker_yellow {
	background: linear-gradient(transparent 50%, #fff100 0%);
	font-weight: 700;
}

.marker01_yellow {
	font-size: 23px;
	background: linear-gradient(transparent 50%, #fff100 0%);
	font-weight: 700;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height: 1.8em;
}


/*******************/

.table_01 {
	border-collapse: collapse;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	width: 100%;
}

.table_01 th {
	background-color: #000;
	color: #fff;
	text-align: center;
	border-bottom: 2px solid #fff;
	padding: 5px 25px;
	font-size: 16px;
	line-height: 1.5em;
	min-width: 170px;
}

.table_01 td {
	border-bottom: 2px solid #999999;
	background-color: #f2f2f2;
	padding: 5px 20px 5px 30px;
	font-size: 14px;
	line-height: 1.5em;
}

.no_b {
	border-bottom: 0 !important;
}



/*******************/

.box_01 {
	display: flex;
}

.box_01 .l01_box {
	margin-right: 40px;
}

.box_01 .r01_box {}


/**** pagenavi ************/


.wp-pagenavi {
	margin-top: 40px;
	font-size: 14px;
	text-align: center;
}

.wp-pagenavi .current {
	padding: 5px 12px;
	border: 2px solid #000;
	background-color: #000;
	color: #fff;
	opacity: 1;
	font-size: 20px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.wp-pagenavi a {
	background-color: #fff;
	border: 2px solid #000;
	color: #000;
	font-weight: bold;
	padding: 5px 12px;
	margin: 5px;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 5px;
	font-size: 20px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.wp-pagenavi span {
	padding: 9px 0px;
	margin: 5px;
	margin-bottom: 20px;
}

.wp-pagenavi a:hover {
	border: 2px solid #000;
	background-color: #000;
	color: #fff;
	opacity: 1;

}

/*-------------------------------
media
--------------------------------*/


@media (max-width: 767px) {

	.bg_gray {
		padding: 95px 15px 95px;
	}


	.main_ttl {
		padding-top: 70px;
	}

	.table_01 {
		border-left: 2px solid #000;
	}

	.table_01 th,
	.table_01 td {
		display: block;
		width: 100%;
	}

	.table_01 td {
		border-bottom: 0;
	}

	.btn_02 a {
		min-width: 100%;
	}

	.box_01 {
		display: block;
	}

	.box_01 .l01_box {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.ttl_02 {
		background: linear-gradient(transparent 70%, #fff100 0%);
		font-size: 24px;


	}

}