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

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


/* midashi-box */

.contents01 .midashi01::before {
	height: 17px;
}

/* contents01 */

.contents01 {
	padding-bottom: 60px;
}
	
.contents01::before {
	height: 200px;
	margin-top: -15px;
}

.contents01 .midashi01 {
	padding-bottom: 50px;
}
	
/* contents01 lay01 */

.contents01 .lay01 {
	width: 90%;
	gap:30px 3%;
}

.contents01 .lay01 .box {
	width: 31.2%;
}
	
@media screen and (max-width: 600px) {
	.contents01 .lay01 .box {
	width: 48.5%;
}
}

.contents01 .lay01 .box img {
	width: 100%;
	height: auto;
}

.contents01 .lay01 h3 {
border-width : 4px;
}
	
/* contents01 lay02 */

.contents01 .lay02 {
	width: 90%;
	border-radius: 25px;
	padding: 35px 25px 40px;
border-width : 3px;
}

.contents01 .lay02 h4 {
	padding: 6px 20px;
}

.contents01 .lay02 h5 {
	font-size: 19px;
	letter-spacing: 0.05em;
	margin-bottom: 30px;
}

.contents01 .lay02 img {
	max-width: 100%;
	height: auto;
}
	
.gallery {
	gap:5px 1.5%;
}
	
.gallery-item {
	width: 32%;
}
	
.contents01 .lay02 .gallery img {
	width: 100%;
	height: auto;
	max-height: 100px;
}


@media screen and (max-width: 500px) {
	.contents01 .lay02 .gallery img {
	max-height: 80px;
}
}
	
.contents01 .lay02 h6.link01 a {
	min-width: 260px;
}
	
	
/* contents01 lay03 */

.contents01 .lay03 {
	width: 88%;
}

.contents01 .lay03 ul {
	gap:10px 3%;
}

.contents01 .lay03 ul li {
	width: 48.5%;
}

.contents01 .lay03 ul li a {
	font-size: 18px;
	padding: 10px 0px;
}
	
	
/* contents01 navlink */

.contents01 .navlink {
	padding: 20px 0px 40px;
}

.contents01 .navlink img {
	height: 32px;
}


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