@charset "utf-8";

.sub_title{
	width: 100%;
	background: url(../img/sub_title.jpg) no-repeat right #386fbb;
	height: 40rem;
	/*align-content: center;*/
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: left;
}

.sub_title .h2_title{
	padding-left: 4rem;
	/* color: #3282ca; */
	/* color: #222; */
	color: #0084cc;

}

.sub_title .h2_title h2{
	font-size: 4.5rem;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

_::-webkit-full-page-media, _:future, :root .sub_title .h2_title h2 {
	/*font-weight: 500;*/
}

.sub_title .h2_title p{
	font-weight: 600;
}

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

	.sub_title .h2_title h2{
		/*font-weight: 500;*/
	}

}

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

	.sub_title{
		height: 25rem;
		background-position: bottom;
	}
	

}

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

	.sub_title {
		width: 100%;
		height: 20rem;
		background-size: cover;
		background-position: left;
	}

	.sub_title .h2_title {
		padding-left: 0rem;
	}
	
	.sub_title .h2_title h2 {
		font-size: 3.5rem;
		/*font-weight: 500;*/
	}

}

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

.top_about_area.under_top {
	justify-content: end;
}

.top_about_area.under_top .h3_catch{
	font-size: 2.7rem;
	font-weight: bold;
	margin-bottom: 5rem;
}

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

	.top_about_area.under_top .h3_catch {
		font-size: 2.2rem;
		margin-bottom: 3rem;
		line-height: 1.8;
	}

}

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

	.top_about_area.under_top .text {
		width: 100%;
		margin-top: 0;
	}

	.top_about_area.under_top .image.sp {
		max-width: unset;
		display: block;
	}

	.top_about_area.under_top .h3_catch {
		font-size: 1.8rem;
		margin-bottom: 2rem;
		line-height: 1.8;
	}

}

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

	.top_about_area.under_top .h3_catch {
		font-size: 1.6rem;
		line-height: 2;
	}

	.top_about_area.under_top .h3_catch + p {
		font-size: 1.4rem;
	}

}

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

	.top_about_area.under_top .h3_catch {
		font-size: 1.6rem;
	}

	.top_about_area.under_top p {
		font-size: 1.2rem;
	}

}

/*-------------------------------------------------*/
/* service */

.about_area.service{
	background: url(../img/under_top/service_sp.jpg) no-repeat;
	background-position: center;
	height: 88rem;
	background-size: cover;
}

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

	.about_area.service{
		height: 55rem;
	}

}

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

	.about_area.service{
		background: none;
		padding-bottom: 0;
		height: auto;
	}

	.service_area ul {
		justify-content: space-between;
	}

	.service_area ul li {
		margin-left: 0rem;
		margin-right: 0rem;
		margin-bottom: 2rem;
		width: 47%;
	}

	.service_area ul li h4 {
		font-size: 1.5rem;
	}

}

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

	.service_area .works_text_list{
		font-size: 1.4rem;
	}

	.service_area ul li {
		margin-bottom: 1rem;
		width: 48%;
	}

	.service_area ul li h4 {
		font-size: 1.3rem;
		padding: 1rem 0.5rem;
	}

}

/*---*/

.contents_explanation{
	line-height: 2;
	margin-bottom: 6rem;
}

.service_cleaning_list{
	width: 100%;
}

.service_cleaning_list > li{
	display: flex;
	justify-content: space-between;
	padding-bottom: 6rem;
	margin-bottom: 6rem;
	border-bottom: 0.1rem solid #ccc;
}

.service_cleaning_list > li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: unset;
}

.service_cleaning_list li .image{
	width: 55%;
}

.service_cleaning_list li .image img{
	width: 100%;
	outline: 0.1rem solid rgba(255, 255, 255, .7);
	outline-offset: -1rem;
}

.service_cleaning_list li .text{
	width: 41%;
}

.service_cleaning_list li .text h4{
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.service_cleaning_list li .text h4::before{
	content: '●';
	color: #0084cc;
	margin-right: 0.5rem;
}

.service_cleaning_list li .text p{
	line-height: 1.8;
	margin-bottom: 0;
}

.service_cleaning_list li .text ul{
	margin-top: 2rem;
}

.service_cleaning_list li .text ul li{
	margin-bottom: 1rem;
}

.service_cleaning_list li .text ul li:last-child{
	margin-bottom: 0;
}

.service_cleaning_list li .text ul li::before{
	content: '◆';
	margin-right: 0.5rem;
	color: #0084cc;
}

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

	.service_cleaning_list li .image{
		width: 50%;
	}

	.service_cleaning_list li .text{
		width: 45%;
	}

}

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

	.contents_explanation{
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 4rem;
	}

	.service_cleaning_list{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.service_cleaning_list li{
		flex-wrap: wrap;
	}

	.service_cleaning_list li:nth-child(even){
		flex-direction: column-reverse;
	}

	.service_cleaning_list li .image{
		width: 100%;
		margin-bottom: 2rem;
	}

	.service_cleaning_list li .text{
		width: 100%;
	}

	.service_cleaning_list li .text h4{
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}

	.service_cleaning_list li .text p{
		font-size: 1.4rem;
	}

}

/*---*/

.service_maintenance{
	background: #e4f2f5;
}

/*---*/

.service_area .service_flow_list{
	display: flex;
	justify-content: left;
	gap: 3.5%;
}

.service_area .service_flow_list li{
	/*max-width: 24rem;*/
	width: 21.5%;
	position: relative;
	margin-left: 0;
	/*margin-right: 6.5%;*/
}

.service_area .service_flow_list li::after {
	position: absolute;
	/*content: '▶';*/
	content: none;
	right: -4.0rem;
	top: 45%;
	font-size: 3rem;
	color: #B9B9B9;
}

.service_area .service_flow_list li:nth-child(4),
.service_area .service_flow_list li:last-child{
		margin-right: 0;
}

.service_area .service_flow_list li:nth-child(4)::after,
.service_area .service_flow_list li:last-child::after{
		content: none;
}

.service_area .service_flow_list li .image{

}

.service_area .service_flow_list li .title{
	background: #1D2E65;
	color: #fff;
	font-weight: bold;
	padding: 2rem;
	margin-bottom: 2rem;
}

.service_area .service_flow_list li .title .number{
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 1rem;
}

.service_area .service_flow_list li .title .content{
	font-size: 2.2rem;
}

.service_area .service_flow_list li .text{
	font-size: 1.6rem;
	line-height: 2;
}

@media screen and ( max-width: 1200px ){
/*
	.service_area .service_flow_list li {
		max-width: 24rem;
	}
*/
	.service_area .service_flow_list li::after {
		top: 39%;
	}

	.service_area .service_flow_list li .title .content {
		font-size: 2.0rem;
	}

}

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

	.service_area .service_flow_list li {
		
	}

}

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

	.service_area .service_flow_list li {
		max-width: none;
		width: 31%;
		/*margin-right: 6.5%;*/
	}
	
	.service_area .service_flow_list li:nth-child(4){
		/*margin-right: 6.5%;*/
	}
	
	.service_area .service_flow_list li:nth-child(4)::after{
		/*content: '▶';*/
		content: none;
	}

	.service_area .service_flow_list li:nth-child(3),
	.service_area .service_flow_list li:nth-child(6){
		margin-right: 0;
	}

	.service_area .service_flow_list li::after{
		content: none;
	}

}

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

	.service_area .service_flow_list li {
		width: 47%;
		margin-right: 0;
	}
	
	.service_area .service_flow_list li:nth-child(4){
		margin-right: 0;
	}

	.service_area .service_flow_list li .title {
		display: flex;
		align-items: center;
		padding: 1.5rem 1.5rem;
		margin-bottom: 1rem;
		min-height: 8rem;
	}

	.service_area .service_flow_list li .title .number {
		font-size: 3rem;
		margin-bottom: 0;
		margin-right: 1rem;
	}

	.service_area .service_flow_list li .title .content {
		font-size: 1.5rem;
	}

	.service_area .service_flow_list li .text {
		font-size: 1.3rem;
		line-height: 1.8;
	}

/*
	.service_area .service_flow_list li {
		width: 100%;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 3rem;
	}
	
	.service_area .service_flow_list li:nth-child(4){
		margin-right: 0;
	}

	.service_area .service_flow_list li:nth-child(4)::after {
		content: none;
	}

	.service_area .service_flow_list li .image {
		max-width: 24%;
	}

	.service_area .service_flow_list li .title {
		width: 76%;
		display: flex;
		align-items: center;
	}

	.service_area .service_flow_list li .title .number {
		font-size: 2.5rem;
		margin-right: 1rem;
	}

	.service_area .service_flow_list li .title .content {
		font-size: 1.6rem;
	}

	.service_area .service_flow_list li .title {
		margin-bottom: 1rem;
	}

	.service_area .service_flow_list li .text {
		font-size: 1.4rem;
		line-height: 1.6;
		z-index: 1;
		background: #fff;
		padding-top: 1rem;
		margin-top: -1rem;
	}
*/
}

/*****slick*****/

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

	.service_area .service_flow_list {
		gap: 0;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.service_area .service_flow_list .slick-dots{
		justify-content: center;
	}

	.service_area .slick-next::before,
	.service_area .slick-prev::before {
		color: #c3c3c3;
	}

	.service_area .service_flow_list .slick-dots li {
		width: auto;
	}
}



/*-------------------------------------------------*/
/* company */

.about_area.company{
	/*background: linear-gradient(180deg, #fff 0%, #fff 70%, #77c2c4 70%, #77c2c4 100%);*/
	background: url(../img/under_top/company_sp.jpg) no-repeat;
	background-position: center;
	height: 88rem;
	background-size: cover;
	margin-bottom: 14rem;
}

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

	.about_area.company {
		background-position: left;
		height: 70rem;
	}

}

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

	.about_area.company {
		background-position: center;
		margin-bottom: 12rem;
	}

}

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

	.about_area.company {
		height: 60rem;
	}

}

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

	.about_area.company{
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
		background: none;
	}

}

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

	.about_area.company{
		margin-bottom: 8rem;
	}

}

/*---*/

.motto_area{
	position: relative;
	display: flex;
	justify-content: end;
}

.motto_area .image{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: .70;
}

.motto_area .motto_list{
	margin-top: 5rem;
	font-size: 1.8rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;	
}

.motto_area .motto_list li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 6rem;
}

.motto_area .motto_list li:first-child{
	margin-top: 5rem;
}

.motto_area .motto_list li span{
	border: 0.1rem solid #707070;
	min-height: 40rem;
	padding: 5rem;
	display: flex;
	background: rgba(255, 255, 255, .7);
}

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

	.motto_area .image img{
		width: 70%;
	}

	.motto_area .motto_list li {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-left: 4rem;
	}

}

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

	.motto_area {
		position: relative;
		display: block;
	}

	.motto_area .image{
		position: relative;
		opacity: 1;
	}

	.motto_area .image img {
		width: 100%;
	}

	.motto_area .motto_list {
		margin-top: 5rem;
		font-size: 1.5rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

	.motto_area .motto_list li {
		margin-left: 1rem;
	}

	.motto_area .motto_list li span {
		min-height: 30rem;
		padding: 2.5rem 2rem;
	}

}

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

	.motto_area .motto_list li {
		margin-left: 0.5rem;
	}

	.motto_area .motto_list li span {
		padding: 2.5rem 1.5rem;
	}

}

/*---*/

.company_message{
	background: url(../img/company/message_bg.jpg) no-repeat;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	background-size: cover;
	padding-top: 0;
	padding-bottom: 14rem;
	/*margin-bottom: 14rem;*/
	margin-bottom: 0;
}

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

	.company_message {
	    padding-top: 0;
	}

}

.message_area{
	display: flex;
	justify-content: space-between;
}

.message_area .title{
	width: 35%;
}

.message_area .title h4{
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 3rem;
}

.message_area .title .post{
	margin-bottom: 0.5rem;
}

.message_area .title .name{
	font-size: 2.3rem;
}

.message_area .text{
	width: 60%;
	/*font-size: 1.8rem;*/
	font-size: 1.6rem;
	line-height: 2.5;
}

/*---*/

.company_profile{
	background: #D9F3F9;
}

/*---*/

.message_area_image{

}

.message_area_image img{
	width: 100%;
}

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

	.company_message{
		padding-top: 0;
		background-position: left 15% top;
	}

	.message_area {
		flex-wrap: wrap;
	}

	.message_area .title {
		width: 100%;
		margin-bottom: 2rem;
	}

	.message_area .text {
		width: 100%;
		font-size: 1.6rem;
	}

}

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

	.company_message{
		padding-top: 0;
		padding-bottom: 4rem;
		/*margin-bottom: 4rem;*/
	}

	.message_area .title h4 {
		font-size: 2.1rem;
		margin-bottom: 2rem;
	}

	.message_area .title .post {
		font-size: 1.4rem;
	}

	.message_area .title .name {
		font-size: 2.0rem;
	}

	.message_area .text{
		font-size: 1.4rem;
	}

}

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

	.message_area .title h4 {
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}

	.message_area .title .post {
		font-size: 1.2rem;
	}

	.message_area .title .name {
		font-size: 1.8rem;
	}

	.message_area .text{
		font-size: 1.2rem;
		line-height: 2;
	}

}

/*---*/

.company_list{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.company_list > li{
	display: flex;
	border-bottom: 0.1rem solid #ddd;
	padding-top: 2rem;
	padding-bottom: 1.5rem;
	position: relative;
}

.company_list > li::before{
	position: absolute;
	content: '';
	width: 15%;
	height: 0.1rem;
	bottom: -0.1rem;
	left: 0;
	background: #3ea7e4;
}

.company_list > li:last-child{
	border-bottom: none;
}

.company_list > li:last-child::before{
	content: none;
}

.company_list > li h4{
	font-size: 1.6rem;
	line-height: 1.5;
	width: 15%;
	margin-right: 5%;
	font-weight: 600;
}

.company_list > li div{
	font-size: 1.6rem;
	line-height: 1.5;
	width: 80%;
}

.company_list > li div ul{

}

.company_list > li div ul li{
	display: flex;
	margin-bottom: 1.0rem;
}

.company_list > li div ul li:last-child{
	margin-bottom: 0rem;
}

.company_list > li div ul li span{
	min-width: 13rem;
}

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

	.company_list{
		width: 100%;
	}
	
	.company_list > li h4 {
	    width: 20%;
	}
	
	.company_list > li div {
	    width: 75%;
	}

}

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

	.company_list > li{
		flex-wrap: wrap;
	}

	.company_list > li h4 {
		width: 100%;
		margin-right: 0%;
	}

	.company_list > li div {
		width: 100%;
		font-size: 1.4rem;
	}

}

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

.access_area{

}

.access_area .box{
	display: flex;
}

.access_area .box .text{
	background: #0084cc;
	width: 42%;
	margin-left: 3%;
	padding: 4rem;
	color: #fff;
}

.access_area .box .text .title{
	font-size: 2rem;
	margin-bottom: 1rem;
}

.access_area .box .text .area{
	margin-bottom: 2rem;
}

.access_area .box .text .access{
	border-top: 0.1rem dotted #ccc;
	margin-bottom: 1.5rem;
	padding-top: 1.5rem;
}

.access_area .box .map{
	width: 55%;
}

.access_area .box .map iframe{
	width: 100%;
}

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

	.access_area .box{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.access_area .box .text {
		width: 100%;
		margin-left: 0;
	}

	.access_area .box .text .title{
		font-size: 1.8rem;
	}

	.access_area .box .map {
		width: 100%;
	}

}

@media screen and ( max-width: 559px ){
	
	.access_area .box .map iframe{
		height: 30rem;
	}

	.access_area .box .text {
		padding: 3rem;
		font-size: 1.4rem;
	}

}


/*-------------------------------------------------*/
/* recruit */

.about_area.recruit{
	/*background: linear-gradient(180deg, #fff 0%, #fff 70%, #77c2c4 70%, #77c2c4 100%);*/
	background: url(../img/under_top/recruit_sp.jpg) no-repeat;
	background-position: left;
	height: 88rem;
	background-size: cover;
}

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

	.about_area.recruit {
		background-position: left;
		height: 70rem;
	}

}

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

	.about_area.recruit {
		background-position: center;
		height: 55rem;
	}

}

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

	.about_area.recruit {
		height: 50rem;
	}

}

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

	.about_area.recruit{
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
		background: none;
	}

}

/*---*/

.recruit_merit{
	display: flex;
	justify-content: space-between;
}

.recruit_merit li{
	width: 30%;
}

.recruit_merit li .image{
	width: 100%;
	margin-bottom: 2rem;
}

.recruit_merit li .image img{
	width: 100%;
}

.recruit_merit li .title{
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

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

	.recruit_merit li .title {
		font-size: 2.3rem;
		line-height: 1.8;
	}

	.recruit_merit li p {
		font-size: 1.5rem;
	}

}

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

	.recruit_merit li .title {
		/*font-size: 2.3rem;
		line-height: 1.6;*/
		font-size: 1.8rem;
		line-height: 1.8;
	}

	.recruit_merit li p {
		font-size: 1.4rem;
	}

}

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

	.recruit_merit {
		flex-wrap: wrap;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}

	.recruit_merit li{
		width: 100%;
		margin-bottom: 4rem;
	}

	.recruit_merit li:last-child{
		margin-bottom: 0;
	}

	.recruit_merit li .title {
		font-size: 1.6rem;
		margin-bottom: 1rem;
		line-height: 2;
	}

	.recruit_merit li p {
		font-size: 1.4rem;
	}

}

/*---*/

.company_schedule{

}

.company_schedule img{
	width: 100%;
}

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

	.company_schedule img.pc{
		display: none;
	}

	.company_schedule img.sp{
		display: block;
	}

}

/*---*/

.company_voice{
	background: #D9F3F9;
}

.company_voice_list{
	display: flex;
	justify-content: space-around;
}

.company_voice_list li{
	width: 40%;
}

.company_voice_list li .image{
	width: 100%;
	margin-bottom: 2rem;
}

.company_voice_list li .image img{
	width: 100%;
}

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

	.company_voice_list{
		flex-wrap: wrap;
	}

	.company_voice_list li {
		width: 100%;
		margin-bottom: 4rem;
	}

	.company_voice_list li:last-child{
		width: 100%;
		margin-bottom: 0;
	}

	.company_voice_list li .image {
		margin-bottom: 1rem;
	}

	.company_voice_list li p {
		font-size: 1.4rem;
	}

}


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

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

/*-------------------------------------------------*/
/* news */

.news_list{
	font-family: var(--main_font_family_noto);
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
	/*border-top: 0.1rem solid #b1b1b1;*/
	padding-top: 2.5rem;
}

.news_list.black{
	background: #d8d8d8;
}

.news_list li{
	display: flex;
	align-items: center;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2.5rem;
	border-bottom: 0.1rem dotted #232323;
	margin-bottom: 2.5rem;
	/*color: #fff;*/
	margin-left: 2rem;
	margin-right: 2rem;
	position: relative;
}
/*
.news_list li::before{
	content: '';
	position: absolute;
	width: 15%;
	height: 0.1rem;
	background: #ff8c3d;
	bottom: -0.1rem;
	left: 0;
}
*/

.news_list.black li{
	border-bottom: 0.1rem solid #b8b8b8;
}

.news_list li:last-child{
	margin-bottom: 0rem;
}

.news_list li .data{
	font-size: 1.4rem;
	margin-right: 2rem;
	width: 14rem;
}

.news_list li .text{

}

.news_list li .text a{
	color: #222;
}


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

	.news_list li .data{
		min-width: 13rem;
		margin-right: 0rem;
	}

	.news_list li .text {
		width: 100%;
	}

	.news_list li .hold {
		word-wrap: break-word;
	}

}

/*------*/

.news_list.black li{
	color: #404040;
}


/*------*/

.news_list.black li .text a{
	color: #404040;
}

/*------*/

.news_list li .image{
	width: 14rem;
	margin-right: 2rem;

	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news_list li .image img{
	max-width: 14rem;
	max-height: 8.68rem;
}

.news_list li .event_box{
	max-width: 55%;
}

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

	.news_list li .image{
		max-width: 14rem;
	}

	.news_list li .event_box{
		max-width: 42%;
		font-size: 1.4rem;
	}

}

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

	.news_list li .image {
		max-width: 10rem;
	}

	.news_list li .image img {
		max-width: 10rem;
		max-height: 6.7rem;
	}

}

/*------*/

.news_list li .category{
	min-width: 10rem;
	width: 10rem;
	font-size: 1.4rem;
	text-align: center;
	margin-right: 4rem;
}

.news_list li .category a{
	display: flex;
	justify-content: center;

	color: #fff;
	background: #222;
	width: 100%;
	padding: 0.3rem;
}

.news_list li .title{
	max-width: 110rem;
}

.news_list li .title a{
	color: #222;
}

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

	.news_list li{
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}

}

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

	.news_list {
		margin-bottom: 3rem;
	}

	.news_list li{
		/*flex-wrap: nowrap;*/
		flex-wrap: wrap;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.news_list li .date {
		font-size: 1.6rem;
	}

	.news_list li .title {
		margin-top: 1rem;
		font-size: 1.4rem;
	}

}

/*---*/

.news_detail_area {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10rem;
}

.news_detail_area .title {
	font-size: 2.5rem;
	font-weight: 600;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	position: relative;
	border-bottom: 0.2rem solid #c1c1c1;
}

.news_detail_area .title::before {
	content: '';
	position: absolute;
	width: 15%;
	height: 0.2rem;
	background: #3282ca;
	bottom: -0.2rem;
	left: 0;
}

.news_detail_area .title + .data {
	margin-bottom: 2rem;
}

.event_data {
	margin-bottom: 2rem;
}

.event_image {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}

.news_page_btn {

}

.news_page_btn .justify-content-center{
	justify-content: space-evenly !important;
}

.news_page_btn .btn-outline-dark {
	border-color: #55a5e2;
}

.news_page_btn .btn-outline-dark a {
	color: #343a40;
	font-size: 1.5rem;
	width: 15rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news_page_btn .btn-outline-dark a:hover {
	color: #fff;
}

.news_page_btn .btn{

}

.news_page_btn .btn a{
	background-color: #3ea7e4;
	border-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 12rem;
	height: 5rem;
	font-size: 1.6rem;
	color: #fff;
}

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

	.news_detail_area {
		margin-bottom: 5rem;
	}

}

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

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination span:not(.dots) {
	margin: 0rem 0.5rem;
	padding: 0.4rem 1.2rem;
	background-color: #FFF;
	border: 0.2rem solid #999;
	color: #999;
	opacity: .5;
	display: block;
}

.pagination a {
	margin: 0rem 0.5rem;
	padding: 0.4rem 1.2rem;
	border: 0.2rem solid #3282ca;
	color: #3282ca;
	display: block;
	transition: all .3s linear;
}

.pagination a:hover {
	background-color: #3282ca;
	color: #FFF;
	opacity: 1;
}

/*-------------------------------------------------*/
/* policy */

#personal{
	padding-top: 10rem;
	margin-top: -10rem;
}

.policy_area{
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.8;
}

.policy_area .policy_text{
	margin-bottom: 4rem;
}

.policy_area .policy_list{

}

.policy_area .policy_list a{
	text-decoration: underline;
}

.policy_area .policy_list > li{
	border-bottom: 0.1rem dotted #ccc;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.policy_area .policy_list > li:last-child{
	border-bottom: none;
	padding-bottom: 0rem;
	margin-bottom: 0rem;
}

.policy_area .policy_list > li .title{
	font-size: 2.2rem;
	font-weight: bold;
	
	display: flex;
}

.policy_area .policy_list.personal > li .title{
	font-size: 1.8rem;
}



.policy_area .policy_list > li .title span{
	margin-right: 2rem;
}

.policy_area .policy_list > li .text{
	margin-top: 2rem;
}

.policy_area .policy_list > li .under_list{
	margin-top: 2rem;
	margin-left: 2.5rem;
}

.policy_area .policy_list > li .under_list li{
	display: flex;
	margin-bottom: 1rem;
}

.policy_area .policy_list > li .under_list li:last-child{
	margin-bottom: 0rem;
}

.policy_area .policy_list > li .under_list li span{
	margin-right: 1rem;
}

.policy_area .policy_list > li .under_list li > .under_list{
	margin-bottom: 1rem;
}

.policy_area .policy_list > li .seitei {
	margin-top: 3rem;
	text-align: right;
	margin-bottom: 3rem;
}

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

	.policy_area .policy_list{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

}

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

	.policy_area .policy_text {
		font-size: 1.4rem;
		margin-bottom: 4rem;
	}

	.policy_area .policy_list > li .title{
		font-size: 1.8rem;
		line-height: 1.4;
	}

	.policy_area .policy_list > li .text {
		font-size: 1.4rem;
	}

	.policy_area .policy_list > li .under_list {
		font-size: 1.4rem;
	}

	.policy_area .policy_list > li .under_list {
		margin-left: 2rem;
	}

	.policy_area .policy_list > li .seitei,
	.policy_area .policy_list > li .contact {
		font-size: 1.4rem;
	}

}


/*-------------------------------------------------*/
/* sitemap */

.sitemap_box{
	width: 680px;
}

.sitemap_box ul{
	margin: 5rem 2rem 2rem 5rem;
}

.sitemap_box li{
	background: url(../img/a.gif) no-repeat 20px 4px;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
}

.sitemap_box a{
	color: #797979;
}

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

.sitemap_box .a{
	background: none;
	padding: 0;
	color: #797979;
}

.sitemap_box .b{
	background: url(../img/b.gif) no-repeat 20px 4px;
}

.sitemap_box .c{
	padding: 0 0 0 60px;
	margin: 0 0 30px;
	background: url(../img/b.gif) no-repeat 45px 4px;
}

.sitemap_box .c span{
	padding: 0 0 0 25px;
	background: url(../img/c.gif) no-repeat 5px 4px;
}

.sitemap_box .d{
	padding: 0 0 0 60px;
	margin: 0 0 10px;
	background: url(../img/a.gif) no-repeat 45px 4px;
}

.sitemap_box .d span{
	padding: 0 0 0 25px;
	background: url(../img/c.gif) no-repeat 5px 4px;
}

.sitemap_box .clam{
	float: left;
	width: 250px;
	color: #24468c;
}

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

	.sitemap_box{
		width: 100%;
	}

	.sitemap_box ul{
		margin: 5rem 2rem 2rem 2rem;
	}

}