@charset "utf-8";

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff2) format('woff2'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff) format('woff'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff2) format('woff2'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff) format('woff'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff2) format('woff2'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff) format('woff'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff2) format('woff2'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff) format('woff'),
		 url(/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.otf) format('opentype');
}

/*==============================
	基本設定
==============================*/
body{
	color:#000;
	font-size:12px;
	font-family:'Noto Sans JP', sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	background: #EFEFEF;
	-webkit-text-size-adjust:100%;
	position:relative;
	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;
}
select,input,textarea{
	font-family: inherit;
	font-weight: inherit;
}
a{
	color:#000;
	text-decoration:none;
}
a:focus{outline:none;}

/*font layout*/
.fBold{font-weight:bold;}
.fVerdana{font-family:Verdana;}
.fRoboto{font-family: 'Roboto', sans-serif;}
.fCaveat{font-family: 'Caveat', cursive;}

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ opacity:0.8; }
.ro a,
a.ro,
a .ro{
	-webkit-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{ opacity:1.0; }
}

/*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: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
@media only screen and (max-width:767px){
	.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1);filter: brightness(1); }
}

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

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

/*-----------------------------------------------
	img
-----------------------------------------------*/
/* imgCenter */
.imgCenter{
	text-align: center;
}
.imgCenter img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* imgFill */
.imgFill{
	position: relative;
}
.imgFill img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
/* imgFit */
.imgFit{
	position:relative;
}
.imgFit 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;
}
.imgCover2{
	position: relative;
}
.imgCover2 img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
/*-----------------------------------------------
	wrapper
-----------------------------------------------*/
.wrapper1000{
	width: 1000px;
	margin: 0 auto;
}
.wrapper1200{
	width: 1200px;
	margin: 0 auto;
}
.wrapper1400{
	width: calc(100% - 40px);
	max-width: 1400px;
	margin: 0 auto;
}
@media only screen and (max-width: 1480px){
	.wrapper1200{
		width: 96%;
	}
}
@media only screen and (max-width:767px){
	.wrapper1000,
	.wrapper1200,
	.wrapper1400{
		width: 100%;
		max-width: none;
	}
	.wrapperSp{
		width: 90.34%;
		margin: 0 auto;
	}
}

/*-----------------------------------------------
	container
-----------------------------------------------*/
#container{
	width: 100%;
}

/*-----------------------------------------------
	spNavi
-----------------------------------------------*/
#spNavi{
	display: none;
}
@media only screen and (max-width:767px){
	#spNavi{
		z-index: 99999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background: rgba(27,51,69,0.95);
		overflow-y: scroll;
	}
	#spNavi .wrapper{
		width: 90.34%;
		padding: 0 0 56px;
	}
	#spNavi .boxTop{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		height: 56px;
	}
	#spNavi .boxTop .btnClose{
		display: block;
		width: 56px;
		height: 56px;
		position: absolute;
		top: 0;
		right: 0;
	}
	#spNavi .boxTop .btnClose span{
		display: inline-block;
		position: absolute;
		left: calc(50% - 10px);
		width: 20px;
		height: 3px;
		background: #FFF;
	}
	#spNavi .boxTop .btnClose span:nth-of-type(1){
		top: 17px;
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}
	#spNavi .boxTop .btnClose span:nth-of-type(2){
		top: 35px;
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}
	#spNavi .boxList li a{
		display: block;
		position: relative;
		color: #FFF;
		letter-spacing: 0.25px;
		padding: 18px 12px;
		font-size: 13px;
		letter-spacing: 0.5px;
		text-decoration: none;
	}
	#spNavi .boxList li a::after{
		display: block;
		content: "";
		position: absolute;
		top: calc(50% - 3px);
		left: 0;
		border-style: solid;
		border-width: 3px 0 3px 3px;
		border-color: transparent transparent transparent #FFF;
	}
}

/* -----------------------------------------------
	sideComment
-----------------------------------------------*/
/* #sideComment{
	display: none;
	z-index: 9999;
	position: fixed;
	top: 56px;
	left: 0;
	width: 216px;
	height: calc(100% - 56px);
	background: #FFF;
	overflow: hidden;
}
#sideComment .wrapper{
	overflow-y: scroll;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 17px);
	height: 100%;
}
#sideComment .wrapperIn{
	width: 180px;
	margin: 0 auto;
	padding: 24px 0;
}
#sideComment .titTop{
	text-align: center;
	height: 10px;
	position: relative;
	font-size: 0;
}
#sideComment .titTop::before,
#sideComment .titTop::after{
	content: "";
	width: 50px;
	height: 1px;
	background: #CCC;
	position: absolute;
	top: 4px;
	left: 0;
}
#sideComment .titTop::after{
	left: auto;
	right: 0;
}
#sideComment .txtError{
	font-size: 13px;
	line-height: 21px;
	margin-top: 12px;
	letter-spacing: 0.5px;
}
#sideComment .boxList li{
	border-bottom: 1px solid #CCC;
}
#sideComment .boxList li a{
	display: block;
	padding: 20px 16px 16px 2px;
}
#sideComment .boxList li:first-child a{
	padding-top: 14px;
}
#sideComment .boxList li .txtTime{
	font-size: 12px;
	line-height: 14.5px;
	letter-spacing: 0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#sideComment .boxList li .tit{
	font-size: 13px;
	line-height: 21px;
	max-height: 42px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-top: 7px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 42px;
}
#sideComment .boxList li .txtDetails{
	font-size: 11px;
	line-height: 18px;
	margin-top: 8px;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 36px;
} */

/*-----------------------------------------------
	sideComment
-----------------------------------------------*/
#sideComment{
	display: none;
	z-index: 9999;
	position: fixed;
	top: 56px;
	left: 0;
	width: 216px;
	height: calc(100% - 56px);
	background: #FFF;
	overflow: hidden;
}
#sideComment .wrapper{
	overflow-y: scroll;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 17px);
	height: 100%;
}
#sideComment .wrapperIn{
	width: 180px;
	margin: 0 auto;
	padding: 24px 0;
}


#sideComment .wrapperIn .button{
	text-align: center;
	margin: 0px auto 10px auto;
	width: 144px;
    height: 32px;
    border: 1px solid #222;
    background-color: #FFF;
  
    border-radius: 6px;
	
}
#sideComment .wrapperIn .button a{
	 color: #222;
	line-height: 32px;
	display: block;
}
#sideComment .titTop{
	text-align: center;
	height: 10px;
	position: relative;
	font-size: 0;
}
#sideComment .titTop::before,
#sideComment .titTop::after{
	content: "";
	width: 50px;
	height: 1px;
	background: #CCC;
	position: absolute;
	top: 4px;
	left: 0;
}
#sideComment .titTop::after{
	left: auto;
	right: 0;
}
#sideComment .txtError{
	font-size: 13px;
	line-height: 21px;
	margin-top: 12px;
	letter-spacing: 0.5px;
}
#sideComment .boxList li{
	border-bottom: 1px solid #CCC;
	position: relative;
}
#sideComment .boxList li a{
	display: block;
	padding: 12px 16px 16px 2px;
}
#sideComment .boxList li:first-child a{
	padding-top: 14px;
}
#sideComment .boxList li .txtTime{
	font-size: 12px;
	line-height: 14.5px;
	letter-spacing: 0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 55px;
}
#sideComment .boxList li .tit{
	font-size: 13px;
	line-height: 21px;
	/*max-height: 42px;*/
	font-weight: 500;
	letter-spacing: 2px;
	margin-top: 7px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-left: 55px;
}
#sideComment .boxList li .txtTime2{
	font-size: 11px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 0px;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 36px;
}
#sideComment .boxList li .tit2{
  font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 0px;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 36px;
}

#sideComment .boxList li .thum{
	width: 50px;
	height: 50px;
	background: #E6E6E6;
	display: inline-block; margin-right: 5px;
	position: absolute; 
	top: 8px; left: 0;
	
	border-radius: 25px;
	
}
#sideComment .boxList li .thum img{
	border-radius: 25px;
}

#sideComment .boxList li .tit span{display: inline-block;}
#sideComment .boxList li .txtDetails{
	/*font-size: 11px;*/
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 8px;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 36px;
}
#sideComment .boxList li .txtDetails2{
  font-size: 12px;
	line-height: 14.5px;
	letter-spacing: 0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
  margin: 5px auto auto 60px;
  display: block;
  min-height: 42px;
}
/*-----------------------------------------------
	header
-----------------------------------------------*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1240px;
	height: 56px;
	background: #001A60;
	z-index: 9999;
}
#header .wrapperLeft .logo{
	padding-top: 14px;
}
#header .wrapperRight{
	position: absolute;
	top: 0;
	right: 5%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
#header .wrapperRight .boxLogin{
	margin-left: 25px;
}
#header .wrapperRight .boxLogin a{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	color: #FFF;
}
#header .wrapperRight .boxLogin a .img{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}
#header .wrapperRight .boxLogin a .txt{
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#header .wrapperRight .btnNavi{
	display: block;
	width: 56px;
	height: 56px;
	background: #36698F;
	position: relative;
	margin-left: 25px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#header .wrapperRight .btnNavi:hover{
	background: #5E87A5;
}
#header .wrapperRight .btnNavi span{
	display: inline-block;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	position: absolute;
	left: calc(50% - 10px);
	width: 20px;
	height: 3px;
	background: #FFF;
}
#header .wrapperRight .btnNavi span:nth-of-type(1){
	top: 17px;
}
#header .wrapperRight .btnNavi span:nth-of-type(2){
	top: 26px;
}
#header .wrapperRight .btnNavi span:nth-of-type(3){
	top: 35px;
}
#header .wrapperRight .btnNavi.active span:nth-of-type(1){
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
#header .wrapperRight .btnNavi.active span:nth-of-type(2){
	opacity: 0;
}
#header .wrapperRight .btnNavi.active span:nth-of-type(3){
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
@media only screen and (max-width:767px){
	#header{
		min-width: 0;
	}
	#header .wrapperRight{
		position: static;
	}
	#header .wrapperRight .boxLogin{
		display: none;
	}
	#header .wrapperRight .btnNavi{
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	#header .wrapperRight .btnNavi:hover{
		background: #36698F;
	}
}

/*-----------------------------------------------
	gNavi
-----------------------------------------------*/
#gNavi .boxList{
	display: flex;
	display: -webkit-flex;
}
#gNavi .boxList li{
	line-height: 20px;
	border-right: 1px solid rgba(255,255,255,0.2);
	padding: 0 24px;
}
#gNavi .boxList li:first-child{
	border-left: 1px solid rgba(255,255,255,0.2);
}
#gNavi .boxList li a{
	color: #FFF;
	letter-spacing: 1px;
}
@media only screen and (max-width:767px){
	#gNavi{
		display: none;
	}
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
#main{
	padding-top: 56px;
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
/* pnkz */
#pnkz{
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.22);
	margin-top: 50px;
}
#pnkz li{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	padding: 12px 0;
	width: auto !important;
	color: #000;
	letter-spacing: 1px;
}
#pnkz li::before{
	content: ">";
	display: inline-block;
	vertical-align: top;
	padding: 0 6px;
}
#pnkz li:first-child::before{
	display: none;
}
#pnkz li h1{
	display: inline;
}
@media only screen and (max-width:767px){
	#pnkz{
		margin-top: 25px;
		padding: 0 4.83%;
	}
	#pnkz li{
		max-width: 150px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#pnkz li:last-child{
		max-width: 100%;
	}
}

/* secCmnError */
.secCmnError{
	font-size: 15px;
	line-height: 2;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
}
@media only screen and (max-width:767px){
	.secCmnError{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.5px;
	}
}

/* secCmnTit */
.secCmnTit{
	text-align: center;
	margin-top: 60px;
}
.secCmnTit .titJpn{
	font-size: 14px;
	margin-top: 14px;
	letter-spacing: 2px;
	font-weight: 500;
}
@media only screen and (max-width:767px){
	.secCmnTit{
		margin-top: 30px;
	}
	.secCmnTit .titEng img{
		width: auto;
		height: 25px;
	}
	.secCmnTit .titJpn{
		font-size: 13px;
		margin-top: 10px;
		letter-spacing: 0.5px;
	}
}

/* secCmnVoice */
.secCmnVoice li{
	padding: 78px 0;
	border-bottom: 1px solid rgba(183,168,105,0.5);
}
.secCmnVoice li:nth-child(2n+1){
	background: #FFF;
}
.secCmnVoice li .wrapper{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.secCmnVoice li .boxSummary{
	width: 580px;
	max-width: calc(100% - 700px);
	margin-top: 3px;
}
.secCmnVoice li .boxSummary .boxImg{
	position: relative;
}
.secCmnVoice li .boxSummary .boxImg .txt{
	font-size: 40px;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: rgba(0,0,0,0.4) 2px 2px 2px;
	position: absolute;
	bottom: 14px;
	right: 20px;
}
.secCmnVoice li .boxSummary .boxImg .txt .num{
	font-size: 55px;
}
.secCmnVoice li .boxSummary .boxInfo{
	margin-top: 20px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.secCmnVoice li .boxSummary .boxInfo .boxTxt{
	margin-left: 19px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.5;
}
.secCmnVoice li .boxSummary .boxInfo .boxTxt:only-child{
	margin-left: 0;
}
.secCmnVoice li .boxSummary .boxInfo .boxTxt dl{
	display: flex;
	display: -webkit-flex;
}
.secCmnVoice li .boxSummary .boxInfo .boxTxt dl dt{
	white-space: nowrap;
}
.secCmnVoice li .boxSummary .boxInfo .boxTxt dl dt::after{
	content: "：";
}
.secCmnVoice li .boxDetails{
	width: calc(100% - 639px);
	min-width: 660px;
}
.secCmnVoice li .boxDetails .boxTit{
	border-bottom: 1px dotted rgba(0,0,0,0.4);
	padding-bottom: 13px;
}
.secCmnVoice li .boxDetails .boxTit .tit{
	width: 660px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.6;
	color: #B7A869;
}
.secCmnVoice li .boxDetails .boxTxt{
	margin-top: 33px;
}
.secCmnVoice li .boxDetails .boxTxt .txt{
	width: 660px;
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 27px;
	letter-spacing: 0.25px;
	font-weight: 500;
}
.secCmnVoice li .boxDetails .boxTxt .txt:last-child{
	margin-bottom: 0;
}
@media only screen and (max-width:767px){
	.secCmnVoice li{
		padding: 30px 0;
	}
	.secCmnVoice li .wrapper{
		display: block;
	}
	.secCmnVoice li .boxSummary{
		width: 100%;
		max-width: none;
		margin-top: 0;
	}
	.secCmnVoice li .boxSummary .boxImg .txt{
		font-size: 30px;
		letter-spacing: 0.5px;
		bottom: 7px;
		right: 10px;
	}
	.secCmnVoice li .boxSummary .boxImg .txt .num{
		font-size: 41px;
	}
	.secCmnVoice li .boxSummary .boxInfo{
		margin-top: 10px;
	}
	.secCmnVoice li .boxSummary .boxInfo .img img{
		width: auto;
		max-height: 50px;
	}
	.secCmnVoice li .boxSummary .boxInfo .boxTxt{
		margin-left: 10px;
		font-size: 13px;
		letter-spacing: 0.5px;
	}
	.secCmnVoice li .boxDetails{
		width: 100%;
		min-width: 0;
		margin-top: 18px;
	}
	.secCmnVoice li .boxDetails .boxTit{
		padding-bottom: 10px;
	}
	.secCmnVoice li .boxDetails .boxTit .tit{
		width: 100%;
		font-size: 15px;
		line-height: 1.5;
	}
	.secCmnVoice li .boxDetails .boxTxt{
		margin-top: 20px;
	}
	.secCmnVoice li .boxDetails .boxTxt .txt{
		width: 100%;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 20px;
		letter-spacing: 0.5px;
	}
}

/* secProjectList */
.secCmnPartnerList{
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-top: 50px;
}
.secCmnPartnerList .item{
	width: 32.143%;
	margin: 0 1.786% 1.786% 0;
	background: #FFF;
}
.secCmnPartnerList .item:nth-child(3n){
	margin-right: 0;
}
.secCmnPartnerList .item:nth-last-child(-n+3){
	margin-bottom: 0;
}
.secCmnPartnerList .item .itemLink{
	display: block;
	padding-bottom: 49px;
	position: relative;
}
.secCmnPartnerList .item .boxImg{
	position: relative;
}
.secCmnPartnerList .item .boxImg .img::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(transparent, rgba(0,0,0,0.44));
	z-index: 10;
}
.secCmnPartnerList .item .boxImg .img{
	height: 0;
	padding-top: 60.889%;
}
.secCmnPartnerList .item .boxImg .boxEnd{
	background: #B7A869;
	width: 88.89%;
	position: absolute;
	bottom: 20px;
	left: 5.555%;
	z-index: 100;
	padding: 7px 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.secCmnPartnerList .item .boxImg .boxEnd .txt01{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #FFF;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.secCmnPartnerList .item .boxImg .boxEnd .txt02{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #FFF;
	margin-left: 12px;
	letter-spacing: 0.5px;
}
.secCmnPartnerList .item .boxTxt{
	width: 88.889%;
	margin: 0 auto;
	padding: 20px 0 0;
}
.secCmnPartnerList .item .boxTxt .boxSummary .boxIco{
	font-size: 0;
}
.secCmnPartnerList .item .boxTxt .boxSummary .boxIco li{
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	font-weight: 500;
	background: #E5E5E5;
	text-align: center;
	margin: 0 5px 5px 0;
	letter-spacing: 1.5px;
	padding: 6px 14px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.secCmnPartnerList .item .boxTxt .boxSummary .tit{
	font-weight: bold;
	font-size: 18px;
	line-height: 29px;
	color: #316B9F;
	letter-spacing: 0.5px;
	margin-top: 6px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 58px;
}
.secCmnPartnerList .item .boxTxt .boxSummary .txt{
	font-size: 13px;
	line-height: 23.5px;
	margin-top: 7px;
	letter-spacing: 0.75px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 47px;
}
.secCmnPartnerList .item .boxTxt .boxInfo .tit{
	text-align: center;
	height: 10px;
	font-size: 0;
	position: relative;
	margin-top: 20px;
}
.secCmnPartnerList .item .boxTxt .boxInfo .tit::before,
.secCmnPartnerList .item .boxTxt .boxInfo .tit::after{
	content: "";
	width: calc(50% - 50px);
	height: 1px;
	background: #CCC;
	position: absolute;
	top: 4px;
	left: 0;
}
.secCmnPartnerList .item .boxTxt .boxInfo .tit::after{
	left: auto;
	right: 0;
}
.secCmnPartnerList .item .boxTxt .boxInfo .boxInfoList{
	margin-top: 16px;
}
.secCmnPartnerList .item .boxTxt .boxInfo .boxInfoList li{
	font-size: 12px;
	line-height: 21.5px;
	font-weight: 500;
	letter-spacing: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.secCmnPartnerList .item .boxMember{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.secCmnPartnerList .item .boxMember .txt{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 25px;
}
.secCmnPartnerList .item .boxMember .boxBtn{
	margin-top: 35px;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn{
	width: 270px;
	background: #FFF;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn:last-child{
	margin-top: 20px;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn a{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	height: 45px;
	background: #FFF;
	border: 1px solid #FFF;
	padding: 0 12px;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn:last-child a{
	background: #C33;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn a .inner{
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #001A60;
	position: relative;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn:last-child a .inner{
	color: #FFF;
	font-size: 13px;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn a .inner::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #001A60;
	border-right: solid 2px #001A60;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: calc(50% - 4px);
	right: 0;
}
.secCmnPartnerList .item .boxMember .boxBtn .btn:last-child a .inner::after{
	border-color: #FFF;
}
@media only screen and (max-width:1400px){
	.secCmnPartnerList .item .boxImg .boxEnd{
		padding: 8px 10px;
	}
	.secCmnPartnerList .item .boxImg .boxEnd .txt01{
		font-size: 15px;
	}
	.secCmnPartnerList .item .boxImg .boxEnd .txt02{
		font-size: 11px;
		margin-left: 5px;
	}
}
@media only screen and (max-width:767px){
	.secCmnPartnerList{
		display: block;
		margin-top: 25px;
	}
	.secCmnPartnerList .item,
	.secCmnPartnerList .item:nth-child(3n),
	.secCmnPartnerList .item:nth-last-child(-n+3){
		width: 100%;
		margin: 0 0 15px 0;
		background: #FFF;
	}
	.secCmnPartnerList .item .itemLink{
		padding-bottom: 12px;
	}
	.secCmnPartnerList .item .boxImg .boxEnd{
		bottom: 10px;
		padding: 5px 8px;
	}
	.secCmnPartnerList .item .boxImg .boxEnd .txt01{
		font-size: 12px;
	}
	.secCmnPartnerList .item .boxImg .boxEnd .txt02{
		font-size: 10px;
		line-height: 12px;
	}
	.secCmnPartnerList .item .boxTxt{
		padding: 10px 0 0;
	}
	.secCmnPartnerList .item .boxTxt .boxSummary .boxIco li{
		font-size: 12px;
		margin: 0 3px 3px 0;
		letter-spacing: 0.5px;
		padding: 5px 10px;
	}
	.secCmnPartnerList .item .boxTxt .boxSummary .tit{
		font-size: 15px;
		line-height: 22.5px;
		margin-top: 7px;
		max-height: 45px;
	}
	.secCmnPartnerList .item .boxTxt .boxSummary .txt{
		font-size: 12px;
		line-height: 18px;
		margin-top: 7px;
		letter-spacing: 0.5px;
		max-height: 36px;
	}
	.secCmnPartnerList .item .boxTxt .boxInfo .tit{
		margin-top: 10px;
	}
	.secCmnPartnerList .item .boxTxt .boxInfo .boxInfoList{
		margin-top: 10px;
	}
	.secCmnPartnerList .item .boxTxt .boxInfo .boxInfoList li{
		font-size: 11px;
		line-height: 16.5px;
		letter-spacing: 0.5px;
	}
	.secCmnPartnerList .item .boxMember .img{
		width: 36px;
	}
	.secCmnPartnerList .item .boxMember .txt{
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		margin-top: 10px;
	}
	.secCmnPartnerList .item .boxMember .boxBtn{
		margin-top: 20px;
	}
	.secCmnPartnerList .item .boxMember .boxBtn .btn{
		width: 250px;
	}
	.secCmnPartnerList .item .boxMember .boxBtn .btn:last-child{
		margin-top: 15px;
	}
	.secCmnPartnerList .item .boxMember .boxBtn .btn a .inner{
		font-size: 15px;
		letter-spacing: 0.5px;
	}
	.secCmnPartnerList .item .boxMember .boxBtn .btn:last-child a .inner{
		font-size: 12px;
	}
}
@media only screen and (max-width:374px){
	.secCmnPartnerList .item .boxImg .boxEnd .txt01{
		font-size: 12px;
	}
	.secCmnPartnerList .item .boxImg .boxEnd .txt02{
		font-size: 10px;
		line-height: 12px;
	}
}
@media only screen and (max-width:359px){
	.secCmnPartnerList .item .boxImg .boxEnd .txt02 .txtPeriod{
		display: none;
	}
}

/*-----------------------------------------------
	secForm
-----------------------------------------------*/
/* secFormStep */
.secFormStep{
	width: 620px;
	margin: 58px auto 0;
}
.secFormStep .boxList{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.secFormStep .boxList li{
	text-align: center;
	width: 51px;
}
.secFormStep .boxList li .tit{
	font-weight: 500;
	font-size: 14px;
	height: 14px;
	margin-top: 14px;
	letter-spacing: 1px;
	white-space: nowrap;
	position: relative;
}
.secFormStep .boxList li .tit .inner{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.secFormStep .boxBorder{
	width: 580px;
	height: 2px;
	background: #262626;
	margin: 25px auto 0;
	position: relative;
}
.secFormStep .boxBorder li{
	border: 1px solid #00195F;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #FFF;
	position: absolute;
	top: calc(50% - 6px);
}
.secFormStep .boxBorder li:nth-child(1){
	left: 0;
}
.secFormStep .boxBorder li:nth-child(2){
	left: calc(50% - 6px);
}
.secFormStep .boxBorder li:nth-child(3){
	right: 0;
}
.secFormStep .boxBorder li.on{
	background: #262626;
	border: none;
}
@media only screen and (max-width:767px){
	.secFormStep{
		width: 75%;
		margin: 30px auto 0;
	}
	.secFormStep .boxList li{
		width: 40px;
	}
	.secFormStep .boxList li .tit{
		font-size: 13px;
		height: 13px;
		margin-top: 13px;
		letter-spacing: 0.5px;
	}
	.secFormStep .boxBorder{
		width: calc(100% - 30px);
		margin-top: 20px;
	}
}

/* secFormTable */
.secFormTable{
	margin-top: 63px;
}
.secFormTable .must{
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	text-align: center;
	color: #793737;
	border: 1px solid #793737;
	border-radius: 3px;
	letter-spacing: 0;
	width: 44px;
	height: 30px;
	line-height: 28px;
	background: #FFF;
	font-weight: 400;
}
.secFormTable tr th,
.secFormTable tr td{
	border: 1px solid #CCC;
}
.secFormTable tr th{
	width: 200px;
	width: 220px;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1.5px;
	padding: 14px 0px 14px 20px;
	font-weight: 500;
	vertical-align: middle;
	background: #F7F7F7;
}
.secFormTable tr th .inner{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	padding-right: 19px;
}
.secFormTable tr td{
	padding: 14px 0px 14px 20px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1px;
	background: #FFF;
}
.secFormTable.co tr td{
	padding: 21px 0px 21px 20px;
}
.secFormTable tr td .txtError {
	display: none;
	color: #F00;
	font-size: 12px;
	line-height: 18px;
	background: url(/img/portal/icon/iconError.png) 0 2px / 14px auto no-repeat;
	padding: 0 0 0 17px;
	margin-top: 10px;
}
.secFormTable input[type="text"],
.secFormTable input[type="tel"],
.secFormTable input[type="email"],
.secFormTable input[type="password"],
.secFormTable select{
	height: 50px;
	border: 1px solid #CCC;
	font-size: 14px;
	letter-spacing: 1px;
	padding-left: 15px;
	background: #FFF;
}
.secFormTable textarea{
	width: 100%;
	height: 100px;
	border: 1px solid #CCC;
	font-size: 15px;
	line-height: 1.5;
	padding: 10px 14px;
}
.secFormTable select{
	max-width: 100%;
	padding-right: 15px;
}
_:-ms-lang(x)::-ms-backdrop, .secFormTable select{
	padding: 0;
}
.secFormTable input[type="text"].inputRequired,
.secFormTable input[type="tel"].inputRequired,
.secFormTable input[type="email"].inputRequired,
.secFormTable input[type="password"].inputRequired,
.secFormTable select.inputRequired{
	border-color: #773535;
	background: #FFFFF0;
}
.secFormTable .w340{
	width: 340px;
}
.secFormTable .w500{
	width: 500px;
}
.secFormTable .w700{
	width: 700px;
}
.secFormTable .txtNote{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 300;
	margin-left: 13px;
}
.secFormTable .boxRadioList{
	padding: 12px 0 16px;
}
.secFormTable .boxRadioList li{
	display: inline-block;
	vertical-align: top;
	margin-right: 19px;
}
.secFormTable .boxRadioList li:last-child{
	margin-right: 0;
}
.secFormTable .boxRadioList li input[type="radio"]{
	margin: 0 10px 0 0;
}
.secFormTable .boxRadioList li .inner{
	display: inline-block;
	vertical-align: middle;
	line-height: 13px;
}
.secFormTable .txtGuideline{
	padding: 20px 0 24px;
}
.secFormTable .txtGuideline input[type="checkbox"],
.secFormTable .txtAgent input[type="checkbox"]{
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
}
.secFormTable .txtAgent input[type="checkbox"]{
	margin: 5px 7px 0 0;
}
.secFormTable .txtGuideline a{
	color: #00217F;
}
.secFormTable .txtGuideline .inner{
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
}
.secFormTable .txtAgent{
	padding: 7px 0;
	font-size: 0;
}
.secFormTable .txtAgent .inner{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.5px;
}
@media only screen and (max-width:767px){
	.secFormTable{
		width: 100%;
		margin-top: 30px;
	}
	.secFormTable .must{
		height: 26px;
		line-height: 24px;
		font-size: 12px;
	}
	.secFormTable tbody,
	.secFormTable tr,
	.secFormTable tr th,
	.secFormTable tr td{
		display: block;
	}
	.secFormTable{
		border-top: 1px solid #CCC;
	}
	.secFormTable tr th,
	.secFormTable tr td{
		border: none;
		border-bottom: 1px solid #CCC;
	}
	.secFormTable tr th{
		width: 100%;
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		padding: 10px 4.83%;
	}
	.secFormTable tr th .inner{
		padding-right: 0;
	}
	.secFormTable tr th .must{
		top: calc(50% - 13px);
	}
	.secFormTable tr td{
		padding: 20px 4.83%;
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		box-sizing: content-box;
	}
	.secFormTable.co tr td{
		padding: 15px 4.83%;
	}
	.secFormTable input[type="text"],
	.secFormTable input[type="tel"],
	.secFormTable input[type="email"],
	.secFormTable input[type="password"],
	.secFormTable select{
		height: 40px;
		font-size: 13px;
	}
	.secFormTable textarea{
		width: 100%;
		font-size: 13px;
		padding: 10px;
	}
	.secFormTable .ws100p{
		width: 100%;
	}
	.secFormTable .txtNote{
		display: block;
		margin: 10px 0 0;
	}
	.secFormTable .boxRadioList{
		padding: 0;
	}
	.secFormTable .boxRadioList li{
		display: inline-block;
		vertical-align: top;
		margin-right: 23px;
	}
	.secFormTable .boxRadioList li:last-child{
		margin-right: 0;
	}
	.secFormTable .boxRadioList li input[type="radio"]{
		margin: 0 5px 0 0;
	}
	.secFormTable .txtGuideline{
		padding: 0;
	}
	.secFormTable .txtGuideline input[type="checkbox"]{
		margin: 0 5px 0 0;
	}
	.secFormTable .txtAgent input[type="checkbox"]{
		margin: 2px 5px 0 0;
	}
	.secFormTable .txtAgent{
		padding: 0;
	}
	.secFormTable .txtAgent .inner{
		width: calc(100% - 22px);
		font-size: 13px;
		line-height: 1.5;
	}
}

/* secFormTxt */
.secFormTxt{
	text-align: center;
	font-size: 15px;
	line-height: 2;
	letter-spacing: 1px;
	margin-top: 50px;
}
@media only screen and (max-width:767px){
	.secFormTxt{
		margin-top: 25px;
		font-size: 13px;
		letter-spacing: 0.5px;
		line-height: 1.5;
		text-align: left;
	}
}

/* secFormBtn */
.secFormBtn .btnSubmit{
	width: 400px;
	margin: 50px auto 0;
	background: #FFF;
}
.secFormBtn .btnSubmit a{
	display: block;
	background: #C33;
	color: #FFF;
	height: 94px;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	padding-top: 38px;
	letter-spacing: 3px;
}
.secFormBtn .btnBack{
	width: 240px;
	margin: 0 auto;
	background: #FFF;
	margin-top: 50px;
}
.secFormBtn .btnBack a{
	display: block;
	background: #202020;
	color: #FFF;
	height: 72px;
	font-size: 15px;
	padding-top: 28.5px;
	letter-spacing: 1.5px;
	text-align: center;
}
@media only screen and (max-width:767px){
	.secFormBtn .btnSubmit{
		width: 80.677%;
		margin-top: 25px;
	}
	.secFormBtn .btnSubmit a{
		height: 70px;
		font-size: 15px;
		padding-top: 27.5px;
		letter-spacing: 0.5px;
	}
	.secFormBtn .btnBack{
		width: 60.387%;
		margin-top: 25px;
	}
	.secFormBtn .btnBack a{
		height: 60px;
		font-size: 13px;
		padding-top: 23.5px;
		letter-spacing: 0.5px;
	}
}

/*-----------------------------------------------
	sideNavi
-----------------------------------------------*/
#sideNavi{
	position: fixed;
	top: 200px;
	right: -60px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	z-index: 100;
}
#sideNavi.active{
	right: 0;
}
#sideNavi .btn{
	background: #FFF;
}
#sideNavi .btn:last-child{
	margin-top: 10px;
}
@media only screen and (max-width:767px){
	#sideNavi{
		display: none;
	}
}

/*-----------------------------------------------
	footer
-----------------------------------------------*/
/* secFooterNavi */
.secFooterNavi{
	padding: 55px 0 45px;
	background: #00195f;
}
.secFooterNavi .wrapper{
	text-align: center;
	color: #fff;
}
.secFooterNavi .logo{
	width: 14.286%;
	margin: 0 auto;
}
.secFooterNavi .left{
	text-align: center;
	display: inline-block;
}
.secFooterNavi .adress{
	font-size: 18px;
	letter-spacing: 2px;
	margin-top: 40px;
	text-align: left;
}
.secFooterNavi .contactBox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: top;
	margin-top: 20px;
}
.secFooterNavi .phoneBox{
	display: flex;
	display: -webkit-flex;
}
.secFooterNavi .phoneNumber{
	margin-left: 5px;
}
.secFooterNavi .time{
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	margin-left: 5px;
}
.secFooterNavi .phoneNumber a{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
}

@media only screen and (max-width:1400px){
	.secFooterNavi .logo{
		width: 12%;
	}
	
}
@media only screen and (max-width:767px){
	.secFooterNavi{
		padding-top: 30px;
	}
	.secFooterNavi .logo{
		width: 90px;
		margin: 0 auto;
		padding-top: 0;
	}
	.secFooterNavi .adress{
		font-size: 14px;
		margin-top: 20px;
	}
	.secFooterNavi .contactBox {
		display: block;
	}
	.secFooterNavi .phoneBox{
		justify-content: center;
		margin-bottom: 10px;
	}
	.secFooterNavi .time{
		text-align: center;
		margin-left: 0;
		font-size: 12px;
	}
}

/* copyright */
#copyright{
	font-size: 10px;
	line-height: 40px;
	color: #000;
	text-align: center;
	background: #fff;
	letter-spacing: 2px;
}
@media only screen and (max-width:767px){
	#copyright{
		letter-spacing: 1px;
	}
}

/*-----------------------------------------------
	subShow
-----------------------------------------------*/
.subShow {
	text-align:right;
	font-size:14px;
	line-height:1.2;
	position:relative;
	letter-spacing:0.5px;
	margin-top:20px;
}
.subShow .fRed{
	font-size:18px;
	color:#CC0000;
	position:relative;
	padding-left:27px;
}
.subShow .fRed::after {
	content:"";
	position:absolute;
	top:2px;
	left:0;
	width:24px;
	height:24px;
	background:url(/img/portal/icon/iconShow.png) top center no-repeat;
	background-size:24px auto;
}
@media only screen and (max-width:767px){
	.subShow {
		font-size:13px;
		padding:0 5%;
	}
}


/*-----------------------------------------------
	secCmnAvailablesList
-----------------------------------------------*/
.secCmnAvailablesList .item{
	width:100%;
	border-top:5px solid #001A60;
	background:#fff;
	margin-top:50px;
}
.secCmnAvailablesList .itemLink{
	display:block;
	color:#000;
}
.secCmnAvailablesList .boxInner{
	padding:20px 20px 17px;
}
.secCmnAvailablesList .subBox{
	display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
	width:100%;
}
.secCmnAvailablesList .boxCircle{
	background:#B7A869;
	width:185px;
	height:185px;
	border-radius: 500px;
	display:table;
}
.secCmnAvailablesList .circleInner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#fff;
}
.secCmnAvailablesList .boxTitC01{
	font-size:15px;
}
.secCmnAvailablesList .txtDate{
	font-size:12px;
	letter-spacing:1px;
	line-height:1.5;
	padding-top:3px;
}
.secCmnAvailablesList .titDate{
	font-size:15px;
	letter-spacing:1px;
	line-height:1.2;
	padding-top:5px;
}
.secCmnAvailablesList .titDate .fRoboto{
	font-size:33px;
}
.secCmnAvailablesList .subCon{
	width: calc(100% - 210px);
	padding-top:5px;
}
.secCmnAvailablesList .boxTit{
	font-size:18px;
	line-height:1.2;
	color:#316B9F;
	font-weight:bold;
	letter-spacing:2px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.secCmnAvailablesList .conTab{
	font-size:0;
	padding-top:22px;
}
.secCmnAvailablesList .conTabIn{
	display:inline-block;
	font-size:12px;
	padding:6px 12px;
	text-align:center;
	margin-right:5px;
	background:#D7D7D7;
	vertical-align:middle;
}
.secCmnAvailablesList .conTabIn.fRed{
	color:#fff;
	background:#CC0000;
}
.secCmnAvailablesList .conTabIn:last-child{ margin-right:0;}
.secCmnAvailablesList .boxTxt{
	font-size:13px;
	line-height:1.8;
	letter-spacing:1px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	max-height:70px;
	margin-top:20px;
}
.secCmnAvailablesList .boxTable { margin-top:20px;}
.secCmnAvailablesList .boxTable table{ width:100%;}
.secCmnAvailablesList .boxTable th{
	font-size:12px;
	letter-spacing:1px;
	color:#fff;
	background:#2F2F2F;
	text-align:center;
	width:80px;
	vertical-align:middle;
	border:1px solid #CCCCCC;
	padding:11px 0;
}
.secCmnAvailablesList .boxTable td{
	font-size:12px;
	letter-spacing:1px;
	background:#FFF;
	vertical-align:middle;
	border:1px solid #CCCCCC;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:416px;
	max-width:416px;
	padding:11px 10px;
}
.secCmnAvailablesList .boxBottom{
	background:#001A60;
	padding:23px 20px;
	color:#fff;
}
.secCmnAvailablesList .boxBottom .fLeft{
	float:left;
	font-size:0;
	width:40%;
}
.secCmnAvailablesList .boxBottom .fRight{
	float:right;
	font-size:0;
}
.secCmnAvailablesList .smallLogo,
.secCmnAvailablesList .comTit,
.secCmnAvailablesList .iconAuth{
	display:inline-block;
	vertical-align:middle;
}
.secCmnAvailablesList .smallLogo{
	height: 0;
    padding-top: 11.367%;
    width: 11.367%;
}
.secCmnAvailablesList .smallLogo img{
	border-radius: 500px;
}
.secCmnAvailablesList .comTit{
	font-size:15px;
	letter-spacing:0.5px;
	margin-left:15px;
}
.secCmnAvailablesList .iconAuth{ margin-left:10px;}
.secCmnAvailablesList .btnMore,
.secCmnAvailablesList .btnMember{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	font-size:13px;
	width:270px;
	color:#FFF;
	letter-spacing:2px;
	padding:16px 0 ;
	margin:0 auto;
	text-align:center;
}
.secCmnAvailablesList .btnMore{ background:#B7A869;}
.secCmnAvailablesList .btnMember{ 
	background:#FF3300;
	margin-left:20px;
}
.secCmnAvailablesList .fRight .aBtn::before,
.secCmnAvailablesList .fRight .aBtn::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.secCmnAvailablesList .fRight .aBtn::before{
    right: 15%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.secCmnAvailablesList .btnMore.aBtn::before{ right:27%;}


@media only screen and (max-width:1300px){
	.secCmnAvailablesList .boxTable td{
		width:316px;
		max-width:316px;
	}
	.secCmnAvailablesList .btnMore, 
	.secCmnAvailablesList .btnMember{
		width:230px;
	}

}
@media only screen and (max-width:767px){
	.secCmnAvailablesList .item{ margin-top:30px;}
	.secCmnAvailablesList .boxInner{ padding:0 0 20px;}
	.secCmnAvailablesList .subBox{
		display:block;
	}
	.secCmnAvailablesList .boxCircle{
		margin:0 auto;
		width:100%;
		height:auto;
		padding:10px 5% 20px;
		display:block;
		border-radius: 0px;
	}
	.secCmnAvailablesList .circleInner{
		display:block;
		text-align:left;
		font-size:0;
	}
	.secCmnAvailablesList .boxTitC01,
	.secCmnAvailablesList .titDate{
		display:inline-block;
		vertical-align:top;
		font-size:14px;
	}
	.secCmnAvailablesList .boxTitC01{ padding:16px 0 0;}
	.secCmnAvailablesList .titDate{ padding:0 0 0 5px;}
	.secCmnAvailablesList .subCon{
		width:90%;
		margin:0 auto;
		padding-top:15px;
	}
	.secCmnAvailablesList .boxTit{
		line-height:1.5;
		font-size:16px;
	}
	.secCmnAvailablesList .conTab{
		padding-top:10px;
	}
	.secCmnAvailablesList .boxTxt{
		line-height:1.5;
		margin-top:10px;
		max-height:58px;
	}
	.secCmnAvailablesList .boxTable{
		width:100%;
		margin:20px auto 0;
	} 
	.secCmnAvailablesList .boxTable table{
		border-top:1px solid #CCCCCC;
		width:90%;
		margin:0 auto 0;
	}
	.secCmnAvailablesList .boxTable tr {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.secCmnAvailablesList .boxTable th{
		width: 30%;
		-webkit-flex: 1 2 30%;
		flex: 1 2 30%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		padding: 12px 10px;
		font-size: 13px;
		line-height: 18px;
		text-align: left;
		border-top: none;
		border-right: none;
		letter-spacing: 0;
	}
	.secCmnAvailablesList .boxTable td {
		width: 70%;
		-webkit-flex: 2 1 70%;
		flex: 2 1 70%;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		padding: 12px 10px;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0.5px;
		border-top: none;
		max-width:270px;
	}
	.secCmnAvailablesList .comTit{
		font-size:14px;
	}
	.secCmnAvailablesList .boxBottom .fLeft,
	.secCmnAvailablesList .boxBottom .fRight{
		float:none;
	}
	.secCmnAvailablesList .boxBottom .fLeft{ width:100%;}
	.secCmnAvailablesList .boxBottom .fRight{
		margin-top:10px;
	}
	.secCmnAvailablesList .btnMore, 
	.secCmnAvailablesList .btnMember{
		width:100%;
	}
	.secCmnAvailablesList .btnMember{
		margin:10px 0 0;
	}
}
@media only screen and (max-width:370px){
	.secCmnAvailablesList .iconAuth{
		display:block;
		margin:10px 0 0;
	}
}




.moveBanner{
	text-align: center;
	margin-bottom: 100px;
}

@media only screen and (max-width:768px){
	.moveBanner{
		width: 90%;
		margin: 0px auto 40px auto;
	}
	.moveBanner img{
		max-width: 100%;
	}
}