@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
img {
	border: none;
	vertical-align:bottom;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
address, em, code, cite, dfn, var, optgroup {
  font-style: normal;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a:focus {
	outline:none;
}
a.al:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}
input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],textarea {
   -webkit-appearance:none;
   border-radius:0;
}
.clearfix:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*  common  */
.clear {
	font-size: 1px;
	height: 1px;
	clear: both;
}
.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 60px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 60px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

.pcon { display:block; }
.spon { display:none; }
.tbon { display:none; }
@media only screen and (min-width:1px) and (max-width:960px){
.pcon { display:block; }
.spon { display:none; }
.tbon { display:block; }
}
@media only screen and (min-width:1px) and (max-width:640px){
.pcon { display:none; }
.spon { display:block; }
.tbon { display:none; }
}

/* html
-------------------------------------------------*/
html {
	overflow-y:scroll;
}

/*  body  */
body {
	font-family: "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:12px;
	line-height:1.5;
	color:#000;
	-webkit-text-size-adjust:100%;
}
.fo10 { font-size:10px; }
.fo11 { font-size:11px; }
.fo13 { font-size:13px; }
.fo14 { font-size:14px; }
.fo15 { font-size:15px; }
.fo16 { font-size:16px; }
.fo18 { font-size:18px; }
.fo20 { font-size:20px; }
.fo21 { font-size:21px; }
.fo22 { font-size:22px; }
.fo24 { font-size:24px; }
.fo36 { font-size:36px; }

.bold { font-weight:bold; }

/* #wrapper */
#wrapper {
	width:100%;
	margin:0 auto;
	clear:both;
}

/*  #header  */
#header {
	width:100%;
	background:#3fa9f5;
	clear:both;
}
#header .hinner {
	max-width:1280px;
	margin:0 auto;
	position:relative;
	padding:22px 0 7px;
}
#header .hbtn {
	width:10.5%;
	position:absolute;
	top:0;
	right:17%;
}
#header .chg {
	display:block;
	margin:0 auto;
	padding-top:20px;
	text-align:right;
}
#logo {
	width:36%;
	margin:0 auto;
	clear:both;
}
#header img {
	width:100%;
}

/* header 修正202110 */
#header .hbtn2 {
	width:136px !important;
	right:8% !important;
}
#header p.hbtn img.pcon {
	max-width: 100% !important;
	width:inherit;
}
#header .instaHead {
	display: inline-block;
	width: 42px !important;
	padding:5px 10px 0 0 !important;
	float: right;
}
/* footer 修正202412 */
#footer .instaHead {
	width: 42px !important;
	padding:5px 10px 0 0 !important;
	float: left !important;
}
#footer .footer-icon span{
	padding-right: 1em;
}
#footer .footer-icon{
	max-width: 100%;
	height: auto;
}

/* .naviArea */
.naviArea {
	width:100%;
	clear:both;
	background:url(../images/bg_navi.jpg) repeat-x left top #989898;
}
#navi {
	max-width:660px;
	height:66px;
	margin:0 auto;
}
#navi ul {
	width:94%;
	margin:0 auto;
	clear:both;
}
#navi ul li {
	width:25%;
	float:left;
}
#navi ul li img {
	width:100%;
	height:100%;
}

/* #contents */
#contents {
	width:100%;
}
#contents .inner {
	max-width:880px;
	margin:0 auto;
	clear:both;
}
#contents .innerImg {
	max-width:1280px;
	margin:0 auto;
	clear:both;
}
#contents .innerImg2 {
	margin:0 auto;
	clear:both;
}/*左右MAXサイズ*/

/*  section  */
section {
	width:100%;
	clear:both;
}

/* .mainimg */
#contents .mainimg .inner {
	max-width:100%;
}
.mainimg .mimg{
	text-align:center;
}
.mainimg .mimg img {
	width:100%;
}
.mainimg .inner {
	position:relative;
}
.mainimg .mtxt {
	width:100%;
	background:#6dbef6;
	clear:both;
}
#contents .mainimg .mtxt .inner {
	max-width:880px;
}
.mainimg .mtxt p {
	width:64%;
	margin:0 auto;
	clear:both;
	line-height:1.8;
	padding:21px 0;
}
.mimg_top {
	width:100%;
	height:500px;
	background:url(../../images/top/mainimg.jpg) center no-repeat;
}
.mimg_product {
	width:100%;
	height:500px;
	background:url(../../images/product/mainimg.jpg) center no-repeat;
}
.mimg_access {
	width:100%;
	height:500px;
	background:url(../../images/access/mainimg.jpg) center no-repeat;
}
.mimg_activities {
	width:100%;
	height:500px;
	background:url(../../images/activities/mainimg.jpg) center no-repeat;
}
.mimg_company {
	width:100%;
	height:500px;
	background:url(../../images/company/mainimg.jpg) center no-repeat;
}
.mimg_recruit {
	width:100%;
	height:500px;
	background:url(../../images/recruit/mainimg.jpg) center no-repeat;
}
.mimg_contact {
	width:100%;
	height:270px;
	background:url(../../images/contact/mainimg.jpg) center no-repeat;
}

/* .headTitle */
.headTitle {
	width:100%;
	position:absolute;
	top:30%;
	left:0;
	text-align:center;

}
.headTitle img {
	width:auto;
}
.headTitleContact {
	width:100%;
	position:absolute;
	top:15%;
	left:0;
	text-align:center;

}
.headTitleContact img {
	width:auto;
}
.headTitle02 {
	width:98%;
	margin:0 auto 2.8%;
	text-align:center;
	font-weight:normal;
	clear:both;
	color:#3fa9f5;
	background:url(../images/ln.gif) repeat-x left bottom;
	line-height:1.2;
	padding:3px 0;
}
.headTitle02.dis {
	margin-bottom:1.5%;
	padding-bottom:0.8%;
}
.imgW100 {
	width:100%;
}

/* .pnavi */
.pnavi {
	max-width:880px;
	margin:0 auto;
	clear:both;
	padding:0.5% 0;
}
.pnavi ul {
	width:94%;
	margin:0 auto;
	clear:both;
}
.pnavi ul li {
	display:inline;
	color:#3fa9f5;
	padding-right:4px;
}
.pnavi ul li a {
	color:#3fa9f5;
	padding-right:10px;
}

/* .mailArea */
.mailArea {
	background:#e6e6e6;
	padding:25px 0;
}
.mailArea img {
	width:89%;
	margin:0 auto;
}
.mailArea a {
	width:89%;
	margin:0 auto;
	display:block;
	clear:both;
}
.mailArea a img {
	width:100%;
}

/* .bg */
.bgTop,
.bgBot {
	clear:both;
	font-size:0;
	line-height:0;
}
.bgTop img,
.bgBot img {
	vertical-align:baseline;
}

/* .gotop */
.gotop {
	width:8.5%;
	position:absolute;
	right:3%;
	bottom:0;
	height:100%;
}
.gotop img {
	width:100%;
	position:absolute;
	top:100%;
}

/*  #footer  */
#footer {
	width:100%;
	background:#cccccc;
	clear:both;
	padding:27px 0 0;
}
#finner {
	max-width:880px;
	margin:0 auto;
	clear:both;
}
#footer .fCont {
	width:98%;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}
#footer .ftitle {
	padding:0 0 4px 24px;
	line-height:1.2;
}
#footer .fCont .siteMap {
	width:49%;
	float:left;
}
#footer .fCont .siteMap div {
	width:100%;
	background:#f2f2f2;
	clear:both;
	padding:26px 0 30px;
}
#footer .fCont .siteMap a {
	color:#000;
}
#footer .fCont .siteMap dl {
	width:86.5%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	padding-bottom:26px;
}
#footer .fCont .siteMap dl dt {
	float:left;
	letter-spacing:2px;
	line-height:1.4;
	padding-left:4%;
}
#footer .fCont .siteMap dl dt span {
	display:block;
}
#footer .fCont .siteMap dl dd {
	width:70%;
	float:right;
	box-sizing:border-box;
	border-left:#979797 1px dashed;
	padding:0 0 0 9%;
}
#footer .fCont .siteMap dl dd p {
	letter-spacing:2px;
	line-height:1.3;
	padding-bottom:20px;/*EN*/
}
#footer .fCont .siteMap dl dd p span {
	display:block;
	letter-spacing:0;
}
#footer .fCont .siteMap ul {
	width:86.5%;
	margin:0 auto;
	clear:both;
}
#footer .fCont .siteMap ul li {
	letter-spacing:2px;
	padding:0 0 25px 4%;/*EN*/
}
#footer .fCont .siteMap ul li span {
	padding-right:4%;
}
#footer .finfo {
	width:49.5%;
	float:right;
	padding:25px 0 0;
}
#footer .finfo .flogo {
	padding-left:16px;
}
#footer .finfo .ftit {
	border-bottom:#7f7f7f 1px dashed;
	padding:0 0 10px 18px;
}
#footer .finfo div {
	padding:14px 0 0 18px;
}
#footer .finfo address {
	padding-bottom:8px;
}
#footer .finfo address span {
	display:block;
	padding-bottom:5px;
}
#footer .finfo .ftel {
	padding-bottom:24px;
}
#footer .fnavi {
	width:100%;
	clear:both;
	overflow:hidden;
	padding-bottom:26px;
}
#footer .fnavi li {
	width:38.5%;
	float:left;
	padding:0 28px 0 0;
	box-sizing:border-box;
}
#footer .isoImg {
	display: inline-block;
	float: left;
	width:27.5%;
	padding-bottom:14px;
}
#footer .copyright {
	clear: both;
	padding-bottom:10px;
}
#footer img {
	width:100%;
}

/* footer 修正202110 */
#footer .fnavi2 {
	width:100%;
	clear:both;
	overflow:hidden;
	padding-bottom:26px;
}
#footer .fnavi2 li {
	width:40%;
	float:left;
	padding:0 28px 0 0;
	box-sizing:border-box;
}
#footer .fnavi2 li.insta {
	width: 42px !important;
	padding:0 !important;
}

@media only screen and (min-width:1px) and (max-width:640px){
	/* #header */
	#header .hinner {
		padding:7% 0 5%;
	}
	#logo {
		width:72%;
		padding-right:10%;
	}
	#header .hbtn {
		width:15%;
		right:1.5%;
	}
	#header .chg {
		font-size:80%;
		text-align:center;
		padding-top:8px;
	}
	#navi ul {
		width:96%;
	}
	#navi ul li {
		margin-left:0!important;
	}
	
		
	/* header 修正202110 */
	#header .hbtn2 {
		width:60px !important;
		/*right:2% !important;*/
	}
	#header p.hbtn img.spon {
		width: 60px !important;
		width:inherit;
	}
	#header .instaHead  {
		width: 30px !important;
		padding:5px 10px 0 0 !important;
		float: left !important;
	}

	/* .mainimg */
	.mainimg .mtxt p {
		padding:5px 0;
		width:90%!important;
	/*	font-size:10px;*/
		line-height:1.5;
	}
	/* .headTitle */
	.headTitle {
		top:20%;
	}
	.headTitle img {
		width:auto;
	}
	.headTitle02 {
		width:94%;
		font-size:24px;
		line-height:1.5;
	}
	headTitleContact {

	}
	/* ming height */
	.mimg_product {
		height:400px;
	}
	.mimg_access {
		height:400px;
	}
	.mimg_activities {
		height:400px;
	}
	.mimg_company {
		height:400px;
	}
	.mimg_recruit {
		height:400px;
	}
	.mimg_recruit {
		height:270px;
	}


	/* .pnavi */
	.pnavi {
		font-size:8px;
	}

	/* .mailArea */
	.mailArea {
		padding:8px 0 13px;
	}
	.mailArea img {
		width:86.5%;
	}
	.mailArea a {
		width:86.5%;
	}
	.mailArea a img {
		width:100%;
	}
	/* .gotop */
	.gotop {
		width:18.5%;
	}
	/* #footer */
	#footer {
		padding:0;
	}
	#footer .fCont {
		width:100%;
	}
	#footer .fCont .siteMap {
		width:100%;
		float:none;
	}
	#footer .fCont .siteMap div {
		padding:15px 0;
	}
	#footer .fCont .siteMap dl dt {
		font-size:8px;
		padding-left:8%;
	}
	#footer .fCont .siteMap dl dt span {
		font-size:10px;
	}
	#footer .fCont .siteMap dl {
		padding-bottom:15px;
	}
	#footer .fCont .siteMap dl dd {
		width:68%;
	}
	#footer .fCont .siteMap dl dd p {
		font-size:8px;
		padding-bottom:3%;
	}
	#footer .fCont .siteMap dl dd p span {
		font-size:7px;
	}
	#footer .fCont .siteMap ul {
		font-size:8px;
	}
	#footer .fCont .siteMap ul li {
		padding:0 0 10px 8%;
	}
	#footer .fCont .siteMap ul li span {
		font-size:10px;
	}
	#footer .finfo {
		width:92%;
		margin:0 auto;
		clear:both;
		float:none;
		padding:10px 0 0;
	}
	#footer .finfo div {
		width:96%;
		padding:8px 0 0;
		margin:0 auto;
	}
	#footer .finfo .flogo {
		padding:0;
		text-align:center;
		font-size:16px;
	}
	#footer .finfo .ftit {
		padding:0 0 8px;
		text-align:center;
		font-size:13px;
	}
	#footer .finfo address {
		font-size:8px;
		padding-bottom:4px;
	}
	#footer .finfo address span {
		font-size:10px;
	}
	#footer .finfo .ftel {
		font-size:10px;
		padding-bottom:14px;
	}
	#footer .finfo .ftel span {
		font-size:14px;
	}
	#footer .finfo .fnavi {
		width:100%;
		clear:both;
		text-align:center;
		padding-bottom:22px;
	}
	#footer .finfo .fnavi li {
		width:47%;
		display:inline-block;
		float:none;
		padding:0 3%;
		box-sizing:border-box;
	}
	#footer .isoImg {
		width:20%;
		margin:0 auto;
		padding-bottom:8px;
	}
	#footer .copyright {
		font-size:6px;
		text-align:center;
	}
}