@charset "utf-8";

/*commment常時表示*/
#sideComment{
	display: block;
}
#sideComment .titTop{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
#sideComment .boxList li .wrapBox {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#sideComment .boxList li .label {
    font-size: 11px;
    display: inline-block;
    min-width: 60px;
    padding: 5px;
    text-align: center;
    background: #00195F;
    color: #fff;
    letter-spacing: 0.5px;
}
#sideComment .boxList li .txtTime {
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 14px;
    color: #999;
    line-height: 14.5px;
    letter-spacing: 0.5px;
}
#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;
}
#header .wrapperRight .boxLogin{
	margin-right: 25px;
}
#header .wrapperRight .btnNavi{
	display: none;
}
#main,
#footer{
    padding-left: 216px;
}
.secFooterNavi .boxList li a{
    font-size: 11px;
	line-height: 1.4;
}
.secFooterNavi .boxList li::after{
	top: 5px;
}
@media only screen and (max-width:767px){
    #sideComment{
        display: none;
	}
	#header .wrapperRight .btnNavi{
		display: block;
	}
	#main,
	#footer{
        padding-left: 0;
	}
}
/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secHero */
.secHero{
	height: 100%;
	position: relative;
}
.secHero .heroIn {
	position: relative;
}
.secHero .heroLeft{
	float:left;
	width:60%;
	position:relative;
}
.secHero .heroLeft::after{
	content:"";
	border-right:5px solid #fff;
	position:absolute;
	top:0;
	right:0;
	width:5px;
	height:100%;
}
.secHero .heroLeft .swiper-slide img{
	width:99.9%;
	height:auto;
}
.secHero .heroRight{
	position: relative;
	z-index: 10;
	float:right;
	width:40%;
}
.secHero .heroRight .topBnr{
	display:block;
	position:relative;
	padding: 0 0 2px 2px;
}
.secHero .heroRight .topBnr .photoBnr img{
	width:100%;
	height:auto;
}
.secHero .heroRight .topBnr .tit{
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateX(-50%);
}
.secHero .heroRight  .pBnr,
.secHero .heroRight .topBnr:nth-child(2) .pBnr{
	font-size:15px;
	letter-spacing:2px;
	color:#fff;
	position:absolute;
	top:55%;
	left:50%;
	transform: translateX(-50%);
	width: 268px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background:rgba(0,26,96,0.85);
    padding: 0;
}
.secHero .heroRight .commingSoon{
	padding-top: 15px;
}
.secHero .heroRight .commingSoon img{
	width: auto;
	height: 26px;
}
.secHero .boxMain{
	position: absolute;
	top: 0;
	bottom: 0;
    left: 0;
	right: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
    align-items: center;
    margin: auto;
    z-index: 10;
	margin: auto;
}
.secHero .boxMain .txt01{
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1.3px;
	color: #FFF;
    text-shadow: 1px 1px 2px #333;
}
.secHero .boxMain .txt02{
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.8;
	color: #FFF;
    text-shadow: 1px 1px 2px #333;
}
.secHero .boxMain .tymbol01{
	padding: 20px 0;
}
.secHero .boxMain .boxTxt .boxList{
	display: flex;
	display: -webkit-flex;
	color: #FFF;
}
.secHero .boxMain .boxTxt .boxList li{
	width: 150px;
	position: relative;
}
.secHero .boxMain .boxTxt .boxList li:last-child{
	margin-left: 40px;
}
.secHero .boxMain .boxTxt .boxList li .tit{
	font-size: 16px;
	letter-spacing: 2px;
}
.secHero .boxMain .boxTxt .boxList li .txt01{
	font-size: 20px;
	margin-top: 15px;
}
.secHero .boxMain .boxTxt .boxList li .txt01 .fNum{
	font-size: 30px;
	margin-right: 2px;
}
.secHero .boxMain .boxTxt .boxList li .txt02{
	font-size: 11px;
	line-height: 1.6;
	position: absolute;
	bottom: 0;
	right: 0;
}
.secHero .secBanner img{
	max-width: 100%;
}
@media only screen and (max-width:767px){
	.secHero .secBanner{
		padding: 2px;
	}
}
.brw{ display:none;}
@media only screen and (max-width:1800px){
	.secHero .boxMain .boxTxt .boxList li:last-child{ margin-left:10px;}
	.brw{ display:block;}
	.secHero .boxMain .boxTxt .boxList li{
		width:120px;
	}
	.secHero .boxMain .boxTxt .boxList li .tit{
		font-size:13px;
	}
	.secHero .boxMain .boxTxt .boxList li .txt01{ font-size:14px;}
	.secHero .boxMain .boxTxt .boxList li .txt01 .fNum{ font-size:23px;}
	.secHero .boxMain .boxTxt .boxList li .txt02{ font-size:11px;}
	.secHero .boxMain .boxTxt{ margin-top:10px;}
}
@media only screen and (max-width:767px){
	.secHero .heroLeft{
		float:none;
		width:100%;
		height: 255px;
		text-align:center;
	}
	.secHero .heroLeft .photo{
		display:none;
	}
	.secHero .heroLeft .swiper-slide img{
		width: 100%;
		height: 254px;
		object-fit: cover;
		object-position: center;
	}
	.secHero .heroRight{
		float:none;
		width:100%;
		font-size:0;
	}
	.secHero .heroRight .topBnr{
		display:inline-block;
		vertical-align:top;
		width:50%;
		padding: 2px 1px 0 1px;
	}
	.secHero .heroRight .pBnr,
    .secHero .heroRight .topBnr:nth-child(2) .pBnr{
		font-size:11px;
		letter-spacing:1px;
		width: 120px;
		line-height: 30px;
		height: 30px;
        text-shadow: none;
        border: none;
	}
	.secHero .heroRight .topBnr:nth-child(2) .pBnr{
		font-size: 12px;
	}
	.secHero .heroRight .commingSoon {
		padding: 10px 0;
	}
	.secHero .heroRight .commingSoon img {
		width: auto;
		height: 20px;
	}
	.secHero .boxMain{
		top: 45px;
		bottom: auto;
		text-align: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.secHero .boxMain .txt01{
		font-size: 18px;
	}
	.secHero .boxMain .txt02{
		font-size: 14px;
	}
	.secHero .boxMain .tymbol01 img{
		height: 50px;
		width: auto;
	}
	.secHero .boxMain .boxTxt .boxList{
		max-width: 270px;
		align-items: center;
		-webkit-align-items: center;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin-top: 15px;
		margin:10px auto 0;
		text-align:left;
	}
	.secHero .boxMain .boxTxt .boxList li{
		width: 130px;
	}
	.secHero .boxMain .boxTxt .boxList li:last-child{
		width: 115px;
		margin: 0;
	}
	.secHero .boxMain .boxTxt .boxList li .tit{
		font-size: 13px;
		letter-spacing: 0.5px;
	}
	.secHero .boxMain .boxTxt .boxList li .txt01{
		font-size: 13px;
		margin-top: 0;
		padding: 10px 0;
	}
	.secHero .boxMain .boxTxt .boxList li .txt01 .fNum{
		font-size: 24px;
	}
	.secHero .boxMain .boxTxt .boxList li .txt02{
		font-size: 10px;
		line-height: 1.5;
		bottom: 7px;
		right: 0;
	}
}

/* topSub */
.secService{
	background:#efefef;
	margin-top: -3px;
}
.secService .secTit{
	text-align: center;
	display: block;
}
.secService .secTit .titJpn{
	margin: 15px 0 0 0;
}
.secService .list{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: 55px;
}
.secService .item{
	width: 33%;
	height: 220px;
	display: block;
	text-align: center;
	border-bottom: 6px solid #001a60;
	padding-top: 40px;
}
.secService .item01{
	background: url(/img/portal/enter/bgService01.jpg) center top no-repeat;
	background-size: cover;
}
.secService .item02{
	background: url(/img/portal/enter/bgService02.jpg) center top no-repeat;
	background-size: cover;
}
.secService .item03{
	background: url(/img/portal/enter/bgService03.jpg) center top no-repeat;
	background-size: cover;
}
.secService .subTxt{
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 3px;
	margin: 15px 0;
}
.secService .btn{
	color: #fff;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 2px;
	width: 88%;
	margin: 0 auto;
	background: #9a8453;
}
@media only screen and (max-width:1350px){
	.secService .btn{
		font-size: 13px;
		letter-spacing: 1px;
	}
}
.secService .btn.coming{
	background: none;
	border: solid 1px #fff;
}
@media only screen and (max-width:767px){
	.secPre.secMain{
		margin: 50px 0 80px;
	}
	.secService .list{
		display: block;
		margin: 30px auto 0;
		width: 90.34%;
	}
	.secService .secTit .titJpn{
		margin: 10px 0 0 0;
	}
	.secService .item{
		width: 100%;
		height: 150px;
		padding-top: 20px;
	}
	.secService .item:nth-child(n+2){
		margin-top: 15px;
	}
	.secService .tit img{
		width: 60%;
	}
	.secService .subTxt{
		margin: 7px 0;
		font-size: 16px;
	}
	.secService .btn{
		height: 30px;
		line-height: 30px;
	}
}
/* secMain */
.secMain{
	position: relative;
	margin-top: 100px;
}
.secMain .itemList{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	margin-top: 60px;
}
.secMain .item{
	width: calc(33.333% - 30px);
    margin: 0 45px 0 0;
    background: #FFF;
    position: relative;
}
.secMain .item a{
	display: block;
}
.secMain .item:nth-child(3n) {
    margin-right: 0;
}
.secMain .imgBox{
	width: 100%;
	height: 0;
	padding-top: 66.76%;
}
.secMain .txtBox{
	padding: 20px 20px 60px;
}
.secMain .date{
	font-size: 14px;
	color: #999999;
}
.secMain .tit{
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 90px;
}
.secMain .btn{
	position: absolute;
	right: 0;
	bottom: 0;
}
@media only screen and (max-width:767px){
	.secMain{
		margin-top: 0;
	}
	.secMain .itemList{
		display: block;
    	width: 92%;
    	margin: 30px auto 0;
	}
	.secMain .item{
		width: 100%;
    	margin: 20px 0 0 0;
	}
	.secMain .tit{
		font-size: 12px;
		margin-top: 10px;
	}
}
/* secMedia */
.secMedia{
	position: relative;
}
.secMedia{
	margin-bottom: 130px;
}
.secMedia .titIn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
	margin-top: 20px;
}
@media only screen and (max-width:767px){
	.secMedia .titIn {
		display: block;
		height: auto;
		font-size: 17px;
		margin-top: 10px;
	}
	.secMedia{
		margin: 50px 0 80px;
	}
}
/* secBlog */
.secBlog{
	background: #00195f;
	padding: 10px 0 110px;
}
.secBlog .secMain{
	margin-top: 50px;
}
.secBlog .secTit .titJpn{
	color: #fff;
}
.secBlog .txtBox{
	padding: 15px 20px 60px;
}
.secBlog .titIn {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
    height: 64px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 64px;
}
.secBlog .titBox {
    font-size: 14px;
	color: #ccc;
    margin: 20px auto 0;
    position: relative;
    letter-spacing: 1px;
}
.secBlog .titBox::after {
    content: "";
    width: calc(100% - 80px);
    position: absolute;
    right: 0;
    top: 7px;
    background: #CCC;
    height: 1px;
}
.secBlog .tit{
	margin-top: 10px;
}
@media only screen and (max-width:767px){
	.secBlog{
		padding: 50px 0 80px;
	}
	.secBlog .secMain{
		margin-top: 0;
	}
	.secBlog .titIn {
		display: block;
		height: auto;
		font-size: 17px;
	}
	.secBlog .titBox {
		font-size: 13px;
		margin: 15px auto 0;
	}
}
.secSns .secMain{
	margin: 130px auto;
}
.secSns .snsList{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.secSns .snsItem{
	width: 22%;
	display: block;
}
@media only screen and (max-width: 1480px){
	.secSns .snsItem img {
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 767px){
	.secSns .secMain{
		margin: 30px auto;
	}
	.secSns .snsList{
		width: 92%;
		margin: 0 auto;
	}
	.secSns .snsItem {
		width: 48%;
		height: auto;
	}
	.secSns .snsItem:nth-child(n+3){
		margin-top: 10px;
	}
}
/* secNew */
.secNew{
	background: url(/img/portal/enter/bgNew.gif) top center no-repeat;
	background-size: cover;
	padding: 10px 0 110px;
}
.secNew .secTit{
	align-items: center;
}
.secNew .icon{
	margin-left: 10px;
}
.secNew .titIn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
}
.secNew .titInSub {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
	margin-top: 5px;
}
.secNew .btnMoreIndex{
	top: 33px;
	background: #fff;
}
@media only screen and (max-width:767px){
	.secNew{
		padding: 40px 0 80px;
	}
	.secNew .icon {
		width: 20%;
	}
}
/* secForm */
.secForm{
	padding-bottom: 50px;
	background: url(/img/portal/index/bgForm.jpg) center top no-repeat;
}
.secForm .titTop{
	text-align: center;
	color: #FFF;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 6px;
	padding-top: 34px;
}
.secForm .boxList{
	height: 98px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 40px;
}
.secForm .boxList li{
	width: 48.572%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.secForm .boxList li:nth-child(1){
	order: 1;
	-webkit-order: 1;
}
.secForm .boxList li:nth-child(2){
	order: 3;
	-webkit-order: 3;
}
.secForm .boxList li:nth-child(3){
	order: 2;
	-webkit-order: 2;
}
.secForm .boxList li:nth-child(4){
	order: 4;
	-webkit-order: 4;
}
.secForm .boxList li:nth-child(2),
.secForm .boxList li:nth-child(4){
	margin-top: 20px;
}
.secForm .boxList li .tit{
	width: 100px;
	font-size: 15px;
	color: #FFF;
	letter-spacing: 1.5px;
}
.secForm .boxList li .select{
	width: calc(100% - 100px);
}
.secForm .boxList li .select select{
	width: 100%;
	height: 39px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/img/portal/common/selectArrow.png) #FFF no-repeat 98% 50%;
	background-size: 8px 7px;
	letter-spacing: 1.5px;
	padding-left: 14px;
	font-size: 13px;
}
.secForm .boxBtn{
	background: #FFF;
	margin-top: 50px;
}
.secForm .boxBtn a{
	display: block;
	padding: 22px;
	background: #FFF;
	font-size: 18px;
	color: #001A60;
	letter-spacing: 3px;
	width: 100%;
	text-align: center;
}
.secForm .boxBtn a .num{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 44px;
	margin: 0 5px;
	letter-spacing: 1px;
	max-width: calc(100% - 300px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.secForm .boxBtn a .inner{
	display: inline-block;
	vertical-align: middle;
}
.secForm .boxBtn a .inner:last-child{
	margin-left: 44px;
}
@media only screen and (max-width:767px){
	.secForm{
		background-size: cover;
		padding: 20px 4.83% 25px;
	}
	.secForm .titTop{
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		padding-top: 0;
	}
	.secForm .boxList{
		height: auto;
		display: block;
		margin-top: 20px;
	}
	.secForm .boxList li{
		width: 100%;
	}
	.secForm .boxList li:nth-child(2),
	.secForm .boxList li:nth-child(3),
	.secForm .boxList li:nth-child(4){
		margin-top: 10px;
	}
	.secForm .boxList li .tit{
		width: 75px;
		font-size: 13px;
		letter-spacing: 0.5px;
	}
	.secForm .boxList li .select{
		width: calc(100% - 75px);
	}
	.secForm .boxBtn{
		margin-top: 25px;
	}
	.secForm .boxBtn a{
		padding: 10px;
		font-size: 13px;
		letter-spacing: 0.5px;
	}
	.secForm .boxBtn a .num{
		font-size: 26px;
		margin: 0 2px;
		letter-spacing: 0.5px;
		max-width: calc(100% - 160px);
	}
	.secForm .boxBtn a .inner:last-child{
		margin-left: 15px;
	}
}


/* secCompany */
.secCompany{
	background: #FFF;
	padding: 28px 0 45px;
}
.secCompany .boxSlider{
	overflow: hidden;
}
.secCompany .boxSlider .swiper-container{
	width: 130px;
	overflow: visible;
}
.secCompany .boxSlider .swiper-wrapper{
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear;
}
.secCompany .boxSlider .swiper-slide{
	height: 44px;
}
.secCompany .txt{
	font-size: 20px;
	text-align: center;
	margin-top: 41px;
	letter-spacing: 4.5px;
}
@media only screen and (max-width:767px){
	.secCompany{
		background: #FFF;
		padding: 15px 0 25px;
	}
	.secCompany .txt{
		font-size: 13px;
		line-height: 1.5;
		margin-top: 20px;
		letter-spacing: 0.5px;
	}
}

/* secBgJapan */
.secBgJapan{
	background: url(/img/portal/index/bgJapan.jpg) 30% top no-repeat;
}
@media only screen and (max-width:767px){
	.secBgJapan{
		background-size: cover;
	}
}

/* secTit */
.secTit{
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	position: relative;
}
.secTit .titJpn{
	font-weight: 500;
	font-size: 14px;
	margin-left: 21px;
	letter-spacing: 2px;
}
.btnMoreIndex{
	border: #9B8453 solid 1px;
    width: 360px;
    height: 50px;
    text-align: center;
    color: #9B8453;
    display: block;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 16px 0 0;
    position: absolute;
    right: 0;
    top: -14px;
}
@media only screen and (max-width:767px){
	.secTit .titEng img{
		width: auto;
		height: 18px;
	}
	.secTit .titJpn{
		font-size: 13px;
		margin-left: 15px;
		letter-spacing: 0.5px;
	}
	.secTit .closeBtn{
		width: 90%;
		margin: 10px auto;
	}
	.btnMoreIndex{
		width: 300px;
		height: 46px;
		font-size: 14px;
		padding: 14px 0 0;
		position: static;
		margin: 30px auto 0;
	}
}
@media only screen and (max-width:359px){
	.secTit .titJpn{
		font-size: 12px;
	}
}

/* secArticle */
.secArticle{
	padding-top: 80px;
}
.secArticle.secBlog{
	padding-top: 36px;
	margin-bottom: 80px;
}
.secArticle a{
	display: block;
}
.secArticle .boxList,
.secArticle .secCmnError{
	margin-top: 40px;
}
.secArticle .boxList{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.secArticle li{
	width: 30%;
	margin-right: 5%;
	background: #fff;
}
.secArticle li:last-child{
	margin-right: 0;
}
.secArticle .img{
	height: 0;
	padding-top: 40.477%;
}
.secArticle .img.movie::before{
	content: "";
	width: 100%;
	height: 100%;
	background: url(/img/portal/index/imgMovie.png) center top / cover no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.secArticle .boxTxt{
	width: 90.477%;
	margin: 0 auto;
	padding: 20px 0;
}
.secArticle .tit{
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 60px;
}
.secArticle .txtDate{
	font-size: 10px;
	line-height: 1.8;
	color: #999;
	margin-top: 5px;
	letter-spacing: 0.5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.secArticle .txt{
	font-size: 13px;
	line-height: 1.8;
	border-top: 1px solid #CCC;
	margin-top: 20px;
	padding-top: 20px;
	letter-spacing: 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	max-height: 171px;
}
.secArticle .btn a{
	width: 320px;
	height: 42px;
	background: #262837;
	color: #fff;
	font-size: 15px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin: 50px auto 0;
	letter-spacing: 2px;
}
.secArticle .btn img{
	display: inline-block;
	margin: 0 0 5px 10px;
	vertical-align: middle;
}
@media only screen and (max-width:767px){
	.secArticle{
		padding-top: 40px;
	}
	.secArticle.secBlog{
		padding-top: 25px;
		margin-bottom: 40px;
	}
	.secArticle .boxList,
	.secArticle .secCmnError{
		margin-top: 20px;
	}
	.secArticle .boxList{
		display: block;
	}
	.secArticle li{
		width: 100%;
		margin: 0 0 20px 0;
		background: #fff;
	}
	.secArticle li:last-child{
		margin-bottom: 0;
	}
	.secArticle .boxTxt{
		padding: 10px 0 12px;
	}
	.secArticle .tit{
		font-size: 15px;
		letter-spacing: -0.5px;
		max-height: 45px;
	}
	.secArticle .txt{
		font-size: 12px;
		line-height: 1.5;
		margin-top: 10px;
		padding-top: 10px;
		letter-spacing: 0.5px;
		max-height: 118px;
	}
	.secArticle .btn a{
		width: 250px;
		margin-top: 25px;
		font-size: 13px;
		letter-spacing: 1px;
	}
}

/* secFunction */
.secFunction{
	margin-top: 20px;
	padding-top: 100px;
}
.secFunction .boxList{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	max-width: 1200px;
	margin: 50px auto 0;
}
.secFunction .boxList li{
	width: 23%;
	max-width: 240px
}
.secFunction .boxList li img{
	width: 100%;
	height: auto;
}
.secFunction .boxList .txt{
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 500;
	text-align: center;
}
@media only screen and (max-width:767px){
	.secFunction{
		margin-top: 0;
		padding-top: 45px;
	}
	.secFunction .boxList{
		width: 90.334%;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		margin: 25px auto 0;
	}
	.secFunction .boxList li{
		width: 45%;
		margin: 0 10% 20px 0;
	}
	.secFunction .boxList li:nth-child(2n){
		margin-right: 0;
	}
	.secFunction .boxList li:nth-last-child(-n+2){
		margin-bottom: 0;
	}
	.secFunction .boxList .txt{
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.5;
	}
}
@media only screen and (max-width:359px){
	.secFunction .boxList{
		width: 95.17%;
	}
	.secFunction .boxList li{
		width: 48%;
		margin: 0 4% 20px 0;
	}
}

/* secProject */
.secProject{
	margin-top: 92px;
}
.secProject .boxTab{
	display: flex;
	display: -webkit-flex;
	margin-top: 50px;
}
.secProject .boxTab .tab{
	width: 50%;
}
.secProject .boxTab .tab a{
	display: block;
	height: 50px;
	font-size: 15px;
	background: #D1D1D4;
	color: #262737;
	text-align: center;
	padding-top: 17.5px;
	letter-spacing: 3px;
	font-weight: 500;
}
.secProject .boxTab .tab.active a{
	background: #262837;
	color: #FFF;
}
.secProject .boxTab .tab a .inner{
	display: block;
	max-width: 700px;
}
.secProject .boxTab .tab:first-child a .inner{
	margin: 0 0 0 auto;
}
.secProject .secCmnError{
	margin-top: 50px;
}
@media only screen and (max-width:767px){
	.secProject{
		margin-top: 45px;
	}
	.secProject .boxTab{
		margin-top: 25px;
	}
	.secProject .boxTab .tab a{
		font-size: 13px;
		padding-top: 18.5px;
		letter-spacing: 0.5px;
	}
	.secProject .boxTab .tab a .inner{
		max-width: none;
	}
	.secProject .secCmnError{
		margin-top: 25px;
	}
}

/* secProjectForm */
.secProjectForm{
	background: #262737;
	padding: 43px 0 50px;
}
.secProjectForm .wrapper{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.secProjectForm .boxList{
	display: flex;
	display: -webkit-flex;
}
.secProjectForm .boxList li{
	width: 320px;
}
.secProjectForm .boxList li:last-child{
	margin-left: 42px;
}
.secProjectForm .btn{
	margin-left: 40px;
}
.secProjectForm .boxList li .tit{
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	padding-bottom: 15px;
	letter-spacing: 2px;
}
.secProjectForm .boxList li .select select{
	width: 100%;
	height: 39px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/img/portal/common/selectArrow.png) #FFF no-repeat 98% 50%;
	background-size: 8px 7px;
	letter-spacing: 1.5px;
	padding-left: 14px;
	font-size: 13px;
}
.secProjectForm .btn{
	width: 320px;
	background: #FFF;
}
.secProjectForm .btn a{
	display: block;
	height: 39px;
	text-align: center;
	font-size: 15px;
	color: #262737;
	letter-spacing: 2px;
	padding-top: 12px;
}
.secProjectForm .btn a .inner{
	background: url(/img/portal/index/imgProjectFormArrow.gif) 100% 5px / 82px auto no-repeat;
	padding-right: 92px;
}
@media only screen and (max-width:767px){
	.secProjectForm{
		padding: 25px 0;
	}
	.secProjectForm .wrapper{
		display: block;
	}
	.secProjectForm .boxList{
		display: block;
	}
	.secProjectForm .boxList li{
		width: 100%;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.secProjectForm .boxList li:last-child,
	.secProjectForm .btn{
		margin-left: 0;
	}
	.secProjectForm .boxList li:last-child{
		margin-top: 10px;
	}
	.secProjectForm .boxList li .tit{
		width: 75px;
		font-size: 13px;
		padding-bottom: 0;
		letter-spacing: 0.5px;
	}
	.secProjectForm .boxList li .select{
		width: calc(100% - 75px);
	}
	.secProjectForm .btn{
		width: 250px;
		margin: 20px auto 0;
	}
	.secProjectForm .btn a{
		font-size: 13px;
		letter-spacing: 0.5px;
		padding-top: 13px;
	}
	.secProjectForm .btn a .inner{
		background-position: 100% center;
		background-size: 50px auto;
		padding-right: 60px;
	}
}

/* secPartner */
.secPartner{
	margin-top: 99px;
}
.secPartner .boxList,
.secPartner .secCmnError{
	margin-top: 50px;
}
.secPartner .boxList{
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.secPartner .boxList li{
	width: 32.143%;
	margin: 0 1.786% 1.786% 0;
	background: #FFF;
}
.secPartner .boxList li:nth-child(3n){
	margin-right: 0;
}
.secPartner .boxList li:nth-last-child(-n+3){
	margin-bottom: 0;
}
.secPartner .boxList li a{
	display: block;
}
.secPartner .boxList li .boxImg{
	position: relative;
}
.secPartner .boxList li .boxImg::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;
}
.secPartner .boxList li .boxImg .img{
	height: 0;
	padding-top: 60.889%;
}
.secPartner .boxList li .boxImg .tit{
	width: 91.333%;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 1px;
	color: #FFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	bottom: 25px;
	left: 4.334%;
	z-index: 10;
}
.secPartner .boxList li .boxSummary{
	width: 91.333%;
	margin: 0 auto;
	padding: 16px 0 15px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
.secPartner .boxList li .boxSummary:first-child{
	padding: 18px 0 17px;
}
.secPartner .boxList li .boxSummary .boxTxt{
	width: calc(100% - 139px);
}
.secPartner .boxList li .boxSummary .boxTxt .tit{
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.secPartner .boxList li .boxSummary .boxTxt .boxNum{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.secPartner .boxList li .boxSummary .boxTxt .boxNum .txt01{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1.5px;
}
.secPartner .boxList li .boxSummary .boxTxt .boxNum .txt02{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1.5px;
	margin-left: 6px;
}
.secPartner .boxList li .boxSummary .boxTxt .boxNum .txt02 .num{
	font-size: 26px;
}
.secPartner .boxList li .boxSummary .btn{
	width: 129px;
	height: 34px;
	border: 1px solid #C8C8C8;
	font-size: 13px;
	padding-top: 9.5px;
	text-align: center;
	letter-spacing: 1.5px;
	border-radius: 17px;
}
@media only screen and (max-width:767px){
	.secPartner{
		margin-top: 50px;
	}
	.secPartner .boxList,
	.secPartner .secCmnError{
		margin-top: 25px;
	}
	.secPartner .boxList{
		display: block;
	}
	.secPartner .boxList li,
	.secPartner .boxList li:nth-child(3n),
	.secPartner .boxList li:nth-last-child(-n+3){
		width: 100%;
		margin: 0 0 10px 0;
	}
	.secPartner .boxList li .boxImg .tit{
		font-size: 15px;
		letter-spacing: 0.5px;
		bottom: 10px;
	}
	.secPartner .boxList li .boxSummary,
	.secPartner .boxList li .boxSummary:first-child{
		padding: 10px 0;
	}
	.secPartner .boxList li .boxSummary .boxTxt{
		width: calc(100% - 110px);
	}
	.secPartner .boxList li .boxSummary .boxTxt .tit{
		font-size: 13px;
		margin-bottom: 5px;
		letter-spacing: 0.5px;
	}
	.secPartner .boxList li .boxSummary .boxTxt .boxNum .txt01{
		font-size: 13px;
		letter-spacing: 0.5px;
	}
	.secPartner .boxList li .boxSummary .boxTxt .boxNum .txt02{
		font-size: 13px;
		letter-spacing: 0.5px;
		margin-left: 3px;
	}
	.secPartner .boxList li .boxSummary .boxTxt .boxNum .txt02 .num{
		font-size: 21px;
	}
	.secPartner .boxList li .boxSummary .btn{
		width: 100px;
		height: 30px;
		border-radius: 15px;
		font-size: 12px;
		padding-top: 8px;
		letter-spacing: 0.5px;
	}
}

/* secVoice */
.secVoice{
	margin-top: 99px;
}
.secVoice .boxList,
.secVoice .secCmnError{
	margin-top: 50px;
}
.secVoice .boxList{
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.secVoice .boxList li{
	width: 32.143%;
	margin-right: 1.786%;
	background: #FFF;
}
.secVoice .boxList li:nth-child(3n){
	margin-right: 0;
}
.secVoice .boxList li a{
	display: block;
}
.secVoice .boxList li .img{
	height: 0;
	padding-top: 60.889%;
	position: relative;
}
.secVoice .boxList li .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;
}
.secVoice .boxList li .boxTxt{
	width: 88.889%;
	margin: 0 auto;
	padding: 27px 0 32px;
}
.secVoice .boxList li .boxTxt .tit{
	text-align: center;
	height: 10px;
	font-size: 0;
	position: relative;
}
.secVoice .boxList li .boxTxt .tit::before,
.secVoice .boxList li .boxTxt .tit::after{
	content: "";
	width: calc(50% - 50px);
	height: 1px;
	background: #CCC;
	position: absolute;
	top: 4px;
	left: 0;
}
.secVoice .boxList li .boxTxt .tit::after{
	left: auto;
	right: 0;
}
.secVoice .boxList li .boxTxt .txt{
	font-weight: 300;
	font-size: 12px;
	line-height: 19px;
	margin-top: 19px;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 57px;
}
@media only screen and (max-width:767px){
	.secVoice{
		margin-top: 50px;
	}
	.secVoice .boxList,
	.secVoice .secCmnError{
		margin-top: 25px;
	}
	.secVoice .boxList{
		display: block;
	}
	.secVoice .boxList li,
	.secVoice .boxList li:nth-child(3n){
		width: 100%;
		margin: 0 0 15px 0;
	}
	.secVoice .boxList li:last-child{
		margin-bottom: 0;
	}
	.secVoice .boxList li .boxTxt{
		padding: 15px 0 12px;
	}
	.secVoice .boxList li .boxTxt .txt{
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px;
		max-height: 54px;
	}
}

/* secService */
.secService{
	margin: 90px auto 50px;
}
.secService .titList{
	font-size: 20px;
	letter-spacing: 4px;
	text-align: center;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	margin-top: 49px;
	padding: 14px 0;
}
.secService .boxList + .titList{
	margin-top: 30px;
}
.secService .boxList{
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-top: 30px;
}
.secService .boxList li{
	width: 32.143%;
	margin-right: 1.786%;
	background: #FFF;
}
.secService .boxList li:nth-child(3n){
	margin-right: 0;
}
.secService .boxList li a{
	display: block;
}
.secService .boxList li .boxImg{
	position: relative;
}
.secService .boxList li .boxImg .img{
	height: 0;
	padding-top: 60.889%;
}
.secService .boxList li .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;
}
.secService .boxList li .boxImg .tit{
	width: 88.889%;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 2px;
	color: #FFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	bottom: 15px;
	left: 5.111%;
	z-index: 10;
	font-weight: 500;
}
.secService .boxList li .boxTxt{
	width: 88.889%;
	margin: 0 auto;
	padding: 27px 0 32px;
}
.secService .boxList li .boxTxt .tit{
	text-align: center;
	height: 10px;
	font-size: 0;
	position: relative;
}
.secService .boxList li .boxTxt .tit::before,
.secService .boxList li .boxTxt .tit::after{
	content: "";
	width: calc(50% - 50px);
	height: 1px;
	background: #CCC;
	position: absolute;
	top: 4px;
	left: 0;
}
.secService .boxList li .boxTxt .tit::after{
	left: auto;
	right: 0;
}
.secService .boxList li .boxTxt .txt{
	font-weight: 300;
	font-size: 12px;
	line-height: 19px;
	margin-top: 19px;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 57px;
}
@media only screen and (max-width:767px){
	.secService{
		margin: 50px auto 25px;
	}
	.secService .titList{
		font-size: 15px;
		line-height: 23px;
		letter-spacing: 0.5px;
		margin-top: 25px;
		padding: 7px 0;
	}
	.secService .boxList + .titList{
		margin-top: 25px;
	}
	.secService .boxList{
		display: block;
		margin-top: 25px;
	}
	.secService .boxList li,
	.secService .boxList li:nth-child(3n){
		width: 100%;
		margin: 0 0 15px 0;
	}
	.secService .boxList li:last-child{
		margin-bottom: 0;
	}
	.secService .boxList li .boxImg .tit{
		font-size: 15px;
		letter-spacing: 0.5px;
		bottom: 10px;
	}
	.secService .boxList li .boxTxt{
		padding: 15px 0 12px;
	}
	.secService .boxList li .boxTxt .txt{
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px;
		max-height: 54px;
	}
}