/*	lower h2
============================== */
.present h2 {
   background-image: url(../img/present_h1.jpg);
   background-repeat: no-repeat;
   white-space: nowrap; text-indent: 110%; overflow: hidden;
}
@media all and (min-width: 768px) {
   .present h2 {
      width: 956px;
      height: 207px;
   }
   article.outer {
      padding: 0;
   }
   div.atcl_inner {
      margin-top: -80px;
   }
   .present .button a {
      margin: 15px auto 22px;
   }
}
/*	lower h2 (00px ÷ 782) */
@media all and (max-width: 767px) {
   .present h2 {
		background-position: left 75.125448%;
   }
}
.present div.atcl_inner {
   padding: 0;
   margin-bottom: 0;
}

/*	present_pic
============================== */
div.present_pic p {
	background-repeat:no-repeat;
	background-position:left top;
   white-space: nowrap;
   text-indent: 100%;
   overflow: hidden;
}
@media all and (min-width: 768px) {
div.present_pic p {
	background-image:url(../img/present.jpg?0510);
	width:920px;
	height:586px;
   margin: 0 auto;
}
}
@media all and (max-width: 767px) {
div.present_pic p {
	background-image:url(../img/present_smp.jpg?0510);
	overflow:hidden;
	background-size:cover;
	height:0;
	padding-top:186.5930599369085%;
}
}
div.qo {
   text-align: center;
   background-color: #461885;
   padding: 15px 15px 0.1px;
   margin: 15px;
}
p.q {
   background-color: #fff;
   padding: 1em;
}
p.qn {
   text-align: center;
   color: #e23d35;
   background-color: #f0d4d2;
   width: 46px;
   height: 46px;
   margin: 0 auto;
   border-radius: 50%;
}
p.a {
   color: #ffffa3;
}
p.qn span.font {
    font-family: 'Dosis-Bold', 'sans serif';
    font-size: 30px;
}
ul.kome {
   padding: 0 15px 15px;
}
@media all and (min-width: 768px) {
   div.qbn {
      padding: 30px;
   }
}
@media all and (max-width: 767px) {
   div.qbn {
      padding: 15px;
   }
}
div.qbn dl dt {
	float:left;
	line-height:1.5;
}

div.qbn dl dd {
	margin-left:2.5em;
	margin-bottom:8px;
	line-height:1.5;
}
}