@charset "utf-8";

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #555;
	font-size: calc(11px + 0.3vw);
}

hr.clear{
	height:0;
	border:0;
}

@media(min-width:961px) {
	.sponly {
		display: none !important;
	}
}

@media(max-width:960px) {
	.pconly {
		display: none !important;
	}
}

@media(min-width:561px) {
	.show_sp {
		display: none !important;
	}
}

@media(min-width:961px) {
	.show_sptb {
		display: none !important;
	}
}

@media(max-width:560px) {
	.show_tbpc {
		display: none !important;
	}
}

@media(max-width:960px) {
	.show_pc {
		display: none !important;
	}
}

/*変数*/
:root {
	--basecolor: #edffe9;
	/*基本色*/
	--sabcolor: #f2ffec;
	/*サブカラー*/
}

img {
	max-width: 100%;
	vertical-align: bottom;
}


p {
	margin: 0
}

h3 {
	margin: 0;
}

a {
	color: #55321f;
	text-decoration: none;

}

/*a:visited{
    color: #000;
}*/

a:hover {
	/*filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;*/
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.mg0 {
	margin: 0 auto;
}


.margin1 {
	margin: 10px
}

.margin2 {
	margin: 20px
}

.margin3 {
	margin: 30px
}

.margin4 {
	margin: 40px
}

.margin5 {
	margin: 50px
}

.mgb1 {
	margin-bottom: 10px
}

.mgb2 {
	margin-bottom: 20px
}

.mgb3 {
	margin-bottom: 30px
}

.mgb4 {
	margin-bottom: 40px
}

.mgb5 {
	margin-bottom: 50px
}

.mgt1 {
	margin-top: 10px
}

.mgt2 {
	margin-top: 20px
}

.mgt3 {
	margin-top: 30px
}

.mgt4 {
	margin-top: 40px
}

.mgt5 {
	margin-top: 50px
}

.mgt6 {
	margin-top: 60px
}

.mgl1 {
	margin-left: 10px
}

.mgl2 {
	margin-left: 20px
}

.mgl3 {
	margin-left: 30px
}

.mgl4 {
	margin-left: 40px
}

.mgl5 {
	margin-left: 50px
}

.mgr1 {
	margin-right: 10px
}

.mgr2 {
	margin-right: 20px
}

.mgr3 {
	margin-right: 30px
}

.mgr4 {
	margin-right: 40px
}

.mgr5 {
	margin-right: 50px
}

.n_mgt5 {
	margin-top: 5%
}

.padding1 {
	padding: 10px
}

.padding2 {
	padding: 20px
}

.padding3 {
	padding: 30px
}

.padding4 {
	padding: 40px
}

.padding5 {
	padding: 50px
}

.pdt1 {
	padding-top: 10px
}

.pdt2 {
	padding-top: 20px
}

.pdt3 {
	padding-top: 30px
}

.pdt4 {
	padding-top: 40px
}

.pdt5 {
	padding-top: 50px
}

.pdt6 {
	padding-top: 60px
}

.pdt7 {
	padding-top: 70px
}

.pdt8 {
	padding-top: 80px
}

.pdt9 {
	padding-top: 90px
}

.pdt10 {
	padding-top: 100px
}

.pdb1 {
	padding-bottom: 10px
}

.pdb2 {
	padding-bottom: 20px
}

.pdb3 {
	padding-bottom: 30px
}

.pdb4 {
	padding-bottom: 40px
}

.pdb5 {
	padding-bottom: 50px
}

.pdb6 {
	padding-bottom: 60px
}

.pdb7 {
	padding-bottom: 70px
}

.pdb8 {
	padding-bottom: 80px
}

.pdb9 {
	padding-bottom: 90px
}

.pdb10 {
	padding-bottom: 100px
}

.pdr5 {
	padding-right: 30%;

}

/*----------
特殊例
-----------*/
/*----------
マーカー下線
----------*/
.marker_line {
	background: linear-gradient(transparent 60%, var(--basecolor) 0%);
}

.marker_line_oreng {
	background: linear-gradient(transparent 50%, #ffd95d9f 50%);
}

/*---------
 題字下下線
 ----------*/
.hr-green {
	border-top: 2px solid #3ca27e;
	width: 80px;
}



/*-------------
 文字animation
-------------*/
@-webkit-keyframes passing-bar {
	0% {
		left: 0;
		right: auto;
		width: 0;
	}

	50% {
		left: 0;
		right: auto;
		width: 100%;
	}

	51% {
		left: auto;
		right: 0;
		width: 100%;
	}

	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}

@keyframes passing-bar {
	0% {
		left: 0;
		width: 0;
	}

	50% {
		left: 0;
		width: 100%;
	}

	51% {
		left: 0;
		width: 100%;
	}

	100% {
		left: 100%;
		width: 0;
	}
}

@-webkit-keyframes passing-txt {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes passing-txt {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* css */
.passing .passing-box {
	display: block;
	text-align: center;
}

.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #11b319;
}

.passing .passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
	font-size: 3vw;
	font-weight: bold;
	line-height: 1.5;
}

.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}

.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation: passing-txt 0s ease .5s 1 normal forwards;
}



/*------------*/

.flex {
	display: flex;
}

.flex_wrap_reverse {
	display: flex;
}

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}

/*--------------------------------
       ここまでtemplate
---------------------------------*/



.contents_box {
	width: 100%;

}


/*--------- menu bar css --------*/

.menu_back {
	position: relative;
	display: flex;
}

.logo_design {
	width: 20%;
	padding: 0 20px 0 0px;
	text-align: right;
}

.logo_design span {
	font-size: 0.8vw;
	display: inline-block;
	letter-spacing: 3px;
	border-bottom: 1px solid;

}

.logo_design p {
	font-size: ;
	font-weight: bold;
	letter-spacing: 5;
	/*writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;*/
}

.logo_design h2 {
	margin: 0;
	font-size: 3vw;
	letter-spacing: 5px;

}

.menu_box {
	width: 80%;
	font-size: 1.4vw;
	font-weight: bold;

}

.menu_box a {
	margin: 15px 10px;
	letter-spacing: 2px;
	position: relative;
	display: inline-block;
	transition: .3s;
}

.menu_box a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #033d0f;
	transition: .3s;
	transform: translateX(-50%);
}

.menu_box a:hover::after {
	width: 100%;
}

.baner {
	margin-top: 40px;
}

.baner img {
	margin: 10px 0;
}



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

/*========= ナビゲーションのためのCSS ===============*/

/*アクティブになったエリア*/
#g-nav.panelactive {
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
	height: 100vh;
}

/*丸の拡大*/
.circle-bg {
	position: fixed;
	z-index: 3;
	/*丸の形*/
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #4271aa;
	/*丸のスタート位置と形状*/
	transform: scale(0);
	/*scaleをはじめは0に*/
	right: -50px;
	top: -50px;
	transition: all .6s;
	/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive {
	transform: scale(50);
	/*クラスが付与されたらscaleを拡大*/
}

/*ナビゲーションの縦スクロール*/
#g-nav-list {
	display: none;
	/*はじめは表示なし*/
	/*ナビの数が増えた場合縦スクロール*/
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#g-nav.panelactive #g-nav-list {
	display: block;
	/*クラスが付与されたら出現*/
}

/*ナビゲーション*/
#g-nav ul {
	opacity: 0;
	/*はじめは透過0*/
	/*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul {
	opacity: 1;
	padding: 0;
	margin: 0;
}

/* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
#g-nav.panelactive ul li {
	animation-name: gnaviAnime;
	animation-duration: 1s;
	animation-delay: .2s;
	/*0.2 秒遅らせて出現*/
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes gnaviAnime {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


/*リストのレイアウト設定*/
#g-nav li {
	text-align: left;
	list-style: none;
	position: relative;
	border-bottom: 1px solid #fff;
}

#g-nav li a {
	color: #fff;
	text-decoration: none;
	padding: 10px 10px 10px 32px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	transition: all 0.3s;
}

#g-nav ul li.orange{
	background: orange;
}

#g-nav li::after {
	content: "";
	position: absolute;
	top: 43%;
	left: 9px;
	display: block;
	width: 6px;
	height: 6px;
	margin: auto;
	content: '';
	transform: rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

#g-nav li a:hover {
	background: orange;
}

.menu_flex {
	display: flex;
}

.menu_left,
.menu_right {
	width: 100%;
}

.menu_left {
	border-right: 1px solid #fff;
}

#g-nav .menu_left::after,
#g-nav .menu_right::after {
	left: 30px;
}

.menu_left a,
.menu_right a {
	text-align: center;
}

.nav_in_logo {
	opacity: 0;
	/*はじめは透過0*/
	/*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
	position: absolute;
	top: 22%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#g-nav.panelactive .nav_in_logo {
	animation-name: gnaviAnime;
	animation-duration: 1s;
	animation-delay: .2s;
	/*0.2 秒遅らせて出現*/
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes gnaviAnime {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*========= ボタンのためのCSS ===============*/
.openbtn {
	position: fixed;
	top: -2px;
	right: 0px;
	z-index: 9999;
	/*ボタンを最前面に*/
	cursor: pointer;
	width: 100px;
	height: 100px;
}

/*×に変化*/
.openbtn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 26px;
	height: 3px;
	border-radius: 2px;
	background-color: #000;
	width: 45%;
	z-index: 10;
	text-align: center;
}

.openbtn span:nth-of-type(1) {
	top: 31px;
}

.openbtn span:nth-of-type(2) {
	display: none;
}

.openbtn span:nth-of-type(3) {
	top: 50px;
}

.openbtn span:nth-of-type(4) {
	bottom: 34px;
	background: none;
	font-size: 9px;
}

.openbtn.active span:nth-of-type(1) {
	top: 33px;
	left: 31px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
	background-color: #fff;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
	top: 45px;
	left: 31px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
	background-color: #fff;
}

.openbtn.active span:nth-of-type(4) {
	color: #fff;
}

@media(max-width:950px) {
	#g-nav ul {
		min-width: 90%;
	}

}

/*mune バー*/
.top_menu_bar {
	top: 0px;
	right: 0px;
	z-index: 2;
	position: fixed;
	width: 100%;
	background-color: #fff;
	padding: 10px 100px 10px 25px;
	border-bottom: 1px solid #ccc;
}

.front_design {
	bottom: 0px;
	right: 0px;
	z-index: 2;
	position: fixed;
}

.top_menu_bar h2 {
	color: #d1223e;
}

.top_box {
	margin-top: 100px;
}

.top_box .tac .catch_txt {
	margin: 100px auto;
	color: #d1223e;
}


/*----------- contentsここから --------------*/
/*-------
共通
-----------*/
.section_box {
	position: relative;
	margin: 40px 0;
}

.section_box.red {
	background: #d1223e;
	padding: 60px 0;
	margin-top:80px;
}

.section_box.red::after {
	content: "";
	position: absolute;
	right: 0;
	top: -99px;
	left: 0;
	width: 100%;
	height: 100px;
	margin: auto;
	background: #d1223e;
	clip-path: ellipse(50% 50% at 50% 100%);
}

.section_box.red .contents_wrap {
	padding-bottom: 30px;
}

.section_box.st_back {
	padding: 0 0 50px 0;
}

.contents_wrap {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}

.contents_wrap.st_back,
.contents_wrap.white_back {
	width: 100%;
}

.st_back {
	background: url(../img/stripe.jpg);
	position: relative;
	z-index: 0;

}

.white_back {
	position: relative;
	z-index: 0;
}

.st_back .flex {
	flex-wrap: wrap;
	width: 95%;
	margin: 0 auto;

}

.mizuiro_back {
	background: url(../img/mizuiro_back.jpg);
	position: relative;
	background-position: left top 129px;
	background-size: auto;
	overflow: hidden;
	padding: 0px 0 0 0;
	width: 100%;
}

/*.mizuiro_back::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 129px;
	background: url(../img/mizuiro_back_top.jpg);
}*/
.mizuiro_back.pd {
	padding: 130px 0 30px;
}

.mizuiro_back .day_tac {
	padding: 85px 0 30px;
}

.daiji {
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
	padding: 15px 0;
	background: url(../img/stripe.jpg);
	position: relative;
	margin-top: 30px;
}

.daiji .tac {
	margin: 0 auto;
	color: #0061af;
}

.daiji span {
	width: 100%;
	color: #0061af;
}

.daiji .sikaku01::after {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	top: -3px;
	left: -3px;
	border-top: 3px solid;
	border-left: 3px solid;
}

.daiji .sikaku01::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	top: -3px;
	right: -3px;
	border-top: 3px solid;
	border-right: 3px solid;
}

.daiji .sikaku02::after {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	bottom: -3px;
	left: -3px;
	border-bottom: 3px solid;
	border-left: 3px solid;
}

.daiji .sikaku02::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	bottom: -3px;
	right: -3px;
	border-bottom: 3px solid;
	border-right: 3px solid;
}

.daiji .sikaku02.red,
.daiji .sikaku01.red,
.daiji .tac.red {
	color: #d1223e;
}


.btn_wrap100 {
	margin: 100px auto;
	text-align: center;
	max-width: 600px;
	width: 90%;
}

.btn_wrap_width0 {
	margin: 100px auto;
	text-align: center;
}

/* ボタン共通設定 */
.btn {
	/*影の基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	background: transparent;
	border-radius: 5px;
	border: solid 1px #0061af;
	outline: none;
	/*アニメーションの指定*/
	transition: all 0.2s ease;
}

/*hoverをした後のボタンの形状*/
.btn:hover {
	border-color: transparent;
}

.btn p::after {
	content: "NEXTページ >";
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	background: #0061af;
	color: #fff;
	font-size: 11px;
	padding: 2px 5px;
	border-radius: 0 0px 5px 0;
	/*アニメーションの指定*/
	transition: all 0.3s ease;
}


/*ボタンの中のテキスト*/
.btn .yellow_stripe {
	position: relative;
	z-index: 1;
	/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	/*テキストの形状*/
	display: block;
	padding: 27px 20px 25px;
	border-radius: 5px;
	background: url(../img/stripe.jpg);
	color: #0061af;
	/*アニメーションの指定*/
	transition: all 0.3s ease;
}


/*== 右下に押し込まれる（立体が平面に） */

/*影の設定*/
.pushright:before {
	content: "";
	/*絶対配置で影の位置を決める*/
	position: absolute;
	z-index: -1;
	top: 4px;
	left: 4px;
	/*影の形状*/
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 1px solid #0061af;
}

/*hoverの際にX・Y軸に4pxずらす*/
.pushright:hover span {
	background-color: #0061af;
	color: #0061af;
	transform: translate(5px, 5px);
}

/*ボタン色が変わる*/
.colorchange {
	margin: 1% 2%;
	text-align: center;
	width: 46%;
	height: 100px;
}

.block_menu .colorchange.orange span {
	background: #ff9100;
	color: #fff;
}


.colorchange span {
	text-align: left;
	position: relative;
	z-index: 2;
	/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	/*テキストの形状*/
	display: block;
	padding: 30px 30px;
	height: 100%;
	border-radius: 5px;
	background: #fff;
	color: #0061af;
	display: flex;
	align-items: center;

	/*アニメーションの指定*/
	transition: all 0.3s ease;
}

.colorchange span::after {
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	top: 47%;
	right: 22px;
	/*矢印の形状*/
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	/*アニメーションの指定*/
	transition: all .3s;
}

.colorchange span::before {
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	/*矢印の形状*/
	width: 30px;
	height: 30px;
	background: #0061af;
	clip-path: circle(50% at 50% 50%);
}

.colorchange .red {
	color: #d1223e;
}

.colorchange .red::before {
	background: #d1223e;
}

.colorchange:hover span {
	background: #ff9100;
	color: #fff;
}

.colorchange i {
	display: inline-block;
	margin-right: 10px;
	font-size: 155%;
	color: #017a1b;
}

.colorchange .tac {
	justify-content: center;
	text-align: center;
}

.block_menu .colorchange:nth-child(1) i{
	color:#d1223e
}

/*見出しで線を重ねる*/
.midasi11 {
	padding-top: 15px;
	margin-top: 0px;
	position: relative;
	border-bottom: 10px solid #e6e6e6;
	margin-bottom: 15px;
	letter-spacing: 1.4px;
	color: #0061af;
}

.midasi11::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 1;
	content: '';
	width: 20%;
	height: 10px;
	background-color: #5c97db;
}


.midasi11 p {
	font-weight: bold;
	font-size: 130%;
	padding-bottom: 4px;
}

.midasi11.red {
	color: #d1223e;
	border-bottom: 10px solid #fff8d2;
}

.midasi11.red::after {
	background-color: #d1223e;
}

.midashi12 {
	/*影の基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	border: solid 1px #0061af;
	outline: none;
	padding:0.5em;
	color:#0077cc;
	font-size:150%;
	margin-top:0.5em;
	font-weight:bold;
	line-height:1.2;
}
.midashi12:before {
	content: "";
	/*絶対配置で影の位置を決める*/
	position: absolute;
	z-index: -1;
	top: 4px;
	left: 4px;
	/*影の形状*/
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 1px solid #0061af;
}

/*丸い見出し*/
/*文字の真ん中が線*/
.center_sen {
	position: relative;

}
.catch_copy{
	margin: 30px auto;
	max-width: 95%;

}

.hero_img{
	padding-top: calc(40px + 3vw);
}

/*GROUP*/
.group_top_txt {
	width: 55%;
	padding: 0 0;
	margin-right: 5%;
}

.group_top_txt p {
	margin-top: 5%;
	line-height: 1.7em;
}

.group_top_img {
	width: 40%;
	text-align: center;
}

.group_top_img img {
	width: 80%;
}

.rinen_wrap {
	margin: 40px auto;
	padding: 0;
}

.rinen_wrap.flex {
	background: #fffccc;
	justify-content: center;
	padding: 20px 25px;
}

.rinen_ttl {
	padding: 10px 15px;
	background: #d1223e;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	width: 20%;
	text-align: center;
}

.rinen_txt {
	padding: 10px 15px;
	border-radius: 0 25px 25px 0;
	font-weight: bold;
	letter-spacing: 3px;
	width: 80%;
}


/*住んでみはら*/
.sunde_img {
	width: 30%;
}

.sunde_qr {
	width: 10%;
	text-align: center;
}

.sunde_qr img {
	width: 70%;
}

.sunde_txt {
	width: 60%;
}

.sunde_txt h2 {
	margin: 0;
	color: #0061af;
}

/*youtube*/
.youtube_link {
	text-align: center;
	margin: 30px 0;
}

.youtube_link a {
	display: inline-block;
	width: 48%;

}

.youtube_thumbnail {
	width: 48%;
	margin: 0 1%;

}

.youtube_inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube_inner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/**/
.rizi_greeting_img {
	width: 47%;
	margin-right: 3%;
}

.rizi_greeting_txt {
	width: 60%;
}

.rizi_greeting_txt p {
	line-height: 1.7em;
}

/*職場づくり*/
.syokuba_midashi {
	position: relative;
	margin: 0 0 20px;
}

.syokuba_midashi p {
	margin: 0 auto;
	width: fit-content;
	background: #fff;
	color: #d1223e;
	padding: 8px 30px;
	border-radius: 30px;
	z-index: 1;
	position: relative;

}

.syokuba_midashi::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: #fff;
	z-index: ;
}

.syokuba_txt {
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.syokuba_txt .yellow {
	color: yellow;
}

.syokuba_point {
	width: 80%;
}

.syokuba_point p {
	background: #fff;
	width: 48%;
	margin: 0% 2% 2% 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.syokuba_point p:nth-child(n + 5) {
	margin: 0 2% 0 0;
}

.syokuba_platinum {
	width: 20%;
	background: #fff;
	text-align: center;
	padding: 1%;
	border-radius: 5px;
}

.syokuba_platinum h2 {
	margin: 0;
	font-size: 0.9em;
	line-height: 1em;
	color: #d1223e;
}

.syokuba_platinum img {
	width: 50%;
	margin: 15px 0;
}

.syokuba_platinum p {
	font-size: 0.8em;
}

.gyoto_maru {
	color: #0061af;
	position: relative;
	margin: 8px 0 3px 1.5em;
	font-size: 130%;
}

.gyoto_maru::before {
	content: "●";
	position: absolute;
	color: #ff9100;
	left: -1.5em;

}

.gyoto_maru span{
	color: #555;
}

.sage {
	padding-left: 1.5em;
}

.hukuri.flex {
	align-items: center;
}

.hukuri_txt {
	width: 50%;
}

/*人材育成*/
.ikusei_diji_wrap.flex {
	align-items: center;
}

.ikusei_diji_wrap .daiji {
	width: 40%;
}

.ikusei_diji_txt {
	width: 58%;
	margin-left: 2%;
}

.ikusei_diji_txt p {
	font-weight: bold;
}

.ikusei_midashi {
	position: relative;
	margin: 50px 0 20px;
}

.ikusei_midashi p {
	margin: 0 auto;
	width: fit-content;
	background: #0061af;
	color: #fff;
	padding: 8px 30px;
	border-radius: 10px;
	z-index: 1;
	position: relative;
}

.ikusei_midashi::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: #0061af;
	z-index: ;
}

.gyoto_sikaku {
	color: #0061af;
}

.naiyo {
	border: 1px solid #0061af;
	width: 20%;
	color: #0061af;
	display: flex;
	align-items: center;
	justify-content: center;
}

.naiyo_txt {
	width: 79%;
	margin: 0 0 0 1%;
}

.naiyo_txt span {
	display: block;
	font-weight: bold;
}

.career_img {
	margin-top: 30px;
}

/*数字で見るサンライズグループ*/
.suzi_left {
	width: 28%;
	margin-right: 2%;
}

.suzi_right {
	width: 70%;
	margin-top: 100px;
}

.en_graph img {
	width: 30%;
	margin: 0 1%;
}

.suzi_ttl {
	background: #fff;
	padding: 15%;
	position: relative;
	border-left: 1px solid #0061af;
	border-bottom: 1px solid #0061af;
	border-right: 1px solid #0061af;
	border-radius: 0 0 10px 10px;
	margin-bottom: 30px;
}

.suzi_ttl::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 104%;
	top: 0%;
	left: 3%;
	border-radius: 0 0 10px 10px;
	border-left: 1px solid #0061af;
	border-bottom: 1px solid #0061af;
	border-right: 1px solid #0061af;
	z-index: -1;
}

.suzi_ttl img {}

.people {
	margin-top: 30px;
}

.people.flex {
	justify-content: center;
	margin-top:30px
}

.suzi_table {
	margin: 0;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #0061af;
}

.suzi_table dt {
	background: #fff;
	width: 100%;
	padding: 5px;
	font-weight: bold;
}

.suzi_table dd {
	width: 90px;
	margin: 0;
	background: #fff100;
	color: #0061af;
	padding: 5px;
	font-weight: bold;
}

.suzi_table .blue {
	color: #0061af;
}

.suzi_sp_ttl {
	width: 47%;
	margin-right: 3%;
	text-align: center;
}

.suzi_sp_ttl p {
	background: #fff;
	padding: 3%;
}

.suzi_sp_people {
	width: 48%;
	margin-left: 2%;
	padding-top: 20px;
}

.sikaku_left,
.sikaku_right {
	width: 50%;
}

.suzi_sp_3ed {
	margin-top: 30px;
}

.suzi_sp_midashi {
	background: #0061af;
	color: #fff;
	padding: 5px 10px;
	width: fit-content;
	border-radius: 5px;
}

/*職員の1日*/
.under_img {
	margin: 20px 0 0;
}

/*事務所map*/
.zig_map {
	width: 1000px;
	margin: 4px auto;
	position: relative;
}

.zig_map a {
	position: absolute;
	/*background:#f004;*/
	width: 36px;
	height: 36px;
}

.zig_map a:nth-child(1) {
	left: 575px;
	top: 10px
}

.zig_map a:nth-child(2) {
	left: 651px;
	top: 248px;
}

.zig_map a:nth-child(3) {
	left: 492px;
	top: 289px;
}

.zig_map a:nth-child(4) {
	left: 778px;
	top: 248px;
}

.zig_map a:nth-child(5) {
	left: 64px;
	top: 57px;
}

.zig_map a:nth-child(6) {
	left: 124px;
	top: 413px;
}

.zig_map a:nth-child(7) {
	left: 249px;
	top: 476px;
}

.zig_map a:nth-child(8) {
	left: 125px;
	top: 285px;
}

.zig_map a:nth-child(9) {
	left: 611px;
	top: 252px;
}

.zig_map a:nth-child(10) {
	left: 697px;
	top: 265px;
}

.zig_map a:nth-child(11) {
	left: 526px;
	top: 258px;
}

.zig_map a:nth-child(12) {
	left: 492px;
	top: 335px;
}

.zig_map a:nth-child(13) {
	left: 493px;
	top: 373px;
}

.zig_map img {
	width: 1000px;
	max-width: 1000px;
}


/*出し入れするメニュー*/
.sp_menu {
	background: #fffccc;
	background-size: 450px;
	width: 100vw;
	position: fixed;
	padding-bottom: 10px;
	bottom: -130px;
	left: 0;
	z-index: 1;
	transition: all 0.4s ease;
}
#sp_menu.sp_menu.spm_show{
	bottom: calc(5px + 3vw);
}


.row_1st,
.row_2nd {
	text-align: center;
}

.row_2nd {
	border-top: 2px dotted #0061af;
}

.row_1st img,
.row_2nd img {
	width: 60px;
}

.row_1st a,
.row_2nd a {
	display:block;
	width: 33.3%;
	padding: 15px 20px;
	border-right: 2px dotted #0061af;
	background:#fffccc;
}

.row_1st a:last-child,
.row_2nd a:last-child {
	border: none;
}

.row_2nd a {

}


@media(max-width:950px) {
	.zig_map {
		border: 1px solid #ccc;
		width: unset;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.scroll-nav::-webkit-scrollbar {
		display: none;
	}
}

@media(min-width:951px) {
	.map_chushaku {
		display: none;
	}
}

.kaigo_zigyosyo.flex {
	margin-top: 30px;

}

.map_ttl {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	width: 5%;
	margin: 0 2% 0 0;

}

.map_ttl h3 {
	padding: 20px 10px 0;
	border-radius: 5px;
	margin: 0;
	color: #fff;
}

.map_ttl.red h3 {
	background: #d1223e;
}

.map_ttl.blue h3 {
	background: #0099da;
}

.map_list {
	width: 93%;
}

.map_list img {
	width: 23%;
	margin: 1%;
	transform: scale(1.1);

}

/*応募エントリー*/
.sikaku {
	background: #fffccc;
	text-align: left;
	position: relative;
	padding: 20px;
}

/*.sikaku::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #0061af;
	top: 7px;
	left: 7px;
	z-index: -1;
	border-radius: 10px;
}*/

.sikaku p,
.sikaku_huto p,
.sikaku h3 {
	width: fit-content;
	margin: 2px auto;
}

.sikaku h3 {
	font-size: 1.1em;
}

.sikaku_huto {
	background: #fff;
	text-align: left;
	padding: 20px;
}

.sikaku_huto.blue {
	border: 3px solid #0061af;
}

.sikaku_huto.red {
	border: 3px solid #d1223e;
	background: #fffccc;
}

.sikaku h2,
.sikaku_huto h2 {
	margin: 0;
	color: #0061af;
	text-align: center;
}
.pdb3 .symbol {
	padding: 20px 0 20px;
}

.symbol {
	font-size: 1.2em;
	font-weight: bold;
	margin-top:20px;
}

.sankaku {
	margin: 30px 0 20px;

}

.sankaku span {
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto 5px;
	border-style: solid;
	border-width: 20px 13px 0 13px;
	border-color: #0061af transparent transparent transparent;
}

.wrap50 {
	width: 50%;
	text-align: left;
	margin-top: 20px;
}

.wrap50 p {
	width: fit-content;
	margin: 0 auto;
}

/*.sikaku a {
	text-decoration: underline;
}*/
.text_under{
	text-decoration: underline;
}

.sikaku .blue {
	color: #0061af;
	font-weight: bold;
	font-size: 155%;
}
.sikaku .list_blue{
	color: #0061af;
}

.sikaku .kotira_btn {
	display: inline-block;
	border: 1px solid;
	background: #d1223e;
	color: #fff;
	padding: 7px 40px 7px 15px;
	border-radius: 25px;
	margin: 5px 0 10px;
	text-decoration: none;
	position: relative;
}

.kotira_btn::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: #fff;
	clip-path: circle(50% at 50% 50%);
}

.kotira_btn::before {
	content: '';
	position: absolute;
	top: 39%;
	right: 12px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #d1223e;
	border-right: 2px solid #d1223e;
	transform: rotate(45deg);
	z-index: 1;
}

.awesome span {
	display: inline-block;
	margin-right: 5px;
	color: #017a1b;
	font-size: 155%;
}

.pamphlet {
	width: 48%;
	margin: 2% 1%;
	text-align: center;
}
.pamphlet img {
	max-height: 400px;
	margin: 10px;
	box-shadow: 3px 3px 3px #99999940;
}
@media(max-width:600px){
	.pamphlet img {
		max-height: 200px;
	}
}

.pamphlet span {
	display: inline-block;
	margin-right: 10px;
	font-size: 155%;
	color: #d1223e;
}

#entry_pamphlet{
	padding-top: 90px;
	margin-top: -90px;
}

/*新卒採用*/
/*common2021からcopy*/
.kokomidashi {
	width: fit-content;
	font-weight: normal;
	min-width: 50%;
	margin-bottom: 10px;
	padding: 3px 10px 3px 3px;
	background-color: #fff;
	/* background: linear-gradient(180deg, #fff 0%, #fff 85%, #eee 85%, #eee 100%); */
	color: #000;
}

.kokomidashi img {
	max-height: 35px;
	margin: 2px 13px 0px 2px;
	vertical-align: text-bottom;
}

.saiyou_buttons {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	padding: 10px;
	margin-bottom: 6px;
	border: 2px solid #cccccc;
}

.saiyou_buttons>div {
	width: 46%;
	margin: 5px 2%;
}

.waku2 .saiyoubotan {
	background-color: #ddeeff;
}

.waku2 p {
	margin: 0;
}

.saiyoubotan {
	box-sizing: border-box;
	padding: 5px;
	text-align: center;
	background: #ffffff;
	color: #820010;
	border-radius: 4px;
	width: 100%;
	float: left;
	background-color: #eaeaea;
}

.saiyoubotan i {
	font-size: 155%;
	vertical-align: -11%;
	margin-right: 3px;
}

.no_boshu .saiyoubotan {
	opacity: 0.6;
	/* margin-bottom: 10px; */
	color: #666;
}
#tyuuto{
	padding-top: 50px;
	margin-top: -50px;
}

/*interview*/
.contents_wrap.interview_sp_wrap {
	width: 95%;
}

.iterview_link.flex_wrap {
	margin-top: 20px;

}

.iterview_link a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31%;
	margin: 1%;
	color: #0061af;
	border: 1px solid;
	border-radius: 30px;
	text-align: center;
	padding: 3px 5px 3px 2px;
	background: #fff;
	position: relative;
	z-index: 0;
	transition: all 0.3s;

}

.iterview_link a::after {
	content: '';
	position: absolute;
	top: 37%;
	left: 21px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	z-index: 1;
}

.iterview_link a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: #0061af;
	clip-path: circle(50% at 50% 50%);
	z-index: 0;
}

.iterview_link a:hover {
	background: #ff9100;
	color: #fff;
}

.iterview_kugiri {
	margin: 20px 0;
	position: relative;
	z-index: 0;
}

.iterview_kugiri span {
	display: inline-block;
	width: 50%;
	background: #fff;
	border: 1px solid #0061af;
	border-radius: 25px;
	text-align: center;
	color: #0061af;
	padding: 5px;

}

.iterview_kugiri::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #0061af;
	z-index: -1;
}

.iterview_kugiri.syokuba{
	margin: 30px 0 0;
}

.iterview_block div {}

.iterview_block.flex_wrap div {
	width: 46%;
	margin: 2% 2%;
}

.block_wrap {
	margin-top: 100px;
}









/*------------- footer -------------*/
footer {
	color: #000;
	margin: 0px 0 calc(100px + 5vw);
	text-align: center;
}

.map {
	margin: 0px 0 20px;
}


.address_1 {
	margin: 100px 0;
}

.address_1 span {
	display: block;
	text-align: center;

}

.address_1 h2 {
	font-size: 2.5vw;
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
	text-align: center;
}







/*--------------- お問い合わせ ---------------*/
.caution {
	border: 1px solid #d1223e;
	padding: 5px;
	color: #d1223e;
	margin-top: 10px;
}

.form {
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
}

.form p {
	margin-left: 10%;
}

.contents_box {
	width: fit-content;
	max-width: 900px;
	width: 90%;
	margin: 50px auto 0;
}

.co_table {
	/*max-width: 900px;
	width: 100%;*/
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	display: flex;
}

.co_table dt {
	text-align: center;
	width: 24%;
	margin-right: 1%;
}

.co_table dd {
	width: 75%;
}

.co_table em {
	color: #fff;
	font-size: 80%;
	background: #d1223e;
	display: inline-block;
	margin-left: 10px;
	padding: 3px 10px;
	font-style: normal;
}

.co_table dt span {
	position: relative;
	font-weight: bold;
}

input[type=text],
input[type=radio],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

input[type=text],
input[type=radio],
textarea {
	width: 100%;
	min-width: 400px;
	border-top: none;
	border-right: none;
	border-left: none;
	height: 50px;
	border: #ccc solid 1px;
	background-color: #fff;
	padding: 0.5em;
}

.short {
	width: 200px;
	margin-bottom: 10px
}

.submit_tac {
	text-align: center;
}

input[type="submit"] {
	width: auto;
	height: auto;
	text-align: center;
	border: 0px solid;
	padding: 10px 20px;
	color: #fff;
	background: #0061af;
	font-size: 16px;
	margin-top: 40px;
	min-width: 200px;
}

input[type="checkbox"] {
	width: auto;
	height: auto;
}




/*----------- 20231030 -------------*/
.contents_wrap.sdgs_isyoku_box{
	max-width:860px;
	width:90%;
	margin:0 auto
}

.back_blue{
	background:#deebf7;
	padding:10px;
	margin:20px auto 
}
.back_blue h3{
	color:#0070c0;
	font-weight:bold
}

.sdgs_box{
	margin:0px 0 0 10px;
	
}
.sdgs_box p{
	margin:0px
}
.sengen_box.tac{
	text-align:center
}
.sengen_box.tac h3{
	font-weight:bold
}
.sengen_box.tac .tar{
	text-align:right;
	margin:20px 0 0 0
}

.topic_ttl{
	position:relative;
	color:#295494;
	margin:30px 0 0;
	font-weight:bold
}
.topic_ttl .topic_ttl_cover{
    width: fit-content;
    background: #fff;
}
.topic_ttl .topic_ttl_cover h3{
	padding:0 10px 0 0;
	margin:0;
	font-weight:bold
}
.topic_ttl::after {
    content: "";
    position: absolute;
    width: 100%;
	height:20px;
    background: url(../../img/sdgs/ttl_back.png);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: -1;
}

.sdgs_box h4{
	font-weight:bold;
	margin:10px 0 0px 0;
	font-size:1em;
}
.sdgs_box .gyoto {
	position: relative;
	padding-left:1em;
	
}

.sdgs_box .gyoto::before {
	content: "〇";
	position: absolute;
	margin-left:-1em
}

.sdgs_box img{
	margin:10px 0 0;
	max-width:65%
}
.pokipokoki span{
	display:inline-block
}
@media(max-width:650px){
	.topic_ttl .topic_ttl_cover h3{
		font-size:1em
	}
	.back_blue h3{
		font-size:1.5em
	}
	.sdgs_box img{
		max-width:100%
	}
}





/*--------------SP--------------■■■■■■■■■■■*/
@media(max-width:1100px) {



	/*-------- contact page ----------*/



}

@media(max-width:950px) {
	body {
		font-size: calc(12px + 0.5vw);
	}

	/*------共通---------*/
	.flex_wrap_reverse {
		flex-wrap: wrap-reverse;
	}

	.flex {
		flex-wrap: wrap;
	}

	.gyoto_maru,
	.gyoto_sikaku {
		font-size: 105%;
	}

	.daiji {
		background-size: 10px;
		padding: 20px 0;
	}

	.daiji .tac {
		font-size: 110%;
	}

	.midasi11::after {
		width: 36%;
	}

	.btn .yellow_stripe {
		background-size: 10px;
	}

	.btn .yellow_stripe {
		padding: 20px;
	}

	.btn .yellow_stripe.dan {
		padding: 15px 20px 15px;
	}

	/*メニューバー*/
	.top_menu_bar {}

	.top_menu_bar h2 {
		margin: 5px 0;
	}

	.openbtn {
		width: 90px;
	}

	.openbtn span:nth-of-type(1) {
		top: 19px;
	}

	.openbtn span:nth-of-type(3) {
		top: 30px;
	}

	.openbtn span:nth-of-type(4) {
		bottom: 58px;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 20px;
	}

	.openbtn.active span:nth-of-type(3) {
		top: 32px;
	}

	/*--------------------*/
	.top_kazari img {
		width: 10%;
	}

	.top_box {
		margin-top: 62px;
	}

	.top_box .hiro_img {
		width: 80%;
	}

	.top_box .tac p {
		margin: 35px auto;
	}

	.section_box {
		margin: 15px auto;
	}

	.section_box.st_back {
		padding: 0 0 30px 0;
	}

	.colorchange {
		margin: 3% 2%;
		height: 55px;
	}

	.colorchange span {
		padding: 10px 25px 10px 5px;
	}

	.colorchange span::before {
		width: 20px;
		height: 20px;
		right: 5px;
	}

	.colorchange .small {
		font-size: smaller;
	}

	.colorchange span::after {
		right: 13px;
		top: 45%;
	}

	.btn_wrap100 {
		margin: 30px auto;
		width: 90%;
	}

	.btn_wrap_width0 {
		margin: 30px auto;
	}

	.contents_wrap.st_back {
		padding: 20px 0;
	}
	.catch_copy{
		margin: 20px auto;
		font-size: 12px;
	}
	/*gorup*/
	.group_top_txt {
		width: 100%;
		margin: 0;
	}

	.group_top_img {
		width: 100%;
		margin-top: 10%;
	}

	.rinen_ttl {
		border-radius: 25px;
		width: 42%;
	}

	.rinen_txt {
		width: 100%;
		border-radius: unset;
	}

	.sunde_img,
	.sunde_txt {
		width: 100%;
	}

	.sunde_txt {
		text-align: center;
		margin-bottom: 20px;
	}

	.sunde_txt h2 {
		font-size: 1em;
	}

	.sunde_img {
		border: 1px solid #0061af;
		border-radius: 10px;
		text-align: center;
	}

	.sunde_img img {
		width: 95%;
	}

	.youtube_link a {
		width: 100%;
	}

	.youtube_link {
		margin: 20px 0 0;
	}

	.youtube_thumbnail {
		margin: 20px 0 0px;
		width: 100%;
	}

	.rizi_greeting_img {
		width: 100%;
	}

	.rizi_greeting_txt {
		width: 100%;
		margin-top: 20px;
	}

	/*職場*/
	.section_box.red {
		padding: 30px 0 0;
		margin-top: 30px;
	}

	.section_box.red .contents_wrap {
		padding-bottom: 15px;
	}

	.section_box.red::after {
		clip-path: ellipse(50% 15% at 50% 100%);
	}

	.syokuba_midashi::after {
		content: none;
	}

	.syokuba_point {
		width: 100%;
	}

	.syokuba_point p {
		margin: 0 5% 4%;
		width: 90%;
		padding: 10px;
	}

	.syokuba_point p:nth-child(n + 5) {
		margin: 0 5% 4%;
	}

	.syokuba_platinum {
		width: 100%;
	}

	.syokuba_platinum p {
		text-align: left;
	}

	.hukuri_txt {
		width: 100%;
	}

	.hukuri_img {
		margin-top: 30px;
	}

	.syokuba_platinum h2 {
		font-size: 1.1em;
	}

	.syokuba_platinum img {
		width: 40%;
	}

	/*人材育成*/
	.ikusei_diji_wrap .daiji {
		width: 100%;
	}

	.ikusei_diji_txt {
		width: 100%;
		margin: 20px 0 0 0;
	}

	.ikusei_midashi {
		margin: 20px 0;
	}

	.naiyo_txt {
		width: 100%;
		margin: 0px 0 0 0;
	}

	/*数字で見る*/
	.suzi_sp_1st {
		margin: 20px 0;
		padding-top: 20px;
	}

	.en_graph img {
		width: 46%;
		margin: 3% 2%;
	}

	.suzi_ttl {
		padding: 15% 10% 10%;
	}

	.suzi_ttl::after {
		left: 2%;
	}

	/*職員の1日*/
	.mizuiro_back .day_tac {
		padding: 30px 0 30px;
	}

	.mizuiro_back {
		background-size: 450px;
	}

	.mizuiro_back::after {
		background-size: 450px;
		height: 20px;
	}

	/*事務所map*/
	.map_ttl {
		width: 100%;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
	}

	.map_ttl h3 {
		width: fit-content;
		padding: 10px 30px;
		border-radius: 25px;
	}

	.map_list {
		width: 100%;
		margin-top: 15px;
	}

	.map_list img {
		width: 50%;
		margin:3vw 0
	}

	/*応募エントリー*/
	.sankaku {
		margin: 15px 0 15px;
	}

	.sikaku,
	.sikaku_huto {
		padding: 5px 20px;
	}

		{}

	.sikaku::after {
		top: 4px;
		left: 4px;
	}

	.sikaku .blue,
	.sikaku h2,
	.sikaku_huto h2 {
		font-size: 1.2em;
	}

	.wrap50 {
		margin-top: 5px;
	}

	/*新卒採用*/
	.saiyou_buttons>div {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.kokomidashi {
		font-size: 17px;
		vertical-align: text-top;
		text-align: left;
		font-weight: normal;
	}

	/*interview*/
	.mizuiro_back.pd {
		padding: 30px 0 30px;
	}

	.iterview_link a {
		font-size: 10px;
	}

	.iterview_link a::after {
		left: 13px;
	}

	.iterview_link a::before {
		width: 15px;
		height: 15px;
	}

	.iterview_block.flex_wrap div {
		width: 100%;
		margin: 2% 0%;
	}

	.iterview_block.flex_wrap div:nth-child(n + 1) {
		border-bottom: 2px solid #0061af;
		padding-bottom: 20px;
	}

	.iterview_block.flex_wrap div:last-child {
		border-bottom: none;
	}

	.block_wrap {
		margin-top: 20px;
	}

	/*footer*/
	footer {
		color: #000;
		margin: 0 0 calc(50px + 3vw);
	}

	footer p {
		font-size: 9px;
	}
	.front_design img {
		max-height:56px;
		width:100vw;
	}
	.co_table {
		flex-wrap: wrap;
		/* width: 10%; */
	}

	.co_table dt {
		width: 100%;
		text-align: left;
	}

	.co_table dd {
		width: 100%;
		margin: 0;
	}

	.co_table em {
		font-size: 12px;
	}

	.co_table {
		width: 100%;
	}

	.co_table dt {
		min-width: 8em;
	}

	input[type=text],
	input[type=radio],
	textarea {
		width: 84vw;
		min-width: unset;
	}

}

/*地域支援活動*/
.blue_intro{
	padding:15px 5px;
	color:#0061af;
	font-weight:bold;
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
}
.chiiki_sdgs_list{
	max-width: 700px;
	margin:0 auto;
}
.chiiki_sdgs_list p{
	display:flex;
	align-items:center;
	background: radial-gradient(circle farthest-side, #0061af, #0061af 30%, transparent 30%, transparent);
	background-size: 12px 4px;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 10px 0 15px;
}
.chiiki_sdgs_list p:last-child{
	background:none;
}
.chiiki_sdgs_list p span:nth-child(1){
	width:50px;
}
.chiiki_sdgs_list p span:nth-child(2){
	width:calc(100% - 50px);
	font-size:110%;
	padding-left:12px;
}
.chiiki_sdgs_list p .blue{
	color:#0061af;
	letter-spacing:0.1em;
}