@charset "utf8";

.mb-theme .ct-hd{
	display: none !important;
}
.dp-container a, .main-wrap a {
    color: #333;
}
#dp_breadcrumb_nav{
	margin-bottom: 0;	
}
.dp-container{
	padding-left: 0;
	padding-right: 0;
  width: 100%;
  overflow: hidden;
}
.top__inner{
	background-color: #f7f2ec;
	padding: 120px 0;
}
.top__ttl{
	text-align: center;
	color: #333;
	font-size: 28px;
}
.top__ttl h2{
	line-height: 1.6;
  letter-spacing: 4px;
	font-weight: 500;
}
.top__ttl span{
	font-size: 16px;
	display: block;
  letter-spacing: 2px;
}
.loop__inner{
	width: min(96%,980px);
	margin: 0 auto 40px;
}
.loop__block--question{
	text-indent: -1.2em;
	padding-left: 1.2em;
	letter-spacing: 1.2px;
	line-height: 1.8;
}
.loop__block--question span{
	font-size: 20px;
	color: #febd4d;
	font-weight: 700;
}
.loop__block--answer{
	text-indent: -1.2em;
	padding-left: 1.2em;
	letter-spacing: 1.2px;
	line-height: 1.8;
	margin-bottom: 40px;
}
.loop__block--answer span{
	font-size: 20px;
	color: #f56a9b;
	font-weight: 700;
}
.loop__header h3{
	padding: 100px 0 80px;
	font-size: 24px;
	text-align: center;
	line-height: 1.8;
}
.loop__header h3 span{
  display: block;
  text-align: right;
  font-size: 14px;
}
.loop__slider{}

.loop__thumbnail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px;
    list-style: none;
}

.loop__thumbnail > li {
    width: calc(100% / 5);
}

.loop__thumbnail > li > a {
    display: block;
    position: relative;
    padding-top: 75%;
}

.loop__thumbnail > li > a > img,
.loop__thumbnail > li > a > video {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    max-height: 100%;
    padding: 8px;
}

.bx-wrapper {
    background-color: transparent;
    margin: 0px auto;
    border: none;
    box-shadow: none;
}
.bx-wrapper img {
    display: block;
    width: 100%;
}
.bx-wrapper .loop__slider li{
	width: 800px;
	height: 600px;
	overflow: hidden;
	position: relative;
}
.bx-wrapper .loop__slider img,
.bx-wrapper .loop__slider video{
	 position: absolute;
	 padding: 16px;
	 left:0;
	 right:0;
	 top:0;
	 bottom:0;
	 margin: auto;
	 height: 100%;
	 width: auto;
}
.bx-wrapper{
	background: #f7f2ec;
	padding: 12px 0;
}

@media screen and (max-width:768px){
	.top__inner{
		padding: 60px 0;
	}
	.top__ttl{
		font-size: 24px;
    font-weight: 500;
	}
	.loop__header h3 {
    padding: 60px 0 40px;
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
    font-weight: 500;
	}
	.bx-wrapper .loop__slider li{
		width: 90%;
		height: 400px;
		position: relative;
	}
	.bx-wrapper .loop__slider img,
	.bx-wrapper .loop__slider video{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:500px){
	.top__inner {
    padding: 48px 0;
	}
	.loop__header h3{
		text-align: left;
		font-size: 16px;
	}
	.loop__header h3 br{
		display: none;
	}
	.bx-wrapper .loop__slider li{
		height: 300px;
	}
	.loop__header h3 span{
		font-size: 12px;
    margin-top: 16px;
	}
	.loop__header h3 span br{
		display: block;
	}
	.loop__block--question,
	.loop__block--answer{
		font-size: 14px;
	}
	.loop__block--question span,
	.loop__block--answer span{
		font-size: 18px;
	}
	.loop__block--answer{
		margin-bottom: 32px;
	}
	.loop__inner{
		margin-bottom: 32px;
	}
}