@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.10.10
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
/*!* -------------------------------
	base.css Overwrite
------------------------------- *!*/
/* feature */
@media screen and (min-width:750px){
	.feature__lead{font-size: 1.125em;}
}

/* ancNav */
.ancMav__list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ancMav__item{background: linear-gradient(to right,rgba(237,112,30,.85) 0,rgba(255,192,.0,.85) 33%,rgba(96,196,180,.85) 66%,rgba(30,140,230,.85) 100%);padding: 1px;overflow: hidden;border-radius: 10px;}
.ancMav__anc{color: #1FA28D!important;font-weight: bold;display: flex;flex-direction: column;border-radius: 10px;background: #fff;overflow: hidden;}
.ancMav__anc .inner{display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;height: 60px;}
.ancMav__anc::after{content: "";background: #F0F5F4 url(../../feature/img/icon_arrow.svg) center/14px 8px no-repeat;height: 30px;width: 100%;}
@media screen and (min-width:1000px){
	.ancMav__item{width: 24.3%;}
}
@media screen and (max-width:999px){
	.ancMav__item{width: 48.5%;}
	.ancMav__item:nth-child(n+3){margin-top: 10px;}
}
@media screen and (min-width:750px){
	.ancMav{padding-top: 80px;}
	.ancMav__anc{min-height: 90px;font-size: 1.125em;}
	.ancMav__anc:hover{text-decoration: none;}
	.ancMav__anc::after{transition: .3s all;}
	.ancMav__anc:hover::after{background: #1FA28D url(../../feature/img/icon_arrow_w.svg) center 70%/14px 8px no-repeat;}
}

@media screen and (max-width:750px){
	.ancMav{padding-top: 30px;}
	.ancMav__anc{min-height: 90px;font-size: .875em;}
}

/* about */
span.about__warp{white-space: normal;}
.c-green{color: #1FA28D;}
.about__kome{display: flex;line-height: 1.8;font-weight: bold;}
@media screen and (min-width:750px){
	.about{padding: 60px 0 0;}
	.about__item__txtbox{width: 39%;}
	.about__item__img{width: 58%;}
	.about__img{max-width: 740px;margin: 0 auto;}
	.about__txtbox{margin-top: 20px;}
}
@media screen and (max-width:749px){
	.about__txtbox{margin-top: 10px;}
	.about__kome{font-size: .75em;}
}

.mvVideo {
  width: 100%;
}

/* comfortable */
@media screen and (min-width:750px){
	.comfortable__item__txtbox{width: 40%;}
	.comfortable__item__img{width: 50%;}
	.comfortable__outro{max-width: 1100px;width: 100%;margin: 0 auto;}
}
@media screen and (max-width:749px){
	.comfortable__scroll{overflow: scroll;}
	.comfortable__outro{width: 600px;}
}

/* season */
.season__txt{font-weight: bold;margin-bottom: 20px;}
.c-orange{color: #ED701E;}
@media screen and (min-width:750px){
	.season{padding: 0;}
	.season__txt{font-size: 1.125em;line-height: 1.8;}
	.season__txt .lg{font-size: 1.875em;line-height: .8;}
}

/* app */
.app__block {position: relative;background: #F0F5F4;border-radius: 10px;z-index: 0;}
.app__block::before {content: "";position: absolute;inset: 0;border-radius: 10px;padding: 1px; /* 枠線の太さ */background: linear-gradient(to right, rgba(237,112,30,.85) 0%, rgba(255,192,0,.85) 33%, rgba(96,196,180,.85) 66%, rgba(30,140,230,.85) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;
}
.app__ttl{display: inline-flex;align-items: baseline;justify-content: center;}
.app__ttl__logo{margin-right: 10px;}
.app__anc{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 354px;margin: 0 auto;height: 60px;color: #fff!important;background: #3F58BC;border: 1px solid #3F58BC;border-radius: 10px;}
.app__anc::before{content: "";background: url(../../feature/img/icon_arrow-r.svg) center/8px 14px no-repeat;width: 8px;height: 14px;position: absolute;top: 50%;transform: translateY(-50%);left: 5.5%;}
@media screen and (min-width:750px){
	.app__block{padding: 50px;}
	.app__list{display: flex;align-items: center;justify-content: center;}
	.app__img{max-width: 207px;}
	.app__txtbox{width: 354px;text-align: center;margin-left: 100px;}
	.app__ttl__logo{width: 182px;}
	.app__btn{margin-top: 40px;}
	.app__anc{transition: .3s all;}
	.app__anc:hover{text-decoration: none;opacity: .7;}
}
@media screen and (max-width:749px){
	.app__block{padding: 30px 20px;}
	.app__img{max-width: 207px;margin: 0 auto 20px;}
	.app__heading{text-align: center;}
	.app__ttl__logo{width: 150px;}
	.app__btn{margin-top: 20px;}
}

/* schedule */
.schedule__list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.schedule__item{position: relative;background: #F3F3F3;border-radius:9px;overflow: hidden;}
.schedule__item__head{position:relative;background: #60C4B4;padding: 18px 85px;}
.schedule__item__clock{position: absolute;top: 5px;left: 20px;width: 55px;}
.schedule__item__time{height:15px;}
.schedule__item__time img{width: auto;height: 100%;}
.schedule__item__body{padding:15px 20px 50px;}
.schedule__item__img{border-radius: 4px;overflow: hidden;}
.schedule__item__ttl{font-weight: bold;color: #20A28D;border: 1.5px solid #20A28D;text-align: center;padding: 5px 0;border-radius: 5px;margin: 15px 0;}
.schedule__item__ttl .sm{font-size: .875em;}
.schedule__item__flex{display: flex;justify-content: space-between;}
.schedule__item__txtbox{width: 62.2%;}
.schedule__item__imgSm{width: 33.8%;}
.schedule__item__sub{color: #20A28D;font-weight: bold;font-size: .938em;}
.schedule__item__txt{font-size: .75em;margin-top: 7px;}
.schedule__item__badge{width: 97px;position: absolute;left: 20px;bottom: 12px}
.schedule__item__badge2{width: 228px;position: absolute;left: 20px;bottom: 12px}
@media screen and (min-width:1200px){
	.schedule__item{width: 24.4%;}
}
@media screen and (max-width:1199px) and (min-width: 750px){
	.schedule__item{width: 49%;}
	.schedule__item:nth-child(n+3){margin-top: 15px;}
}
@media screen and (min-width:750px){
	.schedule{padding: 0 0 100px;}
}
@media screen and (max-width:749px){
	.schedule__item+.schedule__item{margin-top: 15px;}
}

/* download */
.download{background: #F3F3F3;}
.download__head{text-align: center;}
.download__ttl{font-weight: bold;}
@media screen and (min-width:750px){
	.download__head{margin-bottom: 20px;}
	.download__ttl{font-size: 1.25em;}
	.download__txt{text-align: center;}
}
@media screen and (max-width:749px){
	.download__head{margin-bottom: 10px;}
	.download__ttl{font-size: 1.125em;}
}