@charset "utf-8";
.products .flex{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.products .flex p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-top : 20px;
}
.products .flex p a{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	color : #00769D;
	font-size : 16px;
	font-weight : bold;
	margin : 0 0 0 auto;
	padding-right : 1.2em;
}
.products .flex p a::after{
	content : "";
	position : absolute;
	display : block;
	width : 14px;
	height : 14px;
	background : url(../../images/common/arrow_b.png)center / cover no-repeat;
	top : 0;
	right : 0;
	bottom : 0;
	left : auto;
	margin : auto auto;

}
.products .flex .box{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-radius : 10px;
	border : 2px solid #00769D;
	background-color : #FFF;
	padding : 20px;
	margin-bottom : 50px;
}
.products .flex .item-info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 20px;
}
.products .flex .item-info h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-radius : 40px;
	background-color : #00769D;
	text-align : center;
	color : #FFF;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 15px;
	padding : 15px 0;
}
.products .flex .item-info p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
}
.products .flex .image-flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.products .flex .image-flex figure{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	margin-bottom : 20px;
}
.products .flex .image-flex figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.products .flex .item-list{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.products .flex .item-list .item-title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #00769D;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 15px;
	padding-left : 0.5em;
}
.products .flex .item-list .item-title::before{
	content : "";
	position : absolute;
	display : block;
	width : 4px;
	height : 100%;
	background-color : #00769D;
	top : 0;
	right : auto;
	bottom : 0;
	left : 0;
	margin : auto auto;
}
.products .flex .item-list p:last-of-type{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
}

/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){

}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.products .flex .box:last-child{
	margin-bottom : 100px;
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.products .flex .item-info h3{
	font-size : 18px;
	padding : 10px;
}
}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/