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


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


.maincontents-inner section:not(:last-child) {
	margin-bottom: 60px;
}

.layout-orange > div:not(:last-child) {
	margin-bottom: 40px;
}

.contents01 > .layout-orangewrap + .layout-orangewrap {
    margin-top: 30px;
}
	
.maincontents-inner section .box-img {
	width: 100%;
	text-align: center;
}
	
.maincontents-inner section .box-img img {
	max-width: 400px;
}


/* layout01 */

.layout01 {
	width: 100%;
  justify-content: center;
	gap:20px;
}

.layout01 .box-text {
	width: 100%;
	padding-left: 0px;
}

/* layout02 */

.layout02 {
	width: 100%;
}

.layout02 .box-inner {
  justify-content: center;
	flex-direction: column;
	gap:10px;
}

.layout02 .box-text {
	width: 100%;
	padding-right: 0px;
}

.layout02 h4 {
	font-size: 18px;
line-height: 1.4;
background-position: left top;
	height: 70px;
	margin-bottom: 10px;
}

.layout02 h6 {
	width: 100%;
	padding-top: 5px;
	text-align: center;
}
	
.layout02 h6 img {
	width: 200px;
}

/* layout03 */

.layout03 .box:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 30px;
border-width : 3px;
}

.layout03 h6 {
	font-size: 20px;
letter-spacing: 0.05em;
	margin-bottom: 15px;
}

.layout03 p {
	padding: 0px 10px;
}


/* layout04 */

.layout04 {
	width: 100%;
  justify-content: center;
	gap:10px;
}

.layout04 .box-img {
	width: 100%;
  justify-content: center;
	gap:20px;
}

.layout04 .box-img .box {
	width: 100%;
}

.layout04 .box-text {
	width: 100%;
	padding-left: 0px;
}

.layout04 p {
	font-size: 14px;
}
	
.layout04 .box p {
	text-align: center;
}



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