/* 基本 */

html,body{
			width: 100%;
			font-size: 62.5%;
			word-wrap:break-word;
			
}

body{
			font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
			margin: 0;
			padding: 0;
			-webkit-text-size-adjust: 100%;
			}

a{
			text-decoration: none;
			color: #000;
}

img{			
			vertical-align: bottom;
}

a img{
			border: none
}

a:focus{
			outline: none;
}

/* header */

header{
		border-bottom: solid 1px #dedede;
}

ul.menu{
		display: flex;
		list-style-type: none;
		font-size: 1.4rem;
		margin: 60px 0 0 0;
		padding: 0 120px;
}

.menu li:first-child{
		margin-right: auto;
		padding-bottom: 20px;
}

.menu li.menu{
		text-align: center;
		border-bottom: solid 5.5px #dcdcdc;
		width: 145px;
		margin: 30px 12px 0 0;
}

.menu li.menu:hover{
		border-bottom: solid 5.5px #007b44;
}


/* パンくず */
ul.bread{
		list-style-type: none;
		margin: 0;
		padding: 10px 0;
		display: flex;
		border-bottom: solid 1px #dedede;
		
}

ul.bread li:first-child{
		margin-left: 120px;
}

li.bread img{
		width: 15px;
		height: 15.5px;
}


li.breadtext{
		font-size: 1.2rem;
		color: #969696;
		margin-left: 24px;
		line-height: 1.5;
}

li.breadtext::before{
		content: '>';
		position: relative;
		top: -1px;
		right: 12px;
}

/* bl-body */
ul.culmun{
		display: flex;
		justify-content: center;
		margin: 50px auto 0 auto;
		max-width: 1100px;
}

li.culmun:first-child{
		margin-right: 74px;
}


/* mein */
ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}


h1{
		font-size: 3rem;
		color: #007b44;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 0;
}

p.disc{
		font-size: 1.8rem;
		line-height: 1.8;
		margin: 0;
		padding: 0;
}

ul.bl-img{
		display: flex;
		margin-top: 60px;
}

li.bl-img{
		margin-right: 10px;
}

li.bl-img img{
		width: 100%;
}

li.bl-imgsub img{
		width: 100%;
}

li.bl-imgsub img:last-child{
		margin-top: 10px;
}

div.product{
		border: solid 2.5px #eef0f1;
		padding: 20px 0 20px 30px;
		margin: 30px 0 0 0;

}

p.product-info{
		font-size: 2.1rem;
		color: #007b44;
		margin: 0;
		padding: 0;
}

ul.product{
		display: flex;
}

li.product li{
		font-size: 1.6rem;
		padding:  0 0 0 15px;
		position: relative;
		line-height: 1.7;
}

li.product li:last-child{
		padding-right: 200px;
}

li.product li::before{
		display: inline-block;
		content: "";
		background-color: #007b44;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: 8px;
		left: 0;
}

/* sidemenu */
ul.sidemenu{
		width: 240px;
		font-size: 1.4rem;
		text-align: center;
}

li.menutop{
		background-color: #317B47;
		padding: 15px;
		color: #fff;
		text-align: center;
		font-size: 2rem;
}

li.sidemenu{
		border: solid 1px #dcdcdc;
		padding: 15px 45px 15px 15px;
		background-image: url(../img/businessline/nenchaku/side_icon.svg);
		background-repeat: no-repeat;
		background-size: 21px 21px;
		background-position: center right 20px;
		line-height: 1.2;
}

li.sidemenu:nth-child(9){
		background-color: #acd246;
}

li.sidemenu:hover{
		background-color: #acd246;
		
}

/* aa */
p.info{
		color: #fff;
		font-size: 1.9rem;
		background-color: #007b44;
		text-align: center;
		margin: 60px auto 40px auto;
		padding: 6px 0;
		max-width: 1100px;
}
			

/* to Top */
.totop{
			background-color: #b4b4b4;
			border-bottom: solid 2px #dcdcdc;
			padding: 0;
			margin: 0;
}



.totop p{
			text-align: center;
			color: #fff;
			font-size: 1.5rem;
			font-weight: bold;
			margin: 0;
			padding: 11px 0;
}

#totop{
			text-align: center;
			margin: 0;
			padding: 0;
}

#totop img{
			width: 27px;
			height: 27px;
			position: relative;
			top: 13.5px;
}



/* footer */
ul.footer,
ul.footer ul{
			margin: 0;
			padding: 0;
			font-size: 1.3rem;
}

ul.footer{
			display: flex;
			justify-content: center;
			margin: 50px 35px 0 120px;	
}



ul.footer li{
			list-style-type: none;
}

li.footer-info:first-child{
			margin-right: 190px;
}


li.footer-logo img{
			width: 181px;
			height: 52px;
}

li.address{
			line-height: 1.7;
			margin-top: 25px;
}

li.footer-menu{
			line-height: 2.3;
}

.footer-text{
			font-size: 1.6rem;
			font-weight: bold;
			color: #007b44;
}

.footer-text a{
			color: #007b44;
}

.footer-text a:hover{
			 opacity: 0.6;
			 -moz-opacity: 0.6;
}

.cate a:hover{
			opacity: 0.6;
			 -moz-opacity: 0.6;
}

			

/* footer-base */
ul.footer-base{
			background-color: #007b44;
			list-style-type: none;
			display: flex;
			 justify-content: space-between;
			padding: 15px 120px;
			margin-top: 40px;
}

ul.footer-base li.text{
			margin-top: 8px;
			padding: 0;
			color: #fff;
			font-size: 1rem;
}

ul.footer-base img{
			width: 147px;
			height: 23px;
}

/* media ceri */
@media only screen and (max-width: 1199px)
{
	
html,body{
		width: 1200px;
			
}
}

@media only screen and (max-width: 1400px)
{
ul.culmun{
		margin: 50px 120px 0 120px;
}
p.info{
		margin: 60px 120px 40px 120px;
}
}