/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
.blue { color: #00439B; }

.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.imgScale, .img_ef img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; }

.imgScaleHv { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.img_ef { position: relative; overflow: hidden; display: block; }

@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait) { body { padding-top: 82px; } }

.header { position: fixed; }

.breadcrumb { margin-bottom: 0; }

.box_breadcrumb { margin-bottom: 0; }

.download .boxDesc { text-align: center; margin: 82px 0 45px; font-size: 15px; font-size: 1.5rem; line-height: 30px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxDesc { margin: 25px 0; text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 23px; } }

.download .boxDesc .txt18 { font-size: 18px; font-size: 1.8rem; letter-spacing: 0em; margin-bottom: 10px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxDesc .txt18 { font-size: 16px; font-size: 1.6rem; line-height: 27px; } }

@media only screen and (max-width: 350px) { .download .boxDesc .txt18 { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

.download .boxAnchor { margin-bottom: 112px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor { margin-bottom: 90px; } }

.download .boxAnchor ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; } }

.download .boxAnchor ul li { text-align: center; width: 14.2857%; border-left: 1px solid #ADADAD; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li { width: 50%; border-left: none; border-bottom: 1px solid #ADADAD; } }

.download .boxAnchor ul li:first-child { border-left: none; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li:last-child { border-bottom: none; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li:nth-child(odd) { border-right: 1px solid #ADADAD; } }

.download .boxAnchor ul li a { display: block; position: relative; padding: 25px 15px 38px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li a { display: table; width: 100%; text-align: left; padding: 15px 12px; padding-right: 25px; min-height: 72px; } }

.download .boxAnchor ul li a:after { background: url("../../img/download/ar_w.svg") center no-repeat; content: ""; position: absolute; width: 9px; height: 9px; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li a:after { left: auto; right: 12px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

@media only screen and (min-width: 1025px) { .download .boxAnchor ul li a:hover:after { bottom: 10px; } }

.download .boxAnchor ul li .img { display: block; margin-bottom: 18px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li .img { display: table-cell; vertical-align: middle; width: 32px; margin-bottom: 15px; } }

.download .boxAnchor ul li .title { display: table; width: 100%; font-size: 15px; font-size: 1.5rem; line-height: 20px; font-weight: bold; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .download .boxAnchor ul li .title { display: table-cell; vertical-align: middle; width: calc(100% - 32px); padding-left: 10px; } }

@media only screen and (max-width: 350px) { .download .boxAnchor ul li .title { font-size: 11px; font-size: 1.1rem; padding-left: 6px; } }

.download .boxAnchor ul li .title span { display: table-cell; vertical-align: middle; }

.boxList .container { max-width: 1240px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .container { padding: 0; } }

.boxList .boxItem { margin-bottom: 90px; }

.boxList .boxItem:last-child { margin-bottom: 50px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .boxItem:last-child { margin-bottom: 40px; } }

.boxList .boxItem .txttitle { font-size: 30px; font-size: 3rem; line-height: 55px; font-weight: bold; text-align: center; margin-bottom: 29px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .boxItem .txttitle { margin-bottom: 20px; padding: 0 20px; } }

@media only screen and (max-width: 350px) { .boxList .boxItem .txttitle { font-size: 25px; font-size: 2.5rem; } }

.boxList .boxItem .txttitle .img, .boxList .boxItem .txttitle .title { display: inline-block; vertical-align: middle; }

.boxList .boxItem .txttitle .title { padding-left: 16px; }

.boxList .itemList { background-color: #FFF5F2; padding: 50px 23px 8px; }

.boxList .itemList:before, .boxList .itemList:after { content: " "; display: table; }

.boxList .itemList:after { clear: both; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .itemList { padding: 40px 20px 62px; } }

.boxList .itemList .item { float: left; width: 50%; padding: 0 27px 45px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .itemList .item { float: none; width: 100%; padding: 0 0 35px; }
  .boxList .itemList .item:last-child { padding-bottom: 0; } }

.boxList .itemList .item:nth-child(2n+1) { clear: both; }

.boxList .itemList .item__box1 { margin-bottom: 12px; }

.boxList .itemList .item__box1:before, .boxList .itemList .item__box1:after { content: " "; display: table; }

.boxList .itemList .item__box1:after { clear: both; }

.boxList .itemList .item__box1 .img { float: left; width: 108px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .itemList .item__box1 .img { width: 88px; } }

.boxList .itemList .item__box1 .bcontent { float: left; width: calc(100% - 108px); padding-left: 20px; margin-top: 10px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .itemList .item__box1 .bcontent { width: calc(100% - 88px); padding-left: 12px; margin-top: -4px; } }

.boxList .itemList .item__box1 .bcontent h3 { font-size: 22px; font-size: 2.2rem; line-height: 30px; font-weight: bold; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxList .itemList .item__box1 .bcontent h3 { font-size: 19px; font-size: 1.9rem; line-height: 30px; } }

.boxList .itemList .item__box1 .bcontent .txtSub { font-size: 12px; font-size: 1.2rem; line-height: 21px; font-weight: bold; }

.boxList .itemList .item .boxCheck { background: #fff; padding: 20px 17px 22px; border: 1px dotted #909090; }

.boxList .itemList .item .boxCheck label { display: block; letter-spacing: 0.05em; padding: 0; position: relative; font-size: 16px; font-size: 1.6rem; line-height: 25px; padding-left: 30px; margin-bottom: 8px; }

.boxList .itemList .item .boxCheck label:last-child { margin-bottom: 0; }

.boxList .itemList .item .boxCheck label input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 17px; height: 17px; border-radius: 0; border: 1px solid #9A9A9A; display: inline-block; vertical-align: middle; margin-right: 14px; position: absolute; left: 0; top: 4px; }

.boxList .itemList .item .boxCheck label input[type="checkbox"]:checked { background: url("../../img/download/ar_check.svg") center/100% no-repeat; border: none; }

.boxChoose { display: table; padding: 35px 45px; width: 100%; border: 1px dotted #909090; margin-bottom: 62px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxChoose { padding: 22px 20px; border-style: solid; display: block; margin-bottom: 55px; } }

.boxChoose__title, .boxChoose__list { display: table-cell; vertical-align: top; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxChoose__title, .boxChoose__list { display: block; } }

.boxChoose__title { font-size: 18px; font-size: 1.8rem; line-height: 35px; font-weight: bold; width: 135px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxChoose__title { width: 100%; font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } }

.boxChoose__list { width: calc(100% - 135px); font-size: 16px; font-size: 1.6rem; line-height: 35px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxChoose__list { width: 100%; font-size: 14px; font-size: 1.4rem; line-height: 23px; } }

.boxFix { margin-bottom: 124px; background: rgba(255, 255, 255, 0.85); }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxFix { margin-bottom: 55px; } }

.boxFix .fix { display: none; }

.boxFix.fix_bottom { position: fixed; bottom: 0; left: 0; right: 0; margin: 0; padding: 15px; z-index: 5; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxFix.fix_bottom { padding: 0; }
  .boxFix.fix_bottom .container { padding: 0; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxFix.fix_bottom .fix { display: block; } }

.boxFix.fix_bottom .btn_cm { height: 65px; font-size: 16px; font-size: 1.6rem; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxFix.fix_bottom .btn_cm { height: 60px; width: 113px; border-radius: 0; font-size: 13px; font-size: 1.3rem; line-height: 18px; margin: 0; padding: 11px 15px; }
  .boxFix.fix_bottom .btn_cm.btn_cm__blue { width: calc(100% - 113px); font-size: 16px; font-size: 1.6rem; line-height: 23px; padding-right: 40px; padding-left: 15px; } }

@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 350px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 350px) { .boxFix.fix_bottom .btn_cm.btn_cm__blue { font-size: 12px; font-size: 1.2rem; } }

.boxBtn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.boxBtn .btn_cm { max-width: 527px; margin: 0 14px; font-size: 22px; font-size: 2.2rem; letter-spacing: 0.08em; border-radius: 55px; height: 80px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxBtn .btn_cm { height: 70px; margin: 0 0 20px; max-width: 100%; width: 100%; font-size: 18px; font-size: 1.8rem; } }

@media only screen and (max-width: 350px) { .boxBtn .btn_cm { font-size: 16px; font-size: 1.6rem; } }

@media only screen and (min-width: 1025px) { .boxBtn .btn_cm:hover { opacity: 0.7; } }

.boxBtn .btn_cm__gray { max-width: 221px; font-size: 16px; font-size: 1.6rem; letter-spacing: 0em; display: table; width: 100%; }

.boxBtn .btn_cm__gray span { display: table-cell; vertical-align: middle; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxBtn .btn_cm__gray { max-width: 100%; height: 55px; font-size: 15px; font-size: 1.5rem; margin-bottom: 0; } }

.boxBtn .btn_cm__gray:hover { background-color: #A5A5A5; }

.boxBtn .btn_cm__blue { padding-left: 63px; padding-right: 63px; background: #00439B url("../../img/download/ar_r.svg") right 42px center no-repeat !important; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxBtn .btn_cm__blue { padding-left: 30px; padding-right: 30px; background-size: 13px !important; background-position: center right 20px !important; } }

/*# sourceMappingURL=maps/download.min.css.map */