@charset "utf-8";
/* CSS Document */
.wrap,header,footer{font-size:16px;color:#333333;}
.wrap {max-width: 100%;margin: 0 auto;}
.wrap h2{font-size:1.8rem;color:#056ab2;font-weight:bold;letter-spacing:0.05em;}
.wrap h2 small{font-size: 18px;color:#333333;}
.wrap h3{font-size:1.6rem;}
.mb_br{display: none;}

/* ===== header ===== */
#header{width:80%;margin:0 auto; position: relative;}
#logo{font-size:200%;}
#logo a{text-decoration: none;color:#333333;}

/* ===== side_btn ===== */
#header .side_btn{position:fixed;top:35%;right:0;display:flex;flex-direction: column;z-index: 1000;}
#header .side_btn a{min-height:150px;padding:20px 12px;position: relative;display: flex;align-items:center;justify-content: center;writing-mode:vertical-rl;text-orientation:upright;transition:background 0.3s;}
#header .side_btn .apply_btn::before{width:30px;height:30px;content:url("../image/tel_icon.svg");display:block;margin-bottom:8px;}
#header .side_btn .contact_btn::before{width:40px;height:40px;content:url("../image/mail_icon.svg");display:block;}
#header .side_btn .apply_btn{background: #056ab2;border-radius: 8px 0 0 0;color:#fff;font-weight:bold;text-decoration: none;}
#header .side_btn .contact_btn{background: #e7f4fc;border-radius: 0 0 0 8px;color:#056ab2;font-weight:bold;text-decoration: none;}
#header .side_btn .apply_btn:hover,#header .side_btn .contact_btn:hover{opacity: 0.8;}

/* ===== global_menu ===== */
header #global_menu{width: 60%;margin-bottom:8px;padding:16px 0;background: #fff;position: relative;margin: 0 auto;}
#global_menu ul li{width:20%;float:left;font-size:14px;font-weight:bold;border-right:1px solid #FFFFFF;text-align:center;}
#global_menu ul li:first-of-type{border-left:1px solid #FFFFFF;}
#global_menu ul li a{width:100%;display:block;text-decoration:none;}
header .nav{display: flex;flex-wrap: wrap;margin-top:2rem;}
header .h_sns{width: 100%;display: flex;flex-wrap:wrap;align-items: center;justify-content: flex-end;position: absolute;right: 0px;}
header .h_sns li{width:30px;height:auto;margin-left:15px;}
header .h_sns li:first-of-type{margin-left:0;}

/* mainimage */
#mainwrap{margin-top:2rem;display:flex;flex-wrap:wrap;}
.mainimage{width:100%;margin:16px 0;position:relative;text-align:center;}
.mainimage .business_name{width:100%;position:absolute;left:50%;top:12%;transform:translateX(-50%);font-weight:900;font-size:18px;}
.mainimage #logo{width:36%;position:absolute;left:50%;top:20%;transform:translate(-50%, -20%);}
.mainimage .catchcopy{width:70%;position:absolute;left:50%;top:60%;transform:translate(-50%, -60%);}
.sub_logo{width:10%;position:absolute;top:0;left:-5%;}

/* ===== contents ===== */
#contents{margin-bottom:40px;position:relative;}
#contents h2.page_title{margin-bottom:24px;font-size:200%;font-weight:600;}
#contents p{line-height:1.8;}

/* ===== main ===== */
#main{width:70%;margin:0 auto;padding-top:3rem;display:flex;justify-content:space-between;}
#main .main_img{width:46%;}
#main .main_detail{width:50%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
#main h2{font-size:1.8rem;line-height:1.4;}
#main h2 small{font-size:21px;color:#056ab2;}
#main h2 span{margin-left:-16px;}
#main .main_detail p{margin-top:1rem;margin-right:20%;}
/* ===== news ===== */
#news .box{width:60%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
#news .item{width:48%;margin-bottom:48px;position:relative;}
#news .item .thumb{margin-bottom:8px;overflow:hidden;border-radius:8px;}
#news .item .thumb img{border-radius:8px;transition:0.4s;}
#news .item .news_date{margin-bottom:4px;font-size:12px;font-weight:600;}
#news .item h3{margin-bottom:8px;font-weight:bold;color:#056ab2;letter-spacing:0.05em;}
#news .item .news_excerpt{font-size:16px;line-height:1.8;}

#news .item:hover .thumb img{transform:scale(1.1);}
#news .item:hover h3{text-decoration:underline;}
/* ===== event ===== */
#event{background:url("../image/event_bg.jpg") no-repeat center top / cover;font-size:15px;}
#event .box{width:70%;margin:0 auto 24px;padding-top:12rem;}
#event .event_head h2{margin-bottom:24px;line-height:1.2;}
#event .event_detail{padding:2.5rem 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#event .event_detail .item{width:48%;margin:0 0 4%;padding:3% 40px;background-color:rgb(255,255,255,0.7);border-radius:24px;box-sizing:border-box;}
/* 共通 */
#event .item h3{width:fit-content;margin:0 auto 24px;position:relative;font-size:16px;font-weight:600;text-align:center;color:#000000;letter-spacing:0.05em;}
#event .item h3::after{width:80px;height:2px;margin:5px auto 0;content:"";display:block;background:#056ab2;}
#event .item h3::before{width:48px;margin:0 auto;display:block;}
#event .item:nth-child(1) h3::before{content:url("../image/lecturer_icon.svg");}
#event .item:nth-child(2) h3::before{content:url("../image/facilitator_icon.svg");}
#event .item:nth-child(3) h3::before{content:url("../image/schedual_icon.svg");}
#event .item:nth-child(4) h3::before{content:url("../image/presentation_icon.svg");}
/* event_detail */
#event .event_detail .date_time dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
#event .event_detail .date_time dl dt{width:64px;margin-bottom:4px;}
#event .event_detail .date_time dl dd{width:calc(100% - 64px);margin-bottom:4px;}
/* cnt_box */
#event .item .cnt_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
#event .item .cnt_box div:nth-child(1){width:26%;}
#event .item .cnt_box div:nth-child(1) img{border-radius:3px;}
#event .item .cnt_box div:nth-child(2){width:70%;}
#event .item .cnt_box div:nth-child(2){width:70%;}
#event .item .cnt_box h5{font-weight:bold;color:#056ab2;font-size:18px;}
#event .item .cnt_box h5 small{font-size:13px;}
#event .item .cnt_box p{font-size:16px;}
/* presentation */
#event .presentation ul{margin-left:24px;list-style:disc;font-size:15px;}
#event .presentation ul li span{font-size:16px;color:#056ab2;font-weight:bold;}
#event .presentation ul li small{font-size:13px;}
/* event_link */
#event ul.event_link li{width:240px;margin:0 12px 48px;font-weight:bold;text-align:center;}
#event ul.event_link li a{padding:16px 0;display:block;background:#056ab2;border:1px solid #056ab2;box-sizing:border-box;font-weight:bold;text-decoration:none;color:#fff;transition:0.4s;}
#event ul.event_link li a:hover{background:#FFFFFF;color:#056ab2;}
/* ===== other ===== */
#other{margin-top:4rem;}
#other .box{width:80%;margin:0 auto 48px;padding-top:64px;background:url(../image/other_bg.svg) no-repeat center center / contain;}
#other h2{margin-bottom:48px;line-height:1.2;}
#other h3{margin-bottom:24px;font-size:21px;font-weight:700;letter-spacing:0.1em;}
#other ul.link_box{padding-bottom:80px;display:flex;justify-content:center;}
#other ul.link_box li{width:31%;margin:1%;font-size:15px;font-weight:700;text-align:center;}
#other ul.link_box li a{height:100%;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;background:#EFEFEF;border:1px solid #CCCCCC;box-sizing:border-box;color:#000000;transition:0.4s;}
#other ul.link_box li a:hover{background:#FFFFFF;}
#other ul.link_box li small{font-size:11px;}
#other .link_box img{width:60%;margin:0 auto;}
/* ===== footer ===== */
#footer{margin-top:-6rem;padding:16px 0;background:url("../image/footer_bg.jpg") no-repeat center top / cover;font-size:16px;}
#footer .cnt{width:1180px;margin:9rem auto 0;padding-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_logo{width:100px;}
#footer .f_box{width:calc(100% - 148px);position:relative;}
#footer .f_box h2{font-size:21px;font-weight:bold;color:#00734F;}
/* f_sns */
#footer .f_sns{position:absolute;top:24px;right:0;}
#footer .f_sns ul{display:flex;}
#footer .f_sns ul li{width:40px;margin-left:8px;padding:8px;background:#FFFFFF;border-radius:50%;box-sizing:border-box;line-height:1;}
#footer .f_sns ul li img{width:100%;}
/* banner_box */
#footer .banner_box ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .banner_box ul li{width:calc((100% / 7) - 8px);}
/* copy */
#footer div.copy{width:100%;margin-top:3rem;text-align:center;font-size:11px;}

/* ===== 配下ページ ===== */
.page_head{width:240px;margin:-24px 0 16px;}
#sub_head{width:1000px;margin:0 auto 48px;padding:32px 0;font-size:24px;font-weight:900;letter-spacing:0.1em;}
#sub_head h1{color:#056ab2;}
#s_main{width:1000px;}
#s_main .post .des{margin-bottom:120px;}

.single #contents{padding-top:64px;background:url("../image/main_bg_image.svg") center top / cover;}

/* ===== responsive ===== */
@media screen and (min-width:1500px) {
/* === news === */
	#news .box{width:60%;}
}

/* ===== mobile ===== */
@media screen and (max-width: 1500px) {
	#main{width:80%;}
	#news .box{width:72%;}
	#event .box{width:86%;}
}

@media screen and (max-width: 1200px) {
/* === header === */
	#header{width:86%;}
/* === main === */
	#main{width:86%;}
	#main .main_detail p{margin-right:0;}
/* === news === */
	#news .box{width:86%;}
/* === event === */
	#event .presentation ul li span{display:block;}
}

@media screen and (max-width: 1100px) {
	#event .presentation ul li br{display:none;}
}

@media screen and (max-width: 1024px) {
	#event .item .cnt_box div:nth-child(1){width:120px;margin:0 auto 16px;}
	#event .item .cnt_box div:nth-child(2){width:100%;}
	#event .item .cnt_box h5{text-align:center;line-height:1.4;}
	
	#other .box{width:94%;}
	#footer .cnt{width:82%;}
	
	#sub_head, #s_main{width:90%;}
}

@media screen and (max-width: 900px) {
/* ===== mainimage ===== */
	#header{width:90%;}
	.mainimage #logo{width:38%;}
	.mainimage .catchcopy{width:50%;}
/* ===== side_btn ===== */
	#header .side_btn{width:100%;display:flex;flex-direction:row;top:auto;bottom:0;left:0;}
	#header .side_btn a{width:50%;height:30px;min-height:auto;writing-mode:unset;text-orientation:unset;}
/* ===== main ===== */
	#main{flex-wrap:wrap;}
	#main .main_img{width:80%;margin:0 auto 24px;}
	#main .main_detail{width:100%;}
/* ===== event ===== */
	#event .box{width:90%;}
	#event .event_detail .item{padding:3% 24px;}
/* ===== footer ===== */
	#footer .cnt{width:90%;margin:14rem auto 1rem;position:relative;}
	#footer .f_logo{margin:0 auto 16px;}
	#footer .f_box{width:100%;padding:0 5% 5%;}
	#footer .f_add{width:100%;text-align:center;}
	/* f_sns */
	#footer .f_sns{position:inherit;top:inherit;right:inherit;}
	#footer .f_sns ul{margin-bottom:48px;justify-content:center;}
	/* banner_box */
	#footer .banner_box ul li{width:31%;margin:2% 0;}
	/* copy */
	#footer div .copy{margin:0 auto 3rem;}
	/* page-top */
	#page-top{display:none;}
}

@media screen and (max-width: 800px) {
/* === news === */
	#news .item{width:80%;margin:0 auto 24px;}
/* === event === */
	#event .event_detail .item{width:100%;}
	#event .event_detail .item:nth-of-type(1){order:2;}
	#event .event_detail .item:nth-of-type(2){order:3;}
	#event .event_detail .item:nth-of-type(3){order:4;}
	#event .event_detail .item:nth-of-type(4){order:1;}
/* === other === */
	#other ul.link_box{margin-bottom:0;flex-wrap:wrap;}
	#other ul.link_box li{width:48%;}
}

@media screen and (max-width: 740px) {
	.mainimage .business_name{width:100%;font-size:1.48vw;}
	#main h2{font-size:4.8vw;}
/* === news === */
	#news .item{width:100%;}
/* === event === */
	#event .event_detail .item{padding:24px;}
	#event ul.event_link{padding-bottom:48px;}
	#event ul.event_link li{margin-bottom:12px;}
	#event .presentation ul li{margin-bottom:8px;line-height:1.4;}
	#event .presentation ul li span{display:block;}
/* === other === */
	#other ul.link_box li{width:80%;}
/* === footer === */
	#footer .f_box h2{font-size:18px;}
	
	.page_head{width:180px;}
}

@media screen and (max-width: 680px) {
/* main */
	#main .main_img{width:100%;}
	#main h2 small{font-size:2.8vw;}
/* news */
	#news .item{margin-bottom:40px;}
	#news .item:last-of-type{margin-bottom:0;}
/* event */
	#event{background-position:center top -80px;}
	#event .box{padding-top:6rem;}
/* other */
	#other{margin-top:0;}
	#other .box{padding-top:0;}
	#other ul.link_box{padding-bottom:0;}
/* === footer === */
	#footer .banner_box ul li{width:48%;}
	
	#header .side_btn .apply_btn::before{width:24px;height:24px;margin:0 8px 0 0;}
	#header .side_btn .contact_btn::before{width:32px;height:32px;margin:0 8px 0 0;}
}