@charset "UTF-8";

/* ぱるベビTOP（ PC・SP共通 ） */
.kv_palbaby { background:#ffeea6; }
.box_sikaku { background:#7ee3ea; }
.box_qa { background:#fdf6d3; }
.kv_txt {
	padding:25px 30px;
	border-radius:14px;
	background-color: rgb(255 255 255 / 0.7);
	margin:20px 0;
	position: relative;
}
.box_point,
.box_sikaku,
.box_qa {
	position: relative;
}
.img_b {
	vertical-align: bottom;
}

.box_point ul li p b { color:#ff5812; }

.list_merit li span u {
	text-decoration: none;
	color: #f397bf;
}
.img_merit {
	position: relative;
}
.nagare {
	text-align: center;
	background:#23c482;
	color:#fff;
	width: 40%;
	margin: 0 auto 20px;
	padding:0 2% 5px;
	border-radius: 50px;
  font-family: "Zen Maru Gothic", sans-serif;
	font-weight:900;
	display: block;
	line-height: 1.5 !important;
}
.nagare b {
	font-size:140%;
}
.nagarelist b {
	color:#e85298;
}
.nagarelist li p {
	margin-bottom:15px;
}
.step_1 {
	border-bottom:1px dashed #afafaf;
	padding-bottom:30px;
	margin-bottom:30px;
}


/* 見出し */
.midasi_p,
.midasi_o {
  position: relative;
  text-align: center;
	color: #f397bf;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:900;
	margin-bottom:40px;
}
.midasi_p { color: #f397bf; }
.midasi_o { color: #ff5812; }

.midasi_p::before { background-color: #f397bf; }
.midasi_o::before { background-color: #ff5812; }

.merit2_more {
	border:1px solid #090906;
	padding:20px 25px 12px;
	border-radius:25px;
	position: relative;
	margin-top:20px;
}
.merit2_more p {
	margin-top:6px;
}
.merit2_more p u {
	display: block;
	text-decoration: none;
	padding:6px 12px;
	margin:10px 0;
	background:#ffeea6;
}
.merit4_more {
	display: block;
	text-decoration: none;
	padding:6px 12px;
	margin:10px 0;
	background:#ffeea6;
}

/* アコーディオン
.accordion-004 {
		border: 1.5px solid #090906;
    padding: 12px 25px;
    border-radius:25px;
    position: relative;
		margin-top:20px;
}
.accordion-004 summary {
    display:block;
    color: #333333;
    cursor: pointer;
		text-align: center;
}
.accordion-004 summary:after {
	position: absolute;
	right: 15px;
	top: 25px;
	margin-top: -14px;
	color: #090906 !important;
	content: "＋";
	vertical-align: middle;
}
.accordion-004[open] summary:after {
	position: absolute;
	right: 15px;
	top:25px;
	margin-top: -14px;
	color: #090906 !important;
	content: "−";
	vertical-align: middle;
}
.accordion-004 div {
    opacity: 0;
    margin: 0;
    padding-top:15px;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.accordion-004[open] div {
    transform: none;
    opacity: 1;
}
.accordion-004 div  img {
	margin-bottom:5px;
}
.accordion-004 div p u {
	display: block;
	text-decoration: none;
	padding:6px 12px;
	margin:10px 0;
	background:#ffeea6;
}
*/


/* PC用 */
@media screen and ( min-width:641px ) {
	/* 見出し */
	.midasi_p::before,
	.midasi_o::before {
	  border-radius: 5px;
	  bottom: -10px;
	  content: "";
	  height: 3px;
	  left: 50%;
	  position: absolute;
	  transform: translateX(-50%);
	  width:150px;
	}

	/* 追従 */
	.kotei_area {
		z-index: 900;
		top: 100px;
		right: 0;
		position: fixed;
		box-sizing: border-box;
		writing-mode: vertical-rl;
		width:40px;
	}
	.kotei_area a {
		padding:16px 8px 8px 8px;
		background-color: #00aa6d;
		border-top:1.5px solid #fff;
		border-left:1.5px solid #fff;
		border-bottom:1.5px solid #fff;
		color: #fff !important;
		display: block;
		text-decoration: none !important;
		border-radius:10px 0 0 10px;
		font-family: "Zen Maru Gothic", sans-serif;
    font-weight:600;
  }
	.kotei_area a span {
		font-size:90%;
		font-weight:300;
	}


	.kv_palbaby h1 img {
		width:640px;
		margin:0 auto;
		display: block;
	}
	.kv_palbaby {
		padding:60px 0 40px;
	}
	.kv_txt {
		width:80%;
		margin:30px auto 40px;
	}
	.box_qa {
		padding-top:30px;
	}
	.box_sikaku {
		padding:30px 0;
	}
	.box_nagare,
	.box_point {
		padding:30px 0 60px;
	}
	.box_point ul li p {
		text-align: center;
	}
	.box_point ul li p:before {
		content: '';
		display: inline-block;
		width:88px;
		height:80px;
		vertical-align: middle;
		margin-right:16px;
	}
	.box_point ul li.icon_p1 p:before {
		background-image: url(../img/point_01.webp);
		background-size: contain;
	}
	.box_point ul li.icon_p2 p:before {
		background-image: url(../img/point_02.webp);
		background-size: contain;
	}
	.box_point ul li.icon_p3 p:before {
		background-image: url(../img/point_03.webp);
		background-size: contain;
	}
	.merit2_more {
		max-width:540px;
		margin:20px auto 6px;
	}
	.merit2_more img {
		width:80%;
		margin:10px 10%;
	}
	.qualification dt {
		width: 17%;
		float: left;
		background: #fff;
		color: #4fbb8f;
		text-align: center;
		line-height: 30px;
		border-radius:50px;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight:600;
	}
	.qualification dd {
		width: 80%;
		margin: 0px;
		padding: 0.2em 0 0;
		float: right;
	}

	.list_merit li {
		position: relative;
		padding:40px;
		border-radius:20px;
		background:#fff;
		margin-bottom:60px;
	}
	.list_merit li img.icon_merit {
		position:absolute;
		top:-24px;
		left:-17px;
		width:115px;
	}
	.list_merit li b {
		color: #ff3210;
		font-family: "Zen Maru Gothic", sans-serif;
		font-size:160%;
		display: block;
		text-align: center;
		margin:10px 0 20px;
	}
	.list_merit li span {
		padding:3px 20px;
		border:1px solid #23c482;
		border-radius:50px;
		color: #23c482;
		font-family: "Zen Maru Gothic", sans-serif;
		font-size:110%;
		font-weight:600;
		display:inline-block;
		text-align: center;
	}
	.img_merit .maru_merit {
		position:absolute;
		top:40px;
		right: -15px;
		width:140px;
		z-index: 100;
	}
	.meritbox_txt {
		width:38%;
		float: left;
		margin-left: 2%;
	}
	.meritbox_img {
		width:55%;
		float: right;
	}
	.meritbox_img_s {
		width:48%;
		float: right;
	}
	.list_merit li .btn_bk1,
	.list_merit li .btn_bk2 {
		margin-top:20px;
	}

	.appline {
		border: 1px solid #DDDEDD;
		border-radius: 15px;
		width:70px;
		margin-right:14px;
		vertical-align: top;
		float: left;
	}
	.nagarelist li {
		width:28%;
		float:left;
	}
	.nagarelist li:nth-child(2n) {
		width:39%;
		padding-right:2.5%;
		margin-right:2.5%;
		border-right: 1px dashed #DDDEDD;
		padding-left:2.5%;
		margin-left:2.5%;
		border-left: 1px dashed #DDDEDD;
	}

	.apple,
	.google {
		height:56px;
		float: left;
		margin-right:14px;
	}
	.apple img,
	.google img {
		height:100%;
	}

	/* ちらしイラスト */
	.pic_01 {
		position: absolute;
		width:75px;
		bottom: -90px;
		left: 20px;
	}
	.pic_02 {
		position: absolute;
		width:140px;
		top:-110px;
		right:25px;
	}
	.pic_03 {
		position: absolute;
		width:80px;
		top: -10px;
		left:120px;
	}
	.pic_04 {
		position: absolute;
		width:94px;
		top:-80px;
		right:100px;
	}
	.pic_05 {
		position: absolute;
		width:80px;
		top: -90px;
		right: 25px;
	}
	.pic_06 {
		position: absolute;
		width:44%;
		top:-120px;
		left:0px;
	}
	.pic_f01 {
		position: absolute;
		width:200px;
		top:-80px;
		left:0px;
	}
	.pic_f02 {
		position: absolute;
		width:70px;
		top:-60px;
		right:30px;
	}
}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	/* 見出し */
	.midasi_p::before,
	.midasi_o::before {
	  border-radius: 5px;
	  bottom: -10px;
	  content: "";
	  height: 3px;
	  left: 50%;
	  position: absolute;
	  transform: translateX(-50%);
	  width:30%;
	}

	/* 追従 */
	.kotei_area {
		z-index: 900;
		bottom: 0;
		position: fixed;
		text-align: center;
		width: 100%;
	}
	.kotei_area a {
		padding:10px 8px 10px 16px;
		background-color: #00aa6d;
		border-top:1.5px solid #fff;
		border-left:1.5px solid #fff;
		border-right:1.5px solid #fff;
		color: #fff !important;
		display:block;
		text-decoration: none !important;
		border-radius:10px 10px 0 0;
		font-family: "Zen Maru Gothic", sans-serif;
    font-weight:600;
  }
	.kotei_area a span {
		font-size:90%;
		font-weight:300;
	}

	.kv_palbaby {
		padding:40px 20px 30px;
	}
	.box_qa {
		padding:50px 0 0;
	}
	.box_qa .wrap {
		padding:0 20px;
	}
	.box_sikaku {
		padding:50px 20px 1px;
	}
	picture img {
		width:100%;
	}
	.box_nagare,
	.box_point {
		padding:40px 20px 20px;
	}
	.box_point ul {
		margin-bottom:25px;
	}
	.box_point ul li {
		margin-bottom:15px;
	}
	.box_point ul li p {
		padding-left:16%;
		height:80px;
	}
	@media (min-width:400px) and (max-width:500px) {
		.box_point ul li p {
			padding-left:24%;
		}
	}
	@media screen and ( max-width:399px ) {
		.box_point ul li p {
			padding-left:33%;
		}
	}

	.box_point ul li p span {
		display: inline-block;
		vertical-align: middle;
	}
	.box_point ul li.icon_p1 p {
		background: url(../img/point_01.webp);
		background-size:contain;
		background-repeat: no-repeat;
	}
	.box_point ul li.icon_p2 p {
		background: url(../img/point_02.webp);
		background-size:contain;
		background-repeat: no-repeat;
	}
	.box_point ul li.icon_p3 p {
		background: url(../img/point_03.webp);
		background-size:contain;
		background-repeat: no-repeat;
	}

	.list_merit li img.img_merit {
		width:100%;
		margin:15px 0;
	}
	.list_merit li {
		position: relative;
		padding:20px;
		border-radius:14px;
		background:#fff;
		margin-bottom:40px;
	}
	.list_merit li img.icon_merit {
		position:absolute;
		top:-15px;
		left:-13px;
		width:21%;
	}
	.img_merit .maru_merit {
		position:absolute;
		top: 30px;
		right: -10px;
		width:30%;
		z-index: 100;
	}
	.list_merit li b {
		color: #ff3210;
		font-family: "Zen Maru Gothic", sans-serif;
		font-size:140%;
		display: block;
		text-align: center;
		margin-top:5px;
	}
	.list_merit li span {
		padding:3px 20px;
		border:1px solid #23c482;
		border-radius:50px;
		color: #23c482;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight:600;
		font-size:90%;
		display:inline-block;
		text-align: center;
	}

	/* メンバー資格 */
	.qualification dt {
		text-align: center;
		background: #fff;
		color: #4fbb8f;
		width:40%;
		margin:0 auto;
		padding: 5px 2%;
		border-radius:50px;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight:600;
		margin-bottom:10px;
		display:block;
  }
	.qualification dd span {
		padding:15px 20px;
		border-radius:14px;
		color:#565656;
		background-color: rgb(255 255 255 / 0.7);
		display:block;
		margin-top:10px;
		font-size:90%;
	}

	.appline {
		border: 1px solid #DDDEDD;
		border-radius: 15px;
		width:20%;
		margin-left:20px;
		vertical-align: top;
		float: right;
	}
	.nagarelist li {
		margin-bottom:40px;
	}

	.apple img,
	.google img {
		width:66%;
		margin:0 17% 6px;
	}


	/* ちらしイラスト */
	.pic_01 {
		position: absolute;
		width:14%;
		top:-50px;
		right:20px;
	}
	.pic_02 {
		position: absolute;
		width:22%;
		top:-35px;
		right:25px;
	}
	.pic_03 {
		position: absolute;
		width: 15%;
		top:10px;
		left: 40px;
	}
	.pic_04 {
		position: absolute;
		width:17%;
		top:-55px;
		right:45px;
	}
	.pic_05 {
		position: absolute;
		width:18%;
		top: -40px;
		right: 25px;
	}
	.pic_06 {
		display: none;
	}
	.pic_f01 {
		position: absolute;
		width:40%;
		top:-50px;
		left:0px;
	}
	.pic_f02 {
		position: absolute;
		width: 14%;
    top: -30px;
		right:30px;
	}
}



/***** ボタン *****/
.btn_bk1 {
	position: relative;
	border:1.5px solid #090906;
	padding: 12px 25px;
	background: #fff;
	text-decoration: none !important;
	text-align: center;
	border-radius: 50px;
	color: #090906 !important;
	margin: auto;
	display: block;
}
a.btn_bk1:after {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -14px;
	color: #090906 !important;
	font-family: FontAwesome;
	content: "\f105";
	vertical-align: middle;
}
.btn_gre2 {
	position: relative;
	border:1.5px solid #00aa6d;
	padding: 12px 25px;
	background: #fff;
	text-decoration: none !important;
	text-align: center;
	border-radius: 50px;
	color: #00aa6d !important;
	margin: auto;
}
a.btn_gre2:after {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -14px;
	color: #00aa6d !important;
	font-family: FontAwesome;
	content: "\f107";
	vertical-align: middle;
}

/* PC用 */
@media screen and ( min-width:641px ) {
	.btn_gre2,
	.btn_bk1,
	.btn_bk2,
	.accordion-004 {
		min-width:45%;
		display: inline-block;
	}
}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	.btn_gre2 {
		min-width: 80%;
		display: inline-block;
	}
}


/* main用 */
@media screen and ( min-width:960px ) {
	.wrap {
		width:960px;
		margin:0 auto;
		position: relative;
	}
}
@media (min-width:641px) and (max-width:959px) {
	.wrap {
		padding:20px;
	}
}