@charset "utf-8";
/* CSS Document */


.present{
  max-width: 880px;
  margin: 20px auto 20px;
  padding: 0 1em;
}

 .merit_box,.juten_box,.reason_box {
  letter-spacing: .3px;
  margin: 3.0em 0;
}

 .merit_box_title {
   font-size: 2.0em;
   font-weight: bold;
   font-family: 'ui-serif';
   text-align: center;
   color: #d7000f;
 }

 .merit_box_title img {
   width: 10%;
   min-width: 80px;
   margin: -8px 0;
 }
 
.merit_box_txt,.juten_box_txt,.reason_box_txt {
  margin: 0;
  padding: 1.0em;
}

.g-container span {
  font-weight: bold;
}

.merit_box_txt ul {
  padding: 6px 12px 6px 36px;
}

.merit_box_txt li {
  padding: 0.15em 0;
  list-style: disc;
}

.reason_box_txt hr {
  box-sizing: content-box;
  overflow: visible;
  border: 1px solid var(--clr-gray-light);
}

.cost {
  background-color: var(--clr-tag-blue);
  padding: 20px;
}

.cost_title {
  font-size: 1.5em;
  text-align: center;
  color : var(--clr-white);
}


.notice{
  color : var(--clr-white);
  text-align: center;
}


.cost_boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	padding: 10px;
}

.cost_box {
  width: 90%;
  height: auto;
  background-color: var(--clr-white);
  position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
  margin:10px auto;
}

.cost_box p {
  text-align: center;
}

.cost_box span{
  display: inline-block;
}

.price {
  font-size:3.0em;
  font-family: ui-serif;
  color: var(--clr-important);
 }
 
.price_tax {
	writing-mode: vertical-rl;
	letter-spacing: -5px;
 }
 
 .size {
   margin: 10px 10px 0 0;
 }


.reason_box_txt h3 {
	color:#005bac;
	font-size:1.2em;
}

.reason_box_txt hr {
	margin: 3em 0;
}



/*SP S*/
@media only screen and (min-width : 376px) {

.merit_box,.juten_box,.reason_box p {
  padding: 0.5em;
}

}

/*SP*/
@media only screen and (min-width : 426px) {
}

/*TB*/
@media only screen and (min-width : 879px) {
.cost_box {
	width: calc(48%);
	padding: 20px 10px 10px;
	box-sizing: border-box;
}

}

/*PC*/
@media only screen and (min-width : 1020px) {
}