@charset "utf-8";

@media screen and (min-width:1025px) {
html {font-size: 15px;}

/*==========================================
 inner
===========================================*/
.inner {max-width:1024px;
margin: 0 auto 0;
padding: 0;}

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

.inner_sub {max-width:1024px;
margin: 0 auto 0;
padding: 0 0 38px;}

.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_pc_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center center;
background-attachment:fixed;}

.codrops-header h1 {margin: auto; 
position: absolute;
top: 40%; left: 20%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
width: 100%;}

/* related_stage-001 ---------------------------------*/
.related_stage-001 {padding: 18px 0 48px;}
.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:88px auto; padding: 0;}
---------------------------------------*/

/* related_stage-005 ---------------------------------------*/
.related_stage-005 {margin:88px auto; padding: 38px 0;}
.related_stage-005 .eria-left {float: left; width: 48%; margin:0 0.5%; padding:0.5%; text-align:left; border: solid 1px #eeeeee;}
.related_stage-005 .eria-right {float: left; width: 48%; margin:0 0.5%; padding:0.5%; text-align:left; border: solid 1px #eeeeee;}

/* 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:right top;}

.related_stage-info .eria-left {float:left; width: 48%; margin:0 auto; padding:48px 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 #cccccc;
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 .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%;}



}