@charset "utf-8";

/*==============================
    基本設定
==============================*/
body{
    color:#333;
    font-size:12px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin:0;
    padding:0;
    text-align:left;
    background:#fff;
    -webkit-text-size-adjust:100%;
    position:relative;
    word-break:break-all;
    min-width: 1240px;
}
@media only screen and (max-width:767px){
	body{ min-width: 0;}
}

body *, body *::before, body *::after{box-sizing:border-box;}
img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
    font-weight:normal;
    text-align:left;
}

/*font layout*/
.fBold{font-weight:bold;}
.fRoman{font-family: 'Bebas Neue', sans-serif;}
.fBebas {font-family: 'Bebas Neue', cursive;}
.fSatisfy{font-family: 'Satisfy', cursive;}
/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.ro a,
a.ro,
a .ro{
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

/*rollover(brightnessによる変化)*/
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.brt a,
a.brt,
a .brt{
    -webkit-transition: filter 0.2s ease-out;
    -moz-transition: filter 0.2s ease-out;
    -ms-transition: filter 0.2s ease-out;
    transition: filter 0.2s ease-out;
}

/*ro無効化*/
.ro .no_ro a:hover,
.ro a.no_ro:hover{ filter:alpha(opacity=100);opacity:1; }

/*========================================
    レスポンシブ用(不要な場合は削除)
========================================*/
.spOnly,
.brSp,
.imgSp{
    display:none;
}
@media only screen and (max-width:767px){
    .spNone,
    .brPc,
    .imgPc{
        display:none;
    }
    .spOnly{
        display:block;
    }
    .brSp,
    .imgSp{
        display:inline;
    }
    .imgR{
        width:100%;
        height:auto;
    }
}

.img100{
    max-width: 100%;
    height: auto;
}

/*-----------------------------------------------
    imgCover
-----------------------------------------------*/
/* imgCover */
.imgCont,
.imgCover,
.imgCover2{
    position:relative;
}
.imgCont img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
    font-family:'object-fit:contain;';
}
.imgCover img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    font-family:'object-fit:cover;';
}
.imgCover2 img{
    width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

/*==============================
    アニメーション
==============================*/
/* js-effect-bnr */
.js-effect-bnr{
    position: relative;
    display: block;
    overflow: hidden;
}
.js-effect-bnr::after{
    background: #fff;
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.js-effect-bnr.lazyloaded::after{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
.js-effect-bnr::before{
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    background: #373e46;
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.js-effect-bnr.lazyloaded::before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

/*-----------------------------------------------
    common
-----------------------------------------------*/
#container {
    width: 100%;
    overflow: hidden;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
}

/* header */
#header{
    height: 140px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#header .boxLeft{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#header .logo{
    padding: 50px 0 0;
}
#header .txtArea{
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 57px 0 0 20px;
    line-height: 1.5;
}
#header .box{
    padding: 38px 0 0;
}
#header .box.boxTop{
    padding: 50px 0 0;
}
#header .box .txtArea,
#header .box .logo{
    padding: 0;
}
#header .box .txtArea{
    font-size: 11px;
    color: #595757;
    font-weight: bold;
}
#header .box .logo{
    margin: 10px 0 15px 0;
}
#header .box .headerTxt{
    color: #595757;
    font-size: 12px;
    font-weight: bold;
}
/* #header .boxTop .headerTxt{
    color: #fff;
} */
.headerTxt.outTxt{
    position: absolute;
    top: 25px;
    left: 20px;
    color: #595757;
    font-size: 12px;
    font-weight: bold;
}
@media only screen and (max-width:1600px){
    #header .boxLeft{
        display: block;
    }
    #header .logo{
        padding: 30px 0 0;
    }
    #header .txtArea{
        padding: 15px 0 0;
    }
}
@media only screen and (max-width:767px){
    #header{
        height: 85px;
        margin-top: 25px;
    }
    #header .logo{
        padding: 22px 0 0;
    }
    #header .logo img{
        width: auto;
        height: 22px;
    }
    #header .box{
        padding: 0;
    }
    #header .box .txtArea{
        font-size: 10px;
        line-height: 14px;
        color: #595757;
        padding: 8px 0 0 10px;
        font-weight: bold;
        letter-spacing: 0;
    }
    #header .box .logo{
        margin: 15px 0 0 0;
        padding-left: 10px;
    }
    .headerTxt.outTxt,
    #header .box .headerTxt{
        height: 25px;
        color: #595757;
        font-size: 10px;
        display: flex;
        align-items: center;
    }
    #header .box:not(.boxTop) .headerTxt{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #f6f6f6;
        padding-left: 10px;
    }
    .headerTxt.outTxt{
        top: 0;
        left: 0;
        color: #595757;
        font-size: 10px;
        width: 100%;
        background-color: #f6f6f6;
        padding-left: 10px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    #header .boxLeft{
        margin-right: 5%;
    }
    #header .boxRight{
        width: 67px;
        border-left: 1px solid #f6f6f6;
    }
}
@media only screen and (max-width:360px){
    #header .box .txtArea br{
        display: none;
    }
}

/* gNavi */
#gNavi .gNaviList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 63px 200px 0 0;
}
#gNavi li{
    margin-right: 54px;
}
#gNavi a{
    color: #000;
    text-decoration: none;
}
@media only screen and (max-width:1640px){
    #gNavi .gNaviList{
        font-size: 17px;
        padding: 63px 200px 0 0;
    }
    #gNavi li{
        margin-right: 34px;
    }
}
@media only screen and (max-width:1520px){
    #gNavi .gNaviList{
        font-size: 16px;
    }
    #gNavi li{
        margin-right: 14px;
    }
}
@media only screen and (max-width:1390px){
    #gNavi .gNaviList{
        font-size: 13px;
        white-space: nowrap;
    }
}
@media only screen and (max-width:767px){
    #gNavi{
        display: none;
    }
}

/* main */
@media only screen and (max-width:767px){
    #main{
        position: relative;
        padding-bottom: 60px;
    }
}

/* cmnMainTit */
.cmnMainTit{
    height: 340px;
    margin: 0 20px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
}
.cmnMainTit .tit{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: -78px;
    padding-left: 32px;
}
.cmnMainTit .tit::before{
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
}
.cmnMainTit .titRoman{
    font-size: 80px;
    color: #373e46;
    letter-spacing: 10px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: -45px;
}
.cmnMainTit::after{
    content: "";
    display: block;
    width: 1px;
    height: 80px;
    background-color: #000;
    position: absolute;
    bottom: -40px;
    right: calc(50% - 690px);
}
@media only screen and (max-width:1600px){
    .cmnMainTit .tit{
        left: 20px;
    }
    .cmnMainTit .titRoman{
        left: 20px;
    }
    .cmnMainTit::after{
        display: none;
    }
}
@media only screen and (max-width:767px){
    .cmnMainTit{
        height: 120px;
        margin: 0 0 87px;
        background-size: cover;
    }
    .cmnMainTit .tit{
        font-size: 14px;
        letter-spacing: 0.5px;
        left: 20px;
        bottom: -48px;
        padding-left: 32px;
    }
    .cmnMainTit .titRoman{
        font-size: 40px;
        letter-spacing: 5px;
        left: 20px;
        bottom: -23px;
    }
}

/* pnkz */
#pnkz{
    padding: 40px 0 94px 400px;
    text-align: right;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
#pnkz li{
    display: inline;
}
#pnkz li::after{
    content: "/";
}
#pnkz li:last-child::after{
    display: none;
}
#pnkz li:last-child{
    color: #006699;
}
#pnkz li a{
    color: #000;
    text-decoration: none;
}
@media only screen and (max-width:767px){
    #pnkz{
        padding: 18px 0 16px 20px;
        margin: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: left;
        background: #f6f6f6;
    }
}

/* cmnBtmBnr */
.cmnBtmBnr{
    padding: 150px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cmnBnrMiddle{
    padding: 150px 30px 20px;
}
.cmnBtmBnrBig{
    text-align: center;
    padding: 0 30px;
}
.cmnBtmBnr + .cmnBtmBnrBig{
    margin-top: -10px;
}
.cmnBtmBnr .bnr{
    display: block;
    width: calc(50% - 10px);
}
.cmnBtmBnr .bnrTxt{
    color: #fff;
    text-decoration: none;
}
.cmnBtmBnr.lazyloaded .bnrTxt.event{
    background: url(../img/common/bnrBtmEvent.jpg) center / cover;
}
.cmnBtmBnr .bnrTxt .inner{
    padding-top: 54.35%;
    position: relative;
}
.cmnBtmBnr .bnrTxt .innerIn{
    position: absolute;
    top: 24%;
    left: 0;
    width: 100%;
    padding: 0 150px 73px;
}
.cmnBtmBnr .bnrTxt .innerInModelHouse{
    padding: 0 62px 73px;
}

.cmnBtmBnr .bnrTxt .innerIn::before{
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 150px;
    bottom: 19px;
}
.cmnBtmBnr .bnrTxt .innerInModelHouse::before{
    left: 70px;
    bottom: 19px;
}
.cmnBtmBnr .bnrTxt .innerIn::after{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border: solid 1px #fff;
    border-radius: 50%;
    position: absolute;
    left: 250px;
    bottom: 0;
}
.cmnBtmBnr .bnrTxt .innerInModelHouse::after{
    left: 160px;
    bottom: 0;
}
.cmnBtmBnr.lazyloaded .bnrTxt .innerIn::after{
    background: url(../img/common/arrow.png) center / 6px no-repeat;
}
.cmnBtmBnr .bnrTxt .titRoman{
    font-size: 90px;
    letter-spacing: 10px;
}
.cmnBtmBnr .bnrTxt .tit{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 8px;
}
.cmnBtmBnr .bnrTxt .txt{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-top: 23px;
}
.bnrOnBtn{
    position:absolute;
    top:-113px;
    left:350px;
}
@media only screen and (max-width:1600px){
    .cmnBtmBnr .bnrTxt .innerIn{
        top: 24%;
        left: 0;
        width: 100%;
        padding: 0 50px 63px;
    }
    .cmnBtmBnr .bnrTxt .innerInModelHouse{
        padding: 0 30px 73px;
    }
    .cmnBtmBnr .bnrTxt .innerInModelHouse::before{
        left: 50px;
    }
    .cmnBtmBnr .bnrTxt .innerIn::before{
        left: 30px;
    }
    .cmnBtmBnr .bnrTxt .innerIn::after{
        left: 150px;
    }
    .cmnBtmBnr .bnrTxt .innerInModelHouse::after{
        left: 130px;
    }
    .cmnBtmBnr .bnrTxt .titRoman{
        font-size: 60px;
        letter-spacing: 5px;
    }
    .cmnBtmBnr .bnrTxt .tit{
        font-size: 20px;
        letter-spacing: 0.5px;
        margin-top: 8px;
    }
    .cmnBtmBnr .bnrTxt .txt{
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.5px;
        margin-top: 15px;
    }
}
@media only screen and (max-width:767px){
    .cmnBtmBnr{
        padding: 60px 0 0;
    }
    .cmnBtmBnrBig{
        padding-top: 1px;
        padding: 0;
    }
    .cmnBtmBnr + .cmnBtmBnrBig{
        margin-top: 1px;
    }
    .cmnBtmBnr .bnr{
        width: calc(50% - 0.5px);
    }
    .cmnBtmBnr .bnrTxt .inner{
        padding-top: 96%;
    }
    .cmnBtmBnr .bnrTxt .innerIn{
        top: 50%;
        padding: 0 0 35px;
        text-align: center;
        transform: translateY(-50%) translateX(0%);
        -webkit-transform: translateY(-50%) translateX(0%);
    }
    .cmnBtmBnr .bnrTxt .innerIn::before{
        width: 40px;
        left: calc(50% - 36px);
        bottom: 13px;
    }
    .cmnBtmBnr .bnrTxt .innerIn::after{
        left: calc(50% + 9px);
        width: 27px;
        height: 27px;
    }
    .cmnBtmBnr .bnrTxt .titRoman{
        font-size: 35px;
        letter-spacing: 5px;
    }
    .cmnBtmBnr .bnrTxt .tit{
        font-size: 15px;
        letter-spacing: 0;
        margin-top: 2px;
    }
    .cmnBtmBnr .bnrTxt .txt{
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 1.5;
        margin-top: 6px;
    }
    .cmnBtmBnr.solo .bnr{
        width: 89.336%;
        margin: 0 auto;
    }
}

/*-----------------------------------------------
	menu
-----------------------------------------------*/
#header .btnMenu{
	position: relative;
	display: block;
	width: 18px;
	height: 16px;
}
#header .btnMenu span:not(.txt){
    /* position: absolute;
    left: 0; */
    display: block;
	width: 20px;
	height: 2px;
	background: #1d1d1d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#header .btnMenu span:nth-child(1){top: 0;}
#header .btnMenu span:nth-child(2){top: 7px;}
#header .btnMenu span:nth-child(3){top: 14px;}
#header .wrapper, #header .link, #header .navList {
    display: none;
}
@media only screen and (max-width:767px){
    #header{
        padding: 0;
    }
    #header .btnMenu{
        width: 100%;
        height: 100%;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 5px;
    }
	#header .btnMenu span:not(.txt){
		height: 2px;
	}
    #header .btnMenu span:nth-child(2) {
        margin: 6px 0;
    }
	#header .btnMenu .txt{
        color: #373e46;
        font-size: 14px;
        margin-top: 6px;
        letter-spacing: 1px;
	}
    #header .wrapper, #header .link {
        height: 60px;
    }
    #header .wrapper, #header .link, #header .navList {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        height: 64px;
    }
    #header .link{
        height: 100%;
    }
}

#menu{
    position: fixed;
    top: 0;
    bottom: 0;
    right: -285px;
    width: 285px;
	background: #000;
	padding: 60px 43px;
	overflow: auto;
	opacity: 0;
	z-index: 1100;
    -webkit-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    transition: all 450ms ease;
}
.menuOpen #menu {
	opacity: 1;
	right: 0;
}
#nav_bg {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .4);
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	overflow: hidden;
    transition: 500ms ease;
    transition-property: opacity visibility;
}
.menuOpen #nav_bg {
    opacity: 1;
	visibility: visible;
	z-index: 1000;
}
#menu .btnMenu {
	position: absolute;
    top: 40px;
    right: 40px;
	display: block;
	width: 18px;
	height: 18px;
}
#menu .btnMenu span{
	position: absolute;
	top: 0;
	left: 0;
    display: block;
	width: 18px;
	height: 2px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#menu .btnMenu span:nth-child(1){
	-webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
    width: 25px;
	background: #FFF;
}
#menu .btnMenu span:nth-child(2){
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
    width: 25px;
	background: #FFF;
}
#menu li{
	margin-top: 20px;
	-webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0;
    -webkit-transition: all cubic-bezier(.63,.02,.15,1.01) 700ms;
    -o-transition: all cubic-bezier(.63,.02,.15,1.01) 700ms;
    transition: all cubic-bezier(.63,.02,.15,1.01) 700ms;
}
.menuOpen #menu li {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.menuOpen #menu li:nth-child(1) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}
.menuOpen #menu li:nth-child(2) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.menuOpen #menu li:nth-child(3) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}
.menuOpen #menu li:nth-child(4) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.menuOpen #menu li:nth-child(5) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.menuOpen #menu li:nth-child(6) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.menuOpen #menu li:nth-child(7) {
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.menuOpen #menu li:nth-child(8) {
	-webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms;
}

.menuOpen #menu li:nth-child(9) {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.menuOpen #menu li:nth-child(10) {
	-webkit-transition-delay: 550ms;
	-moz-transition-delay: 550ms;
	-o-transition-delay: 550ms;
	transition-delay: 550ms;
}

.menuOpen #menu li:nth-child(11) {
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.menuOpen #menu li:nth-child(12) {
	-webkit-transition-delay: 650ms;
	-moz-transition-delay: 650ms;
	-o-transition-delay: 650ms;
	transition-delay: 650ms;
}

.menuOpen #menu li:nth-child(13) {
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.menuOpen #menu li:nth-child(14) {
	-webkit-transition-delay: 750ms;
	-moz-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.menuOpen #menu li:nth-child(15) {
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.menuOpen #menu li:nth-child(16) {
	-webkit-transition-delay: 850ms;
	-moz-transition-delay: 850ms;
	-o-transition-delay: 850ms;
	transition-delay: 850ms;
}

.menuOpen #menu li:nth-child(17) {
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}
.menuOpen #menu li:nth-child(18) {
	-webkit-transition-delay: 950ms;
	-moz-transition-delay: 950ms;
	-o-transition-delay: 950ms;
	transition-delay: 950ms;
}
.menuOpen #menu li:nth-child(19) {
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}
.menuOpen #menu li:nth-child(20) {
	-webkit-transition-delay: 1050ms;
	-moz-transition-delay: 1050ms;
	-o-transition-delay: 1050ms;
	transition-delay: 1050ms;
}
.menuOpen #menu li:nth-child(21) {
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	-o-transition-delay: 1100ms;
	transition-delay: 1100ms;
}
.menuOpen #menu li:nth-child(22) {
	-webkit-transition-delay: 1150ms;
	-moz-transition-delay: 1150ms;
	-o-transition-delay: 1150ms;
	transition-delay: 1150ms;
}
.menuOpen #menu li:nth-child(23) {
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}
#menu li a{
	font-size: 14px;
	font-weight: 200;
	line-height: 1.2;
	letter-spacing: 0.5px;
	color: #FFF;
}
#menu li a:hover{
	border-bottom: solid 1px #FFF;
}

/* footer */
#footer{
    color: #fff;
    background-color: #373e46;
    padding: 60px 0 70px;
}
#footer .boxTel{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    letter-spacing: 0.5px;
}
#footer .boxTel dt{
    padding: 15px 30px 15px 0;
    border-right: solid 1px #fff;
}
#footer .boxTel dd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 30px;
}
#footer .boxTel .tel{
    display: block;
    color: #fff;
    background: url(../img/common/footetTel.gif) left center no-repeat;
    text-decoration: none;
    font-size: 40px;
    letter-spacing: 5px;
    padding: 0 0 0 30px;
}
#footer .boxTel .time{
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 0 0 0 20px;
}
#footer .boxLink{
    max-width: 1180px;
    margin: 60px auto 0;
    padding: 60px 0 30px;
    border-top: solid 1px rgba(255,255,255,0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#footer .boxLink li{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin: 0 0 26px;
}
#footer .boxLink a{
    color: #fff;
    text-decoration: none;
}
#footer .footerLogoBox{
    display: flex;
    justify-content: center;
    margin: 0 auto 35px;
}
#footer .logo{
    display: block;
}
#footer .logo + .logo{
    margin-left: 15px;
}
#footer .boxNav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 0 0 35px;
}
#footer .boxNav li::after{
    content: "|";
    padding: 0 15px;
}
#footer .boxNav li:last-child::after{
    display: none;
}
#footer .boxNav a{
    color: #fff;
    text-decoration: none;
}
#footer .txtProduce{
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 0 45px;
}
#footer .copyright{
    font-family: Verdana, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-align: center;
}
@media only screen and (max-width:1300px){
    #footer .boxLink{
        max-width: 1000px;
    }
}
@media only screen and (max-width:767px){
    #footer{
        padding: 40px 0 120px;
    }
    body.noSpNav #footer{
        padding-bottom: 50px;
    }
    #footer .boxTel{
        display: block;
        font-size: 15px;
        text-align: center;
    }
    #footer .boxTel dt{
        padding: 0 0 10px;
        border-right: none;
    }
    #footer .boxTel dd{
        display: block;
        padding: 0;
    }
    #footer .boxTel .tel{
        display: inline-block;
        vertical-align: top;
        background-size: 19px;
        font-size: 36px;
        padding: 3px 0 3px 30px;
        letter-spacing: 3px;
    }
    #footer .boxTel .time{
        font-size: 13px;
        padding: 13px 0 0;
    }
    #footer .boxLink{
        margin: 40px auto 30px;
        padding: 0;
        border-top: solid 1px rgba(255,255,255,0.2);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 0;
        max-width: 335px;
    }
    #footer .boxLink .item{
        border-bottom: solid 1px rgba(255,255,255,0.2);
        padding: 16px 0 3px;
        width: 100%;
    }
    #footer .boxLink li{
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 11px;
        font-weight: normal;
        margin: 0 0 12px;
        letter-spacing: 0;
    }
    #footer .boxLink a{
        position: relative;
        display: block;
        padding-left: 10px;
    }
    #footer .boxLink a::before{
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 0 3px 6px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
    }
    #footer .footerLogoBox{
        align-items: center;
        flex-direction: column-reverse;
        margin: 0 auto 17px;
    }
    #footer .logo{
        width: 205px;
    }
    #footer .logo + .logo{
        width: 184px;
        margin: 0 0 20px 0;
    }
    #footer .logo img{
        width: 100%;
        height: auto;
    }
    #footer .boxNav{
        display: none;
    }
    #footer .txtProduce{
        margin: 0 0 25px;
    }
}
@media only screen and (max-width:350px){
    #footer .boxLink{
        margin-left: 20px;
        margin-right: 20px;
    }
    #footer .boxLink li{
        width: 100%;
    }
}

/* sideBtn */
#sideBtn{
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 100;
}
#sideBtn li{
    margin: 0 0 10px;
}
#sideBtn a{
    display: block;
    width: 220px;
    border-radius: 5px 0 0 5px;
    color: #fff;
    text-decoration: none;
    padding: 22px 0 22px 76px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
#sideBtn li.reserve a{
    background: url(../img/common/iconSideReserve.gif) #6aba03 44px center / 22px no-repeat;
    
}
#sideBtn li.contact a{
    background: url(../img/common/iconSideContact.gif) #00a0e9 44px center / 20px no-repeat;
}
#sideBtn li.tel a{
    background: url(../img/common/iconSideTel.gif) #373e46 46px center / 13px no-repeat;
    padding-left:64px;
    font-size: 17px;
}
@media only screen and (max-width:1400px){
    #sideBtn li.tel a{
        font-size: 18px;
    }
}
@media only screen and (max-width:767px){
    #sideBtn{
        display: none;
    }
}





/* footerBtn */
#footerBtn{
	display: flex;
	display: -webkit-flex;
    position: fixed;
    right: 90px;
    bottom: -87px;
    z-index: 40;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;    
}
#footerBtn.active{
    bottom: 0;
}
#footerBtn li{
    margin: 0 10px 0 0;
}
#footerBtn a{
    display: block;
    width: 200px;
    border-radius: 5px 5px 0 0;
    color: #fff;
    text-decoration: none;
    padding: 22px 0 24px 65px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
#footerBtn li.reserve a{
    background: url(../img/common/iconSideReserve.gif) #6aba03 35px center / 22px no-repeat;
}
#footerBtn li.contact a{
    background: url(../img/common/iconSideContact.gif) #00a0e9 35px center / 20px no-repeat;
}
@media only screen and (max-width:767px){
    #footerBtn{
        display: none;
    }
}

/* footerBtnSp */
#footerBtnSp{
    display: none;
}
@media only screen and (max-width:767px){
    #footerBtnSp{
        width: 100%;
        border-top: solid 1px #fff;
        position: fixed;
        bottom: -80px;
        right: left;
        z-index: 100;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    body.noSpNav #footerBtnSp{
        display: none;
    }
    #footerBtnSp.active{
        bottom: 0;
    }
    #footerBtnSp li{
      width: 25%;
      border-right: solid 1px #fff;
    }
    #footerBtnSp li:last-child{
        border-right: none;
    }
    #footerBtnSp a{
        display: block;
        height: 70px;
        padding: 33px 0 0;
        color: #fff;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 1.3;
        background-color: #373e46;
        text-align: center;
    }
    #footerBtnSp li.reserve a{
        background: url(../img/common/iconSideReserve.gif) #6aba03 center 11px / 20px no-repeat;
    }
    #footerBtnSp li.contact a{
        background: url(../img/common/iconSideContact.gif) #00a0e9 center 11px / 22px no-repeat;
    }
    #footerBtnSp li.member a{
        background: url(../img/common/iconSideMember.gif) #373e46 center 11px / 24px no-repeat;
    }
    #footerBtnSp li.tel a{
        background: url(../img/common/iconSideTel.gif) #373e46 center 11px / 15px no-repeat;
    }
}

/* pageTop */
#pageTop{
    position: fixed;
    bottom: -87px;
    right: 20px;
    z-index: 100;
    background: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 0;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#pageTop.active{
    bottom:20px;
}
#pageTop::before{
    content: "";
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    border-top: 3px solid #373e46;
    border-right: 3px solid #373e46;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media only screen and (max-width:767px){
    #pageTop{
        right: 15px;
        width: 40px;
        height: 40px;
    }
    #pageTop.active{
        bottom:85px;
    }
    #pageTop::before{
        top: 17px;
        width: 10px;
        height: 10px;
    }
    #pageTop.active{
        bottom: 85px;
    }
}

/* wrapper */
.wrapper1280{
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.wrapper1650{
    max-width: 1650px;
    margin: 0 0 0 auto;
}
.wrapper1240{
    max-width: 1240px;
    margin: 0 auto;
}
.wrapper620{
    max-width: 620px;
    margin: 0 auto;
}
@media only screen and (max-width:1340px){
    .wrapper1280{
        margin-left: 20px;
        margin-right: 20px;
    }
    .wrapper1650{
        max-width: 100%;
        width:100%;
    }
    .wrapper1240,
    .wrapper620{
        max-width: 50%;
        width:100%;
    }
}
@media only screen and (max-width:767px){
    .wrapper1240,
    .wrapper620{
        max-width: 335px;
        width:100%;
    }
}

/* cmnBtn */
.cmnBtn{
    display: block;
    max-width: 300px;
    margin: 0 auto;
    padding: 21px 45px 19px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 1000px;
    position: relative;
    overflow: hidden;
}
.cmnBtnIn{
    position: relative;
    z-index: 1;
}
.cmnBtn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 0;
    -webkit-transition: left 0.2s cubic-bezier(.41,.2,.38,.8);
    -moz-transition: left 0.2s cubic-bezier(.41,.2,.38,.8);
    -ms-transition: left 0.2s cubic-bezier(.41,.2,.38,.8);
    transition: left 0.2s cubic-bezier(.41,.2,.38,.8);
}
.cmnBtn::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.cmnBtn:hover{
    color: #fff;
    opacity:1 !important;
}
.cmnBtn:hover::before{
    left: 0;
}
.cmnBtn:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.cmnBtn.btnMore::after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width:767px){
    .cmnBtn{
        max-width: 235px;
        margin: 0 auto;
        padding: 16px 45px 12px;
        font-size: 13px;
    }
    .cmnBtn::after{
        right: 30px;
    }
}

/* cmnBtnLeft */
.cmnBtnLeft::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: 40px;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: none;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.cmnBtnLeft:hover::after{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-top: none;
}
@media only screen and (max-width:767px){
    .cmnBtnLeft::after{
        right: auto;
        left: 30px;
    }
}

.secForm{
    background: url(../img/common/bgForm.gif) top center repeat;
    background-size:100px 100px ;
	padding-bottom:100px;
	margin-top:120px;
}
.secForm.co{
    padding-bottom:0;
}
.secForm.ok{
    padding-bottom:0;
}
.secForm .bgBox{
	padding:0;
	position:relative;
	margin-top:150px;
	background-color: #fff;
}
.secForm .boxCenter{ text-align:center;}
.secForm .titEng{
	font-size:70px;
	line-height:70px;
	letter-spacing:8px;
	position:absolute;
	top:-35px;
	left:0;
	right:0;
	margin:0 auto;
}
.secForm .titMain{
	font-size:22px;
	line-height:50px;
	font-weight:700;
	letter-spacing:3px;
	padding-top:55px;
}
.secForm .txtMain{
	font-size:15px;
	line-height:30px;
	padding-top:40px;
}
.secForm .txtMain .fRed{ color:#e30000;}
.secForm .secFormStep {
    margin: 22px auto 0;
    font-size: 0;
    text-align: center;
    position: relative;
}
.secForm .secFormStep::after{
    content:"";
    position:absolute;
    top:calc(50% - 2px);
    right:0;
    left:0;
    background:#000;
    width:220px;
    height:2px;
    margin:0 auto;
    z-index:1;
}
.secForm .secFormStep li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 50px;
    position: relative;
    z-index: 2;
}
.secForm .secFormStep li:last-child{ margin-right:0px;}
.secForm .secFormStep .stepEng{
    font-size:15px;
    line-height:35px;
    font-weight:900;
    letter-spacing: 0.5px;
}
.secForm .secFormStep li.active .stepEng{ color:#f39e0f;}
.secForm .secFormStep .stepIcon{
    width:20px;
    height:20px;
    margin:0 auto;
    border-radius: 50%;
    border:1px solid #000;
    margin-top:3px;
    background:#fff;
}
.secForm .secFormStep li.active .stepIcon{
    background:#f39e0f;
    border:1px solid #f39e0f;
}
.secForm .secFormStep .stepTxt{
    font-size:16px;
    line-height:32px;
    padding-top:7px;
    font-weight:700;
    letter-spacing:0.5px;
}
.secForm .secFormStep li.active .stepTxt{ color:#f39e0f;}
.secForm .secFormTable,
.secForm .secCalendar{
	width:calc(100% - 40px);
	max-width:1180px;
	margin:0 auto;
}
.secForm .secCalendar{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.secForm .tableIn{
	background:#fff;
	margin-top:42px;
	padding:0 0 100px ;
}
.secFormTable tr{ border-bottom:1px solid #e1e1e1;}
.secFormTable tr th ,
.secCalendar .titCalendar{
    width: 210px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1.5px;
    padding: 41px 0;
    vertical-align: top;
    position: relative;
    font-weight: normal;
}
.secCalendar .secFormCalendar{
	width:calc(100% - 210px);
	font-size: 15px;
    line-height: 32px;
	padding: 29px 0 0;
    vertical-align: top;
	position:relative;
}
.secFormTable tr th.pt01 { padding:28px 0;}
.secFormTable tr th .must ,
.secCalendar .titCalendar .must{ color: #cd2929;}
.secFormTable tr td { 
	width:calc(100% - 210px);
	font-size: 15px;
    line-height: 32px;
	padding: 29px 0;
    vertical-align: top;
	position:relative;
}
.secFormTable tr td.pt0{ padding-top:0;}
.co .secFormTable tr td { vertical-align:middle;}
.secFormTable tr th.light26 { line-height:26px;}
.secFormTable .subTxt {
	font-size:12px;
	line-height:26px;
	display:block;
	padding-left:14px;
    margin-top: 10px;
}
.secFormTable .subTxt.red { color:#ff0000;}
.secFormTable .passIn{ 
	position:relative;
	width:360px;
	display:inline-block;
}
.secFormTable .iconEye {
    position: absolute;
    right: 20px;
    top: -30px;
    bottom: 0;
    margin: auto;
    width: 17px;
    height: 17px;
    text-align: center;
    cursor: pointer;
}
.secFormTable .txtNote {
	font-size:12px;
	line-height:26px;
	padding-top:10px;
}
.secFormTable .txtNote .fRed{ color:#ff0000;}
.secFormTable .otherTxt{ 
	color:#a2a2a2;
	padding-left:10px;
}
.secForm .flBox {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
	font-size:14px;
}
.secForm .boxMore {
    display: none;
    padding-top: 20px;
}
.secFormTable .titMore{
	background:#fff100;
	padding:10px 10px;
	font-weight:700;
}
.secFormTable .txtMore{ 
	font-weight:700;
	padding:10px 0;
}
.secFormTable td a {
	color:#333;
	border-bottom:1px solid #333;
	display:inline-block;
	text-decoration:none;
}
.secForm input[type="checkbox"] {
    margin: -3px 10px 0 0;
    width: 20px;
    height: 20px;
}
.secForm input[type="radio"] {
    margin: -3px 10px 0 0;
    width: 20px;
    height: 20px;
}
.secFormTable input[type="text"], 
.secFormTable input[type="tel"], 
.secFormTable input[type="email"], 
.secFormTable input[type="number"], 
.secFormTable input[type="password"], 
.secFormTable select {
    height: 54px;
    border: 1px solid #e6e6e6;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    background: #fff;
    font-family: inherit;
}
.secFormTable input[type="text"].inputRequired, 
.secFormTable input[type="tel"].inputRequired, 
.secFormTable input[type="email"].inputRequired, 
.secFormTable input[type="number"].inputRequired, 
.secFormTable input[type="password"].inputRequired, 
.secFormTable select.inputRequired {
    background: #fffef7;
    border: 1px solid #cd2929;
}
.secForm .btnQuestionnaire {
    display: block;
    width: calc(100% - 40px);
    max-width: 1180px;
    margin: 40px auto 0;
    padding: 38px 0;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background: #fff100;
    color: #dd293d;
    border-bottom: solid 4px #eadd00;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 700;
	transition: .5s;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.secForm .btnQuestionnaire.on .onBtn{ display:none;}
.secForm .btnQuestionnaire .noneBtn{ display:none;}
.secForm .btnQuestionnaire.on .noneBtn{ display:block;}
.secForm .boxQuestionnaire{ display: none;}
.secForm .none { display: none;}
.secForm textarea {
	height: 150px;
    border: 1px solid #e6e6e6;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    background: #fff;
    font-family: inherit;
	width:100%;
}
.secFormTable .btnZip {
    display: inline-block;
    width: 120px;
    line-height: 40px;
    color: #000;
    background: #000;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
}
.secFormTable .boxZip {
    font-size: 0;
    margin-top: 10px;
}
.secFormTable .subZip { width: calc(100% - 160px);}
.secForm .txtForm{
	font-size:18px;
	line-height:32px;
	font-weight:700;
	text-align:center;
	padding:20px 0 30px;
	letter-spacing:1px;
}
.secForm .titFormTable{
	font-size:18px;
	line-height:32px;
	font-weight:700;
	text-align:center;
	background:#fff100;
	width: calc(100% - 40px);
    max-width: 1180px;
    margin: 0 auto;
	padding:14px 0;
}
.secFormTable .boxAreaList.margin10 li + li{ margin-top:10px;}
.secFormTable .mt5 { margin-top:5px;}
.secFormTable .mt10 { margin-top:10px;}
.secFormTable .mr5 { margin-right:5px;}
.secFormTable .mr10 { margin-right:10px;}
.secFormTable .mr20 { margin-right:20px;}
.secFormTable .mr22 { margin-right:22px;}
.secFormTable .mr30 { margin-right:30px;}
.secFormTable .mr35 { margin-right:35px;}
.secFormTable .ml10 { margin-left:10px;}
.secFormTable .h100 { height: 100px !important;}
.secFormTable .w100 { width: 100%;}
.secFormTable .w100p { width: 100px;}
.secFormTable .w120 { width: 120px;}
.secFormTable .w130 { width: 130px;}
.secFormTable .w150 { width: 150px;}
.secFormTable .mw150{ min-width:150px;}
.secFormTable .mw200{ min-width:200px;}
.secFormTable .w360 { width: 360px;}
.secFormTable .w400 { width: 400px;}
.secFormTable .loanBox {
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	align-items: center;
    -webkit-align-items: center;
}
.secFormTable .txtError {
    color: #f00;
    font-size: 12px;
    background: url(../img/common/iconError.png) left top no-repeat;
    background-size: 14px;
    padding: 0 0 0 17px;
    margin-top: 10px;
    line-height: 14px;
    text-align: left;
}
.secForm .boxNote{
    width:calc(100% - 40px);
	max-width:1180px;
    margin:40px auto 0;
    background:#fbfbfb;
    padding:43px 50px;
}
.secForm .boxNote .boxTit {
    font-size:15px;
    line-height:30px;
}
.secForm .boxNote .boxTxt {
    font-size:13px;
    padding-top:8px;
    line-height:28px;
}
.secForm .boxNote .boxTxt .color{ color:#cd2929;}
.btnForm {
    font-size: 20px;
    display: block;
    font-weight: 700;
    letter-spacing: 2px;
    background: #373e46;
    width: 380px;
    padding: 30px 0;
    margin: 40px auto 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
	position:relative;
	border-radius: 100px;
}

.ui-menu .ui-menu-item{
    font-size:16px;
    padding:10px !important;
    list-style-image:none !important;
}
.secForm .btnPrevMain{
    display: block;
    margin: 50px auto 0;
}
.btnPrevMain {
    font-size: 20px;
    display: block;
    font-weight: 700;
    letter-spacing: 2px;
    background: #fff;
    width: 380px;
    padding: 30px 0;
    margin: 40px auto 0;
    text-align: center;
    color: #373e46;
    text-decoration: none;
    position: relative;
    border-radius: 100px;
    border: 1px solid #000;
}
.secForm .txtOk {
    font-size: 16px;
    margin-top: 40px;
    line-height: 1.8;
    letter-spacing: 1.5px;
    text-align: center;
}
.secForm .boxNoteC{
	border:1px solid #000;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	margin:25px 0 15px;
}
.secForm .boxNoteC .ico{
	font-size:13px;
	line-height:50px;
	margin-right:30px;
}
.secForm .boxNoteC .ico:last-child{ margin-right:0;}
.secForm .boxNoteC .activeOn{
	width:16px;
	height:16px;
	border:2px solid #e9495b;
	border-radius: 50%;
	display:inline-block;
	vertical-align:-4px;
}
.secForm .boxNoteC .batsu{
	font-size:16px;
	font-weight:700;
	vertical-align:-2px;
}
@media only screen and (max-width:767px){
	.secForm .bgBox{
		padding:0 0 20px;
		margin-top:85px;
	}
	.secForm .titEng{
		font-size:38px;
		line-height:38px;
		letter-spacing:2px;
		top:-12px;
	}
	.secForm .titMain{
		font-size:16px;
		line-height:30px;
		letter-spacing:1px;
		padding-top:40px;
	}
	.secForm .txtMain{
		font-size:12px;
		line-height:22px;
		padding-top:20px;
	}
	.secForm .secFormStep { margin: 14px auto 0;}
	.secForm .secFormStep::after{
		top:calc(50% - 4px);
		width:115px;
        height: 1px;
	}
    .secForm .secFormStep li{
        margin-right: 20px;
    }
	.secForm .secFormStep .stepEng{
		font-size:13px;
        letter-spacing: 0.5px;
		line-height:23px;
        font-weight: normal;
	}
	.secForm .secFormStep .stepIcon{
		width:15px;
		height:15px;
		margin-top:3px;
	}
	.secForm .secFormStep .stepTxt{
		font-size:13px;
		padding-top:0px;
		font-weight:500;
        letter-spacing: 0.5px;
	}
	.secForm .tableIn{
		width:92%;
		margin:20px auto 0;
		padding:0px 0 30px;
	}
	.secForm .secFormTable,
	.secForm .secCalendar{ width:100%;}
	.secFormTable tbody,
    .secFormTable tr,
    .secFormTable tr th,
	.secCalendar .titCalendar,
	.secForm .secCalendar,
	.secCalendar .secFormCalendar,
    .secFormTable tr td{
        display: block;
        width:100%;
    }
	.secFormTable tr th.height0{ 
		height:0;
		padding:0;
	}
	.secFormTable tr{ border-bottom:none;}
	.secCalendar .secFormCalendar{ padding:13px 4% 0;}
	.secFormTable tr th,
	.secCalendar .titCalendar,
	.secFormTable tr th.pt01{
		font-size:13px;
		letter-spacing:0.5px;
		padding: 10px 0 0;
		border-top:1px solid #e1e1e1;
	}
	.secFormTable tr td{
		width:97%;
		margin:0 auto;
		font-size:13px;
	    padding: 5px 0 15px;
	}
	.secFormTable tr:last-child td{ padding-bottom:0;}
	.secFormTable input[type="text"], 
	.secFormTable input[type="tel"], 
	.secFormTable input[type="email"], 
	.secFormTable input[type="number"], 
	.secFormTable input[type="password"], 
	.secFormTable select{ height:40px;}
	.secFormTable .subTxt {
		font-size: 11px;
		display: block;
		line-height:20px;
		padding: 10px 0 0;
	}
	.secFormTable .txtNote {
		font-size: 12px;
		line-height: 19px;
		padding-top: 4px;
	}
	.secFormTable .passIn{ width:100%;}
	.secFormTable .w360,
	.secFormTable .w400{ width:100%;}
	.secFormTable .mts10{ margin-top:10px;}
	.secFormTable .titMore,
	.secFormTable .txtMore { line-height:20px;}
	.secFormTable .otherTxt{
		display:block;
		padding:0 0 0;
	}
	.secForm .flBox{ display:block;}
	.secForm .boxNote{
		width:100%;
		margin:28px auto 0;
		padding:30px 10px;
	}
	.secForm .boxNote .boxTit {
		font-size:12px;
		font-weight:700;
	}
	.secForm .boxNote .boxTxt {
		font-size:12px;
		padding-top:3px;
		line-height:1.9;
        letter-spacing: 1px;
	}
	.btnForm {
		font-size: 17px;
        width: 298px;
		padding: 26px 0;
		margin: 25px auto 0;
        letter-spacing: 1px;
	}
	.btnForm::before{ display:none;}
	.btnForm::after{
		right: 23px;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.secForm .btnPrevMain{ 
        margin-top:30px;
        width: 298px;
    }
    .btnPrevMain {
        font-size: 17px;
        padding: 26px 0;
    }
	.secForm .txtOk {
		font-size: 14px;
		margin-top: 30px;
		padding:0 4%;
		line-height: 24px;
		letter-spacing: 0.5px;
		text-align:left;
	}
	.secFormTable .w150{ width:135px;}
	.secFormTable .selectZip{ 
		display:block;
		width:110px;
	}
	.secFormTable .btnZip{
		font-size:12px;
		line-height:38px;
		width:110px;
	}
	.secFormTable .subZip{ 
		width:100%;
		margin-top:10px;
	}
	.secForm .boxNoteC {margin: 10px 0 10px;}
	.secForm .boxNoteC .ico{
		margin-right:10px;
		line-height:44px;
	}
	.secForm .txtForm {
		font-size: 12px;
		line-height: 20px;
		padding: 10px 0 23px;
		letter-spacing: 1px;
	}
	.secForm .btnQuestionnaire {
		width:92%;
		margin: 10px auto 0;
	    border-bottom: solid 2px #eadd00;
		padding: 18px 0 13px;
		font-size: 13px;
		line-height:20px;
	}
	.secForm .titFormTable{ display:none;}
}


@media only screen and (max-width:767px){
}

/* secForm */
.secForm{ margin-bottom:150px;}
.secForm .bgBox{ margin-top:80px;}
@media only screen and (max-width:767px){
	.secForm .bgBox{ 
		margin-top:85px;
		margin-left:0;
		margin-right:0;
	}
	.secForm { 
		margin-bottom:0;
		padding-bottom:50px;
		margin-top: 80px;
	}
    .secForm.co{
        margin-top: 30px;
    }
    .secForm.co .bgBox {
        margin-top: 80px;
        padding-bottom: 50px;
    }
}

/* datepicker */
.ui-widget.ui-widget-content{
	z-index: 1000 !important;
	font-size: 15px;
}
@media only screen and (max-width:767px){
	.ui-widget.ui-widget-content{
		font-size: 17px;
	}
}
.secForm .type1 input[type="radio"] {
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 0px;
}


/* bnrWrapperCenter */
.bnrWrapperCenter{
    text-align: center;
}
.bnrWrapperCenter a{
    display: inline-block;
}