@charset "utf-8";

/* -----------------------------------------------------------
    price
-------------------------------------------------------------- */
#u-common.nipt .h1-area {
    top: 272px;
}
#u-common.nipt .page-title-area {
   background-image: url(../img/nipt-txt-mv.jpg);
}

#u-common.nipt .page-title-area .pagetitle-jp{
	color: #454545;
}
#u-common.nipt .price-area{
    padding: 40px 0 0;
    background-image: url("../img/line-bg02-nipt.png");
    background-position: top 250px center;
}

#u-common.nipt .u-section-title-jp::before {
    background-color: #fffafd;
    border: solid 10px #f7f0f7;
    box-shadow: -10px -10px 20px #fff, inset 8px 8px 10px rgba(254 128 191 / 30%);
}

#u-common.nipt .table-box{
    background-color: #fff;
    box-shadow: -6px -6px 30px rgb(255 255 255), 3px 3px 20px rgb(6 39 71 / 20%);
    padding: 20px 60px 60px;
    border-radius: 20px;
    margin: 0 0 100px 0;
}
#u-common.nipt h3{
    border-radius: 6px;
    background: #FDEDEB;
    font-size: 2.2rem;
    margin: 40px 0 20px 0;
    padding: 15px 30px;
	font-weight: bold;
    line-height: 1.5;
	position: relative;
}

#u-common.nipt h3::before {
    content: '';
    display: block;
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #F39FAF;
}

#u-common.nipt .table-box .circle-list {
    padding: 0px 20px 0;
}

#u-common.nipt .table-box .circle-list li:not(:last-child) {
    margin: 0 0 15px;
}

#u-common.nipt .table-box .circle-list li::before {
    content: "";
    background: #ff7f96;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 10px;
    left: 0;
    border-radius: 5px;
}

#u-common.nipt .table-box .circle-list li {
    font-weight: 500;
    line-height: 1.4;
	position: relative;
    padding-left: 20px;
}

#u-common.nipt .table-box .nipt-img-box{
	margin: 20px auto 0;
	text-align: center;
	max-width: 900px;
}

#u-common.nipt .table-box img{
	width: 100%;
}


#u-common.nipt .table-box .txt{
	padding: 10px 20px 0;
}

#u-common.nipt .txt span{
	color: #ff7f96;
	font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.2;
}

/*#u-common.nipt h3::before{
    position: absolute;
    content: "";
    background-image: url(../img/number-circle.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    background-size: contain;
    top: -20px;
    left: -20px;
	z-index: -1;
}*/

@media screen and (max-width:768px){
	
	#u-common.nipt .page-title-area {
	   background-image: url(../img/nipt-txt-mv-sp.jpg);
	}
    
    #u-common.nipt .price-area .inner{
        padding: 0 20px;
    }
	
	#u-common.nipt .price-area{
		background-image: url("../img/line-bg02-nipt.png");
		background-position: top 150px center;
		padding: 0px 0 0;
	}

	
	#u-common.nipt .table-box {
		padding: 10px 20px 30px;
		margin: 20px 0 50px 0;
	}
	/*#u-common.nipt h3::before{
		top: -45px;
		left: -30px;
		z-index: -1;
	}*/
	
	#u-common.nipt h3{
		margin: 30px 0 5px 0;
		padding: 15px 15px;
		font-size: 1.8rem;
	}
	
	#u-common.nipt h3::before {
		width: 4px;
	}
	
	#u-common.nipt .table-box .nipt-img-box{
		margin: 10px auto 0;
		max-width: 100%;
	}
	
	#u-common.nipt .table-box .circle-list {
		padding: 0px 0px 0;
	}

	#u-common.nipt .table-box img{
		width: 100%;
	}


	#u-common.nipt .table-box .txt{
		padding: 10px 0px 0;
		font-size: 1.6rem;
	}

	#u-common.nipt .txt span{
		font-size: 1.8rem;
		line-height: 2.2;
	}
    /*#u-common.nipt .price-area .scroll-box{
        border-radius: 20px;
        padding: 0;
    }*/

}
/* -----------------------------------------------------------
    nav
-------------------------------------------------------------- */
#u-common.nipt .nav-area {
    margin: 70px auto 0px;
	/*
	box-shadow: -6px -6px 20px rgb(255 255 255), -6px -6px 20px rgb(255 255 255), 3px 3px 20px rgb(6 39 71 / 20%), 3px 3px 20px rgb(6 39 71 / 20%);
    border-radius: 20px;
    padding: 30px 20px;
	*/
}

#u-common.nipt .nav-area .catch {
    font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
	display: flex;
	align-items: center;
}

#u-common.nipt .nav-area .catch::before,
#u-common.nipt .nav-area .catch::after {
	content: "";
	display: inline-block;
    flex-grow: 1;
	height: 1px;
	background-color: #ff7f96;
}

#u-common.nipt .nav-area .catch::before {
	margin-right: 2rem;
}
#u-common.nipt .nav-area .catch::after {
	margin-left: 2rem;
}

#u-common.nipt .nav-area .txt {
	text-align: center;
	margin: 0 0 30px;
}

#u-common.nipt .nav-area .nav-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#u-common.nipt .nav-area .nav-list .nav-item{
    width: 31%;
	width: calc((100% - 20px) / 7);
}
/*
#u-common.nipt .nav-area .nav-list .nav-item:nth-child(n+1):nth-child(-n+3){
    margin: 0 0 15px;
}
*/
#u-common.nipt .nav-area .nav-list .nav-item a{
    color: #ff7f96;
    padding: 20px 5px;
    background-color: #fff;
    box-shadow: -6px -6px 30px rgb(255 255 255), 3px 3px 20px rgb(6 39 71 / 20%);
    border-radius: 10px;
    /*display: block;*/
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
	line-height: 1.4;
	height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#u-common.nipt .nav-area .nav-list .nav-item.active a{
    background: #ff7f96;
	opacity: 0.8;
	color: #fff;
}
#u-common.nipt .nav-area .nav-list .nav-item:hover{
    /* transform: translateX(1%) translateY(2%); */
    transition: all 0.5s ease-in-out;
}
#u-common.nipt .nav-area .nav-list .nav-item:hover a{
    color: #fff;
    background-color: #ff7f96;
}

#u-common.nipt .price-info {
    padding: 70px 0px 30px;
}

#u-common.nipt .price-info .txt{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2;
	text-align: left;
	margin: 0 0 20px;
}

#u-common.nipt .price-info .r-box {
    color: #3B689F;
    padding: 20px 5px;
    background-color: #fff;
    box-shadow: -6px -6px 30px rgb(255 255 255), 3px 3px 20px rgb(6 39 71 / 20%);
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}

@media screen and (max-width:768px){
	#u-common.nipt .nav-area {
		margin: 0 auto 0;
		/*
		box-shadow: none;
		border-radius: 0;
		padding: 0 20px 30px;
		*/
		padding: 0 20px 40px;
		width: 100%;
	}

	#u-common.nipt .nav-area .catch {
		font-size: 2.2rem;
		margin: 0 0 10px;
	}

	#u-common.nipt .nav-area .catch::before {
		margin-right: 1rem;
	}
	#u-common.nipt .nav-area .catch::after {
		margin-left: 1rem;
	}

	#u-common.nipt .nav-area .txt {
		text-align: left;
		margin: 0 0 20px;
	}

    #u-common.nipt .nav-area .nav-list .nav-item{
        width: 48%;
    }
    #u-common.nipt .nav-area .nav-list .nav-item a{
        padding: 10px 5px;
		line-height: 1.4;
		font-size: 1.4rem;
		height: 62px;
		align-items: center;
		display: flex;
		justify-content: center;
	}

    #u-common.nipt .nav-area .nav-list .nav-item:nth-child(n+1):nth-child(-n+6){
        margin: 0 0 13px;
    }
	
	#u-common.nipt .price-info {
		padding: 30px 0px 0px;
	}

	#u-common.nipt .price-info .txt{
		font-size: 1.7rem;
		text-align: left;
		margin: 0 0 0px;
		line-height: 1.8;
	}

	#u-common.nipt .price-info .r-box {
		padding: 20px 20px;
		display: block;
		text-align: left;
		font-size: 1.7rem;
	}
}