/* Scss Document */
/* Scss Document */
#business > div .box1 .btn, #business > div .box2 .btn { overflow: hidden; text-align: center; font-size: 90%; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

#business > div .box1 .btn:hover, #business > div .box2 .btn:hover { opacity: 0.7; }

#business > div .box1 .btn a, #business > div .box2 .btn a { display: block; color: #fff; line-height: 1; }

#business > div .box1 .btn a:after, #business > div .box2 .btn a:after { content: ""; background-size: contain; display: inline-block; vertical-align: middle; margin-left: 1em; margin-bottom: 2px; }

#business > div { background: #fcfbf8; }

#business > div .inner_wrap { padding: 5% 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

#business > div .box1, #business > div .box2 { width: 46%; padding: 2% 3%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; max-width: 480px; border-top: 10px solid #ffcb94; }

#business > div .box1 h3, #business > div .box2 h3 { font-size: 175%; font-weight: normal; text-align: center; margin-bottom: 0.5em; }

#business > div .box1 div, #business > div .box2 div { float: left; max-width: 50%; margin-bottom: 20px; margin-right: 10px; }

#business > div .box1 .description, #business > div .box2 .description { font-size: 115%; line-height: 1.6; }

#business > div .box1 .btn, #business > div .box2 .btn { width: 360px; max-width: 94%; margin: 20px auto 0; font-size: 120%; font-weight: bold; border-radius: 40px; background: #ffcb94; }

#business > div .box1 .btn a, #business > div .box2 .btn a { padding: 1em 0.5em; position: relative; color: #fff; }

#business > div .box1 .btn a:after, #business > div .box2 .btn a:after { background: url(../img/icon/arrow1.png) no-repeat center center; width: 27px; height: 13px; position: absolute; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { #business > div { background: #fcfbf8; }
  #business > div .inner_wrap { display: block; }
  #business > div .box1, #business > div .box2 { width: 100%; max-width: 100%; font-size: 85%; padding: 5%; margin-bottom: 30px; }
  #business > div .box1 div, #business > div .box2 div { max-width: 40%; }
  #business > div .box1 .btn a:after, #business > div .box2 .btn a:after { right: 2%; } }

/*# sourceMappingURL=business.css.map */