@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:  2010-09-17
Author:  Richard Clark - http: //richclarkdesign.com
Twitter:  @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Cantarell:wght@700&family=Oswald:wght@400;500;700&display=swap");

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    -webkit-text-size-adjust: 100%;
}

html {
    overflow-y: scroll;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #000;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

main {
    display: block;
}

img {
    vertical-align: bottom;
    max-width: 100%;
}

img[src$=".svg"] {
    display: block;
    width: 100%;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* FONT
***************************************************************/



/* 会社概要リンクリスト
***************************************************************/
.companyMenuBox {
    padding-top: 74px;
}

.companyMenuList {
    width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.companyMenuList li {
    width: calc(100% / 6);
}

.companyMenuList li a {
    display: block;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
}

.companyMenuList li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 3px;
    background: #335167;
}

.companyMenuList li.ls0 a {
    letter-spacing: 0;
}




.p-home__sec3>div {
    position: relative;
    z-index: 10
}

.p-home__sec3 div {
    width: 1024px;
    margin: auto 0;

}


#navi_wrap {
    margin-top: 40px;
}

#navi_wrap ul {
    flex-wrap: wrap;
}

#navi_wrap ul li {
    width: 100%;
    height: 250px;
    display: inline-block;

    margin: 1%;
}

#navi_wrap ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none;

}

#navi_wrap ul li a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(51, 81, 103, 0.7);
    transition: 0.2s;
}

#navi_wrap ul li a::after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -7.5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}



*#navi_wrap ul li a:hover:after {
    animation: arrow .4s;
}

@keyframes arrow {
    50% {
        bottom: -.0.5em;
    }

    100% {
        bottom: .1em;
    }
}



#navi_wrap ul li a:hover::before {
    background-color: rgba(51, 81, 103, 0.3);
}

#navi_wrap ul li a:hover::after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#navi_wrap ul li a:hover h1 {
    color: #fff;
}

#navi_wrap ul li a:hover h1 span::before {
    background-color: #fff;
}








#navi_wrap ul li.navi_wrap01 a {
    background: url(/modeltokusyu2/files/img/akashi_img_251001.jpg) no-repeat center center;
    background-size: cover;
}

#navi_wrap ul li.navi_wrap02 a {
    background: url(/modeltokusyu2/files/img/kakogawa_img_251001.jpg) no-repeat center center;
    background-size: cover;
}

#navi_wrap ul li.navi_wrap03 a {
    background: url(/modeltokusyu2/files/img/himeji_img_251001.jpg) no-repeat center center;
    background-size: cover;
}

#navi_wrap ul li.navi_wrap04 a {
    background: url(https://net-hoken.net/homenew/kaNoa/assets/img/plan_price_bnr.jpg) no-repeat center center;
    background-size: cover;
}


#navi_wrap ul li a h1 {
    font-size: 18px;
    line-height: 2em;
    font-weight: normal;
    font-family: 'Gadugi', 'Arial', 'AcademyEngravedLetPlain', sans-serif;
    margin-top: 20px;
    text-align: center;
    color: #fff;
    z-index: 0;
}

#navi_wrap ul li a h1 span {
    font-size: 32px;

    line-height: 1em;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif;
    display: block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 3%;
}

#navi_wrap ul li a h1 span::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 45%;
    margin-left: -15px;

}

#navi_wrap ul li a h1 span2 {
    font-size: 20px;
    display: block;
    position: absolute;
    top: 140px;
    left: 220px;

}




@media all and (min-width: 681px) {
    .companyMenuList li.act a::before {
        width: 100%;
    }

    .companyMenuList li a::before {
        -webkit-transition: right 0.3s, left 0.3s, width 0.3s;
        transition: right 0.3s, left 0.3s, width 0.3s;
    }

    .companyMenuList li a:hover::before {
        right: auto;
        left: 0;
        width: 100%;
    }


}

@media all and (max-width: 680px) {
    .companyMenuBox {
        padding-top: 0;
    }

    .companyMenuList {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 1px solid #DEDEDE;
    }

    .companyMenuList li {
        width: calc(100% / 2);
        height: 50px;
        border-bottom: 1px solid #DEDEDE;
    }

    .companyMenuList li:nth-child(odd) {
        border-right: 1px solid #DEDEDE;
    }

    .companyMenuList li.act {
        background: #335167;
    }

    .companyMenuList li.act a {
        color: #fff;
    }

    .companyMenuList li.act a::before {
        content: none;
    }

    .companyMenuList li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        font-size: 14px;
        line-height: 1.3;
        padding-bottom: 0;
    }

    .companyMenuList li a::before {
        content: '';
        position: absolute;
        bottom: auto;
        right: 7px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 7px;
        height: 7px;
        background: none;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }


    .p-home__sec3 div {
        width: 100%;
        margin: auto 0;

    }



    #navi_wrap {
        margin-top: 40px;
        width: 100%
    }

    #navi_wrap ul {
        flex-wrap: wrap;
    }

    #navi_wrap ul li {
        width: 100%;
        height: 215px;
        display: inline-block;

        margin: 1% auto;
    }

    #navi_wrap ul li a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 1% auto;
        text-decoration: none;


    }

    #navi_wrap ul li a::before {
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba(51, 81, 103, 0.7);
        transition: 0.2s;
    }

    #navi_wrap ul li a::after {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 15px;
        height: 15px;
        margin-left: -7.5px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);

    }



    *#navi_wrap ul li a:hover:after {
        animation: arrow .4s;
    }

    @keyframes arrow {
        50% {
            bottom: -.0.5em;
        }

        100% {
            bottom: .1em;
        }
    }



    #navi_wrap ul li a:hover::before {
        background-color: rgba(51, 81, 103, 0.3);
    }

    #navi_wrap ul li a:hover::after {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    #navi_wrap ul li a:hover h1 {
        color: #fff;
    }

    #navi_wrap ul li a:hover h1 span::before {
        background-color: #fff;
    }








    #navi_wrap ul li.navi_wrap01 a {
        background: url(/modeltokusyu2/files/img/kakogawa_img.jpg) no-repeat center center;
        background-size: cover;
    }

    #navi_wrap ul li.navi_wrap02 a {
        background: url(/modeltokusyu2/files/img/akashi_img.jpg) no-repeat center center;
        background-size: cover;
    }

    #navi_wrap ul li.navi_wrap03 a {
        background: url(https://net-hoken.net/homenew/kaNoa/assets/img/seinou.jpg) no-repeat center center;
        background-size: cover;
    }

    #navi_wrap ul li.navi_wrap04 a {
        background: url(https://net-hoken.net/homenew/kaNoa/assets/img/plan_price_bnr.jpg) no-repeat center center;
        background-size: cover;
    }


    #navi_wrap ul li a h1 {
        font-size: 13px;
        line-height: 1.5em;
        font-weight: normal;
        margin-top: 50px;
        text-align: center;
        color: #fff;
        z-index: 0;
    }

    #navi_wrap ul li a h1 span {
        font-size: 22px;
        line-height: 1em;
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif;
        display: block;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    #navi_wrap ul li a h1 span::before {
        content: "";
        position: absolute;
        width: 60px;
        height: 1px;
        background-color: #fff;
        bottom: 0;
        left: 45%;
        margin-left: -15px;

    }

    #navi_wrap ul li a h1 span2 {
        font-size: 17px;
        display: block;
        position: absolute;
        top: 62%;
        left: 47%;

    }


















}

/* 会社概要リンクリスト
***************************************************************/



/* 共通タイトル
***************************************************************/
.profileTitle {
    font-size: 25px;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: #335167;
    text-align: center;
    margin-bottom: 1%;
    border-bottom: 1px solid #ccc;
}

.profileTitle span {
    display: inline-block;
    padding-bottom: 19px;
    position: relative;
}

.profileTitle span::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #335167;
}

.profileTitle span2 {
    font-size: 150%;
}

.kome {
    font-size: 12px !important;
    text-align: right !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.kome2 {
    font-size: 14px !important;
    text-align: left !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.kome3 {
    font-size: 12px !important;
    text-align: left !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

@media all and (max-width: 680px) {
    .profileTitle {
        font-size: 18px;
        letter-spacing: 0;
        margin-bottom: 20px;
        border-bottom: 2px solid #ccc;
    }

    .profileTitle span {
        padding-bottom: 15px;
    }

    .profileTitle span::before {
        height: 2px;
    }

    .kome {
        font-size: 11px !important;
    }

    .kome2 {
        font-size: 12px !important;
    }

    .kome3 {
        font-size: 12px !important;
    }

}

/* 共通タイトル
***************************************************************/




/* mv
***************************************************************/
.mv img {
    width: 100%;
}

.mv .inner {
    width: 1000px;
    margin: auto;
}

.video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.video-wrapper video {
    max-width: 100%;
    height: auto;
    display: block;
}


.stage {
    position: relative;
    width: 800px;
    max-width: 95vw;
    aspect-ratio: 16/9;
    margin: auto;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: #000;
}

.slide {
    position: absolute;
    inset: 0;
    display: block;
    will-change: transform, opacity;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 入ってくる側（enter-*） */
@keyframes enter-right {
    from {
        transform: translate3d(30%, 0, 0);
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes enter-left {
    from {
        transform: translate3d(-30%, 0, 0);
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes enter-bottom {
    from {
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes enter-top {
    from {
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }

    to {
        transform: none;
        opacity: 1
    }
}

/* 退場する側（exit-*）: 少しだけ逆方向に滑らせて薄くする */
@keyframes exit-right {
    from {
        transform: none;
        opacity: 1
    }

    to {
        transform: translate3d(-10%, 0, 0);
        opacity: 0
    }
}

@keyframes exit-left {
    from {
        transform: none;
        opacity: 1
    }

    to {
        transform: translate3d(10%, 0, 0);
        opacity: 0
    }
}

@keyframes exit-bottom {
    from {
        transform: none;
        opacity: 1
    }

    to {
        transform: translate3d(0, -10%, 0);
        opacity: 0
    }
}

@keyframes exit-top {
    from {
        transform: none;
        opacity: 1
    }

    to {
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }
}

.in-from-right {
    animation: enter-right .55s cubic-bezier(.22, .61, .36, 1) both
}

.in-from-left {
    animation: enter-left .55s cubic-bezier(.22, .61, .36, 1) both
}

.in-from-bottom {
    animation: enter-bottom.55s cubic-bezier(.22, .61, .36, 1) both
}

.in-from-top {
    animation: enter-top .55s cubic-bezier(.22, .61, .36, 1) both
}

.out-to-right {
    animation: exit-right .55s cubic-bezier(.22, .61, .36, 1) both
}

.out-to-left {
    animation: exit-left .55s cubic-bezier(.22, .61, .36, 1) both
}

.out-to-bottom {
    animation: exit-bottom .55s cubic-bezier(.22, .61, .36, 1) both
}

.out-to-top {
    animation: exit-top .55s cubic-bezier(.22, .61, .36, 1) both
}

/* ドットナビ（任意） */
.dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 0 10px;
    pointer-events: none;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #ffffffaa;
    box-shadow: 0 0 0 1px #0002 inset;
    transform: scale(.9);
}

.dot.is-active {
    background: #fff;
    transform: scale(1)
}

/* アニメ軽減：フェードのみ */
@media (prefers-reduced-motion: reduce) {

    .in-from-right,
    .in-from-left,
    .in-from-bottom,
    .in-from-top,
    .out-to-right,
    .out-to-left,
    .out-to-bottom,
    .out-to-top {
        animation: none !important;
    }

    .slide {
        transition: opacity .3s linear
    }
}
















@import url("https://fonts.googleapis.com/css?family=Muli");

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



.container {
    position: absolute;
    width: 70rem;
    height: 5rem;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
}

/*.text {
  color: #fff;
 font-size: 5.8rem;
   font-family: "M PLUS 2", sans-serif;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  bottom: 0;
  -webkit-animation: text 1050ms ease-in infinite;
          animation: text 1050ms ease-in infinite;
   /* animation-iteration-count:3;*/
transform: translatez(0);
}

*/ .text-w {
    left: 0rem;
    font-size: 3rem;
    transform: translate3d(0, -10rem, 0);
    -webkit-animation: text-w 1500ms ease-in infinite;
    animation: text-w 1500ms ease-in infinite;
    /* animation-iteration-count:3;  */

}

.text-h {
    left: 15rem;
    font-size: 5.8rem;
    color: #ffff00;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}

.text-v {
    left: 22rem;
    font-size: 5.8rem;
    color: #ffff00;
    -webkit-animation-delay: 230ms;
    animation-delay: 230ms;
}

.text-e {
    left: 29rem;
    font-size: 5.8rem;
    color: #ffff00;
    -webkit-animation-delay: 310ms;
    animation-delay: 310ms;
}

.text-m {
    left: 36rem;
    font-size: 5.8rem;
    color: #ffff00;
    -webkit-animation-delay: 390ms;
    animation-delay: 390ms;
}

.text-o {
    left: 43rem;
    font-size: 5.8rem;
    color: #ffff00;
    -webkit-animation-delay: 470ms;
    animation-delay: 470ms;
}

.text-d {
    left: 50rem;
    font-size: 5.8rem;
    color: #ffff00;
    -webkit-animation-delay: 550ms;
    animation-delay: 550ms;
}


.coast {
    position: absolute;
    left: 1.3rem;
    bottom: 1.7rem;
    width: 9.2rem;
    height: 2.2rem;
    display: inline-block;
    -webkit-animation: coast 3500ms linear infinite;
    animation: coast 3500ms linear infinite;
    /* animation-iteration-count:1; */
    transform: translateZ(0);
}

.wave-rel-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 3rem;
    perspective-origin: 0%, 50%;
}

.wave {
    position: absolute;
    width: 10rem;
    height: 2.2rem;
    border-radius: 1.1rem;
    background: radial-gradient(ellipse at center, #74f1fc 0%, #32e6ff 73%, #15c7fa 100%);
    display: inline-block;
    -webkit-animation: wave 3500ms linear infinite;
    animation: wave 3500ms linear infinite;
    /* animation-iteration-count:1;*/
    will-change: width;
    transform: translateZ(0) scale(0);
}



.delay {
    -webkit-animation-delay: 1050ms;
    animation-delay: 1050ms;
}

@-webkit-keyframes text {
    0% {
        transform: translate3d(0, 0, 0);
    }

    30% {
        transform: translate3d(0, 0, 0);
    }

    45% {
        transform: translate3d(0, -4rem, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes text {
    0% {
        transform: translate3d(0, 0, 0);
    }

    30% {
        transform: translate3d(0, 0, 0);
    }

    45% {
        transform: translate3d(0, -4rem, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes text-w {
    0% {
        transform: translate3d(0, -4rem, 0);
    }

    38% {
        transform: translate3d(0, -4rem, 0);
    }

    69% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, -4rem, 0);
    }
}

@keyframes text-w {
    0% {
        transform: translate3d(0, -4rem, 0);
    }

    38% {
        transform: translate3d(0, -4rem, 0);
    }

    69% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, -4rem, 0);
    }
}

@-webkit-keyframes coast {
    0% {
        transform: translate3d(0, 0, 0);
    }

    23% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(50rem, 0, 0);
    }

    100% {
        transform: translate3d(50rem, 0, 0);
    }
}

@keyframes coast {
    0% {
        transform: translate3d(0, 0, 0);
    }

    23% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(50rem, 0, 0);
    }

    100% {
        transform: translate3d(50rem, 0, 0);
    }
}

@-webkit-keyframes wave {
    0% {
        transform: scale(0);
        width: 2.2rem;
    }

    10% {
        transform: scale(1);
    }

    23% {
        width: 2.2rem;
    }

    32% {
        width: 6.1rem;
    }

    42% {
        width: 5rem;
        transform: rotateY(0deg) scale(1, 1);
    }

    51% {
        transform: rotateY(90deg) scale(0.6, 0.2);
    }

    52% {
        transform: rotateY(90deg) scale(0);
    }

    100% {
        transform: rotateY(90deg) scale(0);
    }
}

@keyframes wave {
    0% {
        transform: scale(0);
        width: 2.2rem;
    }

    10% {
        transform: scale(1);
    }

    23% {
        width: 2.2rem;
    }

    32% {
        width: 6.1rem;
    }

    42% {
        width: 5rem;
        transform: rotateY(0deg) scale(1, 1);
    }

    51% {
        transform: rotateY(90deg) scale(0.6, 0.2);
    }

    52% {
        transform: rotateY(90deg) scale(0);
    }

    100% {
        transform: rotateY(90deg) scale(0);
    }
}


















@media all and (min-width: 681px) {}

@media all and (max-width: 680px) {

    .mv .inner {
        width: 94%;
        padding: 0 3% 0 3%;
    }

    .container {
        position: absolute;
        width: 100%;
        height: 7rem;
        left: 3%;
        top: 36%;
        transform: translate(-50%, -50%);
    }

    /*.text {
  color: #fff;
 font-size: 2rem;
   font-family: "M PLUS 2", sans-serif;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  -webkit-animation: text 1050ms ease-in infinite;
          animation: text 1050ms ease-in infinite;

  transform: translatez(0);
}

/*

.text-w {
  left: 12rem;
    top:-2.5rem;
    width:40%;
  font-size:1rem;
  transform: translate3d(0, -3rem, 0);
  -webkit-animation: text-w 1500ms ease-in infinite;
          animation: text-w 1500ms ease-in infinite;
 /* animation-iteration-count:3;  */

}

.text-h {
    left: 15rem;
    font-size: 2rem;
    color: #ffff00;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}

.text-v {
    left: 18rem;
    font-size: 2rem;
    color: #ffff00;
    -webkit-animation-delay: 230ms;
    animation-delay: 230ms;
}

.text-e {
    left: 21rem;
    font-size: 2rem;
    color: #ffff00;
    -webkit-animation-delay: 310ms;
    animation-delay: 310ms;
}

.text-m {
    left: 24rem;
    font-size: 2rem;
    color: #ffff00;
    -webkit-animation-delay: 390ms;
    animation-delay: 390ms;
}

.text-o {
    left: 27rem;
    font-size: 2rem;
    color: #ffff00;
    -webkit-animation-delay: 470ms;
    animation-delay: 470ms;
}

.text-d {
    left: 30rem;
    font-size: 2rem;
    color: #ffff00;
    -webkit-animation-delay: 550ms;
    animation-delay: 550ms;
}

.coast {
    position: absolute;
    left: 1.3rem;
    bottom: 1.7rem;

    width: 9.2rem;
    height: 3rem;
    display: inline-block;
    -webkit-animation: coast 3500ms linear infinite;
    animation: coast 3500ms linear infinite;
    /* animation-iteration-count:1; */
    transform: translateZ(0);
}

.wave-rel-wrap {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    perspective: 3rem;
    perspective-origin: 0%, 50%;
}

.wave {
    position: absolute;
    display: none;
    width: 100%;
    height: 1.5rem;
    border-radius: 1.1rem;
    background: radial-gradient(ellipse at center, #74f1fc 0%, #32e6ff 73%, #15c7fa 100%);
    display: inline-block;
    -webkit-animation: wave 3500ms linear infinite;
    animation: wave 3500ms linear infinite;
    /* animation-iteration-count:1;*/
    will-change: width;
    transform: translateZ(0) scale(0);
}

.delay {
    -webkit-animation-delay: 1050ms;
    animation-delay: 1050ms;
}

@-webkit-keyframes text {
    0% {
        transform: translate3d(0, 0, 0);
    }

    30% {
        transform: translate3d(0, 0, 0);
    }

    45% {
        transform: translate3d(0, -1rem, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes text {
    0% {
        transform: translate3d(0, 0, 0);
    }

    30% {
        transform: translate3d(0, 0, 0);
    }

    45% {
        transform: translate3d(0, -1rem, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes text-w {
    0% {
        transform: translate3d(0, -1rem, 0);
    }

    38% {
        transform: translate3d(0, -1rem, 0);
    }

    69% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, -1rem, 0);
    }
}

@keyframes text-w {
    0% {
        transform: translate3d(0, -1rem, 0);
    }

    38% {
        transform: translate3d(0, -1rem, 0);
    }

    69% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, -1rem, 0);
    }
}

@-webkit-keyframes coast {
    0% {
        transform: translate3d(0, 0, 0);
    }

    23% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(10rem, 0, 0);
    }

    100% {
        transform: translate3d(10rem, 0, 0);
    }
}

@keyframes coast {
    0% {
        transform: translate3d(0, 0, 0);
    }

    23% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(10rem, 0, 0);
    }

    100% {
        transform: translate3d(10rem, 0, 0);
    }
}

@-webkit-keyframes wave {
    0% {
        transform: scale(0);
        width: 2.2rem;
    }

    10% {
        transform: scale(1);
    }

    23% {
        width: 2.2rem;
    }

    32% {
        width: 6.1rem;
    }

    42% {
        width: 5rem;
        transform: rotateY(0deg) scale(1, 1);
    }

    51% {
        transform: rotateY(90deg) scale(0.6, 0.2);
    }

    52% {
        transform: rotateY(90deg) scale(0);
    }

    100% {
        transform: rotateY(90deg) scale(0);
    }
}

@keyframes wave {
    0% {
        transform: scale(0);
        width: 2.2rem;
    }

    10% {
        transform: scale(1);
    }

    23% {
        width: 2.2rem;
    }

    32% {
        width: 6.1rem;
    }

    42% {
        width: 5rem;
        transform: rotateY(0deg) scale(1, 1);
    }

    51% {
        transform: rotateY(90deg) scale(0.6, 0.2);
    }

    52% {
        transform: rotateY(90deg) scale(0);
    }

    100% {
        transform: rotateY(90deg) scale(0);
    }
}
























}

/* mv
***************************************************************/
#mv {
    padding-top: 140px;
}

.bgimg {
    background-image: url("../img/bg_img.png");
    /*background-size: cover;*/
    width: 100%;
    padding-top: 700px;
    /*height: 100%;*/
}

.bgimg2 {
    background: white;
    padding: 2%;
}

/* tochi
***************************************************************/
.tochi_bg {
    background: #F7F7F7;
}

.secTochi .bottomsen {
    border-bottom: 1px solid gray;
    padding-bottom: 5%;
}


.secTochi {
    font-family: '游明朝体';
    padding: 50px 0 20px;
    /*font-family: 'ＭＳ 明朝', 'MS Mincho',sans-serif;*/
}

.secTochi .inner {
    width: 1000px;
    margin: auto;
}


.secTochi h1 {
    font-size: 20px;
    margin-bottom: 2%;
    text-align: left;
}

.secTochi h4 {
    font-size: 16px;
    margin-bottom: 0.1%;
    padding: 1% 0 1.5% 0;
    color: #fff;
    background: #191970;
    text-align: center;
}

.secTochi .tochi_text {
    width: 100%;
    /* margin:2% auto;*/
}

.secTochi .tochi_text p {
    font-size: 110%;
    line-height: 2;
    text-align: center;
    margin: 0 auto 0 auto;
}

.secTochi .timebox {
    padding: 3% 0 2% 0;
    /*border-top: 2px solid #000;
    border-bottom: 2px solid #000;*/
    margin: 2% 0 8% 0;
    background: #ffffe0;
}

.secTochi .timebox .time_text p {
    font-size: 180%;
    line-height: 1.5;
    /* margin:5% auto 0 auto;  */
    text-align: center;
    font-weight: 550;

}

.secTochi .timebox .time_text2 p {
    font-size: 150%;
    line-height: 1;
    margin: 0 auto 2% auto;
    text-align: center;
}




.goldback {
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    padding: 1%;
    margin: 3% 0 4% 0;
}



.secTochi .schedule {
    width: 100%;
    background: #fff;
    /*padding: 1%;*/
    margin: 1% 0 1% 0;
    position: relative;
}

.secTochi .schedule h1 {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
    background: #ffffe0;
    color: red;
    padding: 2% 0 1% 0;
    border: 2px solid red;
}

.secTochi .schedule h2 {
    font-size: 220%;
    text-align: left;
    font-weight: 900;
    line-height: 1.2;
    margin: 2% 0 2% 0;
    color: red;
}

.secTochi .schedule h2 span {
    font-size: 150%;
}

.secTochi .schedule h2 span3 {
    color: black;
}

.secTochi .schedule h3 {
    position: absolute;
    font-size: 25px;
    font-weight: 600;
    background: #192f60;
    color: #fff;
    padding: 0.5% 2% 0.5% 2%;
    right: 20px;
    bottom: 120px;
}

.secTochi .schedule p {
    font-size: 100%;
    line-height: 1.5;
    text-align: left;
    font-weight: 500;
}



.secTochi .preview {
    width: 100%;
    margin: 1% 0 2% 0;
    display: inline-block;
    align-items: stretch;
}

.secTochi .preview .privilege {
    width: 31.1%;
    margin: 2% 0.8% 3% 0.8%;
    display: inline-block;
    vertical-align: top;
}


.secTochi .preview .privilege h1 {
    font-size: 110%;
    line-height: 1.5;
    margin-bottom: 1.5%;
    border-bottom: thin gray solid;
    background: #335167;
    padding: 2% 1% 1% 1%;
    color: #fff;
}

.secTochi .preview .privilege p {
    font-size: 95%;
    line-height: 1.5;
}

.secTochi .preview .privilege p span {
    font-size: 105%;
    font-weight: 600;
}

.secTochi .preview .privilege .text01 {
    font-size: 200%;
    line-height: 1.1;
    color: red;
    font-weight: 600;
}

.secTochi .preview .privilege .text01 span {
    font-size: 180%;
}

.secTochi .preview .privilege .text02 {
    font-size: 180%;
    line-height: 1;
    text-align: right;
    font-weight: 600;
}

.secTochi .preview .privilege img {
    width: 100%;
    margin-bottom: 1%;
}


.secTochi .text_up_down {
    width: 100%;
    margin: 0 0 6% 0;
}

.secTochi .text_up_down p {
    font-size: 300%;
    line-height: 2;
    font-weight: 600;
}


.secTochi .text_up_down .animated {
    animation: move-y .5s infinite alternate ease-in-out;
    /*display: inline-block;*/
    text-align: center;
}

@keyframes move-y {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(10px);
    }
}

.secTochi .text_money {
    width: 100%;
    margin: 0 0 5% 0;
}

.secTochi .text_money p {
    font-size: 300%;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    color: red;
    border-bottom: double 5px red;
}

.secTochi .text_money p span {
    font-size: 200%;
}





.secTochi .table1 {
    width: 1000px;
    margin-top: 1%;
    border: thin solid gray;
}

.secTochi .table1 tr {
    width: 100%;

}

.secTochi .table1 th {
    width: 0%;
    /*display: inline-block;
    margin-bottom: 1.5%;*/
    padding: 1%;
    border-right: thin solid gray;
    background: #f5f5f5;
    vertical-align: middle;
}

.secTochi .table1 td {
    width: 100%;
    /*margin: 0 3% 0 3%;
    display: inline-block;
    margin-bottom: 1.5%;*/
    padding: 2%;
}


.secTochi .table2 {
    width: 100%;
    margin-bottom: 1%;
    border-collapse: separate;
    border-spacing: 0px 10px;
}

.secTochi .table2 tr {
    width: 100%;

}

.secTochi .table2 th {
    width: 21%;
    /*display: inline-block;*/
    padding: 2%;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border-bottom: dotted thin gray;
    border-right: dotted thin gray;
    background: #fff;
}

.secTochi .table2 td {
    width: 75%;
    /* display: inline-block;*/
    padding: 2%;
    font-size: 14px;
    border-bottom: dotted thin gray;
}


.secTochi .leftside {
    float: left;
    width: 48%;
    margin: 0 1% 0 0;

}

.secTochi .rightside {
    float: right;
    width: 50%;
    margin: 0 0 0 1%;

}

.secTochi .leftside2 {
    width: 74%;
    float: left;
}

.secTochi .rightside2 {
    width: 26%;
    float: right;
}




.secTochi .tochiList {
    /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;*/

}

.secTochi .tochiList li {
    width: 100%;
    margin: 0 0 3% 0;
    display: inline-block;
}

.secTochi .tochiList li img {
    width: 100%;
}

.secBusiness .tochiList li p {
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.secTochi .tochiList2 li {
    width: 100%;
    margin: 0 0 3% 0;
    display: inline-block;
}

.secTochi .tochiList2 li img {
    width: 100%;
}

.secBusiness .tochiList2 li p {
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.secTochi .tochiList3 li {
    width: 49%;
    margin: 0 0 3% 0;
    display: inline-block;
}

.secTochi .tochiList3 li img {
    width: 100%;
}

.secBusiness .tochiList3 li p {
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.secTochi .tochiList4 li {
    width: 100%;
    margin: 0 0 2% 0;
    display: inline-block;
}

.secTochi .tochiList4 li img {
    width: 100%;
}

.secTochi .tochiList4 li p {
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
    border-bottom: thin gray dotted;
}


#lightbox {
    margin-top: 2%;
}

/*#lightbox .lb-container { padding: 3px; }*（lb-containerは白い枠線）*/


@media all and (min-width: 681px) {}

@media all and (max-width: 680px) {
    .secTochi {
        padding: 2% 0 2% 0;
    }

    .secTochi .inner {
        width: 94%;
        padding: 0 3% 0 3%;
    }

    .secTochi h1 {
        font-size: 16px;
        margin-bottom: 2%;
        text-align: left;
    }

    .secTochi h4 {
        font-size: 12px;
        margin-bottom: 2%;
    }

    .secTochi .tochi_text {
        width: 100%;
        margin: 0 auto 4% auto;
    }

    .secTochi .tochi_text p {
        font-size: 14px;
        line-height: 2;
    }

    .secTochi .timebox {
        padding: 2% 0 1% 0;
        margin: 5% 0 5% 0;
    }

    .secTochi .timebox .time_text {
        width: 100%;
    }

    .secTochi .timebox .time_text p {
        font-size: 110%;
        line-height: 1.5;
        text-align: center;
    }

    .secTochi .timebox .time_text2 p {
        font-size: 100%;
        line-height: 1.5;
        margin: 1% auto 2% auto;
        text-align: center;
    }

    .goldback {
        padding: 1% 2%;
        margin: 3% 0 4% 0;
    }



    .secTochi .schedule {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .secTochi .schedule h1 {
        font-size: 140%;
        text-align: center;
    }

    .secTochi .schedule h2 {
        font-size: 150%;
        text-align: center;
        margin: 2% 0 2% 0;
    }

    .secTochi .schedule h2 span {
        font-size: 160%;
    }

    .secTochi .schedule h2 span2 {
        font-size: 25px;
    }






    .secTochi .schedule h3 {
        font-size: 18px;
        right: 8px;
        bottom: 160px;
        padding: 1% 2% 1% 2%;
    }

    .secTochi .schedule p {
        font-size: 90%;
        line-height: 1.5;
        margin: 0 auto 2% auto;
        text-align: left;
        font-weight: 500;
    }





    .secTochi .preview {
        width: 98%;
        margin: 2% 1% 3% 1%;
        display: inline-block;
    }

    .secTochi .preview .privilege {
        width: 100%;
        margin: 2% 0 3% 0;
        display: inline-block;
    }

    .secTochi .preview .privilege h1 {
        font-size: 110%;
        line-height: 1.5;
        margin-bottom: 1.5%;
        border-bottom: thin gray solid;
    }

    .secTochi .preview .privilege p {
        font-size: 90%;
        line-height: 1.5;
    }

    .secTochi .preview .privilege p span {
        font-size: 120%;
    }

    .secTochi .preview .privilege .text01 {
        font-size: 190%;
        line-height: 1.1;
    }

    .secTochi .preview .privilege .text01 span {
        font-size: 220%;
    }

    .secTochi .preview .privilege .text02 {
        font-size: 180%;
        line-height: 1;
        text-align: right;

    }

    .secTochi .preview .privilege img {
        width: 100%;
        margin-bottom: 1%;
    }


    .secTochi .text_up_down {
        width: 100%;
        margin: 0 0 6% 0;
    }

    .secTochi .text_up_down p {
        font-size: 150%;

    }



    .secTochi .text_money {
        width: 100%;
        margin: 0 0 5% 0;
    }

    .secTochi .text_money p {
        font-size: 190%;
        text-align: center;
        line-height: 1.2;
    }

    .secTochi .text_money p span {
        font-size: 220%;
    }




    .secTochi .table1 {
        width: 100%;
        margin-top: 1%;
        border: thin solid gray;
        font-size: 14px;
    }

    .secTochi .table1 tr {
        width: 100%;

    }

    .secTochi .table1 th {
        width: 100%;
        display: inline-block;
        /*margin-bottom: 1.5%;*/
        padding: 2% 0 1% 2%;
        border-right: thin solid gray;
        vertical-align: middle;
        font-size: 16px;
    }

    .secTochi .table1 td {
        width: 100%;
        /*margin: 0 3% 0 3%;*/
        display: inline-block;
        /*margin-bottom: 1.5%;*/
        padding: 2%;
    }

    .secTochi .table2 {
        width: 100%;
        margin-bottom: 1%;
        border-collapse: separate;
        border-spacing: 0px 10px;
    }

    .secTochi .table2 tr {
        width: 100%;

    }

    .secTochi .table2 th {
        width: 100%;
        display: inline-block;
        padding: 1%;
        text-align: left;
        font-size: 13px;
        font-weight: 700;
        border-bottom: none;
        border-right: none;
    }

    .secTochi .table2 td {
        width: 100%;
        display: inline-block;
        padding: 2%;
        font-size: 13px;
        border-bottom: dotted thin gray;
    }







    .secTochi .leftside {
        float: center;
        width: 100%;
        margin: 0 0 2% 0;
    }

    .secTochi .rightside {
        float: center;
        width: 100%;
        margin: 0 0 2% 0;
    }


    .secTochi .leftside2 {
        float: center;
        width: 100%;
        margin: 0 0 2% 0;
    }

    .secTochi .rightside2 {
        float: center;
        width: 80%;
        margin: 0 10% 2% 10%;
    }



    .secTochi .tochiList li {
        width: 100%;
        margin: 2% auto 3% auto;
        display: inline-block;
    }

    .secTochi .tochiList li img {
        width: 100%;
    }

    .secTochi .tochiList li p {
        font-size: 14px;
    }


    .secTochi .tochiList2 li {
        width: 100%;
        margin: 0 0 3% 0;
        display: inline-block;
    }

    .secTochi .tochiList2 li img {
        width: 100%;
    }

    .secBusiness .tochiList2 li p {
        text-align: center;
        font-size: 14px;
        line-height: 2;
    }

    .secTochi .tochiList3 li {
        width: 49%;
        margin: 0 0 3% 0;
        display: inline-block;
    }

    .secTochi .tochiList3 li img {
        width: 100%;
    }


    .secTochi .tochiList4 li {
        width: 100%;
        margin: 0 0 3% 0;
        display: inline-block;
    }

    .secTochi .tochiList4 li p {
        text-align: left;
        font-size: 14px;
        line-height: 1.2;
        border-bottom: thin gray dotted;
        margin-bottom: 2%;
    }



}



/* tochi
***************************************************************/




/* model
***************************************************************/

.secModel .bottomsen {
    border-bottom: 1px solid gray;
    padding-bottom: 5%;
}


.secModel {
    /*font-family: '游明朝体';*/
    padding: 50px 0 20px;
    /*font-family: 'ＭＳ 明朝', 'MS Mincho',sans-serif;*/
}

.secModel .inner {
    width: 1100px;
    margin: auto;
}


.secModel h1 {
    font-size: 20px;
    margin-bottom: 2%;
    text-align: left;
}


.secModel .model_text {
    width: 100%;
    /* margin:2% auto;*/
}

.secModel .model_text p {
    font-size: 15px;
    line-height: 2;
    margin: 0 auto 0 auto;
}

.secModel .model_text2 p {
    font-size: 20px;
    line-height: 1.5;
    /* margin:5% auto 0 auto;  */
    font-weight: 600;
    text-align: center;
    font-weight: 700;
}

.secModel .model_text3 p {

    font-size: 120%;
    margin: 3% 0 1% 0;
    font-weight: 500;
    padding: 1em 1.5em 1em 0.5em;
    /*文字の上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: #f7f7f7;
    /*背景色*/
    border-left: solid 5px #335167;
    /*左線*/
    border-bottom: solid 3px #d7d7d7;
    /*下線*/
    display: inline-block;
}



.secModel .boxbox {
    align-items: stretch;
    display: flex;
}

.secModel .twin {
    width: 47%;
    margin: 2% 1.3% 3% 1.2%;
    padding: 1%;
    display: inline-block;
    border: thin gray solid;
}

.secModel .twin h1 {
    font-size: 120%;
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

.secModel .twin h2 {
    font-size: 100%;
    text-align: center;
    line-height: 1.5;
    margin: 1% 0 1% 0;
    background: #fafad2;

}


.secModel .twin p {
    font-size: 100%;
    line-height: 1.2;
    text-align: left;
}

.secModel .twin dl {
    width: 100%;
    margin: 1% 0 1% 0;
    line-height: 1.5;
    border-bottom: thin gray dotted;
}

.secModel .twin dt {
    width: 23%;
    margin: 0 1% 0 0;
    line-height: 1.5;
    background: #335167;
    color: white;
    font-size: 90%;
    text-align: center;
    display: inline-block;
}

.secModel .twin dd {
    width: 73%;
    line-height: 1.5;
    font-size: 90%;
    display: inline-block;
}

.secModel .twin dd span {
    font-size: 150%;
    color: red;

}

.secModel .twin .point {
    width: 47%;
    margin: 1% 1.1% 1.5% 1.1%;
    padding: 1%;
    display: inline-block;
    border: thin gray solid;
}

.secModel .twin .point p {
    font-size: 90%;
    text-align: center;
}





.secModel .twin2 {
    width: 32%;
    margin: 2% 0.5% 3% 0.5%;
    display: inline-block;
    /*border: thin gray solid;*/
    box-shadow: 0 0 8px gray;
    background: #fff;
    padding: 0.5% 0 0 0;
}

.secModel .twin2 .bun_name {
    /*display: flex;
    align-items: flex-end;*/
    margin-bottom: 1%;
    padding: 0.5% 1% 1% 1%;
}

.secModel .twin2 .leftside {
    width: 100%;
    margin: 0;
    /*float: left;*/
}

.attention {
    position: relative;
    display: inline-block;

}

.attention:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(25deg);
}

.secModel .twin2 .rightside {
    width: 100%;
    margin: 0;
    /*float: right;*/
}

.secModel .twin2 h1 {
    font-size: 80%;
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
    /*border-bottom: thin gray solid; */
}

.secModel .twin2 h1 span {
    font-size: 135%;
}

.secModel .twin2 h2 {
    font-size: 100%;
    text-align: center;
    line-height: 1.5;
    margin: 1% 0 1% 0;
    background: #fafad2;

}


.secModel .twin2 p {
    font-size: 95%;
    line-height: 1.2;
    text-align: center;
}

.secModel .twin2 dl {
    width: 100%;
    margin: 1% 0 0 0;
    line-height: 1.5;
    /*border-bottom:thin gray dotted;*/
    /*border-top:thin gray dotted;*/
    padding: 0.5% 0 1% 0;

}

.secModel .twin2 dt {
    width: 25%;
    margin: 0 2% 0 2%;
    line-height: 1;
    background: #383838;
    color: white;
    font-size: 80%;
    text-align: center;
    display: inline-block;
    padding: 1% 0 1.5% 0;
    vertical-align: bottom;
}

.secModel .twin2 dd {
    width: 69%;
    line-height: 1;
    font-size: 100%;
    display: inline-block;
    padding: 1% 0 1% 0;
    vertical-align: bottom;

}

.secModel .twin2 dd span {
    font-size: 150%;
}

.secModel .twin2 .modelshot {
    position: relative;
    margin: 0 0 1% 0;
}

.secModel .twin2 .modelshot .modelshot_name {
    position: absolute;
    left: 2%;
    bottom: 0;
    font-size: 100%;
    line-height: 1.5;
    font-weight: 500;
    padding: 0.5% 0 0.5% 0;
    border-top: 2px gray solid;
    border-bottom: 2px gray solid;
}

.secModel .twin2 .modelshot .modelshot_name_text {
    position: absolute;
    left: 2%;
    bottom: 22%;
    font-size: 80%;
    line-height: 1;
    font-weight: 500;
}


.slick-slide img {
    width: 98%;
    height: auto;
    margin: 0 1% 0 1%;
}








@media all and (min-width: 681px) {}

@media all and (max-width: 680px) {
    .secModel {
        padding: 2% 0 10% 0;
    }

    .secModel .inner {
        width: 94%;
        padding: 0 3% 0 3%;
    }

    .secModel h1 {
        font-size: 16px;
        margin-bottom: 2%;
        text-align: left;
    }

    .secModel .model_text {
        width: 100%;
        margin: 0 auto 4% auto;
    }

    .secModel .model_text p {
        font-size: 14px;
        line-height: 2;
    }

    .secModel .model_text2 {
        width: 100%;
    }

    .secModel .model_text2 p {
        font-size: 110%;
        line-height: 1.5;
        text-align: center;
    }

    .secModel .model_text3 p {
        width: 100%;
        font-size: 100%;
        line-height: 1.5;
        margin: 0 auto 5% auto;
        text-align: center;
        padding: 1.5% 0 1.5% 0;
    }

    .secModel .boxbox {
        align-items: stretch;
        display: block;
    }

    .secModel .twin {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .secModel .twin h1 {
        font-size: 110%;
        text-align: center;
    }

    .secModel .twin p {
        font-size: 90%;
        line-height: 1.5;
        margin: 0 auto 2% auto;
        text-align: center;
    }

    .secModel .twin dl {}

    .secModel .twin dt {
        font-size: 80%;
    }

    .secModel .twin dd {
        font-size: 80%;
    }

    .secModel .twin .point {
        width: 46.5%;
        margin: 1% 1.1% 1.5% 1.1%;
        padding: 2% 0 1% 0;
        display: inline-block;
        border: thin gray solid;
    }

    .secModel .twin .point p {
        font-size: 70%;
        text-align: center;
    }




    .secModel .twin2 {
        width: 100%;
        margin: 2% 0 2% 0;
    }

    .secModel .twin2 .bun_name {
        /*display: flex;*/
        align-items: flex-end;
        margin-bottom: 1%;
    }

    .secModel .twin2 .leftside {
        width: 44%;
        margin: 0 1% 1% 0;
        float: left;

    }

    .secModel .twin2 .rightside {
        width: 54%;
        margin: 0 1% 1% 0;
        float: right;
    }


    .secModel .twin2 h1 {
        font-size: 70%;
        text-align: center;
    }

    .secModel .twin2 h1 span {
        font-size: 130%;
    }

    .secModel .twin2 p {
        font-size: 80%;
        line-height: 1.5;
        margin: 0 auto 2% auto;
        text-align: center;
    }

    .secModel .twin2 dl {
        line-height: 1;
    }

    .secModel .twin2 dt {
        width: 40%;
        font-size: 75%;
        padding: 1.5% 0 2% 0;
        margin: 0;
    }

    .secModel .twin2 dd {
        font-size: 80%;
        width: 100%;
        padding: 0 0 0 0;
    }

    .secModel .twin2 .point {
        width: 46.5%;
        margin: 1% 1.1% 1.5% 1.1%;
        padding: 2% 0 1% 0;
        display: inline-block;
        border: thin gray solid;
    }

    .secModel .twin2 .point p {
        font-size: 70%;
        text-align: center;
    }


    .secModel .twin2 .modelshot {
        position: relative;
        margin: 0 0 1% 0;
    }

    .secModel .twin2 .modelshot .modelshot_name {
        position: relative;
        /*left: 2% ;
  bottom: 2%;*/
        font-size: 85%;
        line-height: 1.5;
        padding: 1% 0 1% 0;
    }

    .secModel .twin2 .modelshot .modelshot_name_text {
        position: relative;
        font-size: 75%;
        line-height: 1.1;
        font-weight: 500;
    }









}



/* model
***************************************************************/





/* photo
***************************************************************/

.base {
    position: relative;
    margin: 0 auto;
    padding: 0.5em 1em 2em 1em;
    background: #ffffff;
    /*背景色*/
    top: -50px;
    width: 600px;
    opacity: 0.95;
    border-top: solid 6px #726250;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
    /*影*/
}

.base h1 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.base p {
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
}

.photo {
    width: 100%;
    margin: 1% 0 7% 0;
}

.photo img {
    width: 100%;
    margin-bottom: 1%;
}

.photo h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    border-bottom: 1px solid black;
    margin-bottom: 2%;
}

.photo p {
    font-size: 15px;
    line-height: 0 !important;
}

.photo2 {
    width: 47%;
    margin: 1% 1% 5% 1%;
    display: inline-block;
    vertical-align: top;
}

.photo2 img {
    width: 100%;
    margin-bottom: 1%;
}

.photo2 h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    border-bottom: 1px solid black;
    margin-bottom: 2%;
}

.photo2 p {
    font-size: 15px;
    line-height: 1.2 !important;
}

.photo2 p span {
    color: red;
}

@media all and (max-width: 680px) {

    .base {
        position: relative;
        padding: 0.5em;
        top: -20px;
        width: 90%;

    }


    .base h1 {
        font-size: 16px;
        text-align: center;
        font-weight: bold;
    }

    .base p {
        font-size: 3.5vw;
        text-align: center;
        line-height: 1.2;
    }


    .photo {
        width: 100%;
        margin: 1% 0 8% 0;
    }

    .photo img {
        width: 100%;
        margin-bottom: 1%;
    }

    .photo h1 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.1 !important;
    }

    .photo p {
        font-size: 14px;
        line-height: 1.2 !important;
    }

    .photo2 {
        width: 100%;
        margin: 1% 0 8% 0;
    }

    .photo2 img {
        width: 100%;
        margin-bottom: 1%;
    }

    .photo2 h1 {
        font-size: 16px;
        font-weight: 600;
    }

    .photo2 p {
        font-size: 14px;
        line-height: 1.2 !important;
    }



}



/* photo
***************************************************************/







/* arrow
***************************************************************/


.arrowbun .nonegap {
    letter-spacing: -.4em;
}


.arrowbun .inner {
    width: 1000px;
    margin: auto;
    position: relative;
    z-index: 1;
    padding-top: 5%;
}

.arrowbun .listTextBox {
    width: 50%;
    margin-top: 2%;
    display: inline-block;
    letter-spacing: normal;
}




.arrowbun .listTextBox a {
    /*padding: 20px 18px 0;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 330px;*/
    height: 50px;
    background: #335167;
    padding: 1px 0 1px 0;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*margin: 2% auto;*/
    /*border-radius: 10px;*/

}


.arrowbun .listTextBox a::after {
    border: 1px solid #335167;
    background: #fff;
}



.arrowbun .listTextBox2 {
    width: 46.8%;
    margin: 2% 1% 1% 1%;
    display: inline-block;
}

.arrowbun .listTextBox2 a {
    /*padding: 20px 18px 0;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 330px;*/
    height: 50px;
    background: #942343;
    padding: 1px 0 1px 0;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*margin: 2% auto;*/
    border-radius: 10px;

}


.arrowbun .listTextBox2 a::after {
    border: 1px solid #942343;
    background: #fff;
}



.arrowbun .listTextBox3 {
    width: 24%;
    margin: 2% 0.3% 2% 0.3%;
    display: inline-block;
}

.arrowbun .listTextBox3 a {
    /*padding: 20px 18px 0;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 330px;*/
    height: 50px;
    background: #335167;
    padding: 2% 0 2% 0;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*margin: 2% auto;*/
    /*border-radius: 10px;*/

}


.arrowbun .listTextBox3 a::after {
    border: 1px solid #335167;
    background: #fff;
}


.arrowbun .listTextBox4 {
    width: 50%;
    margin: 2% 0 0 0;
    display: inline-block;
    letter-spacing: normal;
}

.arrowbun .listTextBox4 a {
    /*padding: 20px 18px 0;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 330px;*/
    height: 50px;
    background: #dc143c;
    padding: 1px 0 1px 0;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*margin: 2% auto;*/
    /*border-radius: 10px;*/

}


.arrowbun .listTextBox4 a::after {
    border: 1px solid #dc143c;
    background: #fff;
}



.arrowbun .listTextBox5 {
    width: 98%;
    margin: 2% 1% 1% 1%;
    display: inline-block;
}

.arrowbun .listTextBox5 a {
    /*padding: 20px 18px 0;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 330px;*/
    height: 50px;
    background: #dc143c;
    padding: 1px 0 1px 0;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*margin: 2% auto;*/
    border-radius: 10px;

}


.arrowbun .listTextBox5 a::after {
    border: 1px solid #dc143c;
    background: #fff;
}




.arrowbun .listTextBox6 {
    width: 100%;
    margin: 2% 0 2% 0;
    display: inline-block;
}

.arrowbun .listTextBox6 a {
    /*padding: 20px 18px 0;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 330px;*/
    height: 50px;
    background: #335167;
    padding: 2% 0 2% 0;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /*margin: 2% auto;*/
    /*border-radius: 10px;*/

}


.arrowbun .listTextBox6 a::after {
    border: 1px solid #335167;
    background: #fff;
}







.arrowbun .arrow {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    /*border-radius: 50%;*/
    background: #335167;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 15px;
}

.arrowbun .arrow::before,
.arrowbun .arrow::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.arrowbun .arrow::before {
    width: 18px;
    top: 50%;
    right: calc((100% - 18px)/2);

}

.arrowbun .arrow::after {
    width: 7px;
    top: calc((100% - 5px)/2);
    right: calc((100% - 21px)/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrowbun .listTitle {
    width: calc(100% - 58px);
    padding-left: 5%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /*  margin-bottom: 6px;*/
}

.arrowbun .listTitle::after {

    color: #335167;

}



.arrowbun .arrow2 {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    /*border-radius: 50%;*/
    background: #942343;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 15px;
}

.arrowbun .arrow2::before,
.arrowbun .arrow2::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.arrowbun .arrow2::before {
    width: 18px;
    top: 50%;
    right: calc((100% - 18px)/2);

}

.arrowbun .arrow2::after {
    width: 7px;
    top: calc((100% - 5px)/2);
    right: calc((100% - 21px)/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrowbun .listTitle2 {
    width: calc(100% - 58px);
    padding-left: 18px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /*  margin-bottom: 6px;    */
}

.arrowbun .listTitle2::after {

    color: #942343;

}



.arrowbun .arrow3 {
    display: block;
    position: relative;
    width: 58px;
    height: 38px;
    /*border-radius: 50%;*/
    background: #335167;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 15px;
}

.arrowbun .arrow3::before,
.arrowbun .arrow3::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.arrowbun .arrow3::before {
    width: 18px;
    top: 50%;
    right: calc((100% - 18px)/2);

}

.arrowbun .arrow3::after {
    width: 7px;
    top: calc((100% - 5px)/2);
    right: calc((100% - 21px)/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrowbun .listTitle3 {
    width: calc(100% - 58px);
    padding-left: 18px;
    display: block;
    font-size: 100%;
    font-weight: 500;
    color: #fff;
    /*  margin-bottom: 6px;*/
}

.arrowbun .listTitle3::after {

    color: #335167;

}




.arrowbun .arrow4 {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    /*border-radius: 50%;*/
    background: #dc143c;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 15px;
}

.arrowbun .arrow4::before,
.arrowbun .arrow4::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.arrowbun .arrow4::before {
    width: 18px;
    top: 50%;
    right: calc((100% - 18px)/2);

}

.arrowbun .arrow4::after {
    width: 7px;
    top: calc((100% - 5px)/2);
    right: calc((100% - 21px)/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrowbun .listTitle4 {
    width: calc(100% - 58px);
    padding-left: 5%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /*  margin-bottom: 6px;    */
}

.arrowbun .listTitle4::after {
    color: #dc143c;
}


.arrowbun .arrow5 {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    /*border-radius: 50%;*/
    background: #dc143c;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 15px;
}

.arrowbun .arrow5::before,
.arrowbun .arrow5::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.arrowbun .arrow5::before {
    width: 18px;
    top: 50%;
    right: calc((100% - 18px)/2);

}

.arrowbun .arrow5::after {
    width: 7px;
    top: calc((100% - 5px)/2);
    right: calc((100% - 21px)/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrowbun .listTitle5 {
    width: calc(100% - 58px);
    padding-left: 18px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /*  margin-bottom: 6px;    */
}

.arrowbun .listTitle5::after {
    color: #dc143c;
}

.arrowbun .arrow6 {
    display: block;
    position: relative;
    width: 58px;
    height: 38px;
    /*border-radius: 50%;*/
    background: #335167;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 15px;
}

.arrowbun .arrow6::before,
.arrowbun .arrow6::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.arrowbun .arrow6::before {
    width: 18px;
    top: 50%;
    right: calc((100% - 18px)/2);

}

.arrowbun .arrow6::after {
    width: 7px;
    top: calc((100% - 5px)/2);
    right: calc((100% - 21px)/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrowbun .listTitle6 {
    width: calc(100% - 58px);
    padding-left: 18px;
    display: block;
    font-size: 100%;
    font-weight: 500;
    color: #fff;
    /*  margin-bottom: 6px;*/
}

.arrowbun .listTitle6::after {

    color: #335167;

}



















@media all and (min-width: 681px) {
    .arrowbun {
        /*margin: 0 30px 10px 0;*/
    }



    .arrowbun .listTextBox a:hover {
        border: 1px solid #335167;
        background: #fff;
    }

    .arrowbun .listTextBox a:hover::before,
    .arrowbun a:hover .listTextBox::after {
        background: #335167;
    }

    .arrowbun .listTextBox2 a:hover {
        border: 1px solid #942343;
        background: #fff;
    }

    .arrowbun .listTextBox2 a:hover::before,
    .arrowbun a:hover .listTextBox2::after {
        background: #942343;
    }

    .arrowbun .listTextBox3 a:hover {
        border: 1px solid #335167;
        background: #fff;
    }

    .arrowbun .listTextBox3 a:hover::before,
    .arrowbun a:hover .listTextBox3::after {
        background: #335167;
    }

    .arrowbun .listTextBox4 a:hover {
        border: 1px solid #dc143c;
        background: #fff;
    }

    .arrowbun .listTextBox4 a:hover::before,
    .arrowbun a:hover .listTextBox4::after {
        background: #dc143c;
    }

    .arrowbun .listTextBox5 a:hover {
        border: 1px solid #dc143c;
        background: #fff;
    }

    .arrowbun .listTextBox5 a:hover::before,
    .arrowbun a:hover .listTextBox5::after {
        background: #dc143c;
    }

    .arrowbun .listTextBox6 a:hover {
        border: 1px solid #335167;
        background: #fff;
    }

    .arrowbun .listTextBox6 a:hover::before,
    .arrowbun a:hover .listTextBox3::after {
        background: #335167;
    }





    .arrowbun a:hover .arrow {
        background: #fff;
    }

    .arrowbun a:hover .arrow::before,
    .arrowbun a:hover .arrow::after {
        background: #335167;
    }

    .arrowbun a:hover .arrow::before {
        right: calc((100% - 37px)/2);
    }

    .arrowbun a:hover .arrow::after {
        right: calc((100% - 40px)/2);
    }


    .arrowbun a:hover .arrow2 {
        background: #fff;
    }

    .arrowbun a:hover .arrow2::before,
    .arrowbun a:hover .arrow2::after {
        background: #942343;
    }

    .arrowbun a:hover .arrow2::before {
        right: calc((100% - 37px)/2);
    }

    .arrowbun a:hover .arrow2::after {
        right: calc((100% - 40px)/2);
    }


    .arrowbun a:hover .arrow3 {
        background: #fff;
    }

    .arrowbun a:hover .arrow3::before,
    .arrowbun a:hover .arrow3::after {
        background: #335167;
    }

    .arrowbun a:hover .arrow3::before {
        right: calc((100% - 37px)/2);
    }

    .arrowbun a:hover .arrow3::after {
        right: calc((100% - 40px)/2);
    }


    .arrowbun a:hover .arrow4 {
        background: #fff;
    }

    .arrowbun a:hover .arrow4::before,
    .arrowbun a:hover .arrow4::after {
        background: #dc143c;
    }

    .arrowbun a:hover .arrow4::before {
        right: calc((100% - 37px)/2);
    }

    .arrowbun a:hover .arrow4::after {
        right: calc((100% - 40px)/2);
    }


    .arrowbun a:hover .arrow5 {
        background: #fff;
    }

    .arrowbun a:hover .arrow5::before,
    .arrowbun a:hover .arrow5::after {
        background: #dc143c;
    }

    .arrowbun a:hover .arrow5::before {
        right: calc((100% - 37px)/2);
    }

    .arrowbun a:hover .arrow5::after {
        right: calc((100% - 40px)/2);
    }


    .arrowbun a:hover .arrow6 {
        background: #fff;
    }

    .arrowbun a:hover .arrow6::before,
    .arrowbun a:hover .arrow6::after {
        background: #335167;
    }

    .arrowbun a:hover .arrow6::before {
        right: calc((100% - 37px)/2);
    }

    .arrowbun a:hover .arrow6::after {
        right: calc((100% - 40px)/2);
    }






    .arrowbun a:hover .listTitle {
        color: #335167;
    }

    .arrowbun a:hover .listTitle::before,
    .arrowbun a:hover .listTitle::after {
        color: #fff;
    }

    .arrowbun a:hover .listTitle2 {
        color: #942343;
    }

    .arrowbun a:hover .listTitle2::before,
    .arrowbun a:hover .listTitle2::after {
        color: #fff;
    }


    .arrowbun a:hover .listTitle3 {
        color: #335167;
    }

    .arrowbun a:hover .listTitle3::before,
    .arrowbun a:hover .listTitle3::after {
        color: #fff;
    }


    .arrowbun a:hover .listTitle4 {
        color: #dc143c;
    }

    .arrowbun a:hover .listTitle4::before,
    .arrowbun a:hover .listTitle4::after {
        color: #fff;
    }


    .arrowbun a:hover .listTitle5 {
        color: #dc143c;
    }

    .arrowbun a:hover .listTitle5::before,
    .arrowbun a:hover .listTitle5::after {
        color: #fff;
    }


    .arrowbun a:hover .listTitle6 {
        color: #335167;
    }

    .arrowbun a:hover .listTitle6::before,
    .arrowbun a:hover .listTitle6::after {
        color: #fff;
    }




}

@media all and (max-width: 680px) {
    .arrowbun {
        padding: 0 0 2%;
    }

    .arrowbun .inner {
        width: 93.75%;
    }

    .arrowbun .listTextBox {
        width: 90%;
        margin: 2% 5% 2% 5%;
        display: inline-block;
    }


    .arrowbun .listTextBox a {
        /*width: 80%; */
        height: 30px;
    }

    .arrowbun .listTextBox2 {
        width: 80%;
        margin: 2% 10% 2% 10%;
        display: inline-block;
    }

    .arrowbun .listTextBox2 a {
        /*width: 80%; */
        height: 40px;
    }


    .arrowbun .listTextBox3 {
        width: 95%;
        margin: 2% 2% 2% 2%;
        display: inline-block;
    }


    .arrowbun .listTextBox3 a {
        /*width: 80%; */
        height: 40px;
    }


    .arrowbun .listTextBox4 {
        width: 90%;
        margin: 2% 5% 2% 5%;
        display: inline-block;
    }

    .arrowbun .listTextBox4 a {
        /*width: 80%; */
        height: 30px;
    }


    .arrowbun .listTextBox5 {
        width: 80%;
        margin: 2% 10% 2% 10%;
        display: inline-block;
    }

    .arrowbun .listTextBox5 a {
        /*width: 80%; */
        height: 40px;
    }


    .arrowbun .listTextBox6 {
        width: 95%;
        margin: 0 2% 2% 1%;
        display: inline-block;
    }


    .arrowbun .listTextBox6 a {
        /*width: 80%; */
        height: 30px;
    }



    .arrowbun .arrow {
        width: 28px;
        height: 28px;
        /*background: #fff;
    border-radius: 50%;*/
    }

    .arrowbun .arrow::before {
        width: 10px;
        right: calc((100% - 10px)/2);
    }

    .arrowbun .arrow::after {
        width: 5px;
        top: calc((100% - 3px)/2);
        right: calc((100% - 11px)/2);
    }

    .arrowbun .listTitle {
        width: calc(100% - 38px);
        padding-left: 10px;
        font-size: 14px;
    }

    .arrowbun .listTitle .jp {
        font-size: 14px;
        margin-bottom: 4px;
    }


    .arrowbun .arrow2 {
        width: 38px;
        height: 38px;
        /*background: #fff;
    border-radius: 50%;*/
    }

    .arrowbun .arrow2::before {
        width: 10px;
        right: calc((100% - 10px)/2);
    }

    .arrowbun .arrow2::after {
        width: 5px;
        top: calc((100% - 3px)/2);
        right: calc((100% - 11px)/2);
    }

    .arrowbun .listTitle2 {
        width: calc(100% - 38px);
        padding-left: 10px;
        font-size: 14px;
    }

    .arrowbun .listTitle2 .jp {
        font-size: 14px;
        margin-bottom: 4px;
    }


    .arrowbun .arrow3 {
        width: 38px;
        height: 38px;
        /*background: #fff;
    border-radius: 50%;*/
    }

    .arrowbun .arrow3::before {
        width: 10px;
        right: calc((100% - 10px)/2);
    }

    .arrowbun .arrow3::after {
        width: 5px;
        top: calc((100% - 3px)/2);
        right: calc((100% - 11px)/2);
    }

    .arrowbun .listTitle3 {
        width: calc(100% - 38px);
        padding-left: 10px;
        font-size: 14px;
    }

    .arrowbun .listTitle3 .jp {
        font-size: 14px;
        margin-bottom: 4px;
    }


    .arrowbun .arrow4 {
        width: 28px;
        height: 28px;
        /*background: #fff;
    border-radius: 50%;*/
    }

    .arrowbun .arrow4::before {
        width: 10px;
        right: calc((100% - 10px)/2);
    }

    .arrowbun .arrow4::after {
        width: 5px;
        top: calc((100% - 3px)/2);
        right: calc((100% - 11px)/2);
    }

    .arrowbun .listTitle4 {
        width: calc(100% - 38px);
        padding-left: 10px;
        font-size: 14px;
    }

    .arrowbun .listTitle4 .jp {
        font-size: 14px;
        margin-bottom: 4px;
    }



    .arrowbun .arrow5 {
        width: 38px;
        height: 38px;
        /*background: #fff;
    border-radius: 50%;*/
    }

    .arrowbun .arrow5::before {
        width: 10px;
        right: calc((100% - 10px)/2);
    }

    .arrowbun .arrow5::after {
        width: 5px;
        top: calc((100% - 3px)/2);
        right: calc((100% - 11px)/2);
    }

    .arrowbun .listTitle5 {
        width: calc(100% - 38px);
        padding-left: 10px;
        font-size: 14px;
    }

    .arrowbun .listTitle5 .jp {
        font-size: 14px;
        margin-bottom: 4px;
    }



    .arrowbun .arrow6 {
        width: 28px;
        height: 28px;
        /*background: #fff;
    border-radius: 50%;*/
    }

    .arrowbun .arrow6::before {
        width: 10px;
        right: calc((100% - 10px)/2);
    }

    .arrowbun .arrow6::after {
        width: 5px;
        top: calc((100% - 3px)/2);
        right: calc((100% - 11px)/2);
    }

    .arrowbun .listTitle6 {
        width: calc(100% - 38px);
        padding-left: 10px;
        font-size: 14px;
    }

    .arrowbun .listTitle6 .jp {
        font-size: 14px;
        margin-bottom: 4px;
    }








}

/* arrow
***************************************************************/




/*アコーディオンCSS
***************************************************************/

.secCreate {
    padding: 20px 0 100px;
}

.secCreate .inner {
    width: 1100px;
    margin: auto;
}


.secCreate h1 {
    font-size: 20px;
    margin-bottom: 2%;
    text-align: left;
}

.secCreate .create_text {
    width: 100%;
    /* margin:2% auto;*/
}

.secCreate .create_text p {
    font-size: 15px;
    line-height: 2;
    margin: 0 auto 0 auto;
}

.secCreate .mimodel {
    width: 31.5%;
    margin: 1% 0.75% 2% 0.75%;
    display: inline-block;
    border: thin gray solid;
    padding: 0.5%;
}

.secCreate .mimodel h1 {
    font-size: 80%;
    line-height: 1.1;
    text-align: center;
    font-weight: 600;
}

.secCreate .mimodel h1 span {
    font-size: 120%;
}

.secCreate .mimodel h2 {
    font-size: 95%;
    line-height: 2;
    font-weight: 600;
    text-align: center;
}

.secCreate .mimodel p {
    font-size: 80%;
    text-align: center;
}

.secCreate .mimodel .day {
    font-size: 90%;
    line-height: 1.5;
    color: red;
}

.secCreate .mimodel .day span {
    color: #fff;
    line-height: 1.5;
    background: #0b419b;
    margin-left: 1%;
    padding: 0.5% 2% 1% 2%;
}

.secCreate .mimodel dl {
    width: 100%;
}

.secCreate .mimodel dt {
    width: 30%;
    padding: 1% 0 1% 0;
    text-align: center;
    display: inline-block;
    font-size: 90%;
    border-bottom: 1px gray dotted;
    border-right: 1px gray dotted;
}

.secCreate .mimodel dd {
    width: 68%;
    padding: 1% 0 1% 2%;
    display: inline-block;
    font-size: 90%;
    border-bottom: 1px gray dotted;
}


.accordion-container {
    position: relative;
    width: 100%;
    /*border: 1px solid #0079c1;*/
    border-top: none;
    outline: 0;
    /*cursor: pointer；*/
}

.accordion-container .accordion-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 1.8em 0.625em 2em 2em;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    background: #000;
    cursor: pointer;
    text-align: center;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
    background-color: #335167;
    color: white;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
    color: white;
}

.accordion-title {
    position: relative;
}

.accordion-title:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.accordion-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
}

.accordion-content {
    display: none;
    padding: 1.5% 0 1.5% 0;

}

/* CSS for CodePen */
.accordion-container {
    width: 100%;
    margin: 1.875em auto;
}




@media all and (min-width: 681px) {}

@media all and (max-width: 680px) {
    .secCreate {
        padding: 2% 0 10% 0;
    }

    .secCreate .inner {
        width: 94%;
        padding: 0 3% 0 3%;
    }

    .secCreate h1 {
        font-size: 16px;
        margin-bottom: 2%;
        text-align: left;
    }

    .secCreate .create_text {
        width: 100%;
        margin: 0 auto 4% auto;
    }

    .secCreate .create_text p {
        font-size: 14px;
        line-height: 2;
    }



    .secCreate .mimodel {
        width: 100%;
        margin: 1% 0 2% 0;
        display: inline-block;
    }

    .secCreate .mimodel .leftside {
        width: 44%;
        margin: 0 1% 1% 0;
        float: left;
    }

    .secCreate .mimodel .rightside {
        width: 54%;
        margin: 0 1% 1% 0;
        float: right;
    }

    .secCreate .mimodel h1 {
        font-size: 90%;
        line-height: 1.1;
    }

    .secCreate .mimodel h2 {
        font-size: 85%;
        line-height: 2;
        font-weight: 600;
        text-align: center;
    }

    .secCreate .mimodel p {
        font-size: 80%;
    }

    .secCreate .mimodel .day {
        font-size: 90%;
        line-height: 1.5;
    }

    .secCreate .mimodel .day span {
        font-size: 14px;
        line-height: 1.5;
        margin-left: 1%;
        padding: 0.5% 2% 1% 2%;
    }

    .secCreate .mimodel dl {
        width: 100%;
        margin-bottom: 1%;
    }

    .secCreate .mimodel dt {
        width: 100%;
        padding: 2% 0 2% 0;
        text-align: center;
        display: inline-block;
        font-size: 80%;
        border: none;
        color: white;
        background: gray;
    }

    .secCreate .mimodel dd {
        width: 100%;
        padding: 1% 0 1% 0;
        display: inline-block;
        font-size: 80%;
        border: none;
    }

    .secCreate .mimodel dd:last-child {
        border-bottom: 1px gray dotted;
    }

    .accordion-container {
        position: relative;
        width: 100%;
        /*border: 1px solid #0079c1;*/
        border-top: none;
        outline: 0;
        /*cursor: pointer；*/
    }

    .accordion-container .accordion-title {
        display: block;
        position: relative;
        margin: 0;
        padding: 1em 0.625em 1em 0.625em;
        font-size: 100%;
        font-weight: normal;
        color: #fff;
        background: #000;
        cursor: pointer;
        text-align: left;
    }

    .accordion-container .accordion-title:hover,
    .accordion-container .accordion-title:active,
    .accordion-container .content-entry.open .accordion-title {
        background-color: #335167;
        color: white;
    }

    .accordion-container .accordion-title:hover i:before,
    .accordion-container .accordion-title:hover i:active,
    .accordion-container .content-entry.open i {
        color: white;
    }

    .accordion-title {
        position: relative;
    }

    .accordion-title:after {
        content: "";
        position: absolute;
        right: 25px;
        top: 38%;
        transition: all 0.2s ease-in-out;
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .accordion-title.open:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 45%;
    }

    .accordion-content {
        display: none;
        padding: 1.5% 0 1.5% 0;
    }

    /* CSS for CodePen */
    .accordion-container {
        width: 100%;
        margin: 1.875em auto;
    }








}



/*アコーディオン
***************************************************************/







/* contact
***************************************************************/

.secContact .inner {
    width: 1000px;
    margin: 1% auto 5% auto;

}

.cf h3 {
    font-size: 160%;
    line-height: 2;
    text-align: center;
    margin-bottom: 3%;
    border-bottom: 2px solid #335167;
    border-top: 2px solid #335167;
    color: #335167;
}

.cf p {
    font-size: 110%;
    text-align: center;
}

.sheet01 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 30px auto;
    background: #fff;
}

.summary_01 {
    width: 30%;
}

.summary_02 {
    width: 70%;
}

.sheet01 th,
.sheet01 td {
    border-bottom: dotted 1px #B5B5B5;
    padding: 40px 20px 40px;
    font-size: 16px;
    line-height: 30px;
}

.sheet01 th {
    /*background:#F1F9FD;
	color:#005BAB;*/
    background: #f8fbf8;
    font-weight: bold;
    width: 33%;
    text-align: left;
}

.sheet01 td {
    width: 70%;
    text-align: left;
    padding: 10px 20px;
}

.sheet01 td input {
    /*height:25px;*/
    padding: 2px;
}

.sheet01 td span2 {
    color: #dc143c;
}

.sheet01 td select {
    height: 25px;
}

.sheet01 td input.width200 {
    width: 200px;
}

.sheet01 td input.width270 {
    width: 270px;
}

.sheet01 td input.width300 {
    width: 300px;
}

.sheet01 td input.width360 {
    width: 360px;
}

.sheet01 td input.width450 {
    width: 450px;
}

.sheet01 td input.width480 {
    width: 480px;
}

.sheet01 td li {
    float: left;
}

.sheet01 td li:first-child {
    margin-right: 5px;
}

.sheet01 td li span {
    display: inline-block;
    width: 60px;
    text-align: right;
    margin-right: 0px;
}

.sheet01 td textarea.width120 {
    width: 120px;
    height: 18px;
}

.sheet01 td textarea {
    width: 480px;
    height: 100px;
}

button {
    margin-right: 7px;
    background: #0b419b;
    color: #fff;
    font-weight: bold;
    padding: 7px 10px;
    font-size: 18px;
    display: inline-block;
    border: 1px solid #0b419b;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    width: 170px;
}

button[type="submit"] {
    margin-right: 7px;
    background: #0b419b;
    color: #fff;
    font-weight: bold;
    padding: 7px 30px;
    font-size: 18px;
    display: inline-block;
}

button:hover,
button[type="submit"]:hover {
    background: #fff;
    color: #0b419b;
}

p.tCenter {
    text-align: center;
}

input#name1,
input#name2,
input#kana1,
input#kana2 {
    width: 200px;
    margin-left: 5px;
}

a.tel_bnr {
    display: block;
    margin: 0 auto 50px auto;
    max-width: 403px;
    width: 100%;
}

a.tel_bnr img {
    display: block;
    width: 100%;
}

.table_a .subtxt {
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 25px;
}

input#zip1 {
    margin-bottom: 7px;
}

textarea.large {
    margin-top: 5px;
}

.bt_js_bnr {
    text-align: center;
    margin: 60px 0;
}

.bt_js_bnr p {
    margin-top: 10px;
}

footer {
    margin-top: 0;
}



.linehightshikaku {
    line-height: 3;
    margin-left: 2%;

}


.linehighthp {
    line-height: 3;
    margin-right: 1%;
    margin-left: 1%
}

.red {
    color: red;
}

.arianame {
    line-height: 2;
    background: #a0a0a0;
    color: white;
    padding-left: 2%;
    margin: 3% 0 1% 0;
}

.arianame:first-child {
    margin-top: 0;
}

@media screen and (max-width:737px) {



    .secContact {
        padding: 2% 0 10% 0;
    }

    .secContact .inner {
        width: 93.75%;
    }

    .cf h3 {
        font-size: 110%;
        line-height: 1.5;
        padding: 1% 0 1% 0;
    }

    .cf p {
        font-size: 85%;
        line-height: 1.5;
    }

    .summary_01 {
        width: 100%;
    }

    .summary_02 {
        width: 100%;
    }

    .sheet01 {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .sheet01 th,
    .sheet01 td {
        display: block;
        /* border-top:solid 1px #B5B5B5;
  border-right:solid 1px #B5B5B5;
  border-left:solid 1px #B5B5B5;*/
        padding: 5px;
        font-size: 85%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
    }

    .sheet01 th {
        /* background:#F1F9FD;
    color:#005BAB;*/
        background: #f8fbf8;
        font-weight: bold;
        text-align: left;
        border-top: solid 1px #B5B5B5;
        border-bottom: none;

    }

    input[type=text],
    input[type=email],
    textarea {
        width: 100% !important;
        padding: 3px 0;
        box-sizing: border-box;
    }

    .sheet01 td textarea.width120 {
        height: 18px;
    }

    .sheet01 td textarea {
        height: 180px;
    }

    .sheet01 td li {
        float: none;
    }

    input#name1,
    input#name2,
    input#kana1,
    input#kana2 {
        width: 170px;
        margin-left: 5px;
        /*width: 100%!important;*/
        box-sizing: border-box;
        margin: 0;
    }

    .sheet01 td li span {
        display: inline-block;
        width: 100%;
        text-align: left;
        margin-right: 0px;
    }

    .sheet01 td li:first-child {
        margin-right: 0;
    }

    .table_a table tr td:first-child,
    .table_a table tr td:last-child {
        border-bottom: none;
        padding: 15px 10px;
    }

    .table_a table tr:last-child td:last-child {
        border-bottom: 1px solid #0b419b;
    }

    .sheet01 td input.width300 {
        width: 100%;
    }

    button {
        font-size: 15px;
        width: 130px;
        padding: 7px 10px;
    }

    button[type="submit"] {
        font-size: 15px;
        padding: 7px 10px;
    }

    .bt_js_bnr {
        margin: 60px 0 20px 0;
    }

    a.tel_bnr {
        display: block;
        margin: 0 auto 30px auto;
        max-width: 403px;
        width: 85%;
    }
}



/* contact
***************************************************************/


/* チェックボックス
***************************************************************/
/*
input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル /
 input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ /
 input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753; /* 枠の色変更 お好きな色を /
    background-color: #fff; /* 背景の色変更 お好きな色を /
}
/* チェックが入った時のレ点 /
 input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color: #585753; /* チェックの色変更 お好きな色を /

}

 input[type="checkbox"]:checked+label::before{

    background-color:#ffff00; /* 背景の色変更 お好きな色を /
}
*/
/* チェックボックス
***************************************************************/



/* 予約表
***************************************************************/

.sechyo .inner {
    width: 1000px;
    margin: 1% auto 5% auto;

}



/* page-top */
#page-a {
    position: fixed;
    bottom: 1%;
    /*right: 0px;
	font-size: 110%;*/
    z-index: 1000;
    width: 1000px;
    /*width: 770px;
   margin-left:5%;*/
}

#page-a p {
    color: #fff;
    padding: 0.5%;
    font-size: 14px;
    background: #258;
    background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
    background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    border-bottom: 1px solid #258;
    line-height: 1.1;
    text-align: center;
    /*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
    margin-bottom: 0;
}

#page-a table {
    width: 100%;
    border-spacing: 0;
    /*margin-top:-5%;*/
}




#page-a table th {
    color: #fff;
    /*padding: 8px 8px;*/
    padding: 0.6% 0.1%;
    font-size: 14px;
    background: #258;
    background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
    background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
    font-weight: bold;
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    border-bottom: 1px solid #258;
    line-height: 1.1;
    text-align: center;
    /*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

#page-a table th:first-child {
    border-radius: 5px 0 0 0;
}

#page-a table th:last-child {
    border-radius: 0 5px 0 0;
    border-right: 1px solid #258;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

#page-a table tr td {
    /*padding: 20px 10px;
  padding: 10px 5px;*/
    padding: 0.6% 0.1%;
    background: #ffffff;
    border-bottom: 1px solid #84b2e0;
    border-left: 1px solid #84b2e0;
    text-align: center;
    font-size: 14px;
}

#page-a table tr td:last-child {
    border-right: 1px solid #84b2e0;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

#page-a table tr {
    background: #fff;
}

#page-a table tr:nth-child(2n+1) {
    background: #ffffff;
}

#page-a table tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

#page-a table tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

#page-a table tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}









#page-b {
    position: relative;
    /*bottom: 1%;*/
    /*right: 0px;*/
    /*font-size: 110%;*/
    /*z-index:1000;*/
    width: 100%;
    margin-bottom: 3%;
}

#page-b p {
    color: #fff;
    padding: 0.5%;
    font-size: 15px;
    background: #258;
    background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
    background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    border-bottom: 1px solid #258;
    line-height: 1.1;
    text-align: center;
    /*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
    margin-bottom: 0;
}

#page-b table {
    width: 100%;
    border-spacing: 0;
    /*margin-top:-5%;*/
}




#page-b table th {
    color: #fff;
    padding: 0.6% 0.1%;
    font-size: 14px;
    background: #258;
    background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
    background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
    font-weight: bold;
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    border-bottom: 1px solid #258;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(34, 85, 136, 0.9);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

#page-b table th:first-child {
    border-radius: 5px 0 0 0;
}

#page-b table th:last-child {
    border-radius: 0 5px 0 0;
    border-right: 1px solid #258;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

#page-b table tr td {
    /*padding: 20px 10px;*/
    padding: 1% 0.1%;
    background: #ffffff;
    border-bottom: 1px solid #84b2e0;
    border-left: 1px solid #84b2e0;
    text-align: center;
    font-size: 14px;
}

#page-b table tr td:last-child {
    border-right: 1px solid #84b2e0;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

#page-b table tr {
    background: #fff;
}

#page-b table tr:nth-child(2n+1) {
    background: #ffffff;
}

#page-b table tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

#page-b table tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

#page-b table tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}









@media screen and (max-width:737px) {

    .sechyo {
        padding: 2% 0 10% 0;
    }

    .sechyo .inner {
        width: 93.75%;
        margin: 0 3% 0 3%;
    }



    #page-a {
        position: fixed;
        bottom: 60px;
        right: 0px;
        /*font-size: 10px;*/
        z-index: 1000;
        width: 100%;
    }

    #page-a p {
        width: auto;
        /* background:#fffacd;*/
        font-size: 10px;
        color: #fff;
        padding: 0.5%;
        background: #258;
        background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
        background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
        border-left: 1px solid #258;
        border-top: 1px solid #258;
        border-bottom: 1px solid #258;
        line-height: 1.5;
        text-align: center;
        /*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
        margin-bottom: 0;

    }

    #page-a table {
        /*width:auto;*/
        width: 100%;
        border-spacing: 0;
        font-size: 90%;
    }




    #page-a table th {
        color: #fff;
        padding: 0.6% 0.1%;
        background: #258;
        background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
        background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
        font-weight: bold;
        border-left: 1px solid #258;
        border-top: 1px solid #258;
        border-bottom: 1px solid #258;
        line-height: 1.1;
        font-size: 10px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(34, 85, 136, 0.9);
        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
    }

    #page-a table th:first-child {
        border-radius: 1px 0 0 0;
    }

    #page-a table th:last-child {
        border-radius: 0 1px 0 0;
        border-right: 1px solid #258;
        box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
    }

    #page-a table tr td {
        padding: 0.6% 0.1%;
        background: #ffffffff;
        border-bottom: 1px solid #84b2e0;
        border-left: 1px solid #84b2e0;
        font-size: 10px;
        text-align: center;
    }

    #page-a table tr td:last-child {
        border-right: 1px solid #84b2e0;
        box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    }

    #page-a table tr {
        background: #fff;
        font-size: 10px;
    }

    #page-a table tr:nth-child(2n+1) {
        background: #f1f6fc;
    }

    #page-a table tr:last-child td {
        box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    }

    #page-a table tr:last-child td:first-child {
        border-radius: 0 0 0 1px;
    }

    #page-a table tr:last-child td:last-child {
        border-radius: 0 0 1px 0;
    }








    #page-b {
        position: relative;
        /*bottom: 60px;
	right: 0px;*/
        /*font-size: 90%;*/
        /*z-index:1000;*/
        margin-bottom: 3%;
    }

    #page-b p {
        width: auto;
        /* background:#fffacd;*/
        font-size: 12px;
        color: #fff;
        padding: 0.5%;
        background: #258;
        background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
        background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
        border-left: 1px solid #258;
        border-top: 1px solid #258;
        border-bottom: 1px solid #258;
        line-height: 1.5;
        text-align: center;
        /*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
        margin-bottom: 0;

    }

    #page-b table {
        width: auto;
        border-spacing: 0;
        font-size: 12px;
    }




    #page-b table th {
        color: #fff;
        padding: 0.6% 0.1%;
        background: #258;
        background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
        background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
        font-weight: bold;
        border-left: 1px solid #258;
        border-top: 1px solid #258;
        border-bottom: 1px solid #258;
        line-height: 1.1;
        font-size: 12px;
        text-align: center;
        /*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
    }

    #page-b table th:first-child {
        border-radius: 1px 0 0 0;
    }

    #page-b table th:last-child {
        border-radius: 0 1px 0 0;
        border-right: 1px solid #258;
        box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
    }

    #page-b table tr td {
        padding: 1% 0.1%;
        background: #ffffffff;
        border-bottom: 1px solid #84b2e0;
        border-left: 1px solid #84b2e0;
        font-size: 12px;
        text-align: center;
        ] vertical-align: bottom;
    }

    #page-b table tr td:last-child {
        border-right: 1px solid #84b2e0;
        box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    }

    #page-b table tr {
        background: #fff;
        font-size: 12px;
    }

    #page-b table tr:nth-child(2n+1) {
        background: #f1f6fc;
    }

    #page-b table tr:last-child td {
        box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    }

    #page-b table tr:last-child td:first-child {
        border-radius: 0 0 0 1px;
    }

    #page-b table tr:last-child td:last-child {
        border-radius: 0 0 1px 0;
    }


}

/* 予約表
***************************************************************/





/*透過
***************************************************************/
.hover {
    -webkit-transition: .3s;
    transition: .3s;
}

.hover:hover {
    opacity: 0.7;
    -khtml-opacity: .70;
    -moz-opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.hover img:hover {
    filter: alpha(opacity=60);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)";
    /* IE 8 */
}

/*透過
***************************************************************/

/*iframe スマホ対応
***************************************************************/
@media screen and (max-width:737px) {
    .ggmap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .ggmap iframe,
    .ggmap object,
    .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

/*iframe map
***************************************************************/




/*ふわっと出現
***************************************************************/
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
}

.scroll_up.on {
    transform: translateY(0);
    opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*ふわっと出現
***************************************************************/

/*サイド固定バナー*/
/*---------------------pcのみ-----------------------*/
.banner {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 600;
}

.banner ul {
    border-left: solid 0px #000;
    border-bottom: solid 0px #000;
}

.banner li {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}



.banner li {}

.banner li a {
    display: block;
    /*padding: 50px 15px;*/
    font-size: 120%;
}

.banner li.request a {
    background: #2f4f4f;
    color: #ffffff;
}

.banner li.contact a {
    background: #fff100;
}

.banner li.request a:hover {
    background: #000000;
    color: #ffffff;
}

.banner li.contact a:hover {
    background: #000000;
    color: #ffffff;
}

.banner li a .def {
    display: inline;
}

.banner li a .over {
    display: none;
}

.banner li a:hover .def {
    display: none;
}

.banner li a:hover .over {
    display: inline;
}

/*---------------サイド固定バナー終わり---------------------*/


/*---------------contact モデルselect---------------------*/

.sheet02 td.modelselect {
    width: 100%;
}


.sheet02 td .modelselect li {
    width: 100%;
    height: 50px;
    float: left;

    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.sheet02 td .modelselect li span {
    font-size: 18px;
    padding-top: 10px;
    vertical-align: middle;

}

.sheet02 td .modelselect li select {
    width: 70%;
    background: #E8E8E8;
    border: none;
    float: left;
    display: inline-block;
    padding: 0 0 0 2%;
    text-align: left;
}

@media all and (max-width: 680px) {
    .sheet02 td.modelselect {
        width: 100%;
    }


    .sheet02 td .modelselect li.by {
        width: 100%;
        height: 40px;
        float: left !important;
        display: inline-block;
        margin: 0 1px;
        vertical-align: bottom;
    }


    .sheet02 td .modelselect li span {
        font-size: 14px;
        width: 15px;
        padding: 13px 1px 0 1px;
        font-weight: bold;
        vertical-align: bottom;

    }




    .sheet02 td .modelselect li select {
        width: 90%;
        background: #E8E8E8;
        height: 40px;
        float: left;
        border: none;
        display: inline-block;
        padding: 0 0 0 1%;
    }

}



/*---------------contact モデルselect　おわり---------------------*/