@charset "utf-8";

body { font: 14px/1.8 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;
  font-weight: 500; margin:0; padding: 0; background: #FFF; color:#444; -webkit-text-size-adjust: 100%;}

a{color:#777;}
a:hover{color:#999;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0; -ms-interpolation-mode: bicubic; }
/*.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}
*/

/*******************************
全体幅
*******************************/
#container, .inner{
margin: 0 auto;
width: 960px;
}


/*******************************
/* ヘッダー
*******************************/
#header{position:relative; margin: 0 0 10px; }
  #header img { vertical-align: bottom; }
  #header .col-l { width: 400px; }
    #header .head-lead { margin: 10px 0 0px; font-size: 13px; }
  #header .col-r { width: 296px; margin: 10px 0 0; }
    #header .head_tel  {}


/************************************
/* メインナビゲーション
************************************/

#mainnav_outer{ height: 62px; background:url(../images/common/menu_bg.jpg) 0 0 repeat-x; }
ul#mainnav{margin: 0 auto; width: 960px; height: 62px; }

ul#mainnav li{float:left;}


/*******************************
コンテンツ位置
*******************************/
#container{
padding: 20px 0;
margin: 0 auto 40px;
}

#main {
width: 100%;
padding-bottom:40px;
}

#sidebar {
width: 100%;
padding-bottom:40px;
}

#sidebar .sidebar_elem {}
  #sidebar ul { margin-left: -10px; display: flex; justify-content: center;}
  #sidebar li { width: calc(100% / 4 - 10px); margin-left: 10px; }
  #sidebar li img { width: 100%; vertical-align: bottom; }
#top #sidebar li:last-child { display: none; }


/*************************
/* ボックス
*************************/

/*#sidebar .box1{
width:209px;
margin: 0 0 20px;
padding: 10px 7px;
border:1px solid #dadada;
background: #fff;
}
*/
.box2{ margin:0 0 40px 0;border:1px solid #dadada; background: #fff; }
.box2.no-border {border: none;}

.box2_inner {padding: 10px 10px; display: flex; justify-content: space-between; align-items: center;}
.indimg { width: 400px;}
.indimg img { width: 100%;}
.indtextwrap { width: calc(100% - 400px - 40px); padding-right: 20px; box-sizing: border-box;}
#main section:nth-child(2n) .box2_inner { flex-direction: row-reverse;}
#main section:nth-child(2n) .indtextwrap { padding-right: 0; padding-left: 20px;}

/*.box2 p{padding: 10px 10px 0px 10px;}*/

/*
#date {
text-align: right;
padding-right: 5px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}
*/

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 10px 10px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 10px 10px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}


/*************
/* 見出し
*************/

#container h2{
padding: 0 5px 0 10px;
line-height:50px;
font-size: 20px;
font-weight: bold;
color:#383838;
letter-spacing: 3px;
border-bottom: 0px solid #dddddd;
background:url(../images/common/h2Bg.png) repeat-x;
background-size: auto 100%;
}

#container h3{
font-size: 15px;
font-weight: bold;
color:#00326B;
padding:0 0 5px 27px;
position: relative;
letter-spacing: 1px;
}

#container h3:after {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20px;
  height: 4px;
  background-color: #00326B;
}
/*
.top_heading{
padding: 0 5px 0 15px;
line-height:37px;
font-size: 12px;
font-weight: normal;
color:#ffffff;
background:url(../images/common/h2Bg.png) no-repeat 0 100%;
}
*/

/*************
/* リスト
*************/
/*
#container ul{margin-left: 5px;}

#container ul li, #footerUpper ul li{
list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background:url(../images/common/bullet.gif) no-repeat 0 5px;
}

#sidebar ul{margin-left:3px;}
*/

/*************
サイド（右側）コンテンツ
*************/
/*
#sidebar p{margin-bottom:20px;}
#sidebar ul{margin-bottom:10px;}
*/

/*******************************
/* フッター
*******************************/
#footerUpper{font-size:13px; clear:both; padding: 20px 0; overflow: hidden; background:#F6F3EB; height: 60px; line-height: 60px; border-top:solid 1px #eee; }

/*
#footerUpper .inner .box{
float: left;
width: 210px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}
*/

#footerUpper .inner .box {overflow: hidden; position: relative;}
#footerUpper ul {float: left; margin: 0 0 0 0; padding: 0; position: relative; left: 50%;}
#footerUpper ul li{ padding: 0 0 0 10px; float:left; margin-right: 90px;position: relative; left: -50%;}
#footerUpper ul li:last-child { margin-right: 0; }
#footerUpper ul li a { text-decoration: none; color: #000; }
#footerUpper ul li a:hover { color: #999; }

#footerLower{
clear:both;
padding: 10px;
text-align:center;
background:#000;
}

#footerLower a {color: #fff; text-decoration: none;}

address{
color: #fff;
font-style:normal;
font-size:10px;
}



/*******************************
/* ページ
*******************************/

ul.image_lists {}
  ul.image_lists li {float:left; margin-right: 9px;}
  ul.image_lists li:nth-child(3n) { margin-right: 0;}
/* index */

.indsliderwrap { clear: both; position: relative;}
.indslidertxt { max-width: 922px; width: calc(100% - 40px); position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2;}
.indslidertxt img { width: 100%; height: auto;}
#indslider img { width: 100%; height: auto;}

.ind_content_link { margin: 30px 0 0; color: #333;  text-align: right;}
.ind_content_link a { padding: 10px; border-radius: 5px; color: #333; text-decoration: none; background: #f5f5f5; }
.ind_content_link a:hover { color: #999; }

.ind_text01 { font-size: 18px; font-weight: bold; margin: 0 0 10px; }

.indjaccawrap { margin-bottom: 40px; padding: 20px; padding-bottom: 10px; display: flex; background: #f5f5f5;}
.indjaccaimg {}
.indjaccatxtwrap { padding-left: 20px;}
.indjaccamid { font-weight: bold;}
.indjaccatxt { font-size: 12px;}

/* about */

table.company_abaoutTable{ width:100%; margin: 0 0 40px; }
  table.company_abaoutTable th { padding:20px 30px; border-bottom: solid 1px #E5E5E5;}
  table.company_abaoutTable td { padding:20px 30px; border-bottom: solid 1px #E5E5E5;}


/* business */



/* eq-resist */

.eq-resist_contact { width: 250px; height: 60px; line-height: 60px; position: relative; font-size: 16px; margin: 30px auto; }
  /*.eq-resist_contact_inner { width: 100%; height: 100%;}*/
.eq-resist_contact a { display: block; border: solid 2px #00326B;  width: 100%; height: 100%; background: #00326B; color: #fff; text-decoration: none; }
.eq-resist_contact a:hover {border: solid 2px #00326B; background: #fff; color:#00326B; font-weight: bold; }
.eq-resist_contact a p { padding: 0 0 0 25px; }
.eq-resist_contact i.fa { position: absolute; top: 25px; right: 10px;  }

.eq-resist_checklist { color: #905703; margin: 20px 0;}
.eq-resist_checklist_title { font-weight: bold; margin: 0 0 5px; }
.eq-resist_checklist_inner { border: solid 5px #E9DAC5;  background:#F7F1E9;  }
.eq-resist_checklist ul { margin: 15px 25px; }
.eq-resist_checklist li { float:left; width: 33%; }


.contfrm { margin: 30px 25px; }
.contfrm .hissu { color: #c00; }
table.inqtable { width: 100%; margin: 0 0 40px; border-top: solid 1px #e0e0e0; }
table.inqtable th { padding: 20px 30px; border-bottom: solid 1px #e0e0e0; }
table.inqtable td { padding: 20px 30px; border-bottom: solid 1px #e0e0e0;}
  table.inqtable td input[type="text"] , table.inqtable td textarea { border: solid 1px #ccc; padding: 5px 7px; width: 100%; }
  table.inqtable td input.inputW_short { width: 100px; }

.submitbtm { margin: 40px auto; text-align: center; }
.submitbtm button       { background: #00326B; color: #ffffff; padding: 15px 60px; margin: 0; border: solid 2px #00326B; font-size: 18px; cursor: pointer; }
.submitbtm button:hover { background: #ffffff; color: #00326B; font-weight: bold; }
  .submitbtm button p {}
  .submitbtm button p span { letter-spacing: 1.5em;  }

.error_box {
width:100%; width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: calc(100% - 24px);
text-align:left;
background:#FFF;
border:1px solid #C50000;
color:#C50000;
display:none;
margin:35px 0;
padding:8px 12px;
}


/* 追加css */
.flex_50_wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex_50_wrap li{width: 48.5%;}
.flex_50_wrap li img{width: 100%;}

.flex_30_wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex_30_wrap li{width: 31.25%; margin-bottom: 3.125%;}
.flex_30_wrap li img{width: 100%;}
.flex_30_wrap li:nth-child(4),
.flex_30_wrap li:nth-child(5),
.flex_30_wrap li:nth-child(6){margin-bottom: 0;}
.fn16{font-size: 16px;}

.noFlex{display: block;}