@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body {
	font-family: 'Noto Sans JP', sans-serif;
}

/* CSS Document */
#gnavi ul {
	overflow: visible;
}


#page_title {
	background-image: url(./img/page_title.jpg);
}

ul.list-anchor {
	display: flex;
	justify-content: center;
	list-style: none;
}

ul.list-anchor li {
	margin: 0 0.88vw;
}

ul.list-anchor li a {
	height: 4.78vw;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 16.18vw;
	background: #fffac7;
	color: #42210b;
	text-decoration: none;
	padding-left: 1.32vw;
	line-height: 1.18;
	position: relative;
	transition: .3s;
}

ul.list-anchor li a:hover {
	opacity: 0.5;
}

ul.list-anchor li a:after {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ff83c1;
}

ul.list-anchor li a::before {
	content: "";
	width: 1.1vw;
	height: 0.74vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #42210b;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	right: 1.47vw;
}

ul.list-anchor li:nth-child(2) a:after {
	background: #ffc373;
}

.mkl-01 {
	width: 88.34vw;
	margin: 4.41vw auto 0;
	background-image: url(./img/bg-1.png);
	background-size: 88.34vw 100%;
	background-repeat: no-repeat;
}

.box-mkl {
	padding-left: 7.94vw;
	padding-right: 9.63vw;
	padding-top: 5.15vw;
	padding-bottom: 11.76vw;
}

.box-mkl-01 {
	margin-top: 4.78vw;
	display: flex;
}

.text-mkl {
	width: 33.6vw;
	padding-right: 3.68vw;
	text-align: justify;
	line-height: 2.125;
}

.img-mkl {
	flex: 1;
	margin-right: -1.69vw;
}

.img-mkl img {
	max-width: unset;
	width: 100%;
}

.box-flex {
	display: flex;
	margin-top: 8.68vw;
}

.box-mkl-02 {
	width: 32.21vw;
	margin-right: 5.88vw;
}

.box-mkl-02:last-child {
	margin-right: 0;
}

.text-mkl-2 h3 {
	font-size: 1.62vw;
	text-align: center;
	line-height: 1.27;
	color: #3aba74;
	min-height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.1vw 0;font-family: 'kei-font';
}

.img-mkl-2 img {
	width: 100%;
}

div#mkl-02 .mkl-01 {
	margin-top: 7.35vw;
}

.box-mkl-cs {
	display: flex;
	align-items: center;
	margin-top: 4.85vw;
	margin-bottom: 3.31vw;
}

.box-mkl-cs .img-mkl {
	width: 22.06vw;
	flex: unset;
	margin: 0;
}
.box-mkl-cs .img-mkl > p{
	font-size: 0.90vw;
	line-height: 140%;
	text-align: center;
	margin-top: 0.8vw;
}

.box-mkl-cs .text-mkl {
	padding-right: 0;
	padding-left: 2.94vw;
	flex: 1;
	width: auto;
	/*padding-top: 5.14vw;*/
}

.box-mkl-cs:nth-child(2) {
	/*margin-top: 4.85vw;*/
}

.box-mkl-cs.pink .img-mkl > p, .box-mkl-cs.pink .text-mkl > strong{
	color: #FF83C1;
}
.box-mkl-cs.orange .img-mkl > p, .box-mkl-cs.orange .text-mkl > strong{
	color: #FFC373;
}
.box-mkl-cs.blue .img-mkl > p, .box-mkl-cs.blue .text-mkl > strong{
	color: #85DBF9;
}

.box-text-mkl-02 {
	max-width: 50.37vw;
	margin: 6.62vw auto 0;
	font-size: 1.32vw;
	line-height: 1.888;
}

.breadcrums {
	max-width: 87.79vw;
	margin: 0 auto 1.32vw;
}

.breadcrums ul {
	display: flex;
	justify-content: flex-end;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.breadcrums ul li>a {
	font-size: 0.88vw;
	color: #3aba74;
}

.breadcrums ul li {
	position: relative;
	list-style: none;
}

.breadcrums ul li:not(:last-child) {
	margin-right: 20px;
}

.breadcrums ul li span {
	font-size: 0.88vw;
	color: #42210b;
}

.breadcrums ul li span br {
	display: none;
}

.breadcrums ul li:not(:nth-last-child(1)):after {
	content: ">";
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: -15px;
	font-size: 0.88vw;
	color: #000;
}

#contents_wrap {
	padding-bottom: 10vw;
}