.casebox_hq {
    width: 100%;
    margin: 0;
    padding: 0;
}

.casebox_hq .ph {
    width: 160px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}

.casebox_hq .text {
    width: 1080px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.casebox_hq a {
    width: 100%;
    height: 100%;
    display: block;
}

.applybox_hq {
    width: 620px;
    height: auto;
    margin: 0;
    padding: 0;
}

.applybox_hq .first,
.applybox_hq .second {
    width: 620px;
    height: 55px;
    margin: 0;
    padding: 0;
}

.applybox_hq .first a {
    width: 620px;
    height: 45px;
    float: left;
    display: block;
    background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_btn_contact1b_o.jpg) no-repeat;
    text-indent: -9999px;
}

.applybox_hq .second .l a {
    width: 300px;
    height: 45px;
    float: left;
    display: block;
    background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_trial_btn02_o.jpg) no-repeat;
    text-indent: -9999px;
}

.applybox_hq .second .r a {
    width: 300px;
    height: 45px;
    display: block;
    float: right;
    background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_btn_contact2_o.jpg) no-repeat;
    text-indent: -9999px;
}

.applybox_hq .third a {
    width: 620px;
    height: 45px;
    float: left;
    display: block;
    background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_trial_btn03_o.jpg) no-repeat;
    text-indent: -9999px;
}

.applybox_hq .fourth a {
    width: 620px;
    height: 45px;
    float: left;
    display: block;
    background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_btn_contact3_o.jpg) no-repeat;
    text-indent: -9999px;
}


.planbox_hq {
    width: 100%;
}

.planbox_hq .l {
    width: 50%;
    float: left;
}

.planbox_hq .r {
    width: 50%;
    float: left;
}

.functionbox_hq {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-table;
}

.functionbox_hq .box {
    width: 250px;
    height: auto;
    margin: 0 10px 0 0 ;
    padding: 20px;
    display: inline-block;
}

.functionbox_hq .box:nth-child(3) {
    width: 250px;
    height: auto;
    margin: 0 0px 0 0 ;
    padding: 20px;
    display: inline-block;
}

.functionbox_hq .box a {
    width: 100%;
    height: 100%;
    display: block;
}

@media only screen and (min-width: 0px) and (max-width: 460px) {
    .casebox_hq .ph {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    .casebox_hq .text {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .applybox_hq {
        width: 100%;
        text-align: center;
    }

    .applybox_hq p {
        width: 100%;
        text-align: left;
    }

    .applybox_hq .first,
    .applybox_hq .second {
        width: 300px;
        margin: 0;
        padding: 0;
    }

    .applybox_hq .first a {
        width: 300px;
        height: 45px;
        float: left;
        display: block;
        background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_btn_contact1b_o_sp.jpg) no-repeat;
        text-indent: -9999px;
    }

    .applybox_hq .second .l a {
        width: 300px;
        height: 45px;
        display: block;
        background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_trial_btn02_o.jpg) no-repeat;
        text-indent: -9999px;
        margin: 0 0 10px 0;
    }

    .applybox_hq .second .r a {
        width: 300px;
        height: 45px;
        display: block;
        background: url(/content/dam/nttcom/hq/jp/business/services/application/risk_management/img/index_btn_contact2_o.jpg) no-repeat;
        text-indent: -9999px;
        margin: 0 0 30px 0;
    }

    .img_spsize {
        width: auto;
        height: auto;
    }

    .functionbox_hq {
        width: 100%;
        margin: 0;
        padding: 0;
        display: inline-table;
    }

    .functionbox_hq .box,
    .functionbox_hq .box:nth-child(3) {
        width: 100%;
        height: auto;
        margin: 0 0px 10px 0 ;
        padding: 20px;
        display: inline-block;
    }

    .functionbox_hq .box img,
    .functionbox_hq .box:nth-child(3) img {
        width: auto;
        height: auto;
    }

}

/*--kids--*/

.feauture_box dt{
	float:left;
	}
.feauture_box dd{
	margin-left:20px;
	}
.fwb{
	font-weight:bold;
}

.func_bg1{
	background-color:#d7e2ef;
	border: solid 2px #104d9d;
}

.func_bg2{
	background-color:#feefab;
	border: solid 2px #e0a828;
}

.func_bg3{
	background-color:#dbf0cf;
	border: solid 2px #5e8f43;
}

.func_bg4{
	background-color:#fad5de;
	border: solid 2px #ac3551;
}


.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 21px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
		position: absolute;
    top: 0px;
    bottom: -2px;
    left: 2px;
    margin: auto;
    content: "";
    vertical-align: middle;
    transform: rotate(90deg);
}



.sankaku::before{
width: 20px;
height: 20px;
background: #002175;
}
.sankaku::after{
		left: 3px;
    top: 9px;
    box-sizing: border-box;
    width: 12px;
    height: 13px;
    border: 8px solid transparent;
    border-left: 9px solid #fff;
}

.bk_arrow{
position: relative;
display: inline-block;
padding: 0 0 0 21px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.bk_arrow::before,
.bk_arrow::after{
		position: absolute;
    top: 0px;
    bottom: -2px;
    left: 2px;
    margin: auto;
    content: "";
    vertical-align: middle;
    transform: rotate(-90deg);
}

.bk_sankaku::before{
width: 20px;
height: 20px;
background: #002175;
}
.bk_sankaku::after{
		left: 4px;
    top: -5px;
    box-sizing: border-box;
    width: 12px;
    height: 13px;
    border: 8px solid transparent;
    border-left: 9px solid #fff;
}

/*PC*/
@media print, screen and (min-width: 769px) { 

.smt{
	display:none;
}

.feauture_box{
	 float:left; 
	 width:450px;
}

.future_top_img{
 float:left;
}

.future_img{
 float:right;
}

.future_out_box{
float:left; 
margin-left:20px;
}

.function_box{
	width:560px;
	padding:10px;
	margin-bottom:10px;
	line-height:1.3em;
}



		
}



/*タブレット*/
@media screen and (min-width:481px) and (max-width:768px) {

.pc{
	display:none;
}

.feauture_box{
	 float:left; 
	 width:100%;
	 margin-bottom:20px;
}

.future_img,.future_top_img{
	width:100%;
 text-align:center;
}

.future_out_box{
margin-top:20px;
margin-bottom:20px;
}

	
.function_box{
	width:100%;
	padding:10px;
	margin-bottom:10px;
	line-height:1.3em;
	overflow:hidden;
}

	

}


/*スマホ*/
@media screen and (max-width:480px) {

.pc{
	display:none;
}

.feauture_box{
	 float:left; 
	 width:100%;
	 margin-bottom:20px;
}

.future_img,.future_top_img{
	width:100%;
 text-align:center;
}

.future_out_box{
margin-top:20px;
margin-bottom:20px;
}

.function_box{
	width:100%;
	padding:10px;
	margin-bottom:10px;
	line-height:1.3em;
	overflow:hidden;
}
	

}