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

File name:      programe.css
Created:        2020.04.27
Style Info:     グローバル事業 プログラム詳細ページ　CSS
----------------------------------------------------------- */


/* -------------------------------------------------------- */
/* layout */
/* -------------------------------------------------------- */


#global_training.page_program .container {width: 960px;}
#global_training.page_program .container_01 {background:#eeeeee; padding: 50px 0;}
#global_training.page_program .bl_contents {display: flex; flex-wrap: wrap;justify-content: space-between;}
#global_training.page_program .bl_main {width: calc(100% - 320px);}
#global_training.page_program .bl_side {width: 290px;}

@media screen and (max-width:1000px){
	#global_training.page_program .container {width: 100%; padding: 0 20px;}
}

@media screen and (max-width:767px){
	#global_training.page_program .container_01 {background: none; padding:6.6vw 0 0; }
	#global_training.page_program .bl_main ,
	#global_training.page_program .bl_side {width: 100%;}
	
}

/* -------------------------------------------------------- */
/* title */
/* -------------------------------------------------------- */

#global_training.page_program .tit_02 {display: block; width: 100%; margin: 0 auto 35px; text-align: center; font-size: 30px; font-weight:bold; border-bottom:solid 10px #f6ff00; }

@media screen and (max-width:767px){
	#global_training.page_program .tit_02 {font-size: 5.5vw; line-height: 1.2; padding-bottom: 3vw; margin-bottom: 4vw;}
	
}

/* -------------------------------------------------------- */
/* page_header */
/* -------------------------------------------------------- */


#global_training.page_program .page_header {background: #222222; width: 100%; height: 50px; margin-bottom: 40px;}
#global_training.page_program .page_header_inner {width: 100%; max-width: 1064px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: flex-start; align-items: center;}
#global_training.page_program .page_header_inner figure {width: 40px; display: flex; justify-content: flex-start; align-items: center; margin-right: 15px;}
#global_training.page_program .page_header_inner p {font-size: 18px; font-weight: bold; color: #fff; height: 50px; display: flex; justify-content: flex-start; align-items: center; }
#global_training.page_program .page_header_inner p span {color: #f6ff00; font-size: 30px; margin-right: 15px; font-weight:500;}


@media screen and (max-width:767px){
	#global_training.page_program .page_header {height: 8vw; margin-bottom: 7.5vw;}
	#global_training.page_program .page_header_inner figure {width: 4.5vw; margin-right: 2.6vw;;}
	#global_training.page_program .page_header_inner p {height: 8vw; font-size: 2.6vw;}
	#global_training.page_program .page_header_inner p span {font-size: 3.3vw; margin-right: 1.3vw;}
}


/* -------------------------------------------------------- */
/* slider */
/* -------------------------------------------------------- */

#global_training.page_program .program_slider {width: 100%; margin: 0 auto; margin-bottom: 40px;}
#global_training.page_program .program_slider figure {text-align: center; max-width: 640px; margin: 0 auto; text-align: center;}
#global_training.page_program .program_slider figure img {height:100%; width: auto; margin: 0 auto
;}
#global_training.page_program .program_slider figure figcaption {font-size: 11px; color: #999999; }

#global_training.page_program .slick-dots {bottom: -20px;}
#global_training.page_program .slick-dots li { width: auto; height: auto; padding: 0; margin: 0 2px; }
#global_training.page_program .slick-dots li button { padding: 0; border: solid 1px;}
#global_training.page_program .slick-dots li button::before {content: ""; width: 10px; height: 10px; background: #222222; border-radius: 50px;}
#global_training.page_program .slick-dots li.slick-active button:before {opacity: 1;}

#global_training.page_program .slick-prev ,
#global_training.page_program .slick-next {left: 0; width: 45px; height: 45px; background: #f6ff00; cursor: pointer; color: #222222; z-index: 10; border-radius: 100px; text-align: center;}
#global_training.page_program .slick-next{left: auto; right: 0;}

#global_training.page_program .slick-prev::before ,
#global_training.page_program .slick-next::before {content: "\f053";font-family: FontAwesome; font-size: 20px; font-weight: normal; color: #222222; line-height: 1;  opacity: 1; position: relative; top: 2px;}

#global_training.page_program .slick-next::before {content: "\f054";}

@media screen and (max-width:767px){
	#global_training.page_program .program_slider figure {max-width: 100%;}
	#global_training.page_program .program_slider figure img {height: 59.3vw;}
	#global_training.page_program .program_slider figure figcaption {padding-top: 5px;}
	#global_training.page_program .slick-dots li {margin: 0 3px;}
	#global_training.page_program .slick-dots li button { width: 10px; height: 10px;}
	#global_training.page_program .slick-dots li button::before {width: 10px; height: 10px;}
	#global_training.page_program .slick-prev ,
	#global_training.page_program .slick-next {bottom: -20px; top: auto; transform: translate(0); background: none; text-align: left; width: 20px; height: 20px;}
	#global_training.page_program .slick-next {text-align: right;}
	#global_training.page_program .slick-prev::before ,
	#global_training.page_program .slick-next::before {font-size: 16px; line-height: 1; margin-top: 0;}
}

/* -------------------------------------------------------- */
/* bl_main */
/* -------------------------------------------------------- */

#global_training.page_program .sec_con_01 {margin-bottom: 60px;}
#global_training.page_program .sec_con_01 .sec_tit {margin-bottom: 20px;}
#global_training.page_program .sec_con_01 .sec_tit span {background: #222222; color: #fff; font-weight: bold; font-size: 18px; display: inline-block; padding: 6px 20px; line-height: 1;}

#global_training.page_program .sec_work p {margin-bottom: 30px;}
#global_training.page_program .sec_work .list_tit {font-size: 16px; line-height: 1; margin-bottom: 8px;}

#global_training.page_program .sec_con_01 table th ,
#global_training.page_program .sec_con_01 table td {padding: 5px; vertical-align: top; margin-bottom: 7px; border-bottom: solid 5px #fff;}
#global_training.page_program .sec_con_01 table th {width: 110px; background: #eeeeee; font-size: 13px; font-weight: normal; text-align: center; line-height: 1;}
#global_training.page_program .sec_con_01 table td {font-size: 15px; padding: 0 15px; line-height: 1.6;}
#global_training.page_program .sec_con_01 table td span {display: block; margin-bottom: 15px;}

#global_training.page_program .sec_con_01 table td iframe {width: 100%; height: 390px; margin-bottom: 40px;}

@media screen and (max-width:767px){
	#global_training.page_program .sec_con_01 {margin-bottom: 13vw;}
	#global_training.page_program .sec_con_01 .sec_tit span {width: 100%; text-align:center; padding: 7px 0 5px;}
	
	#global_training.page_program .sec_con_01.sec_info {margin-bottom: 6vw;}
	#global_training.page_program .sec_con_01.sec_info table th ,
	#global_training.page_program .sec_con_01.sec_info table td {width: 100%; display: block; margin-bottom: 0;}
	#global_training.page_program .sec_con_01.sec_info table th {text-align: left; padding: 6px 15px 5px;}
	#global_training.page_program .sec_con_01.sec_info table td {padding: 0 15px 2px;}
	#global_training.page_program .sec_con_01 table td iframe {height: 61vw; margin-bottom: 0;}
}



/* -------------------------------------------------------- */
/* bl_side */
/* -------------------------------------------------------- */

#global_training.page_program .sec_conditions {background: #eeeeee; border: solid 1px #dddddd; border-top: solid 3px #222222; padding: 10px;}
#global_training.page_program .sec_conditions .sec_tit {font-weight:bold; font-size: 16px; margin-bottom: 5px; line-height: 1;}
#global_training.page_program .sec_conditions .txt_01 {font-size:11px; color: #666666; }
#global_training.page_program .sec_conditions dl {width: 100%; margin-bottom: 10px;}
#global_training.page_program .sec_conditions dl dt {width:120px; background: #f6ff00; font-size: 13px; font-weight: normal; line-height: 1; padding: 6px 15px 3px;}
#global_training.page_program .sec_conditions dl dd {padding: 5px 15px 10px; font-size: 14px; line-height: 1.6;}
#global_training.page_program .sec_conditions .bl_btn {width: 100%; height: 40px;}
#global_training.page_program .sec_conditions .bl_btn a {padding-right: 15px;}
#global_training.page_program .sec_conditions .bl_btn a:after {right: 10px;}


@media screen and (max-width:767px){

	#global_training.page_program .sec_conditions {width: calc(100% + 40px); margin-left: -20px; padding: 3.3vw 20px;}
	#global_training.page_program .sec_conditions .sec_tit {text-align: center; font-size: 18px;}
	#global_training.page_program .sec_conditions .txt_01 {text-align: center; font-size: 12px; margin-bottom: 10px;}

	#global_training.page_program .sec_conditions dl dt  {width: 100%;}
	#global_training.page_program .sec_conditions dl dd {padding: 7px 15px;}
}


/* -------------------------------------------------------- */
/* bl_tour */
/* -------------------------------------------------------- */

#global_training.page_program .bl_tour .bl_course {margin-bottom: 80px;}
#global_training.page_program .bl_tour .bl_course .course_tit {text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 40px;}

@media screen and (max-width:767px){
	#global_training.page_program .bl_tour .bl_course {margin-bottom: 6.6vw;}
	#global_training.page_program .bl_tour .bl_course .course_tit {font-size: 18px; margin-bottom: 4vw;}
}

/* -------------------------------------------------------- */
/* page_footer */
/* -------------------------------------------------------- */

#global_training.page_program .page_footer {padding: 50px 0 60px; }
#global_training.page_program .page_footer .bl_btn {width: 220px; height: 40px; margin: 0 auto;}
#global_training.page_program .page_footer .bl_btn a {padding-left: 15px; }
#global_training.page_program .page_footer .bl_btn a:after {left: 15px;}



@media screen and (max-width:767px){
	#global_training.page_program .page_footer {padding:0 0 30px;}
	#global_training.page_program .page_footer .bl_btn {width: calc(100% - 80px);}

}