/*20180627修正用*/
/*launcherは元々style_b.cssに記載されているが、修正分はこのCSSで上書きします*/

/*launcher部分上書き*/

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

.ipoe_lp_wrap{
	background: #FFCA00;
}
.title-hero{
	padding-bottom:0;
}
.section-07{
	background:#21abd4;
	padding: 16px 0 10px;
}
.section-07 .title-h2{
	margin-bottom:30px;
}
.section-07 .title-h2 .radius {
  width: 540px;
}
@media screen and (max-width: 768px){
	.section-07 .title-h2 .radius {
		width: 96%;
	}
}
@media screen and (max-width: 480px){
	.section-07 .title-h2{
		margin-bottom:10px;
	}
}


/*IPoE部分*/
.container2 {
	max-width: 960px;
	margin: 20px auto;
	padding: 0;
	position: relative;
}

.ipoe_lp_btn_area_container{
	max-width: 1220px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

img{
	width: 100%;
	vertical-align:bottom;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1{
	margin: 0;
}

h2{
	width: 90%;
	margin: 13px auto 0;
}

h3{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
}

.bg_gray{
	background: #f2f2f2;
}

@media screen and (max-width: 768px){
	.container2{
		max-width: 95%;
		margin: 0 auto;
	}

	.ipoe_lp_btn_area_container{
		max-width: 100%;
	}

	h2{
		margin: 0 auto;
	}

	h3{
		width: 100%;
		margin: 0 auto;
	}

}

/* ============================================================
 TOP,ナビゲーション
 ============================================================ */
.ipoe_lp_block_desc{
	width: 85%;
	margin: 60px auto 0;
}

.ipoe_lp_top{
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


@media screen and (max-width: 768px){
	.ipoe_lp_block_desc{
		margin: 20px auto 0;
	}

	.ipoe_lp_top{
		max-width: 100%;
	}

}


/* ============================================================
 ボタン
 ============================================================ */
.ipoe_lp_block_btn_area_wrap{
	background: #ffca00;
	text-align: center;
	padding: 35px;
}
.ipoe_lp_btn_application,
.ipoe_lp_btn_contact{
	width: calc((100% - 40px) / 2);
}
.ipoe_lp_btn_application_link{
	background: #c00000;
}
.ipoe_lp_btn_contact_link{
	background: #00b050;
}
.ipoe_lp_block_btn_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ipoe_lp_btn_area p{
	margin-bottom: 0;
}

.ipoe_lp_btn_area p.ipoe_lp_btn_area_txt{
	margin-bottom: 2.5rem;
	font-size: 1.63rem;
}

.ipoe_lp_btn_area a{
	display: inline-block;
	width: 100%;
	color: #fff;
	padding: 28px 30px;
	border-radius: 3px;
	position: relative;
	font-weight: 700;
	font-size: 1.5rem;
}

.ipoe_lp_btn_arrow{
	width: auto;
	height: 1.5rem;
	position: absolute;
	right: 29px;
	top: calc((100% - 28px) / 2);
}

.ipoe_lp_btn_area a:hover{
	text-decoration: none;
}
.ipoe_lp_btn_application_link:hover{
	background: #e34040;
}
.ipoe_lp_btn_contact_link:hover{
	background: #3fb675;
}

/* ============================
 TOPエリアボタンのみ
 ============================ */
.ipoe_lp_top_btn_area .ipoe_lp_btn_application,
.ipoe_lp_top_btn_area .ipoe_lp_btn_contact{
	width: 280px;
}

.ipoe_lp_top_btn_area .ipoe_lp_btn_application{
	margin-right: 20px;
}

.ipoe_lp_top_btn_area{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 600px;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.ipoe_lp_top_btn_area a{
	font-size: 1.1rem;
	padding: 20px 30px;
}

@media screen and (max-width: 768px){

	/* ============================
	TOPエリアボタンのみ
	============================ */
	.ipoe_lp_top_btn_area{
		margin-bottom: 0;
		position: unset;
		width: 100%;
	}
	.ipoe_lp_top_btn_area .ipoe_lp_btn_application,
	.ipoe_lp_top_btn_area .ipoe_lp_btn_contact{
		width: 50%;
	}

	.ipoe_lp_top_btn_area a{
		font-size: 0.9rem;
		padding: 20px 30px;
	}
	.ipoe_lp_top_btn_area .ipoe_lp_btn_application{
		margin-right: 0;
	}

}

@media screen and (max-width: 480px){

	/* ============================
	TOPエリアボタンのみ
	============================ */
	.ipoe_lp_top_btn_area{
		margin-bottom: 0;
		position: unset;
		width: 100%;
	}

	.ipoe_lp_top_btn_area p:not(:last-child){
		margin-bottom: 0;
	}

	.ipoe_lp_top_btn_area a{
		border-radius: 0;
		padding: 20px 30px;
	}

	.ipoe_lp_top_btn_area .ipoe_lp_btn_application,
	.ipoe_lp_top_btn_area .ipoe_lp_btn_contact{
		width: 50%;
	}

	.ipoe_lp_top_btn_area .ipoe_lp_btn_application {
		margin-right: 0;
	}
	
	.ipoe_lp_btn_arrow{
		right: 10px;
		top: calc((100% - 22px) / 2);
	}
}
@media screen and (max-width: 400px){
	.ipoe_lp_top_btn_area a{
		border-radius: 0;
		padding: 20px 10px;
	}
	.ipoe_lp_btn_arrow{
		right: 10px;
		top: calc((100% - 22px) / 2);
	}
}
/* ============================================================
 ブロック
 ============================================================ */
.ipoe_lp_top_block{
	padding: 26px 0 36px 0;
}

.ipoe_lp_block{
	padding-bottom: 20px;
}

.ipoe_lp_block_ttl{
	margin-top: 60px;
}

.ipoe_lp_btn_area_txt{
	font-size: 1.2rem;
	font-weight: 700;
}

.ipoe_lp_block_explain{
	margin: 1.5rem 0;
}

/* ============================
 ポイント
 ============================ */
.ipoe_lp_block_point{
	margin: 15px auto 0;
}

.ipoe_lp_block_point_body{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.ipoe_lp_block_point_item{
	line-height: 1.5;
	width: calc( (100% - 80px) / 3 );
}


@media screen and (max-width: 480px){
	/* ============================================================
	ブロック
	============================================================ */
	.ipoe_lp_block{
		padding-bottom: 13px;
	}

	.ipoe_lp_block_ttl{
		margin: 10px 0;
	}

	.ipoe_lp_btn_area p.ipoe_lp_btn_area_txt{
		font-size: .8rem;
	}

	.ipoe_lp_block_explain{
		width: 100%;
		margin: 10px 0 5px;
	}

	/* ============================
	ポイント
	============================ */
	.ipoe_lp_block_point_body{
		align-items: center;
		flex-direction: column;
	}

	.ipoe_lp_block_point_item{
		width: 100%;
	}

	.ipoe_lp_block_point_item:not(:first-child){
		margin-top: 1rem;
	}
}




/*新規作成*/


.section-service_list{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex; 
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	width:80%;
	margin:20px auto;
}
.section-service_list .service_list_box{
	width: calc(33.3% - 30px);
	margin: 15px;
	position:relative;
}

.section-service_list .service_list_box p img{
	border:1px solid #ccc;
}
.section-service_list .service_list_box div{
	width:47%;
}
.section-service_list .service_list_box .detail_bt{
	position:absolute;
	bottom:5px;
	left:calc(33.3% - 20px);
}
.section-service_list .service_list_box .contacts_bt{
	position:absolute;
	bottom:5px;
	right:10px;
}
@media screen and (max-width: 768px){
	.section-service_list{
	width:98%;
	}
	.section-service_list .service_list_box{
		width: calc(50% - 30px);
	}
	.section-service_list .service_list_box .contacts_bt{
		right:5px;
	}
}

@media screen and (max-width: 480px){
	.section-service_list .service_list_box{
		width: 100%;
	}
}








/**/

.ipoe03_block{
	display:flex;
	text-align: center;
}
.ipoe03_block h3{
	font-size: 24px;
	color: #0e357f;
	font-weight: bold;
	text-align: center;
	margin-bottom:10px;
}
.ipoe03_item{
	width:46%;
}
.ipoe03_item:nth-of-type(1){
	margin-right:4%;
}
.ipoe03_item:nth-of-type(2){
	margin-left:4%;
}
.ipoe03_item p{
	margin-bottom:10px;
	font-size:18px;
}
.ipoe03_item .ipoe03_img02 img{
	width:60%;
}
.ipoe03_item .ipoe03_img03{
	margin-top:20px;
}

@media screen and (max-width: 768px){
	.ipoe03_block h3{
		font-size: 20px;
	}
	.ipoe03_item p{
		font-size:16px;
	}
}

@media screen and (max-width: 480px){
	
	.ipoe03_block{
		display:block;
	}
	.ipoe03_item{
		width:100%;
	}
	.ipoe03_item:nth-of-type(1){
		margin-right:0;
		margin-bottom:40px;
	}
	.ipoe03_item:nth-of-type(2){
		margin-left:0;
	}
}