@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.10.10
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
/*!* -------------------------------
	base.css Overwrite
------------------------------- *!*/

/* builder */
.plan sub,.constraints sub{bottom: 0;}
/* plan */
.plan__block {position: relative;background: #fff;border-radius: 10px;z-index: 0;}
.plan__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;
}
.plan__ttl{color: #fff;background: linear-gradient(to right,#F2995D 0,#EDC659 33%,#78CAAB 66%,#79A8D5 100%);text-shadow: 0 1px 4px rgba(92,92,92,.6);font-weight: bold;}
.plan__txt{color: #1FA28D;font-weight: bold;}
.plan__item{line-height: 1.8;}
.plan__item__dot{display: flex;line-height: 1.8;}
.plan__item__dot::before{content: "・";}
@media screen and (min-width:1024px){
	.plan__list{display: flex;justify-content: space-between;}
	.plan__item{width: 48.5%;}
}
@media screen and (max-width:1023px){
	.plan__item+.plan__item{margin-top: 15px;}
}
@media screen and (min-width:750px){
	.plan{padding: 100px 0 0;}
	.plan__body{padding: 50px;}
	.plan__ttl{font-size: 1.25em;padding: 35px 50px;}
	.plan__img{max-width: 543px;margin: 0 auto;}
	.plan__img02{position:relative;right: -2%;}
}
@media screen and (max-width:749px){
	.plan{padding: 50px 0 30px;}
	.plan__body{padding: 20px 15px;}
	.plan__ttl{padding: 10px 15px;}
	.plan__txt{font-size: .875em;}
	.plan__item{font-size: .875em;}
	.plan__scroll{overflow: scroll;}
	.plan__outro{width: 600px;}
}

/* design */
.designItem__ttl{color: #fff;background: linear-gradient(to right,#F2995D 0,#EDC659 33%,#78CAAB 66%,#79A8D5 100%);text-shadow: 0 1px 4px rgba(92,92,92,.6);text-align: center;margin-bottom: 10px;padding: 10px;}
.design__txt{line-height: 1.8;}
.design__img{border-radius: 10px;overflow:hidden;}
.designItem__txtbox{margin-top: 20px;position: relative;background: #D6D6D6;border-radius: 5px;display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;text-align: center;}
.designItem__txtbox::before{content: "";border-bottom: 10px solid #D6D6D6;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;top: -10px;left: 50%;transform: translateX(-50%);}
.designItem__txt{margin-top: 10px;line-height: 1.8;}
@media screen and (min-width:750px){
	.design__flex{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
	.design__txt{font-size: 1.25em;}
	.design__img{width: 360px;margin-left: 30px;}
	.designList{display: flex;justify-content: space-between;}
	.designItem{width: 23.3%;}
	.designItem__ttl{font-size: 1.125em;}
	.designItem__txtbox{padding: 20px 5px;min-height: 156px;}
	.designItem__txtLg{font-size: 1.25em;}
	.designItem__txt{font-size: .875em;min-height: 76px;}
}
@media screen and (max-width:749px){
	.design__flex{display: flex;align-items: center;justify-content:space-between;margin-bottom: 30px;}
	.design__img{width: 50%;}
	.designList{display: flex;justify-content: space-between;flex-wrap: wrap;	}
	.designItem{width: 48.5%;}
	.designItem:nth-child(n+3){margin-top: 30px;}
	.designItem__txtbox{padding: 15px 0;min-height: 107px;}
	.designItem__txt{font-size: .75em;}
}

/* constraints */
.constraints__txt{text-align: center;}
.constraints__item+.constraints__item{margin-top: 10px;}
.constraints__item{display: flex;font-weight: bold;line-height: 1.8;}
.constraints__item::before{content: "・";}
.constraints__kome{display: flex;}
.constraints__kome__cat{white-space: nowrap;}
@media screen and (min-width:750px){
	.constraints{padding: 0 0 100px;}
	.constraints__txt{font-size: 1.25em;}
	.constraints__item{font-size: 1.125em;}
}
@media screen and (max-width:749px){
	.constraints__item{font-size: .875em;}
}
@media screen and (max-width:1199px){
	.visible-constraints{
		display: none;
	}
}

/* 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;}
}