.strong{color:#033C68}.strong.ttl{border-bottom-color:#033C68}.ttl-box.typeA{border-top-color:#b2c8d9;border-bottom-color:#b2c8d9}.ttl-box.typeA .title{color:#033C68}.ttl-box.typeB .title{color:#033C68}.ttl-box.typeC{background:#033C68}.arrows a:before,.arrows span.arr:before{color:#033c68}.article a{color:#033C68}.point:before{color:#033C68}.tbl caption{color:#033C68}.tbl th,.tbl td{border:#033c68 1px solid}.tbl th{background:#eaf1f6}#main-visual .caption{color:#033c68;text-shadow:0 1px 0 #033c68,1px 0 0 #033c68}.gift #main-visual{background-image:url(/manner/images/gift/main_02.png),url(/manner/images/main_bg.png)}.association #main-visual{background-image:url(/manner/images/association/main_02.png),url(/manner/images/main_bg.png)}.wrapping #main-visual{background-image:url(/manner/images/wrapping/main_02.png),url(/manner/images/main_bg.png)}.faq #main-visual{background-image:url(/manner/images/faq/main_02.png),url(/manner/images/main_bg.png)}article.top #main-visual{background-image:url(/manner/images/main_bg.png)}.top .category-box a .title{position:absolute;top:10px;left:-10px;display:inline-block;font-size:20px;font-size:2rem;font-weight:bold;color:#FFF;z-index:2}.top .category-box a .title span{display:inline-block;background:url(/manner/images/obi1.png) no-repeat 0 0;height:50px;padding:10px 10px 0 15px}.top .category-box a .title span:after{content:"";background:url(/manner/images/obi.png) no-repeat 0 0;display:inline;width:32px;height:50px;position:absolute;right:-30px;top:0}#feature-area .title{color:#033c68}.isTablet .top .category-box a .title{position:absolute;top:5px;left:-5px;font-size:18px;font-size:1.8rem}.isTablet .top .category-box a .title span{background-size:auto 100%;height:30px;padding:2px 10px 0 15px}.isTablet .top .category-box a .title span:after{background-size:auto 100%;width:32px;height:30px}.btn-more a {  display: inline-block;  min-width: 390px;  width: auto;  text-decoration: none !important;  background: #000;  font-size: 25px;  font-size: 1.6rem;  color: #fff;  padding: 14px 50px;  position: relative;}

.button {
    width: 40%;
    margin: 45px auto;
}
 .button a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 1em 0;
  width: 100%;
  color: #fff;
  background-color: #333;
  transition: .3s;
  box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px
}
 .button a:after {
  content: '';
  margin-left: 5px;
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg)
}
.button a:hover {
  text-decoration: none;
  background-color: #bbb
}
/*# sourceMappingURL=../map/contents.manners.min.css.map */
