/*********************************
*
*  Responsive CSS (new version)
*  add : 2017.07
*
**********************************/

/*********************************
*
*  reset
*
**********************************/
html {
	font-size: 14px;
	font-family:\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic ProN", \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, sans-serif;
}

body,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.4em;
}
dd:not(:last-child) {
	margin-bottom:20px;
}

img {
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
a {
	color: #0066cc;
	background: transparent;
	text-decoration: underline;
}
a img:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)" !important;
	transition-duration: .5s;
}
ul,ol {
	list-style:none;
}

.main-contents p {
	line-height:1.6;
	margin-bottom:20px;
}
.main-contents p:last-child {
	margin-bottom:0;
}
strong {
	color:#F04692;
	font-weight:bold;
}
strong.fw-normal {
	font-weight:normal;
}


/*********************************
*
*  common
*
**********************************/
.fw-bold   { font-weight: bold;   }
.fw-normal { font-weight: normal; }

.txt-left   { text-align: left   !important;   }
.txt-center { text-align: center !important; }
.txt-right  { text-align: right  !important;  }

.valign-top      { vertical-align: top;    }
.valign-middle   { vertical-align: middle; }
.valign-bottom   { vertical-align: bottom; }
.valign-baseline { vertical-align: baseline; }

.box-center { margin-right:auto; margin-left :auto; }

.w15  { width :  15% !important; }
.w35  { width :  35% !important; }
.w50  { width :  50% !important; }
.w60  { width :  60% !important; }
.w70  { width :  70% !important; }
.w80  { width :  80% !important; }
.w90  { width :  90% !important; }
.w100 { width : 100% !important; }

.m0 { margin :0 !important; }
.p0 { padding:0 !important; }

.mt0  { margin-top :  0px !important; } .mr0  { margin-right :  0px !important; } .mb0  { margin-bottom :  0px !important; } .ml0  { margin-left :  0px !important; }
.mt5  { margin-top :  5px !important; } .mr5  { margin-right :  5px !important; } .mb5  { margin-bottom :  5px !important; } .ml5  { margin-left :  5px !important; }
.mt10 { margin-top : 10px !important; } .mr10 { margin-right : 10px !important; } .mb10 { margin-bottom : 10px !important; } .ml10 { margin-left : 10px !important; }
.mt15 { margin-top : 15px !important; } .mr15 { margin-right : 15px !important; } .mb15 { margin-bottom : 15px !important; } .ml15 { margin-left : 15px !important; }
.mt20 { margin-top : 20px !important; } .mr20 { margin-right : 20px !important; } .mb20 { margin-bottom : 20px !important; } .ml20 { margin-left : 20px !important; }
.mt25 { margin-top : 25px !important; } .mr25 { margin-right : 25px !important; } .mb25 { margin-bottom : 25px !important; } .ml25 { margin-left : 25px !important; }
.mt30 { margin-top : 30px !important; } .mr30 { margin-right : 30px !important; } .mb30 { margin-bottom : 30px !important; } .ml30 { margin-left : 30px !important; }
.mt35 { margin-top : 35px !important; } .mr35 { margin-right : 35px !important; } .mb35 { margin-bottom : 35px !important; } .ml35 { margin-left : 35px !important; }
.mt40 { margin-top : 40px !important; } .mr40 { margin-right : 40px !important; } .mb40 { margin-bottom : 40px !important; } .ml40 { margin-left : 40px !important; }
.mt45 { margin-top : 45px !important; } .mr45 { margin-right : 45px !important; } .mb45 { margin-bottom : 45px !important; } .ml45 { margin-left : 45px !important; }
.mt50 { margin-top : 50px !important; } .mr50 { margin-right : 50px !important; } .mb50 { margin-bottom : 50px !important; } .ml50 { margin-left : 50px !important; }
.mt55 { margin-top : 55px !important; } .mr55 { margin-right : 55px !important; } .mb55 { margin-bottom : 55px !important; } .ml55 { margin-left : 55px !important; }
.mt60 { margin-top : 60px !important; } .mr60 { margin-right : 60px !important; } .mb60 { margin-bottom : 60px !important; } .ml60 { margin-left : 60px !important; }
.mt65 { margin-top : 65px !important; } .mr65 { margin-right : 65px !important; } .mb65 { margin-bottom : 65px !important; } .ml65 { margin-left : 65px !important; }
.mt70 { margin-top : 70px !important; } .mr70 { margin-right : 70px !important; } .mb70 { margin-bottom : 70px !important; } .ml70 { margin-left : 70px !important; }
.mt75 { margin-top : 75px !important; } .mr75 { margin-right : 75px !important; } .mb75 { margin-bottom : 75px !important; } .ml75 { margin-left : 75px !important; }
.mt80 { margin-top : 80px !important; } .mr80 { margin-right : 80px !important; } .mb80 { margin-bottom : 80px !important; } .ml80 { margin-left : 80px !important; }
.mt85 { margin-top : 85px !important; } .mr85 { margin-right : 85px !important; } .mb85 { margin-bottom : 85px !important; } .ml85 { margin-left : 85px !important; }
.mt90 { margin-top : 90px !important; } .mr90 { margin-right : 90px !important; } .mb90 { margin-bottom : 90px !important; } .ml90 { margin-left : 90px !important; }
.mt95 { margin-top : 95px !important; } .mr95 { margin-right : 95px !important; } .mb95 { margin-bottom : 95px !important; } .ml95 { margin-left : 95px !important; }
.mt100{ margin-top : 100px !important;} .mr100{ margin-right : 100px !important;} .mb100{ margin-bottom : 100px !important;} .ml100{ margin-left : 100px !important;}

.pt0  { padding-top :  0px !important; } .pr0  { padding-right :  0px !important; } .pb0  { padding-bottom :  0px !important; } .pl0  { padding-left :  0px !important; }
.pt5  { padding-top :  5px !important; } .pr5  { padding-right :  5px !important; } .pb5  { padding-bottom :  5px !important; } .pl5  { padding-left :  5px !important; }
.pt10 { padding-top : 10px !important; } .pr10 { padding-right : 10px !important; } .pb10 { padding-bottom : 10px !important; } .pl10 { padding-left : 10px !important; }
.pt15 { padding-top : 15px !important; } .pr15 { padding-right : 15px !important; } .pb15 { padding-bottom : 15px !important; } .pl15 { padding-left : 15px !important; }
.pt20 { padding-top : 20px !important; } .pr20 { padding-right : 20px !important; } .pb20 { padding-bottom : 20px !important; } .pl20 { padding-left : 20px !important; }
.pt25 { padding-top : 25px !important; } .pr25 { padding-right : 25px !important; } .pb25 { padding-bottom : 25px !important; } .pl25 { padding-left : 25px !important; }
.pt30 { padding-top : 30px !important; } .pr30 { padding-right : 30px !important; } .pb30 { padding-bottom : 30px !important; } .pl30 { padding-left : 30px !important; }
.pt35 { padding-top : 35px !important; } .pr35 { padding-right : 35px !important; } .pb35 { padding-bottom : 35px !important; } .pl35 { padding-left : 35px !important; }
.pt40 { padding-top : 40px !important; } .pr40 { padding-right : 40px !important; } .pb40 { padding-bottom : 40px !important; } .pl40 { padding-left : 40px !important; }
.pt45 { padding-top : 45px !important; } .pr45 { padding-right : 45px !important; } .pb45 { padding-bottom : 45px !important; } .pl45 { padding-left : 45px !important; }
.pt50 { padding-top : 50px !important; } .pr50 { padding-right : 50px !important; } .pb50 { padding-bottom : 50px !important; } .pl50 { padding-left : 50px !important; }
.pt55 { padding-top : 55px !important; } .pr55 { padding-right : 55px !important; } .pb55 { padding-bottom : 55px !important; } .pl55 { padding-left : 55px !important; }
.pt60 { padding-top : 60px !important; } .pr60 { padding-right : 60px !important; } .pb60 { padding-bottom : 60px !important; } .pl60 { padding-left : 60px !important; }
.pt65 { padding-top : 65px !important; } .pr65 { padding-right : 65px !important; } .pb65 { padding-bottom : 65px !important; } .pl65 { padding-left : 65px !important; }
.pt70 { padding-top : 70px !important; } .pr70 { padding-right : 70px !important; } .pb70 { padding-bottom : 70px !important; } .pl70 { padding-left : 70px !important; }
.pt75 { padding-top : 75px !important; } .pr75 { padding-right : 75px !important; } .pb75 { padding-bottom : 75px !important; } .pl75 { padding-left : 75px !important; }
.pt80 { padding-top : 80px !important; } .pr80 { padding-right : 80px !important; } .pb80 { padding-bottom : 80px !important; } .pl80 { padding-left : 80px !important; }
.pt85 { padding-top : 85px !important; } .pr85 { padding-right : 85px !important; } .pb85 { padding-bottom : 85px !important; } .pl85 { padding-left : 85px !important; }
.pt90 { padding-top : 90px !important; } .pr90 { padding-right : 90px !important; } .pb90 { padding-bottom : 90px !important; } .pl90 { padding-left : 90px !important; }
.pt95 { padding-top : 95px !important; } .pr95 { padding-right : 95px !important; } .pb95 { padding-bottom : 95px !important; } .pl95 { padding-left : 95px !important; }
.pt100{ padding-top : 100px !important;} .pr100{ padding-right : 100px !important;} .pb100{ padding-bottom : 100px !important;} .pl100{ padding-left : 100px !important;}

span.fs75  { font-size:  75%; }  strong.fs75  { font-size:  75%; }  p.fs75  { font-size:  75%; }
span.fs85  { font-size:  85%; }  strong.fs85  { font-size:  85%; }  p.fs85  { font-size:  85%; }
span.fs100 { font-size: 100%; }  strong.fs100 { font-size: 100%; }  p.fs100 { font-size: 100%; }
span.fs125 { font-size: 125%; }  strong.fs125 { font-size: 125%; }  p.fs125 { font-size: 125%; }
span.fs150 { font-size: 150%; }  strong.fs150 { font-size: 150%; }  p.fs150 { font-size: 150%; }
span.fs175 { font-size: 175%; }  strong.fs175 { font-size: 175%; }  p.fs175 { font-size: 175%; }
span.fs200 { font-size: 200%; }  strong.fs200 { font-size: 200%; }  p.fs200 { font-size: 200%; }
span.fs225 { font-size: 225%; }  strong.fs225 { font-size: 225%; }  p.fs225 { font-size: 225%; }
span.fs250 { font-size: 250%; }  strong.fs250 { font-size: 250%; }  p.fs250 { font-size: 250%; }
span.fs275 { font-size: 275%; }  strong.fs275 { font-size: 275%; }  p.fs275 { font-size: 275%; }
span.fs300 { font-size: 300%; }  strong.fs300 { font-size: 300%; }  p.fs300 { font-size: 300%; }

.inline { display:inline; }
.block { display:block; }
.inline-block { display:inline-block; }

.float-l { float:left; }
.float-r { float:right; }

.clear:after,
.rsp-frame:after {
	content: "";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
img.icon {
	vertical-align:middle;
	margin-left:3px;
}

.pc_none, span.pc_none, .pc_none.text { display: none !important; }
.sp_none { display: block; }
span.sp_none, img.sp_none, .sp_none.text { display: inline-block; }

@media only screen and (max-width:767px){
	.sp_none, span.sp_none, .sp_none.text { display: none !important; }
	.pc_none { display: block !important; }
	span.pc_none, img.pc_none, .pc_none.text { display: inline-block !important; }
}

/*********************************
*
*  frame
*
**********************************/
.rsp-frame {
	display:block;
	margin:0 auto;
	max-width:1000px;
	width:100%;
}

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

	.rsp-frame .rsp-contents {
		margin-right:10px;
		margin-left :10px;
	}
}

.main-contents .rsp-contents {
	padding-top   :30px;
	padding-bottom:30px;
}

.main-contents {
	position:relative;

}

/*********************************
*
*  title
*
**********************************/

.title-01 {
	color:#F04693;
	text-align:center;
	font-size:185%;
	font-weight:bold;
	margin-top:1.75em;
}

.title-01 + p  ,
.title-01 + dl ,
.title-01 + dd ,
.title-01 + ul ,
.title-02 + p  ,
.title-02 + dl ,
.title-02 + dd ,
.title-02 + ul {
	margin-top:20px;
}

h2.title-01 {
	font-size:185%;
}

.title-02 {
	font-size:185%;
	font-weight:bold;
}
.rsp-contents > .title-01:first-child ,
.rsp-contents > .title-01:first-of-type {
	margin-top:0;
}

.title-01 .main-ttl {
	font-size:150%;
}

/*********************************
*
*  list
*
**********************************/
.list-01 {
	font-size:125%;
	font-weight:bold;
}
.list-01 li {
	margin:0.5em 0;
}

/*********************************
*
*  btn
*
**********************************/
.btn-rsp-01,
.btn-rsp-02,
.btn-rsp-03 {
	display:block;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	position:relative;
}

.btn-rsp-01,
.btn-rsp-02 {
	color:#FFF;
}

.btn-rsp-01 {
	margin:16px auto 4px;
	max-width:458px;
	width:91.6%;
	padding:1em 2.25em 1em 1.75em;
	font-size:16px;
	font-weight:bold;
	background-color:#78B82A;
	box-shadow:0 4px 0 0 #609322;
	border-radius:7px;
}

.btn-rsp-01.sizeS { font-size:12px; }

.btn-rsp-02 {
	margin:16px auto 4px;
	max-width:620px;
	padding:1em 11.2903% 1em 11.2903%;
	background-color:#78b82a;
	box-shadow:0 4px 0 0 #609322;
	border-radius:5px;
	line-height:1.6;
}

.btn-rsp-03 {
	color: #444;
	margin:16px auto 4px;
	max-width:368px;
	width:91.6%;
	padding:.6em 2.25em .6em 1.75em;
	font-size:16px;
	font-weight:bold;
	background-color:#fff;
	border: 2px solid #ccc;
	box-shadow:0 2px 0 0 #ccc;
	border-radius:6px;
}

/* btn active, hover */
.btn-rsp-01:active, .btn-rsp-01:hover,
.btn-rsp-02:active, .btn-rsp-02:hover {
	top:2px;
	box-shadow:0 2px 0 0 #609322;
}

.btn-rsp-03:active, .btn-rsp-03:hover {
	top:2px;
	box-shadow: none;
}

.btn-rsp-02 .txt-main,
.btn-rsp-02 .txt-sub {
	display:block;
}
.btn-rsp-02 .txt-main {
	font-size:180%;
	font-weight:bold;
}
.btn-rsp-02 .txt-sub {
	font-size:87%;
	margin-top:0.25em;
}
/* link icon (>) */

.page-in,
.page-out {
	background-repeat:no-repeat;
}
.page-in  { background-image:url(/legacy/campaign/common/images/ico-arrow-in.png); }
.page-out { background-image:url(/legacy/campaign/common/images/ico-arrow-out.png); }

.btn-rsp-01.page-in,
.btn-rsp-01.page-out {
	background-position:95% center;
	background-position:calc(100% - 0.75em) center;
	background-size:1.5em auto;
}

.btn-rsp-02.page-in,
.btn-rsp-02.page-out {
	background-position:95.3225% center;
	background-position:calc(100% - 4.6774%) center;
	background-size:6.4516% auto;
}

.btn-rsp-03.page-in,
.btn-rsp-03.page-out {
	background-position:95.3225% center;
	background-position:calc(100% - 4.6774%) center;
	background-size: 18px;
}

.btn-rsp-03.page-in { background-image:url(/legacy/common/css/images/ico-arrow_11.png); }
.btn-rsp-03.page-out { background-image:url(/legacy/common/css/images/ico-arrow_03.png); }

/* btn disabled */

.btn-rsp-01.disabled, .btn-rsp-02.disabled, .btn-rsp-03.disabled {
	background: #8c8c8c;
	box-shadow: none;
	pointer-events: none;
	cursor: default;
	border: none;
	color: #fff;
}

.btn-rsp-01.disabled:active, .btn-rsp-01.disabled:hover, .btn-rsp-02.disabled:active, .btn-rsp-02.disabled:hover, .btn-rsp-03.disabled:active, .btn-rsp-03.disabled:hover {
	top: 0;
}

.btn-rsp-01.disabled {
	padding: 1em 1.3em;
}

/*********************************
*
*  .note
*
**********************************/
.txt-notes,
.note-01  {
	font-size:82%;
	color:#777777;
	line-height:1.4;
}
.txt-notes .note-01 {
	font-size:100%;
}
.txt-notes > p,
.txt-notes > ul {
	margin:0;
}

/*********************************
*
*  .area-
*
**********************************/
.area-FFF {
	padding: 0 17px 20px;
	background-color:#FFF;
}

/*********************************
*
*  .area-arrow
*
**********************************/
.area-arrow-down {
	position:relative;
	margin-bottom:9em;
}
.area-arrow-down:before {
	content:"";
	display:block;
	background-color:#D4D4D4;
	position:absolute;
	width:8em;
	max-width:90%;
	height:3em;
	top:100%;
	left:47%;
	left:calc(50% - 4em);
}
.area-arrow-down:after {
	content:"";
	display:block;
	border-color:#D4D4D4 transparent transparent transparent;
	border-width:4em 6.5em 0 6.5em;
	border-style:solid;
	position:absolute;
	width:0;
	height:0;
	top:105%;
	top:calc(100% + 3em - 2px);
	left:45%;
	left:calc(50% - 6.5em);
}

/*********************************
*
*  .bdr
*
**********************************/
.bdr-bottom-01 {
	padding-bottom:0.75em;
	border-bottom:3px solid #D4D4D4;
}

.bdr-bottom-02 {
	padding-bottom:30px;
	border-bottom:1px dotted #D4D4D4;
}

dl.child-bdrbtm-01 > dd:not(:last-child) {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #D4D4D4;
}

/*********************************
*
*  str
*
**********************************/
.str-rsp-01 { color:#E03F8C; }
.str-rsp-02 { color:#F04692; }

.str-red { color: #FF0000; }

.str-paint {
	display:inline-block;
	padding:0.4em 0.75em;
	color:#FFF;
	font-weight:bold;
	vertical-align:text-bottom;
}
.str-paint.bg-7D7D8E {
	background-color:#7D7D8E;
}
.str-paint.bg-F04693 {
	background-color:#F04693;
}

/*********************************
*
*  .stc-column2
*
**********************************/
.stc-column2 {
	display:block;
	width:100%;
	letter-spacing:-1em;
}
.stc-column2 > .column-box {
	vertical-align:top;
	display:inline-block;
	width:50%;
	letter-spacing:normal;
	box-sizing:border-box;
}
.stc-column2 > .column-box:nth-child(odd) {
	padding-right:1em;
}
.stc-column2 > .column-box:nth-child(even) {
	padding-left:1em;
}

/*********************************
*
*  .rsp-column2
*
**********************************/
.rsp-column2 {
	display:block;
	width:100%;
	letter-spacing:-1em;
}
.rsp-column2 > .column-box {
	vertical-align:top;
	display:inline-block;
	width:50%;
	letter-spacing:normal;
	box-sizing:border-box;
}
.rsp-column2 > .column-box:nth-child(odd) {
	padding-right:1em;
}
.rsp-column2 > .column-box:nth-child(even) {
	padding-left:1em;
}

/*********************************
*
*  #follow_area
*
**********************************/
#follow_area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding: 10px 0;
	background: rgba(255,255,255,0.8);
}

/*********************************
*
*  #follow_start
*
**********************************/
#follow_start.btn-mvunder {
	margin-bottom:50px;
}

/*********************************
*
*  .bnr
*
**********************************/
.main-contents p.bnr-single {
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
}

/*********************************
*
*  header
*
**********************************/
.headerlogo {
	padding:10px 0;
}
.headerlogo p {
	text-align:center;
}
.headerlogo p img {
	max-width:260px;
	min-width:160px;
	width:30%;
}

/*********************************
*
*  .mainvisual
*
**********************************/
.mainvisual {
	background-repeat:repeat-x;
	background-size:auto 100%;
	background-position:center top;
}
.mainvisual img {
	width:100%;
	height:auto;
}

/*********************************
*
*  .tokuten
*
**********************************/
.tokuten-title {
	margin-top:0.75em;
	margin-bottom:0.75em;
	font-size:175%;
}
.tokuten-title .badge,
.tokuten-title .ttl-txt {
	display:inline-block;
	font-weight:bold;
	vertical-align:top;
	line-height:1.4em;
}
.tokuten-title .badge {
	color:#FFF;
	background-color:#F04693;
	padding:0.25em 0.5em;
	font-size:75%;
	min-width:3em;
	margin-right:0.5em;
	text-align:center;
}
.tokuten-title .ttl-txt {
	white-space:normal;
}

.tokuten .points {
	color:#F04692;
	line-height:1em;
}
.tokuten-point {
	text-align:center;
	font-weight:bold;
	font-size:175%;
}
.tokuten-point.large {
	font-size:200%;
}
.tokuten-point .points {
	font-size:200%;
}
dl.tokuten-list {
	text-align:center;
}
dl.tokuten-list > dt {
	font-weight:bold;
	font-size:150%;
	margin-bottom:10px;
}
dl.tokuten-list > dd {
	padding-bottom:1em;
	margin-bottom:1em;
}
dl.tokuten-list > dd:not(:last-child) {
	border-bottom:1px dotted #D4D4D4;
}

/*********************************
*
*  .point-box
*
**********************************/
.point-box ,
.point-box .pointbox-inner {
	padding:15px;
}
.point-box {
	text-align:center;
	margin-top:15px;
}
.point-box > dl > dt {
	font-size:150%;
	font-weight:bold;
	margin-bottom:0.25em;
}
.point-box.p-tokimeki      { background-color:#FDECF4; }
.point-box.p-waon          { background-color:#ECF5FF; }
.point-box .pointbox-inner { background-color:#FFFFFF; }

.point-box.p-tokimeki > dl > dt { color:#F04692; }
.point-box.p-waon     > dl > dt { color:#006DD9; }

.point-box .pointbox-summary {
	margin-bottom:15px;
}

/*********************************
*
*  .acd-section
*   (accordion)
*
**********************************/
.acd-section.sub {
	margin-top:20px;
	margin-bottom:20px;
}
.acd-section .acd-title {
	width:100%;
	background-color:#F04693;
	color:#FFF;
	text-align:center;
	padding:0.75em 0;
	font-weight:bold;
	border-bottom:4px solid #BF3372;
	font-size:185%;
	box-sizing:border-box;
	cursor:pointer;
	padding-right:3.4em;
	padding-left:1.6em;
	position:relative;
}
.acd-section .acd-title.orange {
	background-color:#FF7F00;
	border-bottom-color:#EA7500;
}
.acd-section.sub .acd-title {
	font-size:140%;
}
.acd-section .acd-title:before {
	content:"";
	display:block;
	width:35px;
	width:1.4em;
	height:4px;
	background-color:#FFF;
	border-radius:2px;
	position:absolute;
	top:49%;
	top:calc(50% - 2px);
	right:1.6em;
}

.acd-section .acd-title:after {
	content:"";
	display:block;
	position:absolute;
	background-color:#FFF;
	border-radius:2px;
	width:4px;
	/*
	height:35px;
	top:calc(50% - 17.5px);
	*/
	height:1.4em;
	top:48%;
	top:calc(50% - 0.7em);
	right:2.28em;
	right:calc(1.6em + 0.7em - 2px);
	transition:-webkit-transform 0.2s ease-in;
	transition:transform 0.2s ease-in;
	transition:transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.acd-section .acd-title.opened:after {
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
}
.acd-section .rsp-frame > .rsp-contents {
	padding-bottom:40px;
}

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

	.acd-section .acd-title {
		font-size:5vw;
	}
	.acd-section.sub .acd-title {
		font-size:3.8vw;
	}

}

/*********************************
*
*  .bankatm
*
**********************************/
.bankatm {
	text-align:center;
}
.bankatm .bankatm_col    { display:inline-block; }
.bankatm .bankatm_col.c1 {
	width:12.5%;
	margin-right:2.5%;
}
.bankatm .bankatm_col.c2 { width:60%; }


/*********************************
*
*  .tokuten-list-area
*
**********************************/

.tokuten-list-area .rsp-column2 dl dt {
	font-weight:bold;
	text-align:center;
	font-size:115%;
	min-height:2.8em;
}
.tokuten-list-area h3.title-01 {
	margin-bottom:1em;
}

/*********************************
*
*  .cardbox-section
*
**********************************/
.cardbox-section {
	background-color: #FEE5ED;
}
.cardbox-section {
	text-align:center;
}

.card-box {
	padding-bottom:55px;
}
.card-box:not(:last-child){
	border-bottom:1px solid #F3CEDA;
	margin-bottom:55px;
}
.card-box:last-child {
	padding-bottom:30px;
}
.card-box .cardbox-summary {
	font-weight:bold;
	font-size:110%;
}
.card-box .cardbox-summary .bordered-box {
	display:inline-block;
  border:1px solid #000;
  padding:1% 2%;
}
.card-box .card-img {
	margin-bottom:10px;
}
.card-box .card-img .img-box {
	display:inline-block;
	position:relative;
	padding-bottom:20px;
	max-width:256px;
	width:60%;
	height:auto;
}
.card-box .card-img .img-box .copyright {
	position:absolute;
	display:inline-block;
	right:0;
	bottom:0;
	line-height:20px;
	text-align:right;
}
.card-box .column-box dt {
	font-weight:bold;
	margin-bottom:20px;
}
.card-box .international-brand {
	text-align:left;
	margin-left:12%;
	font-weight:bold;
}
.card-box .international-brand img {
	width:17%;
	vertical-align:middle;
	max-width:72px;
	margin-right:2px;
	margin-left:2px;
}

/*********************************
*
*  .cp-summary
*
**********************************/
.cp-summary {
	background-color:#EFEFEF;
}
.summary-list > dt {
	padding:0.5em 1em;
	background-color:#A0A0A0;
	color:#FFF;
}
.summary-list > dt,
.summary-list > dd {
	margin-bottom:1em;
}

/*********************************
*
*  .number-box
*
**********************************/
.number-box {
	display:inline-block;
	border:1px solid #000;
	padding:0.25em 0.5em;
}

/*********************************
*
*  .footer
*
**********************************/
.footer {
	font-size: 85.71429%;
}
.ftr-bar {
	background-color:#5D5D5D;
	padding:0.75em 0;
	color:#FFF;
}
.ftrbar-link {
	width:100%;
	position:relative;
}
.ftrbar-link a,
.ftrbar-link a:hover,
.ftrbar-link a:visited,
.ftrbar-link a:focus,
.ftrbar-link a:active {
	color:#FFF;
	text-decoration:none;
}
.ftrbar-link > li {
	display:inline-block;
	vertical-align:top;
}
.ftrbar-link > li:not(:last-child) {
	margin-right:1em;
}
.ftrbar-link > li:last-child {
	position:absolute;
	top:0;
	right:0;
}
.ftr-field {
	padding:22px 0;
}
.ftr-field p,
.ftr-field ul,
.ftr-field li {
	display:inline-block;
	vertical-align:middle;
}

.ftr-field .logo-01 {
	float: left;
	width: 90px;
}
.ftr-field .logo-02 {
	float: right;
	width: 113px;
}

.ftr-field ul {
	margin: 5px 0 0 11px;
	float: left;
}
.ftr-field ul li {
	float: left;
	margin-left: 30px;
}
.ftr-field ul li a {
	padding-left: 10px;
	background: url(/legacy/common/css/images/ico-arrow_01.png) no-repeat 0 .3em;
}
.ftr-field a {
	text-decoration: none;
	color: #444444;
}
.ftr-field a:visited {
	color: #444444;
}
.ftr-field a:hover,
.ftr-field a:focus,
.ftr-field a:active {
	color: #444444;
	text-decoration: underline;
}

/*********************************
*
*  .link-top
*
**********************************/
.main-contents .link-top {
	text-align: right;
	position: static;
	right: 20px;
	bottom: 20px;
	z-index: 5;
}
.main-contents .link-top a {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 20px 0 auto;
}
.main-contents .link-top a img {
	transition: opacity .2s;
}
.main-contents .link-top a:hover img,
.main-contents .link-top a:focus img,
.main-contents .link-top a:active img {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*********************************
*
*  .countdown
*
**********************************/

.countdown {
	font-size:40px;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}
.countdown .icon_timer {
	vertical-align:middle;
	margin-right:20px;
	width:auto;
}
.countdown .dayscounter {
	color:#FFF;
	background-color:#78B82A;
	display:inline-block;
	height:100%;
	padding-left:20px;
	padding-right:20px;
	margin-left:10px;
	margin-right:10px;
	border-radius:5px;
	text-align:center;
}

/*********************************
*
*  @media (footer)
*  screen and (max-width:950px)
*
**********************************/
@media only screen and (max-width:950px){
	.ftrbar-link {
		text-align:center;
	}
	.ftrbar-link > li:last-child {
		display:block;
		position:relative;
		margin-top:0.75em;
	}
}

/*********************************
*
*  @media
*  screen and (max-width:767px)
*
**********************************/
@media only screen and (max-width:767px) {

	/*********************************
	*
	*  common
	*
	**********************************/
	.vw2  { font-size:  2vw !important; }
	.vw3  { font-size:  3vw !important; }
	.vw4  { font-size:  4vw !important; }
	.vw5  { font-size:  5vw !important; }
	.vw6  { font-size:  6vw !important; }
	.vw7  { font-size:  7vw !important; }
	.vw8  { font-size:  8vw !important; }
	.vw9  { font-size:  9vw !important; }
	.vw10 { font-size: 10vw !important; }

	/*********************************
	*
	*  rsp-column2
	*
	**********************************/
	.rsp-column2 > .column-box {
		display:block;
		width:100%;
	}
	.rsp-column2 > .column-box:not(:first-child) {
		margin-top:30px;
	}
	.rsp-column2 > .column-box:nth-child(odd) {
		padding-right:0;
	}
	.rsp-column2 > .column-box:nth-child(even) {
		padding-left:0;
	}

	/*********************************
	*
	*  btn(SP)
	*
	**********************************/
	.btn-rsp-01.sizeS {
		font-size:3.5vw;
		padding-top   : 0.75em;
		padding-bottom: 0.75em;
		line-height:1.25em;
	}

	.btn-rsp-02 {
		width:93.3333%;
	}
	.btn-rsp-02 .txt-main {
		font-size:150%;
	}

	/* btn disabled */
	.btn-rsp-01.sizeS.disabled {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
	}
	/*********************************
	*
	*  .bnr
	*
	**********************************/
	.main-contents p.bnr-single {
		margin-top:0;
		margin-bottom:20px;
	}

	/*********************************
	*
	*  #follow_start
	*
	**********************************/
	#follow_start.btn-mvunder {
		margin-bottom:30px;
	}

	/*********************************
	*
	*  .point-box(SP)
	*
	**********************************/
	.point-box .pointbox-inner img {
		max-width:90%;
		height:auto;
	}
	.tokuten-point {
		font-size:4.2vw;
	}
	.tokuten-point.large  {
		font-size:4.45vw;
	}
	.point-box.p-tokimeki > dl > dt,
	.point-box.p-waon     > dl > dt {
		margin-bottom:15px;
	}
	.point-box .pointbox-summary {
		margin-bottom:20px;
	}

	/*********************************
	*
	*  .tokuten
	*
	**********************************/
	.tokuten-title .badge {
		font-size:90%;
		margin-bottom:0.4em;
	}
	dl.tokuten-list > dt {
		font-size:4.2vw;
	}
	dl.tokuten-list > dt .points {
		font-size:150%;
	}

	/*********************************
	*
	*  .bankatm(SP)
	*
	**********************************/
	.bankatm .bankatm_col.c2 { width:100%; }

	/*********************************
	*
	*  .tokuten-list-area(SP)
	*
	**********************************/
	.tokuten-list-area .rsp-column2 dl dt {
		min-height:auto;
		margin-bottom:10px;
	}

	/*********************************
	*
	*  .card-box(SP)
	*
	**********************************/
	.card-box .international-brand {
		width:91.6%;
		max-width:400px;
		padding-left:10%;
		margin-right:auto;
		margin-left:auto;
		font-size:2vw;
	}

	/*********************************
	*
	*  .card-box.sp-column2(SP)
	*
	**********************************/
	.card-box.sp-column2 .cardbox-summary {
		font-size:89.8%;
	}
	.card-box.sp-column2 .cardbox-summary .bordered-box {
		display:inline-block;
		border:1px solid #000;
		padding:1% 2%;
	}
	.card-box.sp-column2 .cardbox-summary .note-01 {
		font-size:100%;
		display:table;
		text-align:left;
		margin:0 auto;
	}
	.card-box.sp-column2 .rsp-column2 {
		letter-spacing:0;
		font-size:0;
	}
	.card-box.sp-column2 .rsp-column2 > .column-box {
		display:inline-block;
		width:50%;
		font-size:14px;
	}
	.card-box.sp-column2 .rsp-column2 > .column-box:not(:first-child) {
		margin-top:0;
	}
	.card-box.sp-column2 .column-box dt,
	.card-box.sp-column2 .column-box p {
		font-size:82.7%;
	}
	.card-box.sp-column2 .column-box dt {
		margin-bottom:8px;
	}
	.card-box.sp-column2 .card-img {
		margin-bottom:0;
	}
	.card-box.sp-column2 .card-img .img-box {
		width:94%;
	}
	.card-box.sp-column2 .international-brand {
		padding-left:0;
	}
	.card-box.sp-column2 .international-brand img {
		width:20%;
		max-width:42px;
	}
	.card-box.sp-column2 .btn-rsp-01 {
		font-size:13px;
		padding:0.7em 2em 0.7em 0.2em;
		width:94.4%;
	}
	.card-box.sp-column2 .btn-rsp-01 br {
		display:none;
	}
	.card-box.sp-column2 .btn-rsp-01.page-in,
	.card-box.sp-column2 .btn-rsp-01.page-out {
		background-position:96% center;
		background-position:calc(100% - 0.4em) center;
	}

	/*********************************
	*
	*  .footer(SP)
	*
	**********************************/

	.ftrbar-link > li:not(:last-child) { display:none; }
	.ftrbar-link > li:last-child { margin-top:0; }
	.ftr-field { display:none; }

	.main-contents .link-top {
		text-align:right;
		position:static;
		right:10px;
		bottom:20px;
		z-index:5;
	}
	.main-contents .link-top a {
		display:block;
		width:44px;
		height:44px;
		margin:0 10px 0 auto;
	}

	/*********************************
	*
	*  @media
	*  screen and (max-width:500px)
	*  Font size adjustment etc.
	*
	**********************************/
	@media only screen and (max-width:500px) {

		/*********************************
		*
		*  title
		*
		**********************************/
		.title-01 {
			font-size:4.9vw;
		}
		.title-01 .main-ttl {
			font-size:125%;
		}
		.title-02 {
			font-size:4.9vw;
		}


		/*********************************
		*
		*  btn
		*
		**********************************/

		.btn-rsp-01 { font-size:4vw; }

		/*********************************
		*
		*  .tokuten
		*
		**********************************/
		.tokuten-title {
			font-size:5vw;
		}

		/*********************************
		*
		*  .card-box.sp-column2(SP)
		*
		**********************************/
		.card-box.sp-column2 .btn-rsp-01 {
			font-size:11px;
			text-align:left;
			padding:0.7em 1.7em 0.7em 0.6em;
		}
		.card-box.sp-column2 .btn-rsp-01 br {
			display:block;
		}

		/*********************************
		*
		*  -- end (max-width:500px) --
		*
		**********************************/

	}

	/*********************************
	*
	*  .countdown
	*
	**********************************/
	.countdown {
		font-size:7vw;
		margin-top:5px;
		margin-bottom:5px;
	}
	.countdown .icon_timer {
		margin-right:0.2em;
		width:10%;
	}
	.countdown .dayscounter {
		padding-left:0.5em;
		padding-right:0.5em;
		margin-left:0.1em;
		margin-right:0.1em;
		border-radius:5px;
	}

	/*********************************
	*
	*  -- end (max-width:767px) --
	*
	**********************************/
}


/* add 2018 02 */

/*********************************
*
*  Outsourcing table parts
*
**********************************/
.app_caution {
	background-color: #fff;
	border: 5px solid #b8017f;
	box-sizing: border-box;
	text-align: center;
}

.app_frame {
	margin: 20px auto;
	width: 94%;
}

.app_caution_ttl {
	color: #b8017f;
	font-size: 175%;
	font-weight: bold;
}

.fapp_caution_sub {
	font-weight: bold;
}

.cl_ttl {
	font-size: 175%;
	font-weight: bold;
}

.company_list {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.company_list tr th,
.company_list tr td {
	border: 1px solid #d4d4d4;
	padding: 10px 0;
}

.company_list tr th {
	background: #a0a0a0;
	color: #fff;
	font-weight: normal;
}

.company_list tr td {
	background: #fff;
}

@media only screen and (max-width:767px) {
	.fapp_caution_sub {
		font-weight: normal;
		text-align: left;
	}
}
/* Outsourcing table parts end. */


/* add 2018 05 */
/*********************************
*
*  enclosure
*
**********************************/
.enclosure {
	color:#f04693;
	display:inline-block;
	font-weight:bold;
	line-height:1.3;
	margin: 0 0.5em;
	border:1px solid #f04693;
	padding: 0.4em;
}

/*********************************
*
*  .slt-2col
*
**********************************/
.slt-2col {
	letter-spacing:-4em;
	margin-bottom:2em;
}
.slt-2col li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align: top;
}
.slt-2col li.text {
	margin-right:5%;
	width:60%;
}
.slt-2col li.icn {
	width:35%;
}
.slt-2col li.text .overview {
	font-size:120%;
}

@media only screen and (max-width:530px) {
	.slt-2col {
		letter-spacing:normal;
	}
	.slt-2col li {
		display:block;
		width:100%;
	}
	.slt-2col li.text {
		margin-right:0;
		margin-bottom:1em;
		width:100%;
	}
	.slt-2col li.icn {
		text-align:center;
		width:100%;
	}
	.slt-2col li.text .overview {
		font-size:100%;
	}
}

/*********************************
*
*  .use-shop
*
**********************************/

.use-shop {
	border:1px solid #000;
	box-sizing:border-box;
	margin:0 auto 0.5em;
	padding:0.4em 0;
	text-align:center;
	max-width:700px;
	width:100%;
}

/*********************************
*
*  .u-25
*
**********************************/
.u-25 {
	border:8px solid #f04693;
	margin:45px auto 25px;
	padding:6.5989% 3.0487% 3.0487%;
}

.u-25.red {
	border:8px solid #c61721;
}

.u-25.minions {
	border:8px solid #ef8000;;
}

.u-25 .title-01 {
	line-height:1.7em;
	margin-top:0;
}

.u-25 .title-01 .point {
	display: inline-block;
	position:relative;
}

.u-25 .title-01 .point:before {
	content:"";
	background:url(../images/180601/u_25_icn.png) no-repeat center top;
	background-size:contain;
	display:block;
	padding-bottom:16.7420%;
	position:absolute;
	top:-34%;
	left:-12%;
	width:20.8144%;
}

.u-25.red .title-01 .point:before {
	content:"";
	background:url(../images/180601/u_25_icn_red.png) no-repeat center top;
	background-size:contain;
	display:block;
	padding-bottom:16.7420%;
	position:absolute;
	top:-34%;
	left:-12%;
	width:20.8144%;
}

.u-25 .title-01 .point img {
	vertical-align:baseline;
}

.u-25 .pink {
	background-color:#fdecf4;
}

.bdr-bottom-01 .tokuten-2col {
	padding:2em 0 1.5em;
	text-align:center;
}

.bdr-bottom-01 .tokuten-2col li {
	display:inline-block;
	vertical-align:top;
	width:47.0540%;
}

.bdr-bottom-01 .tokuten-2col li:last-of-type {
	box-sizing: border-box;
	padding-left:1.3em;
	position:relative;
}

.bdr-bottom-01 .tokuten-2col li:last-of-type:before {
	content: "";
	display: block;
	background-color: #f04692;
	position: absolute;
	width: 0.4em;
	max-width: 40%;
	height: 0.8em;
	top: 0.3em;
	left: 0;
}

.bdr-bottom-01 .tokuten-2col.red li:last-of-type:before {
	background-color: #c61721;
}

.bdr-bottom-01 .tokuten-2col li:last-of-type:after {
	content: "";
	display: block;
	border-color: transparent transparent transparent #f04692;
	border-width: 0.7em 0 0.7em 0.9em;
	border-style: solid;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0.4em;
}

.bdr-bottom-01 .tokuten-2col.red li:last-of-type:after {
	border-color: transparent transparent transparent #c61721;
}
.bdr-bottom-01 .tokuten-2col li .points {
	line-height:0.8;
}

@media only screen and (max-width:767px) {
	.u-25 {
		border:5px solid #f04693;
		padding:9% 3% 5%;
	}

	.u-25 .title-01 .main-ttl {
		font-size:110%;
	}

	.u-25 .title-01 .point:before {
		top:-26%;
	}

	.u-25 .title-01 .point {
		width:30%;
	}

	.u-25 .title-01 .point img {
		width:100%;
	}
}