@charset "UTF-8";
/* working.css */


/* MV ======================== */
/* ----- header ----- */
.header_wrap {
	background-color: rgba(255, 255, 255,.95) !important;
}
@media screen and (min-width:1024px) {
	/* 通常時 */
	.navul_pc .hover_area:hover ~ .act_wrap,
	.navul_pc li > a:hover ~ .hover_area ~ .act_wrap,
	.navul_pc .has-children a:hover ~ .act_wrap,
	.navul_pc .has-children .act_wrap:hover {
		margin-top: 54px;
	}
	/* スクロール時 */
	.header_scroll .navul_pc .hover_area:hover ~ .act_wrap,
	.header_scroll .navul_pc li > a:hover ~ .hover_area ~ .act_wrap,
	.header_scroll .navul_pc .has-children a:hover ~ .act_wrap,
	.header_scroll .navul_pc .has-children .act_wrap:hover {
		margin-top: 34px;
	}
}

/* ----- mv ----- */
.working_mv {
	width: 100%;
	background-image: url(../../img/working/w_mv_pc.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.wmv_cont {
	padding: 110px 0;
	padding: max(60px,5.779vw) 0;
	color: #fff;
}
.wmv_cont h1 {
	font-size: 60px;
	font-size: max(45px,3.125vw);
	line-height: 1;
	font-weight: bold;
	text-align: center;
	margin-bottom: .5em;
}
.wmv_cont p  {
	font-size: 18px;
	font-size: max(14px,0.938vw);
	font-weight: normal;
	line-height: 2;
	letter-spacing: .15em;
	text-align: center;
}


@media screen and (max-width:1023px) {
	#mv_wrap.working_mv {
		padding-top: 80px;
	}
}
@media screen and (max-width:768px) {
	.working_mv {
		background-image: url(../../img/working/w_mv_sp.jpg);
	}
	.wmv_cont {
		padding: 40px 0;
	}
	.wmv_cont h1 {
		font-size: 25px;
		font-size: clamp(20px,6.667vw,25px);
	}
	.wmv_cont p  {
		font-size: 12px;
		font-size: clamp(10px,3.2vw,12px);
		letter-spacing: .05em;
	}
}





/* common ==================== */
br.add_blk {
	display: none;
}
#sec_working ul,
#sec_working li,
#sec_working dl,
#sec_working dd,
#sec_working dt,
#sec_working a,
#sec_working p {
	font-size: 1em;
}

#sec_working {
	font-size: 16px;
	font-size: clamp(10px,1.3vw,16px);
}
#sec_working section {
	padding-right: clamp(90px,10vw,100px);
}
#sec_working section .bg_wrap {
	padding-right: 40px;
	padding-right: clamp(20px,3vw,40px);
}

/* ページリンク */
.working_block {
	margin-top: -100px !important;
	padding-top: 100px !important;
}
@media screen and (max-width:1023px) {
	.working_block {
		margin-top:  calc( clamp(60px,16vw,80px)*-1 ) !important;
		padding-top: clamp(60px,16vw,80px) !important;
	}
}



/* 目次 ==================== */
#sec_working .working_side_nav {
	height: 100%;
	min-height: 525px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:   0;
	right: 0;
	z-index: 100;
	padding-top: 140px;
}
#sec_working .working_side_nav {
	transition: opacity .3s;
}
#sec_working .working_side_nav.is_hide {
	opacity: 0;
	pointer-events: none;
}
#sec_working .working_side_nav li {
	width: 10vw;
	max-width: 100px;
	min-width:  90px;
}


@media screen and (max-width:1023px) {
	#sec_working .working_side_nav {
		min-height: 460px;
		padding-top: clamp(60px,16vw,80px);
	}
}
@media screen and (max-width:768px) {
	#sec_working .working_side_nav {
		display: none;
	}
}

#sec_working .working_side_nav ul {
	margin:  0;
	padding: 0;
	list-style: none;
}
#sec_working .working_side_nav li + li {
	margin-top: 10px;
}
#sec_working .working_side_nav a {
	min-height: 4.2em;
	font-size: 14px;
	font-size: clamp(10px,1.2vw,12px);
	line-height: 1.2;
	letter-spacing: .02em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 1em;
	color: #1f5ba3;
	background: #fff;
	border: 2px solid #1f5ba3;
	border-right: none;
	transition: color .3s, background-color .3s;
	text-align: center;
}
#sec_working .working_side_nav a:hover {
	background-color: #eff7fd;
}
#sec_working .working_side_nav a.is_current {
	color: #fff !important;
	background-color: #2458b8 !important;
	border-color: #2458b8;
}


/* 北大の魅力 ==================== */
.sec_charm {
	background-color: #fff;
}

/* ----- 説明文と写真 ----- */
.working_block .heading_flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.working_block .heading_flex .cont_wrap {
	width: 55%;
}
.working_block .heading_flex .img_wrap  {
	width: 42%;
	align-self: center;
}
#sec_working .heading_flex .small {
	font-size: 20px;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .5em;
}
.heading_flex h2 {
	font-size: 36px;
	font-size: 2.25em;
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 1.3;
	margin-bottom: .5em;
	color:  #1f5ba3;
}
.heading_flex h2 small {
	font-size: 28px;
	font-size: 0.788em;
}

@media screen and (min-width:1150px) {
	.working_block .heading_flex .cont_wrap .add_blk {
		display: block;
	}
}


/* ----- アコーディオンメニュー ----- */
.working_accordion {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.working_accordion > li {
	width: calc(100%/2 - 3%/2);
	font-size: 1em;
	margin-top: 0 !important;
	border: 3px solid #1f5ba3;
}
.working_accordion > li:nth-of-type(n+3)  {
	margin-top: 3% !important;	
}
.working_accordion > li:nth-of-type(2n+1) {
	margin-right: 3%;
}
.working_accordion h3 {
	width: 100%;
	min-height: 4.1em;
	font-size: 20px;
	font-size: 1.15em;
	font-feature-settings: "palt";
	line-height: 1.3;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #1f5ba3;
	padding: .75em 1em;
}
.working_accordion h3 .maru {
	content: "";
	width:  1em;
	height: 1em;
	min-width:  1em;
	min-height: 1em;
	font-size: 60px;
	font-size: 2.727em;
	display: block;
	margin-right: .25em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.working_accordion h3 .maru.kosodate    { background-image:url(../../img/working/work_icon01.svg); }
.working_accordion h3 .maru.access_good { background-image:url(../../img/working/work_icon02.svg); }
.working_accordion h3 .maru.tayousei    { background-image:url(../../img/working/work_icon03.svg); }
.working_accordion h3 .maru.ibunya      { background-image:url(../../img/working/work_icon04.svg); }
.working_accordion h3 .woman            { background-image:url(../../img/working/work_icon05.svg); }


.working_head p,
.working_cont,
.accordion_blue_box {
	padding: 30px;
	padding: clamp(10px,1.5vw,20px);
}
#sec_working .working_head p {
	/* font-size: 1.125em; */
	text-align: justify;
	line-height: 1.5;
}
/* 下線を加える */
.working_head p .border {
	color: #1f5ba3;
	padding-bottom: .1em;
	background-image: linear-gradient(transparent calc(100% - 1.5px),#1f5ba3 calc(100% - 1.5px));
	background-repeat: no-repeat;
}

/* --- 詳細を見る --- */
.uk-accordion-title {
	width: 100%;
	font-size: 18px;
	font-size: 1.125em;
	font-weight: normal;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	color: #000 !important;
	padding: .75em;
	border-top: 1px solid #1f5ba3;
}
.uk-accordion-title .title_more  { display:block; }
.uk-accordion-title .title_close { display:none;  }
.uk-open .uk-accordion-title .title_more  { display:none;  }
.uk-open .uk-accordion-title .title_close { display:block; }


.uk-accordion-title::before {
	content: none !important;
}
.uk-accordion-title:after {
	content: "";
	width:  1em;
	height: 1em;
	min-width:  1em;
	min-height: 1em;
	display: block;
	margin-left: 1em;
	background-image: url(../../img/working/accord_plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.uk-open .uk-accordion-title:after {
	background-image: url(../../img/working/accord_minus.svg);
}
/* --- 詳細 中身 --- */
.uk-accordion-content {
	margin-top: 0 !important;
}
.working_cont {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 0 !important;
}
.working_cont .img_wrap {
	width: 35%;
	display: block;
	margin-right: 1.5em;
}
.working_cont .img_wrap img + img {
	margin-top: 1em;
}
.working_cont .cont_wrap {
	width: 60%;
}
.working_cont .cont_wrap p {
	font-size: 0.875em !important;
	font-feature-settings: "palt";
	line-height: 1.8;
	text-align: justify;
	word-break: break-all;
}

/* --- 詳細 青背景 --- */
.accordion_blue_box {
	background-color: #eff7fd;
}
/* 白ボックス */
.white_mini_box {
	padding: 30px 0;
	padding: clamp(10px,1.5vw,20px) 0;
	background-color: #fff;
}
.white_mini_box + .white_mini_box {
	margin-top: 15px;
}

.white_mini_box h4 {
	width: fit-content;
	font-size: 20px;
	font-size: 1.1em !important;
	font-feature-settings: "palt";
	line-height: 1.3;
	margin-bottom: 1em;
	padding: .35em .75em;
	color: #fff;
	background-color: #1f5ba3;
}
.white_mini_box > ul {
	padding: 0 clamp(20px,2vw,30px);
}
.white_mini_box > ul > li + li {
	margin-top: 1em;
}
.white_mini_box > ul > li > p,
.white_mini_box > ul > li > a {
	font-size: 1em !important;
	font-feature-settings: "palt";
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	line-height: 1.5;
	margin-bottom: .75em;
}
.white_mini_box > ul > li > a span {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding-bottom: .4em;
	/* 破線 */
	background-image: radial-gradient(circle, #000 1px, transparent 1px);
	background-size: 4px 2px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.white_mini_box > ul > li > a span:after {
	content: "";
	width:  1.5em;
	height: 1em;
	min-width:  1.5em;
	min-height: 1em;
	display: inline-block;
	align-self: flex-end;
	background-image: url(../../img/working/icon_blank.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-top:    .15em;
	margin-left:   auto;
	margin-bottom: .35em;
	padding-left:  .5em;
	transform: translateY(.1em);
}

.white_mini_box > ul > li > p:before,
.white_mini_box > ul > li > a:before {
	content: "";
	width:  1em;
	height: 1em;
	min-width:  1em;
	min-height: 1em;
	display: block;
	border-radius: 50px;
	margin-top:  .25em;
	margin-right: .5em;
	border: 3px solid #699bc7;
}
/* ulの中にulがいる */
.white_mini_box ul ul {
	font-size: 1.125em;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-left: 1.5em;
	margin-bottom: .75em;
}
.white_mini_box ul ul li {
	margin-right: 1em;
}
.white_mini_box ul ul li:last-of-type {
	margin-right: 0;
}
.white_mini_box ul ul a {
	font-size: 14px;
	font-size: 0.75em !important;
	line-height: 1.3;
	font-feature-settings: "palt";
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom:  .75em;
	padding-bottom: .5em;
	/* 破線 */
	background-image: radial-gradient(circle, #000 1px, transparent 1px);
	background-size: 4px 2px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.white_mini_box ul ul a:before {
	content: "";
	width:  .65em;
	height: .65em;
	min-width:  .65em;
	min-height: .65em;
	display: block;
	margin-top:   .35em;
	margin-right: .35em;
	border-radius: 50px;
	background-color: #1f5ba3;
}
.white_mini_box ul ul a:after {
	content: "";
	width:  1.1em;
	height: 1.1em;
	display: block;
	background-image: url(../../img/working/icon_blank.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: .5em;
}
.white_mini_box .pdf span:before {
	content: "";
	width:  1.25em;
	height: 1.25em;
	display: inline-block;
	background-image: url(../../img/working/accord_pdf.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(.15em);
	margin-right: .25em;
}


/* 北大の研究者の声 ==================== */
.sec_voice {
	background-color: #eff7fd;
}
/* 星つき 見出し */
.head_star {
	font-size: 32px;
	font-size: 2em;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .75em;
	color: #1f5ba3;
}
.head_star:before,
.head_star:after   {
	content: "";
	width:  1em;
	height: 1em;
	min-width:  1em;
	min-height: 1em;
	display: block;
	background-image: url(../../img/working/head_star.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.head_star:before {
	margin-right: .75em;
}
.head_star:after  {
	margin-left:  .75em;
}
.head_star + p {
	text-align: center;
}

/* ----- 研究者の声 card ----- */
.voice_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.voice_flex .card {
	width: calc(100%/2 - 1%/2);
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
/* 画像 */
.voice_flex .img_wrap {
	width: 28%;
	position: relative;
	transform: translateX( calc( clamp(15px,2vw,25px)*1.3 ) );
	z-index: 2;
}
.voice_flex .img_wrap img {
	height: 100%;
	object-fit: contain;
	object-position: left bottom;
}
/* 文章 */
.voice_flex .cont_wrap {
	width: 68%;
	position: relative;
	padding: clamp(15px,2vw,25px) clamp(15px,2vw,30px);
	padding-left: 10px;
	background-color: #fff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.voice_flex .cont_wrap:before {
	content: "";
	width: calc( clamp(15px,2vw,25px) );
	height: 100%;
	display: block;
	position: absolute;
	top:  0;
	left: calc( clamp(15px,2vw,25px)*-1 + 1px );
	z-index: 0;
	background-color: #fff;
	border-top-left-radius:    10px;
	border-bottom-left-radius: 10px;
}

.voice_flex .card .cont_wrap h3 {
	font-size: 16px;
	font-size: 1em;
	font-feature-settings: "palt";
	text-align: justify;
	line-height: 1.5;
	margin-bottom: .75em;
	color: #1f5ba3;
}
.voice_flex .card .cont_wrap p {
	font-size: 14px;
	font-size: 0.875em !important;
	text-align: justify;
}

/* ----- ボタン 詳細 ----- */
.btn_pdf {
	width: 100%;
}
.btn_pdf a {
	width: fit-content;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.3;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-left:  auto;
	margin-right: auto;
	padding: 1em 1.5em;
	color: #fff;
	background-color: #1f5ba3;
	transition: opacity .3s;
	opacity: 1;
}
.btn_pdf a:hover  {
	opacity: .7;
}
.btn_pdf a:before {
	content: "";
	width:  2em;
	height: 2.3em;
	min-width:  2em;
	min-height: 2.3em;
	display: block;
	background-image:  url(../../img/working/btn_pdf.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 1em;
}


/* バナーエリア ==================== */
.add_width {
	width: 90%;
	max-width: 900px;
	display: block;
	margin-left:  auto;
	margin-right: auto;
}
.sec_bnr {
	background-color: #fff;
}
.sec_bnr p {
	font-size: 14px;
	font-size: 0.875em;
	text-align: center;
	letter-spacing: .1em;
	margin-bottom: 1em;
}
.sec_bnr a {
	opacity: 1;
	transition: opacity .3s;
}
.sec_bnr a:hover {
	opacity: .7;
}


/* 北海道・札幌の魅力 ==================== */
.sec_pr {
	background-color: #ededed;
}
.sec_pr h3 {
	font-size: 18px;
	font-size: 1.125em;
	font-feature-settings: "palt";
	font-weight: normal;
	margin-bottom: 1em;
}
.sec_pr h3 strong {
	font-size: 22px;
	font-size: 1.222em;
	background: none !important;
}
/* --- アコーディオンメニュー --- */
.pr_accordion li {
	background-color: #fff;
}
.pr_head {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.pr_head .head_img {
	width: 45%;
}
.pr_head .head_img img {
	width:  100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.pr_head .head_cont {
	width: 55%;
	padding: 30px;
	padding: clamp(10px,2.5vw,25px) clamp(15px,2vw,25px) clamp(15px,2vw,25px) clamp(20px,3vw,30px);
}
.pr_head h4 {
	font-size: 20px;
	font-size: 1.25em !important;
	color: #1f5ba3;
	margin-bottom: .5em;
}
/* 本文コンテンツ */
.pr_accordion .uk-accordion-content {
	padding: 30px;
	padding: clamp(15px,2vw,25px);
}
.pr_accordion .accordion_blue_box + .accordion_blue_box {
	margin-top: 30px;
	margin-top: clamp(15px,2vw,25px);
}

/* ----- "住みやすさ" ランキング上位 ----- */
/* 見出し */
.pr_accordion .head_mini_flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 30px;
	margin-bottom: clamp(10px,1.5vw,25px);
}
.pr_accordion h5 {
	font-size: 20px;
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
}
.pr_accordion h5.head_icon {
	min-width: fit-content;
	line-height: 1.3;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-right: 1.5em;
}
.pr_accordion h5.head_icon:before {
	content: "";
	width:  1.1em;
	height: 1.1em;
	min-width:  1.1em;
	min-height: 1.1em;
	display: block;
	margin-top: .1em;
	margin-right: .5em;
	background-image: url(../../img/working/icon_house.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pr_accordion h5.head_train:before {
	background-image: url(../../img/working/icon_train.svg);
}
/* 道外からもアクセスしやすい */
.access_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.access_left  {
	width: 77%;
	margin-right: min(2vw,30px);
}
.access_right {
	width: 21%;
	min-width: 100px;
	align-self: flex-end;
}


/* ----- 地図とグラフ wrap ----- */
.cont_mini_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.cont_mini_flex .map_wrap {
	width: 30%;
}
.cont_mini_flex .img_wrap {
	width: 65%;
}

/* ----- その他にもこのような魅力があります！（画像） ----- */
.pr_others {
	width: 85%;
	max-width: 1000px;
	margin-top: 30px;
	margin-top: clamp(10px,2.5vw,25px);
	margin-left:  auto;
	margin-right: auto;
}
.pr_accordion > li + li {
	margin-top: 40px !important;
}

/* ----- 多彩な文化施設 ----- */
.culture_wrap h5 {
	font-size: 18px;
	font-size: 1.125em;
	text-align: center;
	margin-top: .5em;
	margin-bottom: 1.5em;
}
/* flex content */
.place_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.place_list li {
	width: calc(100%/4 - 2%/1.33);
	margin-right: 2%;
}
.place_list li p {
	font-size: .875em !important;
	font-feature-settings: "palt";
	letter-spacing: .05em;
	text-align: center;
	margin-top: .5em;
}
.place_list li:nth-of-type(4n) {
	margin-right: 0;
}
.place_list li:nth-of-type(n+5) {
	margin-top: 2%;
}


/* こんな不安を抱えている方へ & さっぽろなら安心して生活できます ==================== */
/* -----  こんな不安を抱えている方へ ----- */
.sec_onayami {
	background-color: #fff;
}
.onayami_wrap h2 {
	font-size: 22px;
	font-size: 1.375em;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1em;
}
.onayami_flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#sec_working .onayami_flex li {
	font-size: clamp(8px,1.1vw,16px);
	line-height: 1.3;
	display: inline-block;
	text-align: center;
	margin-left:  .5em;
	margin-right: .5em;
	padding: 1.5em 1.25em;
	border-radius: 100px;
	background-color: #f1f1f1;
	margin-bottom: 1em;
}
#sec_working .onayami_flex li:first-of-type {
	margin-left: 0;
}
#sec_working .onayami_flex li:last-of-type {
	margin-right: 0;
}


/* -----  札幌なら安心して生活できます！ ----- */
.sec_annsin {
	position: relative;
	background-color: #eff7fd;
}
.sec_annsin .bg_wrap:before {
	content: "";
	width:  7vw;
	height: 3.5vw;
	max-width:  70px;
	max-height: 35px;
	display: block;
	background-image: url(../../img/working/annsin_sankaku.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 auto calc( min(3.5vw,35px)/-2);
	transform: translateY( calc( min(3.5vw,35px)/-2 ) );
}
.sec_annsin .wrap {
	padding-top: calc( clamp(40px,6.502vw,80px) - min(3.5vw,35px)/2 );
}
.annsin_wrap h2 {
	font-size: 22px;
	font-size: 1.375em;
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 1.3;
	text-align: center;
	margin-bottom: 1em;
	color: #1f5ba3;
}
.annsin_flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.annsin_flex li {
	width: calc(100%/3 - 2%/1.5);
	margin-right: 2%;
	padding: 20px;
	padding: clamp(15px,2vw,20px);
	background-color: #fff;
}
.annsin_flex li:last-of-type {
	margin-right: 0;
}
.annsin_flex .two_column {
	width: calc(100%/2 - 2%/2);
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 2%;
}
.annsin_flex .two_column .cont_wrap {
	width: 68%;
}
.annsin_flex .two_column .img_wrap {
	width: 27%;
	align-self: center;
}
.annsin_flex h3,
.annsin_flex p {
	text-align: left;
}
/* 配偶者も働きやすい環境 */
.two_column.add_img_width .cont_wrap {
	width: 70%;
}
.two_column.add_img_width .img_wrap  {
	width: 25%;
}
.annsin_flex li.two_column + .two_column {
	margin-right: 0;
}
.annsin_flex h3 {
	font-size: 18px;
	font-size: 1.125em;
	line-height: 1.3;
	letter-spacing: .05em;
	margin-bottom: .75em;
	color: #1f5ba3;
}
.annsin_flex h3 small {
	font-size: .8em;
}
.annsin_flex p {
	font-size: 14px;
	font-size: .875em !important;
	text-align: justify;
	word-break: break-all;
}
/* 待機児童8年連続ゼロ！ */
.add_bg_img:after {
	content: "";
	width:  35%;
	min-width: 110px;
	height: 60px;
	display: block;
	background-image: url(../../img/working/annsin_illust03_pc.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	margin-left:  auto;
	margin-right: 0;
}





@media screen and (max-width:869px) {
	/* -----  こんな不安を抱えている方へ----- */
	#sec_working .onayami_flex {
		margin-left:  auto;
		margin-right: auto;
	}
	#sec_working .onayami_flex li {
		font-size: clamp(8px,1vw,16px);
	}
}





@media screen and (max-width:768px) {
	/* common ==================== */
	#sec_working section .bg_wrap {
		padding-right: clamp(20px,5.333vw,50px);
	}
	#sec_working section {
		padding-right: 0;
	}
	.bg_wrap,
	.bg_wrap-PadNone {
		padding-top:    50px;
		padding-bottom: 50px;
	}
	#sec_working {
		font-size: 14px;
	}

	/* 目次 ==================== */
	.working_sp_nav {
		width: 100%;
		background-color: #fff;
	}
	.working_nav_flex {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
	}
	.working_sp_nav li {
		width: calc(100%/2 - 4%/2);
		margin-right: 4%;
	}
	.working_sp_nav li:nth-of-type(even) {
		margin-right: 0;
	}
	.working_sp_nav li:nth-of-type(n+3) {
		margin-top: 3%;
	}
	.working_sp_nav .bg_wrap {
		padding-top: 30px
	}
	.working_sp_nav a {
		width: 100%;
		font-size: 13px !important;
		font-size: min(3.467vw,13px) !important;
		font-weight: bold;
		text-align: center;
		line-height: 1.3;
		display: inline-block;
		padding: .75em;
		color: #1f5ba3;
		background-color: #fff;
		border: 2px solid #1f5ba3;
		/* transition: background-color .3s; */
	}
	.working_sp_nav a:hover {
		/* background-color: #eff7fd; */
	}
	.working_sp_nav a.color_change {
		color: #fff !important;
		background-color: #1f5ba3 !important;
	}


	/* 北大の魅力 ==================== */
	.sec_charm .bg_wrap {
		padding-top: 40px;
	}
	/* ----- 説明文と写真 ----- */
	.working_block .heading_flex {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.working_block .heading_flex .cont_wrap,
	.working_block .heading_flex .img_wrap {
		width: 100%;
	}
	.working_block .heading_flex .cont_wrap {
		margin-bottom: 25px;
	}

	#sec_working .heading_flex .small {
		font-size: 15px;
	}
	.heading_flex h2 {
		font-size: 24px;
	}
	#sec_working .heading_flex h2 + p {
		font-size: 1em;
		font-feature-settings: "palt";
	}
	.working_head p,
	.working_cont,
	.accordion_blue_box {
		padding: 20px;	
	}
	.working_cont {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.working_cont .img_wrap,
	.working_cont .cont_wrap {
		width: 100%;
		margin-right: 0;
	}
	.working_cont .img_wrap {
		margin-top:    10px;
		margin-bottom: 20px;
	}
	.working_cont .img_wrap img {
		margin-top: 0 !important;
	}
	.working_head p,
	.working_cont .cont_wrap p {
		line-height: 1.7;
	}
	.working_cont .cont_wrap p {
		font-size: 14px !important;
	}


	/* ----- アコーディオンメニュー ----- */
	.uk-accordion-title {
		padding: .85em;
	}
	.working_accordion > li {
		width: 100%;
		margin-right: 0 !important;
	}
	#sec_working .working_accordion > li + li {
		margin-top: 30px !important;
	}
	.working_accordion h3 {
		font-size: 15px;
		text-align: center;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding: 0 .5em 1em;
	}
	.working_accordion h3 .maru {
		content: "";
		width:  50px;
		height: 50px;
		min-width:  50px;
		min-height: 50px;
		font-size: 1em;
		margin-top: -15px;
		margin-right: 0;
		margin-bottom: .25em;
	}
	.working_accordion h3 .maru.kosodate    { background-image:url(../../img/working/work_icon01_sp.svg); }
	.working_accordion h3 .maru.access_good { background-image:url(../../img/working/work_icon02_sp.svg); }
	.working_accordion h3 .maru.tayousei    { background-image:url(../../img/working/work_icon03_sp.svg); }
	.working_accordion h3 .maru.ibunya      { background-image:url(../../img/working/work_icon04_sp.svg); }
	.working_accordion h3 .maru.woman       { background-image:url(../../img/working/work_icon05_sp.svg); }

	/* コンテンツ中身 */
	.white_mini_box ul ul {
		margin-left: 0;
	}
	.white_mini_box ul ul li,
	.white_mini_box ul ul a  {
		width: 100%;
	}
	.white_mini_box ul ul li {
		margin-right: 0;
	}
	.white_mini_box ul ul li:last-of-type a {
		margin-bottom: 0;
	}
	.white_mini_box li,
	.white_mini_box ul ul a {
		font-size: 14px !important;
		font-size: min(3.6vw,14px) !important;
	}

	.white_mini_box ul ul a:before {
		width:  .5em;
		height: .5em;
		min-width:  .5em;
		min-height: .5em;
		margin-left: .25em;
	}
	.white_mini_box ul ul a:after,
	.white_mini_box > ul > li > a span:after {
		width:  26px;
		height: 16px;
		min-width:  26px;
		min-height: 16px;
		margin-left: auto;
		padding-left: 10px;
		background-size: 16px;
		background-position: right bottom;
	}
	/* SP aの 破線デザイン変更 */
	.white_mini_box > ul > li > a span {
		background-image: none;
	}
	.white_mini_box > ul > li > a {
		background-image: radial-gradient(circle, #000 1px, transparent 1px);
		background-size: 4px 2px;
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	/* pdf */
	.white_mini_box > ul > li.pdf > a:before {
		content: none;
	}
	.white_mini_box .pdf span:before {
		width:  1.3em;
		height: 1.3em;
		min-width:  1.3em;
		min-height: 1.3em;
		margin-right: .35em;
	}


	/* 北大の研究者の声 ==================== */
	.head_star {
		font-size: 20px;
	}
	/* card */
	.voice_flex {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.voice_flex .card {
		width: 100%;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding: 0;
		background-color: #fff;
		border-radius: 10px;
	}
	.voice_flex .card + .card {
		margin-top: 20px;
	}
	.voice_flex .img_wrap,
	.voice_flex .cont_wrap {
		width: 100%;
	}
	.voice_flex .img_wrap {
		transform: translateX(0);
	}
	.voice_flex .cont_wrap {
		padding: 30px 25px 5px;
		border-radius: 0;
		background-color: transparent;
	}
	.voice_flex .cont_wrap:before {
		content: none;
	}
	.voice_flex .card .cont_wrap h3 {
		font-size: 16px;
	}
	.voice_flex .card .cont_wrap p {
		font-size: 1em;
		font-feature-settings: "palt";
		text-align: justify;
	}
	/* pdfボタン */
	.btn_pdf a {
		width: 100%;
		font-size: 16px;
	}


	/* バナーエリア ==================== */
	.sec_bnr p {
		font-size: 12px !important;
	}
	.add_width {
		width: 100%;
		max-width: 600px;
	}


	/* 北海道・札幌の魅力 ==================== */
	.sec_pr h3 {
		text-align: center;
	}
	.pr_head .head_img,
	.pr_head .head_cont {
		width: 100%;
	}
	.pr_head {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.pr_head .head_cont {
		padding: 20px;
	}
	.pr_head h4 {
		font-size: 17px !important;
		font-feature-settings: "palt";
		text-align: center;
		line-height: 1.5;
	}
	.pr_head p {
		text-align: justify;
	}

	/* ----- 北海道・札幌ってどんなところ？ ----- */
	/* 道外からもアクセスしやすい */
	.access_flex {
		width: 100%;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.access_left,
	.access_right {
		width: 100%;
		margin-right: 0;
	}
	.pr_accordion .head_mini_flex {
		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 0;
	}
	.pr_accordion  li .uk-accordion-content {
		padding-top: 0;
	}
	.pr_accordion h5 {
		font-size: 1em;
	}
	.pr_accordion h5.head_icon {
		min-width: inherit;
		font-size: 15px;
		margin-left:  auto;
		margin-right: auto;
		margin-bottom: .75em;
	}
	.pr_accordion h5.head_icon:before {
		width:  1.5em;
		height: 1.5em;
		min-width:  1.5em;
		min-height: 1.5em;
		margin-top: 0;
		transform: translateY(-.2em);
	}
	/* --- 青背景 --- */
	.pr_accordion .head_mini_flex p {
		width: 100%;
		font-size: 13px !important;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 1.5em;
	}
	.pr_accordion .accordion_blue_box {
		padding-top:    30px;
		padding-bottom: 30px;
	}
	.pr_accordion .accordion_blue_box + .accordion_blue_box {
		margin-top: 30px;
	}
	.white_mini_box {
		padding-top:    20px;
		padding-bottom: 20px;
	}

	/* --- 公共交通機関が充実 --- */
	.cont_mini_flex {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.cont_mini_flex .map_wrap,
	.cont_mini_flex .img_wrap {
		width: 100%;
	}
	.cont_mini_flex .map_wrap {
		margin-bottom: 30px;
	}
	/* --- その他にもこのような魅力があります --- */
	.pr_others {
		width: 90%;
		margin-top: 30px;
		margin-bottom: 10px !important;
	}

	/* ----- 多彩な文化施設 ----- */
	.pr_accordion .uk-accordion-content {
		padding: 20px;
	}
	.pr_accordion .uk-accordion-content.culture_wrap {
		padding: 20px !important;
		padding-top: 10px !important;
	}
	.place_list li {
		width: calc(100%/2 - 3.5%/2);
		margin-top: 0 !important;
		margin-right: 3.5%;
	}
	.place_list li:nth-of-type(even) {
		margin-right: 0 !important;
	}
	.place_list li:nth-of-type(n+3) {
		margin-top: 20px !important;
	}
	.place_list li p {
		font-size: 12px !important;
		font-feature-settings: "palt";
		line-height: 1.3;
	}
	/* こんな不安を抱えている方へ & さっぽろなら安心して生活できます ==================== */
	/* ----- こんな不安を抱えている方へ ----- */
	.sec_onayami .bg_wrap {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.onayami_wrap h2 {
		font-size: 18px;
	}
	#sec_working .onayami_flex {
		font-size: 14px !important;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 2em 1em 2.5em;
		border-radius: 100px;
		background-color: #f2f2f2;
	}
	#sec_working .onayami_flex li {
		width: 100%;
		font-size: 1em !important;
		margin:  0;
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}
	#sec_working .onayami_flex li + li {
		margin-top: .75em;
	}
	/* サンカク削除&場所の移動 */
	.sec_annsin .bg_wrap:before {
		content: none;
	}
	.onayami_wrap:after {
		content: "";
		width:  65px;
		height: 35px;
		display: block;
		margin: -15px auto 0;
		background-image:  url(../../img/working/annsin_sankaku.svg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	/* ----- 札幌なら安心して生活できます！ ----- */
	.annsin_wrap h2 {
		font-size: 18px !important;
		font-feature-settings: "palt";
	}
	/* flex */
	.annsin_flex li {
		width: 100% !important;
		margin-right:  0;
		margin-bottom: 0 !important;
		padding: 20px;
	}
	.annsin_flex li + li {
		margin-top: 20px;
	}
	.annsin_flex h3 {
		font-size: 16px;
		text-align: center;	
	}
	/* 2column */
	.annsin_flex .two_column {
		flex-wrap: wrap;
		flex-direction: column;
		padding-bottom: 20px;
	}
	.annsin_flex .two_column .cont_wrap,
	.annsin_flex .two_column .img_wrap  {
		width: 100%;
	}
	.annsin_flex .two_column .cont_wrap {
		margin-bottom: 15px;
	}
	.annsin_flex .two_column:first-of-type .cont_wrap {
		margin-bottom: 5px;
	}
	/* 待機児童8年連続ゼロ！（札幌市） */
	.add_bg_img {
		padding-bottom: 30px;
	}
	.add_bg_img:after {
		content: none;
	}
	.add_bg_img img {
		margin-top: 15px;
	}

	/* 対tablet ==================== */
	.working_head p,
	.working_cont,
	.accordion_blue_box,
	.pr_head .head_cont,
	.pr_accordion .uk-accordion-content,
	.pr_accordion .uk-accordion-content.culture_wrap,
	.annsin_flex li {
		padding-left:  clamp(20px,5.333vw,40px) !important;
		padding-right: clamp(20px,5.333vw,40px) !important;
	}
	.accordion_blue_box,
	.annsin_flex li {
		padding-top:    clamp(20px,5.333vw,40px);
		padding-bottom: clamp(20px,5.333vw,40px);
	}
	.pr_head .head_cont {
		padding-top:    clamp(20px,5.333vw,30px);
		padding-bottom: clamp(20px,5.333vw,30px);
	}

	.voice_flex .cont_wrap {
		padding-left:  clamp(25px,6.667vw,50px);
		padding-right: clamp(25px,6.667vw,50px);
	}
}





@media screen and (min-width:1280px) {
	/* ----- 北大の魅力 --------- */
	.working_accordion h3 {
		text-align: center;
	}
	.working_accordion h3 br.add_blk {
		display: block !important;
	}

	/* ----- 北大の研究者の声 --- */
	.sec_voice br.add_blk {
		display: block !important;
	}
}