@charset "UTF-8";

:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #64c424;
}

.wrap{
	width : 1100px;
	margin-left : auto;
	margin-right : auto;
}

body{
	position : relative;
	letter-spacing : .025em;
}

body #header , body #footer , body main > section , body .mainHeader , body #example , body #example02{
	min-width : 1100px;
}

/*--------------------------------------------
HEADER
---------------------------------------------*/

#header .main .wrap{
	padding-top : 12px;
	height : 112px;
	padding-left : 5px;
}

#header .main .wrap > p{
	font-size : 10px;
	color : #000;
	font-weight : 500;
	width : 100%;
	letter-spacing : 0;
}

#header .main .box{
	display : flex;
	justify-content : space-between;
	align-items : flex-start;
	margin-top : 24px;
}

#header .main h1{
	width : 390px;
}

#header .main h1 a{
	display : block;
}

#header .main h1 img{
	max-width : inherit;
	width : 100%;
}

#header .main .contacts{
	display : flex;
	align-items : center;
	padding-top : 21px;
}

#header .main .contacts p{
	font-size : 11px;
	line-height : 13px;
}

#header .main .contacts ul{
	display : flex;
	margin-left : 8px;
	align-items : center;
}

#header .main .contacts .lato{
	font-size : 36px;
	font-weight : 900;
}

#header .main .contacts li:nth-child(2){
	margin-left : 7px;
}

#header .main .contacts li:nth-child(2) a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-radius : 6px;
	background-color : #f93;
	color : #fff;
	font-size : 12px;
	width : 150px;
	height : 35px;
}

#header-staff .wrap{
	display : flex;
	justify-content : space-between;
	height : 110px;
	padding-top : 10px;
	padding-left : 5px;
	overflow : hidden;
}

#header-staff p{
	font-size : 10px;
	letter-spacing : .025em;
	padding-top : 2px;
	color : #000;
}

#header-staff .logo{
	display : flex;
	align-items : center;
	margin-top : 24px;
}

#header-staff .logo a{
	display : flex;
	align-items : center;
}

#header-staff .logo img{
	width : 244px;
}

#header-staff .logo span:nth-of-type(2){
	font-size : 12px;
	line-height : 1.1667;
	margin-left : 13px;
}

#header-staff ul{
	display : flex;
	align-items : center;
}

#header-staff ul li + li{
	margin-left : calc( 36px - 6px - 4px );
}

#header-staff ul a{
	font-size : 12px;
	display : flex;
	align-items : center;
}

#header-staff ul a:before{
	content : "";
	display : block;
	background : url(../images/ui/icon/arrow01.png) left center / contain no-repeat;
	width : 6px;
	height : 7px;
	flex-shrink : 0;
	margin-right : 4px;
}

#header-staff .right > a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	text-align : center;
	letter-spacing : .025em;
	text-indent : .025em;
	color : #fff;
	background-color : #f93;
	font-size : 14px;
	width : 250px;
	height : 45px;
	border-radius : 6px;
	margin-left : auto;
	margin-top : 36px;
	font-weight : 700;
}

#header-staff.border{
	border-bottom : 2px solid #eee;
}

/*--------------------------------------------
NAV
---------------------------------------------*/

#nav{
	background-color : #64c424;
	background-color : var(--bg);
}

#nav .wrap{
	height : 50px;
	display : flex;
	align-items : center;
	position : relative;
}

#nav li{
	flex-grow : 1;
}

#nav a{
	color : #fff;
	font-size : 14px;
	font-weight : 500;
	display : block;
	width : 100%;
	text-align : center;
	position : relative;
}

#nav a:before{
	content : "";
	display : block;
	width : 1px;
	height : 20px;
	background-color : #fff;
	position : absolute;
	left : 0;
	top : 50%;
	transform : translateY(-50%);
}

#header .links{
	display : flex;
	width : 458px;
	justify-content : space-between;
	align-items : center;
	position : absolute;
	left : calc( 50% + 93px );
	top : 10px;
}

#header .links a{
	font-family : "游ゴシック体" , "Yu Gothic" , YuGothic , "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ" , Meiryo , sans-serif;
	font-size : 12px;
	color : #000;
	background : url("../images/ui/icon/arrow01.png") left center no-repeat;
	padding-left : 10px;
}

/*--------------------------------------------
MAIN HEADER
---------------------------------------------*/

.mainHeader{
	padding-top : 37px;
}

.mainHeader h2{
	text-align : center;
	font-size : 30px;
	letter-spacing : .4em;
}

.mainHeader h2 span{
	display : block;
	font-size : 16px;
	margin-bottom : 12px;
	margin-top : -7px;
}

.mainHeader h2 span:before{
	content : "【";
}

.mainHeader h2 span:after{
	content : "】";
}

.mainHeader h2:after{
	margin-top : 22px;
	border-top : 2px solid #6c3;
	display : block;
	font-family : "Lato", sans-serif;
	font-size : 15px;
	padding-top : 13px;
	letter-spacing : 0;
	color : #999;
}

.mainHeader .subpage{
	display : flex;
	align-items : center;
	justify-content : center;
	margin-top : 28px;
}

.mainHeader .subpage li{
	display : flex;
	align-items : center;
}

.mainHeader .subpage li:not(:last-child):after{
	content : "｜";
}

.mainHeader .subpage .current a{
	background-color : #ebf8cd;
}

.mainHeader .subpage a{
	margin-left : calc( 1em - 8px );
	margin-right : calc( 1em - 8px );
	padding-left : 8px;
	padding-right : 8px;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	height : 26px;
	font-size : 15px;
	letter-spacing : 0;
}

/*--------------------------------------------
SUBPAGE BUTTOM
---------------------------------------------*/

.subpageBottom .subpage{
	display : flex;
	align-items : center;
	justify-content : center;
}

.subpageBottom .subpage li{
	display : flex;
	align-items : center;
}

.subpageBottom .subpage li:not(:last-child):after{
	content : "｜";
}

.subpageBottom .subpage .current a{
	background-color : #ebf8cd;
}

.subpageBottom .subpage a{
	margin-left : calc( 1em - 8px );
	margin-right : calc( 1em - 8px );
	padding-left : 8px;
	padding-right : 8px;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	height : 26px;
	font-size : 15px;
	letter-spacing : 0;
}

/*--------------------------------------------
pagination
---------------------------------------------*/

.pagination{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-top : calc( 82px - 11px );
}

.pagination a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-size : 14px;
	color : #390;
	border-bottom : 1px solid currentColor;
	margin-left : 6px;
	margin-right : 6px;
	padding : 10px;
}

.pagination span.current_page{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-size : 14px;
	margin-left : 6px;
	margin-right : 6px;
	padding : 10px;
	background : #efefef;
}

/*--------------------------------------------
BREADCRUMBS
---------------------------------------------*/

.breadcrumbs{
	margin-top : 43px;
}

.breadcrumbs .wrap{
	padding-left : 17px;
	padding-bottom : 21px;
}

.breadcrumbs ol{
	display : flex;
	align-items : center;
}

.breadcrumbs ol li{
	font-size : 14px;
}

.breadcrumbs ol li:not(:last-child):after{
	content : "／";
	margin-left : 1em;
	margin-right : 1em;
}

/*--------------------------------------------
TO TOP
---------------------------------------------*/

#toTop{
	width : 50px;
	height : 50px;
	left : calc( 50% + 550px );
}

#toTop.is-absolute{
	position : absolute;
}

#toTop:not(.is-absolute){
	position : fixed;
	bottom : 0;
}

/*--------------------------------------------
FOOTER
---------------------------------------------*/

#footer .main{
	background-color : #eaf5ea;
}

#footer .main .wrap{
	padding-top : 26px;
	height : 84px;
	display : flex;
	justify-content : space-between;
	align-items : flex-start;
}

#footer .main h1{
	width : 356px;
}

#footer .main h1 a{
	display : block;
}

#footer .main h1 img{
	max-width : inherit;
	width : 100%;
}

#footer .main .contacts{
	display : flex;
	padding-top : 3px;
}

#footer .main .contacts p{
	font-size : 11px;
	line-height : 13px;
	margin-top : calc( 8px - 1px );
}

#footer .main .contacts ul{
	display : flex;
	margin-left : 15px;
	align-items : center;
}

#footer .main .contacts .lato{
	font-size : 36px;
	font-weight : 900;
}

#footer .main .contacts li:nth-child(1) a{
	display : block;
}

#footer .main .contacts li:nth-child(1) span{
	display : block;
	font-size : 12px;
	text-align : center;
}

#footer .main .contacts li:nth-child(2){
	margin-left : 8px;
}

#footer .main .contacts li:nth-child(2) a{
	margin-top : 4px;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-radius : 6px;
	background-color : #f93;
	color : #fff;
	font-size : 12px;
	letter-spacing : 0;
	width : 150px;
	height : 35px;
}

#footer .bottom{
	background-color : #64c424;
}

#footer .bottom .wrap{
	padding-top : 24px;
	padding-bottom : calc( 122px - 12px );
}

#footer .bottom ul{
	display : flex;
	align-items : center;
	position : relative;
}

#footer .bottom ul:after{
	content : "";
	display : block;
	width : 1px;
	height : 20px;
	background-color : #fff;
	position : absolute;
	right : 0;
	top : 50%;
	transform : translateY(-50%);
}

#footer .bottom li{
	flex-grow : 1;
}

#footer .bottom a{
	color : #fff;
	font-size : 14px;
	font-weight : 500;
	display : block;
	width : 100%;
	text-align : center;
	position : relative;
}

#footer .bottom a:before{
	content : "";
	display : block;
	width : 1px;
	height : 20px;
	background-color : #fff;
	position : absolute;
	left : 0;
	top : 50%;
	transform : translateY(-50%);
}

#footer .bottom p{
	color : white;
	text-align : center;
	font-size : 12px;
	line-height : 36px;
	margin-top : calc( 53px - 12px );
}

/*--------------------------------------------
EXAMPLE
---------------------------------------------*/

.contentExample{
	padding-top : 100px;
	padding-bottom : 67px;
}

.contentExample .sliderExample{
	margin-top : 57px;
}

.contentExample .slick-slide li{
	margin-left : 17px;
	margin-right : 17px;
	width : 420px!important;
	position : relative;
	min-height : 189px;
	background-repeat : no-repeat;
	background-position : right bottom;
	background-size : 102px auto !important;
	padding-top : 7px;
}

.contentExample .char01{
	background-image : url("../images/example/char01_b.png");
}

.contentExample .char02{
	background-image : url("../images/example/char02_b.png");
}

.contentExample .char03{
	background-image : url("../images/example/char03_b.png");
}

.contentExample .char04{
	background-image : url("../images/example/char04_b.png");
}

.contentExample .char05{
	background-image : url("../images/example/char05_b.png");
}

.contentExample .char06{
	background-image : url("../images/example/char06_b.png");
}

.contentExample .char07{
	background-image : url("../images/example/char07_b.png");
}

.contentExample .char08{
	background-image : url("../images/example/char08_b.png");
}

.contentExample .char09{
	background-image : url("../images/example/char09_b.png");
}

.contentExample .char10{
	background-image : url("../images/example/char10_b.png");
}

.contentExample .box{
	background-color : #ffc;
	width : 322px;
	padding-left : 14px;
	padding-right : 14px;
	padding-top : calc( 22px - 2.5px );
	padding-bottom : 10px;
	position : relative;
}

.contentExample .cat{
	letter-spacing : 0;
	font-size : 14px;
	margin-left : -.5em;
	position : absolute;
	top : -.5em;
	font-weight : 500;
}

.contentExample .cat span:nth-of-type(n + 2){
	margin-left : 5px;
}

.contentExample .cat:before{
	content : "【";
	padding-right : .25em;
}

.contentExample .cat:after{
	content : "】";
	padding-left : .25em;
}

.contentExample .date{
	position : absolute;
	top : -5px;
	right : 15px;
	font-size : 13px;
}

.contentExample h4 a{
	font-size : 16px;
	line-height : 21px;
	letter-spacing : 0;
	display : block;
	color : #390;
}

.contentExample h4 a:hover{
	text-decoration : underline;
}

.contentExample .text{
	font-size : 16px;
	line-height : 21px;
	letter-spacing : 0;
	margin-top : calc( 16px - 2.5px - 2.5px );
}

.contentExample .box > a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border : solid 1px #64c424;
	background : #64c424;
	color : #fff;
	width : 103px;
	height : 25px;
	font-size : 12px;
	letter-spacing : 0;
	margin-left : auto;
	margin-right : auto;
	margin-top : calc( 16px - 2.5px );
}

.contentExample .slick-dots{
	margin-top : 24px;
	display : flex;
	justify-content : center;
	align-items : center;
	z-index : 5;
	position : relative;
}

.contentExample .slick-dots button{
	color : transparent;
	font-size : 0;
	vertical-align : top;
	cursor : pointer;
	width : 100%;
	height : 100%;
}

.contentExample .slick-dots li{
	margin-left : 5px;
	margin-right : 5px;
}

.contentExample .slick-dots button{
	background-color : #ccc;
	border-radius : 0;
	width : 10px;
	height : 10px;
}

.contentExample .slick-dots .slick-active button{
	background-color : #f90;
}

/*--融資---*/

span.cat_yushi{
	color : #f90;
}

/*--税務調査---*/

span.cat_zeimuchosa{
	color : #c3c;
}

/*--黒字決算---*/

span.cat_kuroji{
	color : #666;
}

/*--資金調達---*/

span.cat_shikinchotatsu{
	color : #399;
}

/*--創業融資---*/

span.cat_sogyoyushi{
	color : #f66;
}

/*--会社設立---*/

span.cat_setsuritsu{
	color : #69f;
}

/*--------------------------------------------
CONTENT FLEX
---------------------------------------------*/

.contentFlex{
	overflow : hidden;
}

.contentFlex .wrap{
	position : relative;
	padding-left : 50px;
	padding-right : 50px;
}

.contentFlex .absolute{
	position : absolute;
	top : 0;
}

.contentFlex .static{
	width : 550px;
}

.contentFlex .static h3{
	letter-spacing : .05em;
	font-size : 25px;
	padding-bottom : 22px;
	border-bottom : 2px solid #393;
}

.contentFlex .static p{
	font-size : 14px;
	line-height : 28px;
	margin-top : calc( 30px - 7px );
}

.contentFlex .static p + p{
	margin-top : 21px;
}

.contentFlex a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-size : 14px;
	letter-spacing : 0;
	width : 195px;
	height : 51px;
	border : 2px solid #393;
	margin-left : auto;
	margin-right : auto;
	margin-top : calc( 58px - 7px );
}

.contentFlex.reverse{
	overflow : hidden;
}

.contentFlex.reverse .wrap{
	position : relative;
}

.contentFlex.reverse .absolute{
	position : absolute;
	top : 0;
}

.contentFlex.reverse .static{
	width : 550px;
}

.contentFlex.reverse .static h3{
	letter-spacing : .05em;
	font-size : 25px;
	padding-bottom : 22px;
	border-bottom : 2px solid #393;
}

.contentFlex.reverse .static p{
	font-size : 14px;
	line-height : 28px;
	margin-top : calc( 30px - 7px );
}

.contentFlex.reverse .static p + p{
	margin-top : 21px;
}

/*--------------------------------------------
SIDEBAR
---------------------------------------------*/

#sidebar{
	width : 250px;
}

#sidebar h4{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #64c424;
	font-size : 16px;
	height : 50px;
}

#sidebar ul{
	margin-top : 17px;
}

#sidebar ul:not(:last-of-type){
	padding-bottom : 20px;
}

#sidebar ul li:not(:last-child) a{
	border-bottom : 1px solid #ccc;
}

#sidebar ul span{
	display : none;
}

#sidebar ul a{
	padding-left : 10px;
	padding-right : 10px;
	font-size : 14px;
	padding-bottom : 12.5px;
	padding-top : 12.5px;
	display : block;
}

#sidebar-staff{
	width : 250px;
}

#sidebar-staff h4{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #64c424;
	font-size : 16px;
	height : 50px;
}

#sidebar-staff ul:not(.tags){
	margin-top : 3px;
}

#sidebar-staff ul:not(.tags):not(:last-of-type){
	padding-bottom : calc( 51px - 7.5px );
}

#sidebar-staff ul:not(.tags) li:not(:last-child) a{
	border-bottom : 1px solid #ccc;
}

#sidebar-staff ul:not(.tags) a{
	padding-left : 9px;
	padding-right : 9px;
	font-size : 14px;
	padding-bottom : 7.5px;
	padding-top : 7.5px;
	display : block;
	line-height : 1.75;
	word-break : break-all;
}

#sidebar-staff .tags{
	padding-top : 2px;
	padding-bottom : 48px;
}


.menu-tab {
	padding-top: 2em;
	border-bottom: 1px solid #ccc;
}
	.menu-tab ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: baseline;
	}
		.menu-tab ul li {
			width: 50%;
		}
			.menu-tab ul li a {
				padding: 1em;
				margin: 0 .5em;
				border-top: 1px solid #ccc;
				border-right: 1px solid #ccc;
				border-left: 1px solid #ccc;
				display: block;
				margin-bottom: -1px;
				text-align: center;
				border-top-left-radius: 6px;
				border-top-right-radius: 6px;
				background-color: #EBF8CD;
			}
			.menu-tab ul li a.active {
				background-color: #FFF;
				padding-top: 1.5em;
				font-size: 18px;
				color: rgb(87, 160, 38);
				font-weight: 600;
			}