.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;
}


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

.suites_wrap h1{
	margin: 0;
	padding:0;
}

.suites_wrap h2{
	margin: 0;
	padding:0;
}

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

.suites_wrap img{
	vertical-align:bottom;
}

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

.container {
	margin:0 auto;
	width:1100px;
	padding:50px 70px;
}
.suites_btn a{
	display:block;
	background:url(/content/dam/nttcom/hq/jp/business/lp/s1/images/suites/arrow_wh.png) no-repeat right 25px center #ff3600;
	padding:20px 70px 20px 25px;
	font-size:25px;
	font-weight:bold;
	color:#fff;
}
.suites_btn a:hover{
	opacity:0.8;
}
.suites_wrap h2{
	background:#ffcc99;
	padding:25px 10px;
	text-align:center;
	line-height:0;
}
.suites_wrap h2 img{
	vertical-align:middle;
}
@media screen and (max-width: 768px){
	.container {
		max-width: 100%;
		padding:30px 10px;
	}
	.suites_btn a{
		padding:15px 50px 15px 20px;
		font-size:16px;
	}
}
@media screen and (max-width: 480px){
	.container {
		padding:20px 10px;
	}
	.suites_wrap h2{
		padding:15px 10px;
	}
}


/* ============================================================
 main_area
 ============================================================ */
.main_area{
	background:#b1e8eb;
}
.main_wrap{
	margin:0 auto;
	max-width:1100px;
	padding:57px 40px 35px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
}
.main_wrap .main_item h1{
	margin-bottom:20px;
}
.main_wrap .main_item .txt{
	margin-left:20px;
}
.main_wrap .main_item .suites_btn{
	margin-top:25px;
}
@media screen and (max-width: 768px){
	.main_wrap{
		width:100%;
		padding:30px 10px;
	}
	.main_wrap .main_item:nth-of-type(2){
		padding-left:30px;
	}
}
@media screen and (max-width: 480px){
	.main_wrap {
		padding:20px 10px;
		flex-direction: column;
	}
	.main_wrap .main_item:nth-of-type(2){
		display:none;/*勝手に消した*/
		padding-left:0;
		margin-top:20px;
	}
}
/* ============================================================
 read_area
 ============================================================ */
.read_area{
	text-align:center;
}
.read_area p{
	font-size:24px;
	margin-bottom:20px;
}
.read_area .ttl{
	margin-bottom:30px;
}

.read_wrap{
	margin:0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-bottom:30px;
}
.read_wrap .read_item p{
	font-size:27px;
	font-weight:bold;
	margin-top:15px;
}

@media screen and (max-width: 768px){
	.read_wrap .read_item{
		padding:0 10px;
	}
	.read_wrap .read_item p{
		font-size:20px;
	}
}
@media screen and (max-width: 480px){
	.read_area p{
		font-size:16px;
		margin-bottom:10px;
	}
	.read_wrap{
		margin-bottom:10px;
	}
	.read_wrap .read_item p{
	margin-top:10px;
	}
}

/* ============================================================
 function_area
 ============================================================ */
.function_area{
	text-align:center;
	background:#f0640f;
}
.function_wrap{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-flow: row wrap;
}

.function_item{
	width: calc(100% / 3);
	color:#fff;
}
.function_item img{
	margin-bottom:30px;
}
.function_item h3{
	font-size:27px;
	font-weight:bold;
	margin-bottom:30px;
	color:#fff;
	padding:0 20px;
}
.function_item p{
	font-size:18px;
	padding:0 30px;
}
.function_item:nth-of-type(n+4){
	margin-top:80px;
}

@media screen and (max-width: 768px){
	.function_item{
		margin-left:10px;
		margin-right:10px;
		width: calc((100% - 60px) / 3);
	}
	.function_item img{
		width:70%;
		margin-bottom:20px;
	}
	.function_item h3{
		padding:0;
		font-size:18px;
		margin-bottom:10px;
	}
	.function_item p{
		font-size:14px;
		padding:0;
	}
}
@media screen and (max-width: 480px){
	.function_item{
		width: calc((100% - 40px) / 2);
	}
	
	.function_item h3{
		font-size:16px;
	}
	.function_item:nth-of-type(n+4){
		margin-top:0;
	}
	
	.function_item p{
		font-size:12px;
	}
	.function_item:nth-of-type(n+3){
		margin-top:40px;
	}
}


/* ============================================================
 plan_area
 ============================================================ */
.plan_area{
	text-align:center;
	background:#fff6e8;
}
.plan_wrap{
	margin:0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-bottom:50px;
}
.pdf_link{
	margin-bottom:50px;
	display:inline-block;
}
.pdf_link:after{
	content: url(/content/dam/nttcom/hq/jp/business/lp/s1/images/suites/pdf_icon.png);
	position: relative;
	top: 8px;
}
@media screen and (max-width: 768px){
	.plan_wrap,.pdf_link{
		margin-bottom:30px;
	}
	.plan_wrap .plan_item{
		margin-left:10px;
		margin-right:10px;
	}
}
@media screen and (max-width: 480px){
	.plan_wrap {
		flex-direction: column;
	}
	.plan_wrap .plan_item:nth-of-type(2){
		padding-left:0;
		margin-top:20px;
	}
}
/* ============================================================
 price_area
 ============================================================ */
.price_area{
	text-align:center;
	background:#fff6e8;
}
.price_wrap{
	margin:0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-bottom:30px;
}
.price_area .note{
	font-size:14px;
	text-align:left;
	width:900px;
	margin:0 auto;
	line-height:1.5;
	text-indent:-1em;
	padding-left:1em;
}
@media screen and (max-width: 768px){
	.price_wrap{
		margin-bottom:30px;
	}
	.price_wrap .price_item{
		margin-left:10px;
		margin-right:10px;
	}
	.price_area .note{
		width:96%;
	}
}
@media screen and (max-width: 480px){
	.price_wrap {
		flex-direction: column;
	}
	.price_wrap .price_item:nth-of-type(2){
		margin-top:20px;
	}
}
/* ============================================================
 service_area
 ============================================================ */
.service_area{
	text-align:center;
	background:#f2f2f2;
}
.service_wrap{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-flow: row wrap;
	margin-bottom:50px;
}

.service_item{
	width: calc(100% / 3);
}
.service_item img{
	margin-bottom:30px;
}
.service_item h3{
	font-size:27px;
	font-weight:bold;
	margin-bottom:30px;
	padding:0 20px;
}
.service_item p{
	font-size:18px;
	padding:0 40px;
}
@media screen and (max-width: 768px){
	.service_item{
		margin-left:10px;
		margin-right:10px;
		width: calc((100% - 60px) / 3);
	}
	.service_item img{
		width:70%;
		margin-bottom:20px;
	}
	.service_item h3{
		padding:0;
		font-size:18px;
		margin-bottom:10px;
	}
	.service_item p{
		font-size:14px;
		padding:0;
		text-align:left;
	}
}
@media screen and (max-width: 480px){
	.service_item{
		width: calc((100% - 40px) / 2);
	}
	.service_item h3{
		font-size:16px;
	}
	.service_item:nth-of-type(n+4){
		margin-top:0;
	}
	.service_item p{
		font-size:12px;
	}
	.service_item:nth-of-type(n+3){
		margin-top:40px;
		width:100%;
	}
	.service_item img{
		width:100px;
	}
}

/* ============================================================
 flow_area
 ============================================================ */
.flow_area{
	text-align:center;
	background:#fff;
}

/* ============================================================
 apply_area
 ============================================================ */
.apply_area{
	text-align:center;
	background:#f2f2f2;
}
.apply_wrap{
	margin:0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.apply_item{
	background:#1cb26e;
	border-radius: 4px;
	padding: 20px;
	width:45%;
}
.apply_item h3{
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: .5em;
	padding: 9px;
	text-align: center;
}
.apply_item.blue{
	background:#019fae;
	padding: 0px 20px 20px;
}
.apply_item h3 span{
	font-size:26px;
}
.btn-white.mb10,.btn-white2.mb10{
	margin-bottom:10px;
}
.btn-white a {
	box-shadow: 0px 4px 0px 0px #00733E;
	color: #019B55;
}
.btn-white a, .btn-white2 a {
	background: #fff;
	border-radius: 4px;
	display: inline-block;
	font-size: 21px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	width: 100%;
}
.btn-white a span, .btn-white2 a span{
	font-size:16px;
}
.btn-white2 a {
	box-shadow: 0px 4px 0px 0px #0E6870;
	color: #008E9C;
}
@media screen and (max-width: 768px){
	.apply_item h3{
		font-size:16px;
	}
	.apply_item h3 span{
		font-size:22px;
	}
}
@media screen and (max-width: 640px){
	.apply_wrap {
		flex-direction: column;
	}
	.apply_item{
		width:100%;
	}
	.apply_item.blue{
		margin-top:20px;
	}
}


/* ============================================================
 reco_area
 ============================================================ */
.reco_area{
	text-align:center;
	background:#fff;
}
.reco_area h2{
	background:none;
	font-size:32px;
	font-weight:bold;
	line-height:1;
	margin-top:30px;
}
.reco_area h2 .sp_only{
	display:none;
}
.reco_area .container{
	padding-top:20px;
}
.reco_wrap{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-flow: row wrap;
	margin-bottom:50px;
}
.reco_item{
	width: calc(100% / 3);
	padding:0 10px;
}
@media screen and (max-width: 768px){
	.reco_area h2{
		font-size:24px;
		margin-top:20px;
	}
	.reco_area .container{
		padding-top:10px;
	}
}
@media screen and (max-width: 480px){
	.reco_area h2 .sp_only{
		display:block;
	}
	.reco_item{
		padding:0 5px;
	}
}
/* ============================================================
 closing_area
 ============================================================ */
.closing_area{
	text-align:center;
	background:#e4e4e4;
	padding:30px 10px 45px;
}
.closing_area .ttl{
	margin-bottom:30px;
}
.closing_area h3{
	margin-bottom:10px;
	color:#564587;
	font-weight:bold;
	font-size:29px;
}
.closing_area .mb20{
	margin-bottom:20px;
}
.closing_area .sp_only{
	display:none;
}
.closing_area .pc_only{
	display:block;
}
@media screen and (max-width: 768px){
	.closing_area .ttl img{
		width:70%;
	}
	.closing_area h3{
		font-size:24px;
	}
}
@media screen and (max-width: 768px){
	.closing_area .ttl img{
		width:90%;
	}
	.closing_area h3{
		font-size:20px;
	}
	.closing_area p{
		font-size:14px;
	}
	.closing_area .sp_only{
		display:block;
	}
	.closing_area .pc_only{
		display:none;
	}
}
/* ============================================================
 ipoe_lp_block_bnr
 ============================================================ */

.ipoe_lp_block_bnr{
	text-align:center;
	padding-top:40px;
}
.ipoe_lp_block_bnr p{
	font-size:14px;
	margin-bottom:40px;
}
.ipoe_lp_block_bnr img{
	max-width:688px;
}
@media screen and (max-width: 768px){
	.ipoe_lp_block_bnr{
		width:96%;
		margin:0 auto;
	}
}


/* ============================================================
 20180803修正分
 ============================================================ */
.read_area .ttl img{
	width:686px;
}
.read_wrap .read_item img{
	width:144px;
}
.read_area .txt img{
	width:758px;
}
.function_item img{
	width:115px;
}
.function_item p,.service_item p{
	text-align:left;
}
.service_item img{
	width:131px;
}
.flow_area .note{
	margin-top:30px;
	text-align:left;
	font-size:14px;
}
.flow_area .note p:nth-of-type(2){
	margin-top:10px;
}
.apply_area .note{
	margin-top:30px;
	text-align:left;
	font-size:14px;
}
.apply_area .note p:nth-of-type(n+2){
	margin-top:10px;
}
.ipoe_lp_block_bnr .container{
	text-align:left;
	padding:0 70px;
}
.ipoe_lp_block_bnr p{
	margin-bottom: 10px;
}
.ipoe_lp_block_bnr p:nth-of-type(2){
	margin-bottom: 40px;
}
@media screen and (max-width: 768px){
	.read_area .ttl img,.read_wrap .read_item img,.read_area .txt img{
		width:100%;
	}
	.function_item img{
		width: 70%;
	}
	.ipoe_lp_block_bnr .container{
		padding:0 10px;
	}
}