@charset "utf-8";
.hanao_imgmid { margin:30px 10px; text-align:center; }
.hanao_imgmid2 { padding:0 10px 30px 10px; text-align:center; }
.hanao_imgmid2 img { max-width:433px; width:100%; height:auto; }
.hanao_intro_cont { max-width:770px; margin:0 auto 30px; padding:0 10px; color:#666666; font-size:1.6rem; text-align:center; line-height:2.2; }
.hanao_intro_cont_ex { max-width:650px; padding:15px; background:#F8F3ED; color:#928576; font-size:1.4rem; text-align:center; }
.hanao_orderflow { padding:25px 0 0; background:#F8F3ED }
.hanao_odrflw_in { max-width:840px; margin:0 auto; }
.hanao_flow_lst { overflow:hidden; }
.hanao_flow_lst li { width:100%; display:table; margin-bottom:13px; padding:20px 0; background:#fff; }
.hanao_flow_num { display:table-cell; vertical-align:middle; text-align:center; }
.hanao_flow_cont { display:table-cell; vertical-align:middle; padding:0 10px 4px 0; }
.hanao_flow_ttl { color:#928576; font-size:1.6rem; }
.hanao_flow_cont { font-size:1.4rem; }
.hanao_flow_lnk { overflow:hidden; }
.hanao_flow_lnk dt { width:170px; background:#ef8fa6; color:#fff; text-align:center; line-height:30px; }
.hanao_flow_note { color:#999; font-size:1.3rem; }
.hanao_flow_ex { padding:0 10px 40px; color:#928576; font-size:1.4rem; text-align:center; line-height:2; }
.hanao_organize { overflow:hidden; max-width:860px; margin:0 auto 70px; padding:0 10px; }
.hanao_org_thumb { padding:0 0 15px 0; text-align:center; }
.hanao_org_cont { font-size:1.6rem; line-height:1.8;}
@media screen and (max-width:539px) {
.hanao_flow_lnk dt{ margin-bottom:5px;}
}
 @media screen and (min-width:540px) and (max-width:767px) {
.hanao_flow_lnk dt{ float:left;}
.hanao_flow_lnk dd{ padding:4px 0 0 180px;}
}
@media screen and (max-width:767px) {
.hanao_youtube { position:relative; width:100%; padding-top:56.25%; max-width:650px; }
.hanao_youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; border:none; }
.hanao_imgmid { margin:10px 0 20px; text-align:center; }
.hanao_imgmid2 { padding:0 20px 30px; text-align:center; }
.hanao_intro_cont_ex,.hanao_youtube{ margin:0 auto 30px;}
.hanao_flow_lst{padding:0 10px 10px 10px;}
.hanao_flow_lst li{border-radius:8px;}
.hanao_flow_num{ width:85px;}
.hanao_orderflow{ margin-bottom:25px;}
}
@media screen and (min-width:768px),print {
.hanao_intro_cont_ex{ margin:0 auto 67px;}
.hanao_youtube{margin:0 auto 60px;width:650px;}
.hanao_youtube iframe { width:650px; height:366px; border:none; }
.hanao_flow_lst{padding:0 0 10px 0;}
.hanao_flow_lst li{border-radius:100px;}
.hanao_flow_num{ width:125px;}
.hanao_flow_lnk dt{ float:left; }
.hanao_flow_lnk dd{ padding:4px 0 0 180px;}
.hanao_org_thumb{ float:left; width:300px;}
.hanao_org_cont{ float:right; width:510px; }
}