@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*共通
---------------------------------------*/
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

a{
text-decoration:none;
border:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
color: #000;
}

img{
line-height: 0;
border:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

:focus{
outline: 0;
}

body{
color: #000;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1;
text-align: center;
background: #fff;
}

#wrapper{
position: relative;
width: 100%;
margin: auto;
}

.sp{display: none;}

.txt-center{text-align: center;}

@media only screen and (max-width: 700px){
  .pc{display: none;}
  .sp{display: inline;}
}

.mt-20{
  margin-top: 20px;
}


/*時限公開
---------------------------------------*/
#time{
max-width: 750px;
margin: auto;
}

#time img{
width: 100%;
height: auto;
}


/*トップページ
---------------------------------------*/
#home .pic{
text-align: center;
line-height: 0;
}

/*#home .bg_01{background: linear-gradient(48deg, rgba(249,240,220,1) 0%, rgba(146,130,91,1) 100%);}*/
#home .bg_02{background: url("/images/home_bg_03.png") no-repeat left top;background-size: cover;}
#home .bg_03{background: #95855D;}

/*#entry_banner*/
#home #entry_banner{
position: fixed;
left: 5%;
bottom: 10px;
z-index: 10;
width: 90%;
height: 50px;
}

#home #entry_banner a{
display: block;
color: #1e2380;
font-size: 20px;
font-weight: bold;
line-height: 50px;
letter-spacing: 1px;
background: #ffe33f;
border-radius: 10px;
}

/*#movie*/
#home #movie{
background: url("/images/home_bg_01.png") repeat-y center top;
background-size: 750px auto;
padding: 15px 0;
}

#home #movie .list{
position: relative;
max-width: 750px;
margin: auto;
padding: 15px;
}

/*#home #movie .ttl{
position: relative;
text-align: center;
background: #081936;
padding: 30px;
}

#home #movie .ttl::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: calc(100% - 30px);
height: calc(100% - 30px);
border: solid 7px #836d42;
margin: auto;
}

#home #movie .ttl .ttl_sec{
background-color:#fff;
padding:15px 0px;
margin:3px;
width: 100%;
color:#000;
font-size:2.0em;
}

#home #movie .ttl p{
display: inline-block;
position: relative;
color: #fff;
font-size: 26px;
font-weight: bold;
line-height: 1.3;
text-align: center;
}*/


#home #movie .box{
position: relative;
overflow: hidden;
padding-right: 15px;
padding-bottom: 25px;
margin-top: 15px;
margin-right: -15px;
}

#home #movie .box::before,
#home #movie .box::after{
content: "";
display: block;
position: absolute;
z-index: 1;
}

#home #movie .box::before{
left: 0;
bottom: 0;
width: 100%;
height: 25px;
background: url("/images/home_movie_01.png") no-repeat left top;
background-size: cover;
}

#home #movie .box::after{
top: 0;
right: 0;
width: 15px;
height: calc(100% - 25px);
background: url("/images/home_movie_02.png") no-repeat left top;
background-size: cover;
}

#home #movie .inner{
position: relative;
width: 100%;
padding-top: 56.25%;
}

#home #movie iframe,
#home #movie .comingsoon{
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

#home #movie .comingsoon{
display: flex;
align-items: center;
justify-content: center;
color: #081936;
font-size: 42px;
font-weight: bold;
background: #B1B2B2;
}

/*#famipay*/
#home #famipay{
background: url("/images/home_bg_02.png") no-repeat left top;
background-size: cover;
padding: 30px 15px 15px;
}

#home #famipay .btn{
margin-top: 15px;
}

/*.section*/
#home .section{
max-width: 610px;
margin: 50px auto 0;
padding: 0 20px;
}

#home .section h2{
color: #fff;
font-size: 28px;
font-weight: bold;
letter-spacing: 3px;
/*background: linear-gradient(90deg, rgba(83,135,191,1) 0%, rgba(16,22,95,1) 100%);*/
background: radial-gradient(circle, rgba(83,135,191,1) 0%, rgba(16,22,95,1) 100%);

border-radius: 14px;
padding: 6px 0 8px;
margin: 0 -20px 20px;
}

#home .section .txt{
font-size: 26px;
line-height: 1.4;
text-align: justify;
overflow-wrap: break-word;
}

#home .section .txt-center{
text-align: center;
}

#home .section .txt+.txt{
margin-top: 1em;
}

#home .section .box{
border: solid 1px #ED1C2A;
padding: 20px;
}

#home .section .red{
color: #EB2522;
}

@media only screen and (max-width: 700px){
  #home .section{margin: 30px 15px 0;}
  #home .section h2{font-size: 16px;border-radius: 8px;margin-bottom: 12px;}
  #home .section .txt{font-size: 13px;}
}

/*#section_01*/
#home #section_01 .date{
font-size: 24px;
}

#home #section_01 .date strong{
font-size: 32px;
}

#home #section_01 .txt{
font-size: 29px;
margin-top: 35px;
margin-bottom: 10px;
}

#home #section_01 .h_color_1{
  color:#1b2b53;
}

#home #section_01 .note{
  margin-top: 20px;
  font-weight: normal;
}

@media only screen and (max-width: 700px){
  #home #section_01 .date{font-size: 15px;}
  #home #section_01 .date strong{font-size: 18px;}
  #home #section_01 .txt{font-size: 15px;margin-top: 10px;}
}

/*#section_04*/
#home #section_04 .pic{
padding: 12px 0 30px;
}

@media only screen and (max-width: 700px){
  #home #section_04 .pic{padding: 0 0 20px;}
}

/*#section_05*/
#home #section_05 .pic{
padding: 30px 0;
}

/*#section_07*/
#home #section_07 .oubo_note_h2{
  width:90%;
  margin:10px auto 30px;
  background-image: linear-gradient(90deg, rgba(181,0,5, 1), rgba(234, 73, 78, 1) 50%, rgba(181,0,5, 1));
}

/*#section_08*/
#home #section_08 .adress_h3{
  font-size:44px;
  text-align:center;
  font-weight:bold;
  margin:60px 0px 30px;
}

#home #section_08 .txt{
  text-align:center;
  font-weight:bold;
  font-size:35px;
  letter-spacing:-2px;
}

@media only screen and (max-width: 700px){
  #home #section_08 .adress_h3{
    font-size:30px;
    letter-spacing:-2px;
    margin:40px auto 15px;
  }
  #home #section_08 .txt{
    font-size:20px;
    letter-spacing:-2px;
  }
}

@media only screen and (max-width: 700px){
  #home #section_05 .pic{padding: 20px 0;}
}

/*.privacy*/
#home .privacy{
border: solid 1px #000;
border-radius: 5px;
padding: 20px;
margin: 0 -20px;
}

/*#entry*/
#home #entry{
background: url("/images/home_bg_02.png") no-repeat center top;
background-image: linear-gradient(90deg, rgba(231,229,207, 1), rgba(255, 255, 255, 1) 50%, rgba(231,229,207, 1));
background-size: 750px;
margin-top: 30px;
}

#home #entry .inner{
display: flex;
justify-content: space-between;
align-items: center;
max-width: 750px;
margin: auto;
padding: 40px;
}

#home #entry .btn{
width: 100%;
margin-right: 15px;
}

#home #entry .btn a{
display: block;
color: #fff;
font-size: 37px;
font-weight: bold;
letter-spacing: 2px;
background: radial-gradient(circle, rgba(229,0,18,1) 0%, rgba(140,17,24,1) 100%);
border-radius: 20px;
padding: 24px 0 29px;
}

@media only screen and (max-width: 700px){
  #home #entry .inner{padding: 30px;}
  #home #entry .btn{margin-right: 10px;}
  #home #entry .btn a{font-size: 20px;border-radius: 10px;padding: 13px 0 15px;}
  #home #entry .pagetop{width: 54px;}
}


/*レシート撮影方法
---------------------------------------*/
#method{
max-width: 750px;
margin: auto;
}

#method .box{
border: solid 1px #000;
padding: 20px;
margin: 20px;
}

#method .btn{
max-width: 376px;
width: 76%;
margin: 7% auto 3%;
}

#method .btn a{
position: relative;
display: block;
color: #fff;
font-size: 25px;
font-weight: bold;
letter-spacing: 5px;
padding: 22px 0 26px;
background: linear-gradient(90deg, rgba(125,21,26,1) 0%, rgba(229,0,18,1) 54%, rgba(129,20,25,1) 100%);
border-radius: 16px;
}

#method .btn a::after{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
width: 22px;
height: 22px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
margin: auto;
}

@media only screen and (max-width: 700px){
  #method .btn a{font-size: 16px;border-radius: 8px;padding: 12px 0 14px;}
  #method .btn a::after{right: 13px;width: 11px;height: 11px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
}


/*応募フォーム
---------------------------------------*/
#form{
position: relative;
overflow: hidden;
min-height: 500px;
background: url("/images/soraback.jpg") no-repeat center top;
}

#form h1{
max-width: 750px;
line-height: 0;
margin: auto;
padding: 26px 10%;
}

.mw_wp_form{
max-width: 750px;
margin: auto;
}

#form dl{
position: relative;
max-width: 500px;
margin: 0 auto 60px;
padding: 0 9%;
}

#form dt{
/*一次的に表示*/
/*display: none;*/
display: none;
position: relative;
left: -10px;
font-size: 16px;
line-height: 1.4;
text-align: justify;
border-radius: 6px;
background-color:#fff;
box-shadow: 4px 4px 0px 1px #fff;
border:1px solid #000;
min-height: 80px;
margin-left: 80px;
padding: 15px;
}

#form dt:before{
content: "";
display: block;
position: absolute;
top: -12px;
left: -120px;
width: 120px;
height: 160px;
background: url("/images/form_balloon_left.png") no-repeat left top;
background-size: 100% auto;
}

#form dt.top_bg:before{
content: "";
display: block;
position: absolute;
top: -12px;
left: -120px;
width: 120px;
height: 160px;
background: url("/images/form_balloon_left_top.png") no-repeat left top;
background-size: 100% auto;
}

#form dt .required{
display: block;
color: #cf0000;
font-size: 14px;
margin-top: 3px;
}

#form dd{
/*一次的に表示*/
/*display: none;*/
display: none;
position: relative;
text-align: justify;
right: -10px;
background: #fff;
border-radius: 7px;
box-shadow: 8px 9px 0px 1px #000;
border:6px solid #000;
margin-top: 20px;
padding: 15px;
}

#form dd:before{
content: "";
display: block;
position: absolute;
top: 15px;
right: -60px;
width: 60px;
height: 60px;
background: url("/images/form_balloon_right.png") no-repeat left top;
background-size: 100% auto;
}

/*デフォルト解除*/
.mw_wp_form input,
.mw_wp_form select,
.mw_wp_form textarea,
.mw_wp_form button{
color: #000;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0px;
border: none;
background: transparent;
}

/*.file*/
dl.file .filebox{
display: none;
text-align: center;
margin-top: 10px;
}

dl.file .filebox:first-child{
display: block;
}

dl.file label{
position: relative;
display: block;
}

dl.file .btn_text{
color: #fff;
font-size: 13px;
line-height: 19px;
background: radial-gradient(circle, rgba(174,149,86,1) 0%, rgba(123,78,0,1) 100%);
border-radius: 10px;
padding: 12px 0;
}

dl.file .btn_text span{
display: block;
font-size: 11px;
line-height: 1.4;
padding-top: 6px;
}

dl.file input{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.mwform-file-delete{
display: none;
}

.mw-wp-form_image img,
.imgview{
max-width: 100%;
max-height: 400px;
padding-top: 10px;
}

/*.input*/
dl.input dd input{
box-sizing: border-box;
border-radius: 3px;
border: solid 1px #000;
background: #fff;
width: 100%;
height: 100%;
padding: 7px 10px;
line-height: 1.4;
}

/*.outline*/
dd .outline{
position: relative;
font-size: 16px;
padding: 10px 0;
}

dd .outline .ttl{
line-height: 1.2;
padding-bottom: 10px;
}

dd .outline .required{
font-size: 13px;
color: #cf0000;
vertical-align: 1px;
padding-left: 1em;
}

/*.select*/
dl.select dd .select_box{
position: relative;
overflow: hidden;
border: solid 1px #000;
background: #fff;
border-radius: 3px;
line-height: 40px;
z-index: 0;
}

dl.select dd .select_box:after{
content: "▼";
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
font-size: 19px;
padding: 0 10px;
background: #fff;
}

dl.select dd select{
width: 100%;
height: 40px;
padding-left: 10px;
padding-right: 40px;
vertical-align: top;
}

/*.radio*/
dl.radio dd{
line-height: 19px;
}

dl.radio dd .inner{
text-align: center;
}

dl.radio dd label{
display: inline-block;
position: relative;
padding-left: 26px;
}

dl.radio dd .mark{
position: absolute;
top: 1px;
left: 0;
display: inline-block;
border: solid 1px #000;
border-radius: 50%;
width: 18px;
height: 18px;
}

dl.radio dd input[type=radio]{
display: none;
}

dl.radio dd input:checked + .mark:after{
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background: #000;
border-radius: 50%;
}

/*投票*/
#form #section_02 .clear{
clear: both;
}

#form #section_02 .team{
float: left;
width: 50%;
}

#form #section_02 .inner{
text-align: left;
}

#form #section_02 .mwform-radio-field-text{
display: none;
}

#form #section_02 label{
display: block;
height: 160px;
padding: 0;
}

#form #section_02 #team_01 label{
background: url("/images/form_pic_01.jpg") no-repeat 1px 0;
background-size: 136px auto;
}

#form #section_02 #team_02 label{
background: url("/images/form_pic_02.jpg") no-repeat 1px 0;
background-size: 136px auto;
}

/*当選確率2倍*/
#form #section_03 .checkbox{
background: #F8F2F2;
min-height: 116px;
}

#form #section_03 .checkbox::before{
background: url(/images/form_balloon_icon.png) no-repeat left top;
background-size: 100% auto;
}

#form #section_03 .checkbox .ttl{
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 19px;
letter-spacing: 1px;
text-align: center;
width: 100%;
background: radial-gradient(circle, rgba(174,149,86,1) 0%, rgba(123,78,0,1) 100%);
border-radius: 10px;
padding: 10px 0 10px;
}

#form #section_03 .checkbox .txt{
color: #7D151A;
font-size: 12px;
line-height: 1.3;
text-align: justify;
margin-top: 38px;
margin-right: 55px;
margin-bottom: 7px;
}

#form #section_03 .checkbox .inner{
position: absolute;
top: 56px;
right: 15px;
width: 42px;
height: 42px;
}

#form #section_03 .checkbox label{
display: block;
width: 100%;
height: 100%;
padding-left: 0;
}

#form #section_03 .checkbox .mwform-checkbox-field-text{
display: none;
}

#form #section_03 .checkbox .mark{
top: 0;
width: 100%;
height: 100%;
border: solid 2px #707070;
border-radius: 0;
background: #fff;
}

#form #section_03 .checkbox input:checked + .mark:after{
top: 10px;
left: 6px;
width: 26px;
height: 11px;
border-left: 3px solid #707070;
border-bottom: 3px solid #707070;
transform: rotate(-45deg);
background-color: transparent;
border-radius: 0;
}

/*コース*/
#form #section_03 .course_box{
border: solid 1px #B79759;
border-top: none;
padding: 15px;
}

#form #course_box_02{
margin-top: 20px;
}

#form #course_box_03{
margin-top: 0px;
}

#form #section_03 .course .ttl{
position: relative;
z-index: 1;
line-height: 0;
margin: -17px -28px 0;
}

@media only screen and (max-width: 700px){
  #form #section_03 .course .ttl{margin: -17px -26px 0;}
}

#form #section_03 .course .item{
margin-top: 20px;
}

#form #section_03 .course .item+.item{
margin-top: 30px;
}

#form #section_03 .course label{
padding-left: 30px;
padding-top: 5px;
}

#form #section_03 .course .mark{
top: 4px;
width: 23px;
height: 23px;
}

#form #section_03 .course input:checked + .mark:after{
top: 3px;
left: 3px;
width: 15px;
height: 15px;
}

#form #section_03 .course .mwform-radio-field-text{
font-size: 17px;
font-weight: bold;
}

@media only screen and (max-width: 700px){
  #form #section_03 .course .mwform-radio-field-text{
    font-size: 13px;
  }
}

#form #section_03 .course .red{
color: #f00;
}

#form #section_03 .item_ttl{
  margin: 15px 15px 0 0;
}

@media only screen and (max-width: 700px){
  #form #section_03 .item_ttl{
    font-size:13px;
  }
}

#form #section_03 table{
  margin: 0 auto 70px auto;
}

#form #section_03 .course .item_txt{
font-size: 18px;
font-weight: bold;
line-height: 1.3;
text-align: center;
margin: 20px auto;
}

@media only screen and (max-width: 700px){
  #form #section_03 .course .item_txt{
    font-size: 15px;
  }
}

#form #section_03 .course .item_pic{
text-align: center;
line-height: 0;
margin-top: 10px;
}

/*お名前*/
#form #section_04 .inner{
position: relative;
overflow: hidden;
}

#form #section_04 .inner input{
float: right;
width: 48%;
}

#form #section_04 .inner input:first-child{
float: left;
}

#form #section_04 .unit{
display: block;
font-size: 12px;
padding-top: 5px;
}

#form #section_04 .error{
font-size: 13px;
color: #cf0000;
padding-top: 5px;
}

/*住所*/
#postcode1,
#postcode2{
width: 40%;
}

/*電話番号*/
#form #section_06 .unit{
font-size: 12px;
vertical-align: 1px;
}

/*メールアドレス*/
#form #section_07 .txt{
font-size: 13px;
line-height: 1.3;
text-align: justify;
margin-top: 15px;
}

/*感想*/
#form #section_10 textarea{
box-sizing: border-box;
border-radius: 3px;
border: solid 1px #000;
background: #fff;
width: 100%;
height: 200px;
padding: 7px 10px;
text-align: justify;
line-height: 1.4;
}

/*次へボタン*/
.next{
padding: 15px 0 10px;
}

.next button{
color: #fff;
font-size: 14px;
letter-spacing: 3px;
width: 100%;
background: #dc0000;
border-radius: 5px;
padding: 10px 0;
text-align: center;
}

.next button.disabled,
.next button.disabled_on{
background: #8f8f8f;
}

/*送信ボタン*/
#btn_box{
display: none;
padding-bottom: 50px;
}

#btn_box button{
color: #fff;
font-size: 21px;
letter-spacing: 2px;
width: 60%;
height: 55px;
border-radius: 10px;
background: radial-gradient(circle, rgba(229,0,18,1) 0%, rgba(145,10,17,1) 100%);
}

#btn_box .error_lead{
display: none;
color: #cf0000;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 1.3;
border: solid 2px #cf0000;
background: #fff;
width: 90%;
margin: 0 auto 10px;
padding: 10px;
}

#btn_box.disabled .error_lead{
display: block;
}

#btn_box button:disabled{
color: #fff;
background: #acacac;
}

#btn_box .back_btn{
color: #fff;
background: #acacac;
margin: 34px 0 20px;
}

#form .attention{
color: #000;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
text-align: left;
padding: 20px 5% 0;
margin:auto;
width:80%;
}


/*修正ページ
---------------------------------------*/
#form.correction_page dt{
display: block;
left: 0;
}

#form.correction_page dd{
display: block;
right: 0;
}

#form.correction_page #btn_box{
display: block;
}

#form.correction_page dl.no_required dd .outline .unit,
#form.correction_page .next{
display: none;
}


/*確認ページ
---------------------------------------*/
#confirm{
position: relative;
overflow: hidden;
width: 90%;
margin: auto;
background: #fff;
}

#confirm dl{
font-size: 14px;
line-height: 1.3;
text-align: justify;
border-top: solid 1px #999;
margin-top: 0;
padding: 15px 0;
}

#confirm dl:first-child{
border-top: none;
}

#confirm dt:before{
content: "●";
}

#confirm dd{
margin-left: 1em;
}

#confirm .required,
#confirm dd .ttl,
#confirm dd .unit,
#confirm dd .txt,
#confirm dd .course,
#confirm dd .item_pic,
#confirm .item_txt{
display: none;
}

/*.file*/
#confirm dl.file dd{
margin-left: 0;
}

#confirm dl.file .filebox{
display: block;
}

#confirm dl.file .btn_text{
display: none;
}

/*投票*/
#confirm #section_02 dd .inner{
font-size: 14px;
text-align: left;
}

/*コース*/
#confirm #section_03 .checkbox{
padding-bottom: 15px;
}

#confirm #section_03 .checkbox .inner{
font-size: 14px;
text-align: left;
}

#confirm #section_03 .course{
padding-top: 15px;
border-top: solid 1px #999;
margin-left: 0;
}

#confirm #section_03 .course_box{
margin-left: 1em;
}

/*お名前*/
#confirm #section_04{
border-top: none;
padding: 0;
}

#confirm #section_04 dt,
#confirm #section_04 .error{
display: none;
}

#confirm #section_04 dd{
margin-left: 0;
}

#confirm #section_04 dd .outline{
font-size: 14px;
padding: 15px 0;
border-top: solid 1px #999;
}

#confirm #section_04 dd .outline .ttl{
display: block;
padding-bottom: 0;
}

#confirm #section_04 dd .outline .ttl:before{
content: "●";
font-size: 14px;
vertical-align: 0;
margin-right: 0;
}

#confirm #section_04 dd .outline .inner{
padding-left: 15px;
}

/*住所*/
#confirm  #section_05 dd .outline{
font-size: 14px;
line-height: 1.3;
padding: 0;
}

#confirm #section_05 dd .outline+.outline{
display: inline-block;
}

/*電話番号*/
#confirm  #section_06 dd .outline{
font-size: 14px;
padding: 0;
}

/*メールアドレス*/
#confirm  #section_07 dd .outline{
font-size: 14px;
padding: 0;
}

/*年代*/
#confirm  #section_08 dd .outline{
font-size: 14px;
padding: 0;
}

#confirm #section_08 dd .select_box:after{
display: none;
}

#confirm #section_08 dd .select_box{
border: none;
line-height: 1.3;
}

/*性別*/
#confirm  #section_09 dd .outline{
font-size: 14px;
padding: 0;
}

#confirm #section_09 dd .outline .inner{
text-align: left;
}

/*感想*/
#confirm  #section_10 dd .outline{
font-size: 14px;
padding: 0;
}

#confirm #section_10 dd .outline .inner{
text-align: justify;
}

/*送信ボタン*/
#confirm #btn_box{
display: block;
background-color: transparent;
border-top: solid 1px #999;
}

/*次へボタン*/
#confirm .next{
display: none;
}

#confirm .attention{
display: none;
}


/*送信完了
---------------------------------------*/
#thankyou{
padding-bottom: 7%;
}

#thankyou .logo{
margin: 6% auto 0;
}

#thankyou .lead{
color: #1B2B53;
font-size: 30px;
font-weight: bold;
line-height: 1.3;
margin-top: 7%;
}

#thankyou .ttl{
margin: 9% 36px 7%;
}

#thankyou .txt{
font-size: 22px;
font-weight: bold;
line-height: 1.4;
}

#thankyou .red{
color: #f00;
font-weight: normal;
}

#download_pic{
max-width: 488px;
width: 70%;
margin: 4% auto;
}

#thankyou .btn{
max-width: 511px;
width: 68%;
margin: 2% auto 0;
}

@media only screen and (max-width: 700px){
  #thankyou .logo{width: 239px;}
  #thankyou .lead{font-size: 25px;}
  #thankyou .txt{font-size: 15px;}
}


/*footer
---------------------------------------*/
footer{
color: #fff;
background: radial-gradient(circle, rgba(0,85,157,1) 0%, rgba(6,61,125,1) 19%, rgba(13,41,99,1) 47%, rgba(16,29,82,1) 73%, rgba(18,25,77,1) 100%);
padding: 0 30px;
}

footer .sns{
font-size: 20px;
font-weight: bold;
border-bottom: solid 1px #fff;
padding-top: 30px;
}

footer .sns li{
display: inline-block;
vertical-align: middle;
padding: 20px 8px;
}

footer .address .ttl{
font-size: 17px;
font-weight: bold;
padding-top: 16px;
}

footer .address .txt{
font-size: 18px;
font-weight: bold;
line-height: 1.3;
padding-top: 8px;
}

footer .address .tel{
font-size: 30px;
font-weight: bold;
padding-top: 7px;
}

footer .address .unit{
font-size: 15px;
line-height: 1.4;
padding: 7px 0 30px;
}