@charset "Shift_JIS";

/* =================================================================================================
　永久不滅ポイントサイト - サービスガイド
　https://www.a-q-f.com/
　Copyright (C) CREDIT SAISON CO.,LTD. All Right Reserved.
================================================================================================= */


/* ----------------------------------------------------------------------------
　メインエリア
---------------------------------------------------------------------------- */
#main_area{
	background-color:#0f218b;
	min-height:232px;
}

/* 1200px以下 */
@media print, screen and (max-width:1200px){
#main_area{
	min-height:auto;
}
}

#main_area .liquid{
	position:relative;
}
#main_area h1{
	width:72.222222222222222222222222222222222222222222222%;
	float:left;
	position:relative;
}
#main_area h1 img{
	width:100%;
}
#main_area .text{
	width:25.79365079%;
	float:right;
	font-size:14px;
	letter-spacing:1px;
	line-height:200%;
	color:#fff;
	padding:60px 0 60px;
}


/* 1200px以下 */
@media print, screen and (max-width:1200px){
#main_area .text{
	padding:40px 0 40px;
}
}
/* 1100px以下 */
@media print, screen and (max-width:1100px){
#main_area .text{
	padding:25px 0 25px;
}
}



/* ----------------------------------------------------------------------------
　アンカー
---------------------------------------------------------------------------- */
#guide #anchor{
	width:940px;
	padding:6px 0 4px;
	background-color:#dbecff;
	margin:35px auto 0;
	text-align:center;
	margin-bottom:30px;
	border-radius: 100px;
}
#guide #anchor ul{
	text-align:center;
}
#guide #anchor li{
	display:inline-block;
	margin:0 20px 0;
}
#guide #anchor li a{
	font-size:14px;
	color:#333;
	display:inline-block;
	background: url("/common/pc/img/about/point/point_anchor_arrow.jpg") right center no-repeat;
	padding:0 25px 0 0;
}



/* ----------------------------------------------------------------------------
　サービスの種類
---------------------------------------------------------------------------- */
#service{
	padding:30px 0 60px;
	background-color:#fff;
}


/* タイトル */
#service .title_area{
	margin:0 0 50px;
	position:relative;
}
#service .title_area h2{
	font-size:36px;
	font-weight:bold;
	line-height:120%;
	color:#0f218b;
	text-align:center;
}
#service .title_area h2 span{
	background: url("/common/pc/img/about/service/service_title_icon.png") 0 0 no-repeat;
	height:59px;
	padding:21px 0 0 95px;
	display:inline-block;
}

#service .lead{
	font-size:18px;
	text-align:center;
	margin-bottom:60px;
}


/* 青ボックス共通タイトル */
#service h3{
	text-align:center;
	background: url("/common/pc/img/about/service/title_line.jpg") center bottom no-repeat;
	padding-bottom:60px;
	margin-bottom:25px;
}
#service h3 .text1{
	font-size:30px;
	line-height:120%;
	display:block;
	text-align:center;
	margin-bottom:20px;
}
#service h3 .text2{
	font-size:18px;
	line-height:120%;
	color:#fff;
	display:inline-block;
	text-align:center;
	background-color:#0f218b;
	padding:5px 0;
	border-radius: 100px;
	width:395px;
}


#guide .kind{
	margin-bottom:60px;
}



/* 青ボックス共通 */
#guide .bluebox:last-child{
	margin-right:0px !important;
}
#guide .bluebox .title{
	background-color:#0f218b;
	padding-top:40px;
	border-radius: 3px 3px 0 0;
}
#guide .bluebox .title .sub{
	font-size:18px;
	letter-spacing:2px;
	line-height:120%;
	font-weight:bold;
	color:#ffff00;
	text-align:center;
	margin-bottom:10px;
}
#guide .bluebox .title h4{
	font-size:24px;
	line-height:120%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-bottom:25px;
}
#guide .bluebox .title .photo img{
	width:100%;
}
#guide .bluebox .bluebox_inner{
	padding:15px;
	border:1px solid #0f218b;
	border-top:none;
	border-radius: 0 0 5px 5px;
}
#guide .bluebox dt{
	background: url("/common/pc/img/about/service/bluebox_dt.jpg") center 0 no-repeat;
	height:31px;
	padding-top:7px;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:120%;
	margin-bottom:20px;
}
#guide .bluebox dd{
	margin-bottom:25px;
	text-align:center;
	font-size:18px;
	line-height:130%;
	font-weight:bold;
}

/* 1200px以下 */
@media print, screen and (max-width:1200px){
#guide .bluebox dd{
	font-size:16px;
}
}

/* 1100px以下 */
@media print, screen and (max-width:1100px){
#guide .bluebox dd{
	font-size:14px;
}
}

#guide .bluebox .btn_white a{
	width:100%;
}


/* ゲーム */
#service .game h3 .text1 span{
	background: url("/common/pc/img/about/service/game_title_icon.jpg") 0 center no-repeat;
	padding:10px 0 10px 60px;
}
#service .game .bluebox{
	width:32.53968253%;
	float:left;
	margin-right:1.19047622%;
}
#service .game .bluebox .dd2 img{
	position:relative;
	top:-5px;
}


/* アンケート */
#service .enquete h3 .text1 span{
	background: url("/common/pc/img/about/service/enquete_title_icon.jpg") 0 center no-repeat;
	padding:10px 0 10px 40px;
}
#service .enquete .bluebox dl{
	width:49%;
	float:left;
}
#service .enquete .bluebox dl:last-child{
	width:49%;
	float:right;
}
#service .enquete .bluebox dl:first-child dd{
	padding-top:5px;
}
#service .enquete .bluebox dl img{
	position:relative;
	top:2px;
	margin:0 20px;
}

/* 1200px以下 */
@media print, screen and (max-width:1200px){
#service .enquete .bluebox dl:first-child dd{
	padding-top:0px;
}
#service .enquete .bluebox dl img{
	width:30%;
	top:-1px;
}
}
/* 1100px以下 */
@media print, screen and (max-width:1100px){
#service .enquete .bluebox dl img{
	width:25%;
	top:-2px;
}
}
#service .enquete .btn_white{
	width:380px;
	margin:0 auto;
}




/* CM */
#service .cm h3 .text1 span{
	background: url("/common/pc/img/about/service/cm_title_icon.jpg") 0 center no-repeat;
	padding:10px 0 10px 60px;
}
#service .cm .bluebox{
	width:49.2063492%;
	margin-right:1.5873016%;
	float:left;
}
#service .cm .bluebox dl img{
	position:relative;
	top:2px;
	margin:0 20px;
}

/* 1200px以下 */
@media print, screen and (max-width:1200px){
#service .cm .bluebox dl img{
	width:30%;
	top:-1px;
}
}
/* 1100px以下 */
@media print, screen and (max-width:1100px){
#service .cm .bluebox dl img{
	width:25%;
	top:-2px;
}
}
#service .cm .btn_white{
	width:380px;
	margin:0 auto;
}



/* ピンク↓矢印 */
#service .pink_arrow{
	width:100%;
	height:33px;
	background: url("/common/pc/img/about/service/service_pink_arrow.jpg") center 0 no-repeat;
	margin-bottom:20px;
}


/* バナー */
#service .bnr img{
	width:100%;
}



/* ----------------------------------------------------------------------------
　獲得ポイントの種類
---------------------------------------------------------------------------- */
#point{
	padding:55px 0 50px;
	background-color:#f5f5f5;
}


/* タイトル */
#point .title_area{
	margin:0 0 50px;
	position:relative;
}
#point .title_area h2{
	font-size:36px;
	font-weight:bold;
	line-height:120%;
	color:#0f218b;
	text-align:center;
}
#point .title_area h2 span{
	background: url("/common/pc/img/about/service/point_title_icon.png") 0 0 no-repeat;
	height:59px;
	padding:21px 0 0 95px;
	display:inline-block;
}

#point .lead{
	font-size:18px;
	text-align:center;
	margin-bottom:50px;
}

#point .chart{
	margin-bottom:55px !important;
}
#point .chart img{
	width:100%;
}
#point h4{
	font-size:24px;
	line-height:130%;
	text-align:center;
	margin-bottom:30px;
}
#point .cap{
	margin-bottom:40px;
	text-align:center;
	color:#333;
}



/* ----------------------------------------------------------------------------
　一気にポイントを貯める
---------------------------------------------------------------------------- */
#once{
	padding:55px 0 50px;
	background-color:#0671b0;
}


/* タイトル */
#once .title_area{
	width:550px;
	margin:0 auto 50px;
	position:relative;
}
#once .title_area h2{
	width:455px;
	margin:0 auto;
	position:relative;
	
	background: url("/common/pc/img/about/service/once_title_icon.png") 0 0 no-repeat;
	height:78px;
	padding:2px 0 0 95px;
}
#once .title_area h2 span{
	font-size:36px;
	font-weight:bold;
	line-height:120%;
	color:#fff;
	display:block;
}
#once .title_area .cap{
	font-size:16px;
	line-height:120%;
	font-weight:bold;
	color:#fed314;
	display:block;
	margin-top:10px;
}

#once .lead{
	font-size:18px;
	text-align:center;
	margin-bottom:50px;
	color:#fff;
}

#once h3{
	font-size:18px;
	color:#0f218b;
	font-weight:bold;
	text-align:center;
	margin-bottom:45px;
}

#once .chart{
	margin-bottom:65px;
	position:relative;
}
#once .chart .text{
	position:absolute;
	top:14%;
	right:12%;
	font-size:18px;
	font-weight:bold;
}
#once .chart .text span{
	text-decoration:underline;
}
#once .chart img{
	width:100%;
}

/* 1200px以下 */
@media print, screen and (max-width:1200px){
#once .chart .text{
	font-size:16px;
}
}

/* 1100px以下 */
@media print, screen and (max-width:1100px){
#once .chart .text{
	font-size:14px;
}
}


/* ボタン青 */
#once .btn_white a{
	background: url("/common/pc/img/about/service/once_btn_white.png") right center  no-repeat;
	background-color:#fff;
	border:1px solid #fff;
	color:#0671b0;
}
#once .btn_white a:hover{
	background: url("/common/pc/img/about/service/once_btn_white.png") right center  no-repeat;
	background-color:#fff;
	border:1px solid #fff;
	color:#0671b0;
	
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}





/* ----------------------------------------------------------------------------
　ログインしてセゾンポイントモールを利用しよう！
---------------------------------------------------------------------------- */
#use{
	padding:70px 0 50px;
	background-color:#f5f5f5;
}

/* タイトル */
#use .title_area{
	margin:0 0 50px;
	position:relative;
}
#use .title_area h2{
	font-size:36px;
	font-weight:bold;
	line-height:120%;
	color:#0f218b;
	text-align:center;
}
#use .title_area h2 span{
	background: url("/common/pc/img/about/shopping/use_title_icon.png") 0 0 no-repeat;
	height:59px;
	padding:21px 0 0 95px;
	display:inline-block;
}

#use .lead{
	font-size:18px;
	text-align:center;
	margin-bottom:20px;
}
#use .lead02{
	font-size:16px;
	text-align:center;
	margin-bottom:35px;
}
#use .lead02 span{
	background: url("/common/pc/img/about/top_use_beginner.png") 0 center no-repeat;
	padding:4px 0 4px 25px;
}
#use .lead02 span a{
	color:#005b9f;
	text-decoration:underline;
}
#use .lead02 span a:hover{
	color:#005b9f;
	text-decoration:none;
}


.login_area{
	padding:50px 35px 40px;
	background: url("/common/pc/img/about/service/use_login_area_bg.jpg") right 0 no-repeat;
	background-color:#fff;
	
	border-radius: 3px;
}
#guide .login_area .status{
	font-size:24px;
	color:#ee51a2;
	text-align:center;
	margin-bottom:45px;
}
.login_area .inner{
	background-color:#fff6fb;
	border-radius: 3px;
	padding:40px 60px 30px;
}
#guide .login_area h3{
	text-align:center;
	font-size:24px;
	margin-bottom:35px;
}

#guide .login_area .type{
	margin-bottom:40px;
}
#guide .login_area .type li{
	width:32%;
	float:left;
	margin-right:2%;
	background-color:#fff;
	padding:15px 0;
	border-radius: 3px;
}
#guide .login_area .type .lastItem{
	margin-right:0%;
}
#guide .login_area .type li .photo{
	text-align:center;
	margin-bottom:10px;
}
#guide .login_area .type li .title{
	text-align:center;
	font-size:14px;
	letter-spacing:-0.5px;
}


#guide .login_area .other_link{
	text-align:center;
}
#guide .login_area .other_link li{
	display:inline-block;
	margin:30px 50px 0;
}
#guide .login_area .other_link li a{
	color:#333;
	font-size:14px;
	text-decoration:underline;
}
#guide .login_area .other_link li a:hover{
	text-decoration:none;
}


#guide .login_area_arrow{
	width:100%;
	height:33px;
	margin-bottom:25px;
	background: url("/common/pc/img/about/top_use_login_area_arrow.jpg") center 0 no-repeat;
}


#use h4{
	font-weight:bold;
	text-align:center;
	font-size:24px;
	letter-spacing:-1px;
}



/* ----------------------------------------------------------------------------
　注意文
---------------------------------------------------------------------------- */
#attention{
	padding:20px 0 50px;
	font-size:14px;
	line-height:180%;
}
#attention li{
    padding-left: 1em;
    text-indent: -1em;
}
#attention li a{
	color:#333;
	text-decoration:underline;
}
#attention li a:hover{
	text-decoration:none;
}