@charset "utf-8";

/* ======================================================
 * solution_case.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Override
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Override
 * - Page Component
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

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

	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- .solution-case-sup ----- */
	.solution-case-sub {
		position: relative;
		font-size: 60%;
		line-height: 1;
		bottom: -.5em;
	}
	/* ----- solution-case-heading1 ----- */
	.solution-case-heading1 {
		background: radial-gradient(circle at left, rgba(255,146,8,.7), rgba(255,211,41,.7));
		background-color: #fff;
		overflow: hidden;
		position: relative;
		margin-top: 20px;
	}
	.solution-case-heading1__detail {
		width: 1200px;
		margin: 0 auto;
		padding: 3.5rem 0 4.5rem;
		position: relative;
		display: flex;
		align-items: flex-start;
	}
	.solution-case-heading1__head {
		background-color: rgba(255, 255, 255, 0.5);
		width: 855px;
		margin-left: -30px;
		padding: 2rem 20rem 2rem 30px;
	}
	.solution-case-heading1__body {
		background-color: #ff580e;
		width: 546px;
		margin-left: -170px;
		margin-top: 20px;
	}
	/* ----- solution-case-head ----- */
	.solution-case-head__subtitle {
		font-size: 2rem;
		line-height: 1.4;
	}
	.solution-case-head__title {
		font-size: 3.6rem;
		line-height: 1.4;
		font-weight: bold;
		margin-top: 1.3rem;
	}
	/* ----- solution-case-back ----- */
	.solution-case-back--white {
		display: inline-block;
		background-color: #fff;
		height: 45px;
		padding: 0 1.5rem;
		text-align: center;
	}
	/* ----- solution-case-list-wrap ----- */
	.solution-case-list-wrap {
		font-size: 1.6rem;
		line-height: 1.6;
		margin-top: 1.7rem;
	}
	/* ----- solution-case-list ----- */
	.solution-case-list {
		display: flex;
		flex-wrap: wrap;
		column-gap: 1.8rem;
		row-gap: 1.1rem;
	}
	.solution-case-list__type {
		color: #333 !important;
		text-decoration: underline;
    text-decoration-color: #776b70;
    text-decoration-thickness: 1px !important;
		text-underline-offset: 3px;
	}
	.solution-case-list__type:hover {
		color: #0b73cd !important;
		text-decoration: underline;
    text-decoration-color: #0b73cd;
    text-decoration-thickness: 1px;
	}
	/* ----- solution-case-box ----- */
	.solution-case-box {
		position: relative;
		padding: 1rem 13rem 1rem 1rem;
		min-height: 189px;
		display: flex;
	}
	.solution-case-box__head {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.solution-case-box__body {
		position: absolute;
		text-align: right;
		right: 0%;
		bottom: 0%;
	}
	.solution-case-box__text {
		font-size: 1.6rem;
		font-weight: bold;
		margin-right: 1rem;
	}
	/* ----- solution-case-lead ----- */
	.solution-case-lead {
		display: flex;
		align-items: center;
		column-gap: 1rem;
	}
	.solution-case-lead:nth-of-type(n+2) {
		border-top: 1px solid #fff;
		margin-top: 1rem;
		padding-top: 1rem;
	}
	.solution-case-lead__label {
		color: #fff;
		font-size: 3rem;
		line-height: 1.4;
		font-weight: bold;
		flex: 1;
	}
	.solution-case-lead__icon {
		width: 112px;
	}
	/* ----- solution-case-small ----- */
	.solution-case-small {
		font-size: 2rem;
		line-height: 2.1;
	}
	/* ----- bg-blue ----- */
	.bg-blue {
		background-color: #e6f9fd;
	}
	/* ----- bg-orange ----- */
	.bg-orange {
		background-color: #fff4e6;
	}
	/* ----- solution-case-form ----- */
	.solution-case-form {
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 20px;
		width: 1200px;
		padding: 2.2rem 0;
		margin: 0 auto;
	}
	/* ----- solution-case-form-text ----- */
	.solution-case-form-text {
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: bold;
		margin-top: .8rem;
	}
	/* ----- solution-case-form-button ----- */
	.solution-case-form-button__type {
		display: inline-block;
		position: relative;
		min-width: 340px;
		padding: 17px 32px 14px 60px;
		border-radius: 10em;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
		background-color: #e96b05;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none !important;
	}
	.solution-case-form-button__type:hover{
		background-color: #dd6300;
	}
	.solution-case-form-button__type::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 27px;
		width: 29px;
		height: 19px;
		margin-top: -10px;
		background: url(../images_new/sprite.webp) no-repeat -405px -160px;
	}
	.solution-case-form-button__type::after {
		position: absolute;
		top: 50%;
		right: 18px;
		transform: rotate(45deg);
		width: 10px;
		height: 10px;
		margin-top: -4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}
	.solution-case-form-button__label {
		color: #fff;
	}
	/* ----- bg-white ----- */
	.bg-white {
		width: 1200px;
		margin: 0 auto;
		padding: 2.5rem 0 6rem;
	}
	/* ----- bg-white-v2 ----- */
	.bg-white-v2 {
		width: 1200px;
		margin: 0 auto;
		padding: 6rem 0 5.8rem;
	}
	.bg-white-v2 > .solution-case-service-v2 > :first-child {
		margin-top: 0;
	}
	.bg-white-v2 > :first-child {
		margin-top: 0;
	}
	/* ----- solution-case-anchor-navi ----- */
	.solution-case-anchor-navi__list {
		display: flex;
		column-gap: 35px;
		width: 100%;
	}
	.solution-case-anchor-navi__list > li {
		width: calc((100% - (35px * 2)) / 3);
		flex-grow: 1;
	}
	.solution-case-anchor-navi__link {
		position: relative;
		display: flex;
		align-items: center;
		padding: 1.3rem .2rem .7rem;
		border-bottom: 1px solid #ddd;
		color: #333 !important;
		text-decoration: none !important;
	}
	.solution-case-anchor-navi__link:hover {
		color: #0b73cd !important;
	}
	.solution-case-anchor-navi__link:hover .solution-case-anchor-navi__label {
		border-bottom: 1px solid #0b73cd;
	}
	.solution-case-anchor-navi__icon {
		width: 50px;
		height: 50px;
	}
	.solution-case-anchor-navi__label {
		font-size: 2rem;
		line-height: 1.4;
		text-decoration: none !important;
		font-weight: bold;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.solution-case-anchor-navi__label::after {
		content: "";
		display: block;
		flex: 0 0 auto;
		position: absolute;
		top: 50%;
		transform: rotate(-45deg);
		border-bottom: 2px solid #1784e2;
		border-left: 2px solid #1784e2;
		height: 10px;
		margin-top: -.8rem;
		right: 0rem;
		width: 10px;
	}
	/* ----- solution-case-heading2 ----- */
	.solution-case-heading2 {
		margin-top: 6rem;
	}
	.solution-case-heading2__inner {
		text-align: center;
		padding-bottom: 1.5rem;
	}
	.solution-case-heading2__icon {
		margin: 0 auto;
		width: 48px;
		height: 40px;
	}
	.solution-case-service > .solution-case-heading2 {
		margin-top: 0;
	}
	.solution-case-heading2__title {
		position: relative;
		font-size: 2.6rem;
		line-height: 1.4;
		font-weight: bold;
		margin-top: 2rem;
	}
	.solution-case-heading2__title::after {
		position: absolute;
		bottom: -14px;
		left: 50%;
		width: 100px;
		height: 4px;
		margin-left: -51px;
		background: linear-gradient(to right, #ff9208 0%, #ffd329 100%);
		content: "";
	}
	/* ----- .solution-case-util-pc-hidden ----- */
	.solution-case-util-pc-hidden {
		display: none;
	}
	/* ----- .solution-case-heading3 ----- */
	.solution-case-heading3 {
		margin-top: 3rem;
	}
	.solution-case-heading3__title {
		text-align: center;
		font-size: 2.2rem;
		line-height: 1.6;
		font-weight: bold;
		color: #ff580e;
	}
	/* ----- .solution-case-column ----- */
	.solution-case-column {
		display: flex;
		flex-wrap: wrap;
		column-gap: 35px;
		row-gap: 22px;
		width: 100%;
		margin-top: 13px;
	}
	.solution-case-column__item {
		width: calc((100% - 35px) / 2);
		border: 1px solid #ff580e;
		border-radius: 8px;
	}
	.solution-case-column__head {
		position: relative;
		background-color: #ff580e;
		border-radius: 5px 5px 0 0;
	}
	.solution-case-column__title {
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: bold;
		color: #fff;
		padding: 1rem 2.5rem 1rem 5rem;
	}
	.solution-case-column__title::before {
		position: absolute;
		display: inline-block;
		top: 12px;
		width: 24px;
		height: 20px;
		margin-left: -35px;
		background: url("../../solution/images/cmn_ic04.png") no-repeat left top / 100%;
		content: "";
	}
	/* ----- .solution-case-unorder-list ----- */
	.solution-case-unorder-list {
		padding: 1rem 2.5rem 1rem 5.3rem;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.solution-case-unorder-list > li:nth-of-type(n+2){
		margin-top: 10px;
	}
	.solution-case-unorder-list > li{
		padding-left: 2rem;
		position: relative;
	}
	.solution-case-unorder-list > li:before{
		position: absolute;
		background-color: #ff580e;
		content: "";
		border-radius: 50%;
		width: 10px;
		height: 10px;
		left: 1px;
		top: 7px;
	}
	/* ----- .solution-case-suggestion ----- */
	.solution-case-suggestion {
		position: relative;
		z-index: 1;
		margin-top: 8.5rem;
		padding-bottom: 2rem;
	}
	.solution-case-suggestion::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../../solution/images/cmn_bg02.png") no-repeat left top / 100%;
		width: 1190px;
		height: 130px;
		left: 0;
		top: -30px;
		z-index: -1;
	}
	.solution-case-suggestion_text {
		text-align: center;
		font-size: 2.6rem;
		line-height: 1.4;
		font-weight: bold;
	}
	/* ----- .solution-case-util-small ----- */
	.solution-case-util-small {
		display: inline-block;
		font-size: 1.8rem;
		line-height: 2;
		margin-bottom: .5rem;
	}
	/* ----- .solution-case-heading2-v2 ----- */
	.solution-case-heading2-v2__title {
		text-align: center;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 1.4;
	}
	/* ----- .solution-case-service ----- */
	.solution-case-service {
		width: 1200px;
		padding: 6rem 0;
		margin: 0 auto;
	}
	/* ----- .solution-case-point-heading ----- */
	.solution-case-point-heading {
		margin: 4.6rem 0 0;
	}
	.solution-case-point-heading__inner {
		padding-bottom: 6px;
		border-bottom: 1px solid #ddd;
	}
	.solution-case-point-heading__subtitle {
		display: inline-flex;
		align-items: flex-end;
		justify-content: center;
		min-width: 107px;
		min-height: 35px;
		padding: 2px 6px;
		text-align: center;
		background: linear-gradient(to right, #ffc377, #ffe287);
		font-size: 1.8rem;
		line-height: 1.38;
	}
	.solution-case-point-heading__subtitle .solution-case-point-heading__number {
		font-weight: 700;
		font-size: 2.6rem;
		line-height: 1.2;
		padding-left: 10px;
	}
	.solution-case-point-heading__title {
		font-weight: 700;
		font-size: 2.2rem;
		line-height: 1.4;
	}
	.solution-case-point-heading__subtitle + .solution-case-point-heading__title {
		margin-top: 0.8rem;
	}
	/* ----- .solution-case-point-media ----- */
	.solution-case-point-media {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		margin: 2.4rem 0 0;
	}
	.solution-case-point-media__head {
		flex: 1;
	}
	.solution-case-point-media__head > :first-child {
		margin-top: 0;;
	}
	.solution-case-point-media__body {
		width: calc(((100% - (36px * (2 - 1))) / 2) - .1px);
		margin-left: 36px;
	}
	.solution-case-point-media .solution-case-point-media__body > :first-child {
		margin-top: 0;
	}
	.solution-case-point-media__body[data-size-pc="3col"] {
		width: calc(((100% - (36px * (3 - 1))) / 3) - .1px);
		margin-left: 36px;
	}
	.solution-case-point-media__body[data-size-pc="4col"] {
		width: calc(((100% - (36px * (4 - 1))) / 4) - .1px);
		margin-left: 36px;
	}
	.solution-case-figure__caption {
		margin: 0.8rem 0 0;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	/* ----- .solution-case-point-list-wrap ----- */
	.solution-case-point-list-wrap {
		margin: 1em 0 0;
	}
	.solution-case-point-list-wrap .solution-case-point-unorder-list > :first-child {
		margin-top: 0;
	}
	.solution-case-point-unorder-list > li {
		position: relative;
		margin-top: 1rem;
		padding-left: 1.25em;
    color: #333;
    list-style: none;
		font-size: 1.6rem;
		line-height: 1.625;
	}
	.solution-case-point-unorder-list > li::before {
		display: inline-block;
    position: absolute;
		top: .4em;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #ff580e;
		border-radius: 50%;
    content: "";
	}
	.solution-case-point-unorder-list__nest {
		margin: 0.6rem 0 0;
	}
	.solution-case-point-heading + * {
		margin: 2.4rem 0 0;
	}
	/* ----- .solution-case-point__text ----- */
	.solution-case-point__text {
		margin: 0;
		font-size: 1.4rem;
		line-height: 1.57;
		color: #333;
	}
	.solution-case-point__text + .solution-case-point__text {
		margin-top: 1rem;
	}
	/* ----- .solution-case-text ----- */
	.solution-case-text {
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.625;
		color: #333;
		margin-top: 1rem;
	}
	.solution-case-text + .solution-case-text {
		margin-top: 1rem;
	}
	/* ----- .solution-case-figure-wrap ----- */
	.solution-case-figure-wrap--center {
		display: flex;
		margin: 3rem 0 0;
		justify-content: center;
	}
	.solution-case-figure__frame {
		display: inline-block;
	}
	.solution-case-figure__frame > img {
		max-width: 100%;
    height: auto;
    vertical-align: top;
	}
	/* ----- .solution-case-improvement ----- */
	.solution-case-improvement {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		margin: 2.8rem 0 0;
		padding: 0 60px;
		column-gap: 157px;
	}
	.solution-case-improvement__item {
		width: calc((100% - 157px) / 2);
		position: relative;
	}
	.solution-case-improvement__item:not(:first-child)::before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		top: 50%;
		transform: translateY(-50%);
		left: calc(((157px / 2) + (50px / 2)) * -1);
		border-style: solid;
		border-top: 50px solid transparent;
		border-bottom: 50px solid transparent;
		border-left: 50px solid #ff580e;
		border-right: 0;
	}
	/* ----- .ssolution-case-proposal-box ----- */
	.solution-case-proposal-box {
		margin-top: 3.2rem;
		padding: 3.4rem 2.6rem;
		background-color: #fff;
	}
	.solution-case-proposal-box__title {
		margin-top: 2rem;
		color: #333;
		text-align: center;
		font-size: 2.2rem;
		line-height: 1.4;
		font-weight: 700;
	}
	.solution-case-proposal-box > :first-child {
		margin-top: 0;
	}
	.solution-case-proposal-box__column {
		display: flex;
		flex-wrap: nowrap;
		column-gap: 36px;
		margin-top: 3.4rem;
	}
	.solution-case-proposal-box__item {
		display: flex;
		flex-wrap: nowrap;
		width: calc((100% - 36px) / 2);
	}
	.solution-case-proposal-box__icon {
		width: 100px;
		margin-right: 16px;
	}
	.solution-case-proposal-box__icon > img {
		width: 100px;
	}
	.solution-case-proposal-box__detail {
		flex: 1;
	}
	.solution-case-proposal-box__lead {
		font-size: 1.8rem;
		line-height: 1.38;
		font-weight: 700;
	}
	.solution-case-proposal-box .solution-case-proposal-box__lead + * {
		margin-top: 0.8rem;
	}
	/* ----- .solution-case-effect-heading ----- */
	.solution-case-effect-heading {
		margin: 4.6rem 0 0;
	}
	.solution-case-effect-heading__inner {
		padding-bottom: 6px;
		border-bottom: 1px solid #ddd;
	}
	.solution-case-effect-heading__subtitle {
		color: #ff580e;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.56;
	}
	.solution-case-effect-heading__title {
		margin: 0.4rem 0 0;
		color: #333;
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 1.4;
	}
	.solution-case-effect-heading + * {
		margin-top: 2.4rem;
	}
	/* ----- .solution-case-heading-column ----- */
	.solution-case-heading-column {
		display: flex;
		flex-wrap: wrap;
		column-gap: 36px;
		width: 100%;
		margin-top: 1.8rem;
	}
	.solution-case-heading-column__item {
		width: calc((100% - 36px) / 2);
	}
	/* ----- .solution-case-carousel ----- */
	.solution-case-carousel {
		margin: 3.2rem 0 0;
	}
	.solution-case-carousel__list {
		opacity: 0;
	}
	.solution-case-carousel__list.slick-initialized {
		opacity: 1;
	}
	.solution-case-carousel__list .slick-list.draggable {
		padding: 0!important;
	}
	.solution-case-carousel__list.slick-slider {
		margin: 0;
		padding: 0 4.7rem;
		overflow: hidden;
	}
	.solution-case-carousel__list > .slick-list {
		margin: 0 -16px;
		position: relative;
	}
	.solution-case-carousel__list > .slick-list > .slick-track > .slick-slide {
		line-height: 1;
	}
	.solution-case-carousel__list > .slick-arrow {
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		z-index: 2;
		margin: -16px 0 0 0;
		padding: 0;
		border: none;
		background-color: transparent;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		outline: none;
		transform: translate(0, 0);
		transition: all 0.3s ease 0s;
	}
	.solution-case-carousel__list > .slick-arrow::before {
		position: absolute !important;
		top: 50%;
		margin: -9px 0 0 0;
	}
	.solution-case-carousel__list > .slick-prev {
		left: 16px;
	}
	.solution-case-carousel__list > .slick-prev::before {
		content: "";
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 2px 0 0 2px;
		border-color: #1684e2;
		transform: rotate(-45deg);
		left: 4px;
		width: 17px;
		height: 17px;
	}
	.solution-case-carousel__list > .slick-next {
		right: 16px;
	}
	.solution-case-carousel__list > .slick-next::before {
		content: "";
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #1684e2;
		transform: rotate(45deg);
		right: 4px;
		width: 17px;
		height: 17px;
	}
	.solution-case-carousel__item {
		text-align: center;
		padding: 0 18px;
	}
	.solution-case-carousel__item img {
		border-radius: 10px;
		display: inline-block !important;
	}
	.solution-case-carousel__type {
		display: block;
	}
	.solution-case-carousel__type:hover {
		opacity: 0.7;
	}
	.solution-case-carousel__control {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		margin: 1.2rem 0 0 0;
	}
	.solution-case-carousel__pager > .slick-dots {
		position: relative;
		bottom: inherit;
		vertical-align: top;
	}
	.solution-case-carousel__pager > .slick-dots > li {
		width: 15px;
		height: 15px;
		margin: 0 10px;
		vertical-align: middle;
	}
	.solution-case-carousel__pager > .slick-dots > li > button {
		width: 10px;
		height: 10px;
		display: inline-block;
		padding: 0;
		border: none;
		border-radius: 50%;
		background-color: #ccc;
		text-indent: -9999em;
		outline: none;
		transition: all 0.3s ease 0s;
	}
	.solution-case-carousel__pager > .slick-dots > li > button:hover {
		background-color: #1684e2;
	}
	.solution-case-carousel__pager > .slick-dots > li.slick-active > button {
		background-color: #1684e2; /* Replace with your $common-theme-color, "accent" value */
	}

	.solution-case-carousel__pager .slick-dots > li button::before {
		display: none;
	}
	.solution-case-carousel__pager .slick-dots > li button {
		content: "";
		display: block;
		width: 13px;
		height: 13px;
		text-indent: 100%;
		white-space: nowrap;
		background-color: #dddddd;
		border-radius: 50%;
	}
	.solution-case-carousel__pager .slick-dots > li.slick-active button {
		background-color: #1684e2;
	}
	.solution-case-carousel__switch {
		display: flex;
		align-items: center;
		font-size: 0;
	}
	.solution-case-carousel__switch__pause,
	.solution-case-carousel__switch__play {
		display: inline-block;
		position: relative;
		width: 28px;
		height: 28px;
		padding: 0;
		border: none;
		background-color: transparent;
		text-indent: -9999em;
		outline: none;
		margin: 0 .6em 0 1em;
	}
	.solution-case-carousel__switch__pause::before {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 12px;
		height: 17px;
		background-image: url(../images_new/sprite.webp);
		background-repeat: no-repeat;
		background-position: -585px -126px;
		content: "";
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		transform: translateY(-50%);
	}
	.solution-case-carousel__switch__play::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 12px;
		height: 17px;
		background-image: url(../images_new/sprite.webp);
		background-repeat: no-repeat;
		background-position: -565px -126px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		transform: translateY(-50%);
	}
	/* ----- .solution-case-button ----- */
	.solution-case-button-wrap {
		display: flex;
		justify-content: center;
		margin-top: 2.2rem;
	}
	.solution-case-button {
		display: flex;
	}
	.solution-case-button > * {
		width: 100%;
	}
	.solution-case-button .solution-case-button__type {
		display: flex;
		position: relative;
		text-align: center;
		align-items: center;
		justify-content: center;
		border-radius: 23px;
		background-color: #1684e3;
		color: #fff;
		line-height: 1.4;
		padding: 1.2rem 4rem;
		min-width: 376px;
		font-size: 1.6rem;
		font-weight: 700;
		text-decoration: none;
	}
	.solution-case-button__type::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 1.8rem;
		width: 10px;
		height: 14px;
		transform: translateY(-50%);
		background: url(../images_new/sprite.webp);
		background-position: -10px 0;
		background-repeat: no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.solution-case-button__type:hover {
		background-color: #0b73cd;
		text-decoration: none;
		color: #fff;
	}
	.solution-case-button__label {
		color: #fff;
		font-size: 1.6rem;
		line-height: 1.375;
	}
	/* ----- .solution-case-card-v2-wrap ----- */
	.solution-case-card-v2-wrap {
		display: flex;
		flex-wrap: wrap;
		column-gap: 35px;
		row-gap: 30px;
		width: 100%;
		margin-top: 3rem;
	}
	.solution-case-card-v2 {
		display: flex;
		width: calc((100% - 35px) / 2);
		background-color: #fff;
		border: 1px solid #dee0e0;
		border-radius: 10px;
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	}
	.solution-case-card-v2__type {
		display: flex;
		align-items: center;
		column-gap: 20px;
		text-decoration: none !important;
		padding: 2rem;
		width: 100%;
	}
	.solution-case-card-v2__head {
		flex-shrink: 0;
		width: 249px;
	}
	.solution-case-card-v2__title {
		display: inline;
		position: relative;
		font-size: 2rem;
		line-height: 1.4;
		font-weight: bold;
		color: #333;
	}
	.solution-case-card-v2__title::after {
		display: inline-block;
		position: relative;
		overflow: hidden;
		content: "";
		top: -.3rem;
		transform: rotate(-135deg);
		border-bottom: 2px solid #1784e2;
		border-left: 2px solid #1784e2;
		height: 9px;
		width: 9px;
		text-indent: 100%;
		margin-left: 5px;
	}
	.solution-case-card-v2__type:hover .solution-case-card-v2__title {
		color: #0b73cd !important;
		text-decoration: underline;
    text-decoration-color: #0b73cd;
    text-decoration-thickness: 2px;
		text-underline-offset: 2px;
	}
	/* ----- .solution-case-contact-layout ----- */
	.solution-case-contact-layout {
		margin: 6.4rem auto 8rem;
		width: 1200px;
	}
	.solution-case-contact-layout__inner {
		padding: 25px 30px 30px;
		border-radius: 10px;
		background: url("../images_new/com_bg14.webp") repeat 0 0;
	}
	.solution-case-contact-layout__inner > .contact_title {
		font-size: 2.6rem;
		font-weight: bold;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-top: 1em;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap {
		overflow: hidden;
		width: 48.5%;
		border-radius: 15px;
		background-color: #fff;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap + .contact_detail_wrap {
		margin-left: 3%;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_title {
		padding: 11px 15px 9px;
		background-color: #0063b7;
		color: #fff;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item {
		padding: 22px 20px 25px;
		text-align: center;
	}
	.solution-case-contact-layout__innert > .contact_detail > .contact_detail_wrap > .contact_item .contact_tel {
		line-height: 1.5;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_tel > a {
		display: inline-block;
		padding-right: 0.5em;
		font-size: 3.0rem;
		font-weight: bold;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_tel > a::before {
		display: inline-block;
		content: "";
		width: 23px;
		height: 29px;
		margin-right: 15px;
		background: url("../images_new/sprite.webp") no-repeat -503px -170px;
		vertical-align: middle;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_text {
		font-size: 1.4rem;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a {
		display: inline-block;
		position: relative;
		min-width: 340px;
		padding: 17px 32px 14px 60px;
		border-radius: 10em;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
		background-color: #e96b05;
		color: #fff;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a:hover {
		background-color: #dd6300;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 27px;
		width: 29px;
		height: 19px;
		margin-top: -10px;
		background: url("../images_new/sprite.webp") no-repeat -405px -160px;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a::after {
		position: absolute;
		top: 50%;
		right: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
		height: 10px;
		margin-top: -4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}
	/* ----- .solution-case-sup ----- */
	.solution-case-sup {
		position: relative;
		font-size: 74%;
		line-height: 1;
		top: -.6em;
	}
	/* ------------------------------------------------------
	* Clearfix
	------------------------------------------------------ */
	.clearfix::after {
		display: block;
		clear: both;
		content: "";
	}
}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 768px) and (max-width: 1280px) {
}
@media screen and (min-width: 768px) and (max-width: 1800px) {
}
@media screen and (min-width: 768px) and (max-width: 1450px) {
}
@media screen and (min-width: 1921px) {
}
***/

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

	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- .container ----- */
	.container {
		padding: 0;
	}
	/* ----- .solution-case-sup ----- */
	.solution-case-sub {
		position: relative;
		font-size: 60%;
		line-height: 1;
		bottom: -.5em;
	}
	/* ----- solution-case-heading1 ----- */
	.solution-case-heading1 {
		background: radial-gradient(circle at left, rgba(255, 146, 8, .7), rgba(255, 211, 41, .7));
		overflow: hidden;
		margin-top: 5px;
	}
	.solution-case-heading1__detail {
		position: relative;
		margin: 0 auto;
		padding: 1.5rem 0 2rem;
	}
	.solution-case-heading1__head {
		background-color: rgba(255, 255, 255, 0.5);
		width: calc(100% - 7px);
		padding: 1.5rem 1.5rem 4rem;
	}
	.solution-case-heading1__body {
		background-color: #ff580e;
		width: calc(100% - 3rem);
		margin: -18px 15px 0;
	}
	/* ----- solution-case-head ----- */
	.solution-case-head__subtitle {
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.solution-case-head__title {
		font-size: 2rem;
		line-height: 1.7;
		font-weight: bold;
		margin-top: 1rem;
	}
	/* ----- solution-case-back ----- */
	.solution-case-back--white {
		display: inline-block;
		background-color: #fff;
		min-width: 93px;
		height: 30px;
		text-align: center;
	}
	/* ----- solution-case-list-wrap ----- */
	.solution-case-list-wrap {
		font-size: 1.3rem;
		line-height: 1.6;
		width: 80%;
		margin-top: 1rem;
	}
	/* ----- solution-case-list ----- */
	.solution-case-list {
		display: flex;
		flex-wrap: wrap;
		column-gap: 1.2rem;
		row-gap: .9rem;
	}
	.solution-case-list__type {
		color: #333 !important;
		text-decoration: underline;
    text-decoration-color: #776b70;
    text-decoration-thickness: 1px;
		text-underline-offset: 3px;
	}
	/* ----- solution-case-box ----- */
	.solution-case-box {
		position: relative;
		padding: 5px 7.5rem 5px 10px;
		min-height: 95px;
		display: flex;
	}
	.solution-case-box__head {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.solution-case-box__body {
		position: absolute;
		text-align: right;
		width: 61px;
		right: 0%;
		bottom: 0%;
	}
	.solution-casebox__text {
		font-size: 1.6rem;
		font-weight: bold;
		margin-right: 1rem;
	}
	/* ----- solution-case-lead ----- */
	.solution-case-lead {
		display: flex;
		align-items: center;
		column-gap: 1rem;
	}
	.solution-case-lead:nth-of-type(n+2) {
		border-top: 1px solid #fff;
		margin-top: 5px;
    padding-top: 5px;
	}
	.solution-case-lead__label {
		color: #fff;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: bold;
		flex: 1;
	}
	.solution-case-lead__icon {
		flex-shrink: 0;
		width: 56px;
		height: 56px;
	}
	/* ----- solution-case-small ----- */
	.solution-case-small {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	/* ----- bg-blue ----- */
	.bg-blue {
		background-color: #e6f9fd;
	}
	/* ----- bg-orange ----- */
	.bg-orange {
		background-color: #fff4e6;
	}
	/* ----- solution-case-form ----- */
	.solution-case-form {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 8px;
		padding: 2rem 1.5rem;
		margin: 0 auto;
	}
	/* ----- solution-case-form-text ----- */
	.solution-case-form-text {
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: bold;
	}
	/* ----- solution-case-form-button ----- */
	.solution-case-form-button__type {
		display: inline-block;
		position: relative;
		width: 100%;
		padding: 1.7rem 5rem 1.5rem 6.5rem;
		border-radius: 10em;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
		background-color: #e96b05;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none !important;
	}
	.solution-case-form-button__type::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 22px;
		width: 30px;
		height: 19px;
		margin-top: -9px;
		background: url(../images_new/sprite.webp) no-repeat -202px -95px;
		background-size: 300px auto;
	}
	.solution-case-form-button__type::after {
		position: absolute;
		top: 50%;
		right: 18px;
		transform: rotate(45deg);
		width: 9px;
		height: 9px;
		margin-top: -4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}
	.solution-case-form-button__label {
		color: #fff;
	}
	/* ----- bg-white ----- */
	.bg-white {
		margin: 0 auto;
		padding: 1.8rem 1.5rem 4rem;
	}
	/* ----- bg-white ----- */
	.bg-white-v2 {
		margin: 0 auto;
		padding: 1.8rem 1.5rem 4rem;
	}
	/* ----- solution-case-anchor-navi ----- */
	.solution-case-anchor-navi__list {
		border-top: 1px solid #ddd;

	}
	.solution-case-anchor-navi__link {
		position: relative;
		display: flex;
		align-items: center;
		padding: 1rem 1.2rem .7rem .2rem;
		border-bottom: 1px solid #ddd;
		color: #333 !important;
		text-decoration: none !important;
	}
	.solution-case-anchor-navi__icon {
		width: 50px;
		height: 50px;
	}
	.solution-case-anchor-navi__label {
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: bold;
		margin-left: 1rem;
	}
	.solution-case-anchor-navi__label::after {
		content: "";
		display: block;
		flex: 0 0 auto;
		position: absolute;
		top: 50%;
		transform: rotate(-45deg);
		border-bottom: 2px solid #1784e2;
		border-left: 2px solid #1784e2;
		height: 9px;
		margin-top: -.7rem;
		right: 0rem;
		width: 9px;
	}
	/* ----- solution-case-heading2 ----- */
	.solution-case-heading2 {
		margin-top: 4rem;
	}
	.solution-case-heading2__inner {
		text-align: center;
		padding-bottom: .9rem;
	}
	.solution-case-heading2__icon {
		margin: 0 auto;
		width: 40px;
		height: 40px;
	}
	.solution-case-service > .solution-case-heading2 {
		margin-top: 0;
	}
	.solution-case-heading2__title {
		position: relative;
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: bold;
		margin-top: 1rem;
	}
	.solution-case-heading2__title::after {
		position: absolute;
		bottom: -9px;
		left: 50%;
		width: 50px;
		height: 4px;
		margin-left: -22px;
		background: linear-gradient(to right, #ff9208 0%, #ffd329 100%);
		content: "";
	}
	/* ----- .solution-case-util-pc-hidden ----- */
	.solution-case-util-pc-hidden {
		display: none;
	}
	/* ----- .solution-case-heading3 ----- */
	.solution-case-heading3 {
		margin-top: 2.2rem;
	}
	.solution-case-heading3__title {
		text-align: center;
		font-size: 1.7rem;
		line-height: 1.6;
		font-weight: bold;
		color: #ff580e;
	}
	/* ----- .solution-case-util-pc-hidden ----- */
	.solution-case-util-pc-hidden {
		display: block;
	}
	/* ----- .solution-case-column ----- */
	.solution-case-column {
		display: flex;
		flex-direction: column;
		row-gap: 13px;
		width: 100%;
		margin-top: 1.8rem;
	}
	.solution-case-column__item {
		flex-grow: 1;
		border: 1px solid #ff580e;
		border-radius: 8px;
	}
	.solution-case-column__head {
		position: relative;
		background-color: #ff580e;
		border-radius: 5px 5px 0 0;
	}
	.solution-case-column__title {
		font-size: 1.6rem;
		line-height: 1.6;
		font-weight: bold;
		color: #fff;
		padding: 9px 10px 8px 35px;
	}
	.solution-case-column__title::before {
		position: absolute;
		display: inline-block;
		top: 14px;
		width: 16px;
		height: 13px;
		margin-left: -24px;
		background: url("../../solution/images/cmn_ic04.png") no-repeat left top / 100%;
		content: "";
	}
	/* ----- .solution-case-unorder-list ----- */
	.solution-case-unorder-list {
		padding: 9px 7px 7px 36px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.solution-case-unorder-list > li:nth-of-type(n+2){
		margin-top: .5rem;
	}
	.solution-case-unorder-list > li{
		padding-left: 1.7rem;
		position: relative;
	}
	.solution-case-unorder-list > li:before{
		position: absolute;
		background-color: #ff580e;
		content: "";
		border-radius: 50%;
		width: 8px;
		height: 8px;
		left: 1px;
		top: 6px;
	}
	/* ----- .solution-case-suggestion ----- */
	.solution-case-suggestion {
		position: relative;
		z-index: 1;
		margin-top: 2.5rem;
		padding-bottom: 3.5rem;
	}
	.solution-case-suggestion::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../../solution/images/cmn_bg02_sp.png") no-repeat left top / 100%;
		width: 343px;
		height: 98px;
		left: 50%;
		margin-left: -171px;
		top: 13px;
		z-index: -1; /* 疑似覝�?㝮z-indexを親覝�?より低㝝設??��?��? */
	}
	.solution-case-suggestion_text {
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: bold;
	}
	/* ----- .solution-case-util-small ----- */
	.solution-case-util-small {
		display: inline-block;
		font-size: 1.5rem;
		line-height: 1.7;
	}
	/* ----- .solution-case-heading2-v2 ----- */
	.solution-case-heading2-v2__title {
		text-align: center;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.4;
	}
	/* ----- .solution-case-service ----- */
	.solution-case-service {
		padding: 4rem 1.5rem;
		margin: 0 auto;
	}
	/* ----- .solution-case-point-heading ----- */
	.solution-case-point-heading {
		margin: 3rem 0 0;
	}
	.solution-case-point-heading__inner {
		padding-bottom: 6px;
		border-bottom: 1px solid #ddd;
	}
	.solution-case-point-heading__subtitle {
		display: inline-flex;
		align-items: flex-end;
		justify-content: center;
		min-width: 82px;
		min-height: 24px;
		padding: 1px 6px;
		text-align: center;
		background: linear-gradient(to right, #ffc377, #ffe287);
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.solution-case-point-heading__subtitle .solution-case-point-heading__number {
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.1;
		padding-left: 10px;
	}
	.solution-case-point-heading__title {
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.solution-case-point-heading__subtitle + .solution-case-point-heading__title {
		margin-top: 0.8rem;
	}

	/* ----- .solution-case-point-media ----- */
	.solution-case-point-media {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		margin: 1.4rem 0 0;
	}
	.solution-case-point-media__head {
		flex: 1;
	}
	.solution-case-point-media__head > :first-child {
		margin-top: 0;
	}
	.solution-case-point-media__body {
		width: 100%;
		margin-top: 2.6rem;
	}
	.solution-case-point-media .solution-case-point-media__body > :first-child {
		margin-top: 0;
	}
	/* ----- .solution-case-point-list-wrap ----- */
	.solution-case-point-list-wrap {
		margin: 1em 0 0;
	}
	.solution-case-point-list-wrap .solution-case-point-unorder-list > :first-child {
		margin-top: 0;
	}
	.solution-case-point-unorder-list > li {
		position: relative;
		margin-top: 0.8rem;
		padding-left: 1.25em;
    color: #333;
    list-style: none;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.solution-case-point-unorder-list > li::before {
		display: inline-block;
    position: absolute;
		top: .4em;
    left: 0;
    width: 9px;
    height: 9px;
    background-color: #ff580e;
		border-radius: 50%;
    content: "";
	}
	.solution-case-point-unorder-list__nest {
		margin: 0.4rem 0 0;
	}
	.solution-case-point-heading + * {
		margin: 1.4rem 0 0;
	}
	/* ----- .solution-case-point__text ----- */
	.solution-case-point__text {
		margin: 0;
		font-size: 1.2rem;
		line-height: 1.58;
		color: #333;
	}
	.solution-case-point__text + .solution-case-point__text {
		margin-top: 0.6rem;
	}
	/* ----- .solution-case-text ----- */
	.solution-case-text {
		margin: 0;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #333;
		margin-top: 1rem;
	}
	.solution-case-text + .solution-case-text {
		margin-top: 1rem;
	}
	/* ----- .solution-case-figure-wrap ----- */
	.solution-case-figure-wrap--center {
		display: flex;
		margin: 3rem 0 0;
		justify-content: center;
	}
	.solution-case-figure__frame {
		display: inline-block;
	}
	.solution-case-figure__frame > img {
		max-width: 100%;
    height: auto;
    vertical-align: top;
	}

	/* ----- .solution-case-improvement ----- */
	.solution-case-improvement {
		margin: 2.8rem 0 0;
	}
	.solution-case-improvement__item {
		width: 100%;
		position: relative;
	}
	.solution-case-improvement__item + .solution-case-improvement__item {
		margin-top: 4rem;
	}
	.solution-case-improvement__item:not(:first-child)::before {
		content: "";
		position: absolute;
		top: calc((2rem + 12px)*-1);
		left: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 24px solid transparent;
		border-left: 24px solid transparent;
		border-top: 24px solid #ff580e;
		border-bottom: 0;
		transform: translateX(-50%);
	}
	.solution-case-improvement-figure {
	}
	.solution-case-improvement-figure__image {
		margin: 0 auto;
		width: 310px;
	}
	/* ----- .ssolution-case-proposal-box ----- */
	.solution-case-proposal-box {
		margin-top: 3.2rem;
		padding: 2rem 1rem;
		background-color: #fff;
	}
	.solution-case-proposal-box__title {
		margin-top: 2rem;
		color: #333;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: 700;
	}
	.solution-case-proposal-box > :first-child {
		margin-top: 0;
	}
	.solution-case-proposal-box__column {
		margin-top: 2rem;
	}
	.solution-case-proposal-box__item {
		display: flex;
		flex-wrap: nowrap;
	}
	.solution-case-proposal-box__item + .solution-case-proposal-box__item  {
		margin-top: 1.6rem;
	}
	.solution-case-proposal-box__icon {
		width: 100px;
		margin-right: 10px;
	}
	.solution-case-proposal-box__icon > img {
		width: 100px;
	}
	.solution-case-proposal-box__detail {
		flex: 1;
	}
	.solution-case-proposal-box__lead {
		font-size: 1.6rem;
		line-height: 1.625;
		font-weight: 700;
	}
	.solution-case-proposal-box .solution-case-proposal-box__lead + * {
		margin-top: 0.5rem;
	}
	/* ----- .solution-case-effect-heading ----- */
	.solution-case-effect-heading {
		margin: 2.8rem 0 0;
	}
	.solution-case-effect-heading__inner {
		padding-bottom: 6px;
		border-bottom: 1px solid #ddd;
	}
	.solution-case-effect-heading__subtitle {
		color: #ff580e;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.4;
	}
	.solution-case-effect-heading__title {
		margin: 0.4rem 0 0;
		color: #333;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.4;
	}
	.solution-case-effect-heading + * {
		margin-top: 1.2rem;
	}
	/* ----- .solution-case-heading-column ----- */
	.solution-case-heading-column {
	}
	/* ----- .solution-case-carousel ----- */
	.solution-case-carousel {
		margin: 2.5rem 0 0;
	}
	.solution-case-carousel__list {
		opacity: 0;
	}
	.solution-case-carousel__list.slick-initialized {
		opacity: 1;
	}
	.solution-case-carousel__list .slick-list.draggable {
		padding: 0!important;
	}
	.solution-case-carousel__list.slick-slider {
		margin: 0;
		padding: 0 2.6rem;
		overflow: hidden;
	}
	.solution-case-carousel__list > .slick-list {
		margin: 0 -16px;
		position: relative;
	}
	.solution-case-carousel__list > .slick-list > .slick-track > .slick-slide {
		line-height: 1;
	}
	.solution-case-carousel__list > .slick-arrow {
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		z-index: 2;
		margin: -16px 0 0 0;
		padding: 0;
		border: none;
		background-color: transparent;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		outline: none;
		transform: translate(0, 0);
		transition: all 0.3s ease 0s;
	}
	.solution-case-carousel__list > .slick-arrow::before {
		position: absolute !important;
		top: 50%;
		margin: -9px 0 0 0;
	}
	.solution-case-carousel__list > .slick-prev {
		left: 0;
	}
	.solution-case-carousel__list > .slick-prev::before {
		content: "";
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 2px 0 0 2px;
		border-color: #1684e2;
		transform: rotate(-45deg);
		left: 4px;
		width: 17px;
		height: 17px;
	}
	.solution-case-carousel__list > .slick-next {
		right: 0;
	}
	.solution-case-carousel__list > .slick-next::before {
		content: "";
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #1684e2;
		transform: rotate(45deg);
		right: 4px;
		width: 17px;
		height: 17px;
	}
	.solution-case-carousel__item {
		text-align: center;
		padding: 0 18px;
	}
	.solution-case-carousel__item img {
		border-radius: 10px;
		display: inline-block !important;
	}
	.solution-case-carousel__type {
		display: block;
	}
	.solution-case-carousel__type:hover {
		opacity: 0.7;
	}
	.solution-case-carousel__control {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		margin: 1rem 0 0 0;
	}
	.solution-case-carousel__pager > .slick-dots {
		position: relative;
		bottom: inherit;
		vertical-align: top;
	}
	.solution-case-carousel__pager > .slick-dots > li {
		width: 15px;
		height: 15px;
		margin: 0 10px;
		vertical-align: middle;
	}
	.solution-case-carousel__pager > .slick-dots > li > button {
		width: 10px;
		height: 10px;
		display: inline-block;
		padding: 0;
		border: none;
		border-radius: 50%;
		background-color: #ccc;
		text-indent: -9999em;
		outline: none;
		transition: all 0.3s ease 0s;
	}
	.solution-case-carousel__pager > .slick-dots > li.slick-active > button {
		background-color: #1684e2;
	}
	.solution-case-carousel__pager .slick-dots > li button::before {
		display: none;
	}
	.solution-case-carousel__pager .slick-dots > li button {
		content: "";
		display: block;
		width: 13px;
		height: 13px;
		text-indent: 100%;
		white-space: nowrap;
		background-color: #dddddd;
		border-radius: 50%;
	}
	.solution-case-carousel__pager .slick-dots > li.slick-active button {
		background-color: #1684e2;
	}
	.solution-case-carousel__switch {
		display: flex;
		align-items: center;
		font-size: 0;
	}
	.solution-case-carousel__switch__pause,
	.solution-case-carousel__switch__play {
		display: inline-block;
		position: relative;
		width: 26px;
		height: 26px;
		padding: 0;
		border: none;
		background-color: transparent;
		text-indent: -9999em;
		outline: none;
		margin-left: 1px;
	}
	.solution-case-carousel__switch__pause::before {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 12px;
		height: 17px;
		background-image: url(../images_new/sprite.webp);
		background-repeat: no-repeat;
		background-position: -585px -126px;
		content: "";
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		transform: translate(-50%, -50%);
	}
	.solution-case-carousel__switch__play::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 12px;
		height: 17px;
		background-image: url(../images_new/sprite.webp);
		background-repeat: no-repeat;
		background-position: -565px -126px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		transform: translateY(-50%);
	}
	/* ----- .solution-case-button ----- */
	.solution-case-button-wrap {
		display: flex;
		justify-content: center;
		margin-top: 2.5rem;
	}
	.solution-case-button {
		display: flex;
		width: 100%;
	}
	.solution-case-button > * {
		width: 100%;
	}
	.solution-case-button .solution-case-button__type {
		display: flex;
		position: relative;
		width: 100%;
		text-align: center;
		align-items: center;
		justify-content: center;
		border-radius: 23px;
		background-color: #1684e3;
		color: #fff;
		line-height: 1.4;
		padding: 1rem 4rem;
		font-size: 1.6rem;
		font-weight: 700;
		text-decoration: none;
	}
	.solution-case-button__type::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 1.8rem;
		width: 10px;
		height: 14px;
		transform: translateY(-50%);
		background: url(../images_new/sprite.webp);
		background-position: -10px 0;
		background-repeat: no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.solution-case-button__type:hover {
		background-color: #0b73cd;
		text-decoration: none;
		color: #fff;
	}
	.solution-case-button__label {
		color: #fff;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	/* ----- .solution-case-card-v2-wrap ----- */
	.solution-case-card-v2-wrap {
		display: flex;
		flex-direction: column;
		row-gap: 15px;
		width: 100%;
		margin-top: 2rem;
	}
	.solution-case-card-v2 {
		display: flex;
		width: 100%;
		background-color: #fff;
		border: 1px solid #dee0e0;
		border-radius: 10px;
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	}
	.solution-case-card-v2__type {
		display: flex;
		align-items: center;
		column-gap: 13px;
		text-decoration: none !important;
		padding: 1.5rem;
		width: 100%;
	}
	.solution-case-card-v2__head {
		flex-shrink: 0;
		width: 125px;
	}
	.solution-case-card-v2__body {
		width: 100%;
	}
	.solution-case-card-v2__title {
		position: relative;
		font-size: 1.5rem;
		line-height: 1.4;
		font-weight: bold;
		color: #333;
	}
	.solution-case-card-v2__title::after {
		display: inline-block;
		position: relative;
		overflow: hidden;
		content: "";
		top: -.1rem;
		transform: rotate(-135deg);
		border-bottom: 2px solid #1784e2;
		border-left: 2px solid #1784e2;
		height: 9px;
		width: 9px;
		text-indent: 100%;
		margin-left: 5px;
	}
	/* ----- .solution-case-contact-layout ----- */
	.solution-case-contact-layout {
		margin-top: 30px;
		margin-bottom: 75px;
		padding: 0 15px;
	}
	.solution-case-contact-layout__inner {
		padding: 15px 20px 20px;
		border-radius: 5px;
		background: url("../images_new/com_bg14.webp") repeat 0 0;
		background-size: 63px auto;
	}
	.solution-case-contact-layout__inner > .contact_title {
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail {
		margin-top: 1em;
	}

	.solution-case-contact-layout__inner> .contact_detail > .contact_detail_wrap {
		overflow: hidden;
		border-radius: 8px;
		background-color: #fff;
	}

	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap + .contact_detail_wrap {
		margin-top: 15px;
	}

	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_title {
		padding: 11px 15px 9px;
		background-color: #0063b7;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item {
		padding: 22px 15px 25px;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_tel {
		line-height: 1.5;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_tel > a {
		display: inline-block;
		padding-right: 0.5em;
		color: #333;
		font-size: 2.5rem;
		font-weight: bold;
		text-decoration: none;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_tel > a::before {
		display: inline-block;
		content: "";
		width: 23px;
		height: 29px;
		margin-right: 15px;
		background: url("../images_new/sprite.webp") no-repeat -276px -85px;
		background-size: 300px auto;
		vertical-align: middle;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .contact_text {
		font-size: 1.2rem;
		text-align: center;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a {
		display: inline-block;
		position: relative;
		width: 100%;
		padding: 17px 32px 14px 45px;
		border-radius: 10em;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
		background-color: #e96b05;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 22px;
		width: 30px;
		height: 19px;
		margin-top: -9px;
		background: url("../images_new/sprite.webp") no-repeat -202px -95px;
		background-size: 300px auto;
	}
	.solution-case-contact-layout__inner > .contact_detail > .contact_detail_wrap > .contact_item .conversion_address_link a::after {
		position: absolute;
		top: 50%;
		right: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 9px;
		height: 9px;
		margin-top: -4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}
	/* ----- .solution-case-sup ----- */
	.solution-case-sup {
		position: relative;
		font-size: 74%;
		line-height: 1;
		top: -.6em;
	}
	/* ------------------------------------------------------
	 * Clearfix
	------------------------------------------------------ */
	.clearfix::after {
		display: block;
		clear: both;
		content: "";
	}
}

/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
***/

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