@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');

.oswald {
	font-family: 'Oswald', sans-serif;
}

/* -----------------------------------------------------------------------------

	service_sp.css

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

	/* mv
---------------------------------------------*/

	#ttlArea .visual {
		background-image: url(../img/bg_main_sp.jpg);
	}

	main nav ul li:first-child {
		font-size: 1.6rem;
		border-right: none;
		font-weight: bold;
		padding-right: 0;
		margin-right: 7px
	}

	main nav ul li:first-child span {
		border: none;
		border-right: 1px solid #8a8a8a;
		padding-right: 8px;
		padding-bottom: 3px;
	}

	main nav ul li:first-child span:after {
		background: none;
	}

	/* index
---------------------------------------------*/
	.index .contentsWrap h1 {
		line-height: 1;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.index .contentsWrap h1 span {
		font-size: 3rem;
		font-weight: bold;
		display: block;
		margin-bottom: 8px;
		font-family: 'Montserrat', sans-serif;
	}

	/* .conceptArea */
	.index .conceptArea {
		margin: 0 -15px;
	}

	.index .conceptArea>div {
		background: url(../img/bg_line.gif) repeat-y center top;
		opacity: 1;
	}

	.index .conceptArea section {
		margin-bottom: 7%;
		clear: both;
	}

	.index .conceptArea .conceptInner>* {
		opacity: 0;
		transition: 0.5s ease-out;
	}

	.index .conceptArea .conceptInner .move {
		opacity: 1;
	}

	.index .conceptArea>div section:first-child,
	.index .conceptArea>div section:first-child * {
		opacity: 1;
	}

	.index .conceptArea>div section:first-child .conceptInner .box {
		background: rgba(255, 255, 255, 100);
	}

	.index .conceptArea>div section:first-child .conceptInner .box h2 {
		top: 40px;
	}

	.index .conceptArea>div section:first-child .conceptInner .box+div {
		left: 0;
	}

	.index .conceptArea .conceptInner .box {
		background: rgba(255, 255, 255, 0);
		height: 225px;
		padding: 40px 0 0 40px;
		width: 92%;
		z-index: 10;
		position: relative;
	}

	.index .conceptArea .conceptInner .box.move {
		background: rgba(255, 255, 255, 100);
		transition: 1s ease-out;
	}

	.index .conceptArea .conceptInner .box+div {
		background: #e8ebeb url(../img/bg_concept.png) left top;
		border: solid 1px #000;
		padding: 20px;
		width: 90%;
		margin: -52px auto 0px;
		position: relative;
	}

	.index .conceptArea .left .conceptInner .box+div {
		left: 80px;
	}

	.index .conceptArea .left .conceptInner .box+div.move {
		left: 0;
		transition: 0.4s ease-out;
	}

	.index .conceptArea section h2 {
		position: absolute;
		line-height: 1;
		font-weight: bold;
		font-size: 1.4rem;
		font-family: 'Montserrat', sans-serif;
		z-index: 1;
		top: 70px;
	}

	.index .conceptArea section h2.move {
		top: 40px;
		transition: 0.6s ease-out;
	}

	.index .conceptArea section h2 span {
		font-size: 5rem;
		vertical-align: middle;
		font-family: 'Montserrat', sans-serif;
		display: block;
		padding-bottom: 18px;
		position: relative;
		margin-bottom: 22px;
		margin-left: -3px;
	}

	.index .conceptArea section h2 span:after {
		content: "";
		width: 50px;
		height: 1px;
		background: #1d1d1d;
		position: absolute;
		bottom: 0;
		left: 4px;
	}

	.index .conceptArea section .ttl {
		font-weight: bold;
		font-size: 1.5rem;
		position: relative;
		letter-spacing: 0.1em;
		z-index: 10;
		line-height: 2;
	}

	.index .conceptArea section.right .box {
		float: right;
	}

	.index .conceptArea section.right h2 {
		text-align: right;
		right: 40px;
	}

	.index .conceptArea section.right h2 span:after {
		content: "";
		width: 50px;
		height: 1px;
		background: #1d1d1d;
		position: absolute;
		bottom: 0;
		left: 80%;
	}

	.index .conceptArea section.right .box+div {
		float: left;
		margin-left: 5%;
		right: 80px;
	}

	.index .conceptArea section.right .conceptInner .box+div.move {
		right: 0;
		transition: 0.4s ease-out;
	}

	.index .conceptArea section:last-child {
		margin-bottom: 0;
	}

	/*.index .conceptArea section {
	background: #fff url(../../common/img/bg_contents01.gif) left top;
	padding: 0;
	margin-bottom: 60px;
	position: relative;
	clear: both;
}
.index .conceptArea section:last-child {
	margin-bottom: 0;
}
.index .conceptArea .conceptInner {
	height: 290px;
	display: table-cell;
	vertical-align: middle;
}
.index .conceptArea .conceptInner > * {
	opacity: 0;
	transition: 0.5s ease-out;
}
.index .conceptArea section h2 {
	position: absolute;
	top: -5px;
	right: 15px;
	line-height: 1;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	z-index: 1;
	text-align: right;
}
.index .conceptArea section h2.move {
	opacity: 1;
	top: -25px;
}
.index .conceptArea section h2 span {
	font-size: 4.5rem;
	font-family: 'Montserrat', sans-serif;
	display: block;
	padding-bottom: 12px;
	margin-bottom: 18px;
	position: relative;
}
.index .conceptArea section h2 span:after {
	content: "";
	width: 35px;
	height: 1px;
	background: #1d1d1d;
	position: absolute;
	bottom: 0;
	right: 0;
}
.index .conceptArea section:nth-child(even) h2 {
	left: 15px;
	right: inherit;
	text-align: left;
}
.index .conceptArea section:nth-child(even) h2 span:after {
	left: 0;
	right: inherit;
}
.index .conceptArea section .ttl {
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 1.5;
	padding: 23px 15px 5px;
	position: relative;
	top: 20px;
}
.index .conceptArea section .ttl.move {
	opacity: 1;
	top: 0;
}
.index .conceptArea section figure {
	position: relative;
	top: 20px;
}
.index .conceptArea section figure.move {
	opacity: 1;
	top: 0;
}
.index .conceptArea section .txt {
	padding: 10px 15px 30px;
	position: relative;
	top: 20px;
}
.index .conceptArea section .txt.move {
	opacity: 1;
	top: 0;
}*/

	/* 201028 */
	.contentsWrap.type2 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.policyBlock.bg_w {
		background-color: #fff;
	}

	.policyBlock {
		padding: 45px 0 45px;
	}

	.policyBlock.type5 {
		padding-top: 50px;
		padding-bottom: 65px;
		/* border-top: 1px solid #b4b4b4; */
	}

	.policyBlock .policy_clm1 {
		width: 100%;
		padding: 0 30px;
		position: relative;
	}

	.policyBlock .policy_clm1 .clmIn1 {
		width: 100%;
		position: relative;
	}

	.policyBlock .policy_clm1 .clmIn2 {
		width: 100%;
		position: relative;
	}

	.policy_titBox {
		display: flex;
		align-items: center;
		padding-bottom: 30px;
	}

	.policy_titBox .pol_t1 {
		font-size: 14px;
		letter-spacing: 0.05em;
		padding-right: 18px;
		padding-top: 2px;
	}

	.policy_titBox .pol_h2 {
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0.2em;
	}

	.pol_text1 {
		font-size: 19px;
		font-weight: 700;
		letter-spacing: 0.1em;
		line-height: 1.9;
	}

	.pol_text2 {
		font-size: 15px;
		text-align: justify;
		letter-spacing: 0.05em;
		line-height: 2;
		margin-top: 20px;
	}

	.pol_text2+.pol_text2 {
		margin-top: 15px;
	}

	.policyBlock .policy_clm1::before {
		content: "";
		background-image: url(../img/policy_text1.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: calc(554.184px * 0.45);
		height: calc(125.748px * 0.45);
		position: absolute;
		top: -18px;
		left: -4px;
	}

	.policyBlock.type2 .policy_clm1::before {
		background-image: url(../img/policy_text2.svg);
		width: calc(650.714px * 0.45);
		height: calc(125.748px * 0.45);
	}

	.policyBlock.type3 .policy_clm1::before {
		background-image: url(../img/policy_text3.svg);
		width: calc(526.193px * 0.45);
		height: calc(125.748px * 0.45);
	}

	.policyBlock.type4 .policy_clm1::before {
		background-image: url(../img/policy_text4.svg);
		width: calc(487.493px * 0.45);
		height: calc(124.067px * 0.45);
	}

	.policyBlock.type5 .policy_clm1::before {
		background-image: url(../img/policy_text5.svg);
		width: calc(393.569px * 0.45);
		height: calc(125.748px * 0.45);
	}

	.policyBlock.type6 .policy_clm1::before {
		background-image: url(../img/policy_text6.svg);
		width: calc(873.363px * 0.4);
		height: calc(122.387px * 0.4);
		top: -12px;
	}

	.promiseBlock {
		margin-top: 30px;
		padding-top: 40px;
		position: relative;
	}

	.promiseBlock::before {
		content: "";
		width: 32px;
		height: 3px;
		background-color: #000;
		position: absolute;
		left: 0;
		top: 0;
	}

	.promiseBlock .promise_tit1 {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0.1em;
	}

	.promiseBlock .promise_list {
		margin-top: 12px;
	}

	.promiseBlock .promise_list .li1 {
		display: flex;
		align-items: center;
		line-height: 1.6;
	}

	.promiseBlock .promise_list .li1 .s1 {
		font-size: 32px;
		color: #969696;
		font-weight: 200;
		letter-spacing: 0.1em;
		padding-right: 15px;
		width: 60px;
	}

	.promiseBlock .promise_list .li1 .s2 {
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0.15em;
	}

	.pol_dl1 .dt1 {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.15em;
	}

	.pol_dl1 .dd1 {
		font-size: 15px;
		text-align: justify;
		letter-spacing: 0.05em;
		line-height: 2;
		margin-top: 10px;
	}

	.pol_dl1 .dd1+.dt1 {
		margin-top: 45px;
	}

	.pol_dl2 .dt1 {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.15em;
	}

	.pol_dl2 .dd1 {
		font-size: 15px;
		text-align: justify;
		letter-spacing: 0.05em;
		line-height: 2;
		margin-top: 10px;
	}

	.pol_dl2 .dd1+.dt1 {
		margin-top: 45px;
	}

	.pol_notioLogo {
		width: 170px;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 45px;
	}

	.pol_notioLogo img {
		width: 100%;
		display: block;
	}

}

@media screen and (max-width: 370px) {
	.pol_text1 {
		font-size: 17px;
		letter-spacing: 0;
	}

	.promiseBlock .promise_tit1 {
		font-size: 14px;
	}

	.promiseBlock .promise_list .li1 .s1 {
		font-size: 28px;
	}

	.promiseBlock .promise_list .li1 .s2 {
		font-size: 13px;
	}
}

@media screen and (max-width: 750px) {
	/* outline
---------------------------------------------*/
	/* .outline .contentsWrap h1 {
	line-height: 1;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.outline .contentsWrap h1 span {
	font-size: 3.4rem;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
	font-family: 'Montserrat', sans-serif;
} */

	.outline #ttlArea {
		background: #e8ebeb;
	}

	.outline #ttlArea .ttl {
		margin-bottom: 0;
	}

	/* profile */
	.outline .profile {
		padding-bottom: 30px;
	}

	.outline .profile table {
		width: 100%;
		font-size: 1.3rem;
	}

	.outline .profile table tr {
		display: flex;
		flex-direction: column;
	}

	.outline .profile table th {
		border-top: 1px solid #bcc1c1;
		width: 100%;
		text-align: left;
		padding: 15px 0px 5px;
	}

	.outline .profile table td {
		padding: 0 0 15px 0;
	}

	.outline .profile table td dt {
		font-weight: bold;
		margin: 18px 0 8px;
	}

	.outline .profile table td dt:first-child {
		margin-top: 0;
	}

	.outline .profile table td.address li+li {
		border-top: 1px solid #bcc1c1;
		margin-top: 12px;
		padding-top: 12px;
	}

	.outline .profile table td li span {
		width: 95px;
		display: inline-block;
	}


	/* access */

	.outline .access section>* {
		opacity: 0;
		transition: 0.5s ease-out;
	}

	.outline .access {
		position: relative;
		padding-top: 40px;
		margin: 0 -15px;
		border-top: 40px solid #fff;
	}

	.outline .access h1 {
		padding: 35px 15px 30px;
		font-weight: bold;
		font-size: 2.5rem;
		line-height: 1;
		text-align: center;
	}

	.outline .access h1 span {
		display: inline-block;
		position: relative;
		padding-bottom: 8px;
		border-bottom: 2px solid #1d1d1d;
		line-height: 1.4;
	}

	.outline .access h1 span:before {
		content: "";
		display: block;
		width: 50%;
		height: 2px;
		background: #d2d8d8;
		position: absolute;
		left: 0;
		bottom: -2px;
	}

	.outline .access h2 {
		font-size: 3rem;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		position: absolute;
		top: -5px;
	}

	.outline .access h2.move {
		top: -25px;
		opacity: 1;
	}

	.outline .access section {
		background: #fff url(../../common/img/bg_contents01.gif) left top;
		padding: 35px 15px 0;
		margin-bottom: 65px;
		position: relative;
	}

	.outline .access section.osaka {
		margin-bottom: 30px;
	}

	.outline .access figure {
		margin-bottom: 20px;
		position: relative;
		top: 20px;
	}

	.outline .access figure.move {
		top: 0;
		opacity: 1;
	}

	.outline .access p {
		font-size: 1.2rem;
		line-height: 1.6;
		margin-bottom: 20px;
		position: relative;
		top: 20px;
	}

	.outline .access p.move {
		top: 0;
		opacity: 1;
	}

	.outline #mapTokyo,
	.outline #mapOsaka {
		height: 250px;
		margin: 0 -15px;
		position: relative;
		top: 20px;
		-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
	}

	.outline #mapTokyo.move,
	.outline #mapOsaka.move {
		top: 0;
		opacity: 1;
	}

	iframe {
		width: 100%;
		height: 250px;
	}


	/* staff
---------------------------------------------*/
	.staff #ttlArea {
		background: #e8ebeb;
	}

	.staff #ttlArea .ttl {
		margin-bottom: 0;
	}

	/* .staff .contentsWrap h1 {
	line-height: 1;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.staff .contentsWrap h1 span {
	font-size: 3rem;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
	font-family: 'Montserrat', sans-serif;
} */
	.staff .mainStaff section>*,
	.subStaff ul li {
		opacity: 0;
		transition: 0.5s ease-out;
	}

	/* mainStaff */
	.staff .mainStaff section+section {
		margin-top: 50px;
	}

	.staff .mainStaff h2 {
		font-size: 1.7rem;
		font-weight: bold;
		margin-bottom: 15px;
		left: 0;
		position: relative;
		top: 20px;
	}

	.staff .mainStaff h2+p {
		font-size: 1.4rem;
		margin-bottom: 30px;
		left: 0;
		position: relative;
		top: 20px;
	}

	.staff .mainStaff .name {
		background: #1d1d1d;
		color: #fff;
		padding: 95px 25px 30px;
		margin: -68px -15px 30px 0;
		position: relative;
		top: 20px;
	}

	.staff .mainStaff dl dt {
		font-size: 1.2rem;
		margin-bottom: 5px;
		letter-spacing: 0.15em;
	}

	.staff .mainStaff dl dd {
		font-size: 2rem;
		font-weight: bold;
		letter-spacing: 0.25em;
	}

	.staff .mainStaff dl dd span {
		font-size: 1rem;
		color: #a9a8a8;
		letter-spacing: 0.1em;
		font-weight: normal;
		margin-left: 10px;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 4px;
	}

	.staff .mainStaff figure {
		margin-left: -15px;
		position: relative;
		top: 20px;
		z-index: 1;
	}

	.staff .mainStaff section:first-child figure {
		opacity: 1 !important;
		top: 0 !important;
	}

	.staff .mainStaff .txt {
		background: #fff;
		padding: 20px;
		font-size: 1.4rem;
		position: relative;
		top: 20px;
	}

	.staff .mainStaff section:nth-child(even) figure {
		margin-right: -15px;
		margin-left: 0;
	}

	.staff .mainStaff section:nth-child(even) .name {
		margin-left: -15px;
		margin-right: 0;
	}

	.staff .mainStaff .move {
		top: 0;
		opacity: 1;
	}

	/* subStaff */
	.staff .subStaff {
		margin: 40px -15px 0;
		border-top: 40px solid #fff;
		padding-top: 40px;
	}

	.staff .subStaff li {
		background: #fff;
		position: relative;
		top: 20px;
	}

	.staff .subStaff li.move {
		top: 0;
		opacity: 1;
	}

	.staff .subStaff li figure {
		width: 50%;
		float: left;
	}

	.staff .subStaff li dl {
		width: 50%;
		float: right;
		padding: 14px;
	}

	.staff .subStaff li dl dt {
		font-size: 1.1rem;
		margin-bottom: 4px;
	}

	.staff .subStaff li dl dd {
		font-size: 1.6rem;
		letter-spacing: 0.2em;
		line-height: 1.5;
		font-weight: bold;
	}

	.staff .subStaff li dl dd span {
		font-size: 1rem;
		display: block;
		letter-spacing: 0.1em;
		color: #979d9d;
		font-weight: normal;
	}

	.staff .subStaff li p {
		padding: 20px 18px 30px;
		font-size: 1.2rem;
		clear: both;
		background: #e8ebeb;
	}

	.subStaff li .nameArea {
		width: 50%;
		height: 96px;
		float: right;
		background-position: 16px 19px;
		background-size: auto 56%;
		background-repeat: no-repeat;
		position: relative;
	}

	.subStaff li .nameArea.move {
		top: 0;
		opacity: 1;
	}

	.subStaff .staff01 .nameArea {
		background-image: url(../staff/img/staffname_01.png);
	}

	.subStaff .staff02 .nameArea {
		background-image: url(../staff/img/staffname_02.png);
	}

	.subStaff .staff03 .nameArea {
		background-image: url(../staff/img/staffname_03.png);
	}

	.subStaff .staff04 .nameArea {
		background-image: url(../staff/img/staffname_04.png);
	}

	.subStaff .staff05 .nameArea {
		background-image: url(../staff/img/staffname_05_cp.png);
	}

	.subStaff .staff06 .nameArea {
		background-image: url(../staff/img/staffname_06.png);
	}

	.subStaff .staff07 .nameArea {
		background-image: url(../staff/img/staffname_07.png);
	}

	.subStaff .staff08 .nameArea {
		background-image: url(../staff/img/staffname_08.png);
	}

	.subStaff .staff09 .nameArea {
		background-image: url(../staff/img/staffname_09.png);
	}

	.subStaff .staff10 .nameArea {
		background-image: url(../staff/img/staffname_10.png);
	}

	.subStaff .staff11 .nameArea {
		background-image: url(../staff/img/staffname_11.png);
	}

	.subStaff .staff12 .nameArea {
		background-image: url(../staff/img/staffname_12.png);
	}

	.subStaff .staff13 .nameArea {
		background-image: url(../staff/img/staffname_13.png);
	}

	.subStaff .staff14 .nameArea {
		background-image: url(../staff/img/staffname_14.png);
	}

	.subStaff .staff15 .nameArea {
		background-image: url(../staff/img/staffname_15.png);
	}

	.subStaff .staff16 .nameArea {
		background-image: url(../staff/img/staffname_16.png);
	}

	.subStaff .staff17 .nameArea {
		background-image: url(../staff/img/staffname_17.png);
	}

	.subStaff .staff18 .nameArea {
		background-image: url(../staff/img/staffname_18.png);
	}

	.subStaff .staff19 .nameArea {
		background-image: url(../staff/img/staffname_19.png);
	}

	.subStaff .staff20 .nameArea {
		background-image: url(../staff/img/staffname_20.png);
	}

	.subStaff .staff21 .nameArea {
		background-image: url(../staff/img/staffname_21.png);
	}

	.subStaff .staff22 .nameArea {
		background-image: url(../staff/img/staffname_22.png);
	}

	.subStaff .staff23 .nameArea {
		background-image: url(../staff/img/staffname_23.png);
	}

	.subStaff .staff24 .nameArea {
		background-image: url(../staff/img/staffname_24.png);
	}

	.subStaff .staff37 .nameArea {
		background-image: url(../staff/img/staffname_37.png);
	}

	.subStaff .staff38 .nameArea {
		background-image: url(../staff/img/staffname_38.png);
	}

	.subStaff .staff39 .nameArea {
		background-image: url(../staff/img/staffname_39.png);
	}

	.subStaff .staff40 .nameArea {
		background-image: url(../staff/img/staffname_40.png);
	}

	.subStaff .staff41 .nameArea {
		background-image: url(../staff/img/staffname_41.png);
	}

	.subStaff .staff42 .nameArea {
		background-image: url(../staff/img/staffname_42.png);
	}

	.subStaff .staff43 .nameArea {
		background-image: url(../staff/img/staffname_43.png);
	}

	.subStaff .staff44 .nameArea {
		background-image: url(../staff/img/staffname_44.png);
	}

	.subStaff .staff45 .nameArea {
		background-image: url(../staff/img/staffname_45.png);
	}

	.subStaff .staff46 .nameArea {
		background-image: url(../staff/img/staffname_46.png);
	}
	
	.subStaff .staff47 .nameArea {
		background-image: url(../staff/img/staffname_47.png);
	}
	.subStaff .staff48 .nameArea {
		background-image: url(../staff/img/staffname_48.png);
	}

	.subStaff .staff49 .nameArea {
		background-image: url(../staff/img/staffname_49.png);
	}
	.subStaff .staff50 .nameArea {
		background-image: url(../staff/img/staffname_50.png);
	}
	.subStaff .staff51 .nameArea {
		background-image: url(../staff/img/staffname_51.png);
	}
	.subStaff .staff52 .nameArea {
		background-image: url(../staff/img/staffname_52.png);
	}
}

/*-----------------------------------------------------------------------------*/

@media screen and (max-width: 750px) {
	.btn_bk {
		width: 280px;
		height: 60px;
		background: #000;
		color: #fff;
		font-size: 16px;
		line-height: 1;
		font-weight: bold;
		padding-left: 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		position: relative;
		margin: 20px auto 0;
	}

	.btn_bk::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 17px;
		height: 10px;
		margin-top: -5px;
		background: url("../profile/img/arw.svg") 0 0;
		background-size: 17px 10px;
		transition: 0.3s;
	}

	.btn_bk:hover {
		background: #333;
	}

	.btn_bk:hover::after {
		right: 5px;
	}

	.banaWrap {
		width: 100%;
		padding: 0 0 50px 0;
	}

	.banaWrap ul {
		width: calc(300px * 0.95);
		margin: 0 auto;
	}

	.banaWrap ul li {
		height: calc(90px * 0.95);
	}

	.banaWrap ul li+li {
		margin-top: 20px;
	}

	.banaWrap ul li .btn_works {
		width: 100%;
		height: 100%;
		background: url("../profile/img/bana_bw.jpg") 0 0;
		background-size: calc(300px * 0.95) calc(90px * 0.95);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #fff;
		position: relative;
	}

	.banaWrap ul li .btn_works::before {
		content: "";
		position: absolute;
		width: 19px;
		height: 19px;
		background: #b4b4b4 url("../profile/img/arw.svg") center center no-repeat;
		background-size: 9px 5px;
		bottom: 0;
		right: 0;
		transition: 0.3s;
	}

	.banaWrap ul li .btn_works span {
		display: block;
		font-size: 20px;
		letter-spacing: 0.1em;
		line-height: 1;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.banaWrap ul li .btn_works small {
		display: block;
		font-size: 14px;
		line-height: 1;
	}
}