@charset "utf-8";



.is-txt-custom{color:#;}
.is-bgc-custom{background-color:#;}

.is-txt-custom-pale{color:#;}
.is-bgc-custom-pale{background-color:#;}

.is-txt-custom-deep{color:#;}
.is-bgc-custom-deep{background-color:#;}


/* index */
[class*="tit-anime1"]{width: 6rem;height: 6rem;display: block;animation: tit-anime .5s linear alternate infinite;margin: 0 1rem;}
	@media only screen and (max-width:991px)	{[class*="tit-anime1"]{width: 4.5rem;height: 4.5rem;margin: 0 .75rem;}}
	@media only screen and (max-width:767px)	{[class*="tit-anime1"]{width: 3rem;height: 3rem;margin: 0 .5rem;}}


.tit-anime1a{background: url(../images/anim-ico1.png) center center /contain no-repeat;order:1;}
.tit-anime1b{background: url(../images/anim-ico2.png) center center /contain no-repeat;order:3;}
.tit-anime1c{background: url(../images/anim-ico3.png) center center /contain no-repeat;order:1;}
.tit-anime1d{background: url(../images/anim-ico4.png) center center /contain no-repeat;order:3;}



@keyframes tit-anime{
	  0% {transform:rotate(3deg);}
	 49.999% {transform:rotate(3deg);}
	 50% {transform:rotate(-3deg);}
	 99.999% {transform:rotate(-3deg);}
	100% {transform:rotate(3deg);}
}

.tit-txt{order:2;display: flex;flex-flow:column wrap;}

.tit-lv0a .tit-txt,.tit-lv0b .tit-txt{justify-content: center;align-items: center;}
.tit-lv0c .tit-txt{justify-content: flex-start;align-items: flex-start;}



.reason{position: relative;display: block;overflow: hidden;border-radius:2rem;width: 100%;}

.reason-img{background: #000;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.reason-img img{opacity:.33;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;}
	@media only screen and (max-width:991px)	{.reason-img img{}}

.reason-txt{color:#FFF;padding:2.5rem 2rem;position: relative;z-index: 1;}
	@media only screen and (max-width:991px)	{.reason-txt{padding:2rem 1.5rem;}}
	@media only screen and (max-width:767px)	{.reason-txt{padding:1.5rem 1rem;}}

.reason-txt h4{font-size: 1.5em;text-align: center;line-height: 1.25;margin-bottom: 1em;}
	@media only screen and (max-width:1599px)	{.reason-txt h4{font-size: 1.33em;}}
	@media only screen and (max-width:1439px)	{.reason-txt h4{font-size: 1.25em;}}


.sec-reason{position: relative;}

.reason-car{position: absolute;top: -2rem;right: calc(50% + 10rem);}
	@media only screen and (max-width:991px)	{.reason-car{top: -1.5rem;}}
	@media only screen and (max-width:767px)	{.reason-car{top: -1rem;}}
	@media only screen and (max-width:575px)	{.reason-car{top: -.5rem;right: calc(50% + 5rem);}}

.reason-car img{width: auto;height: 15rem;}
	@media only screen and (max-width:1199px)	{.reason-car img{height: 12.5rem;}}
	@media only screen and (max-width:991px)	{.reason-car img{height: 10rem;}}
	@media only screen and (max-width:767px)	{.reason-car img{height: 7.5rem;}}
	@media only screen and (max-width:575px)	{.reason-car img{height: 5rem;}}

.ssc-box{position: relative;display: block;overflow: hidden;}

.ssc-img{background: rgba(75,155,216,1);overflow: hidden;}
	@media only screen and (max-width:991px)	{.ssc-img{height: 33vw;}}
	@media only screen and (max-width:767px)	{.ssc-img{height: 25vw;}}
	@media only screen and (max-width:575px)	{.ssc-img{height: 50vw;}}

.ssc-img img{opacity:.5;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;}
	@media only screen and (max-width:991px)	{.ssc-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;}}

.ssc-box:hover .ssc-img img{opacity:.75;transform:scale(1.05);transition:opacity .3s,transform .3s;}

.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;color:#FFF;}

.ssc-title h3{font-size:3.5em;line-height: 1;text-align: center;text-transform:uppercase;font-weight: 500;}
	@media only screen and (max-width:991px)	{.ssc-title h3{font-size:3em;}}
	@media only screen and (max-width:767px)	{.ssc-title h3{font-size:2.5em;}}

.ssc-title h3 small{display: block;margin-top: 1em;font-size: .33em;}
	@media only screen and (max-width:991px)	{.ssc-title h3 small{font-size:.4em;}}
	@media only screen and (max-width:767px)	{.ssc-title h3 small{font-size:.5em;}}

.ssc-box + p{margin-top: 1em;}


.sec-ssc .bg-float-ful{opacity: .125;}



.sns-banner{background-color: #FFF; border: 1px solid #AAA;display: block;padding: 1.5rem;width: 100%;display: flex;align-items: center;border-radius:2rem;}

.sns-banner > div{display: flex;align-items: center; width: 100%;}
	@media only screen and (max-width:575px)	{.sns-banner > div{display: block;}}

.sns-banner > div:before{content: '';flex:1 1 5rem;max-width: 5rem;height: 5rem;display: block;}
	@media only screen and (max-width:575px)	{.sns-banner > div:before{flex:1 1 100%;max-width: 100%;}}

.ico-ameba:before{background: url(../images/cmn/ico-ameba.png) center center /contain no-repeat;}

.ico-instagram:before{background: url(../images/cmn/ico-instagram.png) center center /contain no-repeat;}

.sns-banner-in{flex:1 1 calc(100% - 5rem);max-width: calc(100% - 5rem);padding-left: 1rem;}
	@media only screen and (max-width:575px)	{.sns-banner-in{flex:1 1 100%;max-width: 100%;padding-top: 1rem;padding-left: 0;}}


.sns-banner-in h3{font-size: 1.25em;margin-bottom: 0.75em;font-weight: 900;}

.sns-banner-in p{line-height: 1.5;}


.tit-area{font-size: 1.125em;font-weight: 900;margin: 2em 0 1em;display: flex;align-items: center;white-space: nowrap;}

.tit-area:after{content: '';display: block;border-top: 1px solid #FFF;width: 100%;margin-left: 1rem;}

ul.area{list-style: none;}

ul.area li{white-space: nowrap;display: inline-block;}

ul.area li + li:before{content: '/';margin: 0 .33em;}


.merit-box{background-color: #FFF;padding:1.5rem;position: relative;margin-top: 3rem;width: 100%;border: 1px solid rgba(75,155,216,1);}
	@media only screen and (max-width:991px)	{.merit-box{padding:1.5rem;}}
	@media only screen and (max-width:767px)	{.merit-box{padding:1rem;}}

.point-no{font-weight: 800;font-size: 2.25rem;line-height: 3rem;border-radius:6rem 6rem 0 0;width: 6rem;height: 3rem;margin: 0 auto;background-color: #FFF;margin:0 auto;text-align: center;position: relative;z-index: 1;padding-top: 1rem;position: absolute;top: -3rem;left: 50%;right: 50%;margin:0 -3rem;border-width:1px;border-style: solid;border-color: rgba(75,155,216,1)rgba(75,155,216,1) transparent rgba(75,155,216,1);color: rgba(75,155,216,1)}

.merit-box h4{color:rgba(75,155,216,1);font-weight: 700;margin-bottom: 1rem;text-align: center;font-size: 1.25em;line-height: 1.5;}

.point-no + h4{margin-top: 1.5rem;}

.merit-box p{line-height: 1.75;}

.ico-merit{margin-bottom: 2rem;color: rgba(75,155,216,1);}

.ico-merit img{width: auto;height: auto;}
	@media only screen and (max-width:767px)	{.ico-merit img{height: 6rem;}}


.balloon{background-color: #FFF;border: 4px solid rgba(75,155,216,1);border-radius:2.5rem;padding: 2rem;position: relative;margin-bottom: 1.5rem;}
	@media only screen and (max-width:991px)	{.balloon{border-radius:2rem;padding: 1.5rem;}}
	@media only screen and (max-width:991px)	{.balloon{border-radius:1.5rem;padding: 1rem;}}


.balloon:before,.balloon:after{content: '';border-width: 1.5rem 2rem;border-style: solid;position: absolute;top: 50%;bottom: 50%;margin: 2rem 0;}

.balloon:before{left: 100%;border-color: transparent transparent transparent rgba(75,155,216,1);}
.balloon:after{left: calc(100% - 6px);border-color: transparent transparent transparent #FFF;}

	@media only screen and (max-width:575px)	{
		.balloon:before,.balloon:after{left: 67%;right: 33%;bottom: auto;border-width: 2rem 1.5rem;margin: 0 -1.5rem;}

		.balloon:before{top: 100%;border-color: rgba(75,155,216,1) transparent transparent;}
		.balloon:after{top: calc(100% - 6px);border-color: #FFF transparent transparent;}
	}