﻿@charset "UTF-8";
/* CSS Document */
@media (max-width: 640px){
	ol,ul {
		list-style: none;
	}
	.kv {
		text-align: center;
	}
	.scArea02 .scInr,
	.scArea03 .scInr,
	.scArea04 .scInr {
		padding: 0;
	}
	.clear:before, .clear:after {
		content: " ";
		display: table;
	}
	.clear:after {
		clear: both;
	}
	[class *= "borderArea0"] {
		border: 1px solid #cbcdd6;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	[class *= "borderArea0"] .hTtl02 {
		padding: 8px;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		background: #e26533;
	}
	#tabPanel02 [class *= "borderArea0"] .hTtl02 {
		padding: 6px 16px 5px;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		background: #fdf7db;
	}
	.campaign01 [class *= "borderArea0"] .hTtl02 {
		background: #922791;
	}
	.campaign02 [class *= "borderArea0"] .hTtl02 {
		background: #ab151e;
	}
	#tabPanel02 .campaign02 [class *= "borderArea0"] .hTtl02 {
		background: #425b3e;
		border: solid 4px #d3be94;
	}
	[class *= "borderArea0"] .hTtl02 .ptn01 {
		color: #fff;
		font-size: 17px;
		line-height: 1.2;
	}
	[class *= "borderArea0"] .conBlk {
		padding: 14px 16px 18px;
	}
	[class *= "borderArea0"] .colorBlk {
		margin-top: 11px;
		padding: 10px 16px 15px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.campaign01 [class *= "borderArea0"] .colorBlk.ptn01 {
		background: #eee9f8;
	}
	.campaign01 [class *= "borderArea0"] .colorBlk.ptn02 {
		background: #ecd8f8;
	}
	.campaign02 [class *= "borderArea0"] .colorBlk.ptn01 {
		background: #ffdedf;
	}
	#tabPanel02 .campaign02 [class *= "borderArea0"] .colorBlk.ptn01 {
		background: #fdf7db;
	}
	.campaign02 [class *= "borderArea0"] .colorBlk.ptn02 {
		background: #ffb9bd;
	}
	#tabPanel02 .campaign02 [class *= "borderArea0"] .colorBlk.ptn02 {
		background: #fae694;
	}
	[class *= "borderArea0"] .colorBlk.ptn02 {
		background: #fadf9d;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"] {
		position: relative;
		margin-bottom: 7px;
		padding-bottom: 40px;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"]:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 65px;
		height: 24px;
		margin-left: -32.5px;
		background: url("/landing/campaign/rakupay/img/index_img_005.gif") 0 0 no-repeat;
		-webkit-background-size: 65px 24px;
		-moz-background-size: 65px 24px;
		-o-background-size: 65px 24px;
		background-size: 65px 24px;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"]:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"]:last-child:after {
		content: none;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"] .txt01 {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"] .txt02 {
		margin-top: 15px;
		font-size: 14px;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"] .barTxt01 {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;;
	}
	.campaign01 .flowLists > [class *= "item0"] .barTxt01:before {
		background: #0091ff;
	}
	[class *= "borderArea0"] .flowLists > [class *= "item0"] .barTxt01 .ptn01 {
		font-size: 26px;
	}
	.campaign01 [class *= "borderArea0"] .flowLists > [class *= "item0"] .barTxt01 .ptn01 {
		color: #d21f25;
	}
	.campaign02 [class *= "borderArea0"] .flowLists > [class *= "item0"] .barTxt01 .ptn01 {
		color: #d21f25;
	}
	.borderArea01 {
		margin-top: 20px;
	}
	.borderArea01 .flowLists [class *= "item0"] .img01 {
		margin-top: 7px;
	}
	.borderArea01 .flowLists [class *= "item0"] [class *="listType0"] {
		margin-top: 7px;
	}
	.borderArea01 .flowLists .linkList04 {
		margin-top: 15px;
		padding: 0;
		background: none;
	}
	.borderArea01 .flowLists .linkList04 > li {
		margin: 5px 0 0;
	}
	.borderArea01 .flowLists .ancListWrap .linkList04 {
		margin-top: 5px;
	}
	.borderArea01 .flowLists .ancListWrap .listType02 {
		display: flex;
	}
	[class*="scArea0"] [class*="acdCnt0"] {
		margin-bottom: 16px;
	}
	.scArea01 {
		margin-top: 30px;
	}
	.scArea02 {
		margin-top: 40px;
	}
	.scArea02 [class *="listType0"],
	.scArea02 [class *="listType1"] {
		margin-top: 10px;
	}
	.scArea03 .flowLists {
		margin-top: 10px;
		list-style: none;
	}
	.scArea03 .flowLists > .item01 {
		position: relative;
		margin-bottom: 10px;
		padding-bottom: 27px;
	}
	.scArea03 .flowLists > .item01:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 34px;
		height: 12px;
	}
	.scArea03 .flowLists > .item01:after {
		background: url("/landing/campaign/rakupay/img/index_img_005.gif") 0 0 no-repeat;
		-webkit-background-size: 34px 12px;
		-moz-background-size: 34px 12px;
		-o-background-size: 34px 12px;
		background-size: 34px 12px;
	}
	.scArea03 .flowLists > .item01:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.scArea03 .flowLists > .item01:last-child:after {
		content: none;
	}
	.scArea05 .txt01 {
		font-size: 14px;
		font-weight: bold;
	}
	.scArea05 .imgList01 {
		margin-top: 15px;
	}
	.scArea05 .imgList01 .item01 {
		margin-top: 20px;
	}
	.scArea05 .imgList01 .item01:first-child {
		margin-top: 0;
	}
	.scArea05 [class *="listType0"] {
		margin-top: 15px;
	}
	.scArea05 .txt02 {
		margin-top: 20px;
		font-size: 14px;
	}
	.youtube {
		margin-bottom: 20px;
	}
}
	.tabBlock01 > .tabContent {
		border-bottom: none!important;
	}
	.tabBlock01 > .tabContent > .tabCntItem {
		padding: 40px 15px 0!important;
	}