@charset 'utf-8';


body { color:#333366;}
#PAGE { width:100%; }
#PAGE section { width:100%; height:auto; text-align:center; }
#PAGE section .logo { width:100%; text-align:left; }
#PAGE section .logo img { margin:20px 0 0 20px;width: 20vw }
.sp { display:none; }
.pc { display:inline-block; }
.pc2 { display:inline-block;margin-bottom: 200px}


#PAGE section .PAGE_IN { width:1200px; height:auto; margin:50px auto; position: relative; overflow: visible;}
.gray { background-image: linear-gradient(#E5E5E5 50%, #fff 50%, #D3D3D3); background-size: 10px 10px; }
.white { background-color: #fff}
.blue { background-color: #333366;margin-top:-49px;padding-top: 50px}
#PAGE .blue img {width: 1044px;}
h1 { width:100%; text-align:center; }
h2 { width:100%; font-size:40px; letter-spacing:0.1em; text-align:center; line-height:2em; font-family: source-han-sans-japanese, sans-serif;font-weight: 700;font-style: normal;}
img.border { margin-bottom:20px; }
strong { width:100%; text-align:center; display:inline-block; font-size:18px; }
strong span { font-size:28px; }
.center { width:100%; text-align:center; }
.box { width:1190px; height:auto; display:block; border:5px solid #333366; background:#fff; margin:0 0 100px 0; position:relativie; overflow: visible;
}
.box .box_en { width:110px; height:110px; border-radius: 50%; border:3px solid #333366; background:#ff3900; position: absolute; top:-50px; left:10%;text-align: center; display: flex;justify-content: center;align-items: center; flex-wrap:wrap; font-weight:bold; }
.box .box_senior { position:absolute; bottom:0; }
.box .box_en small { width:100%; display:inline-block; color:#333366; font-size:12px; margin-bottom:10px;
font-weight:bold; }
.box .box_en span { width:100%; display:inline-block; color:#ffffff;  font-size:45px; }
.space { width:100%; height:30px; display:inline-block;}

.PAGE_IN h3 { width:100%; }
.PAGE_IN strong { width:100%; display:block; margin:0 0 30px 0; font-weight:bold; color:#333366; line-height:2em;  }
.PAGE_IN .contact　　{ width:100%; display:flex; flex-wrap:wrap; }
.PAGE_IN .contact strong { width:100%; display:inline-block;}
.PAGE_IN .contact div { width:30%; }
.PAGE_IN .contact div label { border:2px solid #666666; background:#fff; }

.button{ position:relative; right:auto; width:242px; height:60px; display:block; margin:0 auto; border:none; background:url(../img/send.png) no-repeat; background-size:100%; color:#fff; text-align:center; font-weight:bold; font-size:16px; line-height:60px; box-shadow:none; border-radius:0; }

.satei { width:100%; display:flex; justify-content: space-between;margin:50px 0; }
.satei label {position: relative;display: block;width: 30%;height:50px;border: 2px solid #666666;background: #fff;}
.satei select {cursor: pointer;position: relative;-webkit-appearance: none;appearance: none;display: block;width: 200px;padding: 0 1em;line-height:46px;color: #000;border: none;background: transparent;font-size:16px;}
.satei ::-ms-expand {display: none;}

.detail { width:1100px; margin:0 auto; }
.detail_in { width:660px; margin:0 220px; }
.detail dl.RESERVE { width:660px; margin:0 auto 30px auto; clear:none; background:none; border-bottom:none; }
dl.RESERVE dt { width:100%; padding:0; float:left; clear:none; font-size:13px; line-height:1.4em; background:none; }
dl.RESERVE dt em { float:left; }

dl.RESERVE dd { width:100%; padding:0; float:left; clear:none; background:none; }
dl.RESERVE dd.NESS { background:#ff0; }
dl.RESERVE dd .wsNo	{ width:160px; float:left; }
dl.RESERVE dd .NAIYO { width:100%; float:left; clear:none; margin:0 0 10px 0; }
dl.RESERVE dd .NAIYO label { width:100%; float:left; clear:none; margin:0 10px 0 0; font-size:14px; }
dl.RESERVE dd .NAIYO label.AMPM { width:100%; }
dl.RESERVE dd p { width:100%; float:left; clear:none; margin:0 0 5px 0; }
dl.RESERVE dd span { width:100%; float:left; clear:none; }
dl.RESERVE dd span.BUKKEN { width:100%; float:left; clear:none; margin:10px 0 0 0; }
dl.RESERVE dd span.VISIT { width:auto; float:left; clear:none; margin:5px 10px 0 0; line-height:36px; }
dl.RESERVE dd input[type="checkbox"] { width:20px; height:20px; margin:5px 5px 0 0; }
dl.RESERVE dd input[type="radio"] { width:20px; height:20px; margin:5px 5px 0 0; vertical-align:middle; }
dl.RESERVE dd span.ZIP { width:auto; float:left; clear:none; margin:10px 10px 0 0; }
dl.RESERVE dd select { width:auto; float:left; clear:none; margin:0px 10px 0 0; font-size:14px; }
dl.RESERVE dd select option { padding:0px; }
dl.RESERVE dd textarea { width:420px; height:100px; font-size:16px; }
dl.RESERVE dd a.PASS{ float:left; clear:both; margin:0; color:#0af; }
dl.RESERVE dd a.PASS:hover{ text-decoration:underline; }
dl.RESERVE dd a.PASS:active{ text-decoration:underline; }
dl.RESERVE dd em.LOGIN_ERROR{ display:block; float:left; width:100%; color:#ff775d; }

dl.RESERVE dd span.TANI { width:auto; float:left; }
dl.RESERVE dd span.TANI img { width:auto; float:none; margin:0 5px 0 0; vertical-align:middle; }
dl.RESERVE dd span.KEIJO { width:auto; float:none; margin:0 20px 0 5px; line-height:20px; }
dl.RESERVE dd span.KEIJO img { margin:0 5px 0 0; vertical-align:middle; }
input.INPUT_SS { width:100px; height:17px; margin:0 10px 0 0;float:left;font-size:14px; line-height:2em; border:3px solid #666;
padding:1em 1em; }


ul li:nth-of-type(n+2){ display: none; }

.selectbox {
    width:90%;
    margin:1em auto;
  position:relative;
}
select{
  -webkit-appearance:none;
    appearance:none;
  width:100%;
  padding:1em 1em;
  box-sizing:border-box;
  font-size:1em;
  border:#666 3px solid;
  border-radius:0;
  background:#fff;
}
.selectbox::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:5%;
  top:35%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}
.color.selectbox select{
  background:blue;
  color:#fff;
  border-radius:2em;
}
.color.selectbox::after{
  border-bottom:#fff 5px solid;
  border-right:#fff 5px solid;
}

.top { width:100%; display:flex; justify-content: space-between; margin:0 0 50px 0; }
.top div { width:32%; }

div.container img.hissu { width:25px; }
div.container img.hissu2 { width:25px; margin-top:13px;}
label.form_input input .hissu { margin-top:10px; }

.top_pc { width:1260px; margin:0 auto 30px auto; position:relative; overflow:visible;
}
.top_pc .jcb { margin:0 auto; width: 80%}

div.logo{position: absolute;margin: 20px}
iframe{width: 600px;height: 450px;}

@media screen and (max-width: 740px){
#PAGE section .PAGE_IN { width:90%; margin:0 auto; padding:0px 0; }
.sp { width:100%; display:inline-block;}
.sp2{ width:100%; display:inline-block; margin-bottom: 100px;}

.scroll { width:10%; margin:0 0 30px 0; }
.box { width:99%; height:auto; display:block; border:5px solid #333366; background:#fff; margin:0 0 50px 0; position:relativie; overflow: visible;}
h1 { width:100%; margin:0 auto; }
h2 { font-size:1.46rem; color:#333366; }
.PAGE_IN h3 img { width:100%; }
strong { width:100%; text-align:center; display:inline-block; font-size:1rem; line-height:2em; }
strong span { font-size:1.2rem; }
.space { width:100%; height:100px; display:inline-block;}
.pc { display:none; }
.box .box_en { width:110px; height:110px; border-radius: 50%; border:3px solid #333366; background:#ff3900; position: absolute; top:-90px; left:1%;text-align: center; display: flex;justify-content: center;align-items: center; flex-wrap:wrap; font-weight:bold; }
.border { width:100%; }
.PAGE_IN strong {font-size: 20px;margin-bottom: -20px;margin-top: 30px;}
.top { width:100%; display:flex; justify-content: space-between; margin:0 0 0px 0; flex-wrap:wrap; }
.top_pc{width: 90vw}
div.container img.hissu { width:25px; }
div.container img.hissu2 { width:25px; }
div.container img.hissu2 { width:25px; margin-top:10px;}
div.logo{width:50vw}
#PAGE .blue img {width: 100%;}
iframe{width: 100vw;height: 450px;}


}







@media screen and (min-width: 420px) and ( max-width:740px){






}

.entry__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    border-top: 1px #ddd solid;
    margin-bottom: 50px;
}

.entry__inputs dt {
    width: 200px;
    ;
    background-color: #EEEEEE;
    padding: 15px 10px 10px 30px;
    border-bottom: 1px #ddd solid;
    text-align: left;
}

.entry__inputs dd {
    width: 646px;
    padding: 15px 30px;
    border-bottom: 1px #ddd solid;
    text-align: left;
}

.entry__inputs dd.MONTH {
    width: 675px;
    padding-right: 0px;
    display: flex;
    align-items: center;
}

.entry__inputs dd.MONTH select {
    width: 300px;
}

.entry__inputs dd.DAY {
    width: 675px;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.entry__inputs dd.DAY select {
    width: 355px;
}

.entry__inputs dd.TIME {
    width: 675px;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.entry__inputs dd.TIME select {
    width: 286px;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.entry__inputs dd.TIME_SHORT select {
    width: 145px;
    padding-left: 0px;
    display: flex;
    align-items: center;
}

.entry__inputs dd input.MONTH_SHORT {
    width: 141px;
    padding-left: 0px;
}

.entry__inputs-full {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px #ddd solid;
    width: 676px;
}

.entry__inputs-full:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.entry__inputs-full dt {
    width: 20%;
    background: none;
    padding: 0 10px;
    border: none;
    text-align: left;
}

.entry__inputs-full dd {
    width: 80%;
    padding: 0 10px;
    border: none;
    width: 400px;
    text-align: left;
}

.entry__inputs-ask {
    margin-bottom: 10px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.entry__inputs-ask span {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
}

.entry__inputs-label {
    width: 100%;
    display: block;
}

.entry__inputs-check {
    width: 20px;
    height: 20px;
}

.entry__must {
    position: relative;
}

.entry__non {
    position: relative;
}

.entry__must::after {
    content: "必須";
    position: absolute;
    right: 25px;
    top: 15px;
    font-size: 10px;
    color: #fff;
    padding: 2px 5px;
    background-color: #00a2e6;
}

.entry__input-text {
    width: 50%;
    padding: 1em 1em;
    font-size: 1em;
}

.entry__input-textarea {
    width: 75%;
    height: 100px
}

.entry__button {
    margin: 30px auto;
    height: 40px;
    display: block;
    background-color: #f00;
    color: #fff;
    border: none;
    padding: 5px 100px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-size: 16px;
}

.entry__privacy {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 900px;
    font-size: 12px;
    height: 200px;
    border: 1px #ddd solid;
    padding: 20px;
    margin-top: 10px;
}

.entry__pmark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 80px;
}

.entry__pmark img {
    width: 75px;
}

.entry__pmark p {
    margin: 0 0 0 10px;
    width: 200px
}

.entry__disabled {
    background-color: #e64b69;
}

.entry__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.entry__hissu {
    background-color: #f60;
    font-size: 10px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 5px;
    background-color: #00a2e6;
    ;
}

.entry__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00a2e6;
}

.confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 50px;
    border: 1px #ddd solid;
    line-height: 2em;
    background: white;
}

.confirm__title {
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.confirm__description {
    width: 80%;
    padding: 5px 0
}

.page_comment_center {
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.page_mind {
    text-align: center;
    font-size: 13px;
    line-height: 2.5em;
    margin: auto;
    margin-bottom: 100px;
    border-top: 3px double #EAEAEA;
    border-bottom: 3px double #EAEAEA;
    padding: 30px 0;
    width: 660px
}

.page_mind span {
    font-weight: bold;
}

.entry__inputs-full dt.W60 {
    width: 60px;
    margin-top: 5px;
}

.entry__inputs-full dd.W600 {
    width: 600px;
}

.wrapper {
    margin-top: 70px;
    padding-top: 30px;
}

input.FORM__S {
    width: 250px;
}

dd.MONTH p.JA {
    margin-bottom: 0px;
}

dd.DAY p.JA {
    margin-bottom: 0px;
}

dd.DAY p.TIME {
    margin-bottom: 0px;
}

.page_comment_center p {
    line-height: 20px;
}

.entry__inputs div.MATOME {
    width: 705px;
}

.form_taisho {
    margin-top: 10px;
    font-size: 15px;
    color: #c7161d;
    font-weight: bold;
    line-height: 22px;
}


.contact_box { width:946px; height:auto; margin:0 auto 200px auto; }

@media screen and (max-width: 740px) {
    .contents {
        width: 100%;
        margin-top: -50px;
        padding-bottom: 50px;
    }
    .contact_box { width:95%; height:auto; margin:0 2.5% 0px 2.5%; }

    .entry p {
        font-size: 12px;
    }

    .entry__inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 16px;
        border-top: 1px #ddd solid;
        margin-bottom: 20px;
        margin-top:30px;
    }

    .entry__inputs dt {
        width: 100%;
        background-color: #EEEEEE;
        padding: 5px 10px;
        border-bottom: 1px #ddd solid
    }

    .entry__inputs dd {
        width: 92vw;
        padding: 15px 15px;
        border-bottom: 1px #ddd solid
    }

    .entry__inputs dd.MONTH {
        width: 90vw;
        border-bottom: none;
    }

    .entry__inputs dd.DAY {

        border-bottom: none;
        padding-left: 15px;
    }

    .entry__inputs dd.TIME {
        width: 90vw;
        padding-left: 15px;
    }

    .entry__inputs-full {
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -5px;
    }

    .entry__inputs-full dt {
        width: 100%;
        background: none;
        padding: 5px 10px;
        border-bottom: none
    }

    .entry__inputs-full dd {
        width: 100%;
        padding: 5px 10px;
        border-bottom: none;
        padding-left: 0px;
    }

    .entry__must::after {
        content: "必須";
        position: absolute;
        right: 10px;
        top: 6px;
        font-size: 10px;
        color: #fff;
        padding: 0px 5px
    }

    .entry__input-text {
        width: 87%;
    }

    .entry__input-textarea {
        width: 100%;
        height: 100px;
    }

    .entry__button {
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 5px 100px;
        margin-top: 30px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .entry__privacy {
        width: 89%;
        line-height: 20px;
        text-align: justify;
        padding:30px 5%;
    }

    .entry__disabled {
    }

    .entry__check {
      width:100%;
      float:left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px
    }

    .entry__hissu {
        width: auto;
        display: inline-block;
        font-size: 10px;
        color: #fff;
        padding: 2px 5px;
        margin: 0 5px;
        font-weight: bold;
        font-style: normal;
    }

    .entry__label {
        display: inline-block;
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
    }

    .entry__label input {
        margin-bottom: 10px;
        margin-top: 11px;
    }

    .entry__label em {
        margin-bottom: 10px;
    }

    .confirm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px;
        border: 1px #ddd solid;
        font-size: 12px;
        width: 80vw;
        margin: 0 auto;
    }

    .confirm__title {
        width: 90vw;
        padding: 5px 0
    }

    .confirm__title::before {
        content: "■"
    }

    .confirm__title::after {
        content: "："
    }

    .confirm__description {
        width: 50%;
        padding: 5px 0
    }

    .page_mind {
        width: auto;
    }

    .page_mind br {
        display: none
    }

    .page_comment_center {
        margin-top: 40px;
    }

    .entry__button {
        margin-top: 10px;
    }

    .entry__inputs-full:last-child {
        width: 95vw;
    }

    dd p.JA {
        font-size: 14px;
        margin-bottom: 5px;
    }

    dd p.TI {
        margin-bottom: 0px;
    }

    .contents__text {
        width: 90vw;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: 14px;
    }

    .entry__inputs div.MATOME {
        width: 100%;
        border-bottom: 1px #ddd solid;
    }

    .form_taisho p {
        width: 80vw;
        margin: 0 auto;
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .wrapper {
        margin-top: 70px;
        padding-top: 30px;
        margin-bottom: 130px!important;
    }
}

@media screen and (max-width: 320px) {
    dd p.TI {
        width: 17vw;
    }
}