@charset "Shift_JIS";

.roman {
    font-family: 'Crimson Text', serif;
}

body,
div,
figure,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: break-all;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    border: 0;
    vertical-align: top;
    width: 100%;
}

em {
    font-style: normal;
    font-weight: 900;
    font-size: 1em;
}

ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

p,
li,
dd {
    line-height: 1.6;
    word-wrap: break-word;
    word-break: break-all;
}

html,
body {
    height: 100%;
    min-height: 100%;
}

article {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

.ta-l {
    text-align: left;
}

.ta-c {
    text-align: center;
}

.ta-r {
    text-align: right;
}

.lh-1 {
    line-height: 1;
}

.lh-12 {
    line-height: 1.2;
}

.lh-14 {
    line-height: 1.4;
}

.lh-16 {
    line-height: 1.6;
}

.mh-a {
    margin-right: auto;
    margin-left: auto;
}

.mh-1 {
    margin-right: 1em;
    margin-left: 1em;
}

.mv-1 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.mv-2 {
    margin-top: 2em;
    margin-bottom: 2em;
}

.mb-025 {
    margin-bottom: 0.25em;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-05 {
    margin-bottom: 0.5em;
}

.mb-1 {
    margin-bottom: 1em;
}

.mb-2 {
    margin-bottom: 2em;
}

.mb-0 {
    margin-top: 0;
}

.mt-05 {
    margin-top: 0.5em;
}

.mt-1 {
    margin-top: 1em;
}

.mt-2 {
    margin-top: 2em;
}

.mr-05 {
    margin-right: 0.5em;
}

.mr-1 {
    margin-right: 1em;
}

.pa-05 {
    padding: 0.5em;
}

.pa-1 {
    padding: 1em;
}

.pt-05 {
    padding-top: 0.5em;
}

.pt-1 {
    padding-top: 1em;
}

.pt-2 {
    padding-top: 2em;
}

.pb-05 {
    padding-bottom: 0.5em;
}

.pb-1 {
    padding-bottom: 1em;
}

.pb-2 {
    padding-bottom: 2em;
}

.ph-05 {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.ph-1 {
    padding-right: 1em;
    padding-left: 1em;
}

.pv-05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.pv-1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.pv-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}

.opa-8 {
    opacity: 0.8
}

.opa-7 {
    opacity: 0.7
}

.opa-5 {
    opacity: 0.5
}

.table {
    display: table;
    width: 100%;
}

.table>* {
    display: table-cell;
    vertical-align: middle;
}

.table-fixed {
    table-layout: fixed;
}

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

.dsp-block {
    display: block;
}

.bold {
    font-weight: bold;
}

.fw-3 {
    font-weight: 300;
}

.fw-4 {
    font-weight: 400;
}

.fw-5 {
    font-weight: 500;
}

.fw-6 {
    font-weight: 600;
}

.fw-7 {
    font-weight: 700;
}

.fw-8 {
    font-weight: 800;
}

.fs-xl {
    font-size: 250%;
}

.fs-lll {
    font-size: 200%;
}

.fs-ll {
    font-size: 150%;
}

.fs-l {
    font-size: 120%;
}

.fs-s {
    font-size: 90%;
}

.fs-ss {
    font-size: 70%;
}

.wdt-20 {
    width: 20%;
}

.wdt-25 {
    width: 25%;
}

.wdt-30 {
    width: 30%;
}

.wdt-33 {
    width: 33.3333%;
}

.wdt-48 {
    width: 48%;
}

.wdt-50 {
    width: 50%;
}

.wdt-60 {
    width: 60%;
}

.wdt-70 {
    width: 70%;
}

.wdt-80 {
    width: 80%;
}

.wdt-90 {
    width: 90%;
}

.wdt-100 {
    width: 100%;
}

.wdt-10em {
    width: 10em;
}

.wdt-9em {
    width: 9em;
}

.wdt-8em {
    width: 8em;
}

.wdt-7em {
    width: 7em;
}

.wdt-6em {
    width: 6em;
}

.wdt-5em {
    width: 5em;
}

.wdt-4em {
    width: 4em;
}

.wdt-3em {
    width: 3em;
}

.wdt-2em {
    width: 2em;
}

.mwdt-150px {
    max-width: 150px
}

.mwdt-200px {
    max-width: 200px
}

.mwdt-300px {
    max-width: 300px
}

.mwdt-400px {
    max-width: 400px
}

.mwdt-500px {
    max-width: 500px
}

.mwdt-600px {
    max-width: 600px
}

.mwdt-700px {
    max-width: 700px
}

.mwdt-800px {
    max-width: 800px
}

.fl-l {
    float: left;
}

.fl-r {
    float: right;
}

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

.c-red {
    color: #F44336;
}

a.underline {
    border-bottom: 1px #F44336 solid;
}

/*--------------------------------------------------------------*/
/*	common	*/
/*--------------------------------------------------------------*/

html {}

body {
    width: 100%;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Verdana, Roboto, "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", serif;
    font-size: 15px;
    font-weight: 500;
    background-image: url(../../../image/img_lp2/nami_gold.png);
    background-size: 150px;
    color: #fff;
    position: relative;
    -webkit-text-size-adjust: 100%;
    background-attachment: fixed;
}

p,
dt,
dd,
li {
    line-height: 1.5;
}

html,
body {
    height: 100%;
}

.wrap {
    position: relative;
}

/*--PARTS-------------*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
    width: 100%;
    display: block;
    padding: 0.5em;
    border: 1px #ccc solid;
    border-radius: 0.25em;
    font-size: 1em;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    opacity: 0.5;
}

.select_wrap {
    overflow: hidden;
    border: 1px #ccc solid;
    /* padding: 0.75em; */
    display: block;
    border-radius: 0.25em;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.select_wrap::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f13a";
    display: block;
    position: absolute;
    /* width: 1em; */
    /* height: 100%; */
    z-index: 1;
    top: 50%;
    right: 0.5em;
    color: #ccc;
    margin-top: -0.5em;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    width: 100%;
    border-radius: 0.25em;
    padding: 0.75em;
    font-size: 1em;
    position: relative;
    z-index: 3;
    border: none;
}

.form_checkbox li {
    display: inline-block;
}

.form_checkbox input {
    display: none;
}

.form_checkbox label {
    display: inline-block;
    text-align: center;
    background-color: #ddd;
    padding: 0.5em 1em;
    border-radius: 0.2em;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.form_checkbox input:checked+label {
    background-color: #18a1dc;
    color: #fff;
}

.form_inline>* {
    display: inline-block;
    vertical-align: top;
}

.form_row {
    margin-bottom: 1em;
}

.form_row>label {
    margin-bottom: 0.5em;
    display: block;
}

.form_row>div>label {
    padding: 0 0.25em;
    line-height: 2.8;
}

ul.notice li {
    position: relative;
    line-height: 1.6;
    padding-left: 1.5em;
    margin: 1em 0;
}

ul.notice li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

ul.check {
    padding: 3em 1em 1em;
    background-color: #FFECB3;
    position: relative;
    border: 2px #FFC107 solid;
}

ul.check::before {
    content: "CHECK POINT";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #FFC107;
    color: #fff;
    padding: 0.5em 0;
}

ul.check li {
    padding-left: 1.5em;
    position: relative;
}

ul.check li::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f058";
    position: absolute;
    top: auto;
    left: 0;
    color: #FF9800;
}


.box {
    background-color: rgba(20, 89, 144, 0.5);
    padding: 1em;
}

em {}

strong {}

b {}

a {
    color: #F44336;
    text-decoration: none;
}

/* list */
ul.mark li {
    position: relative;
    padding-left: 1.5em;
}

ul.mark li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 0.5em;
    height: 0.5em;
    background-color: #ccc;
    border-radius: 100%;
}

ul.number {
    position: relative;
    padding-left: 1.5em;
}

ul.number span {
    position: absolute;
    top: auto;
    left: 0;
}

ul.mark li,
ul.number li {
    margin: 0.4em 0;
}

.btn {
    border: none;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
    padding: 1em 0;
    border-radius: 0.2em;
    background: rgb(90, 206, 84);
    background: -moz-linear-gradient(top, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    background: linear-gradient(to bottom, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ace54', endColorstr='#31cc2e', GradientType=0);
    font-size: 1em;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 1px 3px #333;
    border: none;
}

.wrap {
    position: relative;
    /*
	transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
*/
}

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

.forPC {
    display: none;
}

.floatReg {
    background-color: #333;
    position: fixed;
    left: 0;
    bottom: -5em;
    width: 100%;
    z-index: 100;
    text-align: center;
    padding: 0 1em;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.floatReg.active {
    bottom: 0;
}

.floatReg a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    padding: 0.25em 0;
    font-weight: bold;
    border-radius: 0.4em;
    margin: 0.5em 0;
    background: rgb(90, 206, 84);
    background: -moz-linear-gradient(top, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    background: linear-gradient(to bottom, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ace54', endColorstr='#31cc2e', GradientType=0);
    box-shadow: 0 4px 1px #000;
}

.floatReg a span {
    font-size: 80%;
    background-color: #FF5722;
    padding: 0 0.5em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6;
    margin-right: 0.5em;
}


.topBtn {
    position: fixed;
    z-index: 60;
    color: #ccc;
    right: 0.5em;
    font-size: 2em;
    opacity: 0.9;
    z-index: 200;
    background: #000;
    line-height: 1.6;
    width: 1.6EM;
    text-align: center;
    font-size: 1.6em;
    border-radius: 0.4em;
    bottom: -3em;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.topBtn.active {
    bottom: 3em;
}

.loginBtn {
    width: 10em;
    background-color: #d23808;
    text-align: center;
    border-radius: 1em;
    margin: 0.5em;
    color: #ddd;
    font-weight: bold;
    font-size: 80%;
}

#login {
    padding: 0.5em;
    background-image: linear-gradient(to right, rgba(152, 12, 2, 1), rgba(0, 0, 0, 1));
}

#login form {
    margin: 0 auto;
    text-align: left;
    font-size: 80%;
}

#login form dl {}

#login form dl dt {
    display: inline-block;
}

#login form dl dd {
    display: inline-block;
}

#login form dl dd>* {
    display: inline-block;
    width: auto;
}

#login form dl dd input {}

#login form dl dd .btn {
    font-weight: 500;
    padding: 0.7em 1em;
    background: none;
    background-color: #bb0e01;
    color: rgba(255, 255, 255, 0.9);
    position: relative;
}

#login form dl dd .btn::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f52b";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    right: 1em;
}


header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}

footer {
    padding-bottom: 5em;
}

footer nav {
    padding: 0 1em;
    text-align: center;
}

footer nav ul {
    display: inline-block;
    text-align: left;
}

footer nav ul li a {
    padding: 0.5em;
    border: none;
    font-size: 90%;
    color: #ccc;
    display: block;
}

footer nav ul li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin-right: 0.5em;
}

footer .note {
    padding: 2em 1em;
    text-align: center;
    font-size: 80%;
    color: #999;
}



.regarea {
    width: 96%;
    margin: 7em auto 1em;
    background-image: url(../../../image/img_lp2/reg_bg_700.jpg);
    background-size: cover;
    background-position: left top;
    position: relative;
    padding: 4.5em 0 0;
}

.regarea_logo {
    position: absolute;
    width: 14em;
    top: -6em;
    left: 50%;
    margin-left: -7em;
}

.regarea_text {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.regarea_text img {
    position: relative;
    z-index: 1;
}

.regarea_line {
    position: absolute;
    top: 0.5em;
    left: 4em;
    width: 22px;
    height: 0;
    background-color: #ff000075;
}

.regarea_line:nth-of-type(2) {
    left: 11.4em;
}

.regarea.active .regarea_line {
    height: 100%;
    transition-duration: 2s;
    -moz-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
}

.regarea>div.regarea_down {
    background: none;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
}

.regarea_down span {
    line-height: 1.5;
    width: 1.5em;
    text-align: center;
    display: block;
    background-color: #f00;
    border-radius: 100%;
    font-size: 1.4em;
    position: absolute;
    bottom: -1em;
    left: 2.2em;
}

.regarea_down span:nth-of-type(2) {
    left: 8.5em;
}

.regarea>div {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 1em 0.5em;
    margin-top: 1em;
    text-align: center;
}

.regarea>div h3 {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    background-color: #ff5400;
    padding: 0 0.5em;
    margin-right: 0.2em;
    font-size: 1.2em;
}

.regarea_date {
    display: inline-block;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1;
}

.regarea_date em {
    font-family: 'Crimson Text', serif;
    font-size: 2em;
    color: #ff5400;
}

.regarea>div>p {
    text-align: center;
}

.regarea_btn {}

.regarea_btn a,
.regarea_btn button {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    padding: 0.5em 0;
    font-weight: bold;
    border-radius: 0.4em;
    margin: 0.5em 0;
    background: rgb(90, 206, 84);
    background: -moz-linear-gradient(top, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    background: linear-gradient(to bottom, rgba(90, 206, 84, 1) 0%, rgba(52, 226, 58, 1) 49%, rgba(17, 173, 0, 1) 53%, rgba(49, 204, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ace54', endColorstr='#31cc2e', GradientType=0);
    box-shadow: 0 4px 1px #000;
    position: relative;
    overflow: hidden;
    border: none;
    width: 100%;
    font-family: inherit;
    line-height: 1;
}

.regarea_btn a span,
.regarea_btn button span {
    font-size: 90%;
    background-color: #147b0c;
    padding: 0 0.5em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6;
    margin-right: 0.5em;
}

.regarea_btn a::before,
.regarea_btn button::before {
    display: block;
    position: absolute;
    left: -30%;
    top: -50%;
    content: "";
    width: 80px;
    height: 100px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 100%);
    animation: shiny 3s infinite linear;
    -webkit-animation: shiny 3s infinite linear;
    -moz-animation: shiny 3s infinite linear;
}

.regarea_sns {
    border-radius: 0.4em;
    overflow: hidden;
    box-shadow: 0 5px 1px #000;
}

.regarea_sns li {}

.regarea_sns li a {
    display: block;
    color: #000;
    padding: 0.75em 0;
    border-bottom: 1px #ccc solid;
    text-align: center;
    position: relative;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.regarea_sns li:last-of-type a {
    border-bottom: none;
}

.regarea_sns li a img {
    height: 1.4em;
    display: inline;
    width: auto;
    margin-right: 0.5em;
    opacity: 0.8;
    position: absolute;
    left: 1em;
    top: auto;
}

.regarea_sns li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    top: auto;
    right: 1em;
    opacity: 0.5;
}

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

.top {
    position: relative;
}

.top_niou {
    margin-bottom: -14em;
}

.top_copy {
    position: absolute;
    top: 0;
    right: -0.5em;
    width: 12em;
    z-index: 2;
}

.top_logo {
    position: absolute;
    top: 10em;
    width: 20em;
    left: -0.5em;
    z-index: 1;
}

.top .regarea {
    padding-top: 2em;
    position: relative;
}

.kyotei {
    background-image: url(../../../image/img_lp2/kyotei_bg_sp.jpg);
    background-size: cover;
    background-position: center;
    padding: 2em 1em 1em;
}

.kyotei_text {
    width: 80%;
    margin: 0 auto;
}

.kyotei_reason {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 1em 0;
    padding: 1em;
}

.kyotei_reason dt {
    position: relative;
    padding-left: 5.5em;
}

.kyotei_reason dt figure {}

.kyotei_reason dt figure img {
    position: absolute;
    left: 0;
    top: 0;
    height: 5em;
    width: auto;
}

.kyotei_reason dt figcaption {
    font-weight: bold;
    font-size: 1.6em;
}

.kyotei_reason dd {}

.kyotei_reason dd figcaption {
    padding-left: 5.5em;
    margin: 0.5em 0;
}

.makegumi {
    padding: 2em 1.5em;
}

.kachigumi {
    background-image: url(../../../image/img_lp2/kachigumi_sp.jpg);
    background-size: cover;
    background-position: center;
    padding: 2em 1em;
}

.kachigumi>figure {
    width: 70%;
    margin-bottom: 1em;
}

.kachigumi p {
    margin-bottom: 1em;
}

.kachigumi p em {
    color: #FFC107;
    font-size: 1.1em;
}

.omakase {
    text-align: center;
    background: linear-gradient(#000 30%, rgba(0, 0, 0, 0) 100%), url(../../../image/img_lp2/money_sp.jpg);
    padding: 1em 0;
}

.omakase_upper {
    margin: 2em 0 1em 1em;
}

.omakase_lower {
    background-size: cover;
    background-position: center;
    padding: 1em 1em 0.5em;
}

.staff {}

.staff dl {
    padding: 2em 1em;
    position: relative;
    z-index: 1;
    background-color: #000;
}

.staff dl::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    z-index: -1;
}

.staff dl:nth-of-type(1)::before {
    background-image: url(../../../image/img_lp2/photo_place.jpg);
}

.staff dl:nth-of-type(2)::before {
    background-image: url(../../../image/img_lp2/photo_calc.jpg);
}

.staff dl:nth-of-type(3)::before {
    background-image: url(../../../image/img_lp2/photo_meeting.jpg);
}

.staff dl:nth-of-type(4)::before {
    background-image: url(../../../image/img_lp2/photo_race.jpg);
}

.staff dl dt {
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
}

.staff dl dt img {
    height: 4em;
    width: auto;
}

.staff dl dd {
    position: relative;
    padding-left: 42%;
}

.staff dl:nth-of-type(odd) dd {
    padding-right: 42%;
    padding-left: 0;
}

.staff dl dd figure {
    position: absolute;
    width: 40%;
    z-index: -1;
    left: 0;
    bottom: 0;
}

.staff dl:nth-of-type(odd) dd figure {
    left: auto;
    right: 0;
}

.staff dl dd figure img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    height: 10em;
    width: auto;
}

.staff dl:nth-of-type(odd) dd figure img {
    left: auto;
    right: 0;
}




.staff dl dd figcaption {
    text-align: left;
    color: #FFEB3B;
    font-size: 90%;
    font-weight: bold;
}


.staff dl.staff_genchi dd {
    padding: 0;
}

.saikyo {
    background-image: url(../../../image/img_lp2/agents_sp.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4em 0 0;
    margin: 1em;
}

.sonoyoso {}

.sonoyoso_upper {
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%), url(../../../image/img_lp2/sonoyoso_bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em 2em 5em;
    color: #000;
    background-position: center;
}

.sonoyoso_text {
    border-bottom: 2px #f00 solid;
    width: 90%;
    margin: 0 auto 1em;
    padding-bottom: 0.5em;
}

.sonoyoso_text img {}

.sonoyoso_shushi {
    font-weight: bold;
    font-size: 1.2em;
    color: #f00;
}

.sonoyoso_lower {
    margin-top: -6em;
}

.hitlist {
    margin-top: -0.75em;
    z-index: -1;
    position: relative;
}


.hitlist ul {
    padding: 0 1em;
}

.hitlist li {
    margin-bottom: 0.5em;
    padding: 0.5em;
    position: relative;
    padding-left: 6.5em;
    /* font-size: 90%; */
    background-image: url(../../../image/img_lp2/result_bg.jpg);
    background-size: cover;
    background-position: top center;
    color: #000;
    position: relative;
    border: 4px rgba(255, 255, 255, 0.5) solid;
}

.hitlist li:nth-of-type(n+7) {
    display: none;
}

.hitlist li .hitlist_bai {
    position: absolute;
    bottom: 1em;
    left: 0.1em;
    text-align: center;
    width: 2.75em;
    line-height: 1;
    background-image: url(../../../image/img_lp2/tekichu_maru.svg);
    background-size: auto 100%;
    background-position: center;
    color: #fff;
    font-size: 2em;
    background-repeat: no-repeat;
    height: 2.75em;
    font-family: 'Crimson Text', serif;
    padding-top: 0.55em;
}

.hitlist li .hitlist_bai::after {
    content: "";
    width: 0.75em;
    height: 0.75em;
    position: absolute;
    background-image: url(/../../../image/img_lp2/bai.svg);
    background-size: contain;
    bottom: 0.4em;
    left: 50%;
    margin-left: -0.35em;
}

.hitlist li .hitlist_bai span {
    font-size: 1.2em;
}

.hitlist li .hitlist_date {}

.hitlist li .hitlist_race {
    font-size: 90%;
}

.hitlist li .hitlist_base {
    font-size: 1.2em;
}

.hitlist li .hitlist_base::before {
    content: "元金";
}

.hitlist li .hitlist_get {
    font-size: 2em;
    font-weight: bold;
    text-align: right;
    color: #f00;
    line-height: 1;
}

.hitlist li .hitlist_get span {
    font-size: 1.6em;
    font-family: 'Crimson Text', serif;
}



.review_upper {
    padding: 2em 1em 1em;
}

.review_upper .review_text {
    width: 90%;
    margin: 0 auto 1em;
}

.review_upper .review_text img {}

.review_upper .review_tile {}

.review_upper .review_tile {}

.review_upper .review_tile dl {
    float: left;
    width: 32%;
    padding: 1em 0.5em;
    text-align: center;
    background-color: #fff;
    color: #000;
    margin-right: 2%;
}

.review_upper .review_tile dl:last-of-type {
    margin-right: 0;
}

.review_upper .review_tile dl dt {}

.review_upper .review_tile dl dt figure {}

.review_upper .review_tile dl dt figure img {}

.review_upper .review_tile dl dt figure figcaption {}

.review_upper .review_tile dl dd {}

.review_upper .review_tile dl dd p {}

.review_upper .review_tile dl dd p span {
    display: block;
    font-size: 1.2em;
    color: #f00;
    font-weight: bold;
    line-height: 1;
}

.review_upper .review_tile dl dd p span em {
    font-size: 1.4em;
    font-family: 'Crimson Text', serif;
}

.review_middle {
    padding: 0 1em;
}

.review_middle ul {}

.review_middle ul li {
    margin-bottom: 2em;
    position: relative;
}

.review_middle ul li div {
    padding-left: 9em;
    margin-bottom: 1em;
}

.review_middle ul li .clearfix figure {
    position: absolute;
    width: 8em;
    top: 0;
    left: 0;
}

.review_middle ul li .clearfix figure img {}

.review_name {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    color: #FFC107;
}


.review_middle ul li .clearfix .review_result {
    font-size: 90%;
    margin-top: 0.5em;
    border: 1px #ccc solid;
    padding: 0.5em;
    text-align: center;
}

.review_middle ul li .clearfix .review_result span {
    font-weight: bold;
    color: #F00;
    font-size: 1.2em;
    margin-left: 0.5em;
}

.review_middle ul li .clearfix .review_result span em {
    font-size: 1.4em;
}


.review_middle ul li .review_voice {
    padding: 1em;
    background-color: rgba(3, 169, 244, 0.5);
    border-radius: 1em;
    position: relative;
}

.review_middle ul li .review_voice::before {
    content: "";
    position: absolute;
    top: -1em;
    left: 3em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1em 1em 1em;
    border-color: transparent transparent rgba(3, 169, 244, 0.5) transparent;
}

.review_middle ul li .review_voice em {
    color: #ffcc35;
}

.review_list {
    padding: 1em;
    width: 100%;
}

.review_list h2 {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.5em;
}

.review_list>div {
    width: 100%;
}

.review_list dl {
    background-image: url(../../../image/img_lp2/voice_bg.jpg);
    background-size: cover;
    background-position: top right;
    color: #333;
    padding: 1em;
    width: 100%;
    margin-bottom: 0.5em;
}

.review_list dt {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
}




.loginArea {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 300;
    display: none;
}

.loginArea>div {
    display: table;
    width: 100%;
    height: 100%;
}

.loginArea>div>div {
    display: table-cell;
    vertical-align: middle;
    padding: 1em;
}

.loginArea form {
    margin-bottom: 1em;
}

.loginArea form input {
    margin-bottom: 0.5em;
}

.loginArea form button {
    display: block;
    border: none;
    width: 100%;
    line-height: 1;
    padding: 1em;
    border-radius: 0.4em;
    background-color: #ccc;
    font-size: 1em;
    font-family: inherit;
    font-weight: bold;
    pointer-events: none;
}

.loginArea form button.active {
    background-color: #f90;
    color: #fff;
    pointer-events: auto;
}



.loginArea_close {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-size: 1.6em;
    line-height: 1;
    opacity: 0.8;
}

.support {
    padding: 2em 1em;
    background: linear-gradient(rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.3) 100%), url(../../../image/img_lp2/photo_easy.jpg);
    background-size: cover;
    background-position: top center;
}

.support h2 {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4;
    margin-bottom: .5em;
    font-weight: bold;
}

.support div {}

.support div dl {
    margin-bottom: 1em;
}

.support div dl dt {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    position: relative;
    font-weight: bold;
}

.support div dl dd {}

.support div dl dd figure {}

.support div dl dd em {
    color: #FFC107;
    font-size: 1.1em;
}


.blinking {
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes shiny {
    0% {
        left: -30%;
    }

    20% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}

@-webkit-keyframes shiny {
    0% {
        left: -30%;
    }

    20% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}

@-moz-keyframes shiny {
    0% {
        left: -30%;
    }

    20% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}

.makegumi {
    transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
}

.kachigumi,
.saikyo,
.regarea,
.sonoyoso_lower,
.review_tile dl,
.review_middle li {
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
}

.makegumi {
    opacity: 0;
}

.makegumi.active {
    opacity: 1;
}

.kachigumi {
    opacity: 0;
}

.kachigumi.active {
    opacity: 1.0;
}

.saikyo,
.regarea,
.sonoyoso_lower {
    opacity: 0;
}

.saikyo.active,
.regarea.active,
.sonoyoso_lower.active {
    opacity: 1.0;
}

.hitlist_bai {
    opacity: 0;
    transform: scale(1.2);
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.hitlist_bai.active {
    opacity: 1.0;
    transform: scale(1.0);
}

.sonoyoso_lower {
    transform: translateY(2em);
}

.sonoyoso_lower.active {
    transform: translateY(0);
}

.review_tile dl,
.review_middle li {
    opacity: 0;
}

.review_tile dl.active,
.review_middle li.active {
    opacity: 1.0;
}

.support dt {
    position: relative;
    z-index: 1;
}

.support dt::before {
    content: "";
    background-image: url(../../../image/img_lp2/brush_red.png);
    background-size: 8em 100%;
    background-repeat: no-repeat;
    position: absolute;
    height: 2em;
    z-index: -1;
    width: 0em;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}


.support dt.active::before {
    width: 8em;
}

.staff dl {}

.staff dl::before {
    opacity: 0;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
}

.staff dl.active::before {
    opacity: 0.6;
}





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


@media (max-width: 374px) {}

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

@media (min-width: 768px) {

    .forSP {
        display: none;
    }

    .forPC {
        display: block;
    }

    body {
        font-size: 16px;
    }

    article {}

    .regarea {
        width: 700px;
    }

    .regarea>div {
        padding: 2em;
    }

    .regarea_text {
        width: 400px;
    }

    .regarea_line {
        left: 4.5em;
    }

    .regarea_line:nth-of-type(2) {
        left: 12.5em;
    }

    .regarea_date em {
        font-size: 3em;
    }

    .regarea_down {
        display: none;
    }


    .kyotei {
        background-image: url(/../../../image/img_lp2/kyotei_bg_pc.jpg);
        padding: 2em calc((100% - 700px) / 2);
    }

    .kyotei_text {
        width: 400px;
        margin-bottom: 1em;
    }

    .kyotei_reason {
        float: left;
        width: 49%;
    }

    .kyotei_reason-1 {
        margin-right: 1%;
    }

    .kyotei_reason dt {
        position: relative;
        padding: 2em 0 0;
        text-align: center;
    }

    .kyotei_reason dt figure img {
        top: -3em;
        left: 50%;
        margin-left: -2.5em;
    }

    .kyotei_reason dd figcaption {
        padding: 0;
    }

    .kachigumi {
        background-image: url(../../../image/img_lp2/kachigumi_pc.jpg);
    }

    .kachigumi>figure {
        width: 350px;
    }

    .makegumi,
    .kachigumi,
    omakase,
    .hitlist {
        padding: 2em calc((100% - 700px) /2);
    }

    .omakase {
        background: linear-gradient(#000 60%, rgba(0, 0, 0, 0) 100%), url(../../../image/img_lp2/money_pc.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        padding: 2em calc((100% - 700px) /2);
        background-repeat: no-repeat;
    }

    .omakase_upper {
        padding: 0 5em;
    }

    .omakase_lower>img {
        width: 500px;
        margin: 0 auto;
    }

    .staff dl {
        margin: 2em 0;
        padding: 2em calc((100% - 700px) /2);
    }

    .staff dl dt img {
        height: 5em;
    }

    .staff dl dd figure img {
        height: 14em;
        width: auto;
        bottom: -2em;
    }

    .saikyo {
        background-image: url(../../../image/img_lp2/agents_pc.png);
        padding: 2em calc((100% - 700px) /2);
        background-size: auto 100%;
        background-position: center;
    }

    .sonoyoso_upper {
        background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%), url(../../../image/img_lp2/sonoyoso_bg_pc.jpg);
        background-size: cover;
        padding: 5em calc((100% - 700px) /2);
        text-align: center;
        background-position: center;
    }

    .sonoyoso_lower figure img {
        width: 600px;
        margin: 0 auto;
    }

    .hitlist ul {
        padding: 0;
    }

    .hitlist li {
        float: left;
        width: 49%;
        margin-bottom: 1%;
    }

    .hitlist li:nth-of-type(odd) {
        margin-right: 1%;
    }

    .hitlist li .hitlist_race {
        font-size: 80%;
    }

    .hitlist li .hitlist_get {
        font-size: 1.8em;
    }

    .review {
        width: 700px;
        margin: 0 auto;
    }

    .review_upper .review_tile dl dd p span {
        font-size: 2em;
    }

    .review_upper .review_tile dl dd p span em {
        font-size: 2em;
    }

    .review_list dl {
        width: 48%;
        float: left;
        margin: 1%;
    }

    .review_list dl:nth-of-type(odd) {}

    .support {
        padding: 4em calc((100% - 700px) /2);
        margin-bottom: -4em;
    }

    footer nav {
        text-align: center;
    }

    footer nav li {
        display: inline-block;
    }

    .regarea_btn {
        text-align: center;
        padding: 1em 2em;
        background-color: rgba(0, 0, 0, 0.5);
        margin: 1em 0;
    }

    .regarea_btn h4 {
        font-size: 1.4em;
        color: #FF5722;
        font-weight: bold;
    }

    .regarea_btn form {
        margin: 1em 0 0;
        position: relative;
    }

    .regarea_btn form::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f304";
        position: absolute;
        /* top: 0; */
        /* margin-top: -0.5em; */
        line-height: 1;
        /* right: 1em; */
        color: #FF5722;
        font-size: 3em;
        top: -0.5em;
        left: 0.25em;
        -webkit-animation: blink 0.5s ease-in-out infinite alternate;
        -moz-animation: blink 0.5s ease-in-out infinite alternate;
        animation: blink 0.5s ease-in-out infinite alternate;
    }

    .regarea_btn form input {
        padding: 1em;
    }



    .loginArea>div {
        width: 500px;
        margin: 0 auto;
    }

    .top {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .top_niou {
        width: 700px;
        transform: translateX(-50px);
        position: relative;
        z-index: -1;
    }

    .top_copy {
        z-index: 1;
        width: 21em;
        right: -2em;
    }

    .top_logo {
        width: 500px;
        left: -5px;
        top: 18em;
    }

    .top .regarea {
        margin-top: -10.5em;
    }

    .loginBtn {
        font-size: 1.2em;
    }

    .hitlist li:nth-of-type(n+7) {
        display: inline-block;
    }

}

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

@media (min-width: 1024px) {


    .hitlist {
        padding: 2em;
        z-index: 1;
    }

    .hitlist ul {
        text-align: center;
    }

    .hitlist li {
        margin: 5px !important;
        width: 400px;
        float: none;
        display: inline-block;
    }

    .hitlist li .hitlist_get {
        text-align: center;
    }

    .hitlist li .hitlist_bai {
        font-size: 2.6em;
        bottom: 0.25em;
        left: 0.25em;
    }

    .top_niou {
        display: none;
    }

    .top {
        padding-top: 670px;
        width: 1000px;
    }

    article::before,
    article::after {
        position: fixed;
        content: "";
        width: 50%;
        height: 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        top: 0;
        z-index: -10;
        opacity: 0.5;
    }

    article::before {
        background-image: url(../../../image/img_lp2/statue_l.png);
        background-position: right top;
        left: 50%;
        transform: translateX(-110%);
    }

    article::after {
        background-image: url(../../../image/img_lp2/statue_r.png);
        background-position: left top;
        right: 50%;
        transform: translateX(110%);
        top: 37px;
        width: 50%;
    }

    .top .regarea {
        width: 100%;
        padding: 2em 150px;
    }

    .top_logo {
        top: 6px;
        width: 600px;
        left: 50%;
        margin-left: -439px;
    }

    .top_copy {
        right: -10px;
        z-index: 10;
        width: 24em;
    }

    .kyotei {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .makegumi {
        background-color: #000;
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .omakase {
        background: linear-gradient(#000 10%, rgba(0, 0, 0, 0) 100%), url(../../../image/img_lp2/money_pc.jpg);
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .staff {
        background-color: #000;
        padding: 2em 0;
    }

    .sonoyoso {
        background-color: #000;
        padding-bottom: 3em;
        margin-bottom: 2em;
    }

    .review_middle ul li {
        background-color: #000;
        padding: 2em;
    }

    .review_middle ul li .clearfix figure {
        top: 2em;
        left: 2em;
    }

    .regarea_sns li {
        float: left;
        width: 50%;
    }

    .regarea_sns li a {
        border-bottom: none;
    }

    .regarea_sns li:nth-of-type(n+3) a {
        border-top: 1px #ccc solid;
    }

    .regarea_sns li:nth-of-type(odd) a {
        border-right: 1px #ccc solid;
    }

    .floatReg {
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -ms-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        width: auto;
        background: none;
        padding: 0;
        left: auto;
        bottom: auto;
        right: 5em;
        top: -30em;
    }

    .floatReg.active {
        top: 1em;
        bottom: auto;
    }

    .floatReg a {
        font-size: 1.6em;
        line-height: 1;
        padding: 3.5em 0.5em 2em;
        position: relative;
        overflow: hidden;
    }

    .floatReg a span {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        font-size: 1em;
        line-height: 1;
        padding: 0.5em 0.5em;
    }

    footer {
        padding-bottom: 1em;
    }

    .topBtn {
        right: 3em;
    }

    .loginArea>div {
        width: 700px;
    }

}

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

/* information */

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

#information {
    padding: 1em;
    position: relative;
}

#information .topBtn {
    bottom: 0.5em;
    background: #cc922c;
}

#information #goBack {
    right: auto;
    left: 0.5em;
}

#information #goBack a {
    color: inherit;
}

#information section {
    margin: 2em 0;
}

#information_top {
    position: relative;
    z-index: 0;
}

#information_top::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../../../image/img_lp2/logo_1_800.png);
    background-size: 100% auto;
    opacity: 0.3;
    background-repeat: no-repeat;
}

#information h1 {
    font-size: 2em;
    text-align: center;
    margin-bottom: 0.5em;
}

#information h1 .c-lylw {
    color: #FFC107;
}

#information_top .information_nav {
    text-align: center;
}

#information_top .information_nav ul {
    display: inline-block;
}

#information_top .information_nav li {
    text-align: left;
}

#information_top .information_nav li a {
    display: block;
    color: inherit;
    padding: 0.5em 0;
}

#information_rule {}

#information h3 {
    text-align: center;
    font-size: 1.4em;
    border-bottom: 2px #f8ce2e solid;
    font-weight: bold;
    margin-bottom: 1em;
    color: #f8ce2e;
}

#information h3+div {}

#information dl {}

#information dl dt {
    color: #f8ce2e;
    font-weight: bold;
    margin: 1em 0;
    border-left: 2px #f8ce2e solid;
    padding-left: 0.5em;
}

#information dl dd {}

#information dl dd p {}

#line {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.9);
    height: 100vh;
    width: 100vw;
    display: none;
}

#line .dialog_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1em;
}

#line .dialog_container>div {
    max-width: 500px;
}


#line h2 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    text-align: center;
}

#line .button {
    display: block;
    text-align: center;
    background-color: #f90;
    color: #fff;
    line-height: 1;
    padding: 1em;
    border-radius: 0.4em;
    margin: 1em auto;
}

#line .closeBtn {
    display: table;
    margin: 0 auto;
    border: 2px #ccc solid;
    padding: 0.5em 1em;
    border-radius: 0.4em;
    margin-top: 2em;
}


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

@media (min-width:768px) {

    #information {
        padding: 1em;
        position: relative;
        width: 700px;
        margin: 0 auto;
    }

    #information_top {
        padding-left: 13em;
    }

    #information_top::before {
        background-size: auto 100%;
        background-position: left center;
        opacity: 1;
    }










}

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

@media (min-width: 1024px) {

    .regarea_sns {
        border-radius: 0;
        box-shadow: none;
    }

    #information {
        background-color: rgba(0, 0, 0, 0.8);
        width: 800px;
        padding: 20px 50px;
    }

    #information #goBack {
        left: 3em;
    }

}

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

.mail_confirm a::before {
    content: none !important;
}