@charset "utf-8";

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

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

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

/* contentCSS 共通===========================================*/
.site-header h1 {margin: 0 auto 0; padding: 0; color: #ffffff; font-size: 1.4em; }
.site-header h1 span{display: none; margin: 0; padding:0;}
.site-header p {display: none;}

/*==========================================
 topCSS
===========================================*/
/* codropsheader -----------------------------------------*/
.codropsheader {background-image: url("../images/bkg/codropsheader_tb-mo_bg.jpg");
/*background-size: contain;*/
background-size:cover;
background-repeat: no-repeat;
background-position:top left;
/*background-attachment:fixed;*/}
.codropsheader img{max-width: 80%; height: auto;}

/* related_stageheader ------------------------------------*/
.related_stageheader {}
/* related_stage000 ---------------------------------------*/
.related_stage000 p br{display: block;}
.related_stage000 h2 span {display: block; font-size: 0.88em; padding-left: 0px;}
.related_stage000 .eria-left {float:none; width: 100%; margin:0 auto; padding:0 0.5%;}
.related_stage000 .eria-right {float:none; width: 100%; margin:0 auto; padding:0 0.5%;}
/* related_stage001 ---------------------------------------*/
.related_stage001 .eria-left {float: none; width: 100%; margin:0 auto; padding:0.25%;}
.related_stage001 .eria-right {float: none; width: 100%; margin:0 auto; padding:0.25%;}
/* related_stage002 ---------------------------------------*/
.related_stage002 h2 span {display: block; font-size: 0.88em; padding-left: 0px;}
.related_stage002 .eria-left-top {float: none; width: 100%; margin:0 auto; padding:0 0.25%;}
.related_stage002 .eria-right-top {float: none; width: 100%; margin:0 auto 0; padding:0 0.25%;}
.related_stage002 .eria-left {float: none; width: 100%; margin:0 auto; padding:0.25%;}
.related_stage002 .eria-right {float: none; width: 100%; margin:18px auto 0; padding:0.25%;}

/*==========================================
 contentCSS
===========================================*/
/* related_stage-content -------------------------*/
.related_stage-content h2 {margin:18px auto 0; color: #333333;}
.related_stage-content .eria-left {float: none; width: 100%; margin:0 auto; padding:0 0.5%;}
.related_stage-content .eria-right {float: none; width: 100%; margin:0 auto; padding:0 0.5%;}
.related_stage-content .eria-left_border {float: none; width: 100%; margin:18px auto;}
.related_stage-content .eria-right_border {float: none; width: 100%; margin:18px auto;}
/* related_stage-content-3column ---------------------------------------*/
.related_stage-content-3column .eria-col {float: left; width: 95%; margin:0 2% 5%; padding:1% 0.5%; box-shadow: 1px 1px 8px #888888; border:solid 1px #cccccc;}

/*==========================================
 footer
===========================================*/
#footer {background-image: url("../images/bkg/footer_tbios_tb_mo_bg.jpg");
/*background-size: contain;*/
background-size:cover; background-repeat: no-repeat; background-position:center bottom; padding:0;}
.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: 0; width: 100%; border-bottom: 1px solid #ffffff;}
.footer_nav li a {display: block; padding: 10px 0;}
.footer_nav li a:hover{background-color: #17a4a4; color: #ffffff;}
#footer hr {display: none;}
.company_nav {overflow: hidden; width: 100%; float: none;}
.company_nav ul{margin: 0; padding: 0; list-style: none}
.company_nav li {float: left; width: 50%; margin:0 auto; padding: 0; background: none;}
.company_nav li a {display: block; padding: 10px 0; border-bottom: 1px solid #ffffff;}
.company_nav li a:hover{background-color: #17a4a4; color: #ffffff;}
.company_nav li:nth-child(odd) a {border-right: 1px solid #ffffff;}
address {display: none;}

/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {position: fixed; /* 固定 */
bottom: 0; /* 一番下に表示 */
width: 100vw;
z-index: 8888;
margin:0 auto; padding: 2px 0;
text-align: left;
background-color: #3d596e;
color: #ffffff;
border-top:1px solid #ffffff;}
#footer_fixedarea span {vertical-align:middle; padding-left:3px; font-size: 1em;}
#footer_fixedarea p{color:#ffffff; margin:1px 0;}
#footer_fixedarea .fas{color:#ffffff; margin:1px 0; font-size:2.5em;}
#footer_fixedarea .fab{color:#ffffff; margin:1px 0; font-size:2.5em;}
#footer_fixedarea .fa-solid{color:#ffffff; margin:1px 0; font-size:2.5em;}
#footer_fixedarea .eria {float: left; width: 33.3%; margin:0 auto 0; padding:0; text-align:center;}

#footer_fixedarea .l_eria {float: left; width: 48%; margin:0 auto 0; padding:0; text-align:center;}
#footer_fixedarea .r_eria {float: right; width: 48%; margin:0 auto 0; padding:0; text-align:center;}
#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;}


/*=========================================
 Style_design css
===========================================*/
.none-pc_tbios{display: none; padding:0; margin:0;}
.eria-cl{text-align:left;}
ul.list span{display: block;}
ul.listdesign_00 span{display: block;}
ul.listh3{list-style:none; margin:0 0 18px 8px; padding:0;}

/* btn-main-black50 ======================================*/
a.btn-main-black50{width: 80%; margin: 8px auto 0; padding: 8px;}
/* ------------------------------------------------------------*/
.ovlight-text3{margin: 4px auto;}
.ovlight-text3 li{float: none;  margin: 4px 10%; padding: 0; width: 80%}
/* ------------------------------------------------------------*/
ul.listdesign_01-com{list-style:none; margin:0 auto; padding:0;}
ul.listdesign_01-com li{float: none; width: 100%;}
ul.listdesign_02-com{list-style:none; margin:0 auto; padding:0;}
ul.listdesign_02-com li{float: none; width: 100%;}
/* img-left --------------------------------------------*/
.img-left img{float: none; margin: 0 auto; text-align: center;}
/* img-right --------------------------------------------*/
.img-right img{float: none; margin: 0 auto; text-align: center;}
/* 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: 30px 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;}
.table_info th.r {text-align:left;}
.table_info span{display: block;}
/* table_price ============================*/
.table_price{width: 100%; margin:0px auto;}
.table_price thead{display: none;}
.table_price tbody{display: block;}
.table_price tr{display: block; margin: 30px auto; border:solid 1px #dddddd;}
.table_price td{display:list-item; border: none; margin: 0 auto; padding:4px; list-style-type: none; background-color:#fafcfc;}
.table_price th{display:list-item; border: none; margin: 0 auto; padding:4px; list-style-type: none; background-color:#fafcfc;}
.table_price td.r {text-align:left;}
.table_price th.r {text-align:left;}
.table_price th.w3_1com {width: 100%;}
.table_price td.w3_1com {width: 100%;}

/*.table_price span{display: block;}*/

/**--table_price-con ---------------------------------------------**/
.table_price-con{width: 100%;}
.table_price-con td{font-weight: normal; padding:8px 2px; /*border-bottom: 0px solid #cccccc;*/ color: #333333;}
.table_price-con th{font-weight: normal; padding:8px 2px; border-bottom: 1px dashed #cccccc; color: #333333;}



/*==========================================
 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;}



}