@charset "utf-8";
/*
font-family: 'Montserrat', sans-serif;
Medium 500
SemiBold 600
font-family: 'Noto Sans JP', sans-serif;
Regular 400
Medium 500
/*-------------------------------------------------
co_main
--------------------------------------------------*/
#co_main { position: relative; background: #333; overflow: hidden;}
/*img*/
.sl_co_img { width: 100%; height: 100%; animation-duration: 3s; transition: 1s;}
/*====================[ mechanical ]=====================*/
#co_main .SPB513{ background: url(../../mechanical/asset/img/SPB513_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
@media (max-width:1400px){
#co_main .SPB513{ background: url(../../mechanical/asset/img/SPB513_main_x1.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
#co_main .SPB513{ background: url(../../mechanical/asset/img/SPB513_main_tab.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) { /* 縦 / 500px */
#co_main .SPB513{ background: url(../../mechanical/asset/img/SPB513_main_sp.jpg) center center; background-size: cover;}
}/*END*/
/*====================[ mechanical c ]=====================*/
#co_main .SRQ047{ background: url(../../mechanical_chronogarph/asset/img/SRQ047_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ049{ background: url(../../mechanical_chronogarph/asset/img/SRQ049_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ037J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ037J1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ043J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ043J1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ039J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ039J1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ035J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ035J1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ045{ background: url(../../mechanical_chronogarph/asset/img/SRQ045_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SRQ055{ background: url(../../mechanical_chronogarph/asset/img/SRQ055_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
@media (max-width:1400px){
#co_main .SRQ047 { background: url(../../mechanical_chronogarph/asset/img/SRQ047_main_x1.jpg) center center; background-size: cover; }
#co_main .SRQ049 { background: url(../../mechanical_chronogarph/asset/img/SRQ049_main_x1.jpg) center center; background-size: cover; }
#co_main .SRQ037J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ037J1_main_x1.jpg) center center; background-size: cover;}
#co_main .SRQ043J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ043J1_main_x1.jpg) center center; background-size: cover;}
#co_main .SRQ039J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ039J1_main_x1.jpg) center center; background-size: cover;}
#co_main .SRQ035J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ035J1_main_x1.jpg) center center; background-size: cover;}
#co_main .SRQ045{ background: url(../../mechanical_chronogarph/asset/img/SRQ045_main_x1.jpg) center center; background-size: cover;}
#co_main .SRQ055{ background: url(../../mechanical_chronogarph/asset/img/SRQ055_main_x1.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
#co_main .SRQ047 { background: url(../../mechanical_chronogarph/asset/img/SRQ047_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ049 { background: url(../../mechanical_chronogarph/asset/img/SRQ049_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ037J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ037J1_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ043J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ043J1_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ039J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ039J1_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ035J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ035J1_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ045{ background: url(../../mechanical_chronogarph/asset/img/SRQ045_main_tab.jpg) center center; background-size: cover;}
#co_main .SRQ055{ background: url(../../mechanical_chronogarph/asset/img/SRQ055_main_tab.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) { /* 縦 / 500px */
#co_main .SRQ047 { background: url(../../mechanical_chronogarph/asset/img/SRQ047_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ049 { background: url(../../mechanical_chronogarph/asset/img/SRQ049_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ037J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ037J1_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ043J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ043J1_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ039J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ039J1_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ035J1{ background: url(../../mechanical_chronogarph/asset/img/SRQ035J1_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ045{ background: url(../../mechanical_chronogarph/asset/img/SRQ045_main_sp.jpg) center center; background-size: cover;}
#co_main .SRQ055{ background: url(../../mechanical_chronogarph/asset/img/SRQ055_main_sp.jpg) center center; background-size: cover;}
}/*END*/
/*====================[ GPS solar ]=====================*/
#co_main .SSH165{ background: url(../../gpssolar/asset/img/SSH165_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SSH167{ background: url(../../gpssolar/asset/img/SSH167_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SSH169{ background: url(../../gpssolar/asset/img/SSH169_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
@media (max-width:1400px){
#co_main .SSH165{ background: url(../../gpssolar/asset/img/SSH165_main_x1.jpg) center center; background-size: cover;}
#co_main .SSH167{ background: url(../../gpssolar/asset/img/SSH167_main_x1.jpg) center center; background-size: cover;}
#co_main .SSH169{ background: url(../../gpssolar/asset/img/SSH169_main_x1.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
#co_main .SSH165{ background: url(../../gpssolar/asset/img/SSH165_main_tab.jpg) center center; background-size: cover;}
#co_main .SSH167{ background: url(../../gpssolar/asset/img/SSH167_main_tab.jpg) center center; background-size: cover;}
#co_main .SSH169{ background: url(../../gpssolar/asset/img/SSH169_main_tab.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) { /* 縦 / 500px */
#co_main .SSH165{ background: url(../../gpssolar/asset/img/SSH165_main_sp.jpg) center center; background-size: cover;}
#co_main .SSH167{ background: url(../../gpssolar/asset/img/SSH167_main_sp.jpg) center center; background-size: cover;}
#co_main .SSH169{ background: url(../../gpssolar/asset/img/SSH169_main_sp.jpg) center center; background-size: cover;}
}/*END*/
/*====================[ solar ]=====================*/
#co_main .SSC813P1{ background: url(../../solar/asset/img/SSC813P1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SSC913P1{ background: url(../../solar/asset/img/SSC913P1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
#co_main .SFJ001P1{ background: url(../../solar/asset/img/SFJ001P1_main_x15.jpg) center center; background-size: cover; opacity: 1 !important;}
@media (max-width:1400px){
#co_main .SSC813P1{ background: url(../../solar/asset/img/SSC813P1_main_x1.jpg) center center; background-size: cover;}
#co_main .SSC913P1{ background: url(../../solar/asset/img/SSC913P1_main_x1.jpg) center center; background-size: cover;}
#co_main .SFJ001P1{ background: url(../../solar/asset/img/SFJ001P1_main_x1.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
#co_main .SSC813P1{ background: url(../../solar/asset/img/SSC813P1_main_tab.jpg) center center; background-size: cover;}
#co_main .SSC913P1{ background: url(../../solar/asset/img/SSC913P1_main_tab.jpg) center center; background-size: cover;}
#co_main .SFJ001P1{ background: url(../../solar/asset/img/SFJ001P1_main_tab.jpg) center center; background-size: cover;}
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) { /* 縦 / 500px */
#co_main .SSC813P1{ background: url(../../solar/asset/img/SSC813P1_main_sp.jpg) center center; background-size: cover;}
#co_main .SSC913P1{ background: url(../../solar/asset/img/SSC913P1_main_sp.jpg) center center; background-size: cover;}
#co_main .SFJ001P1{ background: url(../../solar/asset/img/SFJ001P1_main_sp.jpg) center center; background-size: cover;}
}/*END*/
/*---- base ----*/
#co_main .main_sl { overflow: hidden;}
#co_main .main_sl .slick-list { padding: 0; }
#co_main .main_sl ul li { width: 100%; height: 100vh; max-height: 60vw; margin: 0px; outline: none; }
@media screen and (orientation: portrait) {/*縦*/
#co_main .main_sl ul li { width: 100%; height: 141vw; max-height: 141vw; margin: 0px; outline: none; }
}/*END*/
/* sl_co */
#co_main .sl_co { width: 100%; display: block; overflow: hidden; position: relative; text-align: center; }
.sl_co_inner { position: absolute; top: 0%; left: 55%; height: 100%; z-index:3; display: flex; align-items: center;}
/*inner_box / txt */
.sl_co_inner .inner_box{ color:#fff; position: relative; text-align: left; }
.sl_co_inner .inner_box .bar{width: 7px; height: 100%; position: absolute; left: 0px; top: 0px; background: #fcca00; opacity: 0; display: block; }
.sl_co_inner .inner_box h2{ margin-left: 40px;}
.sl_co_inner .inner_box h2 .sl_title1{ display: block; font-weight: 500; line-height: 1; transition:0.3s; opacity: 0;}
.sl_co_inner .inner_box h2 .sl_title2{ display: block; font-weight: 500; line-height: 1.3; transition:0.3s; opacity: 0;}
.sl_co_inner .inner_box h2 .sl_nomber{ display: block; font-weight: 500; line-height: 1; transition:0.3s; opacity: 0;}
.sl_co_inner .inner_box h2 .sl_title1{ margin-top:0px; font-size:2.1vw; }
.sl_co_inner .inner_box h2 .sl_title2{ margin-top:.3vw; font-size:2.1vw; }
.sl_co_inner .inner_box h2 .sl_nomber{ margin-top:0.8vw; font-size:1.4vw; }
@media (max-width:1400px){
.sl_co_inner .inner_box .bar{ width: .5vw; }
.sl_co_inner .inner_box h2{ margin-left: 3vw;}
}/*END*/
@media screen and (orientation: portrait) {/*縦*/
.sl_co_inner { position: absolute; top: 75%; left: 0%; width: 100%; height: auto; z-index:3; display: flex; align-items: center;}
.sl_co_inner .inner_box{ text-align: center; margin: 0 auto; }
.sl_co_inner .inner_box .bar{width: 10vw; height: .7vw; margin: 0 auto; position: relative; }
.sl_co_inner .inner_box h2{ margin-left: initial; text-align: center;}
.sl_co_inner .inner_box h2 .sl_title1{ margin-top:5vw; font-size:5.2vw; }
.sl_co_inner .inner_box h2 .sl_title2{ margin-top:.6vw; font-size:5.2vw; }
.sl_co_inner .inner_box h2 .sl_nomber{ margin-top:3vw; font-size:3.4vw; }
}/*END*/
/*===== main_s100th =====*/
.main_s100th .sl_co_inner { position: absolute; top: 0%; left: 0%; height: 100%; width:60%;/*51.7%*/ z-index:3;display: flex; align-items: center; justify-content: center; text-align: center;}
.main_s100th .sl_co_inner .inner_box{ color:#fff; position: relative; text-align: center; }
.main_s100th .sl_co_inner .inner_box .bar{ display: none; }
/*h2*/
.main_s100th .inner_box h2{ margin-left: initial;}
.main_s100th .sl_co_inner .inner_box h2 .sl_100logo{ width: 21.5vw; display: inline-block; }
.main_s100th .sl_co_inner .inner_box h2 .sl_title1{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 1.2; transition:0.3s; opacity: 0;}
.main_s100th .sl_co_inner .inner_box h2 .sl_title2{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 1.4; transition:0.3s; opacity: 0;}
.main_s100th .sl_co_inner .inner_box h2 .sl_title1{ margin-top:2.4vw; font-size:1.5vw; }
.main_s100th .sl_co_inner .inner_box h2 .sl_title2{ margin-top:2.3vw; font-size:1.5vw; letter-spacing: 0.05vw;}
.main_s100th .sl_co_inner .inner_box h2 .sl_nomber{ margin-top:1vw; font-size:1vw; }
@media (max-width:1400px){
.main_s100th .inner_box h2{ margin-left: initial;}
}/*END*/
@media screen and (orientation: portrait) {/*縦*/
.main_s100th .sl_co_inner { position: absolute; top: 66.5%; left: 0%; height: auto; width: 100%; z-index:3; display: block; }
.main_s100th .sl_co_inner .inner_box h2{ margin-top: 1vw;}
.main_s100th .sl_co_inner .inner_box h2 .sl_100logo{ width: 43vw; }
.main_s100th .sl_co_inner .inner_box h2 .sl_title1{ margin-top:3.4vw; font-size:3vw; }
.main_s100th .sl_co_inner .inner_box h2 .sl_title2{ margin-top:3vw; font-size:3vw; }
.main_s100th .sl_co_inner .inner_box h2 .sl_nomber{ margin-top:2.5vw; font-size:2vw; }
}/*END*/
.noto{ font-family: 'Noto Sans JP', sans-serif !important; font-weight: 500; }
/* -----------------------------------------
co_main [ animation ]
-----------------------------------------*/
/*slick-active*/
#co_main .sl_co.slick-active .sl_co_inner .inner_box .bar{ animation:zoomOut .7s both .7s; visibility:visible; opacity: 1; transition:1.3s;}
#co_main .sl_co.slick-active .sl_co_inner .inner_box h2 .sl_title1{ animation:fadeInRight 1s both .9s; visibility:visible; opacity: 1; transition:1.3s;}
#co_main .sl_co.slick-active .sl_co_inner .inner_box h2 .sl_title2{ animation:fadeInRight 1s both 1.1s; visibility:visible; opacity: 1; transition:1.3s;}
#co_main .sl_co.slick-active .sl_co_inner .inner_box h2 .sl_nomber{ animation:fadeIn 1s both 1.6s; visibility:visible; opacity: 1; transition:1.3s;}
/*===== main_s100th =====*/
#co_main .sl_co.main_s100th.slick-active .sl_co_inner .inner_box h2 .sl_100logo{ animation:fadeIn 1.8s both .6s; visibility:visible; opacity: 1; transition:1.3s;}
#co_main .sl_co.main_s100th.slick-active .sl_co_inner .inner_box h2 .sl_title1{ animation:fadeIn 1.8s both .8s; visibility:visible; opacity: 1; transition:1.3s;}
#co_main .sl_co.main_s100th.slick-active .sl_co_inner .inner_box h2 .sl_title2{ animation:fadeIn 1.8s both .8s; visibility:visible; opacity: 1; transition:1.3s;}
#co_main .sl_co.main_s100th.slick-active .sl_co_inner .inner_box h2 .sl_nomber{ animation:fadeIn 1.8s both 1.1s; visibility:visible; opacity: 1; transition:1.3s;}
/************ fadeIn ***********/
@keyframes fadeIn{0%{opacity:0; } 100%{opacity:1;}}
#co_main .fadeIn{animation-name:fadeIn}
/************ fadeInRight ***********/
@keyframes fadeInRight{0%{opacity:0; transform:translate3d(60px,0,0)} 100%{opacity:1;transform:none;}}
#co_main .fadeInRight{ animation-name:fadeInRight}
/************ fadeInBottom ***********/
@keyframes fadeInBottom{0%{opacity:0; transform:translate3d(0,60px,0)} 100%{opacity:1;transform:none;}}
#co_main .fadeInBottom{ animation-name:fadeInBottom}
/************ zoomOut ***********/
@keyframes zoomOut{0%{opacity:0;transform:scale(0.1)}50%{opacity:1}}
#co_main .zoomOut{animation-name:zoomOut}
/* -----------------------------------------
slick base setting
-----------------------------------------*/
/* sl < >
---------------------*/
/* < > btn */
#co_main .main_sl .slick-prev,
#co_main .main_sl .slick-next { position: absolute; z-index: 10; top:50%; width: 40px; height: 40px; padding: 0px; margin: -20px 0 0 0px; transition: 0.5s; outline: none; cursor: pointer; }
#co_main .main_sl .slick-prev:hover,
#co_main .main_sl .slick-next:hover {opacity: 0.4!important;}
#co_main .main_sl .slick-prev { left: 3%; background: url("../img/sl_prev.svg") no-repeat center center; background-size:cover}
#co_main .main_sl .slick-next { right: 3%; background: url("../img/sl_next.svg") no-repeat center center; background-size:cover;}
/* sl dots
---------------------*/
#co_main .main_sl ul.slick-dots{position: absolute; bottom: 40px; left: 0%; z-index: 100; width:100%; margin:0 auto; padding: 0; list-style: none; display: flex; justify-content: center; z-index:1;}
#co_main .main_sl ul.slick-dots li{ position: relative; height: 20px; width: 35px; margin: 0 0px; z-index: 2;}
/*button ●○○○ */
#co_main .main_sl ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
#co_main .main_sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%; content: ''; margin: -5px 0 0 -5px; width: 10px; height: 10px; background: #fff; opacity: 0.2; box-sizing: border-box; transition: 0.3s; border-radius: 10px;}/* focus */
/* ON focus */
#co_main .main_sl ul.slick-dots li button:hover:before,/* ON */
#co_main .main_sl ul.slick-dots li.slick-active button:before{ cursor: pointer; position: absolute; top:50%; left: 50%; content: ''; margin: -5px 0 0 -5px; opacity: 1; width: 10px; height: 10px; background: #fcca00; box-sizing: border-box; transition: 0.3s; border-radius: 10px;}/* focus */
#co_main .main_sl ul.slick-dots li::before{ position: absolute; width: 100px; margin-left: -50px; left: 50%; bottom:65px; transition:0.5s; z-index: -1; }
@media (max-width:1400px){
#co_main .main_sl ul.slick-dots{ bottom: 0vw; }
#co_main .main_sl ul.slick-dots li{ position: relative; height: 7vw; width: 35px; }
}/*END*/
@media (max-width:900px){
#co_main .main_sl ul.slick-dots{ bottom: 0vw; }
#co_main .main_sl ul.slick-dots li{ position: relative; height: 7vw; width: 30px; }
#co_main .main_sl ul.slick-dots li button:before,
#co_main .main_sl ul.slick-dots li button:hover:before,
#co_main .main_sl ul.slick-dots li.slick-active button:before{ margin: -4px 0 0 -4px; width: 8px; height: 8px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) { /* 縦 / 640px */
#co_main .main_sl ul.slick-dots{ bottom: 2vw; }
#co_main .main_sl ul.slick-dots li{ position: relative; height: 8vw; width: 6vw; }
}/*END*/
@media screen and (max-width: 450px) and (orientation: portrait) { /* 縦 / 640px */
#co_main .main_sl ul.slick-dots{ bottom: 2vw; }
#co_main .main_sl ul.slick-dots li{ position: relative; height: 8vw; width: 30px; }
}/*END*/
/*-------------------------------------------------
co [base]
--------------------------------------------------*/
/*====================[ mechanical ]=====================*/
#meka_movement{ color: #000; background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%);}
#meka_movement .inner{ margin: 0 auto; padding: 110px 0; width: 80%; max-width:1145px; display: flex; justify-content: space-between; }
/*txt_box*/
#meka_movement .inner .txt_box{ width: 50%; display: flex; align-items: center; justify-content: center; text-align: left;}
#meka_movement .inner .txt_box h2{ font-size: 45px; line-height: 1.1; font-weight: 500; }
#meka_movement .inner .txt_box h3{ margin-top: 15px; font-size: 22px; line-height: 1.4; font-weight: 500;}
#meka_movement .inner .txt_box p{ margin-top: 30px; }
/*btn*/
#meka_movement .inner .btn1{ display: inline-block; margin-top: 30px;}
#meka_movement .inner .btn2{ display: none;}
/*img_box*/
#meka_movement .inner .img_box{ width: 40%; display: flex; align-items: center; justify-content: center;}
#meka_movement .inner .img_box p{ margin-top: 15px; text-align: center;}
@media (max-width:1300px){
#meka_movement .inner .txt_box p br{ display: none ;}
#meka_movement .inner .txt_box h2{ font-size: 40px; }
}/*END*/
@media (max-width:1200px){
#meka_movement .inner .img_box p br{ display: none ;}
}/*END*/
@media (max-width:1100px){
#meka_movement .inner .txt_box h2{ font-size: 37px; }
#meka_movement .inner .txt_box h3{ font-size: 20px;}
}/*END*/
@media (max-width:1300px){
#meka_movement .inner{ padding: 8.5vw 0; }
}/*END*/
@media (max-width:1000px){
#meka_movement .inner{ padding: 100px 0; width: 80%; max-width:800px; display: block; text-align: center; }
/*txt_box*/
#meka_movement .inner .txt_box{ width: 100%;}
#meka_movement .inner .txt_box h2{ font-size: 45px;}
#meka_movement .inner .txt_box h3{ margin-top: 20px; font-size: 22px; }
/*img_box*/
#meka_movement .inner .img_box{ margin: 40px auto 0; width: 100%; text-align: center; }
#meka_movement .inner .img_box img{width: 80%; }
#meka_movement .inner .img_box p br{ display: block ;}
/*btn*/
#meka_movement .inner .btn1{ display: none;}
#meka_movement .inner .btn2{ margin: 40px auto 0 !important; display:inline-block; }
}/*END*/
@media (max-width:700px){
#meka_movement .inner .txt_box p{ margin-top: 20px; }
#meka_movement .inner .img_box img{width: 80%; }
}/*END*/
@media (max-width:600px){
#meka_movement .inner{ padding: 12vw 0;}
#meka_movement .inner .txt_box h2{ font-size: 44px; }
#meka_movement .inner .txt_box h3{ margin-top: 15px; font-size: 20px;}
#meka_movement .inner .txt_box h3 br{ display: none;}
#meka_movement .inner .txt_box p{ margin-top: 15px; }
#meka_movement .inner .img_box{ margin: 5vw auto 0; }
}/*END*/
@media (max-width:485px){
#meka_movement .inner .txt_box h2{ font-size: 8vw; }
#meka_movement .inner .txt_box h3{ margin-top: 15px; font-size: 18px;}
#meka_movement .inner .txt_box h3 br{ display: none;}
#meka_movement .inner .txt_box h3 span{ display: inline-block;}
#meka_movement .inner .txt_box p{ margin-top: 4vw; }
#meka_movement .inner .img_box p br{ display: none;}
#meka_movement .inner .img_box span{display: inline-block; }
}/*END*/
/*-------------------------------------------------
common [ original_model ]
--------------------------------------------------*/
#common{ color: #000; background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%);}
/* ==== original_model ==== */
#common .original_model{ padding: 100px 0 !important; margin: 0 auto !important; }
@media (max-width:1400px){
#common .original_model{ padding: 90px 0 !important; }
}/*END*/
@media (max-width:1200px){
#common .original_model{ padding: 80px 0 !important; }
}/*END*/
@media (max-width:1000px){
#common .original_model{ padding: 90px 0 80px 0 !important; }
}/*END*/
@media (max-width:750px){
#common .original_model{ padding: 90px 0 12vw 0 !important; }
}/*END*/
@media (max-width:500px){
#common .original_model{ padding: 16vw 0 12vw 0 !important; }
}/*END*/
#common .his_txt_box{ border-left: solid 4px #b2b2b2; }
/*-------------------------------------------------
co [base]
--------------------------------------------------*/
.co{background: linear-gradient(to right, #3e3e3e 0%, #000 100%);}
/*-------------------------------------------------
co_head
--------------------------------------------------*/
.co_head{ width: 100%; height: 50vw; position: relative; z-index: 100 ; top: 0; left: 0; display: flex; align-items: center; }
.co_head .parallax-window { z-index: 1; height: 100%; background: transparent; }
/*co_head_img*/
.co_head_img{ width: 100%; height: 100%; opacity: .7; position: absolute; left: 0; top: 0; overflow: hidden; z-index: -1;}
@media screen and (orientation: portrait) {
.co_head{ width: 100%; height: auto; position: relative; z-index: 100 ; top: 0; left: 0; display: block;}
.co_head_img{ width: 100%; opacity:1; position: relative; left: 0; top: 0;height: auto;}
.co_head_img img{ width: 100%; }
}/*END*/
/*opacity: 1*/
.co_head .sl_co_inner .inner_box .bar,
.co_head .sl_co_inner .inner_box h2 .sl_title1,
.co_head .sl_co_inner .inner_box h2 .sl_title2,
.co_head .sl_co_inner .inner_box h2 .sl_nomber{ opacity: 1 !important;}
.pc_x15{display:block;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.pc_x15{display:none;}
.pc_x1{display:block;}
.sp_x15{display:none;}
.sp_x1{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:block;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:block;}
}/*END*/
/*-------------------------------------------------
original_model
--------------------------------------------------*/
.original_model{ width: 90%; max-width: 1000px; display: flex; justify-content: space-between; align-items: center; }
.original_model .txt_box{ width: 50%; }
.his_box{ width: 35.4%; position: relative;}
.his_box img{ max-width: 236px; }
.original_model h3{ font-size: 30px; font-weight: 500; margin-bottom: 20px; color: #999;}
@media (max-width:1500px){
.original_model .txt_box{ width: 47%; }
.his_box{ width: 43%; }
}/*END*/
@media (max-width:1400px){
.original_model .txt_box{ width: 45%; }
.his_box img{ max-width: 200px; }
}/*END*/
@media (max-width:1200px){
.original_model{ width: 90%; max-width: 900px; }
.original_model .txt_box{ width: 50%; }
.his_box{ width: 43%; }
}/*END*/
@media (max-width:1000px){
.original_model{ width: 80%; max-width: 800px; display: block; border-bottom: solid 1px #444;}
.original_model .txt_box{ width: 100%; }
.his_box{ width: 300px; margin: 60px auto 0; }
}/*END*/
@media (max-width:550px){
.his_box{ width: 300px; margin: 40px auto 0; }
}/*END*/
/*.his_txt_box*/
.his_txt_box{ position: absolute; left: 220px; bottom: 40px; padding-left: 15px; width: 200px; border-left: solid 4px #5b5c5b; }
.his_txt_box .year{ margin-top: 0px; font-size: 26px; letter-spacing: 2px; line-height: 1; }
.his_txt_box .model_name{ margin-top: 6px; font-size: 14px; line-height: 1;}
@media (max-width:1400px){
.his_txt_box{ position: absolute; left: 190px; bottom: 40px; }
}/*END*/
@media (max-width:1200px){
.his_txt_box .year{ margin-top: 0px; font-size: 20px; }
.his_txt_box .model_name{ margin-top: 5px; font-size: 12px; }
.his_txt_box.his_box_m1{ position: absolute; left: 180px ;}
.his_txt_box.his_box_m2{ position: absolute; left: 205px ;}
}/*END*/
@media (max-width:1000px){
.his_box img{ max-width: 190px; margin-left: 5px; }
.his_txt_box{ position: absolute; left: 180px; bottom: 40px; padding-left: 18px; }
.his_txt_box.his_box_m1{ position: absolute; left: 180px ;}
.his_txt_box.his_box_m2{ position: absolute; left: 190px ;}
}/*END*/
@media (max-width:550px){
.his_txt_box{ position: absolute; left: 160px; bottom: 40px; padding-left: 18px; }
.his_box img{ max-width: 160px; margin-left: 0px; }
.his_txt_box.his_box_m1{ position: absolute; left: 160px ;}
.his_txt_box.his_box_m2{ position: absolute; left: 190px ;}
}/*END*/
@media (max-width:400px){
.his_txt_box{ position: absolute; left: 160px; bottom: 40px; padding-left: 12px; }
.his_txt_box.his_box_m1{ position: absolute; left: 150px ;}
.his_txt_box.his_box_m2{ position: absolute; left: 170px ;}
.his_txt_box .year{ margin-top: 0px; font-size: 18px; letter-spacing: 2px; line-height: 1; }
.his_txt_box .model_name{ margin-top: 6px; font-size: 11px; line-height: 1;}
}/*END*/
@media (max-width:370px){
.his_box img{ max-width: 140px; }
.his_txt_box{ position: absolute; left: 160px; bottom: 40px; padding-left: 12px; }
.his_txt_box.his_box_m1{ position: absolute; left: 140px ;}
.his_txt_box.his_box_m2{ position: absolute; left: 160px ;}
.his_txt_box .year{ margin-top: 0px; font-size: 16px; letter-spacing: 2px; line-height: 1; }
.his_txt_box .model_name{ margin-top: 6px; font-size: 10px; line-height: 1;}
}/*END*/
/* .his_box_t [縦組み] */
.his_box.his_box_t{ width: 36%; position: relative; }
.his_box.his_box_t img{ max-width: 260px; }
@media (max-width:1500px){
.his_box.his_box_t{ width: 37%; }
}/*END*/
@media (max-width:1400px){
.his_box.his_box_t img{ max-width: 250px; }
}/*END*/
@media (max-width:1200px){
.his_box.his_box_t{ width: 38%; }
}/*END*/
@media (max-width:1000px){
.his_box.his_box_t{ width: 70%;max-width: 280px; margin: 40px auto 0; text-align: center; }
.his_box.his_box_t img{ width: 100%; margin: 0 auto; }
}/*END*/
@media (max-width:550px){
.his_box.his_box_t{ width: 70%;max-width: 280px; margin: 30px auto 0; text-align: center; }
.his_box{ width: 300px; margin: 40px auto 0; }
}/*END*/
.his_box.his_box_t .his_txt_box{ margin-top: 20px; position: relative; left: 10px; bottom: initial; padding-left: 15px; width: auto; border-left: solid 4px #5b5c5b; text-align: left; }
/*-------------------------------------------------
slider
---------------------------------------------------*/
.slider{ position: relative; z-index: 10; padding: 0px 0 60px; }
@media (max-width: 750px){
.slider{ position: relative; z-index: 10; padding: 0px 0 20px; }
}/*END*/
/*sl*/
.sl{ display: flex; justify-content: center; align-items: center; }
.sl .sl_li { display: flex; justify-content: center; align-items: center; align-self:center; margin: 0; outline: none; }
.sl .sl_li .sl_inner{ width: 90%; max-width: 1060px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.sl .sl_li .img_box{ display: flex;align-items: flex-start; }
.sl .sl_li .img_box img{ display: inline-block; height: auto; flex-shrink: 0;}
@media (max-width: 1000px){
.sl .sl_li .sl_inner{ height: initial !important; max-height: initial !important; width: 80%; max-width: 1200px; margin: 0 auto; display: block; }
.sl .sl_li .img_box{ display: inline-block; text-align: center; }
}/*END*/
/*-----sl_inner-----*/
.sl .sl_li .sl_inner .img_box { width: 47.3%; }
.sl .sl_li .sl_inner .txt_box { width: 40%; margin-left: 8%; }
.sl .sl_li .sl_inner .txt_box h3{ font-size: 40px; line-height: 1; color: #fcca00; font-weight: 500; }
.sl .sl_li .sl_inner .txt_box p{ margin-top: 25px;}
@media (max-width: 1400px){
.sl .sl_li .sl_inner .txt_box{ width: 38%; margin-left: 7%; }
.sl .sl_li .sl_inner .txt_box p{ margin-top: 20px;}
}/*END*/
@media (max-width: 1000px){
.sl .sl_li .sl_inner{ width: 75%;}
.sl .sl_li .sl_inner{ display: block; text-align: center;}
.sl .sl_li .sl_inner .img_box { width: 100%; max-width: 500px; margin: 0 auto;}
.sl .sl_li .sl_inner .txt_box { width: 100%; max-width: 500px; margin: 40px auto 0; text-align: left; }
.sl .sl_li .sl_inner .txt_box p{ margin-top: 20px;}
}/*END*/
@media (max-width:450px){
.sl .sl_li .sl_inner .txt_box h3{ font-size: 35px; }
}/*END*/
@media (max-width:400px){
.sl .sl_li .sl_inner .txt_box h3{ font-size: 9vw; }
}/*END*/
/*----------------------
t_link
-----------------------*/
.t_link{ margin-top: 48px; }
.t_link ul { display: flex; align-items: center; justify-content: center;}
.t_link ul li{ padding: 0px 20px; position: relative; font-size: 14px; line-height: 1; letter-spacing: 1px;transition: 0.3s; font-weight: 500;}
.t_link ul li span{ transition: 0.3s; }
.t_link ul li::after{ margin-top: -7px; content: '/'; position: absolute; top: 50%; right: -5px; color: #999; }
.t_link ul li:last-child::after{ position: absolute; left: 0; bottom: 0; content:''; display: block; width: 100%; height: 1px; background:transparent; transition: 0.3s;}
.t_link_txt{color:#fff; position: relative; padding-bottom: 4px;}
/*t_link*/
.t_link ul li:hover .t_link_txt,
.t_link .t_link_txt.slick-active{ color: #edc101; }
.t_link ul li:hover .t_link_txt::after,
.t_link .t_link_txt.slick-active::after{ position: absolute; left: 0; bottom: 0; margin-top: 4px; content: ''; display: block; width: 100%; height: 1px; background:#edc101; }
.t_link ul li:hover{cursor: pointer;}
.t_link .t_link_txt.slick-active{pointer-events: none !important;}
@media (max-width: 520px){
.t_link ul li { padding: 0px 3vw; font-size: 3.1vw;letter-spacing: 0px;}
.t_link ul li::after{ margin-top: -1vw;right:-.5vw;}
}/*END*/
@media (max-width: 450px){
.t_link ul li { padding: 0px 3vw; font-size: 3.4vw;letter-spacing: 0px;}
}/*END*/
/*----------------------
slick ボタン設定
-----------------------*/
/* < > btn */
.sl .slick-prev,
.sl .slick-next { position: absolute; z-index: 10; top:50%; width: 25%; height: 60px; margin-top: -30px; padding: 0px;transition: 0.5s; outline: none; cursor: pointer; }
@media (max-width: 1000px){
.sl .slick-prev,
.sl .slick-next {top:250px; width: 25%; height: 60px; margin-top: -30px;}
}/*END*/
@media (max-width: 660px){
.sl .slick-prev,
.sl .slick-next {top:38vw; width: 25%; height: 60px; margin-top: -30px;}
}/*END*/
.sl .slick-prev:hover,
.sl .slick-next:hover {opacity: 0.4;}
.sl .slick-prev { left: 0%; background: url("../img/sl_prev.svg") no-repeat center center; background-size:contain;}
.sl .slick-next { right:0%; background: url("../img/sl_next.svg") no-repeat center center; background-size:contain;}
@media (max-width: 1930px){
.sl .slick-prev,.sl .slick-next { width: 23.5%;}
}/*END*/
@media (max-width: 1850px){
.sl .slick-prev,.sl .slick-next { width: 22.5%;}
}/*END*/
@media (max-width: 1800px){
.sl .slick-prev,.sl .slick-next { width: 21.5%;}
}/*END*/
@media (max-width: 1750px){
.sl .slick-prev,.sl .slick-next { width: 20.5%;}
}/*END*/
@media (max-width: 1700px){
.sl .slick-prev,.sl .slick-next { width: 19.5%;}
}/*END*/
@media (max-width: 1650px){
.sl .slick-prev,.sl .slick-next { width: 18.5%;}
}/*END*/
@media (max-width: 1600px){
.sl .slick-prev,.sl .slick-next { width: 18%;}
}/*END*/
@media (max-width: 1550px){
.sl .slick-prev,.sl .slick-next { width: 17.3%;}
}/*END*/
@media (max-width: 1500px){
.sl .slick-prev,.sl .slick-next { width: 16%;}
}/*END*/
@media (max-width: 1450px){
.sl .slick-prev,.sl .slick-next { width: 13%; height: 50px; margin-top: -25px;}
}/*END*/
@media (max-width: 1400px){
.sl .slick-prev,.sl .slick-next { width: 12%; }
}/*END*/
@media (max-width: 1350px){
.sl .slick-prev,.sl .slick-next { width: 11%; }
}/*END*/
@media (max-width: 1300px){
.sl .slick-prev,.sl .slick-next { width: 10%; }
}/*END*/
@media (max-width: 1250px){
.sl .slick-prev,.sl .slick-next { width: 8%; }
}/*END*/
@media (max-width: 1200px){
.sl .slick-prev,.sl .slick-next { width: 7%; height: 4.5vw; margin-top: -2.25vw;}
}/*END*/
@media (max-width: 1000px){
.sl .slick-prev,.sl .slick-next { width: 22%; height: 50px; margin-top: -25px;}
.sl .slick-prev { left: 0%;}
.sl .slick-next { right: 0%;}
}/*END*/
@media (max-width: 900px){
.sl .slick-prev,.sl .slick-next { width: 20%; height: 50px; margin-top: -25px;}
}/*END*/
@media (max-width: 800px){
.sl .slick-prev,.sl .slick-next { width: 17%; height: 50px; margin-top: -25px;}
}/*END*/
@media (max-width: 700px){
.sl .slick-prev,.sl .slick-next { width: 12%; height: 50px; margin-top: -25px;}
}/*END*/
@media (max-width: 600px){
.sl .slick-prev,.sl .slick-next { width: 10%; height: 50px; margin-top: -25px;}
}/*END*/
@media (max-width: 500px){
.sl .slick-prev,.sl .slick-next { width: 12%; height: 10vw; margin-top: -5vw;}
}/*END*/
/*----- dots [ ● ○ ○ ○ ] -----*/
.sl ul.slick-dots{position: absolute; bottom: -130px; left: 0%; z-index: 500; width:100%; margin:0 auto !important; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center;z-index:1; }
.sl ul.slick-dots li{ position: relative; width: 40px!important; height: 40px!important; margin: 0 2px;}
.sl ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
.sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%;content: ''; margin: -6px 0 0 -6px; opacity: 1; width: 10px; height: 10px; border-radius: 50%; background: #333; transition: 0.3s;}/* off */
.sl ul.slick-dots li button:hover:before{ background: #666; cursor: pointer;}/* hover */
.sl ul.slick-dots li.slick-active button:before{ background: #fcca00; cursor: pointer;}/* active */
.sl ul.slick-dots > li:first-child:last-child { display: none; }/*1つだけの場合 削除*/
@media (max-width: 750px){
.sl ul.slick-dots{position: absolute; bottom: -120px; left: 0%; z-index: 500; width:100%; margin:0 auto !important; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center;z-index:1; }
.sl ul.slick-dots li{ position: relative; width: 30px!important; height: 30px!important; margin: 0 2px;}
.sl ul.slick-dots li button:before{ margin: -5px 0 0 -5px; width: 8px; height: 8px;}/* off */
}/*END*/
/*-------------------------------------------------
concept_box
--------------------------------------------------*/
.concept_box{ padding: 80px 0 85px; position: relative; background: rgba(255,255,255,.04);}
.concept_box .txt_box{ width: 90%; max-width: 890px; margin: 0 auto; position: relative; z-index: 2; text-align: center; }
@media (max-width:1600px){
.concept_box .txt_box{ width: 90%; max-width: 890px; }
}/*END*/
@media (max-width:1400px){
.concept_box{ padding: 70px 0; }
.concept_box .txt_box{ width: 90%; max-width: 890px; }
}/*END*/
@media (max-width:1200px){
.concept_box{ padding: 5vw 0; }
.concept_box .txt_box{ width: 90%; max-width: 990px; }
}/*END*/
@media (max-width:950px){
.concept_box{ padding: 60px 0; }
.concept_box .txt_box{ width: 90%; max-width: 990px; }
}/*END*/
@media (max-width:900px){
.concept_box .txt_box{ width: 80%; max-width: 990px; }
}/*END*/
@media (max-width:750px){
.concept_box .txt_box{ width: 80%; max-width: 990px; text-align: left; }
}/*END*/
@media (max-width:600px){
.concept_box{ padding: 12vw 0; }
}/*END*/
/* br */
/*concept_br_SBEC021*/
.concept_br_SBEC021{ display: block; }
@media (max-width:640px){
.concept_br_SBEC021{ display: none; }
}/*END*/
/*concept_br_SRQ049*/
.concept_br_SRQ049{ display: block; }
@media (max-width:640px){
.concept_br_SRQ049{ display: none; }
}/*END*/
/*-------------------------------------------------
sky_blue_concept
--------------------------------------------------*/
.sky_blue_concept{ padding: 60px 0 65px; background: url("../../mechanical_chronogarph/asset/img/blue_bg.jpg") center; position: relative;}
.sky_blue_concept::after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;background: linear-gradient(to right, rgba(0,52,85,.3) 0%, rgba(0,52,85,.0) 50%, rgba(0,52,85,.3) 100%);/*グラデ*/}
.sky_blue_concept .txt_box{ width: 90%; max-width: 890px; margin: 0 auto; position: relative; z-index: 2; text-align: center; }
@media (max-width:1600px){
.sky_blue_concept .txt_box{ width: 90%; max-width: 890px; }
}/*END*/
@media (max-width:1400px){
.sky_blue_concept{ padding: 60px 0; }
.sky_blue_concept .txt_box{ width: 90%; max-width: 890px; }
}/*END*/
@media (max-width:1200px){
.sky_blue_concept{ padding: 4vw 0; }
.sky_blue_concept .txt_box{ width: 90%; max-width: 990px; }
}/*END*/
@media (max-width:950px){
.sky_blue_concept{ padding: 50px 0; }
.sky_blue_concept .txt_box{ width: 90%; max-width: 990px; }
}/*END*/
@media (max-width:900px){
.sky_blue_concept .txt_box{ width: 80%; max-width: 990px; }
}/*END*/
@media (max-width:750px){
.sky_blue_concept .txt_box{ width: 80%; max-width: 990px; text-align: left; }
}/*END*/
@media (max-width:600px){
.sky_blue_concept{ padding: 11vw 0; }
}/*END*/
/*--- br ---*/
.sky_blue_con_br1{ display: block;}
.sky_blue_con_br2{ display: none;}
@media (max-width:900px){
.sky_blue_con_br1{ display: none;}
.sky_blue_con_br2{ display: none;}
}/*END*/
@media (max-width:750px){
.sky_blue_con_br1{ display: none;}
.sky_blue_con_br2{ display: none;}
}/*END*/
/*co02 concept
-----------------------------------------*/
.sky_blue_concept{ padding: 90px 0; background: url("../../mechanical_chronogarph/asset/img/blue_bg.jpg") center; position: relative;}
.sky_blue_concept::after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;background: linear-gradient(to right, rgba(0,52,85,.3) 0%, rgba(0,52,85,.0) 50%, rgba(0,52,85,.3) 100%);/*グラデ*/}
.sky_blue_concept .txt_box{ width: 90%; margin: 0 auto; position: relative; z-index: 2; text-align: center; }
.sky_blue_concept .txt_box br.sky_blue_con_br2{ display: none; }
.sky_blue_concept .txt_box br.sky_blue_con_br3{ display: none; }
@media (max-width:1600px){
.sky_blue_concept .txt_box{ width: 90%; }
}/*END*/
@media (max-width:1400px){
.sky_blue_concept{ padding: 80px 0; }
.sky_blue_concept .txt_box{ width: 90%; }
}/*END*/
@media (max-width:1200px){
.sky_blue_concept{ padding: 6vw 0; }
.sky_blue_concept .txt_box{ width: 63%; }
}/*END*/
@media (max-width:950px){
.sky_blue_concept{ padding: 70px 0; }
.sky_blue_concept .txt_box{ width: 90%; max-width: 750px; }
}/*END*/
@media (max-width:900px){
.sky_blue_concept{ padding: 60px 0; }
.sky_blue_concept .txt_box{ width: 90%; max-width: 600px; }
}/*END*/
@media (max-width:700px){
.sky_blue_concept .txt_box br.sky_blue_con_br1{ display: none; }
.sky_blue_concept .txt_box br.sky_blue_con_br2{ display: block; }
}/*END*/
@media (max-width:600px){
.sky_blue_concept{ padding: 10vw 0 11vw 0; }
}/*END*/
@media (max-width:500px){
.sky_blue_concept{ padding: 9vw 0 10vw 0; }
.sky_blue_concept .txt_box br.sky_blue_con_br2{ display: none; }
.sky_blue_concept .txt_box br.sky_blue_con_br3{ display: block; }
}/*END*/
/*--- txt3 ---*/
.txt3{ font-size: 19px; }
@media (max-width: 1400px) {
.txt3{ font-size: 18px; }
}/*END*/
@media (max-width: 1200px) {
.txt3{ font-size: 1.655vw; }
}/*END*/
@media (max-width: 950px) {
.txt3{ font-size: 18px; }
}/*END*/
@media (max-width: 640px) {
.txt3{ font-size: 17px; }
}/*END*/
@media (max-width: 420px) {
.txt3{ font-size: 16px; }
}/*END*/
@media (max-width: 400px) {
.txt3{ font-size: 4.1vw; }
}/*END*/
/*====================[ solar ]=====================*/
@media (max-width:500px){
.SSC813P1_br{ display: none;}
}/*END*/
@media (max-width:500px){
.SRQ043J1_br{ display: none;}
}/*END*/
/*====================[ SFJ001P1 ソーラークロノグラフ1/100秒計測 ]=====================*/
.SFJ001P1_read{ padding: 90px 0; text-align: center;}
.SFJ001P1_read p{ margin: 0 auto; width: 80%; max-width: 1100px;}
@media (max-width:640px){
.SFJ001P1_read{ padding: 10vw 0; text-align: center;}
.SFJ001P1_read p{ margin: 0 auto; width: 85%; max-width: 1100px;}
}/*END*/
@media (max-width:970px){
.SFJ001P1_read_br{ display: none;}
}/*END*/
@media (max-width:600px){
.SFJ001P1_read p{text-align: left;}
.SFJ001P1_read br{ display: none;}
}/*END*/
/*====================[ SFJ007P1 世界陸上ブダペスト23記念限定モデル ]=====================*/
.budapest_logo{ position: absolute; right: 2vw; bottom: 2vw; width: 12%; z-index: 10;}
@media screen and (orientation: portrait) { /* 縦 */
.budapest_logo{ position: absolute; right:3vw; bottom: initial; top: 3vw; width: 25%;}
}/*END*/
/*SFJ007P1_read*/
.SFJ007P1_read{ padding: 80px 0; background: rgba(0,0,0,0.5); }
.SFJ007P1_read .inner{ margin: 0 auto; width: 80%; max-width: 1200px; display: flex; align-items: center; justify-content: space-between; flex-direction : row-reverse; }
.SFJ007P1_read .inner .txt_box{ width: 56%; }
.SFJ007P1_read .inner .img_box{ width: 34%; }
@media (max-width:900px){
.SFJ007P1_read{ padding: 14vw 0;}
.SFJ007P1_read .inner{ margin: 0 auto; width: 80%; max-width: 1200px; display: block; }
.SFJ007P1_read .inner .txt_box{ width: 100%; }
.SFJ007P1_read .inner .img_box{ width: 60%; max-width: 400px; margin: 50px auto 0; }
}/*END*/
.budapest_logo2{ width: 35%; max-width: 223px; margin: 15px auto 20px;}
@media screen and (orientation: portrait) { /* 縦 */
#SFJ007P1 .inner_box{ margin-top: -8vw;}
.budapest_logo2{ width: 35%; max-width: 223px; margin: 10px auto 20px;}
}/*END*/
/*====================[ SFJ005P1 アナログクオーツクロノグラフ40周年記念限定モデル ]=====================*/
/*SFJ005P1_read*/
.SFJ005P1_read{ padding: 80px 0; background: rgba(0,0,0,0.5); }
@media (max-width:900px){
.SFJ005P1_read{ padding: 14vw 0;}
}/*END*/
/* ==== original_model ==== */
.SFJ005P1_read .inner{ margin: 0 auto !important; }
.SFJ005P1_read .his_txt_box{ border-left: solid 4px #b2b2b2; }
@media screen and (orientation: portrait) { /* 縦 */
#SFJ005P1 .inner_box{ margin-top: -8vw;}
}/*END*/
/*-------------------------------------------------
original_model
--------------------------------------------------*/
.SFJ005P1_read .inner{ width: 90%; max-width: 1100px; display: flex; justify-content: space-between; align-items: center; }
.SFJ005P1_read .inner .txt_box{ width: 50%; }
.SFJ005P1_read .inner .his_box2{ width: 42%; position: relative;}
.SFJ005P1_read .inner .his_box2 img{ max-width: 236px; }
.SFJ005P1_read .inner h3{ font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: 500; margin-bottom: 20px; color: #999;}
@media (max-width:1500px){
.SFJ005P1_read .inner .txt_box{ width: 47%; }
.SFJ005P1_read .inner .his_box2{ width: 46%; }
}/*END*/
@media (max-width:1400px){
.SFJ005P1_read .inner .txt_box{ width: 45%; }
.SFJ005P1_read .inner .his_box2 img{ max-width: 236px; }
}/*END*/
@media (max-width:1200px){
.SFJ005P1_read .inner{ width: 90%; max-width: 950px; }
.SFJ005P1_read .inner .txt_box{ width: 45%; }
.SFJ005P1_read .inner .his_box2{ width: 48%; }
.SFJ005P1_read .inner .his_box2 img{ max-width: 200px; }
}/*END*/
@media (max-width:1000px){
.SFJ005P1_read .inner{ width: 80%; max-width: 800px; display: block; }
.SFJ005P1_read .inner .txt_box{ width: 100%; }
.SFJ005P1_read .inner .his_box2{ width: 100%; margin: 40px auto 0; text-align: center; }
.SFJ005P1_read .inner .his_box2 .his_box2_img{ width: 50%; max-width: 236px; margin: 0 auto; text-align: center; }
.SFJ005P1_read .inner .his_box2 .his_box2_img img{ width: 100%;}
.SFJ005P1_read .inner .his_box2 img{ max-width: 236px; }
}/*END*/
/*.SFJ005P1_read .inner .his_box2 .his_txt_box*/
.SFJ005P1_read .inner .his_box2 .his_txt_box{ position: absolute; left: 240px; bottom: 10px; padding-left: 15px; width: auto; border-left: solid 4px #5b5c5b; text-align: left; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .year{ margin-top: 0px; font-size: 26px; letter-spacing: 2px; line-height: 1.2; font-family: 'Montserrat', sans-serif; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name{ width: 300px;margin-top: 6px; font-size: 14px; line-height: 1.3; font-family: 'Montserrat', sans-serif;}
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name span{ display: block; }
@media (max-width:1400px){
.SFJ005P1_read .inner .his_box2 .his_txt_box{ position: absolute; left: 240px; bottom: 10px; }
}/*END*/
@media (max-width:1200px){
.SFJ005P1_read .inner .his_box2 .his_txt_box{ position: absolute; left: 215px; bottom: 10px; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .year{ margin-top: 0px; font-size: 20px; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name{ margin-top: 5px; font-size: 12px; }
}/*END*/
@media (max-width:1200px){
.SFJ005P1_read .inner .his_box2 .his_txt_box{ position: absolute; left: 205px; bottom: 10px; }
}/*END*/
@media (max-width:1000px){
.his_box2 img{ max-width: 190px; margin: 0 auto; }
.SFJ005P1_read .inner .his_box2 .his_txt_box{ margin: 30px auto 0; position: relative; left: initial; bottom: initial; padding-left: 18px; display: inline-block;}
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name{ width: auto; margin-top: 5px; font-size: 14px; }
}/*END*/
@media (max-width:550px){
.his_box2 img{ max-width: 160px; margin: 0 auto; }
}/*END*/
@media (max-width:400px){
.SFJ005P1_read .inner .his_box2 .his_txt_box .year{ margin-top: 0px; font-size: 18px; letter-spacing: 2px; line-height: 1.2; font-family: 'Montserrat', sans-serif; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name{ margin-top: 6px; font-size: 12px; }
}/*END*/
@media (max-width:370px){
.his_box2 img{ max-width: 140px; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .year{ margin-top: 0px; font-size: 16px; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name{ margin-top: 6px; font-size: 12px; }
.SFJ005P1_read .inner .his_box2 .his_txt_box .model_name span{ display: inline; }
}/*END*/
/*-------------------------------------------------
GPS
--------------------------------------------------*/
/*=====[ SSH165 ]=====*/
.SSH165_img_box{ width: 100%; position: relative; background: #000; overflow:hidden ; }
.SSH165_img_box .img_box{ width: 80%; max-width:1100px; margin: 0 auto; position: relative; z-index: 5; display: flex; flex-direction : row-reverse; }
.SSH165_img_box .img_box img{width: 82.7%; position: relative; z-index: 5; }
.SSH165_img_box .img_box .SSH165_img_box_bg1{ position: absolute; left: 0px; top: -550px; width: 3200px; height: 3200px; margin: -1600px 0 0 -1600px; background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 65%); z-index: 1; }
.SSH165_img_box .img_box .SSH165_img_box_bg2{ position: absolute; left: 680px; top: 1250px; width: 3200px; height: 3200px; margin: -1600px 0 0 -1600px; background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 65%); z-index: 1; }
/*
.SSH165_img_box .img_box .SSH165_img_box_bg1{ position: absolute; left: -171px; top: -400px; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%); z-index: 15; }
.SSH165_img_box .img_box .SSH165_img_box_bg2{ position: absolute; right: 325px; bottom: -680px; width: 32px; height: 32px; margin: -16px 0 0 -16px; background-image: radial-gradient(circle closest-side, rgba(255, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%); z-index: 15; }
*/
@media (max-width:1100px){
.SSH165_img_box .img_box{ width:1100px; margin-left: -550px; position: relative;left: 50%; top: 0; }
}/*END*/
@media (max-width:800px){
.SSH165_img_box .img_box{ width:140%; margin-left: -69%;}
}/*END*/
/*concept_br_SSH165*/
.concept_br_SSH165{ display: block; }
@media (max-width:1000px){
.concept_br_SSH165{ display: none; }
}/*END*/
/*concept_br_SSH169*/
.concept_br_SSH169{ display: block; }
@media (max-width:640px){
.concept_br_SSH169{ display: none; }
}/*END*/
.gps_concept_box .txt_box { width: 80% !important; max-width: 780px;}
.gps100th_concept_box .txt_box { width: 80% !important; max-width: 780px;}
/*8r*/
@media (max-width:750px){
.SPB513_concept_box_br{ display: none;}
}/*END*/
/*6r*/
@media (max-width:800px){
.srq055_concept_box_br{ display: none;}
}/*END*/