@charset "utf-8";
/*===================================================

	Friends [ base ]

===================================================*/
/*-------- txt_l --------*/
.txt_l{ font-size: 18px;line-height: 2.1;  }
@media (max-width: 1400px) {
.txt_l{ font-size: 17px; line-height: 2.1; }
}/*END*/
@media (max-width: 1300px) {
.txt_l{ font-size: 16px; line-height: 2.1; }
}/*END*/
@media (max-width: 1000px) {
.txt_l{ font-size: 16px; line-height: 2.1; }
}/*END*/
@media (max-width: 640px) {
.txt_l{ font-size: 15px; line-height: 2.1; }
}/*END*/
@media (max-width: 400px) {
.txt_l{ font-size: 14.5px; line-height: 2.1; }
}/*END*/
@media (max-width: 350px) {
.txt_l{ font-size: 14px; line-height: 2.1; }
}/*END*/

/*-------- txt --------*/
.txt{ font-size: 16px; letter-spacing: 1px; line-height: 1.8; }
@media (max-width: 1400px) {
.txt{ font-size: 15.5px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1300px) {
.txt{ font-size: 15px; letter-spacing: .5px;}
}/*END*/
@media (max-width: 1000px) {
.txt{ font-size: 16px; letter-spacing: 1px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 15px; letter-spacing: .5px;}
}/*END*/
@media (max-width: 400px) {
.txt{ font-size: 14.5px; letter-spacing: .3px;}
}/*END*/
@media (max-width: 350px) {
.txt{ font-size: 14px; letter-spacing: .3px;}
}/*END*/

/*-------- txt --------*/
.txt2{ font-size: 16px; letter-spacing: 1px; line-height: 1.8; }
@media (max-width: 1400px) {
.txt2{ font-size: 15.5px; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1300px) {
.txt2{ font-size: 15px; letter-spacing: .5px;}
}/*END*/
@media (max-width: 1000px) {
.txt2{ font-size: 16px; letter-spacing: 1px; }
}/*END*/
@media (max-width: 640px) {
.txt2{ font-size: 14px; letter-spacing: .5px;}
}/*END*/
@media (max-width: 400px) {
.txt2{ font-size: 13.5px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 350px) {
.txt2{ font-size: 13px; letter-spacing: 0px;}
}/*END*/

.txt_l span,
.txt span,
.txt2 span{ display: inline-block;}

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

	Friends / top

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

/*-------------------------------------------------
	Friends / top / main
--------------------------------------------------*/
#friends_top_main{  width: 85%; margin: 0 auto; position: relative; text-align: center; }

/*h1*/
#friends_top_main h1{ padding: 110px 0 95px; font-size: 33px; letter-spacing: 4px;  line-height: 1.2;}
@media screen and (max-width: 1400px) {
#friends_top_main h1{ padding: 105px 0 80px; font-size: 32px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 1300px) {
#friends_top_main h1{ padding: 95px 0 75px; font-size: 31px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 640px) {
#friends_top_main h1{ padding: 100px 0 75px; font-size: 30px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 450px) {
#friends_top_main h1{ padding: 100px 0 75px; font-size: 26px; letter-spacing: 2px; }
}/*END*/
@media screen and (max-width: 400px) {
#friends_top_main h1{ padding: 100px 0 75px; font-size: 24px; letter-spacing: 2px; }
}/*END*/

/* txt */
#friends_top_main p { margin: 0 auto; }
#friends_top_main p .br1{ display: block; }
#friends_top_main p .br2{ display: none; }
@media (max-width: 990px) {
#friends_top_main p .br1{ display: none; }
#friends_top_main p .br2{ display: none; }
}/*END*/
#friends_top_main p span{ display: inline-block;}
/* psx_kgf_logo */
#friends_top_main .psx_kgf_logo{ margin: 60px auto; width: 80%; max-width: 360px;}

/*---------------------
	scroll
-----------------------*/
.f_scroll{ height: 5vw; width: 80px; margin: 0px auto 0; transition: .3s; overflow: hidden;}
.f_scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer;}
.f_scroll .scroll_wheel{ width: 1px; height: 100%; opacity: 0; overflow:hidden; animation: scroll_wheel 0s 0s 1 forwards ease-out; background:rgba(0,0,0,0.12);display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s; z-index: 200;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.f_scroll .scroll_wheel:after { opacity: 1; width: 100%; height: 28%; animation: 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 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%;} }
.f_scroll a:hover .scroll_wheel:after { background:#000; cursor: pointer;}
.f_scroll a:hover .scroll_wheel{ background:#848991; cursor: pointer;}
.f_scroll a:hover { cursor: pointer;}
@media screen and (orientation: portrait) {/*縦*/
.f_scroll{ height: 10vw; width: 80px;  }
.f_scroll .scroll_wheel{ width: 1.5px;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {/*縦*/
.f_scroll .scroll_wheel{ width: 1px;}
}/*END*/
@media screen and (max-width: 550px) and (orientation: portrait) {/*縦*/
.f_scroll{ height: 15vw; width: 80px;  }
}/*END*/

/*-------------------------------------------------
	ft_list
--------------------------------------------------*/
#ft_list{ padding-bottom: 100px; position: relative; max-width: 1400px; width: 88%; margin: 0 auto; display: flex; flex-wrap: wrap; }
@media (max-width: 1400px){
#ft_list{ padding-bottom: 80px;}
}/*END*/
@media (max-width: 1000px){
#ft_list{ padding-bottom: 70px;}
}/*END*/
@media (max-width: 550px){
#ft_list{ padding-bottom: 70px; width: 95%; }
}/*END*/

/*layout*/
#ft_list .ft_list_full,
#ft_list .ft_list_2{ position: relative; }
#ft_list .ft_list_full{ width: 100%;}
#ft_list .ft_list_2{ width: 50%; }
/*txt_box*/
#ft_list .txt_box { position: absolute; left: 43px; top: 46px; color: #fff; font-family:'メイリオ', 'Meiryo', sans-serif;}
#ft_list .txt_box .ft_job{ font-size: 18.5px; letter-spacing: 1px; line-height: 1.2;}
#ft_list .txt_box .ft_name{ margin-top: 4px; font-size: 32px; letter-spacing: 1px; line-height: 1.2;}
#ft_list .txt_box.txt_black{ color: #000 !important;}/*文字色黒にしたい場合*/
@media (max-width: 1590px){
#ft_list .txt_box { position: absolute; left: 2.5vw; top: 2.5vw; }
}/*END*/
@media (max-width: 1400px){
#ft_list .txt_box .ft_job{ font-size: 1.28vw; letter-spacing: 1px;}
#ft_list .txt_box .ft_name{ font-size: 2.15vw; letter-spacing: 1px;}
}/*END*/
@media (max-width: 1200px){
#ft_list .txt_box .ft_job{ font-size: 1.58vw; letter-spacing: 1px;}
#ft_list .txt_box .ft_name{ font-size: 2.65vw; letter-spacing: 1px;}
}/*END*/
@media (max-width: 550px){
#ft_list .txt_box { position: absolute; left: 2vw; top: 2vw; }
#ft_list .txt_box .ft_job{ font-size: 2.58vw; letter-spacing: .5px;}
#ft_list .txt_box .ft_name{ font-size: 3.65vw; letter-spacing: .5px;}
}/*END*/
@media (max-width: 400px){
#ft_list .txt_box { position: absolute; left: 2vw; top: 2vw; }
#ft_list .txt_box .ft_job{ font-size: 2.58vw; letter-spacing: 0px;}
#ft_list .txt_box .ft_name{ font-size: 3.65vw; letter-spacing: 0px;}
}/*END*/

/* a */
#ft_list a{ overflow: hidden; display: block;}
#ft_list a img{ transition: 1s; }
#ft_list a:hover img{ transform: scale(1.07); opacity: 1;}

/*[ on / off ]*/
#ft_list .x1{display:block;}
#ft_list .sp{display:none;}
@media screen and (max-width: 770px) {
#ft_list .x1{display:none;}
#ft_list .sp{display:block;}
}/*END*/

/*===================================================

	Friends / co

===================================================*/

/*-------------------------------------------------
	Friends / co / main
--------------------------------------------------*/
#co_main{  width: 100%; margin: 0 auto; position: relative; text-align: center; }
#co_main .txt_box{ margin-top: 125px; }
#co_main p.head_job{ font-size: 20px; letter-spacing: 2px; line-height: 1.2;}
#co_main h1 span{ margin-top: 7px; font-size: 50px; letter-spacing: 4px;  line-height: 1.2;  display: block; font-family:'メイリオ', 'Meiryo', sans-serif;}
#co_main h1 small{ margin-top: 20px; font-size: 18px; line-height: 1.2; letter-spacing: 0px; display: block;}
#co_main h1 small.small_ja{letter-spacing: 3px; }
#co_main h1::after{ margin: 38px auto 0; content: ''; display: block; width: 62px; height: 2px; background: #fcc800;}
#co_main p.copy{ width: 88%; margin: 65px auto 0; font-size: 25px; letter-spacing: 2px;line-height:1.4;}
#co_main p span{ display: inline-block;}
.main_img{ margin-top: 55px; width: 100%;}
.main_img img{ width: 100%;}
@media (max-width: 1400px) {
#co_main .txt_box{ margin-top: 115px; }
#co_main p.head_job{ font-size: 19px; letter-spacing: 2px;}
#co_main h1 span{ margin-top: 7px; font-size: 48px; letter-spacing: 4px; line-height: 1.2; }
#co_main h1 small{ margin-top: 19px; font-size: 17px; line-height: 1.2; letter-spacing: 0px; }
#co_main p.copy{ margin: 60px auto 0; font-size: 24px; letter-spacing: 2px;}
.main_img{ margin-top: 50px;}
}/*END*/
@media (max-width: 1300px) {
}/*END*/
@media (max-width: 1000px) {
#co_main .txt_box{ margin-top: 115px; }
#co_main p.head_job{ font-size: 18px; letter-spacing: 2px;}
#co_main h1 span{ margin-top: 6px; font-size: 47px; letter-spacing: 3px; line-height: 1.2; }
#co_main h1 small{ margin-top: 18px; font-size: 16px; line-height: 1.2; letter-spacing: 0px; }
#co_main p.copy{ margin: 60px auto 0; font-size: 23px; letter-spacing: 2px;}
.main_img{ margin-top: 50px;}
}/*END*/
@media (max-width: 750px) {
#co_main .txt_box{ margin-top: 15.5vw; }
#co_main p.head_job{ font-size: 18px; letter-spacing: 2px;}
#co_main h1 span{ margin-top: 6px; font-size: 44px; letter-spacing: 3px; line-height: 1.2; }
#co_main h1 small{ margin-top: 18px; font-size: 16px; line-height: 1.2; letter-spacing: 0px; }
#co_main h1 small.small_ja{letter-spacing: 2px; }
#co_main p.copy{ margin: 55px auto 0; font-size: 21px; letter-spacing: 2px;}
.main_img{ margin-top: 40px;}
}/*END*/
@media (max-width: 600px) {
#co_main .txt_box{ margin-top: 100px; }
#co_main p.head_job{ font-size: 3vw; letter-spacing: .4vw;}
#co_main h1 span{ margin-top: 6px; font-size: 7.3vw; letter-spacing: .5vw; line-height: 1.2; }
#co_main h1 small{ margin-top: 3vw; font-size: 2.7vw; line-height: 1.2; letter-spacing: 0px; }
#co_main h1 small.small_ja{letter-spacing: .4vw; }
#co_main h1::after{ margin: 7vw auto 0; content: ''; display: block; width: 13%; height: 2px; background: #fcc800;}
#co_main p.copy{ margin: 9.3vw auto 0; font-size: 3.5vw; letter-spacing: .3vw;}
.main_img{ margin-top: 6.5vw;}
}/*END*/
@media (max-width: 500px) {
#co_main .txt_box{ margin-top: 100px; }
#co_main p.head_job{ font-size: 3.7vw; letter-spacing: .4vw;}
#co_main h1 span{ margin-top: 1.9vw; font-size: 8vw; letter-spacing: .4vw; line-height: 1.2; }
#co_main h1 small{ margin-top: 3.3vw; font-size: 3.4vw; line-height: 1.2; letter-spacing: 0px; }
#co_main h1::after{ margin: 7vw auto 0; content: ''; display: block; width: 13%; height: 2px; background: #fcc800;}
#co_main p.copy{ margin: 9.3vw auto 0; font-size: 17px; letter-spacing: .3vw;}
.main_img{ margin-top: 6.5vw;}
}/*END*/
@media (max-width: 400px) {
#co_main p.copy{ margin-top: 9.3vw; font-size: 16px; letter-spacing: .3vw;}
}/*END*/
@media (max-width: 350px) {
#co_main p.copy{ margin-top: 9.3vw; font-size: 15px; letter-spacing: .3vw;}
}/*END*/

/*-------------------------------------------------
	Friends / co [ base ]
--------------------------------------------------*/
#friends_co h2{ padding: 95px 0 75px; font-size: 26px; letter-spacing: 8px; line-height: 1.2; position: relative; text-align: center;font-family:'メイリオ', 'Meiryo', sans-serif;}
#friends_co h2::after{ margin: 30px auto 0; content: ''; display: block; width: 38px; height: 2px; background: #fcc800;}
@media (max-width: 1400px) {
#friends_co h2{ padding: 85px 0 65px; font-size: 25px; letter-spacing: 8px;}
#friends_co h2::after{ margin: 29px auto 0; content: ''; display: block; width: 38px; height: 2px;}
}/*END*/
@media (max-width: 1300px) {
#friends_co h2{ padding: 80px 0 60px; font-size: 24px; letter-spacing: 8px; }
#friends_co h2::after{ margin:  28px auto 0; content: ''; display: block; width: 37px; height: 2px;}
}/*END*/
@media (max-width: 640px) {
#friends_co h2{ padding: 12.5vw 0 9.5vw; font-size: 23px; letter-spacing: 7px; }
#friends_co h2::after{ margin: 25px auto 0; content: ''; display: block; width: 37px; height: 2px;}
}/*END*/
@media (max-width: 500px) {
#friends_co h2{ padding: 65px 0 50px; font-size: 23px; letter-spacing: 7px; }
#friends_co h2::after{ margin: 23px auto 0; content: ''; display: block; width: 37px; height: 2px;}
}/*END*/
@media (max-width: 400px) {
#friends_co h2{ padding: 60px 0 45px; font-size: 21px; letter-spacing: 6px; }
#friends_co h2::after{ margin: 21px auto 0; content: ''; display: block; width: 37px; height: 2px;}
}/*END*/
@media (max-width: 350px) {
#friends_co h2{ padding: 60px 0 45px; font-size: 20px; letter-spacing: 5px; }
#friends_co h2::after{ margin: 21px auto 0; content: ''; display: block; width: 37px; height: 2px;}
}/*END*/

/*f_txt_box*/
.f_txt_box{width: 70%; max-width: 960px;  margin: 0 auto; }
@media screen and (max-width: 1000px) {
.f_txt_box{ width: 80%; }
}/*END*/
@media screen and (max-width: 450px) {
.f_txt_box{ width: 85%; }
}/*END*/

/*-------------------------------------------------
	PROFILE
--------------------------------------------------*/
#profile{ padding-bottom: 100px;}
.profile_img{ margin: 80px auto 0; width: 60%; max-width: 700px;}
@media screen and (max-width: 750px) {
#profile{ padding-bottom: 80px;}
.profile_img{ margin: 60px auto 0; }
}/*END*/
@media screen and (max-width: 500px) {
#profile{ padding-bottom: 60px;}
.profile_img{ margin: 50px auto 0; }
}/*END*/

/*-------------------------------------------------
	HIGHLIGHTS
--------------------------------------------------*/
#highlights{  padding-bottom: 60px; background: #f5f5f5; text-align: center; }
@media screen and (max-width: 750px) {
#highlights{ padding-bottom: 40px;}
}/*END*/
@media screen and (max-width: 500px) {
#highlights{ padding-bottom: 20px;}
}/*END*/
.table_box{ display: inline-block; text-align: center; max-width: 80%; margin: 0 auto;}
#highlights table{ max-width: 950px;}
#highlights table tr th{ padding-right: 30px; text-align: right;  vertical-align: top; white-space: nowrap;}
#highlights table tr td{ padding-bottom:18px; text-align: left;}
@media screen and (max-width: 750px) {
#highlights table tr th{ padding-right: 20px;}
}/*END*/
@media screen and (max-width: 450px) {
.table_box{ display: inline-block; text-align: center; max-width: 85%; margin: 0 auto;}
#highlights table tr th{ padding-right: 15px;}
}/*END*/
.profile_box{ text-align: left; margin-bottom: 40px; padding-bottom: 40px; border-bottom: solid #ddd 1px;}




/*-------------------------------------------------
	gallery
--------------------------------------------------*/
#gallery{  margin-top: 100px;}
@media screen and (max-width: 750px) {
#gallery{  margin-top: 80px;}
}/*END*/
@media screen and (max-width: 500px) {
#gallery{ margin-top: 60px;}
}/*END*/

/*f_full_img*/
.f_full_img{ width: 100%; margin: 0 auto; display: flex; position: relative; }
.f_full_img div{ max-width: 50%; margin: 0 auto;}
.f_full_img div,
.f_full_img img{ width: 100%;  }
@media (max-width: 640px) {
.f_full_img{ width: 90%; margin: 0 auto; display: block; }
.f_full_img div{max-width: 100%; margin-bottom: 0px;}
}/*END*/

/*-------------------------------------------------
	movie
--------------------------------------------------*/
#f_movie{ padding-bottom: 100px; }
@media screen and (max-width: 750px) {
#f_movie{ padding-bottom: 80px;}
}/*END*/
@media screen and (max-width: 500px) {
#f_movie{ padding-bottom: 60px;}
}/*END*/
/*f_movie_wrap*/
.f_movie_wrap{ margin: 20px auto 0; max-width: 1000px; width: 80%; display:block; position: relative; text-align: center;}
.f_movie_wrap a{ position: relative; display: block;}
.f_movie_wrap a .movie_img{ overflow: hidden;}
.f_movie_wrap a .movie_img img{ transition: 1s;}
.f_movie_wrap a:hover .movie_img img{ opacity: .9; transform: scale(1.05); }
/*f_movie_inner*/
.f_movie_wrap a .f_movie_inner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 10;}
/* play */
.f_movie_wrap a .f_movie_inner .play{ display: inline-block; position: relative; width: 70px; height: 70px; background: rgba(255,255,255,0); border: solid 1.5px rgba(255,255,255,.6); border-radius: 50%; box-sizing: border-box; z-index: 10; transition: 0.3s; }
.f_movie_wrap a .f_movie_inner .play::after{ border-width: 10px 0 10px 16px; margin: -10px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.f_movie_wrap a:hover .f_movie_inner .play{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0); }
@media screen and (max-width: 1400px) {
.f_movie_wrap{ margin: 20px auto 0; width: 80%;}
.f_movie_wrap a .f_movie_inner .play{  width: 60px; height: 60px; }
.f_movie_wrap a .f_movie_inner .play::after{ border-width: 8px 0 8px 13px; margin: -8px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
@media screen and (max-width: 750px) {
.f_movie_wrap{ margin: 10px auto 0; width: 90%;}
.f_movie_wrap a .f_movie_inner .play{ width: 50px; height: 50px; }
.f_movie_wrap a .f_movie_inner .play::after{ border-width: 7px 0 7px 11px; margin: -7px 0 0 -4px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
@media screen and (max-width: 400px) {
.f_movie_wrap{ margin: 10px auto 0; width: 90%;}
.f_movie_wrap a .f_movie_inner .play{ width: 13vw; height: 13vw; }
.f_movie_wrap a .f_movie_inner .play::after{ border-width: 2vw 0 2vw 3.2vw; margin: -2vw 0 0 -1vw; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
.f_movie_wrap p{ margin-top: 30px; line-height: 1.6; }
@media screen and (max-width: 750px) {
.f_movie_wrap p{ margin-top: 25px; line-height: 1.6; }
}/*END*/
@media screen and (max-width: 450px) {
.f_movie_wrap p{ margin-top: 20px; line-height: 1.6; }
}/*END*/
.f_movie_wrap.movie2_m{ margin: 100px auto 0 !important; }
@media screen and (max-width: 750px) {
.f_movie_wrap.movie2_m{ margin: 80px auto 0 !important; }
}/*END*/
@media screen and (max-width: 640px) {
.f_movie_wrap.movie2_m{ margin: 70px auto 0 !important; }
}/*END*/
@media screen and (max-width: 450px) {
.f_movie_wrap.movie2_m{ margin: 60px auto 0 !important; }
}/*END*/

/*-------------------------------------------------
	Friends / co / other [ bottom nav]
--------------------------------------------------*/
#other{ background: #f5f5f5;}
/* ul li */
#other .inner ul{ padding-bottom: 20px; position: relative; max-width: 1305px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; }
#other .inner ul li{ width: 20%;margin-bottom: 90px; text-align: center; }
@media screen and (max-width: 1250px) {
#other .inner ul{ padding-bottom: 40px; }
#other .inner ul li{ width: 25%; margin-bottom: 60px; }
}/*END*/
@media screen and (max-width: 1000px) {
#other .inner ul li{ width: 33.3%; margin-bottom: 60px; }
}/*END*/
@media screen and (max-width: 600px) {
#other .inner ul li{ width: 50%; margin-bottom: 45px; }
}/*END*/
@media screen and (max-width: 410px) {
#other .inner ul li{ width: 50%; margin-bottom: 10vw; }
}/*END*/
/* img  txt */
#other .inner ul li .img_box{  width: 70%; max-width: 160px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
#other .inner ul li .txt_box{  width: 95%; margin: 25px auto 0; }
#other .inner ul li .txt_box p.other_job{ font-size: 11px; line-height: 1.4; letter-spacing: 1px; }
#other .inner ul li .txt_box p.other_nome{ font-size: 17px; line-height: 1.4; letter-spacing: 1px; }
@media screen and (max-width: 410px) {
#other .inner ul li .txt_box{  width: 95%; margin: 4vw auto 0; }
#other .inner ul li .txt_box p.other_job{ font-size: 2.7vw; line-height: 1.4;letter-spacing: 0px; }
#other .inner ul li .txt_box p.other_nome{ font-size: 4.2vw; line-height: 1.4; letter-spacing: 0px;}
}/*END*/
/* a */
#other .inner ul li a{transition: .2s; color: #000; display: block; }
#other .inner ul li a:hover{ color: #666; }
#other .inner ul li a .img_box img{ transition:.7s;  }
#other .inner ul li a:hover .img_box img{ transform: scale(1.12);  opacity: .8; }
@media screen and (max-width: 1024px) {
#other .inner ul li a .img_box img{ transition:initial;  }
#other .inner ul li a:hover .img_box img{ transform: scale(1);  }
}/*END*/

/*-------------------------------------------------
	INTERVIEW
--------------------------------------------------*/
#interview{ padding-bottom: 100px; background: linear-gradient(to bottom, #f5f5f5 0%, #fff 10%);}
#interview .inner{ width: 88%; max-width: 960px; margin: 0 auto;}
#interview .inner .txt_box,
#interview .inner .interview_img{ margin-top: 60px; }
#interview .inner .mt0{ margin-top: 0px !important;}

/*-------------------------------------------------
	margin
--------------------------------------------------*/
.sub_txt_box{ padding: 100px 0; }
@media screen and (max-width: 750px) {
.sub_txt_box{ padding: 80px 0; }
}/*END*/
@media screen and (max-width: 500px) {
.sub_txt_box{ padding: 60px 0; }
}/*END*/

.mb100{ margin-bottom: 100px;}
@media screen and (max-width: 750px) {
.mb100{ margin-bottom: 80px;}
}/*END*/
@media screen and (max-width: 500px) {
.mb100{ margin-bottom: 60px;}
}/*END*/




@media screen and (max-width: 500px) {
.endo_highlignts_h2 {letter-spacing: 4px !important;  line-height: 1.4 !important;}
.endo_highlignts_h2 span{ display: block; }
}/*END*/