@charset "utf-8";
@media screen and (max-width: 769px){
body.gigazo section.inner_contents > div{
	padding: 30px 10px 0;
}
#gigazo_main_visual{
	height:auto;
}
#gigazo_main_visual div{
	width:100%;
	height:auto;
	min-height: 503px;
}

#gigazo_main_visual div.img01{
	background: url(../img/img_gagazo_slick01_sp.png) no-repeat center 0 scroll;
	background-size: 100% auto;
	text-align:right;
}
#gigazo_main_visual div.img01 div.app_btn_area{
	position: relative;
	display: block;
	width: 100%;
	height:100%;
	margin: 0;
}
#gigazo_main_visual div.img01 div.app_btn_area a{
	position: absolute;
	display: inline-block;
	right: 20px;
}
#gigazo_main_visual div.img01 div.app_btn_area #app_id01{
	top:52%;
}
#gigazo_main_visual div.img01 div.app_btn_area #app_id02{
	top:62%;
}
#gigazo_main_visual div.img01 div.app_btn_area a img{
	width: 145px;
	opacity:0.01
}
#gigazo_main_visual div.img01 div.app_btn_area a:hover{
	opacity:0.7;
}
#gigazo_main_visual div.img02{
	background: url(../img/img_gagazo_slick02_sp.png) no-repeat center 0 scroll;
	background-size: 100% auto;
}
#gigazo_main_visual div.img02 span{
	color: rgba(0,0,0,0.01);
}
body.gigazo h3{
	height: 42px;
	background-size: auto 42px !important;
	border-radius: 5px;
	line-height: 42px;
}

body.gigazo #gigazo_block1 h3{
	background-image: url(../img/h2_gagazo_block01_sp.png) !important;
}
body.gigazo #gigazo_block2 h3{
	background-image: url(../img/h2_gagazo_block02_sp.png) !important;
}
body.gigazo #gigazo_block3 h3{
	background-image: url(../img/h2_gagazo_block03_sp.png) !important;
}
body.gigazo #gigazo_block4 h3{
	background-image: url(../img/h2_gagazo_block04_sp.png) !important;
}
body.gigazo #gigazo_block1 figure{
	margin-top: 20px;
	text-align: center;
}
body.gigazo figure{
	text-align: center;
}
body.gigazo figure img{
	width: 100%;
	max-width:355px;
	margin: 0 auto;
}

body.gigazo #gigazo_block2 .with_arrow{
	margin-top: 15px;
}

body.gigazo #gigazo_block2 .with_arrow img{
	width: 46px;
	margin: 0 auto;
}
body.gigazo #gigazo_block2 .second_figure{
	margin-top: 15px;
}
body.gigazo #gigazo_block3 > div{/**/
	padding-bottom:60px;
}
body.gigazo #gigazo_block3 p{
	font-size: 16px;
}

body.gigazo #gigazo_block4 ul{
	padding-top: 20px;
	padding-bottom: 20px;
}
body.gigazo #gigazo_block4 li{
	position: relative;
	display: block;
	width: 310px;
	margin:0 auto 20px;
}
body.gigazo #gigazo_block4 li:last-child{
	margin-right: auto;
}


body.gigazo #gigazo_block4 li img.btn_moive_start{
	display:none;
	margin-left: -22px;
	margin-top: -22px;
	width: 44px;
	height: 44px;
}
/* relation_btn_area */
body.gigazo .relation_btn_area{
	letter-spacing: -.40em;
	padding-bottom: 60px;
	text-align:center;
}
body.gigazo .relation_btn_area li{
	display: inline-block;
	position: relative;
	margin-left: 3%;
	width: 31%;
	vertical-align:top;
	line-height: 1.2;
}
body.gigazo .relation_btn_area li:first-child{
	margin-left: 0;
}
body.gigazo .relation_btn_area li a{
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-right: 15px;
	border: solid 1px #00a0e9;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.2;
}
body.gigazo .relation_btn_area li a span{
	display: inline-block;
	line-height: 1.2;
}
body.gigazo .relation_btn_area li a span br{
	display: inline !important;
}
body.gigazo .relation_btn_area li a.btn_mypage{
	padding-top: 16px;
}
body.gigazo .relation_btn_area li a.btn_mypage span:after{
	position: absolute;
	top: 50%;
	right:3px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-top: -10px;
	margin-left: 0;
	background-image: url(../img/icon_relation_btn_area_my_page_sp.png);
	background-size:cover;
	vertical-align: middle;
	content:"";
}
body.gigazo .relation_btn_area li a.btn_wifi_search span:after{
	position: absolute;
	top: 50%;
	right:3px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-top: -10px;
	margin-left: 0;
	background-image: url(../img/icon_relation_btn_area_search_sp.png);
	background-size:cover;
	vertical-align: middle;
	content:"";
}
body.gigazo .relation_btn_area li a.btn_faq span:after{
	position: absolute;
	top: 50%;
	right:3px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-top: -10px;
	margin-left: 0;
	background-image: url(../img/icon_relation_btn_area_faq_sp.png);
	background-size:cover;
	vertical-align: middle;
	content:"";
}
/*  gigazo_block_campaign  */
body.gigazo #gigazo_block_campaign h3{
	background-image: url(../img/h3_gigazo_block_campaign_sp.png) !important;
}
body.gigazo #gigazo_block_campaign > div div{
	position:relative;
	height: auto;
	margin-top:20px;
	padding-bottom:30px;
}
body.gigazo #gigazo_block_campaign > div figure{
	position: static;
	top: auto;
	left:auto;
	width: 100%;
}
body.gigazo #gigazo_block_campaign > div figure img{
	width: 100%;
}
body.gigazo #gigazo_block_campaign > div a{
	position: static;
	display: block;
	top: auto;
	left: auto;
	width: 200px;
	margin: 20px auto 0;
}
body.gigazo #gigazo_block_campaign > div a img{
	width: 100%;
}
body.gigazo #gigazo_block_campaign > div a:hover{
	opacity: 0.7;
}
}