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

.main .main_visual{/*width:100%; height:100vh; background-image:url('/img/main_visual.jpg'); background-repeat:no-repeat; background-size:cover; background-position:50% 50%;*/ position:relative;}
.main .main_cont{width:100%; height:100vh; background-image:url('/img/main_visual.jpg'); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; position:relative;padding-bottom:175px; box-sizing:border-box;}
.main .main_cont .size{height:100%;}
.main .main_cont .cont{height:100%; position:relative;}
.main .main_cont .txt_box{float:left; width:50%; height:100%; padding-top:65px; box-sizing:border-box;}
.main .main_cont .txt_box .txt span{display:block; font-size:4.2rem; font-weight:100; color:#fff; letter-spacing:-3.3px; line-height:1.2;}
.main .main_cont .txt_box .txt strong{display:block; margin-top:10px; font-size:6.8rem; font-weight:800; color:#fff; letter-spacing:-2.5px; line-height:1.3;}
.main .main_cont .txt_box .main_link{margin-top:65px;}
.main .main_cont .txt_box .main_link a{display:block; float:left; box-sizing:border-box; width:100%; max-width:185px; height:75px; font-size:1.8rem; font-weight:600; color:#fff; letter-spacing:-0.5px; position:relative; text-align:left !important;}
.main .main_cont .txt_box .main_link a.link1{padding:0 30px; background-color:#ef2b57; line-height:75px; background-image:url('/img/ico_youtube.png'); background-repeat:no-repeat; background-position:right 25px top 51%;}
.main .main_cont .txt_box .main_link a.link2{margin-left:10px; padding:0 27px; border:3px solid #fff; line-height:69px; background-image:url('/img/ico_write.png'); background-repeat:no-repeat; background-position:right 22px top 51%;}
.main .main_cont .img_box{position:absolute; right:-90px; top:50%; z-index:10; margin-top:-245px;}

.main .notice{width:100%; position:absolute; left:0; bottom:0; background-color:rgba(0, 0, 0, 0.4);}
.main .notice .inner{padding:38.5px 0; box-sizing:border-box;}
.main .notice .title{font-size:0;}
.main .notice .title a{display:inline-block; padding-right:30px; box-sizing:border-box; font-size:2rem; font-weight:400; color:#fff; letter-spacing:-0.3px; line-height:1; text-transform:uppercase; position:relative;}
.main .notice .title a::before{content:''; display:block; clear:both; width:14px; height:15px; position:absolute; right:0; top:50%; margin-top:-8px; background-image:url('/img/ico_plus.png'); background-repeat:no-repeat; background-position:50% 50%;}
.main .notice .cont{margin-top:25px;}
.main .notice .cont .left{float:left; width:50%; padding:0 25px; box-sizing:border-box; border-left:1px solid rgba(255, 255, 255, 0.3);}
.main .notice .cont .right{float:left; width:50%; padding:0 25px; box-sizing:border-box; border-left:1px solid rgba(255, 255, 255, 0.3);}
.main .notice .cont .notice_odd, .main .notice .cont .notice_even{padding:4px 0; box-sizing:border-box; height:53px;}
.main .notice .cont .s_cont .tit em{display:block; height:19px; font-size:1.8rem; font-weight:500; color:#fff; letter-spacing:-0.5px; line-height:1; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.main .notice .cont .s_cont .txt{margin-top:13px; position:relative;}
.main .notice .cont .s_cont .txt span{position:absolute; left:0; top:0; width:80px; font-size:1.4rem; font-weight:500; color:rgba(255, 255, 255, 0.7); letter-spacing:-0.5px; line-height:1;}
.main .notice .cont .s_cont .txt p{padding-left:80px; box-sizing:border-box; font-size:1.4rem; font-weight:500; color:rgba(255, 255, 255, 0.7); letter-spacing:-0.3px; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height:1;}

.sub .sub_visual .visual{ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.sub .sub_visual .visual .visual_tit{height:320px; padding-top:100px; box-sizing:border-box; text-align:center;}
.sub .sub_visual .visual h2{margin-bottom:15px; font-size:3.6rem; font-weight:800; color:#fff; letter-spacing:-0.5px; line-height:1.1;}
.sub .sub_visual .visual span{display:block; font-size:1.4rem; font-weight:400; color:rgba(255, 255, 255, 0.3); letter-spacing:0; line-height:1.1; text-transform:uppercase;}
.sub .sub_visual .navi{background-color:#eee;}
.sub .sub_visual .navi .inner{padding:11px 0; box-sizing:border-box;}
.sub .sub_visual .navi a{display:block; float:left; padding:0 12.5px; box-sizing:border-box; font-size:12px; font-weight:300; color:#555; letter-spacing:0; line-height:1; position:relative;}
.sub .sub_visual .navi a:before{content:''; display:block; clear:both; width:8px; height:1px; position:absolute; left:-4px; top:6px; background-color:#555;}
.sub .sub_visual .navi a:first-child{padding:1.1px 11px 1.1px 0; font-weight:800;}
.sub .sub_visual .navi a:first-child::before{display:none;}

.sub .cont_wrap{min-height:800px; padding:70px 0 100px; box-sizing:border-box;}

b.as_b{position:absolute; left:0; top:3px; font-weight:600;}
span.ba{position:relative; padding:0 3px; box-sizing:border-box; display:inline-block;}
span.ba::before{content:'「'; position:absolute; left:-11px;; top:0;}
span.ba::after{content:'」'; position:absolute; right:-11px;; bottom:-2px;}

.sub.business .cont_wrap{padding:70px 0 100px;}

.sub.case .cont_wrap{padding:0;}
.sub.case .size{padding:0 40px;}

.sub.business .size{padding:0 40px;}
.sub.business .cont1 .img_box{float:left; width:22.6%; padding-left:30px; box-sizing:border-box;}
.sub.business .cont1 .img_box img{max-width:100%;}
.sub.business .cont1 .txt_box{float:left; width:77.4%; padding:45px 0 0 45px; box-sizing:border-box;}
.sub.business .cont1 .txt_box .tit{padding-bottom:20px; box-sizing:border-box; position:relative;}
.sub.business .cont1 .txt_box .tit em{display:block; font-size:3.2rem; font-weight:100; color:#333; letter-spacing:-2.5px; line-height:1.45;}
.sub.business .cont1 .txt_box .tit em strong{font-weight:800;}
.sub.business .cont1 .txt_box .tit .down_wrap{position:absolute; right:0; top:6px;}
.sub.business .cont1 .txt_box .tit .down_wrap a{display:block; float:left; padding:0 20px; box-sizing:border-box; margin-left:5px; width:134px; height:40px; font-size:1.5rem; font-weight:500; color:#556978; letter-spacing:-0.3px; line-height:38px; border-radius:3px; border:1px solid #909da6; background-image:url('/img/ico_down.png'); background-repeat:no-repeat; background-position:right 14px top 51%;}
.sub.business .cont1 .txt_box .tit .down_wrap a:first-child{margin-left:0;}
.sub.business .cont1 .txt_box .tit .down_wrap a:hover{background-color:#7e99ad; border-color:#7e99ad; color:#fff;}



.sub.business .cont1 .txt_box .txt{padding-top:20px; box-sizing:border-box; border-top:1px solid #ddd;}
.sub.business .cont1 .txt_box .txt p{font-size:1.8rem; font-weight:300; color:#333; letter-spacing:-0.3px; line-height:1.4;}
.sub.business .cont1 .txt_box .txt span{display:block; padding-left:10px; box-sizing:border-box; margin-top:15px; font-size:1.5rem; font-weight:400; color:#e05353; letter-spacing:-0.3px; line-height:1.3; position:relative;}
.sub.business .cont2{margin-top:60px;}
.sub.business .cont2 .top_cont, .sub.business .cont2 .btm_cont{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.sub.business .cont2 .btm_cont{margin-top:20px;}
.sub.business .cont2 .info{width:50%; box-sizing:border-box;}
.sub.business .cont2 .info:nth-child(odd){padding-right:10px;}
.sub.business .cont2 .info:nth-child(even){padding-left:10px;}
.sub.business .cont2 .info .inner{height:100%; background-color:#f1f1f1;}
.sub.business .cont2 .info span.gray_txt{padding-left:5px; box-sizing:border-box; line-height:1.4;}
.sub.business .cont2 .info span.gray_txt.pic{padding-left:15px;}
.sub.business .cont2 .info span.gray_txt i{position:absolute; left:0; top:0;}
.sub.business .cont2 .info .title{padding:27px 30px; box-sizing:border-box; background-color:rgba(255, 255, 255, 0.5); border-top:1px solid #cfd8e0; border-bottom:1px solid #cfd8e0;}
.sub.business .cont2 .info .title em{display:block; padding:6.5px 0 6.5px 55px; box-sizing:border-box; font-size:2.4rem; font-weight:800; color:#333; letter-spacing:-0.5px; line-height:1.2; position:relative;}
.sub.business .cont2 .info .title em::before{content:''; display:block; clear:both; width:42px; height:41px; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:0 50%;}
.sub.business .cont2 .info1 .title em::before{background-image:url('/img/ico_busi1.png');}
.sub.business .cont2 .info2 .title em::before{background-image:url('/img/ico_busi2.png');}
.sub.business .cont2 .info3 .title em::before{background-image:url('/img/ico_busi3.png');}
.sub.business .cont2 .info4 .title em::before{background-image:url('/img/ico_busi4.png');}
.sub.business .cont2 .info .info_cont{padding:25px 40px; box-sizing:border-box;}
.sub.business .cont2 .info .info_cont .gray_txt{display:block; font-size:1.4rem; font-weight:300; color:#888; letter-spacing:-0.3px; position:relative;}
.sub.business .cont2 .info .info_cont .list1 li{position:relative;}
.sub.business .cont2 .info .info_cont .num_list{counter-reset: item;}
.sub.business .cont2 .info .info_cont .num_list li{margin-top:10px; padding-left:25px; box-sizing:border-box;}
.sub.business .cont2 .info .info_cont .num_list li:first-child{margin-top:0;}
.sub.business .cont2 .info .info_cont .num_list li::before{content: counter(item); counter-increment:item; display:block; clear:both; padding-left:5px; box-sizing:border-box; width:16.75px; height:16.75px; position:absolute; left:0; top:2px; font-size:10px; font-weight:800; color:#fff; letter-spacing:-0.3px; border-radius:16.75px; background-color:#075ca6; line-height:16px;}
.sub.business .cont2 .info .info_cont .dot_list li{padding-left:15px; box-sizing:border-box;}
.sub.business .cont2 .info .info_cont .dot_list li::before{content:''; display:block; clear:both; width:6.8px; height:6.8px; position:absolute; left:0; top:7px; border-radius:6.8px; background-color:#075ca6;}
.sub.business .cont2 .info .info_cont .list1 li .blue_txt em{display:block; font-size:1.7rem; font-weight:500; color:#075ca6; letter-spacing:-0.3px; line-height:1.2;}
.sub.business .cont2 .info .info_cont .list1 li .txt_wrap{margin-top:8px;}
.sub.business .cont2 .info .info_cont .list1 li .txt_wrap p{font-size:1.6rem; font-weight:300; color:#333; letter-spacing:-0.3px; line-height:1.4;}
.sub.business .cont2 .info .info_cont .list1 li span.g_txt1{margin-top:8px; display:block; padding-left:10px; box-sizing:border-box;}
.sub.business .cont2 .info .info_cont .box{margin-top:20px; background-color:#fff; border-radius:5px; box-shadow:0 -2px 15px 0 rgba(3, 3, 3, 0.05); overflow:hidden;}
.sub.business .cont2 .info .info_cont .box .box_tit{padding:10.5px 27px; box-sizing:border-box; background-color:#075ca6;}
.sub.business .cont2 .info .info_cont .box .box_tit strong{display:block; font-size:1.6rem; font-weight:500; color:#fff; letter-spacing:-0.3px; line-height:1.2;}
.sub.business .cont2 .info .info_cont .box .box_txt{padding:25px 27px; box-sizing:border-box;}
.sub.business .cont2 .info .info_cont .box .box_txt span.gray_txt{margin-top:4px;}
.sub.business .cont2 .info .info_cont .list2 li{position:relative;}
.sub.business .cont2 .info .info_cont .list2 li > em{display:block; position:absolute; left:0; top:0; font-size:1.4rem; font-weight:600; color:#075ca6; letter-spacing:-0.3px;}
.sub.business .cont2 .info .info_cont .list2 li{margin-top:15px;}
.sub.business .cont2 .info .info_cont .list2 li:first-child{margin-top:0;}
.sub.business .cont2 .info .info_cont .list2 li .list2_txt{padding-left:30px; box-sizing:border-box;}
.sub.business .cont2 .info .info_cont .list2 li .list2_txt p{font-size:1.5rem; font-weight:400; color:#333; letter-spacing:-0.3px; line-height:1.5;}

.sub.business .cont2 .info3 .info_cont .list2 li{margin-top:10px;}
.sub.business .cont2 .info3 .info_cont .list2 li .list2_txt{padding-left:65px; box-sizing:border-box;}
.sub.business .cont2 .info3 .info_cont .list2 li .list2_txt.pic p{margin-top:3px; position:relative; padding-left:40px; box-sizing:border-box;}
.sub.business .cont2 .info3 .info_cont .list2 li .list2_txt.pic p:first-child{margin-top:0;}
.sub.business .cont2 .info3 .info_cont .list2 li .list2_txt.pic p span{position:absolute; left:0; top:0;}
.sub.business .cont2 .info3 .info_cont .gray_txt{margin-top:20px;}
.sub.business .cont2 .info3 .info_cont .gray_txt p{position:relative; padding-left:10px; box-sizing:border-box;}
.sub.business .cont2 .info3 .info_cont .gray_txt p i{position:absolute; left:0; top:0;}
.sub.business .cont2 .info3 .info_cont .gray_txt ul{padding-left:10px; box-sizing:border-box;}

.sub.business .cont2 .info4 .info_cont .num_list li{margin-top:0; padding:20px 0 20px 25px; border-top:1px dashed #d9d7d7;}
.sub.business .cont2 .info4 .info_cont .num_list li:first-child{padding-top:0; border:0;}
.sub.business .cont2 .info4 .info_cont .num_list li::before{top:22px;}
.sub.business .cont2 .info4 .info_cont .num_list li:first-child::before{top:2px;}
.sub.business .cont2 .info4 .info_cont .list1 li .g_txt2{margin-top:8px;}
.sub.business .cont2 .info4 .info_cont .list1 li .t_wrap p{position:relative; margin-top:4px; padding-left:65px; box-sizing:border-box; line-height:1.4;}
.sub.business .cont2 .info4 .info_cont .list1 li .t_wrap p span{position:absolute; left:0; top:0; font-size:1.5rem; font-weight:500; color:#333; letter-spacing:-0.3px;}
.sub.business .cont2 .info4 .info_cont .gray_txt{margin-top:2px;}

.sub.case .case_sec:nth-child(even){background-color:#e7edf0;}
.sub.case .case_sec:nth-child(odd) .inner{padding:65px 0 60px; box-sizing:border-box;}
.sub.case .case_sec:nth-child(even) .inner{padding:60px 0; box-sizing:border-box;}
.sub.case .case_sec.sec1 .inner{padding:75px 0 60px;}
.sub.case .case_sec.sec6 .inner{padding:60px 0 125px;}
.sub.case .case_sec .title .pc_tit{position:relative; padding-left:65px; box-sizing:border-box;}
.sub.case .case_sec .title .pc_tit .ico{display:block; width:56px; height:61px; position:absolute; left:0; top:0; line-height:56px; text-align:center;}
.sub.case .case_sec .title .pc_tit .txt{padding:3px 0; box-sizing:border-box;}
.sub.case .case_sec .title .pc_tit .txt span{display:block; font-size:1.6rem; font-weight:300; color:#777; letter-spacing:-0.5px; line-height:1.1;}
.sub.case .case_sec .title .mo_tit{display:none; text-align:center;}
.sub.case .case_sec .title .mo_tit span{display:block; font-size:1.6rem; font-weight:300; color:#333; letter-spacing:-0.5px; line-height:1.1;}
.sub.case .case_sec .title .mo_tit strong{display:block; font-size:2.8rem; font-weight:800; color:#333; letter-spacing:-0.5px;}
.sub.case .case_sec .title .txt em{display:block; margin-top:7px; font-size:2.8rem; font-weight:800; color:#075ca6; letter-spacing:-0.5px; line-height:1.2;}
.sub.case .case_sec .cont{margin-top:30px;}
.sub.case .case_sec .img_box{float:left; width:50%; padding-right:13px; box-sizing:border-box; font-size:0; text-align:center;}
.sub.case .case_sec .img_box p{display:inline-block; border:1px solid #ddd; box-sizing:border-box;}
.sub.case .case_sec .txt_box{float:left; width:50%; height:377px; padding-left:20px; box-sizing:border-box;}
.sub.case .case_sec .txt_box table th{padding:20px 10px 20px 0; box-sizing:border-box; font-size:1.8rem; font-weight:600; color:#333; letter-spacing:-0.3px; vertical-align:top; border-top:1px dashed #d9d7d7;}
.sub.case .case_sec .txt_box table tr:first-child th{border-top:0;}
.sub.case .case_sec .txt_box table td{padding:20px 10px; box-sizing:border-box; border-top:1px dashed #d9d7d7;}
.sub.case .case_sec .txt_box table tr:first-child td{border-top:0;}
.sub.case .case_sec .txt_box table td p{font-size:1.8rem; font-weight:300; color:#333; letter-spacing:-0.3px;}
.sub.case .case_sec .txt_box table td .ast{display:block; font-size:1.6rem; font-weight:400; color:#e05353;}

.sub.case .info_box{background: #fff;}
.sub.case .info_box p{padding: 20px ; text-align: center; font-size: 1.6rem; font-weight: 400;color: #777;}

.sub.cscenter .write textarea{resize:none; padding:10px; box-sizing:border-box;}
.sub.cscenter .write .area1{height:150px;}
.sub.cscenter .write .area2{height:100px;}
.sub.cscenter .as{/* margin-top:20px; */}
.sub.cscenter .as p{margin-top:3px; padding-left:20px; box-sizing:border-box; font-size:1.6rem; font-weight:300; color:#333; letter-spacing:-0.3px; position:relative;}
.sub.cscenter .ad p:first-child{margin-top:0;}
.sub.cscenter .as p span{color:#e05353;}
.sub.cscenter .as p::before{content:'※ '; position:absolute; left:0; top:0;}
/* .sub.cscenter .spam{margin-top:30px;} */
.sub.cscenter .spam p{}
.sub.cscenter .spam p:first-child{margin-bottom:15px; font-size:1.75rem; font-weight:500; color:#333; letter-spacing:-0.3px;}
.sub.cscenter .btnSet{margin:50px 0 0;}
.sub.cscenter .qna_pass .btnSet{margin:30px 0 0;}
.sub.cscenter .help_top {background: #f4f6f8;padding-top: 80px; padding-bottom: 80px; border-top: 1px solid #d8dee4;box-sizing: border-box;}
.sub.cscenter .help_top .txt_box{text-align: center;max-width: 780px;margin: 0 auto; word-break: keep-all;}
.sub.cscenter .help_top .txt_box p{color: #333;font-size: 2.6rem;font-weight: 100;letter-spacing: -0.5px;line-height: 1.4;position: relative;z-index: 1;display: inline-block;}
.sub.cscenter .help_top .txt_box p::before{content:'';position:absolute;width:78px;height:62px;background:url('/img/txt_ico.png')no-repeat;left: 0px;top: -31px;z-index: -1;}
.sub.cscenter .help_top .txt_box p span{font-weight: 800;display: block;}
.sub.cscenter .help_top .txt_box h5{position: relative;background: #1670bf;color: #fff;font-size: 2.2rem;font-weight: 100;display: inline-block;padding: 17px 40px 20px;border-radius: 30px;line-height: 1.2;letter-spacing: -0.7px;margin-top: 20px;}
.sub.cscenter .help_top .txt_box h5::before{content: '';position: absolute;width: 18px;height: 18px;background: url('/img/tail_ico.png')no-repeat;bottom: -16px;left: 55%;margin-left: -5px;}
.sub.cscenter .help_top .txt_box h5 span{position: relative; font-weight: 700; z-index: 1;}
.sub.cscenter .help_top .txt_box h5 span::before{content: ''; position: absolute; width: 100%; height: 15px; background: #ef2b57; bottom: 0; left: 0; z-index: -1;}
.sub.cscenter .help_top .img_box{background-image: url('/img/help_people.png');background-position: center bottom;background-repeat: no-repeat;background-size: contain;position: relative;z-index: 2;margin-top: 15px;}
.sub.cscenter .help_top .img_box img{opacity: 0;}
.sub.cscenter .help_top .mbr{display: none;}

/*************************************************************/

.popup_btn { width: 100%; text-align: right; padding: 10px 0;}
.popup_btn .qna_pass_btn { display: inline-block; /* padding: 8px 10px; */  padding: 14px 20px; min-width: 100px;  background: rgba(0,0,0,0.8);  color: #fff !important;   margin: 0 2px;  text-align: center;   font-weight: 400; box-sizing: border-box;	}

.sub.cscenter .spam {  /* border-top: 1px solid #999; */ border-bottom: 1px solid #999; padding: 10px 0 }
.sub.cscenter .spam p { display: inline-block; padding-right: 10px;}
.sub.cscenter .spam p:first-child { margin-bottom: 0px; }
.sub.cscenter .passcheck { border-bottom: 1px solid #999;  font-weight: 700; color: #111; padding: 10px 0  }
.sub.cscenter .passcheck > p.li { float: left;  }
.sub.cscenter .passcheck > p:first-child { padding-right: 20px; font-size: 2.6rem; color: #111 }
.sub.cscenter .passcheck .right > *  { display: block;  }

.sub.cscenter_done .help_top .txt_box p {  font-weight: 700;  color: #ef2b57;}
.sub.cscenter_done .help_top .txt_box p span{ display: inline-block;  font-weight: 700; }
.sub.cscenter_done .help_top .txt_box h5 { width: 795px; max-width: 100%; box-sizing: border-box; font-size: 2rem; font-weight: 500; overflow-wrap: anywhere; }
.sub.cscenter.cscenter_done .help_top .txt_box h5 { line-height: 1.3; }
.sub.cscenter_done .help_top .txt_box h5 .notice_title { font-size: 2.6rem; color: #ffff00; font-weight: 600; }
@media screen and (max-width: 550px){
    .sub.cscenter_done .help_top .txt_box h5 br.notice_optional_break { display: none; }
}