/* CSS Document */
/* ==================================================

	common

 ================================================== */
body{
	counter-reset: point_number;
}
/*
	wrap
================================ */
#nobinobibaby section{
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
}
#nobinobibaby section .inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
/*
	h2
================================ */
#nobinobibaby h2,
#nobinobibaby .other_manner_area h2{
	margin-bottom: 60px;
	font-size: 3.4rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .2rem;
	z-index: 0;
}
#nobinobibaby h2 span{
    display: inline-block;
    font-weight: 700;
}
/*
	h3
================================ */
#nobinobibaby h3{
	letter-spacing: .2rem;
}
/*
	text
================================ */
#nobinobibaby .serif {
	font-family: 'Noto Serif JP', serif;
}
#nobinobibaby .mplus {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
#nobinobibaby section p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: .2rem;
}
/*
	sp_only
================================ */
#nobinobibaby .sp_only{
    display: none;
}



/* ==================================================

	#main_visual

 ================================================== */
#nobinobibaby #main_visual{
	padding: 0;
	margin: 0 auto;
	background: linear-gradient(0deg, rgba(23,159,218,1) 0%, rgba(127,207,244,1) 100%);
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
/*
	.main_wrap
================================ */
#nobinobibaby #main_visual .main_wrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
}
/*
	.wrap_inner
================================ */
#nobinobibaby #main_visual .wrap_inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/* .tx -------------------- */
#nobinobibaby #main_visual .wrap_inner .tx{
	width: 40%;
	padding-top: 30px;
	text-align: center;
}
/* .ttl -------------------- */
#nobinobibaby #main_visual .wrap_inner .ttl_sub {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	z-index: 0;
}
#nobinobibaby #main_visual .wrap_inner .ttl_sub::before {/*左側のリボン端*/
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	left: -35px;
	z-index: -2;
	border: 20px solid #831B1F;
	border-left-color: transparent;/*山形に切り抜き*/
}

#nobinobibaby #main_visual .wrap_inner .ttl_sub::after {/*右側のリボン端*/
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	right: -35px;
	z-index: -2;
	border: 20px solid #831B1F;
	border-right-color: transparent;/*山形に切り抜き*/
}

#nobinobibaby #main_visual .wrap_inner .ttl_sub span {
	position: relative;
	margin: 0;
	padding: 10px 50px;
	line-height: 45px;
	font-size: 2rem;
	color: #FFF;
	background: #971f24;/*真ん中の背景色*/
}
#nobinobibaby #main_visual .wrap_inner .ttl_sub span::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #6C1618;/*左の折り返し部分*/
}
#nobinobibaby #main_visual .wrap_inner .ttl_sub span::after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-left: solid 15px #6C1618;/*右の折り返し部分*/
}
/* ttl -------------------- */
#nobinobibaby #main_visual .wrap_inner .ttl{
	position: relative;
	margin-top: 30px;
	color: #fff;
	font-size: 5.4rem;
	font-weight: 800;
}
#nobinobibaby #main_visual .wrap_inner .ttl::after{
	position: absolute;
	display: block;
	top: 0;
	right: 10px;
	content: "";
	background: url("/ayl/nobinobibaby/images/mv_bird.png") no-repeat;
	background-size: contain;
	width: 40px;
	height: 33px;
}
/* span -------------------- */
#nobinobibaby #main_visual .wrap_inner .ttl span{
	position: absolute;
	display: block;
	font-size: 2rem;
	left: -10px;
    top: -5px;
    transform: rotate(340deg);
}
#nobinobibaby #main_visual .wrap_inner .ttl span::before{
	content: "＼";
}
#nobinobibaby #main_visual .wrap_inner .ttl span::after{
	content: "／";
}
/* tx_box -------------------- */
#nobinobibaby #main_visual .wrap_inner .tx_box{
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
}
/* .mv_img -------------------- */
#nobinobibaby #main_visual .wrap_inner .mv_img{
	width: 60%;
}
/*
	.catalog_wrap
================================ */
#nobinobibaby #main_visual .catalog_wrap{
	margin: 0 auto;
	width: 1100px;
	background: url("/ayl/nobinobibaby/images/catalog_bg.png") no-repeat center top;
	background-size: contain;
}
/*
	.catalog_midashi
================================ */
#nobinobibaby #main_visual .catalog_midashi{
	max-width: 800px;
	margin: 20px auto;
	padding-bottom: 10px;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	border-bottom: dotted 4px #fff;
}
#nobinobibaby #main_visual .catalog_midashi span{
    display: block;
    margin: 0 auto;
    max-width: 120px;
    font-size: 1.4rem;
    background-color: #A78C58;
}
/*
	ul
================================ */
#nobinobibaby #main_visual ul{
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#nobinobibaby #main_visual ul > li{
	width: 18%;
	color: #fff;
	text-align: center;
}
/* figure -------------------- */
#nobinobibaby #main_visual figure{
	margin: 0 auto;
	font-size: 1.4rem;
}
/* img ------------ */
#nobinobibaby #main_visual figure img{
	box-shadow: 0px 0px 30px 0px rgb(23,159,218,1);
}
/* figcaption ------------ */
#nobinobibaby #main_visual figcaption{
	margin-top: 5px;
}
#nobinobibaby #main_visual figcaption span{
	display: block;
	font-size: 1.2rem;
}
/*
	.img_chara
================================ */
#nobinobibaby #main_visual .img_chara{
	text-align: center;
	background: linear-gradient(0deg, rgba(255,240,207,1) 50%, rgba(23,159,218,0) 100%);
}
#nobinobibaby #main_visual .img_chara img{
	width: 100%;
}



/* ==================================================

	.link_box

 ================================================== */
#nobinobibaby .link_box{
	max-width: 400px;
	margin: 50px auto 0;
	text-align: center;
}
#nobinobibaby .link_box a{
	display: block;
	padding: 10px 0;
	color: #fff;
	background-color: #971f24;
	border: 1px solid #971f24;
	border-radius: 100px;
	transition: all .3s;
}
#nobinobibaby .link_box a:hover{
	color: #971f24;
	background-color: #fff;
}
/*
	#course_area
================================ */
#nobinobibaby #course_area .link_box{
	max-width: 400px;
	font-size: 1.6rem;
}



/* ==================================================

	#point_area

 ================================================== */
#nobinobibaby #point_area{
	padding-bottom: 50px;
	background: url(/ayl/nobinobibaby/images/point_bg_star01.svg),
		url(/ayl/nobinobibaby/images/point_bg_star02.svg),
		url(/ayl/nobinobibaby/images/point_bg_star01.svg),
		url(/ayl/nobinobibaby/images/point_bg_star02.svg);
	background-color: #fff0cf;
	background-repeat: no-repeat;
	background-position: 95% 17%, 5% 50%, 95% 75%, 5% 90%;
    background-size: 10%, 10%, 10%;
}
/*
	h2
================================ */
#nobinobibaby #point_area h2{
	position: relative;
}
#nobinobibaby #point_area h2::after{
	position: absolute;
	z-index: -1;
    display: block;
    top: -40px;
    left: 0;
	right: 0;
	margin: auto;
    content: "";
    background: url(/ayl/nobinobibaby/images/point_h2_bg_star.svg) no-repeat;
	width: 350px;
    height: 130px;
}
/*
	.point_list
================================ */
#nobinobibaby #point_area .point_list{
	margin: 30px auto 0;
}
/* li -------------------- */
#nobinobibaby #point_area .point_list li{
	position: relative;
	width: 920px;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	background: #fff;
	border: 3px dashed #FFC955;
	border-radius: 50px;
	box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.05);
}
#nobinobibaby #point_area .point_list li + li{
	margin-top: 60px;
}
#nobinobibaby #point_area .point_list li:nth-of-type(even){
	margin: 60px 0 0 auto;
}
/* .point_bg -------------------- */
#nobinobibaby #point_area .point_list li .point_bg{
	position: absolute;
}
/*ポイント1・花 --- */
#nobinobibaby #point_area .point_list li .point_bg.img01_flower{
	top: -70px;
    left: 40px;
    width: 30px;
}
/*ポイント2・雲 --- */
#nobinobibaby #point_area .point_list li .point_bg.img02_cloud{
	top: 30px;
    left: -60px;
    width: 100px;
}
/*ポイント2・花 --- */
#nobinobibaby #point_area .point_list li .point_bg.img02_flower{
	bottom: 0;
    right: 40px;
    width: 30px;
}
/*ポイント3・雲 --- */
#nobinobibaby #point_area .point_list li .point_bg.img03_cloud{
	top: 30px;
    right: -60px;
    width: 100px;
}
/*ポイント3・鳥 --- */
#nobinobibaby #point_area .point_list li .point_bg.img03_bird{
	bottom: 20px;
    left: 10px;
    width: 60px;
}
/*ポイント4・花 --- */
#nobinobibaby #point_area .point_list li .point_bg.img04_flower{
	bottom: 0;
    right: 30px;
    width: 30px;
}
#nobinobibaby #point_area .point_list li .point_bg.img04_flower2{
	bottom: 0;
    right: 55px;
    width: 26px;
}
/*
	.point_tx
================================ */
#nobinobibaby #point_area .point_tx{
	width: 40%;
}
#nobinobibaby #point_area .point_list li:nth-of-type(odd) .point_tx{
	padding-left: 20px;
}
#nobinobibaby #point_area .point_list li:nth-of-type(even) .point_tx{
	order: 2;
}
/*
	.point_img
================================ */
#nobinobibaby #point_area .point_img{
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
#nobinobibaby #point_area .point_img img{
	width: 90%;
}
#nobinobibaby #point_area .point_list li:nth-of-type(even) .point_img{
	order: 1;
}
/*
	h3
================================ */
#nobinobibaby #point_area h3{
	position: relative;
	padding-left: 60px;
	color: #971f24;
	font-size: 2.2rem;
	font-weight: 700;
	counter-increment: point_number;
}
#nobinobibaby #point_area h3::before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: counter(point_number)".";
	font-size: 4.6rem;
	line-height: 1;
}
#nobinobibaby #point_area h3 span{
	display: inline-block;
	font-weight: 700;
}
/* p -------------------- */
#nobinobibaby #point_area h3 + p{
	margin-top: 30px;
	font-size: 1.5rem;
}



/* ==================================================

	#course_area

 ================================================== */
#nobinobibaby #course_area{
	position: relative;
	padding-top: 220px;
	padding-bottom: 160px;
	background: url(/ayl/nobinobibaby/images/course_top_bg.png);
	background-color: #fff100;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
#nobinobibaby #course_area .bottom_img{
	position: absolute;
	display: block;
	width: 300px;
	bottom: -50px;
	right: 0;
	z-index: 1;
}
/*
	h2
================================ */
#nobinobibaby #course_area h2{
    margin-bottom: 10px;
}
/*
	.lead_free
================================ */
#nobinobibaby #course_area .lead_free{
    width: 210px;
    margin: 0 auto 60px;
    padding: 0 10px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    background-color: #A78C58;
}
/*
	.nakami_link
================================ */
#nobinobibaby #course_area .nakami_link{
	width: 90%;
	max-width: 400px;
	margin: 30px 0 0 auto;
	text-align: center;
}
#nobinobibaby #course_area .nakami_link a{
	display: block;
	padding: 8px;
	color: #333;
	border: 1px solid #fdd100;
	border-radius: 100px;
	background-color: #fdd100;
	transition: all .3s;
}
#nobinobibaby #course_area .nakami_link a:hover{
	color: #999;
	display: block;
	background-color: #fff;
}
/*
	.order_link
================================ */
#nobinobibaby #course_area .order_link{
	width: 90%;
	max-width: 400px;
	margin: 10px 0 0 auto;
	text-align: center;
}
#nobinobibaby #course_area .order_link a{
	display: block;
	padding: 10px;
	color: #fff;
	border: 1px solid #333;
	border-radius: 100px;
	background-color: #333;
	transition: all .3s;
}
#nobinobibaby #course_area .order_link a:hover{
	color: #333;
	display: block;
	background-color: #fff;
}
/*
	.anone
================================ */
#nobinobibaby #course_area .anone{
	margin: 0 auto;
	padding: 50px;
	background-color: #fff;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
/* .book_box -------------------- */
#nobinobibaby #course_area .anone .book_box{
	width: 40%;
}
/* .book_img -------------------- */
#nobinobibaby #course_area .anone .book_img{
	width: 70%;
	margin: 0 auto;
}
#nobinobibaby #course_area .anone .book_img img{
	box-shadow: 0px 0px 10px 0px rgb(0,0,0, .2);
}
/* .book_tx -------------------- */
#nobinobibaby #course_area .anone .book_tx{
	margin-top: 10px;
	text-align: center;
	line-height: 1.3;
}
/*
	.book_detail
================================ */
#nobinobibaby #course_area .anone .book_detail{
	position: relative;
	width: 60%;
}
/* .popular -------------------- */
#nobinobibaby #course_area .anone .popular{
	position: absolute;
    top: -10px;
    right: 0;
    width: 140px;
}
/* h3 -------------------- */
#nobinobibaby #course_area .anone h3{
	color: #971f24;
	font-size: 2.6rem;
	font-weight: 800;
}
/* .book_price -------------------- */
#nobinobibaby #course_area .anone .book_price{
	margin-top: 30px;
	font-size: 2.6rem;
	line-height: 1;
}
/* .price ------------ */
#nobinobibaby #course_area .anone .price{
	margin-left: 10px;
	font-size: 3.6rem;
	font-weight: bold;
}
/* .tax ------------ */
#nobinobibaby #course_area .anone .tax{
	display: block;
	margin-top: 10px;
	font-size: 1.6rem;
}
/*
	.book_lineup
================================ */
#nobinobibaby #course_area .anone .book_lineup{
	width: 100%;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/* li -------------------- */
#nobinobibaby #course_area .anone .book_lineup li{
	width: 49%;
	position: relative;
}
#nobinobibaby #course_area .anone .book_lineup li:nth-of-type(n + 3){
	margin-top: 20px;
}
/* li -------------------- */
#nobinobibaby #course_area .anone .book_lineup .icon{
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
    top: -15px;
    left: -10px;
	transform: rotate(350deg);
}
/*
	.lineup_wrap
================================ */
#nobinobibaby #course_area .lineup_wrap{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/*
	.lineup_box
================================ */
#nobinobibaby #course_area .lineup_box{
	width: 48%;
    margin: 30px 0 0;
	padding: 30px;
	background-color: #fff;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 2;
}
/*
	.book_box
================================ */
#nobinobibaby #course_area .lineup_box .book_box,
#nobinobibaby #course_area .lineup_box .book_detail{
	width: 49%;
}
/* .book_img -------------------- */
#nobinobibaby #course_area .lineup_box .book_img{
	width: 90%;
	margin: 0 auto;
}
#nobinobibaby #course_area .lineup_box .book_img img{
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}
/* .book_detail -------------------- */
#nobinobibaby #course_area .lineup_box .book_detail{	
}
/* h3 ------------ */
#nobinobibaby #course_area .lineup_box h3{
	color: #971f24;
	font-size: 2.2rem;
	font-weight: 800;
}
/* book_price ------------ */
#nobinobibaby #course_area .lineup_box .book_price{
	margin-top: 20px;
	font-size: 1.8rem;
	line-height: 1;
}
/* .price ------------ */
#nobinobibaby #course_area .lineup_box .price{
	display: block;
	margin: 5px 0;
	font-size: 3rem;
	font-weight: bold;
}
/* .tax ------------ */
#nobinobibaby #course_area .lineup_box .tax{
	display: block;
	margin-top: 10px;
	font-size: 1.4rem;
}
/* .book_tx ------------ */
#nobinobibaby #course_area .lineup_box .book_tx{
	margin: 20px 0 0 0;
	font-size: 1.5rem;
	line-height: 1.2;
}
/* _link -------------------- */
#nobinobibaby #course_area .lineup_box .nakami_link,
#nobinobibaby #course_area .lineup_box .order_link{
	width: 96%;
}
#nobinobibaby #course_area .lineup_box .nakami_link{
	margin: 30px auto 0;
}
#nobinobibaby #course_area .lineup_box .order_link{
	margin: 10px  auto 0;
}



/* ==================================================

	#reason_area

 ================================================== */
#nobinobibaby #reason_area{
	position: relative;
	background: url(/ayl/nobinobibaby/images/point_bg_star01.svg), url(/ayl/nobinobibaby/images/reason_elephant_bg.png), url(/ayl/nobinobibaby/images/point_bg_star02.svg);
    background-color: #fad9d7;
    background-repeat: no-repeat;
    background-position:84% 10%, 95% 40%, 5% 70%;
    background-size: 10%, 10%, 10%;
}
#nobinobibaby #reason_area .bottom_img{
	position: absolute;
	display: block;
	width: 320px;
    bottom: -58px;
	left: 0;
	z-index: 0;
}
/*
	h2
================================ */
#nobinobibaby #reason_area h2{
	margin-bottom: 20px;
}
/* .sub_midashi -------------------- */
#nobinobibaby #reason_area .sub_midashi{
	font-size: 2rem;
	text-align: center;
}
/*
	ul
================================ */
#nobinobibaby #reason_area ul{
	max-width: 900px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#nobinobibaby #reason_area ul:first-of-type{
	margin: 60px auto 0 0;
}
#nobinobibaby #reason_area ul:nth-of-type(2){
	margin: 20px 0 0 auto;
}
/* li -------------------- */
#nobinobibaby #reason_area ul li{
	width: 49%;
	padding: 30px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 20px bottom;
	background-size: 22%;
	border-radius: 50px;
	z-index: 2;
}
/* ul:first-of-type -------------------- */
#nobinobibaby #reason_area ul:first-of-type li:first-of-type{
	background-image: url(/ayl/nobinobibaby/images/reason_li_img01.png);
}
#nobinobibaby #reason_area ul:first-of-type li:nth-of-type(2){
	background-image: url(/ayl/nobinobibaby/images/reason_li_img02.png);
}
/* ul:nth-of-type(2) -------------------- */
#nobinobibaby #reason_area ul:nth-of-type(2) li:first-of-type{
	background-image: url(/ayl/nobinobibaby/images/reason_li_img03.png);
}
#nobinobibaby #reason_area ul:nth-of-type(2) li:nth-of-type(2){
	background-image: url(/ayl/nobinobibaby/images/reason_li_img04.png);
}


/* h3 -------------------- */
#nobinobibaby #reason_area h3{
	margin-bottom: 20px;
	color: #c7345a;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
}
#nobinobibaby #reason_area h3 span{
	display: inline-block;
}
#nobinobibaby #reason_area li p{
	padding-right: 90px;
	font-size: 1.5rem;
}
#nobinobibaby #reason_area li p span{
	background-color: #ff6;
}



/* ==================================================

	.link_btn

 ================================================== */
#nobinobibaby .service_area .link_btn,
#nobinobibaby .way3_area .link_btn,
#nobinobibaby .other_manner_area .button {
	width: 90%;
    max-width: 390px;
    margin: 60px auto 0;
}
#nobinobibaby .other_manner_area .button{
    margin: 0 auto;
}
#nobinobibaby .service_area .link_btn a,
#nobinobibaby .way3_area .link_btn a,
#nobinobibaby .other_manner_area .button a {
    display: block;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    font-size: 1.6rem;
    border: 1px solid #333;
	border-radius: 50px;
    background-color: #333;
    text-align: center;
	text-decoration: none;
    transition: all .3s;
}
#nobinobibaby .service_area .link_btn a:hover,
#nobinobibaby .way3_area .link_btn a:hover,
#nobinobibaby .other_manner_area .button a:hover {
    color: #333;
    background-color: #fff;
}



/* ==================================================

	#price_area

 ================================================== */
/*
	h2
================================ */
#nobinobibaby #price_area h2{
    text-align: center;
}/*
	ul
================================ */
#nobinobibaby #price_area ul{
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* li -------------------- */
#nobinobibaby #price_area ul li{
    width: 23%;
    font-weight: bold;
    text-align: center;
}
#nobinobibaby #price_area ul li a{
    display: block;
    padding: 10px;
    background-color: #f7f7f7;
    box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
    border-radius: 6px;
}



/* ==================================================

	.sns_area

 ================================================== */
#nobinobibaby .sns_area{
	background-color: #F5F0D3;
}
/*
	h2
================================ */
#nobinobibaby .sns_area h2{
	margin-bottom: 30px;
}
/*
	.caption
================================ */
#nobinobibaby .sns_area .caption{
	text-align: center;
}
#nobinobibaby .sns_area .caption span{
	padding: 2px;
	border-radius: 2px;
	background-color: #bed87d;
}
/*
	.vsm-slider
================================ */
#nobinobibaby .sns_area .vsm-slider{
	margin: 40px auto 0;
}



/* ==================================================

	.other_manner_area

 ================================================== */
#nobinobibaby .other_manner_area {
  background-color: #f7f7f7;
}
/*
	h2
================================ */
#nobinobibaby .other_manner_area h2{
    margin-bottom: 30px;
    font-size: 3.4rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    text-align: center;
}
/*
	ul
================================ */
/* li -------------------- */
#nobinobibaby .other_manner_area li {
    background-color: #fff;
    padding: 5px;
}
/* .title ------------ */
#nobinobibaby .other_manner_area li h3.title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 5px 0;
    height: 4.5rem;
    font-weight: bold;
}
/* .txt ------------ */
#nobinobibaby .other_manner_area li p.txt {
    background-color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 9rem;
    font-size: 1.2rem;
    line-height: inherit;
}
/*
	swiper
================================ */
#nobinobibaby .other_manner_area .swiper-container {
    margin: 0 -3%
}
#nobinobibaby .other_manner_area .swiper-container {
    padding: 0 10px
}
#nobinobibaby .other_manner_area .swiper-pagination {
    position: relative;
    margin-top: 10px;
    bottom: auto !important
}
#nobinobibaby .other_manner_area .swiper-button-next:after,
#nobinobibaby .other_manner_area .swiper-container-rtl,
#nobinobibaby .other_manner_area .swiper-button-prev:after {
    content: none !important;
}
#nobinobibaby .other_manner_area .swiper-button-prev {
    left: -10px;
}
#nobinobibaby .other_manner_area .swiper-button-next {
    right: 0;
}
#nobinobibaby .other_manner_area .swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 44%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    width: 40px;
    height: 48px;
    background-size: 36px 48px;
}
#nobinobibaby .other_manner_area .swiper-button-next {
    background-image: url(/cmn/images/arrow.svg);
}
#nobinobibaby .other_manner_area .swiper-button-prev {
    background-image: url(/cmn/images/arrow.svg);
    transform: scale(-1, 1);
}
#nobinobibaby .other_manner_area .swiper-pagination-bullet-active {
    background-color: #efc94d
}


/* ==================================================

	.shussan_bnr

 ================================================== */
#nobinobibaby .shussan_bnr{
	background-color: #e9f6fe;
}
/*
	.bnr_box
================================ */
#nobinobibaby .shussan_bnr .bnr_box{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0px 0px 5px rgb(88 88 88 / 30%);
}



/* ==================================================

	.service_area

 ================================================== */
#nobinobibaby .service_area{
	background-color: #fff;
}
/*
	h2
================================ */
#nobinobibaby .service_area h2{
	margin: 0 auto 60px;
}
/*
	.pc_only
================================ */
#nobinobibaby .service_area .pc_only{
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* li -------------------- */
#nobinobibaby .service_area .pc_only li{
	width: 32%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
/*#nobinobibaby .service_area ul li:after {
	content: "";
	position: absolute;
	top: -30%;
	left: -50%;
	width: 200%;
	height: 100%;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
}*/
#nobinobibaby .service_area ul li:nth-of-type(1){
    /*background-color: #c7d5e6;*/
	background-color: #d9e2ee;
}
/*#nobinobibaby .service_area ul li:nth-of-type(1):after {
	background-color: #d9e2ee;
}*/
#nobinobibaby .service_area ul li:nth-of-type(2) {
	/*background-color: #e3d1bf;*/
	background-color: #ebded1;
}
/*#nobinobibaby .service_area ul li:nth-of-type(2):after {
	background-color: #ebded1;
}*/
#nobinobibaby .service_area ul li:nth-of-type(3)  {
	/*background-color: #cddbc5;*/
	background-color: #dbe5d5;
}
/*#nobinobibaby .service_area ul li:nth-of-type(3):after {
	background-color: #dbe5d5;
}*/
#nobinobibaby .service_area ul li:nth-of-type(4) {
	/*background-color: #ddddc1;*/
	background-color: #e6e6d1;
}
/*#nobinobibaby .service_area ul li:nth-of-type(4):after {
	background-color: #e6e6d1;
}*/
#nobinobibaby .service_area ul li:nth-of-type(5)  {
	/*background-color: #d4cede;*/
	background-color: #e1dde8;
}
/*#nobinobibaby .service_area ul li:nth-of-type(5):after {
	background-color: #e1dde8;
}*/
#nobinobibaby .service_area ul li:nth-of-type(6)  {
	/*background-color: #c6dad9;*/
	background-color: #d5e4e3;
}
/*#nobinobibaby .service_area ul li:nth-of-type(6):after {
	background-color: #d5e4e3;
}*/
#nobinobibaby .service_area ul li:nth-of-type(7) {
	/*background-color: #e6d2d3;*/
	background-color: #efe2e3;
}
/*#nobinobibaby .service_area ul li:nth-of-type(7):after {
	background-color: #efe2e3;
}*/
/* a ------------ */
#nobinobibaby .service_area .pc_only li a{
	display: flex;
	justify-content: space-between;
	align-content:center;
}
#nobinobibaby .service_area .pc_only li a:hover{
	opacity: 1;
}
/* .pic -------------------- */
#nobinobibaby .service_area .pc_only li .pic{
	position: relative;
	z-index: 10;
	width: 50%;
	display: flex;
	align-items: center;
}
/* .name -------------------- */
#nobinobibaby .service_area .pc_only li .name{
    position: relative;
    z-index: 10;
    font-weight: bold;
    text-align: center;
    width: 50%;
    display: flex;
    align-items: center;
    padding: 5px;
    justify-content: center;
}




/* ==================================================

	.way3_area

 ================================================== */
#nobinobibaby .way3_area{
	background-color: #EDECEA;
}
/*
	h2
================================ */
#nobinobibaby .way3_area h2{
	margin: 0 auto 30px;
}
/*
	.lead_tx
================================ */
#nobinobibaby .way3_area .lead_tx{
	width: 100%;
	margin: 0 auto 60px;
	text-align: center;
}
/*
	ul
================================ */
#nobinobibaby .way3_area ul{
	width: 1000px;
	margin: 0 auto;
}
/*
	li
================================ */
#nobinobibaby .way3_area li{
	background-repeat: no-repeat;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	counter-increment: cnt;
}
#nobinobibaby .way3_area li:nth-child(odd) {
	padding-right: 50%;
	background-position: right center;
}
#nobinobibaby .way3_area li:nth-child(even) {
    padding-left: 50%;
    background-position: left center;
}
/* .is_internet -------------------- */
#nobinobibaby .way3_area .is_internet {
	background-image: url(/ayl/images/common/pic_3way_internet.jpg);
}
/* .is_phone -------------------- */
#nobinobibaby .way3_area .is_phone {
    background-image: url(/ayl/images/common/pic_3way_phone.jpg);
}
/* .is_mail -------------------- */
#nobinobibaby .way3_area .is_mail {
    background-image: url(/ayl/images/common/pic_3way_mail.jpg);
}
/*
	li
================================ */
#nobinobibaby .way3_area .cont {
    background-image: url(/ayl/images/cont_bg.png);
    background-repeat: repeat;
    color: #FFF;
    padding: 40px 30px;
    text-align: center;
}
/*
	h3
================================ */
#nobinobibaby .way3_area .ttl {
	font-size: 26px;
	font-size: 2.6rem;
}
/*
	.txt
================================ */
#nobinobibaby .way3_area .txt{
	font-size: 1.5rem;
	text-align: left;
}
/*
	.link_btn
================================ */
#nobinobibaby .way3_area .link_btn {
    margin: 60px auto 0;
}



/* ========================================

	.bottom_slider

 ======================================== */
#nobinobibaby .swiper-container{
	padding-bottom: 50px !important;
	position: relative;
}
#nobinobibaby .bottom_slider{
	padding: 100px 0 !important;
	background-color: #fff;
}
/*
	bottom_slider
================================ */
#nobinobibaby .bottom_slider .bottom_slider{
	padding: 0 3%;
}
/*
	h2
================================ */
#nobinobibaby .bottom_slider h2{
	margin-bottom: 60px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}



/* ========================================

	#footer

 ======================================== */
#footer {
    margin-top: 0;
}