@charset "utf-8";
/*=============================================================
 home Layout
=============================================================*/
/* common
-------------------------------------------------------------*/
#pageBody{margin-top:0;}
.boxContents {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
}
img {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
}
.ly-contents-area {
    padding-top: 0px!important;
}
/* Float Element */
.clearfix::after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}
/* home-ttl
-------------------------------------------------------------*/
.home-ttl{
	font-size:200%;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:center;
	margin-bottom:25px;
}
.home-ttl a{
	text-decoration: none;
	color: #333;
}
.home-ttl .sub{
	font-family:"Myriad Pro", "Lucida Grande", Calibri, sans-serif;
	font-size:43.75%;
	letter-spacing:0.125em;
	display:block;
	padding-bottom:4px;
}
/* home-slider
-------------------------------------------------------------*/
#home-slider img{width:100%;}


/* home-news
-------------------------------------------------------------*/
#home-news{margin-top:70px;}
#home-news .list-news{
	font-size:87.5%;
	line-height:1.6;
	border-top:1px solid #ccc;
}
#home-news .list-news dt{
	white-space:nowrap;
	width:8.3em;
	padding:22px 6.1em 0 0;
	position:relative;
}
#home-news .list-news .newsIcon{
	color:#fff;
	font-size:85%;
	line-height:1.44;
	font-weight:normal;
	font-style:normal;
	white-space:nowrap;
	background-color:#999;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	width:6.4em;
	position:absolute;
	top:24px;
	right:0;
}
#home-news .list-news .newsIcon.icon01{background-color:#06f;}/* 企業情報 */
#home-news .list-news .newsIcon.icon02{background-color:#f90;}/* サービス */
#home-news .list-news .newsIcon.icon03{background-color:#6c0;}/* 社会・環境 */
#home-news .list-news .newsIcon.icon04{background-color:#f69;}/* 商品 */
#home-news .list-news .newsIcon.icon05{background-color:#309;}/* IR情報 */
#home-news .list-news .newsIcon.icon06{background-color:#f33;}/* お知らせ */
#home-news .list-news .newsIcon.icon07{background-color:#096;}/* キャンペーン */
#home-news .list-news .newsIcon.icon08{background-color:#999;}/* 開店 */
#home-news .list-news dd{
	margin-top:-1.6em;
	padding:0 0 20px 15.4em;
	border-bottom:1px solid #ccc;
}
#home-news .list-news.noIcon dt{padding-right:0;}
#home-news .list-news.noIcon dd{padding-left:9.3em;}
#home-news .list-news.compact dt{padding-top:16px;}
#home-news .list-news.compact .newsIcon{top:18px;}
#home-news .list-news.compact dd{padding-bottom:14px;}

/* link */
#home-news .link-arw{margin-top:15px;}
#home-news .link-arw a{padding-left:21px;}
#home-news .link-arw a::before{
	border-color:#fff;
	top:.8em;
	left:7px;
	z-index:1;
}
#home-news .link-arw a::after{
	content:"";
	background-color:#ed8b00;
	width:18px;
	height:18px;
	margin-top:-9px;
	border-radius:100%;
	position:absolute;
	top:.7em;
	left:0;
}
/* home-ir
-------------------------------------------------------------*/
#home-ir{
	background:url(/content/dam/family/english/home/img/home_bg_ir_pc.jpg) no-repeat center center/cover;
	margin-top:50px;
	padding:60px 0 35px;
}
#home-ir ul{margin:0 -13px;}
#home-ir li{
	font-size:112.5%;
	line-height:1.2;
	box-sizing:border-box;
	text-align:center;
	float:left;
	width:25%;
	padding:0 13px;
}
#home-ir li a{
	color:#333;
	text-decoration:none;
	background-color:rgba(255,255,255,.9);
	box-sizing:border-box;
	display:block;
	height:180px;
	padding:30px 10px 10px;
}
#home-ir li a img{
	display:block;
	margin:15px auto 0;
}

/* home-menu02
-------------------------------------------------------------*/
#home-menu02{margin-top:100px;}
/* front-menu */
.front-menu{line-height:1.4;}
.front-menu>li{
	float:left;
	width:32%;/*width:380px*/
	margin-left:1.33%;/*25px;*/
}
.front-menu>li:nth-child(3n+1){
	clear:both;
	margin-left:0;
}
.front-menu>li:nth-child(n+4){margin-top:45px;}
.front-menu.clm2>li{
	clear:none;
	margin-left:25px;
}
.front-menu.clm2>li:nth-child(odd){
	clear:both;
	margin-left:0;
}
.front-menu.clm2>li:nth-child(n+3){margin-top:45px;}
.front-menu>li>a{
	color:#0296e6;
	text-decoration:none;
	display:block;
	padding: 13px 0;
	border-bottom:3px solid #dcdcdc;
}
.front-menu>li>a>span{
	font-size:112.5%;
	font-weight:bold;
	display:block;
	margin-top:10px;
}
.front-menu ul{padding:12px 0 0 11px;}

/* home-menu03
-------------------------------------------------------------*/
#home-menu03{margin-top:90px;}
#home-menu03 li{
	float:left;
	width:280px;
	margin-left:0px;
}

#home-menu03 li a{
	display:block;
	position:relative;
}
#home-menu03 li a .imgIcon{
	margin:0;
	position:absolute;
	top:6px;
	left:5px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:750px), only screen and (max-device-width:750px){
	
/* boxContents */
.boxContents{
	padding-right:15px;
	padding-left:15px;
}

/* home-news
-------------------------------------------------------------*/
#home-news{margin-top:50px;}

/* list-news
-------------------------------------------------------------*/
#home-news .list-news dt{
	white-space:normal;
	width:auto;
	padding:16px 0 0 0;
}
#home-news .list-news .newsIcon{
	position:static;
	vertical-align:0;
	margin-left:20px;
}
#home-news .list-news dd{
	margin-top:4px;
	padding:0 0 14px;
}
#home-news .list-news.noIcon dd{padding-left:0;}

/* home-ir
-------------------------------------------------------------*/
#home-ir{
	background-image:url(/content/dam/family/english/home/img/home_bg_ir_sp.jpg);
}
#home-ir ul{margin:0 -7px;}
#home-ir li{
	font-size:14px;
	width:50%;
	padding:0 7px;
}
#home-ir li:nth-child(n+3){margin-top:14px;}
#home-ir li a{
	height:136px;
	padding-top:25px;
}
#home-ir li a img{
	width:58px;
	margin-top:12px;
}
/* front-menu */
.front-menu{
	max-width:345px;
	margin:0 auto;
}
.front-menu>li,
.front-menu.clm2>li{
	float:none;
	width:auto;
	margin-left:0;
}
.front-menu>li:nth-child(n+2),
.front-menu.clm2>li:nth-child(n+2){margin-top:30px;}
.front-menu>li>a>span{font-size:18px;}
.front-menu>li>a{border:none;}
/* home-menu03
-------------------------------------------------------------*/
#home-menu03{margin-top:70px;}
#home-menu03 li{
	box-sizing:border-box;
	width:100%;
	margin-left:0;
	padding-left:6px;
}
#home-menu03 li:nth-child(odd){
	clear:both;
	padding-right:6px;
	padding-left:0;
}
#home-menu03 li:nth-child(n+3){margin-top:12px;}
#home-menu03 li a img:not(.imgIcon){width:100%;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){


}