@charset "utf-8";

/*-- 共通CSS ------------------------------------------------------------------------------*/

body {
	font-family: "Zen Kaku Gothic New", sans-serif, "Noto Sans JP", sans-serif, "Roboto", sans-serif,"游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

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

a {
	cursor: pointer;
}

/* br {
	vertical-align: middle;
} */
/* FFで改行あるなしで高さが微妙に変わるのを回避 */

iframe {
	display: block;
	border: none;
}

.modal {
	z-index: 9999999999;
}
/*モーダルをチャットボットよりも前面に表示*/

/*-- CSS拡張 ------------------------------------------------------------------------------*/

.min-h-auto {
	min-height: auto !important;
}

.min-w-auto {
	min-height: auto !important;
}

.text-ul {
	text-decoration: underline;
}

.text-hover-ul:hover {
	text-decoration: underline;
}

.border-t-only {
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

.border-r-only {
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

.border-b-only {
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
}

.border-l-only {
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
}

.flex-0 {
	flex: none;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.flex-shrink-1 {
	flex-shrink: 1;
}

.flex-basis-0 {
	flex-basis: 0;
}

.flex-basis-1 {
	flex-basis: 1;
}

.opacity {
	opacity: .7;
}

.hvr-opacity:hover {
	opacity: .7;
}

.cursor-pointer {
	cursor: pointer;
}

.z-index-0 {
	z-index: 0;
}

.z-index-1 {
	z-index: 9;
}

.z-index-2 {
	z-index: 99;
}

.z-index-3 {
	z-index: 999;
}

.mt-6 {
	margin-top: 4rem;
}

.mt-7 {
	margin-top: 5rem;
}

.brSp br{
	display:none;
}

.youtubeBox {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0 0 56.25%;
}

.youtube {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/*-- Bootstrap4デフォルトCSS打消し ---------------------------------------------------------------------*/

button:focus {
	outline: 0 !important;
}

.btn.focus, .btn:focus {
	outline: 0 !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

.btn {
	min-height: auto !important;
	min-width: auto !important;
	white-space: normal !important;
}

.navbar-light .navbar-nav .nav-link {
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 0;
	word-break: break-word;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/*-- IE用WEBフォント文字つぶれ対策 ----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, a, span, dt, dd {
	transform: rotate(0.001deg);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.brSp br{
	display:block;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */