@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main img {
	width: 100%;
}
#main .women {
	padding: 15px 0 90px;
	position: relative;
}
#main .women::before {
	width: 199.73%;
	height: 130%;
	min-height: 1737px;
	position: absolute;
	left: -30.7%;
	top: -19.75%;
	background: url(../img/index/bg01.png) no-repeat center top / 100% auto;
	content: '';
}
#main .women h2 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: calc(100% - 1.33vw);
	z-index: 6;
}
#main .women h2 img {
	width: 100%;
}
#main .women .textImg {
	margin: -47px -4% -99px -10.67%;
	width: 114.67%;
	position: relative;
}
#main .women .textImg .txt {
	width: 91.17%;
	position: absolute;
	left: 4.99%;
	top: 44.5%;
	transform: translateY(-50%);
	display: block;
}
#main .women .imgList {
	position: relative;
	z-index: 2;
}
#main .women .imgList li {
	margin-bottom: -42px;
	padding: 10.8% 0 18.8%;
	position: relative;
	box-sizing: border-box;
}
#main .women .imgList .list01 {
	padding: 13.4% 0 16.7%;
}
#main .women .imgList .list02 {
	padding: 13.9% 0 15.6%;
}
#main .women .imgList li::before {
	width: 112.27%;
	height: 100%;
	position: absolute;
	left: 50.4%;
	top: 0;
	transform: translateX(-50%);
	background: url(../img/index/women_bg02.png) no-repeat center center / 100% 100%;
	content: '';
	z-index: -1;
}
#main .women .imgList .list02::before {
	background-image: url(../img/index/women_bg03.png);
}
#main .women .imgList h3 {
	margin-bottom: 1px;
	position: relative;
	text-align: center;
}
#main .women .imgList h3 > img {
	width: 88.53%;
	text-align: center;
}
#main .women .imgList h3 .num {
	width: 16.53%;
	position: absolute;
	left: 4.3%;
	top: -20px;
	z-index: -1;
}
#main .women .imgList .txtImg {
	margin: 0 auto;
	width: 80.27%;
}
#main .women .imgList .txtImg img {
	transform: translateX(1.2%);
}
#main .women .imgList .list01 h3 {
	margin-bottom: -1px;
}
#main .women .imgList .list01 h3 .num {
	top: -31px;
}
#main .women .imgList .list02 h3 .num {
	top: -30px;
}
#main .men {
	margin-top: -82px;
	padding: 22px 0 14px;
	position: relative;
	z-index: 5;
	background: url(../img/index/men_bg03.png) no-repeat center top / cover;
}
#main .men h2 {
	margin-bottom: -58px;
	text-align: center;
}
#main .men h2 img {
	width: 95.2%;
	transform: translateX(-0.8%);
}
#main .men .textImg01 {
	margin-bottom: -27px;
	position: relative;
	z-index: 2;
}
#main .men .textImg01 img {
	width: 100%;
}
#main .men .textImg02 {
	margin-bottom: -4px;
	position: relative;
}
#main .men .textImg02 > img {
	width: 100%;
}
#main .men .textImg02::before {
	width: 100%;
	height: 120%;
	position: absolute;
	left: 0.5%;
	top: 48%;
	transform: translateY(-50%);
	background: url(../img/index/men_bg01.png) no-repeat center center / 100% 100%;
	content: '';
	z-index: -1;
}
#main .men .textImg02::after {
	width: 87.47%;
	height: 0;
	padding-bottom: 63.33%;
	position: absolute;
	left: 6.6%;
	top: -53.8%;
	background: url(../img/index/men_bg02.png) no-repeat left center / auto 100%;
	content: '';
	z-index: -1;
}
#main .feminism {
	padding-bottom: 31px;
	position: relative;
	background: url(../img/index/feminism_bg01.jpg) no-repeat center center / cover;
}
#main .feminism h2 {
	margin: -16px auto -18px;
	width: 92.8%;
	transform: translateX(-1.4%);
}
#main .feminism .imgList {
	margin: 0 auto;
	width: 92.53%;
}
#main .feminism .imgList li:not(:last-of-type) {
	margin-bottom: 27px;
}
#main .ease .bg01 {
	margin: -9px 0 -36px;
	padding: 10px 0 64px;
	background: url(../img/index/ease_bg01.jpg) no-repeat center top / cover;
}
#main .ease h2 {
	margin: -20px 0 -16px;
}
#main .ease h2 img {
	width: 100%;
	transform: translateX(0.5%);
}
#main .ease .imgList {
	margin: 0 auto;
	width: 92.8%;
}
#main .ease .imgList li:not(:last-of-type) {
	margin-bottom: 15px;
}
#main .ease .textBox {
	padding-bottom: 1px;
}
#main .ease .textBox h3 {
	margin-bottom: -27px;
}
#main .ease .textBox .textImg {
	margin: 0 -16px -31px -9px;
	width: calc(100% + 25px);
	position: relative;
	z-index: 2;
}
#main .ease .textBox .textImg::after {
	width: calc(100% - 25px);
	height: calc(100% - 54px);
	position: absolute;
	left: 9px;
	top: 23px;
	background: url(../img/index/ease_bg02.jpg) no-repeat center bottom / cover;
	content: '';
	z-index: -1;
}
#main .btmBox {
	padding: 47px 0 57px;
	background: #fff;
}
#main .btmBox .borderBox {
	margin: 0 auto 25px;
	padding: 22px 13px 10px 15px;
	width: 92.8%;
	box-sizing: border-box;
	border: 4px solid #87167A;
	border-top-width: 11px;
	box-sizing: border-box;
	animation-duration: 0.8s;
	transform: translateX(0.5%);
}
#main .btmBox .borderBox h2 {
	margin-bottom: 2px;
	color: #87167A;
	font-size: 2.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}
#main .btmBox .borderBox dl {
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}
#main .btmBox .borderBox dl dt {
	margin-bottom: 15px;
	padding: 3px 5px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	border-radius: 10px;
	letter-spacing: 0.1em;
	background-color: #87167A;
}
#main .btmBox .borderBox dl dd {
	margin-bottom: 18px;
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
#main .btmBox .borderBox dl dd:last-of-type {
	margin-bottom: 0;
}
#main .btmBox .borderBox dl dd .txt {
	margin-bottom: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
}
#main .btmBox .borderBox .map {
	margin: 0 12px 20px 10px;
	padding-bottom: 76.6%;
	height: 0;
	position: relative;
}
#main .btmBox .borderBox .map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#main .btmBox .borderBox .link {
	margin-top: -2px;
	text-align: center;
}
#main .btmBox .borderBox .link a {
	margin-left: 5px;
	width: 57.05%;
	display: inline-block;
	vertical-align: top;
}
#main .btmBox .comBtnList {
	margin-bottom: 17px;
	transform: translateX(2.2%);
}
#main .btmBox .btn {
	margin-left: auto;
	width: 99.2%;
}
#main .btmBox .btn a {
	display: block;
}
@media all and (min-width: 751px) {
	#main .btmBox .borderBox .link a:hover {
		opacity: 0.7;
	}
	#main .btmBox .btn a:hover {
		opacity: 0.7;
	}
	#main .women h2 {
		bottom: calc(100% - 10px);
	}
}
@media all and (max-width: 374px) {
	#main .btmBox .borderBox dl dd .txt {
		letter-spacing: 0;
	}
}