@charset "UTF-8";
/* CSS Document */

/*--reset--*/
html,body,h1,p {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}
body {
	font-family: MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif;
}
img {
	vertical-align: middle;
	border: none;
}
ul {
	padding-left: 0;
}
li {
	list-style:none
}
a{
	text-decoration: none;
}
div {
	display: block;
}
p {
	text-decoration: none;
}
.view-pc {
	display: block;
}
.view-sp {
	display: none;
}
.mgbtm {
	margin-bottom: 5%;
	padding: 0 7%;
}
@media screen and (max-width: 750px) {
	.view-pc {
		display: none;
	}
	.view-sp {
		display: block;
	}
}
.opcy {
	transition: .3s;
}
.opcy:hover {
	opacity: .6;
}

/*--all--*/
.container {
	width: 100%;
    max-width: 1080px;
	margin: 0 auto;
	height: auto;
	text-align: center;
}
.container img {
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
/*--swiper--*/
.swiper-rap {
	margin-inline: auto;
	position: relative;
}
.swiper {
    width: 100%;
	max-width: 100%;
    margin: 0;
    padding: 45px 0;
	overflow: hidden;
}
@media screen and (max-width: 560px) {
	.swiper {
		padding: 25px 0;
	}
}
@media screen and (max-width: 400px) {
	.swiper {
		padding: 20px 0;
	}
}
.slider2 {
	width: 100%;
    margin: 0 auto;
}
.swiper-sp {
    padding: 10px 0 60px;
}
@media screen and (max-width: 500px) {
	.swiper-sp {
		padding: 10px 0 60px;
	}
}
.swiper-slide {
    opacity: 0.4;
    overflow: hidden;
    transition: .7s;
}
.swiper-slide img {
    width: 100%;
}
.slider2 img {
	width: 90%;
}
.swiper-slide-active {
    opacity: 1;
    z-index: 1;
    transform: scale(1.1) !important; /* スライドの大きさ調整 */
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 70;
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,70px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
}
:root {
    --swiper-theme-color: #d5a198;
}
.swiper-pagination-bullet {
    border-radius: var(--swiper-pagination-bullet-border-radius,0%);
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}

/*--button--*/
.btn {
    max-width: 100%;
}
.btn img {
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;

    
    filter: drop-shadow(5px 5px 5px #9f9fa0);
}

/*-- フローティングボタン --*/
.floating-banner {
    position: fixed;
    z-index: 99999;
    width: 920px;
	max-width: 90%;
    bottom: 2%;
    left: 0;
    right: 0;
	margin: 0 auto;
}
.floating-banner_image {
	max-width: 100%;
	width: 100%;
	filter: drop-shadow(5px 5px 5px #000000);
}
.floating-banner:hover {
	opacity: .8;
}
@media (max-width: 750px) {
	.floating-banner {
		width: 90%;
		
	}
}

/*-- オフィシャルボタン --*/
.btn-official-box{
	padding: 0 .5rem;
	margin: 0 0 1.5rem 0;
	filter: drop-shadow(5px 5px 5px #9f9fa0);
}
.btn-official {
	width: 750px;
	height: 70px;
    color: #4C4948;
	border: 1.5px solid #4C4948;
    border-radius: 11px;
    padding: 0.8rem 0;
    font-size: 1.3rem;
    cursor: pointer;
    background: #fff;
	transition: .3s;
}
.btn-official:hover {
  color: #fff;
  background-color: #4C4948;
}
@media (min-width: 750px) {
  .d-sm-block {
    display: block !important;
  }
}
@media (max-width: 960px) {
	.btn-official {
		width: 90%;
	}
}
@media (max-width: 750px) {
	.btn-official {
		width: 90%;
	}
}
@media (max-width: 650px) {
	.btn-official {
		width: 90%;
		font-size: 1rem;
	}
}

/*--footer--*/
footer {
	background-color: #fff;
	padding: 0 0 5%;
}
footer p {
	margin-bottom: 0.25rem;
	font-size: 15px !important;
    line-height: 1.75 !important;
	color: #212529;
}
@media screen and (max-width: 750px) {
	footer p {
		font-size: 2.5vw !important;
	}
}


/*--margin--*/
.mg-05 {
	margin: 6%;
}