@charset "utf-8";

/*-------------------------------------------------
	Interview #06
--------------------------------------------------*/
/*---------------------
	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*/

/*-------- interview_title_h3 --------*/
.interview2 .interview_title_h3{font-size: 55px; line-height: 1.1; margin: 0 auto; max-width: 800px;}
@media (max-width: 1200px) {
.interview2 .interview_title_h3{font-size: 52px; }
}/*end*/
@media (max-width: 1000px) {
.interview2 .interview_title_h3{font-size: 50px; }
}/*end*/
@media (max-width: 800px) {
.interview2 .interview_title_h3{font-size: 46px; }
}/*end*/
@media (max-width: 690px) {
.interview2 .interview_title_h3{font-size: 42px; }
}/*end*/
@media (max-width: 580px) {
.interview2 .interview_title_h3{font-size: 8vw; width: 100%; margin-left: -0%; }
}/*end*/
@media (max-width: 480px) {
.interview2 .interview_title_h3{font-size: 9.4vw; width: 110%; margin-left: -5%; }
}/*end*/


/*-------- .in02_gallery --------*/
.in02_gallery a{ background: linear-gradient(to bottom , #563e27 0%, #2d1909 80%); }
.in02_gallery a .inner .txt_box{  text-decoration: none; color: #fff;}

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

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

/*-------- .in02_01 [ サックス奏者としての原点 ]--------*/
.in02_01 {margin: 140px auto 0; }
.in02_01 h2{text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in02_01 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  flex-direction : row-reverse;}
.in02_01 .inner .txt_box{ width: 47.2%; margin-left: 7%; }
.in02_01 .inner .txt_box p{ width: 100%; }
.in02_01 .inner .img_box{ width: 45.8%; }
.in02_01 h2 br{ display: block;}
@media (max-width: 1000px) {
.in02_01 {margin: 100px auto 0; }
.in02_01 .inner{ margin: 45px auto 0; max-width: 100%; width: 100%; display: block; }
.in02_01 .inner .txt_box{ margin: 0 auto; width: 80%; }
.in02_01 .inner .txt_box p{ width: 100%; }
.in02_01 .inner .img_box{ margin: 80px auto 0; width: 80%; max-width: 500px;}
.in02_01 h2 span{ display: inline-block;}
}/*end*/
@media (max-width: 640px) {
.in02_01 {margin: 80px auto 0; }
.in02_01 .inner{ margin: 30px auto 0; }
.in02_01 h2{text-align: center; margin: 0px auto; width: 90%; }
.in02_01 .inner .img_box{ margin: 80px auto 0; width: 100%;  max-width: 1000px;}
.in02_01 .inner .img_box img{ width: 100%; }
}/*end*/
@media (max-width: 500px) {
.in02_01 {margin: 80px auto 0; }
.in02_01 .inner .img_box{ margin: 40px auto 0; width: 100%; max-width: 1000px;}
}/*end*/

/*-------- .in02_02 [ 独自のファッション感覚と腕時計の関係 ] --------*/
.in02_02 {margin: 140px auto 0; }
.in02_02 .txt_box{ margin: 0px auto 0; max-width: 1155px; width: 80%;}
.in02_02 .txt_box h2{ text-align: center;}
.in02_02 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 95%;}
@media (max-width: 1000px) {
.in02_02 {margin: 100px auto 0; }
.in02_02 .img_box{ margin: 80px auto 0; }
.in02_02 .txt_box h2 br{ display: block; }
.in02_02 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 100%;}
}/*end*/
@media (max-width: 640px) {
.in02_02 {margin: 80px auto 0; }
.in02_02 .img_box{ margin: 60px auto 0; }
}/*end*/
@media (max-width: 500px) {
.in02_02 {margin: 60px auto 0; }
}/*end*/
@media (max-width: 450px) {
.in02_02 .txt_box h2 br{ display: none; }
}/*end*/

/*-------- .in02_03 [ ミュージシャン視点でのキングセイコーの捉え方とは ]--------*/
.in02_03 {margin: 140px auto 0; }
.in02_03 h2{text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in02_03 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;}
.in02_03 .inner .txt_box{ width: 47.2%; }
.in02_03 .inner .txt_box p{ width: 100%;}
.in02_03 .inner .img_box{ width: 45.8%; margin-left: 7%; }
.in02_03 h2 br{ display: block;}
@media (max-width: 1000px) {
.in02_03 {margin: 100px auto 0; }
.in02_03 .inner{ margin: 45px auto 0; max-width: 100%; width: 100%; display: block; }
.in02_03 .inner .txt_box{ margin: 0 auto; width: 80%; }
.in02_03 .inner .txt_box p{ width: 100%; }
.in02_03 .inner .img_box{ margin: 80px auto 0; width: 80%; max-width: 500px;}
.in02_03 h2 span{ display: inline-block;}
}/*end*/
@media (max-width: 640px) {
.in02_03 {margin: 80px auto 0; }
.in02_03 .inner{ margin: 30px auto 0; }
.in02_03 h2{text-align: center; margin: 0px auto; width: 90%; }
.in02_03 .inner .img_box{ margin: 80px auto 0; width: 100%; max-width: 1000px;}
.in02_03 .inner .img_box img{ width: 100%; }
}/*end*/
@media (max-width: 500px) {
.in02_03 {margin: 60px auto 0; }
.in02_03 .inner .img_box{ margin: 40px auto 0;width: 100%; max-width: 1000px;}
}/*end*/

/*-------- .in02_04 ul li--------*/
.in02_04 {margin: 100px auto 0; }
.in02_04 ul{ margin: 0px 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: 50%; }
.in02_04 ul li .img_box{ width: 48%; }
.in02_04 ul li .txt_box_inner{ width: 76%; margin: 0 auto;}
@media (max-width: 1000px) {
.in02_04 {margin: 90px auto 0; }
.in02_04 ul{ margin: 0px 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: 90%; margin: 0 auto; }
.in02_04 ul li .img_box{ width: 50%; }
}/*end*/
@media (max-width: 900px) {
.in02_04 {margin: 80px auto 0; }
.in02_04 ul{ margin: 0px 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: 100%; }
.in02_04 ul li .txt_box p{ width: 100%; }
.in02_04 ul li .img_box{ width: 60%; max-width: 600px; margin: 0 auto; }
}/*end*/
@media (max-width: 640px) {
.in02_04 {margin: 60px auto 0; }
.in02_04 ul{ margin: 0px 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: 100%; }
.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: 140px auto 0; }
.in02_05 h2{text-align: center; margin: 0px auto; max-width: 1150px; width: 80%; }
.in02_05 .inner{ margin: 80px auto 0; max-width: 1150px; width: 80%; display: flex;  flex-direction : row-reverse;}
.in02_05 .inner .txt_box{ width: 47.2%; margin-left: 7%; display: flex; align-items: center; justify-content: center;}
.in02_05 .inner .txt_box p{ width: 100%; }
.in02_05 .inner .img_box{ width: 45.8%; }
.in02_05 h2 br{ display: block;}
@media (max-width: 1000px) {
.in02_05 {margin: 100px auto 0; }
.in02_05 .inner{ margin: 45px auto 0; max-width: 100%; width: 100%; display: block; }
.in02_05 .inner .txt_box{ margin: 0 auto; width: 80%; }
.in02_05 .inner .txt_box p{ width: 100%; }
.in02_05 .inner .img_box{ margin: 80px auto 0; width: 80%; max-width: 1000px;}
.in02_05 .inner .img_box img{ width: 100%;}
.in02_05 h2 span{ display: inline-block;}
}/*end*/
@media (max-width: 640px) {
.in02_05 {margin: 80px auto 0; }
.in02_05 .inner{ margin: 30px auto 0; }
.in02_05 h2{text-align: center; margin: 0px auto; width: 90%; }
.in02_05 .inner .img_box{ margin: 80px auto 0; width: 100%;  max-width: 1000px;}
.in02_05 .inner .img_box img{ width: 100%; }
}/*end*/
@media (max-width: 500px) {
.in02_05 {margin: 80px auto 0; }
.in02_05 .inner .img_box{ margin: 40px auto 0; width: 100%; max-width: 1000px;}
}/*end*/

/*-------- .in02_06 ul li --------*/
.in02_06 {margin: 100px auto 0; }
.in02_06 ul{ margin: 0px auto 0; max-width: 1150px; width: 80%; }
.in02_06 ul li { display: flex; align-items: center; justify-content: space-between;  flex-direction : row-reverse; }
.in02_06 ul li:nth-child(even) {  margin-top: 40px; flex-direction:initial; }
.in02_06 ul li .txt_box{ width: 50%; }
.in02_06 ul li .img_box{ width: 48%; }
.in02_06 ul li .txt_box_inner{ width: 76%; margin: 0 auto;}
@media (max-width: 1000px) {
.in02_06 {margin: 90px auto 0; }
.in02_06 ul{ margin: 0px auto 0; width: 100%; }
.in02_06 ul li:nth-child(even) { margin-top: 100px; }
.in02_06 ul li .txt_box{ width: 50%; }
.in02_06 ul li .txt_box p{ width: 90%; margin: 0 auto; }
.in02_06 ul li .img_box{ width: 50%; }
}/*end*/
@media (max-width: 900px) {
.in02_06 {margin: 80px auto 0; }
.in02_06 ul{ margin: 0px auto 0; max-width: 1150px; width: 100%; display: block; }
.in02_06 ul li { width: 100%; margin: 70px 0; display: block;  }
.in02_06 ul li:nth-child(even) { margin-top: 0px; }
.in02_06 ul li .txt_box{ margin: 25px auto 0;  width: 100%; }
.in02_06 ul li .txt_box p{ width: 100%; }
.in02_06 ul li .img_box{ width: 60%; max-width: 600px; margin: 0 auto; }
}/*end*/
@media (max-width: 640px) {
.in02_06 {margin: 60px auto 0; }
.in02_06 ul{ margin: 0px auto 0; max-width: 1150px; width: 100%; display: block; }
.in02_06 ul li { width: 100%; margin: 70px 0; display: block;  }
.in02_06 ul li:nth-child(even) { margin-top: 0px; }
.in02_06 ul li .txt_box{ margin: 25px auto 0;  width: 100%; }
.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 {margin: 140px auto 0; }
.in02_07 .txt_box{ margin: 0px auto 0; max-width: 1155px; width: 80%;}
.in02_07 .txt_box h2{ text-align: center;}
.in02_07 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 95%;}
@media (max-width: 1000px) {
.in02_07 {margin: 100px auto 0; }
.in02_07 .img_box{ margin: 80px auto 0; }
.in02_07 .txt_box h2 br{ display: block; }
.in02_07 .img_box{ margin: 120px auto 0; max-width: 1400px; width: 100%;}
}/*end*/
@media (max-width: 640px) {
.in02_07 {margin: 80px auto 0; }
.in02_07 .img_box{ margin: 60px auto 0; }
}/*end*/
@media (max-width: 500px) {
.in02_07 {margin: 60px auto 0; }
}/*end*/
@media (max-width: 450px) {
.in02_07 .txt_box h2 br{ display: none; }
}/*end*/

/*-------- interview2 #gallery --------*/
.interview2 #gallery{ margin: 140px 0 0px; padding: 0 0 40px ; background: linear-gradient(to bottom, #62462a 0%, #2d1909 70%); 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*/