f@charset "utf-8";

/* default
---------------------------------------- */

html {
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table{border-collapse:collapse; border-spacing:0;}
/* --- /reset --- */



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:1%;}
*{
	zoom:1;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	}
.clearfix {display:block;}
/* --- /clearfix ---*/

img {
	/*vertical-align:bottom;*/
	outline:none;
	border:none;
	line-height:1.0;
	}
	
body {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	
	}
	
body#top {
	}


/* a
---------------------------------------- */

a {
	color:#000000;
	text-decoration:none;
	}

a:hover,
a:hover * {
	text-decoration:underline;
	}	



/* font
---------------------------------------- */


article#pc {
	font-size:15px;
	line-height:1.5;
}

.text1 {font-size:67%;}   /* 10px */
.text2 {font-size:74%;}   /* 11px */
.text3 {font-size:80%;}   /* 12px */
.text4 {font-size:87%;}   /* 13px */
.text5 {font-size:94%;}   /* 14px */
.text6 {font-size:100%;}  /* 15px */
.text7 {font-size:107%;}  /* 16px */
.text8 {font-size:114%;}  /* 17px */
.text9 {font-size:120%;}  /* 18px */
.text10 {font-size:127%;} /* 19px */
.text11 {font-size:134%;} /* 20px */
.text12 {font-size:140%;} /* 21px */
.text13 {font-size:147%;} /* 22px */
.text14 {font-size:154%;} /* 23px */
.text15 {font-size:160%;} /* 24px */
.text16 {font-size:167%;} /* 25px */
.text17 {font-size:174%;} /* 26px */	



/* article
---------------------------------------- */

article {
	width:100%;
	}

	
article .contents {
	max-width:960px;
	margin:auto;
	padding:0 30px;
	}


/* header
---------------------------------------- */

header {
	width:100%;
	position:relative;
	z-index:10000;
	}
	
header h1 {
	width:301px;
	float:left;
	margin-top:16.5px;
	margin-bottom:15px;
	line-height:0;
	}

header h1 img {
	width:100%;
	}
	
header address {
	float:right;
	display:inline-block;
	margin-top:15px;
	font-size:12px;
	}
	
header nav {
	clear:both;
	}

.menu-trigger {
	display:none;
	}

/* globalNav
---------------------------------------- */

#globalNav {
	background-color:#f5f5f5;
	height:50px;
	border-top: solid 4px #e10000;
	padding-top:0px;
	}

#globalNav ul.pc {
	display:table;
	width:100%;
	/*height:46px;*/
	}
	
#globalNav ul.pc li {
	display:table-cell;
	width:14.28%;
	text-align:center;
	vertical-align:middle;
	line-height:0;
	}
	
#globalNav ul.pc li a {
	display:block;
	width:100%;
	height:100%;
	}
	
#globalNav ul.pc li a span {
	display:inline-block;
	width:100%;
	height:28px;
	border-right:solid 1px #646464;
	margin-top:8.5px;
	padding-top:7px;
	
	}
	
#globalNav ul.pc li:first-child a span {
	border-left:solid 1px #646464;
	}
	
#globalNav ul.sp {
	display:none;
	}
	
#globalNav ul.pc li a:hover span,
.company #globalNav ul.pc li:nth-of-type(2) a span,
.greeting #globalNav ul.pc li:nth-of-type(3) a span,
.capacity #globalNav ul.pc li:nth-of-type(4) a span,
.staff #globalNav ul.pc li:nth-of-type(5) a span,
.inquiry #globalNav ul.pc li:nth-of-type(6) a span,
.trast #globalNav ul.pc li:nth-of-type(7) a span {
	background-image:url(img/bg_29.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:60.70% 2px;
	}

	
/* mainImage
---------------------------------------- */

.visible {
	visibility:hidden;
	}

#mainImage {
	margin-bottom:40px;
	overflow:hidden;
	position:relative;
	height:auto;g
	}
	
#mainImage img {
	line-height:0;
	vertical-align:bottom;
	}
	
#mainImage .base {
	width:100%;
	}

#mainImage ul {
	position:relative;
	overflow:hidden;
	}

#mainImage .setHeight {
	position:relative;
	}
	
#mainImage .setHeight img {
	width:100%;
	position:relative;
	}
	
#mainImage ul li {
	opacity:0;
	position:absolute;
	top:0;
	height:100%;
	line-height:0;
	overflow:hidden;
	}

#mainImage ul li img {
	width:100%;
	line-height:0;
	}
	
#mainImage ul li > div {
	position:absolute;
	top:0;
	z-index:-10;
	overflow:hidden;
	}
	
/*#mainImage ul li > div img {
	transform:scale(1,1);
	}*/


#mainImage ul li {
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition:1s opacity linear;
	-moz-transition:1s opacity linear;
	-ms-transition:1s opacity linear;
	-o-transition:1s opacity linear;
	
	transition:1s opacity linear;
	
}

#mainImage ul li > img,
#mainImage ul li div img {

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition:7s -webkit-transform linear;
	-moz-transition:7s -moz-transform linear;
	-ms-transition:7s -ms-transform linear;
	-o-transition:7s -o-transform linear;
	transition:7s transform linear;

}


#mainImage ul li.active {
	background-size:auto 116%;
	opacity:1;
	}
	
/*#mainImage ul li.active div img {
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	}*/
	
#mainImage ul li.ma01 > img {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	}
	
#mainImage ul li.ma01.active > img {
	transform:translateX(5%);
	-webkit-transform:translateX(5%);
	-moz-transform:translateX(5%);
	-ms-transform:translateX(5%);
	-o-transform:translateX(5%);
	}


#mainImage ul li.ma01 div img {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	}
	
#mainImage ul li.ma01.active div img {
	transform:translateY(-20%);
	-webkit-transform:translateY(-20%);
	-moz-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	-o-transform:translateY(-20%);
	}
	
	
#mainImage ul li.ma02 {
	background-color:#eaebed;
	}


#mainImage ul li.ma02 > img {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	}
	
#mainImage ul li.ma02.active > img {
	transform:translateX(5%);
	-webkit-transform:translateX(5%);
	-moz-transform:translateX(5%);
	-ms-transform:translateX(5%);
	-o-transform:translateX(5%);
	}


#mainImage ul li.ma02 div img {
	transform:translateX(5%);
	-webkit-transform:translateX(5%);
	-moz-transform:translateX(5%);
	-ms-transform:translateX(5%);
	-o-transform:translateX(5%);
	}
	
#mainImage ul li.ma02.active div img {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	}
	

#mainImage ul li.ma03 > img {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	}
	
#mainImage ul li.ma03.active > img {
	transform:translateX(5%);
	-webkit-transform:translateX(5%);
	-moz-transform:translateX(5%);
	-ms-transform:translateX(5%);
	-o-transform:translateX(5%);
	}


#mainImage ul li.ma03 div img {
	transform:translateX(5%);
	-webkit-transform:translateX(5%);
	-moz-transform:translateX(5%);
	-ms-transform:translateX(5%);
	-o-transform:translateX(5%);
	}
	
#mainImage ul li.ma03.active div img {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	}
	
#mainImage ul li.ma04 > img {
	transform:translateX(-5%);
	-webkit-transform:translateX(-5%);
	-moz-transform:translateX(-5%);
	-ms-transform:translateX(-5%);
	-o-transform:translateX(-5%);
	}
	
#mainImage ul li.ma04.active > img {
	transform:translateX(0%);
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	-o-transform:translateX(0%);
	}


#mainImage ul li.ma04 div img {
	transform:translateY(-30%);
	-webkit-transform:translateY(-30%);
	-moz-transform:translateY(-30%);
	-ms-transform:translateY(-30%);
	-o-transform:translateY(-30%);
	}
	
#mainImage ul li.ma04.active div img {
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	}
	

#mainImage ul li.ma05 div img {
	transform:translateY(-20%);
	-webkit-transform:translateY(-20%);
	-moz-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	-o-transform:translateY(-20%);
	}
	
#mainImage ul li.ma05.active div img {
	transform:translateY(0%);
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform:translateY(0%);
	}
	
#mainImage.ie * {
	transform:none !important;
	}
	



/* news
---------------------------------------- */

#news {
	margin-bottom:73.5px;
	}
	
#news h1 {
	display:inline-block;
	width:62px;
	}
	
#news h1 img {
	width:100%;
	margin-left:2px;
	}

#news ul {
	border-top:solid 1px #969696;
	}

#news ul li {
	border-bottom:solid 1px #969696;
	padding:9px 4px 7px 4px;
	}

#news ul li div {
	display:table;
	width:100%;
	}

#news ul li div time,
#news ul li div p {
	display:table-cell;
	}
	
#news ul li div time {
	width:178px;
	background-image:url(img/sign_33.jpg);
	background-repeat:no-repeat;
	padding-left:19px;
	background-position:0 5px;
	background-size:11px auto;
	}
	
#news ul li div p {
	}
	
	
/* iconNav
---------------------------------------- */

#iconNav .contents {
	max-width:900px;
	}


#iconNav {
	margin-bottom:70px;
	}

#iconNav div {
	position:relative;
	height:100px;
	}
	

	
#iconNav div a,
.conLink {
	position:absolute;
	transition: all .4s;
	}
	
#iconNav div a:hover,
.conLink:hover {
	opacity:0.5;
	}

#iconNav div a:nth-child(1) {
	left:1.11%;
	}
	
#iconNav div a:nth-child(2) {
	left:18.61%;
	}
	
#iconNav div a:nth-child(3) {
	left:37.72%;
	}
	
#iconNav div a:nth-child(4) {
	left:54.55%;
	}
	
#iconNav div a:nth-child(5) {
	left:72.44%;
	}
	
#iconNav div a:nth-child(6) {
	right:1.61%;
	}

#iconNavSp {
	display:none;
	}

/* footer
---------------------------------------- */

footer {
	background-color:#f5f5f5;
	border-top: solid 4px #e10000;
	height:116px;
	position:relative;
	padding-top:21px;
	}
	
footer address {
	display:none;
	}
	
footer p {
	width:360px;
	line-height:0;
	}
	
footer p img {
	width:100%;
	}
	
footer a {
	position:absolute;
	right:39px;
	top:0px;
	width:39px;
	display:block;
	cursor:pointer;
	}
	
footer a img {
	width:100%;
	}


/* 2019-9-21更新----------------------------------------  */

    .txt_point {
    color: #666;
    font-size: 90%;
}
  .link_pdf {
    border-radius: 0.2em;
  }
  .link_pdf:after {
    color: #c00;
    content: "PDF";
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.8rem;
    margin: 0 0.5em;
    position: relative;
    top: -0.2em;
    bottom: 0;
    border: 1px solid;
    padding: 0.2em 0.4em !important;
  }
  .link_pdf:hover:after {
	color: #fff;
	background-color: #c00;
  
  }
  /* ----------------------------------------  */