@charset "utf-8";
/*==============================
    remの基準
==============================*/
html{
    font-size: 10px!important;
}
@media only screen and (max-width:1500px){
    html{
        font-size: calc((10 / 1500) * 100vw)!important;
    }
}
@media only screen and (max-width:1215px){
    html{
        font-size: 10px!important;
    }
}
/*==============================
    変数設定
==============================*/
/* 幅の基準 */
:root {
    --widthBase : 192rem;
}
@media only screen and (max-width:1920px){
    :root {
        --widthBase : 100vw;
    }
}
@media only screen and (max-width:1400px){
    :root {
        --widthBase : 1400px;
    }
}
@media only screen and (max-width:1215px){
    :root {
        --widthBase : 375px;
    }
}
@media only screen and (max-width:374px){
    :root {
        --widthBase : 100vw;
    }
}

/*==============================
    変数設定
==============================*/
:root {
    --textColor: #222;
    --greenColor: #04603C;
    --blackColor: #000;
    --whiteColor: #fff;
    --btnColor: #9D831C;
    --footerColor: #333;
    --menuColor: rgba(78, 78, 78, 0.9);
    --swiper_btnColor: #222;

    --footerPc: 200px;
    --footerSp: 80px;

    /* フォントサイズ（PC） */
    --pcFontSize12: 1.2rem;
    --pcFontSize13: 1.3rem;
    --pcFontSize14: 1.4rem;
    --pcFontSize15: 1.5rem;
    --pcFontSize16: 1.6rem;
    --pcFontSize17: 1.7rem;
    --pcFontSize30: 3rem;
    --pcFontSize35: 3.5rem;

    /* フォントサイズ（SP）*/
    --spFontSize10: calc((10 / 375) * var(--widthBase));
    --spFontSize11: calc((11 / 375) * var(--widthBase));
    --spFontSize12: calc((12 / 375) * var(--widthBase));
    --spFontSize13: calc((13 / 375) * var(--widthBase));
    --spFontSize14: calc((14 / 375) * var(--widthBase));
    --spFontSize28: calc((28 / 375) * var(--widthBase));
    --spFontSize34: calc((34 / 375) * var(--widthBase));
}

/*==============================
	基本設定
==============================*/
body{
	color: var(--textColor);
	font-size:12px;
	margin:0;
	padding:0;
	text-align:left;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background:#fff;
	-webkit-text-size-adjust:100%;
	position:relative;
	width:100%;
	min-width: 1240px;
	min-width: 1180px;
	font-weight: 500;
    overflow-y: scroll;
}
@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:500;}
th{
	font-weight:500;
	text-align:left;
}
a {
	color: #000;
	text-decoration: none;
}
a:focus{outline:none;}

/*font layout*/
.fBold{font-weight:bold;}
.fVerdana{font-family:Verdana;}
.fSerif{font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.fNoto{font-family:'Noto Sans JP', sans-serif;}
.fCondensed{font-family: 'Roboto Condensed', sans-serif;}
.fAlegreya{font-family: 'Alegreya Sans SC', sans-serif;}
.fRoboto{font-family: 'Roboto', sans-serif;}
.fCaveat{font-family: 'Caveat', cursive;}
.fGaramond{font-family: "EB Garamond", serif;}
.fYu{font-family: "YakuHanMP","游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 'Noto Serif Japanese';}

.cursorPointer{
	cursor: pointer;
}
/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover,
.cursorPointer:hover{ filter:alpha(opacity=80);opacity:0.8; }
.ro a,
a.ro,
a .ro,
.cursorPointer{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
@media only screen and (max-width:767px){
	.ro a:hover,
	a.ro:hover,
	a .ro:hover,
	.cursorPointer:hover{ filter:alpha(opacity=100);opacity:1.0; }
}

/*rollover(brightnessによる変化)*/
.cursorPointer.brt:hover,.cursorPointer .brt:hover,
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.cursorPointer.brt,.cursorPointer .brt,
.brt a,
a.brt,
a .brt{
    transition:filter 0.2s ease-out;
}
@media only screen and (max-width:1215px){
    .cursorPointer.brt:hover,.cursorPointer .brt:hover,
    .brt a:hover,a.brt:hover,a .brt:hover{ filter:none; }
}

/*ro無効化*/
.ro .no_ro a:hover,
.ro a.no_ro:hover,
.ro .no_ro .cursorPointer:hover,
.ro .cursorPointer.no_ro:hover{ opacity:1; }

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

/*-----------------------------------------------
	imgFill
-----------------------------------------------*/
.imgFill{
	position: relative;
}
.imgFill img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.imgCont{
	position: relative;
}
.imgCont 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;
}

/*-----------------------------------------------
	spNavi
-----------------------------------------------*/
@media only screen and (max-width:767px){
	#spNavi{
		width: 100%;
		height: 100%;
		opacity: 0;
		background: rgba(27,133,80,0.98);
		-webkit-transition: 0.2s cubic-bezier(0.645,0.045,0.355,1);
		transition: 0.2s cubic-bezier(0.645,0.045,0.355,1);
		z-index: -1;
		position: fixed;
		top: -100%;
		left: 0;
		overflow-y: scroll;
	}
	#spNavi.naviOpen{
		top: 0;
		opacity: 1;
		z-index: 9999;
	}
	#spNavi .wrapper{
		width: 87.98%;
		margin: 0 auto;
		opacity: 0;
		-webkit-transition: 0.3s ease 0.25s;
		transition: 0.3s ease 0.25s;
	}
	#spNavi.naviOpen .wrapper{
		opacity: 1;
	}
	#spNavi .btnClose{
		width: 70px;
		height: 69px;
		background: url(../img/common_renewal/btnSpNaviClose.png) center center / 23px auto no-repeat;
		margin: 0 0 0 auto;
	}
	#spNavi .boxList {
		margin-top: 20px;
	}
	#spNavi .boxList li{
		border-top: 1px solid #15643D;
	}
	#spNavi .boxList li:last-child{
		border-bottom: 1px solid #15643D
	}
	#spNavi .boxList li a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		color: #FFF;
		line-height: 58px;
		letter-spacing: 0.5px;
	}
	#spNavi .boxBtn01{
		margin-top: 20px;
	}
	#spNavi .boxBtn01 .btn{
		display: block;
		background: #6CC;
		border-radius: 3px;
		color: #FFF;
		font-size: 16px;
		line-height: 64px;
		text-decoration: none;
		padding-left: 20px;
	}
	#spNavi .boxBtn03 {
		margin-top: 50px;
	}
	#spNavi .boxBtn03 .btn{
		background: #BF9E68;
		display: block;
		border-radius: 3px;
		color: #FFF;
		font-size: 16px;
		line-height: 64px;
		text-decoration: none;
		padding-left: 20px;
	}
	#spNavi .boxBtn03 img {
		vertical-align: middle;
		margin-right: 7px;
	}
	#spNavi .boxBtn01 .btn img{
		vertical-align: middle;
		margin-right: 7px;
	}
	#spNavi .boxBtn02 .btn{
		display: block;
		width: 50%;
		text-align: center;
		padding: 20px 0 22px;
		text-decoration: none;
	}
	#spNavi .boxBtn02 .btn:first-child{
		float: left;
		background: #000;
		color: #FFF;
	}
	#spNavi .boxBtn02 .btn:last-child{
		float: right;
		background: #FFF;
		color: #000;
	}
	#spNavi .boxBtn02 .btn .txt{
		margin-top: 13px;
		font-size: 15px;
		letter-spacing: 0.5px;
	}
	#spNavi .btnHp{
		width: 100%;
		height: 55px;
		background: url(../img/common_renewal/imgSpNaviHpArrow.gif) 94% center/ 21px auto no-repeat #fff;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		margin: 30px 0 50px;
		font-size: 15px;
		font-weight: 500;
		text-decoration: underline;
		color: #e1991c;
		border-radius: 3px;
	}
	#spNavi .sns {
		text-align: center;
		margin-top: 30px;
	}
	#spNavi .sns .insta {
		margin-right: 8px;
	}
}

/*-----------------------------------------------
    header
-----------------------------------------------*/
#header{
    width: 100%;
    z-index: 10;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997;
    min-width: 1400px;
    transition: all 0.2s ease-out;
}
#header .wrapper{
    height: 120px;
    width: 100%;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#header.scroll{
    background: rgba(51, 51, 51, 0.4);
}
.ok #header.scroll{
    background: unset;
}
#header.none{
    top: -120px;
}
.ok #header.none{
    top: 0;
}
#header .rightBox{
    display: flex;
    align-items: center;
}
#header .rightBox .boxList{
    display: flex;
    align-items: center;
}
#header .rightBox .item{
    margin-right: 40px;
}
#header .rightBox .item:last-child{
    margin-right: 0;
}
#header .rightBox .txtLink{
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}
#header .rightBox .btnReserve{
    margin-left: 40px;
}
#header .rightBox .btnReserveIn{
    padding: 0 18px;
    height: 40px;
    background: #04603c;
	border: 1px solid #fff;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width:1400px){
	#header{
		min-width: 100%;
	}
}
@media only screen and (max-width:767px){
	#header{
		position: absolute;
		transition: unset;
	}
	#header.scroll{
		background: unset;
	}
    #header .wrapper{
        height: 70px;
        padding: 0 15px;
    }
    #header.none{
        top: -70px;
    }
    .ok #header.none{
        top: 0;
    }
    #header .headLogo{
        width: 109px;
    }
    #header .rightBox .boxList{
        display: none;
    }
    #header .rightBox .btnReserve{
        display: none;
    }
}

/*-----------------------------------------------
    btnNavi
-----------------------------------------------*/
#btnNavi{
    display: none;
}
@media only screen and (max-width:767px){
    #btnNavi {
        display: block;
        width: 60px;
        margin: 0 0 0 auto;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
		transition: all 0.2s ease-out;
    }
	#btnNavi.scroll{
		background: rgba(51, 51, 51, 0.4);
	}
    #btnNavi.none{
        top: -60px;
    }
    #btnNavi .naviCover{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none;
        width: 100%;
        height: 60px;
        color: #fff;
    }
    #btnNavi .border{
        width: 30px;
        height: 19px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	#btnNavi .border .inner,
    #btnNavi .border .inner::before,
    #btnNavi .border .inner::after{
        display: block;
        width: 15px;
        height: 1px;
        background: #fff;
        left: 0;
        right: 0;
        margin: auto;
    }
    #btnNavi .border .inner{
        width: 30px;
    }
    #btnNavi .border .inner::before{
        content: '';
        position: absolute;
        transition: all 0.4s ease-out;
        top: 0;
        left:0;
        right:0;
        margin: auto;
    }
    #btnNavi .border .inner::after{
        content: '';
        position: absolute;
        transition: all 0.4s ease-out;
        bottom: 0;
        left:0;
        right:0;
        margin: auto;
    }
    #btnNavi.naviOpen .border{
        width: 30px;
        height: 6px;
    }
    #btnNavi.naviOpen .border .inner{
        width: 0;
        height: 0;
    }
    #btnNavi.naviOpen .border .inner::before{
        transform: translateY(50px) rotate(-30deg);
        top: -47px;
        width: 30px;
        height: 1px;
        background: #fff;
    }
    #btnNavi.naviOpen .border .inner::after{
        transform: translateY(5px) rotate(30deg);
        bottom: 7px;
        width: 30px;
        height: 1px;
        background: #fff;
    }
}
/*-----------------------------------------------
    footer
-----------------------------------------------*/
#footer .txtCopy{
    padding: 30px 0;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-top: 1px solid #333;
	display: block;
}
@media only screen and (max-width:767px){
    #footer .txtCopy{
		padding: 20px 0 50px;
		font-size: 10px;
	}
}

/*-----------------------------------------------
    btnForm
-----------------------------------------------*/
#btnForm{
	display: none;
}
@media only screen and (max-width:767px){
#btnForm{
	display: block;
	width: 100%;
	position: fixed;
	bottom: -50px;
	left: 0;
	background: #04603c;
	padding: 19px 0 18px;
	text-align: center;
	transition: all 0.2s ease-out;
	z-index: 1000;
}
#btnForm.scroll{
	bottom: 0;
}
#btnForm.none{
	bottom: -50px!important;
}
#btnForm .txtInner{
	font-size: 13px;
	color: #fff;
	padding-right: 35px;
	position: relative;
}
#btnForm .txtInner::after{
	content: "";
    width: 21px;
    height: 21px;
	border-radius: 50%;
	border: 1px solid #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#btnForm.lazyloaded .txtInner::after{
    background: url(../img/common/iconArrow.png) center top / cover;
}
}

/*-----------------------------------------------
    menu
-----------------------------------------------*/
#menu{
    display: none;
}
@media only screen and (max-width:767px){
    #menu{
        position: relative;
        background: rgb(51, 51, 51, 0.8);
        z-index: 9998;
        padding: 26px 0 0;
        min-height: 100vh;
    }
	#menu .headLogo{
		width: 109px;
		margin-left: 15px;
	}
    #menu .boxList{
        margin-top: 50px;
    }
    #menu .item{
        padding: 20px 10px 20px 10px;
        border-bottom: 1px solid #808080;
		text-align: center;
    }
    #menu .txtLink{
        font-size: 15px;
        color: #fff;
        text-decoration: none;
    }
    #menu .btnReserveIn{
        width: 100%;
        height: 60px;
		border: 1px solid #fff;
        background: #04603c;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 40px auto 0;
    }
}

/*-----------------------------------------------
	iconArrow
-----------------------------------------------*/
.iconArrow{
	position: relative;
}
.iconArrow::before{
    position: absolute;
    content: "";
    width: 13px;
    height: 12px;
    clip-path: polygon(0 0, 100% 50%, 0 100%, 4px 50%);
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.iconArrow.iconBlack::before{
    background: var(--textColor);
}
.iconArrow.iconWhite::before{
    background: var(--whiteColor);
}
@media only screen and (max-width:1215px){
	.iconArrow::before{
		width: 10px;
		height: 9px;
	}
}
/*-----------------------------------------------
	pnkz
-----------------------------------------------*/
#pnkz{
	padding: 30px 0;
}
#pnkz > .wrapper1280{
    max-width: calc(100% - 100px);
    width: 1420px;
    margin: 0 auto;
}
#pnkz li{
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	line-height: 20px;
}
#pnkz li::before{
	content: "/";
	display: inline-block;
	padding: 0 9px;
}
#pnkz li:first-child::before{
	display: none;
}
#pnkz li a{
	text-decoration: none;
}
#pnkz li h1{
	display: inline;
}
#pnkz .swiper-wrapper{
	white-space: nowrap !important;
	margin: 0 !important;
}
#pnkz .swiper-slide{
	display: inline-block;
	float: none !important;
	cursor: default;
}
@media only screen and (max-width: 767px){
	#pnkz{
		padding: 13px 0;
		overflow: hidden;
	}
	#pnkz > .wrapper1280{
		max-width: none;
		width: 92%;
		margin: 0 auto;
	}
	#pnkz li{
		font-size: 12px;
		max-width: 150px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#pnkz li::before{
		padding: 0 6px 0 4px;
	}
	#pnkz li:last-child{
		max-width: none;
	}
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
#contents{
	overflow: hidden !important;
	position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
#contents{
	overflow: hidden !important;
	position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
/* wrapper */
.wrapper1500{
	max-width:1500px;
	width:94%;
	margin:0 auto;
}
.wrapper1480{
	max-width:1480px;
	width:94%;
	margin:0 auto;
}
.wrapper1420{
    max-width: calc(100% - 100px);
    width: 1420px;
	margin:0 auto;
}
.wrapper1400{
	max-width:1400px;
	width:94%;
	margin:0 auto;
}
.wrapper1360{
	max-width:1360px;
	width:94%;
	margin:0 auto;
}
.wrapper1320{
	max-width:1320px;
	width:94%;
	margin:0 auto;
}
.wrapper1300{
	max-width:1300px;
	width:94%;
	margin:0 auto;
}
.wrapper1280{
	max-width:1280px;
	width:94%;
	margin:0 auto;
}
.wrapper1240{
	max-width:1240px;
	width:94%;
	margin:0 auto;
}
.wrapper1220{
	max-width:1220px;
	width:94%;
	margin:0 auto;
}
.wrapper1200{
	max-width:1200px;
	width:94%;
	margin:0 auto;
}
.wrapper1130{
	max-width:1130px;
	width:94%;
	margin:0 auto;
}
.wrapper1180{
	max-width:1180px;
	width:94%;
	margin:0 auto;
}
.wrapper1120{
	width:1120px;
	margin:0 auto;
}
.wrapper1080{
	width:1080px;
	margin:0 auto;
}
.wrapper1000{
	width:1000px;
	margin:0 auto;
}
.wrapper965{
	width:965px;
	margin:0 auto;
}
.wrapper960{
	width:960px;
	margin:0 auto;
}
@media only screen and (max-width:1215px){
	.wrapperFit{
		max-width: 40rem;
		margin: 0 auto;
	}
}
@media only screen and (max-width:767px){
	.wrapper960,
	.wrapper965,
	.wrapper1000,
	.wrapper1080,
	.wrapper1120,
	.wrapper1130,
	.wrapper1180,
	.wrapper1200,
	.wrapper1220,
	.wrapper1240,
	.wrapper1280,
	.wrapper1300,
	.wrapper1320,
	.wrapper1360,
	.wrapper1400,
	.wrapper1420,
	.wrapper1480,
	.wrapper1500{
		max-width: none;
		width:100%;
	}
	.wrapperSp{
		width: 92%;
		margin: 0 auto;
	}
	.wrapperSp330{
		width: 88%;
		margin: 0 auto;
	}
	.wrapperSp305{
		width: 81.334%;
		margin: 0 auto;
	}
}

/* cmnError */
.cmnError{
	font-size: 15px;
	letter-spacing: 1.25px;
	text-align: center;
	margin-top: 60px;
}
@media only screen and (max-width:767px){
	.cmnError{
		font-size: 13px;
		line-height: 20px;
		padding: 0 2.4%;
		margin-top: 30px;
		letter-spacing: 0;
	}
}

/* cmnTit */
.cmnTit{
	font-size: 27px;
	text-align: center;
	color: #000;
	line-height: 200px;
	height: 200px;
	background: #F7F7F7;
	letter-spacing: 2.75px;
}
.cmnTit.bgImage{
	color: #FFF;
	line-height: 260px;
	height: 260px;
}
@media only screen and (max-width:767px){
	.cmnTit{
		font-size: 22px;
		line-height: 100px;
		height: 100px;
		letter-spacing: 1px;
	}
	.cmnTit.bgImage{
		background-size: cover !important;
		line-height: 130px;
		height: 130px;
	}
	.cmnTit.bgImage.bgLeft{
		background-position: 35% top !important;
	}
}

.header_internal + #contents{
    padding-top: 150px;
}
/* secCmnTit */
.secCmnTit{
    padding-top: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column;
}
.secCmnTit .boxCmnTit{
    height: 190px;
	text-align: center;
}
.secCmnTit .titEng{
    font-size: 55px;
    letter-spacing: 0.05em;
}
.secCmnTit .tit{
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: 0.05em;
	font-weight: normal;
}
.secCmnTit .boxBgImg{
	width: 100%;
	height: 0;
	padding-top: 28.542%;
    background: #a7a7a7;
}
@media only screen and (max-width:767px){
	.header_internal + #contents{
        padding-top: 110px;
	}
	.secCmnTit{
		padding-top: 0;
	}
	.secCmnTit .boxCmnTit{
        height: 90px;
	}
	.secCmnTit .titEng{
		font-size: 30px;
	}
	.secCmnTit .tit{
		font-size: 13px;
		margin-top: 5px;
	}
	.secCmnTit .boxBgImg{
		padding-top: 32%;
	}
}

/* secCmnNextLoad */
.secCmnNextLoad{
	font-size: 0;
	text-align: center;
	margin: 80px 0 0;
}
.secCmnNextLoad #btnNext{
	display: block;
	width: 500px;
	height: 80px;
	line-height: 78px;
	margin: 0 auto;
	border: 1px solid #333;
	font-size: 20px;
	color: #000;
	position: relative;
}
.secCmnNextLoad #btnNext::after{
	content: "";
	display: block;
	width: 16px;
	height: 19px;
	position: absolute;
	bottom: -40px;
	left: calc(50% - 8px);
	background: url(../img/common_renewal/btnCmnNextLoad.gif) center top / cover no-repeat;
}
.secCmnNextLoad #listLoading{
	display: none;
	width: 32px;
	height: 80px;
	margin: 0 auto;
	padding: 24px 0;
}
@media only screen and (max-width:767px){
	.secCmnNextLoad{
		margin: 40px 0 0;
	}
	.secCmnNextLoad #btnNext{
		width: 250px;
		height: 50px;
		line-height: 48px;
		font-size: 15px;
	}
	.secCmnNextLoad #btnNext::after{
		bottom: -30px;
	}
	.secCmnNextLoad #listLoading{
		height: 50px;
		padding: 9px 0;
	}
}

/* secCmnName */
.secCmnName{
	display: table;
	width: 100%;
	height: 90px;
	border: 1px solid #20A161;
}
.secCmnName .txtLogin{
	display: table-cell;
	vertical-align: middle;
	width: 175px;
	padding-left: 29px;
	font-size: 16px;
}
.secCmnName .txtWelcome{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	padding: 20px 30px;
	letter-spacing: -0.5px;
}
.secCmnName.logout .txtWelcome{
	padding-left: 205px;
}
.secCmnName .txtWelcome .name{
	font-size: 22px;
	padding-bottom: 6px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 0 7px;
}
.secCmnName.logout .txtWelcome .name{
	border-bottom: none;
}
.secCmnName .txtLink{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 175px;
	padding-right: 29px;
	font-size: 16px;
}
.secCmnName .txtLink a{
	padding-bottom: 6px;
	border-bottom: 1px solid #2A2A2A;
}
@media only screen and (max-width:767px){
	.secCmnName{
		display: block;
		width: 95.19%;
		height: auto;
		margin: 0 auto;
		padding: 10px 2.5% 20px;
	}
	.secCmnName .txtLogin{
		display: block;
		width: 100%;
		padding: 5px 0 0;
		font-size: 14px;
		line-height: 25px;
		text-align: center;
	}
	.secCmnName .txtWelcome{
		display: block;
		font-size: 15px;
		line-height: 30px;
		padding: 0;
		letter-spacing: 0;
	}
	.secCmnName.logout .txtWelcome{
		padding-left: 0;
	}
	.secCmnName .txtWelcome .name{
		font-size: 18px;
		padding-bottom: 3px;
		margin: 0 3px;
	}
	.secCmnName .txtLink{
		display: block;
		text-align: center;
		width: 100%;
		padding-right: 0;
		font-size: 14px;
		margin-top: 15px;
	}
	.secCmnName.logout .txtLink{
		margin-top: 10px;
	}
	.secCmnName .txtLink a{
		padding-bottom: 3px;
	}
}

/* secCmnPager */
.secCmnPager{
	position: relative;
	padding: 60px 0 150px;
	margin: 52px 0 192px;
}
.secCmnPager .boxBtn .btn{
	display: block;
	position: absolute;
	top: 0;
}
.secCmnPager .boxBtn .btn.btnPrev{
	left: 0;
	padding-left: 100px;
}
.secCmnPager .boxBtn .btn.btnNext{
	right: 0;
	padding-right: 100px;
}
.secCmnPager .boxBtn .btn::before{
	content: "";
	width: 21px;
	height: 40px;
	background: url(../img/common_renewal/btnCmnPagerPrev.gif) center top / cover no-repeat;
	position: absolute;
	top: 80px;
	left: 0;
}
.secCmnPager .boxBtn .btn.btnNext::before{
	left: auto;
	right: 0;
	background-image: url(../img/common_renewal/btnCmnPagerNext.gif);
}
.secCmnPager .boxBtn .btn .img{
	width: 200px;
	height: 200px;
}
.secCmnPager .boxBtn .btn .txt{
	width: 187px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 24px;
	margin-top: 17px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 72px;
}
@media only screen and (max-width:1400px){
	.secCmnPager .boxBtn .btn.btnPrev{
		padding-left: 75px;
	}
	.secCmnPager .boxBtn .btn.btnNext{
		padding-right: 75px;
	}
}
@media only screen and (max-width:767px){
	.secCmnPager{
		padding: 0;
		margin: 25px auto 100px;
	}
	.secCmnPager .boxBtn .btn{
		position: static;
		padding: 10px 0;
	}
	.secCmnPager .boxBtn .btn:first-child{
		border-right: 1px solid #000;
	}
	.secCmnPager .boxBtn .btn.btnNext:only-child{
		border-right: none;
		border-left: 1px solid #000;
	}
	.secCmnPager .boxBtn .btn.btnPrev{
		width: 50%;
		float: left;
		padding-left: 0;
	}
	.secCmnPager .boxBtn .btn.btnNext{
		width: 50%;
		float: right;
		padding-right: 0;
	}
	.secCmnPager .boxBtn .btn::before{
		width: 10.5px;
		height: 20px;
		top: 50px;
		left: 2.4%;
	}
	.secCmnPager .boxBtn .btn.btnNext::before{
		left: auto;
		right: 2.4%;
	}
	.secCmnPager .boxBtn .btn .img{
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	.secCmnPager .boxBtn .btn .txt{
		width: 75%;
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px;
		max-height: 66px;
	}
	.secCmnPager .cmnBtnBack{
		margin-top: 50px;
	}
}

/* secCmnOk */
.secCmnOk{
	background: #F7F7F7;
	margin: 150px 0;
	text-align: center;
	padding: 80px 0;
}
.secCmnOk .tit{
	font-size: 34px;
	text-align: center;
	letter-spacing: 0.5px;
}
.secCmnOk .txt{
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	margin-top: 27px;
}
.secCmnOk .btn{
	margin-top: 50px;
}
.secCmnOk .btn .cmnBtnLogin{
	width: 280px;
	letter-spacing: 2.5px;
}
@media only screen and (max-width:767px){
	.secCmnOk{
		margin: 50px 0;
		padding: 40px 0;
	}
	.secCmnOk .wrapper{
		width: 95.19%;
		margin: 0 auto;
	}
	.secCmnOk .tit{
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0.25px;
	}
	.secCmnOk .txt{
		font-size: 14px;
		line-height: 1.7;
		margin-top: 15px;
	}
	.secCmnOk .btn{
		margin-top: 25px;
	}
	.secCmnOk .btn .cmnBtnLogin{
		letter-spacing: 1.25px;
	}
}

/* secCmnDetailsTit */
.secCmnDetailsTit{
	margin-top: 100px;
	position: relative;
	padding-top: 45px;
}
.secCmnDetailsTit::before{
	content: "";
	width: 80px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 0;
	left: calc(50% - 40px);
}
.secCmnDetailsTit .tit{
	font-size: 35px;
	line-height: 1.78;
	text-align: center;
	letter-spacing: 1.5px;
}
.secCmnDetailsTit .txt{
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: 0.5px;
	margin-top: 17px;
	text-align: center;
}
@media only screen and (max-width:767px){
	.secCmnDetailsTit{
		width: 95.67%;
		margin: 50px auto 0;
		padding-top: 20px;
	}
	.secCmnDetailsTit::before{
		width: 40px;
		left: calc(50% - 20px);
	}
	.secCmnDetailsTit .tit{
		font-size: 20px;
		line-height: 1.5;
		letter-spacing: 0.75px;
	}
	.secCmnDetailsTit .txt{
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0;
		margin-top: 10px;
	}
}

/* secCmnStaffTab */
.secCmnStaffTab{
	margin-top: 100px;
	font-size: 0;
}
.secCmnStaffTab li{
	float: left;
	width: 49.22%;
}
.secCmnStaffTab li:last-child{
	float: right;
}
.secCmnStaffTab li a{
	display: block;
	width: 100%;
	height: 70px;
	border: 1px solid #08A852;
	border-radius: 3px;
	font-size: 18px;
	line-height: 64px;
	text-align: center;
	letter-spacing: 1px;
	color: #08A852;
}
.secCmnStaffTab li.on a{
	background: #08A852;
	color: #FFF;
}
@media only screen and (max-width:767px){
	.secCmnStaffTab{
		width: 95.19%;
		margin: 50px auto 0;
	}
	.secCmnStaffTab li{
		width: 48.5%;
	}
	.secCmnStaffTab li a{
		height: auto;
		font-size: 14px;
		line-height: 52px;
		letter-spacing: 0.5px;
	}
}

/* secCmnStaffList */
.secCmnStaffList{
	font-size: 0;
	margin-top: 60px;
}
.secCmnStaffList li{
	display: inline-block;
	vertical-align: top;
	width: 24.0625%;
	margin: 0 1.25% 70px 0;
}
.secCmnStaffList li:nth-child(4n){
	margin-right: 0;
}
.secCmnStaffList li:nth-last-child(-n+4){
	margin-bottom: 0;
}
.secCmnStaffList li a{
	display: block;
	padding-bottom: 40px;
	position: relative;
}
.secCmnStaffList li a::after{
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/common_renewal/imgCmnStaffList.gif) center top / cover no-repeat;
	position: absolute;
	bottom: 0;
	left: calc(50% - 10px);
}
.secCmnStaffList li .img{
	height: 0;
	padding-top: 84.41%;
}
.secCmnStaffList li .txt{
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	margin-top: 26px;
	letter-spacing: 1.25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.secCmnStaffList li .tit{
	font-size: 26px;
	line-height: 1.5;
	text-align: center;
	margin-top: 4px;
	letter-spacing: 2.25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media only screen and (max-width:767px){
	.secCmnStaffList{
		width: 95.19%;
		margin: 30px auto 0;
	}
	.secCmnStaffList li,
	.secCmnStaffList li:nth-child(4n),
	.secCmnStaffList li:nth-last-child(-n+4){
		width: 48.73%;
		margin: 0 2.54% 20px 0;
	}
	.secCmnStaffList li:nth-child(2n){
		margin-right: 0;
	}
	.secCmnStaffList li:nth-last-child(-n+2){
		margin-bottom: 0;
	}
	.secCmnStaffList li a{
		padding-bottom: 30px;
	}
	.secCmnStaffList li .txt{
		font-size: 12px;
		margin-top: 13px;
		letter-spacing: 0.5px;
	}
	.secCmnStaffList li .tit{
		font-size: 18px;
		letter-spacing: 1px;
	}
}

/* secCmnStaffDetails */
.secCmnStaffDetails{
	margin-top: 83px;
}
.secCmnStaffDetails .img{
	width: 39.06%;
	margin-top: 7px;
	float: left;
	text-align: center;
}
.secCmnStaffDetails .img img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.secCmnStaffDetails .boxTxt{
	width: 55.16%;
	float: right;
}
.secCmnStaffDetails .boxTxt .txtPosition{
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 2px;
}
.secCmnStaffDetails .boxTxt .txtName{
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 28px;
}
.secCmnStaffDetails .boxTxt .txtName .txt01{
	display: inline;
	font-size: 38px;
	line-height: 1.7;
	letter-spacing: 3.5px;
}
.secCmnStaffDetails .boxTxt .txtName .txt02{
	display: inline;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 1px;
	margin-left: 4px;
}
.secCmnStaffDetails .boxTxt .boxProfile{
	width: 100%;
	margin-top: 31px;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
}
@media only screen and (max-width:767px){
	.secCmnStaffDetails{
		width: 95.19%;
		margin: 40px auto 0;
	}
	.secCmnStaffDetails .img{
		width: 66.67%;
		margin: 0 auto;
		float: none;
	}
	.secCmnStaffDetails .boxTxt{
		width: 100%;
		float: none;
	}
	.secCmnStaffDetails .boxTxt .txtPosition{
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 1px;
		margin-top: 20px;
		text-align: center;
	}
	.secCmnStaffDetails .boxTxt .txtName{
		padding-bottom: 14px;
		text-align: center;
		margin-top: 5px;
	}
	.secCmnStaffDetails .boxTxt .txtName .txt01{
		font-size: 24px;
		line-height: 1.5;
		letter-spacing: 1.75px;
	}
	.secCmnStaffDetails .boxTxt .txtName .txt02{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		margin-left: 2px;
	}
	.secCmnStaffDetails .boxTxt .boxProfile{
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.7;
		letter-spacing: 0.5px;
	}
}

/* secCmnBnr */
.secCmnBnr{
	border-top: 1px solid #CCC;
	padding: 100px 0 150px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.secCmnBnr li{
	width: 30.469%;
}
.secCmnBnr a{
	display: block;
	background: url(../img/common_renewal/imgCmnBnrArrow.gif) right bottom no-repeat;
	padding-bottom: 45px;
}
.secCmnBnr .boxImg{
	position: relative;
}
.secCmnBnr .boxTit{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.secCmnBnr .titJpn{
	position: relative;
	z-index: 10;
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 3px;
}
.secCmnBnr .titEng{
	position: relative;
	z-index: 10;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 2px;
	margin-top: 20px;
}
.secCmnBnr .txt{
	width: 370px;
	font-size: 14px;
	line-height: 26px;
	height: 78px;
	color: #333;
	margin: 25px auto 0;
	letter-spacing: -0.5px;
}
@media only screen and (max-width:767px){
	.secCmnBnr{
		border-top: none;
		padding: 39px 0;
		position: relative;
	}
	.secCmnBnr::before{
		content: "";
		width: 89.333%;
		height: 1px;
		background: #CCC;
		position: absolute;
		top: 0;
		left: 5.334%;
	}
	.secCmnBnr li{
		width: calc(33.333% - 0.667px);
	}
	.secCmnBnr a{
		background: none;
		padding-bottom: 0;
	}
	.secCmnBnr .titJpn{
		font-size: 15px;
		line-height: 1.2;
		letter-spacing: 1px;
		padding-top: 12px;
		text-align: center;
	}
	.secCmnBnr .housing .titJpn{
		padding-top: 2px;
	}
	.secCmnBnr .titEng{
		padding-bottom: 24px;
		font-size: 10px;
		letter-spacing: 0.5px;
		margin-top: 8px;
		background: url(../img/common_renewal/imgCmnBnrArrow_sp.png) center bottom / 30px auto no-repeat;
	}
	.secCmnBnr .housing .titEng{
		padding-bottom: 18px;
	}
}

/*-----------------------------------------------
	form
-----------------------------------------------*/
.wrapper900{
	width: 900px;
	margin: 0 auto;
}
.wrapper970{
	width: 970px;
	margin: 0 auto;
}
.cmnMt5{
	margin-top: 5px;
}
.cmnMt10{
	margin-top: 10px;
}
.cmnSelectWidth{
	min-width: 278px;
	max-width: 100%;
}
@media only screen and (max-width:767px){
	.cmnSelectWidth{
		min-width: auto;
	}
}

/* secCmnForm */
.secCmnForm .titForm{
	font-size:22px;
	font-weight:bold;
	letter-spacing:5px;
	line-height:1.5;
	position:relative;
	padding:0 0 54px;
	text-align:center;
	color:#000;
}
.secCmnForm .titForm .fGreen{
	color:#20A161;
}
.secCmnForm .btnForm{
	display:block;
	width:280px;
	height:88px;
	text-align:center;
	text-decoration:none;
	letter-spacing:1.5px;
	font-size:20px;
	border-radius:1000px;
	color:#fff;
	background:#20A161;
	margin:0 auto;
	padding:31px 0 0;
	box-sizing: border-box;
	box-shadow:0 -6px rgba(100,100,100,0.3) inset;
}

@media only screen and (max-width:767px){
	.wrapper900,
	.wrapper970{
		width:100%;
		margin:30px auto 0;
	}
	.secCmnForm .titForm{
		font-size:18px;
		letter-spacing:2.5px;
		padding:0 0 30px;
	}
	.secCmnForm .titForm::after{
		margin:20px auto 0;
	}
	.secCmnForm .btnForm{
		height:60px;
		font-size:15px;
		padding:22px 0 0;
	}
}
/* secCmnFormStep */
.secCmnFormStep{
	text-align:center;
	font-size:0;
	padding:0 0 50px;
}
.secCmnFormStep li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	letter-spacing:2px;
	width:260px;
	padding:25px 0 27px;
	margin-right:30px;
	color:#000;
	background:#fff;
	border:solid 1px #20A161;
	border-radius:4px;
	box-sizing: border-box;
}
.secCmnFormStep li:last-child{
	margin-right:0;
}
.secCmnFormStep li.on{
	color:#fff;
	background:#20A161;
	border-color:#20A161;
}
@media only screen and (max-width:767px){
	.secCmnFormStep{
		padding:0 3% 30px;
	}
	.secCmnFormStep li{
		width:32%;
		padding:10px 0;
		font-size:14px;
		margin-right:2%;
	}
}
/* secCmnFormTable */
.secCmnFormTable{
	width:100%;
	margin:0 0 50px;
}
.secCmnFormTable th{
	width:250px;
	font-size:14px;
	letter-spacing:0.5px;
	vertical-align:middle;
	line-height:24px;
	padding:14px 19px 15px;
	border:solid 1px #D6D6D6;
	background:#F8F8F8;
	box-sizing: border-box;
}
.secCmnFormTable th .inner{
	display:block;
	position:relative;
}
.secCmnFormTable th .must{
	display:block;
	width:42px;
	height:32px;
	font-size:12px;
	text-align:center;
	letter-spacing:0.5px;
	line-height:100%;
	border-radius:4px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
	padding:8px 0 0;
	color:#923930;
	border:solid 1px #D17D74;
	background:#fff;
	box-sizing: border-box;
}
.secCmnFormTable th .must.mustWide{
	width:auto;
	padding-left:8px;
	padding-right:8px;
}
.secCmnFormTable td{
	font-size:14px;
	vertical-align:middle;
	line-height:1.5;
	padding:14px 19px 15px;
	border:solid 1px #D6D6D6;
	background:#fff;
}
.secCmnFormTable td .row{
	padding-bottom:15px;
}
.secCmnFormTable td .row:only-child{
	padding-bottom:0;
}
.secCmnFormTable td .note{
	font-size:11px;
	line-height:20px;
	letter-spacing:-1px;
}
.secCmnFormTable td .note li{
	position:relative;
	padding:0 0 0 10px;
}
.secCmnFormTable td .note li::before{
	content:"・";
	position:absolute;
	top:0;
	left:0;
}
.secCmnFormTable td a{
	color:#00396B;
}
.secCmnFormTable td .tit{
	padding:0 0 7px;
}
.secCmnFormTable .mark{
	display:inline-block;
	vertical-align:top;
	padding:10px 0 0;
}
.secCmnFormTable .caution02{
    padding-top: 10px;
	line-height: 180%;
	font-size: 13px;
}
.secCmnFormTable .btnZip{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	text-decoration:none;
	height:40px;
	border-radius:20px;
	padding:9px 23px 0;
	color:#fff;
	background:#333;
	box-sizing: border-box;
}
.secCmnFormTable .btnPass{
	display:inline-block;
	vertical-align:top;
	width: 90px;
	text-align: center;
	font-size:14px;
	text-decoration:none;
	height:40px;
	border-radius:4px;
	padding:11px 0 0;
	color:#fff;
	background:#333;
	margin-left:7px;
}
.secCmnFormTable .boxInline{
	display:inline-block;
	vertical-align:top;
}
.secCmnFormTable .boxInputLeft{
	float:left;
	padding-right:10px;
}
.secCmnFormTable .boxInputRight{
	overflow:hidden;
}
.secCmnFormTable .boxList li{
	padding:0 0 7px;
}
.secCmnFormTable input[type="text"],
.secCmnFormTable input[type="tel"],
.secCmnFormTable input[type="email"],
.secCmnFormTable input[type="password"]{
	height:40px;
	background:#fff;
	border:solid 1px #ccc;
	padding:10px;
	box-sizing: border-box;
}
.secCmnFormTable select{
	max-width:100%;
	height:40px;
	background:#fff;
	border:solid 1px #ccc;
}
.secCmnFormTable input[type="text"].inputRequired,
.secCmnFormTable input[type="tel"].inputRequired,
.secCmnFormTable input[type="email"].inputRequired,
.secCmnFormTable input[type="password"].inputRequired,
.secCmnFormTable select.inputRequired{
	background:#FBF3F2;
	border:solid 1px #DFA69F;
}
.secCmnFormTable textarea{
	width:100%;
	background:#fff;
	border:solid 1px #ccc;
	padding:10px;
	box-sizing: border-box;
	height: 130px;
}
.secCmnFormTable .fRed{color:#f00;}
.secCmnFormTable .w50{width:50px;}
.secCmnFormTable .w100{width:100px;}
.secCmnFormTable .w150{width:150px;}
.secCmnFormTable .w250{width:250px;}
.secCmnFormTable .w300{width:300px;}
.secCmnFormTable .w400{width:400px;}
.secCmnFormTable .w440{width:440px;}
.secCmnFormTable .w450{width:450px;}
.secCmnFormTable .w100p{width:100%;}
form .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:20px;
	line-height:14px;
}
form .txtError2{
	color:#f00;
	font-size:12px;
	margin-top:20px;
	line-height:14px;
}
@media only screen and (max-width:767px){
	.secCmnFormTable{
		display:block;
		margin:0 0 40px;
		border-top:solid 1px #D6D6D6;
	}
	.secCmnFormTable tbody,
	.secCmnFormTable tr,
	.secCmnFormTable th,
	.secCmnFormTable td{
		display:block;
	}
	.secCmnFormTable tr:last-child{
		border-bottom:none;
	}
	.secCmnFormTable th{
		width:100%;
		font-size:13px;
		line-height:1.5;
		padding:15px 3%;
		border:none;
		border-bottom:solid 1px #D6D6D6;
	}
	.secCmnFormTable td{
		padding:15px 3% 20px;
		border:none;
		border-bottom:solid 1px #D6D6D6;
	}
	.secCmnFormTable td.boxDate{
		padding-top:5px;
	}
	.secCmnFormTable .btnZip{
		display:inline-block;
		vertical-align:top;
		text-decoration:none;
		height:40px;
		border-radius:20px;
		padding:11px 23px 0;
		color:#fff;
		background:#333;
	}
	.secCmnFormTable .btnZip,
	.secCmnFormTable .btnPass{
		font-size: 13px;
	}
	.secCmnFormTable .boxInputLeft{
		float:none;
		padding:0 0 10px;
	}
	.secCmnFormTable .boxInputRight{
		overflow:visible;
	}
	.secCmnFormTable input[type="text"],
	.secCmnFormTable input[type="tel"],
	.secCmnFormTable input[type="email"],
	.secCmnFormTable input[type="password"]{
		height:40px;
		background:#fff;
		border:solid 1px #ccc;
	}
	.secCmnFormTable input[type="text"].inputRequired,
	.secCmnFormTable input[type="tel"].inputRequired,
	.secCmnFormTable input[type="email"].inputRequired,
	.secCmnFormTable input[type="password"].inputRequired{
		background:#FBF3F2;
		border:solid 1px #DFA69F;
	}
	.secCmnFormTable select{
		height:40px;
		background:#fff;
		border:solid 1px #ccc;
	}
	.secCmnFormTable textarea{
		width:100%;
		background:#fff;
		border:solid 1px #ccc;
	}
	.secCmnFormTable .w50{width:20%;}
	.secCmnFormTable .w300{width:50%;}
	.secCmnFormTable .w400{width:80%;}
	.secCmnFormTable .w440{width:80%;}
	.secCmnFormTable .w450{width:100%;}
	.secCmnFormTable .ws25p{width:25%;}
	.secCmnFormTable .ws30p{width:30%;}
	.secCmnFormTable .ws35p{width:35%;}
	.secCmnFormTable .ws60p{width:60%;}
	.secCmnFormTable .ws100p{width:100%;}
	.secCmnFormTable .pt10s{padding-top:10px;}
	form .txtError2{
		padding: 0 3vw;
		line-height: 1.5;
	}
}
/* secCmnFormTableMember */
.secCmnFormTable.member th,
.secCmnFormTable.member td,
.secCmnFormTable.member .mark{
	font-size: 16px;
}
.secCmnFormTable.member th{
	width: 270px;
}
.secCmnFormTable.member td{
	padding: 20px 19px;
}
.secCmnFormTable.member .caution02{
	font-size: 14px;
}
.secCmnFormTable.member input,
.secCmnFormTable.member select{
	font-size: 16px;
}
@media only screen and (max-width:767px){
	.secCmnFormTable.member th{
		width: 100%;
		font-size: 13px;
	}
	.secCmnFormTable.member td,
	.secCmnFormTable.member .mark{
		font-size: 14px;
	}
	.secCmnFormTable.member td{
		padding: 15px 3% 20px;
	}
	.secCmnFormTable.member .caution02{
		font-size: 13px;
	}
	.secCmnFormTable.member input,
	.secCmnFormTable.member select{
		font-size: 13px;
	}
}
/* secCmnFormCo */
.secCmnForm.co{
	padding-top:100px;
}
.secCmnFormCo{
	font-size:13px;
	line-height:2;
	padding:0 0 30px;
}
.secCmnFormCo a{
	color:#00396B;
	text-decoration: none;
}
@media only screen and (max-width:767px){
	.secCmnForm.co{
		padding-top:20px;
	}
	.secCmnFormCo{
		line-height:1.5;
		padding:0 3% 30px;
	}
}
/* secCmnFormOk */
.secCmnFormOk{
	text-align:center;
	font-size:15px;
	line-height:1.5;
	padding:0 0 50px;
}
.secCmnFormOk .txtOk{
	font-size:20px;
	font-weight:bold;
	margin:0 0 30px;
}
.secCmnForm .btnForm.ok{
	background:#6FBA2C;
}
@media only screen and (max-width:767px){
	.secCmnFormOk{
		font-size:12px;
		padding:0 3% 30px;
	}
	.secCmnFormOk .txtOk{
		margin:0 0 20px;
	}
	.secCmnFormOk .txtOk02{
		text-align:left;
	}
}
/* secCmnForm */
.secCmnForm{
	padding:0 0 200px;
}
@media only screen and (max-width:767px){
	.secCmnForm{
		padding:0 0 100px;
	}
}
.secCmnForm .box1 .txt2{
	display: inline-block;
	width: 32px;
	height: 30px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	box-sizing: border-box;
	padding-top: 5px;
	margin-right: 5px;
}
.secCmnForm .box1 .txt2.txtS{ background: #D4893B;}
.secCmnForm .box1 .txt2.txtM{ background: #69AD2C;}
.secCmnForm .box1 .txt3{
	display: inline-block;
	font-size: 13px;
	padding-top: 8px;
}
.secCmnForm .box1 .txt3.txtS{ color: #D3883A;}
.secCmnForm .box1 .txt3.txtM{ color: #69AD2C;}
.secCmnForm .txtPrivacy{
	text-align: center;
	margin-bottom: 50px;
	font-size: 16px;
}
.secCmnForm .txtPrivacy a{
	color: #00396B;
	padding-bottom: 8px;
	letter-spacing: 1.5px;
	position: relative;
}
.secCmnForm .txtPrivacy a::after{
	content: "";
	display: block;
	background: #00396B;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media only screen and (max-width:767px){
	.secCmnForm .box1 .txt2{
		display: block;
		width: 28px;
		height: 26px;
		font-size: 14px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.secCmnForm .box1 .txt2.txtS{ background: #D4893B;}
	.secCmnForm .box1 .txt2.txtM{ background: #69AD2C;}
	.secCmnForm .box1 .txt3{
		display: inline-block;
		font-size: 11px;
		padding-top: 8px;
	}
	.secCmnForm .box1 .txt3.txtS{ color: #D3883A;}
	.secCmnForm .box1 .txt3.txtM{ color: #69AD2C;}
	.secCmnForm .txtPrivacy{
		margin-bottom: 30px;
	}
	.secCmnForm .txtPrivacy a{
		padding-bottom: 4px;
		letter-spacing: 0.75px;
		font-size: 14px;
	}
}

/* secCmnCheckList */
.secCmnCheckList li{
	margin-bottom: 3px;
}
.secCmnCheckList li:last-child{
	margin-bottom: 0;
}
.secCmnCheckList input{
	margin: 0 6px 0 0;
}
.secCmnCheckList .txt,
.secCmnCheckList textarea{
	margin-top: 15px;
}
.secCmnCheckList textarea{
	height: 150px !important;
}
@media only screen and (max-width:767px){
	.secCmnCheckList textarea{
		margin-top: 5px;
	}
}

/* secCmnRadioList */
.secCmnRadioList ul{
	display: flex;
    flex-wrap: wrap;
}
.secCmnRadioList ul li{
	margin: 0 13px 0 0;
}
.secCmnRadioList:not(.noLong) ul li{
	margin-bottom: 10px;
}
@media only screen and (max-width:767px){
	.secCmnRadioList ul li {
		margin: 0 7px 5px 0!important;
	}
	.secCmnRadioList .secFormTable .mark{
		padding: 0 0 5px 0;
	}
}