@charset "utf-8";
@media screen and (max-width: 834px) { 
/****** E L E M E N T ******/
body{max-width: 100%;}
h1{ font-size:20px; background:#0044b4; padding: 1em; color: #fff;}
h2{font-size:20px;}
header{padding: 0;}
section{padding-left: 1em; padding-right: 1em;}
img{max-width: 100%;}

/****** ID ******/
/* トップページ */
h1#top-h{ font-size:20px; display: block; margin: 0; position: relative; padding: 15px 0 15px 10px; text-align: center;}
#catch{
    position: absolute; right: 10px; background: #006e68; color: #fff; font-size: 14px;
    top:10px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    padding-top: 25px;
}
#bg-top{ background-image:none; padding: 0; position: relative;}
#bg-top2{
    background:#fff;
    margin: -150px auto 0 10%;
    padding: 1em;
    z-index: 10;
    position: absolute;
    width: 80%;
}
#top-box{ background:none; width:80%;  margin-left: auto; margin-right: auto; margin-top:4em;}
#top-box2{ background:#333; width:100%;  margin-left: auto; margin-right: auto; border-radius:0;}

/* フッタ */
#foot{padding: 2em 0 5em 0; text-align: center;}

#foot-navi{text-align: left; padding-top: 20px;}
#foot-navi {display:block;} 
#foot-navi li:not(:last-of-type)::after {content: ""; margin:0;}
#foot-navi li{ border-right:none; display: block; padding:0;}
#foot-navi li a{display:block; border-bottom: #fff solid 1px; padding: 10px; text-decoration: none;}
#foot-navi li a:visited{background: url(../img/alpha50.png);}
#foot-navi li a:hover{background: url(../img/alpha50.png);}
#foot-navi li a:focus{background: url(../img/alpha50.png);}
#foot-navi li a:active{background: url(../img/alpha50.png);}  

#foot-link{position: fixed; bottom: 0; right: 0; z-index: 100; width: 100%;}
#foot-link a{color:#fff; text-decoration:none; display: block; padding: 15px; border-radius:0; background: #b40000;font-weight: bold; text-align: center;}

#copy{font-size: 14px; padding: 30px 0 50px 0;}

/******汎用レイアウト******/
.pc{display:none}
.sp{display:inherit; z-index: 1;}
.margin-a{margin-top:2em;}

	/*カラム*/
.w1200{width:100%;}
.w60per{width:80%; margin-left: auto; margin-right: auto;}
.w40per{width:80%; margin-left: auto; margin-right: auto;}
.box3{width: 50%;}
.box4{width: 50%;}
.box300{width:80%; margin-left: auto; margin-right: auto;}
.box500{width:80%; margin-left: auto; margin-right: auto;

}

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

/* ID */
/* トップページ */
#bg-top2{ margin: -100px auto 0 5%; width: 90%;}
#catch{top:50px;}
#top-box{width:90%;}

/******汎用レイアウト******/
.margin-a{margin-top:4em;}
/*カラム*/
.w1200{width:100%;}
.box3{width: 100%;}
.box300{width:90%; margin-left: auto; margin-right: auto;}
.box500{width:90%; margin-left: auto; margin-right: auto;}

}