@charset "UTF-8";h1.area_title{font-size:32px}h1.area_title::before{display:inline-block;content:"";background:url(/Content/Image/beginner/icon_01.svg) no-repeat center;width:23.47px;height:32px;vertical-align:middle;margin-right:15px}h2.area_title img{margin-bottom:10px}h2.area_title img.i_san_mall{width:232.67px}section{padding:50px 0}section.application{padding-bottom:0}.bg_area{background:#edf3ff;padding:80px 0 95px 46px;position:relative}.bg_area::after{content:"";background:url(/Content/Image/beginner/main_ph.jpg) no-repeat left top/cover;width:calc(100% - 445px);height:100%;position:absolute;top:0;right:0}.bg_area p{font-weight:bold}.bg_area p:first-child{display:table;width:100%;margin-bottom:20px;height:58px;color:#fff;font-size:25px;position:relative;z-index:1}.bg_area p:first-child::before,.bg_area p:first-child::after{content:"";position:absolute;top:0;z-index:-1}.bg_area p:first-child::before{background:#2271e8;width:357px;height:100%;left:-46px}.bg_area p:first-child::after{width:0;height:0;border-style:solid;border-width:58px 46px 0 0;border-color:#2271e8 transparent transparent transparent;left:311px}.bg_area p:first-child span{display:table-cell;vertical-align:middle;background:url(/Content/Image/beginner/icon_02.svg) no-repeat left 57%;padding-left:60px}.bg_area p:nth-child(2){color:#2271e8;font-size:30px}.video_popup{margin-top:40px}.video_popup ul{display:flex;justify-content:space-between;align-items:center;margin-top:-40px}@media screen and (max-width:768px){.video_popup ul{flex-direction:column}}.video_popup ul li{margin:40px 10px;position:relative}@media screen and (max-width:768px){.video_popup ul li{margin:20px 0 0}}.video_popup ul li a{position:relative}.video_popup ul li a::after{content:"";position:absolute;top:50%;left:50%;background-image:url(/Content/Image/beginner/movie_icon.png);background-size:contain;width:50px;height:50px;transform:translate(-50%,-50%);background-repeat:no-repeat;cursor:pointer}@media screen and (max-width:768px){.video_popup .btn{margin-top:30px}}.overview .btn{width:300px;margin-top:30px}.overview .btn a::before{content:"";display:inline-block;background:url(/Content/Image/icon_contact.svg) no-repeat center/contain;width:19px;height:14px;margin:2px 15px 0 0}.tagble_overview{border-top:1px solid #bed1f5;width:100%}.tagble_overview th,.tagble_overview td{border-bottom:1px solid #bed1f5;padding:25px 20px;vertical-align:middle;text-align:center}.tagble_overview th{background:#edf3ff;width:127px;color:#2271e8}.tagble_overview td{font-size:18px;font-weight:bold}.tagble_overview td:not(:last-child){border-right:1px dashed #ccc}.tagble_overview td span{display:inline-block;margin-right:15px;vertical-align:text-bottom}.tagble_overview td span.txt{font-size:16px;font-weight:normal;text-align:center;margin:10px 0 0}.tagble_overview td span.txt.line{border-bottom:1px solid #e85f22;position:relative}.tagble_overview td span.txt.line::after{content:"";width:100%;border-bottom:1px solid #e85f22;position:absolute;bottom:1px;left:0}.tagble_overview tr.site_name img{width:185.24px}.tagble_overview tr.site_name img.i_san_web{width:189.24px}.flow{max-width:772px;margin:50px auto 0}.flow h3{border:1px solid #2271e8;border-radius:30px;max-width:767px;padding:11px;margin-bottom:20px;color:#2271e8;font-size:22px;text-align:center}.merit{position:relative;margin:30px 0}.merit::before{content:"";background:#edf3ff;width:calc(100vw - 237px);height:100%;position:absolute;top:0;left:-70px;z-index:-1}.merit>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.merit>ul>li{background:#fff;width:calc((100%/3) - 13px);padding:35px 40px 47px;position:relative;z-index:1}.merit>ul>li .num{position:absolute;top:10px;left:10px;z-index:-1}.merit>ul>li .num+p{margin-bottom:20px;text-align:center;height:47px}.merit>ul>li h3{margin-bottom:15px;color:#2271e8;font-size:22px;text-align:center;font-weight:bold}.merit>ul>li h3 span{display:block;font-size:16px;text-align:center}.merit>ul>li .square_list li{font-weight:normal}.merit>ul>li .square_list li:not(:last-child){margin-bottom:5px}.flex_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex_list li{width:calc((100%/2) - 15px)}.flex_list li p[data-mh="txt_group"]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px 20px;font-size:20px;font-weight:bold;text-align:center}.flex_list li p[data-mh="txt_group"] span{text-align:center}.flex_list li>div{padding:22px 40px 25px}.flex_list li p[data-mh="txt_group02"]{margin-bottom:20px}.flex_list li p[data-mh="txt_group02"] span{margin-top:10px;display:block}.flex_list li .btn{max-width:332px;width:100%}.flex_list li .btn a{border:none;color:#fff}.flex_list li .btn a::before{content:"";display:inline-block;background:url(/Content/Image/icon_contact.svg) no-repeat center/contain;width:19px;height:14px;margin-right:10px}.flex_list li .btn a::after{display:none}.flex_list li:nth-child(1){border:1px solid #2271e8}.flex_list li:nth-child(1) p[data-mh="txt_group"]{background:#edf3ff;color:#2271e8}.flex_list li:nth-child(1) .btn a{background:#2271e8}.flex_list li:nth-child(2){border:1px solid #e85f22}.flex_list li:nth-child(2) p[data-mh="txt_group"]{background:#fffde8;color:#e85f22}.flex_list li:nth-child(2) .btn a{background:#e85f22}@media screen and (max-width:768px){h1.area_title{font-size:28px;margin-bottom:25px!important}h1.area_title::before{background:url(/Content/Image/beginner/icon_01.svg) no-repeat center/contain;width:20px;height:32px;vertical-align:sub;margin-right:10px}h2.area_title img{margin-bottom:10px}.bg_area{width:100vw;margin-left:-15px;padding:43px 40px 0;margin-bottom:20px;position:relative}.bg_area::after{display:block;background:url(/Content/Image/beginner/main_ph.jpg) no-repeat center top/cover;margin-top:45px;width:100vw;height:74vw;margin-left:-40px;position:static}.bg_area p:first-child{width:auto;height:51px}.bg_area p:first-child::before{width:calc(100% + 60px);height:100%;left:-40px}.bg_area p:first-child::after{width:0;height:0;border-style:solid;border-width:51px 40px 0 0;left:auto;right:-60px}.overview .btn{max-width:300px;width:100%;margin-top:30px}.overview .btn a::before{content:"";display:inline-block;background:url(/Content/Image/icon_contact.svg) no-repeat center/contain;width:19px;height:14px;margin:2px 15px 0 0}.scroll_wrap{overflow-y:scroll}.tagble_overview{width:600px}.tagble_overview th,.tagble_overview td{padding:20px}.tagble_overview th{width:100px}.tagble_overview td{font-size:18px}.tagble_overview td span.txt{font-size:13px}.tagble_overview tr:first-child th>img,.tagble_overview tr:first-child td>img{display:block;margin:0 auto}.flow{max-width:772px;margin:50px auto 0}.flow h3{padding:17px 10px;margin-bottom:20px;font-size:16px}.flow p{width:85%}.merit{margin:20px 0}.merit::before{width:100vw;left:-15px}.merit>ul{display:block}.merit>ul>li{width:100%;padding:35px 40px 47px}.merit>ul>li:not(:last-child){margin-bottom:15px}.merit>ul>li .num{position:absolute;top:10px;left:10px;z-index:-1}.merit>ul>li .num+p{margin-bottom:20px;text-align:center;height:47px}.flex_list{display:block}.flex_list li{width:100%}.flex_list li:nth-child(1){margin-bottom:20px}.flex_list li>div{padding:22px 20px 25px}.flex_list li .btn{max-width:332px;width:100%}.flex_list li .btn a{padding:0}}