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


@media screen and (max-width: 737px) {


/* layout01 */

.layout01 ul {
    gap:20px 4%;
    padding: 0px 6%;
    padding-bottom: 30px;
}

.layout01 ul li {
    width: 48%;
}

.layout01 ul li a {
    font-size: 20px;
    padding: 15px;
    padding-bottom: 20px;
}
    
.layout01 ul li:nth-child(4) a {
    background : rgba(241, 154, 148, 0.2);
}

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

.layout01 ul li a::before {
	height: 15px;
    margin-bottom: -10px;
}

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

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

/* layout02 */

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

.layout02 .box {
  justify-content: center;
    gap:30px;
}

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

.layout02 .box-img {
    width: 100%;
    text-align: center;
}
    
.layout02 .box-img img {
    max-width: 300px;
}

.layout02 .box-detail {
    width: 100%;
}

.layout02 .box h5 {
    font-size: 20px;
letter-spacing: 0.05em;
}

.layout02 .box h6 {
    font-size: 18px;
line-height: 1.4;
    padding: 20px 0px;
}

    
    .pc-view {
        display: none;
    }
    .sp-view {
         display: inline-block;
    }
   
}