@charset "UTF-8";



/*見出し
ーーーーーーーーーーーーーーーーーーーーーーーー*/

h1,h2,h3,h4,h5,h6 {
color: var(--color-sec);
font-weight: 500;
}

/* 56px・六角形 */
.ttl_a {
font-size: 56px;
letter-spacing: 4px;
margin-top: 80px;
}
.ttl_a::before {
content: "";
width: 49px;
height: 55px;
display: inline-block;
background: url(/cms/gakunin/img/base/ttl_hexagon.svg)no-repeat center center / cover;
margin-right: 16px;
position: relative;
top: 8px;
left: 0px;
}

		@media screen and (max-width:733px) {
		.ttl_a {
		font-size: 19px;
		letter-spacing: 0px;
		margin-top: 40px;
		}
		.ttl_a::before {
		width: 29px;
		height: 33px;
		margin-right: 12px;
		position: relative;
		top: 6px;
		}
		/*smp end*/}



/* 50px・なし */
.ttl_b {
font-size: 40px;
font-weight: 600;
margin-top: 60px;
margin-bottom: 40px;
}
		@media screen and (max-width:733px) {
		.ttl_b {
		font-size: 50px;
		margin-top: 24px;
		margin-bottom: 24px;
		line-height: 1.2;
		}
		/*smp end*/}


/* 32px・六角形 */

.ttl_c {
font-size: 32px;
margin-top: 96px;
margin-bottom: 24px;
margin-left: 1.78em;
text-indent: -1.78em;
}
.ttl_b + .ttl_c {
margin-top: 40px;
}
.ttl_c::before {
content: "";
display: inline-block;
width: 40px;
height: 46px;
background: url(/cms/gakunin/img/base/ttl_hexagon.svg)no-repeat center center / cover;
position: relative;
bottom: -11px;
margin-right: 16px;
}
		@media screen and (max-width:733px) {
		.ttl_c {
		font-size: 24px;
		margin-top: 80px;
		margin-left: 1.5em;
		text-indent: -1.5em;
		}
		.ttl_c::before {
		width: 27px;
		height: 31px;
		bottom: -8px;
		margin-right: 8px;
		}
		/*smp end*/}


/* 24px・なし */

.ttl_d {
font-size: 24px;
margin-top: 40px;
margin-bottom: 24px;
}
		@media screen and (max-width:733px) {
		.ttl_d {
		font-size: 20px;
		margin-top: 24px;
		margin-bottom: 16px;
		}
		/*smp end*/}




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

/*フォント配列*/

.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

/*PCのみ配列*/
@media screen and (min-width:744px) {
.text_right_pc {text-align: right;}
.text_left_pc {text-align: left;}
.text_center_pc {text-align: center;}
/*pc end*/}


		/*スマホのみ配列*/
		@media screen and (max-width:733px) {
		.text_right_smp {text-align: right;}
		.text_left_smp {text-align: left;}
		.text_center_smp {text-align: center;}
		/*smp end*/}



/*ボタン風テキストリンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/

p.btn_link {
text-align: center;
}
a.btn_link,
p.btn_link a {
display: inline-block;
border: solid 1px var(--color-sec);
border-radius: 100px;
padding: 12px 24px;
transition: background 0.3s ease;
background: #fff;
text-decoration: none;
color: var(--color-sec);
min-width: 250px;
box-sizing: border-box;
}
a.btn_link.small,
p.btn_link.small a {
padding: 3px 16px 5px;
}

a.btn_link:hover,
p.btn_link a:hover {
background: var(--color-hover);
}

		@media screen and (max-width:733px) {
		a.btn_link,
		p.btn_link a {
		padding: 8px 12px;
		min-width: 80%;
		}
		/*smp end*/}


/* ボタン風アローマーク
ーーーーーーーーーーーーーーーーーーーーーーーー */
p.btn_arrow {
text-align: center;
}
a.btn_arrow,
p.btn_arrow a,
a p.btn_arrow {
display: inline-block;
width: 72px;
height: 36px;
border: solid 1px var(--color-sec);
border-radius: 100px;
transition: background 0.3s ease;
background: #fff;
text-indent: -9999px;
position: relative;
line-height: 0;
text-decoration: none;
color: var(--color-sec);
}

a.btn_arrow::before,
p.btn_arrow a::before,
a p.btn_arrow::before {
content: "";
display: inline-block;
width: 16px;
height: 10px;
background-image: url(/cms/gakunin/img/base/arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 8px);
}
a.btn_arrow:hover,
p.btn_arrow a:hover,
a:hover p.btn_arrow {
background: var(--color-hover);
}
		@media screen and (max-width:733px) {
		a.btn_arrow,
		p.btn_arrow a,
		a p.btn_arrow {
		width: 48px;
		height: 24px;
		}
		a.btn_arrow::before,
		p.btn_arrow a::before,
		a p.btn_arrow::before {
		width: 10px;
		height: 6px;
		position: absolute;
		top: calc(50% - 3px);
		left: calc(50% - 6px);
		}
		/*smp end*/}


/* ボタンアロー小 */
a.btn_arrow.small,
p.btn_arrow.small a,
a p.btn_arrow.small {
width: 46px;
height: 28px;
}
		@media screen and (max-width:733px) {
		a.btn_arrow.small,
		p.btn_arrow.small a,
		a p.btn_arrow.small {
		width: 48px;
		height: 21px;
		}
		a.btn_arrow::before,
		p.btn_arrow a::before {
		top: calc(50% - 3px);
		}
		/*smp end*/}


/* ダウンロードボタン
ーーーーーーーーーーーーーーーーーーーーーーーー */

p.btn_download {
text-align: center;
}

.btn_download a,
a.btn_download {
display: inline-block;
border-radius: 100px;
transition: background 0.3s ease;
padding: 10px 24px 12px 32px;
background: var(--color-pri);
text-decoration: none;
color: var(--color-sec);
}
.btn_download a:hover,
a.btn_download:hover {
background: var(--color-hover);
}
.btn_download a::before,
a.btn_download::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background: url(/cms/gakunin/img/base/icon_download.svg) no-repeat center center / cover;
margin-right: 8px;
position: relative;
top: -4px;
}

		@media screen and (max-width:733px) {
		.btn_download a,
		a.btn_download {
		font-size: 16px;
		}
		.btn_download a::before,
		a.btn_download::before {
		top: -2px;
		}
		/*smp end*/}




/* タグ（形状のみ・カラバリと文字サイズはlayout.cssに記載）
ーーーーーーーーーーーーーーーーーーーーーーーー */

/* タグ共通 */
.tag_small,
.tag_large {
display: flex;
flex-wrap: wrap;
line-height:1;
display: inline-block;
}
.tag_small li,
.tag_large li {
line-height:1;
display: inline-block;
}

/* タグ小 */
.tag_small li {
padding: 3px 8px 5px;
border-radius: 100px;
}

/* タグ大 */
.tag_large li {
padding: 8px 14px;
border-radius: 8px;
}




/*リスト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*リスト ディスク*/
ul.list_disc li {
list-style:disc;
margin-left:1.8em;
}



/*リスト インデント(中黒や※に使用)*/
.list_indent,
ul.list_indent li {
text-indent:-1em;
margin-left:1em;
}
ul.list_indent {
text-indent:0em;
margin-left:0em;
}





/*表示切り替え
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.display_pc {display:block;}
.display_smp {display:none;}
img.display_pc {display:inline-block;}
img.display_smp {display:none;}

		@media screen and (max-width:733px) {
		.display_pc {display:none;}
		.display_smp {display:block;}
		img.display_pc {display:none;}
		img.display_smp {display:inline-block;}
		/*smp end*/}



/* ボーダー
ーーーーーーーーーーーーーーーーーーーーーーーー */

.sec_border {
border-top: solid 1px var(--color-border-light);
margin-top: 88px;
padding-top: 88px;
}
.sec_border > .ttl_a {
margin-top: 0px;
}

		@media screen and (max-width:733px) {
		.sec_border {
		margin-top: 40px;
		padding-top: 40px;
		}
		.sec_border > .ttl_a {
		margin-top: 0px;
		}
		/*smp end*/}





/* ワイド
ーーーーーーーーーーーーーーーーーーーーーーーー */

.contents_width {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.contents_width_max {
width: var(--width-max);
margin-right: auto;
margin-left: auto;
}

		@media screen and (max-width:733px) {
		.contents_width,
		.contents_width_max {
		width: auto;
		margin-right: 20px;
		margin-left: 20px;
		}
		/*smp end*/}



/* 背景
ーーーーーーーーーーーーーーーーーーーーーーーー */

/* 基本設定 */
.bg_hexagon {
background-repeat: no-repeat;
}

/* 六角形2つ */
.bg_hexagon.two {
background-image: url(/cms/gakunin/img/base/bg_hexagon_two.png);
}
/* 六角形3つ */
.bg_hexagon.three {
background-image: url(/cms/gakunin/img/base/bg_hexagon_three.png);
}



/* 配置 */

.bg_hexagon.h100 {
background-position: center 100px;
}
.bg_hexagon.h200 {
background-position: center 200px;
}
.bg_hexagon.h300 {
background-position: center 300px;
}
.bg_hexagon.h400 {
background-position: center 400px;
}
.bg_hexagon.h500 {
background-position: center 500px;
}
.bg_hexagon.h600 {
background-position: center 600px;
}
.bg_hexagon.h700 {
background-position: center 700px;
}
.bg_hexagon.h800 {
background-position: center 800px;
}
.bg_hexagon.h900 {
background-position: center 900px;
}
.bg_hexagon.h1000 {
background-position: center 1000px;
}
.bg_hexagon.h1500 {
background-position: center 1500px;
}
.bg_hexagon.h2000 {
background-position: center 2000px;
}
.bg_hexagon.h2500 {
background-position: center 2500px;
}
.bg_hexagon.h3000 {
background-position: center 3000px;
}
.bg_hexagon.h3500 {
background-position: center 3500px;
}


		@media screen and (max-width:733px) {
		.bg_hexagon {
		background: none !important;
		}
		/*smp end*/}






/* スペース調整
ーーーーーーーーーーーーーーーーーーーーーーーー */

.mt0 {margin-top: 0px !important;}
.mt8 {margin-top: 8px !important;}
.mt16 {margin-top: 16px !important;}
.mt24 {margin-top: 24px !important;}
.mt32 {margin-top: 32px !important;}