@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
p,
h4,
h5,
h6,
form,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: top;
}

body {
    font-family: " ", "Meiryo", " �f���f�L ProW3", "Hiragino Kaku Gothic Pro", "  ���L�P", "MSPGothic", sans-serif
}

html {
    font-size: 100%;
}

body {
    font-size: 14px;
    line-height: 1;
}

a:hover {
    opacity: 0.7;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

header .top {
    background: #4199d6;
}

header .top .inner {
    width: 100%;
    margin: 0 auto;
}

header .top .inner p {
    font-size: 3vw;
    padding: 2% 0 2% 0;
    color: #fff;
}

header .main {
    margin: 0 0 5% 0;
}

header .main .inner {
    width: 100%;
    margin: 0 auto;
}

header .main .inner .company {
    padding: 12px 0 0 0;
    font-size: 4vw;
    color: #4199d6;
    text-align: right;
    display: none;
}

header .main .inner .fleft {
    width: 20%;
    padding: 4% 0 0 0;
}

header .main .inner .fleft img {
    width: 100%;
    height: auto;
}

header .main .inner .fright {
    width: 65%;
}

header .main .inner .fright .top-right {
    width: 100%;
}

header .main .inner .fright .uketuke {
    display: inline-block;
    width: 42%;
    display: none;
}

header .main .inner .fright .uketuke p {
    background: #4199d6;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1vw;
    padding: 1% 3% 1.5% 3%;
    margin: 0% 1% 0 0;
    width: 100%;
    text-align: center;
    line-height: 1.4;
}

header .main .inner .fright .tel {
    margin: 2% 0 0 0;
    float: right;
    display: inline-block;
    width: 54%;
    display: none;
}

header .main .inner .fright .tel img {
    width: 100%;
    height: auto;
}

header .main .inner .fright .zeinuki p {
    margin: 11px 0 0 0;
    font-size: 2vw;
    border: solid 2px #868686;
    border-radius: 5px;
    padding: 6px 9px;
    text-align: center;
    display: none;
}

header .main-v {
    width: 100%;
    height: auto;
}

header nav {
    padding: 5% 0 3% 0;
    border-bottom: solid 3px #a0a0a0;
}

header nav ul {
    list-style-type: none;
    width: 100%;
    margin: 0 auto;
}

header nav ul li {
    box-sizing: border-box;
    float: left;
    width: 25%;
    border-left: solid 1px #a0a0a0;
}

header nav ul li.sp-top {
    border-bottom: solid 1px #a0a0a0;
}

header nav ul li.last {
    border-right: solid 1px #a0a0a0;
}

header nav ul li.last p {
    display: block;
    line-height: 13vw;
}

header nav ul li.first {
    border-left: none;
}

header nav ul li.sp-nav {
    border: none;
}

header nav ul li p {
    display: table-cell;
    color: #5b5a5a;
    font-weight: bold;
    text-align: center;
    font-size: 3vw;
    line-height: 3.3vw;
    height: 12vw;
    vertical-align: middle;
}

header nav ul li.camp p {
    line-height: 3vw;
}

header nav ul li.wifi p {
    line-height: 3.3vw;
}

header nav ul li:hover {}

header .uq {
    margin: 10% 0 13% 0;
    text-align: center;
}

header .uq img {
    width: 90%;
}

header .uq p {
    width: 90%;
    margin: 5% auto 0 auto;
    font-size: 2vw;
    text-align: center;
}

#line-up {
    background: #d5e4ee;
}

#line-up .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 7% 0 7.2% 0;
}

#line-up .title h2 p.small {
    font-size: 5vw;
    font-weight: normal;
    padding: 0 0 5% 0;
}

#line-up .title h2 p.large {
    font-size: 9vw;
    font-weight: bolder;
}

#line-up .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#line-up .subtitle h3 {
    font-size: 4vw;
    line-height: 5vw;
    margin: 0;
    padding: 7% 0 13% 0;
    text-align: center;
    color: #3d68e0;
}

#line-up .uq1 {
    margin: 10% 0 13% 0;
    text-align: center;
}

#line-up .uq1 img {
    width: 80%;
}

#line-up .uq1 p {
    font-size: 2vw;
    width: 90%;
    margin: 5% auto 0 auto;
    text-align: center;
}

#line-up .uq2 {
    padding: 10% 0 13% 0;
    text-align: center;
}

#line-up .uq2 img {
    width: 90%;
    height: auto;
}

#line-up .uq2 p {
    font-size: 2vw;
    width: 90%;
    margin: 5% auto 0 auto;
    text-align: center;
}

#line-up .table1 {
    width: 100%;
    margin: 0 auto;
    border-right: solid 2px #a0a0a0;
    border-bottom: solid 2px #a0a0a0;
    box-sizing: border-box;
}

#lien-up .table1 dl {}

#line-up .table1 dt {
    width: 100%;
    background: #fff;
    font-size: 5vw;
    border-top: solid 2px #a0a0a0;
    border-left: solid 2px #a0a0a0;
    border-bottom: solid 1px #a0a0a0;
    text-align: center;
    padding: 5% 0 4% 0;
    line-height: 7vw;
    box-sizing: border-box;
}

#line-up .table1 dt p span {
    vertical-align: 6%;
    font-size: 4.2vw;
}

#line-up .table1 dd {
    width: 100%;
    background: #fff;
    border-left: solid 2px #a0a0a0;
    border-bottom: solid 1px #a0a0a0;
    box-sizing: border-box;
}

#line-up .table1 dd .kudari {
    font-size: 4.7vw;
    padding: 6% 0 4% 0;
    color: #fa6104;
    text-align: center;
}

#line-up .table1 dd .kudari span {
    font-size: 4vw;
    vertical-align: 6%;
}

#line-up .table1 dd .name {
    font-size: 7vw;
    padding: 0 0 12px 0;
    color: #3d68e0;
    text-align: center;
}

#line-up .table1 dd .pict {
    font-size: 3vw;
    text-align: center;
}

#line-up .table1 dd .kisyu {
    margin: 10% auto 12% auto;
    display: block;
}

#line-up .table1 dd .label {
    margin: 0 auto;
    width: 80%;
}

#line-up .table1 dd .label img {
    width: 47%;
    text-align: center;
}

#line-up .table1 dd .label .fleft {
    margin: 0 5% 0 0;
}

#line-up .table1 dd .spec {
    margin: 8% 0 8.2% 0;
    font-size: 2vw;
}

#line-up .table1 dd .spec p {
    padding: 0 0 3% 0;
}

#line-up .table1 dd .spec p .left {
    width: 22%;
    text-align: right;
    display: inline-block;
    padding: 0 0.5% 0 0;
}

#line-up .table1 dd .price {
    background: #fee7df;
    padding: 1% 0 2% 0;
}

#line-up .table1 dd .price p {
    width: 95%;
    margin: 0 auto;
    padding: 2.2% 0 2% 0;
    border-bottom: 2px #fa6104 dashed;
}

#line-up .table1 dd .price p:last-child {
    border-bottom: none;
}

#line-up .table1 dd .price p .left {
    color: #fa6104;
    font-size: 4vw;
    float: left;
    padding: 3% 0 0 0;
}

#line-up .table1 dd .price p .right {
    font-size: 8vw;
    color: #fa6104;
    font-weight: bold;
    float: right;
}

#line-up .table1 dd .detail {
    width: 90%;
    margin: 0 auto 0.41% auto;
}

#line-up .table1 dd .detail img {
    margin: 7% auto 5% auto;
    width: 40%;
    height: auto;
    display: block;
}

#line-up .table1 dd .detail p.main {
    font-size: 3.3vw;
    line-height: 3.8vw;
    /*     -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
*/
    margin: 4% 0 4% 0;
}

#line-up .table1 dd .detail p.sub {
    font-size: 3.3vw;
    line-height: 3.8vw;
    /*     -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
*/
}

#line-up .table1 dd .detail p.sub span {
    font-size: 3.3vw;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

#line-up .table1 .fleft:last-child dt p {
    font-size: 4.7vw;
}

#line-up .table1 .fleft:last-child dd .kudari {
    font-size: 4.5vw;
    margin-bottom: 0.1%;
}

#line-up .table1 .fleft:last-child dd .spec p .left {
    width: 38%;
}

#line-up .table1 .fleft:last-child dd .price {
    padding: 9% 0;
}

#line-up .otoku .title {
    margin: 0 auto 8% auto;
    display: block;
    width: 100%;
}

#line-up .otoku dl {
    border-bottom: solid 1px #a0a0a0;
    box-sizing: border-box;
}

#line-up .otoku dl:last-child {
    border-bottom: none;
}

#line-up .otoku .table2 {
    border: solid 2px #a0a0a0;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#line-up .otoku dt {
    float: left;
    border-right: solid 1px #a0a0a0;
    background: #fff;
    font-size: 4vw;
    font-weight: normal;
    box-sizing: border-box;
    width: 35%;
}

#line-up .otoku dt p {
    text-align: center;
}

#line-up .otoku dd {
    background: #fff;
}

#line-up .otoku .box1 dt p {
    height: 30vw;
    line-height: 30vw;
    text-align: center;
    vertical-align: middle;
}

#line-up .otoku .box1 dd {
    height: 30vw;
    font-size: 3vw;
}

#line-up .otoku .box1 dd p {
    height: 30vw;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5% 0 5%;
    line-height: 4.4vw;
}

#line-up .otoku .box2 dt {
    height: 30vw;
}

#line-up .otoku .box2 dt p {
    height: 30vw;
    line-height: 30vw;
    text-align: center;
    vertical-align: middle;
}

#line-up .otoku .box2 dd {
    height: 30vw;
    font-size: 3vw;
}

#line-up .otoku .box2 dd article {
    height: 30vw;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 5vw;
    width: 50%;
}

#line-up .otoku .box2 dd span {
    color: #ff0000;
    font-size: 5.4vw;
}

#line-up .otoku .box2 dd p {
    height: 30vw;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5% 0 5%;
    line-height: 4.4vw;
}

#line-up .otoku .box3 dt {
    height: 66vw;
}

#line-up .otoku .box3 dt p {
    height: 66vw;
    line-height: 66vw;
    text-align: center;
    vertical-align: middle;
}

#line-up .otoku .box3 dd {
    height: 66vw;
    font-size: 3vw;
}

#line-up .otoku .box3 dd p {
    height: 66vw;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5% 0 5%;
    line-height: 4.4vw;
}

#line-up .otoku .box4 dt {
    height: 45vw;
}

#line-up .otoku .box4 dt p {
    height: 45vw;
    line-height: 45vw;
    text-align: center;
    vertical-align: middle;
}

#line-up .otoku .box4 dd {
    height: 45vw;
    font-size: 3vw;
}

#line-up .otoku .box4 dd p {
    height: 45vw;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5% 0 5%;
    line-height: 4.4vw;
}

#point .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 33px 0 36px 0;
}

#point .title h2 p.small {
    font-size: 4.6vw;
    font-weight: normal;
    padding: 0 0 5% 0;
}

#point .title h2 p.large {
    font-size: 8vw;
    font-weight: bolder;
    color: #fefb01;
    display: inline-block;
    position: relative;
    padding: 0 0 0 18%;
}

#point .title h2 p.large span {
    font-weight: bold;
    position: absolute;
    top: -3.5vw;
    left: 0px;
    color: #3d68e0;
    background: #fefb01;
    width: 16%;
    height: 15vw;
    line-height: 15.5vw;
    font-size: 12.5vw;
    display: inline-block;
    border-radius: 10vw;
    margin: 0 0 0 1%;
}

#point .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#point .reason {
    position: relative;
}

#point .reason .reason-bg {
    position: absolute;
    top: -8vw;
    z-index: -1;
    width: 100%;
    height: 102.55%;
}

#point .reason .box1 {
    padding: 7% 0 8% 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}

#point .reason .box1 img {
    margin: 0 auto;
    width: 80%;
    height: auto;
    padding: 5% 0;
}

#point .reason .box2 {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 10% 0;
}

#point .reason .box2 .fleft {
    font-size: 3vw;
    line-height: 3.4vw;
}

#point .reason .box2 .fright {
    font-size: 3vw;
    line-height: 3.4vw;
    width: 91%;
}

#point .dakara .trai {
    margin: 0 auto;
    display: block;
    padding: 0 0 5% 0;
    width: 33%;
}

#point .dakara .subtitle {
    width: 33%;
    margin: 0 auto;
    display: block;
    padding: 0 0 7% 0;
}

#point .no1 {
    position: relative;
    width: 100%;
}

#point .no1 img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

#point .no1 .ab {
    text-align: center;
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 3vw;
    width: 70%;
}

#point .no1 .kome {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0 0 0;
    font-size: 2vw;
}

#point .uq {
    margin: 10% 0 15% 0;
    text-align: center;
}

#point .uq img {
    width: 90%;
}

#point .uq p {
    width: 90%;
    font-size: 2vw;
    margin: 5% auto 0 auto;
    text-align: center;
}

#plan {
    background: #d5e4ee;
}

#plan .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 7% 0 7.2% 0;
}

#plan .title h2 p.small {
    font-size: 4vw;
    font-weight: normal;
    padding: 0 0 5% 0;
}

#plan .title h2 p.large {
    font-size: 5.4vw;
    font-weight: bolder;
}

#plan .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#plan .subtitle h3 {
    font-size: 6vw;
    margin: 0;
    padding: 10% 0 13% 0;
    text-align: center;
    color: #fa6104;
}

#plan .subtitle h3 span {
    padding: 2vw 0 0 0;
    font-size: 10vw;
}

#plan .subtitle p {
    font-size: 4vw;
    text-align: center;
    color: #4199d6;
    margin: 0 auto;
    padding: 0 0 14% 0;
    width: 92%;
}

#plan .tappuri {
    padding: 0 0 10% 0;
}

#plan .tappuri .main1 {
    width: 100%;
    margin: 0 auto;
    display: block;
}

#plan .tappuri .main2 {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-left: solid 1px #4199d6;
    border-right: solid 1px #4199d6;
    box-sizing: border-box;
}

#plan .tappuri .box {
    box-sizing: border-box;
    padding: 5% 0 0 0;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #4199d6;
    border-left: solid 1px #4199d6;
    border-right: solid 1px #4199d6;
}

#plan .tappuri .one {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

#plan .tappuri .one .fleft {
    display: inline-block;
    width: 10%;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .one .fright {
    display: inline-block;
    width: 88%;
    float: left;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .two {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

#plan .tappuri .two .fleft {
    display: inline-block;
    width: 10%;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .two .fright {
    display: inline-block;
    width: 88%;
    float: left;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .three {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

#plan .tappuri .three .fleft {
    display: inline-block;
    width: 10%;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .three .fright {
    display: inline-block;
    width: 88%;
    float: left;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .four {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

#plan .tappuri .four .fleft {
    display: inline-block;
    width: 10%;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .four .fright {
    display: inline-block;
    width: 88%;
    float: left;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .tappuri .kuwasiku {
    margin: 0 auto;
    width: 100%;
    padding: 2% 0 7% 0;
    text-align: center;
}

#plan .tappuri .kuwasiku img {
    margin: 0 auto;
    width: 80%;
    height: auto;
    text-align: center;
}

#plan .minaosi {
    width: 75%;
    margin: 0 auto;
    display: block;
    padding: 0 0 13% 0;
}

#plan .osaeru {}

#plan .osaeru .main1 {
    width: 100%;
    margin: 0 auto;
    display: block;
}

#plan .osaeru .main2 {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-left: solid 1px #4199d6;
    border-right: solid 1px #4199d6;
    box-sizing: border-box;
}

#plan .osaeru .box {
    box-sizing: border-box;
    padding: 5% 0 0 0;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #4199d6;
    border-left: solid 1px #4199d6;
    border-right: solid 1px #4199d6;
}

#plan .osaeru .one {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

#plan .osaeru .one .fleft {
    display: inline-block;
    width: 10%;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .osaeru .one .fright {
    display: inline-block;
    width: 88%;
    float: left;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .osaeru .two {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

#plan .osaeru .two .fleft {
    display: inline-block;
    width: 10%;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .osaeru .two .fright {
    display: inline-block;
    width: 88%;
    float: left;
    font-size: 3vw;
    line-height: 3.5vw;
}

#plan .osaeru .kuwasiku {
    margin: 0 auto;
    width: 100%;
    padding: 2% 0 7% 0;
    text-align: center;
}

#plan .osaeru .kuwasiku img {
    margin: 0 auto;
    width: 80%;
    height: auto;
    text-align: center;
}

#plan .uq {
    padding: 10% 0 13% 0;
    text-align: center;
}

#plan .uq img {
    width: 80%;
}

#plan .uq p {
    font-size: 2vw;
    width: 90%;
    margin: 5% auto 0 auto;
    text-align: center;
}

#kanou {
    background: #e1f1f7;
}

#kanou .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 7% 0 7.2% 0;
}

#kanou .title h2 p.small {
    font-size: 5vw;
    padding: 0 0 5% 0;
    font-weight: normal;
}

#kanou .title h2 p.large {
    font-size: 9vw;
    font-weight: bolder;
}

#kanou .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#kanou .subtitle {
    width: 100%;
    margin: 0 auto;
}

#kanou .subtitle h3 {
    width: 80%;
    font-size: 4.7vw;
    line-height: 6vw;
    margin: 0 auto;
    padding: 10% 0 11% 0;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    z-index: 2;
}

#kanou .subtitle h3 span.line {
    color: #3d68e0;
    padding-bottom: 0.5%;
    background: -webkit-linear-gradient(transparent 60%, #ebe773 0%);
    background: -o-linear-gradient(transparent 60%, #ebe773 0%);
    background: linear-gradient(transparent 60%, #ebe773 0%);
}

#kanou .subtitle h3 span.kome2 {
    font-size: 3vw;
    vertical-align: super
}

#kanou .subtitle h3 span.kome3 {
    font-size: 3vw;
    vertical-align: super
}

#kanou .table3 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#kanou .table3 dl {
    width: 100%;
}

#kanou .table3 dt {}

#kanou .table3 dd {
    background: #fff;
    font-size: 3vw;
    line-height: 5vw;
    padding: 4%;
    border-top: solid 1px #3d68e0;
    border-left: solid 1px #3d68e0;
    border-right: solid 1px #3d68e0;
    border-bottom: solid 1px #3d68e0;
}

#kanou .table3 dd p.fleft {
    width: 10%;
    margin: 0;
    padding: 0 3% 0 0;
}

#kanou .table3 dd p.fright {
    width: 87%;
    margin: 0;
    padding: 0;
}

#kanou .table3 dd .clearfix {
    margin: 0 0 6% 0;
}

#kanou .table3 dd .clearfix:last-child {
    margin: 0 0 0px 0;
}

#kanou .table3 dd {}

#kanou .table3 dd {}

#kanou .table3 p {
    font-size: 3vw;
    padding: 8% 0 10% 0;
}

#kanou .table3 img {
    width: 90%;
    padding: 5% 0;
    margin: 0 auto;
    display: block;
}

#kanou .uq {
    padding: 10% 0 10% 0;
    text-align: center;
}

#kanou .uq img {
    width: 80%;
}

#area {
    background: #d5e4ee;
}

#area .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 7% 0 7.2% 0;
}

#area .title h2 p.large {
    font-size: 6vw;
    line-height: 8vw;
    font-weight: bolder;
}

#area .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#area .subtitle {
    width: 100%;
    margin: 0 auto;
}

#area .subtitle h3 {
    width: 80%;
    font-size: 4.7vw;
    line-height: 7vw;
    margin: 0 auto;
    padding: 10% 0 11% 0;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    z-index: 2;
    color: #3d68e0;
}

#area .subtitle h3 span {
    width: 36vw;
    height: 4vw;
    position: absolute;
    background: #ebe773;
    z-index: -1;
    top: 48%;
    left: 0.5%;
}

#area .table3 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#area .table3 dl {
    width: 90%;
    margin: 0 auto;
}

#area .table3 dt {
    font-size: 6vw;
    background: #3d68e0;
    color: #fff;
    text-align: center;
    padding: 2.3% 0;
    border-bottom: solid 2px #6486e6;
    line-height: 6vw;
}

#area .table3 dt span {
    font-size: 3vw;
    line-height: 6vw;
    vertical-align: super;
    padding: 0 0 0 1%;
}

#area .table3 dd {
    background: #fff;
    font-size: 3.4vw;
    line-height: 5vw;
    padding: 4% 6%;
    border-left: solid 1px #3d68e0;
    border-right: solid 1px #3d68e0;
    border-bottom: solid 1px #3d68e0;
}

#area .table3 p {
    font-size: 3vw;
    padding: 5% 0 9% 0;
    width: 85%;
    margin: 0 auto;
}

#area .table3 img {
    width: 90%;
    padding: 5% 0;
    margin: 0 auto;
    display: block;
}

#wifi {
    background: #e1f1f7;
}

#wifi .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 7% 0 7.2% 0;
}

#wifi .title h2 p.small {
    font-size: 5vw;
    padding: 0 0 3% 0;
    font-weight: normal;
}

#wifi .title h2 p.large {
    font-size: 6.2vw;
    font-weight: bolder;
}

#wifi .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#wifi img.sub {
    width: 90%;
    padding: 5% 0 4% 0;
    margin: 0 auto;
    display: block;
}

#wifi img.rental {
    width: 98%;
    padding: 0px 0 4% 0;
    margin: 0 auto;
    display: block;
}

#wifi img.keiyakumae {
    width: 60%;
    padding: 0px 0 0.4% 0;
    margin: 0 auto;
    display: block;
}

#wifi .uq {
    padding: 0 0 13% 0;
    text-align: center;
}

#wifi .uq img {
    width: 80%;
}

#cont {
    background: #d5e4ee;
    padding: 0 0 20% 0;
}

#cont .title h2 {
    color: #fff;
    text-align: center;
    background: #3d68e0;
    padding: 7% 0 7.2% 0;
}

#cont .title h2 p.large {
    font-size: 6vw;
    font-weight: bolder;
}

#cont .title .trai p {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21.5px 0 21.5px;
    border-color: #3d68e0 transparent transparent transparent;
}

#cont .sub-title {
    padding: 5% 0 4% 0;
    width: 90%;
    margin: 0 auto;
}

#cont .sub-title p {
    font-size: 3.4vw;
    text-align: center;
    padding-bottom: 3%;
}

#cont .sub-title span {
    font-size: 3vw;
}

#cont img.hikari1{
    padding: 10%;
    max-width: 45vh;
}

#cont img.hikari2{
    padding: 10%;
    max-width: 45vh;
}

#otoi {
    font-size: 3vw;
    border: solid 1px #000;
    background: #fff;
    width: 98%;
    margin: 0 auto;
    padding: 4% 0 4% 12%;
    box-sizing: border-box;
}

#otoi .clearfix {
    padding: 0 0 2% 0;
}

#otoi .fleft {
    width: 23%;
    text-align: right;
}

#otoi .fleft p {
    line-height: 3vw;
    padding: 7% 0;
}

#otoi .fright {
    width: 75%;
}

#otoi .fright input {
    font-size: 3vw;
    padding: 1% 0;
}

#otoi .fright p {}

#otoi .name input {
    width: 30%;
}

#otoi .tel3 input {
    width: 17%;
    margin: 0 2.3% 0 0;
}

#otoi .tel3 input:last-child {
    width: 22%;
    margin: 0;
}

#otoi .mail input {
    width: 73%;
}

#otoi .mail-kaku .fleft p {
    line-height: 3vw;
    padding: 0;
}

#otoi .mail-kaku .fleft span {
    font-size: 3vw;
    line-height: 3.2vw;
    vertical-align: sub;
    display: inline-block;
}

#otoi .mail-kaku input {
    width: 73%;
}

#otoi .sex .fleft p {
    padding: 3% 0;
}

#otoi .sex .fright p {
    line-height: 3vw;
    vertical-align: middle;
}

#otoi .sex .fright input {
    line-height: 3vw;
    vertical-align: middle;
    margin: 0 4% 0 1%;
}

#otoi .sex .fright input:last-child {
    margin: 0 4% 0 8%;
}

#otoi .addr2 .fleft p {
    line-height: 3vw;
}

#otoi .addr2 .fleft span {
    font-size: 3vw;
    line-height: 3.2vw;
    vertical-align: sub;
    display: inline-block;
}

#otoi .addr2 input {
    width: 29.7%;
}

#otoi .addr2 input:last-child {
    margin: 0 0 0 0;
}

#otoi .banti input {
    width: 624px;
}


/*todou*/

#otoi .todou .fright p {}

#otoi .todou select {
    width: 17%;
    margin: 0;
    height: 6vw;
    padding: 0 0 0 3%;
    line-height: 3vw;
    font-size: 3vw;
    color: #292929;
    text-shadow: 0 1px white;
    background: #fff;
    border-radius: 4px;
    -webkit-appearance: none;
    background: url(images/ya.jpg) no-repeat 85% center;
    background-size: 20%;
}

#otoi .banti input {
    width: 73%;
}

#otoi .bill input {
    width: 73%;
}

#otoi .symd input {
    width: 30%;
}

#otoi .symd select {
    margin: 0;
    height: 6vw;
    padding: 0 5% 0 2%;
    line-height: 6vw;
    font-size: 3vw;
    color: #292929;
    text-shadow: 0 1px white;
    background: #fff;
    border-radius: 4px;
    -webkit-appearance: none;
    background: url(images/ya.jpg) no-repeat 75% center;
    vertical-align: bottom;
    background-size: 20%;
}

#otoi .textarea p {
    font-size: 3.5vw;
    line-height: 3.5vw;
}

#otoi .textarea textarea {
    border: solid 1px #000;
    width: 73%;
    height: 10vw;
    font-size: 3vw;
    resize: none;
}

#otoi .submit {
    padding: 6% 16% 0 0;
}

#otoi .submit input {
    border: none;
}

#otoi .submit p {
    text-align: center;
}

input {
    border: solid 1px #292929;
}

select {
    border: solid 1px #292929;
}
.nav_line{
    height:15px;
    width:100%;  background:url(../../images/common/bg_03.png) repeat-x left top;
}