@charset "utf-8";
@import url("../com/css/goods.css");

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

	タイトル部分

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


#title{
	background-color: #023894;
}

/*---------バナー------------------*/

#title-bottom{
	background-color: #DBE8FE;
	box-shadow:0px 0px 7px 1px #011F50 inset;
	border-radius:0px 0px 6px 6px ;
}

#title-bottom img{
	filter: drop-shadow(2px 3px 3px #ccc);
}

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

	ページメニュー

--------------------------------＊*/

#pagemenu{
	border-bottom:3px solid #024AC1;
	margin-bottom:30px;
}


#pagemenu li{
	border-top:1px solid #4F91FD;
	border-left:1px solid #4F91FD;
	border-right:1px solid #4F91FD;
	color:#2C926C;
}

#pagemenu li a{
	color:#02368E;
}

#pagemenu li a::before{
	content:url(img/link-ico02.png);
	margin-right:5px;
}

#pagemenu li.now{
	background: rgb(2,74,193);
	background: -webkit-linear-gradient(bottom, rgba(2,56,147,1.00) 0%,rgba(2,83,217,1.00) 100%);
	background: -o-linear-gradient(bottom,  rgba(2,56,147,1.00) 0%,rgba(2,83,217,1.00) 100%);
	background: linear-gradient(to top,  rgba(2,56,147,1.00) 0%,rgba(2,83,217,1.00) 100%);
	color:#fff;
	pointer-events: none;
}

#pagemenu li.now::before{
	content: url(img/link-ico01.png);
	margin-right:5px;
}
/*--------------------------------

	コンテンツ

--------------------------------＊*/

#content .item-title,
#hokenryou .item-title{
	background-color: #1D4EA9;
}

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

	特長

--------------------------------＊*/

#point .item{
	width:100%;
	margin-bottom:20px;
	border-bottom:1px dashed #2D7CB7;
	padding-bottom:20px;
}

#point .item-top{
	display: flex;
	position: relative;
	background-color: #2D7CB7;
	padding:5px 10px;
	border-radius: 20px;
}

#point .ico{
	position: absolute;
	bottom:-50px;
	left:10px;
}
#point .no{
	width:70px;
	height: 70px;
	display: flex;
	background-color: #fff;
	border-radius:35px/35px;
	justify-content: center;
	align-items: center;
	box-shadow:0px 0px 6px 0px #ccc inset;
	padding:0 10px;
	line-height: 0;
}
	
#point .item-top .pointno{
	width:36px;
}


#point h4{
	flex:1;
	color:#fff;
	font-size:20pt;
	line-height: 1.2em;
	text-align: left;
	margin-left:5px;
	/*padding-bottom:10px;*/
	/*paddinf-bottom:18px;*/
	
}

#point .item-top .text{
	flex:1;
	display: flex;
	/*justify-content: center;*/
	/*justify-content: center;*/
	align-items: center;
	margin-left:15px;
	color:#fff;
	font-size:15pt;
	font-weight: bold;
	flex-wrap: wrap;
}

#point .item-top .text .s-font{
	font-size:10pt;
}


#point .item-bottom{
	margin-top:15px;
	margin-left: 50px
}


@media screen and (min-width: 0) and (max-width: 750px){
	#point dd{
		padding-bottom:15px;
		margin-bottom:15px;
	}
	
	#point dt{
		display: flex;
		position: relative;
		padding:5px 5px;
		border-radius: 10px;
	}
	#point .item-top .ico{
		display: none;
	}
	
	#point .no{
		width:40px;
		height: 40px;
		border-radius: 20px/20px;
	}
	
	/*#point .no img{
		width:80%;
	}*/
	#point .item-top .text{
	margin-left:10px;
		font-size:18px;
		line-height: 1.4;
		display: block;
	}
	#point .item-top{
	border-radius: 10px;
	}
	/*#point dd{
		margin-top:15px;
		margin-left: 0px;
		padding:0 10px 10px 10px;
	}*/
	#point h4{
	font-size:14pt;
	}
	
	#point .item-bottom{
		margin-left: 0;
		padding:0 10px;
	}

}


/*#point dt{
	width:100%;
	display: flex;
	align-items: center;
}

#point dt .ico{
	width:76px;
	margin-right:20px;
	line-height: 0;
}

#point dt h4{
	flex:1;
	color:#1D4EA9;
	font-size:20pt;
	line-height: 1.4em;
}

#point dt h4 .nomal-font{
	font-size:60%;
}

#point dd{
	margin:15px 0;
	line-height: 1.8;
	padding-left:96px;
	margin-bottom:40px;
	font-size:105%;
	margin-top:-10px;
}

#point dd.point1{
	margin-top:0;
}

#point dd.point4 {
	padding-left:0;
}*?