/*
Theme Name: Twenty Twenty-Four Child
Theme URI: 
Author: rpstx
Author URI: 
Description: Twenty Twenty-Four Child Theme
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twenty-twenty-four-child
Tags: 
*/

.home-bottom{

	max-width:1200px;

	margin:80px auto;

	/*display:grid;

	grid-template-columns:1fr 600px;

	gap:32px;*/

	align-items:stretch;

}

.case-card__company{display:flex;}
.case-card__company img{width:70px;margin-right:10px;} 



@media (max-width:767px){

    .home-bottom{
        display:flex;
        flex-direction:column;
        gap:40px;
        margin:40px auto;
        width:90%;
    }

    .home-bottom__cases,
    .home-bottom__banner{
        width:100%;
    }

}

.home-bottom__cases{

	min-width:0;

}

.cases-header{

	display:flex;

	justify-content:space-between;

	align-items:flex-end;

	margin-bottom:32px;

}

.cases-navigation{

	display:flex;

	gap:12px;

}


/* ======================
導入事例スライダー
====================== */
.cases-slider{

	position:relative;

	padding:20px 50px;

	overflow:hidden;

}

.case-card {

	/*display: flex;*/

	align-items: center;

	gap: 24px;

	height: 200px;

	padding: 24px;

	/*background: #fff;

	border: 1px solid #e8e8e8;

	border-radius: 20px;*/

	text-decoration: none;

	/*box-shadow: 0 8px 20px rgba(0,0,0,.05);*/

	transition: .3s;

}

.case-card:hover {

	transform: translateY(-5px);

	box-shadow: 0 14px 30px rgba(0,0,0,.08);

}

.case-card__image {

	/*width: 45%;*/

}

.case-card__image img {

	width: 100%;

	height: auto;

	object-fit: cover;

	border-radius: 5px;
    margin-bottom:10px;

}

.case-card__body {

	flex: 1;

}

.case-card__body .case-card__title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: #111 !important;
    margin-top: 10px !important;
}

.case-card__category{

	display:inline-flex;

	align-items:center;

	padding:4px 10px;

	margin-bottom:12px;

	border-radius:999px;

	background:#eef8f2;

	color:#0f8a4b;

	font-size:1.2rem;

	font-weight:700;

}

.case-card__work{

	margin-top:12px;

	font-size:1.3rem;

	line-height:1.7;

	color:#666;

}

.case-card__industry {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
    background: #222;
    padding: 2px 7px;
    margin-top: 10px;
    border-radius: 3px;
}

.case-card__achievement {

	font-size: 1.6rem;

	font-weight: 700;

	color: #222;

	line-height: 1.7;

	margin-bottom: 20px;

}

.case-card__more {
	font-size: 1rem;
	font-weight: 700;
	color: #0f8a4b;
    display:none;

}

.case-card__logo img {

	max-height: 40px;
	margin-bottom: 16px;

}



/* 矢印エリア */

.cases-navigation{

	display:flex;

	gap:12px;

}

/* ==========================
タイトル + 矢印
========================== */

.cases-header{

	display:flex;

	justify-content:space-between;

	align-items:flex-end;

	margin-bottom:0;

}

.cases-header__right{

	display:flex;

	align-items:center;

	gap:24px;

}
.cases-title{
    
    /*display: flex;
    justify-content: space-between;*/
}

.cases-title__en{
	color:#0f8a4b;
	font-size:1rem;
	font-weight:700;
	margin-bottom:8px;

}

.cases-title__ja {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: #333 !important;
    margin: 0 !important;
    background: none !important;
    padding: 0 !important;
}
/* ==========================
矢印
========================== */

.cases-navigation{

	display:flex;

	gap:12px;

}

.cases-navigation .swiper-button-prev,

.cases-navigation .swiper-button-next{

	position:relative;

	top:auto;

	left:auto;

	right:auto;

	margin:0;

	width:36px;

	height:36px;

	background:#fff;

	border:2px solid #0f8a4b;

	border-radius:50%;

	color:#0f8a4b;

	box-shadow:0 8px 24px rgba(0,0,0,.08);

	transition:.3s;

}

.cases-navigation .swiper-button-prev::after,

.cases-navigation .swiper-button-next::after{

	font-size:14px;

	font-weight:700;

}

.cases-navigation .swiper-button-prev:hover,

.cases-navigation .swiper-button-next:hover{

	background:#0f8a4b;

}

.cases-navigation .swiper-button-prev:hover::after,

.cases-navigation .swiper-button-next:hover::after{

	color:#fff;

}

.cases-more {
    font-size: 1rem;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    transition: .3s;
    float: right;
}

.cases-more:hover{

	opacity:.7;

}

.swiper-pagination{display:none;}


/* SP */

@media (max-width:767px){

	.cases-slider {

		padding: 20px 0 60px;

	}
    .cases-header{

	display:block;
	

}
    .cases-header__right {
    justify-content: space-between;
}

	.case-card {

		flex-direction: column;

		height: auto;

	}

	.case-card__image {

		width: 100%;

	}

}