@charset "utf-8";

@media screen and (max-width: 480px) {
html {font-size: 0.8em;}

/*==========================================
 inner
===========================================*/
.inner {width: 98%; margin: 0 auto; padding: 0 8px;}
.inner:after{content: ""; display: block; clear: both}

/* header ---------------------------------------*/
.header-area h1{font-size: 2.2em;}
.header-area h1 br{display: block;}
.header-area p br{display: block;}
.header-area img{max-width: 80%; height: auto;}

/* content-title  -----------------*/
/* related_stage-content ---------------------------------------*/
.related_stage-content {}
.related_stage-content .eria-left {float: none; width: 100%; margin:0 auto; padding:18px 0;}
.related_stage-content .eria-left-tab {float: none; width: 100%; margin:0 auto; padding:18px 0;}
.related_stage-content .eria-right {float: none; width: 100%; margin:0 auto; padding:18px 0;}
.related_stage-content .eria-left-07 {float: none; width: 100%; margin:0 auto; padding:0 0.5%;}
.related_stage-content .eria-right-03 {float: none; width: 100%; margin:0 auto; padding:0 0.5%;}

/* related_stage000 ---------------------------------------*/
.related_stage000 {text-align:left; background-color:#f2ede7; margin:0 auto; padding:88px 0; color: #534741;}
.related_stage000 h3 {text-align:center;}
.related_stage000 .eria-left {float: none; width: 100%; margin:0 auto; padding:18px 0;}
.related_stage000 .eria-right {float: none; width: 100%; margin:0 auto; padding:18px 0;}

/* related_stage001 ---------------------------------------*/
.related_stage001 {margin:0 auto; padding:48px 18px;}
.related_stage001 p {margin:48px auto; text-align:left;}
.related_stage001 img{max-width: 80%; height: auto;}

/* related_stage002 ---------------------------------------*/
.related_stage002 {text-align:left; background-color:#f2ede7; margin:0 auto; padding:48px 0; color: #534741;}
.related_stage002 h3 {text-align:center;}

/* related_stage003 ---------------------------------------*/
.related_stage003 {text-align:center; background-color:#ffffff; margin:0 auto; padding:88px 0;
background: url("../imgs/related_stage003-bkg.png") right center;/*背景画像の設定*/
background-repeat: no-repeat;
background-size:cover;}

/* related_infoinformation ---------------------------------------*/
.related_infoinformation {background-color:#534741; margin:0 auto; padding:48px 0; color: #ffffff;}
.related_infoinformation .eria-left {float: none; width: 100%; margin:0 auto; padding:0.125%; text-align:center;}
.related_infoinformation .eria-middle {float: left; width: 55%; margin:0 auto; padding:0.125%; text-align:left;}
.related_infoinformation .eria-right {float: right; width: 45%; margin:0 auto 0; padding:48px 0.125% 0; text-align:right;}

/*  footer ------===========================================*/
#footer {padding:0 0 88px; }
.company_nav {overflow: hidden; width: 100%; float: none; margin: 22px auto;}
.company_nav ul{margin: 8px auto; padding: 0; list-style: none}
.company_nav li {float: left; width: 50%; margin:0 auto; padding: 0 0.25%; background: none;}
.company_nav li a {display: block; padding: 4px 0; }
.company_nav li a:hover{background-color: #4eb0cd; color: #ffffff;}
/*.company_nav li:nth-child(odd) a {border-right: 2px solid #ff0000;}*/
address {float: none;}



/*=========================================
 Style_design css
===========================================*/
.pc_tbios-only{display: none; padding:0; margin:0;}

.flexbox {height:auto;}
.around {justify-content:flex-start;}
/* ovlight-text2 2カラム------------------------------------------------------------*/
.ovlight-text2{margin: 0 auto; padding:0px;}
.ovlight-text2 li:nth-child(1) {float: none; margin:0; padding:0.25% 1%; width: 100%;}
.ovlight-text2 li:nth-child(2) {float: none; margin:0; padding:0.25% 1%; width: 100%;}

/*==========================================
 Form
===========================================*/
/**-- Form Zoom iOS抑制-------------------**/
div#mfp-container {padding: 0px;}
div#mfp-container input,select,textarea{font-size:16px;}
/* form ==========================--------=*/
div#mfp-container form#mailformpro dl dt {padding: 15px 10px 10px 5px;}
div#mfp-container form#mailformpro dl dd {padding: 10px 10px 15px 15px;}
input,select,textarea{font-size:16px;}




}/**  mediascreen **/