@charset "utf-8";

@media screen and (min-width:481px) and (max-width:768px) {
/*html {font-size: 0.98em;}*/

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

/*========= loading ===============*/
#splash-logo {font-size: 1.5rem;}

/* footer ************************************/
#footer .footer-r .companyprofile{display: flex; justify-content: center;}

/*==========================================
 contentCSS
===========================================*/
/* related-title ---------------------------------------*/
.related-title {text-align:center; margin:122px auto 0; padding:0;}
.related-title h4 {font-size: 1.1em;}

/* related_stage-contents ------------------*/
.related_stage-contents .eria-left {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-left-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-left-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-left_border {float: none; width: 98%; margin:8px 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right_border {float: none; width: 98%; margin:8px 1%; padding:0 0.5% 8px;}
.related_stage-contents h3 {font-size: 1.2em;}
.related_stage-contents h3 span {font-size: 0.8em; display: block;}

/*==========================================
 footer
===========================================*/
#footermenu {padding:0 0 188px; border-top: 1px solid #ffffff;}
.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: #4eb0cd; color: #ffffff;}
.company_nav li:nth-child(odd) a {border-right: 1px solid #ffffff;}
address {float: none; text-align:center; margin: 18px auto; padding: 0;}
/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {position: fixed; /* 固定 */
bottom: 0; /* 一番下に表示 */
width: 100vw;
z-index: 1000;
margin:0 auto; padding: 18px 0;
text-align: center;
background-color: #192e5f;
color: #ffffff;
border-top:1px solid #ffffff;
vertical-align:baseline;}
#footer_fixedarea span {/* padding-left:3px; font-size: 1em;*/}
#footer_fixedarea p{color:#ffffff; margin:1px 0; line-height:1;/* font-size:0.8em;*/}
#footer_fixedarea i{color:#ffffff; margin:auto 18px; }


/*=========================================
 Style_design css
===========================================*/
/* img-right ---------------------------------------*/
.img-right{padding:0; margin:8px auto; text-align: center;  /*border:solid 1px #cccccc;*/}
.img-right img{float: none; margin: 0 auto 22px; vertical-align: top;}
.img-right p{text-align: left;}

/* img-left --------------------------------------------*/
.img-left{padding:0; margin:8px auto; text-align: center;  /*border:solid 1px #cccccc;*/}
.img-left img{float: none; margin: 0 auto 18px; vertical-align: top;}
.img-left p{text-align: left;}

/* ul.listdesign_01 --------------------------------------------*/
ul.listdesign_01 li{font-size:1.1em;}
/* ovlight-img3 3カラム------------------------------------------------------------*/
.ovlight-img3 li:nth-child(1) {float: left; margin:0; padding:0.5%; width: 50%;}
.ovlight-img3 li:nth-child(2) {float: left; margin:0; padding:0.5%; width: 50%;}
.ovlight-img3 li:nth-child(3) {float: left; margin:0; padding:0.5%; width: 50%;}

/* ovlight_4-text 4カラム------------------------------------------------------------*/
.ovlight_4-text li{float: left; margin:0; padding:0.25%; width: 50%;}
/* ovlight_4-img 4カラム------------------------------------------------------------*/
.ovlight_4-img li{float: left; margin:0; padding:0.5%; width: 50%;}

/* ovlight_2works 2カラム------------------------------------------------------------*/
.ovlight_2works li:nth-child(1) {float: none; margin:0 auto 5%; padding:1% 0.5%; width: 100%;}
.ovlight_2works li:nth-child(2) {float: none; margin:0 auto 5%; padding:1% 0.5%; width: 100%;}
.ovlight_2works h5 {font-size: 1.08em;}
.ovlight_2works h5 span{display: block;}

/**--table_info ---------------------------------------------**/
.table_info{width: 98%;}
.table_info thead{display: none;}
.table_info tr{display: block; margin: 18px auto; width: 100%;}
.table_info th,.table_info td{display:list-item; border: none;}
.table_info th{margin: 0; padding:2px 8px; list-style-type: none; border-top: 1px solid #cccccc; background-color:#dddddd;}
.table_info td{margin: 0 auto 4px; 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 ===========================*/



}