@charset "UTF-8";

/* ============ price */
/* ====== main visual */


#set1 section#price1 {
    margin: 0;
    padding: 0;
    background: url(/assets/images/about/ddf_about1_bg.png) #000b0c no-repeat right bottom;
    background-size: cover;
}
/* ====== price */

.text{
    font-size: 1.0rem;
}
.small {
    
}

#set1 section:nth-child(2n-1) {
    background: #eeeeee;
}

#price1 .content_box .h2 {
    display: block;
    background: #0d1b38;
    line-height: 1.0;
    font-size: 1.0rem;
    padding: 12px 0;
    margin: 0 0 20px;
}

#price1 .content_box .h2 span{
    color: #ffffff;
    font-size: 2.0rem;
    font-weight: 300;
    vertical-align: middle;
}



#price1 .hgroup_wrap h1 span {
    color: #ffffff;
    border-bottom-color: #ffffff;
}

#price1 .hgroup_wrap p,
#price1 .hgroup_wrap p span {
    color: #ffffff;
}

#price1 .hgroup_wrap p > span{
}
#price1 .hgroup_wrap p > span > span{
    /* display: block; */
    /* font-size: 1.2rem; */
    position: relative;
}
#price1 .hgroup_wrap p > span > span > sup{
	position: absolute;
	right: 0;
	bottom: 100%;
	font-size: 0.8rem;
}

#price1 .content_box {
    padding: 60px 45px;
}

#price1 .content_box .text {
    text-align: left;
}

#price1 .content_box .text p {
    font-size: 1.145rem;
}

#price1 .content_box .text p.point {
	margin: 10px 0 0;
	font-size: 1.0rem;
}

#price1 .section_wrap,
#price2 .section_wrap,
#price3 .section_wrap,
#price4 .section_wrap,
#price5 .section_wrap {
    padding: 100px 0 150px;
}

#price1 h2 {
    display: block;
    background: #0d1b38;
    line-height: 1.0;
    font-size: 1.0rem;
    padding: 12px 0;
    margin: 0 0 20px;
    text-align: center;
}
#price1 h2 span {
    color: #ffffff;
    font-size: 2.0rem;
    font-weight: 300;
    vertical-align: middle;
}

#price1 .content_box {
    text-align: center;
}

#price1 .content_box > p {
    font-size: 1.4rem;
}

.price_box {
    margin: 50px 0 0;
    text-align: center;
}

.price_blk {
    margin: 30px;
    width: calc((100% - (60px * 5)) / 3);
    display: inline-block;
    vertical-align: top;
}

.price_blk h3 {
    margin: 0 0 30px;
    color: #1c2952;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: 0.16rem;
}

.price_blk .img {
    margin: 0 0 30px;
    width: 100%;
    height: 90px;
    position: relative;
}
.price_blk .img > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
}

.price_blk p{
	font-size: 1.0rem;
	line-height: 1.4;
}


.price_blk:nth-child(4),
.price_blk:nth-child(5){
	margin-bottom: 0;
}

#price2 .text h1 {
    font-size: 1.6rem;
    margin-bottom: 16px;
    display: inline-block;
    padding-right: 10px;
    position: relative;
}
#price2 .text h1 span{
    margin-right: 5px;
}

#price2 .text h2 {
    font-size: 1.6rem;
    margin-bottom: 16px;
    display: inline-block;
    padding-right: 10px;
    position: relative;
}
#price2 .text h2 span{
    margin-right: 5px;
}





#price2 .text p {
    font-size: 1.2rem;
    line-height: 1.6;
}
#price2 .content_box:nth-child(2) .text h1:before{
    background: url(/assets/images/icon/price/ddf_price2_icon3.png) no-repeat;
    background-size: contain;
}

#price2 .content_box:nth-child(3) .text h1:before{
    background: url(/assets/images/icon/price/ddf_price2_icon2.png) no-repeat;
    background-size: contain;
}

#price2 .content_box:nth-child(4) .text h1:before{
    background: url(/assets/images/icon/price/ddf_price2_icon1.png) no-repeat;
    background-size: contain;
}


#price2 .content_box .text h2:before{
	content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 40px;
    height: 1em;
    /* background-size: contain; */	
}

#price2 .content_box:nth-child(2) .text h2:before{
    background: url(/assets/images/icon/price/ddf_price2_icon3.png) no-repeat;
    background-size: contain;
}

#price2 .content_box:nth-child(3) .text h2:before{
    background: url(/assets/images/icon/price/ddf_price2_icon2.png) no-repeat;
    background-size: contain;
}

#price2 .content_box:nth-child(4) .text h2:before{
    background: url(/assets/images/icon/price/ddf_price2_icon1.png) no-repeat;
    background-size: contain;
}

#price2 .content_box .text h1:before{
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 40px;
    height: 1em;
    /* background-size: contain; */
}

#price2 .content_box:nth-child(5) .text h1{
}

#price2 .content_box:nth-child(5) .text h1 span{
    color: #B20000;
}


#price3 .content_box {
    padding: 60px 40px;
    text-align: center;
}

#price3 .content_box .text {}

#price3 .content_box .text p{
    font-size: 1.6rem;
    line-height: 2.2;
}
#price3 .content_box .text p > span{
    margin: 0;
    display: block;
    color: #b20000;
}



	
@media (max-width:600px) {

	#price1 .section_wrap, #price2 .section_wrap, #price3 .section_wrap, #price4 .section_wrap, #price5 .section_wrap {
		padding: 40px 20px;
	}

	#price1 .content_box {
		padding: 20px;
	}

	#price1 h2 {background: none;margin-bottom: 10px;}

	#price1 h2 span {
		font-size: 1.6rem;
		color: #0d1b38;
	}

	#price1 .content_box > p {
		font-size: 1.0rem;
	}

	.price_box {
		margin-top: 20px;
	}

	.price_blk {
		width: 50%;
		margin: 0 0 30px;
		float: left;
		height: 170px;
	}

	.price_blk h3 {
		font-size: 1.1rem;
		letter-spacing: 0.08em;
		margin-bottom: 10px;
	}

	.price_blk .img {
		margin-bottom: 10px;
	}

	.price_blk .img > img {
		width: 100%;
	}

	.price_blk p {
		font-size: 0.8rem;
	}

	.price_blk:nth-child(5) {
		margin-bottom: 0px;
	}

	.price_blk:nth-child(4) {
		margin-bottom: 30px;
	}

	#price2 .text h1 {
		margin-bottom: 10px;
	}

	#price2 .text h1 span {
		font-size: 1.5rem;
	}

	#price2 .text p {
		font-size: 1.0rem;
	}

	#price2 .content_box {
		margin: 10px 20px 20px;
	}

	#price2 .content_box .text {
		margin-top: 0;
	}

	#price3 .hgroup_wrap p span {
		font-size: 1.5rem;
	}

	#price3 .content_box {
		padding: 20px;
	}

	#price3 .content_box .text {
		margin-top: 0;
	}

	#price3 .content_box .text p {
		font-size: 1.2rem;
		line-height: 1.4;
	}

	#price3 .content_box .text p > span {
		margin-top: 10px;
		margin-left: 1em;
		text-indent: -1em;
	}
}