/* ==================================

 シリーズ紹介（TOGA）

================================== */

#page_series_01 .sec_concept img {
	width: 100%;
}

#page_series_01 .sec_feature {
	max-width: 1140px;
	padding: 100px 20px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

#page_series_01 .sec_feature .series_logo {
	width: 114px;
	margin: 0 auto;
	display: block;
}

#page_series_01 .sec_feature .kokimitsu .kokimitsu_l {
	display: block;
}

#page_series_01 .sec_feature .kokimitsu .kokimitsu_r .title {
	max-width: 235px;
}

#page_series_01 .sec_feature .kokimitsu .kokimitsu_r .txt {
	margin-top: 30px;
}

#page_series_01 .sec_feature .feature_list li .txt {
	text-align: justify;
}

#page_series_01 .sec_feature .feature_list li .title img {
	width: 100%;
}

#page_series_01 .sec_spec {
	max-width: 1140px;
	padding: 100px 20px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

#page_series_01 .sec_spec .sec_title {
	max-width: 211px;
	margin: 0 auto;
}

#page_series_01 .sec_spec .title1 {
	max-width: 516px;
	margin: 0 auto;
	margin-top: 60px;
}

#page_series_01 .sec_spec .title2 {
	background-color: #3e3a39;
	margin-top: 30px;
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#page_series_01 .sec_spec .title2 img {
	max-width: 212px;
	margin: 0 auto;
}

#page_series_01 .sec_spec .list_wrap .illust {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}

#page_series_01 .sec_spec .spec_list li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width: 768px) {

	#page_series_01 .sec_feature .kokimitsu {
		width: 90%;
		margin: 0 auto;
		margin-top: 75px;
	}
	
	#page_series_01 .sec_feature .kokimitsu .kokimitsu_l {
		float: left;
		width: 65%;
	}
	
	#page_series_01 .sec_feature .kokimitsu .kokimitsu_r {
		float: right;
		width: 30%;
	}
	
	#page_series_01 .sec_feature .feature_list {
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		margin-top: 70px;
	}
	
	#page_series_01 .sec_feature .feature_list li {
		float: left;
		position: relative;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(-n + 3) {
		width: 33.3333%;
		padding: 5px 30px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(-n + 3) .title {
		max-width: 220px;
		margin: 0 auto;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(-n + 3) .txt {
		margin-top: 25px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(-n + 2) {
		border-right: 1px solid #cdcdcd;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(-n + 2):before {
		content: "";
		background-color: #fff;
		display: block;
		height: 11%;
		width: 7%;
		position: absolute;
		top: 0;
		right: -3.5%;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(-n + 2):after {
		content: url(../img/series/series_01/times.svg);
		width: 7%;
		height: auto;
		display: block;
		position: absolute;
		top: 2%;
		right: -3.5%;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(4) {
		border-top: 1px solid #cdcdcd;
		margin: 0 30px;
		margin-top: 35px;
		padding-top: 70px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(4) .title {
		max-width: 420px;
		margin: 0 auto;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(4) .txt {
		margin-top: 30px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(4):before {
		content: "";
		background-color: #fff;
		display: block;
		height: 10%;
		width: 12%;
		position: absolute;
		top: -5%;
		right: 0;
		left: 0;
		margin: auto;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(4):after {
		content: url(../img/series/series_01/plus.svg);
		width: 3.3%;
		display: block;
		position: absolute;
		top: -5.5%;
		right: 0;
		left: 0;
		margin: auto;
	}
	
	#page_series_01 .sec_spec .list_wrap {
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		margin-top: 80px;
	}
	
	#page_series_01 .sec_spec .spec_list li {
		float: left;
		position: relative;
	}
	
	#page_series_01 .sec_spec .spec_list li .item {
		padding: 0 40px;
	}
	
	#page_series_01 .sec_spec .spec_list li .title {
		margin: 0 auto;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_1 {
		max-width: 215px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_2 {
		max-width: 193px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_3 {
		max-width: 172px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_4 {
		max-width: 341px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_5 {
		max-width: 189px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_6 {
		max-width: 115px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_7 {
		max-width: 186px;
	}
	
	#page_series_01 .sec_spec .spec_list li .txt_wrap {
		margin-top: 25px;
	}
	
	#page_series_01 .sec_spec .spec_list li .notes {
		font-size: 12px;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_first {
		width: 33.3333%;
		padding-bottom: 40px;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_first .title {
		height: 47px;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_first .pic {
		width: 100%;
		margin-top: 30px;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last {
		width: 50%;
		padding: 40px 0;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last .title {
		height: 18px;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last .txt {
		float: left;
		width: 58%;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last .pic {
		float: right;
		width: 40%;
	}
	
	#page_series_01 .sec_spec .spec_list li:nth-child(1) .item,
	#page_series_01 .sec_spec .spec_list li:nth-child(2) .item,
	#page_series_01 .sec_spec .spec_list li:nth-child(4) .item,
	#page_series_01 .sec_spec .spec_list li:nth-child(6) .item {
		border-right: 1px solid #cdcdcd;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last:before {
		content: "";
		display: block;
		height: 1px;
		background-color: #cdcdcd;
		position: absolute;
		top: 0;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last.line_l:before {
		left: 40px;
		right: 0;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last.line_r:before {
		left: 0;
		right: 40px;
	}
	
	#page_series_01 .sec_spec .spec_list li.line_bottom:after {
		content: "";
		display: block;
		height: 1px;
		background-color: #cdcdcd;
		position: absolute;
		bottom: 0;
	}
	
	#page_series_01 .sec_spec .spec_list li.line_bottom.line_l:after {
		left: 40px;
		right: 0;
	}
	
	#page_series_01 .sec_spec .spec_list li.line_bottom.line_r:after {
		left: 0;
		right: 40px;
	}

}

@media (min-width: 768px) and (min-width: 1100px) {

	#page_series_01 .sec_spec .spec_list li .notes {
		-webkit-transform: translateY(-18px);
		transform: translateY(-18px);
	}

}

@media (max-width: 767px) {

	#page_series_01 .sec_feature {
		padding-top: 60px;
		padding-bottom: 0;
	}
	
	#page_series_01 .sec_feature .series_logo {
		width: 65px;
	}
	
	#page_series_01 .sec_feature .kokimitsu {
		margin-top: 60px;
	}
	
	#page_series_01 .sec_feature .kokimitsu .kokimitsu_r .title {
		max-width: 245px;
		margin: 0 auto;
		margin-top: 40px;
	}
	
	#page_series_01 .sec_feature .feature_list {
		margin-top: 100px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(n + 2) {
		margin-top: 40px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(1) .title {
		max-width: 188px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(2) .title {
		max-width: 191px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(3) .title {
		max-width: 188px;
	}
	
	#page_series_01 .sec_feature .feature_list li:nth-child(4) .title {
		max-width: 229px;
	}
	
	#page_series_01 .sec_feature .feature_list li .title {
		margin: 0 auto;
	}
	
	#page_series_01 .sec_feature .feature_list li .txt {
		margin-top: 40px;
	}
	
	#page_series_01 .sec_spec .sec_title {
		max-width: 155px;
	}
	
	#page_series_01 .sec_spec .title1 {
		max-width: 426px;
	}
	
	#page_series_01 .sec_spec .title2 {
		padding: 10px 0;
	}
	
	#page_series_01 .sec_spec .title2 img {
		max-width: 159px;
	}
	
	#page_series_01 .sec_spec .spec_list li .icon {
		width: 76px;
		margin: 0 auto;
	}
	
	#page_series_01 .sec_spec .spec_list li .item {
		margin-top: 60px;
	}
	
	#page_series_01 .sec_spec .spec_list li .title {
		margin: 0 auto;
	}
	
	#page_series_01 .sec_spec .spec_list li .txt {
		margin-top: 30px;
	}
	
	#page_series_01 .sec_spec .spec_list li .pic {
		margin: 0 auto;
		margin-top: 30px;
	}
	
	#page_series_01 .sec_spec .spec_list li .notes {
		font-size: 12px;
		text-align: center;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_1 {
		max-width: 224px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_2 {
		max-width: 202px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_3 {
		max-width: 179px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_4 {
		max-width: 183px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_5 {
		max-width: 191px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_6 {
		max-width: 120px;
	}
	
	#page_series_01 .sec_spec .spec_list li .item_tit_7 {
		max-width: 194px;
	}
	
	#page_series_01 .sec_spec .spec_list li:nth-child(3) {
		margin-bottom: 60px;
	}
	
	#page_series_01 .sec_spec .spec_list li:nth-child(4) {
		border-top: 1px solid #cdcdcd;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_first .title {
		margin-top: 40px;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_first .pic {
		width: 90%;
	}
	
	#page_series_01 .sec_spec .spec_list li.items_last .pic {
		width: 60%;
	}

}