@charset "utf-8";

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.woff) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url(https://www.shinsan-reform.com/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff2) format('woff2'),
		 url(https://www.shinsan-reform.com/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(https://www.shinsan-reform.com/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff2) format('woff2'),
		 url(https://www.shinsan-reform.com/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(https://www.shinsan-reform.com/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff2) format('woff2'),
		 url(https://www.shinsan-reform.com/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(https://www.shinsan-reform.com/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.woff2) format('woff2'),
		 url(https://www.shinsan-reform.com/fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.woff) format('woff'),
		 url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
}


/*==============================
	基本設定
==============================*/
body{
	color:#252525;
	font-size:12px;
	font-family:'Noto Sans JP', san-serif;
	margin:0;
	padding:0;
	text-align:left;
	background:#fff;
	-webkit-text-size-adjust:100%;
	min-width:1240px;
	position:relative;
}
body *, body *::before, body *::after{box-sizing:border-box;}
@media only screen and (max-width:767px){
	body{
		min-width:0;
		padding-top:0px;
	}
}

img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}

/*font layout*/
.fBold{font-weight:bold;}
.fNoto{font-family: 'Noto Sans JP';}
.fSerif{font-family: 'Noto Serif Japanese';}
.fRed{ color:#DE0010;}
.fRed2{ color:#842426;}
.fRobot{font-family: 'Roboto', sans-serif;}
.fLight{font-weight:300;}

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.ro a,
a.ro,
a .ro,
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ro .no_ro a:hover,
.ro a.no_ro:hover{ filter:alpha(opacity=100);opacity:1; }
a:focus{outline:none;}

.spOnly,
.brSp,
.imgSp{
	display:none !important;
}
a{text-decoration:none;}
.wrapper{
	width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:767px){
	.spNone,
	.brPc,
	.imgPc{
		display:none !important;
	}
	.spOnly{
		display:block !important;
	}
	.brSp,
	.imgSp{
		display:inline !important;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.ro .slick-slide a:hover{filter:alpha(opacity=100);opacity:1;}
	.wrapper{
	width:100%;
	margin:0 auto;
}
}


/*-----------------------------------------------
	画像を枠いっぱいに表示させる
-----------------------------------------------*/
.imgFill{
	overflow:hidden;
}
.imgFill img{
	width:100%;
	height:auto;
}
.imgFillH img{
	width:auto !important;
	height:100% !important;
	position:absolute !important;
	top:50% !important;
	left:50% !important;
	max-width:none !important;
	max-height:none !important;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:1;
}
.imgFillV img{
	width:100% !important;
	height:auto !important;
	position:absolute !important;
	top:50% !important;
	left:50% !important;
	max-width:none !important;
	max-height:none !important;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:1;
}
@media only screen and (max-width:767px){
	.imgFillSp{
		overflow:hidden;
	}
	.imgFillSp img{
		width:100%;
		height:auto;
	}
}


/*-----------------------------------------------
	imgCover
-----------------------------------------------*/
.imgCover{
	position:relative;
}
.imgCover 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;
    z-index: 1;
}


/*-----------------------------------------------
	contents
-----------------------------------------------*/

#contents{ overflow:hidden;}
@media only screen and (max-width:767px){
	#container{ margin-bottom:55px;}
	#container.none{ margin-bottom:0px;}
	#container.spFixedNone{ 
		margin-bottom:54px;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
}
/* @media only screen and (max-width:320px){
	#container{ margin-bottom:106px;}
	#container.spFixedNone{ margin-bottom:46px;}
} */
/*-----------------------------------------------
	header
-----------------------------------------------*/
#header{
	width:100%;
	z-index:1000;
}
#header .leftBox{
	float:left;
	font-size:0;
}
#header .rightBox{ float:right;}
#header .rightBoxInner{ 
	float:right;
	margin:30px 0 15px;
	font-size:0;
}
#header .headerBox,
#header .headerBtn{ 
	display:inline-block;
	vertical-align:top;
}
#header .headertxtTel{
	text-decoration:none;
	color:#0074C0;
	font-size:24px;
	letter-spacing:2px;
	padding:0 0 0 32px;
	background:url(https://www.shinsan-reform.com/img/common/iconTel.png) 0 0 no-repeat;
	background-size:27px 24px;
	display:inline-block;
	vertical-align:top;
}
#header .headerTxt{
	font-size:10px;
	line-height:140%;
	margin:5px 0 0 33px;
	color:#0074C0;
}
#header .headerBtn{
	width:200px;
	background:#0075C1;
	text-align:center;
	color:#FFF;
	font-size:13px;
	padding:9px 0 ;
	border-radius: 500px;
	letter-spacing:1px;
	margin:-3px 0 0 10px;
}
@media only screen and (max-width:767px){
	#header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		padding:0;
	}
	#header .headerMain{ float:left;}
	#header .wrapper{ 
		width:93.75%;
		margin:0 auto;
	}
	#header .wrapper .headerLogo{
		float:left;
	}
	#header .wrapper .headerLogo img{
		width:auto;
		/* height:80px; */
	}
	#header .wrapper .btnMenu{
		width:28px;
		float:right;
		margin-top:22px;
		margin-right:3px;
	}
	#header .rightBox{ display:none;}
}

/*-*-*-*-*-*-*-*-*-*-*-*

グローバルメニュー

*-*-*-*-*-*-*-*-*-*-*-*/
#global-menu .global-box{
	width:982px;
	padding-top:7px;
}
#global-menu .global-box .aNav{
	display:block;
	float:left;
	color:#000;
	text-align:center;
	font-size:14px;
	height:33px;
	box-sizing:border-box;
	padding: 0 18px;
	cursor:pointer;
	position:relative;
}
#global-menu .global-box .aNav.on:before{
	position: absolute;
    content: "";
    width: 60%;
    height: 1px;
    bottom: 10px;
	right:0;
	left:0;
	margin:0 auto;
    background: #0074C0;
}
#global-menu .global-box li .aNav:after{
	position: absolute;
    content: "";
    width: 1px;
    height: 33px;
    top: -7px;
	right:0;
    background: rgba(0,116,192,0.2);
}
#global-menu .global-box .type2 .aNav{ position:relative;}
#global-menu .global-box .type2 a{ color:#000;}
#global-menu .global-box li:first-child .aNav:before{
	position: absolute;
    content: "";
    width: 1px;
    height: 33px;
    top: -7px;
	left:0;
    background: rgba(0,116,192,0.2);
}
#global-menu .gNaviPd{
	display:none;
    width: 950px;
	height:34px;
	background: #3390CD;
	box-sizing:border-box;
    padding: 2px 0px 13px;
	text-align:center;
    position: absolute;
    top: 36px;
    right: -345px;
    z-index: 1100;
	font-size:0;
}
#global-menu .gNaviPd.first{
	right:inherit;
	left:0;
}
#global-menu .gNaviPd a{ color:#fff !important;}
#global-menu .gNaviPd:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 8px;
    top: -8px;
	right:0;
	left:0;
	margin:0 auto;
	background:url(https://www.shinsan-reform.com/img/common/navIcon.png) no-repeat;
}
#global-menu .gNaviPd.first:after {
	right:inherit;
	left:87px;
}
#global-menu .gNaviPd a{
	padding:0 ;
	height:auto;
	font-size:14px;
	text-decoration:none;
	letter-spacing:1px;
	line-height:28px;
	color:#FFF;
}
#global-menu .gNaviPd li{
	width:190px;
	float:none;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
#global-menu .gNaviPd.first li{ width:237px;}
#global-menu .gNaviPd li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    top: 5px;
	right:0;
	background:rgba(255,255,255,0.2);
}
@media only screen and (max-width:767px){
	#global-menu{ display:none;}
}

/*-----------------------------------------------
	pnkz
-----------------------------------------------*/
#pnkz{ background:#0074C0;}
#pnkz .wrapper{
	height:36px;
	color:#FFF;
}
#pnkz li{
	display:inline-block;
	vertical-align:top;
	padding:8px 3px 0 0;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	letter-spacing:1px;
	font-size:11px;
}
#pnkz li::before{
	content:">";
	display:inline-block;
	padding-right:7px;
}
#pnkz li:first-child::before{
	display:none;
}
#pnkz li a{
	color:#FFF;
	text-decoration:none;
}
#pnkz .swiper-wrapper{
	white-space:nowrap !important;
}
#pnkz .swiper-slide{
	display:inline-block;
	float:none !important;
	cursor:default;
}
@media only screen and (max-width:767px){
	#pnkz{
		width:100%;
		overflow:hidden;
		height:40px;
	}
	#pnkz .wrapper{
		height:auto;
		width:100%;
	}
	#pnkz.w1100 .wrapper{
		width:100%;
	}
	#pnkz li{
		max-width:150px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		padding:10px 0 0;
		letter-spacing:0.5px;
	}
	#pnkz li::before{
		content:"／";
		color:#999;
		padding-right:3px;
	}
	#pnkz li:first-child{
		padding-left:10px;
	}
	#pnkz li:last-child{
		max-width:100%;
	}
	#pnkz.pnkzPosition{
		position:absolute;
		top:0;
		left:0;
	}
}
/*iconBox*/
.iconBox .iconEvent{
	width: 80px;
	height: 30px;
	color:#fff;
	text-align: center;
	font-size:14px;
	line-height:30px;
	display: inline-block;
	letter-spacing:1px;
}
.iconBox .iconType1{ background:#990000;}
.iconBox .iconType2{ background:#330000;}
.iconBox .iconType3{ background:#000000;}
.iconBox .iconType4{ background:#999999;}



/*-----------------------------------------------
	secBnrList
-----------------------------------------------*/
.secBnrList{
	width: 1000px;
	margin: 0 auto;
}
.secBnrList .bnrLeft{
	display: block;
	float: left;
}
.secBnrList .bnrRight{
	display: block;
	float: right;
}
@media only screen and (max-width:767px){
	.secBnrList{
		width: 93.75%;
		margin: 0 auto;
	}
	.secBnrList .bnrLeft{
		display: block;
		float: none;
	}
	.secBnrList .bnrRight{
		display: block;
		float: none;
	}
}

/*-----------------------------------------------
	footer
-----------------------------------------------*/
#footer{ 
	position:relative;
	color:#fff;
}
#footer .sec01{ background:url(https://www.shinsan-reform.com/img/common/bgfooter.jpg) top center no-repeat;}
#footer .sec01In{
	padding:40px 0;
	font-size:0;
}
#footer .sec01 .topImg{
	float:left;
	width:220px;
	padding-top:73px;
}
#footer .sec01 .footerList01{
	width:245px;
	height:230px;
	border-left:rgba(0,0,0,0.1) solid 1px;
	padding: 17px 0 0 15px;
	float:left;
	box-sizing:border-box;
}
#footer .sec01 .footerList01:last-child{ border-right:rgba(0,0,0,0.1) solid 1px;}
#footer .sec01 li .aLink,
#footer .sec02 li .aLink{
	display:inline-block;
	position:relative;
	color:#FFF;
	line-height:19px;
	letter-spacing:0.3px;
	padding:7px 10px 6px 12px;
	font-size:12px;
	text-decoration:none;
}
#footer .sec01 li .aLink:after,
#footer .sec02 li .aLink:after{
	display:block;
	position:absolute;
	top:14px;
	left:0;
	border-style:solid;
	border-width:3px 0 3px 3px;
	border-color:transparent transparent transparent #fff;
	content:"";
}
#footer .sec02{
	padding:34px 0 36px;
	background:#002851;
}
#footer .sec02 .footerTel{ 
	float:left;
	margin-top:15px;
}
#footer .sec02 .footerTel .txtZip{
	font-size:14px;
	letter-spacing:3px;
	padding-bottom:16px;
}
#footer .sec02 .footerBox{ font-size:0;}
#footer .sec02 .footertxtTel{
	text-decoration:none;
	color:#fff;
	font-size:24px;
	letter-spacing:2px;
	padding:0 0 0 32px;
	background:url(https://www.shinsan-reform.com/img/common/iconTelIndex.png) 0 0 no-repeat;
	background-size:27px 24px;
	display:inline-block;
	vertical-align:top;
}
#footer .sec02 .footerTxt{
	font-size:10px;
	line-height:140%;
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
}
#footer .sec02 .footerBtnMain{ 
	float:left;
	margin-left:20px;
	font-size:0;
}
#footer .sec02 .footerBtn{ 
	width:240px;
	display:inline-block;
	vertical-align:top;
}
#footer .sec02 .footerBtn:nth-child(2n){ margin-left:10px;}
#footer .sec02 .footerInst{ 
	width:55px;
	display:inline-block;
	vertical-align:top;
	margin:8px 0 0 50px;
}
#footer .sec02 .aSubLink{
	float:right;
	box-sizing:border-box;
	font-size:0;
	/* margin-top:24px; */
}
/* #footer .sec02 .aSubLink li{
	display:inline-block;
	vertical-align:top;
} */
#footer .sec02 .aSubLink li:last-child .aLink{ padding:7px 0px 5px 12px;}
#footer .sec02 .aSubLink li .aLink:after{ top:14px;}
#footer #copy{
	background:#000000;
	color:#fff;
	font-size:10px;
	line-height:37px;
	height:40px;
	letter-spacing:0.5px;
	text-align:center;
}
#footer .sec02 .footerYoutube {
    width: 47px;
    display: inline-block;
    vertical-align: top;
    margin: 13px 0 0 20px;
}
@media only screen and (max-width:767px){
	#footer .wrapper{  width:93.75%;}
	#footer .sec02 .footerBtn{ width:49%;}
	#footer .sec02 .footerBtn:nth-child(2n) { margin-left: 2%;}
	#footer .sec02 .footerTelMain .footerBtn{ margin-bottom:10px;}
	#footer .sec02 .footerTelMain { padding: 10px 0 5px;}
	#footer .sec02 ul{ display:none;}
	
	#footer .sec02{
		background:url(https://www.shinsan-reform.com/img/common/bgfooterSp.jpg) top center no-repeat;
		background-size:cover;
		padding:34px 0 34px;
	}
	#footer .sec02 .topImg{
		width:125px;
		margin:0 auto;
	}
	#footer .sec02 .footerTel .txtZip{ padding-bottom:18px;}
	#footer .sec02 .footerTel{
		text-align:center;
		float:none;
		margin-top:19px;
	}
	#footer .sec02 .footerBtn{ display:none;}
	#footer .sec02 .footerBtnMain{
		margin: 0 auto 20px;
		width: 100%;
		text-align: center;
	}
	#footer .sec02 .footerInst{
		margin: 0 auto;
		display: inline-block;
	}
	#footer .sec02 .footerTxt{
		display:block;
	    margin-left: 0px;
		padding:15px 0 20px;
		letter-spacing:2px;
	}
	#footer .btnCompany{
		width:69.75%;
		margin:0 auto;
	}
	#footer .btnNew{
		width:69.75%;
		margin:20px auto;
	}
	#footer #copy{
		background:#002851;
		line-height:22px;
		height:25px;
	}
}
@media only screen and (max-width: 767px){
#footer .sec02 .footerYoutube {
    margin: 0 auto;
    display: inline-block;
	margin:4px 0 0 32px;
	}
}
/*-----------------------------------------------
	fNav
-----------------------------------------------*/






/* boxFixed */
#boxFixed{
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 9999;
	width: 220px;
	transform: translateY(-30%);
}
#boxFixed .wrapper{
	width: 100%;
	margin: 0 auto;
	font-size:0;
}
#boxFixed .boxFixed01{
	text-align:right;
	width:120px;
	margin-left:100px;
}
#boxFixed .btn{
	display:block;
	width:120px;
	margin-bottom:20px;
}
#boxFixed .side03{
	position:relative;
	display:block;
	height:220px;
	float:right;
}
#boxFixed .closeBtn{
	float:right;
	width:30px;
}
@media only screen and (max-width:767px){
	#boxFixed{ display:none;}
}

#boxFixed .boxFixed02{
	text-align:right;
	width:121px;
	margin: 0 0 0 auto;
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
}
#boxFixed .boxFixed02 .bnr{
	display: inline-block;
}




#fNavSp{ display:none;}
@media only screen and (max-width:767px){
	#fNavSp{
		position:fixed;
		bottom:0;
		left:0;
		z-index:1000;
		width:100%;
		height:54px;
		background:#0075C1;
		-webkit-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		display:block;
	}
	#fNavSp .closeBtn{
		position:absolute;
		top:-30px;
		right:0;
	}
	#fNavSp ul{
		width:100%;
		margin:0 auto;
	}
	#fNavSp li{
		width:25%;
		float:left;
		box-sizing:border-box;
	}
	#fNavSp a.link02{
		display:block;
		position:relative;
		height:54px;
		box-sizing:border-box;
		text-align:center;
	}
	#fNavSp a.link02:after{
		position:absolute;
		top:0;
		right:0;
		width:1px;
		height:54px;
		background:#FFF;
		content:"";
	}
	#fNavSp li:last-child a.link02:after{ display:none;}
	.spFixedNone #fNavSp{ height:54px;}
}
@media only screen and (max-width:320px){
	.spFixedNone #fNavSp{ height:46px;}
}

/*-----------------------------------------------
	spNavi
-----------------------------------------------*/
#spNavi{
	display:none;
	color:#333;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1000;
	background:rgba(0,116,192,0.95);
}
#spNavi .spInner{
	height: 100vh;
	overflow-y: scroll;
	padding:16px 0 54px;
}
#spNavi .naviBox{
	font-size:0;
	width: 100%;
    margin: 0 auto;
	padding: 0 6.665%;
	text-align:left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#spNavi .naviBox .aLink02{
	vertical-align:top;
	background:#fff;
	width:49.231%;
	line-height:1.25;
	margin-right:1.538%;
	font-size:13px;
	text-align:center;
	color:#0073BF;
	letter-spacing:0.5px;
	height:45px;
	padding-left: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#spNavi .naviBox .aLink02.event{
	padding-left: 12px;
}
#spNavi .naviBox .aLink02.tel{
	padding-left: 14px;
}
#spNavi .naviBox .aLink02:nth-child(2n){ margin-right:0;}
#spNavi .naviBox .aLink02:nth-child(n+3){ margin-top:5px;}
#spNavi .naviBox .aLink02:last-child{
	margin-right:0;
	width: 100%;
	justify-content: center;
	padding-left: 0;
}
#spNavi .naviBox .txt{
	margin-left: 8px;
	font-weight: 700;
}
#spNavi .imgLogo{
	width: 130px;
	margin-left: 6.665%;
	display: block;
}

#spNavi .btnClose.top{
	display:block;
	width:30px;
	height:30px;
	position: relative;
	margin-right:3%;
	float: right;
	font-size:0;
}
#spNavi .btnClose.top::before,
#spNavi .btnClose.top::after{
	content:"";
	display:block;
	width:30px;
	height:3px;
	background:#FFF;
	position:absolute;
	top: -25px;
	left:-3px;
}
#spNavi .btnClose.top::before{
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
#spNavi .btnClose.top::after{
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#spNavi .btnReserve::before{
	content:"";
	display:inline-block;
	vertical-align:top;
	width:24px;
	height:24px;
	background:url(https://www.shinsan-reform.com/img/common/headerReserve.gif) left top no-repeat;
	background-size:24px;
	margin-right:9px;
}

#spNavi .wrapList {
	width: 100%;
	margin-top: 20px;
}
#spNavi .wrapItem {
	border-top: 1px solid #fff;
	min-height: 54px;
}
#spNavi .wrapItem:last-child {
	border-bottom: 1px solid #fff;
}
#spNavi .wrapItem .aWrap{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: inherit;
}
#spNavi .wrapItem .wrapTxt{
	width:86.67%;
	margin:0 auto;
	height: 54px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 1.25;
	color: #fff;
}
#spNavi .wrapItem .wrapTxt .iconWrap{
	width: 12px;
	height: 1px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
}
#spNavi .wrapItem .wrapTxt .iconWrap::before,
#spNavi .wrapItem .wrapTxt .iconWrap::after{
	content: "";
	width: 12px;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#spNavi .wrapItem .wrapTxt .iconWrap::after{
	-webkit-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
}
#spNavi .wrapItem.active .wrapTxt .iconWrap::after{
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
}

#spNavi .boxList{
	width:100%;
	margin:0 auto;
	padding:9px 9.333% 13px;
	border-top: 1px solid #fff;
	display: none;
}
#spNavi .boxList li .aLink{
    display: block;
    position: relative;
    color: #FFF;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 10px 10px 10px 13px;
    font-size: 13px;
    text-decoration: none;
}
#spNavi .boxList li .aLink.sec2{ padding: 30px 10px 13px 12px;}
#spNavi .boxList li .aLink::after{
	display: block;
    position: absolute;
    top: 16px;
    left: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #fff;
    content: "";
}
#spNavi .boxList li .aLink.sec2::after{ top: 36px;}
@media only screen and (max-width:359px){
	#spNavi .naviBox .aLink02{
		font-size:11px;
	}
}

#spNavi .boxTxtLink {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 20px;
}
#spNavi .boxTxtLink .aTxtLink{
	font-size: 13px;
	line-height: 1.25;
	letter-spacing: 0.5px;
	color: #fff;
	text-decoration: none;
	position: relative;
}
#spNavi .boxTxtLink .aTxtLink:nth-child(n+2){
	margin-left: 34px;
}
#spNavi .boxTxtLink .aTxtLink::after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -2px;
	left: 0;
	background: #fff;
}

#spNavi .naviBoxBtm {
	width:86.67%;
	margin:30px auto 0;
}
#spNavi .naviBoxBtm .aBoxLink{
	width:100%;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 19px;
	background: #fff;
}
#spNavi .naviBoxBtm .aBoxLink:nth-child(n+2){
	margin-top: 5px;
}
#spNavi .naviBoxBtm .aBoxLink .txt{
	margin-left: 17px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
	color:#0073BF;
	position: relative;
	top: 1px;
}

#spNavi .naviBoxSns{
	margin:30px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#spNavi .naviBoxSns .aImgLink:nth-child(n+2){
	margin-left: 20px;
}


/* secSub */
.secSub .secSub02 {
    height: 390px;
    position: relative;
    overflow: hidden;
	border-bottom:1px solid #fff;
}
.secSub .secSub02 .subIn {
    width: 2000px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
}
.secSub .secSub02 .subBnr01 {
    float: left;
    width: 1000px;
}
.secSub .secSub02 .subBnr02 {
    float: left;
    width: 999px;
    margin-left: 1px;
}
@media only screen and (max-width:767px){
	.secSub .secSub02{ height:auto;}
	.secSub .secSub02 .subBnrSp01,
	.secSub .secSub02 .subBnrSp02{
		float: left;
		width: 50%;
		margin: 1px 0;
	}
}
/* secTop */
@media only screen and (max-width:767px){
.secTop{
	padding-top: 60px;
	}
}