@charset "UTF-8";

/* SmartPhone */
@media screen and (max-width: 800px){
	@media screen and (min-width: 360px){
		*{
		-webkit-text-size-adjust: none;
	}
	}
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}

    .inner,.nav,#mainvd,section,footer{width: 100%;max-width: 100%;}
	header{margin: 0;}
    .header_r {padding: 0 0 10px 0;margin-top: -10px;width: 100%;}
    .header_r .article_r {width:50%;overflow: auto; margin-top: 10px;}
    .header_r .article_r .btn01,.header_r .article_r .btn{width: auto;display: block;font-size: 12px;border:1px solid #fff;padding: 0;}
    .nav{padding:0;flex-wrap:wrap; }
    .nav li:first-child{border-left:0;}
    .nav li{width:calc(50% - 3px);border-bottom: 1px solid #fff;padding:0;}
    .nav li:nth-last-of-type(odd){border-right:0;}
    .nav li:last-child{flex-grow: 1;}
    .nav li a,.nav li.nav_child{font-size: 0.8rem;padding-top: 3px; padding-bottom: 3px;}
    
    #mainvd{position: relative; z-index: -1;}
    #mainvd h1{font-size:1.2rem;}
    #mainvd h2{font-size:1rem;}
    .inner_wrapper{margin-top:10px;}
    #mainvd p {width: 100%;}
    
    #contents01{}
    #contents01 h3 {font-size: 1.5rem;}
    #contents01 .article_l {width: 100%; margin-right: 0; margin-bottom: 20px; float: none;}
    
    #contents02 .article_l {width: 100%; float: none;}
    #contents02 .article_r,#contents04 .article_r{width: 100%; text-align: left;}
    
    #contents03,#contents06{margin-top: 50px;}
    #contents03 h1, #contents06 h1 {font-size: 1.5rem; margin-bottom: 50px; padding: 0 20px;}
    #contents03 .article_l,#contents04 .article_l,#contents05 .article_l{width: 100%; float: none; margin: 0;}
    #contents03 .article_l img {width: 100%;}
    #contents03 .article_r {width: 100%;}
    #contents03 .article_r h2, #contents04 .article_l h2{font-size: 1.5rem;}
    #contents06 p.catch {font-size: 1rem; padding: 0 20px;}
    #contents06 .article_l {width: 100%; margin-right: 0; float: none;}
    #contents06 .article_l p, #contents06 .article_r p{line-height: 1.7;}
    #contents06 h3{font-size: 1.4rem;}
    
    #contents07 .article_l,#contents07 .article_r {width: 100%;}
    #contents07 .article_l h2 {font-size: 1.5rem;}
    
    footer{padding-top: 20px;}
    footer ul {width: 100%; max-width: 100%; display: flex;flex-wrap:wrap;padding:0;}
    footer ul li {padding: 0; width: calc(50% - 1px); display: block; border-right:1px solid #888; border-bottom:1px solid #888;}
    footer ul li:nth-of-type(even){border-right: 0;}
    footer ul li a {border: 0; margin-right: 0; padding-right: 0; display: block;}
    .line {width: 90%;max-width:90%;}
    .tel {font-size: 1.2rem; width: 100%;}
    
    .toggle_box {left: auto;border:1px solid #fff; margin-top: 1px;}
    .subnav li {width: 100%;}
    
    /*codeprotection*/
    #contents01 .article_r {width: 100%; text-align: center;}
    #contents04 h1 {font-size: 1.5rem; padding: 0 20px;}
}