@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "tOldMin";
  font-weight: 400;
  src: local("Yu Gothic"),
       url("https://cinimg.awscf.net/cinderella-group.com/font/tOldMin_r.woff2") format("woff2"),
       url("https://cinimg.awscf.net/cinderella-group.com/font/tOldMin_r.woff") format("woff");
  font-display: swap;
}
/*-- 打ち消し --*/
#middleBox {
  margin-bottom: 0;
}
#contentsWrapper{
	padding-bottom: 0;
}
#middleWrapper::before{
	margin-bottom: 0;
}
.fullContents #topicPathHeading h2{
	top:-26px;
}
#topicPath ol {
    top: -25px;
}
/*-- 共通 --*/
#groupBorne,
#groupArmy,
#grouCapital,
#grouClean{
	height: 400px;
	max-width: 1920px;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	background-position: center;
}
#groupArmy .groupWrap p,#grouClean .groupWrap p{
	/* margin-left: 2px; */
	/* margin-bottom: 32px; */
}
#groupArmy .groupWrap,
#grouClean .groupWrap{
	/* background-image: url(/img/group/bg_group_left_heart.png); */
	/* background-repeat: no-repeat; */
	/* background-position: 90px 0; */
	color: #ffffff;
}
.groupWrap .leftTitleBox,
.groupWrap .rightTitleBox{
	background-repeat: no-repeat;
	width: 343px;
	height: 532px;
}
/*-- .groupWrap --*/
.groupWrap{
	width: 980px;
	/* height: 500px; */
	margin: 0 auto;
	position: relative;
	color: #000000;
}
.groupWrap .leftTitleBox{
	background-image: url(/img/group/bg_leftTitleBox.png);
	float: left;
    margin-left: 35px;
}
.groupWrap .rightTitleBox{
	background-image: url(/img/group/bg_rightTitleBox.png);
	float: right;
    margin-right: 33px;
    margin-top: -2px;
}
#middleBox .groupWrap p{
	font-size: 20px;
	font-weight: 500;
	width: 690px;
	/* margin-left: 38px; */
	/* margin-bottom: 33px; */
	line-height: 1.75;
	/* text-shadow:
	0 1px 2px #ffffff,
	1px 0 2px #ffffff,
	0 -1px 2px #ffffff,
	-1px 0 2px #ffffff,
	-1px -1px 2px #ffffff,
	1px -1px 2px #ffffff,
	-1px 1px 2px #ffffff,
	1px 1px 2px #ffffff; */
}
#groupBorne .groupWrap p,
#grouCapital .groupWrap p{
	/* float: right; */
	/* margin-right: 37px; */
}
#groupBorne .groupWrap p:first-of-type:before,
#grouCapital .groupWrap p:first-of-type:before{
	/* content: ""; */
	/* display: block; */
	/* width: 407px; */
	/* height: 501px; */
	/* background-image: url(/img/group/bg_group_left_heart.png); */
	/* position: absolute; */
	/* top:0; */
	/* right: 90px; */
}
#groupBorne .groupWrap p:first-of-type{
	/* margin-top: 124px; */
}
/*-- 本指名 --*/
#middleBox .groupWrap h3{
    font-family: "tOldMin", sans-serif;
    /* font-weight: bold; */
    /* text-align: center; */
    /* width: 338px; */
    /* margin: 185px auto 0; */
    font-size: 32px;
    line-height: 1.5;
    /* position: relative; */
    margin-bottom: 15px;
}
#middleBox .groupWrap h3:before{
	/* content: ""; */
	/* display: block; */
	/* background-image: url(/img/group/bg_group_shoes.png); */
	/* background-repeat: no-repeat; */
	/* width: 86px; */
	/* height: 67px; */
	/* position: absolute; */
	/* top:-77px; */
	/* left: 124px; */
}
#grouCapital .groupWrap h3:before{
	top: -75px;
}
#grouClean .groupWrap h3:before{
	top: -76px;
}
#middleBox .groupWrap h3 .textGradation{
	letter-spacing: -4px;
    text-fill-color: rgba(255,255,255,0);
    -webkit-text-fill-color: rgba(255,255,255,0);
    font-family: 'Roboto Slab', serif;
    font-size: 70px;
    font-weight: bold;
    background-clip: text;
    -webkit-background-clip: text;
    display: block;
    line-height: 50px;
    height: 52px;
    background-size: cover;
	color: #1786ff;
}
/*-- groupBorne --*/
#groupBorne{
	background-image: url(/img/group/bg_groupBorne.webp);
}
#groupBorne .groupWrap p{
	/* margin-bottom: 32px; */
}
#middleBox #groupBorne .groupWrap h3 .textGradation{
margin-top: 6px;
    margin-left: 126px;
    letter-spacing: 0px;
    margin-bottom: -16px;
    width: 88px;
    background-image: url(/img/group/bg_group_text_min.jpg);
    height: 52px;
}
/*-- groupArmy --*/
#groupArmy {
  background-image: url(/img/group/bg_groupArmy.webp);
}
#middleBox .groupWrap p:not(:last-of-type){
	/* padding-top: 164px; */
	margin-bottom: 32px;
}
#middleBox #groupArmy .groupWrap h3{
    /* margin: 175px auto 0; */
}
#middleBox #groupArmy .groupWrap h3 .textGradation{
    width: 170px;
    margin-left: 82px;
    margin-top: 4px;
	letter-spacing: -2px;
    background-image: url(/img/group/bg_group_text_long.jpg);
}
/*-- grouCapital --*/
#grouCapital{
	background-image: url(/img/group/bg_grouCapital.webp);
}
#grouCapital .groupWrap p:first-of-type{
	/* margin-top: 98px; */
}
#middleBox #grouCapital .groupWrap h3{
	/* margin: 176px auto 0; */
}
#middleBox #grouCapital .groupWrap h3 .textGradation{
    width: 88px;
    margin-left: 121px;
    margin-bottom: -28px;
    background-image: url(/img/group/bg_group_text_min.jpg);
}
/*-- grouClean --*/
#grouClean{
  background-image: url(/img/group/bg_grouClean.webp);
  /* margin-bottom: 100px; */
}
#grouClean .groupWrap p:first-of-type{
	/* padding-top: 106px; */
}
#middleBox #grouClean .groupWrap h3{
	/* margin: 178px auto 0; */
}
#middleBox #grouClean .groupWrap h3 .textGradation{
	width: 170px;
    margin-left: 85px;
    margin-top: 4px;
    letter-spacing: 5px;
	height: 53px;
    background-image: url(/img/group/bg_group_text_long.jpg);
}

/*-- ie用ハック --*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
#middleBox #groupBorne .groupWrap h3 .textGradation,
#middleBox #groupArmy .groupWrap h3 .textGradation,
#middleBox #grouCapital .groupWrap h3 .textGradation,
#middleBox #grouClean .groupWrap h3 .textGradation{
	background-image: none;
}
}