/* =================================================================== use second =================================================================== */
/* =================================================================== _mixin.css =================================================================== */
html { font-size: 10px; }
/*---------------------------------------------------------------------------*/
header { background: url(../../common/images/ttl_bg.png) repeat left top; min-width: 1200px; }
header h1 { margin: 0 auto; width: 1000px; }
@media screen and (max-width: 767px) { header { min-width: 320px; }
  header h1 { margin: 0 auto; width: 100%; } }
.contents { background-color: #f9fdf1; min-width: 1200px; padding: 40px 0 60px; }
.contents .wrap { margin: 0 auto; width: 1000px; }
.contents .wrap .new_item { display: inline-block; margin-right: 30px; vertical-align: top; width: 290px; }
.contents .wrap .new_item .ttl { margin: 0 auto 10px; text-align: center; }
.contents .wrap .new_item .text { margin-bottom: 10px; text-align: center; }
.contents .wrap .new_item .bnr_catalog { margin: 30px 0 0; }
.contents .wrap .new_item .bnr_catalog a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .wrap .new_item .bnr_catalog a:hover { opacity: 0.7; }
.contents .wrap .column { margin: 0 auto; width: 670px; }
.contents .wrap .column .box { margin-bottom: 10px; }
.contents .wrap .column .box.item_01 ul li .inner { border-left: #a9d06b 8px solid; }
.contents .wrap .column .box.item_02 ul li .inner { border-left: #ed787d 8px solid; }
.contents .wrap .column .box.item_03 ul li .inner { border-left: #ef8030 8px solid; }
.contents .wrap .column .box h2 { margin-bottom: 25px; }
.contents .wrap .column .box ul { margin: 0 -20px; }
.contents .wrap .column .box ul li { border-bottom: #d1bd9f 2px dotted; display: inline-block; margin: 0 20px 35px; padding-bottom: 15px; vertical-align: top; width: 310px; }
.contents .wrap .column .box ul li .inner { border-left: #a9d06b 8px solid; min-height: 145px; line-height: 1.8em; padding-left: 15px; }
.contents .wrap .column .box ul li .inner .ttl { margin-bottom: 20px; }
.contents .wrap .column .box ul li .inner .btn_pdf { text-align: center; }
.contents .wrap .column .box ul li .inner .btn_pdf a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.contents .wrap .column .box ul li .inner .btn_pdf a:hover { opacity: 0.7; }
@media screen and (max-width: 767px) { .contents { background-color: #f9fdf1; min-width: 320px; padding: 20px 0 10px; width: 100%; }
  .contents .wrap { margin: 0 auto; max-width: 500px; width: 90%; }
  .contents .wrap .new_item { display: block; margin: 0 auto 20px; vertical-align: top; width: 50%; }
  .contents .wrap .new_item .ttl { margin-bottom: 10px; text-align: center; width: 100%; }
  .contents .wrap .new_item .text { font-size: 1.2rem; margin-bottom: 10px; text-align: center; }
  .contents .wrap .new_item .bnr_catalog { margin: 20px 0 0 -50%; width: 200%; }
  .contents .wrap .new_item .bnr_catalog a:hover { opacity: 1; }
  .contents .wrap .column { display: block; margin: 0 auto; width: 90%; }
  .contents .wrap .column .box { margin-bottom: 10px; }
  .contents .wrap .column .box.item_01 ul li .inner { border-left: #a9d06b 8px solid; }
  .contents .wrap .column .box.item_02 ul li .inner { border-left: #ed787d 8px solid; }
  .contents .wrap .column .box.item_03 ul li .inner { border-left: #ef8030 8px solid; }
  .contents .wrap .column .box h2 { margin-bottom: 25px; }
  .contents .wrap .column .box ul { margin: 0 0; }
  .contents .wrap .column .box ul li { border-bottom: #d1bd9f 2px dotted; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 0 15px; padding-bottom: 15px; vertical-align: top; width: 100%; }
  .contents .wrap .column .box ul li .inner { border-left: #a9d06b 8px solid; font-size: 1.2rem; min-height: 0; line-height: 1.8em; padding-left: 15px; }
  .contents .wrap .column .box ul li .inner .ttl { margin-bottom: 20px; }
  .contents .wrap .column .box ul li .inner .btn_pdf { text-align: right; }
  .contents .wrap .column .box ul li .inner .btn_pdf a:hover { opacity: 1; } }
footer { padding: 45px 0; min-width: 1200px; position: relative; }
footer .pagetop { position: absolute; top: -30px; right: 50px; }
footer .pagetop a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .pagetop a:hover { opacity: 0.7; }
footer .logo { margin-bottom: 15px; text-align: center; }
footer .copy_sec { font-size: 1.2rem; text-align: center; }
@media screen and (max-width: 767px) { footer { padding: 25px 0; min-width: 320px; }
  footer .pagetop { height: 50px; position: absolute; top: 10px; right: 10px; width: 50px; }
  footer .logo { margin: 0 auto 10px; max-width: 180px; text-align: center; width: 50%; }
  footer .copy_sec { font-size: 1rem; text-align: center; } }