@charset "utf-8";
/* CSS Document */

.wrapper{
	max-width:1300px;
	margin:0 auto;
}
.wrapper img{
	width:100%;
	height:auto;
}

.content{
	padding-top: -webkit-calc(46px + 66px);
	padding-top: calc(46px + 66px);
}
@media screen and (max-width: 1300px) {
	.content{
		padding-top: -webkit-calc(46px + (66 / 1300 * 100%));
		padding-top: calc(46px + (66 / 1300 * 100%));
	}
}
@media screen and (max-width: 840px) {
	.content{
		padding-top: 50px;
	}
}

/*********************
header
*********************/
header.global{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#FFFFFF;
	z-index:100001;
}
header h1{
	width:273px;
	margin:5px 0 0 5px;
	line-height:0;
	/*width : -webkit-calc(273/1300*100%);
	width : calc(273/1300*100%);*/
	float:left;
}
header ul.sns{
	width:123px;
	width:43px;
	margin-bottom:5px;
	line-height:0;
	float:right;
}
header ul.sns li{
	width:41px;
	float:left;
}
header div{
}
header .contact{
	display: inline-block;
	float: right;
	padding:0 0 0 10px;
	margin:10px 10px 0;
	font-size:13px;
	line-height:21px;
	background-image: url(../images/common/sub_circle.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	background-size: 4px auto;
}
header .fontSize{
	display:inline-block;
	float:right;
	padding:0 0 0 10px;
	margin:10px 10px 0;
	background-image: url(../images/common/sub_circle.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	background-size: 4px auto;
	font-size:13px;
	line-height:21px;
}
header .fontSize p{
	padding:0 10px 0 0;
	float:left;
	font-size:13px;
	line-height:21px;
}
header .fontSize a{
	width:15px;
	display:inline-block;
	float:left;
}

@media screen and (max-width: 840px) {
	header .contact{
		margin:10px 5px 0;
	}
	header .fontSize{
		margin:10px 5px 0;
	}
	header .fontSize p{
		padding:0 5px 0 0;
	}
	/*header h1{
		width : -webkit-calc(273/800*100%);
		width : calc(273/800*100%);
	}
	header ul.sns{
		width : -webkit-calc(123/800*100%);
		width : calc(123/800*100%);
	}
	header ul.sns li{
		width:33.33333%;
	}*/
}
@media screen and (max-width: 644px) {
	header h1{
		width:250px;
		margin:10px 0 0 10px;
	}
	header .fontSize{
		display:none;
	}
	ul.sns{
		width:123px;
		width:43px;
		float:none;
		margin:0 auto;
	}
	ul.sns li{
		width:41px;
		float:left;
	}
	ul.sns li img{width:100%;}
}
@media screen and (max-width: 500px) {
	header h1{
		width : 220px;
		width:60%;
		margin:10px 0 0 10px;
	}
}


#sp_menu{display:none;}
.tabFlag{display:none;}


@media screen and (max-width: 840px) {
	#sp_menu{display:none;}
	.tabFlag{display:block;}
}
@media screen and (max-width: 644px) {
	#sp_menu{
		width: 50px;
		height:50px;
		float: right;
		display: block;
	}
	.tabFlag{display:none;}
}
/*********************
END header
*********************/


/*********************
navigation
*********************/
.position{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100000;
}
.navi{
	width:100%;
	padding-top: -webkit-calc(46px);
	padding-top: calc(46px);

}
.navi .wrapper{
	position:relative;	
	clear:both;
}
.navi ul{}

.navi ul li{
	width:25%;
	line-height:0;
	float:left;
	cursor:pointer;
}
.naviBtn.no0{
	display:none;
}
@media screen and (max-width: 644px) {
	.position{
		height:0%;
	}
	.navi{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		display:none;
		padding-bottom:65px;
		background-color:#FFFFFF;
	}
	.navi,
	.navi a{
		color:#FFFFFF !important;
	}
	.navi ul li{
		width:100%;
		float:none;
		cursor:default;
	}
	.naviBtn img{
		/*display:none;*/
	}
	.naviBtn{
		position:relative;
		display: block;
		line-height: 1.0em;
		padding: 1.5em 0;
		font-size:18px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: 10% center;
		background-size: auto 60%;
	}
	.naviBtn:before{ 
		display: block;
		width: 10px;
		height: 10px;
		border-top:2px solid #ffffff;
		border-right: 2px solid #ffffff;
		transform: rotate(135deg); content: ""; 
		-webkit-transform: rotate(135deg); content: ""; 
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -5px;
	}
	.naviBtn.opne:before{
		transform: rotate(-45deg); content: ""; 
		-webkit-transform: rotate(-45deg); content: ""; 
		margin-top: 0px;
	}
	.naviBtn.not:before{
		display:none;
	}
	.naviBtn:after {
        content:attr(data-label);
    }
    .naviBtn img {
        display:none;
    }
	.naviBtn.no0{
		display:block;
		background-color:#ef737a;
		background-image: url(../images/common/sp_navi_icon0.png);
	}
	.naviBtn.no1{
		background-color:#8dc21f;
		background-image: url(../images/common/sp_navi_icon1.png);
	}
	.naviBtn.no2{
		background-color:#f6b64d;
		background-image: url(../images/common/sp_navi_icon2.png);
	}
	.naviBtn.no3{
		background-color:#d9aeff;
		background-image: url(../images/common/sp_navi_icon3.png);
	}
	.naviBtn.no4{
		background-color:#37bac8;
		background-image: url(../images/common/sp_navi_icon4.png);
	}
	.naviBtn.no5{
		background-color:#c79f62;
		background-image: url(../images/common/sp_navi_icon5.png);
	}
	header .contact{
		display:block;
		float:none;
		padding:0;
		margin:0;
		background-image:none;
	}
	
}
.navi .navi1Box {
	position:absolute;
	top:66px;
	left:0;
	font-size:14px;
	line-height:16px;
	width:1300px;
	background-color:#8dc21f;
	z-index:10001;
	display:none;
}
@media screen and (max-width: 1300px) {
	.navi .navi1Box {
		width:100%;
		top :100%;
	}
}
.navi .navi1Box li{
	width:33.333333%;
	float:left;
}
.navi .navi1Box li:nth-child(3n+1){
	clear:both;
}
.navi .navi1Box li a{
	display: block;
	width: 100%;
	padding: 9% 0 9% 30%;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 10% center;
	background-size: auto 80%;
	background-color:#8dc21f;
}
.navi .navi1Box li a:hover{
	background-color:#1eaa39;
}
.navi .navi1Box li:nth-child(1) a{background-image: url(../images/common/info_icon1.png);}
.navi .navi1Box li:nth-child(2) a{background-image: url(../images/common/info_icon2.png);}
.navi .navi1Box li:nth-child(3) a{background-image: url(../images/common/info_icon3.png);}
.navi .navi1Box li:nth-child(4) a{background-image: url(../images/common/info_icon4.png);}
.navi .navi1Box li:nth-child(5) a{background-image: url(../images/common/info_icon5.png);}
.navi .navi1Box li:nth-child(6) a{background-image: url(../images/common/info_icon6.png);}
.navi .navi1Box li:nth-child(7) a{background-image: url(../images/common/info_icon7.png);}
.navi .navi1Box li a span{
	display:none;
}
@media screen and (max-width: 644px) {
	.navi .navi1Box {
		position:inherit;
		top:inherit;
		left:inherit;
		padding:0;
		z-index:inherit;
	}
	.navi .navi1Box li{
		width:100%;
		float:none;
	}
	.navi .navi1Box li a{
		padding: 7% 0 7% 1.0em;
		color: #333333 !important;
		font-size:16px;
		background-image:none !important;
		background-color: #dbdcdc;
		border-bottom: 2px solid #FFFFFF;
	}
	.navi .navi1Box  li a:hover{
		background-color:inherit;
		background-color:#dbdcdc;
	}
	.navi .navi1Box li a span{
		display:inline-block;
		display:none;
		font-size:12px;
		padding-right:1.0em;
	}
}



.navi .navi2Box {
	position:absolute;
	top:66px;
	left:0;
	font-size:14px;
	line-height:16px;
	width:1300px;
	background-color:#f39a35;
	padding:1% 0;
	z-index:10002;
	display:none;
}
@media screen and (max-width: 1300px) {
	.navi .navi2Box {
		width:100%;
		top : 100%;
	}
}
.navi .navi2Box  h4{
	color:#FFFFFF;
	font-size:18px;
	line-height:20px;
	padding:3% 0;
}
@media screen and (max-width: 1300px) {
	.navi .navi2Box  h4{
		font-size:1.0em;
	}
}
.navi .navi2Box  .line1,
.navi .navi2Box  .line2,
.navi .navi2Box  .line3{
	width:33.333333%;
	padding:0 1.5%;
	float:left;
}
.navi .navi2Box  li{
	width:100%;
	float:none;
}
.navi .navi2Box  li a{
	display: block;
	width: 100%;
	line-height: 1.0em;
	padding: 7% 7%;
	margin-bottom:8px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 10% center;
	background-size: auto 80%;
	border: 1px solid #FFFFFF;
	background-color:#f39a35;
}
.navi .navi2Box  li a:hover{
	color:#23863b;
	background-color:#fff100;
}
.navi .navi2Box  ul.box1 li{
	width:49%;
	float:left;
}
.navi .navi2Box  ul.box1 li:nth-child(even){
	float:right;
}
.navi .navi2Box  ul.box1 li:nth-child(odd){
	clear:both;
}
.navi .navi2Box  ul.box1 li a{
	padding: 14.1% 2.1%;
	text-align:center;
}
@media screen and (max-width: 644px) {
	.navi .navi2Box {
		position:inherit;
		top:inherit;
		left:inherit;
		padding:0 0 3%;
		background-color: #dbdcdc;
		z-index:inherit;
	}
	.navi .navi2Box  h4{
	padding: 7% 7%;
	font-size: 16px;
	color: #333333 !important;
	border-bottom: 2px solid #FFFFFF;
	background-color: #dbdcdc;
	background-image: url(../images/common/sp_arrow1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 21px auto;
	}
	.navi .navi2Box .line1,
	.navi .navi2Box .line2,
	.navi .navi2Box .line3{
		width:100%;
		padding:0;
		float:none;
	}
	.navi .navi2Box li a{
		padding: 3% 7%;
		font-size:16px;
		color:#333333 !important;
		border:none;
		margin-bottom:0;
		border-bottom: 1px solid #FFFFFF;
		background-color: #efefef;
	}
	.navi .navi2Box  li a:hover{
		color:inherit;
		background-color:inherit;
	}
	.navi .navi2Box  ul.box1 li{
		width:100%;
		float:none;
	}
	.navi .navi2Box  ul.box1 li:nth-child(even){
		float:none;
	}
	.navi .navi2Box  ul.box1 li a{
		padding: 3% 7%;
		text-align:left;
	}
}

/*
@media screen and (max-width: 644px) {
	.navi .navi1Box,
	.navi .navi2Box {
		display:none;
	}
}*/
/*********************
END navigation
*********************/



/*********************
END footer
*********************/
.pageTop{
	display:block;
	width:100%;
	padding:1% 0;
	text-align:center;
	cursor:pointer;
}
.pageTop img{
	width:47px;
	height:auto;
}
footer{
	background-color: #EEEEEE;
	text-align:center;
}
.links{
	padding:30px 0 0;
	line-height:22px;
}
.links p{
	font-size:11px;
	line-height:13px;
}
.links p{
	display: inline-block;
	padding: 0em 0.9em 0em 1.0em;
	border-right: 1px solid #595757;
}
footer address{
	padding:30px 0;
	font-style:normal;
}
footer address h4{
	font-size:18px;
	font-weight:600;
}
footer address p{
	font-size:14px;
}
footer address p span{
	padding:0 20px 0 0;
}
footer .cop{
	color:#FFFFFF;
	font-size:11px;
	background-color:#8dc21f;
}
@media screen and (max-width: 1000px) {
	.links br{
		display:none;
	}
}
@media screen and (max-width: 840px) {
	footer address p span{
		display:block;
		padding:0;
	}
}
@media screen and (max-width: 644px) {
	.links{
		display:none;
	}
}
/*********************
END footer
*********************/




















/***********************************/