@charset "utf-8";


/* Typography
----------------------------------------------*/
.text-warning { color: #d00; }

/* Typography
----------------------------------------------*/

.section-heading {
	color: #333;
	font-size:7.2vw;
}
.apply-price-section .content-heading {
	margin-bottom: 0;
	color: #4d4d4d;
}


@media screen and (max-width: 767px) {
	section[id^="price-"] > .section-heading {
		margin-bottom: 0;
		font-size: 21px;
	}
}
#price-new-1st-year > .section-heading { color: #77caf5; }
#price-1st-year > .section-heading     { color: #f05096; }
#price-2nd-year > .section-heading     { color: #f06e00; }
#price-3rd-year > .section-heading     { color: #faaf05; }
#price-4th-year > .section-heading     { color: #14aa32; }
#price-5th-year > .section-heading     { color: #a53c96; }
#price-6th-year > .section-heading     { color: #0082c8; }

.content-heading.hatten:after { content: url(../images/icon_price-hatten.svg); }
.content-heading.hyojun:after { content: url(../images/icon_price-hyojun.svg); }



/* layout
----------------------------------------------*/

.bnr-area{
	padding:0;
	margin:0;
}

.simulation .content:last-child > .content-inner {
	padding-bottom: 0;
}

.table-price {
	border: 6px solid #D1F0EE;
	border-collapse: separate;
	border-spacing: 0;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	width: 100%;
	max-width: 735px;
	margin: 0 auto 1em;
	overflow: hidden;
}
.table-price thead th {
	color: #09B2A4;
}
@media screen and (min-width: 768px) {
	.table-price thead th {
		font-size: 1.29em;
	}
}
.table-price tbody th {
	font-weight: normal;
}
.table-price thead th,
.table-price tbody th,
.table-price tbody td {
	padding: .4em .2em;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.table-price thead th,
	.table-price tbody th,
	.table-price tbody td {
		padding: .6em .3em;
	}
}
.table-price thead th + th,
.table-price tbody td {
	background-color: #D1F0EE;
	border-right: 1px dashed #09B2A4;
	width: 27%;
	position: relative;
}
.table-price thead th + th:last-child,
.table-price tbody td:last-child {
	border-right: none;
}
.table-price tbody tr:last-child th,
.table-price tbody tr:last-child td {
	border-bottom: none;
}
.table-price thead th + th:after {
	content: "";
	display: block;
	width: 1px;
	height: 4px;
	background-color: #D1F0EE;
	position: absolute;
	top: 0;
	right: -1px;
}
.table-price thead th,
.table-price tbody th {
	line-height: 1.16;
}
@media screen and (max-width: 767px) {
	.table-price thead th,
	.table-price tbody th {
		font-size: .8em;
	}
}
.table-price tbody td {
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.table-price tbody td {
		font-size: 1.6em;
		line-height: 1;
	}
	.table-price tbody td > small {
		font-size: .6em;
	}
}


/* form
----------------------------------------------*/
option:disabled {
	background: #eee;
	color: #999;
}
.apply-price-section .form-area {
	background: #09b2a4;
	padding: 30px 0 18px;
	color: #fff;
	margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
	.apply-price-section{
		margin-top:18vw;
		padding-bottom:6vw;
		margin-bottom:0vw;
	}
	.apply-price-section .lead{
		font-size:3.6vw;
	  width: 80%;
	  margin:0 auto;
	}
	.apply-price-section .form-area {
		background: #09b2a4;
		/*! margin-right: -15px; */
		/*! margin-left: -15px; */
		padding: 8.4vw 15px 8.4vw 15px;
	  width: 88%;
	  margin:0 auto;
		color: #fff;
	}
	.apply-price-section .content {
	  width: 90%;
	  margin:0 auto;
	}
	.apply-price-section .form-notice {
	  width: 90%;
	  margin:0 auto;
		padding:0;
	}
	.apply-price-section .form-notice p .page-link{
	  margin:0;
	}
	.apply-price-section .apply-price-notesList {
	  width: 90%;
	  margin:0 auto;
		text-align: center;
		font-size:3.6vw;
		font-weight: bold;
		padding:8.4vw 0 8.4vw 0;
	}
	.apply-price-section .apply-price-notesList .more-info{
		padding:0;
		margin:0;
	}
	.apply-price-section .apply-price-about {
    margin-top:12vw;
    margin-bottom:6vw;
	}
	.apply-price-section .apply-price-about .content-inner{
		border:1px solid #dcdcdc;
    border-radius: 2vw;
    padding-bottom:6vw;
	}
	.apply-price-section .apply-price-about .content-inner .apply-price-about-content-heading{
		background:white;
		width: 94%;
		margin: 0 auto;
		margin-top:-0.75em;
		margin-bottom:3.6vw;
		font-size:5.2vw;
		line-height: 1.5;
	}
	.apply-price-section .apply-price-about .content-inner .apply-price-about-content-heading.line2{
		margin-top:-1.5em;
	}
	.apply-price-section .apply-price-about .content-inner p.note-title{
		width: 90%;
		margin: 0 auto;
		padding:0;
		font-weight: bold;
		font-size:3.6vw;
		line-height: 1.6;
	}
	.apply-price-section .apply-price-about .content-inner .note{
		width: 90%;
		margin: 0 auto;
		padding-top:0;
		padding-bottom:0;
	}
	.apply-price-section .apply-price-about .content-inner .list-unstyled{
		margin-top:0;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
	}
	.apply-price-section .apply-price-about .content-inner .note li{
		font-size:3.6vw;
		line-height: 1.6;
		margin: 0 auto;
		padding-top:0;
		padding-bottom:0;
	}
	.apply-price-section .apply-price-about .content-inner .note li a{
		font-weight: bold;
		text-decoration:none;
	}
	.apply-price-section .apply-price-about .content-inner .note li strong{
		font-weight:300;
		text-decoration:underline;
	}
	.apply-price-section .case figure img{
    width: 100%;	
	}
	
	.apply-price-section .btn-area-page{
    margin-top:6vw;
    margin-bottom:6vw;
		width: 94%;
		margin: 0 auto;
	}
	.apply-price-section .btn-area-page p{
		font-size:3.6vw;
		line-height: 1.6;
		color:#333;
		padding:0 0 3.6vw 0;
	}
	.apply-price-section .btn-area-page .payment_more{
    font-size:4.2vw;
		color:#333;
		position: relative;
		padding-left:1.5em;
		padding-right:1.5em;
	}
	.apply-price-section .btn-area-page .payment_more:after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:url(/youji/lib/images/icon_arrow_brown_down.svg) 100% 54% no-repeat;
		background-size:0.8em auto;
	}
	.apply-price-section .btn-area-page .btn{
      font-size:4.2vw;
      font-weight: bold;
      width: 60%;
      margin: 0 auto;
      color: #ffffff;
      background-image: -moz-linear-gradient( 90deg, rgb(68,138,255) 0%, rgb(130,177,255) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgb(68,138,255) 0%, rgb(130,177,255) 100%);
      background-image: -ms-linear-gradient( 90deg, rgb(68,138,255) 0%, rgb(130,177,255) 100%);
      box-shadow: 0 0.2em rgb(68,138,213);
      border-radius: 0.5em;
      border:1px solid rgb(68,138,255);
	}

	.apply-price-section div.table{
  display:table;
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  }
	.apply-price-section div.table > ul.table-row{
  display:table-row;
  list-style: none;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell{
  display:table-cell;
  list-style: none;
  padding:2vw 0;
  border-top:1px solid #dcdcdc;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(1){
    border-right:1px solid #dcdcdc;
		width:35%;
		padding:2vw 0 2vw 4%;
		font-size:3.3vw;
		font-weight: bold;
		background:#F2F8F8;
		color:#333;
		vertical-align: top;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(2){
		width:65%;
		padding:2vw 4% 2vw 3%;
		font-size:3.6vw;
		color:#333;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(2) .list-unstyled li{
		font-size:3.6vw;
		color:#333;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(2) .list-styled li{
		list-style: "・ ";
		font-size:3.6vw;
		color:#333;
  }
	.apply-price-section div.table > ul.table-row:nth-last-child(1) > li.table-cell{
  border-bottom:1px solid #dcdcdc;
  }

	
	.apply-price-section .content-paragraph{
		font-weight: bold;
		font-size:3.6vw;
		line-height: 1.6;
		padding:3vw 0 0 0;
		margin:0;
	}
	.apply-price-section .content-text{
		font-size:3.6vw;
		line-height: 1.6;
		padding:0;
		margin:0;
	}
	.apply-price-section .content-list{
		font-size:3.6vw;
		line-height: 1.6;
		padding:0;
		margin:0;
	}
	.apply-price-section .content-list li{
		font-size:3.6vw;
		line-height: 1.6;
	}
	
	#simulation{
		margin-top:6vw;
	}
	#premium ,
	#discount ,
	#support,
	#fees ,
	#payment ,
	#shipping{
		margin-top:18vw;	

	}
	#premium .container-heading,
	#discount .container-heading,
	#support .container-heading,
	#fees .container-heading,
	#payment .container-heading,
	#shipping .container-heading{
	  padding:0 0;
    display: table;
    height:32.5vw;
		width:100%;
	}
	#premium .section-heading,
	#discount .section-heading,
	#support .section-heading,
	#fees .section-heading,
	#payment .section-heading,
	#shipping .section-heading{
    display: table-cell;
    vertical-align: middle;
		
		color:#69584a;
    font-size:7.2vw;
	  letter-spacing: 0;
    line-height:1.6;
    font-weight:300;

		width:100%;
    margin:0 auto 3.6vw auto;
		padding:0 0;
	}
	#premium .section-heading small,
	#discount .section-heading small,
	#support .section-heading small,
	#fees .section-heading small,
	#payment .section-heading small,
	#shipping .section-heading small{
		width: 86%;
		display: inline-block;
		font-size: 0.5em;
	  text-align:left;
		color:#333;
		line-height: 1.6;
	}
	#premium .content-heading,
	#discount .content-heading,
	#support .content-heading,
	#fees .content-heading,
	#payment .content-heading,
	#shipping .content-heading{
    width:90%;
		margin:0 auto 3.6vw auto;
    font-size:3.6vw;
		padding:3.6vw 0;
	}
	#premium .content-heading strong,
	#discount .content-heading strong,
	#support .content-heading strong,
	#fees .content-heading strong,
	#payment .content-heading strong,
	#shipping .content-heading strong{
    font-size:4.2vw;
		font-weight: bold;
	}
	#premium .content-heading b,
	#discount .content-heading b,
	#support .content-heading b,
	#fees .content-heading b,
	#payment .content-heading b,
	#shipping .content-heading b{
		font-weight: bold;
	}
	#premium .content ,
	#discount .content,
	#support .content,
	#fees .content,
	#payment .content,
	#shipping .content{
	  width: 90%;
	  margin:0 auto;
	}
	
	#shipping .content-lists{
    width:90%;
		margin:0 auto 7.2vw auto;
		padding:3.6vw 0;
	}
}
@media screen and (min-width: 768px) {

.bnr-area{
	padding:0 0 60px 0;
	margin:0  auto;
	width:1000px;
}

	.content-inner {
		width: 100%;
		padding: 0px;
	}
	
	.form-area form {
		max-width: 820px;
		margin-right: auto;
		margin-left: auto;
	}
	.form-area .form-group > .col-sm-3 {
		width: 170px;
		padding-top: 6px;
		text-align: right;
	}
	
	#simulation{
    max-width: 1000px;
		margin:0 auto;
		margin-bottom:100px;
	}
	#premium ,
	#discount ,
	#support,
	#fees ,
	#payment ,
	#shipping{
    max-width: 1000px;
		margin:0 auto;
		margin-bottom:100px;
	}
	#premium .container-heading,
	#discount .container-heading,
	#support .container-heading,
	#fees .container-heading,
	#payment .container-heading,
	#shipping .container-heading{
	  padding:0 0;
    display: table;
    height:100px;
		width:100%;
		margin-bottom:60px;
	}
	#premium .section-heading,
	#discount .section-heading,
	#support .section-heading,
	#fees .section-heading,
	#payment .section-heading,
	#shipping .section-heading{
    display: table-cell;
    vertical-align: middle;
		
		color:#69584a;
    font-size:26px;
	  letter-spacing: 0;
    line-height:1.6;
    font-weight:300;

		width:100%;
    margin:0 auto 3.6vw auto;
		padding:0 0;
	}
	#premium .section-heading small,
	#discount .section-heading small,
	#support .section-heading small,
	#fees .section-heading small,
	#payment .section-heading small,
	#shipping .section-heading small{
		width: 86%;
		display: inline-block;
		font-size: 0.5em;
	  text-align:left;
		color:#333;
		line-height: 1.6;
	}
	#premium .content-heading,
	#discount .content-heading,
	#support .content-heading,
	#fees .content-heading,
	#payment .content-heading,
	#shipping .content-heading{
    width:90%;
		margin:0 auto 10px auto;
    font-size:16px;
		padding:10px 0;
	}
	#premium .content-heading strong,
	#discount .content-heading strong,
	#support .content-heading strong,
	#fees .content-heading strong,
	#payment .content-heading strong,
	#shipping .content-heading strong{
    font-size:20px;
		font-weight: bold;
	}
	#premium .content-heading b,
	#discount .content-heading b,
	#support .content-heading b,
	#fees .content-heading b,
	#payment .content-heading b,
	#shipping .content-heading b{
		font-weight: bold;
	}
	#premium .content ,
	#discount .content,
	#support .content,
	#fees .content,
	#payment .content,
	#shipping .content{
	  width: 90%;
	  margin:0 auto;
	}
	
	
	#fees figure{
    width:100%;
    max-width:600px;
		margin:0 auto;
	}

	
	#shipping .content-lists{
    width:90%;
		margin:0 auto 20px auto;
		padding:10px 0;
	}

	
	.apply-price-section div.table{
  display:table;
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  }
	.apply-price-section div.table > ul.table-row{
  display:table-row;
  list-style: none;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell{
  display:table-cell;
  list-style: none;
  padding:2vw 0;
  border-top:1px solid #dcdcdc;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(1){
    border-right:1px solid #dcdcdc;
		width:35%;
		padding:0.5em 0 0.5em 4%;
		font-size:14px;
		font-weight: bold;
		background:#F2F8F8;
		color:#333;
		vertical-align:top;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(2){
		width:65%;
		padding:0.5em 4% 0.5em 3%;
		font-size:16px;
		color:#333;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(2) .list-unstyled li{
		font-size:16px;
		color:#333;
  }
	.apply-price-section div.table > ul.table-row > li.table-cell:nth-child(2) .list-styled li{
		list-style: "・ ";
		font-size:16px;
		color:#333;
  }
	.apply-price-section div.table > ul.table-row:nth-last-child(1) > li.table-cell{
  border-bottom:1px solid #dcdcdc;
  }

	.apply-price-section .apply-price-about .content-inner p.note-title{
		text-align: left !important;
	}
	
	.apply-price-section .btn-area-page .payment_more{
    font-size:16px;
		color:#333;
		position: relative;
		padding-left:1em;
		padding-right:1.5em;
	}
	.apply-price-section .btn-area-page .payment_more:after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:url(/youji/lib/images/icon_arrow_brown_down.svg) 100% 54% no-repeat;
		background-size:0.8em auto;
	}
	
	.sm-2blocks{
	}
	.sm-2blocks:after{
		content:"";
		display: block;
		clear:both;
	}
	.sm-2blocks > div{
		width:50% !important;
		float:left;
	}
}

/* Components
----------------------------------------------*/
.btn-primary > .glyphicon {
	background: #fff;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	margin-left: 8px;
	padding-top: 3px;
	font-size: 10px;
	text-align: center;
	color: #19b6a9;
}

.apply-price-notesList,
.price-annotation {
	width: 100%;
	max-width: 735px;
	margin: 0 auto;
	padding: 0;
}
.apply-price-notesList .note li {
	padding-left: 1.9em;
}
.apply-price-notesList .note li:before {
	display: none;
}
.apply-price-notesList .note li > .annotation-note {
	margin-right: .2em;
	margin-left: -1.6em;
}


/* ¨å¤ï½²ï½»ç¹§ï½·ç¹æºÎç¹ï½¬ç¹ï½¼ç¹§ï½·ç¹ï½§ç¹ï½³ */
@media screen and (max-width: 767px) {
	.simulation .price-box.pay-every-month dd {
		margin-bottom: 28px;
	}
}
@media screen and (min-width: 768px) {
	.simulation .price-box.pay-every-month dd {
		margin-bottom: 28px;
	}
}
#price-new-1st-year .price-box { background: #d2eefc; }
#price-1st-year .price-box     { background: #fcdcea; }
#price-2nd-year .price-box     { background: #fce1cb; }
#price-3rd-year .price-box     { background: #fef0d0; }
#price-4th-year .price-box     { background: #d8f1dd; }
#price-5th-year .price-box     { background: #f1e0ee; }
#price-6th-year .price-box     { background: #d5eaf6; }

#price-new-1st-year .price-box:nth-child(2) { background: #fff; border-color: #d2eefc; }
#price-1st-year .price-box:nth-child(2)     { background: #fff; border-color: #fcdcea; }
#price-2nd-year .price-box:nth-child(2)     { background: #fff; border-color: #fce1cb; }
#price-3rd-year .price-box:nth-child(2)     { background: #fff; border-color: #fef0d0; }
#price-4th-year .price-box:nth-child(2)     { background: #fff; border-color: #d8f1dd; }
#price-5th-year .price-box:nth-child(2)     { background: #fff; border-color: #f1e0ee; }
#price-6th-year .price-box:nth-child(2)     { background: #fff; border-color: #d5eaf6; }

#price-new-1st-year .price-box dt { color: #77caf5; }
#price-1st-year .price-box dt     { color: #f05096; }
#price-2nd-year .price-box dt     { color: #f06e00; }
#price-3rd-year .price-box dt     { color: #faaf05; }
#price-4th-year .price-box dt     { color: #14aa32; }
#price-5th-year .price-box dt     { color: #a53c96; }
#price-6th-year .price-box dt     { color: #0082c8; }



.btn-area-page {
	width: 100%;
	max-width: 550px;
	margin: 2em auto 0;
	text-align: center;
}

.btn-area-page p {
	margin-bottom: .5em;
	font-size: .9em;
	line-height: 1.3;
	color: #777;
}
.simulation .btn-area-page {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.table-horizontal {
		border-bottom: none;
		max-width: 735px;
		margin-right: auto;
		margin-left: auto;
	}
	.table-horizontal > tbody > tr > th {
		border-bottom: 2px solid #09b2a4;
		background-color: #f1f8f8;
	}
	.table-horizontal > thead {
		display: none;
	}
	.table-horizontal > tbody > tr > th,
	.table-horizontal > tbody > tr > td {
		display: block;
		border-top: none;
		border-right: none;
		border-left: none;
	}
}

/* ç¹§ï½¿ç¹æ¶Îç¹ï¿½ã¨ç¹§ï½µç¹æ´ï¿½ç¹äºï½ºå¶ï½¾ï¿½ */
.case {
	max-width: 735px;
	margin: 2em auto;
}
.case h4 {
	margin-bottom: .8em;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	color: #808080;
}
.case figure > img {
	max-width: 600px;
}
select.form-control,option {
	-webkit-transition: 0.8s;
}
@media screen and (max-width: 767px) {
	select.form-control,option {
		font-size: 16px !important;
	}
}


/*-------simulation---------*/
.apply-price-section .form-area{
	background: none;
}
.apply-price-section .form-area:after {
	content: "";
	display: block;
	width: 11.7%;
	max-width: 70px;
	height: 85px;
	margin: auto;
	background: url('../images/icon_price-arrow.png') 50% 50% no-repeat;
	background-size: 100% auto;
}
.apply-price-section .form-group {
	margin-bottom: 2em;
}
.apply-price-section .simu-ti{
	margin-bottom: 0;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.apply-price-section .form-control {
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fcfcfc;
	border: solid 2px #09b2a4;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.apply-price-section .select-cover {
	position: relative;
}
.apply-price-section .select-cover select {
	cursor: pointer;
}
.apply-price-section .select-cover:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	right: 5%;
	margin: auto;
	border-style: solid;
	border-width: 12px 6.75px 0 6.75px;
	border-color: #19b6a9 transparent transparent transparent;
}
.apply-price-section input[type=radio],
.apply-price-section  input[type=checkbox] {
	display: none;
}
.apply-price-section .radio-inline,
.apply-price-section .checkbox {
	width: 100%;
	margin: 0;
	padding: 0;
}
.apply-price-section .radio-inline label,
.apply-price-section .checkbox label {
	display: table;
	width: 100%;
	height: 70px;
	margin-bottom: 1em;
	padding: 3px 3px 3px 30px;
	vertical-align: middle;
	font-weight: normal;
	color: #000;
	background-color: #fcfcfc;
	border: solid 2px #09b2a4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	cursor: pointer;
}
.apply-price-section .radio-inline input[type=radio]:checked + label,
.apply-price-section .checkbox input[type=checkbox]:checked + label {
	color: #fff;
	background-color: #09b2a4;
}
.apply-price-section .radio-inline label span,
.apply-price-section .checkbox label span {
	display: table-cell;
	vertical-align: middle;
}
.apply-price-section .radio-inline label:before,
.apply-price-section .checkbox label:before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 7px;
	display: block;
	border: solid 2px #09b2a4;
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}
.apply-price-section .radio-inline label:before {
	margin-top: -17px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.apply-price-section .checkbox label:before {
	margin-top: -11px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.apply-price-section .radio-inline input[type=radio]:checked + label:before,
.apply-price-section .checkbox input[type=checkbox]:checked + label:before {
	background-color: #09b2a4;
	border: solid 4px #fff;
}
.apply-price-section .form-class .radio-inline {
	float: left;
	width: 49.6%;
}
.apply-price-section .form-class .radio-inline:first-child {
	margin-right: 0.8%;
}
.apply-price-section .form-pay .radio-inline {
	float: left;
	width: 32.8%;
	margin-left: 0.8%;
}
.apply-price-section .form-pay .radio-inline:first-child {
	margin-left: 0;
}
.apply-price-section .form-option .checkbox {
	width: 100%;
}
.apply-price-section .option-link {
	display: table;
	height: 70px;
	vertical-align: middle;
}
.apply-price-section .option-link a {
	display: table-cell;
	vertical-align: middle;
}
.simulation-area {
	margin: -60px auto 1em;
	padding: 10px;
	background-color: #e9f8f7;
}
@media screen and (max-width: 767px) {
	.simulation-area {
		margin-top: -40px;
	}
}
.simulation-area .simulation-ti {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 18px;
	color: #09b2a4;
}
.simulation-area .simu-ti,
.simulation-area .month-price {
	margin-bottom: 0.5em;
}
.simulation-area dl,
.btn-area .sum-price {
	display: table;
	width: 100%;
}
.simulation-area dl dt,
.btn-area .sum-price dt {
	display: table-cell;
	font-weight: normal;
}
.simulation-area dl dt span.monthA,
.simulation-area dl dt span.monthC {
	padding-left: .5em;
}
.simulation-area dl dd,
.btn-area .sum-price dd {
	display: table-cell;
}
.simulation-area .sum-price {
	margin: 1em 0 0;
	padding: 5px;
	background-color: #fff;
}
.btn-area .sum-price {
	margin: 0 auto 10px;
	padding: 5px;
	background-color: #fff;
}
.simulation-area .sum-price dt,
.btn-area .sum-price dt{
	font-weight: bold;
	font-size: 18px;
}
.simulation-area .sum-price dd,
.btn-area .sum-price dd{
	font-size: 15px;
}
.simulation-area .sum-price dd .price_data,
.simulation-area .sum-price .option2 > span,
.btn-area .sum-price dd .price_data {
	font-weight: bold;
	font-size: 18px;
	color: #f06e00;
}
.simulation-area .cmt {
	margin-left: 2px;
	font-size: 10px;
	font-weight: normal;
	vertical-align: text-top;
}
a.reselect-simu {
	display: inline-block;
	margin-bottom: 4em;
}
@media screen and (min-width: 768px) {
  a.reselect-simu {
	  display: inline-block;
	  margin-bottom: 0em;
  }
}
a.reselect-simu:after {
	content: "\e113";
	margin-left: .2em;
	font-family: 'Glyphicons Halflings';
	vertical-align: -1px;
}
.btn-area .sum-price {
	width: 94%;
	max-width: 735px;
}
@media screen and (min-width: 768px){
	.form-area .form-group > .col-sm-3{
		width: 25%;
	}
	.form-area .form-group > .col-sm-3:not(:first-child){
		text-align: left;
	}
}
@media screen and (max-width: 766px) {
	.apply-price-section .form-area:after{
		height: 0;
		padding-top: 13.7%;
	}
	.apply-price-section .select-cover:after{
		right: 25px;
	}
	.sp-fixed-top .price-toggle{
		display: none !important;
	}
}


#annotateS-6 > li:first-child,
#annotateY-6 > li:first-child,
#annotateS-progress-6 > li:first-child,
#annotateY-progress-6 > li:first-child {
	display: none;
}

