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

/* **ソートリスト**
1__全体設定
2__ログイン設定
3__TOP設定
*__引用CSS設定
*/
button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}
.scroll{text-align:center;position:absolute;bottom:-30px;width:100%;z-index:2;opacity:1;right:-30px;}
.top_link.on{display:none;}
#menu{position:fixed;right:30px;top:50%;transform:translate(-50%,-50%);z-index:100;}
#menu li{list-style: none;margin:0 0 20px 0;}
#menu a{display:block;border-radius:50%;transition:all 0.3s;overflow: hidden;border:2px solid transparent;}
#menu a span{display:block;height:3px;width:3px;background:#FFF;transition:all 0.3s;border-radius:50%;border:2px solid transparent;}
#menu a:hover span,
#menu a.on span{background:#000;margin:0;}
#menu a.on,
#menu a:hover{border:2px solid #FFF;}
section{opacity:1;}
#main_visual_area{z-index:6;}
#story{background:url(/aska/img/top_section01_img01.jpg) center top /cover no-repeat;}
#who{background:url(/aska/img/top_section02_img01.jpg) center center /cover no-repeat;}
/*#sdl{background:url(/aska/img/top_section03_img01.jpg) center center /cover fixed no-repeat;z-index:3;}*/
#initiative{background:url(/aska/img/top_section04_img01_v4.jpg) center center /cover no-repeat;}
#index .scroll_btn {left:inherit;right:0;width:auto;height: 120px;overflow: inherit;opacity:1;}
#index .scroll_btn:after{animation: scroll_border2 2s ease -2s infinite;}
.scroll_btn span{transform: rotate(90deg);display:block;}
h2.section_title2 {text-align:center;margin:0 0 35px;}

h2.section_title2 .en{font-size:35px;font-family: adobe-garamond-pro,"FOT-筑紫明朝 Pr6N L",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight: normal;margin:0px 0 35px 0 ;position: relative;margin: 0px 0 35px 0;font-feature-settings : "palt";letter-spacing: 5px;color:#FFF;}
h2.section_title2 .jp{font-size:18px;font-family:"FOT-筑紫明朝 Pr6N L",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;color:#FFF;letter-spacing: 5px;}

h2.section_title2 .en:after{content:"";display:block;width:34px;height:0;border-bottom:1px solid #fff;position:absolute;left:50%;margin-left:-17px;bottom:-20px;}

.section:nth-child(n + 2){border:0px solid #FFF;box-sizing: border-box;transition:all 0.3s;}
.section:nth-child(n + 2).current{border:0px solid #FFF;}

/* -TOPページ メインビジュアル(slick)- */
.slick-prev,
.slick-next{width:30px; height:30px;border:none;color:#FFF;font-size:16px;cursor: pointer;}
.slick-prev{text-align:  right;width:70px;background: none;/*background:url(/aska/img/arrow_prev.png) left center no-repeat;*/margin-top:-7px;position:absolute;left:10px;bottom:0;z-index:101;}
.slick-next{text-align:left;width:70px;background: none;/*background:url(/aska/img/arrow_next.png) right center no-repeat;*/margin-top:-7px;position:absolute;right:10px;bottom:0;z-index:101;}
.slick-prev:before,
.slick-next:before{content:none;}
.slick-next:before,
.slick-prev:before{position: absolute;vertical-align: middle;margin: auto;bottom: 0;content: "";display: block;right: 0px;width: 70px;height: 1px;background: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.slick-next:after,
.slick-prev:after{position: absolute;vertical-align: middle;margin: auto;bottom: -4px;content: "";display: block;left: 1px;width: 8px;height: 8px;border-top: 1px solid #fff;/* border-right: 1px solid #000; */-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.3s;-webkit-transition: all 0.3s;}
.slick-next:after{left:inherit;right:1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.content_block {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;}
.copy_content .txt_box{margin:0 0 60px 0;text-align:center;color:#FFF;}
.copy_content p{font-size:22px;line-height:2;}
.copy_content .main_copy{font-size:40px;line-height:2;color:#FFF;}

.content_block .who_copy{font-size:32px; color: #FFF;text-align: center;margin:0 0 30px;line-height:1.5;}
.content_block .who_desc .txt_box{margin:0 0 20px 0;text-align:center;color:#FFF;text-align: center;font-size:18px;line-height:2;}
.content_block .who_btn{margin:40px 0 0;}
.content_block .who_btn button,
.content_block .who_btn a{display:block;line-height:60px;width:400px;color:#0e357f;text-align: center;background:#FFF;margin:0 auto;font-size:18px;letter-spacing: 4px;position:relative;border:5px solid transparent;box-sizing:inherit; }
.content_block .who_btn button:hover,
.content_block .who_btn a:hover{background:rgba(255,255,255,0.8);}
.content_block .who_btn button:before,
.content_block .who_btn a:before{content:"";display:block;width:8px;height:8px;border-top:1px solid #0e357f;border-right:1px solid #0e357f;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;right:20px;top:45%;}
.content_block .who_btn button{;font-family: adobe-garamond-pro,"FOT-筑紫明朝 Pr6N L",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

.sdl_menu_area{width:300px;position:fixed;top:0;left:-100%;transition:all 0.3s;}
section.current .sdl_menu_area{left:0;}
.sdl_menu_area:before{content: "";display: block;position: absolute;height: 100%; z-index: 0;opacity: 1;transform: skewX(-20deg); -webkit-transform: skewX(-20deg);right:-7vw;width:100vw;
background: #FFF; top: 0;}
.sdl_menu_area_inner{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;padding:0 0 0 100px;}
.sdl_menu_area{}
.sdl_menu_area{height:100%;z-index:3;}
.sdl_menu_area ul > li{padding:0 0 0 0;color:#0e357f;}
.sdl_menu_area ul > li.day01{margin:0 0 60px 0;}
.sdl_menu_area ul > li > p{font-size:30px;line-height:1;margin:0 0 10px 0;}
.sdl_menu_area ul > li > ul > li{margin:0 0 5px 0;}
.sdl_menu_area ul > li > ul > li a{display: inline-block;color:#0e357f;font-size:18px;line-height:36px;position:relative;}

.sdl_menu_area ul > li > ul > li a:after{content:"";display:block;width:0%;background:#0e357f;position:absolute;top:0;left:-10%;height:100%;transform: skewX(-20deg); -webkit-transform: skewX(-20deg);transition:all 0.3s;z-index:0;}
.sdl_menu_area ul > li > ul > li a.on span,
.sdl_menu_area ul > li > ul > li a.on span:before,
.sdl_menu_area ul > li > ul > li a:hover span,
.sdl_menu_area ul > li > ul > li a:hover span:before{color:#FFF;}
.sdl_menu_area ul > li > ul > li a.on:after,
.sdl_menu_area ul > li > ul > li a:hover:after{width:120%;}
.sdl_menu_area ul > li > ul > li a span{letter-spacing: 2px; display:block;position: relative;padding:0 0 0 50px;z-index:1;transition:all 0.3s;}

.sdl_menu_area ul > li > ul > li a span:before{content:"01";color:#0e357f;position:absolute;left:0;font-size:20px;}
.sdl_menu_area ul > li > ul > li:nth-child(2) a span:before{content:"02";}
.sdl_menu_area ul > li > ul > li:nth-child(3) a span:before{content:"03";}
.sdl_menu_area ul > li > ul > li:nth-child(4) a span:before{content:"04";}
.sdl_menu_area ul > li > ul > li:nth-child(5) a span:before{content:"05";}
.sdl_menu_area ul > li > ul > li:nth-child(6) a span:before{content:"06";}
.sdl_menu_area ul > li > ul > li:nth-child(7) a span:before{content:"07";}
.sdl_menu_area ul > li > ul > li:nth-child(8) a span:before{content:"08";}

.sdl_content_area{text-align:center;}
.sdl_content_area .schedule_block > .content .title{font-size:40px;line-height:1;margin:0 auto 30px auto;color:#FFF;}
.sdl_content_area .schedule_block > .content .desc{font-size:18px;line-height:2;margin:0 auto 0px auto;color:#FFF;letter-spacing: 2px;}

.schedule_block{margin:0 0 0px 0;font-size:40px;height:110vh;position: relative;}
.section_no{color:#FFF;margin: 0 0 20px 0;}
.section_no .en{font-size:22px;letter-spacing: 3px;position:relative;padding:0 0 20px 0;margin:0 0 20px 0;}
.section_no .no{font-size:80px;opacity:0.5;}
.section_no .en:after{content:"";display:block;width:34px;height:0;border-bottom:1px solid #fff;position:absolute;left:50%;margin-left:-17px;bottom:-10px;}
.schedule_block .content{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;z-index:1;padding-left:300px;}

.schedule_block{background:#23387C}
.schedule_block:before{content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;background:#23387C;opacity:0.5;z-index:1;}
.schedule_block:after{content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 0;background:url(/aska/img/who_sdl_img01.jpg) center center /cover fixed no-repeat #23387C;transition: all 1.2s;-webkit-transition: all 1.2s;opacity:0;z-index:0;}
.schedule_block.on:after{opacity:1;}
.schedule_block#program02:after{background-image:url(/aska/img/who_sdl_img02.jpg)}
.schedule_block#program03:after{background-image:url(/aska/img/who_sdl_img03.jpg)}
.schedule_block#program04:after{background-image:url(/aska/img/who_sdl_img04.jpg); background-position: 120px 25%;}
.schedule_block#program05:after{background-image:url(/aska/img/who_sdl_img05.jpg)}
.schedule_block#program06:after{background-image:url(/aska/img/who_sdl_img06.jpg)}
.schedule_block#program07:after{background-image:url(/aska/img/who_sdl_img07.jpg)}
.schedule_block#program08:after{background-image:url(/aska/img/who_sdl_img08.jpg)}
.schedule_block#program09:after{background-image:url(/aska/img/who_sdl_img09.jpg)}
.schedule_block#program10:after{background-image:url(/aska/img/who_sdl_img10.jpg)}
.schedule_block#program11:after{background-image:url(/aska/img/who_sdl_img11.jpg)}
.schedule_block#program12:after{background-image:url(/aska/img/who_sdl_img12.jpg)}



.initiative_copy{font-size:18px; color: #FFF;text-align: center;margin:0 0 30px;line-height:2;}
.initiative_copy span{display: block;font-size:15px;line-height:2;}

.program_list{width:100%;overflow-x:scroll;margin:40px 0 30px 0;}
.program_list ul {width: auto;white-space: nowrap;font-size:0;padding:0 0 47px 0;}
.program_list ul li{display: inline-block;vertical-align:top;white-space: initial;transition: all 0.3s;}
.program_list ul li a{display:block;height:80px;color:#FFF;border:1px solid #FFF;font-size:18px;padding:10px;word-break: break-all;white-space: inherit;position:relative;transition: all 0.3s;}
.program_list ul li a p{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:1;width:92.5%;}
.program_list ul li a span{font-size:14px;display:block;}
.program_list ul li a:nth-child(1){border-right:0;border-bottom:0;}
.program_list ul li a:nth-child(2){border-right:0;border-bottom:0;}
.program_list ul li a:nth-child(3){border-right:0;}

.program_list ul li:hover{}
.program_list ul li a:hover{color:#373980;background:#FFF;}

.modal_program_box {display:none;}
.modal_program_box.on {display:block;}
.modal_program_box .section_detail{padding:0;margin:0;display: flex;flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;text-align:left;width:1000px;}
/*.modal_program_box .section_detail *{font-size:16px;line-height:2;color:#000;}*/
.modal_program_box .section_detail .text{padding:20px 0 0;margin: 0 0 20px 0;font-size:16px;line-height:2;color:#fff;}
/*.modal_program_box .section_detail .text:nth-child(2){margin:0}*/
.modal_program_box .section_detail .profile:last-child{padding:0;}
.modal_program_box .section_detail .profile:nth-of-type(2){padding-top:20px;}
.modal_program_box .section_detail .title{line-height:1.5;color:#fff;font-size:22px;letter-spacing:2px;position:relative;text-align: left;}
.modal_program_box .section_detail .title a{font-size:24px;color:#000;padding-left:30px;background:url(../img/icon_next_ar.png) left 10px no-repeat;display:inline-block;}
.modal_program_box .section_detail .title a:hover{text-decoration:underline;}
.modal_program_box .section_detail .category{display:table;background:#1b185e;color:#FFF;border:1px solid #1b185e;margin:4px;padding:0px 20px;text-align:right;font-size:14px;line-height:20px;position:absolute;right:4px;}

.modal_program_box .section_detail .section_detail_img{width:995px;padding:105px 0 0;text-align: center;position: relative;left:-65px;}
.modal_program_box .section_img{text-align:center; width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;    padding: 0 0 105px 0;}
.modal_program_box .section_img img{width:100vw;}

.modal_program_box .section_detail .profile{padding-top:0px;}

.modal_program_box .section_detail .title{order: 0;}
.modal_program_box .section_detail .text{order: 1;}
.modal_program_box .section_detail .student_program{order: 2;}
.modal_program_box .section_detail .member{order: 3;}
.modal_program_box .section_detail .program_btn_area{order: 5;}
#program_2018 .modal_program_box .section_detail .program_btn_area{display:none;}

.modal_program_box .section_detail .section_detail_img{order: 6;}
.modal_program_box .section_detail .program_btn_area{display:none;}

.modal_program_box .section_detail .profile .pro_area_wrap ul li{ float:left; padding-bottom:0px; }
.modal_program_box .section_detail .profile .pro_area{ width:470px;}
.modal_program_box .section_detail .profile:last-child{padding-bottom:30px;}
.modal_program_box .section_detail .profile .role{display:block;line-height:19px;text-align:left;font-size:14px;letter-spacing: 8px;padding:0 0 0 16px;border-left:4px solid #FFF;margin:0 0 10px 0;color:#FFF;}
.modal_program_box .section_detail .profile .pro_area .pic{float:left;display:inline-block;margin-right:13px;display:none;}
.modal_program_box .section_detail .profile .pic a img{height:85px;}
.modal_program_box .section_detail .profile .name a{color:#FFF;display:block;line-height:1;text-align:left;font-size:18px;padding:3px 0 0 5px;margin:0 0 5px 0;}
.modal_program_box .section_detail .profile .name span{font-size:14px;}
.modal_program_box .section_detail .profile .position a{font-size:12px;color:#FFF;display:block;line-height:24px;padding:0 3px;/*padding:0 20px 0 90px;*/}
.modal_program_box .section_detail .profile .position span{font-size:11px !important;color:#FFF !important;}
.modal_program_box .section_detail .student_program .student_title{font-size:18px;text-align: left;letter-spacing: 6px;}
.modal_program_box .section_detail .student_program ul li{background:#F2F2F2;border:1px solid #fff;width:calc(50% - 42px);width:-webkit-calc(50% - 42px);float:left;padding:20px;line-height:1.5;font-size:16px;position:relative;}
.modal_program_box .section_detail .student_program ul li:after{content:"";display:block;border:10px solid transparent;border-top:10px solid #fff;border-right:10px solid #fff;width:0;height:0;position: absolute;right:0;top:0;}


@media screen and (min-width: 750px) and (min-height: 600px) and (max-height: 750px){
	.section_no .no{font-size:70px;}
	.section_no .en,
	.copy_content p{font-size:20px}
	.sdl_content_area .schedule_block > .content .title,
	.copy_content .main_copy{font-size:36px}
	h2.section_title2 .en{font-size:32px;}
	.program_list ul li a,
	.initiative_copy,
	.sdl_content_area .schedule_block > .content .desc,
	.content_block .who_desc .txt_box,
	h2.section_title2 .jp{font-size:16px;}
	.content_block .who_copy{font-size:28px;}
	.initiative_copy span{font-size:13px;}
	.program_list ul li a span{font-size:12px;}
	
	
	.program_list ul li a{height:60px;}
	h2.section_title2 .en,
	h2.section_title2{margin:0 0 25px 0;}
	h2.section_title2 .en:after{bottom: -10px;}
	.content_block .who_copy{margin:0 0 20px 0}
	.content_block .who_desc .txt_box{margin:0 0 15px 0;}
	
	
	
}