@charset "UTF-8";



/*ーーーーーーーーーーーーーーーーーーーーーーーー
css reset
ーーーーーーーーーーーーーーーーーーーーーーーー*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;padding:0;
}
table{
border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
font-size:100%;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
img { vertical-align:middle; }
article, aside, footer, header, nav, section, main { display: block; }



/*ーーーーーーーーーーーーーーーーーーーーーーーー
 カスタムプロパティ
ーーーーーーーーーーーーーーーーーーーーーーーー */

:root {
--color-pri:#89DE21;
--color-hover:#A2FA40;
--color-sec:#261F78;
--color-ter:#49459C;
--color-border-strong:#414A36;
--color-border-base:#717A64;
--color-border-light:#C0CAB0;
--color-point-a:#FFD28C;
--color-point-b:#E3DFFF;
--width-max:1200px;
--box-shadow-a:0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
}



/*ーーーーーーーーーーーーーーーーーーーーーーーー
フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

html {
font-family: 'Noto Sans JP', 'M PLUS 1p', 'Barlow', sans-serif;
font-weight: 500;
font-size:16px;
line-height: 1.8;
color: var(--color-ter);
}
		@media screen and (max-width:733px) {
		html {
		font-size:18px;
		line-height: 1.6;
		}
		/*smp end*/}




/*ーーーーーーーーーーーーーーーーーーーーーーーー
リンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/
a {
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
a:link {
color: #5CA800;
text-decoration: none;
}
a:visited {
color: #5CA800;
text-decoration: none;
}
a:hover {
color: #5CA800;
text-decoration: underline;
}
a:active {
color: #5CA800;
text-decoration: underline;
}




/*ーーーーーーーーーーーーーーーーーーーーーーーー
基本レイアウト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

body {
min-width: var(--width-max);
padding-top: 135px;
}
img {
max-width:100%;
height:auto;
}

		@media screen and (max-width:733px) {
		body {
		min-width: initial;
		padding-top: 53px;
		}
		/*smp end*/}





/*ヘッダー
ーーーーーーーーーーーーーーーーーーーーーーーー*/

#header_fixed {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: #fff;
z-index: 9999;
}

header {
padding: 12px 15px 12px;
display: flex;
justify-content: space-between;
}
header > p:first-child {
width: 280px;
}
header > ul {
display: flex;
width: 600px;
justify-content: right;
align-items: center;
}
header > ul li {
font-size: 16px;
margin-left: 16px;
}
header > ul li:first-child a {
display: inline-block;
padding: 3px 16px 5px;
transition: background 0.3s ease;
border-radius: 100px;
text-decoration: none;
}
header > ul li:first-child a:hover {
background: var(--color-hover);
}
header a:link,
header a:visited,
header a:hover,
header a:active {
color: var(--color-sec);
}
header .btn_link.small {
min-width: initial;
}

		@media screen and (max-width:733px) {
		header {
		padding: 12px;
		display: block;
		border-bottom: solid 1px var(--color-border-light);
		}
		header > ul {
		display: none;
		}
		header > p:first-child {
		width: 193px;
		}
		/*smp end*/}


/* ハンバーガーメニュー
ーーーーーーーーーーーーーーーーーーーーーーーー */

		@media screen and (max-width:733px) {
		#menu_btn {
		position: absolute;
		top: 10px;
		right:12px;
		z-index: 99999;
		border: solid 1px var(--color-sec);
		border-radius: 100px;
		line-height: .5;
		padding: 10px 16px 12px;
		font-size: 14px;
		background: #fff;
		}

		#menu_list {
		background: #fff;
		padding:56px 24px 24px;
		}
		#menu_list .boxa {
		border-bottom: solid 1px var(--color-border-base);
		}
		#menu_list .boxa a,
		#menu_list .boxa span {
		text-decoration: none;
		display: block;
		padding: 16px;
		}
		#menu_list .boxa p {
		border-top: solid 1px var(--color-border-base);
		display: block;
		}
		#menu_list .boxa li {
		font-size: 14px;
		}
		#menu_list .boxa li a {
		padding: 8px 8px 8px 32px;
		}
		#menu_list .boxa li:last-child a {
		padding-bottom: 24px;
		}


		#menu_list .boxb {
		margin-top: 48px;
		}
		#menu_list .boxb p {
		margin-top: 16px;
		font-size: 14px;
		}
		/*smp end*/}






/*グローバルナビ
ーーーーーーーーーーーーーーーーーーーーーーーー*/

#global {
display: flex;
justify-content: center;
padding:16px 0px;
line-height: 1;
border-top: solid 1px var(--color-border-light);
border-bottom: solid 1px var(--color-border-light);

}
#global > li {
font-size: 19px;
}
#global > li > a {
display: block;
padding: 8px 24px;
font-weight: 500;
transition: background 0.3s ease;
text-decoration: none;
border-radius: 100px;
}
#global li a:hover {
background: var(--color-hover);
}

/* ドロップダウン */
#global > li.dropdown > a::after {
content: "";
display: inline-block;
width: 16px;
height: 8px;
background: url(/cms/gakunin/img/base/arrow_bottom.svg) no-repeat center center / cover;
position: relative;
top: -4px;
margin-left: 8px;
}
#global .dropdown_menu {
background: #fff;
padding: 16px;
display: inline-block;
border-radius: 16px;
border: solid 1px var(--color-border-light);
}
#global .dropdown_menu li {
font-size: 16px;
margin-top: 8px;
line-height: 1.6;
white-space: nowrap;
}
#global .dropdown_menu li a {
text-decoration: none;
padding: 8px 16px;
display: inline-block;
border-radius: 100px;
}
#global a:link,
#global a:visited,
#global a:hover,
#global a:active {
color: var(--color-sec);
}
		@media screen and (max-width:733px) {
		#global {
		display: none;
		}
		/*smp end*/}



/*フッター
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/* 全体 */
footer {
background: var(--color-sec);
}
footer .seca {
width: var(--width-max);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding: 104px 0px 40px;
justify-content: space-between;
}

footer p,
footer li,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
color: #fff;
}
footer .boxa,
footer .boxb {
width: 50%;
}

		@media screen and (max-width:733px) {
		footer .seca {
		width: auto;
		display: block;
		padding: 48px 24px;
		}
		footer .boxa,
		footer .boxb {
		width: auto;
		}
		/*smp end*/}

/* 左カラム */
footer .boxa > p:first-child {
width: 124px;
}
footer .boxa .txta {
font-size: 19px;
margin-top: 64px;
margin-bottom: 16px;
}
footer .boxa .small {
font-size: 16px;
display: inline-block;
margin-top: 8px;
}
footer .boxa a {
text-decoration: none;
}

		@media screen and (max-width:733px) {
		footer .boxa .txta {
		margin-top: 56px;
		margin-bottom: 16px;
		font-size: 19px;
		}
		/*smp end*/}


/* 左カラム：お問い合わせ */

footer .boxa .wrpa {
border: solid 1px var(--color-border-light);
border-radius: 24px;
width: 488px;
}
footer .boxa .wrpa .insa {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 24px;
box-sizing: border-box;
align-items: flex-start;
}
footer .boxa .wrpa .insa p:first-child {
width: 3em;
}
footer .boxa .wrpa .insa p:last-child {
font-size: 19px;
width: 320px;
}
footer .boxa .wrpa .insa + .insa {
border-top: solid 1px var(--color-border-light);
}

		@media screen and (max-width:733px) {
		footer .boxa .wrpa {
		width: auto;
		}
		footer .boxa .wrpa .insa {
		display: block;
		}
		footer .boxa .wrpa .insa p:first-child {
		width: auto;
		font-size: 16px;
		}
		footer .boxa .wrpa .insa p:last-child {
		width: auto;
		font-size: 16px;
		}
		footer .boxa .wrpa .insa + .insa {
		border-top: solid 1px var(--color-border-light);
		}
		/*smp end*/}


/* 左カラム　最新ニュースを受けとる */

footer .boxa .wrpb > p:last-child {
margin-top: 16px;
width: 444px;
}
		@media screen and (max-width:733px) {
		footer .boxa .wrpb > p:last-child {
		width: auto;
		}
		/*smp end*/}


/* 右カラム */

footer .boxb .wrpa {
display: flex;
flex-wrap: wrap;
}
footer .boxb .wrpa li {
font-size: 19px;
}

footer .boxb a,
footer .boxc .wrpa .insb a {
display: inline-block;
border-radius: 100px;
padding: 8px 24px 8px;
transition: background 0.3s ease;
background: var(--color-sec);
text-decoration: underline;
}
footer .boxb ul ul li a,
footer .boxb ul li span {
padding: 8px 24px 8px;
display: inline-block;
}
footer .boxb a.btn_link {
text-decoration: none;
border: solid 1px #fff;
margin-top: 64px;
font-size: 16px;
padding-top: 10px;
min-width: initial;
}
footer .boxb a:hover,
footer .boxc .wrpa .insb a:hover,
footer .boxb a.btn_link:hover {
background: var(--color-ter);
text-decoration: none;
}

footer .boxb .wrpa ul + ul {
margin-left: 64px;
}

footer .boxb .wrpa ul ul li {
font-size: 16px;
}
footer .boxb .wrpa > ul:last-child li:last-child {
font-size: 16px;
margin-top: 8px;
}

footer .boxb .wrpb {
margin-top: 80px;
}
footer .boxb .wrpb p {
font-size: 19px;
}

		@media screen and (max-width:733px) {
		footer .boxb {
		margin-top: 64px;
		}
		footer .boxb .wrpa {
		display: block;
		}
		footer .boxb .wrpa li {
		font-size: 16px;
		}
		footer .boxb .wrpa ul + ul {
		margin-left: 0px;
		margin-top: 48px;
		}
		footer .boxb .wrpa ul ul {
		margin-left: 16px;
		}
		footer .boxb .wrpa ul ul li {
		font-size: 16px;
		}
		footer .boxb a.btn_link {
		font-size: 16px;
		margin-top: 48px;
		}
		footer .boxb .wrpa > ul:last-child li:last-child {
		font-size: 16px;
		margin-top: 8px;
		}
		footer .boxb .wrpb {
		margin-top: 48px;
		}
		footer .boxb .wrpb p {
		font-size: 16px;
		}
		/*smp end*/}


/* 下カラム */
footer .boxc {
border-top: solid 1px var(--color-ter);
}

footer .boxc .wrpa {
width: var(--width-max);
margin: 0 auto;
padding: 56px 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
footer .boxc .wrpa .insa,
footer .boxc .wrpa .insb {
width: 364px;
}

footer .boxc .wrpa .insa {
padding-right: 64px;
border-right: solid 1px  var(--color-ter);
}
footer .boxc .wrpa .insb {
padding-left: 88px;
position: relative;
top: -8px;
}
footer .boxc .wrpa .insb p {
font-size: 19px;
}
footer .boxc .wrpa .insb p + p {
margin-top: 0px;
}

		@media screen and (max-width:733px) {
		footer .boxc .wrpa {
		width: auto;
		padding: 40px 24px;
		display: block;
		}
		footer .boxc .wrpa .insa,
		footer .boxc .wrpa .insb {
		width: auto;
		}
		footer .boxc .wrpa .insa {
		padding-right: 0;
		border-right: none;
		}
		footer .boxc .wrpa .insa {
		width: 208px;
		margin: 0 auto;
		}
		footer .boxc .wrpa .insb {
		padding-left: 0px;
		border-top: solid 1px var(--color-ter);
		margin-top: 24px;
		padding-top: 24px;
		top: 0px;
		}
		footer .boxc .wrpa .insb p {
		width: 270px;
		margin: 0 auto;
		font-size: 16px;
		}
		footer .boxc .wrpa .insb p + p {
		margin-top: 0px;
		}
		/*smp end*/}

/* コピーライト */
footer .boxd {
background: var(--color-ter);
text-align: center;
font-size: 16px;
padding: 16px 0px;
}
		@media screen and (max-width:733px) {
		footer .boxd {
		font-size: 14px;
		padding: 16px 0px 24px;
		}
		/*smp end*/}