@charset "utf-8";
/* CSS Document */

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}



body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote { margin: 0; padding: 0; border: 0;}

body {
	background: #EEFAFB;
	font-size: 14px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #666;
	line-height: 1.8em;
}

a {	color:#666;border:0;-webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:color 200ms ease-in;transition:color 200ms ease-in; text-decoration: none; }
a:hover { color: #75D0CA; }

#container {margin: 0;}

/* ============================== css hack */
/* floating box clear */
/* clearfix */
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clir { clear: both;}
/* End hide from IE-mac */

/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.FR {	float: right; }
.FL {	float: left; }
.TXT_C { text-align: center; }
.TXT-RED { color: #C00;}	
.TXT-S { font-size: 0.8em; }
.TXT-SS { font-size: 0.6em; }
.TXT-L { font-size: 1.4em; }
.TXT-LL { font-size: 2em; }
.TXT-R { text-align: right; }
.TXT-C { text-align: center; }	
.TXT-WT { color:#FFF;}




/*----------------------------------------------------------
 margin
----------------------------------------------------------*/
/* Top */
.MG-T-80 { margin-top: -80px !important; }
.MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
.MG-T50 { margin-top: 50px !important; }
.MG-T80 { margin-top: 80px !important; }
.MG-T100 { margin-top: 100px !important; }
.MG-T200 { margin-top: 200px !important; }
.MG-T300 { margin-top: 300px !important; }
/* Bottom */
.MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom:10px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }
.MG-B60 { margin-bottom: 60px !important; }
.MG-B100 { margin-bottom: 100px !important; }
.MG-B170 { margin-bottom: 170px !important; }
.MG-B200 { margin-bottom: 200px !important; }
/* Right */
.MG-R25 { margin-right: 25px !important; }
.MG-R30 { margin-right: 30px !important; }
.MG-R60 { margin-right: 60px !important; }
/* Left */
.MG-L5 { margin-left: 5px !important; }
.MG-L10 { margin-left: 10px !important; }


/*----------------------------------------------------------
 padding
----------------------------------------------------------*/
/* Left */
.PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important;
}
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; }
.PD-L50 { padding-left: 30px !important; }
.PD-L80 { padding-left: 80px !important; }
.PD-L100 { padding-left: 100px !important; }
.PD-L170 { padding-left: 170px !important; }
/* Right */
.PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; }
.PD-R50 { padding-right: 50px !important; }
/* Top */
.PD-T20 { padding-top: 20px !important; }

/*----------------------------------------------------------
共通
----------------------------------------------------------*/

.BG_white { background-color: #fff; padding: 30px; overflow: hidden; }
.TXT_GG { color:#999966;}
.IMG_VM { vertical-align: bottom;}
.IMG_OP a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

#logo {float: left;}
#logo img { width: 60%;} 
header {
	width: 100%;
	background: #FFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	z-index: 100;
	top: 0;
}
#header-content {
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
}
#header-content h1 { padding-left: 70px; margin-top: -40px; }
#header-content nav ul {
	width: 80%;
	margin: 10px 0;
	padding: 0;
}
#header-content nav { display: none;}
#header-content .info { float: right; color: #999966; font-size: 1.6em; width:auto; padding: 7px;}
#header-content .info span, .info img { vertical-align: middle;}
#header-content .info span { margin:0 10px;}	

h1 {color: #999; font-weight: normal; font-size: 1.2em; float:left; margin-top: 10px;}
h2 {
	font-weight: normal;
	color: #666666;
	font-size: 1.6em;
	margin-bottom: 20px;
}
h3, h3 a {
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	margin: 10px 0;
}
h3 a:hover { color: #75D0CA; }




/*----------------------------------------------------------
TOP
----------------------------------------------------------*/

#topVisualBox { width:100%; background-color: #fff; height: auto; overflow: hidden; border-bottom: #75D0CA 5px solid;}
#topVisual { width:100%; height:auto; margin: 0 auto; text-align: center;}

#content {
	background: #EEFAFB;
	width: 100%;
	z-index: 5;
}

.sec1 {
	overflow: hidden;
	text-align: center;
	padding: 50px 20px;
}
.wrap {
	padding: 0 0 20px 0;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.sec3 { text-align: center; margin-top: 20px; margin-bottom: 60px;}
.sec3 p { width:80%; margin: 0 auto; }
.sec3BG_1 {
	background: url(../img/cosme_img1.jpg)  no-repeat center;
	background-size: contain;
	width: 100%;
	background-size: cover;
	height: 600px;
	margin-bottom: 40px;
}
.sec3Bg_1_bgc { background-color: rgba(117,208,202,0.8); width: 200px; height: auto; margin-top:0 ; padding: 20px;}




.more { width:65px; height:23px; float: right; background-color: #FFF; text-align: center; border: 1px solid #999966;}
.more img { margin: 2px 0 0 5px;} 

.box_cv {margin: 0 auto; overflow: hidden; margin-bottom: 20px;}


.sec4 {
	width: 96%;
	margin: 20px auto;
	overflow: hidden;
}
video { width:100%; text-align: center;}


.box_s { width: 260px; height:340px; padding:15px; float: left;}
.box_s p { font-size: 0.8em;}
.textOverflowLine {
    overflow: hidden;
	width: 260px;
}

.add { padding: 30px; overflow: hidden; background: #FFF; margin: 0 auto;}
dl.addList {
	margin: 10px 20px 0 0;
	overflow: hidden;
	line-height: 2em;
	zoom: 1;
	float: left;
	width: 300px;
}
dl.addList dt {
	width: 80px;
	margin-bottom: 6px;
	float: left;
	clear: both;
	text-align: center;
}
dl.addList dd {
	margin-bottom: 6px;
	padding: 0 0 0 80px;
	border-bottom: 1px dotted #CCCCCC;
}



.map { width:100%; margin-bottom:20px;}

p.addList { float: left; margin: 10px 0 0 12px; }

















/*---------------------------------------------------------- 
footer
----------------------------------------------------------- */
#footer {
	margin: 30px auto 0 auto;
	padding: 10px 0 10px 0;
	line-height: 1;
}
#footer_inner { width: 100%; margin: 0 auto;}
#footer ul {
	zoom: 1;
	line-height: 1.4em;
	font-size: 12px;
	list-style:none;
}
#footer li { vertical-align: text-top; background:url(../img/arrow.png)  no-repeat; text-indent:0.6em; padding-left:1em; float: left; padding-right: 15px; }
#footer a { 
	color: #333300;
	padding: 0 5px;
	-webkit-transition: 0.8s; 
	-moz-transition: 0.8s; 
	-o-transition: 0.8s; 
	-ms-transition: 0.8s; 
	transition: 0.8s; 
 }
#footer a:hover {
	color: #999966;
	text-decoration: underline;
}

#footer2 {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: center;
	line-height: 1;
	background: #75D0CA;
	color: #FFF;
}
#footer_inner2 {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	width: 100%;
}
#footer2 ul {
	display: inline-block;
	/display: inline;
	zoom: 1;
	line-height: 1.4em;
	font-size: 12px;
}
#footer2 li { display: inline; vertical-align: middle;}
#footer2 a { 
	color: #fff;
	padding: 0 5px;
	-webkit-transition: 0.8s; 
	-moz-transition: 0.8s; 
	-o-transition: 0.8s; 
	-ms-transition: 0.8s; 
	transition: 0.8s; 
 }
#footer2 a:hover {
	color: #999966;
	text-decoration: underline;
}

#footer2 .copyright {
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	overflow: hidden;
	width: 100%;
}


#pageTop{
	background-color: rgba(117,208,202,0.7);
	border-radius:50px;
	color:#FFF;
	width: 4em;
	line-height:4em;
	text-decoration: none;
	font-size: 1em;
	position: fixed;
	bottom:40px;
	left: 80%;
	text-align: center;
	z-index:10;
}
		
#pageTop:hover {
	background:#75D0CA;
}