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

/* 画像パス　/content/dam/nttcom/hq/jp/business/lp/ognet/images/ */

img{
	vertical-align:bottom;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1{
	margin: 0;
	padding:0;
}

h2{
	margin: 0;
	padding:0;
}

h3{
	margin: 0;
	padding:0;
}

.contents{
	width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
@media screen and (max-width: 768px){
	img{
		max-width:100%;
	}
	.contents{
		width:96%;
	}
}

/* main_area */
.main_area{
	background:url(/content/dam/nttcom/hq/jp/business/lp/ognet/images/main_bg.jpg) no-repeat top center;
}
@media screen and (max-width: 768px){
	.main_area{
		background-size:cover;
	}
}

/* cont01 */
.cont01{
	background:url(/content/dam/nttcom/hq/jp/business/lp/ognet/images/cont01_bg.png);
}
.cont01 .contents{
	display:flex;
	padding:60px 10px;
	text-align:left;
	justify-content: space-between;
}
.cont01 .text_area{
	width:470px;
}
.cont01 h2{
	margin-bottom:30px;
}
.cont01 .text_area p{
	line-height:1.8;
}
.cont01 .text_area p.note{
	font-size:14px;
}
.cont01 .text_area a{
	text-decoration:underline;
	background:url(/content/dam/nttcom/hq/jp/business/lp/ognet/images/blank_icon.png) no-repeat right center;
	padding-right:20px;
}

@media screen and (max-width: 768px){
	.cont01 .contents{
		display:block;
		padding:30px 10px;
	}
	.cont01 .text_area{
		width:100%;
		margin-bottom:20px;
	}
}



/* cont02 */
.cont02{
	background: -moz-linear-gradient(top, #c7d6eb, #e9edf8);
	background: -webkit-linear-gradient(top, #c7d6eb, #e9edf8);
	background: linear-gradient(to bottom, #c7d6eb, #e9edf8);
	padding:60px 10px;
}
.cont02 h2{
	margin-bottom:30px;
}
.point_block.two_column{
	display:flex;
	justify-content: space-between;
}
.point_item{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	background:#fff;
	padding:0 0 15px;
}
.two_column .point_item{
	width:48%;
	margin:0 0 40px;
}
.point_block .point_area{
	background:#fac900;
	padding:5px;
	width:48%;
	margin:0 auto;
	text-align:center;
}
.two_column .point_area{
	width:100%;
}
.point_block.two_column h3{
	margin:0 auto 20px;
	text-align:center;
}
.one_column .point_item{
	display:flex;
	padding:20px;
	text-align:left;
}
.point_wrap{
	padding:20px;
}
.two_column .point_wrap{
	text-align:left;
}
.two_column .point_wrap h4{
	background:#2c5baf;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
}
.two_column .point_wrap .fc_pnk{
	color:#e64c5f;
}
.one_column h3{
	margin-bottom:20px;
}
.point3_wrap{
	margin-right:20px;
}
@media screen and (max-width: 768px){
	.cont02{
		padding:30px 10px;
	}
}
@media screen and (max-width: 480px){
	.point_block.two_column,
	.one_column .point_item{
		display:block;
	}
	.point_block .point_item{
		width:100%;
	}
	.point3_wrap{
		margin:0 0 20px 0 ;
	}
	.point_block .point_area{
		width:100%;
	}
}

.cont03{
	background:url(/content/dam/nttcom/hq/jp/business/lp/ognet/images/cont03_bg.jpg) no-repeat top center;
	padding:48px 0;
}
.cont03 .contents{
	text-align:left;
}
@media screen and (max-width: 768px){
	.cont03{
		background-size:cover;
		padding:20px;
	}
	.cont03 .contents{
		text-align:center;
	}
}

.cont04{
	padding:40px 0;
}
.cont04 h2{
	font-size:28px;
	font-weight:bold;
	color:#0e357f;
	margin-bottom:20px;
}
.cont04 h3{
	font-size:20px;
	font-weight:bold;
	color:#0e357f;
	margin-bottom:1px;
}
.tax_txt{
	text-align:right;
	font-size:12px;
	color:#0e357f;
	margin-bottom:5px;
}
.initial_cost{
	border:1px solid #0e357f;
	font-size:14px;
	color:#0e357f;
	margin-bottom:20px;
	padding:10px;
}
.initial_cost span{
	font-weight:bold;
}
.cont04 table{
	min-width:960px;
}
.cont04 th,
.cont04 td{
	color:#0e357f;
	border:1px solid #0e357f;
	font-size:14px;
	line-height:1.5;
}
.cont04 th{
	text-align:center;
	background:#e2e6ef;
}
.cont04 td img{
	vertical-align:middle;
}
.cont04 .bg_gray td{
	background:#e8e8e8;
}
.cont04 .note_area{
	display:flex;
	font-size:12px;
	margin-bottom:10px;
	color:#0e357f;
	text-align:left;
}
.cont04 .note_area span{
	margin-right:10px;
}
.cont04 .note_list{
	list-style:none;
}
.cont04 .note_list li{
	text-align:left;
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
}

@media screen and (max-width: 768px){
	.cont04 .note_area{
		display:block;
	}
	.cont04 .note_area span{
		margin-right:0;
		display:block;
	}
	.cont04 .note_area br{
		display:none;
	}
}
@media screen and (max-width: 480px){
	.cont04 h2{
		font-size:22px;
	}
	.cont04 h3{
		font-size:18px;
	}
}
.cont05{
	background:#e7eaee;
	padding:40px 0;
}
.cont05 h2{
	font-size:28px;
	margin-bottom:30px;
}
.cont05 p{
	text-align:left;
	margin-bottom:20px;
	font-size:14px;
}
.contact_box{
	width:980px;
	margin:0 auto;
	background:#fff;
	padding-bottom:20px;
}
.contact_box p{
	text-align:center;
}
.contact_box .ttl{
	background:#0e357f;
	padding:10px;
	font-size:18px;
	color:#fff;
}
.contact_btn {
	background: #ffd601;
	border: 2px solid #004386;
	font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	display:inline-block;
}
.contact_btn a {
	text-decoration: none;
	color: #193477;
	font-size: 18px;
	font-weight: bold;
	display:block;
	padding: 12px 20px 12px 20px;
	width:480px;
}

.contact_btn a::after {
	content: url(/content/dam/nttcom/hq/jp/business/services/network/vpn/vpn/img/icon_right_arrow.png);
	margin-left: 10px;
}

@media screen and (max-width: 768px){
	.contact_box{
		width:80%;
	}
}
@media screen and (max-width: 680px){
	.contact_btn a {
	width:initial;
	}
}
@media screen and (max-width: 480px){
	.contact_box{
		width:100%;
	}
}