@charset "utf-8";

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

body {
	font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #333;
}

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 ここまで */

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


img.c9412_0407{
  width: 40%;
  height: auto;
}
.c10118_0407{
  font-size: 1.2rem;
  font-weight: 700;
}
div.topWr01_0407 {
  padding: 88px 0 0px 0;
}
div.topWr02_0407{
  padding: 80px 0 0px 0;
}
@media (min-width: 1024px) {
    div.topWr01_0407 {
        padding: 119px 0 0px 0;
    }
}
@media screen and (max-width:737px) {
  .c9336_0407{
    flex-direction: column;
    align-items: center; 
  }
  .c3158_0407{
    max-width: 540px;
    text-align: center;
    margin: 0 auto;
  }
  img.c9412_0407{
    width: 100%;
  }
  div.c10278_0407{
    margin: 0 0 0 0px;
    padding: 30px 15px 0px 15px;  
  }
  .c10188_0407{
    text-align: left;
  }
  h2.titJa01_0407{
    font-size: 23px;
  }
}

div.paddingWr01_0407{
  margin-top: 80px;
}
.c27443_0407{
  background: none;
  width: 280px;
  height: 340px;
  text-align: center;
  padding-top: 20px;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #ccc;
  background: #333333;
}
.c25719_0407{
  justify-content: center;
  gap: 20px;
  margin: 65px auto 0;
  flex-wrap: wrap;
}
video.c24701_0407{
  height: 200px;
  width: 300px;
}
.c10155_0407{
  height: 150px;
  width: 200px;
}
div.c8567{
  padding: 30px;
}
.c8567 p{
  font-size: 1.3rem;
  color: #FFF;
  text-align: left;
}
a.comBtn01_0407{
  justify-content: flex-end;
  margin-right: 30px;
  margin-bottom: 30px;
}
.c9500{
  margin: 0 auto;
}
.youtube_text{
  color: #FFF;
}
@media screen and (max-width:737px) {
  .c25719_0407{
    align-items: center;
    flex-direction: column;
  }
   div.c25719_0407 {
    margin: 0px auto 0;
    gap: 0px;
  }
}
@media screen and (max-width:360px) {
  .c27443_0407{
    width: 80%;
  }
}