@media screen and (max-width: 768px) {
body, section, #head_s, #visual_area, #foot {
	width:100%;
}
article {
	padding:60px 2%;
	width:96%;
}
#head_logo {
    padding: 10px;
	box-sizing:border-box;
	width:50%;
}
#head_tel {
    padding: 10px;
	box-sizing:border-box;
	width:50%;
	text-align:left;
}

/* img 100 */
#head_s img,#visual_area img, .wi50 img {
	width:100%;
	height:auto;
}

#head_k  {
	background-size:200% auto;
	background-position:top center;
	height:300px;
}
#head_c  {
	background-size:200% auto;
	background-position:top right;
	height:250px;
}
#head_c:after {
	background-size:250% auto;
	background-position:top center;
	height:81.62%;
}

#visual_block:before {
	background-size:250% auto;
	background-position:top center;
	height:81.62%;
}
#visual_area img {
	width:65%;
	height:auto;
}
.visual_fl01 {
	top:50px;
}
.visual_fl02 {
	top:100px;
}
h2.section_title {
	font-size: 8vw;
}
.bill {
	display:none;
}
.fade_off_sp {
    opacity: 0.1;
	transform : translate(0, 50px);
    transition : all 500ms;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}
.fade_on_sp {
    opacity: 1;
	transform : translate(0, 0px);
}

#nav-toggle {
    position: absolute;
    right: 12px;
    top: 68px;
    width: 34px;
    height: 28px;
    cursor: pointer;
    z-index: 101;
	background-color:#333;
	padding:10px;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#sp-nav {
	position: absolute;
	top: -550px;
	background: #05cb00;
	color:#fff;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#sp-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#sp-nav ul li {
    float: none;
    position: static;
}
#dm #sp-nav ul li a,
#dm.fixed #sp-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 18px 0;
}
#nav-toggle {
    display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #sp-nav {
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
}#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
#dm_head.fixed {
	padding-top: 0;
	background: transparent;
}

.sp_table th,
.sp_table td{
	width: 100%;
	display: block;
	border-top: none;
	text-align:center;
	box-sizing: border-box;
}
.model_table img {
	width:100%;
	height:auto;
}
.res table td {
	width:100%!important;
}
.form_table input {
	width:80%!important;
}

#foot_link {
	display:none;
}

.iwi80 img {
	width:70%!important;
	height:auto;
}

.wi70 {
	width:70%!important;
	height:auto;
}
ul.thumb, .wi50 {
	width:100%;
}
ul.thumb img {
	width:100%;
	height:auto;
}
ul.thumb {
    margin-top: -9%;
}

.sppat {
	padding-top:30px;
}

.pco {
	display:none!important;
}
.spo {
	display:block;
}

}