@charset "utf-8";
/* 共通
-----------------------------------*/
.maT10 { margin-top: 10px !important; }
.maT15 { margin-top: 15px !important; }
.maT20 { margin-top: 20px !important; }
.maT25 { margin-top: 25px !important; }
.maT30 { margin-top: 30px !important; }
.maT35 { margin-top: 35px !important; }
.maT30 { margin-top: 30px !important; }
.maT35 { margin-top: 35px !important; }
.maT40 { margin-top: 40px !important; }
.maT45 { margin-top: 45px !important; }
.maT50 { margin-top: 50px !important; }
.maT55 { margin-top: 55px !important; }
.maT60 { margin-top: 60px !important; }
.maT70 { margin-top: 70px !important; }
.maT80 { margin-top: 80px !important; }
.maT90 { margin-top: 90px !important; }
.maT100 { margin-top: 100px !important; }

.maB10 { margin-bottom: 10px !important; }
.maB15 { margin-bottom: 15px !important; }
.maB20 { margin-bottom: 20px !important; }
.maB25 { margin-bottom: 25px !important; }
.maB30 { margin-bottom: 30px !important; }
.maB35 { margin-bottom: 35px !important; }
.maB40 { margin-bottom: 40px !important; }
.maB45 { margin-bottom: 45px !important; }
.maB50 { margin-bottom: 50px !important; }
.maB55 { margin-bottom: 55px !important; }
.maB60 { margin-bottom: 60px !important; }
.maB70 { margin-bottom: 70px !important; }
.maB80 { margin-bottom: 80px !important; }
.maB90 { margin-bottom: 90px !important; }
.maB100 { margin-bottom: 100px !important; }

.maR05 { margin-right: 5px; }
.maR10 { margin-right: 10px; }
.maR15 { margin-right: 15px; }
.maR20 { margin-right: 20px; }
.maR25 { margin-right: 25px; }
.maR30 { margin-right: 30px; }
.maR40 { margin-right: 40px; }

.maL05 { margin-left: 5px; }
.maL10 { margin-left: 10px; }
.maL15 { margin-left: 15px; }
.maL20 { margin-left: 20px; }
.maL25 { margin-left: 25px; }
.maL30 { margin-left: 30px; }
.maL40 { margin-left: 40px; }

body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;
}
.cnt_center { text-align: center; }
.txtLeft { text-align: left; }
.fcPink { color: #F70DAF !important; }

.bgPink {
	background-color: #FCF0F7;
}
.bgPinkTrg {
	background-color: #FCF0F7;
	padding-top: 80px;
}
.bgPinkUnder {
	background-color: #FCF0F7;
	height: 80px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0, 50% 100%, 0 0);
}
.bgWhiteUnder {
	background-color: #ffffff;
	height: 80px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0, 50% 100%, 0 0);
	margin-bottom: -80px;
}
.bgYellow { background-color: #F9F5D7; }

/*
-----------------------------------------*/
.responsive-background {
    background-image: url('../images/main_img.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 673px;
    width: 100%;
}
.responsive-background img {
	display: none;
}

.contents {
	width: 900px;
	margin: 0 auto;
	padding: 100px 0;
}
.contentsArrow {
	width: 900px;
	margin: 0 auto;
	padding: 100px 0 50px;
}
.logo_title {
	/*width: 100%;*/
	text-align: center;
}
.logo_titleFull {
	text-align: center;
}
p {
	line-height: 1.8em;
	margin: 0;
}
p.mainTitle {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.5em;
	margin-bottom: 60px;
}
p.subTitle {
	font-size: 24px;
	font-weight: 900;
	line-height: 1.5em;
	color: #FE6F00;
	margin-bottom: 40px;
}
p.catchCopy {
	font-size: 24px;
	font-weight: 900;
	line-height: 1.5em;
	margin: 30px 0 20px;
}
.mybrOem {}
.mybrOem ul {
	padding: 0;
	list-style: none;
}
.mybrOem li {
	display: inline-block;
	width: calc(50% - 110px);
	margin-bottom: 50px;
	margin-right: 110px;
	vertical-align: top;
}
.mybrOem li:nth-child(even) {
	margin-right: 0px;
}
.mybrOem li img {
	width: 100%;
}
p.kikaku {}
p.info {
	width: 340px;
	margin: auto;
	text-align: left;
}
.telIcon {
	display: inline-block;
	width: 19px;
	height: 13px;
	background-image: url('../images/icon_tel.png');
	background-size: cover;
	margin-right: 5px;
	align-items: center;
}
.mailIcon {
	display: inline-block;
	width: 19px;
	height: 13px;
	background-image: url('../images/icon_mail.png');
	background-size: cover;
	margin-right: 5px;
	align-items: center;
}

a.btnInquiry {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 485px;
	margin: auto;
	padding: 1.2em 4rem;
	font-size: 22px;
	font-weight: 600;
	border: 2px solid #c76490;
	background: #c76490;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btnInquiry:hover {
	color: #c76490;
	background: #fff;
}

.caseWrap {
	background-color: #ffffff;
	padding: 90px;
	border-radius: 25px;
	min-height: 580px;
	margin-bottom: 70px;
}
.case {
	display: flex;
	align-items: center;
	width: 640px;
	margin: 0 auto;
}
.caseIcon img {
	width: 80px;
	height: auto;
}
.caseText {
	margin-left: 30px;
}
.caseSub {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0.5em;
}
.caseMain {
	font-size: 28px;
	font-weight: 600;
	text-align: left;
	margin-left: -0.5em;
}
p.caseTitle {
	font-size: 24px;
	font-weight: 600;
	color: #FE6F00;
	margin-bottom: 30px;
}
.tLink {
	color: #000000;
	text-decoration: none;
}
.tLink:hover {
	color: #BF4179;
	text-decoration: underline;
}

/*
-------------------------------*/
@media only screen and (max-width: 480px) {
	.maT50 { margin-top: 25px !important; }
	.maT60 { margin-top: 30px !important; }
	.maB30 { margin-bottom: 15px !important; }
	.maB50 { margin-bottom: 25px !important; }
	.maB70 { margin-bottom: 35px !important; }
	.maB80 { margin-bottom: 40px !important; }
	.spw100p { width: 100%; }
	.pcOnly { display: none;}
	.responsive-background {
		background-image: none;
		height: auto;
	}
	.responsive-background img {
		display: block;
		width: 100%;
	}
	.contents {
		width: 92%;
		margin: 0 4%;
		padding: 50px 0;
	}
.contentsArrow {
	width: 92%;
		margin: 0 4%;
	padding: 0px 0 20px;
}
.bgPinkUnder {
	background-color: #FCF0F7;
	height: 30px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0, 50% 100%, 0 0);
}
.bgWhiteUnder {
	background-color: #ffffff;
	height: 30px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0, 50% 100%, 0 0);
	margin-bottom: -30px;
}
	.logo_title img {
		width: 140px;
	}
	.logo_titleFull img {
		width: 50%;
	}
	p {
		text-align: left;
		font-size: 14px;
	}
	p.mainTitle {
		font-size: 28px;
		font-weight: 600;
		text-align: center;
		letter-spacing: -0.06em;
		margin-bottom: 30px;
	}
	p.subTitle {
		font-size: 19px;
		font-weight: 600;
		text-align: center;
		letter-spacing: -0.05em;
		margin-bottom: 20px;
	}
	p.catchCopy {
		font-size: 24px;
		font-weight: 600;
		font-weight: 900;
		line-height: 1.5em;
		margin: 30px 0 20px;
		text-align: center;
	}
	p.kikaku {
		text-align: center;
	}
	p.info {
		width: 300px;
	}
	.mybrOem li {
		display: block;
		width: auto;
		margin-right: 0px;
	}
	.flow {
		width: 200px;
		margin: 0 auto;
	}
	.flow img {
		width: 100%;
	}
	a.btnInquiry {
		width: 285px;
		padding: 1.0em;
		font-size: 16px;
		font-weight: 600;
	}
	.caseWrap {
		padding: 20px;
		min-height: auto;
		margin-bottom: 35px;
	}
	.case {
		width: 100%;
	}
	.caseIcon img {
		width: 60px;
		height: auto;
	}
	.caseText {
		margin-left: 15px;
	}
	.caseSub {
		font-size: 12px;
	}
	.caseMain {
		font-size: 18px;
	}
	p.caseTitle {
		font-size: 20px;
		margin-bottom: 15px;
	}
}