@charset "utf-8";

#cdp_202212 .only-pc{
    display:inline-block;
}
#cdp_202212 .only-pc-in{
    display:inline-block;
}
#cdp_202212 .only-sp{
    display:none;
}
#cdp_202212{
    font-family: 'Noto Sans JP', sans-serif;
    color:#2F2F2F;
}
#cdp_202212{
    background: url(/svcsol/campaign/images/cdp_202212/common/cdp_202212_big_bg.png);
    background-size:8px 8px;
    background-attachment: fixed;
}
#cdp_202212 .cdp_202212_main_block{
    background:url(/svcsol/campaign/images/cdp_202212/main_block/cdp_202212_main_block_bg.png) center top no-repeat , url(/svcsol/campaign/images/cdp_202212/main_block/cdp_202212_main_bg.png) left top;
    background-size:1591px 425px , 8px 8px;
    min-width:1000px;
    height:560px;
    z-index:1;
}
#cdp_202212 .cdp_202212_main_block .main_block_inr{
    width:1000px;
    margin:0 auto 0;
    padding:26px 0 48px 0;
    position:relative;
    height:450px;
}
#cdp_202212 .cdp_202212_main_block .main_block_inr h1{
    font-size: 34px;
    line-height: 34pt;
    text-align: center;
    font-weight: 900;
    color: #FFF;
    letter-spacing: -0.1em;
    position:absolute;
    background:url(/svcsol/campaign/images/cdp_202212/main_block/h1_bg_img.png) center top no-repeat;
    background-size:500px 369px;
    left:23px;
    right:0;
    margin:auto;
    top:19px;
    width:500px;
    height:369px;
    padding:145px 12px 0 0;
    animation:anm1 0.5s 0.1s ease both;
}
@keyframes anm1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
#cdp_202212 .cdp_202212_main_block .main_block_inr .iij_logo_img a{
    width: 98px;
    height: 54px;
    background-color: #000;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
}
#cdp_202212 .cdp_202212_main_block .main_block_inr .iij_logo_img a img{
    width: 79px;
    margin:auto;
}
#cdp_202212 .main_cloud li{
    color:#FFF;
    font-size:20px;
    line-height:20pt;
    font-weight:700;
    position: absolute;
    list-style-type:none;
    margin:0;
    padding:0;
}
#cdp_202212 .main_cloud li:nth-child(1){
    top: 111px;
    left: 122px;
    background:url(/svcsol/campaign/images/cdp_202212/main_block/main_text_01.png) left top no-repeat;
    background-size:166px 72px;
    width:166px;
    height:72px;
    padding:6px 0;
    text-align:center;
    animation: anm2 0.5s 0.5s ease both;
}
@keyframes anm2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
        transform: translate(20px, 20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .main_cloud li:nth-child(2){
    top: 294px;
    left: 80px;
    background: url(/svcsol/campaign/images/cdp_202212/main_block/main_text_02.png) left top no-repeat;
    background-size: 223px 49px;
    width: 213px;
    height: 49px;
    padding: 15px 10px 0 0;
    text-align: center;
    animation: anm3 0.5s 0.5s ease both;
}
@keyframes anm3 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
        transform: translate(20px, -20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .main_cloud li:nth-child(3){
    top: 91px;
    left: 672px;
    background: url(/svcsol/campaign/images/cdp_202212/main_block/main_text_03.png) left top no-repeat;
    background-size:183px 70px;
    width: 183px;
    height: 70px;
    padding: 7px 10px 0 0;
    text-align: center;
    animation: anm4 0.5s 0.5s ease both;
}
@keyframes anm4 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
        transform: translate(-20px, 20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .main_cloud li:nth-child(4){
    top: 145px;
    left: 712px;
    background: url(/svcsol/campaign/images/cdp_202212/main_block/main_text_04.png) left top no-repeat;
    background-size:163px 43px;
    width: 163px;
    height: 43px;
    padding: 7px 0px 0 40px;
    text-align: center;
    animation: anm5 0.5s 0.5s ease both;
}
@keyframes anm5 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
        transform: translate(-20px, 20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .main_cloud li:nth-child(5){
    top: 296px;
    left: 697px;
    background: url(/svcsol/campaign/images/cdp_202212/main_block/main_text_05.png) left top no-repeat;
    background-size:176px 52px;
    width: 176px;
    height: 52px;
    padding: 18px 0px 0 37px;
    text-align: left;
    animation: anm6 0.5s 0.5s ease both;
}
@keyframes anm6 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
        transform: translate(-20px, -20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .main_block_inr .sub_ttl{
    text-align:center;
    font-size:27px;
    line-height:30pt;
    font-weight:900;
    margin-top:265px;
    z-index:1;
    animation: anm7 0.5s 1.0s ease both;
}
@keyframes anm7 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.0,1.0);
		transform: scale(1.0,1.0);
        transform: translate(0px, -20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .main_block_inr .sub_ttl em{
    font-style:normal;
    font-size:32px;
    color:#0CA9CE;
    font-weight:900;
}
#cdp_202212 .main_block_inr .sub_ttl span{
    color:#0CA9CE;
}
#cdp_202212 .cdp_202212_main_block nav{
    margin:0 auto 0;
    height:60px;
    background:#FFF;
    width:1000px;
    border-radius:100px;
    text-align:center;
    position: absolute;
    bottom:0px;
    left:0;
    right:0;
    margin:auto;
    z-index:2;
    box-shadow: 8px 7px 10px rgb(24,50,69,92%);
    animation: anm8 0.5s 1.1s ease both;
}
@keyframes anm8 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.0,1.0);
		transform: scale(1.0,1.0);
        transform: translate(0px, -20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
        transform: translate(0px, 0);
	}
}
#cdp_202212 .cdp_202212_main_block nav ul{
    display: flex;
    align-items:center;
    justify-content:center;
    height:60px;
    text-align: center;
    margin:0;
}
#cdp_202212 .cdp_202212_main_block nav ul li{
    height:60px;
    position:relative;
    margin:0 25px;
    list-style-type:none;
}
#cdp_202212 .cdp_202212_main_block nav ul li a{
    color:#1F2122;
    font-size:17px;
    line-height:20pt;
    font-weight:700;
    height:100%;
    display: flex;
    align-items: center;
    margin:0px 0 0 0;
    text-decoration:none;
}
#cdp_202212 .cdp_202212_main_block nav ul li a br{
    display:none;
}
#cdp_202212 .cdp_202212_main_block nav ul li a em{
    font-style:normal;
    position: relative;
    display: inline-block;
    font-weight:700;
}
#cdp_202212 .cdp_202212_main_block nav ul li a em::after{
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background:#0CA9CE;
    transform: scale(0, 1);
    transform-origin: right top;
    transition:transform .3s;
}
#cdp_202212 .cdp_202212_main_block nav ul li a:hover em::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
#cdp_202212 .cdp_202212_main_block nav ul li a span{
    display:inline-block;
    margin:0;
    transition: all 0.3s;
    background:url(/svcsol/campaign/images/cdp_202212/main_block/nav_sp_icon.png) left 8px no-repeat;
    background-size:18px 11px;
    padding:0 0 0 30px;
}
#cdp_202212 .cdp_202212_main_block nav ul li a:hover{
    text-decoration:none;
}
#cdp_202212 .cdp_202212_main_block nav ul li a:hover span{
    background:url(/svcsol/campaign/images/cdp_202212/main_block/nav_sp_icon.png) left 13px no-repeat;
    background-size:18px 11px;
}

/*2023.1.30追記　セミナーアップするとき使用する

#cdp_202212 .information_block{
    background:#FFFFFF;
    padding:10px 0 35px 0;
    min-width:1000px;
    margin:auto;
}
#cdp_202212 .information_block .info_area{
    width:1000px;
    margin:0 auto 0;
    display:flex;
}
#cdp_202212 .information_block .info_area:last-of-type{
    margin:25px auto 0;
}
#cdp_202212 .information_block .info_area h2{
    font-weight:700;
    font-size:16px;
    line-height:16pt;
    color:#5580C6;
    margin-right:50px;
}
#cdp_202212 .information_block .info_area .info_left{
    font-weight:700;
    font-size:16px;
    line-height:16pt;
    color:#5580C6;
    width:150px;
}
#cdp_202212 .information_block .info_area .info_right{
    width:800px;
}
#cdp_202212 .information_block .info_area .info_right ul li a{
    color:#2D3133;
    display:inline;
    background: url(/svcsol/campaign/images/cdp_202212/common/link_icon_img.png) right 7px no-repeat;
    background-size:13px 10px;
    padding:0 20px 0 0;
}
#cdp_202212 .information_block .info_area .info_right ul li{
    color:#2D3133;
    font-size:15px;
    line-height:18pt;
}
#cdp_202212 .information_block .info_area .info_right ul li a:hover{
    text-decoration:underline;
}
#cdp_202212 .information_block .info_area .info_right ul li {
    margin:0 0 10px 0
}
#cdp_202212 .information_block .info_area .info_right ul li:last-child{
    margin:0 0 0px 0
}
#cdp_202212 .information_block .info_area .info_right dl{
    display:flex;
    margin:0 0 10px 0;
}
#cdp_202212 .information_block .info_area .info_right dl:last-of-type{
    margin:0;
}
#cdp_202212 .information_block .info_area .info_right dl dt{
    width:108px;
    color:#2D3133;
    font-size:15px;
    line-height:18pt;
    position:relative;
    font-family: 'Heebo', sans-serif;
}
#cdp_202212 .information_block .info_area .info_right dl dt:after{
    content:"";
    width:1px;
    height:13px;
    background:#2D3133;
    display:inline-block;
    position:absolute;
    right:0;
    top:5px;
}
#cdp_202212 .information_block .info_area .info_right dl dd{
    color:#2D3133;
    font-size:15px;
    line-height:18pt;
    padding:0 0 0 25px;
    flex:1;
}
#cdp_202212 .information_block .info_area .info_right dl dd a{
    color:#2D3133;
    display:inline;
    background: url(/svcsol/campaign/images/cdp_202212/common/link_icon_img.png) right 7px no-repeat;
    background-size:13px 10px;
    padding:0 20px 0 0;
}
#cdp_202212 .information_block .info_area .info_right dl dd a:hover{
    text-decoration:underline;
}
*/

/*---------------conv------------------------------*/
#cdp_202212 .conversion_block{
    padding:35px 0 60px 0;
    min-width:1000px;
    position: relative;
    z-index: 0;
    background-color:#FFF;
    z-index:1;
    /*margin-top: 80px; セミナーアップするとき使用する*/
}
#cdp_202212 .conversion_block.bottom_conv{
    overflow: hidden;
    background:none;
    padding:200px 0 60px 0;
}
#cdp_202212 .conversion_block::before {
    content: '';
    position: absolute;
    top: -60px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#00193B;
    transform: skewY(-3.5deg);
    z-index: -1;
}
#cdp_202212 .conversion_block.bottom_conv::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#00193B;
    transform: skewY(-3.5deg) translateY(90px);
    z-index: -1;
}
#cdp_202212 .conversion_block.extra{
    padding:50px 0 50px 0;
}
#cdp_202212 .conversion_block .conversion_block_inr{
    width:1000px;
    margin:0 auto 0;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_grd{
    background-image: linear-gradient(90deg, #0CA9CE, #0245A1);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 100%;
    border-radius:20px;
    text-align:center;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_grd .ttl_area{
    display:inline-block;
    position:relative;
    padding:20px 50px 20px 50px;
    font-weight:700;
    font-size:24px;
    line-height:28pt;
    color:#FFF;
    font-weight:700;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_grd .ttl_area em{
    font-size:32px;
    font-style:normal;
    font-weight:700;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area{
    background:#FFF;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    padding:50px 60px 40px 60px;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area{
    display:flex;
    justify-content:space-between;
}

#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area .white_left{
    width:320px;
    position:relative;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area .white_left img{
    width:100%;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area .white_right{
    flex:1;
    padding:0 0 0 35px;
    text-align:left;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area .white_right div{
    color:#2D3133;
    font-size:26px;
    line-height:30pt;
    font-weight:700;
    margin:0 0 10px 0;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area .white_right p{
    font-size:14px;
    line-height:18pt;
    color:#2D3133;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area .white_right p span{
    color:#0245A1;
    font-size:16px;
    margin:0 0 0 -9px
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .link_area_dl{
    text-align:center;
    width:560px;
    margin:30px auto 0;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .link_area_dl a{
    width:100%;
    display:inline-block;
    font-size:20px;
    font-weight:700;
    color:#FFF;
    line-height:24pt;
    padding:14px 0;
    z-index:0;
    border-radius:4px;
    transition: all 0.3s;
    position:relative;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .link_area_dl a:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    left:0;
    transition:0.5s;
    background: rgb(239,45,20);
    background: linear-gradient(90deg, rgba(239,45,20,1) 0%, rgba(201,27,4,1) 100%);
    top:0;
    border-radius:400px;
    box-shadow:5px 5px 10px rgba(230, 63, 38, 0.4);
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .link_area_dl a:after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-2;
    left:0;
    background:linear-gradient(#B51500,#B51500);
    top:0;
    border-radius:400px;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .link_area_dl a:hover:before{
    opacity:0;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .link_area_dl a span{
    display:inline-block;
    background: url(/svcsol/campaign/images/cdp_202212/conversion_block/dl_icon_img.png) left center no-repeat , url(/svcsol/campaign/images/cdp_202212/conversion_block/link_blank_img.png) right center no-repeat;
    background-size:24px 22px , 19px 15px;
    padding:0 20px 0 33px;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta{
    width:380px;
    margin:40px auto 0;
    display:flex;
    justify-content:space-between;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right{
    width:380px;
    text-align:center;
    color:#FFF;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .link_area_feel a{
    padding:12.5px 0;
    border-radius:4px;
    font-size:16px;
    font-weight:700;
    line-height:16pt;
    display:inline-block;
    width:100%;
    color:#FFF;
    z-index:0;
    position:relative;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .link_area_feel a:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    left:0;
    transition:0.5s;
    background: rgb(239,45,20);
    background: linear-gradient(90deg, rgba(239,45,20,1) 0%, rgba(201,27,4,1) 100%);
    top:0;
    border-radius:400px;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .link_area_feel a:after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-2;
    left:0;
    background:linear-gradient(#B51500,#B51500);
    top:0;
    border-radius:400px;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .link_area_feel a:hover:before{
    opacity:0;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .link_area_feel a span{
    display:inline-block;
    background: url(/svcsol/campaign/images/cdp_202212/conversion_block/feel_icon_img.png) left center no-repeat , url(/svcsol/campaign/images/cdp_202212/conversion_block/link_blank_img.png) right center no-repeat;
    background-size:26px 24px , 19px 15px;
    padding:2px 26px 2px 34px
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .tel_area{
    margin:15px 0 0 0;
    font-size:14px;
    line-height:18pt;
    font-weight:700;
    text-align:center;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .tel_area em{
    background: url(/svcsol/campaign/images/cdp_202212/conversion_block/tel_icon_img.png) left center no-repeat;
    background-size:15px 16px;
    padding:0 0 0 18px;
    font-style:normal;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right .tel_area span{
    margin:0 0 0 6px;
    font-family: 'Heebo', sans-serif;
    font-size:26px;
    vertical-align:middle;
    font-weight:700;
    font-style:normal;
}
#cdp_202212 .conversion_block .conversion_block_inr .conversion_block_inr_beta .conversion_block_inr_beta_right p{
    color:#959ba5;
    font-size:11px;
    line-height:13pt;
    margin:8px 0 0 0;
    font-weight:700;
}
#cdp_202212 .conversion_block.extra{
    background:none;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_left,
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_right{
    width:410px;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .more_icon{
    position:absolute;
    width:54px;
    top:-11px;
    left:-24px;
    height:auto;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_ttl{
    text-align:left;
    color: #2D3133;
    font-size: 26px;
    line-height: 30pt;
    font-weight: 700;
    margin: 0 0 15px 0;
    display:block;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_left,
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_right{
    width:410px;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_left .white_left,
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_right .white_left{
    width:208px;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_left .white_right,
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_right .white_right{
    width:184px;
    padding:0 0 0 20px;
}
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_left .white_right p,
#cdp_202212 .conversion_block .conversion_block_inr .white_area .white_cont_area.column2 .column2_right .white_right p{
    margin:0;
}



/*---------------feature------------------------------*/
#cdp_202212 .feature_block{
    min-width:1000px;
    background-color:#FFF;
    padding:0 0 120px 0;
}
#cdp_202212 .feature_block .feature_block_inr{
    width: 1000px;
    margin: 0px auto 0;
    padding:100px 0 0 0;
}
#cdp_202212 .feature_block .feature_block_inr h2{
    text-align:center;
    color:#2F2F2F;
    font-size:28px;
    line-height:36pt;
    margin:0;
    font-weight:700;
}
#cdp_202212 .feature_block .feature_block_inr h2 span{
    display:inline-block;
    background: url(/svcsol/campaign/images/cdp_202212/common/h2_icon_img.png) left center no-repeat ,  url(/svcsol/campaign/images/cdp_202212/common/h2_icon_img.png) right center no-repeat;
    background-size:20px 4px , 20px 4px;
    padding:0 32px;
    font-size:22px;
    margin:0 0 10px 0;
    font-weight:700;
}
#cdp_202212 .feature_block .feature_block_inr h2 em{
    color:#0CA9CE;
    font-size:46px;
    font-style:normal;
    font-weight:700;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01{
    background: url(/svcsol/campaign/images/cdp_202212/features_block/features_block_bg_01.png) left top no-repeat;
    background-size:1000px 541px;
    width:1000px;
    margin:40px auto 0;
    height: 446px;
    position:relative;
    padding:95px 0 0 0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 .sub_ttl_01{
    text-align:center;
    color:#FFF;
    font-size:14px;
    line-height:15pt;
    font-weight:700;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 .sub_ttl_01 span{
    display: inline-block;
    border-radius: 4px;
    background:#4C74AC;
    padding:5px 18px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 .sub_ttl_02{
    text-align:center;
    color:#0CA9CE;
    font-size:23px;
    line-height:25pt;
    font-weight:900;
    letter-spacing: -0.1em;
    margin: -39px 0 0 20px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 .sub_ttl_02 span{
    background: url(/svcsol/campaign/images/cdp_202212/features_block/cloud_bg.png) left top no-repeat;
    background-size:399px 303px;
    text-align:center;
    display:inline-block;
    width: 379px;
    height: 303px;
    padding: 115px 20px 0 0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl dt{
    color:#FFF;
    font-size:14px;
    line-height:16pt;
    margin:0 0 13px 0px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl dd{
    display:inline-block;
    font-size:12px;
    line-height:12pt;
    margin:0 15px 1px 0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud1{
    position:absolute;
    left:30px;
    top:53px;
    width:230px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud2{
    position:absolute;
    left:30px;
    top:195px;
    width:265px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud3{
    position:absolute;
    left:30px;
    top:317px;
    width:230px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud8{
    position:absolute;
    left:30px;
    top:440px;
    width:230px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud4{
    position:absolute;
    right:30px;
    top:33px;
    width:302px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud1 dt{
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 97px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud2 dt{
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 28px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud3 dt{
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 98px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud8 dt{
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 98px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud4 dt{
    text-align:right;
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 127px;
    margin-left: auto;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud4 dd{
    margin:0 0 1px 15px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud5{
    position:absolute;
    right:30px;
    top:160px;
    width:300px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud5 dt{
    text-align:right;
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 159px;
    margin-left: auto;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud5 dd{
    margin:0 0 1px 15px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud6{
    position:absolute;
    right:30px;
    top:285px;
    width:330px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud6 dt{
    text-align:right;
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 115px;
    margin-left: auto;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud6 dd{
    margin:0 0 1px 15px;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud7{
    position:absolute;
    right:30px;
    top:395px;
    width:230px;
    margin:0;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud7 dt{
    text-align:right;
    background: linear-gradient(90deg, rgba(12,169,206,1) 0%, rgba(2,69,161,1) 100%);
    padding:5px 18px;
    border-radius: 5px;
    display: block;
    width: 85px;
    margin-left: auto;
}
#cdp_202212 .feature_block .feature_block_inr .feature_area_01 dl.cloud7 dd{
    margin:0 0 1px 15px;
}
#cdp_202212 .feature_block .feature_block_inr .sub_text{
    text-align:right;
    font-size:12px;
    margin:20px 0 0 0;
}
#cdp_202212 .feature_block .feature_block_inr .big_ttl{
    text-align:center;
    margin:40px auto 0;
    font-size:28px;
    line-height:34pt;
    font-weight:700;
}
#cdp_202212 .feature_block .feature_block_inr .big_ttl em{
    background: linear-gradient(transparent 60%, #ffea78 60%, #ffea78 97%, #FFF 97%);
    font-size:38px;
    font-style:normal;
    font-weight:700;
}
#cdp_202212 .feature_block .feature_block_inr p{
    text-align:center;
    margin:20px auto 0;
    font-size:16px;
    line-height:20pt;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area{
    display: flex;
    justify-content:space-between;
    width:1000px;
    margin:25px auto 0;
    align-items: center;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area img{
    width:100%;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_left,
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_right{
    width:480px;
    border-radius:20px;
    border:6px solid #EAF0F5;
    background:#FFF;
    padding:0 0px;
    text-align:center;
    height:300px;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_left p{
    font-size:14px;
    line-height:16pt;
    margin:10px 0 0 0;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_left p em{
    color:#0CA9CE;
    font-weight:700;
    font-size:18px;
    font-style:normal;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_left img{
    max-width:352px;
    margin:15px auto 0;
    height:auto;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_right img{
    max-width:300px;
    margin:20px auto 0;
    height:auto;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_right div{
    font-size:24px;
    line-height:24pt;
    color:#0CA9CE;
    font-weight:700;
    margin:45px 0 0 0;
}
#cdp_202212 .feature_block .feature_block_inr .f_box_area .f_box_right p{
    font-size:14px;
    line-height:16pt;
    margin:10px 0 0 0;
}




/*---------------reason------------------------------*/
#cdp_202212 .reason_block{
    min-width:1000px;
    position:relative;
    margin:0px auto 0;
    padding:100px 0 50px 0;
    z-index: 1;
    background-color:#FFF;
}
#cdp_202212 .reason_block::before {
    content: '';
    position: absolute;
    top: -0px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ecf2f6;
    transform: skewY(-3.5deg);
    z-index: -1;
}
#cdp_202212 .reason_block .reason_block_inr{
    width: 1000px;
    padding:0px 0 130px 0;
    margin: 0px auto 0;
}
#cdp_202212 .reason_block .reason_block_inr h2{
    text-align:center;
    color:#2F2F2F;
    font-size:28px;
    line-height:36pt;
    margin:-20px 0 50px 0;
}
#cdp_202212 .reason_block .reason_block_inr h2 span{
    display:inline-block;
    background: url(/svcsol/campaign/images/cdp_202212/common/h2_icon_img.png) left center no-repeat ,  url(/svcsol/campaign/images/cdp_202212/common/h2_icon_img.png) right center no-repeat;
    background-size:20px 4px , 20px 4px;
    padding:0 32px;
    font-size:22px;
    margin:0 0 10px 0;
    font-weight:700;
}
#cdp_202212 .reason_block .reason_block_inr h2 em{
    color:#0CA9CE;
    font-size:46px;
    font-style:normal;
    line-height: 42pt;
    font-weight:700;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_01,
#cdp_202212 .reason_block .reason_block_inr .reason_area_02{
    background: #FFF;
    box-shadow: 10px 10px 40px rgb(155,198,230,0.5);
    border-radius: 20px;
    margin: 20px 0 0px 0;
    padding:40px 40px 50px 40px;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_01 img{
    width:100%;
    max-width:900px;
    margin:40px auto 0;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 img{
    width:100%;
    max-width:820px;
    margin:0px auto 0;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_01 .reason_images,
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 .reason_images{
    text-align:center;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_01 h3,
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 h3{
    position: relative;
    font-size:28px;
    line-height:32pt;
    padding:20px 0 0 100px;
    margin:0 0 10px 0;
    font-weight:700;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_01 h3::before{
    content:"01";
    position: absolute;
    left: 0;
    margin: auto;
    top: 0px;
    background:#0CA9CE;
    width: 60px;
    color: #FFFFFF;
    height: 60px;
    font-size: 32px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    flex-wrap: wrap;
    line-height:32pt;
    border:10px solid #ceeef5;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 h3::before{
    content:"02";
    position: absolute;
    left: 0;
    margin: auto;
    top: 0px;
    background:#0CA9CE;
    width: 60px;
    color: #FFFFFF;
    height: 60px;
    font-size: 32px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    flex-wrap: wrap;
    line-height:32pt;
    border:10px solid #ceeef5;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_01 p{
    font-size:16px;
    line-height:20pt;
    margin:0 0 0 100px;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 p{
    font-size:16px;
    line-height:20pt;
    margin:0 0 0 100px;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 .bottom_text{
    text-align:center;
    font-size:16px;
    line-height:20pt;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_02 .bottom_text em{
    text-align:center;
    font-size:28px;
    line-height:32pt;
    background: linear-gradient(transparent 60%, #ffea78 60%, #ffea78 97%, #FFF 97%);
    font-style:normal;
    font-weight:700;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_03{
    margin:80px auto 0;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_03 .big_ttl{
    text-align:center;
    color:#0CA9CE;
    font-size:36px;
    line-height:40pt;
    font-weight:700;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_03 p{
    text-align:center;
    font-size:16px;
    line-height:20pt;
    margin: 20px auto 0;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_03 ul{
    display:flex;
    justify-content:space-between;
    margin:40px auto 0;
    padding:0;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_03 ul li{
    background: #FFF;
    box-shadow: 10px 10px 40px rgb(155,198,230,0.5);
    border-radius: 20px;
    margin: 0px 0 0px 0;
    padding:30px;
    list-style-type:none;
    width:254px;
    font-size:16px;
    font-weight:700;
    line-height:20pt;
    word-break: break-all;
}
#cdp_202212 .reason_block .reason_block_inr .reason_area_03 ul li img{
    width:100%;
    max-width:352px;
    margin:0 0 10px 0;
    height:auto;
}


/*---------------case------------------------------*/
#cdp_202212 .case_block{
    min-width:1000px;
    padding:20px 0 0px 0;
}
#cdp_202212 .case_block .case_block_inr{
    width: 1000px;
    margin:60px auto 0;
}
#cdp_202212 .case_block .case_block_inr h2{
    text-align:center;
    color:#2F2F2F;
    font-size:28px;
    line-height:36pt;
    margin:0;
    font-weight:700;
}
#cdp_202212 .case_block .case_block_inr h2 span{
    display:inline-block;
    background: url(/svcsol/campaign/images/cdp_202212/common/h2_icon_img.png) left center no-repeat ,  url(/svcsol/campaign/images/cdp_202212/common/h2_icon_img.png) right center no-repeat;
    background-size:20px 4px , 20px 4px;
    padding:0 32px;
    font-size:22px;
    margin:0 0 10px 0;
    font-weight:700;
}
#cdp_202212 .case_block .case_block_inr h2 em{
    color:#0CA9CE;
    font-size:46px;
    font-style:normal;
    line-height:42pt;
    font-weight:700;
}
#cdp_202212 .case_block .case_block_inr .top_text{
    text-align: center;
    font-size: 16px;
    line-height: 20pt;
    margin: 20px auto 0;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak{
    display:flex;
    justify-content:space-between;
    text-align:center;
    width:1000px;
    margin:100px auto 0;
    padding:0;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li{
    position:relative;
    list-style-type:none;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a div{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-62px;
    background:#4C74AC;
    width:85px;
    color:#FFFFFF;
    height:85px;
    font-size:14px;
    font-weight:900;
    display:flex;
    justify-content:center;
    align-items: center;
    border-radius:100px;
    flex-wrap: wrap;
    line-height: 13pt;
    border:14px solid #E8EFF5;
    transition: .3s ease;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li:nth-child(2) a div{
    background:#0777B8;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li:nth-child(3) a div{
    background:#0CA9CE;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a div em{
    display:block;
    font-size:36px;
    font-weight:700;
    width:100%;
    line-height: 25pt;
    font-style:normal;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a{
    background-color:#E8EFF5;
    width:100%;
    display:inline-block;
    padding:0px 20px 0px 20px;
    width:258px;
    color:#2D3133;
    transition: .3s ease;
    border-radius: 20px;
    height:150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a{
    text-decoration:none;
    position: relative;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a p{
    text-align: center;
    font-size: 20px;
    line-height: 24pt;
    font-weight: 700;
    margin:0;
    z-index:1;
    transition: .3s ease;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a:after{
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom:19px;
    width:20px;
    margin:auto;
    height:12px;
    background: url(/svcsol/campaign/images/cdp_202212/case_block/ak_icon.png) left center no-repeat;
    background-size:20px 12px;
    transition: .3s ease;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a:hover:after{
    bottom:14px;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a:hover p{
    color:#0CA9CE;
    margin-top:5px;
}
#cdp_202212 .case_block .case_block_inr ul.case_ak li a:hover div{
    transform: scale(1.1);
    top:-66px;
    width:93px;
    height:93px;
    border:10px solid #E8EFF5;
}
#cdp_202212 .case_base_area{
    border-radius: 20px;
    background:#E8EFF5;
    position: relative;
    padding:60px 0 50px 100px;
    margin:120px 0 20px 0;
}

#cdp_202212 .case_base_area_next{
    background: #FFF;
    box-shadow: 10px 10px 40px rgb(155,198,230,0.5);
    border-radius: 20px;
    text-align:center;
    padding:50px 0;
}
#cdp_202212 .case_base_area_next:after{
    content:"";
    background: url(/svcsol/campaign/images/cdp_202212/case_block/next_icon.png) left center no-repeat;
    background-size:48px 47px;
    width:48px;
    height:47px;
    margin:auto;
    left:0;
    right:0;
    top:-34px;
    z-index:1;
    position:absolute;
}
#cdp_202212 .case_base_area .case_pop_01{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-62px;
    background:#4C74AC;
    width:85px;
    color:#FFFFFF;
    height:85px;
    font-size:14px;
    font-weight:900;
    display:flex;
    justify-content:center;
    align-items: center;
    border-radius:100px;
    flex-wrap: wrap;
    line-height: 13pt;
    border:14px solid #E8EFF5;
    transition: .3s ease;
}
#cdp_202212 .case_base_area .case_pop_02{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-62px;
    background:#0777B8;
    width:85px;
    color:#FFFFFF;
    height:85px;
    font-size:14px;
    font-weight:900;
    display:flex;
    justify-content:center;
    align-items: center;
    border-radius:100px;
    flex-wrap: wrap;
    line-height: 13pt;
    border:14px solid #E8EFF5;
    transition: .3s ease;
}
#cdp_202212 .case_base_area .case_pop_03{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-62px;
    background:#0CA9CE;
    width:85px;
    color:#FFFFFF;
    height:85px;
    font-size:14px;
    font-weight:900;
    display:flex;
    justify-content:center;
    align-items: center;
    border-radius:100px;
    flex-wrap: wrap;
    line-height: 13pt;
    border:14px solid #E8EFF5;
    transition: .3s ease;
}
#cdp_202212 .case_base_area .case_pop_01 em,
#cdp_202212 .case_base_area .case_pop_02 em,
#cdp_202212 .case_base_area .case_pop_03 em{
    display:block;
    font-size:36px;
    font-weight:700;
    width:100%;
    line-height: 25pt;
    font-style:normal;
}
#cdp_202212 .case_base_area img{
    width:100%;
}
#cdp_202212 .case_base_area .right_photo_01{
    position:absolute;
    right:100px;
    bottom:0px;
    width:126px;
}
#cdp_202212 .case_base_area .right_photo_02{
    position:absolute;
    right:100px;
    bottom:0px;
    width:117px;
}
#cdp_202212 .case_base_area .right_photo_03{
    position:absolute;
    right:50px;
    bottom:0px;
    width:187px;
}
#cdp_202212 .case_base_area ul{
    margin:0;
    padding:0;
}
#cdp_202212 .case_base_area ul li{
    margin:3px 0;
    padding:0 0 0 35px;
    background: url(/svcsol/campaign/images/cdp_202212/case_block/check_icon.png) left center no-repeat;
    background-size:27px 24px;
    list-style-type:none;
    font-weight:700;
    font-size:20px;
    line-height:23pt;
}
#cdp_202212 .case_base_area ul li.head{
    padding:0;
    color:#0777B8;
    font-weight:700;
    font-size:22px;
    background:none;
    margin:3px 0 5px 0;
}
#cdp_202212 .case_base_area_next img{
    width:100%;
}
#cdp_202212 .case_base_area_next p{
    font-size:16px;
    line-height:20pt;
    margin:0;
}
#cdp_202212 .case_base_area_next h3{
    margin:0 0 20px 0;
    font-size:28px;
    line-height:32pt;
    font-weight:700;
}
#cdp_202212 .case_base_area_next h3 span{
    padding:5px 0 5px 45px;
    background: url(/svcsol/campaign/images/cdp_202212/case_block/hint_icon.png) left center no-repeat;
    background-size:28px 44px;
}
#cdp_202212 .case_base_area_next h3 em{
    font-size:38px;
    background: linear-gradient(transparent 60%, #ffea78 60%, #ffea78 97%, #FFF 97%);
    font-style:normal;
    font-weight:700;
}
#cdp_202212 .center_case_photo_01{
    max-width:786px;
    margin:20px auto 0;
}
#cdp_202212 .center_case_photo_02{
    max-width:777px;
    margin:0 auto 0;
}
#cdp_202212 .center_case_photo_03{
    max-width:860px;
    margin:0 auto 0;
}
#cdp_202212 .case_block_inr .other_ttl{
    text-align:center;
    font-size:28px;
    line-height:32pt;
    font-weight:700;
    margin: 80px auto 0;
}
#cdp_202212 .case_block_inr .other_ttl span{
    display:inline-block;
    padding:0px 60px 10px 60px;
    background: url(/svcsol/campaign/images/cdp_202212/case_block/left_pop.png) left center no-repeat ,  url(/svcsol/campaign/images/cdp_202212/case_block/right_pop.png) right center no-repeat;
    background-size:41px 57px , 41px 57px;
}
#cdp_202212 .case_block_inr .other_box{
    display:flex;
    justify-content:space-between;
    width:860px;
    margin:20px auto 0;
    padding:0;
}
#cdp_202212 .case_block_inr .other_box .other_area{
    width:48%;
    max-width:400px;
    background:#0777B8;
    border:10px solid #82badb;
    border-radius:20px;
    padding:30px 0;
    color:#FFF;
    font-weight:700;
    font-size:27px;
    line-height:31pt;
    text-align:center;
}
#cdp_202212 .case_block_inr .other_box .other_area em{
    color:#FFE557;
    font-size:38px;
    line-height:38pt;
    font-style:normal;
    font-weight:700;
}
#cdp_202212 .case_block_inr .other_bottom{
    text-align:center;
    margin:30px auto 0;
    font-size:16px;
    line-height:20pt;
}



/*---------------footer------------------------------*/
#cdp_202212 footer{
    background: #000;
    min-width: 1000px;
    border-top: 1px solid #fff;
}
#cdp_202212 footer .in_foot {
    max-width: 950px;
    width: 100%;
    margin: auto;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-items: center;
}
#cdp_202212 footer .in_foot .foot_nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#cdp_202212 footer .in_foot .foot_nav ul li a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    line-height: 15pt;
}
#cdp_202212 footer .in_foot .foot_nav ul li a:hover {
    text-decoration: underline;
}
#cdp_202212 footer .in_foot .foot_nav ul li a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(/svcsol/campaign/images/secure-access_202209/common/icon_externallink.svg) no-repeat center top;
    background-size: cover;
    margin-left: 10px;
}
#cdp_202212 footer .in_foot .foot_nav ul li {
    margin-right: 20px;
}
#cdp_202212 footer .in_foot .foot_nav ul li:first-child:after {
    content: none;
}
#cdp_202212 footer .in_foot .foot_nav ul li:before {
    content: "|";
    color: #fff;
    margin-right: 20px;
}
#cdp_202212 footer .in_foot .foot_nav ul li:last-child:after {
    content: "|";
    color: #fff;
    margin-left: 20px;
}
#cdp_202212 footer .in_foot .copy {
    color: #fff;
    font-size:11px;
    line-height:12pt;
}
#cdp_202212 #totop {
    position: fixed;
    right: 0;
    width: 63px;
    height: 93px;
    z-index: 1000;
}
#cdp_202212 #totop a {
    display: block;
}
#cdp_202212 #totop a:hover {
    opacity: 0.7;
    transition: 0.8s;
}
#cdp_202212 a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color:#FFF;
}
.cta__link{
    position: relative;
}
.cta__link::after {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 12px;
    height: 11px;
    margin-top: -5.5px;
    content: '';
    background: url(/svcsol/campaign/images/secure-access_202209/common/icon-blank.svg) no-repeat left top;
    background-size: 12px 11px;
}




/*---------------fade------------------------------*/
.fade-l {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(-3rem, 0);
	transform: translate(-3rem, 0);
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.fade-l.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-r {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(3rem, 0);
	transform: translate(3rem, 0);
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.fade-r.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-t {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, -3rem);
	transform: translate(0, -3rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-t.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-b {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 3rem);
	transform: translate(0, 3rem);
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.fade-b.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-w {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0;
}
.fade-z {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	opacity: 0;
}
.fade-w.active,
.fade-z.active {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
}
.fade-z{
	position: relative;
	opacity: 1;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.fade-z.active {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.reason_area_03 ul .fade-b:nth-of-type(1) {
	transition: 0.5s ease-out;
}
.reason_area_03 ul .fade-b:nth-of-type(2) {
	transition: 0.5s 0.2s ease-out;
}
.reason_area_03 ul .fade-b:nth-of-type(3) {
	transition: 0.5s 0.4s ease-out;
}
.f_box_area .fade-b:nth-of-type(1){
	transition: 0.5s ease-out;
}
.f_box_area .fade-b:nth-of-type(2){
	transition: 0.5s 0.2s ease-out;
}
.case_ak .fade-b:nth-of-type(1){
	transition: 0.5s ease-out;
}
.case_ak .fade-b:nth-of-type(2){
	transition: 0.5s 0.2s ease-out;
}
.case_ak .fade-b:nth-of-type(3){
	transition: 0.5s 0.4s ease-out;
}
.other_box .fade-b:nth-of-type(1){
	transition: 0.5s ease-out;
}
.other_box .fade-b:nth-of-type(2){
	transition: 0.5s 0.2s ease-out;
}
@media print {
    body {
        zoom:0.68;
        -webkit-print-color-adjust: exact;
    }
    @keyframes anm1{
        0%{
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
        }
    }
    @keyframes anm2{
        0% {
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
            transform: translate(0px, 0px);
        }
    }
    @keyframes anm3{
        0% {
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
            transform: translate(0px, 0px);
        }
    }
    @keyframes anm4{
        0% {
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
            transform: translate(0px, 0px);
        }
    }
    @keyframes anm5{
        0% {
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
            transform: translate(0px, 0px);
        }
    }
    @keyframes anm6{
        0% {
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
            transform: translate(0px, 0px);
        }
    }
    @keyframes anm7{
        0% {
            opacity:1.0;
            -webkit-transform: scale(1,1);
            transform: scale(1,1);
            transform: translate(0px, 0px);
        }
    }
    @keyframes anm8 {
        0% {
            opacity: 1.0;
            -webkit-transform: scale(1.0,1.0);
            transform: scale(1.0,1.0);
            transform: translate(0px, 0px);
        }
    }
    .fade-b,
    .fade-r,
    .fade-l,
    .fade-z{
        opacity:1.0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    @media (-ms-high-contrast: none) {
        @page {
            size: A4;
            margin: 12.7mm 9.7mm;
        }
        body {
            zoom: 1.8;
            width: 1200px;
            transform: scale(0.5);
            transform-origin: 0 0;
        }
    }
    /*--FF--*/
    @-moz-document url-prefix() {
        .fade-b,
        .fade-r,
        .fade-l,
        .fade-z{
            opacity:1.0 !important;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    /*--FF--*/
}