.breadcrumb_body , #menuArea{
	display:none;
}
body{
	background-image:none;
}

body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	box-sizing: border-box;
}


/*リセット*/
.sw_wrap ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

.sw_wrap h1{
	margin: 0 auto;
	padding:0;
}

.sw_wrap h2{
	margin: 0 auto;
	padding:0;
}

.sw_wrap h3{
	margin: 0 auto;
	padding: 0;
}

.sw_wrap img{
	vertical-align:bottom;
}

@media screen and (max-width: 768px){
	.sw_wrap  img{
		width: 100%;
	}
}

.sw_inner {
	margin:0 auto;
	width:960px;
}
/*太字ゴシックのタイトル*/
.sw_wrap .head_ttl{
	font-weight:bold;
	font-size:46px;
	margin-bottom:30px;
	color:#2d88be;
	text-align:center;
}
/*三分割されるブロック*/
.three_divisions_block{
	display:flex;
}
.three_divisions_block .divisions_item{
	width:33.33%;
	text-align:center;
}
/*背景に画像が入っているタイトル*/
.merit_block .ttl_area{
	background:url(/content/dam/nttcom/hq/jp/business/lp/s1/images/sw04/ttl_bg.jpg) no-repeat #103555;
	text-align:center;
	height:180px;
}
.merit_block .ttl_area h3{
	font-size:40px;
	font-weight:bold;
	color:#fff;
	margin-top:20px;
}
/*merit_block下*/
.merit_block .ttl_area .icon img{
	margin-top:-10px;
}
.merit_block .merit_body{
	background:#e7f5fa;
	padding:40px 0 60px;
	text-align:center;
}
.merit_block .merit_body h4{
	font-size:30px;
	color:#2d88be;
	margin-bottom:30px;
	line-height:1.5;
}
.merit_block .merit_body .read_txt{
	font-size:18px;
}

/*お問い合わせボタン*/
.contact_btn_block a{
	display:block;
	padding:30px;
	border:1px solid #fff;
	border-radius:10px;
	background:#e25f00;
	color:#fff;
	font-weight:bold;
	position: relative;
	box-shadow:0px 0px 10px #ccc;
	font-size:22px;
}
.contact_btn_block a:after{
	content: url(/content/dam/nttcom/hq/jp/business/lp/s1/images/sw04/btn_arrow.png);
	position: absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
.contact_btn_block a:hover{
	background:#ff8831;
}
@media screen and (max-width: 768px){
	.sw_inner{
		width: 100%;
	}
	.sw_wrap .head_ttl{
		font-size:1.5rem;
	}
	.three_divisions_block .divisions_item{
		margin:0 10px;
	}
	.merit_block .ttl_area .icon img{
		width:auto;
	}
	.merit_block .ttl_area h3{
		font-size:1.5rem;
		padding:0 10px;
	}
	.merit_block .merit_body{
		padding:20px 10px 40px;
	}
	.merit_block .merit_body h4{
		font-size:1.25rem;
	}
	.merit_block .merit_body .read_txt{
		font-size:1rem;
	}
}
@media screen and (max-width: 480px){
	.sw_wrap .head_ttl{
		font-size:1.25rem;
	}
	.three_divisions_block{
		display:block;
	}
	.three_divisions_block .divisions_item{
		width:100%;
		margin:0;
		margin-bottom:20px;
	}
	.three_divisions_block .divisions_item img{
		max-width:100%;
		width:auto;
	}
	.contact_btn_block a{
		font-size:1rem;
		padding:20px;
	}
}


/*メインビジュアル*/
.main_wrap{
	background:#022e49;
}
.main_wrap .sw_inner{
	position:relative;
}
.main_wrap .contact_btn{
	position:absolute;
	bottom:10px;
	right:0;
}
@media screen and (max-width: 768px){
	.main_wrap{
		padding: 0 10px;
	}
	.main_wrap .contact_btn{
		width:30%;
		bottom:2px;
	}
}

/*ナビ*/
.sw_nav{
	background:#8bcce5;
	text-align:center;
}
.sw_nav_body{
	display:flex;
	width:1260px;
	margin:0 auto;
	border-left:1px solid #519bca;
}
.sw_nav_body li{
	width:20%;
	border-right:1px solid #519bca;
}
.sw_nav_body li a{
	padding:35px 0;
	display:block;
	color:#23354b;
	font-weight:bold;
}
.sw_nav_body li a:hover{
	background:#022e49;
	color:#fff;
}
@media screen and (max-width: 768px){
	.sw_nav_body{
		width:100%;
		flex-wrap: wrap;
		border:0;
	}
	.sw_nav_body li{
		width:33%;
		border:0;
	}
	.sw_nav_body li:nth-of-type(1),
	.sw_nav_body li:nth-of-type(2){
		width:calc(50% - 1px);
		border-bottom:1px solid #4d4d4d;
	}
	.sw_nav_body li:nth-of-type(1){
		border-right:1px solid #4d4d4d;
	}
	.sw_nav_body li:nth-of-type(4){
		border-right:1px solid #4d4d4d;
		border-left:1px solid #4d4d4d;
	}
	.sw_nav_body li a{
		font-size:0.85rem;
		padding:20px 0;
	}
}


/*セキュリティ対策を常に最新に保つには？*/
.first_section{
	background:#fff;
	text-align:center;
	padding:40px 0 60px;
}
.first_section h3{
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}
@media screen and (max-width: 768px){
	.first_section{
		padding:30px 10px 50px;
	}
	.first_section p{
		font-size:0.85rem;
	}
	.first_section .inpage_anchor_link img{
		width:auto;
	}
}
@media screen and (max-width: 480px){
	.first_section{
		padding:20px 10px;
	}
}

/*overview*/
#overview{
	padding:40px 0 60px;
	text-align:center;
}
#overview ul{
	width:80%;
	margin:0 auto;
	text-align:left;
}
#overview ul li{
	background:url(/content/dam/nttcom/hq/jp/business/lp/s1/images/sw04/icon_check.jpg) no-repeat left top;
	padding-left:26px;
}
#overview ul li span{
	color:#2d88be;
}
#overview a{
	display:inline-block;
	padding:20px 60px 20px 30px;
	border:1px solid #2d88be;
	border-radius:3px;
	background:#fff;
	color:#2d88be;
	font-weight:bold;
	position: relative;
	box-shadow:0px 0px 10px #ccc;
	font-size:18px;
	text-align:left;
}
#overview  a:after{
	content: url(/content/dam/nttcom/hq/jp/business/lp/s1/images/sw04/btn_arrow2.png);
	position: absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
#overview  a:hover{
	background:#e4eef5;
}
@media screen and (max-width: 480px){
	#overview{
		padding:20px 10px 30px;
	}
	#overview ul{
		width:100%;
	}
	#overview ul li{
		font-size:.85rem;
	}
	#overview a{
		font-size:1rem;
	}
}


#fee{
	background:#f5f9fc;
	padding:40px 0 60px;
	text-align:center;
}

#fee table th,
#fee table td{
	vertical-align:middle;
}
#fee table td{
	background:#fff;
}
#fee ul{
	list-style:disc;
	text-align:left;
	padding-left:20px;
	margin-left:20px;
	margin-bottom:30px;
}

@media screen and (max-width: 768px){
	#fee{
		padding:30px 10px 30px;
	}
	#fee table{
		width:748px !important;
	}
}
@media screen and (max-width: 480px){
	#fee ul{
		margin-left:0;
	}
	#fee table th,
	#fee table td,
	#fee ul li{
		font-size:.85rem;
	}
}












/*一番下*/
#prevent{
	background:url(/content/dam/nttcom/hq/jp/business/lp/s1/images/sw04/conts07_bg.jpg) no-repeat top center #0c304e;
	padding:210px 0 45px;
	text-align:center;
	color:#fff;
	margin-bottom:60px;
}
#prevent h3{
	font-weight:bold;
	font-size:36px;
	margin-bottom:30px;
	color:#fff;
}
#prevent .three_divisions_block{
	margin-top:20px;
}
#prevent .divisions_item{
	background:#fff;
	margin:0 15px;
	box-shadow:0px 0px 10px #0b2e4b;
	padding:20px;
}
#prevent .tag_txt{
	display:inline-block;
	padding:5px 10px;
	background:#fff;
	color:#0c304e;
	font-weight:bold;
	font-size:18px;
	margin-bottom:15px;
}
#prevent .read_txt{
	font-weight:bold;
	font-size:24px;
}
#prevent .divisions_item{
	color:#000;
	line-height:1.3;
}
#prevent .divisions_item p{
	font-weight:bold;
	margin-bottom:15px;
	color:#000;
}
#prevent .divisions_item a{
	text-decoration:underline;
	line-height:1.3;
}
@media screen and (max-width: 768px){
	#prevent{
		background-size:contain;
		padding:80px 0 45px;
		text-align:center;
		margin-bottom:30px;
	}
	#prevent h3{
		font-size:2rem;
		padding:0 10px;
	}
	#prevent .tag_txt{
		font-size:.9rem;
	}
	#prevent .read_txt{
		padding:0 10px;
		font-size:1rem;
	}
	#prevent .divisions_item img{
		width:auto;
	}
	#prevent .three_divisions_block{
		display:block;
		padding:0 10px;
	}
	#prevent .divisions_item{
		width:100%;
		margin:0;
		margin-bottom:10px;
	}
	#prevent .divisions_item p br,
	#prevent .divisions_item a br{
		display:none;
	}
}

@media screen and (max-width: 480px){
	#prevent h3{
		font-size:1.5rem;
	}
}
}

.banner_area img{
	width:100%;
}
@media screen and (max-width: 768px){
	.banner_area{
		padding:0 10px;
	}
}