@charset "utf-8";

/*
==============================================================
                                                          基本
==============================================================
*/

#contents * { box-sizing: border-box;}
#contents { width: 920px; margin-left: auto; margin-right: auto; font-size: 12px; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

#contents p.center_align { text-align: center;}

#contents img { display: block; margin: 0; padding: 0; text-align: center; vertical-align: bottom;}
#contents img.lazyload { margin: auto;}
#contents a img { border: none;}

#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents p { display: block; width: 100%;  margin: 0; padding: 0;}

#contents h1 img { display: block; text-align: left !important; margin: 0;}
#contents h2 img { display: block; margin-left: auto; margin-right: auto;}

.clearfix:after { content: ""; clear: both; display: block;}

/* クリアランス */
#contents .cl130 { margin-bottom: 130px !important;}
#contents .cl120 { margin-bottom: 120px !important;}
#contents .cl110 { margin-bottom: 110px !important;}
#contents .cl100 { margin-bottom: 100px !important;}
#contents .cl90 { margin-bottom: 90px !important;}
#contents .cl80 { margin-bottom: 80px !important;}
#contents .cl70 { margin-bottom: 70px !important;}
#contents .cl60 { margin-bottom: 60px !important;}
#contents .cl50 { margin-bottom: 50px !important;}
#contents .cl40 { margin-bottom: 40px !important;}
#contents .cl30 { margin-bottom: 30px !important;}
#contents .cl20 { margin-bottom: 20px !important;}
#contents .cl10 { margin-bottom: 10px !important;}
#contents .cl05 { margin-bottom: 5px !important;}
#contents .cl01 { margin-bottom: 1px !important;}

/* ローディング */
#contents .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) center no-repeat #fff;}

/*
==============================================================
                                                    コンテンツ
==============================================================
*/

#contents .charmpoint { width: 436px; margin: 0 12px; float: left; position: relative;}
#contents .charmpoint h3 { display: block; position: absolute; top: -60px; left: 0;}
#contents .charmpoint a { display: block; background: #fff; position: absolute; left: 30px; bottom: -15px;}

#contents .yellow_wrapper { padding: 50px 0 10px 0; background: #ffcd00;}

#contents .case_wrapper { height: 348px; margin-bottom: 4px; position: relative;}
#contents .case_wrapper img { position: absolute;}
#contents .case_wrapper img:nth-of-type(2) { right: 0;}