@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      common.css
Created:        2019.11.07
Style Info:     グローバル事業ページ　CSS
----------------------------------------------------------- */

#global_training .fo_os {font-family: 'Oswald', sans-serif; font-weight: 500;}
#global_training {background:#fff;font-weight:normal;color:#222; font-size: 16px; line-height: 200%;}
#global_training a{text-decoration:none;}
#global_training a:hover{opacity:.75;text-decoration:none;}
#global_training a:active, #global_training a:focus{outline:none;text-decoration:none;}
#global_training img{vertical-align:bottom;width:100%;height:auto;}

#global_training .container {max-width: 1100px; width: 100%; margin: 0 auto;}

#global_training .bl_btn a {background: #222222; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold; border-radius: 5px; font-size: 14px; position: relative;}
#global_training .bl_btn a:after {content: "\f054";font-family: FontAwesome; font-size: 12px; font-weight: normal; position: absolute; right: 15px;}

#global_training .bl_btn a.arrow_down:after {content: "\f078";}
#global_training .bl_btn a.arrow_right:after {content: "\f053"; right: auto; left: 15px;}

@media screen and (max-width:767px) {
  	#global_training {line-height: 1.6;}
  	#global_training .container {padding: 0 20px;}
	#global_training .bl_btn a {font-size: 16px;}
	#global_training .bl_btn a:after {font-size: 16px;}
}
@media screen and (max-width:480px) {
}


/* -------------------------------------------------------- */
/* フリーオーダー (共通記述) */
/* -------------------------------------------------------- */
#global_training .contact_box {overflow:hidden;border:solid 1px #c8c8c8;background:#fff; }
#global_training.page_program .contact_box {max-width: 860px;}
#global_training .contact_box p {color:#787878;}
@media (min-width:981px),print{
	#global_training .contact_box {margin:100px auto;}
}
@media (min-width:768px),print{
	#global_training .contact_box {padding:20px 40px;max-width:1100px;}
	#global_training .contact_box p{font-size:1.4rem;line-height:1.4;}
	#global_training .contact_box .tit { font-size: 30px; font-weight: bold; color: #222; text-align: center; margin-bottom: 30px;}
	#global_training.page_program .contact_box .tit  {font-size: 25px;}
	#global_training .contact_box .tit_01{font-size:3rem;margin:10px 0 15px;font-weight:300;}
	#global_training .contact_box .tit_02{font-size:2.7rem;margin:15px 0;text-align:left;}
	#global_training.page_program .contact_box .tit_01{font-size:2.2rem;margin:10px 0 15px;font-weight:300;}
	#global_training.page_program .contact_box .tit_02{font-size:1.2rem;margin:15px 0;text-align:left;}

	#global_training .contact_box .wrap_01{float:left;width:55%;}
	#global_training .contact_box .wrap_02{float:right;width:45%;max-width:400px;}
	#global_training .contact_box .contact_tel{color:#222;font-weight:bold;font-size:5.4rem;line-height:1;font-family:'arial', sans-serif;margin:5px auto;letter-spacing: -0.02em;}
	#global_training.page_program .contact_box .contact_tel { font-size: 5rem;}
	#global_training .contact_box .contact_tel::before{display:inline-block;content:"\f095";font-family:FontAwesome;transform: rotate(10deg);font-size:4.8rem;margin-right:10px;}
	#global_training.page_program .contact_box .contact_tel::before {font-size: 4.3rem;}
	#global_training .contact_box .link_btn {margin-top:10px;}
	#global_training .contact_box .link_btn a{border:none;color:#222;background:#f6ff00;padding-right:10px;display:block;margin:0 3px;border-radius:5px;font-size:1.6rem;position:relative;height:44px;line-height:44px;text-decoration:none;font-weight:bold;text-align:center;}
	#global_training .contact_box .link_btn a::after{left:130px;content:"\f054";font-size:0.9em;font-family:FontAwesome;position:relative;font-weight:normal;}
	#global_training.page_program .contact_box .link_btn a::after{left:100px;}
}
@media screen and (max-width:980px) and (min-width:768px){
	#global_training .contact_box {width:100%;}
	#global_training .contact_box .wrap_01,
	#global_training .contact_box .wrap_02{float:none;width:100%;margin:0 auto;text-align:center;}
	#global_training .contact_box .wrap_01{margin-bottom:20px;}
	#global_training.page_program .contact_box .tit {font-size: 30px;}
	#global_training .contact_box .tit_01 ,
	#global_training.page_program .contact_box .tit_01{font-size:2.7rem;margin-bottom:20px;text-align:center;}
	#global_training .contact_box .tit_02 ,
	#global_training.page_program .contact_box .tit_02{font-size:2.4rem;text-align:center;}
	#global_training.page_program .contact_box .contact_tel{font-size:5.4rem;}
	#global_training.page_program .contact_box .contact_tel::before {font-size: 4.8rem;}
	#global_training.page_program .contact_box .link_btn a::after{left:130px;}
}
@media screen and (max-width:767px){
	#global_training .contact_box{text-align:center;overflow:hidden;padding:15px 15px 0 15px; margin-bottom: 35px;}
	#global_training .contact_box p{font-size:1.2rem;}
  #global_training .contact_box .tit {font-size: 1.6rem; text-align: center; color: #222; font-weight: bold;}
	#global_training .contact_box .tit_01, #global_training .contact_box .tit_02{line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
  #global_training .contact_box .txt_01 {text-align: center;}
	#global_training .contact_box .btn_wrap{overflow:hidden;margin:15px -3px;}
	#global_training .contact_box .btn_wrap li{float:left;width:50%;}
	#global_training .contact_box .btn_wrap li a{display:block;margin:0 3px;border-radius:5px;font-size:1.6rem;position:relative;height:44px;line-height:40px;text-decoration:none;font-weight:bold;}
	#global_training .contact_box .btn_wrap li a::before{position:absolute;height:100%;top:0;}
	#global_training .contact_box .btn_wrap li.tel a{border:2px solid #222;color:#222;padding-left:10px;background:#fff;}
	#global_training .contact_box .btn_wrap li.tel a::before {content:"\f095";font-family:FontAwesome;position:absolute; left: 5px;font-size: 3rem;transform:rotate(10deg);}
	#global_training .contact_box .btn_wrap li.order a{border:none;background:#f6ff00;padding-right:10px; line-height: 44px;}
	#global_training .contact_box .btn_wrap li.order a::before{right:10px;content:"\f054";font-size:1.1rem;font-family:FontAwesome;}
}
@media screen and (max-width:640px){
	#global_training .contact_box p{text-align:left;margin-bottom:15px;}
}
@media screen and (max-width:360px){
	#global_training .contact_box .btn_wrap li.order a::before{right:5px;}
}





/* -------------------------------------------------------- */
/* タブパネル版 */
/* -----------------------------------------------------------*/
#global_training .tourlist.tabpanel .tour_tab li {display:table-cell;border:1px solid #dadada;}
#global_training .tourlist.tabpanel .tour_tab li.selected {border:1px solid #222;}
#global_training .tourlist.tabpanel .tour_tab li span {display:block;height:58px;line-height:58px;font-size:1.6rem;font-weight:bold;text-align:center;background:#f4f4f4;;}
#global_training .tourlist.tabpanel .tour_tab li.selected span {color:#fff;background:#222;position:relative;}
#global_training .tourlist.tabpanel .tour_tab li.selected span::after {content:"";position:absolute;bottom:-40px;left:50%;margin-left:-30px;width:0;height:0;border:30px solid transparent;border-top:20px solid #222}
#global_training .tourlist.tabpanel .tour_panel_title {position: relative;color:#fff;padding:15px;line-height:1.4;font-size:1.8rem;font-weight:bold;text-align:center;background:#23af00;margin-bottom:20px;}
#global_training .tourlist.tabpanel .tour_panel + .tour_panel_title {margin-top:60px;}
#global_training .tourlist.tabpanel .tour_panel_title::after {content:"";position:absolute;bottom:-40px;left:50%;margin-left:-30px;width:0;height:0;border:30px solid transparent;border-top:20px solid #23af00;}
@media (max-width:767px) {
	#global_training .tourlist.tabpanel .tour_tab li.selected span::after {display:block;position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#222 transparent transparent transparent;}
	#global_training .tourlist.tabpanel .tour_panel_title::after {display:block;position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#222 transparent transparent transparent;}
	#global_training .tourlist.tabpanel .tour_panel {padding:0 0 20px 0;background:none;}
}

/* タブパネル版 リンクボタン */
/* -------------------------------------------------------- */
#global_training .tourlist.tabpanel .tour_panel .link_btn a {color:#fff;background:#222;}
@media (max-width:767px) {
	#global_training .tourlist.tabpanel .tour_panel .link_btn a {background:#fff;border:1px solid #222;color:#222;}
}

/* -------------------------------------------------------- */
/* コース
/* -------------------------------------------------------- */
#global_training .tourlist .tour_cnt {border:1px solid #c8c8c8; border-top: solid 3px #222; background:#fff;}
#global_training .tourlist .tour_cnt_head .cnt_head_01 {background:#fff;border:2px solid #222;}
#global_training .tourlist .tour_cnt_head .cnt_head_01 .tour_dep {color:#222;border-bottom:2px solid #222;}
#global_training .tourlist .tour_cnt_head .tour_name a {color:#333;}
#global_training .tourlist .tour_cnt_head .tour_comment {background:#fff;}
#global_training .tourlist .tour_cnt_head .tour_comment_tit {color:#222;background:#e0e0e0;}
#global_training .tourlist .tour_cnt_wrap .tour_info_list .tit {color:#222;background:#e0e0e0;}
#global_training .tourlist .tour_cnt_wrap .tour_info_list .txt .direct {color:#222;border:1px solid #222;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab {background:#e6e6e6;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_nav li span {background:#f6ff00;border-radius:4px 4px 0 0;color:#222;border-bottom:3px solid #f6ff00;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {color:#ffff;background:#222;border-bottom:3px solid #222;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .panel_cnt {border-top: solid 3px #222;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel {background:#fff;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span:after {border-color: transparent transparent transparent #323232;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .price {color:#fa3734;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .price {color:#505050;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .discount {background:#fa3734;color:#fff;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_01 {display:block;color:#fa3734;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_03 {color:#0064d2;}
#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {color:#fff;background:#222;}
@media (max-width:767px) {
	#global_training .tourlist .tour_cnt {background:#fff;border-top:3px solid #323232;}
	#global_training .tourlist .tour_cnt_head {background:#f4f4f4;}
	#global_training .tourlist .tour_cnt_head .cnt_head_01 {display: none;}
	#global_training .tourlist .tour_cnt_head .cnt_head_01 .tour_dep {border-right:1px solid #23af00;}
  #global_training .tourlist .tour_cnt_head .tour_comment {display: none;}
	#global_training .tourlist .tour_cnt_wrap .tour_info_list li {border-bottom:1px solid #e6e6e6;}

	#global_training .tourlist .tour_cnt_wrap .tour_info_tab {background:#fff;}
	#global_training .tourlist .tour_cnt_wrap .tour_info_tab_nav li span {background:#f6ff00;}
	#global_training .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {color:#fff;background:#222;}
  #global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .panel_cnt{border-top:none;}
	#global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel {background:#fff;border:2px solid #222;border-top:4px solid #222;}
  #global_training .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {color: #222; background: #f6ff00;}
}