@charset "utf-8";
/*
	Last Update:2022/02/02
	Auther: iw
*/
/*===================================================================
	layout
===================================================================*/
a:link { color:#444; }
a:visited { color:#555; }

@media (max-width: 991px){
	.wrapper, .wrapper-t { padding-top:50px; }
	.wrapper, .wrapper-b { padding-bottom:50px; }
}
@media (min-width: 992px){
	.wrapper, .wrapper-t { padding-top:70px; }
	.wrapper, .wrapper-b { padding-bottom:70px; }
}

.center { max-width:1100px; }
.center2 { max-width:900px; }
	@media (max-width:1130px){
		.center { padding-left:15px; padding-right:15px; }
	}
	@media (max-width:930px){
		.center2 { padding-left:15px; padding-right:15px; }
	}


/*===================================================================
	#layout
===================================================================*/
#head { position:relative; top:0; left:0; width:100%; z-index:1000; background:#fff; height:100px; }
#head h1 a { font-size:2.25em; font-weight:bold; }
#head a { text-decoration:none; }
#head .head_wrap { text-align:left; display:table; height:100px; width:100%; }
#head .head_wrap > * { display:table-cell; vertical-align:middle; }
#head .site_logo { padding:10px 0 10px 15px; }
#head .site_logo a { display:block; line-height:1; }
	@media(max-width: 991px){
		#head { height:70px; }
		#head .head_wrap { height:70px; }
		#head.fixed { position:fixed; box-shadow:0 5px 5px rgba(0,0,0,0.3); }
	}
	@media (max-width: 767px) {
		#head h1 a { font-size:2em; }
	}
	@media (max-width: 575px) {
		#head h1 a { font-size:1.5em; }
	}

#head_navi .head_navi_wrap { display:flex; justify-content:flex-end; }
#head_navi ul._left { display:inline-flex; justify-content:center; align-items:center; }
#head_navi ul._left > li { display:block; padding:0 10px; }
#head_navi ul._left > li a span { display:block; padding-top:35px; background:no-repeat center top / auto 35px; }
#head_navi ul._left > li a.icon_home span { background-image:url(../image/icon/home.png); }
#head_navi ul._left > li a.icon_exam span { background-image:url(../image/icon/exam.png); }
#head_navi ul._left > li a.icon_exam.active span { background-image:url(../image/icon/exam_b.png); }
#head_navi ul._left > li a.icon_pc span { background-image:url(../image/icon/pc.png); }
#head_navi ul._left > li a.icon_pc.active span { background-image:url(../image/icon/pc_o.png); }
#head_navi ul._right { display:inline-flex; flex-direction:column; width:60px; }
#head_navi ul._right > li { height:50px; display:block; }
#head_navi ul._right > li a { width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
#head_navi ul._right > li a.icon_blog { background:#00B050; color:#fff; }
#head_navi ul._right > li a.icon_blog span { padding-top:28px; line-height:1; font-size:14px; background:url(../image/icon/blog.png) no-repeat center top / auto 25px; }
#head_navi ul._right > li a.instagram { background:#000000 url(../image/icon/instagram.png) no-repeat center center / auto 25px; }

	@media(max-width: 991px){
		#base:not(.open) #head_navi { display:none; }
		#head_navi { position:absolute; top:70px; right:0; background:#fff; width:100%; max-width:320px; border-top:1px solid #eee; box-shadow:0 5px 5px rgba(0,0,0,0.3); }
		#head_navi .head_navi_wrap { justify-content:flex-start; flex-direction:column; }
		#head_navi .head_navi_wrap ul li { width:100%; }
		#head_navi .head_navi_wrap ul li a { text-align:center; }
		#head_navi .head_navi_wrap ul._left li span { margin:10px 0; white-space:nowrap; }
		#head_navi .head_navi_wrap ul._right { flex-direction:row; width:auto; }
		#head_navi .head_navi_wrap ul._right li { height:60px; }
		#head_navi .head_navi_wrap ul._right li a { height:60px; }
	}
	@media (max-width: 767px) {
		#head_navi { max-width:100%; }

	}

#btn_open { width:70px; height:70px; position:relative; }
#btn_open a { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; width:50px; height:50px; }
	@media(max-width: 991px){
		#base #btn_open a { background:url(../image/icon/menu.png) no-repeat center center / contain; }
		#base.open #btn_open a { background:url(../image/icon/close.png) no-repeat center center / contain; }
		#base.open #btn_open img { opacity:0; }
	}
	@media (min-width: 992px){
		#btn_open { display:none !important; }
	}

#foot_navi { background:#F8F8F8; padding:20px 15px; display:flex; flex-wrap:wrap; justify-content:flex-end; }
#foot_navi ul { display:flex; justify-content:flex-end; }
#foot_navi ul li { padding:5px 15px; }
#foot_navi ul._right { padding-left:30px; }
#foot_navi ul._right li a span { display:inline-block; padding-left:20px; background:no-repeat center left / 15px auto; }
#foot_navi ul._right li a span.icon_blog { background-image:url(../image/icon/blog_b.png); }
#foot_navi ul._right li a span.icon_instagram { background-image:url(../image/icon/instagram_b.png); }
#foot_address { padding:20px 0; }
#foot_address address { display:inline-flex; }
#foot_address address .foot_logo { padding-right:15px; }
#foot_address address .text { text-align:left; }
#foot_address address .text h3 { font-size:1.5em; font-weight:bold; }
#copyright { padding-bottom:15px; font-size:12px; }
@media (max-width:767px) {
	#foot_address address { flex-direction:column; }
	#foot_address address .foot_logo { padding-right:0; padding-bottom:10px; }
}

#pagetop { position:fixed; }
#pagetop { width:70px; height:auto; }
	@media (max-width: 575px){
		#pagetop { right:10px; bottom:10px; }
		#pagetop img { width:40px; }
	}
	@media (min-width: 576px){
		#pagetop { right:30px; bottom:30px; }
	}


/*===================================================================
	#page
===================================================================*/
#page_title { position:relative; }
#page_title .img_back { max-height:330px; }
#page_title .page_title_wrap { position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
#page_title .page_title_wrap .main { color:#000000; font-size:1.75em; }
#page_title .page_title_wrap .sub { color:#fff; display:inline-block; padding:0 30px; border-top-left-radius:18px; border-bottom-right-radius:18px; }
#page_title .page_title_wrap .sub._blue { background:#3680D6; }
#page_title .page_title_wrap .sub._orange { background:#FF8528; }
#page_title .page_title_wrap .sub._green { background:#00B050; }
#page_title h2 { text-align:center; }
	@media(max-width: 575px){
		#page_title .img_back { height:35vw; }
		#page_title .en2 { font-size:1.75em; }
		#page_title h2 { font-size:1em; }
	}
	@media (min-width: 576px){
		#page_title .img_back { height:24vw; }
		#page_title .en2 { font-size:2.75em; letter-spacing:6px; }
		#page_title h2 { font-size:1.25em; }
	}

#pankuzu { font-size:13px; padding:15px 0 20px; color:#999; }
#pankuzu a { color:#333; text-decoration:none; }
#pankuzu ul { display:table; }
#pankuzu ul > li { display:table-cell; line-height:100%; vertical-align:middle; }
#pankuzu ul > li > *,
#pankuzu ul > li > *:before { display:inline-block; vertical-align:middle;; line-height:100%; }
#pankuzu ul > li:not(:first-child) > *:before { content:""; color:#ccc; font-size:24px; width:24px; height:24px; margin:0 5px; background:url(../image/icon/arrow_right_g.png) no-repeat center center / auto 24px; }
#pankuzu ul > li:first-child > *:before { content:""; width:14px; width:24px; height:24px; background:url(../image/icon/home_b.png) no-repeat center center / auto 24px; }
body.pc #pankuzu a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		#pankuzu { display:none; }
	}


/*===================================================================
	#news
===================================================================*/
.tag { display:inline-block; line-height:100%; color:#fff; padding:5px 10px; background:#000; font-size:12px; }
.info_unit { margin-bottom:40px; }
.info_unit .text_wrap { padding:15px 15px 25px; }
.info_unit .meta { margin-bottom:10px; }
.info_unit .meta .date { display:block; }
.info_unit .meta .tag + .date { margin-top:10px; }
.info_unit .title { font-weight:bold; line-height:130%; }
.info_unit .tag._c1 { background:#8F1C38; }
.info_unit .tag._c2 { background:#000; }
.info_unit .tag._c3 { background:#BEA13E; }

.info_list { border-top:1px solid #ddd; }
.info_list a { position:relative; display:block; text-decoration:none !important; color:#333 !important; }
.info_list dl { width:100%; }
.info_list .tag { margin-left:25px; }
.info_list .date { font-size:0.9em; color:#999; }
body.pc .info_list a:hover dd { text-decoration:underline; color:#D91B0C; }
	@media(max-width: 575px){
		.info_list dt { padding:10px 0 0; }
		.info_list dd { padding:5px 0 10px; border-bottom:1px solid #ddd; }
	}
	@media(min-width: 576px){
		.info_list dl { display:table; }
		.info_list dl > * { display:table-cell; vertical-align:top; border-bottom:1px solid #ddd; padding:20px 0; }
		.info_list dl dt { width:200px; }
	}

#news_category {}
#news_category h5:after { content:""; width:50px; height:1px; display:inline-block; border-top:1px solid #ccc; margin:0 20px; vertical-align:middle; }
#news_category ul > li { display:inline-block; margin-right:15px; }
#news_category ul > li a { display:block; border-radius:50px; padding:3px 20px; text-align:center; }
#news_category ul > li a.active { background:#000; color:#fff; }
	@media(min-width: 576px){
		#news_category .center { display:table; width:100%; }
		#news_category .center > * { display:table-cell; vertical-align:top; }
		#news_category h5 { width:180px; }
		#news_category ul > li a { min-width:100px; }
	}



/*===================================================================
	common
===================================================================*/
.img_back { background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; line-height:1px; }
.img_back > img { visibility:hidden; width:1px; height:1px; }
.img_rect { padding-top:65%; }
.img_sq { padding-top:100%; }

.parallax,
.parallax:before,
.parallax:after { transition:opacity .7s, transform .7s, left .7s, right .7s; }
.parallax[data-parallax-in="vertical"],
.parallax[data-parallax-in="vertical2"],
.parallax[data-parallax-in="vertical3"] { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
.parallax[data-parallax-in="vertical"]:not(.parallax_on),
.parallax[data-parallax-in="vertical2"]:not(.parallax_on),
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { opacity:0 !important; }
.parallax[data-parallax-in="vertical"]:not(.parallax_on)  { transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); }
.parallax[data-parallax-in="vertical2"]:not(.parallax_on) { transform:translateY(60px); -webkit-transform:translateY(60px); -ms-transform:translateY(60px); }
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { transform:translateY(90px); -webkit-transform:translateY(90px); -ms-transform:translateY(90px); }
.parallax[data-parallax-in="left"] { position:relative; left:0; }
.parallax[data-parallax-in="left"]:not(.parallax_on) { left:-100vw; }
.parallax[data-parallax-in="right"] { position:relative; right:0; }
.parallax[data-parallax-in="right"]:not(.parallax_on) { right:-100vw; }

@media (max-width: 767px){
	.sp_table_wrap { overflow-x:auto; width:100%; white-space:nowrap; }
	.sp_table_wrap::-webkit-scrollbar { height:10px; }
	.sp_table_wrap::-webkit-scrollbar-track { background:#F1F1F1; }
	.sp_table_wrap::-webkit-scrollbar-thumb { background:#BCBCBC; }
	.sp_table_wrap table { width:100%; }
	.sp_table_wrap table { font-size:13px !important; -webkit-text-size-adjust:100%; -moz-text-size-adjust:none; -ms-text-size-adjust:100%; text-size-adjust:100%; }
}