@charset "utf-8";

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

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

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

.inner_sub {width: 98%;
margin: 0 auto 0;
padding: 0 1% 18px;}

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



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


.codrops-header h1 {margin:40px auto 0;
width: 100%;}
/* top_menu ------------------------------------------------*/
.codrops-header .top_menu{display: none;}


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

/* related_stage-002 -------------------------------------*/
.related_stage-002 {margin:0 auto; padding: 58px 0;}
.related_stage-002 .eria-left {float: none; width: 100%; margin:0 auto; padding:28px 0; text-align:center;}
.related_stage-002 .eria-right {float: none; width: 100%; margin:0 auto; padding:28px 0; text-align:center;}


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

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

/* related_stage-005 ---------------------------------------*/
.related_stage-005 {margin:48px auto; padding: 8px 0;}
.related_stage-005 .eria-left {float: none; width: 100%; margin:0 auto; padding:0;}
.related_stage-005 .eria-right {float: none; width: 100%; margin:0 auto; padding:0;}

/* 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 h2 span {display: block;}
.related_stage-info .eria-left {float: none; width: 88%; margin:0 auto; padding:28px 0;}
.related_stage-info .eria-right {float: none; width: 88%; margin:0 auto; padding:18px 0;}


/*==========================================
 footer
===========================================*/
#footer {padding:0 0 70px; }
.footer_nav {overflow: hidden; width: 100%; float: none;}
.footer_nav ul{margin: 0; padding: 0; list-style: none}
.footer_nav li {float: left; margin:0 auto; padding: 8px 0; width: 100%; border-bottom: 1px solid #cccccc;}
.footer_nav li a {display: block; padding: 8px 0;}
.footer_nav li a:hover{background-color: #cd0003; color: #ffffff;}
#footer hr {display: none;}
.company {overflow: hidden; width: 100%; float: none;}
.company ul{margin: 0; padding: 0; list-style: none}
.company li {float: left; width: 50%; margin:0 auto; padding: 8px 0; background: none;}
.company li a {display: block; padding: 8px 0; border-bottom: 1px solid #cccccc;}
.company li a:hover{background-color: #cd0003; color: #ffffff;}
.company li:nth-child(odd) a {border-right: 1px solid #cccccc;}
address {
overflow: hidden;
font-size: 0.8em;
float: none;
text-align: center;
margin-top: 10px;
}

/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {position: fixed; /* 固定 */
bottom: 0; /* 一番下に表示 */
width: 100vw;
background-color: #222222;
color: #ffffff;
border-top:1px solid #ffffff;}
#footer_fixedarea span {vertical-align:middle; padding-left:3px; font-size: 0.8em;}
#footer_fixedarea .l_eria {float: left; width: 48%; margin:0 auto 0; padding:0;}
#footer_fixedarea .r_eria {float: right; width: 48%; margin:0 auto 0; padding:0;}
#footer_fixedarea a:link,
#footer_fixedarea a:visited {color: #ffffff; text-decoration: none;}
#footer_fixedarea a:hover,
#footer_fixedarea a:active {color: #888888; text-decoration: none;}



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

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

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


/*=========================================
 Style_design css
===========================================*/
/* ovlight-img4 2カラム------------------------------------------------------------*/
.ovlight-img4 li{float: left; width: 50%}
/* btn000 ffffff white ===========================================*/
a.btn000 span{display: block; font-size: 0.8em;}


/* table_info ============================*/
.table_info{display: block; width: 98%;}
.table_info thead{display: none;}
.table_info tbody{display: block;}
.table_info tbody tr{display: block; margin: 18px auto;}

.table_info tbody th,
.table_info tbody td{display:list-item; border: none;}

.table_info tbody th{margin: 0; padding:4px;
list-style-type: none;
background-color:#eeeeee;
}

.table_info tbody td{margin: 2px auto 8px; padding:2px 8px;
list-style-type: none;
}


/*==========================================
 Form
===========================================*/
/**-- Form Zoom iOS抑制---------------------------------------------**/
div#container {padding: 0px;}
div#container input,select,textarea{font-size:16px;}

/* form ===========================*/
div#container form#mailformpro dl dt {padding: 15px 10px 10px 5px;}
div#container form#mailformpro dl dd {padding: 10px 10px 15px 15px;}
input,select,textarea{font-size:16px;}
form#mailformpro dl dt {
float: none;
width: auto;
font-size: 1em;
padding: 5px;
text-align: left;
}
form#mailformpro dl dd {
clear: both;
border-top: none;
padding: 5px 15px;
font-size: 1em;
line-height: 1.5em;
}
div.mfp_buttons button {font-size: 14px;}
div#mfp_phase_confirm h4 {font-size: 18px;}
ul#mfp_phase_stat {
padding: 0px;
text-align: left;
}
ul#mfp_phase_stat li {
text-align: center;
padding: 5px 0px;
border-radius: 3px;
margin: 5px;
list-style: none;
font-size: 14px;
width: 28%;
}
ul#mfp_phase_stat li.mfp_phase_arrow {
bos-shadow: none;
display: none;
}
ul#mfp_phase_stat li.mfp_active_phase {}
ul#mfp_phase_stat li.mfp_inactive_phase {}

table#mfp_confirm_table tr{display: block; margin: 8px auto; width: 100%;}
table#mfp_confirm_table tr th {white-space: nowrap; width: 100px;}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
font-size: 12px;/*オーバーレイフォント*/
border-top: solid 0px #CCC;
padding: 5px 10px;
}
table#mfp_confirm_table tr td {line-height: 1em;}

div#mfp_thanks {
text-align: center;
font-size: 18px;
padding: 20px 0px;
}
div#mfp_thanks strong {
color: #C00;
font-size: 24px;
display: block;
}

* {word-break: break-all; white-space: normal;}
div#wrapper {
border-radius: 0px;
padding: 20px;
margin: 0px;
width: 100%;
box-shadow: none;
border: none;
}
div#wrapper div#container form#mailformpro dl dt {padding: 10px 0 5px 10px;}
/* form ===========================*/








}