@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
#mainContents {width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 1;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.section_inner {width: 90%; margin: 0 auto; height: auto; max-width: 1400px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#sectionTitle {
font-weight: 600;
color: #050505;
line-height: 140%;
letter-spacing: 2px;
position: relative;
z-index: 1;
font-family:  'DIN_A',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}
#sectionTitle span {color: #8da1b9; font-weight: 600;}
#uLline{
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background: #004ea2;
}

#sectionHeadline {font-weight: 600; line-height: 140%;padding: 0 1.4em;}


/*=========================================================================
HEADER
=========================================================================*/
#Header {
background: #fff;
width: 100%;
display: block;
margin: 0 auto;
z-index: 99;
position: fixed;

-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#Header.active {
-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-o-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
box-shadow: 0px 3px 6px rgba(0,0,0,.2);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#headerBody {width: 94%; height: auto; margin: 0 auto; max-width:1400px; position: relative; z-index: 1;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#headLogo img, #headLogo a {width: 100%; height: auto;display: block;}
#headLogo {
position: absolute;
left: 0;
top: 50%;
z-index: 9;
margin: auto;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#headLogo a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {height: auto;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList {list-style-type: none;}
ul#naviList li {height: auto; line-height: 100%;}
ul#naviList li a {text-decoration: none; color: #1a1a1a; font-weight: 600; position: relative; overflow: hidden; z-index: 1;}
ul#naviList li a:hover {color: #074695;}


/*=========================================================================
HEADER：REGION NAVI
=========================================================================*/
#selectLanguage {
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#regionMenu {color: #074695; }
dl#regionMenu dt, dl#regionMenu dd {line-height: 100%; width: 100%; height: auto;}
dl#regionMenu dt {
text-align: center;
font-weight: 600;
cursor:  pointer;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
dl#regionMenu dt span {line-height: 100%;}

dl#regionMenu dd {display: none; position: absolute; left: 0; border-top: 0;}
dl#regionMenu dd ul {
list-style-type: none;
background: #fff;
border: 1px solid #074695;

-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-o-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
box-shadow: 0px 3px 6px rgba(0,0,0,.2);
}


dl#regionMenu dd ul li {
line-height: 120%;
border-top: 1px solid #ddd;
font-weight: 600;
font-family:  'DIN_A',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}
dl#regionMenu dd ul li:first-of-type {border-top: 0;}
dl#regionMenu dd ul li a {display: block; width: 100%; height: auto; color: #074695; text-decoration: none;}
dl#regionMenu dd ul li a:hover {color: #fff; background: #074695;}




/*=========================================================================
FIRST VIEW
=========================================================================*/
#section_firstView {width: 100%;margin: 0 auto;height: auto;overflow: hidden; padding: 0; z-index:2; position: relative;}


/*-------------------------------------------------------------------------------------------------------------------------- */
ul#view_photoList {list-style-type: none; letter-spacing: -.4em;}
ul#view_photoList li {
letter-spacing: 0;
vertical-align: top;
display: inline-block;
height: auto;
position: relative;
z-index: 1;
}
ul#view_photoList li a,
ul#view_photoList li img {width: 100%; height: auto; display: block;}

/*------------------------------------------------------------------------------------------------------------------ */
.swiper-slide-active .catch_photo,
.swiper-slide-duplicate-active .catch_photo,
.swiper-slide-prev .catch_photo{
animation-name: Blur;
animation-duration:2s;
animation-timing-function: ease;
animation-fill-mode:both;
animation-delay: .8s;
}

/*------------------------------------------------------------------------------------------------------------------ */
ul#view_photoList li a {display: block; width: 100%; height: auto;}
ul#view_photoList li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*=========================================================================
BELT BLOC
=========================================================================*/
#beltBloc {background: #074695; color: #fff; overflow: hidden;}

/*------------------------------------------------------------------------------------------------------------------ */
dl#fv_contactData {width: 94%; height: auto;  margin: 0 auto; max-width: 1200px;}
dl#fv_contactData:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

/*------------------------------------------------------------------------------------------------------------------ */
dl#fv_contactData dt , dl#fv_contactData dd {
height: auto;
line-height: 100%;
font-family:  'DIN_A',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

dl#fv_contactData dt {font-weight: 600; color: #b0e0fc; line-height: 140%;}
dl#fv_contactData dt span {vertical-align: bottom; display: inline-block; letter-spacing: 0; font-weight: 600;}

dl#fv_contactData dd {text-align: center; line-height: 100%;}

/*------------------------------------------------------------------------------------------------------------------ */
dl#fv_contactData dd a {
text-decoration: none;
color: #fff;
font-weight: 600;
border: 1px solid #1971cc;
background: #1971cc;
}
dl#fv_contactData dd a:hover {color: #1971cc; background: #fff; border-color: #1971cc;}


/*------------------------------------------------------------------------------------------------------------------ */
#beltBloc.bottom {background: #1570cd;}

#beltBloc.bottom dl#fv_contactData {width: 90%; }
#beltBloc.bottom dl#fv_contactData dt {color: #fff;}
#beltBloc.bottom dl#fv_contactData dt span {color: #bfc4ca;}




/*=========================================================================
ABOUT US
=========================================================================*/
#about_infoBody {position: relative; z-index: 1; }

ul#about_infoList {
list-style-type: none;
letter-spacing: -.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;	
}
ul#about_infoList li {height: auto; background: #fff;}

/*------------------------------------------------------------------------------------------------------------------ */
#aboutPhoto, #aboutPhoto img, #aboutPhoto a {width: 100%;height: auto; display: block;}
#aboutPhoto a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

/*------------------------------------------------------------------------------------------------------------------ */
#aboutNotes { line-height: 180%;}

#aboutHeadline {line-height: 140%; font-weight: 600; margin-bottom: 15px;}


/*=========================================================================
PRODUCTS
=========================================================================*/
#Cover {background: #f4f4f4;}


/*=========================================================================
BOTTOM LINK BOX
=========================================================================*/
ul#bottom_bannerList {list-style-type: none; width: 70%; max-width:500px; height: auto; margin: auto;}
ul#bottom_bannerList li {height: auto; margin: auto !important; }
ul#bottom_bannerList li a, ul#bottom_bannerList li img {width: 100%; height: auto; display: block;}

ul#bottom_bannerList li a {-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.4); box-shadow: 1px 1px 8px rgba(0,0,0,.4);}
ul#bottom_bannerList li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*=========================================================================
FOOTER
=========================================================================*/
#Footer {background: #074695; color: #fff; width: 100%; height: auto; margin: 0 auto;}

/*------------------------------------------------------------------------------------------------------------------ */
#accessBloc {margin: 0 auto; max-width: 1200px; height: auto;}

ul#access_infoBox {list-style-type: none;}
ul#access_infoBox li {height: auto;}

#mapBox {position: relative; z-index: 1; overflow: hidden; }
#mapBox iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: auto; z-index: 1;}

/*------------------------------------------------------------------------------------------------------------------ */
#accessAdd {line-height: 140%; font-weight: 600;}
#accessAdd a {color: #fff; text-decoration: none; pointer-events: none;}
/*------------------------------------------------------------------------------------------------------------------ */
dl#companyData {letter-spacing: -.4em; margin: 0 auto;}

dl#companyData dt, dl#companyData dd {letter-spacing: 0; vertical-align: top; display: inline-block; line-height: 140%; font-weight: 600;}

/*------------------------------------------------------------------------------------------------------------------ */
#copyBox {margin: 0 auto; width: 100%; height: auto; line-height: 140%; text-align: center;}
#footLogo {width: 30%; max-width: 60px; margin: 0 auto; height: auto;}
#footLogo img {width: 100%; height: auto; display: block;}

#Copy {
line-height: 120%;
font-family:  'DIN_A',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}