@charset 'UTF-8';

/* CSS Document */

body{
	-webkit-text-size-adjust: 100%;
}

.titleWrap {
    background: none;
    padding: 0;
}

body#spring_color main {
    padding-top: 80px;
}

.spring_color_base{
}

.intro{
	text-align:center;
	margin-bottom:80px;
	padding:70px 15px 0;
}

.intro dt{
	font-size:34px;
	color:#595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:5px;
	line-height:1.6em;
	margin-bottom:20px;
}

.intro dd{
	font-size:19px;
	color:#595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:2px;
	line-height:2em;
}

.color_bg {
  position: relative;
  width: 100%;
  margin-bottom:80px;
	padding-bottom:40px;
}
.color_bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}

.color_bg.color01::after {
	right:0;
	border-bottom: 800px solid #FFFDE3;
	border-left: 1400px solid transparent;
}

.color_bg.color02::after {
	left: 0;
	border-bottom: 800px solid #F2FFE3;
	border-right: 1400px solid transparent;
}

.color_bg.color03::after {
	right:0;
	border-bottom: 800px solid #FFEBEB;
	border-left: 1400px solid transparent;
}

.color_bg.color04::after {
	left: 0;
	border-bottom: 800px solid #E1FFF2;
	border-right: 1400px solid transparent;
}


.color_box{
	position:relative;
	z-index:1;
	max-width:1100px;
	margin:0 auto;
	padding:0 15px;
	overflow:hidden;
}

.color_box .left{
	float:left;
}

.color_box .right{
	float:right;
}

.color_box .pic{
	width:48%;
}

.color_box .info{
	width:48%;
}

.color_box .info .ti{
	margin-bottom:60px;
}

.color_box .info.left .ti{
	text-align:right;
}

.color_box .info .ti img{
	max-width:100%;
	height:auto;
}

.color_box .info dl{
	margin-bottom:30px;
}

.color_box .info.left dl{
	text-align:right;
}

.color_box .info dl dt{
	font-size:24px;
	color:#595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:2px;
	margin-bottom:15px;
}

.color_box .info dl dd{
	font-size:14px;
	color:#595757;
	line-height:1.8em;
}

.color_box .info dl dd br{
	line-height:1.8em;
}

.color_box .info .price{
	font-size:24px;
	color:#595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:2px;
	margin-bottom:20px;
}

.color_box .info.left .price{
	text-align:right;
}

.color_box .info .staff{
	font-size:14px;
	color:#595757;
	margin-bottom:40px;
}

.color_box .info.left .staff{
	text-align:right;
}

.color_box .info ul{
	overflow:hidden;
    margin: 0 !important;
    padding:0 !important;
	padding-right:10% !important;
    background:none !important;
}

.color_box .info.left ul{
	padding-right:0 !important;
	padding-left:10% !important;
}

.color_box .info ul li{
	float:left;
	width:47% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.color_box .info ul li:first-child{
	margin-right:6% !important;
}

.color_box .info ul li img{
	max-width:100%;
	height:auto;
}




@media screen and (min-width: 1080px) {

}

@media screen and (max-width: 1079px) {
	body#spring_color main {
    padding-top: 50px;
}
	
	.color_bg.color01::after {
	right:0;
	border-bottom: 600px solid #FFFDE3;
	border-left: 800px solid transparent;
}

.color_bg.color02::after {
	left: 0;
	border-bottom: 600px solid #F2FFE3;
	border-right: 800px solid transparent;
}

.color_bg.color03::after {
	right:0;
	border-bottom: 600px solid #FFEBEB;
	border-left: 800px solid transparent;
}

.color_bg.color04::after {
	left: 0;
	border-bottom: 600px solid #E1FFF2;
	border-right: 800px solid transparent;
}


}




@media screen and (max-width: 749px) {
	
	.intro{
	margin-bottom:50px;
	padding:50px 15px 0;
}

.intro dt{
	font-size:24px;
	letter-spacing:3px;
}

.intro dd{
	font-size:16px;
	letter-spacing:1px;
}

.color_bg{
	margin-bottom:50px;
	padding-bottom:40px;
}

.color_bg.color01::after {
	right:0;
	border-bottom: 800px solid #FFFDE3;
	border-left: 300px solid transparent;
}

.color_bg.color02::after {
	left: 0;
	border-bottom: 800px solid #F2FFE3;
	border-right: 300px solid transparent;
}

.color_bg.color03::after {
	right:0;
	border-bottom: 800px solid #FFEBEB;
	border-left: 300px solid transparent;
}

.color_bg.color04::after {
	left: 0;
	border-bottom: 800px solid #E1FFF2;
	border-right: 300px solid transparent;
}

.color_box .left{
	float:none;
}

.color_box .right{
	float:none;
}

.color_box .pic{
	width:100%;
	margin-bottom:20px;
}

.color_box .info{
	width:100%;
}

.color_box .info .ti{
	margin-bottom:30px;
}

.color_box .info.left .ti{
	text-align:left;
}

.color_box .info.left dl{
	text-align:left;
}

.color_box .info dl dt{
	font-size:18px;
}

.color_box .info dl dd br{
	display:none;
}

.color_box .info .price{
	font-size:18px;
}

.color_box .info.left .price{
	text-align:left;
}

.color_box .info.left .staff{
	text-align:left;
}

.color_box .info ul{
	overflow:hidden;
    margin: 0 !important;
    padding:0 !important;
	padding-right:10% !important;
    background:none !important;
}

.color_box .info.left ul{
	padding-right:0 !important;
	padding-left:10% !important;
}

.color_box .info ul li{
	float:left;
	width:47% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.color_box .info ul li:first-child{
	margin-right:6% !important;
}

.color_box .info ul li img{
	max-width:100%;
	height:auto;
}

}