.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%;
	}
	.readmore {
		opacity: 1;
	}
	/* .trans:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	} */

/*===== COMMON =====*/
.container {
    max-width: 100%;
    padding: 2% 5%;
}

#gototop {
    right: 10px;
}

/*===== HEADER =====*/
header .logo {
    font-size: 1.5em;
}
header .logo img {
	width: 20%;
}
header .menu {
    position: absolute;
    font-size: 1em;
    width: 100%;
    text-align: left;
    left: 0;
    top: 100%;
    background-color: rgba(0,0,0,0.8);
    padding: 4% 5%;
    display: none;
}
header .menu .main {
    display: inherit;
    padding: 4% 0;
}
header .menu .main a {
    color: #BFBFBF;
}
header .menu .main .sub {
    position: inherit;
    background-color: inherit;
    padding: 0 0 0 1em;
    width: 100%;
    margin-top: 1em;
    padding-top: 1em;
}
header .btn {
    font-size: 3em;
    position: absolute;
    right: 0.4em;
    top: 0.4em;
}

/*===== FOOTER =====*/
footer{
	padding: 3% 0;
}
footer .logo {
    font-size: 1.5em;
    width: 40%;
}
footer .logo img {width: 100%;}
footer .menu {
    margin: 8% 0 0;
}
footer .menu .main {
    width: 100%;
    margin: 0 0 1.5em;
    font-size: 1em;
}
footer .copy {
    text-align: center;
    font-size: 0.8em;
}

/*===== SECTION =====*/
/* top */
.sec_kv .ttl.top span {
    font-size: 2em;
}
.sec_kv .ttl.top p {
    font-size: 1em;
}

.top_news {
    padding: 5% 0;
}
.top_news .container {
	padding: 0;
}
.top_news dl {
    border-spacing: 10px 0;
}
.top_news .more {
    font-size: 1em;
    position: inherit;
    text-align: right;
    display: block;
    margin-right: 5%;
}
.top_news dt, .top_news dd {
    vertical-align: middle;
}

.top_business {
    padding: 5% 0 0;
}
.top_business .ttl {
    font-size: 1.4em;
}

.top_company .box {
    padding: 15% 10%;
}
.top_company .box .ttl {
    font-size: 2em;
    margin-bottom: 2em;
}
.top_company .box .ttl:after {
	margin: 1em 0 0;
}
.top_company .link {
    width: 100%;
    display: block;
    margin: 0;
    text-align: left;
}
.top_company .link li {
    width: 100%;
    margin-top: 1em;
}

.top_recruit {
    padding: 8% 0;
}
.top_recruit .ttl {
    font-size: 1.8em;
}

/* sec_kv */
.sec_kv {
    height: 20em;
}
.sec_kv .ttl span {
    font-size: 0.8em;
}
.sec_kv .ttl p {
    font-size: 2em;
}
.sec_kv .ttl span:after {
    margin: 0.5em 0 1em;
}

/* sec_txt */
.sec_txt {
    padding: 13% 0;
}
.sec_txt .ttl p {
    font-size: 1.8em;
    line-height: 1.3;
}
.sec_txt .ttl span {
    margin-top: 2.2em;
}
.sec_txt .ttl p:after {
    margin: 0.7em 0 0 -20px;
}
.sec_txt .txt {
    width: 100%;
    margin: 10% 0 0;
}
.sec_txt .txt .fl {
	float: none;
	 width: 100%;
	 margin: 0 0 5%;;
}
.sec_txt .name img {
	width: 50%;
}
.sec_txt .img {
    width: 100%;
}

/* column */
.col_02 {
	display: inherit;
	margin-top: 0;
}
.col_02 .ttl01 {
    font-size: 1.2em;
}
.col_02 li {
    width: 100%;
    display: inherit;
    margin: 10% 0 0;
}
.col_02 .txt01 {
    font-size: 1.3em;
    min-height: inherit;
}
.col_02 .txt02 {
    font-size: 1.2em;
}

.col_03 {
    display: block;
}
.col_03 li {
    display: block;
    width: 100%;
    margin-bottom: 15%;
}

.w_100 {
    display: block;
}
.w_100 li {
    display: block;
}

/* icon */
.ico {
    width: 30%;
}

/* table */
.tb01 th {
    width: 30%;
    vertical-align: top;
}
.tb01 .flag {
    position: inherit;
    display: inherit;
}

/* news */
.news_ttl {
    margin-bottom: 1em;
}
.news_ttl > a {
    font-size: 1.8em;
    float: none;
}
.news_date {
    margin-top: 0.5em;
    float: none;
}
.news_post {
    padding-bottom: 7%;
    margin-bottom: 7%;
}
.news_cate {
	margin-top: 7%;
}

/* contact */
div.wpcf7 img.ajax-loader {

    width: 10%;
    display: block;
    margin: 2% auto !important;
}
div.wpcf7-response-output {
    margin: 0;
}
.txt_q{
	margin-bottom: 2%;
}
#rules div{
	width: 96%;
	margin:  0 auto;
	padding: 0 2%;
}
#rules h3{
	margin-bottom: 3%;
}
.top_business .responsive{
	max-height: auto;
}
.sns{
	width: 100%;
}
.sns iframe{
	width: 100%;
}
.sns div{
	width: 100%;
}
.link_btn a {
	width: 100%;
	display: inline-block;
	margin-right: 0%;
	margin-bottom: 3%;
	float: none;
}

}
@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: 209px) {
	body {
		font-size: 11px;
	}
}
@media (max-width: 319px) {
	body {
		font-size: 10px;
	}
}
@media (max-width: 300px) {
	body {
		font-size: 8px;
	}
}