@charset "UTF-8";

#contents .referralObj {
		width: 100%;
		color: #7b5252;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#contents .referralObj img {
		max-width: 100%;
		height: auto;
}

#contents .referralObj ._center {
		text-align: center;
}

#contents .referralObj .notes {
		font-size: calc(1rem * 1.6 / 2);
}

#contents .referralObj .lead {
		background-image: url("/referral/img/lead_bg.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
}

#contents .referralObj .lead p {
		font-size: calc( 3.84rem / 2 );
		font-weight: 600;
		text-align: center;
		line-height: 2;
		padding: 8% 6%;

}


#contents .referralObj h2 {
		text-align: center;
		padding: calc(5rem * 1.6 / 2) calc(1rem * 1.6 / 2);
		background-image: url("/referral/img/h2_bg.jpg");
		background-size: 4.5px auto;
		position: relative;
}
/* #contents .referralObj h2 img{
	width: calc(663px / 2);
} */

#contents .referralObj .sec1 h2::before {
		content: "";
		display: inline-block;
		background-image: url("/referral/img/hed1.png");
		background-size: contain;
		position: absolute;
		top: calc( -20px / 2 );
		left: 50%;
		transform: translateX(-50%);
		width: calc( 292px / 2 );
		height: calc( 64px / 2 );
}

#contents .referralObj .sec1 .bg {
		background: #fffef1;
}


#contents .referralObj .sec1 ul {
		display: flex;
		justify-content: space-around;
		position: relative;
		padding-top: calc(1rem * 1.6 / 2);
}

#contents .referralObj .sec1 ul::after {
		content: "";
		display: inline-block;
		background-image: url("/referral/img/arw.png");
		background-size: contain;
		position: absolute;
		bottom: calc( -124px / 2 );
		left: 50%;
		transform: translateX(-50%);
		width: calc( 181px / 2 );
		height: calc( 122px / 2 );
}

#contents .referralObj .sec1 .headding {
		text-align: center;
		padding: calc(10rem * 1.6 / 2) calc(1rem * 1.6 / 2) 0;
}

#contents .referralObj .sec1 .headding:last-of-type {
		padding-top: calc(1rem * 1.6 / 2);
		padding-bottom: calc(6rem * 1.6 / 2);
		position: relative;
}

#contents .referralObj .sec1 .headding:last-of-type p {
		position: absolute;
		top: calc(11rem * 1.6 / 2);
		left: 50%;
		transform: translateX(-50%);
		color: #414141;
		font-size: calc(1.5rem * 1.6 / 2);
}

#contents .referralObj .sec1 .flex_box {
		display: block;
		background: #fff;
		margin: calc(1rem * 1.6 / 2);
		padding: 6% 4%;
		border-radius: calc( 8px / 2 );
		position: relative;
}



#contents .referralObj .sec1 .no1_set ._center,
#contents .referralObj .sec1 .no2_set ._center{
	position: relative;
}
#contents .referralObj .sec1 .no1_set ._center::before,
#contents .referralObj .sec1 .no2_set ._center::before{
	content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 66px;
}
#contents .referralObj .sec1 .no1_set ._center::before{
	background: url(/referral/img/no1_icon.png) no-repeat;
	background-size: contain;
	top: -15%;
    left: -6%;
}
#contents .referralObj .sec1 .no2_set ._center::before{
	background: url(/referral/img/no2_icon.png) no-repeat;
	background-size: contain;
	top: -14%;
    left: -6%;
}



#contents .referralObj .sec1 dl {
		color: #414141;

}

#contents .referralObj .sec1 dt {
		font-size: calc(1rem * 1.6 / 2);
		font-weight: 600;
		line-height: 1.4;
		margin: calc(2rem * 1.6 / 2) 0 calc(0.5rem * 1.6 / 2);
}

#contents .referralObj .sec1 dd {
	font-size: calc(1.5rem * 1.6 / 2);
}

#contents .referralObj .sec1 .flex_box::before {
		content: "";
		display: inline-block;
		width: calc( 89px / 2 );
		height: calc( 89px / 2 );
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: calc( 10px / 2 );
		z-index: 2;

}

#contents .referralObj .sec1 .flex_box:nth-of-type(2)::before {
		background-image: url("/referral/img/ic_f3.png");
		top: 23%;
}

#contents .referralObj .sec1 .flex_box:nth-of-type(3)::before {
		background-image: url("/referral/img/ic_f7.png");
		top: 20%;
}

#contents .referralObj .sec1 .flex_box:nth-of-type(4)::before {
		background-image: url("/referral/img/ic_f1.png");
}

#contents .referralObj .sec1 .flex_box:nth-of-type(5)::before {
		background-image: url("/referral/img/ic_f2.png");
}

#contents .referralObj .sec1 .flex_box:nth-of-type(6)::before {
		background-image: url("/referral/img/ic_f4.png");
}

#contents .referralObj .sec1 .flex_box:nth-of-type(7)::before {
		background-image: url("/referral/img/ic_f5.png");
}

#contents .referralObj .sec1 .flex_box:nth-of-type(8)::before {
		background-image: url("/referral/img/ic_f6.png");
}

#contents .referralObj .sec1 .flex_box:nth-of-type(9)::before {
		background-image: url("/referral/img/ic_f8.png");
}

#contents .referralObj .sec1 .flex {
		padding-bottom: calc(1rem * 1.6 / 2);
}

#contents .referralObj .sec2 {
		margin-top: calc(3rem * 1.6 / 2);
}

#contents .referralObj .sec2 h2::before {
		content: "";
		display: inline-block;
		background-image: url("/referral/img/hed2.png");
		background-size: contain;
		position: absolute;
		top: calc( -22px / 2 );
		left: 50%;
		transform: translateX(-50%);
		width: calc( 292px / 2 );
		height: calc( 64px / 2 );
}


#contents .referralObj .sec2 .inner {
		padding: calc(1rem * 1.6 / 2);
		color: #414141;
}

#contents .referralObj .sec2 .inner p {
		padding-top: calc( 10px / 2 );
		font-size: calc(1.5rem * 1.6 / 2);
}

#contents .referralObj .sec2 ul {
		padding-top: calc(2rem * 1.6 / 2);
		font-size: calc(1.5rem * 1.6 / 2);
}


#contents .referralObj .flow {
		margin-top: calc(2rem * 1.6 / 2);
}

#contents .referralObj .flow h2::before {
		content: "";
		display: inline-block;
		background-image: url("/referral/img/hed3.png");
		background-size: contain;
		position: absolute;
		top: calc( -18px / 2 );
		left: 50%;
		transform: translateX(-50%);
		width: calc( 292px / 2 );
		height: calc( 64px / 2 );
}

#contents .referralObj .flow ul {
		margin: calc(1rem * 1.6 / 2);
		color: #414141;
}

#contents .referralObj .flow li {
		padding: 6% 4%;
		border: 1px solid #ffe6e8;
		border-radius: calc( 14px / 2 );
		margin-bottom: calc(2.4rem * 1.6 / 2);
		position: relative;
}


#contents .referralObj .flow li::after {
		content: "";
		display: inline-block;
		background-image: url("/referral/img/sp_arw_s.png");
		background-size: contain;
		position: absolute;
		bottom: calc( -65px / 2 );
		left: 50%;
		transform: translateX(-50%);
		width: calc( 112px / 2 );
		height: calc( 47px / 2 );
}

#contents .referralObj .flow li:last-of-type::after {
		background-image: none;

}

#contents .referralObj .flow li:last-of-type {
		margin-bottom: calc(2rem * 1.6 / 2);
}


#contents .referralObj .flow li .p1 {
		font-size: calc(2rem * 1.6 / 2);
		font-weight: 600;
}
#contents .referralObj .flow li .p2 {
	font-size: calc(1.5rem * 1.6 / 2);
}

#contents .referralObj .flow li .p3 {
		text-align: center;
		padding-top: calc( 10px / 2 );
}

#contents .referralObj .notesBox {
		margin: calc(1rem * 1.6 / 2) calc(1rem * 1.6 / 2) calc(2rem * 1.6 / 2);
		padding: 4%;
		border: calc( 4px / 2 ) solid #ec7284;
		color: #414141;
		font-size: calc(1.5rem * 1.6 / 2);
}

#contents .referralObj .notesBox .hed {
		color: #ec7284;
		font-size: calc(2rem * 1.6 / 2);
		font-weight: 600;
		padding: 1% 0;
}



#contents .referralObj .notesBox .ng{
	margin: 0.5rem 0 1rem;
}
#contents .referralObj .notesBox .ng li{
	padding: 0;
    border: none;
    border-radius: inherit;
    margin-bottom: 0;
    position: inherit;
	margin-left: 1.4em;
    text-indent: -1.4em;
}

#contents .referralObj .notesBox .ng li::before{
	content: "";
	display: inline-block;
	background-image: url("/referral/img/x_icon.png");
	width: 13px;
    height: 13px;
	background-size: contain;
	vertical-align: middle;
    padding-right: 1.6rem;
    background-repeat: no-repeat;
	
}

/* qa---------------------------------- */
.referralObj .qa{
	margin-top: 6.4rem;
}
.referralObj .qa h2::before{
    content: "";
    display: inline-block;
    background-image: url("/referral/img/hed4.png");
    background-size: contain;
    position: absolute;
    top: calc(-18px / 2);
    left: 50%;
    transform: translateX(-50%);
    width: calc(292px / 2);
    height: calc(64px / 2);
}
.referralObj .qa .qa-inner{
	margin: 3.2rem 1.6rem;
}
.referralObj .qa .qa-inner ul{
	margin-bottom: 2.9rem;
    padding-bottom: 2.1rem;
    border-bottom: 2px dotted #f4527b;
}
.referralObj .qa .q-box::before{
	position: absolute;
	left: 0;
	content: "";
	display: inline-block;
	background-image: url("/referral/img/q_icon.png");
    width: 27px;
    height: 27px;
	background-size: contain;
	vertical-align: middle;
    padding-right: 1.6rem;
    background-repeat: no-repeat;
}
.referralObj .qa .q-box,
.referralObj .qa .a-box{
	position: relative;
	color: #414141;
	padding-left: 3.6rem;
}
.referralObj .qa .q-box{
	margin-bottom: 1.2rem;
	font-size: calc(2rem * 1.6 / 2);
	font-weight: bold;
}
.referralObj .qa .tell{
	text-decoration: none;
	pointer-events: none;
	color: #ec6a8b;
}
.referralObj .qa .pink{
	font-weight: bold;
}
.referralObj .qa .a-box::before{
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
	content: "";
	display: inline-block;
	background-image: url("/referral/img/a_icon.png");
    width: 27px;
    height: 27px;
	background-size: contain;
	vertical-align: middle;
    padding-right: 1.6rem;
    background-repeat: no-repeat;
}
/* qaここまで---------------------------------- */