/*----base----*/
.sp,
.sp_img {display: none !important;}
a:link  { background-image: none; }
/*a:visited { color:#1546c3 !important; text-decoration: none; }*/
h1 {text-align: center; }
h2 {font-size: 28px !important;margin-bottom: 40px !important;margin-top: 90px !important;}
h4 {margin-top: 20px;font-weight: bold;}

@media screen and (max-width:768px) {
	.pc {display:none;}
	.sp,
	.sp_img {
		display: block !important;
		width: 100%;
		height: auto;
	}
}




/*----.odWrapper----*/
.odWrapper {position: relative;}
.odWrapper .ocnDenwa {background: #fdeaeb!important;border: solid 5px #ffcacd;padding: 0 20px 20px 20px;}
.odWrapper .odArrow {position: absolute;left: 0;right: 0;margin: auto;top: -34px;width: 49px;z-index:999;}
.odWrapper .ocnDenwa .Inner .innerLeft {margin: 3px 30px 10px 35px;width: auto;float: left;}
.odWrapper .ocnDenwa .Inner .innerRight {line-height: 100%!important;max-width: 420px;float: left;font-size: 20px;}



/*----#point3----*/
#point3 {margin: 0 -18px 15px 0;text-align:left;}
#point3 .clearfix {margin-bottom: 15px;}
#point3 .box01, #point3 .box02, #point3 .box03 {border: #cccccc 1px solid;height: 420px;width: 313px;float: left;margin-right: 15px;box-sizing:border-box;position:relative;}
#point3 .box01 .switch,
#point3 .box02 .switch,
#point3 .box03 .switch {width:100%;height:auto;}
#point3 .box01 .point3_link,
#point3 .box02 .point3_link,
#point3 .box03 .point3_link {position:absolute;right:15px;bottom:15px;text-align:right;margin:0;padding:0;}
#point3 .box03 {margin-right:0;}
#point3 h3 {margin:0;padding:0;border:none;font-size:0px;}
#point3 .box-inner {padding: 18px 20px;}
#point3 p {padding-bottom: 16px;line-height: 1.3;}
#point3 .box06 {border: #cccccc 1px solid;box-sizing:border-box;width: 477px;height: 575px;float: left;margin-right: 15px;margin-bottom: 15px;}
#point3 .box06:last-child {margin-right:0;}
#point3 .box06 .switch {width:100%;height:auto;}

@media screen and (max-width:768px) {
	#point3 .box01, #point3 .box02, #point3 .box03, #point3 .box04, #point3 .box05, #point3 .box06 {border: #cccccc 1px solid;height: auto;width: auto;float: none;margin-right: 18px;margin-bottom: 10px;}
	#point3 .box01 .point3_link,
	#point3 .box02 .point3_link,
	#point3 .box03 .point3_link {position: relative;right:auto;bottom:auto;margin:10px 0 0 0;}
	#point3 .box06:last-child {margin-right: 18px;}
}




/*----#voice----*/
#voice .voice-cont { margin:0 0 0 15px;}
#voice ul.ability {margin:0;padding:0;overflow: hidden;margin-bottom: 15px;}
#voice ul.ability *:first-child, #voice ul.ability *:first-child + * + * + * + * + * {margin-left: 0;}
#voice ul.ability li {padding:0 0 30px 0;list-style:none;width:20%;float:left;}

@media screen and (max-width:768px) {
	#voice .voice-cont { margin:0;}
	#voice ul.ability {overflow: hidden;margin-bottom: 15px;}
	#voice ul.ability li {width: 30%;float: left;margin-left: 5%;margin-bottom: 5%;}
	#voice ul.ability li:last-child {width:30%;}
	#voice ul.ability li:nth-child(1), #voice ul.ability li:nth-child(4), #voice ul.ability li:nth-child(7) {margin-left: 0;}
	#voice ul.ability li:nth-child(6) {margin-left:5% !important;}
	#voice p {margin: -35px 0 20px;}
}


.tetRed {color: #cc0000;}
.bgRed  { background: #fff4f4!important; }
.fsP4 {font-size: 1.32em !important;}


/*----kojin_topNav----*/
.kojin_topNav_custom{
    width:100%;
    border:1px solid #c6c6c6;
    border-left:none;
    border-right:none;
    margin-bottom:30px;
    margin-top:30px;
}
.kojin_topNav_custom .sectioning_layout-inner {position: static;}
.kojin_topNav_custom ul{
    list-style:none;
    margin:0;
    padding:0;
    display:table;
    table-layout: auto;
    width:100%;
    border-left:1px solid #c6c6c6;
    background:#fff;
    position: relative;
}
.kojin_topNav_custom ul li{display:table-cell;font-size:15px;border-right:1px solid #c6c6c6;text-align:center;}
.kojin_topNav_custom ul li a{display:block;padding:10px 14px;font-weight:bold;}
.kojin_topNav_custom ul li:hover{background:#8c186d ;}
.kojin_topNav_custom ul li a:hover,
.kojin_topNav_custom ul li.active a {color: #fff;}
.kojin_topNav_custom ul li a.contact{background:#003572;color:#fff;/*margin:3px;*/}
/*申込み*/
.kojin_topNav_custom ul li a.application{background:#d80000;color:#fff;/*margin:3px;*/}
/*開く申込み*/
.kojin_topNav_custom ul li a.subscription{background:#d80000;color:#fff;/* margin:3px;*/}
.kojin_topNav_custom ul li a img{vertical-align:middle;margin:0 auto;}
.kojin_topNav_custom ul li {vertical-align: middle;}
.kojin_topNav_item ul {border-top: 1px solid #c6c6c6;}
.kojin_topNav_item ul li:first-child {border-left: 0 none !important;}
.kojin_topNav_custom ul li ul {display:none;}
.kojin_topNav_custom .sp_menu_custom {display: none;}
.kojin_topNav_custom ul:before,
.kojin_topNav_custom ul:after{content: "";display: table;}
.kojin_topNav_custom ul:after{clear: both;}
.kojin_topNav_custom ul li ul{position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;width:100%;border-bottom:1px solid #c6c6c6;}
.kojin_topNav_custom ul li ul li{width:auto;display:block;float:left;}
.kojin_topNav_custom ul li:hover ul{display: block;}



@media screen and (max-width:768px) {
    /*追従するメニュー*/
    .kojin_topNav_custom {width: 115%;margin: 10px 0 30px -20px;}
    .kojin_topNav_custom .sectioning_layout-inner {overflow-y: scroll;}
    .kojin_topNav_custom .sp_menu_custom{display:block;border:none;text-indent:-999px;background:#fff;}
    .kojin_topNav_custom .sp_menu_custom a{display:block;padding: 14px;}
    .kojin_topNav_custom .sp_menu_custom a.close{background:url(/content/dam/nttcom/cmn/img/sp_menu_close.png) no-repeat left 14px center;}
    .kojin_topNav_custom .sp_menu_custom a.open{background:url(/content/dam/nttcom/cmn/img/sp_menu_open.png) no-repeat left 14px center;}
    .kojin_topNav_custom ul{
        list-style:none;
        margin:0;
        padding:0;
        display:none;
        table-layout: auto;
        width:100%;
        border-left:none;
        background:#fff;
        border-top:1px solid #c6c6c6;
    }
    .kojin_topNav_custom ul li{
        display:block;
        font-size:15px;
        border-bottom:1px solid #c6c6c6;
        text-align:left;
        border-right:none;
    }
    .kojin_topNav_custom ul li a img{margin:0 10px 0 0;}
    .kojin_topNav_custom ul li a br {display:none;}
    .kojin_topNav_custom ul li ul {display:block;position: relative;top: auto;left: auto;width:auto;}
    .kojin_topNav_custom ul li ul li{float:none;padding-left:40px;font-size: 14px;}
  }