@charset "UTF-8";
header ul li:nth-of-type(1) a {
    border-bottom: 2px solid #fff;
}
.fixed ul li:nth-of-type(1) a {
    border-bottom: 2px solid #2257E0;
}
/*============================
ヘッダー
============================*/
body.toppage header h1 {
max-width: 2.5rem;
}

@media screen and (max-width:767px) {
body.toppage header h1 {
max-width: 3.45rem;
}
}

body.toppage header h1 a {
display: block;
height: 0.30rem;
background-image: url("../images/header_logo.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 100%;
text-indent: -9999px;
}
body.toppage header.fixed h1 a {
background-image: url("../images/header_logo_kasou.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 100%;
}
body.menu_open header.fixed h1 a {
	background-image: url("../images/header_logo.png");
}
@media screen and (min-width:768px) {
body.toppage header h1 a {
background-image: url("../images/header_logo.png") !important;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 100%;
}
body.toppage header.fixed h1 a {
background-image: url("../images/header_logo_kasou.png") !important;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 100%;
}
}

@media screen and (max-width:767px) {
body.toppage header h1 a {
height: 0.30rem;
}
body.toppage header.fixed h1 a {
height: 0.30rem;
}
}

body.toppage #sp_phone_btn a {
background-image: url("../images/sp_phone_btn.png");
background-position:center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
text-indent: -9999px;
height: 100%;
width: 100%;
}

header.fixed #sp_phone_btn a {
background-image: url("../images/sp_phone_btn_black.png");
background-position:center center;
background-repeat: no-repeat;
background-size: contain;
}

body.menu_open #sp_phone_btn a {
background-image: url("../images/sp_phone_btn.png");
background-position:center center;
background-repeat: no-repeat;
background-size: contain;
}


/*============================
MV
============================*/
#mv {
height: 100vh;
width: 100%;
position: relative;
overflow: hidden;
animation: fadeIn 1s ease 0s 1 normal;
}

@media screen and (max-width:800px) {
#mv {
height: 50vh;
}
}

@media screen and (max-width:767px) {
#mv {
height: 100%;
}
}

#mv .container1300 {
height: 100%;
width: 100%;
position: absolute;
top:0;
left: 50%;
z-index:1;
transform: translateX(-50%);
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@media screen and (max-width:767px) {
#mv .container1300 {
height: 100%;
}
}


#mv h2 {
position: absolute;
top:50%;
right: 0.4rem;
transform: translateY(-50%);
z-index: 1;
color: #FFF;
font-family: 'Noto Serif JP', serif;
text-align: right;
font-size: 0.62rem;
letter-spacing: 0.2em;
line-height: 1.8
}

@media screen and (max-width:767px) {
	#mv h2 {
		text-align:center;
		font-size: 0.32rem;
    	right: -0.08rem;
		width: 100%;
		top:50%;
	}
	#mv h2 span {
		margin-left: -.10rem;
	}
}

#mv h2 span {
display: block;
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.32rem;
letter-spacing: 0.4em;
padding-right: 40px;
}

@media screen and (max-width:767px) {
#mv h2 span {
font-size: 0.18rem;
padding-right: 0px;
}
}

.mv_slider_wrapper .mv_slider {
width: 100%;
height: 100vh;
position: relative;
z-index: 0;
}
@media screen and (max-width:767px) {
	.mv_slider_wrapper {
		height: 100%;
	}
	.mv_slider_wrapper .slick-list {
		height: 100%;
	}
	.mv_slider_wrapper .slick-track {
		height: 100%;
	}
	.mv_slider_wrapper .slick-slide {
		height: 100%;
	}
	.mv_slider_wrapper .slick-slide > div {
		height: 100%;
	}
	.mv_slider_wrapper .mv_slider {
		height: 100%;
	}
}

@keyframes scale {
0% {transform: scale(1) rotate(0.001deg);}
100% {transform: scale(1.2) rotate(0.001deg);}
}

/*
@media all and (-ms-high-contrast: none){
@keyframes scale {
0% {transform: scale(1) rotate(0.1deg);}
100% {transform: scale(1.2) rotate(0.1deg);}
}
}
*/

.mv_slider_wrapper .mv_slider img {
width: 100%;
height: 100%;
display: block;
}

.mv01 {
background-image: url("../images/top_mv01.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
animation: scale 18s linear 0s infinite;
}

@media screen and (max-width:767px) {
.mv01 {
background-image: url("../images/top_mv01_sp.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}

.mv02 {
background-image: url("../images/top_mv02.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
animation: scale 18s linear 4.5s infinite;
}

@media screen and (max-width:767px) {
.mv02 {
background-image: url("../images/top_mv02_sp.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}

.mv03 {
background-image: url("../images/top_mv03.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
animation: scale 18s linear 9s infinite;
}

@media screen and (max-width:767px) {
.mv03 {
background-image: url("../images/top_mv03_sp.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}

.mv04 {
background-image: url("../images/top_mv04.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
animation: scale 18s linear 13.5s infinite;
}

@media screen and (max-width:767px) {
.mv04 {
background-image: url("../images/top_mv04_sp.jpeg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}


/* スクロール */
.mv_scroll {
position: absolute;
text-align: center;
width: 100%;
z-index: 2;
bottom:0;
left: 0;
font-family: 'Noto Sans JP', sans-serif;
font-style: italic;
letter-spacing: 0.2em;
}

.mv_scroll a {
display: inline-block;
padding-bottom: 0.1rem;
color: #FFF;
text-decoration: none;
font-size: 0.16rem;
}

@media screen and (max-width:767px) {
.mv_scroll a {
font-size: 0.12rem;
}
}

.mv_scroll .vBorder {
height: 40px;
width: 1px;
margin: auto;
background-color: #2257E0;
}

@media screen and (max-width:767px) {
.mv_scroll .vBorder {
height: 30px;
}
}

/*============================
introduction
============================*/
#introduction {
background-image: url("../images/top_intro_bg.jpeg");
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
/*
max-height: 6rem;
min-height: 4rem;
height: 100%;
*/
position: relative;
overflow: hidden;
}

@media screen and (max-width:767px) {
#introduction {
/*
max-height: 3.4rem;
min-height: 3.4rem;
*/
}
}

#introduction .container1300 {
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}

@media screen and (max-width:767px) {
#introduction .container1300 {
box-sizing: border-box;
}
}

#introduction h2 {
text-align: center;
font-size: 0.48rem;
font-family: 'Noto Serif JP', serif;
width: 100%;
background-image: url("../images/logo_bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
padding-top: 1.4rem;
padding-bottom: 1.4rem;
letter-spacing: -1px;
}

@media screen and (max-width:767px) {
#introduction h2 {
font-size: 0.29rem;
line-height: 2.0;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
}

/*============================
アリヨシ重建について
============================*/
#about {
background-image: url("../images/top_fukuoka.png");
background-repeat: no-repeat;
background-position: -.5rem 1rem;
background-size: 9rem;
position: relative;
margin-bottom: 0.8rem;
}

@media screen and (max-width:767px) {
#about {
background-image: url("../images/top_fukuoka.png");
background-repeat: no-repeat;
background-position: center 1rem;
background-size: 140%;
margin-bottom: 0.6rem;
}
}

.about_text {
max-width: 500px;
width: 48%;
padding-bottom: 1.4rem;
}

@media screen and (max-width:1024px) {
.about_text {
padding-bottom: 1rem;
}
}

@media screen and (max-width:767px) {
.about_text {
width: 100%;
padding-bottom: 0.3rem;
}
}

.about_text h4 {
font-size: 0.3rem;
line-height: 1.7;
font-family: 'Noto Sans JP', sans-serif;
padding-bottom: 0.3rem;
}

@media screen and (max-width:767px) {
	.about_text h4 {
	font-size: 0.21rem;
	padding-bottom: 0.3rem;
	}
}

.about_text p {
font-size: 0.18rem;
line-height: 2.1;
}

@media screen and (max-width:767px) {
.about_text p {
font-size: 0.15rem;
line-height: 2.1;
}
}

/* 写真 */
.about_photo {
width: 70%;
position: absolute;
left: 50%;
top: 0;
max-width: 8rem;
z-index: 1;
}

.about_photo img {
display: block;
width: 100%;
}

@media screen and (min-width:1025px) and (max-width:1152px) {
.about_photo {
max-width: 7rem;
}
}

@media screen and (max-width:1024px) {
.about_photo {
width: 50%;
left: 52%;
max-width: 7rem;
}
}

@media screen and (max-width:767px) {
.about_photo {
width: calc(100% + .4rem);
max-width: calc(100% + .4rem);
position: relative;
right:inherit;
top: inherit;
left: -.2rem;;
}
}

/* アリヨシ重建ができること */
.about_kakomi {
background-color: #15274D;
max-width: 1300px;
margin: auto;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
color: #FFF;
}

@media screen and (max-width:767px) {
.about_kakomi {
padding-top: 0.35rem;
padding-bottom: 0.1rem;
margin-bottom: 0.35rem;
margin-left: 0.2rem;
margin-right: 0.2rem;
background-position: 1200% 112%;
background-size: 3rem;
}
.about_kakomi .container1100{
	padding-left: 0.2rem;
    padding-right: 0.2rem;
	}
}

.about_kakomi h4 {
font-size: 0.28rem;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.2em;
margin-bottom: 0.5rem;
}

@media screen and (max-width:767px) {
.about_kakomi h4 {
font-size: 0.18rem;
text-align: center;
margin-bottom: 0.35rem;
}
}
@media screen and (max-width:375px) {
	.about_kakomi h4 {
	font-size: 0.17rem;
	}
	}

.about_kakomi h4::before {
content:"/";
color: #1E67F2;
padding-right: 0.2rem;
}

.about_kakomi h4::after {
content:"/";
color: #1E67F2;
padding-left: 0.2rem;
}

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

.about_kakomi_box {
width: 22%;
}

@media screen and (max-width:767px) {
.about_kakomi_box {
width: 46%;
padding-bottom: 0.25rem;
}
}

.about_kakomi_box h5 {
padding-bottom: 0.2rem;
}

@media screen and (max-width:767px) {
.about_kakomi_box h5 {
padding-bottom: 0.1rem;
}
}

.about_kakomi_box p {
font-size: 0.16rem;
line-height: 1.75;
}

@media screen and (max-width:767px) {
.about_kakomi_box p {
font-size: 0.14rem;
line-height: 1.6;
}
}

/*============================
事業内容
============================*/
/* #service {
padding-top: 30vw;
background-image: url("../images/top_service_header.jpeg");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
padding-bottom: 0.8rem;
}

@media screen and (max-width:767px) {
#service {
padding-top: 1.9rem;
background-image: url("../images/top_service_header_sp.jpeg");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
padding-bottom: 0.6rem;
}
} */

/* #service .container1300 {
background: #FFF;
padding-top: 0.7rem;
margin-left: 0.4rem;
margin-right: 0.4rem;
box-sizing: border-box;
}

@media screen and (min-width:1340px) {
#service .container1300 {
margin: auto;
}
}

@media screen and (max-width:767px) {
#service .container1300 {
margin-left: 0.2rem;
margin-right: 0.2rem;
padding-top: 0.35rem;
}
} */
#service{
/*	margin-bottom: 80px;*/
}
#service .container1100 {
background: #FFF;
}

.service_intro_text {
padding-bottom: 1rem;
background: #FFF;
}

@media screen and (max-width:767px) {
.service_intro_text {
padding-bottom: 0.5rem;
}
}

.service_intro_text h4 {
font-size: 0.3rem;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.2em;
margin-bottom: 0.3rem;
line-height: 1.86;
text-align: center;
}

@media screen and (max-width:767px) {
.service_intro_text h4 {
font-size: 0.21rem;
text-align: left;
line-height: 1.76;
letter-spacing: 0;
margin-bottom: 0.25rem;
}
}

.service_intro_text p {
text-align: center;
font-size: 0.18rem;
line-height: 2.1;
padding-bottom: 0.6rem;
}

@media screen and (max-width:767px) {
.service_intro_text p {
text-align: left;
font-size: 0.15rem;
line-height: 2;
padding-bottom: 0.25rem;
}
}


/* アリヨシ重建の仕事 */ 
#service .container1300.service_works_wrapper {
padding-top: 3.7rem;
background-image: url("../images/top_service_works_ph01.jpeg");
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 0.8rem;
}
@media screen and (min-width:768px) {
	#service .container1300.service_works_wrapper {
		max-width: 13.00rem;
		background-size: 13.80rem auto;
		background-position: center top;
		position: relative;
	}
	#service .container1300.service_works_wrapper .service_works_photo {
		position: absolute;
		top: 5.12rem;
		left: .40rem;
	}
}

@media screen and (max-width:900px) {
/*
#service .container1300.service_works_wrapper {
padding-top: 2.6rem;
background-image: url("../images/top_service_works_ph01.jpeg");
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
}
*/
}

@media screen and (max-width:767px) {
#service .container1300.service_works_wrapper {
padding-top: 1.6rem;
background-image: url("../images/top_service_works_ph01_sp.jpeg");
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
margin-bottom: 0.35rem;
margin-left: 0;
padding-left: 0;
}
}

.service_works_text {
width: 50%;
box-sizing: border-box;
background: #FFF;
padding: 0.6rem;
padding-bottom: 0;
margin-right: -0.2rem;
}

@media screen and (max-width:767px) {
.service_works_text {
width: 100%;
box-sizing: border-box;
background: #FFF;
padding: 0.3rem 0.2rem 0 0.2rem;

}
}

.service_works_text h4 {
font-size: 0.28rem;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.2em;
margin-bottom: 0.3rem;
}

@media screen and (max-width:767px) {
.service_works_text h4 {
font-size: 0.21rem;
text-align: center;
}
}

.service_works_text h4::before {
content:"/";
color: #1E67F2;
padding-right: 0.2rem;
}

.service_works_text h4::after {
content:"/";
color: #1E67F2;
padding-left: 0.2rem;
}

.service_works_text p {
font-size: 0.16rem;
line-height: 2.12;
}

@media screen and (max-width:767px) {
.service_works_text p {
font-size: 0.15rem;
line-height: 2;
}
}

.service_works_photo {
margin-left: -0.4rem;
width: 50%;
}

@media screen and (max-width:767px) {
.service_works_photo {
margin-left: 0.2rem;
margin-right: -0.2rem;
padding-top: 0.3rem;
width: 100%;
}
}

/*============================
施工事例
============================*/
#works {
padding-top: 0.7rem;
padding-bottom: 0.2rem;
background-color: #15274D;
color: #FFF;
}

@media screen and (max-width:767px) {
#works {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
}

#works .container1100 {
display: flex;
justify-content: space-between;
align-items:center;
}

@media screen and (max-width:767px) {
#works .container1100 {
flex-wrap: wrap;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
}

#works .section_ttl {
background-image:url("../images/ttl_logo_white.png");
background-position: center top;
background-repeat: no-repeat;
background-size: auto 0.4rem;
margin-bottom: 0rem;
padding: 0.6rem 0;
}

@media screen and (max-width:767px) {
#works .section_ttl {
margin-bottom: 0.2rem;
padding-bottom: 0;
}
}

.works_ttl_box {
max-width: 300px;
	width: 100%;
}

@media screen and (max-width:767px) {
.works_ttl_box {
max-width:100%;
width: 100%;
}
}

.works_ttl_box .vBorder {
height: 0.4rem;
width: 2px;
background: #1E67F2;
margin: auto;
margin-bottom: 0.6rem;
}

@media screen and (max-width:767px) {
.works_ttl_box .vBorder {
height: 0.3rem;
margin-bottom: 0;
}
}

.works_case_wrapper {
max-width: 700px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media screen and (max-width:767px) {
.works_case_wrapper {
max-width: 100%;
display: block;
}
}

.works_case_box {
width: 45%;
margin-bottom: 0.5rem;
}

@media screen and (max-width:767px) {
.works_case_box {
width: 100%;
box-sizing: border-box;
padding: 0.3rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
margin-bottom: 0;
}
.slick-prev, .slick-next {
width: 0.3rem !important;
height: 0.3rem !important;
top:36% !important;
}
.slick-next::before {
background-image: url("../images/service_slider_next_btn.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 96% 96%;
width: 0.3rem !important;
height: 0.3rem !important;
font-size: 0.3rem !important;
color:inherit !important;
opacity: 1 !important;
}
.slick-prev::before {
background-image: url("../images/service_slider_prev_btn.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 96% 96%;
width: 0.3rem !important;
height: 0.3rem !important;
font-size: 0.3rem !important;
color:inherit !important;
opacity: 1 !important;
}
}

.works_case_box a {
color: #FFF;
text-decoration: none;
display: block;
}

.works_case_box a:hover {
opacity: 0.7;
}

.works_case_photo {
padding-bottom: 0.2rem;
}

.works_case_photo img {
display: block;
width: 100%;
height: 240px;
object-fit: cover;
font-family: 'Noto Sans JP', sans-serif;
}

.works_case_text span {
font-size: 0.14rem;
display: block;
line-height: 1.8;
}

.works_case_text h4 {
font-weight: 700;
font-size: 0.16rem;
line-height: 1.6;
}
@media screen and (max-width:1200px) { 
	.works_case_wrapper {
		justify-content: space-around;
	}
	.works_case_box {
		width: 35%;
	}
	.works_case_photo img {
		height: 180px;
		}
}
@media screen and (max-width:767px) { 
	.works_case_photo img {
		height: 240px;
		}
}
@media screen and (max-width:414px) { 
	.works_case_photo img {
		height: 180px;
		}
}
@media screen and (max-width:320px) { 
	.works_case_photo img {
		height: 160px;
		}
}

/*============================
採用情報
============================*/
#recruit {
padding-top: 30vw;
padding-bottom: 1.2rem;
background-image: url("../images/top_recruit_header.jpeg");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
}

@media screen and (max-width:767px) {
#recruit {
padding-top: 2.2rem;
padding-bottom: 0.6rem;
background-image: url("../images/top_recruit_header_sp.jpeg");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
overflow: hidden;
}
}

#recruit .container1300 {
background-color: #FFF;
padding-top: 0.8rem;
margin-left: 0.2rem;
margin-right: 0.2rem;
}

@media screen and (min-width:1340px) {
#recruit .container1300 {
margin: auto;
}
}

@media screen and (max-width:767px) {
#recruit .container1300 {
padding-top: 0.4rem;
margin-left: 0.2rem;
margin-right: 0.2rem;
}
}

#recruit .container1100 {
background: #FFF;
}

.recruit_text {
max-width: 460px;
position: relative;
padding-bottom: 1rem;
}

@media screen and (max-width:767px) {
.recruit_text {
max-width: 100%;
padding-bottom: 0.3rem;
}
}

.recruit_text h4 {
font-size: 0.3rem;
line-height: 1.85;
font-family: 'Noto Sans JP', sans-serif;
margin-bottom: 0.2rem;
letter-spacing: 0.1em;
position: relative;
z-index: 1;
}

@media screen and (max-width:767px) {
.recruit_text h4 {
font-size: 0.21rem;
line-height: 1.85;
margin-bottom: 0.2rem;
letter-spacing: 0.1em;
text-align: center;
}
}

.recruit_text p {
font-size: 0.18rem;
line-height: 2.1;
position: relative;
z-index: 1;
}

@media screen and (max-width:767px) {
.recruit_text p {
font-size: 0.15rem;
line-height: 2;
}
}

.recruit_photo {
position: absolute;
top:0;
right: -10%;
z-index: 0;
max-width: 7.8rem;
width: 65%;
}
@media screen and (max-width:1080px) {
.recruit_photo {
width: 58%;
}
}
@media screen and (max-width:767px) {
.recruit_photo {
position: relative;
top:inherit;
right:0;
z-index: 0;
width: 120%;
padding-bottom: 0.6rem;
}
}

#recruit .container1100.recruit_link_wrapper {
background-color: #0082A0;
box-sizing: border-box;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
color: #FFF;
}


@media screen and (max-width:767px) {
#recruit .container1100.recruit_link_wrapper {
background-color: #0082A0;
box-sizing: border-box;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
color: #FFF;
margin-left: 0.2rem;
margin-right: 0.2rem;
}
}

.recruit_link_photo {
position: absolute;
top:-0.2rem;
left: 0.2rem;
width: 50%;
}

@media screen and (min-width:1281px) and (max-width:1399px) {
.recruit_link_photo {
width: 46%;
}
}

@media screen and (min-width:1153px) and (max-width:1280px) {
.recruit_link_photo {
width: 45%;
}
}

@media screen and (min-width:1025px) and (max-width:1152px) {
.recruit_link_photo {
width: 42%;
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.recruit_link_photo {
width: 43%;
}
}

.recruit_link_photo img {
width: 100%;
}

@media screen and (max-width:767px) {
.recruit_link_photo {
position: relative;
top:-0.8rem;
left: inherit;
width: 100%;
}
}

.recruit_link_text {
width: 48%;
margin-left: auto;
text-align: center;
}

@media screen and (min-width:1281px) and (max-width:1399px) {
.recruit_link_text {
width: 52%;
}
}

@media screen and (min-width:1153px) and (max-width:1280px) {
.recruit_link_text {
width: 54%;
}
}

@media screen and (min-width:1025px) and (max-width:1152px) {
.recruit_link_text {
width: 56%;
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.recruit_link_text {
width: 56%;
}
}

@media screen and (max-width:767px) {
.recruit_link_text {
width: 100%;
margin-left: 0;
margin-top: -0.4rem;
}
}

.recruit_link_text h4 {
max-width: 1.64rem;
padding-bottom: 0.3rem;
margin: auto;
}

@media screen and (max-width:767px) {
.recruit_link_text h4 {
max-width: 1.5rem;
padding-bottom: 0.2rem;
}
}

.recruit_link_text p {
font-size: 0.24rem;
line-height: 1.8;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
padding-bottom: 0.3rem;
}

@media screen and (max-width:767px) {
.recruit_link_text p {
font-size: 0.18rem;
padding-bottom: 0.3rem;
}
}
/*============================
ニュース&ブログ
============================*/
#news {
padding-top: 0.6rem;
background-color: #EDF4F6;
position: relative;
}

@media screen and (max-width:767px) {
#news {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}

#news .container1100 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news_ttl_box {
max-width: 3rem;
}

@media screen and (max-width:767px) {
.news_ttl_box {
max-width: 100%;
width: 100%;
}
}

.news_list_wrapper {
max-width: 700px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-basis: 70%;
}

@media screen and (max-width:767px) {
.news_list_wrapper {
padding-left: 0.1rem;
padding-right: 0.1rem;
padding-bottom: 0.2rem;
flex-basis: 100%;
}
}

.news_list_box {
width: 48%;
margin-bottom: 0.6rem;
}

@media screen and (max-width:767px) {
.news_list_box {
width: 100%;
margin-bottom: 0.3rem;
}
}

.news_list_box a {
display: block;
display: flex;
justify-content: space-between;
color: #1E222C;
text-decoration: none;
}

.news_list_box a:hover {
	opacity: 0.7;
}

.news_list_box .news_list_photo {
width: 36%;
}
.news_list_box .news_list_photo img{
width: 110px;
height: 110px;
max-width: none;
object-fit: cover;
font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width:767px) {
.news_list_box .news_list_photo {
width: 32%;
}
}

.news_list_box .news_list_text {
width: 60%;
}

@media screen and (max-width:767px) {
.news_list_box .news_list_text {
width: 64%;
}
}

.news_list_box .news_list_text span {
font-size: 0.14rem;
line-height: 1.6;
padding-bottom: 0.1rem;
display: block;
}

.news_list_box .news_list_text h4 {
font-size: 0.16rem;
line-height: 1.62;
font-weight: 700;
}

@media screen and (max-width:767px) {
.news_list_box .news_list_text h4 {
font-size: 0.15rem;
}
}

@media screen and (max-width:767px) { 
	.news_list_box .news_list_photo img {
		width: 100%;
		height: 140px;
	}
}
@media screen and (max-width:414px) { 
	.news_list_box .news_list_photo img {
		height: 100px;
	}
}
@media screen and (max-width:320px) { 
	.news_list_box .news_list_photo img {
		height: 80px;
	}
}

.more_btn_sp {
    margin-bottom: 60px;
}

@media screen and (max-width:767px) {
.more_btn_sp {
	margin-top: 0px;
    margin-bottom: 60px;
}
}