/*	lower h2
============================== */
@media all and (min-width: 768px) {
   .present h2 {
		background-position: left -550px;
   }
}
/*	lower h2 (00px ÷ 782) */
@media all and (max-width: 767px) {
   .present h2 {
		background-position: left 75.125448%;
   }
}
.present div.atcl_inner {
   padding: 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?0110);
	width:920px;
	height:726px;
   margin: 0 auto;
}
}
@media all and (max-width: 767px) {
div.present_pic p {
	background-image:url(../img/present_smp.jpg?0110);
	overflow:hidden;
	background-size:cover;
	height:0;
	padding-top:114.5110410094637%;
}
}
div.qo {
   text-align: center;
   background-color: #f0d4d2;
   border-radius: 10px;
   padding: 15px 15px 0.1px;
   margin: 15px;
}
p.q {
   background-color: #fff;
   padding: 1em;
   border-radius: 5px;
}
p.qn {
   text-align: center;
   color: #e23d35;
   background-color: #f0d4d2;
   width: 46px;
   height: 46px;
   margin: 0 auto;
   border-radius: 50%;
}
p.a {
   color: #e23d35;
}
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;
}
}