@charset "UTF-8";

/* index.html 
*************************************************************** */
#index.rakuraku__wrapper { background-color: #fff; }
#index .rakuraku__campaign__banner { max-width: 980px; margin: 0 auto; padding: 5px 13px 93px; }
#index .rakuraku__campaign__banner .main_heading { background-color: #ab0404; color: #ffffff; font-size: 200%; font-weight: bold; text-align: center; padding: 14px 0; margin-bottom: 40px; }
#index .rakuraku__campaign__banner .section { border-top: 2px solid #ab0404; font-size: 116.6%; padding: 30px 0 44px; }
#index .rakuraku__campaign__banner .section .section_heading { font-size: 110.28%; border-bottom: 1px solid #e6e6e6; margin-bottom: 26px; padding-bottom: 18px; }
#index .rakuraku__campaign__banner .section .dots_list li { font-size: 98%; position: relative; padding-left: 1em; line-height: 1.75; }
#index .rakuraku__campaign__banner .section .dots_list li .dots_indent {  position: absolute; left: 0; }
#index .rakuraku__campaign__banner .section .note_list li { position: relative; padding-left: 1.25em; line-height: 1.75; }
#index .rakuraku__campaign__banner .section .note_list li .note_indent { position: absolute; left: 0; }
#index .rakuraku__campaign__banner .section .dots_list .blank_icon { vertical-align: middle; margin-left: 5px; margin-right: 5px; width: 15px; height: auto; }

/* index_table */
#index .table_heading { text-align: center; margin-top: 30px; }
#index .section_table { margin-top: 10px; }
#index .section_table { border: 1px solid #dddddd; border-collapse: collapse; width: 100%; table-layout: fixed; }
#index .section_table th { background-color: #eeeeee; font-size: 100%; border-left: 1px solid #f3f3f3;border-bottom: 1px solid #e4e4e4; text-align: center; font-weight: normal; }
#index .section_table th:first-child { background-color: #959595; color: #fff; border-left:none; padding: 1em 2em 0.6em; }
#index .section_table tr { border-bottom:1px solid #d5d5d5;}
#index .section_table tr:last-child { border-bottom:none;}
#index .section_table td { padding: 1em; text-align: center; border-left: 1px solid #f3f3f3; background-color: #fff; font-size: 100%; font-weight: normal; }
#index .section_table td:first-child { background-color: #959595; color: #fff; border-left:none; text-align: left; padding: 1.5em 2em 1em; font-size: 100%; vertical-align: top; }
#index .section_table td .table_text { text-align: left; display: block; }

/* button_wrap */
#index .button_wrap { padding: 30px 45px; background-color: #f8f8f8; text-align: center; }
#index .button_wrap .col2 { max-width: 610px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#index .button_wrap .col2 li { width: 47.5%; }
#index .button_wrap .col2 li+li { width: 47.5%; margin-left: 5%; }
#index .button_wrap .col2 li .button { display: block; color: #fff; text-align: center; font-size: 114.5%; font-weight: bold; text-decoration: none; padding: 25px 0 22px;}
#index .button_wrap .col2 li .button_top { background-color: #d41346; }
#index .button_wrap .col2 li .button_top:hover { background-color: #ee285c; }
#index .button_wrap .col2 li .button_twitter { background-color: #00aced; }
#index .button_wrap .col2 li .button_twitter:hover { opacity: 0.7; }
#index .button_wrap .col2 li .button .arr { position: relative; padding-left: 12px; }
#index .button_wrap .col2 li .button .arr:before { position: absolute;top: .465em;left: 0;content: ""; width: 0; height: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #fff; }

@media only screen and (max-width: 767px){
#index.rakuraku__wrapper { padding-top: 0; }
#index .rakuraku__campaign__banner { max-width:none; width: auto; padding:0 0 60px;margin:0 20px; }
#index .rakuraku__campaign__banner img { width: 100%; }
#index .rakuraku__campaign__banner .main_heading { font-size: 157%; padding: 14px; margin-bottom: 30px; }
#index .rakuraku__campaign__banner .section { font-size: 116.6%; padding: 20px 0 34px; }
#index .rakuraku__campaign__banner .section .section_heading { font-size: 98%; }
#index .rakuraku__campaign__banner .section .dots_list li { font-size: 85.8%; }
#index .rakuraku__campaign__banner .section .note_list li { font-size: 100%; }
#index .rakuraku__campaign__banner .section .dots_list .blank_icon { width: 14px; }

#index .table_heading { font-size: 85.8%; }
#index .section_table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;
padding: 0; position: absolute; width: 1px; }
#index .section_table tr { padding:0; border-bottom:none; }
#index .section_table th { border-bottom:none; }
#index .section_table td { border-top: 1px solid #ddd; border-left: 0; display: block; font-size: 79.8%; text-align:center; position: relative; padding: 1em 0 1em 50%; overflow:hidden; }
#index .section_table td.border_line {border-top:none;}
#index .section_table td:first-child { text-align: center; padding: 1em; font-size: 85.8%; }
#index .section_table td:first-child::before { display: none; }
#index .section_table td::before { content: attr(data-label); float: left; text-align:center; position: absolute; background-color: #eeeeee; width: 50%; min-height:100%; left: 0; top:0; padding:1em; box-sizing: border-box; font-size: 107%;}
#index .section_table td .table_text { padding:0 1em;}

#index .button_wrap { padding: 20px; }
#index .button_wrap .col2 { display: block; }
#index .button_wrap .col2 li { width: 100%; }
#index .button_wrap .col2 li+li { width: 100%; margin-left: 0; margin-top: 10px; }
#index .button_wrap .col2 li .button { padding: 25px 15px;}
#index .button_wrap .col2 li .button .arr:before { position: absolute;top: .55em;left: 0;content: ""; width: 0; height: 0;border-style: solid;border-width: 3px 0 3px 6px;border-color: transparent transparent transparent #fff; }
}