@charset "utf-8";
/* CSS Document */
#fls {
    z-index: 0;
    margin: 0px auto 0px;
    padding: 0px 10px 0px;
    width: 900px;
    height: auto;
}
.keikoku {
	text-align: center; 
	margin: 1em 0 -20px; 
	padding: 0; color:#333; 
	text-decoration: underline; 
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;}
/* info */
.top-item{
	color: #333;
	width: 158px;
	margin: 44px 11px 0;
	float: left;
	font-size: 12px;
	line-height: 160%;
}
.top-item img {
	margin:0 auto 15px;
}
.top-item-title{
	margin-bottom: 8px;
}
#banner-area {
	margin-top: 30px;
	margin-bottom: 30px;
}
.topbanner {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
/* background-image Jun.4technocco */
#submenu {
          width: 900px;
          height: 250px;
          margin-top: 40px;
          position: relative;
background:url("../img-top/topcare_01225250.jpg") no-repeat 0 0,url("../img-top/topcare_02225250.jpg") no-repeat 225px 0,url("../img-top/topcare_03225250.jpg") no-repeat 450px 0,url("../img-top/topcare_04225250.jpg") no-repeat 675px 0;
}
#submenu img {
border: none;
vertical-align: bottom;
}
.care1 {
margin: 0;
padding: 0;
width: 210px;
height: auto;
position: absolute;
top: 32px;
left:12px;
z-index: 100;
}
.care2 {
margin: 0;
padding: 0;
width: 210px;
height: auto;
position: absolute;
top: 32px;
left:237px;
z-index: 100;
}
.care3 {
margin: 0;
padding: 0;
width: 210px;
height: auto;
position: absolute;
top: 32px;
left:462px;
z-index: 100;
}
.care4 {
margin: 0;
padding: 0;
width: 210px;
height: auto;
position: absolute;
top: 32px;
left:687px;
z-index: 100;
}
.caretitle{
margin: 20px 0 8px 0;
padding: 0;
color: #191970;
}
/* products menu Jun.4technocco */
.care1 ul li,.care2 ul li,.care3 ul li,.care4 ul li {
list-style: none;
margin: 0;
padding: 4px 0;
line-height: 0.8em;
font-size: 88%;
 color: #191970;
}

ul li a:link {text-decoration: none; color: #0000cd;}
ul li a:visited {text-decoration: none; color: #0000cd;}
ul li a:hover {text-decoration: none; color: #00008b;}
ul li a:hover {text-decoration: none; color: #00008b;}

.forSP {
  display: none!important;
}

.forPC {
  display: block!important;
}



@media (max-width: 768px) {
.forSP {
  display: block!important;
}

.forPC {
  display: none!important;
}

  
div#fls {
	    width: auto;
	    padding: 0;
	}

ul {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    list-style: none;
}

.product-list {
    margin: 30px 0;
}

.product-list .line-ttl {
    color: #000B8C;
    font-size: 18px;
    font-weight: 600;
    border-bottom: solid 2px #000B8C;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.product-list .product-item {
    margin-bottom: 15px;
}

.product-list .product-item p.ttl {
    background: #9EDBF0;
    padding: 5px 10px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
}

.product-list .product-item:nth-of-type(2) p.ttl {
    background: #99E8DC;
}

.product-list .product-item:nth-of-type(3) p.ttl {
    background: #DDB8F5;
}

.product-list .product-item:nth-of-type(4) p.ttl {
    background: #F7C3AD;
}

.product-list ul.flex {
    flex-wrap: wrap;
    font-size: 14px;
}

.product-list ul.flex li {
    width: 49%;
    text-align: center;
    /* line-height: 2.3; */
    margin-bottom: 2%;
}

.product-list ul.flex li {
    background: #F0F0F0;
    color: #000B8C;
    border-radius: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.product-list ul.flex li:hover {
    background: #000B8C;
    color: #fff;
    transition: 0.3s;
}

.product-list ul.flex li a {
    display: block;
    text-decoration: none;
    padding: 9px;
    /* box-sizing: border-box; */
    line-height: 1.2;
    color: inherit;
}

.product-list ul.flex li:nth-of-type(even) {
    margin-left: 2%;
}

#top-item-area .top-item {
    width: 48%;
    box-sizing: border-box;
    margin: 0 0 15px;
    padding: 20px;
    border: solid 1px #D9D9D9;
		float: none;
}

#top-item-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

#top-item-area .top-item:nth-of-type(even) {
    margin-left: 4%;
}

#top-item-area .top-item a {
    display: block;
    text-align: center;
}

#top-item-area .top-item img {
    margin-bottom: 0;
}

#top-item-area .top-item .top-item-title {
    text-align: center;
}

}