@charset "utf-8";

/*-------------------------------------------------
	about_main
--------------------------------------------------*/
/* about_main_logo */
.about_main_logo{ position: absolute; left: 50%; top: 70%; width: 19vw; margin-left:-9.5vw ;}
@media screen and (orientation: portrait) {/*tab*/
.about_main_logo{ position: absolute; left: 50%; top: 68%; width: 42vw; margin-left:-21vw ;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {/*sp2*/
.about_main_logo{ position: absolute; left: 50%; top: 65%; width: 45vw; margin-left:-22.5vw ;}
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
.about_main_logo{ position: absolute; left: 50%; top: 68.5%; width: 45vw; margin-left:-22.5vw ;}
}/*END*/

/*---- main_img ----*/
.about_main_img{ width: 100%; }
.about_main_img img{ width: 100%;}

/*[ on / off ]*/
.about_main_img .x15{display:block;}
.about_main_img .x1{display:none;}
.about_main_img .tab{display:none;}
.about_main_img .sp2{display:none;}
.about_main_img .sp{display:none;}
@media screen and (max-width: 1400px) {
.about_main_img .x15{display:none;}
.about_main_img .x1{display:block;}
}/*END*/
@media screen and (orientation: portrait) {
.about_main_img .x1{display:none;}
.about_main_img .tab{display:block;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.about_main_img .tab{display:none;}
.about_main_img .sp2{display:block;}
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
.about_main_img .sp2{display:none;}
.about_main_img .sp{display:block;}
}/*END*/

/*-------------------------------------------------
	read
--------------------------------------------------*/
#about #read .inner{ max-width: 1110px; width: 85%; margin: 0 auto; }

/*-------------------------------------------------
	matome
--------------------------------------------------*/
.matome{ padding: 100px 0;}
.matome p{width: 90%; margin: 0 auto; font-size: 20px; line-height: 1.6; letter-spacing: 2px;  text-align: center;}
@media (max-width: 750px){
.matome{ padding: 80px 0; margin-top: 80px; background: #f5f5f5; letter-spacing: 1px; }
.matome p br{ display:none; }
.matome p span{ display: inline-block; }
.matome p{ width: 85%; max-width: 500px;  font-size: 18px;  }
}/*END*/
@media (max-width: 600px){
.matome{ padding: 70px 0;  margin-top: 80px;}
.matome p br{ display:none; }
.matome p span{ display: inline-block; }
.matome p{ width: 85%; max-width: 400px;  font-size: 17px; }
}/*END*/
@media (max-width: 500px){
.matome{ padding: 60px 0;  margin-top: 60px;}
.matome p{ width: 85%; max-width: 380px; font-size: 16px;  }
.matome p br{ display:none; }
}/*END*/

/*-------------------------------------------------
	speedtimer
--------------------------------------------------*/
#speedtimer{ background: #f5f5f5;}
#speedtimer .co_txt_box{ max-width: 1000px; width: 70%; padding: 80px 0 100px; margin: 0 auto;  text-align: center;}
#speedtimer .co_txt_box .btn { margin-top: 50px;  text-align: center;}
#speedtimer .co_txt_box .btn a{ margin-top: 0px; text-align: center;}
@media screen and (max-width: 1000px) {
#speedtimer .co_txt_box{ max-width: 1000px; width: 80%; padding: 60px 0 80px; margin: 0 auto; }
#speedtimer .co_txt_box .btn { margin-top: 40px;  text-align: center;}
}/*END*/
@media (max-width: 640px){
#speedtimer .co_txt_box{ max-width: 1000px; width: 80%; padding: 50px 0 60px; margin: 0 auto; }
#speedtimer .co_txt_box .btn { margin-top: 40px;  text-align: center;}
}/*END*/

@media (max-width: 580px){
#speedtimer .co_txt_box br{ display: none; }
}/*END*/




#speedtimer h2 img.pc{display: block;}
#speedtimer h2 img.tab{display: none;}
#speedtimer h2 img.sp{display: none;}
@media (max-width: 1000px){
#speedtimer h2 img.pc{display: none;}
#speedtimer h2 img.tab{display: none;}
#speedtimer h2 img.sp{display: block;}
}/*END*/


/*
.lr_box_mt0 ul li:nth-child(1){ margin-top: 0px; display: block; }
*/

/*-----　About　-----*/
/* lr_box */
#about .lr_box{ padding: 100px 0;}
@media (max-width: 850px) {
#about .lr_box{ padding: 11vw 0 100px;}
}/*END*/
@media (max-width: 450px) {
#about .lr_box{ padding: 11vw 0 90px;}
}/*END*/
/* lr_box swichi*/
#about .lr_box ul li:nth-child(odd){flex-direction: row-reverse;}/*奇数*/
#about .lr_box ul li:nth-child(odd) .img_box{margin-right: 6%;}
#about .lr_box ul li:nth-child(even) .img_box{margin-left: 6%;}/*遇数*/

/*-----　計時　-----*/
/* lr_box swichi*/
#timekeeping .lr_box ul li:nth-child(even){ flex-direction: row-reverse;}/*遇数*/
#timekeeping .lr_box ul li:nth-child(even) .img_box{margin-right: 6%;}
#timekeeping .lr_box ul li:nth-child(odd) .img_box{margin-left: 6%;}/*奇数*/

/*-------------------------------------------------
	.keiji_lr_box [セイコークロノグラフ マイルストーン]
--------------------------------------------------*/
/* keiji_lr_box*/
.keiji_lr_box ul li:nth-child(odd){ width: 100%; background: #f5f5f5;}/*奇数*/
/* wrap */
.keiji_lr_box ul li .wrap{ width: 100%;display: flex; padding: 90px 0; margin: 0 auto 0px; max-width: 1404px; }
.keiji_lr_box ul li .wrap .img_box{ width:28%;}
.keiji_lr_box ul li .wrap .img_box img{ width:100%; }
.keiji_lr_box ul li .wrap .txt_box{ width:57.5%;  display: flex; align-items: center; justify-content: center; }
.keiji_lr_box ul li .wrap .txt_box .inner{ width:61.5%; }
.keiji_lr_box ul li .wrap .img_box,
.keiji_lr_box ul li .wrap .txt_box{ display: flex; align-items: center; justify-content: center; }
/* keiji_lr_box swichi*/
.keiji_lr_box ul li:nth-child(odd) .wrap{flex-direction: row-reverse;}/*奇数*/
.keiji_lr_box ul li:nth-child(odd) .wrap .img_box{margin-right: 14.5%;}
.keiji_lr_box ul li:nth-child(even) .wrap .img_box{margin-left:  14.5%;}/*遇数*/
@media (max-width: 1000px) {
.keiji_lr_box ul li .wrap{ width: 80%; margin: 0 auto; max-width: 650px; padding: 90px 0; display: block; }
.keiji_lr_box ul li .wrap .img_box{ width:80%; max-width: 350px;  margin: 0% auto !important;}
.keiji_lr_box ul li .wrap .txt_box{ margin-top: 40px; width:100%; }
.keiji_lr_box ul li .wrap .txt_box .inner{ width:100%; }
}/*END*/
@media (max-width: 640px) {
.keiji_lr_box ul li .wrap{ padding: 60px 0;}
.keiji_lr_box ul li .wrap .txt_box{ margin-top: 30px; width:100%; }
}/*END*/

/*br トリ*/
@media (max-width: 1000px) {
#world_athletics .lr_box .br{ display: none; }
}/*END*/