@media (max-width: 768px) {

    .list-none li {
        list-style: none;
    }
    .list-none {
        position: absolute;
        right: 10px;
        top: 22px;
    }
    #logoimg {
        max-width: 100%;
        margin: 0px auto;
        margin-top: 22px;
    }
    .drawer-hamburger {
        display: block!important;
    }
    #sp_naviarea {
        display: none;
    }
    .drawer-nav {}
    .drawer-menu {
        padding: 20px;
    }
    .drawer-nav {
        width: 270px;
    }
    .drawer--left .drawer-nav {
        left: -270px;
    }
    .drawer--left.drawer-open .drawer-hamburger {
        left: 220px;
        top: 5px;
    }
    .drawer-menu li {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #C69C6D;
    }
    .drawer-menu li.nonebd {
        border: none;
    }

    .li_box a {
        display: block;
    }
    .li_box a:before {
        content: "> ";
    }
    .drawer-hamburger-icon,
    .drawer-hamburger-icon:before,
    .drawer-hamburger-icon:after {
        background-color: #99BAC2;
    }

    .drawer--left .drawer-hamburger,
    .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
        left: 20px;
    }
    .drawer-hamburger {
    	width:30px;
    }
    #nav{
    	display:none!important;
    }

	.box_message{
		background-color:#99BAC2;
		color:#fff;
		font-size:12px;
		margin-top:30px;
	}
	.box_message{
		padding:5px 0px;
		text-align:center;
	}


	#musthidden{
		display:block;
	}
	#musthidden *{
		margin:0!important;
		padding:0!important;
	}
	#sphidden{
		display:none;
	}
	.lineup4 li{
		display:block!important;
		float:left;
	}
	.lineup4 li{
		width:48%;
		margin-left:1%;
		margin-right:1%;
	}
	.lineup4 li img{
		max-width:100%;
		display:block;
		margin:0px auto;
	}
	.lineup4 li:last-child{
		margin-right:0;
	}
	.lineup4 li span{
		display:block;
		color:#684225;
		font-size:12px;
		margin-top:10px;
	}

	.container_s .row,
	.container_s .col-xs-12{
		width:98%!important;
		margin:0px auto;
		float:none;
	}

	.index_ft_01{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	.index_ft_02{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	.index_ft_03{
		width:100%;
		float:none;
	}
	.col_f01,
	.col_f04,
	.col_f02,
	.col_f03{
		width:50%;
	}
	.col_f03{
		padding-left:24px;
	}
	.col_f05{
		padding-top:150px;
		width:100%;
	}
	.mrightbd{
		border:none;
	}

	.negativemd{
		margin-top:0px;
	}
	.container_s .article_list{
		width:98%;
		margin:0px auto;
		border:none;
	}

	.container_s h3{
		text-align:center;
		width:98%;
		margin:0px auto;
		margin-bottom:20px;
	}
	.step_text{
		width:100%;
		text-align:left;
		font-size:18px;
	}
	.step_text span{
		text-align:left;
	}
	#spstep .col-xs-4 img{
			display:none;
	}

	#spstep .col-xs-8{
		width:100%;
	}

	.spspace{
		height:30px;
	}

	.right_text{
		float:left;
		color:#fff;
		text-align: center;
		width:100%;
	}

	.prof_a th{
		width:100px;
	}

	.leftp_img{
		position:relative;
		top:0;
		left:0;
		margin:0px auto;
	}

	.natural_text2 p.mbottom40{
		margin-bottom:60px;
	}

	.sp_center{
		text-align:center;
	}

	.leftp_img2{
		position:relative;
		top:0;
		left:0;
	}

	.right_img{
		position:relative;
		top:0;
		right:0;
	}
	.pright_negative{
		width:100%;
	}

	.right_img2{
		position:relative;
		top:0;
		right:0;
	}

	.leftp_img3{
		position:relative;
		top:0;
		left:0;
	}


	.leftp01{
		padding-left:0;
	}
	.leftp02{
		padding-left:0;
	}

	.leftp03{
		padding-right:0;
	}
	.leftp04{
		padding-left:0;
	}
	.natural_text .mbt20{
		margin-bottom:0;
	}
	.leftp05{
		padding-left:0;
	}

	#mailformpro ul li{
		list-style:none;
	}
	.contactform,
	.content-form {
	  padding: 10px;
	  height: auto;
	  background: none;
	  position: relative;
	  width:100%;
	}
	.contactform table,
	.content-form table {
	  font-size: 93%;
	  width:100%;
	}
	.contactform table th {
	  text-align: left;
	  padding: 5px;
	  background: #EBE6E0;
	  border: solid 1px #d3c6b5;
	}
	.contactform table th span {
	  font-weight: normal;
	}
	.contactform table td {
	  padding: 5px;
	  border: solid 1px #d3c6b5;
	}
	.contactform img.catch_form {
	  display:none;
	}
	.article_wrap{
		width:98%;
		margin:0px auto;
	}

	.slide_infinite{
		padding:30px 0px 0px 0px;
	}
}

@media (max-width: 767px) {
	#slider_ttl{
		position: absolute;
		left: 0;
		top: 80%;
		z-index: 1;
		width: 100%
	}
	#slider_ttl img{
		width: 100%;
	}
	.slick-list{
		width: 100%;
	}
}