@charset "utf-8";

@media screen and (min-width:769px) and (max-width:1024px) {
html {font-size: 13px;}

/*==========================================
 inner
===========================================*/
.inner {width: 100%;
margin: 0 auto 0;
padding: 0;}

.inner:after{content: "";
display: block;
clear: both}

.inner_sub {width: 100%;
margin: 0 auto 0;
padding: 0 0 28px;}

.inner_sub:after{content: "";
display: block;
clear: both}



/*==========================================
 topCSS
===========================================*/
/* codrops-header ---------------------------------------*/
.codrops-header {margin: 0 auto; padding: 18px 0;
text-align: center;
background-image: url(../images/bkg/codrops-header_tbios_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:right top;}


.codrops-header h1 {margin:20px auto 0;
width: 100%;}



/* related_stage-001 ---------------------------------*/
.related_stage-001 {padding: 8px 0 28px;}
.related_stage-001 .eria-left {float: left; width: 48%; margin:0 auto; padding:1%; text-align:center;}
.related_stage-001 .eria-right {float: left; width: 48%; margin:0 auto; padding:1%; text-align:center;}

/* related_stage-002 -------------------------------------*/
.related_stage-002 {margin:0 auto; padding: 58px 0;}
.related_stage-002 .eria-left {float: left; width: 48%; margin:0 auto; padding:48px 1%;}
.related_stage-002 .eria-right {float: right; width: 48%; margin:0 auto; padding:48px 1%;}


/* related_stage-003 ---------------------------------------*/
.related_stage-003 {margin:0 auto; padding: 38px 0;}

/* related_stage-004 
.related_stage-004 {margin:0 auto; padding: 38px 0;}
---------------------------------------*/

/* related_stage-005 ---------------------------------------*/
.related_stage-005 {margin:88px auto; padding: 38px 0;}
.related_stage-005 .eria-left {float: left; width: 50%; margin:0 auto; padding:0; text-align:left;}
.related_stage-005 .eria-right {float: left; width: 50%; margin:0 auto; padding:0; text-align:left;}


/* related_stage-info ---------------------------------------*/
.related_stage-info {margin: 0 auto; padding:0;
background-image: url(../images/bkg/related_stage-info_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:left;}

.related_stage-info .eria-left {float:left; width: 48%; margin:0 auto; padding:58px 1%;}
.related_stage-info .eria-right {float:right; width: 48%;  margin:0 auto; padding:58px 1%;}

/*==========================================
 footer
===========================================*/
#footer {padding: 48px 0;}
#footer hr {
overflow: hidden;
width: 100%;
border-top: 1px solid #ffffff;
margin: 20px 0;}


/*==========================================
 footer_fixedarea 固定フッターPCc Tbios none
===========================================*/
#footer_fixedarea {display: none;}


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

/* content_stage ------------------------------------------------------------*/
.content_stage {margin:0 auto; padding: 18px 0 0;}
.content_stage .eria-left {float: left; width: 48%; margin:8px auto; padding:1%;}
.content_stage .eria-right {float: right; width: 48%; margin:8px auto; padding:1%;}

/* content_stage-info ---------------------------------------*/
.content_stage-info {margin: 28px auto; padding:0;
background-image: url(../images/bkg/related_stage-info_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:right top;}

/* content_stage-info ---------------------------------------*/
.content_stage-info .eria-left {float:left; width: 48%; margin:0 auto; padding:48px 1%;}
.content_stage-info .eria-right {float:right; width: 48%;  margin:0 auto; padding:48px 1%;}


/*=========================================
 Style_design css
===========================================*/
/* ovlight-img4 2カラム------------------------------------------------------------*/
.ovlight-img4 li{float: left; width: 50%}


}