@charset "utf-8";

/*-------------------------------------------------
	main
--------------------------------------------------*/
#main { margin-top: 0px; text-align: center;}
#main .main_wrap{display: flex; align-items: center; justify-content: center;margin: 0 auto; width: 100%;position: relative;}
#main .main_wrap .inner{display: flex; width: 100%; max-height: 100vh;}
#main .main_wrap .inner .txt_wrap{ width: 51.8%; }
#main .main_wrap .inner .txt_wrap .txt_box{ width: 100%;height: 90%; display: flex; align-items: center; justify-content: center;}
#main .main_wrap .inner .img_wrap{ width: 42.5%; }
#main .main_wrap .inner .img_wrap .img_box { width: 100%; max-height: 100vh; display: flex; align-items: center;  justify-content: flex-start;}
#main .main_wrap .inner .img_wrap .img_box img{ max-width: 100%; max-height: 100vh;}
.h1_1,
.h1_2,
#main p.lead span{ display: inline-block; }
@media screen and (max-width: 1000px) {
#main .main_wrap .inner{flex-direction: column-reverse;  width: 100%; max-height: initial;}
#main .main_wrap .inner .txt_wrap{padding-top: 9%; width: 100%; max-height: initial; }
#main .main_wrap .inner .img_wrap{width: 100%;} 
#main .main_wrap .inner .img_wrap .img_box { width: 100%; max-height: initial; }
#main .main_wrap .inner .img_wrap .img_box img{ width: 100%; max-width: initial; max-height: initial;}
}
@media screen and (max-width: 700px) {
#main .main_wrap .inner .txt_wrap{padding-top: 12%;}
#main .main_wrap .inner .img_wrap{width: 140%;} 
#main .main_wrap .inner .img_wrap .img_box img{ position: relative; width: 100%; left: -15%;} 
}
@media screen and (max-width: 500px) {
#main .main_wrap .inner .img_wrap{width: 180%;} 
#main .main_wrap .inner .img_wrap .img_box img{ position: relative; width: 100%; left: -22.5%;} 
}
/*[ on / off ]*/
#main .x15{ display: block;}
#main .x1{ display: none;}
#main .sp{ display: none;}
@media screen and (max-width: 1500px) {
#main .x15{ display: none;}
#main .x1{ display: block;}
#main .sp{ display: none;}
}
@media screen and (max-width: 1000px) {
#main .x15{ display: none;}
#main .x1{ display: none;}
#main .sp{ display: block;}
}

.sl_main{ width: 100%;}

/*-------- font --------*/
#main h1{ margin-top: 19%; font-family:'Times New Roman', serif;}
.h1_2{margin-top: 4%;display: flex; align-items: center; justify-content: center;}
@media screen and (max-width: 1000px) {
#main h1{ margin-top: 15%;}
}
#main p.lead{font-size: 1.37vw; letter-spacing: 1.3px; line-height: 1.75;}
.h1_1{font-size: 5.8vw;letter-spacing: .22vw;line-height: 1;}
.h1_2{font-size: 2.3vw;letter-spacing: .09vw;line-height: 1.1;}
.side_bar{ margin: 0 .9vw; width: 2.35vw; height: 1.5px; background: #000;display: inline-block; }
@media screen and (max-width: 1500px) {
.side_bar{ margin: 0 .9vw; width: 2.35vw; height: 1.5px;}
}
@media screen and (max-width: 1400px) {
.side_bar{ margin: 0 .9vw; width: 2.35vw; height: 1px;}
}
@media screen and (max-width: 1000px) {
#main p.lead{font-size: 2.63vw;}
.h1_1{font-size: 11.45vw;letter-spacing: .32vw;}
.h1_2{font-size: 4.45vw;letter-spacing: .25vw;}
.side_bar{ margin: 0 1.6vw; width: 4.63vw; height: 1.5px;}
}
@media screen and (max-width: 700px) {
#main p.lead{font-size: 3.5vw;}
.h1_1{font-size: 13vw;letter-spacing: .33vw;}
.h1_2{font-size: 5.2vw;letter-spacing: .25vw;}
.side_bar{ margin: 0 1.6vw; width: 4.63vw;height: 1.5px;}
}
@media screen and (max-width: 500px) {
#main p.lead{font-size: 4vw;}
.h1_1{font-size: 14vw;letter-spacing: .33vw;}
.h1_2{font-size: 5.8vw;letter-spacing: .25vw;}
.side_bar{ margin: 0 1.6vw; width: 4.63vw;height: 1px;}
}

/*-------- scroll --------*/
.scroll{ height: 26%; width: 100px; margin-left: -50px; position: absolute; left: 2.9%; bottom: -12%; z-index: 99; }
.scroll .scroll_inner{ height: 100%; width: 100%; overflow:hidden; position: relative; z-index: 5; transition: .3s; }
.scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer; color: #000; text-decoration: none;}
.scroll a .scroll_wheel{ width: 1px; height: 100%;  opacity: 0; animation: scroll_wheel 2s .5s 1 forwards ease-out; background:rgba(0,0,0,.1); display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.scroll a .scroll_wheel:after { opacity: 1; width: 100%; height: 20%; animation: scroll_wheel_after 2s 0.5s infinite normal ease; background:#000; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; }
@keyframes scroll_wheel_after { 0% { top:0%; opacity: 1;} 30% { top:100%; opacity: 1;} 31% { top:100%; opacity: 0;} 32% { top:-34%; opacity: 0;} 33% { top:-34%; opacity: 1;} 80% { top:0%;} 100% { top:0%;} }
.scroll a:hover { opacity: 0.5;}
@media screen and (max-width: 600px) {
.scroll{display: none;}
}
@media screen and (max-width: 1000px) {
.scroll{ left: 5%;}
}
.scroll_txt{font-size: 17px; line-height: 1; letter-spacing: 1.2px; text-align: right; position: absolute; top: -85px; left: 50%; width: 100px; margin-left: -50px; text-align: right;transform: rotate( 90deg );font-family:'Times New Roman', serif;font-weight: lighter;}
@media screen and (max-width: 1600px) {
.scroll_txt{ font-size: 1.06vw; top: -5.3vw;}
}
@media screen and (max-width: 1400px) {
.scroll_txt{ font-size: 1.06vw; top: -75px;}
}
@media screen and (max-width: 1000px) {
.scroll_txt{ font-size: 14px; top: -85px;}
}
@media screen and (max-width: 640px) {
.scroll_txt{ font-size: 13px; top: -85px;}
}
@media screen and (max-width: 400px) {
.scroll_txt{ font-size: 12px; top: -85px;}
}

/*-------------------------------------------------
	slide
--------------------------------------------------*/
#slide{ padding: 12vw 0; background: #fff; position: relative; margin-top: 0px; overflow: hidden; }
.sl_word li{ font-size:	25vw; line-height: 1.15; font-family:'Times New Roman', Times, serif; font-weight: normal; color: #e7e8eb; margin-right: 5vw; outline: none;}
.sl_img { position: absolute; left: 0; top: 0; height: 100%;}
.sl_img li img{ height: 33.5vw;  pointer-events: none; user-select: none; }
@media (max-width:1000px){
#slide{ padding: 27vw 0; }
.sl_word li{ font-size:35vw; line-height: 1.15;}
.sl_img { position: absolute; left: 0; top: 0; height: 100%;}
.sl_img li img{ height: 60vw;  pointer-events: none; user-select: none; }
}/*END*/
/* on / off */
#slide .x15{display:inline;}
#slide .x1{display:none;}
@media (max-width:640px){
#slide .x15{display:none;}
#slide .x1{display:inline;}
}/*END*/

/*-------------------------------------------------
	co_slide
--------------------------------------------------*/
#media_slide{ padding: 150px 0; background: #f1f1f1; position: relative; margin-top: 0px; overflow: hidden; }
.co_sl_word li{ font-size:130px; line-height: 1.15; font-family:'Times New Roman', Times, serif; font-weight: normal; color: #fff; margin-right: 5vw; outline: none;}
@media (max-width:1600px){
.co_sl_word li{ font-size:9vw; line-height: 1.15;}
}/*END*/
@media (max-width:1000px){
#media_slide{ padding: 10vw 0; }
.co_sl_word li{ font-size:13vw; line-height: 1.15;}
}/*END*/

/*-------------------------------------------------
	banner_list
--------------------------------------------------*/
#banner_list{ padding: 0 30px 120px; margin: 0 auto;}

@media screen and (max-width: 1000px) {
#banner_list{ padding: 0 20px 120px;}
}
@media screen and (max-width: 640px) {
#banner_list{ padding: 0 10px 120px;}
}
@media screen and (max-width: 500px) {
#banner_list{ padding: 0 10px 90px;}
}
/*-------------------------------------------------
	banner 共通
--------------------------------------------------*/
.head_space{ height: 70px; display: block;}
#co_main{ margin-top: 0px;}
#co_main .banner{background: #000; margin-top: 0px; }
#banner_list .banner{ margin-top: 30px; }
.banner a,
.banner h1,
.banner h2{color: #fff;text-decoration: none;font-family:'Times New Roman', serif;}
.banner img{width: 100%;}
@media screen and (max-width: 1000px) {
#banner_list .banner{ margin-top: 20px;}
}
@media screen and (max-width: 640px) {
#banner_list .banner{ margin-top: 10px;}
}

/*-------- font-size --------*/
.banner h1,
.banner h2{ font-size: 36px;line-height: 1;letter-spacing: 2.2px;}
@media screen and (max-width: 1450px) {
.banner h1,
.banner h2{ font-size: 2.48vw; letter-spacing: 0.15vw;}
}
@media screen and (max-width: 1000px) {
.banner h1,
.banner h2{ font-size: 3.5vw;}
}
@media screen and (max-width: 450px) {
.banner h1,
.banner h2{ font-size: 5vw;}
.about_banner h1,
.about_banner h2{ font-size: 3.75vw; letter-spacing: 0vw;}
}

/*-------- banner_bar --------*/
.banner_bar{margin-top: 16px !important; width: 50px; height: 1px; background: #fff; opacity: .3; display: block; }
#co_main .banner_bar{ transition: initial;}
#banner_list .banner_bar{ transition: .5s;}
#banner_list a:hover .banner_bar{width: 80px; height: 1px; background: #fff;  opacity: 1;}
@media screen and (max-width: 1450px) {
.banner_bar{margin-top: 1.01vw !important;}
}
@media screen and (max-width: 1000px) {
.banner_bar{margin-top: 1.5vw !important;}
}
@media screen and (max-width: 640px) {
.banner_bar{width: 44px;}
.banner a:hover .banner_bar{width: 44px;}
.banner .media_banner_bar{width: 30px;}
.banner a:hover .media_banner_bar{width: 30px;}
}
@media screen and (max-width: 450px) {
.banner_bar{width: 10vw;}
.banner a:hover .banner_bar{width: 10vw;}
.banner .media_banner_bar{width: 8vw;}
.banner a:hover .media_banner_bar{width: 8vw;}
}

/*[ on / off ]*/
.banner .x15{display:block;}
.banner .x1{display:none;}
.banner .sp{display:none;}
@media screen and (max-width: 1600px) {
.banner .x15{display:none;}
.banner .x1{display:block;}
.banner .sp{display:none;}
}/*END*/
@media screen and (max-width: 1000px) {
.banner .x15{display:none;}
.banner .x1{display:none;}
.banner .sp{display:block;}
}/*END*/

/*-------------------------------------------------
	banner
--------------------------------------------------*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner_wrap{width: 100%;height: 100%;position: absolute;display: flex; align-items: center; justify-content: center;overflow: hidden;}
.banner_wrap .inner{max-width: 1300px;width: 83%;z-index: 2; }
.banner a .img_box img{transition: all .5s;}
.banner a:hover .img_box img{ transform: scale(1.05);}
@media screen and (max-width: 2400px) {
.banner .img_box{position: relative; left: 50%; max-width: 2400px; margin-left: -1200px;}
}
@media screen and (max-width: 1600px) {
.banner .img_box{left: initial;margin-left: initial;}
}
@media screen and (max-width: 1000px) {
.banner_wrap .inner{max-width: 1000px;width: 80%;}
.about_banner  .inner{ width: 87%;}
}

/* --- banner_wrap_r --- */
.banner_wrap_r{width: 100%;height: 100%;position: absolute;display: flex; align-items: center; justify-content: center; overflow: hidden; }
.banner_wrap_r .inner{max-width: 1200px;width: 77%;z-index: 2; display: flex; flex-direction : row-reverse;}
@media screen and (max-width: 1000px) {
.banner_wrap_r .inner{max-width: 1000px;width: 80%;}
}

/*-------------------------------------------------
	Campaign
--------------------------------------------------*/
.campaign_banner{padding: 60.5px 0;background: #696b6b;}
.campaign_banner .banner_wrap{position: initial;}
.campaign_banner .banner_wrap .inner{display: flex;}
.campaign_banner .title_box{ margin-top: 150px;margin-right: 12.2%;}

/*-------- li --------*/
.campaign_banner li{ margin-top: 70px; }
.campaign_banner li:first-child{margin-top: 0px;}
.campaign_banner .banner_wrap .inner li a{ display: flex; align-items: center; }
.campaign_banner .banner_wrap .inner li a p{ transition: 0.3s; }
.campaign_banner .banner_wrap .inner li a:hover p{ opacity: 0.6;}
.campaign_banner .banner_wrap .inner li a:hover .img_box img{ opacity: 0.6; transform: scale(1.02);}
.campaign_banner li .img_box{ margin-right: 8%; width: 733px; overflow: hidden;}
/*-------- 交差 --------*/
.campaign_banner  li:nth-child(even) a{ flex-direction : row-reverse;}
.campaign_banner  li:nth-child(even) .img_box{ margin-right: initial;}
.campaign_banner  li:nth-child(even) .txt_box{ margin-right: 8.2%;}
@media screen and (max-width: 2400px) {
.campaign_banner li .img_box{ position: relative; left: initial; max-width: 2400px; margin-left: initial;}
}
@media screen and (max-width: 1600px) {
.campaign_banner{padding: 3.14vw 0;}
.campaign_banner li .img_box{width: 44.5vw; margin-right: 5%;}
.campaign_banner .title_box{ margin-top: 9.4vw;}
}
@media screen and (max-width: 1000px) {
.campaign_banner{padding: 10% 0;}
.campaign_banner .banner_wrap .inner{display: block;}
.campaign_banner .title_box{ margin: 0 auto;text-align: center;}
.campaign_banner .banner_bar{margin: 0 auto;width: 6.4vw !important;}
.campaign_banner  ul{margin-top: 10%;}
.campaign_banner  li{margin: 11% auto 0px;width: 70%;}
.campaign_banner li .img_box{width: 100%;}
.campaign_banner .title_box{ margin-top: initial;}
}
@media screen and (max-width: 640px) {
.campaign_banner  li{ width: 90%;}
}
@media screen and (max-width: 500px) {
.campaign_banner  li{ width: 100%;}
}

/*-------- fontサイズ --------*/
.campaign_banner .txt_box p{font-size: 15px;line-height: 1.9;color: #fff;white-space: nowrap;font-family: 'Noto Serif JP', serif; font-weight: 400; }
@media screen and (max-width: 1600px) {
.campaign_banner .txt_box p{font-size: .95vw;}
}
@media screen and (max-width: 500px) {
.campaign_banner .txt_box p{font-size: 14px;}
}
@media screen and (max-width: 450px) {
.campaign_banner .txt_box p{font-size: 3.1vw;}
}

/*-------------------------------------------------
	パンクズリスト
--------------------------------------------------*/
.breadcrumb {list-style: none; display: flex; align-items: center; margin: 6.5px auto 0 ;flex-wrap: wrap;width: 100%;padding: 0 14px;}
.breadcrumb-item + .breadcrumb-item::before {content: " "; display: inline-block;width: 4px; height: 7px;background-image: url("../img/ic_arrow_b.svg");background-size: contain;background-repeat: no-repeat;padding: 0;margin: 0 14px 0 0;font-size: 1px;}
.breadcrumb-item.active a {color: #666;cursor: default;}
.breadcrumb-item a,
.breadcrumb-item {font-size: 10px;line-height: 2;letter-spacing: 0.06em;display: inline-block;color: #000;}
.breadcrumb-item a{margin-right: 14px; text-decoration: none;}
.breadcrumb-item a:hover {opacity: 0.6;}
.breadcrumb .page_before a{outline: none; color: #000; border-bottom: 1px solid #000;padding-bottom: 0px;}
@media screen and (max-width: 1000px) {
.breadcrumb {list-style: none; display: flex; margin: 10px auto 0 ;}
}
@media screen and (max-width: 400px) {
.breadcrumb {padding: 0 15px;}
.breadcrumb-item + .breadcrumb-item::before {margin: 0 10px 0 0;}
.breadcrumb-item a{margin-right: 10px;}
}

/*-------- パンクズリスト黒 --------*/
.black{ background: #000; margin: 0; display: inline-block; width: 100%; color: #fff;}
.black .breadcrumb-item {font-size: 10px;line-height: 2;letter-spacing: 0.06em;display: inline-block;color: #666;}
.black .breadcrumb a{outline: none; color: #666; border-bottom: 1px solid #666;padding-bottom: 0px;}
.black .breadcrumb-item + .breadcrumb-item::before {content: " "; display: inline-block;width: 4px; height: 7px;background-image: url("../img/ic_arrow_g.svg");background-size: contain;background-repeat: no-repeat;padding: 0;margin: 0 14px 0 0;font-size: 1px;}



/*-------------------------------------------------
	co_media
--------------------------------------------------*/
.media_wrap{background: #f1f1f1;}
#co_media{ padding-bottom: 100px; display: flex; align-items: center; justify-content: center;}
#co_media .co_inner{ margin-top: 66px;max-width: 1600px; width: 90%;}
/*-------- タイトル --------*/
#co_media .co_inner .title_box h2{text-align: center; width: 90%;margin: 0 auto;}
#co_media .co_inner .title_box h2 span{display: inline-block;}
#co_media .co_inner .title_box .title_bar{ width: 113px;height: 3px; margin: 34px auto 0; background: #c4c6c8;}
/*-------- ul --------*/
#co_media .co_inner ul{margin: 78px auto 0px;max-width: 1150px;display: flex;  justify-content: space-between;flex-wrap: wrap;}
#co_media .co_inner ul li{padding: 20px;background: #fff;width: 48.7%;margin-top: 28px; box-sizing: border-box;}
#co_media .co_inner ul li a .img_box{overflow: hidden;background: #000;}
#co_media .co_inner ul li a .img_box img{transition: all .5s;}
#co_media .co_inner ul li a:hover .img_box img{opacity: 0.7; transform: scale(1.05); }
#co_media .co_inner ul li a:hover .txt_box{ opacity: 0.7;}
#co_media .co_inner ul li .txt_box{margin: 19px auto 0;color: #000;width: 98%;}
#co_media .co_inner ul li a {text-decoration: none;}
#co_media .co_inner ul li:nth-child(1){ margin-top: 0px !important;}
#co_media .co_inner ul li:nth-child(2){ margin-top: 0px;}
@media screen and (max-width: 1300px) {
#co_media .co_inner ul li{padding: 1.5vw 1.5vw 20px;}
}
@media screen and (max-width: 900px) {
#co_media .co_inner ul li{padding: 15px 15px 20px;}
}
@media screen and (max-width: 900px) {
#co_media .co_inner .title_box h2{max-width: 500px;}
}
@media screen and (max-width: 640px) {
#co_media .co_inner{ margin-top: 46px; }
#co_media .co_inner ul{ margin: 68px auto 0px; display: block;}
#co_media .co_inner ul li{width: 90%;margin: 28px auto 0;padding: 3vw 3vw 20px;}
#co_media .co_inner ul li:nth-child(2){ margin-top: 28px;}
#co_media .co_inner .title_box .title_bar{ width: 80px;height: 2px; margin: 24px auto 0; background: #c4c6c8;}
}

/*-------- fontサイズ --------*/
#co_media .co_inner .title_box h2{  font-size: 24px; line-height: 1.5;color: #000;}
#co_media .co_inner ul li .txt_box p{ font-size: 16px; line-height: 1.6;letter-spacing: .7px;}
@media screen and (max-width: 1000px) {
#co_media .co_inner ul li .txt_box p{ font-size: 14px;}
}
@media screen and (max-width: 700px) {
#co_media .co_inner .title_box h2{  font-size: 20px;}
#co_media .co_inner ul li .txt_box p{ font-size: 13px;}
}
@media screen and (max-width: 400px) {
#co_media .co_inner .title_box h2{  font-size: 18px;}
#co_media .co_inner ul li .txt_box p{ font-size: 12px;}
}

/*-------------------------------------------------
	co [ base ]
--------------------------------------------------*/
hr{ margin: 0; width: 100%; height: 1px; background: #cfd1d4;}

/*-------------------------------------------------
	co_movement
--------------------------------------------------*/
/*-------- lead --------*/
#co_movement_lead {padding: 80px 0 100px; width: 80%;max-width: 1150px;margin: 0 auto;text-align: center;}
#co_movement_lead .title_box .title_bar{ margin: 45px auto 0; width: 154px; height: 4px; background: #cfd1d4;}
#co_movement_lead .txt_box{margin-top: 48px;}
#co_movement_lead .txt_box p span{display: inline-block;}
@media (max-width: 1000px) {
#co_movement_lead {padding: 80px 0 80px; width: 80%;margin: 0 auto;text-align: center;}
}/*end*/
@media (max-width: 850px) {
#co_movement_lead .txt_box p br.br{display: none;}
}/*end*/
@media (max-width: 640px) {
#co_movement_lead .title_box .title_bar{ margin: 45px auto 0; width: 100px; height: 3px; background: #cfd1d4;}
}/*end*/
@media (max-width: 500px) {
#co_movement_lead {padding: 55px 0 80px; width: 90%; }
}/*end*/

/*------------------- co_movement --------------------*/
#co_movement .co_inner{margin: 0 auto 0px;width: 80%;max-width: 1150px;}
.caliber {margin-top: 95px;}
.caliber .title_box h3{margin-top: 28px;}
.caliber .detail_box{ margin-top: 52px; display: flex; justify-content: space-between; flex-direction : row-reverse;}
.caliber .detail_box .img_box{ width: 43.6%; min-height: 550px; position: relative;}
.caliber .detail_box .img_box img{ position: absolute; top: 0px; left: 0px; z-index: -1;}
.caliber .detail_box .txt_box{ width: 48%; padding-bottom: 0px ; }
@media (max-width: 1000px) {
.caliber .detail_box{ display: block; }
.caliber .detail_box .img_box{ margin: 0 auto; width: 80%; max-width: 450px; min-height: initial;}
.caliber .detail_box .img_box img{ position: relative; }
.caliber .detail_box .txt_box{  margin-top: -120px; width: 100%; }
}/*end*/
@media (max-width: 750px) {
.caliber {margin-top: 80px;}
}/*end*/
@media (max-width: 700px) {
.caliber .detail_box .txt_box{ margin-top: -17vw; width: 100%; }
}/*end*/
@media (max-width: 500px) {
#co_movement .co_inner{margin: 0 auto 0px;width: 90%;max-width: 1150px;}
}/*end*/


/*---------------------------------
	キャリバー詳細テーブル
----------------------------------*/
.caliber .detail_box table.movement_tbl{margin-top: 48px; }
.caliber .detail_box table.movement_tbl th {padding: 12px 0px 12px;  border-bottom: solid #e6e6e6 1px; text-align: left; white-space: nowrap;vertical-align:top;}
.caliber .detail_box table.movement_tbl td {padding: 12px 15px 12px 10px; border-bottom: solid #e6e6e6 1px; text-align: left; vertical-align:top;}
.caliber .detail_box table.movement_tbl .ttl { border-bottom: none;padding: 0;}
@media (max-width: 640px) {
.caliber .detail_box table.movement_tbl{margin-top: 35px; }
.caliber .detail_box table.movement_tbl td {padding: 12px 15px 12px 5px; }
}/*end*/
/*-------- fontサイズ --------*/
.caliber .detail_box table.movement_tbl th { font-size: 14px; line-height: 1.5; opacity: 0.7;}
.caliber .detail_box table.movement_tbl td { font-size: 15px; line-height: 1.5;}
@media (max-width: 1400px) {
.caliber .detail_box table.movement_tbl th { font-size: 13px; }
.caliber .detail_box table.movement_tbl td { font-size: 14px; }
}/*end*/
@media (max-width: 1200px) {
.caliber .detail_box table.movement_tbl th { font-size: 12px; }
.caliber .detail_box table.movement_tbl td { font-size: 13px; }
}/*end*/
@media (max-width: 1000px) {
.caliber .detail_box table.movement_tbl th { font-size: 14px; }
.caliber .detail_box table.movement_tbl td { font-size: 15px; }
}/*end*/
@media (max-width: 750px) {
.caliber .detail_box table.movement_tbl th { font-size: 13px; }
.caliber .detail_box table.movement_tbl td { font-size: 14px; }
}/*end*/
@media (max-width: 640px) {
.caliber .detail_box table.movement_tbl th { font-size: 12px; }
.caliber .detail_box table.movement_tbl td { font-size: 13px; }
}/*end*/
@media (max-width: 400px) {
.caliber .detail_box table.movement_tbl th { font-size: 11px; }
.caliber .detail_box table.movement_tbl td { font-size: 12px; }
}/*end*/

/*---------------------------------
	model [ 搭載モデル ]
----------------------------------*/
.model {  padding: 70px 0 50px;  }
.model_top1{margin: 20px 0 40px; }
.model_top2{margin-top: 20px;}
.model .inner { margin-top: 40px; }
.model .inner ul{ padding: 0 ; margin: 0 auto;display: flex; align-items: center; flex-wrap: wrap;}
hr{ background: #cfd1d4;}
.model h3 { text-align: center;}

.co_caliber{padding-top: 20px; position: relative; }
.co_caliber::after{ content: ''; display: block;background: linear-gradient(to bottom, rgba(0,0,0,.04) 0%, rgba(0,0,0,0) 100%); width: 400%; height: 500px; position: absolute; top: 0px; left: -150%; z-index: -1; }
.model .inner ul{ justify-content: center;}
.model .inner ul li{margin: 27px 1.4% 27px; width: 13.5%; text-align: center; align-items: center;}
.model .inner ul li img{ width: 100%; max-width: 155px;}
.model .inner ul li p{ margin-top: 18px;color: #666;}
.model .inner ul li a{ text-decoration: none; color: #666; transition: 0.3s;}
.model .inner ul li a img{ transition: 0.5s;}
.model .inner ul li a:hover{ opacity: 0.7;}
.model .inner ul li a:hover img{ transform: scale(1.05);}
@media (max-width: 1000px) {
.model .inner ul{ max-width: 650px; display: flex; align-items: center; flex-wrap: wrap;}
.model .inner ul li{ margin: 27px 1.5% 27px; width: 30%;}
}/*end*/
@media (max-width: 640px) {
.model .inner ul li{ margin: 22px 1.5% 22px; width: 30%;}
.model .inner ul li p{ margin-top: 14px;color: #666;}
}/*end*/

/*---------------------------------
	tech_box [ セイコーの独自技術 ]
----------------------------------*/
.tech_box{ margin-top: 80px; padding: 53px 0 55px; background: #f5f5f5; }
.tech_box .title_box{  text-align: center;}
.tech_box .inner{ padding-top: 60px; width: 90%;display: flex; justify-content: space-between; margin: 0 auto;}
.tech_box .inner .tech{ width: 47.8%;}
.tech_box .inner .tech h3{  padding: 32px 0 25px;text-align: center;}
@media (max-width: 1000px) {
.tech_box{ margin-top: 80px; padding: 50px 0 1px; background: #f5f5f5; }
.tech_box .inner{ padding-top: 60px; width: 85%; display: block; }
.tech_box .inner .tech{ width: 100%; margin: 0 auto 50px;}
.tech_box .inner .tech2{padding-top: 60px; border-top: solid 1px #ccc;}
.tech_box .inner .tech img{ width: 100%; margin: 0px auto ;}
}/*end*/
@media (max-width: 640px) {
.tech_box .inner .tech h3{  padding: 27px 0 20px;text-align: center;}
}/*end*/

/*-------- fontサイズ --------*/
.tech_box .title_box h2{ font-size: 26px; line-height: 1.5; letter-spacing: 4px;}
.tech_box .tech h3{ font-size: 22px; line-height: 1.5; }
@media (max-width: 1400px) {
.tech_box .title_box h2{ font-size: 24px;}
.tech_box .tech h3{ font-size: 20px; }
}/*end*/
@media (max-width: 1200px) {
.tech_box .title_box h2{ font-size: 22px; }
.tech_box .tech h3{ font-size: 18px; }
}/*end*/
@media (max-width: 1000px) {
.tech_box .title_box h2{ font-size: 26px; }
.tech_box .tech h3{ font-size: 22px; line-height: 1.5; }
}/*end*/
@media (max-width: 750px) {
.tech_box .title_box h2{ font-size: 24px; }
.tech_box .tech h3{ font-size: 20px; }
}/*end*/
@media (max-width: 640px) {
.tech_box .title_box h2{ font-size: 22px; letter-spacing: 3px;}
.tech_box .tech h3{ font-size: 18px; }
}/*end*/
@media (max-width: 450px) {
.tech_box .title_box h2{ font-size: 20px; letter-spacing: 3px;}
}/*end*/

/*-------------------------------------------------
	co_about
--------------------------------------------------*/
.about_wrap { background: #fff; }
@media (max-width: 1590px) {
.about_wrap .about_br{ display: none;}
}
@media (max-width: 1000px) {
.about_wrap h2 br,
.about_wrap h3 br{ display: block;}
}/*end*/
/*-------- co_about_lead --------*/
#co_about_lead {text-align: center;width: 90%; max-width: 1600px; margin: 100px auto 0; position: relative; z-index: 2; }
#co_about_lead .txt_box{ margin-top: 2.4%; }
@media (max-width: 1600px) {
#co_about_lead {text-align: center;width: 90%; max-width: 1600px; margin: 6.3vw auto 0;}
}
@media (max-width: 1000px) {
#co_about_lead {text-align: center;width: 90%; max-width: 720px; margin: 70px auto 0;}
#co_about_lead .title_box{ margin-top: 6%;}
#co_about_lead .txt_box{ margin-top: 6%;}
}
@media (max-width: 600px) {
#co_about_lead .txt_box{ margin-top: 40px;}
}
br.br_co_about_lead_1{ display: none; }
br.br_co_about_lead_2{ display: none; }
br.br_co_about_lead_3{ display: inline; }
@media (max-width: 1250px) {
br.br_co_about_lead_1{ display: inline; }
}/*end*/
@media (max-width: 1000px) {
br.br_co_about_lead_2{ display: inline; }
}/*end*/
@media (max-width: 770px) {
br.br_co_about_lead_1{ display: none; }
br.br_co_about_lead_2{ display: none; }
br.br_co_about_lead_3{ display: none; }
}/*end*/

/*-------- co_about --------*/
#co_about { margin: 120px 0 120px; position: relative; z-index: 1; }
.about_inner{ width: 90%; max-width: 1430px; margin: 0 auto;}
.about_box{ display: flex; }
@media (max-width: 1600px) {
#co_about { margin: 7.5% 0 10.5%;}
.about_inner{ width: 90%; max-width: 1430px; margin: 0 auto;}
}
@media (max-width: 1000px) {
#co_about {margin: 110px 0 20%;}
.about_inner{ width: 85%; }
.about_box { display: block;}
}
@media (max-width: 640px) {
#co_about {margin: 80px 0 30%;}
.about_inner{ width: 85%; }
.about_box { display: block;}
}

/*-------- about_01 --------*/
#about_01{ position: relative; }
#about_01 .img_box {width: 44.1%; margin-right: 11%; }
#about_01 .txt_box {width: 39.2%; margin-top: 12.2%; padding-bottom: 7vw;}
#about_01 .img_box .img01 { margin-left: 18%; width: 81%; text-align: center;}
#about_01 .img_box .img02 { margin-top: 10.5%; width: 59.3%;text-align: center;}
#about_01 .img_txt { margin-top: 18px; display: inline-block;}
#about_01 .txt_box p {margin-top: 50px;}
@media (max-width: 1500px) {
#about_01 .img_box {width: 40%; margin-right: 10%; }
#about_01 .txt_box {width: 44%; margin-top: 12%; padding-bottom: 7vw;}
}/*end*/
@media (max-width: 1300px) {
#about_01 .img_box {width: 40%; margin-right: 9%; }
#about_01 .txt_box {width: 48%; margin-top: 12%; padding-bottom: 7vw;}
}/*end*/
@media (max-width: 1200px) {
#about_01 .img_box {width: 38%; margin-right: 9%; }
#about_01 .txt_box {width: 51%; margin-top: 10%; padding-bottom: 7vw;}
}/*end*/
@media (max-width: 1000px) {
#about_01 .img_box {width: 100%; margin: 0 auto; display: flex;}
#about_01 .txt_box {width: 100%; margin: 60px auto 0; padding-bottom: 0px;}
#about_01 .txt_box h2 br{ display: inline;}
#about_01 .txt_box p {margin-top: 40px;}
#about_01 .img_box .img01 { margin-left: 0%; margin-right: 8%; width: 54%; text-align: center;}
#about_01 .img_box .img02 { margin-top: 53%; width: 38%; text-align: center;}
}/*end*/

/*-------- about_02 --------*/
#about_02 { margin-top: 80px; flex-direction: row-reverse; position: relative;}
#about_02 .img_box {width: 44.8%; }
#about_02 .txt_box {width: 36.9%; margin-top: 10%; margin-right: 12%; padding-bottom: 7vw; }
#about_02 .img_box .img01 { width: 80%;}
#about_02 .img_box .img02 { margin-top: 14.5%; margin-left: 41%; width: 59.3%;}
#about_02 .txt_box p {margin-top: 50px;}
@media (max-width: 1500px) {
#about_02 .img_box {width: 40%; }
#about_02 .txt_box {width: 44%; margin-top: 10%; margin-right: 10%; padding-bottom: 7vw; }
}/*end*/
@media (max-width: 1300px) {
#about_02 .img_box {width: 38%; }
#about_02 .txt_box {width: 48%; margin-top: 10%; margin-right: 9%;  padding-bottom: 7vw; }
}/*end*/
@media (max-width: 1200px) {
#about_02 .img_box {width: 36%; }
#about_02 .txt_box {width: 50%; margin-top: 10%; margin-right: 9%;  padding-bottom: 7vw; }
}/*end*/
@media (max-width: 1000px) {
#about_02 { margin-top: 120px ;}
#about_02 .img_box {width: 80%; margin: 0 auto ; max-width: 700px;  }
#about_02 .txt_box {width: 100%; margin: 60px auto 0; padding-bottom: 0vw; }
#about_02 .txt_box h2 br{ display: inline;}
#about_02 .txt_box p {margin-top: 40px;}
#about_02 .img_box .img01 { width: 65%;}
#about_02 .img_box .img02 { width: 47%; margin-top: 12%; margin-left: 47%;}
}/*end*/
@media (max-width: 640px) {
#about_02 { margin-top: 90px ;}
#about_02 .img_box {width: 100%; }
}/*end*/

/*-------- about_03 --------*/
#about_03 { margin-top: 6% ; display: block; position: relative; }
#about_03 .inner{ display: flex;}
#about_03 .img_box {width: 35.8%; margin-left: 7.7%; margin-right: 10.8%;}
#about_03 .txt_box {width: 39.5%; margin-top: 10.5%; margin-right: 6%;}
#about_03 .img_box .img01 { width: 100%;}
#about_03 .txt_box p {margin-top: 50px;}
#about_03 .img_box_02 { margin: 11% auto 0; width: 61.6%;}
@media (max-width: 1500px) {
#about_03 .img_box {width: 31%; margin-left: 7.7%; margin-right: 9%;}
#about_03 .txt_box {width: 46%; margin-top: 9%; margin-right: 6%;}
}/*end*/
@media (max-width: 1300px) {
#about_03 .img_box {width: 31%; margin-left: 7.7%; margin-right: 9%;}
#about_03 .txt_box {width: 46%; margin-top: 8%; margin-right: 6%;}
}/*end*/
@media (max-width: 1200px) {
#about_03 .img_box {width: 31%; margin-left: 7.7%; margin-right: 9%;}
#about_03 .txt_box {width: 48%; margin-top: 7%; margin-right: 6%;}
}/*end*/
@media (max-width: 1000px) {
#about_03 { margin-top: 120px ;}
#about_03 .inner{ display: block;}
#about_03 .img_box {width: 70%; margin: 0 auto; }
#about_03 .txt_box {width: 100%; margin: 15% auto 0;}
#about_03 .txt_box p {margin-top: 40px;}
#about_03 .img_box_02 { width: 85%;}
}/*end*/
@media (max-width: 640px) {
#about_03 { margin-top: 90px ;}
}/*end*/

/*-------------------------------------------------

	co_interview_top

--------------------------------------------------*/
.interview_wrap{background: #f1f1f1;}
#co_interview_top{ padding-bottom: 100px; display: flex; align-items: center; justify-content: center;}
#co_interview_top .co_inner{ margin-top: 66px;max-width: 1600px; width: 90%;}
/*-------- タイトル --------*/
#co_interview_top .co_inner .title_box h2{text-align: center; width: 100%;margin: 0 auto;}
#co_interview_top .co_inner .title_box h2 span{display: inline-block;}
#co_interview_top .co_inner .title_box .title_bar{ width: 113px; height: 3px; margin: 34px auto 0; background: #c4c6c8;}
#co_interview_top .co_inner .title_box h2 br{display: block;}
#co_interview_top .co_inner .title_box h2 br.int_br1{display: block;}
#co_interview_top .co_inner .title_box h2 br.int_br2{display: none;}
@media screen and (max-width: 1100px) {
#co_interview_top .co_inner .title_box h2 br.int_br2{display: block;}
}
@media screen and (max-width: 450px) {
#co_interview_top .co_inner .title_box h2 br.int_br1{display: none;}
#co_interview_top .co_inner .title_box h2 br.int_br2{display: none;}
}
/*-------- ul --------*/
#co_interview_top .co_inner ul{margin: 78px auto 0px;max-width: 1150px;display: flex;  justify-content: space-between;flex-wrap: wrap;}
#co_interview_top .co_inner ul li{padding: 20px;background: #fff;width: 48.7%;margin-top: 28px; box-sizing: border-box;}
#co_interview_top .co_inner ul li a .img_box{overflow: hidden;background: #000;}
#co_interview_top .co_inner ul li a .img_box img{transition: all .5s;}
#co_interview_top .co_inner ul li a:hover .img_box img{opacity: 0.7; transform: scale(1.05); }
#co_interview_top .co_inner ul li a:hover .txt_box{ opacity: 0.7;}
#co_interview_top .co_inner ul li .txt_box{margin: 19px auto 0;color: #000;width: 98%;}
#co_interview_top .co_inner ul li a {text-decoration: none;}
#co_interview_top .co_inner ul li:nth-child(1){ margin-top: 0px !important;}
#co_interview_top .co_inner ul li:nth-child(2){ margin-top: 0px;}
@media screen and (max-width: 1300px) {
#co_interview_top .co_inner ul li{padding: 1.5vw 1.5vw 20px;}
}
@media screen and (max-width: 900px) {
#co_interview_top .co_inner ul li{padding: 15px 15px 20px;}
}
@media screen and (max-width: 640px) {
#co_interview_top .co_inner{ margin-top: 46px; }
#co_interview_top .co_inner ul{ margin: 68px auto 0px; display: block;}
#co_interview_top .co_inner ul li{width: 90%;margin: 28px auto 0;padding: 3vw 3vw 20px;}
#co_interview_top .co_inner ul li:nth-child(2){ margin-top: 28px;}
#co_interview_top .co_inner .title_box .title_bar{ width: 80px;height: 2px; margin: 24px auto 0; background: #c4c6c8;}
}
/*-------- fontサイズ --------*/
#co_interview_top .co_inner .title_box h2{  font-size: 24px; line-height: 1.7;color: #000;}
#co_interview_top .co_inner ul li .txt_box p{ font-size: 16px; line-height: 1.6;letter-spacing: .7px;}
#co_interview_top .co_inner ul li .txt_box p small{ font-size: 14px; line-height: 1.6;letter-spacing: 0px;}
@media screen and (max-width: 1000px) {
#co_interview_top .co_inner ul li .txt_box p{ font-size: 14px;}
#co_interview_top .co_inner ul li .txt_box p small{ font-size: 12px; }
}
@media screen and (max-width: 700px) {
#co_interview_top .co_inner .title_box h2{  font-size: 20px;}
#co_interview_top .co_inner ul li .txt_box p{ font-size: 13px;}
#co_interview_top .co_inner ul li .txt_box p small{ font-size: 11px; }
}
@media screen and (max-width: 570px) {
#co_interview_top .co_inner .title_box h2{  font-size: 18px;}
#co_interview_top .co_inner ul li .txt_box p{ font-size: 12px;}
#co_interview_top .co_inner ul li .txt_box p small{ font-size: 10px; }
}
@media screen and (max-width: 470px) {
#co_interview_top .co_inner .title_box h2{  font-size: 16.5px;}
#co_interview_top .co_inner ul li .txt_box p{ font-size: 12px;}
}
@media screen and (max-width: 400px) {
#co_interview_top .co_inner .title_box h2{  font-size: 15px;}
#co_interview_top .co_inner ul li .txt_box p{ font-size: 12px;}
}

/*-------------------------------------------------
	co_interview [Interview]
--------------------------------------------------*/
/*-------- lead --------*/
#co_interview_lead {padding: 80px 0 100px; width: 80%;max-width: 1150px;margin: 0 auto; text-align: center; }
#co_interview_lead .title_box h2{margin-top: 0px;}
#co_interview_lead .title_box p{margin-top: 10px;}
#co_interview_lead .title_box h3{margin-top: 30px; }
#co_interview_lead .title_box h3 br{display: block;}

#co_interview_lead .txt_box { margin-top: 60px; text-align: left;}
#co_interview_lead .txt_box p span{display: inline-block;}
@media (max-width: 640px) {
#co_interview_lead {padding: 60px 0 80px; width: 85%;}
}/*end*/
@media (max-width: 500px) {
#co_interview_lead {padding: 50px 0 60px; width: 85%;}
}/*end*/






.interview_title_h2{font-size: 38px; line-height: 1.5;}
.interview_title_name{font-size: 16px; line-height: 1.5;}
.interview_title_h3{font-size: 55px; line-height: 1.5;}
.interview3 .interview_title_h3{font-size: 55px; line-height: 1.5;}
@media (max-width: 1200px) {
.interview_title_h2{font-size: 36px; }
.interview_title_name{font-size: 14px; }
.interview_title_h3{font-size: 52px; }
.interview3 .interview_title_h3{font-size: 52px;}

}/*end*/
@media (max-width: 1000px) {
.interview_title_h2{font-size: 34px; }
.interview_title_name{font-size: 14px; }
.interview_title_h3{font-size: 50px; }
.interview3 .interview_title_h3{font-size: 50px;}

}/*end*/
@media (max-width: 800px) {
.interview_title_h2{font-size: 32px; }
.interview_title_name{font-size: 14px; }
.interview_title_h3{font-size: 46px; }
.interview3 .interview_title_h3{font-size: 42px;}
}/*end*/
@media (max-width: 700px) {
.interview3 .interview_title_h3{font-size: 40px;}
}/*end*/
@media (max-width: 670px) {
.interview_title_h2{font-size: 30px; }
.interview_title_name{font-size: 14px; }
.interview_title_h3{font-size: 42px; }
.interview3 .interview_title_h3{font-size: 40px;}
}/*end*/
@media (max-width: 580px) {
.interview_title_h2{font-size: 25px; }
.interview_title_name{font-size: 14px; }
.interview_title_h3{font-size: 7.6vw; width: 120%; margin-left: -10%; }
.interview3 .interview_title_h3{font-size: 7.4vw; width: 120%; margin-left: -10%; }
}/*end*/
@media (max-width: 480px) {
.interview_title_h2{font-size: 22px; }
.interview_title_name{font-size: 14px; }
.interview_title_h3{font-size: 7.6vw; width: 120%; margin-left: -10%; }
.interview3 .interview_title_h3{font-size: 7.4vw; width: 120%; margin-left: -10%; }
}/*end*/


/*-------- profile --------*/
#co_interview_profile { padding: 60px 0; width: 80%;max-width: 1150px;margin: 0 auto; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
#co_interview_profile .inner{ display: flex; width: 94%; margin: 0 auto;}
#co_interview_profile .inner .img_box{ width: 30%;display: flex; align-items: center; }
#co_interview_profile .inner .txt_box{ margin-left: 8%; width: 62%; display: flex; align-items: center;}
#co_interview_profile .inner .txt_box h3.name {display: flex; align-items: center;}
#co_interview_profile .inner .txt_box h3.name .name1{  margin-right: 32px; padding-right: 32px; border-right: #ddd solid 1px; }
#co_interview_profile .inner .txt_box p{ margin-top: 20px; }
@media (max-width: 1000px) {
#co_interview_profile .inner{ display: block; width: 94%; margin: 0 auto;}
#co_interview_profile .inner .img_box{ width: 50%;  max-width: 300px;margin: 0 auto;display: block; }
#co_interview_profile .inner .txt_box{ margin: 40px auto 0; width: 90%; display: flex; align-items: center; }
#co_interview_profile .inner .txt_box h3.name {display: block; align-items: center; text-align: center;}
#co_interview_profile .inner .txt_box p{ margin-top: 30px; }
}/*end*/
@media (max-width: 640px) {
#co_interview_profile { padding: 60px 0; width: 85%; }
#co_interview_profile .inner .txt_box{ margin: 30px auto 0; width: 100%; display: flex; align-items: center; }
#co_interview_profile .inner .txt_box h3.name { display: block; }
#co_interview_profile .inner .txt_box h3.name .name1{ display: block; margin: 0; padding-right: 0px; border-right:none; }
#co_interview_profile .inner .txt_box h3.name::after { content: ''; width: 50px; height: 2px; background: #ccc; display: block; margin: 30px auto 0;}
}/*end*/
@media (max-width: 500px) {
#co_interview_profile .inner .img_box{ width: 55%;  max-width: 300px;margin: 0 auto;display: block; }
#co_interview_profile {padding: 50px 0 25px; width: 85%;}
}/*end*/

/*-------- gallery_btn --------*/
.in01_gallery_btn { margin: 80px auto 0; width: 75%; max-width: 1000px; display: block; position: relative; }
.in01_gallery_btn a{ width: 100%; margin: 0 auto; background: #f2f2f2; text-decoration: none; color: #000; display: block; position: relative; }
.in01_gallery_btn a .inner { padding: 60px 0; display: flex; align-items: center;}
.in01_gallery_btn a .inner .img_box{ margin-left: 9%; width:46.5%; }
.in01_gallery_btn a .inner .txt_box{  text-decoration: none; color: #000;}
.in01_gallery_btn a .inner .txt_box{ margin-left: 6%;}
.in01_gallery_btn a .inner .txt_box h3{ font-size: 32px; line-height: 1; font-family:'Times New Roman', Times, serif; }
.in01_gallery_btn a .inner .txt_box p{ font-size: 14px; line-height: 2; }
.in01_gallery_btn a{ transition: .5s;}
.in01_gallery_btn a:hover{ opacity: 0.7;}
@media (max-width: 1330px) {
.in01_gallery_btn a .inner .txt_box h3{ font-size: 2.4vw; }
.in01_gallery_btn a .inner .txt_box p{ font-size: 1.07vw; }
}/*end*/
@media (max-width: 1000px) {
.in01_gallery_btn { margin: 80px auto; width: 80%; max-width: 1000px; display: block; position: relative; }
.in01_gallery_btn a{ width: 100%; margin: 0 auto; background: #f2f2f2; text-decoration: none; color: #000; display: block; position: relative; }
.in01_gallery_btn a .inner { padding: 60px 0; display: block; align-items: center;}
.in01_gallery_btn a .inner .img_box{ margin: 0 auto; width:80%; text-align: center; }
.in01_gallery_btn a .inner .txt_box{ margin: 40px auto 0; width:80%; }
.in01_gallery_btn a .inner .txt_box h3{ font-size: 32px; }
.in01_gallery_btn a .inner .txt_box p{ font-size: 14px; }
}/*end*/
@media (max-width: 640px) {
.in01_gallery_btn { margin: 60px auto; width: 90%; max-width: 1000px; display: block; position: relative; }
.in01_gallery_btn a .inner { padding: 10vw 0; }
.in01_gallery_btn a .inner .txt_box{ margin: 5vw auto 0;}
.in01_gallery_btn a .inner .txt_box h3{ font-size: 4.85vw; }
.in01_gallery_btn a .inner .txt_box p{ font-size: 2.09vw; }
}/*end*/

/*---------------------
	in_scroll
-----------------------*/
.in_scroll{ position: absolute; bottom:0px; right: 20px; width: 10px; height: 95px; display: block; z-index: 200; transition: .3s; }
.in_scroll .in_scroll_wheel{ margin: 0 auto; width: 1px; height: 100%; opacity: 0; overflow:hidden; animation: in_scroll_wheel 0s 0s 1 forwards ease-out; background:rgba(255,255,255,1); display: block; position: relative; transition: 0.3s; z-index: 200;}
@keyframes in_scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.in_scroll .in_scroll_wheel:after { opacity: 1; width: 100%; height: 30%; animation: in_scroll_wheel_after 2s 0.5s infinite normal ease; background:#000; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; transition: 0.3s;}
@keyframes in_scroll_wheel_after { 0% { top:0%; opacity: 1;} 30% { top:100%; opacity: 1;} 31% { top:100%; opacity: 0;} 32% { top:-34%; opacity: 0;} 33% { top:-34%; opacity: 1;} 80% { top:0%;} 100% { top:0%;} }
 a:hover .in_scroll .in_scroll_wheel:after { background:#999;}
 a:hover .in_scroll .in_scroll_wheel{ background:#fff;}
 a:hover .in_scroll { cursor: pointer;}
@media (max-width: 640px) {
.in_scroll {  right: 3vw; height: 16vw; }
}/*end*/
/* in02_gallery scroll color */
.in02_gallery .in_scroll .in_scroll_wheel{  background:rgba(255,255,255,.3); }
.in02_gallery .in_scroll .in_scroll_wheel:after {  background:#fff; }

/* in03_gallery scroll color */
.in03_gallery .in_scroll .in_scroll_wheel{  background:rgba(255,255,255,.3); }
.in03_gallery .in_scroll .in_scroll_wheel:after {  background:#fff; }

/* in04_gallery scroll color */
.in04_gallery .in_scroll .in_scroll_wheel{  background:rgba(255,255,255,.3); }
.in04_gallery .in_scroll .in_scroll_wheel:after {  background:#fff; }




/*---------------------
	co_interview
-----------------------*/
#co_interview_wrap .co_interview_p{ margin-top: 60px;}
@media (max-width: 1200px) {
#co_interview_wrap .co_interview_p{ margin-top: 50px;}
}/*end*/
@media (max-width: 640px) {
#co_interview_wrap .co_interview_p{ margin-top: 40px;}
}/*end*/
@media (max-width: 500px) {
#co_interview_wrap .co_interview_p{ margin-top: 30px}
}/*end*/

/*-------- in01_01 --------*/
.in01_01 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 95%;}
.in01_01 .txt_box{ margin: 80px auto 0; max-width: 1150px; width: 80%;}
.in01_01 .txt_box h2{ text-align: center;}
.in01_01 .img_box2{ margin: 90px auto 0; max-width: 800px; width: 60%;}
@media (max-width: 1000px) {
.in01_01 .img_box{ margin: 80px auto 0; width: 100%;}
.in01_01 .img_box2{ margin: 90px 0 0 15%; width: 45%;}
}/*end*/
@media (max-width: 640px) {
.in01_01 .txt_box h2{ width: 110%; margin-left: -5%;}
.in01_01 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 500px) {
.in01_01 .img_box2{ margin: 60px 0 0 10%; width: 60%;}
}/*end*/

/*-------- .in01_03 --------*/
.in01_03 .inner{ margin: 120px auto 0; max-width: 1150px; width: 80%; display: flex; flex-direction : row-reverse; }
.in01_03 .inner .txt_box{ width: 56.7%; padding-bottom: 80px; }
.in01_03 .inner .txt_box p{ width: 82%; }
.in01_03 .inner .img_box{ width: 43.3%; }
.in01_03 .inner .img_box img{ margin-top: 400px;}
@media (max-width: 1300px) {
.in01_03 .inner .img_box img{ margin-top: 500px;}
.in01_03 .inner .txt_box{ width: 62%;}
.in01_03 .inner .txt_box p{width: 82%;}
.in01_03 .inner .img_box{ width: 38%;}
}/*end*/
@media (max-width: 1000px) {
.in01_03 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: block; }
.in01_03 .inner .img_box{ width: 90%;}
.in01_03 .inner .img_box img{width: 50%; margin-top: 0px; margin-left: 50%; }
.in01_03 .inner .txt_box{ padding-top: 80px; width: 100%;}
.in01_03 .inner .txt_box p{width: 100%; }
.in01_03 .inner .txt_box h2 { text-align: center;}
.in01_03 .inner .txt_box h2 br{  display:block;}
}/*end*/
@media (max-width: 500px) {
.in01_03 .inner{ margin: 10vw auto 0; width: 85%; display: block; }
.in01_03 .inner .img_box img{width: 60%; margin-top: 0px; margin-left: 45%; }
.in01_03 .inner .txt_box{ padding-top: 60px; width: 100%;}
.in01_03 .inner .txt_box h2 br{  display:none;}
}/*end*/
/*-------- .in01_04 --------*/
.in01_04 .inner{ margin: 50px auto 0; max-width: 1150px; width: 80%; display: flex; }
.in01_04 .inner .txt_box{  margin-top: 160px; margin-left: 11%; width: 54.7%;}
.in01_04 .inner .img_box{ width: 33.6%; }
.in01_04 .inner .txt_box h2{ width: 110%; max-width: 640px; }
@media (max-width: 1400px) {
.in01_04 .inner .txt_box h2{ width: 110%; max-width: 610px; }
}/*end*/
@media (max-width: 1300px) {
.in01_04 .inner .txt_box{ width: 62%;}
.in01_04 .inner .img_box{ width: 38%;}
}/*end*/
@media (max-width: 1400px) {
.in01_04 .inner .txt_box{  margin-top: 11vw; }
}/*end*/
@media (max-width: 1000px) {
.in01_04 .inner{ margin: 100px auto 0; max-width: 1150px; width: 80%; display: block; }
.in01_04 .inner .img_box{ margin: 0 auto; width: 80%; text-align: center; }
.in01_04 .inner .txt_box{ margin-top: 60px; margin-left: 0%; width: 100%;}
.in01_04 .inner .txt_box p{ width: 100%; }
.in01_04 .inner .txt_box h2 { width: 100%; margin: 0 auto; text-align: center; }
}/*end*/
@media (max-width: 500px) {
.in01_04 .inner{ margin: 60px auto 0; max-width: 1150px; width: 85%; display: block; }
.in01_04 .inner .img_box{ margin: 0 auto; width: 60%; text-align: center; }
.in01_04 .inner .txt_box h2 { width: 100%; margin-left: 0%; text-align: center; }
}/*end*/

/* -- br -- */
.in01_04_h2_br1{ display: inline-block;}
.in01_04_h2_br2{ display: none;}
@media (max-width: 1150px) {
.in01_04_h2_br1{ display: none;}
.in01_04_h2_br2{ display: inline-block;}
}/*end*/
@media (max-width: 1000px) {
.in01_04_h2_br1{ display: inline-block;}
.in01_04_h2_br2{ display: none;}
}/*end*/
@media (max-width: 500px) {
.in01_04_h2_br1{ display: none;}
.in01_04_h2_br2{ display: inline-block;}
}/*end*/

/*-------- .in01_05 --------*/
.in01_05 .img_box{ margin: 120px auto 0; max-width: 800px; width: 60%; display: flex; }
@media (max-width: 1000px) {
.in01_05 .img_box{ margin: 80px auto 0; max-width: 800px; width: 60%; }
}/*end*/
@media (max-width: 500px) {
.in01_05 .img_box{ margin: 60px auto 0; max-width: 800px; width: 75%; }
}/*end*/

/*-------- .in01_06 --------*/
.in01_06 .inner{ margin: 120px auto 0; max-width: 1150px; width: 80%; display: flex;  align-items: center; }
.in01_06 .inner .img_box{ margin-left: 3.3%; width: 41.6%; }
.in01_06 .inner .txt_box{ margin-left: 9.6%; width: 43%; }
.in01_06 .inner .img_box img{ width: 100%; }
@media (max-width: 1000px) {
.in01_06 .inner{ margin: 6vw auto 0; max-width: 1150px; width: 100%; display: block;  }
.in01_06 .inner .img_box{ margin: 40px auto;max-width: 800px; width: 60%; }
.in01_06 .inner .txt_box{ margin: 40px auto; width: 80%; }
}/*end*/
@media (max-width: 500px) {
.in01_06 .inner{ margin: 6vw auto 0; max-width: 1150px; width: 100%; display: block;  }
.in01_06 .inner .img_box{ margin: 40px auto;max-width: 800px; width: 75%; }
.in01_06 .inner .txt_box{ margin: 40px auto; width: 85%; }
}/*end*/

/*-------- .in01_07 --------*/
.in01_07 .inner{ margin: 110px auto 0; max-width: 1150px; width: 80%; display: flex; flex-direction : row-reverse; }
.in01_07 .inner .img_box{ margin:120px 3.3% 0 0; width: 34%; }
.in01_07 .inner .txt_box{ margin-right: 10%; width: 49.5%; padding-bottom: 100px; }
.in01_07 .inner .img_box img{ width: 100%; }
@media (max-width: 1000px) {
.in01_07 .inner{ margin: 60px auto 0; max-width: 1150px; width: 100%; display: block;  }
.in01_07 .inner .img_box{ margin: 40px auto 0;max-width: 800px; width: 60%; }
.in01_07 .inner .txt_box{ margin: 40px auto 0; width: 80%;padding-bottom: 0px; }
}/*end*/
@media (max-width: 500px) {
.in01_07 .inner{ margin: 60px auto 0; max-width: 1150px; width: 100%; display: block;  }
.in01_07 .inner .img_box{ margin: 40px auto 0;max-width: 800px; width: 75%; }
.in01_07 .inner .txt_box{ margin: 40px auto 0; width: 85%; }
}/*end*/

/*-------- .in01_08 --------*/
.in01_08 .img_box{ margin: 120px auto 0; max-width: 800px; width: 60%; display: flex;}
@media (max-width: 1000px) {
.in01_08 .img_box{ margin: 60px auto 0; max-width: 800px; width: 100%; }
}/*end*/
@media (max-width: 500px) {
.in01_08 .img_box{ margin: 60px auto 0; max-width: 800px; width: 100%; }
}/*end*/

/*-------- .in01_09 --------*/
.in01_09 { margin: 120px auto 0; max-width: 1150px; width: 80%; display: flex; justify-content: space-between;  }
.in01_09 .inner{ width: 48%; }
.in01_09 .inner .txt_box{margin-top: 25px;}
@media (max-width: 1400px) {
.in01_09 { margin: 80px auto 0; max-width: 1150px; width: 85%; display: flex; }
.in01_09 .inner{ width: 46%; }
.in01_09 .inner .txt_box{margin-top: 25px;}
}/*end*/
@media (max-width: 640px) {
.in01_09 { margin: 80px auto 0; max-width: 1150px; width: 85%; display: block; }
.in01_09 .inner{ width: 100%; }
.in01_09 .inner .img_box{ margin: 60px auto 0; max-width: 800px; width: 70%; }
.in01_09 .inner .img_box img{ width: 100%; }
.in01_09 .inner .txt_box{margin-top: 25px;}
}/*end*/
@media (max-width: 500px) {
.in01_09 { margin: 30px auto 0; max-width: 1150px; width: 100%; display: block; }
.in01_09 .inner{ margin: 60px auto 0; max-width: 1150px; width: 100%; display: block;  }
.in01_09 .inner .img_box{ margin: 40px auto 0;max-width: 800px; width: 70%; }
.in01_09 .inner .txt_box{ margin: 40px auto 0; width: 85%; }
}/*end*/

/*-------------------------------------------------
	gallery
--------------------------------------------------*/
#gallery{ margin: 140px 0 0px; padding: 0 0 40px ; background: #f5f5f5; position: relative; overflow: hidden; }
#gallery .title_box{padding: 100px 0; text-align: center; }
#gallery .title_box h2{ line-height: 1.2; font-family:'Times New Roman', serif;}
#gallery .title_box p{ line-height: 2.5;}
.gallery_sl li { margin-left: 2.5%;}
.gallery_sl li:nth-child(odd) img{ margin-bottom: 11vw;}
.gallery_sl li img{ height: 38vw; pointer-events: none; user-select: none; }
@media (max-width: 1000px) {
#gallery{ margin: 100px 0 0px; padding: 0 0 40px ; background: #f5f5f5; position: relative; overflow: hidden; }
#gallery .title_box{padding: 80px 0; text-align: center; }
.gallery_sl li { margin-left: 5%;}
.gallery_sl li:nth-child(odd) img{ margin-bottom: 15vw;}
.gallery_sl li img{ height: 60vw;  }
}/*end*/
@media (max-width: 640px) {
#gallery{ margin: 80px 0 0px; padding: 0 0 40px ; background: #f5f5f5; position: relative; overflow: hidden; }
#gallery .title_box{padding: 60px 0; text-align: center; }
.gallery_sl li:nth-child(odd) img{ margin-bottom: 15vw;}
.gallery_sl li img{ height: 60vw;  }
}/*end*/

/* interview2 */
.interview2 #gallery{ margin: 140px 0 0px; padding: 0 0 40px ; background: #000; color: #fff; position: relative; overflow: hidden; }
@media (max-width: 1000px) {
.interview2 #gallery{ margin: 100px 0 0px;  }
}/*end*/
@media (max-width: 640px) {
.interview2 #gallery{ margin: 80px 0 0px; }
}/*end*/

/* interview3 */
.interview3 #gallery{ margin: 140px 0 0px; padding: 0 0 40px ; background: linear-gradient(to bottom, #47211c 0%, #200f0d 80%); color: #fff; position: relative; overflow: hidden; }
@media (max-width: 1000px) {
.interview3 #gallery{ margin: 100px 0 0px;  }
}/*end*/
@media (max-width: 640px) {
.interview3 #gallery{ margin: 80px 0 0px; }
}/*end*/


/* interview3 */
.interview4 #gallery{ margin: 140px 0 0px; padding: 0 0 40px ; background: linear-gradient(to bottom, #4f5a5c 0%, #313333 50%); color: #fff; position: relative; overflow: hidden; }
@media (max-width: 1000px) {
.interview4 #gallery{ margin: 100px 0 0px;  }
}/*end*/
@media (max-width: 640px) {
.interview4 #gallery{ margin: 80px 0 0px; }
}/*end*/

/*-------------------------------------------------
	history
--------------------------------------------------*/
.his_inner{  margin: 0 auto; max-width: 1150px; width: 80%; }
@media (max-width: 500px) {
.his_inner{  margin: 0 auto; max-width: 1150px; width: 85%; }
}/*end*/
.his_txt_m { margin-top: 40px !important;}
.his_txt_m2 { margin-top: 60px !important;}
.his_txt_m3 { margin-top: 60px !important; }
.his_txt_m4 { margin-top: 40px !important;}

@media (max-width: 640px) {
.his_txt_m { margin-top: 30px !important;}
.his_txt_m2 { margin-top: 50px !important;}
.his_txt_m3 { margin-top: 40px !important;}
.his_txt_m4 { margin-top: 40px !important;}
}/*end*/
@media (max-width: 450px) {
.his_txt_m { margin-top: 25px !important;}
.his_txt_m2 { margin-top: 40px !important;}
.his_txt_m3 { margin-top: 30px !important;}
.his_txt_m4 { margin-top: 40px !important;}
}/*end*/

.his_head { color: #fff;}
.his_head img{ width: 100%;}
.his_head .x15{display: block;}
.his_head .x1{display: none;}
.his_head .sp{display: none;}
.his_head .sp2{display: none;}
@media (max-width: 1600px) {
.his_head .x15{display: none;}
.his_head .x1{display: block;}
.his_head .sp{display: none;}
.his_head .sp2{display: none;}
}/*end*/
@media (max-width: 1000px) {
.his_head .x15{display: none;}
.his_head .x1{display: none;}
.his_head .sp{display: block;}
.his_head .sp2{display: none;}
}/*end*/
@media (max-width: 640px) {
.his_head .x15{display: none;}
.his_head .x1{display: none;}
.his_head .sp{display: none;}
.his_head .sp2{display: block;}
}/*end*/

/*-------- co_history_lead --------*/
#co_history_lead .title_box{ margin: 70px 0 0 0; text-align: center}
#co_history_lead .title_box h3{ margin-top: 20px; padding: 0 20px; display: inline-block; position: relative;}
/* h3 -  - */
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ position: absolute; top: 18px; content: ''; display: block; width: 28px; height: 1px; background: #7f7f7f; }
#co_history_lead .title_box h3::before{ right: 100%; }
#co_history_lead .title_box h3::after{ left: 100%; }
@media (max-width: 1200px) {
#co_history_lead .title_box{ margin: 60px 0 0 0;}
#co_history_lead .title_box h3{ padding: 0 15px; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 15px;}
}/*end*/
@media (max-width: 1000px) {
#co_history_lead .title_box h3{ padding: 0 15px; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 18px;}
}/*end*/
@media (max-width: 640px) {
#co_history_lead .title_box{ margin: 60px 0 0 0;}
#co_history_lead .title_box h3{ padding: 0 15px; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 16px;}
}/*end*/
@media (max-width: 450px) {
#co_history_lead .title_box{ margin: 50px 0 0 0;}
#co_history_lead .title_box h3{ padding: 0 3vw; }
#co_history_lead .title_box h3::before,
#co_history_lead .title_box h3::after{ top: 4vw;  width: 5vw;}
}/*end*/

/*h2*/
#co_history_lead .title_box h2{  margin-top: 20px;}
#co_history_lead .title_box h2 br{ display: block;}
@media (max-width: 640px) {
#co_history_lead .title_box h3 span{ display: block;}
}/*end*/

/*-------- his_lead_1961 [高度経済成長期] --------*/
.his_lead_1961{ margin-top: 100px; display: flex; justify-content: space-between; align-items: center;  flex-direction : row-reverse; }
.his_lead_1961 .img_box{ width: 28.2%;}
.his_lead_1961 .txt_box{ width: 61%;}
@media (max-width: 1000px) {
.his_lead_1961{ margin-top: 100px; display: block; }
.his_lead_1961 .img_box{ margin: 0 auto; width: 60%; text-align: center;}
.his_lead_1961 .txt_box{ margin-top: 60px; width: 100%;}
.his_lead_1961 .txt_box h3{text-align: center;}
.his_lead_1961 .txt_box h3 br{display: block;}
}/*end*/
@media (max-width: 640px) {
.his_lead_1961{ margin-top: 80px; display: block; }
}/*end*/
@media (max-width: 500px) {
.his_lead_1961{ margin-top: 50px; }
.his_lead_1961 .txt_box{ margin-top: 40px;}
}/*end*/
@media (max-width: 370px) {
.his_lead_1961 .txt_box h3 br{display: none;}
}/*end*/

/*-------- his_lead_dainiseikosha [第二精工舎] --------*/
.his_lead_dainiseikosha{ margin-top: 150px; }
.his_lead_dainiseikosha .img_box{ margin:0 auto; width: 74%;}
.his_lead_dainiseikosha .txt_box{width: 100%;}
.his_lead_dainiseikosha .txt_box h3{ margin-top: 80px; text-align: center;}
@media (max-width: 1200px) {
.his_lead_dainiseikosha{ margin-top: 120px; }
}/*end*/
@media (max-width: 1000px) {
.his_lead_dainiseikosha{ margin-top: 80px; }
.his_lead_dainiseikosha h3 br{ display: block;}
.his_lead_dainiseikosha .txt_box h3{ margin-top: 60px; text-align: center;}
}/*end*/
@media (max-width: 530px) {
.his_lead_dainiseikosha{ margin-top: 60px; }
.his_lead_dainiseikosha .img_box{ margin:0 auto; width: 100%;}
.his_lead_dainiseikosha h3 br{ display: none;}
}/*end*/
@media (max-width: 360px) {
.his_lead_dainiseikosha{ margin-top: 60px; }
.his_lead_dainiseikosha .txt_box h3{ width: 110%; margin-left: -5%;}
}/*end*/

/*-------------------------------------------------
	his_1961 [1961]
--------------------------------------------------*/
/*-------- his_1961_head --------*/
#his_1961{ margin-top: 140px;}
@media (max-width: 1200px) {
#his_1961{ margin-top: 120px;}
}/*end*/
@media (max-width: 640px) {
#his_1961{ margin-top: 100px;}
}/*end*/
@media (max-width: 500px) {
#his_1961{ margin-top: 80px;}
}/*end*/
#his_1961_head{ overflow: hidden; position: relative; background: #000;}
#his_1961_head .wrap{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
#his_1961_head .wrap .inner { margin: 0 auto; max-width: 1150px; width: 72%; height: 100%; display: flex; align-items: center; flex-direction : row-reverse;  }
/* txt_box */
#his_1961_head .wrap .inner .txt_box { width: 420px; padding-bottom: 60px;}
#his_1961_head .wrap .inner .txt_box h2{ text-align: center;}
.his_year{ font-size: 70px; line-height: 1; }
.his_year_title{ margin-top: 15px; display: block;  }
@media (max-width: 1600px) {
#his_1961_head .wrap .inner { position: absolute; right: 0px; margin: 0; width: 55%; height: 100%;display: flex; align-items: center; justify-content: center; flex-direction : initial; }
.his_year{ font-size: 70px; }
}/*end*/
@media (max-width: 1400px) {
#his_1961_head .wrap .inner .txt_box { width: 390px; padding-bottom: 30px;}
.his_year{ font-size: 60px; }
}/*end*/
@media (max-width: 1200px) {
.his_year{ font-size: 60px; }
#his_1961_head .wrap .inner .txt_box { width: 370px; padding-bottom: 30px;}
.his_year_title{ margin-top: 10px; }
}/*end*/
@media (max-width: 1000px) {
#his_1961_head .wrap{ position: relative; left: 0; top: 0; z-index: 2; width: 100%; height: auto; padding: 80px 0; background: #111;}
#his_1961_head .wrap .inner { position: relative; right: initial; width: 100%; height: auto; display: block;  }
#his_1961_head .wrap .inner .txt_box {  margin: 0 auto; max-width: 700px; width: 80%; padding-bottom: 20px;}
}/*end*/
@media (max-width: 640px) {
#his_1961_head .wrap{ padding: 70px 0; background: #111;}
#his_1961_head .wrap .inner .txt_box {  padding-bottom: 10px;}
#his_1961_head .wrap .inner .txt_box h2{ text-align: center;}
}/*end*/
@media (max-width: 450px) {
.his_year_title span{ display: block;}
}/*end*/
@media (max-width: 750px) {
.his_year{ font-size: 60px; }
}/*end*/
@media (max-width: 640px) {
.his_year{ font-size: 50px; }
}/*end*/
@media (max-width: 450px) {
.his_year{ font-size: 40px; }
.his_year_title{ margin-top: 10px; }
}/*end*/

/* img_box */
#his_1961_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
@media (max-width: 2400px) {
#his_1961_head .img_box{ position: relative; width: 2400px; left: 50%; top: 0; margin-left: -1200px; }
}/*end*/
@media (max-width: 1600px) {
#his_1961_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/

/*-------- his_1961_01 --------*/
.his_1961_01 h2{ margin-top: 120px; text-align: center; }
@media (max-width: 1200px) {
.his_1961_01 h2{ margin-top: 100px; }
}/*end*/
@media (max-width: 640px) {
.his_1961_01 h2{ margin-top: 80px; }
}/*end*/
@media (max-width: 450px) {
.his_1961_01 h2{ margin-top: 60px; }
}/*end*/

/*-------- his_1961_02 --------*/
.his_1961_02 { margin: 130px auto 0; max-width: 1270px; width: 85%; display: flex; align-items: center;  justify-content: space-between; }
.his_1961_02 .img_box{ margin-top: 50px; width: 44%; text-align: center; }
.his_1961_02 .img_box p{ margin-top: 20px; }
.his_1961_02 .txt_box{ width: 47%; }
@media (max-width: 1200px) {
.his_1961_02 { margin: 100px auto 0; max-width: 1270px; width: 85%; }
.his_1961_02 .img_box{ margin-top: 50px; width: 40%; text-align: center; }
.his_1961_02 .txt_box{ width: 50%; }
}/*end*/
@media (max-width: 1000px) {
.his_1961_02 { margin: 100px auto 0; max-width: 1150px; width: 80%; display: block;}
.his_1961_02 .img_box{ margin: 50px auto 70px; width: 80%; max-width:500px ; text-align: center; }
.his_1961_02 .txt_box{ width: 100%; }
.his_1961_02 .txt_box h3{text-align: center; }
}/*end*/
@media (max-width: 900px) {
.his_1961_02 .txt_box h3 br{display: block;}
}/*end*/
@media (max-width: 640px) {
.his_1961_02 { margin: 80px auto 0; max-width: 1150px; width: 80%;  }
.his_1961_02 .img_box{ margin: 40px auto 50px; width: 80%; max-width:500px ; text-align: center; }
}/*end*/
@media (max-width: 500px) {
.his_1961_02 { margin: 70px auto 0; max-width: 1150px; width: 85%;}
}/*end*/

/*-------------------------------------------------
	his_1965 [1965]
--------------------------------------------------*/
#his_1965{ margin-top: 150px;}
@media (max-width: 1200px) {
#his_1965{ margin-top: 120px;}
}/*end*/
@media (max-width: 640px) {
#his_1965{ margin-top: 100px;}
}/*end*/
/*-------- head --------*/
#his_1965_head{ display: flex; flex-direction : row-reverse; background: linear-gradient(to bottom , #000 20%, #21242b 100%);/*グラデ*/}
#his_1965_head .img_box_wrap{ width: 50%; overflow: hidden; position: relative; }
#his_1965_head .txt_box_wrap{ width: 50%; display: flex; align-items: center; justify-content: center; }
#his_1965_head .img_box_wrap .img_box{ position: relative; width: 1600px; left: 50%; top: 0; margin-left: -800px; }
@media (max-width: 1600px) {
#his_1965_head .img_box_wrap .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/
@media (max-width: 1000px) {
#his_1965_head{ display: block; }
#his_1965_head .img_box_wrap{ width: 100%; }
#his_1965_head .txt_box_wrap{ width: 100%; padding: 80px 0;}
#his_1965_head .img_box_wrap .img_box{ position: relative; width: 100%; left: 0%; top: 0; margin-left: 0%; }
}/*end*/
@media (max-width: 450px) {
#his_1965_head .txt_box_wrap{ padding: 70px 0; }
#his_1965_head .txt_box_wrap .txt_box {  padding-bottom: 10px;}
}/*end*/
/* txt_box */
#his_1965_head .txt_box { width: 420px; padding-bottom: 60px;}
#his_1965_head .txt_box h2{ text-align: center; width: 120%; margin-left: -10%;}
@media (max-width: 1400px) {
#his_1965_head .txt_box { width: 390px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1200px) {
#his_1965_head .txt_box { width: 370px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1000px) {
#his_1965_head .txt_box {  margin: 0 auto; max-width: 700px; width: 80%; padding-bottom: 20px;}
}/*end*/
/*-------- his_1965_01 --------*/
.his_1965_01 .img_box{ margin-top: 120px; display: flex; }
.his_1965_01 .img_box img{width: 50%;}
@media (max-width: 1000px) {
.his_1965_01 .img_box{ margin: 100px auto 0; width: 80%; display: block; }
.his_1965_01 .img_box img{width: 100%;}
}/*end*/
@media (max-width: 640px) {
.his_1965_01 .img_box{ margin: 80px auto 0; width: 90%; }
}/*end*/
@media (max-width: 450px) {
.his_1965_01 .img_box{ margin: 60px auto 0; width: 90%; }
}/*end*/
/*-------- his_1965_02 --------*/
.his_1965_02{ margin-top: 120px; display: flex; justify-content: space-between; }
.his_1965_02 .txt_box{ width: 41%; display: flex; align-items: center; }
.his_1965_02 .img_box{ width: 49.3%; display: flex; align-items: center; }
@media (max-width: 1200px) {
.his_1965_02{ margin-top: 100px;}
.his_1965_02 .txt_box{ width: 50%; }
.his_1965_02 .img_box{ width: 40%; }
}/*end*/
@media (max-width: 1000px) {
.his_1965_02{ margin-top: 80px; display: block; }
.his_1965_02 .txt_box{ width: 100%; }
.his_1965_02 .img_box{ margin: 80px auto 0; width: 80%; display: block; }
.his_1965_02 .img_box img{width: 100%;}
.his_1965_02 .txt_box h3{text-align: center; }
.his_1965_02 .txt_box h3 br{ display: block;}
}/*end*/
@media (max-width: 640px) {
.his_1965_02{ margin-top: 60px;}
.his_1965_02 .img_box{ margin: 60px auto 0; width: 90%; display: block; }
.his_1965_02 .img_box img{width: 100%;}
}/*end*/

/*-------------------------------------------------
	his_1969 [1969]
--------------------------------------------------*/
/*-------- his_1969_head --------*/
#his_1969{ margin-top: 140px;}
#his_1969_head{ overflow: hidden; position: relative; background: #000;}
#his_1969_head .wrap{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
#his_1969_head .wrap .inner { margin: 0 auto; max-width: 1150px; width: 72%; height: 100%; display: flex; align-items: center; flex-direction : row-reverse;  }
/* txt_box */
#his_1969_head .wrap .inner .txt_box { width: 420px; padding-bottom: 60px;}
#his_1969_head .wrap .inner .txt_box h2{ text-align: center;}
@media (max-width: 1600px) {
#his_1969_head .wrap .inner { position: absolute; right: 0px; margin: 0; width: 55%; height: 100%;display: flex; align-items: center; justify-content: center; flex-direction : initial; }
}/*end*/
@media (max-width: 1400px) {
#his_1969_head .wrap .inner .txt_box { width: 390px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1200px) {
#his_1969{ margin-top: 130px;}
#his_1969_head .wrap .inner .txt_box { width: 370px; padding-bottom: 30px;}
}/*end*/
@media (max-width: 1000px) {
#his_1969{ margin-top: 120px;}
#his_1969_head .wrap{ position: relative; left: 0; top: 0; z-index: 2; width: 100%; height: auto; padding: 80px 0; background: #111;}
#his_1969_head .wrap .inner { position: relative; right: initial; width: 100%; height: auto; display: block;  }
#his_1969_head .wrap .inner .txt_box {  margin: 0 auto; max-width: 700px; width: 80%; padding-bottom: 20px;}
}/*end*/
@media (max-width: 500px) {
#his_1969{ margin-top: 80px;}
#his_1969_head .wrap .inner .txt_box { width: 85%;  }
}/*end*/
/* img_box */
#his_1969_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
@media (max-width: 2400px) {
#his_1969_head .img_box{ position: relative; width: 2400px; left: 50%; top: 0; margin-left: -1200px; }
}/*end*/
@media (max-width: 1600px) {
#his_1969_head .img_box{ position: relative; width: 100%; left: 50%; top: 0; margin-left: -50%; }
}/*end*/

/*-------- his_1969_01 --------*/
.his_1969_01{ padding: 110px 0 120px; width: 100%; background: #f5f5f5;}
.his_1969_01 .txt_box { margin: 0 auto; max-width: 900px; width: 80%; height: 100%; }
.his_1969_01 h3 { text-align: center; }
.his_1969_01 h3 br{ display: block; }
@media (max-width: 1400px) {
.his_1969_01{ padding: 90px 0 120px;}
}/*end*/
@media (max-width: 750px) {
.his_1969_01{ padding: 80px 0 100px;}
}/*end*/
@media (max-width: 500px) {
.his_1969_01{ padding: 60px 0 70px;}
.his_1969_01 .txt_box { width: 85%;  }
}/*end*/
@media (max-width: 450px) {
.his_1969_01{ padding: 50px 0 60px;}
}/*end*/

/*-------- his_1969_01 --------*/
.his_1969_02{ padding: 110px 0 120px; width: 100%; }
.his_1969_02 .logo_box{ margin: 0 auto; width: 70%; max-width: 940px;}
.his_1969_02 .txt_box { margin: 75px auto 0; max-width: 880px; width: 80%; height: 100%; }
.his_1969_02 .txt_box h2 { text-align: center; }
.his_1969_02 .txt_box p { margin: 50px auto 0;  }
@media (max-width: 1000px) {
.his_1969_02 .txt_box h2 br{ display: block; }
}/*end*/
@media (max-width: 1400px) {
.his_1969_02{ padding: 90px 0 120px;}
}/*end*/
@media (max-width: 750px) {
.his_1969_02{ padding: 80px 0 100px;}
}/*end*/
@media (max-width: 500px) {
.his_1969_02 .txt_box { margin: 50px auto 0; max-width: 880px; width: 85%; height: 100%; }
}/*end*/
@media (max-width: 450px) {
.his_1969_02{ padding: 70px 0 90px;}
}/*end*/

/*-------------------------------------------------
	topics
--------------------------------------------------*/
#topics{ padding: 40px 0 50px; background: #f2f2f2; margin-bottom: 30px; display: block; }
#topics .inner{ max-width: 1100px; width: 80%; margin: 0 auto; }
@media (max-width: 1400px){
#topics .inner{ max-width: 1000px; width: 85%; margin: 0 auto; }
}/*END*/
#topics .inner ul li{ padding: 12px 0 13px; border-bottom: solid 1px rgba(0,0,0,0.2); display: flex; }
.data{ display: flex; }
#topics a{ color: #000; text-decoration: none;}
#topics a:hover{ color: #999;}
.date p{ margin-top: 5px; font-size: 12px; line-height: 1.5; white-space: nowrap; opacity: 0.5; }
.category p{  margin: 4px 20px ; font-size: 12px; line-height: 1.4; text-align: center; width: 102px; padding: 2px 0; background: #999999; color: #fff;}
.topics_txt p{ margin-top: 3px; font-size: 14px; line-height: 1.5; }
.top_topics_bottom{ height: 30px; }
@media (max-width: 1000px){
#topics{ padding: 20px 0 35px; }
#topics .inner{ max-width: 900px; width: 85%; margin: 0 auto; }
#topics .inner ul li{ padding: 14px 0 16px; display: block; }
.top_topics_bottom{ height: 20px; }
}/*END*/
@media (max-width: 750px){
#topics .inner{ max-width: 900px; width: 90%; margin: 0 auto; }
}/*END*/

/*-------------------------------------------------
	#co_afterservice [After service]
--------------------------------------------------*/
.co_afterservice_wrap{ background: #000; color: #fff;}
/*-------- lead --------*/
#co_afterservice_lead { display: inline-block; width: 100%; text-align: center; background: #000; color: #fff;}
/* txt_box */
#co_afterservice_lead .txt_box { margin-top: 80px;  position: relative; z-index: 2;}
#co_afterservice_lead .txt_box h2{margin-top: 0px;}
#co_afterservice_lead .txt_box h3{margin-top: 18px;}
#co_afterservice_lead .txt_box p{margin: 36px auto 0; width: 85%;}
#co_afterservice_lead .txt_box p span{display: inline-block;}
/* img_box */
#co_afterservice_lead .img_box { margin-top: -8vw; position: relative; z-index: 0; }
#co_afterservice_lead .img_box img { width: 100%; }
@media (max-width:1000px){
#co_afterservice_lead .txt_box h3 span{display: block;}
#co_afterservice_lead .img_box { margin-top: -10vw; position: relative; z-index: 0; }
}/*END*/
@media (max-width:640px){
#co_afterservice_lead .img_box { margin-top: 0vw; position: relative; z-index: 0; }
}/*END*/
@media (max-width:640px){
#co_afterservice_lead .img_box{ margin: -5vw 0 0 -5vw; z-index: 1; width: 110vw;}
}/*END*/
.co_afterservice_lead_bg1{ display: none;}
@media (max-width:880px){
.co_afterservice_lead_bg1{ display: none;}
.co_afterservice_lead_bg2{ display: none;}
}/*END*/


/* on / off */
#co_afterservice_lead .x1{display:inline;}
#co_afterservice_lead .sp{display:none;}
@media (max-width:1000px){
#co_afterservice_lead .x1{display:none;}
#co_afterservice_lead .sp{display:inline;}
}/*END*/
/*-------- co_af_txt --------*/
.co_af_txt{ padding: 110px 0; max-width: 1000px; width: 80%; margin: 0 auto;}
.co_af_txt br{ display: block !important;}
.co_af_txt p.txt18{ margin-top: 45px;}
.co_af_txt p.txt14{ margin-top: 30px;}
@media (max-width:640px){
.co_af_txt{ padding: 80px 0; max-width: 1000px; width: 80%; margin: 0 auto;}
}/*END*/
/*-------- co_af_slide --------*/
#co_af_slide{ padding: 0 0;position: relative; overflow: hidden; }
#co_af_slide .sl_img2 { height: 100%;}
#co_af_slide .sl_img2 li img{ height: 420px;  pointer-events: none; user-select: none; }
@media (max-width:1800px){
#co_af_slide .sl_img2 li img{ height: 23vw;  pointer-events: none; user-select: none; }
}/*END*/
@media (max-width:1000px){
#co_af_slide .sl_img2 { height: 100%;}
#co_af_slide .sl_img2 li img{ height: 40vw;  }
}/*END*/
/* on / off */
#co_af_slide .x15{display:inline;}
#co_af_slide .x1{display:none;}
@media (max-width:1600px){
#co_af_slide .x15{display:none;}
#co_af_slide .x1{display:inline;}
}/*END*/
/*-------- co_af_step --------*/
#co_af_step{ margin: 0 auto; width: 90%; max-width: 1400px; position: relative; }
#co_af_step .bg{width: 100%; height: 1000px; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, #333 0%, #000 100%); z-index: 0;}
#co_af_step .inner{ padding: 95px 0 0; position: relative; z-index: 2; }
#co_af_step .inner h2{ text-align: center; }
#co_af_step .inner h2::after { content: ''; width: 90px; height: 3px; background: #fff; display: block; margin: 20px auto 0; opacity: 0.2;}
#co_af_step .inner h2 span{ display: inline-block;}
#co_af_step .inner ul { max-width: 1200px; margin: 100px auto 0; width: 86.5%; }
#co_af_step .inner ul li{ position: relative; z-index: 2; display: flex; }
#co_af_step .inner ul li:nth-child(odd){ flex-direction : row-reverse; }
#co_af_step .inner ul li .txt_box{ width: 50%; display: flex; align-items: center; justify-content: center;}
#co_af_step .inner ul li .txt_box_inner{ width: 67%;}
#co_af_step .inner ul li .txt_box_inner .no{ font-size: 110px; line-height: 1; text-align: center; font-family: "Bodoni Moda", serif; /*font-optical-sizing: auto;*/ font-weight: 400; font-style: italic; font-variation-settings: 'opsz' 30;}
#co_af_step .inner ul li .txt_box_inner h3{ margin-top: 5px; text-align: center;}
#co_af_step .inner ul li .txt_box_inner h3 span{ display: inline-block;}
#co_af_step .inner ul li .txt_box_inner h3 small{ margin-top: 5px; font-size: 20px; display: block; }
#co_af_step .inner ul li .txt_box_inner h3 br{ display: block !important;}
#co_af_step .inner ul li .txt_box_inner p{ margin-top: 20px; }
#co_af_step .inner ul li .img_box{ width: 50%;}
@media (max-width:1400px){
#co_af_step .inner ul li .txt_box_inner .no{ font-size: 100px; }
#co_af_step .inner ul li .txt_box_inner h3 small{ margin-top: 5px; font-size: 19px; display: block; }
}/*END*/
@media (max-width:1300px){
#co_af_step .inner{padding: 80px 0 0; }

#co_af_step .inner ul li .txt_box_inner .no{ font-size: 90px; }
#co_af_step .inner ul li .txt_box_inner{ width: 75%;}
}/*END*/
@media (max-width:1250px){
#co_af_step .inner ul li{ margin-bottom: 100px; }
#co_af_step .inner ul li:last-child{ margin-bottom: 0px; }
}/*END*/
@media (max-width:1000px){
#co_af_step .inner{padding: 80px 0 0; }
#co_af_step .inner ul { max-width: 1000px; margin: 0px auto 0; width: 90%; }
#co_af_step .inner ul li{ margin-bottom: 0px; padding: 90px 0; position: relative; z-index: 2; display: block; border-bottom: solid 1px #333;  }
#co_af_step .inner ul li .txt_box{ width: 100%; padding: 0px 0 50px;}
#co_af_step .inner ul li .img_box{ margin: 0 auto ; width: 100%; max-width: 500px; position: relative;}
#co_af_step .inner ul li .txt_box_inner .no{ font-size: 100px; }
#co_af_step .inner ul li .txt_box_inner h3 br{ display: block !important;}
}/*END*/
@media (max-width:750px){
#co_af_step .inner ul { max-width: 1000px; margin: 0px auto 0; width: 90%; }
#co_af_step .inner ul li{ margin-bottom: 0px; padding: 80px 0; }
#co_af_step .inner ul li .txt_box{  margin: 0 auto ; width: 90%; padding: 0 0 40px;}
#co_af_step .inner ul li .txt_box_inner{ width: 100%;}
#co_af_step .inner ul li .txt_box_inner .no{ font-size: 90px; }
#co_af_step .inner ul li .img_box{ margin: 0 auto ; width: 87%; max-width: 500px;}
#co_af_step .inner ul li .txt_box_inner h3 small{ margin-top: 5px; font-size: 18px; display: block; }
}/*END*/
@media (max-width:500px){
#co_af_step .inner{padding: 60px 0 0; }
#co_af_step .inner ul li{ margin-bottom: 0px; padding: 60px 0; }
#co_af_step .inner ul li .txt_box_inner{ width: 100%;}
#co_af_step .inner ul li .txt_box{  margin: 0 auto ; width: 90%; padding: 0 0 30px;}
#co_af_step .inner ul li .txt_box_inner h3 small{ margin-top: 5px; font-size: 17px; display: block; }
}/*END*/
@media (max-width:450px){
#co_af_step .inner ul li .txt_box_inner h3 small{ margin-top: 5px; font-size: 16px; display: block; }
}/*END*/

.af_before,.af_after{ font-size: 12px; color: #fff;}
@media (max-width:640px){
.af_before,.af_after{ font-size: 11px;}
}/*END*/
.af_before{ position: absolute; right: 3%; top: 2.5%; z-index: 2;}
.af_after{ position: absolute; right: 3%; top: 52.5%; z-index: 2;}

/*-------- co_af_txt2 --------*/
.co_af_txt2{ padding: 150px 0 0; overflow: hidden;}
.co_af_txt2 p{ margin: 0 auto; max-width: 1000px; width: 92%; text-align: center; position: relative; z-index: 2;}
.co_af_txt2 .img_box{ margin-top: -5vw; z-index: 1;}
.co_af_txt2 .img_box img{ width: 100%;}
@media (max-width:1400px){
.co_af_txt2 p{ max-width: 900px; width: 92%; }
}/*END*/
@media (max-width:1200px){
.co_af_txt2 p{ max-width: 850px; width: 92%; }
}/*END*/
@media (max-width:1000px){
.co_af_txt2{ padding: 100px 0 0;}
.co_af_txt2 p{ max-width: 750px; width: 90%; }
}/*END*/
@media (max-width:650px){
.co_af_txt2{ padding: 80px 0 0;}
.co_af_txt2 p{ max-width: 750px; width: 90%; }
}/*END*/
@media (max-width:500px){
.co_af_txt2{ padding: 80px 0 0;}
.co_af_txt2 p{ max-width: 750px; width: 90%; }
}/*END*/
.co_af_txt2 p br.co_af_txt2_br1{ display: none; }
.co_af_txt2 p br.co_af_txt2_br2{ display: none; }
.co_af_txt2 p br.co_af_txt2_br3{ display: block; }
.co_af_txt2 p br.co_af_txt2_br4{ display: none; }
@media (max-width:1000px){
.co_af_txt2 p br.co_af_txt2_br1{ display: block; }
.co_af_txt2 p br.co_af_txt2_br2{ display: none; }
.co_af_txt2 p br.co_af_txt2_br3{ display: block; }
}/*END*/
@media (max-width:850px){
.co_af_txt2 p br.co_af_txt2_br1{ display: block; }
.co_af_txt2 p br.co_af_txt2_br2{ display: block; }
.co_af_txt2 p br.co_af_txt2_br3{ display: none; }
.co_af_txt2 p br.co_af_txt2_br4{ display: block; }
}/*END*/
@media (max-width:500px){
.co_af_txt2 p br.co_af_txt2_br1{ display: none; }
.co_af_txt2 p br.co_af_txt2_br2{ display: none; }
.co_af_txt2 p br.co_af_txt2_br3{ display: none; }
.co_af_txt2 p br.co_af_txt2_br4{ display: none; }
.co_af_txt2 p br{ display: none; }
}/*END*/

/* on / off */
.co_af_txt2 .x1{display:inline;}
.co_af_txt2 .sp{display:none;}
@media (max-width:1000px){
.co_af_txt2 .x1{display:none;}
.co_af_txt2 .sp{display:inline;}
}/*END*/



/*-------------------------------------------------
	Interview #02
--------------------------------------------------*/
/*---------------------
	base
-----------------------*/
#co_interview_wrap .co_interview_p2{ margin-top: 48px;}
@media (max-width: 1200px) {
#co_interview_wrap .co_interview_p2{ margin-top: 44px;}
}/*end*/
@media (max-width: 640px) {
#co_interview_wrap .co_interview_p2{ margin-top: 40px;}
}/*end*/
@media (max-width: 500px) {
#co_interview_wrap .co_interview_p2{ margin-top: 30px}
}/*end*/

/*-------- .in02_gallery --------*/
.in02_gallery a{ background: #000;  }
.in02_gallery a .inner .txt_box{  text-decoration: none; color: #fff;}

/*-------- .in02_01 --------*/
.in02_01 {margin: 100px auto 0; }
.in02_01 h2{text-align: center; }
.in02_01 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  }
.in02_01 .inner .txt_box{ width: 56.7%; }
.in02_01 .inner .txt_box p{ width: 84%; }
.in02_01 .inner .img_box{ width: 45%; }
@media (max-width: 1000px) {
.in02_01 {margin: 80px auto 0; }
.in02_01 .inner{ margin: 45px auto 0; max-width: 1150px; width: 80%; display: block; }
.in02_01 .inner .img_box{ width: 60%; max-width: 400px; margin: 80px 0 0 10%; }
.in02_01 .inner .txt_box{ width: 100%; }
.in02_01 .inner .txt_box p{ width: 100%; }
.in02_01 h2 span{ display: block;}
}/*end*/
@media (max-width: 640px) {
.in02_01 {margin: 60px auto 0; }
.in02_01 .inner{ margin: 30px auto 0; }
}/*end*/
@media (max-width: 500px) {
.in02_01 .inner{ margin: 30px auto 0; }
}/*end*/

/*-------- in02_02 --------*/
.in02_02 .img_box{ margin: 120px auto 0; max-width: 800px; width: 95%;}
.in02_02 .txt_box{ margin: 60px auto 0; max-width: 1150px; width: 80%;}
.in02_02 .txt_box h2{ text-align: center;}
@media (max-width: 1000px) {
.in02_02 .img_box{ margin: 80px auto 0; width: 100%; display: flex;  flex-direction : row-reverse;}
.in02_02 .img_box img{ width: 60%; margin-right: 5%; }
.in02_02 h2 span{ display: block;}
}/*end*/
@media (max-width: 640px) {
.in02_02 .txt_box h2{ width: 110%; margin-left: -5%;}
.in02_02 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/

/*
現代におけるドレスウオッチの役割と
「永く愛用すること」の大切さ
/*-------- in02_03 --------*/
.in02_03 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 95%;}
.in02_03 .txt_box{ margin: 60px auto 0; max-width: 1150px; width: 80%;}
.in02_03 .txt_box h2{ text-align: center;}
@media (max-width: 1000px) {
.in02_03 .img_box{ margin: 80px auto 0; width: 100%;}
}/*end*/
@media (max-width: 640px) {
.in02_03 .txt_box h2{ width: 110%; margin-left: -5%;}
.in02_03 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/

/*
新作として登場した、・・・
/*-------- .in02_04 --------*/
.in02_04 {margin: 100px auto 0; }
.in02_04 ul{ margin: 80px auto 0; max-width: 1150px; width: 80%; }
.in02_04 ul li { display: flex; align-items: center; justify-content: space-between;  }
.in02_04 ul li:nth-child(even) {  flex-direction : row-reverse; margin-top: 40px; }
.in02_04 ul li .txt_box{ width: 43%; }
.in02_04 ul li .img_box{ width: 48%; }
@media (max-width: 1000px) {
.in02_04 ul{ margin: 80px auto 0; width: 100%; }
.in02_04 ul li:nth-child(even) { margin-top: 100px; }
.in02_04 ul li .txt_box{ width: 50%; }
.in02_04 ul li .txt_box p{ width: 75%; margin: 0 auto; }
.in02_04 ul li .img_box{ width: 50%; }
}/*end*/
@media (max-width: 1000px) {
.in02_04 ul{ margin: 80px auto 0; width: 100%; }
.in02_04 ul li:nth-child(even) { margin-top: 100px; }
.in02_04 ul li .txt_box{ width: 45%; }
.in02_04 ul li .txt_box p{ width: 75%; margin: 0 auto; }
.in02_04 ul li .img_box{ width: 55%; }
}/*end*/
@media (max-width: 750px) {
.in02_04 {margin: 90px auto 0; }
.in02_04 ul{ margin: 80px auto 0; max-width: 1150px; width: 100%; display: block; }
.in02_04 ul li { width: 100%; margin: 70px 0; display: block;  }
.in02_04 ul li:nth-child(even) { margin-top: 0px; }
.in02_04 ul li .txt_box{ margin: 25px auto 0;  width: 80%; }
.in02_04 ul li .txt_box p{ width: 100%; }
.in02_04 ul li .img_box{ width: 80%; max-width: 600px; margin: 0 auto; }
}/*end*/

/*
ヴィンテージの腕時計と
ファッションの関係
/*-------- .in02_05 --------*/
.in02_05 {margin: 100px auto 0; }
.in02_05 h2{text-align: center; }
.in02_05 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex; justify-content: space-between;  }
.in02_05 .inner .txt_box{ width: 48%; }
.in02_05 .inner .img_box{ width: 45%; }
@media (max-width: 1000px) {
.in02_05 h2 br{display: block !important;}
.in02_05 .inner{ margin: 45px auto 0; max-width: 1150px; width: 80%; display: block;  }
.in02_05 .inner .txt_box{ width: 100%; }
.in02_05 .inner .img_box{ width: 60%; margin: 80px auto 0; }
}/*end*/
@media (max-width: 750px) {
.in02_05 .inner{ margin: 40px auto 0; max-width: 1150px; width: 80%; display: block;  }
.in02_05 .inner .img_box{ width: 70%; margin: 60px auto 0; }
}/*end*/
@media (max-width: 640px) {
.in02_05 {margin: 80px auto 0; }
.in02_05 .inner{ margin: 30px auto 0; }
}/*end*/

/*
3カラム
/*-------- .in02_06 --------*/
.in02_06 {margin: 110px auto 0; }
.in02_06 ul{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex; justify-content: space-between; }
.in02_06 ul li { width: 31%;}
.in02_06 ul li .txt_box{ margin: 25px auto 0; width: 100%; }
@media (max-width: 1100px) {
.in02_06 ul{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: block; }
.in02_06 ul li { width: 100%; margin: 60px 0; display: flex; align-items: center; justify-content: space-between;  }
.in02_06 ul li:nth-child(odd) {  flex-direction : row-reverse; }
.in02_06 ul li .txt_box{ margin: 0;  width: 43%; }
.in02_06 ul li .img_box{ width: 48%; }
.in02_06 ul li .img_box img{ width: 100%; }
}/*end*/
@media (max-width: 1000px) {
.in02_06 {margin: 110px auto 0; }
.in02_06 ul{ margin: 80px auto 0; max-width: 1150px; width: 100%; display: block; }
.in02_06 ul li { width: 100%; margin: 60px 0; display: flex; align-items: center; justify-content: space-between;  }
.in02_06 ul li:nth-child(odd) {  flex-direction : row-reverse; }
.in02_06 ul li .txt_box{ margin: 0;  width: 50%; }
.in02_06 ul li .txt_box p{ margin: 0 auto; width: 80%; }
.in02_06 ul li .img_box{ width: 50%; }
}/*end*/
@media (max-width: 750px) {
.in02_06 {margin: 110px auto 0; }
.in02_06 ul{ margin: 80px auto 0; max-width: 1150px; width: 100%; display: block; }
.in02_06 ul li { width: 100%; margin: 60px 0; display: block; align-items: center; justify-content: space-between;  }
.in02_06 ul li:nth-child(odd) {  flex-direction : row-reverse; }
.in02_06 ul li .txt_box{ margin: 30px auto 0;  width: 80%; }
.in02_06 ul li .txt_box p{ width: 100%; }
.in02_06 ul li .img_box{ width: 80%; max-width: 600px; margin: 0 auto; }
}/*end*/

/*
キングセイコーと呼応する
「編集者としてのスタイル」
/*-------- in02_07 --------*/
.in02_07{ padding: 120px 0 0;}
.in02_07 .txt_box{ margin: 0 auto; max-width: 1150px; width: 80%;}
.in02_07 .txt_box h2{ text-align: center;}
@media (max-width: 1100px) {
.in02_07{ padding: 40px 0 0;}
.in02_07 .txt_box h2 br{ display: block;}
}/*end*/
@media (max-width: 640px) {
.in02_07 .txt_box h2{ width: 110%; margin-left: -5%;}
.in02_07 .txt_box{ margin: 0 auto ; width: 85%;}
}/*end*/

/*-------- interview_top [ btn ] --------*/
.interview_top{ padding: 120px 0;margin: 0 auto; max-width: 1000px; width: 80%;}
.interview_top a{ position: relative; color: #fff; display: inline-block; overflow: hidden;}
.interview_top a .txt_box{ position: absolute; left: 0%; top: 0px; height: 100%; width: 100%; display: flex; align-items: center; }
.interview_top a .txt_box .inner{ font-size: 18px; line-height: 1.4; position: relative; display: flex; width: 88%; margin: 0 auto; }
.interview_top a .txt_box .inner .link_arrow_back{ position: relative; z-index: 10; width: 15px; margin-right: 5%;}
.interview_top a .interview_top_img{ position: relative; z-index: -1; transition: 1s;}
.interview_top a:hover .interview_top_img{transform: scale(1.1)}
@media (max-width: 1200px) {
.interview_top a .txt_box .inner{ font-size: 16px; }
}/*end*/
@media (max-width: 1024px) {
.interview_top a .txt_box .inner{ font-size: 18px; }
}/*end*/
@media (max-width: 1000px) {
.interview_top{ padding: 90px 0;}
}/*end*/
@media (max-width: 700px) {
.interview_top{ padding: 60px 0 50px; margin: 0 auto; max-width: 1000px; width: 80%;}
.interview_top a .txt_box .inner{ font-size: 2.6vw; }
.interview_top a .txt_box .inner .link_arrow_back{ position: relative; z-index: 10; width: 2vw; margin-right: 5%;}
}/*end*/


/*-------------------------------------------------
	Interview #03
--------------------------------------------------*/
/*-------- .in03_gallery --------*/
.in03_gallery a{ background: linear-gradient(to bottom , #592923 0%, #291310 80%); }
.in03_gallery a .inner .txt_box{  text-decoration: none; color: #fff;}

/*-------- .in03_01 --------*/
.in03_01 {margin: 100px auto 0; }
.in03_01 h2{text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in03_01 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  }
.in03_01 .inner .txt_box{ width: 56.3%; }
.in03_01 .inner .txt_box p{ width: 86%; }
.in03_01 .inner .img_box{ width: 43.7%; }
.in03_01 h2 br{ display: block;}
@media (max-width: 1000px) {
.in03_01 {margin: 80px auto 0; }
.in03_01 .inner{ margin: 45px auto 0; max-width: 1150px; width: 80%; display: block; }
.in03_01 .inner .img_box{ width: 80%; max-width: 600px; margin: 80px auto 0%; }
.in03_01 .inner .img_box img{ width: 100%; }
.in03_01 .inner .txt_box{ width: 100%; }
.in03_01 .inner .txt_box p{ width: 100%; }
.in03_01 h2 span{ display: inline-block;}
}/*end*/
@media (max-width: 640px) {
.in03_01 {margin: 60px auto 0; }
.in03_01 .inner{ margin: 30px auto 0; }
.in03_01 h2{text-align: center; margin: 0px auto; width: 90%; }
.in03_01 .inner .img_box{ width: 70%; max-width: 600px; margin: 60px auto 0%; }
}/*end*/
@media (max-width: 500px) {
.in03_01 .inner{ margin: 30px auto 0; }
}/*end*/

/*-------- in03_02 --------*/
.in03_02 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  flex-direction : row-reverse; }
.in03_02 .inner .img_box{ margin-top: 10px; width: 35.7%;}
.in03_02 .inner .txt_box{ margin-left: 7%; width: 57%;}
@media (max-width: 1400px) {
.in03_02 .inner .img_box{ margin-top: 10px; width: 45%;}
.in03_02 .inner .img_box img{ width: 100%;}
.in03_02 .inner .txt_box{ margin-left:9%; width: 44%;}
}/*end*/
@media (max-width: 1000px) {
.in03_02 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: block;  }
.in03_02 .inner .img_box{ margin: 60px auto; width: 80%; text-align: center;}
.in03_02 .inner .txt_box{ margin-left: 0; width: 100%;}
}/*end*/
@media (max-width: 640px) {
.in03_02 .inner{ margin: 50px auto 0; max-width: 1150px; width: 80%; display: block;  }
.in03_02 .inner .img_box{ margin: 50px auto; width: 100%; text-align: center;}
}/*end*/

/*
キングセイコーの印象と
好きなモデルは？
/*-------- in03_03 --------*/
.in03_03 .txt_box{ margin: 120px auto 0; max-width: 1150px; width: 80%;}
.in03_03 .txt_box h2{ text-align: center;}
.in03_03 .img_box{ margin: 80px auto 0; max-width: 800px; width: 80%;}
.in03_03_p2{ margin-top: 80px;}
@media (max-width: 1000px) {
.in03_03 .img_box{ margin: 70px auto 0; width: 80%;}
.in03_03 .txt_box h2 br{ display: block;}
}/*end*/
@media (max-width: 640px) {
.in03_03{ margin-top: 80px;}
.in03_03 .img_box{ margin: 50px auto 0; width: 70%;}
.in03_03_p2{ margin-top: 50px;}
.in03_03 .txt_box h2{ width: 110%; margin-left: -5%;}
.in03_03 .txt_box{ margin: 50px auto 0; width: 85%;}
}/*end*/

/*
靴から考える
腕時計のコーディネートとは？
/*-------- .in03_05 --------*/
.in03_04 { margin: 100px auto 0; }
.in03_04 h2{ text-align: center; }
.in03_04 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex; }
.in03_04 .inner .img_box{ width: 47%;}
.in03_04 .inner .txt_box{margin-left: 6.8%;  width: 46.4%;}
@media (max-width: 1000px) {
.in03_04 h2 br{ display: block;}
.in03_04 .inner{ margin: 50px auto 0; max-width: 1150px; width: 80%; display: block; }
.in03_04 .inner .img_box{ width: 70%; margin: 0 auto;}
.in03_04 .inner .txt_box{margin: 60px auto;  width: 100%;}
}/*end*/
@media (max-width: 640px) {
.in03_04 { margin: 80px auto 0; }
.in03_04 .inner{ margin: 50px auto 0;  }
.in03_04 .inner .txt_box{margin: 50px auto; }
}/*end*/

/*
2カラム
/*-------- .in03_05 --------*/
.in03_05 {margin: 120px auto 0; }
.in03_05 ul{ margin: 80px auto 0; max-width: 860px; width: 80%; display: flex; justify-content: space-between; }
.in03_05 ul li { width: 47%; }
.in03_05 ul li .txt_box{ margin-top: 35px; }
@media (max-width: 1000px) {
.in03_05 {margin: 80px auto 0; }
.in03_05 ul{ margin: 0px auto 0; max-width: 860px; width: 80%; display: block; }
.in03_05 ul li { width: 100%; }
.in03_05 ul li .img_box{ margin: 60px auto 0px; width: 100%; max-width: 500px; }
.in03_05 ul li .img_box img{ width: 100%; }
}/*end*/
@media (max-width: 640px) {
.in03_05 {margin: 60px auto 0; }
.in03_05 ul li .txt_box{ margin-top: 20px; }
}/*end*/

/*
靴磨き家として思う
キングセイコーの魅力について
/*-------- .in03_06 --------*/
.in03_06 {margin: 120px auto 0; }
.in03_06 h2{text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
@media (max-width: 1000px) {
.in03_06 h2 br{ display: block; }
}/*end*/
@media (max-width: 640px) {
.in03_06 {margin: 100px auto 0; }
}/*end*/

/*-------- .inner1 --------*/
.in03_06 .inner1{ margin: 0px auto 0; max-width: 1150px; width: 80%;  }

/*-------- .inner2 --------*/
.in03_06 .inner2{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex; }
.in03_06 .inner2 .img_box{ width: 59.9%; }
.in03_06 .inner2 .txt_box{ margin-left: 6.4%; width: 33.9%; }
@media (max-width: 1000px) {
.in03_06 .inner2{ margin: 60px auto 0; max-width: 1150px; width: 80%; display: block; }
.in03_06 .inner2 .img_box{ margin: 60px auto ; width: 100%; }
.in03_06 .inner2 .img_box img{ width: 100%; }
.in03_06 .inner2 .txt_box{ margin: 0 auto ; width: 100%; }
}/*end*/
@media (max-width: 640px) {
.in03_06 .inner2{ margin: 50px auto 0;}
.in03_06 .inner2 .img_box{ margin: 50px auto; }
}/*end*/

/*-------- .inner3 --------*/
.in03_06 .inner3{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  flex-direction : row-reverse; }
.in03_06 .inner3 .txt_box{ width: 49.2%; margin-right: 9.5%; display: flex; align-items: center; justify-content: center;}
.in03_06 .inner3 .img_box{ width: 36%; }
@media (max-width: 1000px) {
.in03_06 .inner3{ margin: 60px auto 0; max-width: 1150px; width: 80%; display: block; }
.in03_06 .inner3 .txt_box{ width: 100%; margin: 60px auto; display: flex; align-items: center; justify-content: center;}
.in03_06 .inner3 .img_box{ width: 70%; max-width: 420px; margin: 0 auto; }
}/*end*/
@media (max-width: 640px) {
.in03_06 .inner3{ margin: 50px auto 0;}
.in03_06 .inner3 .txt_box{ margin: 50px auto; }
}/*end*/

/*
現代におけるドレスウオッチの役割と
「永く愛用すること」の大切さ
/*-------- in02_03 --------*/
.in03_07 .img_box{ margin: 150px auto 0; max-width: 1400px; width: 95%;}
.in03_07 .txt_box{ margin: 70px auto 0; max-width: 1150px; width: 80%;}
.in03_07 .txt_box h2{ text-align: center;}
@media (max-width: 1000px) {
.in03_07 .img_box{ margin: 80px auto 0; width: 100%;}
.in03_07 .txt_box h2 br{ display: block;}
}/*end*/
@media (max-width: 640px) {
.in03_07 .txt_box h2{ width: 110%; margin-left: -5%;}
.in03_07 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/



/*-------------------------------------------------
	Interview #04
--------------------------------------------------*/
/*-------- .in04_gallery --------*/
.in04_gallery a{ background: linear-gradient(to bottom , #4e5859 0%, #232828 80%); }
.in04_gallery a .inner .txt_box{  text-decoration: none; color: #fff;}
.interview4 #co_interview_lead .interview_title_h3{ width: 110%; margin-left: -5%;}
@media (max-width: 1000px) {
.interview4 h2 br{display: block;}
}/*end*/

/*-------- .in04_01 --------*/
.in04_01 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 95%;}
.in04_01 .txt_box{ margin: 90px auto 0; max-width: 1150px; width: 80%;}
.in04_01 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in04_01 .txt_box p{}
@media (max-width: 1000px) {
.in04_01 .img_box{ margin: 80px auto 0; width: 100%;}
.in04_01 .txt_box{ margin: 80px auto 0; width: 85%;}
}/*end*/
@media (max-width: 640px) {
.in04_01 .img_box{ margin: 60px auto 0; width: 100%;}
.in04_01 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 600px) {
.in04_01 .txt_box h2 br{ display: none; }
}/*end*/

/*-------- in04_02 --------*/
.in04_02 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  }
.in04_02 .inner .img_box{ width: 60%;}
.in04_02 .inner .txt_box{ margin-left: 10%; width: 26%; display: flex; align-items: center; justify-content: center;}
@media (max-width: 1350px) {
.in04_02 .inner .img_box{ width: 55%;}
.in04_02 .inner .txt_box{ margin-left: 10%; width: 31%; display: flex; align-items: center; justify-content: center;}
}/*end*/
@media (max-width: 1000px) {
.in04_02 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: block;  }
.in04_02 .inner .img_box{ width: 100%; text-align: center;}
.in04_02 .inner .txt_box{ margin: 40px 0 0 0; width: 100%; display: flex; align-items: center; justify-content: center;}
}/*end*/
@media (max-width: 640px) {
.in04_02 .inner .txt_box{ margin: 25px 0 0 0;}
}/*end*/

/*-------- in04_03 --------*/
.in04_03 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex; flex-direction : row-reverse;}
.in04_03 .inner .img_box{  width: 36.6%;}
.in04_03 .inner .txt_box{ margin-right: 11%; width: 48%; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1000px) {
.in04_03 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: block;}
.in04_03 .inner .img_box{  width: 100%; text-align: center;}
.in04_03 .inner .txt_box{ margin: 40px 0 0 0; width: 100%; display: block;  }
}/*end*/
@media (max-width: 640px) {
.in04_03 .inner .txt_box{ margin: 25px 0 0 0;}
}/*end*/

/*-------- .in04_04 [変わるトレンドと、変わらないスタイル]--------*/
.in04_04 .txt_box{ margin: 120px auto 0; max-width: 1150px; width: 80%;}
.in04_04 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
@media (max-width: 1000px) {
.in04_04 .txt_box{ margin: 100px auto 0; }
}/*end*/
@media (max-width: 640px) {
.in04_04 .txt_box{ margin: 80px auto 0; width: 85%;}
}/*end*/

/*-------- .in04_05 --------*/
.in04_05 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 95%;}
.in04_05 .txt_box{ margin: 90px auto 0; max-width: 1150px; width: 80%;}
.in04_05 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
@media (max-width: 1000px) {
.in04_05 .img_box{ margin: 100px auto 0; width: 100%;}
}/*end*/
@media (max-width: 640px) {
.in04_05 {margin: 80px auto 0; }
.in04_05 .img_box{ margin: 80px auto 0; width: 100%;}
.in04_05 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 500px) {
.in04_05 .txt_box{ margin: 50px auto 0; width: 85%;}
}/*end*/

/*-------- .in04_06 --------*/
.in04_06{ margin-top: 100px; text-align: center; }
.in04_06 p{ margin-top: 20px; }
.in04_06 img{ width: 80%; max-width:766px ; }
@media (max-width: 640px) {
.in04_06{ margin-top: 80px; }
.in04_06 img{ width: 100%; }
}/*end*/

/*-------- .in04_07 --------*/
.in04_07 { margin: 100px auto 0; max-width: 1150px; width: 80%; }
.in04_07 .img_box{ display: flex; justify-content: space-between;}
.in04_07 .img_box img{ width: 48.2%;}
.in04_07 .txt_box{ margin: 50px auto 0; max-width: 805px; width: 80% }
@media (max-width: 1000px) {
.in04_07 { margin: 80px auto 0; max-width: 1150px; width: 100%; }
.in04_07 .img_box img{ width: 50%;}
}/*end*/
@media (max-width: 640px) {
.in04_07 { margin: 60px auto 0; }
}/*end*/

/*-------- .in04_07 --------*/
.in04_08 { margin: 120px auto 0; max-width: 1150px; width: 80%; display: flex; justify-content: space-between; flex-direction : row-reverse;}
.in04_08 .txt_box{ width: 38%; display: flex; align-items: center; justify-content: center; }
.in04_08 .txt_box .txt_box_inner{ display: block; }
.in04_08 .img_box{ width: 48.7%; }
@media (max-width: 1100px) {
.in04_08 { margin: 120px auto 0; max-width: 1150px; width: 80%; display: flex; justify-content: space-between; flex-direction : row-reverse;}
.in04_08 .img_box{ width: 40%; }
.in04_08 .txt_box{ width: 50%; margin:0 0% 0 10%; display: flex; align-items: center; }
}/*end*/
@media (max-width: 820px) {
.in04_08 { margin: 120px auto 0; max-width: 1150px; width: 80%; display: flex; justify-content: space-between; flex-direction : row-reverse;}
.in04_08 .img_box{ width: 35%; }
.in04_08 .txt_box{ width: 55%; margin:0 0% 0 10%; display: flex; align-items: center; }
}/*end*/
@media (max-width: 750px) {
.in04_08 { margin: 80px auto 0; max-width: 1150px; width: 80%; display: block;}
.in04_08 .txt_box{ width: 100%; margin:0; display: block; }
.in04_08 .txt_box h2{ text-align: center;}
.in04_08 .img_box{ margin: 60px auto 0; width: 70%; max-width: 350px;  }
}/*end*/

/*-------- .in04_09 --------*/
.in04_09 {margin: 100px auto 0; }
.in04_09 .txt_box{ margin: 90px auto 0; max-width: 1150px; width: 80%;}
.in04_09 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
@media (max-width: 1000px) {
.in04_09 {margin: 80px auto 0; }
}/*end*/
@media (max-width: 640px) {
.in04_09 {margin: 60px auto 0; }
.in04_09 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/



/*-------------------------------------------------
	Interview #05
--------------------------------------------------*/
/*-------- .in05_gallery --------*/
.in05_gallery .in_scroll .in_scroll_wheel{  background:rgba(255,255,255,.3); }
.in05_gallery .in_scroll .in_scroll_wheel:after {  background:#fff; }

/*-------- .in05_01 [ クラシックとファッションの関係性 ]--------*/
.in05_01 {margin: 100px auto 0; }
.in05_01 h2{text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in05_01 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex; }
.in05_01 .inner .txt_box{ width: 56.3%; }
.in05_01 .inner .txt_box p{ width: 86%; }
.in05_01 .inner .img_box{ width: 43.7%; }
.in05_01 h2 br{ display: block;}
@media (max-width: 1000px) {
.in05_01 {margin: 80px auto 0; }
.in05_01 .inner{ margin: 45px auto 0; max-width: 100%; width: 100%; display: block; }
.in05_01 .inner .img_box{  width: 80%; margin: 0 auto; max-width: auto; margin: 80px auto 0;display: flex;  flex-direction : row-reverse; }
.in05_01 .inner .img_box .img_box_inner{ width: 60%; }
.in05_01 .inner .img_box img{ width: 100%; }
.in05_01 .inner .txt_box{ margin: 0 auto; width: 80%; }
.in05_01 .inner .txt_box p{ width: 100%; }
.in05_01 h2 span{ display: inline-block;}
}/*end*/
@media (max-width: 640px) {
.in05_01 {margin: 60px auto 0; }
.in05_01 .inner{ margin: 30px auto 0; }
.in05_01 h2{text-align: center; margin: 0px auto; width: 90%; }

.in05_01 .inner .img_box{  width: 100%; margin: 0 auto; max-width: auto; margin: 80px auto 0;display: flex;  flex-direction : row-reverse; }
.in05_01 .inner .img_box .img_box_inner{ width: 60%; }
.in05_01 .inner .img_box img{ width: 100%; }

}/*end*/
@media (max-width: 500px) {
.in05_01 .inner{ margin: 30px auto 0; }
}/*end*/



/*-------- .in05_02 [ ファッションのなかで<span>腕時計の存在をどう捉える？ ] --------*/
.in05_02 .img_box{ margin: 120px auto 0; max-width: 760px; width: 95%;}
.in05_02 .txt_box{ margin: 75px auto 0; max-width: 1150px; width: 80%;}
.in05_02 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
@media (max-width: 1000px) {
.in05_02 .img_box{ margin: 80px auto 0; width: 85%;}
.in05_02 .img_box img{width: 65%;}
.in05_02 .txt_box{ margin: 80px auto 0; width: 85%;}
}/*end*/
@media (max-width: 640px) {
.in05_02 .img_box{ margin: 60px auto 0; width: 100%;}
.in05_02 .img_box img{width: 70%;}
.in05_02 .txt_box h2{ margin: 0px 0 0 -5%; width: 110%;}
.in05_02 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 600px) {
.in05_02 .txt_box h2 br{ display: none; }
}/*end*/


/*-------- in02_03 [ 腕時計選びの基準とスタイル、そしてキングセイコーの魅力 ]--------*/
.in05_03 .img_box{ margin: 150px auto 0; max-width: 1400px; width: 95%;}
.in05_03 .txt_box{ margin: 70px auto 0; max-width: 1150px; width: 80%;}
.in05_03 .txt_box h2{ text-align: center;}
@media (max-width: 1000px) {
.in05_03 .img_box{ margin: 80px auto 0; width: 100%;}
.in05_03 .txt_box h2 br{ display: block;}
}/*end*/
@media (max-width: 640px) {
.in05_03 .txt_box h2{ width: 110%; margin-left: -5%;}
.in05_03 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 550px) {
.in05_03 .txt_box h2 br{ display: none;}
.in05_03 .txt_box h2 span{ display: inline-block;}
}/*end*/



/*-------- .in05_04 --------*/
.in05_04 {margin: 100px auto 0; }
.in05_04 ul{ margin: 80px auto 0; max-width: 1150px; width: 80%; }
.in05_04 ul li { display: flex; align-items: center; justify-content: space-between;  }
.in05_04 ul li:nth-child(even) {  flex-direction : row-reverse; margin-top: 40px; }
.in05_04 ul li .txt_box{ width: 50%; }
.in05_04 ul li .img_box{ width: 48%; }
.in05_04 ul li .txt_box_inner{ width: 76%; margin: 0 auto;}
@media (max-width: 1000px) {
.in05_04 ul{ margin: 80px auto 0; width: 100%; }
.in05_04 ul li:nth-child(even) { margin-top: 100px; }
.in05_04 ul li .txt_box{ width: 50%; }
.in05_04 ul li .txt_box p{ width: 90%; margin: 0 auto; }
.in05_04 ul li .img_box{ width: 50%; }
}/*end*/
@media (max-width: 900px) {
.in05_04 {margin: 90px auto 0; }
.in05_04 ul{ margin: 80px auto 0; max-width: 1150px; width: 100%; display: block; }
.in05_04 ul li { width: 100%; margin: 70px 0; display: block;  }
.in05_04 ul li:nth-child(even) { margin-top: 0px; }
.in05_04 ul li .txt_box{ margin: 25px auto 0;  width: 100%; }
.in05_04 ul li .txt_box p{ width: 100%; }
.in05_04 ul li .img_box{ width: 60%; max-width: 600px; margin: 0 auto; }
}/*end*/
@media (max-width: 640px) {
.in05_04 {margin: 90px auto 0; }
.in05_04 ul{ margin: 80px auto 0; max-width: 1150px; width: 100%; display: block; }
.in05_04 ul li { width: 100%; margin: 70px 0; display: block;  }
.in05_04 ul li:nth-child(even) { margin-top: 0px; }
.in05_04 ul li .txt_box{ margin: 25px auto 0;  width: 100%; }
.in05_04 ul li .txt_box p{ width: 100%; }
.in05_04 ul li .img_box{ width: 80%; max-width: 600px; margin: 0 auto; }
}/*end*/


/*-------- .in05_05 [本当に価値のあるものを 見極めることの大切さとは]--------*/
.in05_05 .txt_box{ margin: 120px auto 0; max-width: 1150px; width: 80%;}
.in05_05 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in05_05 .img_box{ margin: 80px auto 0;max-width: 1150px; width: 80%; display: flex; justify-content: space-between;align-items:flex-end; }
.in05_05 .img_box .img_1{ width: 57.2%; padding-bottom: 127px; }
.in05_05 .img_box .img_2{ width: 32.5%; }

@media (max-width: 1435px) {
.in05_05 .img_box .img_1{ width: 57.2%; padding-bottom: 9vw; }
.in05_05 .img_box .img_2{ width: 32.5%; }
}/*end*/
@media (max-width: 1300px) {
.in05_05 .img_box{ margin: 80px auto 0;max-width: 1150px; width: 80%; display: flex; justify-content: space-between;align-items:flex-end; }
}/*end*/
@media (max-width: 1000px) {
.in05_05 .txt_box{ margin: 100px auto 0; }
.in05_05 .img_box{ margin: 80px auto 0;max-width: 1150px; width: 100%; display: flex; justify-content: space-between;align-items:flex-end; }
.in05_05 .img_box .img_1{ width: 57.2%; padding-bottom: 12vw; }
.in05_05 .img_box .img_2{ width: 35%; }
}/*end*/
@media (max-width: 750px) {
.in05_05 .txt_box{ margin: 100px auto 0; }
.in05_05 .img_box{ margin: 80px auto 0;max-width: 1150px; width: 100%; display: block; justify-content: space-between;align-items:flex-end; }
.in05_05 .img_box .img_1{ width: 75%; padding-bottom: 7vw; }
.in05_05 .img_box .img_2{ width: 100%; display: flex; flex-direction : row-reverse; }
.in05_05 .img_box .img_2 img{ width: 55%; }
}/*end*/
@media (max-width: 640px) {
.in05_05 .txt_box{ margin: 90px auto 0; width: 85%;}
}/*end*/
@media (max-width: 550px) {
.in05_05 .txt_box h2 br{ display: none;}
.in05_05 .txt_box h2 span{ display: inline-block;}
}/*end*/


/*-------- .in05_06 [“自分なりのクラシックを表現する”キングセイコーとの共通点]--------*/
.in05_06 .img_box{ margin: 90px auto 0; max-width: 850px; width: 60%;}
.in05_06 .txt_box{ margin: 70px auto 0; max-width: 1150px; width: 80%;}
.in05_06 .txt_box h2{ text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
@media (max-width: 1000px) {
.in05_06 .img_box{ margin: 100px auto 0; width: 80%;}
}/*end*/



@media (max-width: 640px) {
.in05_06 {margin: 80px auto 0; }
.in05_06 .img_box{ margin: 80px auto 0; width: 80%;}
.in05_06 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 500px) {
.in05_06 .txt_box{ margin: 50px auto 0; width: 85%;}
}/*end*/


@media (max-width: 640px) {
.in05_06 .txt_box h2{ width: 110%; margin-left: -5%;}
.in05_06 .txt_box{ margin: 60px auto 0; width: 85%;}
}/*end*/
@media (max-width: 550px) {
.in05_06 .txt_box h2 br{ display: none;}
.in05_06 .txt_box h2 span{ display: inline-block;}
}/*end*/




/*

background: rgba(255,0,0,0.1);

*/