@charset "utf-8";

/*-----------------------------------------------------------------------------------------
	common
-----------------------------------------------------------------------------------------*/
#contents { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/*#contents a img { display:inline-block; -webkit-transition:0.4s opacity; -moz-transition:0.4s opacity; transition:0.4s opacity; }*/
#contents a:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.sns { width:1000px; margin:-75px auto 0 auto; }
.sns ul { position:relative; top:-15px; z-index:100; float:right; }
.sns ul li { display:inline-block; vertical-align:top; padding-left:10px; }
.sns ul li:first-child { padding-left:0; }


/*-----------------------------------------------------------------------------------------
	slick
-----------------------------------------------------------------------------------------*/
.slider { margin-bottom:0 !important; }
.arrow { position:absolute; top:50%; width:1000px; margin:0 150px; }
.arrow .prev,
.arrow .next { position:absolute; z-index:1; width:44px; height:44px; cursor:pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.arrow .prev { left:0; }
.arrow .next { right:0; }

.main-container { position:relative; width:100%; min-width:1000px; max-width:1300px; margin:0 auto; overflow:hidden; }
.main-container .silde-contents { position:relative; min-width:1000px; max-width:1300px; height:440px; margin:0 auto; overflow:hidden; }

.lineup-container { position:relative; width:100%; min-width:1000px; max-width:1300px; margin:0 auto; border-top:1px solid #e5e5e5; }
.lineup-container .silde-contents { position:relative; height:377px; overflow:hidden; }
.lineup-container .silde-contents .slider img { display:block; margin:0 auto; }

.lineup-container .thumb { position:relative; margin-top:-30px; }
.lineup-container .thumb .item { text-align:center; }
.lineup-container .thumb .item li { display:inline-block; vertical-align:top; cursor:pointer; }
.lineup-container .slick-slide { opacity:.5; }
.lineup-container .slick-slide.slick-current { opacity:1; }

/*.lineup-container a { display:block; position:relative; color:#333; }
.lineup-container a .bg { display:block; position:absolute; left:0; }
.lineup-container a .spec { display:block; position:absolute; left:70px; top:180px; z-index:2; }
.lineup-container a .spec .icon { display:table-cell; vertical-align:top; padding-right:10px; }
.lineup-container a .spec .icon img { width:auto; min-width:99px; max-width:99px; }
.lineup-container a .spec .list { display:table-cell; vertical-align:middle; }
.lineup-container a .spec .list li { position:relative; margin-top:5px; padding-left:1em; font-size:12px; line-height:1.6; }
.lineup-container a .spec .list li:before { content:"-"; position:absolute; left:0; display:block; }
.lineup-container a .price { display:block; position:absolute; left:70px; top:305px; z-index:2; font-size:36px; font-weight:bold; line-height:1.4; }
.lineup-container a .price span { font-size:12px; font-weight:normal; }*/


/*-----------------------------------------------------------------------------------------
	about
-----------------------------------------------------------------------------------------*/
.about_area { width:100%; min-width:1000px; padding:55px 0; background-color:#005bac; }
.about_area .body { width:1000px; margin:0 auto; }
.about_area .body .ttl { }
.about_area .body .lead01 { margin-top:40px; }
.about_area .body .btn01 { margin-top:40px; text-align:center; }

/*-----------------------------------------------------------------------------------------
	scene00
-----------------------------------------------------------------------------------------*/
#scene00 {  width:1000px; margin: 110px auto 0; background: url(/safety/img/scene00/eyesight_waku.jpg); text-align: center; }
#scene00 .body{ padding: 5px; }
#scene00 .body_in{ position:relative; background-color: #fff; padding-bottom: 40px; }
#scene00 .d1{ position:absolute; top: -60px; left: 145px; }
#scene00 .d2{ padding-top: 90px; }
#scene00 .d3{ margin: 30px 0 40px; color: #777; }
#scene00 .d3 p{ line-height: 1.8; margin-bottom: 10px;}
#scene00 .d3 p.txt{ font-size: 130%; }
#scene00 .d3 p.txt sup{ font-size: 8px; }
#scene00 .d4{ margin-top: 40px; }
#scene00 .d4 a:hover img { opacity:0.7; filter:alpha(opacity=70); }
#scene00 .d4 p{ margin-top: 10px; }


/*-----------------------------------------------------------------------------------------
	tech
-----------------------------------------------------------------------------------------*/
.tech_area { width:100%; min-width:1000px; padding:55px 0; }
.tech_area .body { width:1000px; margin:0 auto; }
.tech_area .body .tech_list { margin-top:35px; text-align:center; }
.tech_area .body .tech_list li { display:inline-block; vertical-align:top; padding:0 5px; }
.tech_area .body .tech_list li dl { }
.tech_area .body .tech_list li dl dt { }
.tech_area .body .tech_list li dl dd { margin-top:10px; }
.tech_area .body .btn01{ margin-top:40px; text-align:center; }
.tech_area .body .btn01 a:hover img,
.tech_area .body .tech_list li a:hover img { opacity:0.7; filter:alpha(opacity=70); }


/*-----------------------------------------------------------------------------------------
	innovation
-----------------------------------------------------------------------------------------*/
.innov_area { width:100%; min-width:1000px; padding:55px 0; border-top:1px solid #e5e5e5; background-color:#f8f8f8; }
.innov_area .body { width:1000px; margin:0 auto; }
.innov_area .body .catch01 { }
.innov_area .body .ttl { margin-top:45px; }
.innov_area .body .txt01 { margin-top:30px; font-size:16px; text-align:center; line-height:1.8; }
.innov_area .body .btn01 { margin-top:40px; text-align:center; }
.innov_area .body .btn01 a:hover img { opacity:0.7; filter:alpha(opacity=70); }


/*-----------------------------------------------------------------------------------------
	jncap
-----------------------------------------------------------------------------------------*/
.jncap_area { width:100%; min-width:1000px; padding:55px 0;}
.jncap_area .body { width:1000px; margin:0 auto; }
.jncap_area .body .catch01 { }
.jncap_area .body .ttl { margin-top:45px; }
.jncap_area .body .img01 { margin-top:40px; }
.jncap_area .body .txt01 { margin-top:30px; font-size:16px; text-align:center; line-height:1.8; }
.jncap_area .body .btn01 { margin-top:40px; text-align:center; }
.jncap_area .body .btn01 a:hover img { opacity:0.7; filter:alpha(opacity=70); }


/*-----------------------------------------------------------------------------------------
	satisfaction
-----------------------------------------------------------------------------------------*/
.satis_area { width:100%; min-width:1000px; padding:55px 0; border-top:1px solid #e5e5e5; background-color:#f8f8f8; }
.satis_area .body { width:1000px; margin:0 auto; }
.satis_area .body .catch01 { }
.satis_area .body .ttl { margin-top:45px; }
.satis_area .body .txt01 { margin-top:30px; font-size:16px; text-align:center; line-height:1.8; }
.satis_area .body .btn01 { margin-top:40px; text-align:center; }
.satis_area .body .btn01 a:hover img { opacity:0.7; filter:alpha(opacity=70); }


/*-----------------------------------------------------------------------------------------
	carlineup
-----------------------------------------------------------------------------------------*/
.lineup_area { width:100%; min-width:1000px; padding:55px 0; }
.lineup_area .body { width:1000px; margin:0 auto; }
.lineup_area .body .catch01 { }
.lineup_area .body .ttl { margin-top:45px; }
.lineup_area .body .txt01 { margin-top:30px; font-size:16px; text-align:center; line-height:1.8; }
.lineup_area .body .btn01 { margin-top:40px; text-align:center; }
.lineup_area .body .btn01 a:hover img { opacity:0.7; filter:alpha(opacity=70); }


/*-----------------------------------------------------------------------------------------
	other
-----------------------------------------------------------------------------------------*/
.other_area { width:100%; min-width:1000px; padding:55px 0; border-top:1px solid #e5e5e5; background-color:#f8f8f8; }
.other_area .body { width:1000px; margin:0 auto; }
.other_area .body .other_list { text-align:center; }
.other_area .body .other_list li { display:inline-block; vertical-align:top; padding:0 5px; }


/*-----------------------------------------------------------------------------------------
	pageTop
-----------------------------------------------------------------------------------------*/
/*#pageTop { width:1000px; margin:60px auto 0 auto; background-color:#fff; text-align:center; }*/


/*-----------------------------------------------------------------------------------------
	sp_btn
-----------------------------------------------------------------------------------------*/
/*#sp_btn{ display:none; width:100%; margin:50px auto 0 auto; text-align:center; }
#sp_btn a{ display:block; width:100%; padding:25px 0; background-color:#3c3c3c; }*/