<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ==================================================================

smartwellness.css

===================================================================== */

/* pagettl */
h1.pagettl {
  background:#227E70 url(../img/event_ttl_bg.gif) no-repeat top left;
		background-size:auto 80px;
		-webkit-background-size:auto 80px;
		-moz-background-size:auto 80px;
    padding-left:125px;
}





/*--------- .smart-about --------- */

#contents .smart-about .wrapper{
	
}

#contents .smart-about h2{
	background:url(../smartwellness/img/s01.gif) no-repeat;
	background-position:0px 6px;
	background-size:4.5% 8%;
	padding-left:22px;
	padding-bottom:8px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:1.8rem;
	color:#006672;
	line-height:1.3;
	border-bottom:1px dotted #CCCCCC;
}


#contents .smart-about p{
	display:inline-block;
	font-size:1.5rem;
	line-height:1.5;
	margin-left:15px;
	margin-right:20px;
}

#contents .smart-about img{
	float:right;
	width:40%;
	margin-top:10px;
	margin-left:10px;
	
	
}


/*--------- .smart-box01 --------- */

#contents .smart-box01{
	margin-top:-12px;
	background:#F9FEE4;
	margin: 0 0 30px 0px;
}

#contents .smart-box01 .box01-img{
	width:25%;
	margin-top:10px;
}
#contents .smart-box01 ul {
	margin-top:5px;
}


#contents .smart-box01 ul li {
	margin-left: 15px;
	padding-left: 14px;
	background: url(../smartwellness/img/dot01.png) no-repeat;
	background-size:12px 12px;
	background-position: 0px 4px;
	line-height: 1.5;
}

#contents .smart-box01 p {
	clear: both;
	display: inline-block;
	text-indent: -13px;
	
	line-height: 1.5;
	padding: 18px 20px 0 25px;
	margin-bottom:20px;
}


/*--------- secttl --------- */

.secttl{
	background-color:#52A844;
	color: #FFF;
	padding: 10px 0 10px 0;
	font-size: 1.6rem;
	margin: 0 0 14px 0;
	text-align: center;
	font-weight: normal;
}

/*--------- example --------- */

.example .wrapper{
	padding: 0 10px 0 10px;
	margin: 0 0 30px 0px;
}

	.example .wrapper img{
		width: 100%;
	}
	
	.example .wrapper h4{
		margin: 0 0 6px 0;
	}
	
	.example .wrapper ul li{
		display: inline-block;
		margin: 0 1% 2% 1%;
		width: 48%;
	}
	
	.example .wrapper ul li:nth-child(2){
		margin: 0 0 0 0;
	}
	
	.example .wrapper ul li:nth-child(3),
	.example .wrapper ul li:nth-child(4){
		width: 98%;
		margin: 0 1% 2% 1%;
		text-align: center;
	}
	
	.example .wrapper .plusIcon{
		margin: 0 auto ;
		width: 10%;
	}
/*--------- flow --------- */

.flow .wrapper{
	padding: 16px 10px 16px 10px;
	background-color:#FFFBDF;
	margin: 0 0 12px 0;
}

.flow .secttl{
	margin: 0 0 0px 0;
}

.flow li{
	width: 100%;
}

	.flow li img{
		width: 100%;
	}

.flow .remarks01{
	width: 96%;
	margin: 0 0 30px 0;
}
.flow .remarks01 li{
	margin:0px 0px 5px 0px;
	text-indent: -1em;
	padding: 0 0px 0 1em;
}

/*--------- health --------- */

.health .read-text{
	color: #006672;
	padding: 0 10px 12px 10px;
	font-size: 1.4rem;
	border-bottom:1px dotted #777777;
	line-height: 1.3;
}

.health .wrapper{
	padding: 0 10px 0 10px;
}
	
	.health .wrapper p{
		padding: 12px 0 12px 1em;
		text-indent: -1em;
	}
	
	.health .wrapper .list01{
		background-color:#FFF9E6;
		padding:18px 9px 18px 9px;
		color: #CA6500;
		font-size: 1.3rem;
		margin: 0 0 9px 0;
	}
	
		.health .wrapper .list01 li{
			margin: 0 0 5px 0;
			position: relative;
			
		}

		.health .wrapper .list01 li .icon{
			display: inline-block;
			width: 12px;
			height: 12px;
			background:#FF9326;
			-moz-border-radius: 50px;
			-webkit-border-radius: 50px;
			-o-border-radius: 50px;
			-ms-border-radius: 50px; 
			border-radius: 50px;
			margin-right: 5px;
			vertical-align: middle;
		}
	
	.health .wrapper .other-list{
		margin: 0 0 10px 0;
	}
	
	.health .wrapper .other-list dt{
		width: 20%;
		display: inline-block;
		vertical-align: top;
		color: #72B867;
	}
	
	.health .wrapper .other-list dd{
		width: 78%;
		display: inline-block;
	}
	
		.health .wrapper .other-list dd li:before{
			content:"◆";
		}
	
	.health .wrapper figure img{
		width: 100%;
	}
  
.health .wrapper figure{
  margin-bottom:15px;
	}






</pre></body></html>