@charset "utf-8";

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

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

.inner88 {width:98%;
margin: 0 auto 0;
padding: 0;}
.inner88:after{content: "";
display: block;
clear: both}


/*==========================================
 Header
===========================================*/
header {width: 100vw; height: 70vh;
text-align:center;
background-image: url(../header_imges/main_bg-tb-mo.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center bottom;
-webkit-scroll-behavior: smooth;
scroll-behavior: smooth;
-webkit-scroll-snap-type: mandatory;
scroll-snap-type: mandatory;
-webkit-scroll-snap-points-y: repeat(100vh);
scroll-snap-points-y: repeat(100vh);
}

header h1 {display: none;}
header p {margin: 22px auto 0;}
header img{max-width: 88%; height: auto;}

/*==========================================
 header_menu
===========================================*/
.header-share li a{margin: 0 1%; padding: 18px 0; font-size: 1.2em;}
.header-share .fas{display: none; margin:0px;}
.header-share .fab{display: none; margin:0px;}
.header-share .far{display: none; margin:0px;}

/*==========================================
 Contents-arrow001
===========================================*/
.contents-arrow001 h2 {font-size: 1.08em;}

/*==========================================
 related_stage-content
===========================================*/
.related_stage-content h4 {font-size: 1.2em; etter-spacing:1px;}
.related_stage-content h4 span {margin: 0 2px; padding: 2px;}

.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-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_stage-content .eria-left_border {float: none; width: 100%; margin:0 auto; padding:0 0.5%;}
.related_stage-content .eria-right_border {float: none; width: 100%; margin:8px auto; padding:0 0.5%;}

/*==========================================
 Contents-3col 
===========================================*/
.contents-3col ul li {width: 98%; margin: 0.5% auto;}
.contents-3col ul li h3 {margin:8px 4px; font-size: 1em;}
.contents-3col ul li h3 span{display: none;}
.contents-3col ul li img{display: none; margin:0; padding:0;}
.contents-3col ul li p {font-size: 1em;}

/*==========================================
 Related_stage000 
===========================================*/

/*==========================================
 Related_stage001
===========================================*/
.related_stage001 p {font-size: 0.8em;}
.related_stage001 h6 {font-size: 0.8em;}
.related_stage001 .ti_l_eria {width: 48%; float:left; margin:0.5% 0.5% 0; padding:0; border:solid 1px #cccccc; background-color: #ffffff;}
.related_stage001 .ti_r_eria {width: 48%; float:right; margin:0.5% 0.5% 0; padding:0; border:solid 1px #cccccc; background-color: #ffffff;}
/*
.related_stage001 .ti_l_eria {width: 98%; float:none; margin:0.5% 0.5% 0; padding:0.25%; border:solid 1px #cccccc; background-color: #ffffff;}
.related_stage001 .ti_r_eria {width: 98%; float:none; margin:0.5% 0.5% 0; padding:0.25%; border:solid 1px #cccccc; background-color: #ffffff;}*/



/*==========================================
 Contents-menuwrrap
===========================================*/
.contents-menuwrrap .ti_l_eria {width: 88%; float:none; margin:0 5% 0; padding:0 0.5%;}
.contents-menuwrrap .ti_r_eria {width: 88%; float:none; margin:1% 5% 0; padding:0 0.5%;}

/*==========================================
 info-3col
===========================================*/
.info-3col {margin: 28px auto 0; padding: 48px 0;}
.info-3col ul li {width: 98%; margin: 1%;}
.info-3col ul li h3 span{display: none;}


/*==========================================
 footer
===========================================*/
#footer {padding: 48px 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: 14px 0;}
.footer_nav li a:hover{background-color: #cccccc;}
.footer_nav li:first-child a {border-top: 1px solid #ffffff;}
#footer .inner 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: 0; background: none;}
.company li a {display: block; padding: 14px 0; border-bottom: 1px solid #ffffff;}
.company li a:hover{background-color: #cccccc;}
.company li:nth-child(odd) a {border-right: 1px solid #ffffff;}

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;
z-index: 7777;
margin:0 auto; padding: 2px 0;
text-align: left;
background-color: #d8221f;
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:2px 0; font-size:0.8em;}
#footer_fixedarea .fas{color:#ffffff; margin:2px 0; font-size:2em;}

#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;}

/*==========================================
 subContainer
===========================================*/
#subContainer {
left: -250px;
top: 0;
z-index: 9999;
width: 250px;
height: 100%;
background-color: rgba( 62, 58, 57, 0.8);
-webkit-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
behavior: url(PIE.htc);}






/*=========================================
 Style_design css
===========================================*/
/* share-rev -------------------------------------------------------------*/
.share-rev li a{font-size: 0.98em;}
/*.share-rev li{float:none; width:98%;}*/
/* share-rev3 -------------------------------------------------------------*/
.share-rev3 li a{font-size: 0.8em;}
.share-rev3 li{float: left;width:50%;}
/* ovlight-img4------------------------------------------------------------*/
.ovlight-img4{margin: 0 auto 18px; padding:0px; font-size: 0.9em;}
.ovlight-img4 li{float: left; width: 48%; margin: 0 auto; padding:0.25%;}
/* ovlight-img3------------------------------------------------------------*/
.ovlight-img3{margin: 0 auto 18px; padding:0px;}
.ovlight-img3 li{float:none; width:100%; padding:0.25%;}
/* ovlight-img3-text------------------------------------------------------------*/
.ovlight-img3-text{margin: 0 auto; padding:0px;}
.ovlight-img3-text li{float:none; width:100%; padding:0.25%;}
/* ovlight-img2-text------------------------------------------------------------*/
.ovlight-img2-text{margin: 8px auto; padding:0px;}
.ovlight-img2-text li{float:none; width:100%; margin: 0; padding:0.5% 0.25%;}

/* header-share -------------------------------------------------------------*/
.header-share li{float: none; width:100%;}


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












}/*** media screen ****************************************/