@charset "UTF-8";

/*----------------------------------------------------------
  Styles for header
----------------------------------------------------------*/
#header { border-bottom: thin solid #dfdfdf; background:#fff; }
.header_bg-style { padding: 10px 0 14px; }
.header_logo { margin: 0 0 0 6px; float:left; }
.header_contact { position:absolute; top:0; right:0; }
.header_nav { float:left; margin:6px 0 0; }
.header_nav_list { float:left;width:150px; text-align:center; }
.header_nav_list a { font-size:20px; padding:10px 15px; color:#999; display: inline-block; text-decoration:none; transition:.4s; border-radius:8px; }
.header_nav_list a:hover { color:#86c015; }
.header_nav_list.on a { background:#87c015; color:#fff; }

/*----------------------------------------------------------
  Styles for #main-visual
----------------------------------------------------------*/
.main-visual_bg-style01 { background:url(../img/kv_bg.jpg) no-repeat 50% 0; padding:60px 0; }
#main-visual h1 { text-align:center; }
.main-visual_txt { float:right; padding:46px 0 60px; }
.main-visual_txt_head { width:556px; color:#fff; font-size:32px; text-align:center; font-weight:bold; letter-spacing:3px; background:#8bd740; padding:22px 0; margin:0 0 26px; }
.main-visual_txt_copy { font-size:24px; letter-spacing:2px; font-weight:bold; padding:0 0 0 66px; line-height:1.8; }
.main-visual_image { position:absolute; top:-20px; left:-24px; }

/*----------------------------------------------------------
  Styles for cta
----------------------------------------------------------*/
.conversion_bg-style { background:#1badab; padding:20px 0 28px; }
.conversion_btns { background:#fff; padding:34px 0 46px; margin:0 0 20px; }
.conversion_head { font-size:32px; font-weight:bold; text-align:center; letter-spacing:2px; position:relative; margin:0 0 20px; }
.conversion_head_line { position:relative; z-index:2; background:#fff; padding:0 18px; }
.conversion_head:before { width:875px; margin:0 auto; content:''; display:block; border-bottom:3px solid #00a4a2; position:absolute; top:50%; left:0; right:0; z-index:1; }
.conversion_head_span { color:#00afad; }
.conversion_leftBtn { float:left; margin:0 0 0 54px; box-shadow:0px 3px 2px #BDBDBD; }
.conversion_rightBtn { float:right; margin:0 54px 0 0; box-shadow:0px 3px 2px #BDBDBD; }
.conversion_txt { width:431px; color:#fff; margin:0 0 0 380px; }
.conversion_txt_head { font-size:20px; font-weight:bold; text-align:center; letter-spacing:1px; margin:0 0 14px; }
.conversion_number { margin:0 0 18px; }
.conversion_copy { margin:0 0 0 140px; }
.conversion_image { position:absolute; bottom:-28px; left:150px; }

/*----------------------------------------------------------
    Styles for #system teacher area
----------------------------------------------------------*/
.system_title { padding:46px 0; }
.system_head { font-size:38px; font-weight:bold; text-align:center; line-height:1.7; }
.system_head_span { font-size:30px; }
.system_teacher-bg01 { background:#8bd740; padding:40px 0; }
.system_teacher-bg02 { background:url(../img/system_bg01.jpg) no-repeat; padding:166px 0 100px; position:relative; }
.system_teacher-bg02:before { content:''; width: 0; height: 0; border-style: solid; border-width: 70px 350px 0 350px; border-color: #8bd740 transparent transparent transparent; position:absolute; top:-1px; left:0; right:0; margin:auto; }
.system_teacher_head { width:416px; background:#fff; color:#8bd740; font-weight:bold; font-size:30px; padding:44px 0 44px 48px; margin:0 auto 40px; border-radius:8px; position:relative; }
.system_teacher_head:before { content:''; display: block; width:20px; height:8px; background:#8bd740; position:absolute; left:0; top:0; bottom:0; margin:auto; }
.system_teacher_head:after { content:url(../img/system_img01.png); height:179px; display:block; position:absolute; right:44px; bottom:0; }
.system_teacher_box { background:url(../img/system_img09.png) no-repeat 50% 0; padding:54px 0 60px; margin:0 0 24px; }
.system_teacher_box_head { font-size:42px; color:#5dc822; font-weight:bold; text-align:center; letter-spacing:2px; margin:0 0 24px; }
.system_teacher_image01 { margin:0 auto; display:block; }
.system_teacher_image02 { position:absolute; bottom:-58px; right:16px; }
.system_teacher_copy01 { font-size:22px; color:#fff; font-weight:bold; letter-spacing:2px; }
.system_teacher_copy02 { font-size:22px; color:#fff; font-weight:bold; letter-spacing:2px; background:#65bfe3; padding:36px 0 36px 46px; width:390px; margin:0 0 0 80px; }

/*----------------------------------------------------------
	Styles for #system student area
----------------------------------------------------------*/
.system_student-bg01 { background:#65bfe3; padding:40px 0; }
.system_student-bg02 { background:url(../img/system_bg02.jpg) no-repeat 50% 0; padding:266px 0 46px; position:relative; }
.system_student-bg02:before { content:''; width: 0; height: 0; border-style: solid; border-width: 70px 350px 0 350px; border-color: #65bfe3 transparent transparent transparent; position:absolute; top:-1px; left:0; right:0; margin:auto; }
.system_student_head { width:416px; background:#fff; color:#65bfe3; font-weight:bold; font-size:30px; padding:44px 0 44px 48px; margin:0 auto 40px; border-radius:8px; position:relative; }
.system_student_head:before { content:''; display: block; width:20px; height:8px; background:#65bfe3; position:absolute; left:0; top:-1px; bottom:0; margin:auto; }
.system_student_head:after { content:url(../img/system_img04.png); height:163px; display:block; position:absolute; right:44px; bottom:0; }
.system_student_box { background:url(../img/system_img05.jpg) no-repeat 50% 0; padding:48px 0 64px; }
.system_student_box_head { font-size:42px; color:#65bfe3; font-weight:bold; text-align:center; letter-spacing:2px; margin:0 0 44px; }
.system_student_box_copy { font-size:22px; font-weight:bold; width:740px; margin:0 auto 30px; }
.system_student_box_image { margin:0 0 0 126px; }
.system_student_copy01 { font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; background:#65bfe3; padding:36px 0 36px 46px; width:486px; }
.system_student_image01 { position:absolute; top:-180px; right:158px; }
.system_student_image02 { position:absolute; bottom:0; right:10px; }

/*----------------------------------------------------------
	Styles for #function
----------------------------------------------------------*/
.function_bg-style { background:url(../img/function_bg01.png) no-repeat 50% 0; padding:40px 0 70px; }
.function_head { font-size:50px; font-weight:bold; text-align:center; letter-spacing:2px; line-height:1.4; margin:0 0 38px;}
.function_head_span { font-size:30px; }
.function_pager li { width: 250px; float: left; }
.function_pager { overflow: hidden; margin:0 0 6px; }
.function_pager a { display: block; position: relative; }
.function_pager a .on { visibility: hidden; position: absolute; top: 0; left: 0;  }
.function_pager a.active .on { visibility: visible; }

/*----------------------------------------------------------
	Styles for #slider content
----------------------------------------------------------*/
.slider { background:url(../img/slider_bg.png) no-repeat 50% 0; width:848px; height: 520px; }
.slider_block01 { padding: 38px 76px 0 76px; margin:0 0 26px; }
.slider_block02 { padding: 0px 76px 0; }
.slider_block03 { padding: 48px 76px 0 76px; margin:0 0 26px; }
.slider_txt01 { width:470px; float:right; }
.slider_txt02 { width:390px; float:left; margin:0 0 0 12px; }
.slider_txt03 { width:410px; float:left; margin:0 0 0 12px; }
.slider_sub-head { font-size:27px; color:#7fbe25; font-weight:bold; line-height:1.26; margin:0 0 12px; }
.slider_copy01 { font-size:16px; font-weight:bold; line-height:1.6; letter-spacing:.5px; }
.slider_image02 { float:left; margin:24px 0 0 46px; }
.slider_image03 { float:left; margin:0 0 0 20px; }

/*----------------------------------------------------------
	Styles for #text
----------------------------------------------------------*/
.test_bg-style { background: url(../img/test_bg.jpg) no-repeat 50% 0; padding:80px 0 54px; }
.test_head { font-size:54px; color:#fff; font-weight:bold; text-align:center; line-height:1; letter-spacing:2px; margin:0 0 44px; }
.test_head_span { font-size:34px; color:#fff; }
.test_collabo { margin:0 0 34px; position:relative; }
.test_collabo:after { content:url(../img/test_img03.png); position:absolute; left:0; right:0; top:160px; margin:auto; width:316px; z-index:0; }
.test_collabo_box01 { background:#fff; border-radius:8px; padding:0 0 20px; margin:0 0 0 16px; float:left; position:relative; width:446px; z-index:1; }
.test_collabo_box01:before { content:url(../img/test_img01.png); position:absolute; left:0; right:0; margin:auto; top:-17px; width:159px; }
.test_collabo_box02 { background:#fff; border-radius:8px; padding:0 0 20px; margin:0 16px 0 0; float:right; position:relative; width:446px; z-index:1; }
.test_collabo_box02:before { content:url(../img/test_img02.png); position:absolute; left:0; right:0; margin:auto; top:-17px; width:159px; }
.test_collabo_ttl01 { background: #d75976; font-size: 18px; letter-spacing: 1px; color: #fff; text-align: center; font-weight: bold; padding: 26px 0 20px; line-height: 1.6; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.test_collabo_ttl02 { background: #89ca2c; font-size: 18px; letter-spacing: 1px; color: #fff; text-align: center; font-weight: bold; padding: 26px 0 20px; line-height: 1.6; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.test_collabo_ttl_span { font-size:24px; }
.test_copy02 { font-size:22px; color:#fff; font-weight:bold; letter-spacing:1px; }
.test_collabo_box_content { padding:22px 50px; }
.test_collabo_icon01 { float:left; margin:0 20px 0 0; }
.test_collabo_name { font-weight:bold; font-size:22px; margin:0 0 26px; }
.test_collabo_name span { font-size:16px; }
.test_collabo_copy { font-weight:bold; line-height:1.8; letter-spacing:1px; }

/*----------------------------------------------------------
	Styles for #step
----------------------------------------------------------*/
.step_bg-style { padding:70px 0 60px; }
.step_head { text-align:center; margin:0 0 62px; }
.step_flow { margin:0 0 36px; }
.step_flow_image { margin:0 0 28px; }
.step_flow_caption { font-weight:bold; line-height:1.6; margin:0 0 0 14px; letter-spacing:1px; }
.step_flow_box01 { width:260px; float:left; margin:0 58px 0 0; position:relative; }
.step_flow_box02 { width:280px; float:left; margin:0 74px 0 0; position:relative; }
.step_flow_box01:after { content:url(../img/step_arrow.png); position:absolute; top:120px; right:-70px; z-index:1; }
.step_flow_box02:after { content:url(../img/step_arrow.png); position:absolute; top:120px; right:-80px; z-index:1; }
.step_txt { font-weight:bold; text-align:center; background:#f9f9f9; padding:22px 0; width:690px; margin:0 auto; }
.step_txt a { text-decoration:none; }
.step_txt_span { font-size:18px; position:relative; top:1px; left:4px; border-bottom:2px solid #7fac00; padding:0 0 8px; }

/*----------------------------------------------------------
	Styles for #concept block01
----------------------------------------------------------*/
.concept_block01 { padding:64px 0 0; }
.concept_head { font-size:58px; text-align:center; font-weight:bold; margin:0 0 150px; }
.concept_head_span { color:#71a823; }
.concept_block01_txt { margin:0 0 0 74px; position:relative; }
.concept_block01_txt:before { content:url(../img/concept_img01.png); position:absolute; top:-100px; left:-46px; }
.concept_block01_sub-head { font-size:34px; color:#7fbe25; font-weight:bold; letter-spacing:2px; margin:0 0 26px; }
.concept_block01_copy { font-size:18px; font-weight:bold; line-height:1.8; letter-spacing:1px; }
.concept_block01_image01 { position:absolute; top:-40px; right:56px; }
.concept_block01:after { height: 125px; content:''; display: block; background:url(../img/section_break01.png) no-repeat 50% 0; background-size:100% 100%; }

/*----------------------------------------------------------
	Styles for #concept block02
----------------------------------------------------------*/
.concept_block02 { background:#f5f5f5; }
.concept_block02_bg { padding: 94px 0 50px; }
.concept_block02_sub-head { font-size:34px; color:#009e9c; font-weight:bold; letter-spacing:2px; margin:0 0 26px; }
.concept_block02_txt { width:406px; margin:0 54px 0 0; position:relative; float:right; }
.concept_block02_txt:before { content:url(../img/concept_img04.png); position:absolute; top:-106px; left:-46px; }
.concept_block02_image01 { position:absolute; top:0px; left:86px; }
.concept_block02:after { height: 125px; content:''; display: block; background:url(../img/section_break02.png) no-repeat 50% 0; background-size:100% 100%; }

/*----------------------------------------------------------
	Styles for #concept block03
----------------------------------------------------------*/
.concept_block03_bg { padding: 114px 0 0; }
.concept_block03_sub-head { font-size:34px; color:#00a5db; font-weight:bold; letter-spacing:2px; margin:0 0 26px; }
.concept_block03_txt { width:396px; margin:0 0 86px 74px; position:relative; }
.concept_block03_txt:before { content:url(../img/concept_img06.png); position:absolute; top:-106px; left:-46px; }
.concept_block03_image01 { position:absolute; top:62px; right:78px; width:360px;}
.concept_block03_image01_caption01 {font-size: 18px;font-weight: bold; line-height: 1.4; text-shadow:1px 1px 1px #ccc;}
.concept_block03_image02 { position:absolute; top:150px; right:78px; width:360px;}
.concept_block03_image02>dl>dt{width:130px; display: inline-block;vertical-align: middle;}
.concept_block03_image02>dl>dd{width:220px; display: inline-block;vertical-align: bottom; font-size: 12px;line-height: 1.4;}
.concept_block03_image02>dl>dd li{margin-bottom:0.5em;}

/*----------------------------------------------------------
	Styles for #case
----------------------------------------------------------*/
#case { padding:0 0 50px; }
.concept_case { background:url(../img/concept_img08.png) no-repeat 30px 36px; border:thin solid #5dc822; padding:86px 74px 60px; }
.concept_case_txt { width:440px; float:left; }
.concept_case_head { font-size:36px; color:#5dc822; font-weight:bold; margin:0 0 44px; }
.concept_case_university { font-size:28px; font-weight:bold; letter-spacing:1px; margin:0 0 28px; }
.concept_case_copy { font-weight:bold; line-height:2; letter-spacing:1px; }
.concept_case_image { float:right; }

/*----------------------------------------------------------
	Styles for #faq
----------------------------------------------------------*/
.faq_bg-style { padding:64px 0; }
.faq_head { font-size:50px; color:#71a823; font-weight:bold; text-align:center; letter-spacing:1px; margin:0 0 46px; position:relative; }
.faq_head span { position:relative; z-index:1; }
.faq_head:after { width:388px; content:''; display:block; border-top:6px solid #e9f2dc; margin:0 auto; position:absolute; left:0; right:0; top:50%; }
.faq_list { padding:0 24px; }
.faq_box { width:448px; }
.faq_box:nth-child(even) { float:right; }
.faq_box:nth-child(odd) { float:left; }
.faq_box:nth-child(-n+2) { margin:0 0 44px; padding:0 0 60px; border-bottom:thin solid #e8f9d0; }
.faq_box_ttl { font-size:22px; color:#71a823; font-weight:bold; margin:0 0 22px; letter-spacing:1px; }
.faq_box_mark { width:110px; text-align:center; font-size:50px; display:block; position:relative; }
.faq_box_mark span { position:relative; z-index:1; }
.faq_box_mark:after { width:110px; content:''; display:block; border-top:6px solid #e9f2dc; margin:0 auto; position:absolute; left:0; right:0; top:50%; }
.faq_box_answer { font-size:18px; line-height:1.6; }
.faq_box_answer_ttl { font-size:26px; font-weight:bold; display: inline-block; margin:0 0 16px; }

/*----------------------------------------------------------
	Styles for #pageTop
----------------------------------------------------------*/
.pageTop{text-align:center;margin:0 auto 70px;}
.pageTop a{position:relative;display:inline-block;text-decoration:none; padding:15px 20px 15px 40px; background-color:#eee;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.pageTop a:hover{background-color:#ddd;}
.pageTop a:before{
    position: absolute;
    border-color: #71a823;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    top: 50%;
    left: 15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

/*----------------------------------------------------------
	Styles for #footer
----------------------------------------------------------*/
#footer { padding:0 0 20px; }
.footer_block { padding:0 0 22px; margin:0 0 20px; border-bottom:thin solid #71a823; position:relative; }
.footer_company { margin:0 0 41px; }
.footer_company_asahi { float:left; margin:0 16px 0 0; }
.footer_company_igaku { float:left; }
.footer_mark { position:absolute; bottom:20px; right:0; font-size: 12px;line-height: 1.4;}
.footer_mark ul{margin-bottom: 10px;}
.footer_mark ul li{margin-bottom: 5px;}
.footer_mark ul li:last-child{margin-bottom:0;}
.footer_copy { font-size:12px; margin:0 0 0}
.footer_copyright { font-size:12px; text-align:center; }

/*----------------------------------------------------------
    Styles for under 1300px
----------------------------------------------------------*/
@media (max-width: 1300px) {
	.test_bg-style { background-size: 150% 100%; }
}

/*----------------------------------------------------------
    Styles for over 2000px screen
----------------------------------------------------------*/
@media (min-width: 2000px) {
    .main-visual_bg-style01, .system_student-bg02, .test_bg-style { background-size:cover; }
}

/* =============================================================================
   bx slider.css
   ========================================================================== */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative; padding:0; *zoom:1; }
.bx-wrapper img{max-width:100%; display:block}
/** THEME
===================================*/
.bx-viewport{background-color:transparent; height:520px !important;}
.bx-pager,
.bx-controls-auto{position:absolute; bottom:30px; width:100%; z-index:99}
.bx-loading{min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
.bx-pager{text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666}
.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bx-pager.bx-default-pager a{background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active{background:#000}
.bx-prev{left:0; top: 184px;}
.bx-next{right:0; top: 184px;}
.bx-prev:hover{background-position:0 0}
.bx-next:hover{background-position:-43px 0}
.bx-controls-direction a{position:absolute; outline:0;  text-indent:-9999px;  z-index:9998}
.bx-controls-direction a.disabled{display:none}
.bx-controls-auto{text-align:center}
.bx-start{display:block; text-indent:-9999px; width:10px; height:11px; outline:0; margin:0 3px}
.bx-start:hover,
.bx-start.active{background-position:-86px 0}
.bx-stop{display:block; text-indent:-9999px; width:9px; height:11px; outline:0; margin:0 3px}
.bx-stop:hover,
.bx-stop.active{background-position:-86px -33px}
.bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left; width:80%}
.bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0; width:35px}
.bx-caption{position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80,80,80,0.75); width:100%}
.bx-caption span{color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px}

/*----------------------------------------------------------
    Styles for ie
----------------------------------------------------------*/
.ie.Windows .header_nav { margin:10px 0 0; }
.ie.Windows .header_nav_list a { padding:10px 15px 4px; }
.ie.Windows .main-visual_txt_head { padding:22px 0 10px; }
.ie.Windows .system_teacher_head { padding:44px 0 34px 48px; }
.ie.Windows .system_student_head { padding:44px 0 34px 48px; }
.ie.Windows .conversion_head:before { top:35%; }
.ie.Windows .step_txt_span { padding:0; }
.ie.Windows .test_collabo_box01:before,
.ie.Windows .test_collabo_box02:before { top:-17px; }