@charset "UTF-8";
/* CSS Document */

/* layout01 */

.layout01 ul {
    display: flex;
  justify-content: center;
flex-wrap: wrap;
    gap:20px;
    padding-bottom: 50px;
}

.layout01 ul li {
    width: 270px;
    text-align: center;
}

.layout01 ul li a {
    display: block;
    font-family: var(--title-font);
    font-size: 30px;
line-height: 1.2;
letter-spacing: 0.2em;
    position: relative;
    background : rgba(241, 154, 148, 0.2);
    padding: 20px;
    padding-bottom: 25px;
    border-radius: 15px;
}

.layout01 ul li:nth-child(even) a {
    background : rgba(171, 208, 95, 0.2);
}

.layout01 ul li a::before {
    content: "";
	position: absolute;
left: 0px;
bottom: 0px;
	background-image: url("images/arrow01.svg");
background-position: center bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 25px;
    transition: .5s;
    margin-bottom: -15px;
}

.layout01 ul li:nth-child(even) a::before {
	background-image: url("images/arrow02.svg");
}

.layout01 ul li a:hover::before {
    margin-bottom: -20px;
}


/* layout02 */

.layout02-items:not(:last-child) {
    margin-bottom: 140px;
}

.layout02 .box {
    display: flex;
  justify-content: space-between;
flex-wrap: wrap;
}

.layout02 .item-wrap .box:not(:last-child) {
    margin-bottom: 80px;
}

.layout02 .box-img {
    width: 436px;
}

.layout02 .box-detail {
    width: 560px;
}

.layout02 .box h5, .layout02 .box h6 {
    font-family: var(--title-font);
font-weight: 200;
    text-align: center;
}

.layout02 .box h5 {
    font-family: var(--title-font);
    background-color: var(--color-main);
    font-size: 24px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.15em;
    padding: 8px;
    border-radius: 60px;
}

.layout02-items:nth-child(even) .box h5 {
    background-color: var(--color-sub2);
}

.layout02 .box h6 {
    font-size: 20px;
color: var(--color-sub3);
line-height: 1.6;
letter-spacing: 0.05em;
    border-bottom-style : solid;
border-color : #B2B2B2;
border-width : 1px;
    padding: 25px 0px;
    margin-bottom: 25px;
}

.layout02-items:nth-child(even) .box h6 {
color: var(--color-sub);
}


.sp-view {
	display: none;
}