@charset "UTF-8";

/*=============
slick
=============*/
.index__fvBoxWrap {
	position: relative;
	padding-bottom: 21rem;
}

.slider-area {
	overflow: hidden;
}

.index__fvItem {
	height: 58.8rem !important;
}

.index__fvItem img {
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
}

.index__fvChatch {
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 77.4rem;
}

.index__fvStripe {
	position: absolute;
	bottom: 21rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.index__fvStripe__right,
.index__fvStripe__left {
	width: 35vw;
	height: 35vw;
	background: url(/share/img/index/repeat_stripe-fv.png) repeat;
	clip-path: polygon(0 100%, 100% 0%, 100% 100%);
}

.index__fvStripe__left {
	transform: rotateZ(90deg);
}

.index__sateiBox {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 0.5rem;
	padding: 0 0 2rem;
	max-width: 108rem;
	width: 100%;
	overflow: hidden;
	box-shadow: 1rem 1.1rem 1rem rgb(32 32 32 / 10%);
}

.index__sateiBox__ttl {
	background-color: #e2e2e2;
	padding: 0.8rem 0 1.1rem;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.index__sateiBox__ttl img.sp_hidden {
		display: inline;
	}
}

.index__estimate__ttl {
	font-size: 1.7rem;
	background-color: #e2e2e2;
	display: inline-block;
	padding: 0.6rem 2rem 0.8rem;
	text-align: center;
	line-height: 1;
	border-radius: 1.5rem;
	margin-bottom: 0.6rem;
}

.index__estimate__sub {
	display: inline;
	font-size: 1.4rem;
	margin-left: 1rem;
}

.index__estimate {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 1.8rem;
	padding: 1.4rem 3rem 3rem;
}

.index__estimate__syubetu {
	width: 35%;
	flex-shrink: 0;
}

.index__estimate__add {
	width: 65%;
	flex-shrink: 0;
}

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

.index__estimate__info p {
	margin-right: 1.7rem;
}

.index__estimate__info select {
	border: 1px solid #333;
	border-radius: 0.3rem;
	padding: 0.5rem 0.8rem;
	margin-right: 1rem;
	max-width: 18rem;
}

.index__estimate__info select:focus {
	border: 2px solid var(--red);
	padding: 0.4rem 0.7rem;
}

.index__estimate__info input[name="ZIP1"],
.index__estimate__info input[name="ZIP2"] {
	border: 1px solid #333;
	border-radius: 0.3rem;
	width: 4em;
	padding: 0.4rem 0.8rem;
}

.btnBox {
	text-align: center;
}

/*================================================== 
松屋不動産販売のおもい　-　idea
==================================================*/
.index__idea {
	position: relative;
}

.index__idea__bganim {
	position: absolute;
	top: 41%;
	transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	height: 25rem;
	background: url('/share/img/index/bg_idea-catch.png') repeat-x;
	background-size: auto 100%;
	animation: scroll-anim 40s linear infinite;
}

@keyframes scroll-anim {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -126rem 0;
	}
}

.index__ttl2 {
	width: 50%;
	text-align: center;
	font-size: 4.8rem;
	font-weight: 600;
	transform: skew(-7deg);
	padding-right: 2rem;
	padding-bottom: 1.3rem;
	display: inline-block;
	position: relative;
	line-height: 1.4;
	margin-bottom: 4rem;
	word-break: keep-all;
}

.index__ttl2::after {
	position: absolute;
	content: '';
	width: 50vw;
	height: 1px;
	background-color: var(--red);
	right: 0;
	bottom: 0;
}

.index__ttl2 .index__ttl--en {
	color: #a9a9a9;
	font-weight: 300;
	font-size: 2rem;
	display: block;
	text-align: center;
	transform: skew(7deg);
}

.index__ttl2 em {
	font-family: var(--roboto);
	font-size: 6.4rem;
	font-style: normal;
	line-height: 0;
}

.index__ttl--small {
	line-height: 1;
	font-size: 4.3rem;
}

.index__idea__catch {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	margin-bottom: 2rem;
}

.index__idea__catch--textwrap {
	background-color: rgba(255, 240, 240, 0.8);
	padding: 3.5rem 3rem 3.5rem 6rem;
	position: absolute;
	top: 36%;
	right: 50%;
	transform: translateY(-50%);
	width: 50vw;
	text-align: right;
	font-size: 2.7rem;
}

.index__idea__catch--text {
	letter-spacing: 0.025em;
	text-align: left;
	display: inline-block;
	word-break: keep-all;
}

.index__idea__professional {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5rem 3rem;
}

.index__idea__pro--ttl {
	text-align: center;
	font-size: 2.7rem;
	line-height: 1;
	padding-bottom: 1.8rem;
	margin-bottom: 3rem;
	position: relative;
}

.index__idea__pro--ttl::after {
	position: absolute;
	content: '';
	width: 8rem;
	height: 0.1rem;
	background-color: var(--red);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.index__idea__pro--text {
	font-size: 1.8rem;
	text-align: center;
}

.index__idea__decision {
	background: url(/share/img/index/bg_idea.jpg) no-repeat center/cover;
}

.index__idea__decisioninner {
	display: flex;
	padding: 6.4rem 12rem 6.4rem 14rem;
	font-size: 1.8rem;
}

.index__idea__decision--img {
	flex-shrink: 0;
	margin-right: 3.6rem;
}

.index__idea__decision--ttl {
	padding: 2.3rem 0;
	font-size: 2.7rem;
	line-height: 1;
}

/*================================================== 
選ばれる5つの理由　-　reason
==================================================*/

.index__reason__itemList {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 2rem;
}

.index__reason__item {
	text-align: center;
	font-size: 1.8rem;
	padding: 2rem 2rem 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	max-width: 34.7rem;
	width: calc((100% - 4rem)/3);
	border: 1px solid #ffe6e6;
}

.index__reason__item--ttl {
	font-size: 2.1rem;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	height: calc(1.6em * 2);
	/* ▲ 行間 * 行数 */
	padding-bottom: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index__reason__item+.index__reason__item {
	margin-left: 2rem;
}

.index__reason__item--text {
	font-size: 1.8rem;
	padding-bottom: 3rem;
}

.index__reason {
	background: linear-gradient(125deg, #fff 0, #fff 40%, transparent 40%, transparent 100%), url(/share/img/index/repeat_stripe-normal.png);
	padding-bottom: 5rem;
	margin-top: 13rem;
}

.index__banner {
	text-align: center;
}

.index__bannerwrap.fadein,
#bnr__estimate a {
	opacity: 0;
}

.index__bannerwrap.fadein.active,
#bnr__estimate a.active {
	animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}

@keyframes popup {
	0% {
		transform: translateY(40px) scale(0.8);
		opacity: 0;
	}

	100% {
		transform: translateY(0) scale(1.0);
	}

	80%,
	100% {
		opacity: 1;
	}
}

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

.index__banner__left--sub,
.index__banner__right--sub {
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1rem;
}

.index__banner__left--sub em {
	font-style: normal;
	color: var(--blue);
	font-weight: bold;
}

.index__banner__right--sub em {
	font-style: normal;
	color: var(--red);
	font-weight: bold;
}

.index__banner__left,
.index__banner__right {
	position: relative;
}

.index__banner__right {
	margin-left: 3rem;
}

.index__banner__left {
	margin-right: 3rem;
}

.index__banner__left--ttl {
	width: 29rem;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: var(--blue);
	display: inline-block;
	position: absolute;
	bottom: 3.4rem;
	right: -2rem;
	padding: 1.3rem 2rem;
	line-height: 1;
	box-shadow: 0.4rem 0.6rem 0 rgb(34 34 34 / 30%);
}

.index__banner__right--ttl {
	width: 29rem;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: var(--red);
	display: inline-block;
	position: absolute;
	bottom: 3.4rem;
	left: -2rem;
	padding: 1.3rem 2rem;
	line-height: 1;
	box-shadow: 0.4rem 0.6rem 0 rgb(34 34 34 / 30%);
}

/*================================================== 
不動産売却のポイント　-　point
==================================================*/

.index__point--text {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 4rem;
}

.index__point--img {
	text-align: center;
	margin-bottom: 4rem;
}

.archive__btn {
	background-color: var(--red);
	color: #fff;
	font-size: 2rem;
	text-align: center;
	padding: 1.6rem 5.5rem 1.7rem 4.7rem;
	border-radius: 0.5rem;
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 32rem;
}

.archive__btn::before {
	position: absolute;
	content: '';
	width: 3.3rem;
	height: 1.1rem;
	background: url(/share/img/common/icon_arrow.png) center/100% no-repeat;
	top: 41%;
	right: 5%;
	transform: translateY(-50%);
}

.archive__btn::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0.9rem;
	background: url(/share/img/index/repeat_stripe-btn.png);
	border: 2px solid var(--red);
	border-radius: 0 0 0.5rem 0.5rem;
	bottom: -0.6rem;
	left: 50%;
	transform: translateX(-50%);
}

/*================================================== 
店舗のご案内　-　shop
==================================================*/

.index__shop .container__wrap {
	background: url(/share/img/index/repeat_stripe-normal.png) repeat;
	padding: 5rem;
	position: relative;
}

.index__shop--ttl {
	font-size: 4.8rem;
	font-weight: bold;
	padding: 1rem;
	background-color: var(--red);
	color: #fff;
	width: 68rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0.6rem 0.8rem 0 rgb(34 34 34 / 30%);
	position: absolute;
	left: -2.5rem;
}

.index__shop--ttlen {
	font-family: var(--roboto);
	font-weight: 400;
	font-size: 2rem;
	margin-left: 3.3rem;
}

.index__shop--intro {
	background: url(/share/img/index/shop_img.png) right 10% no-repeat;
	margin-top: 6.8rem;
	padding: 5.2rem 0 4.3rem;
}

.index__shop--text {
	font-size: 1.8rem;
	width: 60%;
	margin-bottom: 2.5rem;
}

.index__shop--introimg {
	width: 55%;
	text-align: center;
}

.index__shop--list {
	display: flex;
	justify-content: space-between;
	padding-top: 4rem;
}

.index__shop--item {
	width: 23rem;
	padding: 1rem;
	background-color: #fff;
	font-size: 1.4rem;
}

.index__shop--img {
	margin-bottom: 1.3rem;
}

.index__shop--img img {
	object-fit: cover;
	width: 100%;
	height: 16.5rem;
	overflow: hidden;
	object-position: 50% 50%;
}

.index__shop--name {
	font-size: 1.8rem;
	text-align: center;
	padding-bottom: 1.3rem;
	position: relative;
	line-height: 1;
	margin-bottom: 1.7rem;
	font-weight: 500;
}

.index__shop--name::after {
	position: absolute;
	content: '';
	width: 3rem;
	height: 0.1rem;
	background-color: #ccc;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.index__shop--address {
	height: calc(1.6em * 3);
}

.index__shop--tel {
	display: block;
	font-weight: bold;
	font-family: var(--roboto);
	font-size: 2.6rem;
	text-align: center;
	position: relative;
}

.index__shop--tel::before {
	position: absolute;
	content: '';
	width: 1.6rem;
	height: 2.1rem;
	background: url(/share/img/index/icon_tel.png) center/100% no-repeat;
	top: 50%;
	left: 0.5rem;
	transform: translateY(-50%);
}

/*================================================== 
松屋地所グループの事業　-　service
==================================================*/

.index__service {
	background: url(/share/img/index/bg_service.jpg) center/cover;
	padding: 6rem 0 var(--gutter);
}

.index__service .index__ttl2 {
	color: #fff;
}

.index__service--list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.index__service--list li {
	max-width: 27rem;
	width: 25%;
}

.index__service--list a {
	position: relative;
	display: block;
}

.index__service--name {
	color: #fff;
	font-size: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0 0 0 /70%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	transition: 0.3s;
	text-align: center;
}

.index__service--logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0 0 0 /70%);
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	opacity: 0;
	transition: 0.3s;
}


.index__service--logo--bgwhite {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255 255 255 /60%);
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	opacity: 0;
	transition: 0.3s;
}

.index__service--logo img,
.index__service--logo--bgwhite img {
	max-width: 90%;
}

@media (any-hover:hover) {
	.index__service--list a:hover {
		opacity: 1;
	}

	.index__service--list a:hover .index__service--name {
		opacity: 0;
		transition: 0.3s;
	}

	.index__service--list a:hover .index__service--logo,
	.index__service--list a:hover .index__service--logo--bgwhite {
		opacity: 1;
		transition: 0.3s;
	}
}

/*///////////////////////////////////////////////////////////

スマホ版（0px～767px）

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

	.header__wrap .slick-list,
	.index__fvItem img {
		height: 50rem;
	}

	.index__fvBoxWrap {
		padding-bottom: 56rem;
	}

	.index__fvStripe {
		top: calc(50rem - 35vw);
		bottom: unset;
	}

	.index__fvChatch {
		top: 6rem;
		width: 80%;
		transform: translateX(-50%);
	}

	.index__fvBoxWrap .slick-initialized .slick-slide {
		height: 60vh !important;
	}

	.index__fvItem img {
		object-position: 60%;
	}

	.index__sateiBox {
		bottom: unset;
		top: 97vw;
		width: calc(100% - 2rem);
		box-shadow: 0.7rem 1rem 0.5rem rgb(32 32 32 / 10%);
		border: 1px solid #efefef;
	}

	.index__sateiBox__ttl {
		padding: 1.3rem 2rem 1.5rem 1.5rem;
	}

	.index__estimate {
		flex-direction: column;
		padding: 2rem 1rem 1rem;
		font-size: 1.6rem;
	}

	.index__estimate__syubetu,
	.index__estimate__add {
		width: 100%;
	}

	.index__estimate__info {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		line-height: 0;
		margin-bottom: 1rem;
	}

	.index__estimate__ttl {
		margin-bottom: 1rem;
	}

	.index__estimate__info label {
		display: block;
		padding: 0.7rem 0;
		width: 50%;
	}

	.index__estimate__info p {
		margin: 0 0 1rem 0;
	}

	.index__estimate__info input[name="ZIP1"],
	.index__estimate__info input[name="ZIP2"] {
		width: 30%;
	}

	.index__estimate__info select {
		width: 100%;
		margin: 0 0 1rem 0;
	}

	.btnBox input {
		width: 90%;
	}

	/*================================================== 
松屋不動産販売のおもい　-　idea スマホ
==================================================*/
	.index__ttl2 {
		font-size: 2.6rem;
		width: 90vw;
		padding-bottom: 1rem;
		margin-bottom: 3rem;
	}

	.index__ttl2::after {
		width: 90vw;
	}

	.index__ttl2 .index__ttl--en {
		font-size: 1.5rem;
	}

	.index__ttl2 em {
		font-size: 3.6rem;
	}

	.index__ttl--small {
		font-size: 2.3rem;
	}

	.index__idea {
		margin-top: 0;
	}

	.index__idea__catch {
		padding-bottom: 6rem;
	}

	.index__idea__bganim {
		top: 11.5%;
		height: 10rem;
		animation: scroll-anim 30s linear infinite;
	}

	@keyframes scroll-anim {
		from {
			background-position: 0 0;
		}

		to {
			background-position: -128vw 0;
		}
	}

	.index__idea__catch--textwrap {
		padding: 1.2rem 1.8rem;
		width: 90%;
		left: 0;
		right: unset;
		top: unset;
		bottom: 0;
		transform: translateY(0%);
		font-size: 4.3vw;
	}

	.index__idea__catch--img {
		width: 65%;
		overflow: hidden;
	}

	.index__idea__catch--img img {
		object-fit: cover;
		height: 37vw;
	}

	.index__idea__professional {
		padding: 3rem 2rem 4rem;
	}

	.index__idea__pro--ttl {
		font-size: 2rem;
		margin-bottom: 2.5rem;
		padding-bottom: 1rem;
		line-height: 1.2;
	}

	.index__idea__pro--text {
		font-size: 1.6rem;
		text-align: left;
	}

	.index__idea__decisioninner {
		padding: 1.7rem 1rem 3.5rem;
		flex-direction: column;
		font-size: 1.6rem;
	}

	.index__idea__decision--img {
		width: 52%;
		margin: 0 auto;
		text-align: center;
	}

	.index__idea__decision--ttl {
		font-size: 2rem;
		padding: 2rem 0 1.8rem;
	}

	/*================================================== 
選ばれる5つの理由　-　reason スマホ
==================================================*/
	.index__reason {
		margin-top: var(--gutter);
		background: linear-gradient(108deg, #fff 0, #fff 45%, transparent 45%, transparent 100%), url(/share/img/index/repeat_stripe-normal.png);
		padding-bottom: 4rem;
	}

	.index__reason__itemList {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 1rem;
	}

	.index__reason__item {
		padding: 0 1rem;
		flex-direction: row-reverse;
		width: calc(100% - 2rem);
		margin: 0 1rem;
	}

	.index__reason__item+.index__reason__item {
		margin: 1rem 0 0 0;
	}

	.index__reason__item img {
		flex-grow: 1;
		width: 28%;
	}

	.index__reason__item--ttl {
		font-size: 4.9vw;
		text-align: left;
		margin: 0 0 0 1rem;
		border: none;
		height: unset;
		width: 60%;
		flex-shrink: 0;
		padding: 0;
	}

	/*================================================== 
バナー　-　banner スマホ
==================================================*/
	.index__banner {
		padding: 0 1rem;
	}

	.index__bannerwrap {
		flex-direction: column;
	}

	.index__banner__left--sub,
	.index__banner__right--sub {
		font-size: 1.8rem;
	}


	.index__banner__right {
		margin-left: 0;
	}

	.index__banner__left {
		margin-right: 0;
		margin-bottom: 2rem;
	}

	.index__banner__left--ttl {
		font-size: 2.3rem;
		width: unset;
		right: -1rem;
		bottom: 1.8rem;
	}

	.index__banner__right--ttl {
		font-size: 2.3rem;
		width: unset;
		left: -1rem;
		bottom: 7rem;
		transform: translateY(-50%);
	}

	.index__point--text {
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
		padding: 0 1rem;
		text-align: left;
	}

	.archive__btn {
		width: 90%;
		padding: 1.6rem 4.5rem 1.5rem 2rem;
	}

	.archive__btn::before {
		top: 50%;
	}

	/*================================================== 
店舗のご案内　-　shop スマホ
==================================================*/
	.index__shop .container__wrap {
		padding: var(--gutter) 1rem;
	}

	.index__shop--intro {
		background: none;
		padding: 2rem 0;
	}

	.index__shop--ttl {
		width: 90%;
		font-size: 2.3rem;
		left: 0;
	}

	.index__shop--ttlen {
		font-size: 1.2rem;
		margin-left: 1.3rem;
		padding-top: 0.5rem;
	}

	.index__shop--text {
		width: 100%;
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
	}

	.index__shop--introimg {
		width: 90%;
		margin: 0 auto;
	}

	.index__shop--list {
		flex-direction: column;
		padding-top: 0;
	}

	.index__shop--item {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
	}

	.index__shop--img {
		max-width: 12.4rem;
		width: 40%;
		flex-shrink: 0;
		overflow: hidden;
		margin: 0 1rem 0 0;
	}

	.index__shop--img img {
		object-fit: cover;
		height: 11rem;
	}

	.index__shop__info {
    flex-grow: 1;
	}

	.index__shop--name {
		margin-bottom: 1rem;
	}

	.index__shop--address {
		height: unset;
	}

	.index__shop--tel {
		padding-left: 2.3rem;
		font-size: clamp(1.5rem,6.3vw,2.4rem);
	}

	.index__shop--tel::before {
	left: calc(50% - 21vw);
	}

	.index__shop--item+.index__shop--item {
		margin-top: 1rem;
	}

	/*================================================== 
松屋地所グループの事業　-　service スマホ
==================================================*/
	.index__service--list li {
		width: 50%;
	}

	.index__service--name {
		font-size: 4vw;
	}
}

/*///////////////////////////////////////////////////////////

タブレット版（768px～1079px）

///////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width:1079px) {
	.index__fvItem img {
		object-position: 70%;
	}

	.index__fvChatch {
		width: 90%;
		top: 32%;
	}

	.index__sateiBox {
		margin: 0 auto;
		width: calc(100% - 2rem);
	}

	.index__sateiBox__ttl {
		padding: 0.8rem 2rem 1.1rem;
	}

	.index__estimate {
		padding-top: 2rem;
	}

	.index__estimate__ttl {
		margin-bottom: 1.6rem;
	}


	.index__estimate__info {
		flex-wrap: wrap;
	}

	.index__estimate__syubetu {
		width: 41%;
	}

	.index__estimate__add {
		width: 56%;
	}

	.index__estimate__info p {
		width: 100%;
		margin-bottom: 1rem;
	}

	.container__wrap {
		width: 100%;
	}

	.index__ttl2 {
		width: 80%;
	}

	.index__ttl2::after {
		width: 80vw;
	}

	/*================================================== 
松屋不動産販売のおもい　-　idea タブレット
==================================================*/
	.index__idea__bganim {
		top: 27%;
	}

	.index__idea__decisioninner {
		width: 100%;
		padding: var(--gutter) 2rem;
	}

	.index__idea__catch--textwrap {
		top: -2rem;
		right: 0;
		left: 0;
		transform: none;
		padding: 2rem;
		font-size: 2.9vw;
		width: 60%;
	}

	.index__idea__catch--img {
		width: 60%;
		padding-top: 2rem;
	}

	.index__idea__decision--img {
		width: 30%;
	}

	.index__idea__decision--ttl {
		padding: 0 0 2.3rem;
	}

	/*================================================== 
選ばれる5つの理由　-　reason タブレット
==================================================*/
	.index__reason__itemList:first-of-type .index__reason__item {
		width: 40%;
	}

	.index__reason__item {
		width: calc((100% - 4rem) / 3);
	}

	.index__reason__item--ttl br,
	.index__reason__item--text br {
		display: none;
	}

	/*================================================== 
バナー　-　banner タブレット
==================================================*/
	.index__banner {
		padding: 0 1rem;
	}

	.index__banner__left--ttl,
	.index__banner__right--ttl {
		padding: 1rem 2rem 1.2rem;
		width: unset;
		bottom: 2rem;
	}

	.index__news--list {
		width: 90%;
	}

	/*================================================== 
店舗のご案内　-　shop タブレット
==================================================*/
	.index__shop .container__wrap {
		padding: 5rem 2rem;
	}

	.index__shop--intro {
		background: url(/share/img/index/shop_img.png) right 40%/38% no-repeat;
	}

	.index__shop--list {
		flex-wrap: wrap;
	}

	.index__shop--item {
		width: calc((100% - 1rem) / 2);
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		margin-bottom: 1rem;
	}

	.index__shop--img {
		max-width: 12.4rem;
		width: 40%;
		flex-shrink: 0;
		overflow: hidden;
		margin: 0 0.8rem 0 0;
	}

	.index__shop--img img {
		object-fit: cover;
		height: 11rem;
	}

	.index__shop--name {
		margin-bottom: 1rem;
	}

	.index__shop--address {
		height: unset;
	}

	.index__shop--tel {
		padding-left: 1em;
	}

	.index__service--list li {
		width: calc(100% / 3);
	}
}