@charset "UTF-8";

@media screen and (max-width: 768px){

html{
	scroll-padding-top: 80px;/* ヘッダースクロール追従するときに使う */
}

.sp_none{
	display:none!important;
}

#style01{
	width:100%;
}

img{
	width: 100%;
}
body{
	word-break:break-all;
}



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

.header{
	position: relative;
	z-index: 5000;
	display: grid;
	border-bottom: 1px #fff solid;
}

.header01_box{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	height: 50px;
	padding: 10px;

}

.header01_logo{
	font-size: 14px;
}

.header01_logo img{
	width: 100px;
}

.header01_r{
	display: flex;
	gap: 10px;
}

.header01_lang{
	position: relative;
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 3px;
	background: #E5EFF7;
	color: #717071;
	font-size: 12px;
	font-weight: 600;
}

.header01_lang a{
	color: #717071;
}

.header01_lang a:hover{
	text-decoration: underline;
}

.header01_lang02{
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	z-index: 100;
	display: none;
	box-sizing: border-box;
	width: 100%;
	padding: 5px 10px;
	border-radius: 3px;
	background: #E5EFF7;
}

.header01_lang02:not(:last-child){
	margin-bottom: 3px;
}


.header01_contact{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 60px;
	border-radius: 3px;
	background: #187FC3;
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-align: center;
}

.header01_contact:hover{
	opacity: 0.7;
}

.header01_contact span{
	display: none;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.sp_menu{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 30px;
	height: 30px;
}

.sp_menu span{
	display: block;
	width: 100%;
	height: 3px;
	border-radius: 2px;
	background: #3E3A39;
}

.sp_menu p{
	font-size: 8px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
}


.header02{
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	display: none;
	width: 100%;
	border-top: 1px #0F549B solid;
	border-bottom: 1px #0F549B solid;
	background: #fff;
}

.header02_list01 > li:not(:last-child){
	border-bottom: 1px #ccc solid; 
}

.header02_list01 > li:has(.header02_list02){
	display: grid;
	grid-template-columns: 1fr 31px;
}

.header02_category{
	display: flex;
	align-items: center;
	height: 30px;
	padding: 0 10px;
	color: #3E3A39;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

.header02_category.pin{
	pointer-events: none;
}

a.header02_category:hover{
	opacity: 0.7;
}

a.header02_category:hover img{
	opacity: 1;
}

.header02_category img{
	height: 12px;
}

.sp_menu_more{
	position: relative;
	border: none;
	border-left: 1px #fff solid;
}

.sp_menu_more:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: 15px;
	height: 15px;
	background: #fff;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.sp_menu_more.active:before{
	transform: translate(-50%, -50%) rotateZ(180deg);
}

.header02_list02{
	display: none;
	grid-column: 1 / 3;
	border-top: 1px #fff solid;
}

.header02_list02 a{
	display: block;
	padding: 5px 10px 5px 20px;
	color: #3E3A39;
	font-size: 14px;
	font-weight: 700;
}

.header02_list02 a:hover{
	opacity: 0.7;
}





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

.footer{
	padding: 10px 10px;
	border-top: 1px #000 solid;
}

.footer01{
	font-size: 12px;
}

.footer01 a{
	color: #888;
}

.footer01 a:hover{
	text-decoration: underline;
}

.footer01_01{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 11px;
	margin-bottom: 10px;
}

.footer01_01 li{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
}

.footer01_copy{
	margin-bottom: 10px;
	color: #878787;
	font-size: 12px;
}

.footer01_02,
.footer01_r{
	text-align: right;
}

.footer01_r img{
	width: 108px;
}




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　共通 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.pankuzu{
	padding: 2vw 3vw;
	margin-bottom: 3vw;
	font-size: 3vw;
}

.pankuzu a{
	color: #3E3A39;
}

.pankuzu a:hover{
	text-decoration: underline;
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　index ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.top_link{
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5vw;
	padding: 0 7vw;
	margin-bottom: 5vw;
}

.top_link a{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3vw;
	color: #fff;
	font-size: 3.0vw;
	font-weight: 900;
}

.top_link a:hover{
	opacity: 0.7;
}

.top_link .top_link01{
	height: 12vw;
	background: #ED6D46;
	text-align:center;
}

.top_link .top_link02{
	height: 12vw;
	background: #0F549B;
	text-align:center;
}



.mv{

}

.mv_list > li:not(:first-child){
	display: none;
}

.mv_list .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	width: 6vw;
	height: 11.34vw;
	border: none;
	background: #666;
	font-size: 0;
}

.mv_list .slick-prev{
	left: 2.34vw;
}

.mv_list .slick-next{
	right: 2.34vw;
}

.mv_list .slick-arrow:after{
	position: absolute;
	top: 50%;
	border-top: 3px #fff solid;
	border-right: 3px #fff solid;
	content: "";
	z-index: 110;
	width: 4.69vw;
	height: 4.69vw;
}

.mv_list .slick-prev:after{
	left: 1.3vw;
	transform: translateY(-50%) rotateZ(-135deg);
}

.mv_list .slick-next:after{
	right: 1.3vw;
	transform: translateY(-50%) rotateZ(45deg);
}


.is01{
	padding: 8vw 0 10vw;
}

.is_box{
	padding: 0 7vw;
}

.is01_title01{
	margin-bottom: 3vw;
}

.is01_link{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	margin-bottom: 7vw;
}

.is01_link a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12vw;
	border-radius: 2vw;
	color: #fff;
	font-size: 5vw;
	font-weight: 900;
}

.is01_link .color01 a{
	background: #397FB8;
}

.is01_link .color02 a{
	background: #00978C;
}

.is01_link .color03 a{
	background: #E0803A;
}

.is01_link .color04 a{
	background: #CF5167;
}

.is01_link .color05 a{
	background: #A05483;
}

.is01_link .color06 a{
	background: #5F5D8D;
}

.is01_link a.pin{
	background: #666;
	pointer-events: none;
}

.is01_link a:hover{
	opacity: 0.7;
}

.is01_link img{
	width: auto;
}

.is01_link .color01 img{
	height: calc(5vw * var(--Set));
}

.is01_link .color02 img{
	height: calc(8vw * var(--Set));
}

.is01_link .color03 img{
	height: calc(5vw * var(--Set));
}

.is01_link .color04 img{
	height: calc(9vw * var(--Set));
}

.is01_link .color05 img{
	height: calc(10vw * var(--Set));
}

.is01_link .color06 img{
	height: calc(10vw * var(--Set));
}

.is01_link a:hover img{
	opacity: 1;
}



.is01_title02{
	padding-bottom: 2vw;
	border-bottom: 2px #0F549B solid;
	margin-bottom: 2vw;
}

.is01_title02 img{
	width: 68vw;
}

.is01_list li{
	padding: 1vw 0;
	border-bottom: 1px #0F549B solid;
}

.is01_list_text{
	display: grid;
	grid-template-columns: 1.5em 1fr;
	align-items: baseline;
	color: #0F549B;
	font-size: 4.5vw;
	font-weight: 900;
	line-height: 2;
}

@-moz-document url-prefix() {
	.is01_list_img{
		margin-bottom: 0.5vw;
	}

	.is01_list_text{
		line-height: 1.38;
	}

	.is01_list_text rt{
		position: relative;
		top: 0.5em;
	}
}




.is02{
	padding: 8vw 0 12vw;
	background: #EEEEEC;
	overflow-x: clip;
}

.is02_title01{
	margin-bottom: -3vw;
}

.is02_title01 img{
	width: 40vw;
}

.is02_map01{
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 3vw;
}

.is02_map01 img{
	width: 100%;
}

.is02_map01 map{
	display: inline-block;
}

#map_link{
	position: absolute;
	top: 98vw;
	left: calc(50% - 3.2vw);
	transform: translateX(-50%);
	width: 55vw;
}

#map_link a path,
#map_link a polygon{
	transition: ease-in-out .3s;
}

#map_link a:hover path,
#map_link a:hover polygon{
	fill: rgba(255, 255, 255, 0.3);
}

.is02_title02{
	margin-bottom: 2vw;
	font-size: 3vw;
	text-align: center;
}

.is02_link{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
}

.is02_link a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 13vw;
	border-radius: 2vw;
	color: #fff;
	font-size: 4vw;
	font-weight: 900;
}

.is02_link .color01 a{
	background: #A74D5F;
}

.is02_link .color02 a{
	background: #7D5B77;
}

.is02_link .color03 a{
	background: #32788A;
}

.is02_link .color04 a{
	background: #006790;
}

.is02_link .color05 a{
	background: #946744;
}

.is02_link .color06 a{
	background: #248A66;
}

.is02_link a:hover{
	opacity: 0.7;
}

.is02_link img{
	width: auto;
}

.is02_link .color01 img{
	height: 2.65vw;
}

.is02_link .color02 img{
	height: 2.65vw;
}

.is02_link .color03 img{
	height: 2.5vw;
}

.is02_link .color04 img{
	height: 2.65vw;
}

.is02_link .color05 img{
	height: 2.65vw;
}

.is02_link .color06 img{
	height: 2.7vw;
}

.is02_link a:hover img{
	opacity: 1;
}




.is03{
	padding: 5vw 0 3vw;
}

.is03_title{
	margin-bottom: 2vw;
	font-size: 4vw;
	font-weight: 600;
	text-align: center;
}

.is03_title span{
	display: inline-block;
	transform: scaleX(1.28);
}

.is03_list{
	display: grid;
	gap: 2vw;
	padding: 4vw 3vw;
	border: 2px #DBDCDC solid;
}

.is03_list li{
	display: grid;
	gap: 0.5vw;
	font-size: 4vw;
	line-height: 1.6;
}

.is03_list_date span{
	color: #005BAC;
}

.is03_list_title a{
	color: #005BAC;
}

.is03_list_title a:hover{
	text-decoration: underline;
}

.is03_banner{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3vw;
	margin-top: 5vw;
}

.is03_banner img{
	width: 100%;
}
.top_chach01{
	margin:0 0 50px 0;
}
.top_chach02{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 20px 0;
}
.top_chach03{
	font-size:1.2em;
	font-weight:normal;
}
.news_new_icon01{
}
.news_new_icon02{
	background-color:#E4007F;
	color:#FFF;
	display:inline-block;
	padding: 0 10px;
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　area01～06 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.as_mv{
	padding-bottom: 6vw;
	background-color:#EEEEEC;
}

.as_mv_img{
	height: 70vw;
}

.as_mv_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.as_mv_name{
	margin: 2vw 3vw 0;
}

.as_photo_name{
	color: #595757;
	font-size: 3.5vw;
	text-align: right;
}



.as01{
	padding: 3vw 0 20vw;
	background: #EEEEEC;
}

.as01_bigtext{
	display: none;
}

.as_box_link01{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	margin-bottom: 6vw;
}

.as_box_link01 a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12vw;
	border-radius: 2vw;
	background: #BDC2C3;
	color: #fff;
	font-size: 3vw;
	font-weight: 800;
}

.area01 .as_box_link01 .color01 a,
.as_box_link01 .color01 a:hover{
	background: #A74D5F;
}

.area02 .as_box_link01 .color02 a,
.as_box_link01 .color02 a:hover{
	background: #7D5B77;
}

.area03 .as_box_link01 .color03 a,
.as_box_link01 .color03 a:hover{
	background: #32788A;
}

.area04 .as_box_link01 .color04 a,
.as_box_link01 .color04 a:hover{
	background: #006790;
}

.area05 .as_box_link01 .color05 a,
.as_box_link01 .color05 a:hover{
	background: #946744;
}

.area06 .as_box_link01 .color06 a,
.as_box_link01 .color06 a:hover{
	background: #248A66;
}

.area01 .f-color{
	color: #A74D5F;
}

.area02 .f-color{
	color: #7D5B77;
}

.area03 .f-color{
	color: #32788A;
}

.area04 .f-color{
	color: #006790;
}

.area05 .f-color{
	color: #946744;
}

.area06 .f-color{
	color: #248A66;
}

.area01 .b-color{
	border-color: #A74D5F;
}

.area02 .b-color{
	border-color: #7D5B77;
}

.area03 .b-color{
	border-color: #32788A;
}

.area04 .b-color{
	border-color: #006790;
}

.area05 .b-color{
	border-color: #946744;
}

.area06 .b-color{
	border-color: #248A66;
}

.as_title01_01{
	font-size: 8vw;
	font-weight: 800;
	line-height: 1.2;
}

.as_title01_02{
	margin-bottom: 5vw;
	font-size: 5vw;
	font-weight: 800;
	line-height: 1.2;
}

.as_flex01{
	margin-bottom: 6vw;
	width:100%;
}
.as_flex01 img{
	max-width:100%;
}

.as01_flex_name{
	padding: 2vw 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-bottom: 2vw;
	font-size: 5vw;
	font-weight: 600;
}

.as01_flex_text{
	font-size: 4vw;
	font-weight: 600;
	line-height: 1.57;
}


.as_box{
	margin-bottom: 8vw;
}

.as_title02{
	padding-bottom:2vw;
	border-bottom: 2px dashed;
	margin-bottom: 4vw;
	font-size: 5vw;
	font-weight: 800;
	line-height: 1.2;
}

.as_text01{
	font-size: 4vw;
	font-weight: 600;
	line-height: 1.57;
}

.as_comment01{
	position: relative;
	padding-left: 1.5em;
	font-size: 3.5vw;
	line-height: 1.5;
}

.as_comment01:before{
	position: absolute;
	left: 0;
	content: "※";
}

.as_img01{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	margin-top: 5vw;
}

.as_img01 .wide,
.as_img01 .vw100{
	grid-column: 1 / 3;
}

.as_img01_img{
	border-radius: 2vw;
	overflow: clip;
}

.as_img01 .vw100{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vw100 .as_img01_img{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100 * var(--vw));
	height: 70vw;
	border-radius: 0;
}

.as_img01_img img{
	width: 100%;
}

.vw100 .as_img01_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.as_img01_img + .as_photo_name{
	margin-top: 2vw;
}

.as_box + .as_box_link01{
	margin-top: 25vw;
	margin-bottom: 10vw;
}

.as_banner{
	display: grid;
	justify-content: center;
	align-items: center;
	gap: 3vw;
	padding: 0 7vw;
}

.as_banner img{
	width: 100%;
}

.as_banner + .as_box_link01{
	margin-top: 6vw;
	margin-bottom: 0;
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　Why Kanagawa? ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.ws01{
	position: relative;
	padding: 13vw 0 12vw;
	background: #EEEEEC;
}

.ws01_title01{
	margin-bottom: 2vw;
}

.ws01_text01{
	margin-bottom: 5vw;
	font-size: 4.7w;
	font-weight: 600;
}

.ws01_title02{
	margin-bottom: 4vw;
	color: #085FA6;
	font-size: 5vw;
	font-weight: 800;
}

.ws01_img{
	margin-bottom: 5vw;
	height: 60vw;
}

.ws01_img.mt{
	margin-top: 9vw;
}

.ws01_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ws01_title03{
	margin-bottom: 2vw;
	color: #085FA6;
	font-size: 5.5vw;
	font-weight: 800;
}

.ws01_text02{
	font-size: 5vw;
	font-weight: 500;
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　かながわ外国人材活用支援ステーション ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.bs01{
	padding: 0 0 12vw;
}

.bs01_mv{
	margin-bottom: 5vw;
	height: 60vw;
}

.bs01_mv img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bs01_title{
	margin-bottom: 3vw;
	color: #005BAC;
	font-size: 5vw;
	padding-bottom: 2vw;
	border-bottom: 1px #3E3A39 solid;
}

.bs01_grid01{
	margin-bottom: 4vw;
}

.bs01_grid01_l{
	font-size: 4vw;
	font-weight: 500;
	line-height: 1.57;
}

.bs01_grid01_r{
	text-align: center;
}

.bs01_grid01_icon01 img{
	width: 40%;
}

.bs01_grid01_icon02{
	margin-top: 2vw;
	font-size: 3.5vw;
	letter-spacing: 0.02em;
	line-height: 1.3125;
}

.bs01_link{
	display: grid;
	gap: 3vw;
	padding: 0 5vw;
}

.bs01_link a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 20vw;
	border-radius: 2vw;
	color: #fff;
	font-size: 5vw;
	font-weight: 700;
}

.bs01_link a:hover{
	opacity: 0.7;
}

.bs01_link .color01 a{
	background: #005BAC;
}

.bs01_link .color02 a{
	background: #E0803A;
}

.bs01_link .pin a{
	pointer-events: none;
}

.bs01_link a p{
	font-size: 3.5vw;
}




.b01s01{
	padding: 8vw 0 8vw;
}

.b01s01_title01{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12vw;
	border-radius: 2vw;
	margin-bottom: 4vw;
	color: #fff;
	font-size: 6vw;
	font-weight: 700;
	background: #005BAC;
}

.b01s01_title01 span{
	font-size: 4vw;
}

.b01s01_cacth01{
	margin-bottom: 4vw;
	color: #005BAC;
	font-size: 5vw;
	font-weight: 700;
	line-height: 1.45;
}

.b01s01_list{
}

.b01s01_list li{
	padding-left: 3vw;
	border-left: 3vw #005BAC solid;
	margin:0 0 1em 0;
}

.b01s01_title02{
	margin-bottom: 1vw;
	color: #005BAC;
	font-size: 4.5vw;
	font-weight: 700;
}

.b01s01_title02 a{
	color: #005BAC;
}

.b01s01_title02 a:hover{
	opacity: 0.7;
}

.b01s01_url01{
	margin-bottom: 2vw;
	font-size: 3vw;
}

 .b01s01_text01{
	font-size: 4vw;
	font-weight: 500;
	line-height: 1.57;
}

.b01s01_comment{
	position: relative;
	padding-left: 1em;
}

.b01s01_comment:before{
	position: absolute;
	left: 0;
	content: "※";
}

.b01s01_list_r.wSet01 img{
	width: 45%;
}

.b01s01_list_r.wSet02 img{
	width: 40%; 
}



.b01s01_title01.set{
	height: auto;
	padding: 1vw 3vw;
}

.b02s01_text01{
	padding-top: 5vw;
	border-top: 1px #005BAC solid;
	margin-bottom: 7vw;
	font-size: 4.5vw;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.5;
}
.b02s01_text01 a{
	color: #005BAC;
	text-decoration:underline;
}

.b02s01_list01{
}

.b02s01_list01_title01{
	margin-bottom: 5vw;
	padding-left: 3vw;
	border-left: 3vw #4C8CC5 solid;
}

.b02s01_list01_title01_01{
	margin-bottom: 0.5em;
	color: #005BAC;
	font-size: 5vw;
	font-weight: 700;
}

.b02s01_list01_title01_02{
	margin-bottom: 0.3em;
	color: #005BAC;
	font-size: 4.5vw;
	font-weight: 700;
	letter-spacing: -0.04em;
}

.b02s01_list01_title01_03{
	font-size: 4.5vw;
	font-weight: 500;
	letter-spacing: -0.04em;
}

.b02s01_list01_title01_04{
	font-size: 4.5vw;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.b02s01_list01_box01:not(:last-child){
	margin-bottom: 4vw;
}

.b02s01_list01_title02{
	margin-bottom: 0.5em;
	font-size: 4vw;
	font-weight: 500;
}

.b02s01_list02{
	display: grid;
	gap: 1em;
}

.b02s01_list02 > li.grid{
	display: grid;
	gap: 3vw;
}

.b02s01_list02_title{
	margin-bottom: 0.3em;
	color: #005BAC;
	font-size: 4vw;
}

.b02s01_list02_text{
	font-size: 4vw;
	line-height: 1.7;
}

.b02s01_list02_text a{
	color: #005BAC;
}

.b02s01_list02_text a:hover{
	text-decoration: underline;
}

.b02s01_list01_Bbox{
	padding: 4vw;
	border-radius: 2vw;
	background: #E5EFF7;
}

.b02s01_list01_Bbox_l{
	font-size: 4vw;
	line-height: 1.7;
}

.b02s01_list01_Bbox_l a{
	color: #3E3A39;
	font-size: 3.5vw;
	text-decoration: underline;
}

.b02s01_list01_Bbox_l a:hover{
	color: #005BAC;
}

.b02s01_list01_Bbox_r{
	display: none;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　インタビュー ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.ins01{
	padding: 11vw 0 12vw;
	background: #EEEEEC;
}

.ins01_title01{
	text-align: center;
	border-radius: 2vw;
	margin-bottom: 4vw;
	color: #fff;
	font-size: 4.0vw;
	font-weight: 700;
	background: #E0803A;
	line-height:1.2;
	padding:0.5em 0;
}

.ins01_title01 span{
	font-size: 3vw;
}

.ins01_cactch01{
	margin-bottom: 4vw;
	font-size: 4vw;
	font-weight: 700;
	line-height: 1.5;
}
.title_int01{
	width:100%;
	margin:0 0 1em 0;
}
.title_int01 img{
	width:100%;
}

.ins01_list01{
}

.ins01_list01 > li{
	padding: 5vw 3vw;
	border-radius: 3vw;
	background: #fff;
}

.ins01_list01_date{
	margin-bottom: 4vw;
	font-size: 3.5vw;
	font-weight: 500;
}
.ins01_list01_grid01_01{
	width:100%;
}
.ins01_list01_grid01{
	width:100%;
}

.ins01_list01_title01{
	display: grid;
	grid-template-columns: 7vw 1fr;
	gap: 3vw;
	margin-bottom: 3vw;
}

.ins01_list01_title01_01 p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 7vw;
	height: 7vw;
	background: #005BAC;
	color: #fff;
	font-size: 5vw;
	font-weight: 700;
}

.ins01_list01_title01_02{
	font-weight: 700;
}

.ins01_list01_name01{
	color: #005BAC;
	font-size: 4vw;
}

.ins01_list01_name02{
	font-size: 5vw;
}

.ins01_list01_name03{
	font-size: 3.5vw;
}

.ins01_list01_text01{
	font-size: 4vw;
	font-weight: 500;
	line-height: 1.7;
}

.ins01_list01_grid01_02{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	width:100%;
}

.ins01_list01_link01{
	display: grid;
	gap: 2vw;
	margin-top:5vw;
}

.ins01_list01_link01 a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 10vw;
    border-radius: 2vw;
    color: #fff;
    font-size: 3vw;
    font-weight: 700;
}

.ins01_list01_link01 .color01 a{
	background: #005BAC;
}

.ins01_list01_link01 .color02 a{
	background: #E0803A;
}

.ins01_list01_link01 a:hover{
	opacity: 0.7;
}

.ins01_cs{
	margin-top: 4vw;
	font-size: 4.5vw;
	font-weight: 700;
	text-align: center;
}




.ins02{
	padding: 8vw 0 13vw;
}

.ins02.blue{
	background: #D4DDE4;
}

.ins02.orange{
	background: #F9EAD8;
}

.ins02_arrow01{
	display: flex;
	justify-content: space-between;
	margin-bottom: 6vw;
}

.ins02_arrow01 .pen{
	pointer-events: none;
}

.ins02_arrow01 img{
	width: auto;
	height: 7vw;
}

.ins02_arrow01 .pen img{
	opacity: 0.5;
}

.ins02_name01{
	margin-bottom: 5vw;
}

.ins02_name01_01{
	display: grid;
	gap: 3vw;
}

.ins02_name01_C-name_wrap{
	display: grid;
	grid-template-columns: 8vw 1fr;
	gap: 3vw;
}

.ins02_name01_number p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8vw;
	height: 8vw;
	background: #005BAC;
	color: #fff;
	font-size: 5vw;
	font-weight: 700;
}

.ins02_name01_C-name{
	font-size: 6vw;
	font-weight: 700;
	line-height: 1.1;
}

.ins02_name01_logo{
	text-align: right;
}

.ins02_name01_logo.tohkon img{
	width: 40vw;
}

.ins02_name01_02{
	margin-top: 2vw;
	font-size: 4vw;
	font-weight: 500;
}

.ins02_title01{
	padding: 2vw 0;
	border-top: 1px #005BAC solid;
	border-bottom: 1px #005BAC solid;
	font-size: 3.5vw;
	font-weight: 700;
	line-height: 1.5;
}


.ins02_prof01{
	border-bottom: 1px #005BAC solid;
	margin-bottom: 7vw;
}

.ins02_prof01_img01{
	text-align: center;
}

.ins02_prof01_img01 img{
	width: 70%;
}

.ins02_prof01_data01{
	padding-bottom: 4vw;
}

.ins02_prof01_data01_01{
	margin-bottom: 2vw;
	font-size: 4vw;
	font-weight: 500;
}

.ins02_prof01_data01_04{
	font-size:4vw;
	font-weight: 500;
	margin:0 0 1em 0;
}

.ins02_prof01_data01_02{
	margin-bottom: 2vw;
	font-size: 6vw;
	font-weight: 700;
}

.ins02_prof01_data01_02 span{
	font-size: calc(1em / 3 * 2);
}

.ins02_prof01_data01_03{
	font-size: 4vw;
	font-weight: 500;
}

.ins02_prof01_data01_03 p{
	margin-bottom: 1vw;
}

.ins02_list01{
	margin-bottom: 12vw;
}

.ins02_list01_title01{
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 2vw;
	font-size: 5vw;
	font-weight: 700;
}

.ins02_list01_title01:before{
	position: absolute;
	left: 0;
	content: "■";
	color: #005BAC;
}

.ins02_list01_title02{
	margin-bottom: 2vw;
	color: #005BAC;
	font-size: 5vw;
	font-weight: 700;
}

.ins02_list01_text:not(:last-child),
.ins02_list01_faq:not(:last-child),
.ins02_list01_point:not(:last-child){
	margin-bottom: 4vw;
	line-height: 1.57;
}

.ins02_list01_text{
	margin-bottom: 4vw;
	font-size: 4vw;
	font-weight: 500;
	line-height: 1.57;
}
.ins02_list01_faq{
	font-size: 4vw;
	font-weight: 600;
	line-height: 1.57;
}

.ins02_list01_faq dt,
.ins02_list01_faq dd{
	display: grid;
	grid-template-columns: 1.5em 1fr;
}

.ins02_list01_faq dt{
	color: #085FA6;
}

.ins02_list01_faq dd:not(:last-child){
	margin-bottom: 0.5em;
}
.ins02_list01_point{
	font-size: 4vw;
}

.ins02_point_title{
	color: #085FA6;
	font-size: 4vw;
	font-weight: 600;
}

.ins02_point_list{
	padding-left: 1em;
	font-weight: 500;
	list-style-type: disc;
}

.ins02_list01_img{
	margin-top: 7vw;
}

.ins02_list01_img p{
	margin-top: 1vw;
	font-size: 3vw;
	text-align: right;
}

.ins02_list01_explanation{
	padding: 4vw;
	border: 1px #3E3A39 solid;
	margin-top: 7vw;
}

.ins02_explanation_l{
	margin-bottom: 5vw;
}

.ins02_explanation_title{
	margin-bottom: 0.5em;
	font-size: 4.5vw;
	font-weight: 500;
}

.ins02_explanation_text{
	font-size: 4vw;
	font-weight: 300;
	line-height: 1.57;
}

.ins02_explanation_r{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4vw;
}

.ins02_explanation_img img{
	width: 30vw;
}

.ins02_explanation_caption{
	font-size: 4.5vw;
	font-weight: 300;
}

.ins02_explanation_caption p{
	font-size: 3vw;
}

.ins02_list02{
	display: grid;
	gap: 4vw;
}	

.ins02_list03{
	display: grid;
	gap: 0.5em;
	padding-left: 1em;
	font-size: 4vw;
	font-weight: 500;
	list-style-type: decimal;
}

.ins02_list03 li{
	padding-left: 0.5em;
}

.ins02_list03 span{
	color: #085FA6;
	font-weight: 600;
}

.ins02_list01_img{
	margin-top: 7vw;
}

.ins02_C-prof01{
	margin-bottom: 12vw;
}

.ins02_C-prof01_title01{
	font-size: 4.5vw;
	font-weight: 700;
}

.ins02_C-prof01_dl{
	grid-template-columns: 6.01em 1fr;
	font-size: 4vw;
	font-weight: 500;
	border-top: 1px #3E3A39 solid;
}

.ins02_C-prof01_dl dt{
	padding: 1vw 0;
	border-bottom: 1px #3E3A39 dotted;
}
.ins02_C-prof01_dl dd{
	padding: 1vw 0;
	border-bottom: 2px #3E3A39 solid;
}

.ins02_C-prof01_dl dt{
	padding-right: 1em;
}

.ins02_C-prof01_dl a{
	color: #3E3A39;
	text-decoration: underline;
}

.ins02_C-prof01_date{
	margin-top: 2vw;
	font-size: 3.5vw;
	font-weight: 500;
	text-align: right;
}

.ins02_C-prof01_website01{
	display: none;
}

.ins02_page-top{
	display: flex;
	justify-content: flex-end;
}

#page-top img{
	width: 6vw;
	cursor: pointer;
}

.page-top_wrap{
	display: flex;
	justify-content: flex-end;
	margin: 8vw 7vw;
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■フッターコンテンツ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/
.footer_doc_area01{
	padding: 3vw 0 5vw;
	background: #FFF;
	margin:0 7vw;
}
.doc_title01{
	font-size:1.2em;
	margin:0 0 1em 0;
	border-bottom: 1px #0F549B solid;
}
.doc_title02{
	font-size:1.1em;
	margin:0 0 0.5em 0;
	border-left: 5px #0F549B solid;
	padding:0 0 0 0.5em;

}
.doc_discription01{
	margin:0 0 2em 0;

}
.doc_discription01 p{
	margin:0 0 0.8em 0;
}
.doc_discription01 a{
	color:#0F549B;
}
.doc_discription01 a:hover{
	color:#0F549B;
	text-decoration:underline;
}



.ws01_comment{
	position: relative;
	padding-left: 1em;
	font-size: calc(24px * var(--Set));
}

.ws01_comment:before{
	position: absolute;
	left: 0;
	content: "※";
}

.as_flex01_r{
	width:100%;
}
.as_flex01_r{
	width:100%;
}




.business_bt_area01{

}
.business_bt01{
	width:100%;
	margin:0 0 0.5em 0;
	text-align:center;
	font-size:1.0em;
}
.business_bt01 a{
	background: #005BAC;
	display:block;
	color:#FFF;
	padding:0.5em 0;
	border-radius:10px;
}
.business_bt01 p{
	font-size:0.7em;
}
.business_bt02{
	width:100%;
	margin:0 0 0.5em 0;
	text-align:center;
	font-size:1.0em;
}

.business_bt02 a{
	background: #E0803A;
	display:block;
	color:#FFF;
	padding:0.5em 0;
	border-radius:10px;
}
.business_bt02 p{
	font-size:0.7em;
}



.contact_area01{
	width:96%;
	margin:0 auto;
}
.contact01{
	font-size:1.5em;
	text-align:center;
	border-bottom:2px #0F549B solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.contact02{
	margin:0 0 10px 0;
}
.contact03{
	width:96%;
	margin:0 auto 15px auto;
}
.contact03 th{
	border:1px #000 solid;
	background-color:#0F549B;
	color:#FFF;
	text-align:left;
	padding:10px;
	display:block;
}
.contact03 td{
	border:1px #000 solid;
	padding:10px;
	display:block;
}
.input01{
	padding:2%;
	font-size:1.2em;
	width:96%;
}
.input02{
	padding:2%;
	font-size:1.2em;
	width:96%;
	height:150px;
}
.contact_policy{
	border:1px #CCC solid;
	height:120px;
	overflow-y:scroll;
}
.contct_bt01{
	width:45%;
	margin:0 auto;
}
.contct_bt01 input{
	width:100%;
}
.contct_bt02{
	width:100%;
	margin:0 auto;
	display:flex;
	 justify-content: center;
}
.contct_bt03{
	margin:0 5px 0 0;
}
.contct_bt04{
	margin:0 0 0 5px;
}
.contct_bt02 img{
	width:100%;
}
.contct_bt02 input{
	width:100%;
}
.hissu{
	color:red;
}







/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　Living Information ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.lis01{
	padding-top: 6vw;
	margin-bottom: 9vw;
}

.lis01_title01{
	margin-bottom: 4vw;
}

.lis01_title01_01{
	font-size: 7vw;
	font-weight: 700;
	line-height: 1.16;
}

.lis01_title01_02{
	display: none;
}

.lis01_text01{
	margin-bottom: 6vw;
	font-size: 4vw;
	font-weight: 600;
}

.lis01_text01 p{
	margin-bottom: 0.5em;
}

.lis01_list01{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2vw;
}

.lis01_list01 a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 12vw;
	border-radius: 2vw;
	color: #fff;
	font-size: 4vw;
	font-weight: 600;
	line-height: 1.25;
}

.lis01_list01 .color01 a,
#lis02_01 .lis02_title01{
	background: #DB536B;
}

.lis01_list01 .color02 a,
#lis02_02 .lis02_title01{
	background: #E0803A;
}

.lis01_list01 .color03 a,
#lis02_03 .lis02_title01{
	background: #E5A840;
}

.lis01_list01 .color04 a,
#lis02_04 .lis02_title01{
	background: #ABB44F;
}

.lis01_list01 .color05 a,
#lis02_05 .lis02_title01{
	background: #00A291;
}

.lis01_list01 .color06 a,
#lis02_06 .lis02_title01{
	background: #1E7FB8;
}

.lis01_list01 .color07 a,
#lis02_07 .lis02_title01{
	background: #796CA4;
}

.lis01_list01 a:hover{
	opacity: 0.7;
}




.lis02{
	margin-bottom: 9vw;
}

.lis02_title01{
	padding: 2vw;
	margin-bottom: 5vw;
}

.lis02_title01 p{
	padding: 0 7vw;
	color: #fff;
	font-size: 6vw;
	line-height: 1;
}

.lis02 .is_box{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-size: 4vw;
	font-weight: 500;
	line-height: 1.75;
}

.lis02_text01{
	width: 100%;
	order: 1;
}

.lis02_list01,
.lis02_list02{
	width: 100%;
	order: 2;
}

.lis02_list01 li,
.lis02_list02 li{
	position: relative;
	padding-left: 1em;
}

.lis02_list01 li:before{
	position: absolute;
	left: 0;
	content: "◯";
}

.lis02_list02 li:before{
	position: absolute;
	left: 0;
	content: "・";
}

.lis02_img{
	margin-top: 5vw;
	order: 3;
	width: 40vw;
}

.lis02_img p img{
}

.lis02_img.po{
	position: relative;
}

.po-abs{
	position: absolute;
	top: 3vw;
	left: -40.2vw;
	width: 40vw;
}




.lis03{
	padding: 5vw 0;
	background: #DCECF6;
}

.lis03:not(:last-child){
	margin-bottom: 4vw;
}

.lis03_box{
	font-size: 4vw;
	font-weight: 500;
}

.lis03_box a{
	color: #005BAC;
	font-weight: 700;
	text-decoration: underline;
}

.lis03_box a:hover{
	text-decoration: none;
}

.lis03_box p{
	font-size: 3.2vw;
}

.lis03_qr{
	display: none;
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　Working Information ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.wis01{
	margin-bottom: 9vw;
}

.wis01_mv{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2vw;
	padding: 0 2vw;
	margin-bottom: 7vw;
}

.wis01_list01{
	display: grid;
	gap: 2vw;
	margin-bottom: 6vw;
}

.wis01_list01 a{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20vw;
	border-radius: 2vw;
	color: #fff;
	font-size: 5vw;
	font-weight: 700;
}

.wis01_list01 .color01 a,
#wis02_01 .wis02_title01{
	background: #187FC2;
}

.wis01_list01 .color02 a,
#wis02_02 .wis02_title01{
	background: #A75789;
}

.wis01_list01 .color03 a,
#wis02_03 .wis02_title01{
	background: #579055;
}

.wis01_list01 a:hover{
	opacity: 0.7;
}

.wis01_list01 a span{
	position: absolute;
	top: 50%;
	right: 3vw;
	transform: translateX(-50%);
	width: 5vw;
	height: 2.5vw;
	background: #fff;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.wis01_list01 a span:not(:first-of-type){
	display: none;
}




#wis02_01,
#wis02_02{
	padding-bottom: 10vw;
}

.wis02_title01{
	padding: 2vw 0;
	margin-bottom: 6vw;
}

.wis02_title01 p{
	padding: 0 3vw;
	color: #fff;
	font-size: 4.5vw;
	text-align: center;
	line-height: 1;
}

.wis02_title02{
	margin-bottom: 2vw;
	font-size: 4.5vw;
	line-height: 1.5;
}

#wis02_01 .wis02_title02,
#wis02_01 .wis02_title03,
#wis02_01 .wis02_link01{
	color: #187FC2;
}

#wis02_02 .wis02_title02,
#wis02_02 .wis02_title03,
#wis02_02 .wis02_link01{
	color: #A75789;
}

#wis02_03 .wis02_title02,
#wis02_03 .wis02_title03,
#wis02_03 .wis02_text04,
#wis02_03 .wis02_link01{
	color: #579055;
}

.wis02_text01{
	margin-bottom: 3vw;
	font-size: 4vw;
	font-weight: 700;
	line-height: 1.75;
}

.wis02_list01{
	display: grid;
	gap: 3vw;
	font-size: 4vw;
	line-height: 1.75;
}

.wis02_title03{
	position: relative;
	padding-left: 1.5em;
	font-size: 4vw;
}

.wis02_title03.no-s{
	padding-left: 0;
}

.wis02_title03:before{
	position: absolute;
	left: 0;
	content: "◯";
}

.wis02_title03.no-s:before{
	display: none;
}

.wis02_dl01{
	display: grid;
	grid-template-columns: 5.2em 1fr;
	gap: 0 0.5em;
}

.wis02_link01{
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
}

.wis02_link01:before{
	position: absolute;
	left: 0;
	content: "▷";
}

.wis02_link01:hover{
	text-decoration: underline;
}

.wis02_comment{
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	font-size: 3.5vw;
}

.wis02_comment:before{
	position: absolute;
	left: 0;
	content: "※";
}

.wis02_text03{
	position: relative;
	font-size: 4vw;
	font-weight: 600;
	line-height: 1.75;
}

.wis02_text03:before{
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 50%;
	height: 1px;
	background: #000;
}

.wis02_text03 span{
	position: relative;
	display: inline-block;
	padding-right: 0.5em;
	margin-right: 7em;
	background: #fff;
}

.wis02_text04{
	margin-top: 2em;
	font-size: 4vw;
	font-weight: 700;
}

.business_area001{
	border-radius: calc(10px * var(--Set));
	background: #E5EFF7;
	padding:25px;
	margin:0 0 2em 0;
}
.business_area002{
}
.business_area002{
	margin:0 0 0 30px;
}
.business_area002 li{
	margin:0 0 10px 0;
	font-size: 4vw;
	list-style-type:disc;
}
.business_area002 li a{
	color:#005BAC;
}
.bizz_contact01{
	width:90%;
	margin:30px auto;
}
.bizz_contact01 a{
	display:block;
	background-color:#005BAC;
	color:#FFF;
	text-align:center;
	padding:20px 0;	
	font-size:3vw;
}
.bizz_contact01 span{
	display:block;
	font-size: 3vw;
}
.bizz_area01{
	border-radius: calc(10px * var(--Set));
	background: #E5EFF7;
	padding:25px;
	margin:30px 0;
}

.b02s01_list02_image_cap{
	margin-bottom: 8vw;
	font-size: 4vw;
	font-weight: 500;
	text-align: right;
}

.b02s01_list02_image_cap p{
	font-size: 3.5vw;
}

.b02s01_list02_image_cap p a{
	color: #3E3A39;
}

.b02s01_list02_image_cap p a:hover{
	text-decoration: underline;
}

.contact_area01{
	width:96%;
	margin:0 auto;
}
.contact01{
	font-size:1.5em;
	text-align:center;
	border-bottom:2px #0F549B solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.contact02{
	margin:0 0 10px 0;
}
.contact03{
	width:96%;
	margin:0 auto 15px auto;
}
.contact03 th{
	border:1px #000 solid;
	background-color:#71B0D9;
	color:#FFF;
	text-align:left;
	padding:10px;
	display:block;
}
.contact03 td{
	border:1px #000 solid;
	padding:10px;
	display:block;
}
.input01{
	padding:2%;
	font-size:1.2em;
	width:96%;
}
.input02{
	padding:2%;
	font-size:1.2em;
	width:96%;
	height:150px;
}
.contact_policy{
	border:1px #CCC solid;
	height:120px;
	overflow-y:scroll;
}
.contct_bt01{
	width:45%;
	margin:0 auto;
}
.contct_bt01 input{
	width:100%;
}
.contct_bt02{
	width:100%;
	margin:0 auto;
	display:flex;
	 justify-content: center;
}
.contct_bt03{
	margin:0 5px 0 0;
}
.contct_bt04{
	margin:0 0 0 5px;
}
.contct_bt02 img{
	width:100%;
}
.contct_bt02 input{
	width:100%;
}
.hissu{
	color:red;
}

.contact_btn{
	text-align:center;
}
.contact_btn input{
	background-color:#187FC2;
	color:#FFF;
	border:none;
	padding:1em 0;
	border-radius:5px;
	width:60%;
}

}/* end */