@charset 'UTF-8';
/* window-size + 17px */
/*  Clear Fix
--------------------------------------- */
.clearfix:after
{
display: table;
clear: both; 
content: '';
}


/*  Base
--------------------------------------- */
html
{
overflow-y: scroll;
}

body
{
font-family: 'Noto Sans Japanese', serif;
font-size: 12px;
line-height: 1.5;
color: #09203E;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-print-color-adjust: exact;
-webkit-font-smoothing: antialiased;
}


/*  Links
--------------------------------------- */
a
{
color: #09203E;
text-decoration: none; 
}
a:link,
a:visited
{
text-decoration: none; 
}
a:active,
a:hover,
a:focus
{
outline: none;
}

a:hover {
opacity: 0.7;
}


/* -------------------------------------------------------------------

Base Style

-------------------------------------------------------------------- */
/*  Universal Reset
--------------------------------------- */
html,
body,
div,
main,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
svg,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
picture,
button
{
zoom: 1; 
margin: 0;
padding: 0;
vertical-align: top;
border: 0;
background: transparent;
}

/*  HTML5 Display Definitions
--------------------------------------- */
main,
section,
nav,
article,
aside,
hgroup,
menu,
summary,
svg,
header,
footer,
figure,
figcaption,
details,
picture
{
display: block;
}

audio:not([controls])
{
display: none;
}

[hidden]
{
display: none;
}

/*  Typography
--------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{
font-size: 100%;
font-weight: normal; 
line-height: 1.5;
}

em
{
font-weight: bold; 
font-style: normal;
}

strong,
b
{
font-weight: bold; 

color: #f91e1e;
}

sup
{
font-size: 65%; 
line-height: 0;

position: relative;
top: -4px;

vertical-align: middle;
}

sub
{
font-size: 65%; 
line-height: 0;

position: relative;
top: 0;

vertical-align: middle;
}

pre
{
font-family: monospace, sans-serif;

white-space: pre-wrap;
word-wrap: break-word;
}

/*  Horizontal Rule
--------------------------------------- */
hr
{
display: none;
}

/*  Embedded Content
--------------------------------------- */
img
{
vertical-align: top; 
border: 0;
}

svg:not(:root)
{
overflow: hidden;
}

/*  List Content
--------------------------------------- */
ul,
ol
{
list-style: none;
}

/*  Tables
--------------------------------------- */
table
{
width: 100%; 

border-collapse: collapse;

border: 0 none;
}

table th,
table td
{
font-size: 1em;
font-weight: normal; 

text-align: left;
vertical-align: top;

border: 0 none;
}

/*  Forms
--------------------------------------- */
input::-moz-focus-inner,
button::-moz-focus-inner
{
padding: 0; 

border: 0;
}

fieldset
{
border: 0 none;
}

legend
{
display: none;
}

label
{
cursor: pointer;
}

input
{
font-family: 'Noto Sans Japanese', serif;
vertical-align: middle;
border-radius: 0;
border-radius: 0; 
outline: none;
}

input[type='text'],
input[type='tel'],
input[type='url'],
input[type='image'],
input[type='email'],
input[type='search'],
input[type='password']
{
-webkit-appearance: none;
}

input[type='checkbox'],
input[type='radio']
{
box-sizing: border-box; 
padding: 0;
}

textarea
{
font-family: 'Noto Sans Japanese', serif;
resize: none;
vertical-align: top;
border-radius: 0;
outline: 0;
-webkit-appearance: none;
}

select
{
font-family: 'Noto Sans Japanese', serif;
line-height: normal;

outline: none;
}

button
{
font-size: 100%;
}

.pcHide {
display:none;
}

img {
max-width:100%;
}

#wrapper {
max-width: 1000px;
margin: 0 auto;
padding: 0 0 136px;
}

.pagetop {
display: none;
position: fixed;
bottom: 140px;
right: 40px;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.16));
z-index: 999;
}

.ftFix {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 12px 0;
background: rgba(30,135,255,0.5);
z-index: 999;
}

.ftFix .btn {
max-width: 800px;
margin: 0 auto;
text-align: center;
}

.ftFix .btn a {
display: block;
padding: 9px 0;
color: #fff;
font-size: 36px;
font-weight: 900;
line-height: 1.1667;
border: 5px solid #FF5E09;
border-radius: 10px;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #FF8409;
background: -moz-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFDFBF), to(#FF8409));
background: -webkit-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -o-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -ms-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: linear-gradient( #FFDFBF 0%, #FF8409 100%);
}

.ftFix .btn a span {
color: #FD0606;
}

.ftFix .btn a span.code {
display: inline-block;
padding: 0 1em;
border-radius: 10px;
background: #fff;
color: #09203E;
font-weight: 700;
font-size: 22px;
vertical-align: middle;
}

.inner {
padding: 0 100px;
}

#ct01,#ct02,#ct03,#ct04,#ct05,#ct06,#ct07,#ct08,#ct09,#ct10,#ct11,#ct12{
margin-top: -60px;
padding-top: 60px;
}
#wrapper .bts {
padding-bottom: 76px;
}

h1,
.section01 .head{
color: #333;
padding: 18px 0;
font-size: 16px;
background: #FFCF09;
}

h2 {
display: flex;
justify-content: center;
align-items: center;
height: 107px;
color: #fff;
font-size: 40px;
font-weight: 900;
text-align: center;
line-height: 1.3;
background: url("../img/bg_h2.png") no-repeat center;
}

h3 {
display: flex;
justify-content: center;
align-items: center;
height: 96px;
margin: 45px 0 0;
color: #fff;
font-size: 36px;
font-weight: bold;
line-height: 1.1667;
text-align: center;
background: #2DABFF;
}

h4 {
display: flex;
justify-content: center;
align-items: center;
height: 87px;
margin: 48px 0 0;
color: #1E87FF;
font-size: 30px;
line-height: 1.2;
font-weight: bold;
text-align: center;
background: #E3F3FD;
border-top: 4px solid #1E87FF;
box-sizing: border-box;
}

.center {
text-align:  center;
}

.txtC1 {
color: #FD0606;
text-decoration: underline;
}

p span.marker {
text-decoration: underline;
background: #FFCF09;
}
.cta {
padding: 34px 100px 28px;
text-align: center;
background: url("../img/bg_cta_01.png") no-repeat center;
background-size: cover;
}

.cta .txt {
margin: 18px 0;
color: #FF5E09;
font-size: 30px;
font-weight: bold;
line-height: 1.46667;
}

.cta .bnr ,
.cta .btn {
margin: 0;
}

.cta .btn a {
display: block;
padding: 12px 0;
color: #fff;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
border: 5px solid #FF5E09;
border-radius: 10px;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #FF8409;
background: -moz-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFDFBF), to(#FF8409));
background: -webkit-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -o-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -ms-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: linear-gradient( #FFDFBF 0%, #FF8409 100%);
}

.cta .btn a span {
color: #FD0606;
text-decoration: none;
background: none;
}

.cta .btn a span.code {
display: inline-block;
padding: 0 1em;
border-radius: 10px;
background: #fff;
color: #09203E;
font-weight: 700;
font-size: 24px;
vertical-align: middle;
}

.cta2 {
margin: 80px 100px 52px;
}
.cta2  .img {
margin: 0 0 67px;
}
.cta2 .bonus02 {
position: relative;
padding: 12px 0 50px;
text-align: center;
}

.cta2 .bonus02 img {
position: absolute;
top: 0;
left: 0;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.16));
z-index: -1;
}

.cta2 .bonus02 span {
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
}

.cta2 .bonus02 span span {
margin: 0 10px;
font-size: 60px;
font-weight: 900;
line-height: 1.2;
vertical-align: baseline;
}

.cta2 .bonus03 {
margin: 0 0 12px;
}

.cta2 .txt02 {
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.cta2 ul {
display: flex;
justify-content: space-between;
margin: 25px 0 10px;
text-align: center;
}

.cta2 ul li {
width: 257px;
padding: 15px 0 20px;
font-size: 18px;
font-weight: bold;
line-height: 1.3334;
background: #2DABFF;
border-radius: 10px;
}

.cta2 ul li .large {
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
vertical-align: baseline;
}

.cta2 ul li .yellow {
color: #FFCF09;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
vertical-align: baseline;
}

.cta2 .note01 {
margin: 0 0 25px;
font-size: 14px;
line-height: 1.72;
text-align: left;
}

.cta2 .txt {
margin: 52px 0 18px;
color: #FF5E09;
font-size: 30px;
font-weight: bold;
line-height: 1.46667;
text-align: center;
}

.cta2 .bnr ,
.cta2 .btn {
margin: 0;
text-align: center;
}

.cta2 .btn a {
display: block;
padding: 12px 0;
color: #fff;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
border: 5px solid #FF5E09;
border-radius: 10px;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #FF8409;
background: -moz-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFDFBF), to(#FF8409));
background: -webkit-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -o-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -ms-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: linear-gradient( #FFDFBF 0%, #FF8409 100%);
}

.cta2 .btn a span {
color: #FD0606;
text-decoration: none;
background: none;
}
.cta2 .btn a span.code {
display: inline-block;
padding: 0 1em;
border-radius: 10px;
background: #fff;
color: #09203E;
font-weight: 700;
font-size: 24px;
vertical-align: middle;
}

.cta2 .red {
margin: 18px 0 0;
color: #FD0606;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
text-align: center;
}

.cta2 .lead {
margin: 60px 0 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

@keyframes ctabtn {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}
.btn a.ctabtn{
position: relative;
overflow: hidden;
}
.btn a.ctabtn:hover{
/*opacity: 1;*/
}
.btn a.ctabtn::after {
content: '';
position: absolute;
top: -10%;
left: -20%;
width: 40px;
height: 100%;
transform: scale(2) rotate(20deg);
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .75) 100%, rgba(255, 255, 255, 0) 0%);
animation-name: ctabtn;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

.cta .red {
margin: 18px 0 0;
color: #FD0606;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
}

.nav {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 1000px;
margin: auto;
z-index: 100;
}

.nav .menu {
cursor: pointer;
display: block;
width: 38px;
height: 38px;
position: absolute;
right: 100px;
top: 10px;
}
.nav .menu:hover {
opacity: 0.7;
}
.menu input {
display: none;
}
.menu span, .menu span:before, .menu span:after {
background-color: #000;
display: block;
width: 26px;
height: 5px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.menu span:before, .menu span:after {
content: " ";
}
.menu span:before {
top: 10px;
margin: 0 auto;
}
.menu span:after {
top: -10px;
margin: 0 auto;
}

.menu.open span {
background: transparent;
}
.menu.open span:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
}
.menu.open span:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
}
.menu span, .menu span:after, .menu span:before {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.nav .block {
display: none;
padding: 18px 100px 38px;
background: #FFCF09;
}

.nav .block .logo {
float: left;
}
.nav .block .head {
min-height: 25px;
margin: 0 60px 0 0;
text-align: right;
font-size: 16px;
}

.nav .block ul {
margin-top: 45px;
overflow: hidden;
}
.nav .block ul li {
float: left;
width: 390px;
margin: 0 0 28px;
}
.nav .block ul li:nth-child(2n) {
margin-left: 20px;
}

.nav .block ul li a {
display: flex;
align-items: center;
padding: 12px 16px;
background: #1E87FF url("../img/arrow_nav.png") no-repeat 95% center;
border-radius: 10px;
}

.nav .block ul li a:hover {
background: #9BD7FF url("../img/arrow_nav_o.png") no-repeat 95% center;
opacity: 1;
}

.nav .block ul li a img {
width: 76px;
margin: 0 15px 0 0;
}
.nav .block ul li a img.main {
width: auto;
height: 67px;
margin: 5px 5px 4px -11px;
}

.nav .block ul li a span {
color: #fff;
font-size: 18px;
font-weight: bold;
}

.nav .block ul li a:hover span {
color: #1E87FF;
}

.wallet {
position: relative;
display: flex;
margin: 24px 0 0;
justify-content: space-between;
}

.wallet li {
position: relative;
width: 258px;
padding: 5px 0 15px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
line-height: 1.3;
text-align: center;
background: #08203E;
border-radius: 10px;
}
.wallet li span {
display: block;
min-height: 3em;
margin: 0 0 5px;
font-size: 20px;
font-weight: bold;
}
.wallet li img {
width: 40px;
margin: 0 0 12px;
}

.checklist {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
}
.checklist li {
margin: 0 0 0 8px;
padding-left: 34px;
background: url("../img/img_check.png") no-repeat left center;
background-size: 20px;
}
.checklist li img {
vertical-align: middle;
}

.block01 {
position: relative;
display: flex;
margin: 24px 0 0;
justify-content: space-between;
}

.block01 .box {
position: relative;
width: 370px;
padding: 20px 0 28px;
color: #ffffff;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
text-align: center;
background: #1E87FF;
border-radius: 10px;
}
.block01 .box dt span{
display: inline-block;
margin-bottom: 7px;
font-size: 18px;
}
.block01 .box dd img{
margin: 15px 0 0;
}
.block01 .box dd .pic{
width: 156px;
margin: 25px 0 12px;
}

.block02 {
margin: 30px 0 0;
border: 3px solid #2DABFF;
}

.block02 dt {
padding: 9px 32px;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
background: #2DABFF;
}

.block02 dd {
padding: 13px 32px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}
.block02 dd.line {
border-top: 1px solid #2DABFF;
}
.block02 dd .note{
font-size: 14px;
font-weight: 400;
line-height: 1.73;
}

.block03 {
margin: 24px 0 0;
padding: 22px 27px 30px;
background: #DFF1FD;
}
.block03 dt {
padding-bottom: 9px;
border-bottom: 2px solid #2dabff;
font-size: 20px;
font-weight: 500;
}
.block03 dt span {
display: inline-block;
margin-left: 7px;
padding-left: 15px;
border-left: 10px solid #2dabff;
}
.block03 dd {
padding: 12px 20px 0;
}
.block03 dd ul:first-child {
margin-top: 0;
}
.block03 > .checklist:first-child {
margin-top: 0;
}

.block04 {
margin: 0 0 30px 15px;
}
.block04 p {
display: flex;
align-items: center;
}
.block04 p img {
width: 130px;
}
.block04 p .bg {
display: block;
width: 642px;
height: 154px;
padding: 50px 10px 0 56px;
background: url("../img/bg_bonus_01.png") no-repeat;
background-size: cover;
font-size: 20px;
font-weight: 500;
text-decoration: none;
box-sizing: border-box;
}

.block05 ul {
position: relative;
display: flex;
justify-content: space-between;
margin: 28px 28px 0;
}
.block05 li {
position: relative;
width: 176px;
padding: 55px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
background: #DFF1FD;
border-radius: 50%;
}
.block05 ul.colorb li {
background: #FFCF09;
}
.block05 .txtbg {
width: 800px;
height: 92px;
margin: 17px auto 0;
padding: 18px 0;
background: url("../img/bg_txt_01.png") no-repeat;
background-size: contain;
text-align: center;
font-size: 26px;
color: #ffffff;
font-weight: bold;
box-sizing: border-box;
}

.block06 {
margin: 34px 0 0;
padding: 34px 45px 58px;
background: #FDF5D3
}
.block06 p {
padding: 0 5px;
}
.block06 .head{
position: relative;
display: flex;
align-items: center;
padding-bottom: 23px;
border-bottom: 1px solid #CCCCCC;
}
.block06 .head .ico {
width: 112px;
margin: 0;
padding: 0 15px;
}
.block06 .head .ico + p {
flex: 1;
margin: 0;
font-size: 20px;
font-weight: 500;
}

.block07 {
margin: 24px 0 0;
}
.block07 ul{
position: relative;
display: flex;
justify-content: space-between;
}

.block07 li {
position: relative;
width: 370px;
height: 200px;
text-align: center;
background: url("../img/bg_contact_02.png") no-repeat;
}
.block07 li p.ttl{
display: inline-block;
margin: 0;
padding-top: 32px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
}
.block07 li p.ico{
width: 80px;
margin: 16px auto 0;
}

.block08 {
margin: 15px 0 0;
border: 1px solid #cccccc;
}
.block08 dt {
padding: 9px 32px;
border-bottom: 1px solid #cccccc;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
background: #dff1fd;
}
.block08 dd {
padding: 13px 32px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}
.block08 dd .check {
padding-left: 34px;
background: url(../img/img_check.png) no-repeat left center;
background-size: 20px;
text-decoration: none;
}

.flowlist {
padding: 26px 0 0;
}

.flowlist li {
position: relative;
display: flex;
padding: 0 0 56px;
}

.flowlist li:last-child {
padding: 0;
}

.flowlist li:after {
content: '';
position: absolute;
left: 8px;
bottom: 10px;
width: 38px;
height: 35px;
background: url("../img/arrow_next.png") no-repeat center;
background-size: contain;
}

.flowlist li:last-child:after {
display: none;
}

.flowlist li .ico {
width: 70px;
margin: 0;
}

.flowlist li .ico + p {
flex: 1;
margin: 0;
padding: 15px 0 0;
}

.flowlist li .ico + p .note {
display: block;
margin: 15px 0;
font-size: 14px;
font-weight: 400;
line-height: 1.72;
}
.flowlist li .ico + p .check {
padding-left: 34px;
background: url(../img/img_check.png) no-repeat left center;
background-size: 20px;
text-decoration: none;
}

.imglist {
margin: 58px 0 0;
overflow: hidden;
}
.imglist li {
float: left;
margin: 0 13px 13px 0;
border: 1px solid #cccccc;
}
.imglist li:nth-child(3n) {
margin-right: 0;
}

.coupocode {
position: relative;
padding: 20px 5px 20px 370px;
background: #FFCF09 url("../img/ico_copy.png") no-repeat 95% center;
font-size: 20px;
font-weight: 400;
border-radius: 10px;
text-align: center;
cursor: pointer;
}
.coupocode span.code {
display: block;
position: absolute;
top: 5px;
left: 5px;
width: 360px;
padding: 15px 0;
background: #fff;
border-radius: 10px 0 0 10px;
text-decoration: none;
cursor: default;
}

.icotxt {
position: relative;
display: flex;
margin: 45px 0;
align-items: center;
}

.icotxt .ico {
width: 52px;
margin: 0 20px 0 0;
}
.icotxt .icoL {
width: 94px;
margin: 0 10px 0 0;
}

.icotxt .ico + p {
flex: 1;
margin: 0;
font-size: 20px;
font-weight: bold;
}

.section01 {
padding: 0 0 10px;
text-align: center;
}

.section01 .main {
margin-top: 60px;
padding: 23px 0 115px;
color: #fff;
background: #1e87ff url("../img/main.png") no-repeat center;
background-size: cover;
}

.section01 .main .ttl {
margin: 12px 0 9px;
font-size: 20px;
font-weight: bold;
}

.section01 .main .lead {
margin: 16px 0 0;
font-size: 30px;
font-weight: bold;
line-height: 1.2;
}

.section01 .bonus01 {
margin: -97px 0 0;
}

.section01 .bonus02 {
position: relative;
padding: 12px 0 50px;
}

.section01 .bonus02 img {
position: absolute;
top: 0;
left: 0;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.16));
z-index: -1;
}

.section01 .bonus02 span {
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
}

.section01 .bonus02 span span {
margin: 0 10px;
font-size: 60px;
font-weight: 900;
line-height: 1.2;
vertical-align: baseline;
}

.section01 .bonus03 {
margin: 0 0 12px;
}

.section01 .txt {
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
}

.section01 ul {
display: flex;
justify-content: space-between;
margin: 25px 0 10px;
}

.section01 ul li {
width: 257px;
padding: 15px 0 20px;
font-size: 18px;
font-weight: bold;
line-height: 1.3334;
background: #2DABFF;
border-radius: 10px;
}

.section01 ul li .large {
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
vertical-align: baseline;
}

.section01 ul li .yellow {
color: #FFCF09;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
vertical-align: baseline;
}

.section01 .note01 {
margin: 0 0 25px;
font-size: 14px;
line-height: 1.72;
text-align: left;
}

.section01 .note02 {
margin: 24px 0 0;
font-size: 14px;
line-height: 1.72;
text-align: right;
}

.section01 .head {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 1000px;
margin: auto;
z-index: 10;
}
.section01 .main02 {
position: relative;
margin-top: 60px;
padding: 40px 0 12px;
background: #bfe0fe url("../img/main_02.png") no-repeat center top;
background-size: cover;
}
.section01 .main02 .logo{
position: absolute;
top: 10px;
left: 100px;
}
.section01 .main02 .site{
position: absolute;
top: 10px;
right: 100px;
color: #fff;
font-size: 14px;
}

.section01 .main02 h1 {
display: flex;
align-items: center;
padding: 0 0 0 230px;
background: none;
text-align: left;
}

.section01 .main02 h1 img {
margin: 0 30px 0 0;
}

.section01 .main02 h1 span {
color: #fff;
font-size: 40px;
font-weight: bold;
}
.section01 .main02 .lead {
position: relative;
width: 395px;
height: 159px;
margin: -25px auto 0;
padding: 35px 0 0;
background: url("../img/bg_lead.png") no-repeat;
background-size: cover;
font-size: 26px;
line-height: 1.3;
font-weight: bold;
box-sizing: border-box;
text-align:center;
}
.section01 .main02 .lead span {
display: inline-block;
margin-top: 4px;
font-size: 16px;
font-weight: 500;
}
.section01 .main02 .bonus02 {
position: relative;
margin-top: -12px;
padding: 16px 0 30px;
}

.section01 .main02 .bonus02 img {
position: absolute;
top: 0;
left: 0;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.16));
z-index: 1;
}

.section01 .main02 .bonus02 span {
position: relative;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
z-index: 2;
}

.section01 .main02 .bonus02 span span {
font-size: 20px;
}
.section01 .main02 .bonus02 span span.num {
margin: 0 10px;
font-size: 40px;
font-weight: 900;
line-height: 1.2;
vertical-align: text-bottom;
}
.section01 .main02 .cta {
padding: 0 100px 0;
background: none;
}
.section01 .main02 .cta .txt {
margin: 0 0 5px;
font-size: 26px;
}
.section01 .main02 .cta .red {
margin: 8px 0 0;
font-size: 36px;
}
.section01 .main02 .cta a {
display: block;
padding: 5px 0;
color: #fff;
font-size: 36px;
font-weight: 900;
line-height: 1.3;
border: 5px solid #FF5E09;
border-radius: 10px;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #FF8409;
background: -moz-linear-gradient( #FFD509 0%, #FFA209 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFD509), to(#FFA209));
background: -webkit-linear-gradient( #FFD509 0%, #FFA209 100%);
background: -o-linear-gradient( #FFD509 0%, #FFA209 100%);
background: -ms-linear-gradient( #FFD509 0%, #FFA209 100%);
background: linear-gradient( #FFD509 0%, #FFA209 100%);
}

.section01 .main02 .cta a span {
color: #FD0606;
text-decoration: none;
background: none;
}
.section01 .main02 .cta a span.code{
color: #09203E;
background: #fff;
}

.section01 .title dt {
display: flex;
justify-content: center;
align-items: center;
height: 142px;
color: #FFCF09;
font-size: 40px;
font-weight: 900;
text-align: center;
line-height: 1.3;
background: #1E87FF url("../img/ttl_03.png") no-repeat center;
}
.section01 .title dd {
margin: 30px 0 0 ;
padding: 0 100px;
font-size: 26px;
font-weight: 700;
text-align: left;
line-height: 1.3;
}

.section01 .topicpath {
margin: 40px 100px -20px;
text-align: left;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
}

.section01 .contents {
margin: 30px 100px 60px;
border: 5px solid #1e87ff;
background: #dff1fd;
text-align: left;
}

.section01 .contents dt {
padding: 7px 30px 12px;
background: #1e87ff;
color: #ffffff;
font-size: 26px;
font-weight: 900;
line-height: 1.4;
}
.section01 .contents dd {
position: relative;
}
.section01 .contents dd ul {
position: relative;
display: block;
height: 70px;
margin: 0;
padding: 28px 39px;
overflow: hidden;
}
.section01 .contents dd ul:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80%;
background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}

.section01 .contents dd ul.open:after {
display: none;
}
.section01 .contents dd .ico {
position: absolute;
right: 14px;
bottom: 18px;
cursor: pointer;
z-index: 2;
}

.section01 .contents dd ul li {
width: auto;
padding: 0 0 0 17px;
font-size: 20px;
line-height: 1.4;
background: url("../img/arrow_link.png") no-repeat left center;
border-radius: 0;
}
.section01 .contents dd ul li a {
color: #1E87FF;
}
.section02 {
padding: 0 0 58px;
}

.section02 .img {
margin: 62px 0 38px 80px;
text-align: center;
}

.section02 p {
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section02 p span {
font-weight: bold;
text-decoration: underline;
background: #FFCF09;
}

.section03 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section03 p span {
font-weight: bold;
text-decoration: underline;
background: #FFCF09;
}

.section03 .ttl {
margin: 30px 0 -13px;
padding: 0 0 0 12px;
font-size: 26px;
font-weight: bold;
line-height: 1.154;
border-left: 10px solid #2DABFF;
}

.section03 .blue {
color: #1E87FF;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
text-align: center;
}

.section03 .note {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.73;
}

.section03 .img {
margin: 20px 0 0;
padding: 0 0 10px;
}

.section03 .img02 {
padding: 0 0 87px;
text-align: center;
}

.section03 .img03 {
margin: 12px 0 -15px;
}

.section03 .img04 {
padding: 0 0 77px;
text-align: center;
}

.section03 .rtpTtl {
margin: 40px 0 0;
padding: 15px 0 12px;
color: #fff;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
background: #2DABFF;
border-radius: 10px 10px 0 0;
}

.section03 .rtp {
margin: 0 0 28px;
padding: 0 27px 27px;
border: 3px solid #2DABFF;
border-radius: 0 0 10px 10px;
}

.section03 .rtpImg {
margin: -22px 0 0;
}

.section04 {
padding: 0 0 77px;
}

.section04 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section04 .lead {
margin: 26px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section04 .baloon {
position: relative;
margin: 0 0 52px;
}

.section04 .baloon:after {
content: '';
position: absolute;
right: 60px;
bottom: -34px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 38px 34px 0;
border-color: transparent #FDF5D3 transparent transparent;
}

.section04 .baloon.reverse:after {
left: 60px;
right: 0;
border-width: 0 0 34px 38px;
border-color: transparent transparent transparent #FDF5D3;
}

.section04 .baloon .person {
margin: 0;
padding: 18px 42px;
background: #fbebae;
border-radius: 10px 10px 0 0;
}

.section04 .baloon .voice {
margin: 0;
padding: 18px 42px 24px;
background: #FDF5D3;
border-radius: 0 0 10px 10px;
}

.section04 .baloon .voice span {
text-decoration: underline;
background: #FFCF09;
}

.section05 {
padding: 0 0 2px;
}

.section05 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section05 p span {
text-decoration: underline;
background: #FFCF09;
}

.section05 .under {
margin: 26px 0 40px;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
background: url("../img/bg_line_01.png") no-repeat center bottom;
}

.section05 .lead {
margin: 26px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section05 dl {
margin: 46px 0 0;
border: 3px solid #2DABFF;
}

.section05 dl dt {
padding: 9px 32px;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
background: #2DABFF;
}

.section05 dl dd {
position: relative;
padding: 13px 32px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section05 dl dd ul {
position: relative;
height: 110px;
padding: 0 0 28px;
overflow: hidden;
}

.section05 dl dd ul:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80%;
background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}

.section05 dl dd ul.open:after {
display: none;
}

.section05 dl dd ul li {
margin: 20px 0 0;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}

.section05 dl dd ul li span {
display: block;
font-size: 18px;
font-weight: bold;
line-height: 1.334;
}

.section05 dl dd ul li img {
display: inherit;
margin: 0 auto;
}

.section05 dl dd ul li a {
color: #1E87FF;
text-decoration: underline;
}

.section05 dl dd ul li table {
margin: 15px 0 10px;
border-top: 1px solid #CCCCCC;
}

.section05 dl dd ul li table td {
padding: 9px 0;
font-size: 14px;
text-align: center;
line-height: 1.43;
border-bottom: 1px solid #CCCCCC;
}

.section05 dl dd .ico {
position: absolute;
right: 14px;
bottom: 18px;
cursor: pointer;
z-index: 2;
}

.section05 .bnr {
filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
}

.section06 {
padding: 0 0 24px;
}

.section06 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section06 p span {
text-decoration: underline;
background: #FFCF09;
}

.section06 .lead {
margin: 26px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section06 .rank {
margin: 28px 0 0;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.section06 .rank table {
width: 1123px;
}

.section06 .rank table th {
width: 246px;
padding: 8px 15px;
color: #fff;
font-size: 18px;
font-weight: bold;
vertical-align: middle;
border: 1px solid #ccc;
background: #2dabff;
box-sizing: border-box;
}

.section06 .rank table td {
width: 128px;
padding: 8px 5px;
font-size: 18px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border: 1px solid #ccc;
box-sizing: border-box;
}

.section07 {
padding: 0 0 32px;
}

.section07 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section07 p span {
text-decoration: underline;
background: #FFCF09;
}

.section07 .lead {
margin: 26px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section07 .bx-wrapper {
margin: 20px 0 0;
}

.section07 .txt {
margin: 26px 0 40px;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
background: url("../img/bg_line_01.png") no-repeat center bottom;
}

.section08 {
padding: 0 0 32px;
}

.section08 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}
.section08 h3.ttl {
display: block;
height: auto;
margin: 54px 0 -13px;
padding: 0 0 0 12px;
color: #09203E;
font-size: 26px;
font-weight: bold;
line-height: 1.154;
text-align: left;
border-left: 10px solid #2DABFF;
background: none;
}

.section08 .lead {
margin: 26px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section08 .note01 {
margin: 28px 0 0;
font-size: 14px;
font-weight: 500;
line-height: 1.73;
text-align: center;
}

.section08 .note02 {
margin: 18px 0 0;
font-size: 14px;
font-weight: 500;
line-height: 1.73;
}

.section08 .img {
margin: 45px 0 52px;
text-align: center;
}

.section08 table {
margin: 27px 0 0;
}

.section08 table th {
padding: 8px 16px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
text-align: center;
border: 1px solid #2dabff;
background: #9bd7ff;
box-sizing: border-box;
}

.section08 table th.one {
padding: 20px 16px;
}

.section08 table.colorb th.one {
margin: 0;
padding: 10px;
background: #ffffff;
border: 1px solid #cccccc;
}

.section08 table th span {
display: block;
font-size: 16px;
line-height: 1.5;
}

.section08 table td {
width: 230px;
padding: 8px 16px;
font-size: 18px;
font-weight: bold;
line-height: 1.334;
text-align: center;
border: 1px solid #2dabff;
box-sizing: border-box;
}
.section08 table.colorb td {
border: 1px solid #cccccc;
}

.section08 table td:nth-child(odd) {
width: 170px;
text-align: left;
background: #DFF1FD;
}

.section08 ul {
padding: 26px 0 0;
}

.section08 ul li {
position: relative;
display: flex;
padding: 0 0 56px;
}

.section08 ul li:last-child {
padding: 0;
}

.section08 ul li:after {
content: '';
position: absolute;
left: 8px;
bottom: 10px;
width: 38px;
height: 35px;
background: url("../img/arrow_next.png") no-repeat center;
background-size: contain;
}

.section08 ul li:last-child:after {
display: none;
}

.section08 ul li .ico {
width: 70px;
margin: 0;
}

.section08 ul li .txt {
flex: 1;
margin: 0;
padding: 15px 0 0;
}

.section08 ul li .txt span {
display: block;
margin: 15px 0;
font-size: 14px;
font-weight: 400;
line-height: 1.72;
}

.section08 .bnr {
filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
}

.section09 {
padding: 0 0 76px;
}

.section09 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section09 p span {
text-decoration: underline;
background: #FFCF09;
}

.section09 p.note {
margin-top: 14px;
font-size: 14px;
font-weight: 400;
line-height: 1.73;
}

.section09 .lead {
margin: 26px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section09 .step {
position: relative;
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.section09 .step.colorb {
padding: 70px 0 10px;
}
.section09 .step.fst {
padding: 50px 0 10px;
}
.section09 .step.c2 {
margin: 0 144px;
}

.section09 .step li {
position: relative;
width: 224px;
padding: 55px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
background: #9BD7FF;
border-radius: 50%;
}
.section09 .colorb li {
background: #DFF1FD;
}
.section09 .step li:after {
content: '';
position: absolute;
right: -45px;
top: 50%;
width: 0;
height: 0;
margin-top: -27px;
border-style: solid;
border-width: 27px 0 27px 24px;
border-color: transparent transparent transparent #1E87FF;
}

.section09 .step li:last-child:after {
display: none;
}

.section09 .step li span {
display: block;
margin: 0 0 18px;
font-size: 18px;
font-weight: bold;
line-height: 1.334;
}

.section09 .steptxt {
width: 354px;
height: 92px;
margin: 17px auto 0;
padding: 18px 0;
background: url("../img/bg_step_01.png") no-repeat;
background-size: contain;
text-align: center;
font-size: 26px;
color: #ffffff;
font-weight: bold;
box-sizing: border-box;
}

.section09 .txt {
margin: 52px 0 18px;
color: #FF5E09;
font-size: 30px;
font-weight: bold;
line-height: 1.46667;
text-align: center;
}

.section09 .bnr ,
.section09 .btn {
margin: 0;
text-align: center;
}

.section09 .btn a {
display: block;
padding: 12px 0;
color: #fff;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
border: 5px solid #FF5E09;
border-radius: 10px;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
background: #FF8409;
background: -moz-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFDFBF), to(#FF8409));
background: -webkit-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -o-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: -ms-linear-gradient( #FFDFBF 0%, #FF8409 100%);
background: linear-gradient( #FFDFBF 0%, #FF8409 100%);
}

.section09 .btn a span {
color: #FD0606;
text-decoration: none;
background: none;
}

.section09 .btn a span.code {
display: inline-block;
padding: 0 1em;
border-radius: 10px;
background: #fff;
color: #09203E;
font-weight: 700;
font-size: 24px;
vertical-align: middle;
}


.section09 .red {
margin: 18px 0 0;
color: #FD0606;
font-size: 40px;
font-weight: 900;
line-height: 1.3;
text-align: center;
}

.section09 .flow {
padding: 26px 0 0;
}

.section09 .flow li {
position: relative;
display: flex;
padding: 0 0 56px;
}

.section09 .flow li:last-child {
padding: 0;
}

.section09 .flow li:after {
content: '';
position: absolute;
left: 8px;
bottom: 10px;
width: 38px;
height: 35px;
background: url("../img/arrow_next.png") no-repeat center;
background-size: contain;
}

.section09 .flow li:last-child:after {
display: none;
}

.section09 .flow li .ico {
width: 70px;
margin: 0;
}

.section09 .flow li .txt {
flex: 1;
margin: 0;
padding: 15px 0 0;
color: #09203E;
font-size: 20px;
font-weight: 500;
text-align: left;
}

.section09 .flow li .txt span {
display: block;
margin: 15px 0;
font-size: 14px;
font-weight: 400;
line-height: 1.72;
}

.section09 .bnr {
margin: 28px 0 0;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
}

.section10 {
padding: 0 0 32px;
}

.section10 .lead {
margin: 36px 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
text-align: center;
}

.section10 dl {
margin: 34px 0 0;
}

.section10 dl dt {
padding: 20px 36px;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
background: #1E87FF;
border-radius: 10px 10px 0 0;
}

.section10 dl dd {
padding: 25px 36px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
background: #DFF1FD;
}

.section11 {
padding: 0 0 73px;
}

.section11 p {
margin: 28px 0 0;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section11 ul {
margin: 28px 0 0;
text-align: center;
}

.section11 ul li {
margin: 0 0 18px;
padding: 25px 0;
background: url("../img/bg_contact.png") no-repeat center;
background-size: cover;
}

.section11 ul li .ttl {
margin: 0;
font-size: 26px;
font-weight: bold;
line-height: 1.3077;
}

.section11 ul li .ico {
margin: 20px 0 0;
}

.section11 ul li p {
margin: 18px 0 0;
}

.section12 table {
margin: 50px 0 26px;
}

.section12 table th {
padding: 9px 32px;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.3334;
border: 1px solid #2DABFF;
border-bottom: 1px solid #fff;
background: #2DABFF;
}

.section12 table tr:last-child th {
border-bottom: 1px solid #2DABFF;
}

.section12 table td {
padding: 9px 32px;
font-size: 18px;
font-weight: 500;
line-height: 1.3334;
border: 1px solid #2DABFF;
}

.section12 dl {
margin: 16px 0 0;
border: 3px solid #2DABFF;
}

.section12 dl dt {
padding: 9px 32px;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
background: #2DABFF;
}

.section12 dl dd {
padding: 13px 32px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}

.section12 .img {
margin: 22px 0 67px;
}

.section13 h2 {
height: 63px;
font-size: 26px;
line-height: 1.3077;
}

.section13 ul {
padding: 33px 0 48px;
}

.section13 ul li {
margin: 0 0 30px;
}

.section13 ul li a {
display: flex;
align-items: center;
padding: 9px 0 9px 68px;
background: #1E87FF;
border-radius: 10px;
}

.section13 ul li a:hover {
background: #9BD7FF;
opacity: 1;
}

.section13 ul li a img {
margin: 0 42px 0 0;
}
.section13 ul li a img.main {
width: 200px;
height: auto;
margin: 12px 20px 12px -19px;
}

.section13 ul li a span {
color: #fff;
font-size: 36px;
font-weight: bold;
}

.section13 ul li a:hover span {
color: #1E87FF;
}

footer {
padding: 35px 0 25px;
text-align: center;
background: #EAEBF0;
}

footer .lead {
margin: 0 0 28px;
color: #868F9E;
font-size: 16px;
font-weight: 500;
}

footer .flexBox {
display: flex;
align-items: center;
}

footer .flexBox .img {
width: 144px;
}

footer .flexBox .txt {
flex: 1;
color: #868F9E;
font-size: 14px;
line-height: 1.73;
text-align: left;
}

footer .link {
margin: 32px 0 16px;
}

footer .link a {
color: #868F9E;
font-size: 14px;
line-height: 1.73;
}

footer .partner {
color: #868F9E;
font-size: 14px;
line-height: 1.73;
}

footer .partner a {
color: #1E87FF;
}


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

.pcHide {
display:block;
}
.spHide {
display:none;
}
a:hover {
opacity: 1;
}

#wrapper {
padding: 0 0 17.33333vw;
}

.pagetop {
width: 6.66vw;
bottom: 15vw;
right: 4vw;
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.16));
}

.ftFix {
padding: 2.4vw 0;
}

.ftFix .btn {
max-width: 90vw;
}

.ftFix .btn a {
padding: 0.9vw 0;
font-size: 4.6vw;
border: 0.5vw solid #FF5E09;
border-radius: 1vw;
text-shadow: 0 0 0.5vw rgba(0,0,0,0.2);
}
.ftFix .btn a span.code {
font-size: 3vw;
}

.inner {
padding: 0 5vw;
}

h1,
.section01 .head {
padding: 1.8vw 0 1.8vw 1vw;
text-align: left;
font-size: 3.2vw;
}

h2 {
height: 16vw;
font-size: 5.4vw;
}

h3 {
height: 14.4vw;
margin: 4.5vw 0 0;
font-size: 4.8vw;
}

h4 {
height: 13vw;
margin: 4.8vw 0 0;
font-size: 4.5vw;
border-top: 0.4vw solid #1E87FF;
}

.cta {
padding: 3.4vw 5vw 2.8vw;
}

.cta .txt {
margin: 1.8vw 0;
font-size: 4.5vw;
}

.cta .btn a {
padding: 1.2vw 0;
font-size: 4vw;
border: 0.5vw solid #FF5E09;
border-radius: 1vw;
text-shadow: 0 0 0.5vw rgba(0,0,0,0.2);
}

.cta .btn a span.code {
font-size: 2.4vw;
}

.cta .red {
margin: 1.8vw 0 0;
font-size: 5vw;
}



.cta2 {
margin: 0 5vw 5.2vw;
}
.cta2  .img {
margin: 2.2vw 0 6.7vw;
}
.cta2 .bonus02 {
padding: 1.2vw 0 5vw;
}

.cta2 .bonus02 img {
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.16));
}

.cta2 .bonus02 span {
font-size: 3.9vw;
}

.cta2 .bonus02 span span {
margin: 0 1vw;
font-size: 5.333vw;
line-height: 1;
}

.cta2 .bonus03 {
margin: 0 0 1.2vw;
}

.cta2 .txt02 {
font-size: 3.9vw;
}

.cta2 ul {
margin: 2.5vw 0 1vw;
}

.cta2 ul li {
width: 28.7vw;
padding: 1.5vw 0 2vw;
font-size: 3.6vw;
border-radius: 1vw;
}

.cta2 ul li .large {
font-size: 3.9vw;
}

.cta2 ul li .yellow {
font-size: 4vw;
}

.cta2 .note01 {
margin: 0 0 2.5vw;
font-size: 2.8vw;
}

.cta2 .txt {
margin: 5.2vw 0 1.8vw;
font-size: 4.5vw;
}

.cta2 .bnr ,
.cta2 .btn {
margin: 0;
}

.cta2 .btn a {
padding: 1.2vw 0;
font-size: 4vw;
border: 0.5vw solid #FF5E09;
border-radius: 1vw;
text-shadow: 0 0 0.5vw rgba(0,0,0,0.2);
}

.cta2 .red {
margin: 1.8vw 0 0;
font-size: 5vw;
}
.cta2 .btn a span.code {
font-size: 2.4vw;
}

.cta2 .lead {
margin: 6vw 0 0;
font-size: 3.9vw;
}

.nav{
width: 100%;
}
.nav .menu {
top: 0;
right: 4px;
width: 30px;
height: 30px;
z-index: 100;
}
.menu span, .menu span:before, .menu span:after {
width: 16px;
height: 3px;
}
.menu span:before {
top: 6px;
margin: 0 auto;
}
.menu span:after {
top: -6px;
margin: 0 auto;
}
.nav .block {
padding: 2.7vw 5vw;
}
.nav .block .logo {
width: 20vw;
}
.nav .block .head {
min-height: inherit;
margin: 0 4vw 0 0;
text-align: right;
font-size: 2.4vw;
}

.nav .block ul {
margin-top: 4vw;
overflow: hidden;
}
.nav .block ul li {
float: none;
width: 100%;
margin: 0 0 3.2vw;
}
.nav .block ul li:nth-child(2n) {
margin-left: 0;
}

.nav .block ul li a {
padding: 0.9vw 0 0.9vw 6.8vw;
border-radius: 1vw;
background-size: 16px auto;
}
.nav .block ul li a:hover {
background: #9BD7FF url("../img/arrow_nav_o.png") no-repeat 95% center;
background-size: 16px auto;
opacity: 1;
}
.nav .block ul li a img {
width: 16.2vw;
margin: 0 4.2vw 0 0;
}
.nav .block ul li a img.main {
width: 20.5vw;
height: auto;
margin: 1.1vw 2.5vw 1vw -3vw;
}
.nav .block ul li a span {
font-size: 4vw;
}
.nav .block ul li a:hover span {
color: #1E87FF;
}
.nav + .section01{
padding-top: 8vw;
}

.wallet {
margin: 2.4vw 0 0;
justify-content: space-between;
}

.wallet li {
width: 27.8vw;
padding: 1.5vw 0;
font-size: 2.2vw;
}
.wallet li span {
min-height: 2.8em;
font-size: 3vw;
}
.wallet li img {
width: 4vw;
margin: 0 0 1.2vw;
}

.checklist {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.checklist li {
margin: 0 0 0 8px;
padding-left: 5vw;
background: url("../img/img_check.png") no-repeat left center;
background-size: 3vw;
}
.checklist li img {
width: 7.5vw;
}

.block01 {
position: relative;
display: block;
margin: 0 0 0;
justify-content: space-between;
}

.block01 .box {
position: relative;
width: 90%;
margin: 2.4vw auto;
padding: 2vw;
font-size: 3.5vw;
}
.block01 .box dt span{
margin-bottom: 7px;
font-size: 3vw;
}
.block01 .box dd img{
width: 60%;
margin: 1.5vw 0 0;
}
.block01 .box dd .pic{
width: 30%;
margin: 2.5vw 0 1.2vw;
}

.block02 {
margin: 1.6vw 0 0;
border: 0.3vw solid #2DABFF;
}
.block02 dt {
padding: 0.9vw 3.2vw;
font-size: 3.5vw;
}
.block02 dd {
padding: 1.3vw 3.2vw;
font-size: 3.5vw;
}
.block02 dd .note{
font-size: 2.7vw;
}

.block03 {
margin: 2.4vw 0 0;
padding: 2.2vw 2.7vw 3vw;
background: #DFF1FD;
}
.block03 dt {
padding-bottom: 4px;
font-size: 3.5vw;
}
.block03 dt span {
display: inline-block;
margin-left: 7px;
padding-left: 1.5vw;
border-left: 5px solid #2dabff;
}
.block03 dd {
padding: 1.2vw 2vw 0;
}
.block03 dd ul:first-child {
margin-top: 0;
}

.block04 {
margin: 0 0 3vw 1.5vw;
}
.block04 p img {
width: 20vw;
}
.block04 p .bg {
width: 100%;
height: 17vw;
padding: 2.4vw 0 0 5.6vw;
font-size: 3.2vw;
line-height: 1.2;
background-size: contain;
}

.block05 ul {
margin: 2.8vw 2.8vw 0;
}
.block05 li {
position: relative;
width: 20.6vw;
padding: 6vw 0;
font-size: 3.2vw;
}
.block05 .txtbg {
width: 100%;
height: 11.2vw;
margin: 3vw auto 0;
padding: 1.8vw 0;
font-size: 3.2vw;
}

.block06 {
margin: 3.4vw 0 0;
padding: 3.4vw 5vw 6vw;
}
.block06 .head{
padding-bottom: 2.3vw;
}
.block06 .head .ico {
width: 20vw;
margin: 0;
padding: 0 1.5vw;
}
.block06 .head .ico + p {
font-size: 3.5vw;
}

.block07 {
margin: 2.4vw 0 0;
}
.block07 li {
position: relative;
width: 42vw;
height: auto;
padding-bottom: 1.2em;
background-size: contain;
}
.block07 li p.ttl{
min-height: 3em;
padding-top: 1.2vw;
font-size: 3vw;
}
.block07 li p.ico{
width: 8vw;
margin: 1vw auto 0;
}

.block08 {
margin: 1.6vw 0 0;
border: 1px solid #cccccc;
}
.block08 dt {
padding: 0.9vw 3.2vw;
font-size: 3.5vw;
}
.block08 dd {
padding: 1.3vw 3.2vw;
font-size: 3.5vw;
}
.block08 dd .note{
font-size: 2.7vw;
}
.block08 dd .check {
padding-left: 5vw;
background: url(../img/img_check.png) no-repeat left center;
background-size: 3vw;
}

.flowlist {
padding: 2.6vw 0 0;
}

.flowlist li {
padding: 0 0 5.6vw;
}

.flowlist li:last-child {
padding: 0;
}

.flowlist li:after {
left: 0.8vw;
bottom: 1vw;
width: 3.8vw;
height: 3.5vw;
}

.flowlist li .ico {
width: 7vw;
margin: 0;
}

.flowlist li .ico img {
width: 5.6vw;
}

.flowlist li .ico + p {
margin: 0;
padding: 1.5vw 0 0;
}

.flowlist li .ico + p .note {
margin: 1.5vw 0;
font-size: 2.7vw;
}
.flowlist li .ico + p .check {
padding-left: 5vw;
background: url(../img/img_check.png) no-repeat left center;
background-size: 3vw;
}

.imglist {
margin: 5.8vw 0 0;
overflow: hidden;
}
.imglist li,
.imglist li:nth-child(3n) {
width: 47%;
margin: 0 4% 4% 0;
}
.imglist li:nth-child(2n) {
margin-right: 0;
}

.coupocode {
position: relative;
padding: 20px 0 20px 40%;
font-size: 3.5vw;
background: #FFCF09 url("../img/ico_copy.png") no-repeat 98.5% center;
background-size: 19px auto;
}
.coupocode span.code {
top: 5px;
left: 5px;
width: 45%;
padding: 15px 0;
}
.coupocode span.codeFix {
padding: 6px 0;
}

.icotxt {
margin: 4.5vw 0;
}

.icotxt .ico {
width: 8vw;
margin: 0 2vw 0 0;
}
.icotxt .icoL {
width: 14vw;
margin: 0 1vw 0 0;
}
.icotxt .ico + p {
font-size: 3.5vw;
}

.section01 {
padding: 0 0 1vw;
}

.section01 .main {
margin-top: 0;
padding: 2.3vw 0 11.5vw;
}

.section01 .main .logo {
width: 80vw;
margin: 0 auto;
}

.section01 .main .ttl {
margin: 1.2vw 0 0.9vw;
font-size: 4vw;
}

.section01 .main .img {
width: 84.4vw;
margin: 0 auto;
}

.section01 .main .lead {
margin: 1.6vw 0 0;
font-size: 5.5vw;
}

.section01 .bonus01 {
margin: -9.7vw 0 0;
}

.section01 .bonus02 {
padding: 1.2vw 0 5vw;
}

.section01 .bonus02 img {
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.16));
}

.section01 .bonus02 span {
font-size: 3.6vw;
}

.section01 .bonus02 span span {
margin: 0 1vw;
font-size: 5.333vw;
line-height: 1;
}

.section01 .bonus03 {
margin: 0 0 1.2vw;
}

.section01 .txt {
font-size: 3.6vw;
}

.section01 ul {
margin: 2.5vw 0 1vw;
}

.section01 ul li {
width: 28.7vw;
padding: 1.5vw 0 2vw;
font-size: 3.6vw;
border-radius: 1vw;
}

.section01 ul li .large {
font-size: 2.6vw;
}

.section01 ul li .yellow {
font-size: 4vw;
}

.section01 .note01 {
margin: 0 0 2.5vw;
font-size: 2.8vw;
}

.section01 .note02 {
margin: 2.4vw 0 0;
font-size: 2.8vw;
}

.section01 .head {
width: 100%;
}
.section01 .main02 {
position: relative;
margin: 0;
padding: 11vw 0 6vw;
}
.section01 .main02 .logo{
top: 4vw;
left: 4vw;
width: 21vw;
}
.section01 .main02 .site{
top: 4vw;
right: 4vw;
font-size: 2.7vw;
}
.section01 .main02 h1 {
display: flex;
align-items: center;
padding: 0 0 0 13vw;
background: none;
text-align: left;
}

.section01 .main02 h1 img {
width: 20vw;
margin: 0 4.2vw 0 0;
}

.section01 .main02 h1 span {
font-size: 6vw;
}

.section01 .main02 .lead {
position: relative;
width: auto;
height: auto;
min-height: 28vw;
margin: 0 15vw 0;
padding: 8vw 0 0;
background: url("../img/bg_lead.png") no-repeat;
background-size: cover;
font-size: 4vw;
line-height: 1.3;
font-weight: bold;
box-sizing: border-box;
text-align:center;
}

.section01 .main02 .lead span {
display: inline-block;
margin-top: 4px;
font-size: 2.4vw;
}
	
.section01 .main02 .bonus02 {
margin-top: 0;
padding: 2.2vw 0 5vw;
}

.section01 .main02 .bonus02 img {
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.16));
}

.section01 .main02 .bonus02 span,
.section01 .main02 .bonus02 span span {
font-size: 3vw;
line-height: 1;
}
.section01 .main02 .bonus02 span {
display: inline-block;
line-height: 1.5;
}

.section01 .main02 .bonus02 span span.num {
margin: 0 1vw;
font-size: 4vw;
line-height: 1;
vertical-align: baseline
}

.section01 .main02 .cta{
padding: 0 5vw;
}
.section01 .main02 .cta .btn a {
padding: 1.2vw 0;
font-size: 4vw;
border: 0.5vw solid #FF5E09;
border-radius: 1vw;
text-shadow: 0 0 0.5vw rgba(0,0,0,0.2);
}
.section01 .main02 .cta .txt {
margin: 1.8vw 0;
font-size: 4.5vw;
}
.section01 .main02 .cta .red {
margin: 1.8vw 0 0;
font-size: 5vw;
}

.section01 .title dt{
height: 16vw;
font-size: 4.8vw;
white-space: nowrap;
overflow: hidden;
}
.section01 .title dd{
margin: 4.5vw 0 0;
padding: 0 5vw;
font-size: 3.9vw;
}

.section01 .topicpath {
margin: 4vw 5vw -2vw;
font-size: 3.0vw;
}
.section01 .contents {
margin: 4.5vw 5vw 9vw;
}
.section01 .contents dt {
padding: 1vw 4vw;
font-size: 3.9vw;
}
.section01 .contents dd ul {
height: 70px;
padding: 4.2vw 4vw;
}
.section01 .contents dd ul li {
margin-bottom: 0.3em;
padding: 0 0 0 2.6vw;
font-size: 3.5vw;
line-height: 1.5;
background: url(../img/arrow_link.png) no-repeat left center;
background-size: 6px auto;
}
.section01 .contents dd .ico {
width: 4.7vw;
right: 1.4vw;
bottom: 1.8vw;
}
#ct01,#ct02,#ct03,#ct04,#ct05,#ct06,#ct07,#ct08,#ct09,#ct10,#ct11,#ct12{
margin-top: -8vw;
padding-top: 8vw;
}
#wrapper .bts {
padding-bottom: 7.6vw;
}
.section02 {
padding: 0 0 5.8vw;
}

.section02 .img {
width: 51.6vw;
margin: 6.2vw auto 3.8vw;
padding: 0 0 0 8vw;
}

.section02 p {
font-size: 3.5vw;
}

.section03 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.section03 .ttl {
margin: 3vw 0 -1.3vw;
padding: 0 0 0 1.2vw;
font-size: 3.9vw;
border-left: 1vw solid #2DABFF;
}

.section03 .blue {
font-size: 4vw;
}

.section03 .note {
font-size: 2.7vw;
}

.section03 .img {
margin: 2vw 0 0;
padding: 0 0 1vw;
}

.section03 .img02 {
width: 50.1vw;
margin: 2.8vw auto 0;
padding: 0 0 8.7vw;
}

.section03 .img03 {
margin: 1.2vw 0 -1.5vw;
}

.section03 .img04 {
width: 64vw;
margin: 2.8vw auto 0;
padding: 0 0 7.7vw;
}

.section03 .rtpTtl {
margin: 4vw 0 0;
padding: 1.5vw 0 1.2vw;
font-size: 3.9vw;
border-radius: 1vw 1vw 0 0;
}

.section03 .rtp {
margin: 0 0 2.8vw;
padding: 0 2.7vw 2.7vw;
border: 0.3vw solid #2DABFF;
border-radius: 0 0 1vw 1vw;
}

.section03 .rtpImg {
margin: -2.2vw 0 0;
}

.section04 {
padding: 0 0 7.7vw;
}

.section04 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.section04 .lead {
margin: 2.6vw 0;
font-size: 3.9vw;
}

.section04 .baloon {
margin: 0 0 5.2vw;
}

.section04 .baloon:after {
right: 6vw;
bottom: -3.4vw;
border-width: 0 3.8vw 3.4vw 0;
}

.section04 .baloon.reverse:after {
left: 6vw;
right: 0;
border-width: 0 0 3.4vw 3.8vw;
}

.section04 .baloon .person {
padding: 1.8vw 4.2vw;
border-radius: 1vw 1vw 0 0;
}

.section04 .baloon .voice {
padding: 1.8vw 4.2vw 2.4vw;
border-radius: 0 0 1vw 1vw;
}

.section05 {
padding: 0 0 0.2vw;
}

.section05 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.section05 .lead {
margin: 2.6vw 0;
font-size: 3.9vw;
}
	
.section05 .under {
margin: 2.6vw 0 4vw;
font-size: 3.9vw;
background: url("../img/bg_line_01.png") no-repeat center bottom;
background-size: 70vw auto;
}

.section05 dl {
margin: 4.6vw 0 0;
border: 0.3vw solid #2DABFF;
}

.section05 dl dt {
padding: 0.9vw 3.2vw;
font-size: 3.5vw;
}

.section05 dl dd {
padding: 1.3vw 3.2vw;
font-size: 3.5vw;
}

.section05 dl dd ul {
height: 11vw;
padding: 0 0 2.8vw;
}

.section05 dl dd ul li {
margin: 2vw 0 0;
font-size: 2.4vw;
}

.section05 dl dd ul li span {
font-size: 3.2vw;
}

.section05 dl dd ul li table {
margin: 1.5vw 0 1vw;
}

.section05 dl dd ul li table td {
padding: 0.9vw 0;
font-size: 2.7vw;
}

.section05 dl dd .ico {
width: 4.7vw;
right: 1.4vw;
bottom: 1.8vw;
}

.section05 .bnr {
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.2));
}

.section06 {
padding: 0 0 2.4vw;
}

.section06 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.section06 .lead {
margin: 2.6vw 0;
font-size: 3.9vw;
}

.section06 .rank {
margin: 2.8vw 0 0;
}

.section06 .rank table {
width: 112.3vw;
}

.section06 .rank table th {
width: 24.6vw;
padding: 0.8vw 1.5vw;
font-size: 2.7vw;
}

.section06 .rank table td {
width: 12.8vw;
padding: 0.8vw 0.5vw;
font-size: 2.7vw;
}

.section07 {
padding: 0 0 3.2vw;
}

.section07 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.section07 .lead {
margin: 2.6vw 0;
font-size: 3.9vw;
}

.section07 .bx-wrapper {
margin: 2vw 0 0;
}

.section07 .txt {
margin: 2.6vw 0 4vw;
font-size: 3.9vw;
background: url("../img/bg_line_01.png") no-repeat center bottom;
background-size: 70vw auto;
}

.section08 {
padding: 0 0 3.2vw;
}

.section08 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}
.section08 h3.ttl {
margin: 5.4vw 0 -1.3vw;
padding: 0 0 0 1.2vw;
font-size: 3.9vw;
border-left: 1vw solid #2DABFF;
}
.section08 .lead {
margin: 2.6vw 0;
font-size: 3.9vw;
}

.section08 .note01 {
margin: 2.8vw 0 0;
font-size: 2.7vw;
}

.section08 .note02 {
margin: 1.8vw 0 0;
font-size: 2.7vw;
}

.section08 .img {
margin: 4.5vw 0 5.2vw;
}

.section08 table {
margin: 2.7vw 0 0;
}

.section08 table th {
padding: 0.8vw 1.6vw;
font-size: 3.5vw;
}

.section08 table th.one {
padding: 2vw 1.6vw;
}
.section08 table.colorb th.one img{
width: auto;
height: 7vw;
}

.section08 table th span {
font-size: 2.4vw;
}

.section08 table td {
width: 23vw;
padding: 0.8vw 1.6vw;
font-size: 2.7vw;
}

.section08 table td:nth-child(odd) {
width: 18vw;
}

.section08 ul {
padding: 2.6vw 0 0;
}

.section08 ul li {
padding: 0 0 5.6vw;
}

.section08 ul li:last-child {
padding: 0;
}

.section08 ul li:after {
left: 0.8vw;
bottom: 1vw;
width: 3.8vw;
height: 3.5vw;
}

.section08 ul li .ico {
width: 7vw;
margin: 0;
}

.section08 ul li .ico img {
width: 5.6vw;
}

.section08 ul li .txt {
margin: 0;
padding: 1.5vw 0 0;
}

.section08 ul li .txt span {
margin: 1.5vw 0;
font-size: 2.7vw;
}

.section08 .bnr {
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.2));
}

.section09 {
padding: 0 0 7.6vw;
}

.section09 p {
margin: 2.8vw 0 0;
font-size: 3.5vw;
}

.section09 p.note {
margin-top: 1.4vw;
font-size: 2.7vw;
}

.section09 .lead {
margin: 2.6vw 0;
font-size: 3.9vw;
}
.section09 .imgS {
width: 51.6vw;
margin: 6.2vw auto 3.8vw;
padding: 0 0 0 8vw;
}

.section09 .step {
padding: 1vw 4vw;
}
.section09 .step.fst,
.section09 .step.colorb{
padding: 7vw 4vw 1vw;
}
.section09 .step.c2 {
margin: 0;
padding: 1vw 19.2vw;
}

.section09 .step li {
width: 22.4vw;
min-height: inherit;
padding: 4.5vw 0;
font-size: 3.2vw;
}

.section09 .step li:after {
right: -4.5vw;
margin-top: -2.7vw;
border-width: 2.7vw 0 2.7vw 2.4vw;
}

.section09 .step li span {
margin: 0 0 1vw;
font-size: 2.7vw;
}
.section09 .steptxt {
width: 38vw;
height: 10vw;
margin: 1.7vw auto 0;
padding: 1.8vw 0;
background: url(../img/bg_step_01.png) no-repeat;
background-size: contain;
font-size: 3.2vw;
}

.section09 .txt {
margin: 5.2vw 0 1.8vw;
font-size: 4.5vw;
}

.section09 .bnr ,
.section09 .btn {
margin: 0;
}

.section09 .btn a {
padding: 1.2vw 0;
font-size: 4vw;
border: 0.5vw solid #FF5E09;
border-radius: 1vw;
text-shadow: 0 0 0.5vw rgba(0,0,0,0.2);
}
.section09 .btn a span.code{
font-size: 2.4vw;
}

.section09 .red {
margin: 1.8vw 0 0;
font-size: 5vw;
}

.section09 .flow {
padding: 2.6vw 0 0;
}

.section09 .flow li {
padding: 0 0 5.6vw;
}

.section09 .flow li:last-child {
padding: 0;
}

.section09 .flow li:after {
left: 0.8vw;
bottom: 1vw;
width: 3.8vw;
height: 3.5vw;
}

.section09 .flow li .ico {
width: 7vw;
margin: 0;
}

.section09 .flow li .txt {
margin: 0;
padding: 1.5vw 0 0;
font-size: 3.5vw;
}

.section09 .flow li .txt span {
margin: 1.5vw 0;
font-size: 2.7vw;
}

.section09 .bnr {
margin: 2.8vw 0 0;
filter: drop-shadow(0 0 1vw rgba(0,0,0,0.2));
}

.section10 {
padding: 0 0 3.2vw;
}

.section10 .lead {
margin: 3.6vw 0;
font-size: 3.9vw;
}

.section10 dl {
margin: 3.4vw 0 0;
}

.section10 dl dt {
padding: 2vw 3.6vw;
font-size: 3.5vw;
border-radius: 1vw 1vw 0 0;
}

.section10 dl dd {
padding: 2.5vw 3.6vw;
font-size: 3.5vw;
}

.section11 {
padding: 0 0 7.3vw;
}

.section11 p {
margin: 2.8vw 0 0;
font-size: 3.3vw;
}

.section11 ul {
margin: 2.8vw 0 0;
}

.section11 ul li {
margin: 0 0 1.8vw;
padding: 2.5vw 0;
}

.section11 ul li .ttl {
margin: 0;
font-size: 3.9vw;
}

.section11 ul li .ico {
width: 8.1vw;
margin: 2vw auto 0;
}

.section11 ul li p {
margin: 1.8vw 0 0;
}

.section12 table {
margin: 5vw 0 2.6vw;
}

.section12 table th {
padding: 0.9vw 3.2vw;
font-size: 2.7vw;
}

.section12 table td {
padding: 0.9vw 3.2vw;
font-size: 2.7vw;
}

.section12 dl {
margin: 1.6vw 0 0;
border: 0.3vw solid #2DABFF;
}

.section12 dl dt {
padding: 0.9vw 3.2vw;
font-size: 3.5vw;
}

.section12 dl dd {
padding: 1.3vw 3.2vw;
font-size: 3.5vw;
}

.section12 .img {
margin: 2.2vw 0 6.7vw;
}

.section13 h2 {
height: 16vw;
font-size: 5.4vw;
}

.section13 ul {
padding: 3.3vw 0 4.8vw;
}

.section13 ul li {
margin: 0 0 3vw;
}

.section13 ul li a {
padding: 0.9vw 0 0.9vw 6.8vw;
border-radius: 1vw;
}

.section13 ul li a img {
width: 16.2vw;
margin: 0 4.2vw 0 0;
}
.section13 ul li a img.main {
width: 20.5vw;
margin: 1.1vw 2.5vw 1vw -3vw;
}

.section13 ul li a span {
font-size: 4.6vw;
}

footer {
padding: 3.5vw 0 2.5vw;
}

footer .lead {
margin: 0 0 2.8vw;
font-size: 2.4vw;
}

footer .flexBox .img {
width: 14.4vw;
}

footer .flexBox .img img {
width: 8vw;
}

footer .flexBox .txt {
flex: 1;
font-size: 2.7vw;
}

footer .link {
margin: 3.2vw 0 1.6vw;
}

footer .link a {
font-size: 2.7vw;
}

footer .partner {
font-size: 2.7vw;
}

}