@charset "utf-8";

/* ======================================================
 * index.css
 * ------------------------------------------------------
 * Base
 * - Reset
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * @media print, screen and (min-width: 768px)
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * Base
====================================================== */
/* ------------------------------------------------------
* Reset
------------------------------------------------------ */

/* ------------------------------------------------------
 * Override
------------------------------------------------------ */

/* ------------------------------------------------------
 * Layout
------------------------------------------------------ */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */

	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* --- case-study-search --- */
	.case-study-search {
		padding: 8px 15px 15px;
	}
	.case-study-search .case-study-search__body {
		margin-top: 20px;
	}
	.case-study-search .case-study-search__list {
		display: flex;
		flex-flow: row wrap;
	}
	.case-study-search .case-study-search__list > li {
		position: relative;
		display: flex;
		width: 32.8%;
		margin-top: 10px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.case-study-search .case-study-search__list > li:nth-of-type(-n+3) {
		margin-top: 0;
	}
	.case-study-search .case-study-search__list .case-study-search__list__checkbox {
		position: absolute;
		top: 6px;
		left: 0;
		width: 13px;
		height: 13px;
	}
	.case-study-search .case-study-search__list .case-study-search__list__label {
		cursor: pointer;
		padding-left: 23px;
		color: #0066aa;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	.case-study-search .case-study-search__reset {
		margin-top: 18px;
		padding-top: 24px;
		border-top: 1px solid #dde0e7;
	}
	.case-study-search .case-study-search__reset > li {
		position: relative;
		display: flex;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.case-study-search .case-study-search__reset .case-study-search__reset__checkbox {
		position: absolute;
		top: 6px;
		left: 0;
		width: 13px;
		height: 13px;
	}
	.case-study-search .case-study-search__reset .case-study-search__reset__label {
		cursor: pointer;
		padding-left: 23px;
		color: #0066aa;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

	/* --- case-study-card-wrap --- */
	.case-study-card-wrap {
		display: flex;
		flex-flow: row wrap;
		margin: 0 -10px -20px;
	}
	.case-study-card-wrap > * {
		width: calc(100% / 3);
		margin-bottom: 20px;
	}

	/* --- case-study-card --- */
	.case-study-card {
		padding: 0 10px;
		box-sizing: border-box;
	}
	.case-study-card > [class*="__type"] {
		position: relative;
		display: block;
		height: 100%;
		border: 1px solid #dde0e7;
		border-radius: 7px;
		background-color: #f1f2f6;
		overflow: hidden;
		z-index: 1;
		box-sizing: border-box;
	}
	.case-study-card .case-study-card__head {
		position: relative;
		overflow: hidden;
	}
	.case-study-card .case-study-card__body {
		padding: 18px 14px;
	}
	.case-study-card .case-study-card__body >:first-child {
		margin-top: 0;
	}
	.case-study-card .case-study-card__image > img {
		width: 100%;
		transition: transform .6s;
	}
	.case-study-card > [class*="__type"]:hover .case-study-card__image > img {
		transform: scale(1.1);
	}
	.case-study-card .case-study-card__category {
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: flex-end;
	}
	.case-study-card .case-study-card__category .case-study-card__category__icon {
		width: 35px;
		height: 35px;
		background-color: #44780c;
	}
	.case-study-card .case-study-card__category .case-study-card__category__icon > img {
		max-width: 100%;
	}
	.case-study-card .case-study-card__category .case-study-card__category__label {
		padding: 3px 5px;
		background-color: #44780c;
		color: #fff;
		font-size: 12px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 600;
		text-align: center;
	}
	.case-study-card .case-study-card__title {
		position: relative;
		display: inline-block;
		color: #0066aa;
		font-size: 14px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 600;
		line-height: 1.4;
	}
	.case-study-card > [class*="__type"]:hover .case-study-card__title {
		color: #1eace5;
	}
	.case-study-card .case-study-card__type--blank .case-study-card__title {
		padding-right: 16px;
	}
	.case-study-card .case-study-card__type--blank .case-study-card__title::after {
		content: "";
		position: absolute;
		top: 5px;
		right: 0;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_01.png'), url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_02.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
	}
	.case-study-card .case-study-card__type--blank:hover .case-study-card__title::after {
		background-size: 0 0, contain;
	}
	.case-study-card .case-study-card__description {
		margin: 14px 0 0;
		color: #555566;
		font-size: 12px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	
	
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */

	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* --- case-study-search --- */
	.case-study-search {
		padding: 8px 15px 15px 15px;
	}
	.case-study-search .case-study-search__body {
		margin-top: 20px;
		padding: 0 6px;
	}
	.case-study-search .case-study-search__list > li {
		position: relative;
		display: flex;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.case-study-search .case-study-search__list > li:first-of-type {
		margin-top: 0;
	}
	.case-study-search .case-study-search__list .case-study-search__list__checkbox {
		position: absolute;
		top: 6px;
		left: 0;
		width: 13px;
		height: 13px;
	}
	.case-study-search .case-study-search__list .case-study-search__list__label {
		cursor: pointer;
		padding-left: 23px;
		color: #0066aa;
		font-size: 14px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	.case-study-search .case-study-search__reset {
		margin-top: 18px;
		padding-top: 24px;
		border-top: 1px solid #dde0e7;
	}
	.case-study-search .case-study-search__reset > li {
		position: relative;
		display: flex;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.case-study-search .case-study-search__reset .case-study-search__reset__checkbox {
		position: absolute;
		top: 6px;
		left: 0;
		width: 13px;
		height: 13px;
	}
	.case-study-search .case-study-search__reset .case-study-search__reset__label {
		cursor: pointer;
		padding-left: 23px;
		color: #0066aa;
		font-size: 14px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	
	/* --- case-study-card-wrap --- */
	.case-study-card-wrap {
		display: flex;
		flex-flow: row wrap;
		margin: 0 0 -15px;
	}
	.case-study-card-wrap > * {
		margin-bottom: 15px;
	}

	/* --- case-study-card --- */
	.case-study-card {
		box-sizing: border-box;
	}
	.case-study-card > [class*="__type"] {
		position: relative;
		display: block;
		height: 100%;
		border: 1px solid #dde0e7;
		border-radius: 7px;
		background-color: #f1f2f6;
		overflow: hidden;
		z-index: 1;
	}
	.case-study-card .case-study-card__head {
		position: relative;
		overflow: hidden;
	}
	.case-study-card .case-study-card__body {
		padding: 12px 14px;
	}
	.case-study-card .case-study-card__body >:first-child {
		margin-top: 0;
	}
	.case-study-card .case-study-card__image > img {
		width: 100%;
	}
	.case-study-card .case-study-card__category {
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: flex-end;
	}
	.case-study-card .case-study-card__category .case-study-card__category__icon {
		width: 50px;
		height: 50px;
		background-color: #44780c;
	}
	.case-study-card .case-study-card__category .case-study-card__category__icon > img {
		max-width: 100%;
	}
	.case-study-card .case-study-card__category .case-study-card__category__label {
		padding: 3px 5px;
		background-color: #44780c;
		color: #fff;
		font-size: 12px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 600;
		text-align: center;
	}
	.case-study-card .case-study-card__title {
		position: relative;
		display: inline-block;
		color: #0066aa;
		font-size: 14px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 600;
		line-height: 1.4;
	}
	.case-study-card > [class*="__type"]:hover .case-study-card__title {
		color: #1eace5;
	}
	.case-study-card .case-study-card__type--blank .case-study-card__title {
		padding-right: 16px;
	}
	.case-study-card .case-study-card__type--blank .case-study-card__title::after {
		content: "";
		position: absolute;
		top: 5px;
		right: 0;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/regional-initiative/img/cmn_ic05_01.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.case-study-card .case-study-card__description {
		margin: 9px 0 0;
		color: #555566;
		font-size: 12px;
		font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

}

/* ======================================================
 * Print
====================================================== */
@media print {
}