.sm{
	display: none !important;
}
@media (max-width: 779px){
	.sm{
		display: block !important;
	}
	.md{
		display: none !important;
	}
	body{
		font-size: 22px;
		line-height: 1.7em;
	}
	img{
		width:100%;
	}
	.trans:hover,
	.trans:hover img {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

/*===== CONTENT =====*/
.container {
    width: 96%;
}

.kv {
    height: 100%;
}
.kv .container {
    width: 100%;
}
.kv a {
    right: 3%;
    bottom: 5%;
    width: 50%;
}
.kv .bg {
    background-size: contain;
}

nav {
    margin-top: 3%;
}
nav li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
}
nav li:nth-child(even) {
    margin-right: 0;
}

.sec_ttl01 {
    height: 3em;
    margin: 10% 0 0;
}
.sec_ttl01 .container img {
    top: -1em;
}
.sec_ttl02 {
    margin-top: 6%;
}

.sec_txt01 {
    margin-top: 5%;
}

.sec_img01.arrow {
	background: url(../img/arrow02.png) no-repeat 50% 52%;
}
.sec_img01 li {
    margin-right: 0;
    margin-bottom: 5%;
}
.sec_img01 li:last-child {
    margin-bottom: 0;
}

.sec_img02 li {
    margin-right: 0;
    margin-bottom: 5%;
}
.sec_img02 {
    text-align: center;
    margin-top: 5%;
    padding: 0 5%;
}

.sec_com {
    margin-top: 5%;
}
.sec_com img {
    float: none;
    margin: 0 auto 3%;
    width: 30%;
    display: block;
}
.sec_com .ttl {
    text-align: center;
}

.sec03 .spec {
    width: 100%;
    margin: 10% 0 0;
}
.sec03 .spec td:first-child {
    padding-left: 1em;
}
.sec03 .cap {
	width: 100%;
}

.sec04 .img01 {
    margin: 5% 0;
}
.sec04 .img02 {
    margin: 10% 0;
}

.sec05 {
    margin: 25% 0 0;
}
.sec05 .ttl01 {
    top: -4.8em;
}
.sec05 .list {
    padding: 10% 0 0;
}

.btn02 {
    margin: 8% 5%;
}
.sec06 .txt01 {
    margin: 0 5%;
}
.sec06 .ttl01 {
    padding: 10% 0;
}

.sec07 .ttl01 {
    margin: 10% 0 0;
}
.sec07 .txt01 {
    margin: 5%;
}

.sec07 .list .qbox li:first-child,
.sec07 .list .abox li:first-child {
    padding: 1.5%;
    width: 8%;
}
.sec07 .list .qbox li,
.sec07 .list .abox li {
    padding: 2% 4%;
}

/*===== Main =====*/

}
@media (max-width: 639px) {
	body {
		font-size: 21px;
	}
}
@media (max-width: 599px) {
	body {
		font-size: 18px;
	}
}
@media (max-width: 479px) {
	body {
		font-size: 16px;
	}
}
@media (max-width: 400px) {
	body {
		font-size: 14px;
	}
}
@media (max-width: 383px) {
	body {
		font-size: 13px;
	}
}
@media (max-width: 359px) {
	body {
		font-size: 11px;
	}
}
@media (max-width: 319px) {
	body {
		font-size: 10px;
	}
}
@media (max-width: 300px) {
	body {
		font-size: 8px;
	}
}