@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------*/
/*  For Open Banking Service - Intro Pages  */
/*----------------------------------------------------------------------------------------------------*/
.cmsArea > ul li a { text-decoration: none; }
.dashline { padding: 20px 0px; border-bottom: 1px dashed black; }

/*----------------------------------------------------------------------------------------------------*/
/*  For Open Banking Service - Overview Pages  (IAOP) */
/*----------------------------------------------------------------------------------------------------*/
.tool_description a:hover { text-decoration: underline; text-decoration-color:#00ccff;  }
.divBox_iaop a:hover { text-decoration: underline; }
.divBox_iaop img { border-radius: 15px; }
.divBox_iaop ul { margin-left: -8px; }
.divBox_iaop ul li { background: url(/tch/images/cards/yellow_btn.png) no-repeat 10px 7px; margin-bottom: 10px; padding-left: 30px; }
.divBox_iaop ol { margin-top: 16px; margin-left: 16px; }
.divBox_iaop ol li { margin-bottom: 10px; padding-left: 10px; }
.divBox_iaop { display: relative; }
.divBox_iaop .area_1 { display: flex; flex-direction: row; }
.divBox_iaop .area_1 div:first-child { padding: 10px 10px 10px 0px; width: 40%; }
.divBox_iaop .area_1 div:last-child { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.divBox_iaop .area_1 div:last-child { padding: 10px 10px 10px 34px; width: 60%; margin-top: -14px; }
.divBox_iaop .area_1 div:last-child > ul { margin-top: 18px; }
.divBox_iaop .area_1 div:last-child > ul li {  }
.divBox_iaop .area_2 { display: flex;  justify-content: center; margin-top: 20px; margin-bottom: 30px; text-align: center; vertical-align: middle; }
.divBox_iaop .area_2 p { border: 2px solid darkblue; border-radius: 5px; padding:10px; }
.divBox_iaop .area_2 .advBan { border: 2px solid darkblue; border-radius: 5px; padding:10px; }
.divBox_iaop .area_3 { display: flex; flex-direction: row; } 
.divBox_iaop .area_3 div:first-child { padding: 10px 34px 10px 0px; width: 60%; margin-top: -30px; }
.divBox_iaop .area_3 div:last-child { padding: 10px 10px 10px 0px; width: 40%; }
.divBox_iaop .faq_1 { display: block; margin: 10px 0px 50px 0px; }
.divBox_iaop .faq_1 ul { margin-top: 20px; }
.divBox_iaop .faq_1 ul li { line-height: 20px; margin-bottom: 14px; }
}
@media screen and (min-width:741px) and (max-width:984px ) {
}
@media screen and (max-width:740px) {
.contentArea h2 { margin-top: 10px; }
.divBox_iaop .area_1 { display: flex; flex-direction: column; }
.divBox_iaop .area_1 div:first-child { width: 100%; }
.divBox_iaop .area_1 div:last-child { padding: 10px 0px; width: 100%; margin-top: 0px; }
.divBox_iaop .area_3 h2 { margin-top: 10px; }
.divBox_iaop .area_3 { display: flex; flex-direction: column-reverse; } 
.divBox_iaop .area_3 div:first-child { padding: 10px 0px; width: 100%; margin-top: 0px; }
.divBox_iaop .area_3 div:last-child { width: 100%; }
}
/*----------------------------------------------------------------------------------------------------*/