@charset "utf-8";

@media screen and (min-width:481px) and (max-width:939px) {
html {font-size: 0.9em;}

/*==========================================
 inner-con
===========================================*/
.inner-con {width: 100%; margin: 0 auto; padding: 0 18px 8px; text-align: left;}
.inner-con:after{content: ""; display: block; clear: both}

/* 6-7 ===================================*/
#header-img{position: fixed;/*背景を固定するためfixedをかける*/
z-index: 1;/*#container,#footerよりも下に配置するために数値を小さくする*/
top: 0;/*topの位置がJSで変化*/
/*以下画面で背景画像を表示させるための指定*/
width: 100%;
height:100vh;
background: url("../img/main-sub.jpg") no-repeat center center;/*背景画像の設定*/
background-size:cover;
transform-origin:center;/*変化する基点を中心からに設定*/
}




/*==========================================
 contentCSS
===========================================*/
/* related_stage-contents ------------------*/
#related_stage-contents .eria-center {float: none; width: 100%; margin:0 auto; padding:18px 0.25%;}
#related_stage-contents .eria-left {float: none; width: 100%; margin:0 auto; padding:18px 0.25%;}
#related_stage-contents .eria-right {float: none; width: 100%; margin:0 auto; padding:18px 0.25%;}

#related_stage-contents .eria-left-07 {float: left; width: 70%; margin:0 auto; padding:8px 0.5%;}
#related_stage-contents .eria-right-03 {float: right; width: 30%; margin:0 auto; padding:8px 0.5%;}
#related_stage-contents .eria-left-03 {float: left; width: 30%; margin:0 auto; padding:8px 0.5%;}
#related_stage-contents .eria-right-07 {float: right; width: 70%; margin:0 auto; padding:8px 0.5%;}
#related_stage-contents .eria-left_border {float: left; width: 48%; margin:0 auto 22px; padding:8px 0.5%; border:solid 1px #cccccc; border-radius: 3px;}
#related_stage-contents .eria-right_border {float: right; width: 48%; margin:0 auto 22px; padding:8px 0.5%; border:solid 1px #cccccc; border-radius: 3px;}




/*==========================================
 contentCSS
===========================================*/

/**--table_info -----------------------------------*/
.table_info span{display: block;}

/* 8-1-4  ===================================*/
#page-top {bottom:50px;}




}
