@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

@import url('reset.css');

/*
font-family: 'Noto Serif JP', serif;
font-family: 'Zen Maru Gothic', serif;

font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: "M PLUS 1p", sans-serif;

1200px(PC/TAB)
979px(14px humberger)
767px(SP)
666px
*/


/*============================

　基  本

============================*/

body{
	position: relative;
	width: 100%;
	font-family:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.75;
	color: #373935;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
	@media screen and (min-width: 1600px) {
		body{
			font-size: 17px;
		}
	}
	@media screen and (max-width: 979px) {
		body{
			font-size: 14px;
		}
	}
	@media screen and (max-width: 767px) {
		br.inline{
			display: none;
		}
	}
body.active{
	overflow: hidden;
}

img{
	max-width: 100%;
	height: auto;
}

/*============================
　CSSアニメーション
============================*/
.top-fade{
  animation-name: top-fade;
  animation-duration: 1.3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes top-fade {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadein-up{
	opacity : 0;
	transform: translateY(30px);
	transition : all 1s;
	-webkit-transition: all 1s;
}
.fadein-up.scrollin{
	transform: translateY(0);
	opacity : 1;
}

.fadein{
	opacity : 0;
	transition : all 2s;
	-webkit-transition: all 2s;
}
.fadein.scrollin{
	opacity : 1;
}


/* link
============================*/
a{
	color: #373935;
	text-decoration: none;
	-webkit-transition: all 0.4s ;
	transition: all 0.4s ;
}
a.link{
	color: #1d86b5;
	text-decoration: underline;
}
a.link-red{
	color: #94253f;
	text-decoration: underline;
}

/*
 font
============================*/
.marugo{
	font-family: 'Zen Maru Gothic', serif;
}
.min{
	font-family: 'Noto Serif JP', serif;
}
.eng{
	font-family: 'Roboto', sans-serif;
}

.underline{
	text-decoration: underline;
}
.marker{
	background:linear-gradient(transparent 60%, rgba(238, 219, 178, .7) 60%);
}

.inline-block{
	display: inline-block;
}

.lh-thumb{
	line-height: 1;
}
.lh-160{
	line-height: 1.6;
}
.lh-150{
	line-height: 1.5;
}
.lh-200{
	line-height: 2;
}
.lh-250{
	line-height: 2.5;
}

.em{
	font-weight: bold;
}
.em400{
	font-weight: 400;
}
.em500{
	font-weight: 500;
}

.txt-c{
	text-align: center;
}
.txt-r{
	text-align: right;
}

.brown{
	color: #443424;
}
.ao{
	color: #1d538f;
}
.pink{
	color: #ebb4ba;
}
.aka{
	color: #94253f;
}
.enji{
	color: #6e301d;
}
.white{
	color: #fff;
}
.tsume{
	letter-spacing: -0.025em;
}



/*
 mt
============================*/
.mtxl{
	margin-top: 5.25em;
}
.mtl{
	margin-top: 4em;
}
.mt{
	margin-top: 3.5em;
}
.mtm{
	margin-top: 2.25em;
}
.mts{
	margin-top: 1.25em;
}
.mtxs{
	margin-top: .75em;
}
.mb0{
	margin-bottom: 0!important;
}
.pt0{
	padding-top: 0!important;
}

/*
 list
============================*/
.list-disc li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.75em;
}

.list-number{
	list-style-type: none;
	counter-reset: number;
}
.list-number li{
	position: relative;
	padding-left: 1.75em;
}
.list-number li:before {
	content: counter(number);
	counter-increment: number;
	font-family: "M PLUS 1p", sans-serif;
	font-size: .825em;
	width: 1em;
	height: 1em;
	display: inline-block;
	text-align: center;
	letter-spacing: -3px;
	position: absolute;
	top: 4px;
	left: 0;
}
.list-number li:after{
	position: absolute;
	top: 6px;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid;
	content: "";
	border-radius: 50%;
}

/*
icon
============================*/
/* tel */
.telephone-txt{
	font-size: 1.875em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.telephone-txt-small{
	font-size: 1.25em;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.telephone-txt span,
.telephone-txt-small span{
	background: url("../images/common/icon-phone-white.png") no-repeat left center;
	background-size: .5em auto;
	padding-left: .75em;
}
.telephone-txt span.black,
.telephone-txt-small span.black{
	background: url("../images/common/icon-phone-black.png") no-repeat left center;
	background-size: .5em auto;
	padding-left: .75em;
}
.telephone-txt span.ao,
.telephone-txt-small span.ao{
	background: url("../images/common/icon-phone-ao.png") no-repeat left center;
	background-size: .5em auto;
	padding-left: .75em;
}
/* googlemap */
a.icon-location-white{
	text-decoration: underline;
	background: url("../images/common/icon-location-white.png") no-repeat left .25em;
	background-size: .75em auto;
	padding-left: 1em;
}

/* shikaku / circle */
.icon-shikaku-white{
	position: relative;
	padding-left: 1.25em;
}
.icon-shikaku-white:before{
	position: absolute;
	top: calc(.375em + 2px);
	left: 0;
	width: .75em;
	height: .75em;
	background: #fff;
	content: "";
}
.icon-circle-aka{
	position: relative;
	padding-left: 1.25em;
}
.icon-circle-aka:before{
	position: absolute;
	top: calc(.375em + 2px);
	left: 0;
	width: .75em;
	height: .75em;
	background: #94253f;
	content: "";
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.icon-circle-brown{
	position: relative;
	padding-left: 1.25em;
}
.icon-circle-brown:before{
	position: absolute;
	top: calc(.375em + 2px);
	left: 0;
	width: .75em;
	height: .75em;
	background: #443424;
	content: "";
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/* link */
a.icon-weblink{
	color: #1d86b5;
	padding-right: 1.5em;
	background: url("../images/common/icon-weblink.png") no-repeat right top .25em;
	background-size: 1em auto;
}
a.icon-arw-red{
	color: #94253f;
	text-decoration: underline;
	padding-right: 1.5em;
	position: relative;
}
a.icon-arw-red:before{
	position: absolute;
	top: calc(50% - 5px);
	right: .75em;
	width: 8px;
	height: 10px;
	background: #94253f;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	content: "";
	-webkit-transition: .3s right;
	transition: .3s right;
}

/*
 dl/table（診療）
============================*/

dl.dl-shinryo-info{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
dl.dl-shinryo-info dt{
	width: 7em;
	margin: .25em 0;
}
dl.dl-shinryo-info dd{
	width: calc(100% - 7em);
	margin: .25em 0;
}
table.shinryo-schedule{
	width: 100%;
}
table.shinryo-schedule th{
	width: 16%;
	padding: .25em 0;
	text-align: left;
}
table.shinryo-schedule td{
	width: calc((100% - 16%) / 8);
	padding: .25em 0;
	border-left: 1px solid;
	text-align: center;
}

/*
 flex
============================*/
.flex{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.align-center{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.space-between{
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.row-reverse{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.clm4-block{
	width: calc((100% - 1.5em) /4);
}
.clm3-block{
	width: calc((100% - 3em) /3);
}

.clm2-block{
	width: calc((100% - 1.5em) /2);
}

	@media screen and (max-width: 767px) {
		.clm4-block{
			width: calc((100% - .5em) /2);
			margin-bottom: .5em;
		}
		.clm2-block{
			width: 100%;
			margin-bottom: .5em;
		}
		.clm3-block{
			width: 100%;
			margin-bottom: .5em;
		}
	}


/*============================

　header

============================*/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	font-size: 15px;
}
header a{
	color: #fff;
}
.header-flex{
	padding: 3.25% 8.5% 3.25% 4%;
	display: -webkit-box;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	justify-content: space-between;	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.header-resize{
	padding-top: .75%;
	padding-bottom: .75%;
	position: relative;
}
.header-resize:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(160, 160, 160, .4);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	z-index: -1;
	content: "";
}
	@media screen and (max-width: 1200px) {
		.header-flex{
			padding-right: 5%;
		}
	}
	@media screen and (max-width: 979px) {
		header{
			position: absolute;
		}
		.header-flex{
			padding: 3rem 0 0 5%;
		}
		.header-resize{
			padding-top: auto;
			padding-bottom: auto;
		}
		.header-resize:after{
			position: relative;
			top: auto;
			left: auto;
			width: 0;
			height: 0;
			background: none;
		}
	}
	@media screen and (max-width: 767px) {
		.header-flex{
			padding: 2.25rem 0 0 5%;
		}
	}


/* ロゴ */
.header-flex h1 a{
	display: block;
	width: 280px;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/common/logo.png) no-repeat;
	background-size: 100% auto;
}
.gnav--wrap{
	width: calc(99% - 265px);
}

	@media screen and (max-width: 1180px) {
		.header-flex h1 a{
			width: 203px;
			height: 17px;
		}
		.gnav--wrap{
			width: calc(99.5% - 203px);
		}
	}
	@media screen and (max-width: 979px) {
		.header-flex h1 a{
			width: 280px;
			height: 24px;
		}
		.gnav--wrap{
			width: auto;
		}
	}
	@media screen and (max-width: 767px) {
		.header-flex h1 a{
			width: 222px;
			height: 19px;
		}
	}


/* グローバルメニュー 
ーーーーーーーーーーーーーーーーーー*/
#humberger-check{
	display: none;
}
.humberger{
	display: block;
}
.gnav ul{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.gnav ul > li{
	position: relative;
	letter-spacing: 1px;
	font-weight: 500;
	padding: .5em .75em;
}
.gnav ul > li > a{
	position: relative;
}
.gnav ul > li > a:after{
	position: absolute;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: -.25em;
	transform: scale(0,1);
	transform-origin: left top;
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.gnav ul > li > a:hover:after{
	transform: scale(1,1);
}
.gnav ul > li.recruit{
	position: relative;
}
.gnav ul > li.recruit a{
	font-size: .75em;
	background: #373935;
	padding: .5em .75em;
	letter-spacing: 0;
}
.gnav ul > li.recruit > a:after{
	background: none;
}
.sub-nav {
	width: 200px;
	position: absolute;
	top: 100%;
	left: calc(50% - 100px);
	z-index: 1;
	padding: 0;
	background: #fff;
	border-left: 10px solid transparent;
	-webkit-box-shadow: 3px 3px 19px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 19px rgba(0, 0, 0, .2);
	visibility: hidden;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.toggle:hover .sub-nav { 
	visibility: visible; 
}
.sub-nav a{
	font-size: .875em;
	font-weight: 600;
	color: #373935;
	padding: 10px 1.25em;
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
	-webkit-transition: .5s background;
	transition: .5s background;
}
.sub-nav a:hover{
	background: #efefef;
}
.sub-nav a::after{
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	position: absolute;
	top: calc(50% - .75em);
	right: 1em;
	z-index: 1;
	width: 1em;
	height: 1em;
	content: "→";
	-webkit-transition: .3s right;
	transition: .3s right;
}
.sub-nav a:hover::after{
	right: 0;
}

	@media screen and (min-width: 1600px) {
		.gnav ul > li{
			font-size: 1vw;
		}
	}
	@media screen and (max-width: 1300px) {
		.gnav ul > li{
			font-size: 1.153846153846154vw;
			padding: .5em;
		}
	}
	@media screen and (max-width: 1100px) {
		.gnav ul > li{
			font-size: 1.3181818181818181vw;
			padding: .5em .375em;
		}
	}
	@media screen and (max-width: 979px) {
		.humberger{
			position: fixed;
			top: 0;
			right: 0;
			width: 60px;
			height: 60px;
			display: -webkit-box;
			display: flex;
			justify-content: center;
			-webkit-box-pack: center;
			align-items: center;
			-webkit-box-align: center;
			z-index: 100;
			background-color: #443424;
			border-radius: 0 0 0 .5em;
			-moz-border-radius: 0 0 0 .5em;
			-webkit-border-radius: 0 0 0 .5em;
		}
		.humberger span,
		.humberger span:before,
		.humberger span:after {
			content: '';
			display: block;
			height: 3px;
			width: 25px;
			border-radius: 3px;
			background-color: #ffffff;
			position: absolute;
			-webkit-transition: all 0.3s;
			transition: all 0.3s ;
		}
		.humberger span:before {
			bottom: 8px;
		}
		.humberger span:after {
			top: 8px;
		}
		#humberger-check:checked ~ .humberger span{
			background-color: rgba(255, 255, 255, 0);
		}
		#humberger-check:checked ~ .humberger span:before {
		    bottom: 0;
			transform: rotate(45deg);
		}
		#humberger-check:checked ~ .humberger span:after {
			top: 0;
			transform: rotate(-45deg);
		}
		.gnav{
			width: 50%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 100%;
			z-index: 80;
			background-color: #716558;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			-webkit-overflow-scrolling: touch;
			overscroll-behavior-y: contain;
			overflow-y: auto;
		}
		#humberger-check:checked ~ .gnav{
			left: 50%;
		}
		.gnav ul{
			display: block;
			width: 100%;
			padding: 62px 0 6em;
		}
		.gnav ul > li{
			padding: 0 2em;
			font-size: 1em;
		}
		.gnav ul > li > a{
			position: relative;
			display: block;
			padding: .75em 0;
			border-bottom: 1px solid #fff;
		}
		.gnav ul > li.toggle > a{
			border-bottom: none;
		}
		.gnav ul > li > a:before{
			position: absolute;
			top: calc(50% - 5px);
			right: .75em;
			width: 8px;
			height: 10px;
			background: #fff;
			clip-path: polygon(0 0, 0% 100%, 100% 50%);
			content: "";
			-webkit-transition: .3s right;
			transition: .3s right;
		}
		.gnav ul > li > a:hover:before{
			right: 0;
		}
		.gnav ul > li > a:after{
			position: static;
			left: auto;
			width: auto;
			height: 0;
			background: none;
			bottom: auto;
			transform: none;
			transition: none;	
		}
		.gnav ul > li.recruit a{
			font-size: .75em;
			background: #373935;
			padding: 1em .75em;
			letter-spacing: 0;
			border-bottom: none;
			margin-top: 2em;
			border-radius: .5em;
		}
		.sub-nav{
			visibility: visible;
			position: relative;
			top: auto;
			left: auto;
			width: 100%;
			margin: .75em 0 1.25em;
			font-size: .75em;
			display: -webkit-box;
			display: flex;
			flex-wrap: wrap;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.sub-nav a{
			width: 50%;
			padding: 1em .5em;
			font-size: 13px;
		}
		.sub-nav a::after{
			right: .5em;
		}
		.toggle:hover .sub-nav{
			visibility: visible; 
		}
	}
	@media screen and (max-width: 666px) {
		.gnav{
			width: 100%;
		}
		#humberger-check:checked ~ .gnav{
			left: 0%;
		}
		.gnav ul > li,
		.gnav ul > li.recruit{
			padding: 0 2.75em;
		}
	}
	@media screen and (max-width: 411px) {
		.gnav ul > li,
		.gnav ul > li.recruit{
			padding: 0 25px;
		}
	}


/*sub-nav 装飾*/
.sub-shinryo{
	border-color: #1d538f;
}
.sub-shinryo a:hover,
.sub-shinryo a::after{
	color: #1d538f;
}
.sub-junkan{
	border-color: #942530;
}
.sub-junkan a:hover,
.sub-junkan a::after{
	color: #942530;
}
.sub-hospital{
	border-color: #443424;
}
.sub-hospital a:hover,
.sub-hospital a::after{
	color: #443424;
}

/*============================

　footer

============================*/
footer{
	background: #454743 url(../images/common/footer.jpg) repeat center;
	background-size: 300px auto;
	color: #fff;
	line-height: 1.5;
}
footer a{
	color: #fff;
}
.footer-inner,
.copylight-inner{
	width: 88%;
	margin: 0 auto;
}
.footer-inner,
.copylight-inner{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.footer-inner{
	padding: 4.5em 0 4em;
}
.copylight-inner{
	padding: 1.5em 0;
}
	@media screen and (max-width: 767px) {
		.footer-inner{
			padding: 2em 0;
		}
	}

/* footer */
.footer-mark{
	width: 23.5%;
}
.footer-info{
	position: relative;
	width: 46.5%;
	padding-right: 3%;
}
.footer-gaikan{
	width: 30%;
	position: relative;
}
.footer-mark img{
	width: 100px;
	height: auto;
}
.footer-gaikan img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.footer-logo{
	display: block;
	width: 291px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/common/logo.png);
	background-size: 100% auto;
}
.jyunkan-logo{
	display: block;
	width: 204px;
	height: 16px;
	text-indent: -9999px;
	background: url(../images/common/logo-jyunkan.png);
	background-size: 100% auto;
	margin-top: .75em;
}
.footer-adress{
	border-bottom: 1px solid #fff;
	padding-bottom: .75em;
	margin: 1.5em 0 .75em;
}
.footer-info .icon-location-white{
	margin-bottom: .25rem;
}
a.footer-calendar{
	display: block;
	border: 1px solid;
	padding: .75em;
	margin-top: 1.25em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	text-align: center;
}

	@media screen and (max-width: 979px) {
		.footer-mark{
			width: 15%;
		}
		.footer-info{
			width: 60%;
		}
		.footer-gaikan{
			width: 22%;
		}
		.footer-mark img{
			width: 62px;
			height: auto;
		}
	}

	@media screen and (max-width: 767px) {
		.footer-mark,
		.footer-info,
		.footer-gaikan{
			width: 100%;
		}
		.footer-mark{
			text-align: center;
			margin-bottom: 1em;
		}
		.footer-gaikan img{
			position: relative;
			display: block;
			width: 45%;
			margin: 1.5em auto 0;
		}
		.footer-logo,
		.jyunkan-logo{
			margin-left: auto;
			margin-right: auto;
		}
		.footer-logo{
			width: 222px;
			height: 19px;
		}
		.jyunkan-logo{
			width: 179px;
			height: 14px;
		}
		.footer-adress{
			text-align: center;
		}
	}

/* copylight */
.copylight{
	font-size: .75em;
	color: #aeaeae;
	background: #373c39;
}
.copylight-inner .desc,
.copylight-inner .copy{
	width: 50%;
}
.copylight-inner .desc{
	margin-bottom: .5em;
}
.copylight-inner .desc a{
	color: #aeaeae;
}
.copylight-inner .copy{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	text-align: right;
}
.copylight-inner .copy div{
	margin-bottom: .25em;
}

	@media screen and (max-width: 979px) {
		.copylight{
			font-size: 10px;
		}
		.copylight-inner .desc,
		.copylight-inner .copy{
			width: 100%;
			text-align: center;
			letter-spacing: 0;
		}
	}

/*============================

　wall decoration（index/sub）

============================*/
.fv-wall{
	position: relative;
	width: 100%;
	background: linear-gradient(90deg, #6e301d 0%, #6e301d 92.6%, #fff 92.6%, #fff 100%);
}
.fv-wall-shinryo{
	position: relative;
	width: 100%;
	background: linear-gradient(90deg, #1d538f 0%, #1d538f 92.6%, #fff 92.6%, #fff 100%);
}
.fv-wall-junkan{
	position: relative;
	width: 100%;
	background: linear-gradient(90deg, #94253f 0%, #94253f 92.6%, #fff 92.6%, #fff 100%);
}
.bg{
	background: #d5d5d5;
}

.index-wall{
	aspect-ratio: 683 / 415;
}
.stripe:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 92.6%;
	height: 100%;
	background: url(../images/common/bg-stripe.png) repeat left top;
	background-size: 6px auto;
	content: "";
}
.stripe:after{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(92.6% - 16px);
	height: calc(100% - 16px);
	border: 16px solid #443424;
	border-bottom: 0;
	content: "";
}
.index-concrete{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 90%;
	z-index: 1;
	background: #cfcfcd url(../images/common/ptn-01.jpg) repeat center;
}
.sub-wall{
	height: 770px;
}
.sub-concrete{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-top: calc(-770px + 10rem);
	padding-bottom: 4em;
	z-index: 1;
}
.sub-concrete-inner{
	padding-top: 3em;
	padding-bottom: 4em;
}

	@media screen and (max-width: 1200px) {
		.fv-wall{
			background: linear-gradient(90deg, #6e301d 0%, #6e301d 96%, #fff 96%, #fff 100%);
		}
		.fv-wall-shinryo{
			background: linear-gradient(90deg, #1d538f 0%, #1d538f 96%, #fff 96%, #fff 100%);
		}
		.fv-wall-junkan{
			background: linear-gradient(90deg, #94253f 0%, #94253f 96%, #fff 96%, #fff 100%);
		}
		.stripe:before{
			width: 95%;
		}
		.stripe:after{
			width: calc(95% - 16px);
		}
	}

	@media screen and (max-width: 979px) {
		.fv-wall{
			background: #6e301d;
		}
		.fv-wall-shinryo{
			background: #1d538f;
		}
		.fv-wall-junkan{
			background: #94253f;
		}
		.index-wall{
			aspect-ratio: 300 / 218;
			margin-bottom: 62px;
		}
		.stripe:before{
			width: 100%;
		}
		.stripe:after{
			width: calc(100% - 16px - 16px);
		}
		.index-concrete,
		.sub-concrete{
			width: 95%;
		}
		.sub-wall{
			height: 580px;
		}
		.sub-concrete{
			margin-top: calc(-580px + 10rem);
		}
	}
	@media screen and (max-width: 767px) {
		.index-wall{
			aspect-ratio: auto;
			height: calc(100vw + 5rem);
		}
		.stripe:after{
			width: calc(100% - 7.5px - 8px);
			height: calc(100% - 8px);
			border-width: 8px 8px 0 7.5px;
			border-style: solid;
			border-color: #443424;
			border-bottom: 0;
		}
		.sub-wall{
			height: 500px;
		}
		.sub-concrete{
			margin-top: calc(-500px + 5rem);
		}
		.sub-concrete-inner{
			padding-top: 1.75em;
			padding-bottom: 2em;
		}
	}