@charset "utf-8";

/*　751px以上の対応
////////////////////////////////////////////////////*/
@media screen and (min-width:751px) {
	.mainvisual--wrap{
		width: 100%;
		position: relative;
		overflow: hidden;
		padding-top: 112px;
	}
	.scroll--body .mainvisual--wrap{
		padding-top: 80px;
	}
	.mainvisual--inner{
		max-width: 100%;
		min-height: 628px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		position: relative;
		z-index: 3;
	}
	.mainvisual--left__right--box{
		width: 1000px;
		margin: 0 auto;
		display: flex;
        justify-content: space-between;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.mainvisual--inner .mainvisual--left {
		position: relative;
		margin-top: 48px;
		font-feature-settings: "palt";
		z-index: 1;
		width: 430px;
	}
	.mainvisual--inner .mainvisual--left::before {
		position: absolute;
		top: 22px;
		left: 396px;
		content: "";
		background: url("../../img/icon-stores.svg");
		background-size: cover;
		width: 146px;
		height: 124px;
	}
	.mainvisual--inner .mainvisual--left h2{
		font-size: 22px;
		font-weight: 500;
		margin-bottom: 8px;
	}
	.mainvisual--inner .mainvisual--left h3{
		font-size: 48px;
		line-height: 1.33;
		font-weight: 700;
		margin-bottom: 14px;
		letter-spacing: 0;
	}
	.mainvisual--inner .mainvisual--left p{
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		color: #121212;
		letter-spacing: 0.05em;
	}
	.mainvisual--inner .mainvisual--right{
		width: 400px;
		position: relative;
		z-index: 10;
		background: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		padding: 30px 16px 24px;
		border-radius: 15px;
		box-sizing: border-box;
		margin-top: 16px;
		height: 578px;
	}
	.mainvisual--inner .mainvisual--right .mainvisual--right__target{
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.06em;
		margin-bottom: 8px;
	}
	.mainvisual--inner .mainvisual--right .mainvisual--right__ttl{
		line-height: 1.8;
		font-feature-settings: "palt";
		letter-spacing: 0.06em;
		margin-bottom: 6px;
	}
	.mainvisual--inner .mainvisual--right .mainvisual--right__ttl span{
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
	}
	.mainvisual--inner .mainvisual--right .mainvisual--right__ttl span span{
		background: linear-gradient(transparent 50%, #FFFF15 50%);
		padding: 0.6% 0% 0.6% 0%;
	}
	.mainvisual--inner .mainvisual--right form{
		width: 86%;
		margin: 0 auto;
	}
	.mainvisual--inner .mainvisual--right .form--company,
	.mainvisual--inner .mainvisual--right .form--name,
	.mainvisual--inner .mainvisual--right .form--mail,
	.mainvisual--inner .mainvisual--right .form--phone,
	.mainvisual--inner .mainvisual--right .form--privacy{
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 8px;
	}
	.mainvisual--inner .mainvisual--right .form--company span,
	.mainvisual--inner .mainvisual--right .form--name span,
	.mainvisual--inner .mainvisual--right .form--mail span,
	.mainvisual--inner .mainvisual--right .form--phone span,
	.mainvisual--inner .mainvisual--right .form--privacy span{
		font-size: 12px;
		color: #fff;
		background: #e42828;
		border-radius: 6px;
		padding: 1px 4px 3px 4px;
		margin-right: 4px;
		font-weight: 400;
	}
	.mainvisual--inner .mainvisual--right .form--company-entrybox,
	.mainvisual--inner .mainvisual--right .form--name-entrybox,
	.mainvisual--inner .mainvisual--right .form--mail-entrybox,
	.mainvisual--inner .mainvisual--right .form--phone-entrybox,
	.mainvisual--inner .mainvisual--right .form--privacy-entrybox{
		font-size: 14px;
		font-weight: 400;
	}
	.mainvisual--inner .mainvisual--right .form--name-entrybox{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.mainvisual--inner .mainvisual--right .form--privacy-entrybox{
		margin-bottom: 8px;
	}
	.mainvisual--inner .mainvisual--right .form--privacy-entrybox span,
	.mainvisual--inner .mainvisual--right .form--privacy-entrybox a{
		font-size: 12px;
		line-height: 1.5;
	}
	.mainvisual--inner .mainvisual--right .form--privacy-entrybox a{
		text-decoration: underline !important;
	}
	.mainvisual--inner .mainvisual--right .form--company-entrybox input,
	.mainvisual--inner .mainvisual--right .form--name-entrybox input,
	.mainvisual--inner .mainvisual--right .form--mail-entrybox input,
	.mainvisual--inner .mainvisual--right .form--phone-entrybox input
	{
		border: 1px solid #ccc;
		margin-bottom: 16px;
		width: 96%;
		padding: 1% 2% 1.2%;
		line-height: 2;
	}
	.mainvisual--inner .mainvisual--right .form--name-entrybox input{
		width: 44%;
	}
	.mainvisual--inner .mainvisual--right .form--privacy-entryboxlabel label{
		width: 100%;
		display: block;
		box-sizing: border-box;
		border: 1px solid #ccc;
		padding: 3% 2%;
		cursor: pointer;
	}
	.mainvisual--inner .mainvisual--right .form--privacy-entryboxlabel label input{
		margin-right: 6px;
		margin-top: -2px;
		cursor: pointer;
	}
	.mainvisual--inner .mainvisual--right .main-form-btn{
		margin-top: 24px;
	}
	.mainvisual--inner .mainvisual--right .main-form-btn input{
		background: #28abdf;
		width: 100%;
		text-align: center;
		color: #fff;
		border: none;
		padding: 5% 0;
    	border-radius: 5px;
		font-size: 16px;
	}
	.mainvisual--inner .mainvisual--right .main-form-btn input:hover{
		background: #0d5d7d;
	}
	.mainvisual--inner__slider{
		width: 100%;
		position: absolute;
		bottom: 48px;
		left: 0;
		z-index: 2;
	}
	.mainvisual--inner__slider .splide__slide{
		bottom: -62px;
	}
	.mainvisual--inner__slider .splide__slide.is-active{
		width: 335px !important;
		height: 238px !important;
		bottom: 0;
	}
	.mainvisual--inner__slider .splide__slide.is-active img{
		width: 100%;
		height: auto;
	}
	.splide.slider1 .splide__arrows{
		margin: 0 auto;
		width: 850px;
		display: block;
		height: 20px;
		position: relative;
	}
	.splide.slider1 .splide__arrows .splide__arrow--prev{
		left: 128px !important;
		top: 30px !important;
		opacity: 1 !important;
	}
	.splide.slider1 .splide__arrows .splide__arrow--next {
		left: 180px !important;
		top: 30px !important;
		opacity: 1 !important;
	}
	.splide.slider1 .splide__arrows .splide__arrow--prev:hover,
	.splide.slider1 .splide__arrows .splide__arrow--next:hover {
		opacity: 0.5 !important;
	}
	.splide.slider1 .splide__track{
		margin: 0 auto;
		width: 850px;
		overflow: visible;
	}
	.mainvisual--spBtn{
		display: none;
	}
}







/*///////////////////////////////////////
/////////////////////////////////////////

751 - 1000 の対応

/////////////////////////////////////////
///////////////////////////////////////*/
@media screen and (min-width:751px) and ( max-width:1000px) {

.mainvisual--wrap,
.mainvisual--inner{
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
}


}



/*////////////////////////////////////////////////////////////////////////////

　750px以下の対応

////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width:750px) {

	.mainvisual--wrap{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.mainvisual--inner{
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 3;
		padding-bottom: 5%;
	}
	.mainvisual--inner .mainvisual--left {
		position: relative;
		font-feature-settings: "palt";
		letter-spacing: 0.06em;
		z-index: 1;
		width: 90.8%;
		margin: 7% auto 5%;
	}

	.mainvisual--inner .mainvisual--left h2{
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
        margin: 0 0 2%;
	}
	.mainvisual--inner .mainvisual--left h3{
		font-size: 34px;
		line-height: 1.32;
		font-weight: 700;
		margin-bottom: 3%;
		letter-spacing: 0.01em;
	}
	.mainvisual--inner .mainvisual--left p{
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
		color: #121212;
		width: 98%;
	}
	.mainvisual--inner .mainvisual--right{
		display: none;
	}
	.mainvisual--spBtn{
		display: block;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		width: 74%;
		margin: 0 auto;
		padding: 6% 6%;
	}
	.mainvisual--spBtn h3{
		font-size: 20px;
        font-weight: 500;
		line-height: 1;
        margin-bottom: 3%;
	}
	.mainvisual--spBtn .mainvisual--spBtn__ttl span {
		background: linear-gradient(transparent 50%, #FFFF15 50%);
		padding: 0.6% 1.6% 0.6% 1.8%;
		margin-right: .3em;
	}
	.mainvisual--spBtn__spdlbtn{
		background: #EA0029;
		text-align: center;
		color: #fff;
		padding: 5% 0;
		border-radius: 50px;
		font-size: 16px;
		font-weight: 700;
	}
	.mainvisual--spBtn__ttl{
		width: 100%;
		margin: 0 auto 5%;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.7;
		color: #121212;
		letter-spacing: 0.1em;
	}
	.mainvisual--inner__slider .splide{
		width: 72%;
	}
	.mainvisual--inner__slider{
		width: 100%;
	}
	.mainvisual--inner__slider .splide__slide{
		bottom: 0;
	}
	.mainvisual--inner__slider .splide__slide.is-active{
		width: 100% !important;
		height: auto !important;
		bottom: 0;
	}
	.mainvisual--inner__slider .splide__slide.is-active img{
		width: 100%;
		height: auto;
	}
	.mainvisual--inner__slider .splide.slider1 .splide__track{
		margin: 0 auto 2%;
		width: 100%;
		overflow: visible;
	}
	.mainvisual--inner__slider .splide.slider1 .splide__track::before {
		position: absolute;
		bottom: -4%;
		right: -17%;
		content: "";
		background: url("../../img/icon-stores.svg");
		background-size: cover;
        width: 118px;
        height: 100px;
        z-index: 1;
	}



}