@media only screen and (max-width: 700px) {

body{height:auto;min-height:auto;}

.container{width:100%;height:auto;position:static;padding:100px 0 0 0;}
.container.home{position:static;padding-top:100px;height:auto;}

.intro{display:none;}

.topmenu{position:absolute;top:auto;bottom:-20px;width:100%;}
.topmenu ul{width:100%;right:auto;text-align:center;}
.topmenu ul li{float:none;display:inline-block;}
.topdescription{position:absolute;top:auto;bottom:-100px;width:100%;text-align:center;}
.toplogo{left:20px;}
.toplogo img {height:100px;}

.topnotice{top:90px;left:auto;right:20px;font-size:90%;}

.spmenubutton{position:absolute;right:0;top:25px;margin:0;padding:10px;width:30px;height:30px;font-size:240%;text-align:center;line-height:30px;color:#333;text-decoration:none;}

.contents{position:static;height:auto;}
.home .contents{position:static;height:auto;}
.contents > div{position:static;height:auto;padding:0 10px;width:auto;}
.contents > div.blackbar{display:none;}
.contents > div.orangebar{width:100%;padding:0;}

.contents-info{margin:0;padding:0;width:100%;line-height:160%;}

.contents-column{border:3px solid #000;width:auto;margin:20px 0 10px 0;}
.contents-column h1{padding-top:10px;}
.contents-column > div.contents-column-title{position:absolute;top:110px;left:10px;}
.contents-column > div.contents-column-subtitle{position:static;margin:10px;font-size:80%;letter-spacing:5px;}
.contents-column .contents-image{top:10px;right:0;width:auto;}
.contents-column .contents-article{padding:0 10px 30px 10px;width:auto;}

.contents-list{margin:0;padding:0;width:100%;line-height:160%;}
.contents-list li {padding:0 0 0 90px;height:160px;background-size:80px auto;}
.contents-list-title{font-size:90%;}

.contents-menu{position:static;width:100%;padding:0;}

.contents-article{width:100%;}

.contents-image{position:static;width:100%;}
.contents-image img{width:100%;}

.home-slideshow{position:static;top:auto;right:auto;width:100%;height:auto;}

.home-news{position:static;top:auto;font-size:90%;}
.home-news h3{margin-left:10px;}

.home-menu{position:static;bottom:auto;margin-top:30px;}
.home-menu ul li {height:100px;}

.home-seal{width:120px;height:120px;top:80px;right:5px;}

.home-orangebuttons{text-align:center;}
.home-orangebuttons a{color:#fff;margin:10px;padding:5px 20px;background-color:#c24400;text-decoration:none;white-space:nowrap;line-height:300%;}

.sp-home-menu{margin:40px 0 60px 0;}
.sp-home-menu > ul:first-child > li:first-child{padding-top:38px;}

footer{display:none;top:80px;bottom:auto;height:auto;}

.main-menu{right:auto;position:static;font-size:100%;border-top:1px solid #ccc;background-color:#fff;}
.main-menu > li{float:none;font-weight:bold;}
.main-menu > li > a{padding:5px 20px;border-left:none;border-bottom:1px solid #ccc;}
.main-menu > li > ul{border-left:none;margin:0;}
.main-menu > li > ul > li{font-size:90%;border-bottom:1px solid #ccc;padding:0 0 0 20px;}
.main-menu a{display:block;padding:5px 20px;}
.main-menu a:hover{background-color:#eee;}
.main-menu a br{display:none;}

.spfixedmenu{position:fixed;top:0;left:0;right:0;width:100%;height:90px;background-color:#fff;z-index:99;}

.sponly{display:block !important;}
.pconly{display:none !important;}

}