/* Style for PCs */
@media screen and (min-width: 1025px) {

.intbody {
width:100%;
height: auto;
display: flex;
}
.intbody li {
flex-grow: 1;
width:50%;
}

.intbg01 {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image01.jpg);
}
.intbg02 {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image02.jpg);
}
.intbg03 {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image03.jpg);
}
.intbg04 {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image04.jpg);
}

.intmm {
width:100%;
height:auto;
display: block;
padding:60px 10%;
}

	
}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.intbody {
width:100%;
height: auto;
display: block;
}
.intbody li {
width:100%;
height: auto;
display: block;
}
.intbody li:nth-child(odd) {
background-color: #f5f5f5;
}

.intbg01 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image01.jpg);
}
.intbg02 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image02.jpg);
}
.intbg03 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image03.jpg);
}
.intbg04 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image04.jpg);
}

.intmm {
width:100%;
height:auto;
display: block;
padding:60px 10%;
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

.intbody {
width:100%;
height: auto;
display: block;
}
.intbody li {
width:100%;
height: auto;
display: block;
}
.intbody li:nth-child(odd) {
background-color: #f5f5f5;
}

.intbg01 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image01.jpg);
}
.intbg02 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image02.jpg);
}
.intbg03 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image03.jpg);
}
.intbg04 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image04.jpg);
}

.intmm {
width:100%;
height:auto;
display: block;
padding:60px 5%;
}

}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

.intbody {
width:100%;
height: auto;
display: block;
}
.intbody li {
width:100%;
height: auto;
display: block;
}
.intbody li:nth-child(odd) {
background-color: #f5f5f5;
}

.intbg01 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image01.jpg);
}
.intbg02 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image02.jpg);
}
.intbg03 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image03.jpg);
}
.intbg04 {
width:100%;
height: 100px!important;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-image: url(../img/introduction/image04.jpg);
}

.intmm {
width:100%;
height:auto;
display: block;
padding:60px 5%;
}

}