@charset "UTF-8";
/* ==================================
  TOP
================================== */
.m_top {
padding-bottom: 5rem;
}
.m_visual_top .m_visual_ico {
height: 13%;
}

/* section1 */
.m_top .m_sec_01 {
margin-top: 0;
padding-top: 6rem;
}
.m_top .m_sec_01 .m_sec_01_inr {
height: -webkit-calc(100% - 100px);
height: calc(100% - 100px);
margin: 11rem auto 0;
}
.m_top .m_sec_01 .m_sec_01_inr:before {
left: .7rem;
width: 11px;
height: 11px;
border-right: 1px solid #fc9a2f;
border-bottom: 1px solid #fc9a2f;
}
.m_top .m_sec_01 .m_sec_01_inr:after {
right: .7rem;
width: 11px;
height: 11px;
border-left: 1px solid #fc9a2f;
border-bottom: 1px solid #fc9a2f;
}
.m_top .m_sec_01 .m_sec_01_inr span:before {
left: .7rem;
width: 11px;
height: 11px;
border-right: 1px solid #fc9a2f;
border-top: 1px solid #fc9a2f;
}
.m_top .m_sec_01 .m_sec_01_inr span:after {
right: .7rem;
width: 11px;
height: 11px;
border-left: 1px solid #fc9a2f;
border-top: 1px solid #fc9a2f;
}
.m_top .m_sec_01 .e_ttl_lv2 {
font-size: 7.5vw;
}

.m_top .m_sec_movie {
display: block;
margin-top: 5rem;
}
.m_top .m_sec_movie .m_sec_movie_item {
width: 100%;
}
.m_top .m_sec_movie .m_sec_movie_item .e_link .e_txt,
.m_top .m_sec_movie .m_sec_movie_item .e_link:hover .e_txt {
background: url(../imgs/common/btn_play.png) no-repeat center top / 43px auto;
padding-top: 51px;
}


/* section2 */
.m_top .m_sec_02 {
background: url(../imgs/top/bg_sec02_sp.jpg) no-repeat center center / cover;
padding: 2.5rem 0 5rem;
}
.m_top .m_sec_02 .e_ttl_lv2 {
margin-bottom: 1rem;
}
.m_top .m_sec_02 .e_txt {
padding: 0 1.8rem;
}
.m_top .m_sec_02 .e_sec02_slider .e_sec02_slider_name .e_sec02_slider_name_num {
width: 20%;
height: 100%;
line-height: 15.8vw;
font-size: 4.3vw;
}
.m_top .m_sec_02 .e_sec02_slider .e_sec02_slider_name .e_sec02_slider_name_txt {
background: url(../imgs/top/arw_sec02.png) no-repeat right 7% center / 3.5% auto;
width: 100%;
padding: 4vw 0;
padding-left: 5.334vw;
}
.m_top .m_sec_02 .e_sec02_slider .e_sec02_slider_name .e_sec02_slider_name_txt .e_sec02_slider_name_en {
font-size: 3.4671vw;
}
.m_top .m_sec_02 .e_sec02_slider .e_sec02_slider_name .e_sec02_slider_name_txt .e_sec02_slider_name_jp {
font-size: 2.667vw;
margin-top: 2.5%;
}
.m_top .m_sec_02 .e_sec02_slider .e_li {
margin: 0 .4rem;
}
.m_top .m_sec_02 .slick-prev {
width: 12vw;
height: 12vw;
}
.m_top .m_sec_02 .slick-prev:before {
width: 12vw;
height: 12vw;
}
.m_top .m_sec_02 .slick-next {
width: 12vw;
height: 12vw;
}
.m_top .m_sec_02 .slick-next:before {
width: 12vw;
height: 12vw;
}


/* section3 */
.m_top .m_sec_03 {
padding: 5rem 0 3rem;
}
.m_top .m_sec_03_inr:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.m_top .m_sec_03 .m_ttl_blk {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -3.4rem;
padding-left: 1.8rem;
box-sizing: border-box;
}
.m_top .m_sec_03 .m_ttl_blk .e_ttl_lv2 span {
font-size: 3.4vw;
}
.m_top .m_sec_03 .m_ttl_blk .e_txt {
max-width: 44%;
line-height: 1.4;
font-size: 3.4vw;
}
.m_top .m_sec_03_img .e_sec_03_img {
width: 50%;
}
.m_top .m_sec_03 .e_btn {
position: static;
min-width: auto;
}
.m_top .m_sec_03 .e_btn .e_link {
margin: 3rem auto 0;
}

/* section04 */
.m_top .m_sec_04 {
display: block;
width: 100%;
}
.m_top .m_sec_04 .m_sec_04_item {
display: block;
width: 100%;
}
.m_top .m_sec_04 .m_sec_04_item .e_link_blk {
padding: 13.7% 0;
}

.m_top .m_sec_04 .m_sec_04_item .e_ttl_lv2 {
font-size: 10.7vw;
margin-bottom: 1rem;
min-height: 27vw;
}
.m_top .m_sec_04 .m_sec_04_item .e_ttl_lv2 span {
font-size: 1.1rem;
}
.m_top .m_sec_04 .e_btn .e_link {
margin-top: 1rem;
}

/* section5 */
.m_top .m_sec_05 {
padding: 0;
margin-top: 5rem;
}
.m_top .m_sec_05_inr:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.m_top .m_sec_05 .m_ttl_blk {
top: 50%;
width: 100%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -3.4rem;
padding-left: 1.8rem;
box-sizing: border-box;
padding-bottom: 0;
}
.m_top .m_sec_05 .m_ttl_blk .e_ttl_lv2 .s_ttl {
display: inline-block;
font-size: 12vw;
}
.m_top .m_sec_05 .m_ttl_blk .e_ttl_lv2 .s_ttl br {
display: block;
}
.m_top .m_sec_05 .m_ttl_blk .e_ttl_lv2 .s_txt {
font-size: 6.4vw;
}
.m_top .m_sec_05 .m_ttl_blk .e_ttl_lv2 span {
font-size: 4.6vw;
}
.m_top .m_sec_05 .m_ttl_blk .e_txt {
max-width: 44%;
line-height: 1.4;
font-size: 3.4vw;
}
.m_top .m_sec_05_img .e_sec_05_img {
width: 50%;
}
.m_top .m_sec_05 .e_btn {
position: static;
min-width: auto;
}
.m_top .m_sec_05 .e_btn .e_link {
margin: 3rem auto 0;
}


/* ==================================
  Education
================================== */
.m_visual_education .m_main_lead .e_ttl_lead {
font-size: 10.6vw;
}
.m_visual_education .m_main_lead .e_ttl_lead br {
display: block;
}
.m_visual_education .m_main_lead .e_txt_lead {
font-size: 3.5vw;
}

.m_education .m_page_anc .e_list .e_li.e_btn .e_link {
background: url(../imgs/about/arw_btn.png) no-repeat center bottom 6px / 7px auto;
}
.m_education .m_page_anc .e_list .e_li.e_btn .e_link.e_link_bl:hover {
background: url(../imgs/common/arw_anc_down_bl.png) no-repeat center bottom 6px / 7px auto;
}
.m_education .m_page_anc .e_list .e_li.e_btn .e_link .s_btn {
padding: 1.8rem 0 1.9rem;
}
.m_education .m_page_anc .e_list .e_li.e_btn .e_link .s_btn:last-child {
padding: 1.8rem 0 1.9rem;
}
.m_education .m_sec_01 .m_ttl_blk {
background: none;
color: #151a1d;
padding: 0;
}
.m_education .m_sec_01 .m_ttl_blk_inr {
background: url(../imgs/education/bg_sec01.jpg) center center / cover;
color: #FFF;
padding: 2.5rem 0;
margin-bottom: 3.3rem;
}
.m_education .m_sec_01 .m_ttl_blk .e_ttl_lv2.e_ttl_lv2_type01 p:after {
content: none;
}
.m_education .m_sec_01 .m_ttl_blk .e_txt_catch {
font-size: 6.4vw;
line-height: 1.4;
margin-bottom: 1rem;
}
.m_education .m_sec_01 .m_ttl_blk .e_txt_catch br {
display: block;
}
.m_education .m_sec_01 .m_ttl_blk .e_txt {
margin: 0 1.8rem;
}

.m_education .m_sec_02 .m_ttl_blk {
background: none;
color: #151a1d;
padding: 0;
}
.m_education .m_sec_02 .m_ttl_blk_inr {
background: url(../imgs/education/bg_sec02.jpg) center center / cover;
color: #FFF;
padding: 2.5rem 0;
margin-bottom: 3.3rem;
}
.m_education .m_sec_02 .m_ttl_blk .e_ttl_lv2.e_ttl_lv2_type01 p:after {
content: none;
}
.m_education .m_sec_02 .m_ttl_blk .e_txt_catch {
font-size: 6.4vw;
line-height: 1.4;
margin-bottom: 1rem;
}
.m_education .m_sec_02 .m_ttl_blk .e_txt_catch br {
display: block;
}
.m_education .m_sec_02 .m_ttl_blk .e_txt {
margin: 0 1.8rem;
}

.m_education .m_sec_01 .m_cnts_blk {
margin-top: 0;
padding: 0 1.8rem;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_large .m_cnts_item {
display: block;
width: 100%;
margin: 4rem 0 0;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_large .m_cnts_item:first-child {
margin-top: 3rem;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_large .m_cnts_item:nth-child(2n) {
transition-delay: 0s;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_large .m_cnts_item .e_ttl_lv3 {
font-size: 6.3vw;
margin-top: 1rem;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_large .m_cnts_item .e_txt {
margin-top: .5rem;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_small {
margin-top: 3rem;
padding-top: 0;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_small .m_cnts_item {
display: inline-block;
width: 100%;
font-size: 1.4rem;
margin-top: 4rem;
margin-left: 0;
vertical-align: top;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_small .m_cnts_item:first-child {
margin-top: 5rem;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_small .m_cnts_item:nth-child(2n+1) {
margin-left: 0;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_small .m_cnts_item:nth-child(2),
.m_education .m_sec_01 .m_cnts_blk .m_cnts_small .m_cnts_item:nth-child(3) {
transition-delay: 0s;
}

.m_education .m_sec_01 .m_cnts_blk .m_cnts_small .m_cnts_item .e_ttl_lv3 {
font-size: 3.8vw;
height: auto!important;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_list {
padding: 2rem;
margin-top: 3rem;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_list.m_cnts_list_pc {
display: none;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_list.m_cnts_list_sp {
display: block;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_list ul .e_li {
width: 50%;
font-size: 3vw;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_list ul .e_li:nth-child(2n+1) {
clear: both;
}
.m_education .m_sec_01 .m_cnts_blk .m_cnts_list ul .e_li:before {
top: 2.1vw;
}

.m_education .m_sec_02 {
margin: 5rem 0;
}
.m_education .m_sec_02 .m_cnts_blk {
margin-top: 3rem;
padding: 0 1.8rem;
}
.m_education .m_sec_02 .m_cnts_blk .e_ttl_lv2 {
font-size: 9.5vw;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts {
display: block;
padding-bottom: 0;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item {
width: 100%;
margin-top: 2.5rem;
margin-left: 0;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item:nth-child(2),
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item:nth-child(3),
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item:nth-child(4) {
top: 0;
transition-delay: 0s;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: auto;
bottom: 0;
transform: translateY(75%);
display: block;
width: 17px;
height: 32px;
background: url(../imgs/recruit/arw_flow_sp.png) no-repeat center center / 100% auto;
margin-top: 0;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item .e_img {
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item .m_career_item_txt {
width: 100%;
padding: 1.5rem 1.7rem;
box-sizing: border-box;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item .m_career_item_txt .e_ttl {
font-size: 4.8vw;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item .m_career_item_txt .e_ttl:before {
content: none;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item .m_career_item_txt .e_num {
font-size: 3vw;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts .m_career_item .m_career_item_txt .e_txt {
font-size: 3.5vw;
}

.m_education .m_sec_02 .m_cnts_blk .m_career_cnts_single .m_career_item {
display: block;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts_single .m_career_item .e_img {
width: 100%;
max-width: none;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts_single .m_career_item .m_career_item_txt {
width: 100%;
padding: 1.5rem 1.7rem;
box-sizing: border-box;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts_single .m_career_item .m_career_item_txt .e_ttl {
font-size: 4.8vw;
}
.m_education .m_sec_02 .m_cnts_blk .m_career_cnts_single .m_career_item .m_career_item_txt .e_txt {
font-size: 3.5vw;
margin-top: 0;
}


/* ==================================
  Sailors
================================== */
/* OTHER SAILOR’S */
.m_sailors .m_sec_sailor_other {
background: url(../imgs/top/bg_sec02_sp.jpg) no-repeat center center / cover;
margin-top: 5rem;
padding: 2.5rem 0 5rem;
}
.m_sailors .m_sec_sailor_other .e_ttl_lv2 {
margin-bottom: 1rem;
}
.m_sailors .m_sec_sailor_other .e_txt {
padding: 0 1.8rem;
}
.m_sailors .m_sec_sailor_other .e_sailor_other_slider .e_sailor_other_slider_name .e_sailor_other_slider_name_num {
width: 20%;
height: 100%;
line-height: 15.8vw;
font-size: 4.3vw;
}
.m_sailors .m_sec_sailor_other .e_sailor_other_slider .e_sailor_other_slider_name .e_sailor_other_slider_name_txt {
background: url(../imgs/top/arw_sec02.png) no-repeat right 7% center / 3.5% auto;
width: 100%;
padding: 4vw 0;
padding-left: 5.334vw;
}
.m_sailors .m_sec_sailor_other .e_sailor_other_slider .e_sailor_other_slider_name .e_sailor_other_slider_name_txt .e_sailor_other_slider_name_en {
font-size: 3.4671vw;
}
.m_sailors .m_sec_sailor_other .e_sailor_other_slider .e_sailor_other_slider_name .e_sailor_other_slider_name_txt .e_sailor_other_slider_name_jp {
font-size: 2.667vw;
margin-top: 2.5%;
}
.m_sailors .m_sec_sailor_other .e_sailor_other_slider .e_li {
margin: 0 .4rem;
}
.m_sailors .m_sec_sailor_other .slick-prev {
width: 12vw;
height: 12vw;
}
.m_sailors .m_sec_sailor_other .slick-prev:before {
width: 12vw;
height: 12vw;
}
.m_sailors .m_sec_sailor_other .slick-next {
width: 12vw;
height: 12vw;
}
.m_sailors .m_sec_sailor_other .slick-next:before {
width: 12vw;
height: 12vw;
}

.m_sailors .e_txt {
font-size: 3.5vw;
line-height: 1.8;
}
.m_visual_sailors .e_ttl_cat {
font-size: 3.8vw;
margin-bottom: 1rem;
}
.m_visual_sailors .e_ttl_lv1_name {
padding-top: 1rem;
}
.m_visual_sailors .e_ttl_lv1_name .e_ttl_lv1_en {
font-size: 6.9342vw;
line-height: 1.2;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
_::-webkit-full-page-media, _:future, :root .m_visual_sailors .e_ttl_lv1_name .e_ttl_lv1_en {
/*-webkit-text-stroke: 1px;*/
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
_::-webkit-full-page-media, _:future, :root .m_visual_sailors .m_main_lead .e_ttl_lead {
-webkit-text-stroke: 0;
}
}
.m_visual_sailors .e_ttl_lv1_name .e_ttl_lv1_jp {
font-size: 3.2vw;
margin-top: .9rem;
}
.m_visual.m_visual_sailors .m_main_lead .e_ttl_lead {
font-size: 3.2vw;
margin-top: .8rem;
font-weight: normal;
}

.m_sailors .m_sec_01 {
margin: 3rem auto 0;
padding: 3rem 0 0;
}
.m_sailors .m_sec_01 .m_sec_txt_blk {
padding: 0 1.8rem;
}
.m_sailors .m_sec_01 .m_sec_txt_blk .e_ttl_lv2 {
font-size: 6.4vw;
margin-bottom: 0;
}
.m_sailors .m_sec_01 .m_sec_txt_blk .e_ttl_lv2 p {
line-height: 1.4;
padding: 0 0 .6em;
}
.m_sailors .m_sec_01 .e_img {
margin-top: 3rem;
}

.m_sailors .m_sec_02 {
margin: 3rem auto 0;
padding: 3rem 0 0;
}
.m_sailors .m_sec_02 .m_sec_txt_blk {
padding: 0 1.8rem;
}
.m_sailors .m_sec_02 .m_sec_txt_blk .e_ttl_lv2 {
font-size: 6.4vw;
margin-bottom: 0;
}
.m_sailors .m_sec_02 .m_sec_txt_blk .e_ttl_lv2 p {
line-height: 1.4;
padding: 0 0 .6em;
}

.m_sailors .m_sec_03 {
margin: 5rem auto 0;
padding: 3rem .8rem 0;
}
.m_sailors .m_sec_03 .e_txt {
font-size: 3.5vw;
}
.m_sailors .m_sec_03 .m_sec_03_wrap {
margin-top: -33.5vw;
}
.m_sailors .m_sec_03 .m_sec_03_wrap:before {
width: 12%;
}
.m_sailors .m_sec_03 .m_sec_03_wrap:after {
width: 12%;
}
.m_sailors .m_sec_03 .m_sec_03_inr {
padding: 30vw 0 2rem;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item {
padding: 0 1rem;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk {
margin-top: 4.8vw;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_02 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type_large {
padding: 4.8vw 0;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_02 .e_ttl_lv3 + .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type_large {
margin-top: 4.8vw;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_02 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type_large + .m_sec_03_tbl_item_blk_type_large {
margin-top: 0;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_02 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type_large + .m_sec_03_tbl_item_blk_type_large:last-child {
padding: 4.8vw 0;
border-bottom: 1px solid #e7e8e8;
}
.m_sailors .m_sec_03 .e_ttl_lv2 {
font-size: 12vw;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item .e_ttl_lv3 {
font-size: 7.5vw;
margin-bottom: 1.5rem;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk .e_ttl_lv4 {
font-size: 3.4671vw;
line-height: 1.2;
margin-bottom: .5rem;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk .e_ttl_lv4.e_ttl_large {
font-size: 3.7338vw;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type02 .e_img,
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type03 .e_img,
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type04 .e_img {
width: 100%;
float: none;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type01 .e_txt,
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type02 .e_txt,
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type03 .e_txt,
.m_sailors .m_sec_03 .m_sec_03_tbl_item_blk.m_sec_03_tbl_item_blk_type04 .e_txt {
width: 100%;
margin-top: 1rem;
line-height: 1.5;
}
.m_sailors .m_sec_03 .m_sec_03_tbl.s_animate:before {
padding-bottom: 6rem;
}
.m_sailors .m_sec_03 .m_sec_03_tbl:after {
background: url(../imgs/sailors/ico_anc.png) no-repeat center bottom / 100% auto;
width: 10vw;
height: 11vw;
}

.m_sailors .m_sec_03 .m_sec_03_tbl.s_animate:after {
padding-bottom: 6rem;
}
.m_sailors .m_sec_03 .e_sec_txt {
padding: 28vw 0 20.5vw;
font-size: 8.5vw;
}

.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_am06 {
background: url(../imgs/sailors/ico_clock_am06.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_am07 {
background: url(../imgs/sailors/ico_clock_am07.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_am08 {
background: url(../imgs/sailors/ico_clock_am08.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_am09 {
background: url(../imgs/sailors/ico_clock_am09.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_am10 {
background: url(../imgs/sailors/ico_clock_am10.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_am11 {
background: url(../imgs/sailors/ico_clock_am11.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_pm12 {
background: url(../imgs/sailors/ico_clock_pm12.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_pm13 {
background: url(../imgs/sailors/ico_clock_pm13.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_pm15 {
background: url(../imgs/sailors/ico_clock_pm15.png) no-repeat left center / auto 100%;
padding-left: 10%;
}
.m_sailors .m_sec_03 .m_sec_03_tbl_item.m_sec_03_tbl_item_01 .e_ttl_lv4.e_ttl_pm17 {
background: url(../imgs/sailors/ico_clock_pm17.png) no-repeat left center / auto 100%;
padding-left: 10%;
}


/* ==================================
  About IGT
================================== */
.m_visual_about .m_main_lead .e_ttl_lead {
font-size: 10.6vw;
}
.m_visual_about .m_main_lead .e_txt_lead {
font-size: 3.5vw;
}

.m_page_anc {
padding: 3rem 1.7rem;
}
.m_page_anc .e_list .e_li {
vertical-align: top;
width: -webkit-calc(33.33% - 10.69px);
width: calc(33.33% - 10.69px);
margin-left: 1.6rem;
}
.m_page_anc .e_list .e_li.e_btn .e_link {
background: url(../imgs/about/arw_btn.png) no-repeat center bottom 6px / 7px auto;
line-height: 1;
width: 100%;
height: auto;
}
.m_page_anc .e_list .e_li.e_btn .e_link.e_link_bl:hover {
background: url(../imgs/common/arw_anc_down_bl.png) no-repeat center bottom 6px / 7px auto;
}
.m_page_anc .e_list .e_li.e_btn .e_link .s_btn {
padding: 1.5rem 0;
min-height: 56px;
box-sizing: border-box;
}
.m_page_anc .e_list .e_li.e_btn:last-child .e_link .s_btn {
padding: 4vw 0 5.7vw;
}
.m_page_anc .e_list .e_li.e_btn .e_link .s_btn br {
display: block;
}

/* section01 */
.m_about .m_sec_01 .m_ttl_blk {
background: none;
color: #151a1d;
padding: 0;
}
.m_about .m_sec_01 .m_ttl_blk_inr {
background: url(../imgs/about/bg_sec01_sp.jpg) center center / cover;
color: #FFF;
padding: 8% 0;
margin-bottom: 3.3rem;
}
.m_about .m_sec_01 .m_ttl_blk .e_ttl_lv2 {
font-size: 11.8vw;
}
.m_about .m_sec_01 .m_ttl_blk .e_ttl_lv2 p span {
font-size: 3.5vw;
}
.m_about .m_sec_01 .m_ttl_blk .e_ttl_lv2.e_ttl_lv2_type01 p:after {
content: none;
}
.m_about .m_sec_01 .m_ttl_blk .e_txt_catch {
font-size: 6.4vw;
}
.m_about .m_sec_01 .m_ttl_blk .e_txt_catch br {
display: block;
}

.m_about .m_sec_01 .m_cnts_blk {
padding: 0 1.8rem;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item {
margin-top: 6rem;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item:first-child {
margin-top: 3.5rem;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item .e_cnts_img {
float: none;
width: 100%;
max-width: none;
margin-left: 0;
margin-bottom: 2.5rem;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item:nth-child(2n) .e_cnts_img {
float: none;
width: 100%;
max-width: none;
margin-right: 0;
margin-bottom: 2.5rem;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item .m_cnts_ttl {
overflow: visible;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item .m_cnts_ttl .e_ttl_lv2 {
padding-top: 9%;
margin-bottom: 0;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item .m_cnts_ttl .e_ttl_lv2 p {
padding: 0 0 .9rem;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item .m_cnts_ttl .e_ttl_lv2 p .s_txt {
font-size: 3.8vw;
margin-top: 0;
}
.m_about .m_sec_01 .m_cnts_blk .m_cnts_blk_item .m_cnts_ttl .e_ttl_lv2 p .s_ttl {
font-size: 8.5vw;
margin-top: 2.3rem;
}

/* section02 */
.m_about .m_sec_02 .m_ttl_blk {
background: none;
color: #151a1d;
padding: 0;
margin-top: 5rem;
}

.m_about .m_sec_02 .m_ttl_blk_inr {
background: url(../imgs/about/bg_sec02_sp.jpg) center center / cover;
color: #FFF;
padding: 8% 0;
margin-bottom: 3.3rem;
}
.m_about .m_sec_02 .m_ttl_blk .e_ttl_lv2 {
font-size: 11.8vw;
}
.m_about .m_sec_02 .m_ttl_blk .e_ttl_lv2 p span {
font-size: 3.5vw;
}

.m_about .m_sec_02 .m_ttl_blk .e_ttl_lv2.e_ttl_lv2_type01 p:after {
content: none;
}
.m_about .m_sec_02 .m_ttl_blk .e_txt_catch {
font-size: 6.4vw;
}
.m_about .m_sec_02 .m_ttl_blk .e_txt_catch br {
display: block;
}

.m_about .m_sec_02 .m_cnts_blk {
padding: 3rem 1.8rem;
}

.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width: 100%;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer {
order: 3;
float: none;
width: 100%;
margin: 2.5rem 0 0;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_ttl {
font-size: 3.5vw;
padding: 0 .9rem .9rem;
border-bottom: 1px solid #000;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_ttl .s_tab_ttl_name_01,
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_ttl .s_tab_ttl_name_02 {
width: 50%;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_li {
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_li p {
padding: 1.1rem .9rem;
color: #000;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_li p .s_tab_li_name {
width: 50%;
vertical-align: middle;
font-size: 3vw;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_li p .s_tab_li_name sub {
display: block;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-button-outer .e_tab_li p .s_tab_li_place {
width: 50%;
display: inline-block;
vertical-align: middle;
font-size: 3vw;
}

.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer {
order: 1;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .e_tab_ttl {
font-weight: bold;
margin-bottom: .3rem;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .m_tab-select {
position: relative;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .m_tab-select:before {
content: "";
display: block;
position: absolute;
background: #ff982e;
top: 0;
left: 0;
height: 1px;
width: 80%;
transition: width .3s ease-in-out;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .m_tab-select:after {
content: "";
display: block;
position: absolute;
background: #ff982e;
top: 0;
right: 0;
height: 1px;
width: 15%;
transition: width .3s ease-in-out;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .m_tab-select .m_tab-select_inr {
border-left: 1px solid #ff982e;
border-right: 1px solid #ff982e;
height: 100%;
/*line-height: 13.3vw;*/
font-size: 3.8vw;
box-sizing: border-box;
overflow: hidden;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .m_tab-select .m_tab-select_inr:before {
content: "";
display: block;
position: absolute;
background: #ff982e;
bottom: 0;
left: 0;
height: 1px;
width: 15%;
transition: width .3s ease-in-out;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer .m_tab-select .m_tab-select_inr:after {
content: "";
display: block;
position: absolute;
background: #ff982e;
bottom: 0;
right: 0;
height: 1px;
width: 80%;
transition: width .3s ease-in-out;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer select {
background: url(../imgs/common/arw_btn_down_or.png) no-repeat right 1rem center / 12px auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 13.3vw;
font-size: 3.8vw;
width: 100%;
padding: 0 1.4rem;
padding-right: 3.2rem;
color: #ff982e;
font-weight: bold;
border: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-select-outer option {
width: 100%;
overflow: hidden;
}
.m_about .m_sec_02 .m_cnts_blk .m_cnts_blk_item .tabs .tab-contents_blk {
order: 2;
float: none;
width: 100%;
margin: 3rem 0 0;
}

/* section03 */
.m_about .m_sec_03 .m_ttl_blk {
background: none;
color: #151a1d;
padding: 0;
margin-top: 5rem;
}
.m_about .m_sec_03 .m_ttl_blk_inr {
background: url(../imgs/about/bg_sec03_sp.jpg) center center / cover;
color: #FFF;
padding: 8% 0;
margin-bottom: 3.3rem;
}
.m_about .m_sec_03 .m_ttl_blk .e_ttl_lv2 {
font-size: 11.8vw;
}
.m_about .m_sec_03 .m_ttl_blk .e_ttl_lv2 p span {
font-size: 3.5vw;
}


.m_about .m_sec_03 .m_ttl_blk .e_ttl_lv2.e_ttl_lv2_type01 p:after {
content: none;
}
.m_about .m_sec_03 .m_ttl_blk .e_txt_catch {
font-size: 6.4vw;
}
.m_about .m_sec_03 .m_ttl_blk .e_txt_catch br {
display: block;
}
.m_about .m_sec_03 .m_cnts_blk {
padding: 0 1.8rem;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_item_blk .m_cnts_item {
display: block;
float: none;
width: 100%;
margin: 1.5rem 0 3rem;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_first_item {
display: block;
float: none;
width: 100%;
margin: 1.5rem 0 3rem;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_ttl_blk {
border-bottom: 1px solid #151a1d;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_ttl_blk .e_ttl_about_ship {
font-size: 5.4vw;
line-height: .9;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_ttl_blk .e_ttl_about_ship sub {
font-size: 3.4vw;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_ttl_blk .e_lead_about_ship {
font-size: 3.4vw;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_item_blk .e_ttl_lv4 {
font-size: 3.4vw;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_item_blk .e_ship_def_list .e_ship_def_ttl {
font-size: 3.4vw;
width: 33%;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_item_blk .e_ship_def_list .e_ship_def_cnts {
font-size: 3.4vw;
width: 67%;
}
/*.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_item {
display: block;
width: 100%;
margin: 3rem 0 0;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_item:nth-child(3n),
.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_item:nth-child(3n+1),
.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_item:nth-child(3n+2) {
transition-delay: 0s;
}*/

.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_child_btn {
display: block;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_child {
display: none;
}
.m_about .m_sec_03 .m_cnts_blk .m_cnts_blk_child_btn .e_btn .e_link {
width: 76.762%;
background: url(../imgs/common/arw_btn_plus.png) no-repeat right 10% center / 11px auto;
}

/* ==================================
  採用情報
================================== */
.m_no_recruit .e_txt_large {
font-size: 4vw;
}
.m_no_recruit .e_txt {
font-size: 3.8vw;
margin-top: 1.5rem;
}

.m_recruit {
margin-bottom: 5rem;
}
.m_recruit .m_tab_area {
padding: 0 1.8rem;
}
.m_recruit .e_tab_area li {
width: calc(33.33% - 10.7px);
margin-left: 1.6rem;
vertical-align: top;
}
.m_recruit .e_tab_area .e_btn .e_link {
margin-top: 0;
width: 100%;
line-height: 1;
}
.m_recruit .e_tab_area .e_btn .e_link .s_btn {
padding: 1.9rem 0;
}
.m_recruit .e_tab_area .e_btn:nth-child(2) .e_link .s_btn {
padding: 1.3rem 0;
}
.m_recruit .e_tab_area .e_btn.s_select .e_link .s_btn {
color: #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}


.m_recruit .m_all_area {
margin-top: 3.5rem;
}
.m_recruit_sec {
padding: 0;
margin-top: 5rem;
}
.m_recruit_sec:first-child {
margin-top: 3.5rem;
}
.m_recruit_cnts {
padding: 0 1.8rem;
}
.m_recruit_cnts .e_ttl_lv3 {
margin: 2rem auto;
font-size: 4.7vw;
}
.m_recruit_sec .m_ttl_blk {
padding-left: 1.8rem;
}
.m_recruit_sec .m_ttl_blk .e_img {
text-align: right;
}
.m_recruit_sec .m_ttl_blk .e_img img {
width: 70%;
}
.m_recruit_sec .m_ttl_blk .e_ttl_lv2 {
/*top: 4%;*/
top: 3.9rem;
left: auto;
padding-top: 7.5%;
}

.m_recruit_cnts .e_tbl .e_tbl_ttl {
width: 72px;
white-space: nowrap;
}

.m_recruit_flow_cnts {
margin-top: 3.5rem;
padding: 0 1.8rem;
}
.m_recruit_flow_blk {
display: block;
width: 100%;
padding-bottom: 0;
margin-bottom: 1.5rem;
}
.m_recruit_flow_blk .m_recruit_flow_item {
position: static;
width: 100%;
min-height: 118px;
margin-left: 0;
margin-top: 1.6rem;
padding: 1.5rem 1.7rem 1.9rem;
box-sizing: border-box;
}
.m_recruit_flow_blk .m_recruit_flow_item:nth-child(2),
.m_recruit_flow_blk .m_recruit_flow_item:nth-child(3),
.m_recruit_flow_blk .m_recruit_flow_item:nth-child(4) {
transition-delay: 0;
}
.m_recruit_flow_blk .m_recruit_flow_item:first-child {
margin-top: 1.6rem;
}
.m_recruit_flow_blk .m_recruit_flow_item:after {
content: "";
position: absolute;
left: 0;		
right: 0;
margin: 0 auto;
top: auto;
bottom: 0;
transform: translateY(75%);
display: block;
width: 17px;
height: 32px;
background: url(../imgs/recruit/arw_flow_sp.png) no-repeat center center / 100% auto;
margin-top: 0;
}
.m_recruit_flow_blk .m_recruit_flow_item .e_ttl_lv3 {
font-size: 4.7vw;
margin-top: 1.2rem;
}
.m_recruit_flow_blk .m_recruit_flow_item .e_ttl_lv3 br {
display: none;
}
.m_recruit_flow_blk .m_recruit_flow_item .e_recruit_flow_txt {
font-size: 1.1rem;
margin-top: .6rem;
}
.m_recruit_flow_blk .m_recruit_flow_item .e_recruit_flow_txt br {
display: none;
}
.m_recruit * + .m_btn {
margin: 5rem auto 3rem;
padding: 0 1.8rem;
}
.m_recruit .m_recruit_sec + .e_btn {
margin: 5rem auto 3rem;
}
.m_recruit .m_tab_area:nth-last-of-type(1) {
margin-top: 3.5rem;
}

/* ==================================
  QA
================================== */
.m_qa {
margin-bottom: 5rem;
}
.m_visual.m_visual_qa .m_main_lead .e_ttl_lead {
font-size: 10.5vw;
}
.m_visual.m_visual_qa .m_main_lead .e_txt_lead {
font-size: 4.1vw;
}
.m_qa .m_all_area {
margin-top: 1.5rem;
}

.m_qa .m_tab_area {
padding: 0;
}
.m_qa .e_tab_area {
padding: 0 1.8rem;
box-sizing: border-box;
margin-bottom: 3rem;
}
.m_qa .e_tab_area li {
width: calc(33.33% - 10.7px);
margin-left: 1.6rem;
vertical-align: top;
}
.m_qa .e_tab_area .e_btn .e_link {
width: 100%;
line-height: 1;
}
.m_qa .e_tab_area .e_btn .e_link .s_btn {
padding: 1.9rem 0;
}
.m_qa .e_tab_area .e_btn:nth-child(2) .e_link .s_btn {
padding: 1.3rem 0;
}
.m_qa .m_page_anc {
margin: 0 1.8rem;
padding: 3rem 0 0;
}
.m_qa .m_page_anc .e_list .e_li {
width: calc(33.33% - 10.7px);
margin-left: 1.6rem;
}
.m_qa .m_page_anc .e_list .e_li:first-child {
margin-left: 0;
}
.m_qa .m_page_anc .e_list .e_li.e_btn .e_link {
background: url(../imgs/common/arw_anc_down.png) no-repeat center bottom 3px;
}
.m_qa .m_page_anc .e_list .e_li.e_btn:nth-child(2) .e_link .s_btn {
padding: 2.2rem 0;
}
.m_qa .m_page_anc .e_list .e_li.e_btn:nth-child(3) .e_link .s_btn {
padding: 2.2rem 0;
}
.m_qa_sec {
margin-top: 5rem;
padding: 0 1.8rem;
}
.m_page_anc + .m_qa_sec {
margin-top: 2.5rem;
}
.m_qa_sec .m_ttl_blk .e_ttl_lv2 {
/*top: 4%;*/
top: 3.9rem;
left: 1.8rem;
}
.m_qa_sec .m_ttl_blk .e_ttl_lv2 span {
font-size: 4.8vw;
}
.m_qa_sec .m_ttl_blk .e_img {
text-align: right;
}
.m_qa_sec .m_ttl_blk .e_img img {
width: 70%;
}
.m_qa_sec .e_qa_list {
margin: 3rem 0 0;
}
.m_qa_sec .e_qa_question {
padding: 1.6rem .8rem;
padding-right: 3.3rem;
}
.m_qa_sec .e_qa_question .e_qa_question_ttl {
width: 25px;
font-size: 6.4vw;
}
.m_qa_sec .e_qa_question .e_qa_question_txt {
font-size: 4vw;
}
.m_qa_sec .e_qa_answer {
padding: 0 .8rem 1.6rem;
padding-right: 3.3rem;
}
.m_qa_sec .e_qa_answer .e_qa_answer_ttl {
width: 25px;
font-size: 6.4vw;
}
.m_qa_sec .e_qa_answer .e_qa_answer_txt {
font-size: 3.45vw;
}
.m_qa_sec .e_qa_question:before {
right: 8px;
}
.m_qa_sec .e_qa_question:after {
right: 16px;
}
.m_qa .m_qa_sec + .e_btn {
margin: 3rem auto;
}
.m_qa .e_tab_area:nth-last-of-type(1) {
margin-top: 3.5rem;
}