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


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


.maincontents-inner .box-title h2 {
    font-size: calc(6vw * 2);
    margin-bottom: calc(1.5vw * 2.4);
}

.maincontents-inner .box-title h3 {
     font-size: calc(2.2vw * 2.4);
}

.maincontents-inner p {
   font-size: 14px;
}

.maincontents-inner .layout-85 {
    max-width: 88%;
}

/* contents01 */

.maincontents-inner section.contents01 {
    padding: 15vw 0px;
}

/* contents04 */

.contents04 {
    padding: 12vw 0px;
}


/* layout01 */

.layout01 {
    width: 82%;
    max-width: 82%;
  justify-content: center;
    gap:10vw 0px;
}

.layout01 .box-detail {
	width: 100%;
}
    
.layout01 .box-img {
	width: 100%;
    text-align: center;
}
    
.layout01 .box-img img {
    width: 90%;
    max-width: 400px;
}

.layout01 h2 img {
    width: 72%;
}

.layout01 h3 {
    font-size: calc(3.3vw * 1.9);
    text-indent: calc(-2vw * 2.2);
    padding: 7vw 0px;
}


/* layout02 */

.layout02 .box {
  justify-content: center;
    gap:8vw 0px;
    margin: 0px auto;
    padding: 15vw 8%;
}
 
.layout02 .box:nth-child(even) {
    flex-direction: column;
}

.layout02 .box:nth-child(4)::before {
height: 100%;
}
    
.layout02 .box-detail {
    width: 100%;
    padding: 0vw;
}
    
.layout02 .box:nth-child(odd) .box-detail {
    padding-left: 0%;
}

.layout02 .box:nth-child(even) .box-detail {
    padding-left: 0%;
    padding-right: 0%;
}

.layout02 .box-detail::before {
    display: none;
}

.layout02 .box-img {
    width: 80%;
    max-width: 400px;
    margin: 0px auto;
}

.layout02 .box-img::before {
	width: 10vw;
	height: 10vw;
    margin-bottom: -5vw;
}

.layout02 .box:nth-child(odd) .box-img::before {
    margin-left: -5vw;
}

.layout02 .box:nth-child(even) .box-img::before {
    margin-right: -5vw;
}

.layout02 .box-detail h3 {
    margin-bottom: calc(3vw* 2.5);
    padding-bottom: calc(3vw* 2.5);
}

.layout02 .box-detail ul {
   padding: 5vw 0px;
}

.layout02 .box-detail ul li {
   font-size: 16px;
}


/* layout03 */

.layout03 {
    padding: 10vw 8%;
}
    
.layout03::before {
    display: none;
}

.contents03 .box-text h3, .layout03 h4 {
     font-size: calc(2.5vw* 2);
}
    
.layout03 p {
    padding-top: calc(1.5vw * 2.2);
}


/* layout04 */

.layout04 {
    gap:10vw 4%;
    padding-top: 0vw;
}

.layout04 .box {
	width: 48%;
}

.layout04 .box-detail, .layout04 .box-text {
	padding-top: calc(1.5vw* 3);
}

.layout04 .box-text:not(:last-child) {
	padding-bottom: calc(1.5vw* 3);
}

.layout04 h4 {
    font-size: 14px;
}
    
@media screen and (max-width: 500px) {
    .layout04 .box {
	width: 100%;
}
    
.layout04 h4 {
    font-size: calc(1.2vw* 3.2);
}
    
}

    
/* box-record */

.box-record {
    width: 100%;
    padding-top: calc(3vw * 3);
}

.box-record .box {
    padding: 0px 2vw;
}

/* layout06 */

.layout06 .box-text {
   padding: 6vw 6% 10vw;
    text-align: left;
}

.layout06 .box-detail {
  justify-content: center;
    gap:3vw;
}

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

.layout06 h5 {
    font-size: calc(5vw * 2.2);
    margin-bottom: 2vw;
}

.layout06 h6 {
     font-size: calc(2vw * 2.2);
}


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