/*全体共通*/
body {
  -webkit-text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  color: #333333;
}
h1{
  max-height: 100%; 
  color: #333333;
}
a{
	color: #333333;
	font-weight: normal;
}
a:hover{
	cursor: pointer;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.white{
	color: #fff;
}
.red{
	color: #e60012!important;
}
.yellow{
	color: #ffff00;
}
.blue{
	color: #3372b9;
	transition: .3s;
}
.blue:hover{
	color: #135299;
}
.pink{
	color: #ff7987;
}
.beige{
	color: #dcc4ab;
}
.beige_bg{
	background-color: #d0bcab;
}
.keyColor{
	color: #5e2423;
}
.keyColor_bg{
	background-color: #5e2423;
}
.center{
	text-align: center;
}
.under{
	border-bottom: 1px solid #888;
}

#loading{
	position: absolute;
	background-color: #fff;
	z-index: 1000;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
/*パンくずリスト*/
.breadcrumbs{
	padding-top:20px;
	padding-bottom:20px;
	padding-left: 20px;
}
.breadcrumbs li{
	position: relative;
	padding: 0 10px;
	line-height: 20px;
	height: 20px;
}
.breadcrumbs li a,.breadcrumbs li{
	display: inline-block;
	font-size: 1.3rem;
	color: #494949;
}
.breadcrumbs li:after{
	content: "";
    display: inline-block;
    border-top: 1px #494949 solid;
    border-right: 1px #494949 solid;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -4px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.breadcrumbs li:last-child::after{
	display: none;
}


/*フォント*/
html { font-size: 62.5%; } 
body { font-size: 1.6rem; } 
h1 { font-size: 2.5rem; } 
h2 { font-size: 2rem; }
body{
	font-family: "Noto Serif JP",serif;
	font-weight: 400;
	font-style: normal;
}
/* IE表示用のCSS　*/
@media all and (-ms-high-contrast:none){
    body {font-family: "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans",sans-serif;}
}

p{
	font-family: "Noto Serif JP",serif;
	font-weight: 400;
	font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #333333;
}
.bold{
	font-weight: bold;
}
.sanSerif{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
}
.hanRegular{
	font-family: "Noto Serif JP",serif;
	font-weight: 400;
	font-style: normal;
}
.hanMedium{
	font-family: "Noto Serif JP",serif;
	font-weight: 500;
	font-style: normal;
}
.hanSemiBold{
	font-family: "Cinzel", serif;
	font-weight: 600;
	font-style: normal;
}
.trajanLight{
	font-family: "Cinzel", serif;
	font-weight: 300;
	font-style: normal;
}
.trajan{
	font-family: "Cinzel", serif;
	font-weight: 400;
	font-style: normal;
}
.trajanBold{
	font-family: "Cinzel", serif;
	font-weight: 600;
	font-style: normal;
}

/*メインビジュアル*/
.mainVisual{
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 600px;
}
.mainVisual #scrollDown{
	width: 30px;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	transition: all .3s;
	cursor: pointer;
}
.mainVisual #scrollDown:hover{
	bottom:15px;
}
.mainVisual #copyText{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	height: 200px;
}
.mainVisual #copyText > div{
	position: relative;
}
.mainVisual #copyText p{
	color: rgba(255,255,255,.9);
	font-size: 4.2rem;
	letter-spacing: 6px;
	line-height: 1.5;
	-webkit-mix-blend-mode: overlay;
	mix-blend-mode: overlay; /*値を変更すれば様々な効果を与えられます*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.mainVisual #copyText p.sub{
	font-size: 3rem;
	letter-spacing: 2px;
	top: 60px;
}
.mainVisual #copyText p.sub span{
	font-size: 4rem;
	margin: 0 10px;
}

/*ヘッダー*/
#header	{
	position: absolute;
	padding-top: 30px;
	width: 100%;
}
#header	a{
	color: rgba(255,255,255,.9);
}
/*ナビゲーションメニュー*/
.headerLogo{
	font-size: 2.6rem;
	letter-spacing: 4px;
	left: 2%;
	position: absolute;
}
.headerLogo a span{
	display: block;
	font-size: 1.1rem;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 300;
	margin-top: 5px;
}
#header nav#headerNav{
	position: absolute;
	right: 2%;
}
#header nav#headerNav .h_contactBtn{
	position: absolute;
	right: 0;
}
#header nav#headerNav ul{
	margin-top: 60px;
}
#header nav#headerNav li{
	float: left;
	margin-left: 30px;
	font-size: 1.5rem;
	letter-spacing: 1px;
}
#header nav#headerNav li a{
	transition: all 0.3s;
	position: relative;
	display: inline-block;
}
#header nav#headerNav li a:hover{
	color: #fff;
}
#header nav#headerNav li a:after{
	content: '';
	width:0;
	height: 1px;
	background-color: rgba(255,255,255,.5);
	bottom: -5px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	tranition: all .3s;
}
#header nav#headerNav li a:hover:after{
	width: 95%;
}
nav li a:before{
	display: inline;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	font-size: 1.1rem;
	font-family: "Cinzel",serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-style: normal;
	bottom: -19px;
}
nav li.navHome a:before{
	content:'home';
}
nav li.navVisa a:before{
	content:'visa & immigration';
}
nav li.navFee a:before{
	content:'fee';
}
nav li.navOffice a:before{
	content:'office';
}
nav li.navColumn a:before{
	content:'news';
}

/*ヘッダーコンタクトボタン*/
.h_contactBtn a{
	width: 200px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border: 1px solid rgba(255,255,255,.8);
	display: block;
	font-size: 1.4rem;
	letter-spacing: 1px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}
.h_contactBtn a span{ 
	position: relative;
}
.h_contactBtn a span:after{
	content:'';
	position: absolute;
	width: 5px;
	height: 12px;
	top: 0;
	bottom: 0;
	right: -20px;
	margin: auto;
	background: url(../img/common/r_arrow.png)center/ 100% no-repeat;	
}
.h_contactBtn a:before{
	content: '';
    background: linear-gradient(to right, rgba(255,255,255,.5), rgba(255,255,255,.3));
    transition: all 0.3s;
    position: absolute;
    width: 0;
    height: 40px;
    left: 0;
}
/*hover*/
.h_contactBtn a:hover{
	font-weight: bold;
	border-color: rgba(255,255,255,.6);
}
.h_contactBtn a:hover:before{
	width: 100%;
}

/*フッターコンタクトボタン*/
#footer .f_officeBtn{
	position: relative;
	z-index: 0;
}
#footer .f_officeBtn a {
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(220,196,171,.8);
    display: block;
    font-size: 1.4rem;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
    color: #dcc4ab;
}
#footer .f_officeBtn a:before {
    content: '';
    background: #dcc4ab;
    transition: all 0.3s;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 40px;
    left: 0;
}
#footer .f_officeBtn a span {
    position: relative;
}
#footer .f_officeBtn a span:after{
	content: '';
    position: absolute;
    width: 5px;
    height: 12px;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto;
    background: url(../img/common/r_arrow_brown.png)center/ 100% no-repeat;
}
/*hover*/
#footer .f_officeBtn a:hover{
	color: #5e2423;
}
#footer .f_officeBtn a:hover:before{
	width: 100%;
}
#footer .f_officeBtn a:hover span:after{
	background: url(../img/common/r_arrow_red.png)center/ 100% no-repeat;
}

/*MOREボタン*/
.moreBtn a{
	display: inline-block;
	position: relative;
	width: 70px;
	border-bottom: 1px solid #494949;
	transition: all .3s;
	padding-bottom: 3px;
	color: #494949;
	font-size: 1.4rem;
}
.moreBtn a:hover{
	width: 80px;
}
.moreBtn a:after{
	content: '';
	width: 12px;
	height: 1px;
	right: 0;
	bottom: 2.4px;
	background:#494949;
	position: absolute;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

/*detailsBtn*/
.detailsBtn a{
	width: 250px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
	letter-spacing: 3px;
	font-size: 1.7rem;
	position: relative;
	text-align: center;
	color: #333;
	transition: all .3s;
} 
.detailsBtn a:before,.detailsBtn a:after{
	content:'';
	background-color: #333;
	width: 1px;
	height: 100%;
	position: absolute;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
	transition: all .1s;
}
.detailsBtn a:before{
	left: 0;
}
.detailsBtn a:after{
	right: 0;
}
.detailsBtn a:hover{
	color: #000;
}
.detailsBtn a:hover:before,.detailsBtn a:hover:after{
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

/*トップへ戻るボタン*/
#topReturn{
	width: 40px;
	height: 40px;
	background-color: #d0bcab;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
#topReturn a{
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
}
#topReturn a:before,#topReturn a:after{
	content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #5e2423;
}
#topReturn a:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -10px;
    left: 0;
}
#topReturn a:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -10px;
    right: 0;
}

/*見出し*/
.mainCntBox .cntTitle{
	text-align: center;
}
.mainCntBox .cntTitle h2{
	font-size: 2.4rem;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.mainCntBox .cntTitle h3{
	font-size: 1.5rem;
	letter-spacing: 1px;
}
.mainCntBox .cntTitle .cntDisc{
	margin-top: 30px;
}
.mainCntBox .cntTitle.keyColor_bg{
	padding: 60px;
}

/*mainCntBox*/
.mainCntBox{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 60px 0;
}
.mainCntBox.max{
	width: 100%;
	max-width: 100%;
}

/*バナー*/
.mainCntBox.bunner{
	margin: 80px auto 50px;
	position: relative;
	padding: 0;
}
.mainCntBox.bunner a{
	padding: 60px 0;
	display: block;
	height: 100%;
	transition: all .3s;
	opacity: .8;
}
.mainCntBox.bunner a:hover{
	opacity: 1;
	box-shadow: 1px 1px 3px rgba(0,0,0,.7);
}
.mainCntBox.bunner:before{
	content:'';
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: -1;
}
.mainCntBox.half{
	padding: 0;
	margin: 50px auto 80px;
}
.mainCntBox.half .mainCntBox.bunner{
	display: inline-block;
	width: 47%;
	margin: 0 auto;
}
.mainCntBox.half .bunner:first-child{
	margin-right: 5%;
}
/*当事務所について*/
#office.bunner{
	background: url(../img/office/office_bg.jpg)center/cover no-repeat;
}
/*申請費用*/
#applicationFee.bunner{
	background: url(../img/fee/fee_bg.jpg)center/cover no-repeat;
}
/*行政コラム*/
#column.bunner{
	background: url(../img/column/column_bg.jpg)center/cover no-repeat;
}
/*行政コラム*/
#visa.bunner{
	background: url(../img/visa/visa_bg.jpg)center/cover no-repeat;
}

/*コンタクトボタン*/
#contact{
	height: 200px;
	padding-bottom: 0;
	background: url(../img/common/contact_bg.jpg)center/cover no-repeat;
	position: relative;
}
#contact .cntBox{
	width: 80%;
	max-width: 1000px;
	padding: 50px 50px 30px;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	margin: auto;
}
#contact .cntBox .cntTitle h2{
	line-height: 1.7;
	position: relative;
}
#contact .cntBox .cntTitle:before{
	content: 'CONTACT';
	position: absolute;
	font-size: 9rem;
	left: 0;
	right: 0;
	margin: auto;
	top: 20px;
	color: #754c24;
	opacity: .1;
	z-index: 0;
	font-family: "Cinzel",serif;
	font-weight: 400;
	font-style: normal;
}
.contactBtnBox{
	width: 650px;
	margin: 20px auto 10px;
}
.contactBtnBox .tel{
	width: 47%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: middle;
}
.contactBtnBox .tel a{
	font-size: 3.6rem;
	letter-spacing: 2px;
}
.contactBtnBox .tel a:after{
	content:'受付時間 平日9:00〜18:00';
	font-size: 1.3rem;
	text-align: center;
	display: block;
	margin-top: 5px;
}
.contactBtnBox .tel a img{
	margin-right: 10px;
	margin-top: 5px;
}
.contactBtnBox .contactBtn{
	display: inline-block;
	vertical-align: middle;
}
.contactBtnBox .contactBtn a{
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 1px;
	vertical-align: middle;
	position: relative;
	transition: all .3s;
}
.contactBtnBox .contactBtn a:hover{
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
.contactBtnBox .contactBtn a span{
	padding-left: 20px;
	position: relative;
}
.contactBtnBox .contactBtn a span:after{
	content: '';
	width: 20px;
	height: 14px;
	position: absolute;
	background: url(../img/common/mail_icon.png)center/100% no-repeat;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -10px;
}

/*フッター*/
#footer{
	height: 150px;
	padding: 90px 0 40px;
	color: #dcc4ab;
}
#footer .footerCnt{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#footer p,#footer a{
	color: #dcc4ab;
}
#footerLeft{
	float: left;
}
#footerRight{
	float: right;
}
#footer #footerLeft h2{
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-size: 2.2rem;
}
#footer #footerLeft .address p{
	margin-bottom: 20px;
	line-height: 1.7;
	font-size: 1.5rem;
}
#footer #footerLeft .moreBtn a{
	border-color: #dcc4ab;
}
#footer #footerLeft .moreBtn a:after{
	background: #dcc4ab;
}
#footer #footerRight .f_officeBtn{
	right: 0;
}
#footer #footerRight .footerNavList{
	text-align: right;
	font-size: 1.4rem;
	line-height: 2;
	margin: 12px auto;
	letter-spacing: 1px;
}
#footer #footerRight .footerNavList a{
	transition: all .3s;
}
#footer #footerRight .footerNavList a:hover{
	opacity: .8;
}
#footer small{
	font-size: 1.3rem;
	letter-spacing: 2px;
}


/*PC*/
@media screen and (min-width:900px){
	.pc{
		display: block;
	}
	.tab{
		display: none!important;
	}
	.sp{
		display: none!important;
	}
	.tab_sp{
		display: none!important;
	}
}
/*TAB*/
@media screen and (max-width:899px){
	.pc{
	  	display: none!important;
	}
	.tab{
		display: block;
	}
	.sp{
		display: none!important;
	}
	.tab_sp{
		display: block;
	}
	
	/*ヘッダー*/
	#header nav#headerNav{
		display: none;
	}
	/*ハンバーガーメニュー*/
	#navBtn{
		width: 40px;
		height: 40px;
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 100;
		background: url(../img/common/deco_red.png)center/100% no-repeat;
		transition: all .3s;
	}	
	#navBtn.white{
		background: url(../img/common/deco_white.png)center/100% no-repeat;
	}
	#navBtn.open{
		background: url(../img/common/closeBtn.png)center/100% no-repeat;
	}
	#nav_sp nav{
		width: 100%;
	    background-color: rgba(255,255,255,.9);
	    padding-right: 0;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    padding-bottom: 40px;
	    z-index: 99;
	    position: fixed;
	    padding-top: 30px;
        overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		transition: transform .3s,-webkit-transform .3s;
	}
	#nav_sp nav.open{
		opacity: 1;
		transform: translate3d(0,0,0);
		transition: transform .5s .2s;
    	transition: transform .5s .2s,-webkit-transform .5s .2s;
	}
	#nav_sp nav .headerNav_sp{
		width: 90%;
		margin: 0 auto;
	}
	.headerLogo{
	    left: 3%;
	}
	#nav_sp .headerLogo a{
		color: #5e2423;
	}
	#nav_sp .mainNav{
		width: 100%;
		margin: 100px auto 0;
	}
	#nav_sp .mainNav li a{
		padding: 5.6vw 0 6vw;
		display: block;
		font-size: 2rem;
		letter-spacing: 3px;
		padding-left: 50px;
		color: #5e2423;
		top: 0;
		position: relative;
		border-bottom: 1px solid #cd9f98;
	}
	#nav_sp .mainNav li:first-child a{
		border-top: 1px solid #cd9f98;
	}
	#nav_sp .mainNav li a:after{
		content: '';
		width: 30px;
		height: 30px;
		left: 10px;
		background: url(../img/common/deco_red.png)center/100% no-repeat;
		position: absolute;
	}
	#nav_sp .mainNav li a:before{
		color: #5e2423;
		left: 52px;
		right: auto;
		bottom: 3.4vw;
		font-size: 1.5rem;
	}
	#nav_sp .subNav{
		width: 90%;
		margin: 20px auto;
	}
	#nav_sp .subNav li a{
		font-size: 1.8rem;
		display: block;
		padding: 2vw 0;
		color: #5e2423;
		letter-spacing: 2px;
	}
	#nav_sp .h_contactBtn{
		width: 100%;
		background-color: #5e2423;
	}
	#nav_sp .h_contactBtn a{
		width: 100%;
		border:none;
		color: #fff;
	    height: 60px;
    	line-height: 60px;
    	font-size: 1.8rem;
	}
	.h_contactBtn a span:after{
		display: none;
	}
	.h_contactBtn a:before{
		display: none;
	}

}	

/*SP*/
@media screen and (max-width:480px){
	.tab{
		display: none!important;
	}
	.sp{
		display: block!important;
	}
	/*共通*/
	.cntTitle p{
		font-size: 1.5rem;
	}
	.mainCntBox{
		padding: 30px 0;
	}
	/*メインビジュアル*/
	.mainVisual{
		height: 100vh;
	}
	.mainVisual #copyText{
		height: 100px;
	}
	.mainVisual #copyText p{
		font-size: 3.3rem;
		letter-spacing: 4px;
	}
	
	.mainVisual #copyText p.sub{
		font-size: 2rem;
		letter-spacing: 1px;
	}
	.mainVisual #copyText p.sub span{
		font-size: 3rem;
		margin: 0 5px;
	}
	.mainVisual:after{
		width: 25px;
		height: 25px;
	}
	/*ヘッダー*/
	.headerLogo{
		font-size: 2.2rem;
		letter-spacing: 2px;
	}
	#nav_sp .h_contactBtn a{
		height: 50px; 
		line-height: 50px;
	}
	.headerLogo a span{
		font-size: 1rem;
		letter-spacing: .5px;
	}
	/*ナビゲーション*/
	#nav_sp .mainNav{
		margin-top: 70px;
	}
	#nav_sp .mainNav li a{
		font-size: 1.8rem;
		padding: 5vw 0 6.5vw;
		padding-left: 50px;
		letter-spacing: 2px;
	}
	#nav_sp .mainNav li a:before{
		font-size: 1.1rem;
		bottom: 11px;
	}
	#nav_sp .subNav li a{
		font-size: 1.5rem;
	}
	#nav_sp .h_contactBtn a{
		font-size: 1.6rem;
		letter-spacing: 2px;
	}
	#nav_sp .mainNav li a:after{
		width: 25px;
		height: 25px;
	}
	#nav_sp .subNav{
		margin: 10px auto;
	}
	
	/*お問い合わせ*/
	#contact{
		height: 120px;
		background-position: center right;
	}
	#contact .cntBox{
		padding: 50px 5% 30px;
		bottom: -230px;
	}
	#contact .cntBox .cntTitle h2{
		font-size: 2rem;
	}
	#contact .cntBox .cntTitle:before{
		font-size: 5.5rem;
	    top: 30px;
	}
	.contactBtnBox{
		width: 100%;
		margin: 10px auto 0;
	}
	.contactBtnBox .tel,.contactBtnBox .contactBtn{
		width: 100%;
		display: block;
	}
	.contactBtnBox .tel{
		margin-bottom: 20px;
	}
	/*フッター*/
	#footer{
	    padding: 260px 0 30px;
	    height: auto;
	}
	#footerLeft,#footerRight{
		float: none;
	}
	#footerLeft .address{
		width: 75%;
		display: inline-block;
	}
	#footerLeft .moreBtn{
		width: 23%;
		display: inline-block;
	}
	#footer #footerRight .footerNavList{
		text-align: center;
	}
	#footer #footerRight .footerNavList li{
		text-align: left;
		margin: 0 2%;
		/*display: inline;*/
		font-size: 1.3rem;
	}
	#footer small{
		text-align: center;
		display: block;
		margin-top: 30px;
	}
	/*ボタン*/
	.detailsBtn a{
		height: 40px;
		line-height: 40px;
		font-size: 1.6rem;
	}
	#topReturn{
		bottom: 15px;
		right: 15px;
	}
	#navBtn{
		right: 15px;
		width: 35px;
		height: 35px;
	}
	#footer .f_officeBtn a:before{
		display: none;
	}
	#footer .f_officeBtn a:hover{
		color: #dcc4ab;
	}
	#footer .f_officeBtn a:hover span:after{
		    background: url(../img/common/r_arrow_brown.png)center/ 100% no-repeat;
	}
	/*バナー*/
	.mainCntBox.bunner{
		margin: 50px auto 30px;
	}
	.mainCntBox.bunner a{
		padding: 45px 0 35px;
		opacity: 1;
	}
	.mainCntBox .cntTitle h2{
		font-size: 2.2rem;
	    margin-bottom: 5px;
	}
	.mainCntBox .cntTitle h3{
		font-size: 1.4rem;
	}
	.mainCntBox.half{
		margin: 30px auto 50px;
	}
	.mainCntBox.half .mainCntBox.bunner{
		display: block;
		width: 100%;
		margin: 30px auto;
	}
}