@charset "UTF-8";
body{
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
}



/*------------------------------------------
  サービス別レスポンシブ
------------------------------------------*/
/*youtube*/
.youtubeWrapper{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*googlemap*/
.ggmapWrapper{
	position: relative;
	/*padding-bottom: 56.25%;*/
	height: 480px;
	overflow: hidden;
}
.ggmapWrapper iframe,
.ggmapWrapper object,
.ggmapWrapper embed{
	position: absolute;
	top: -140px;
	left: 0;
	width: 100%;
	height: 600px;
}
.ggmapWrapper iframe{
	height: 800px;
}



.linkLists{
	max-width: 500px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	li{
		&:not(:last-child){
			margin-bottom: 20px;
		}
		a{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 60px;
			border-radius: 5px;
			text-decoration: none;
			font-size: 16px;
			font-weight: 300;
			color: #333;
			background: #efefef;
			transition: 0.3s;
			&:hover{
				background: #fafafa;
			}
			>span{
				display: flex;
			}
			.icon{
				width: 45px;
				height: 45px;
				margin-right: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				background: #FFF;
				border-radius: 45px;
				font-size: 22px;
				line-height: 1;
				.bi-house-door{
					color: #00BBC9;
				}
				.bi-facebook{
					color: #4967aa;
				}
				.bi-twitter{
					color: #1d9bf0;
				}
				.bi-instagram{
					color: #FF8C00;
					background: -webkit-linear-gradient(250deg, #8935d9, #ff27a3, #fec43f);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
				.bi-youtube{
					color: #fc031a;
				}
				.bi-bag{
					color: #FFB30D;
				}
				.bi-music-note-list{
					color: #29317c;
				}
				.bi-star-fill{
					color: #fec43f;
				}
			}
			.txt{
				//min-width: 170px;
				min-width: 210px;
				display: flex;
				align-items: center;
				line-height: 1;
				.line2{
					position: relative;
					top: -3px;
				}
				.sTxt{
					line-height: 1;
					font-size: 10px;
				}
			}
		}
	}
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before{
	vertical-align: 0;
}