@charset "UTF-8";
/*--------------- front（トップページ） ---------------*/
/*==================
top モーダル
====================*/
.overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	z-index: 9999;
	margin-top: -80px;
}
.pop_area {
	width: 356px;
	height: 365px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* background: #fff; */
	z-index: 2;
	border-radius: 20px;
	animation: popup 1.5s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
.pop_area .pop_img01{
	width: 100%;
	height: auto;
	display: block;
}
@keyframes popup {
	0% {
		transform: translateY(-40px) scale(0.8);
		opacity: 0;
	}
	100% {
		transform: translateY(0) scale(1.0);
	}
	80%, 100% {
		opacity: 1;
	}
}

.pop_close_btn {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #ffffff;
	position: absolute;
	top: 4%;
	right: 5%;
	z-index: 10;
	cursor: pointer;
}
.pop_close_btn::before, .pop_close_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 18px;
	background: #999999;
}
.pop_close_btn::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.pop_close_btn::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
@media (min-width: 600px) {
	.pop_area {
		width: 463px;
		height: 475px;
	}

}
@media (min-width: 1200px) {
.overlay {
	margin-top: -130px;
}
}
/*==================
front mv sp
====================*/
.home .mv{
	border-radius: 10px;
	position: relative;
	width: 100%;
	height: 380px;
	padding: 0 2rem;
	overflow: hidden;
	margin: 0 auto;
	z-index: 0;
}
.home .mv::before{
	border-radius: 10px;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("../images/front/mv_front01_sp.jpg");
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.mv_area{
	position: relative;
	padding-bottom: 10rem;
}
.mv_ornament01{
	position: absolute;
	top: 1.5rem;
	right: 0.5rem;
	z-index: 2;
}
.bnr_access01 img{
	position: absolute;
	bottom: 7.5rem;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}
.mv_person01{
	position: absolute;
	bottom: 1rem;
	left: 6rem;
	animation: fuwafuwa01 2.2s infinite ease-in-out;
}
.mv_person02{
	bottom: -2rem;
	left: 10.5rem;
	animation: fuwafuwa02 3s infinite ease-in-out;
}
.mv_person03{
	bottom: 3rem;
	left: 20rem;
	z-index: 2;
}
.mv_person04{
	bottom: 0;
	left: auto;
	right: 8rem;
	animation: fuwafuwa03 2.6s infinite ease-in-out;
	z-index: 2;
}
.mv_person05{
	bottom: -3rem;
	left: auto;
	right: 3rem;
}
.mv_ornament02{
	position: absolute;
	bottom: 0rem;
	right: 13rem;
}

.home h1 img{
	position: absolute;
	top: 3.5rem;
	left: 0;
	right: 0;
	margin: auto;
}
@keyframes fuwafuwa01 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, -10px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes fuwafuwa02 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, -20px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes fuwafuwa03 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, -15px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@media (max-width: 599px) {
	.mv_person01{
		width: 38px;
	}
	.mv_person02{
		width: 44px;
	}
	.mv_person03{
		width: 42px;
	}
	.mv_person04{
		width: 41px;
	}
	.mv_person05{
		width: 36px;
	}
	.mv_ornament02{
		width: 68px;
	}
}
/*==================
front mv pc
====================*/
@media (min-width: 600px) {
	.home .mv{
		height: auto;
		margin: 0;
		padding: 0;
		border-radius: 0;
		border-bottom: solid 15px #f6dd6f;
	}
	.home .mv::before{
		background-image: url("../images/front/mv_front01_pc.jpg");
		background-position: center left 40%;
		height: 600px;
		border-radius: 0;
	}
	@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){
		.home .mv::before{
			background-image: url("../images/front/mv_front01_pc@2x.jpg");
		}
	}
	.mv_area {
		padding-bottom: 4rem;
	}
	.mv_area::after{
		background: #fff;
		content: "";
		width: 960px;
		height: 85px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.home h1 img{
		top: 0;
		bottom: 0;
	}
	.mv_ornament01 {
		top: auto;
		bottom: 22.5rem;
		right: 10%;
	}
	.mv_person01 {
		bottom: 23rem;
		left: 4%;
		z-index: 2;
	}
	.mv_person02 {
		bottom: 18rem;
		left: 11%;
	}
	.mv_person03 {
		bottom: 12rem;
		left: 20%;
	}
	.mv_person04 {
		bottom: 7rem;
		left: 27%;
		right: auto;
	}
	.mv_person05 {
		bottom: 10rem;
		left: auto;
		right: 13%;
	}
	.mv_person06 {
		bottom: 3rem;
		left: auto;
		right: 41%;
		animation: fuwafuwa03 2.5s infinite ease-in-out;
	}
	.mv_person07 {
		bottom: 11rem;
		left: auto;
		right: 34%;
		animation: fuwafuwa02 2.5s infinite ease-in-out;
	}
	.mv_person08 {
		bottom: 15rem;
		left: auto;
		right: 27%;
		animation: fuwafuwa01 2.8s infinite ease-in-out;
	}
	.mv_person09 {
		bottom: 11rem;
		left: auto;
		right: 20%;
		animation: fuwafuwa03 2.5s infinite ease-in-out;
	}
	.bnr_access01 img {
		bottom: 0.5rem;
		left: auto;
		right: 3rem;
	}
	.mv_ornament02 {
		bottom: 4.5rem;
		right: 47%;
		z-index: 2;
	}
}


/*==================
home sec01 sp
====================*/
.sec01{
	padding: 6rem 0;
}
.sec01 ul{
	display: grid;
	grid-template-columns: repeat(auto-fit, 60px);
	grid-gap: 5px;
	justify-content: space-between;
	max-width: 190px;
	margin: 2rem auto;
}
.sec01 li{
	background: #00a99d;
	border-radius: 15px;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
/*	width: 60px;*/
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.sec01_ttl_block{
	text-align: center;
}
.sec01_ttl_block p{
	letter-spacing: 0.1em;
}
.sec01 .inner_pc01{
	padding: 0 2rem 5rem;
}
.sec01 span{
	background: linear-gradient(transparent 20%, #f9e79a 20%);
}
.sec01 .text_area02{
	border-radius: 10px;
	background: #e6f2fd;
	padding: 3.5rem 2.5rem;
	margin: -5rem 0 0;
	position: relative;
	z-index: 0;
}
.sec01 .text_area02 p img{
	width: 97px;
	display: block;
	margin: 0.5rem 0 3rem;
}
.swiper_sec01{
	position: relative;
	z-index: -1;
}
.sec01 .text_area02 picture{
	position: absolute;
	bottom: -6.5rem;
	right: 2rem;
	z-index: -1;
}
@media (max-width: 599px) {
	.sec01_ttl_block p{
		font-size: 1.3rem;
	}
}
/*==================
home sec01 pc
====================*/
@media (min-width: 600px) {
	.sec01{
		padding: 0 0 9rem;
	}
	.sec01_text_area{
		position: relative;
	}
	.sec01 .inner_pc01{
		max-width: 1200px;
		margin: 0 auto;
	}
	.sec01 .inner_pc01 .text_area01{
		max-width: 730px;
		width: 50%;
		margin: 0 auto 0 0;
	}
	.sec01_ttl_block b{
		font-size: 1.8rem;
	}
	.swiper_sec01{
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
	}
	.swiper_sec01 img.sp_none{
		margin: 0 0 0 auto;
		display: block;
		border-radius: 10px 0 0 10px;
	}
	.sec01 ul{
		display: grid;
		grid-template-columns: repeat(auto-fit, 100px);
		max-width: 640px;
		margin: 2rem auto 7.8rem;
	}
	.sec01 li{
		border-radius: 23px;
		font-size: 1.8rem;
		height: 46px;
		line-height: 46px;
	}
	.sec01 .text_area02{
		margin: 0;
		max-width: 900px;
		padding: 4.5rem 21rem 4.5rem 3.5rem;
		z-index: -2;
	}
	.sec01 .text_area02 p img{
		display: inline-block;
		margin: 0 2rem 3rem;
	}
	.sec01 .text_area02 b{
		padding-bottom: 2rem;
		display: inline-block;
	}
	.sec01 .text_area02 picture {
		bottom: -4rem;
		right: 5rem;
	}
}


/*==================
works sp
====================*/
.works{
	background: #e4f3ff;
	padding: 8.5rem 2rem;
}
.home .ttl_area01 h3{
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.2;
	
}
.home .ttl_area01{
	text-align: center;
	font-weight: bold;
	position: relative;
}
.home .ttl_area01 p{
	letter-spacing: 0.1em;
}
.works .ttl_area01 picture{
	position: absolute;
	top: -3rem;
	left: 0;
	right: 0;
	margin: auto;
}

.works_unit01 picture img{
	border-radius: 10px;
	margin: 0 auto;
	display: block;
	filter: drop-shadow(0px 7px 5px rgba(54,67,86,0.1)) drop-shadow(0px 10px 0px rgba(187,224,255,1));
}
.works_text_area01{
	position: relative;
	z-index: 0;
	max-width: 700px;
	margin: 0 auto;
}
.works_unit01{
	margin: 5rem 0 7rem;
}
.works_unit01 i{
	color: #fff;
	font-weight: bold;
	font-size: 6rem;
	position: absolute;
	top: -5rem;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: -1;
}
.works_unit01 h4{
	font-size: 2.2rem;
	letter-spacing: 0.4em;
	text-align: center;
	margin: 1rem 0 2rem;
	position: relative;
	display: inline-block;
}
.works_unit01 h4::after{
	background: #f6dd6f;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 15px;
	bottom: 11px;
	left: 0;
	z-index: -1;
}
.works_text_area01 p a{
	text-decoration: underline;
}
.works_unit01 b{
	font-size: 1.7rem;
	display: block;
	margin: 5rem 0 1rem;
}
.works_unit01 li{
	background: #fff;
	border-radius: 20px;
	color: #3d9bdb;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 2rem;
	margin: 5px 5px 5px 0;
}
.works_btn01{
	background: #135197;
	border-radius: 2px;
	color: #fff;
	display: block;
	width: 280px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin: 4rem auto;
	position: relative;
}
.works_unit04 .works_btn01{
	margin-bottom: 1rem;
}
.works_unit04 .works_btn02{
	background: #ff6183;
	margin: 1rem auto 4rem;
}
.works_unit03 ul{
	padding-bottom: 3rem;
}
.works_btn01::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3rem;
	margin: auto;
}
.person_works01{
	display: block;
	margin: -5rem 2rem 0 auto;
}
.person_works02{
	margin: -3rem auto 0;
}
.person_works03{
	margin: 0 auto;
}
.oneword_area{
	background: #fff;
	border-radius: 20px;
	color: #00a99d;
	padding: 5rem 1.5rem 12rem;
	position: relative;
}
.oneword_area h5{
	font-size: 2.2rem;
	text-align: center;
	padding-bottom: 2.5rem;
	letter-spacing: 0.1em;
}
.oneword_area p{
	background-color: #fff; /* 背景色 */
	background-image: linear-gradient(180deg, #cceeeb 1px, transparent 1px); /* 罫線の色と太さ */
	background-size: 100% 2.8em; /* 行の高さ */
	line-height: 2.8; /* 文字の高さ */
	padding-bottom: 1px; /* 最終行の下にも罫線を引く */
	position: relative;
}
.oneword_area p::before{
	content: "";
	border-top: solid 1px #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
.person_works04{
	position: absolute;
	bottom: 2rem;
	left: 0;
	right: 0;
	margin: auto;
}
/*==================
works. pc
====================*/
@media (min-width: 600px) {
	.home .ttl_area01 h3{
		font-size: 5rem;
	}
	.works_unit01 i{
		font-size: 9rem;
	}
	.works_unit01 h4{
		font-size: 2.8rem;
	}
}
@media (min-width: 1025px) {
	.works{
		padding: 13rem 0;
	}

	.works .ttl_area01 picture {
		top: -1.5rem;
	}
	.works_text_area01{
		max-width: 1400px;
		margin: 0 auto;
	}
	.works_text_block01{
		max-width: 700px;
		margin: 0 0 0 auto;
		position: relative;
		width: 50%;
/*		padding-top: 2rem;*/
		padding: 2rem 2rem 0 0;
	}
	.works_unit02 .works_text_block01{
		margin: 0 auto 0 0;
		padding: 2rem 0 0 2rem;
	}
	.works_unit01 i{
		top: -1rem;
		right: auto;
		line-height: 1;
	}
	.works_unit02 i{
		left: 2rem;
	}
	.works_unit01{
		position: relative;
		margin: 8rem 0 13rem;
	}
	.works_unit01 picture{
		position: absolute;
		top: 0;
		left: 0;
		width: 44%;
		height: 100%;
		max-width: 780px;
		z-index: 0;
	}
	.works_unit02 picture{
		left: auto;
		right: 0;
	}
	.works_unit01 picture img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0 10px 10px 0;
		filter: drop-shadow(0px 7px 5px rgba(54,67,86,0.1));
	}
	.works_unit02 picture img{
		border-radius: 10px 0 0 10px;
	}
	.works_unit01 picture::after{
		background: #c2e3ff;
		border-radius: 10px;
		content: "";
		width: 105%;
		height: 100%;
		position: absolute;
		top: 2rem;
		right: -2rem;
		z-index: -1;
	}
	.works_unit02 picture::after{
		left: 2rem;
		right: auto;
	}
	.works_unit01 h4{
		text-align: left;
	}
	.works_unit01 h4::after {
		width: 75%;
		left: 4rem;
	}
	.works_unit01 .center_text01{
		text-align: left;
	}
	.works_unit01 ul{
		max-width: 510px;
	}
	.works_btn01{
		margin: 4rem 0 0;
	}
	.person_works01{
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.works_unit03 ul{
		padding-bottom: 5rem;
	}
	.works_unit04 .works_btn02{
		margin: 1rem 0 4rem;
	}
	.works_unit02 picture img.img_works04_pc {
		object-fit: fill;
	}
	.person_works05 {
		right: -6rem;
	}
	.oneword_area{
		max-width: 900px;
		margin: 0 auto;
		padding: 4.5rem 4rem;
	}
	.oneword_area p {
		padding-left: 12rem;
	}
	.person_works04{
		right: auto;
		bottom: 5rem;
		left: 6rem;
	}
}


/*==================
pickup_area sp
====================*/
.pickup_area{
	padding: 9rem 2rem 20rem;
	position: relative;
}
.pickup_area .ttl_area01{
	padding-bottom: 4.5rem;
}
.pickup_btn01{
	border-radius: 2px;
	border: solid 1px #135197;
	display: block;
	width: 220px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
	position: relative;
	padding-right: 1rem;
}
.pickup_btn01::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #135197;
	border-right: solid 1px #135197;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}
.pickup_person01{
	position: absolute;
	bottom: 6.5rem;
	left: 9rem;
}
.pickup_person02{
	position: absolute;
	bottom: 3rem;
	left: 20rem;
}
/*==================
pickup_area pc
====================*/
@media (min-width: 650px) {
	.pickup_area {
		padding: 17rem 1.5rem 5rem;
	}
	.pickup_inner{
		max-width: 700px;
		margin: 0 auto;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pickup_area .blog_unit01{
		width: 300px;
	}
	.pickup_btn_area{
		position: absolute;
		top: 11rem;
		left: 0;
	}
	.pickup_area .ttl_area01{
		text-align: left;
	}
	.pickup_person01{
		bottom: -14.5rem;
		left: 0;
	}
	.pickup_person02{
		bottom: -18rem;
		left: 11rem;
	}
}
@media (min-width: 1250px) {
.pickup_inner{
	max-width: 1350px;
	}
}


/*==================
support_area sp
====================*/
.support_area{
	background: #e4f3ff;
	position: relative;
	padding: 5rem 2rem;
	margin-top: 3rem;
}
.support_area::before{
	background: url("../images/front/bg_support01_sp.svg") no-repeat center;
	content: '';
	width: 100%;
	height: 90px;
	position: absolute;
	top: -3rem;
	left: 0;
	z-index: -1;
}
.support_area .ttl_area01{
	padding-bottom: 5rem;
}
.support_area li{
	background: #fff;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 7px 10px -7px rgba(54,67,86,0.1);
	margin-bottom: 3rem;
	padding-bottom: 5rem;
}
.support_area li img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.support_area h4{
	font-size: 2.2rem;
	text-align: center;
	padding: 3rem 0 0;
}
.support_area b{
	display: inline-block;
	z-index: 0;
	margin-bottom: 2rem;
	text-decoration: underline; /* 下線 */
	text-decoration-thickness: 15px; /* 線の太さ */
	text-decoration-color: rgba(246, 221, 111, 1); /* 線の色 */
	text-underline-offset: -9px; /* 線の位置。テキストに重なるようにやや上部にする */
	text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

.support_area p{
	padding: 0 2rem;
}
.support_area li a{
	background: #135197;
	border-radius: 2px;
	color: #fff;
	display: block;
	width: 90%;
	max-width: 280px;
	height: 50px;
	text-align: center;
	position: relative;
	line-height: 50px;
	margin: 2rem auto 0;
}
.support_area li a::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}
/*==================
support_area pc
====================*/
@media (min-width: 600px) {
	.support_area {
		padding: 10rem 2rem;
		background: none;
	}
	.support_area::before{
		background: url("../images/front/bg_support01_pc.svg") no-repeat center/cover;
		background-position: top center;
		object-fit: cover;
		height: 297px;
		top: -2rem;
	}
	.support_area .inner_pc01{
		max-width: 1530px;
	}
	.support_area ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.support_area li{
		width: 47%;
	}

	.support_area li img{
		height: 220px;
		object-position: center top;
	}
	.support_area h4 {
		font-size: 2.6rem;
	}
	.support_area p{
		line-height: 1.75;
	}
	.support_area li a {
		margin: 3.5rem auto 0;
	}
	.support_area b {
		margin-bottom: 3rem;
	}
}
@media (min-width: 1025px) {
	.support_area li{
		width: 24%;
	}
	.support_area li:nth-child(2n){
		margin-top: 2rem;
	}
}


/*==================
staff_area sp
====================*/
.staff_area{
	padding: 9rem 0 0;
}
.staff_area .ttl_area01{
	padding: 0 2rem;
}
.staff_area .ttl_area01 p{
	text-align: left;
	letter-spacing: 0.05em;
	padding: 4rem 0;
}
.staff_area .ttl_area01 a{
	border: solid 1px #135197;
	background: #fff;
	border-radius: 2px;
	display: block;
	width: 220px;
	height: 50px;
	text-align: center;
	position: relative;
	line-height: 50px;
	margin: 0 auto 2rem;
	font-weight: normal;
}
.staff_area .ttl_area01 a::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #135197;
	border-right: solid 1px #135197;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}
.staff_area picture img {
	display: block;
	margin: 5rem auto 0;
}
/*==================
staff_area pc
====================*/
@media (min-width: 600px) {
	.staff_area{
		position: relative;
		padding: 0;
	}
	.staff_area::after{
		background: #e4f3ff;
		content: "";
		width: 100%;
		height: 235px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.staff_area .ttl_area01 p{
		text-align: center;
	}
	.staff_area picture{
		max-width: 500px;
		display: block;
        margin: 0 auto;
	}
}
@media (min-width: 1025px) {
	.staff_area .inner_pc01{
		max-width: 1370px;
		display: flex;
		flex-direction: row-reverse;
	}
	.staff_area .ttl_area01{
/*		width: 40%;*/
		width: 52%;
		padding: 10rem 2rem 0 5rem;
	}
	.staff_area .ttl_area01 a{
		margin: 0;
	}
	.staff_area .ttl_area01 h3,
	.staff_area .ttl_area01 p{
		text-align: left;
	}
	.staff_area .ttl_area01 p {
		padding: 0 0 3rem;
		line-height: 2.2;
	}
	.staff_area picture{
		width: 60%;
		/* width: 35%; */
/*		max-width: 760px;*/
/*		max-width: 700px;*/
		/* max-width: 480px; */
		max-width: 600px
	}
	.staff_area picture img{
		width: 100%;
		margin: 9rem auto 0;
	}
}


/*==================
faq_area sp
====================*/
.faq_area{
	padding: 9rem 2rem 0;
}
.faq_area ul{
	margin-top: 3rem;
}
.faq_area li{
	border-bottom: solid 1px #ddefff;
	letter-spacing: 0.05em;
	position: relative;
}
.faq_area li:first-child{
	border-top: solid 1px #ddefff;
}
.faq_area li a{
	display: block;
	font-weight: bold;
	padding: 2rem 5rem 2rem 1rem;
}
.faq_area li::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #135197;
	border-right: solid 1px #135197;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}
.faq_area .faq_btn01{
	border: solid 1px #135197;
	background: #fff;
	border-radius: 2px;
	display: block;
	width: 220px;
	height: 50px;
	text-align: center;
	position: relative;
	line-height: 50px;
	margin: 5rem auto 2rem;
	font-weight: normal;
	padding-right: 1rem;
}
.faq_area .faq_btn01::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #135197;
	border-right: solid 1px #135197;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	margin: auto;
}
/*==================
faq_area pc
====================*/
@media (min-width: 600px) {
	.faq_area{
		padding: 18rem 2rem 5rem;
		position: relative;
	}
	.faq_area .inner_pc01{
		max-width: 750px;
	}
	.faq_area li{
		font-size: 1.8rem;
	}
	.faq_area li a {
		padding: 2rem 5rem 2rem 2.5rem;
	}
	.faq_area .img_faq01{
		position: absolute;
		top: 36rem;
		left: 1%;
		width: 126px;
		z-index: -1;
	}
	.faq_area .img_faq02{
		position: absolute;
		top: 15rem;
		right: 0;
		z-index: -1;
	}
}


/*==================
blog_area01 sp
====================*/
.blog_area01{
	padding: 1.5rem 0 0;
}

.blog_img01{
	width: 100%;
}
.blog_img01 img{
	width: 100%;
	height: 230px;
	object-fit: cover;
}
.blog_text_area01{
	width: 100%;
	padding: 2rem 0;
}
.category_name01{
	background: #5ba8e8;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	padding: 0.6rem 1.5rem;
	line-height: 1.2;
}
.blog_ttl01{
	font-weight: bold;
	padding: 2rem 0 0;
}
.blog_date_time01{
	color: #8cc2ef;
	font-size: 1.4rem;
	padding-bottom: 1rem;
}
.blog_unit01{
	display: block;
	padding: 4rem 0;
	border-top: solid 1px #add3f3;
}

.home .blog_unit01 .blog_date_time01{
	color: #999999;
}
.blog_area01 .blog_unit01:last-child{
	border-bottom: solid 1px #add3f3;
}
.home .blog_unit01{
	border: none;
	margin: 0 0 4rem;
	padding: 0;
}
/*==================
blog_area01 pc
====================*/
@media (min-width: 600px) {
	.blog_area01 .blog_unit01{
		width: 47.5%;
		border: none;
		padding-bottom: 0
	}
	.blog_area01 .blog_unit01:last-child{
		border-bottom: none;
	}
	.blog_area01 .flex_b_pc{
		align-items: baseline;
	}
}
@media (min-width: 1025px) {
	.category_name01{
		padding: 0 2.5rem;
		line-height: 2.4;
	}
}


/*==================
job_request_area01 sp
====================*/
.job_request_area01{
	background: #ff6183;
	border-radius: 10px;
	color: #fff;
	padding: 2.5rem 1.5rem 2.5rem;
	margin-bottom: 10rem;
}
.img_job_request01{
	display: block;
	margin: 0 auto;
}
.job_request_ttl{
	font-weight: bold;
	text-align: center;
}
.balloon01 {
	position: relative;
	display: inline-block;
	padding: 7px 10px;
	min-width: 160px;
	max-width: 100%;
	color: #ff6183;
	background: #ffeff3;
	border-radius: 3px;
	margin-bottom: 1.2rem;
}

.balloon01:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #ffeff3;
}
.job_request_ttl b{
	font-size: 2rem;
}
.job_request_text{
	margin: 2rem 0 1.5rem;
}
/*==================
job_request_area01 pc
====================*/
@media (min-width: 600px) {
	.job_request_text{
		max-width: 270px;
		margin: 0 5rem;
		font-size: 1.3rem;
	}
	.job_request_area01{
		justify-content: flex-start;
		flex-wrap: nowrap;
		align-items: center;
		padding: 2.2rem 4rem 2.2rem;
	}
	.balloon01{
		margin-bottom: 2rem;
	}
}



/*--------------- info（ご利用案内） ---------------*/
/*==================
info_page sec01 sp
====================*/
.info_page .sec01{
	background: #f5faff;
	padding: 2rem 2rem 9rem;
}
.info_page .sec01_ttl_block img{
	border-radius: 10px;
	margin-bottom: 5rem;
}
.info_page .sec01_ttl_block{
	margin-bottom: 2.2rem;
}
.info_page .sec01 .inner_pc01{
	padding: 0;
}
.point_block01{
	background: #fff;
	border: solid 1px #99ddd8;
	border-radius: 10px;
	color: #00a99d;
	padding: 2.5rem 2rem 4rem;
	margin-top: 4rem;
}
.point_block01 h3{
	padding-bottom: 1.5rem;
}
.point_block01 p{
	background-image: linear-gradient(180deg, #cceeeb 1px, transparent 1px);
	background-size: 100% 2.8em;
	line-height: 2.8;
	padding-left: 3rem;
	position: relative;
}
.point_block01 p:last-child{
	padding-bottom: 1px;
}
.point_block01 p::before{
	content: "●";
	color: #00a99d;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1rem;
	margin: auto;
}
.point_block01 p.first::after{
	content: "";
	border-top: solid 1px #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
/*==================
info_page sec01 pc
====================*/
@media (min-width: 600px) {
	.info_page .sec01{
		padding: 10rem 0 11rem;
	}
	.info_page .sec01_ttl_block {
		margin-bottom: 6.2rem;
	}
	.point_block01 h3{
		font-size: 2.4rem;
		padding: 0;
	}

	.info_page .sec01 .inner_pc01 .text_area01 {
		width: 61%;
	}
	.img_info01{
		border-radius: 10px 0 0 10px;
		position: absolute;
		top: 0;
		right: 0;
		width: 36%;
		height: 100%;
		object-fit: cover;
		object-position: left center;
	}
	.info_page .sec01 .inner_pc01 {
		padding: 0 2rem;
	}
	.sec01 .inner_pc01 .point_block01.text_area01 {
		padding: 2rem 3rem 3rem;
		margin-top: 4rem;
	}
}


/*==================
info_page flow_area sp
====================*/
.flow_area{
	padding: 9rem 0;
}
.flow_text01{
	padding: 2rem;
}

/*タブ実装*/
.tab_box{
	position: relative;
	z-index: 2;
}
.tab_box .btn_area {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin-top: 5rem;
}

.tab_box .tab_btn {
	width: 50%;
	padding: 2rem 0;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	color: #808080;
	background: #e6e6e6;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.4;
	border-bottom: solid 1px #135197;
}

.tab_box .tab_btn.active {
	color: #135197;
	background: #fff;
	border: solid 1px #135197;
	border-bottom: none;
}

.tab_box .panel_area {
	padding: 5rem 2rem 0;
}

.tab_box .tab_panel {
	display:none;
}

.tab_box .tab_panel.active {
	display:block;
}

.panel_area li{
	background-color: #5ba8e8;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	position: relative;
	padding: 3rem 0;
	margin: 6rem 0 7.5rem;
	line-height: 1;
}
.panel_area li:last-child{
	background-color: #19b2a7;
}
.panel_area li img{
	position: absolute;
	top: -6rem;
	left: 0;
	right: 0;
	margin: auto;
}
.panel_area li i{
	color: #00a99d;
	font-size: 1.6rem;
	position: absolute;
	top: -3.5rem;
	left: 0;
	right: 0;
	margin: auto;
}
.panel_area li img.person_info01{
	top: auto;
	bottom: -7rem;
	left: auto;
	right: 1rem;
}
.panel_area li span{
	font-weight: normal;
	font-size: 1.5rem;
}
.panel_area ul{
	position: relative;
	margin-bottom: 15rem;
}
.panel_area ul::before{
	content: "";
	border-left: dotted 4px #8cc2ef;
	height: 100%;
	position: absolute;
	top: 0;
	left: 1rem;
}

.step_unit01{
	border-top: solid 1px #ddefff;
	position: relative;
	padding: 2.5rem 0 0;
	margin-bottom: 3rem;
}
.step_unit01::before{
	background: #5ba8e8;
	content: "";
	width: 70px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.step_unit01:last-child{
	border-bottom: solid 1px #ddefff;
	padding-bottom: 5rem;
}
.step_ttl_area01{
	display: flex;
	align-items: flex-end;
}
.step_text01{
	color: #5ba8e8;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	font-style: italic;
	display: block;
	line-height: 1;
	padding-right: 3rem;
}
.step_text01 b{
	font-size: 3.4rem;
	display: block;
	margin-top: 7px;
}
.step_img01{
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	object-position: left 10% bottom 20%;
	margin: 2rem auto;
}
.step_ttl_area01 h3{
	position: relative;
	z-index: 0;
	font-size: 2.4rem;
}
.step_ttl_area01 h3 span{
	font-size: 1.5rem;
	font-weight: normal;
}
.step_ttl_area01 h3::after {
	background: #f9e79a;
	content: "";
	display: block;
	position: absolute;
	width: 116%;
	height: 15px;
	bottom: 5px;
	left: -4px;
	z-index: -1;
}
.step_unit01:last-child h3,
.step_unit05 h3{
	display: inline-block;
	font-size: 1.9rem;
	margin-bottom: 2rem;
	text-decoration: underline;
	text-decoration-thickness: 15px;
	text-decoration-color: rgba(249, 231, 154, 1);
	text-underline-offset: -9px;
	text-decoration-skip-ink: none;
	letter-spacing: 0.02em;
}
.step_unit05 h3{
	font-size: 2.4rem;
	line-height: 1.4;
}
.step_unit01:last-child h3::after,
.step_unit05 h3::after{
	content: none;
}
.step_unit01:last-child .step_ttl_area01,
.step_unit05 .step_ttl_area01{
	align-items: baseline;
}
.step_unit01:last-child .step_text01{
	color: #00a99d;
}
.step_text_area01{
	padding: 0 0 6rem 2rem;
	border-left: dotted 4px #8cc2ef;
	margin-left: 1rem;
}
.step_text_area01 .f_contact_block{
	margin-top: 4rem;
}
.person_info02{
	position: absolute;
	bottom: -10rem;
	left: 8%;
	width: 65px;
}
.person_info03, .person_info04{
	position: absolute;
	bottom: -9.2rem;
	right: 39%;
	transform: scale(-1, 1);
	width: 71px;
}
.person_info04{
	width: 61px;
	bottom: -7rem;
	right: 9%;
}
.step_ornament01{
	width: 68px;
	transform: scale(-1, 1);
	position: absolute;
	bottom: -11rem;
	right: 18%;
}
@media (max-width: 599px) {
	.step_unit02 .step_img01{
		object-position: top center;
	}
	.step_unit03 .step_img01{
		object-position: left 10% top 38%;
	}
	.step_unit04 .step_img01{
		object-position: left 10% top 34%;
	}
}
/*==================
info_page flow_area pc
====================*/
@media (min-width: 600px) {
	.flow_area{
		max-width: 1200px;
		margin: 0 auto;
		padding: 13rem 2rem;
	}
	.flow_text01{
		text-align: center;
	}
	.tab_box .panel_area {
		padding: 5rem 0 0;
	}
	.panel_area ul{
		display: flex;
		justify-content: space-between;
		margin-bottom: 4rem;
	}
	.panel_area li{
		font-size: 1.8rem;
		width: 23%;
		height: 120px;
		background-color: transparent ;
		background-image: url("../images/info/bg_step01_pc.png");
		background-position: center right;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 5rem 0 0;
	}
	.panel_area li:last-child{
		background-image: url("../images/info/bg_step02_pc.png");
	}
	.panel_area li img {
		top: -4.5rem;
	}
	.panel_area li i {
		top: -3.5rem;
		}
	.panel_area ul::before{
		border-left: none;
		border-top: dotted 4px #8cc2ef;
		top: 12rem;
		width: 97%;
	}
	.step_unit01{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		padding: 6rem 0 5rem 0;
		margin: 0;
	}
	.step_ttl_area01{
		position: absolute;
		top: 3.5rem;
		left: 0;
	}
	.step_img01{
		width: 30%;
		max-width: 340px;
		height: 100%;
		object-position: center;
		margin: 0;
	}
	.step_text_area01 {
		margin-top: 7rem;
		padding: 1.5rem 0 4rem 5rem;
		width: 62.5%;
		margin-left: 3.5rem;
	}
	.step_text_area01 .f_contact_block {
		flex-direction: row-reverse;
		justify-content: start;
		flex-wrap: wrap;
	}
	.step_text_area01 .f_contact_block .tel_btn01{
		margin-left: 3rem;
	}
	.step_text_area01 .f_contact_block .flex_b{
		flex-wrap: nowrap;
	}
	.step_unit01:last-child h3{
		font-size: 2.4rem;
	}
	.person_info02{
		bottom: -13rem;
		left: 28%;
		width: auto;
	}
	.person_info03{
		bottom: -11.2rem;
		right: 0;
		left: 0;
		margin: auto;
		width: auto;
	}
	.person_info04{
		width: auto;
		bottom: -9rem;
		right: 28%;
	}
	.step_ornament01{
		width: 121px;
		bottom: -17rem;
		right: 39%;
	}
}
@media (min-width: 1025px) {
	.panel_area li{
		font-size: 2rem;
		width: 21%;
	}
	.person_info02{
		left: 36%;
	}
	.person_info04{
		right: 36%;
	}
}
@media screen and (min-width: 600px) and (max-width: 1145px){
	.step_text_area01 .f_contact_block .flex_b{
		max-width: 290px;
		margin: 1.5rem 1.5rem 0 0;
	}
	.step_text_area01 .f_contact_block .tel_btn01 {
		border: solid 1px #135197;
		width: 290px;
		margin: 1.5rem 0 0;
	}
	.step_text_area01 .f_contact_block .tel_btn01 b{
		font-size: 2rem;
	}
}


/*==================
info_page day_flow_area sp
====================*/
.day_flow_area{
	background: #f5faff;
	padding: 9rem 2rem;
	margin-top: 5rem;
	position: relative;
	z-index: 0;
}
.img_day_flow01{
	position: absolute;
	bottom: 22.5%;
	right: 1rem;
	width: 65px;
	z-index: -1;
}
.day_flow_area .flow_text01{
	padding: 2rem 0 5rem;
}
.day_flow_unit01{
	background: #e6f2fc;
	border: solid 1px #bddcf6;
	border-radius: 10px;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}
.day_flow_unit01 h3{
	background: #5ba8e8;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-size: 1.8rem;
	line-height: 60px;
}
.day_flow_unit01 h3 span{
	background: #fff;
	border-radius: 4px;
	color: #5ba8e8;
	margin-right: 1rem;
	padding: 2px 13px;
}
.day_flow_unit01 table{
	color: #5ba8e8;
	margin: 3.5rem auto 1.5rem;
	width: 92%;
	line-height: 1;
}
.day_flow_unit01 table td{
	background: #fff;
	border-radius: 2px;
	padding: 1.6rem 1.5rem 0;
	width: 80%;
	height: 50px;
}
.day_flow_unit01 table td.none{
	background: none;
}
.day_flow_unit01 table th{
	width: 20%;
	text-align: left;
	vertical-align: middle;
}
.day_flow_unit01 table tr{
	border-bottom: solid 5px #e6f2fc; 
}
.person_info05{
	width: 48px;
	display: block;
	margin: 0 auto 5px;
	transform: scale(-1, 1);
}
.person_info06{
	width: 62px;
	display: block;
	margin: 0 auto 5px;
}
.day_flow_block01 div{
	padding: 0 1.5rem;
}
.day_flow_unit01 p{
	padding-top: 1rem;
}
.day_flow_unit01 p a{
	text-decoration: underline;
}
.day_flow_area .point_block01 a{
	color: #00a99d;
	text-decoration: underline;
}
.day_flow_area .point_block01 h3{
	font-size: 2rem;
	letter-spacing: 0.02em;
}
/*==================
info_page day_flow_area pc
====================*/
@media (min-width: 600px) {
	.day_flow_area {
		margin-top: 7rem;
		padding: 12rem 2rem 10rem;
	}
	.img_day_flow01{
		width: 126px;
		bottom: auto;
		top: 40rem;
	}
	.day_flow_area .inner_pc01{
		max-width: 1160px;
	}
	.day_flow_unit01{
/*		width: 48%;*/
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		padding-bottom: 4rem;
	}
	.day_flow_unit01 table {
		margin: 4rem auto 1.5rem;
		width: 86%;
	}
	.day_flow_unit01 table th {
		width: 17%;
	}
	.day_flow_unit01 table td {
		padding: 2rem 2.5rem 0;
		height: 60px;
		width: 83%;
	}
	.day_flow_block01{
		display: flex;
		align-items: flex-end;
	}
	.day_flow_block01 div{
		width: 78%;
		padding: 3rem 3.5rem 0 0;
	}
	.person_info05,
	.person_info06{
		width: auto;
		margin-bottom: 2rem;
	}
	.day_flow_block01 h4{
		text-align: left;
	}
	.day_flow_area .point_block01{
		max-width: 700px;
		margin: 4rem auto;
	}
}



/*--------------- support（ひまわりのサポート） ---------------*/
/*==================
support_page support_block sp
====================*/
.support_block{
	background: #f5faff;
	padding: 5rem 2rem;
}
.support_unit01{
	margin: 0 0 7rem;
	position: relative;
}
.support_unit01 picture img{
	border-radius: 10px;
	margin: 0 auto 2rem;
	display: block;
	filter: drop-shadow(0px 7px 5px rgba(54,67,86,0.1)) drop-shadow(0px 10px 0px rgba(187,224,255,1));
}
.support_text_area01{
	position: relative;
	z-index: 0;
	max-width: 700px;
	margin: 0 auto;
}
.support_ttl01 h2{
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 2rem;
	line-height: 1.2;
}
.support_unit01 ul{
	margin-top: 2rem;
}
.support_unit01 li{
	background: #fff;
	border-radius: 20px;
	border: solid 1px #00a99d;
	color: #00a99d;
	display: inline-block;
	padding: 10px 15px;
	margin: 5px 5px 5px 0;
	line-height: 1.2;
}
.support_unit01 span {
	background: linear-gradient(transparent 20%, #f9e79a 20%);
}
.annotation01{
	color: #62abf4;
}
.annotation02{
	text-align: right; 
}
.support_unit_ornament01{
	width: 80px;
	position: absolute;
	top: -4rem;
	left: 2rem;
	z-index: 2;
}
/*==================
support_page support_block pc
====================*/
@media (min-width: 1025px) {
	.support_block{
		padding: 11rem 0;
	}
	.support_text_area01{
			max-width: 1400px;
			margin: 0 auto;
		}
	.support_unit01{
		position: relative;
		margin: 0 0 17rem;
	}
	.support_ttl01 h2{
		font-size: 3.6rem;
		line-height: 1.7;
	}
	.support_text_block01{
		max-width: 700px;
		margin: 0 0 0 auto;
		position: relative;
		width: 50%;
		padding: 2rem 2rem 0 0;
	}
	.support_unit02 .support_text_block01{
		margin: 0 auto 0 0;
		padding: 2rem 0 0 2rem;
	}
	.support_unit01 picture{
		position: absolute;
		top: 0;
		left: 0;
		width: 44%;
		height: 100%;
		max-width: 780px;
		z-index: 0;
	}
	.support_unit02 picture{
		left: auto;
		right: 0;
	}
	.support_unit01 picture img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0 10px 10px 0;
	}
	.support_unit02 picture img{
		border-radius: 10px 0 0 10px;
	}
	.support_unit01 ul{
		max-width: 670px;
		display: flex;
		flex-wrap: wrap;
	}
	.support_unit01 picture img{
		filter: drop-shadow(0px 7px 5px rgba(54,67,86,0.1));
	}
	.support_unit01 picture::after {
		background: #c2e3ff;
		border-radius: 10px;
		content: "";
		width: 105%;
		height: 100%;
		position: absolute;
		top: 2rem;
		right: -2rem;
		z-index: -1;
	}
	.support_unit02 picture::after {
		left: 2rem;
		right: auto;
	}
	.support_unit_ornament01{
		width: 126px;
		top: 1rem;
		left: auto;
		right: 38%;
	}
}



/*--------------- office（事業所案内） ---------------*/
/*==================
office_page office_inner sp
====================*/
.common_inner01{
	padding: 10rem 2rem;
}
.office_inner table{
	width: 100%;
}
.office_inner .flex_b_pc img{
	margin: 0 0 1.5rem;
	width: 100%;
}
.office_inner tr{
	border-top: solid 1px #ddefff;
}
.office_inner tr:last-child{
	border-bottom: solid 1px #ddefff;
}
.office_inner tr:last-child a{
	text-decoration: underline;
}
@media (max-width: 599px) {
	.office_inner th,
	.office_inner tr,
	.office_inner td {
		display: block;
		line-height: 2;
	}
	.office_inner th{
		padding: 2rem 1.5rem 0;
		text-align: left;
	}
	.office_inner td{
		padding: 1rem 1.5rem 2rem;
	}
}
.office_map_area{
	padding: 5rem 0;
}
.office_map_area p{
	padding-top: 1.5rem;
}

/*==================
office_page office_inner pc
====================*/
@media (min-width: 600px) {
	.common_inner01{
		max-width: 840px;
		margin: 0 auto;
		padding: 5rem 2rem;
	}
	.office_inner th,
	.office_inner tr,
	.office_inner td {
		line-height: 2;
	}
	.office_inner th{
		width: 20%;
		text-align: left;
		padding-left: 2rem;
	}
	.office_inner td{
		width: 80%;
		padding: 3rem 0 3rem 3.5rem;
	}
	.office_inner .map{
		width: 100%;
	}
	.office_map_area {
		padding: 8rem 0;
	}
	.office_inner .flex_b_pc img{
		width: 49.5%;
	}
}



/*--------------- reviews（利用者様の声） ---------------*/
/*==================
reviews_page reviews_inner sp
====================*/
.reviews_unit01{
	margin-bottom: 5rem;
}
.reviews_block01{
	background: #ebf6ff;
	border-radius: 10px;
	padding: 1rem 0;
	display: block;
}
.reviews_block01 img{
	width: 100%;
}
.reviews_block02{
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-top: -1.5rem;
}
.reviews_block02 .icon_reviews01{
	width: 40px;
	height: 40px;
	margin-right: 1rem;
}
.reviews_block02 ul{
	background: #c2e3ff;
	border-radius: 10px;
	padding: 2rem 2rem 0;
	line-height: 1.7;
	position: relative;
	width: 82%;
}
.reviews_block02 ul::before{
	background: url("../images/reviews/img_triangle01.png") no-repeat center;
	background-size: contain;
	content: "";
	display: block;
	width: 30px;
	height: 20px;
	position: absolute;
	top: 4rem;
	left: -2rem;
	margin: auto;
}

.reviews_block02 li{
	margin-bottom: 2.5rem;
}
/*==================
reviews_page reviews_inner pc
====================*/
@media (min-width: 600px) {
	.reviews_block01 img{
		width: auto;
		margin: 0 auto;
		display: block;
	}
	.reviews_block02 {
		margin-top: -5.5rem;
	}
	.reviews_block02 .icon_reviews01{
		width: 100px;
		height: 100px;
		margin: 0 4rem;
	}

	.reviews_block02 ul{
		width: 75%;
		padding: 3rem 6rem 0;
	}
	.reviews_block02 ul::before {
		width: 40px;
		height: 30px;
		left: -3rem;
	}
	.reviews_block02 li {
		margin-bottom: 3rem;
	}
}



/*--------------- faq（よくある質問） ---------------*/
/*==================
faq_page sp
====================*/
.faq_bg{
	background: #f5faff;
	padding: 3.5rem 2rem 8rem;
}
.faq_block01{
	background: #fff;
	box-shadow: 0px 7px 20px 2px rgba(0,108,196,0.1);
	border-radius: 10px;
	padding: 6rem 2rem 4rem;
	position: relative;
	margin-bottom: 5.5rem;
}
.faq_person01{
	display: block;
	margin: 0 auto;
}
.faq_block01 ul{
	padding: 4rem 0 0;
}
.faq_block01 ul b{
	display: block;
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
.faq_block01 ul span{
	background: #135197;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	margin-right: 1rem;
}
.faq_block01 li{
	border-bottom: solid 1px #ddefff;
	padding-bottom: 4.5rem;
	margin-bottom: 4.5rem;
}
@media (max-width: 599px) {
	.faq_person01{
		width: 68px;
	}
	.faq_person02{
		width: 62px;
	}
	.faq_person03{
		width: 45px;
	}
}
/*==================
faq_page pc
====================*/
@media (min-width: 600px) {
	.faq_bg {
		padding: 6.5rem 3.5rem 10rem;
	}
	.faq_block01{
		padding: 6.5rem 3.5rem;
		max-width: 800px;
	}
	.faq_block01 ul b{
		font-size: 2rem;
	}
	.faq_block01 ul span{
		font-size: 2rem;
		width: 40px;
		height: 40px;
		line-height: 2;
		margin-right: 1.5rem;
	}
	.faq_block01 ul p{
		padding-left: 5.5rem;
	}
}



/*--------------- others（その他の事業所） ---------------*/
/*==================
others_page others_inner sp
====================*/
.others_inner a{
	background: #115097;
	color: #fff;
	display: block;
	font-weight: bold;
	width: 280px;
	height: 50px;
	text-align: center;
	margin: 3.5rem auto 0;
	position: relative;
	line-height: 50px;
}
.others_inner a::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3rem;
	margin: auto;
}
.others_inner a svg{
	width: 22px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2rem;
	margin: auto;
}
.others_inner li{
	line-height: 1.7;
	border-top: solid 1px #ddefff;
	padding: 3rem 1rem;
}
.others_inner li p{
	padding: 1.5rem 0 0;
}
.others_inner li:last-child{
	border-bottom: solid 1px #ddefff;
}
/*==================
others_page others_inner pc
====================*/
@media (min-width: 600px) {
	.others_inner a{
		margin: 3.5rem 0;
	}
	.others_inner li{
		padding: 3.5rem 2rem;
	}
}



/*--------------- staff（スタッフ紹介） ---------------*/
/*==================
staff_page staff_unit01 sp
====================*/
.staff_unit01{
	background: #ebf6ff;
	border-radius: 10px;
	padding: 1.5rem;
	margin-bottom: 3.5rem;
}

.staff_unit01 .flex_b_pc img{
	width: 100%;
	height: 178px;
	object-fit: cover;
	margin-bottom: 2rem;
}
.staff_unit01 .flex_b_pc b{
	font-size: 2rem;
	display: block;
	padding-top: 10px;
}
.staff_unit01 .flex_b_pc span{
	font-size: 1.2rem;
}
.staff_unit01 .flex_b_pc{
	line-height: 1;
	border-bottom: solid 1px #567eb1;
	padding-bottom: 2.5rem;
}
.staff_text01{
	padding: 0 0 1rem;
	line-height: 1.9;
}
.staff_text01 b{
	padding-top: 2rem;
	display: block;
}
@media (max-width: 599px) {
	.staff_unit01 .flex_b_pc div{
		text-align: center;
	}
	.staff_post{
		position: relative;
		display: inline-block;
		text-align: center;
	}
	.staff_post::before{
		content: "";
		background: #135197;
		width: 3px;
		height: 1px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1.2rem;
		margin: auto;
	}
	.staff_post::after{
		content: "";
		background: #135197;
		width: 3px;
		height: 1px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -1.2rem;
		margin: auto;
	}
}
/*==================
staff_page staff_unit01 pc
====================*/
@media (min-width: 600px) {
	.staff_unit01{
		padding: 2.5rem 5rem;
	}
	.staff_unit01 .flex_b_pc b{
		font-size: 2.6rem;
	}
	.staff_unit01 .flex_b_pc img{
		max-width: 350px;
		width: 58%;
		height: 215px;
	}
	.staff_unit01 .flex_b_pc{
		flex-direction: row-reverse;
		align-content: center;
	}
	.staff_unit01 .flex_b_pc div{
		padding-top: 8rem;
	}
	.staff_text01 b {
		padding-top: 2.5rem;
	}
}



/*--------------- business（企業のご担当者様） ---------------*/
/*==================
business_page mv sp
====================*/
.business_page .List{
	background: #fff1ef;
}
.business_page .common_mv01{
	background-image: url("../images/common/mv_common02_sp.png");
}
/*==================
business_page mv pc
====================*/
@media (min-width: 600px) {
	.business_page .common_mv01{
		background-image: url("../images/common/mv_common02_pc.png");
	}
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.business_page .common_mv01{
			background-image: url("../images/common/mv_common02_pc@2x.png");
		}
	}
}


/*==================
business_page support_block（support_page共通） sp
====================*/
.business_page .support_block{
	background: #fff1ef;
}
.business_page .support_unit01 picture img{
	filter: drop-shadow(0px 7px 5px rgba(0,108,196,0.1)) drop-shadow(0px 10px 0px rgba(255,229,225,1));
}
.business_page .support_ttl01 h2 {
	line-height: 1.6;
}
/*point*/
.business_page  h3 {
	font-size: 2.5rem;
}
.business_page .support_area {
	background: none;
	padding: 1.5rem 0;
}
.business_page .support_area h4 {
	line-height: 1.6;
	padding-bottom: 2rem;
}
.business_page .ttl_area01 p{
	font-weight: bold;
}
.business_page .support_area .ttl_area01{
	padding-bottom: 3rem;
}
/*==================
business_page support_block（support_page共通） pc
====================*/
@media (min-width: 600px) {
	/*point*/
	.business_page h3 {
		font-size: 5rem;
	}
	.business_page .support_area{
		max-width: 1140px;
		margin: 0 auto;
		padding: 1.5rem;
	}
	
	.business_page .support_area li{
		width: 47%;
		margin: 0 auto 3rem;
	}

}
@media (min-width: 1025px) {
	.business_page .support_unit01 picture img{
		filter: drop-shadow(0px 7px 5px rgba(0,108,196,0.1));
	}
	.business_page .support_unit01 picture::after {
		background: #ffe5e1;
	}
	
	/*point*/
	.business_page .support_area li{
		width: 32%;
		margin: 0;
	}
	.business_page .support_area li:nth-child(2n) {
		margin-top: 2rem;
	}
}


/*==================
business_page service_area sp
====================*/
.service_area{
	padding: 10rem 2rem;
	position: relative;
}
.b_service_ornament01{
	width: 98px;
	position: absolute;
	top: 5.5rem;
	right: -1rem;
}
.b_service_img01 img{
	display: block;
	margin: 2.5rem auto;
}
.b_service_block01{
	padding: 0 0 7rem;
}
.b_service_block01 h4{
	border-left: solid 3px #115097;
	font-size: 2rem;
	padding-left: 2rem;
	line-height: 1.8;
}

.b_service_block01 ul{
	display: flex;
	flex-wrap: wrap;
}
.b_service_block01 li{
	color: #00a99d;
	border: solid 1px #00a99d;
	border-radius: 20px;
	display: inline-block;
	padding: 0 1.5rem;
	margin: 0 1rem 1rem 0;
}
.b_service_block01 li:last-child{
	border: none;
	margin: 0;
	padding: 15px 0 0;
	line-height: 1;
}
.b_service_block01 span {
	background: linear-gradient(transparent 20%, #f9e79a 20%);
}
.b_service_block01 table{
	background: #e5f6f5;
	font-weight: bold;
	color: #115097;
	width: 100%;
	margin: 3rem 0 0;
}
.b_service_block01 th{
	font-size: 1.8rem;
	text-align: center;
	padding: 1rem 0;
	vertical-align: middle;
}
.b_service_block01 td{
	padding: 2rem;
}
.b_service_block01 td b{
	font-size: 3rem;
}
.b_service_block01 td p{
	position: relative;
	padding: 6px 0 6px 4rem;
	line-height: 1;
	display: block;
}
.b_service_block01 td p::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #115097;
}
.b_service_block01 td p::after{
	content: "";
	position: absolute;
	width: 7px;
	height: 11px;
	top: 13px;
	left: 9px;
	margin: auto;
	-webkit-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	transform: rotate(38deg);
	border-right: 1px solid #e5f6f5;
	border-bottom: 1px solid #e5f6f5;
	z-index: 2;
}
.b_service_block01 p a{
	text-decoration: underline;
}
.creation_img_area{
	display: flex;
	max-width: 800px;
}
.creation_img_area img{
	width: 230px;
	height: 150px;
	object-fit: cover;
	margin: 0 8px 10px 0;
}
.creation_img_area::-webkit-scrollbar{
	height: 6px;
	margin-right: 2rem;
}
.creation_img_area::-webkit-scrollbar-track{
	background-color: #e6e6e6;
}
.creation_img_area::-webkit-scrollbar-thumb{
	background-color: #b3b3b3;
}
@media (max-width: 599px) {
	.b_service_img01{
		max-width: 320px;
	}
	.b_service_block01 ul{
		width: 525px;
	}
	.b_service_block02 ul{
		width: 320px;
	}
	.scroll_x_area{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		margin: 2rem -2rem 2rem 0;
	}
	.creation_img_area.scroll_x_area{
		margin-right: 0;
	}
	.b_service_block01 table{
		width: 100%;
	}
	.b_service_block01 th, .b_service_block01 td{
		display: block;
	}
	.b_service_block01 th{
		border-bottom: solid 1px #fff;
	}
}


.b_review_area{
	background: #f1f5f9;
	border-radius: 10px;
	padding: 6.5rem 0 1.5rem;
}
.b_review_unit01{
	padding: 0 1.5rem;
}
.b_review_area b{
	background: #115097;
	border-radius: 20px;
	color: #fff;
	display: block;
	text-align: center;
	width: 160px;
	height: 40px;
	margin: 4.5rem auto 2rem;
	line-height: 40px;
}
.b_review_block01{
	padding-bottom: 2rem;
}
.b_review_block01 h4{
	background: #5a85b6;
	border-radius: 5px;
	color: #fff;
	padding: 7px 1.5rem;
	line-height: 1.5;
	margin: 1.5rem 0;
	position: relative;
}
.b_review_block01 h4::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: #5a85b6 transparent transparent transparent;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}
.b_review_block01 p{
	padding: 0 1.5rem;
}
.b_review_block02{
	background: #7197c1;
	border-radius: 5px;
	color: #fff;
	padding: 1.5rem;
	line-height: 1.5;
}
.b_review_block02 div{
	text-align: right;
	padding-top: 1.8rem
}
.b_review_unit02{
	border-top: solid 1px #d0dcea;
	margin: 5rem 0 1rem;
}
/*==================
business_page service_area pc
====================*/
@media (min-width: 600px) {
	.b_service_ornament01{
		width: 126px;
		top: 60rem;
		right: auto;
		left: -20%;
	}
	.b_service_block01{
		padding: 0 0 10rem;
	}
	.b_service_block01 h4{
		font-size: 2.4rem;
		border-left: solid 6px #115097;
	}
	.scroll_x_area{
		margin: 2rem 0;
	}
	.b_service_block01 th{
		width: 170px;
		border-right: solid 1px #fff;
	}
	.b_service_block01 td {
		padding: 2.5rem 4rem;
	}
	.creation_img_area{
		overflow-x: scroll;
		margin-top: 3rem;
	}
	.creation_img_area img{
		width: 340px;
		height: 220px;
	}

	.b_review_unit01{
		padding: 0 2.5rem;
	}
	.b_review_area b{
		width: 230px;
	}
}


/*==================
business_page b_contact_area sp
====================*/
.b_contact_area{
	background: #fff1ef;
	padding: 8rem 2rem;
}
.b_contact_area .common_inner01{
	background: #fff;
	padding: 2rem 1.5rem;
	margin: 3rem auto;
}
.b_contact_area .flex_b_pc{
	background: #ffb0c1;
	color: #fff;
	margin-bottom: 5rem;
}
.b_contact_area .flex_b_pc div{
		padding: 1rem;
}
.b_contact_area .flex_b_pc div:first-child{
	border-bottom: solid 1px #fff;
}
.b_contact_area .tel_btn01{
	color: #ff718f;
	border: none;
	margin: 5px auto;
	width: 270px;
}
.b_contact_area .tel_btn01 svg{
	fill: #ff718f;
}
/*==================
business_page b_contact_area pc
====================*/
@media (min-width: 600px) {
	.b_contact_area .flex_b_pc{
		justify-content: flex-start;
		align-items: center;
	}
	.b_contact_area .flex_b_pc div:first-child{
		width: 220px;
		line-height: 1.7;
		border-bottom: none;
		border-right: solid 1px #fff;
		padding: 2rem;
	}
	.b_contact_area .flex_b_pc div:last-child{
		margin: 0 auto;
	}
	.b_contact_area .common_inner01{
		max-width: 800px;
		padding: 4rem;
	}
}
@media (min-width: 900px) {
	.b_contact_area .tel_btn01{
		color: #fff;
	}
	.b_contact_area .tel_btn01 svg{
		fill: #fff;
	}
}



/*--------------- blog_page（ブログ一覧） ---------------*/
/*==================
blog_page sp
====================*/
.ttl_block01{
	height: 110px;
	margin-top: 65px;
	text-align: center;
}
.ttl_block01 h1{
	font-size: 1.8rem;
	line-height: 6;
}
.category_area01{
	margin: 0 auto 2rem;
	width: 100%;
}
.category_area01 a{
	background: #5ba8e8;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	margin: 0 1rem 1rem 0;
	width: auto;
	padding: .6rem 1.5rem;
	min-height: 30px;
	display: block;
	line-height: 1.2;
}
.category_area01 li.current a{
	background: #115097;
}
/*==================
blog_page pc
====================*/
@media (min-width: 1025px) {
	.ttl_block01{
		margin-top: 110px;
	}
	.category_area01 a{
		padding: 1.1rem 2.6rem;
		min-height: 36px;
		line-height: 1;
	}
}



/*--------------- blog_page（カテゴリー 一覧） ---------------*/
/*==================
blog_page sp
====================*/
a.blog_btn01{
	width: 150px;
	position: relative;
	padding-left: 3rem;
}
a.blog_btn01::before {
	background: url("../images/common/icon_arrow.png") no-repeat center;
	background-size: contain;
	content: "";
	display: block;
	height: auto;
	width: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.5rem;
	margin: auto;
}
.blog_page .text_center01{
	margin: 0 auto;
}



/*--------------- blog_detail（ブログ詳細） ---------------*/
/*==================
blog_detail sp
====================*/
.blog_contents{
	padding: 5rem 1.5rem;
}
.detail_area01 .blog_ttl01{
	font-weight: normal;
	font-size: 2.3rem;
	line-height: 1.6;
	padding: 0 0 2rem;
}
.detail_area01 .blog_date_time01{
	padding-top: 2rem;
}
.detail_area01 .blog_img01{
	padding-bottom: 6rem;
}
.detail_area01 .blog_img01 img{
	height: 100%;
}
/*お問い合わせ箇所*/
.bg_area01{
	background: #c9e6ff;
	color: #5a85b6;
	font-size: 1.3rem;
	position: relative;
	padding: 6rem 0;
	width: 100%;
	height: 230px;
	border-radius: 10px 10px 0 0;
}
.bg_area01 p{
	line-height: 1.5;
	max-width: 220px;
	margin: 0 auto;
	letter-spacing: 0.025em;
}
.bg_area01 img{
	width: 212px;
	position: absolute;
	top: 3rem;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contact_area02{
	position: relative;
	margin: 10rem 0 5rem;
	background: #eff6fd;
	border-radius: 10px;
}
.btn_area01 a{
	background: #5ba8e8;
	color: #fff;
	display: block;
	width: 280px;
	height: 50px;
	border-radius: 2px;
	margin: 2rem auto 0;
	position: relative;
	line-height: 3.4;
	font-weight: bold;
	text-align: center;
	padding-left: 1rem;
}
.btn_area01 a.contact_btn02{
	background: #115097;
}
.btn_area01 a::after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3rem;
	margin: auto;
}
.contact_btn01 svg {
	width: 25px;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4rem;
	margin: auto;
}
.contact_btn02 svg {
	width: 28px;
}
.contact_area02 .bg_contact_area01{
	border-radius: 10px;
}
.btn_area01{
	padding: 2rem 0 4rem;
}
/*関連記事*/
.blog_unit02{
	width: 100%;
	margin-bottom: 5rem;
	display: block;
}
.connection_area01 h2{
	padding-bottom: 6rem;
}
.connection_area01 .blog_text_area01{
	width: 100%;
	background: none;
	border: solid 1px #add3f3;
	border-radius: 0;
	padding: 2rem 1.5rem;
}
.connection_area01 .blog_ttl01{
	padding: 0;
}
.connection_area01 .category_name01{
	margin-bottom: 1.5rem;
}
.connection_area01 .blog_date_time01{
	padding-bottom: 1rem;
}
.sidebar_ttl01{
	border-left: solid 2px #115097;
}
.blog_detail_text img{
	width: 100%;
	margin: 3rem 0;
}
.blog_detail_text a{
	color: #ff7276;
	text-decoration: underline;
}
/*==================
blog_detail pc
====================*/
@media (min-width: 600px) {
	.inner_blog_detail01{/*ブログ詳細ページ*/
			max-width: 770px;
			width: 100%;
			padding: 0 1.5rem;
		}
	.blog_contents{
		padding: 8rem 0 0;
	}
	.blog_contents{
		max-width: 1145px;
		margin: 0 auto;
	}
	.detail_area01 .blog_ttl01{
		font-size: 3rem;
	}

	/*お問い合わせ箇所*/
	.contact_area02{
		display: flex;
		margin: 14rem 0 5rem;
		height: 230px;
	}
	.bg_area01{
		max-width: 340px;
		border-radius: 10px 0 0 10px;
	}
	.btn_area01 {
		padding: 5.5rem 1rem;
		display: block;
		margin: 0 auto;
	}
	a.contact_btn01{
		margin-top: 0;
	}
	a.contact_btn02{
		margin-top: 2.5rem;
	}
	/*関連記事*/
	.blog_unit02{
		width: 46%;
	}
	.connection_area01 .blog_img01 img {
		width: 100%;
		height: 230px;
	}
	.connection_area01 .blog_text_area01{
		width: 100%;
		height: 200px;
		padding: 2rem 2.5rem;
	}
	.connection_area01 .blog_date_time01{
		position: static;
	}
	/*サイドバー*/
	.sidebar{
		max-width: 350px;
		min-width: 327px;
		margin: 0 1rem;
	}
	.flex_b_pc.blog_contents{
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.sidebar_bg_area01{
		background-image: url("../images/common/bg_sidebar01_pc.png");
		background-size: cover;
		background-repeat:no-repeat;
		background-position: center;
		position: relative;
		width: 100%;
		height: 400px;
		border-radius: 10px;
		margin-bottom: 7.5rem;
	}
	@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){
		.sidebar_bg_area01{
			background-image: url("../images/common/bg_sidebar01_pc@2x.png");
		}
	}
	.sidebar_post_area01{
		border-bottom: solid 1px #add3f3;
	}
	.sidebar_ttl01{
		color: #000000;
		font-size: 1.8rem;
		font-weight: bold;
		padding-left: 2rem;
		margin: 5rem 0 2.5rem
	}
	.news_post_unit01{
		padding: 1.5rem;
		border: solid 1px #add3f3;
		border-bottom: none;
		flex-wrap: nowrap;
	}
	.news_post_unit01 .blog_img01,
	.news_post_unit01 .blog_img01 img{
		width: 100px;
		height: 100px;
	}
	.news_post_unit01 .blog_text_area01{
		width: 195px;
		height: 100px;
		padding: 0 0 0 1.5rem;
		background: none;
		font-size: 1.4rem;
	}
	.news_post_unit01 .blog_ttl01{
		color: #000000;
		font-weight: normal;
		padding: 0.8rem 0 0;
	}
	.news_post_unit01 .category_name01{
		font-size: 1.3rem;
	}
	.sidebar_category_area01{
		width: 100%;
		border-bottom: solid 1px #add3f3;
	}
	.side_cate_name01{
		border: solid 1px #add3f3;
		border-bottom: none;
		display: block;
		height: 70px;
		line-height: 70px;
	}
	.side_cate_name01 a{
		display: block;
		padding: 0 2rem;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
	.sidebar{
		display: none;
	}
	.inner_blog_detail01{
		margin: 0 auto;
	}
}


/*==================
more_area sp
====================*/
.more_area{
	padding: 7rem 2rem 0;
	border-top: solid 2px #115097;
}
.more_ttl01{
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.7;
	margin-bottom: 4rem;
}
.more_btn_area01 a{
	background: #5ba8e8;
	border-radius: 2px;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 4.7rem 2rem;
/*	padding: 6rem 2rem;*/
	position: relative;
	margin-bottom: 1.5rem;
}
.more_btn_area01 a::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3rem;
	margin: auto;
}
.more_btn_area01 a img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6rem;
	margin: auto;
	width: 72px;
}
.more_btn_area01 a:last-child img{
	width: 57px;
}
.more_btn_area02 a{
	background: #135197;
	color: #fff;
	display: block;
	line-height: 50px;
	margin: 1rem auto;
	position: relative;
	text-align: center;
}
.more_btn_area02 a::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3rem;
	margin: auto;
}
/*==================
more_area pc
====================*/
@media (min-width: 600px) {
	.more_area{
		border: none;
		max-width: 1200px;
		padding: 12rem 2rem 0;
	}
	.more_btn_area01 a{
		width: 49%;
		max-width: 570px;
		font-size: 2rem;
		padding: 5.2rem 3rem;
	}
	.more_ttl01{
		font-size: 2.4rem;
		margin-bottom: 6rem;
	}


	.more_btn_area02{
		max-width: 880px;
		margin: 2rem auto 15rem;
	}
	.more_btn_area02 a{
		width: 280px;
	}
}
@media (min-width: 1025px) {
	.more_btn_area01 a{
		padding: 5.2rem 5rem;
	}
	.more_btn_area01 a img,
	.more_btn_area01 a:last-child img{
		right: 10rem;
		width: auto;

	}
	.more_btn_area01 a::after{
		right: 6rem;
		width: 13px;
		height: 13px;
	}
}



/*--------------- thanks（送信完了） ---------------*/
/*==================
thanks sp
====================*/
.thanks_inner{
	padding: 10rem 0;
}
.thanks_block01{
	position: relative;
}
.thanks_block01 .logo02{
	width: 23px;
	position: absolute;
	bottom: 1.5rem;
	left: -12rem;
	right: 0;
	margin: auto;
}
.thanks_block01 .vertical{
	font-size: 1.8rem;
	writing-mode: vertical-rl;
	display: block;
	margin: 0 auto;
	padding-left: 2rem;
	line-height: 2.3;
}
.thanks_block02{
	background: #e4f3ff;
	padding: 3.5rem 2rem 11rem;
}
.thanks_block02 svg{
	width: 11px;
	fill: #00284f;
}
.thanks_block02 .tel_btn01{
	border: solid 1px #00284f;
	color: #00284f;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.1;
	margin: 3rem 0 0;
	max-width: 320px;
}
/*==================
thanks pc
====================*/
@media (min-width: 600px) {
	.thanks_inner{
		position: relative;
	}
	.thanks_inner .vertical{
		font-size: 2rem;
	}
	.thanks_block01 .logo02{
		width: 29px;
	}
	.thanks_block02 svg{
		fill: #135197;
		width: 15px;
		margin-bottom: -3px;
	}
	.thanks_block01{
		position: absolute;
		top: 10rem;
		right: 18%;
	}
	.thanks_block02{
		border-radius: 10px;
		text-align: center;
		padding: 5rem 1.5rem;
	}
	.thanks_block02 .tel_btn01{
		border: none;
		color: #135197;
		font-size: 2.5rem;
		margin: 1rem auto 0;
		line-height: 1.9;
	}
	.thanks_staff_img01{
		/* padding-left: 11%; */
		padding-left: 4%;
	}
}
@media (min-width: 800px) {
	.thanks_block01{
/*		right: 20%;*/
		right: 31%;
	}
}



/*--------------- application（見学申込） ---------------*/
/*==================
application_page sp
====================*/
.btn_townwork01{
	display: inline-block;
	margin: 4rem auto;
}
.btn_townwork01 img{
	display: block;
	margin: 0 auto;
}
.bubble_text01{
	text-align: center;
	
}
.bubble_text01 p{
	display: inline-block;
	position: relative;
}
.bubble_text01 p:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -5.5rem;
	margin: auto;
	display: inline-block;
	width: 42px;
	height: 1px;
	background-color: #135197;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.bubble_text01 p:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -5.5rem;
	margin: auto;
	display: inline-block;
	width: 42px;
	height: 1px;
	background-color: #135197;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
/*canceled*/
.img_leaf01{
	display: block;
	margin: 0 auto 4rem;
}
.canceled p{
	font-weight: bold;
}
.canceled a{
	background: #135197;
	color: #fff;
	display: block;
	width: 280px;
	height: 50px;
	margin: 5rem auto 7rem;
	text-align: center;
	line-height: 50px;
}
@media (max-width: 599px) {
	.application_page .common_inner01{
		padding: 2rem 0 8rem;
	}
}
/*==================
application_page pc
====================*/
@media (min-width: 600px) {
	.bubble_text01 p:before {
		left: -3.5rem;
		width: 32px;
	}
	.bubble_text01 p:after {
		right: -3.5rem;
		width: 32px;
	}
	.canceled p{
		text-align: center;
	}
	.canceled a {
		margin: 5rem auto 12rem;
	}
/*
	.application_page .tab_box .panel_area .accepting{
		padding: 5rem 0 8rem;
	}
*/
}



/*--------------- contact（お問合わせ・ご相談） ---------------*/
/*==================
contact sp
====================*/
.required{
	font-size: 1.4rem;
	color: #fff;
	background: #fd5460;
	padding: 0 6px;
	vertical-align: middle;
	margin-left: 0.8rem;
	border-radius: 5px;
	height: 26px;
}
.c-form{
	width:100%;
	margin: 0 auto;
}
.c-form tr {
	border-bottom: solid 1px #ddefff;
	padding: 1.7rem 0;
}
.c-form tr:first-child{
	border-top: solid 1px #ddefff;
}
.c-form th{
	padding: 1rem 2.5rem;
	margin-bottom: 1.6rem;
	margin-top: 1.6rem;
	text-align: left;
	font-weight: bold;
	width: 260px;
	position: relative;
	vertical-align: middle;
	line-height: 2;
}

.c-form td .text,
.c-form td .text2,
.c-form td .text3,
.c-form td.calendar input,
.c-form span.time select,
.c-form span.minutes select{
	background-color: #f1f5f9;
	border: 1px solid #ddefff;
	width: 96%;
	height: 50px;
	padding: 1.5rem;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 2rem 0;
}
/*カレンダー*/
.c-form td.calendar input{
	width: 180px;
	height: 50px;
	margin-left: 2rem;
}

.c-form span.time-name {
	margin: 3rem 1rem;
}
.c-form td .text2{
	height: 140px;
	margin-bottom: 0.8rem;
}
.c-form td .text3 {
	width: 8rem;
	margin-right: 1rem;
}
.send_btn01 {
	text-align: center;
}
.send_btn01 input{
	background: #135197;
	display: block;
	color: #fff;
	width: 280px;
	height: 55px;
	padding: 1rem 2rem;
	margin: 15px auto 2rem;
	border: none;
	border-radius: 2px;
	font-size: 15px;
}
.send_btn01 input:hover{
	opacity: 0.8;
	transition: .4s;
}
.contact_text01{
	font-size: 1.4rem;
	padding-bottom: 3rem;
}
.thanks_text01{
	font-size: 1.6rem;
	padding-bottom: 2rem;
}

/*エラーメッセージ*/
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
	background:#f5cece;
	color:#cc0909;
	border:1px solid #cc0909!important;
	line-height: 2;
	padding: 3rem 0 3rem 7rem;
	width: 520px;
	position: relative;
	bottom: -6rem;
	border-radius: 3px;
	margin: -6rem auto 10rem;
	font-size: 1.5rem;
}
.wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before {
	background: url("../images/common/error.png") no-repeat center;
	background-size: contain;
	content: "";
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2.5rem;
	margin: auto;
}
.wpcf7-not-valid-tip {
	padding-top: 1rem;
}
td.calendar .wpcf7-not-valid-tip {
	padding-top: 0;
	padding-bottom: 1.5rem;
}

/*入力エラーフォームのスタイルを変更*/
.wpcf7 .c-form td .wpcf7-not-valid.text,
.wpcf7 .c-form td .wpcf7-not-valid.text2,
.wpcf7 .c-form td .wpcf7-not-valid.text3,
.wpcf7 .c-form td.calendar input.wpcf7-not-valid,
.wpcf7 .c-form span.time select.wpcf7-not-valid,
.wpcf7 .c-form span.minutes select.wpcf7-not-valid{
	background: #fae6e6;
	border: solid 1px #cc0909;
}
.wpcf7 .check_block01{
	text-align: center;
	font-weight: bold;
	padding-right: 1rem;
}
.wpcf7 .check_block01 .wpcf7-not-valid .wpcf7-list-item-label::before{
	background: #fae6e6;
	border: solid 1px #cc0909;
}
.c-form td.calendar{
	position: relative;
	margin-bottom: 3rem;
}

.check_block01 input[type="checkbox"] {
	opacity: 0; /*デフォルトのチェックボックスを見えなくする*/
	position: absolute;
}
.check_block01 .wpcf7-list-item-label::before {
	/*チェックボックスのデザイン*/
	border: 1px solid #ddefff;
	background-color: #f1f5f9;
	content: "";
	display: inline-block;
	height: 30px;
	margin: 10px 10px 10px 0;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 30px;
	border-radius: 3px;
}
.check_block01 input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	/*チェックアイコン*/
	background: url("../images/common/check.png") no-repeat center;
	background-size: contain;
	content: "";
	display: block;
	height: 17px;
	width: 17px;
	position: absolute;
	top: 0.3rem;
	left: 2.1rem;
}
.check_block01 input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	/*チェックしたボックスの背景色を設定*/
	background-color: #5ba8e8;
}
.check_text01{
	text-align: center;
	padding: 1.5rem 0;
}
.check_text01 a{
	border-bottom: solid 1px #334751;
}

/*プライバシーポリシー*/
/* スクロールバーの幅 */
.scroll_box01::-webkit-scrollbar {
	width: 10px;
}
/* スクロールバー背景色 */
.scroll_box01::-webkit-scrollbar-track {
	background: #f2f4f7;
	border-radius: 5px;
}
/* スクロールバーのつまみの色 */
.scroll_box01::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #cdd5e1;
}
.scroll_box01{
	width: 100%;
	height:240px;
	padding: 3rem 1.5rem;
	margin: 5rem auto;
	background: #f2f2f2;
	border: solid 1px #d9dfe8;
	overflow-y: scroll;
	border-radius: 5px;
}
/* プライバシーポリシー本文調整 */
.p_ttl01{
	font-weight: bold;
}
.pp_area .text_block01{
	padding-top: 2.7rem;
}
.p_ttl02{
	padding-bottom: .8rem;
}
.p_text_bottom_blank{
	padding-bottom: 1.5rem;
}
.pp_area a {
	word-wrap: break-word;
	text-decoration: underline;
}
@media (max-width: 599px) {
	.c-form th, .c-form td{
		display: block;
		width: auto;
		padding-left: 0;
	}
	.c-form td .text, .c-form td .text2, .c-form td .text3{
		width: 100%;
		margin: 0 0 2rem;
	}
	/*エラーメッセージ*/
	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
		padding: 6rem 1.5rem 2rem;
		width: 300px;
		left: auto;
	}
	.wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before {
		top: 1.5rem;
		bottom: auto;
		left: 0;
		right: 0;
	}
}
@media (min-width: 600px) {
	.required{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 6rem;
		margin: auto;
	}
}



/*--------------- 404（エラーページ） ---------------*/
/*==================
error404_page sp
====================*/
.error_inner a{
	background: #135197;
	color: #fff;
	display: block;
	width: 280px;
	height: 50px;
	margin: 2rem auto 0;
	text-align: center;
	line-height: 50px;
}
/*==================
404_page
====================*/
/*ページネーション HTML*/
.wp-pagenavi {
	clear: both;
	text-align:center;
	padding-bottom: 8rem;
	font-size: 1.8rem;
	letter-spacing: 0;
	margin: 2rem auto 8rem;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	height: 50px;
	width: 50px;
	margin: 0 -1px -1px 0;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
	border: solid 1px #add3f3;
	line-height: 50px;
}
.wp-pagenavi span.current{
	background: #deeefa;
}
span.pages{
	display: none;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink{
	color: #fff;
}
.wp-pagenavi a.previouspostslink{
	border-radius: 3px 0 0 3px;
}
.wp-pagenavi a.nextpostslink{
	border-radius: 0 3px 3px 0;
}

.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink{
	background: #5ba8e8;
	border: solid 1px #5ba8e8;
}