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

#wrap {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 100%;
	padding-top: 0px;
}
#head {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	position: relative;/*breadlist*/
}
#tophead {
	/*clear: both;*/
	/*margin-right: auto;*/
	/*margin-left: auto;*/
	/*background-image: url(../../img/mainimage01.jpg);*/
	/*background-repeat: no-repeat;*/
	/*background-position: center top;*/
	/*background-size:cover;*/
	min-height:800px;/*580px*/
	/*position: relative;*/
}

#headwrap {
	clear: both;
}
/*#logo {
	padding-left: 10px;
	padding-top: 10px;
	position: absolute;
	top: 0px;

}*/
#topcatch{
	position: absolute;
	left: 210px;
	top: 50%;
	margin-top: -52px;
}
#telwrap {
	text-align: right;
	float: right;
	width: 400px;
}
.telnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}

#navwrap {
	clear: both;
	float: right;
}
#navwrap02 {
	display: none;
	visibility: hidden;
}
#nav02 {
	/*width: 980px;*/
	margin-right: auto;
	margin-left: auto;
	/*font-family: Corbel;*/
	font-weight: bold;
	clear: both;
	font-size: 16px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
  flex-direction:row;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
	-ms-flex-line-pack: justify;
}
#nav02 a{
	color: #1A1A1A;
	text-decoration: none;
}
#nav02 li {
	-webkit-flex-grow: 1; /* Safari */
	flex-grow:         1;
	text-align: center;
	display:inline-block;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0 4%;
}
#nav02 li.nav_R {
	float: right;
	padding-left: 0px;
	padding-right: 14px;
}
#nav02 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#mainimage {
	clear: both;
	width: 100%;
	height:300px;
	margin-right: auto;
	margin-left: auto;
}
#mainimage-none {
	clear: both;
	width: 100%;
	height:40px;
	margin-right: auto;
	margin-left: auto;
}
#mainimage h2{
	text-align: center;
	padding-top: 100px;
}
.company{
	background-image: url(../../about/img/img_company.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	left: 0px;
	top: 0px;
}
.group{
	background-image: url(../../group/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	left: 0px;
	top: 0px;
}
.brand{
	background-image: url(../../brand/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	left: 0px;
	top: 0px;
}
.exhibition{
	background-image: url(../../exhibition/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	left: 0px;
	top: 0px;
}
.newsNtopics{
	background-image: url(../../news/img/img_news.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	left: 0px;
	top: 0px;
}
#bread{
	/*background-color: #E6E6E6;*/
	clear: both;
	width: 100%;
	position: absolute;
    top: 60px;
    z-index: 1;
    height: 50px;
}
#bread.sp-none{
    font-weight: 500;
}
#breadlist{
	/*width: 100%;
	margin-right: auto;
	margin-left: auto;*/
	text-align: left;
	padding: 4px 20px;
	color: #fff;
}
#breadlist .list, #breadlist .list a {
	font-size: 0.9rem;
	line-height: 14px;
	padding: 0px;
	text-decoration: none;
    color: #fff;
}
#breadlist .list.darkTxt, #breadlist .list.darkTxt a {
    color: #555;
}
#cont {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	padding-top: 20px;
	position: relative;
	padding-bottom: 30px;
}
#cocont {
	clear: both;
	width: 100%;/*980px*/
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	padding-top: 50px;
	position: relative;
	/*padding-bottom: 30px;*/
}
#main{
	/*float: right;
	width: 720px;*/
	margin-bottom: 50px;
}
#side{
	float: left;
	width: 250px;}
#sidelist{
	margin-bottom: 50px;
}
#sidelist li{
	font-size: 14px;
	line-height: 16px;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: left 16px;
	padding-left: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#sidelist a{
	color: #1A1A1A;
}
.side_adress{
	padding-left: 12px;
	margin-bottom: 20px;
}
#banner{
	clear: both;
	margin-bottom: 50px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.ban_l{
	float: none;
	text-align: center;
}
.ban_r{
	float: right;
	text-align: center;
}
.txt_l{
	float: left;
	padding-right: 10px;
}
.txt_r{
	float: right;
	padding-left: 10px;
}
.txt_l400{
	width: 400px;
	float: left;
	padding-right: 10px;
}
.txt_r400{
	/*width: 400px;*/
	/*float: right;*/
	width: 50%;
	padding-left: 5%;
}

.txt_r60{
	width: 60%;
	float: right;
	padding-left: 10px;
	text-align: left;
}

.checklist{
	text-align: center;
}
.checklist li:before{
	content: " ";
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.shaze {
    display: flex;
}

.greenbox{
	float: left;
	width: 25%;/*260px*/
	margin-bottom: 20px;
	margin-left: 40px;
	background-color: #00A098;
	padding: 20px;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
}

.greenbox:first-child {
    margin-left: 0;
}

#way{
	clear: both;
	margin-bottom: 50px;
	background-image: url(../../img/mainimage02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	padding-bottom: 30px;
	background-size:cover;
}
#way .inbox{
	clear: both;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
#news{
	clear: both;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A7A7A;
}
#news .inbox, #brand .inbox{
	clear: both;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#news .newsbox{
	float: left;
	width: 310px;
	height: 450px;
	overflow-y: hidden;
	margin-right: 8px;
	margin-bottom: 20px;
	margin-left: 8px;
}
#news .newsbox:last-child{
	margin-right: 0px;}
#news .date{
	font-size: 16px;
	font-weight: bold;
}
#news .newstitle{
	font-size: 18px;
	font-weight: bold;}
#news .more{
	font-size: 12px;
	line-height: 14px;
	color: #898989;
	background-image: url(../img/arrow02.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.morebtn{
	clear: both;
	text-align: right;}
	
#brand{
	margin-bottom: 50px;
}
ul.brandlist  {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-align-content: stretch; /* Safari */
	align-content:         stretch;
	margin-bottom: 30px;
}
ul.brandlist li {
	-webkit-flex-basis: 160px; /* Safari */
	flex-basis:         160px;
	text-align: center;
	margin-bottom: 30px;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
}
#cocont ul.brandlist  {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-align-content: stretch; /* Safari */
	align-content:         stretch;
	margin-bottom: 30px;
}
#cocont ul.brandlist li {
	-webkit-flex-basis: 170px; /* Safari */
	flex-basis: 170px;
	width: 140px;
	text-align: center;
	margin-bottom: 30px;
	display: inline-block;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../../brand/img/link-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#fortop{
	padding: 5px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	position: fixed;
	z-index: 100;
	height: 50px;
	width: 90px;
	right: 0px;
	bottom: 120px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	border-left-color: #D6D6D6;
}
#footnav{
	clear: both;
	overflow: hidden;
	background-color: #DCDDDD;
	padding: 20px;
}
#footnav a{color: #231815;}
#footwrap {
	clear: both;
	height: 100%;
	overflow: hidden;
	background-color: #333;
	position: relative;
}
#foot {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	line-height: 24px;
	font-family: "メイリオ UI", Meiryo UI, "メイリオ", Meiryo, sans-serif;
	color: #FFFFFF;
	padding-top: 10px;
}
.copy{
	text-align: right;
	position: absolute;
	right: 5%;
	top: 25%;
	padding: 0px;
}

.access {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.access iframe{
	width: 100%;}

.photo300_l{
	float: left;
	width: 300px;
	margin-bottom: 20px;
	margin-left: 40px;
}

.photo_tate {
	clear: both;
	width: 680px;
	padding-bottom: 38px;
	margin-right: auto;
	margin-left: auto;
  -js-display: flex;
  display: flex;
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
	-ms-flex-line-pack: justify;
}  
div.photo_tate:after {/*for modern browser*/  
    content: ".";  
    clear: both;  
    display: block;  
    line-height: 0; 
	width:0; 
    height: 0;  
    visibility: hidden;  
}
.photo185_l{
	float: left;
	width: 185px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.midashi {
	clear: both;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	line-height: 28px;
	color: #604C3F;
	text-align: center;
	margin-bottom: 30px;
}
.midashi02 {
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 24px;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A7A7A;
	text-align: center;
}
.midasi_under{
	text-align: center;
	font-size: 32px;
	line-height: 36px;
	clear: both;
	width: 432px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 8px;
	padding-bottom: 8px;
}
.midasi_brand{
	font-size: 32px;
	line-height: 36px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 10px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.midasi_brand img{
	vertical-align: middle;
	padding-right: 20px;
}
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #00A098;
	font-size: 24px;
	line-height: 24px;
	color: #00A098;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 40px;
	margin-right: 20px;
	margin-left: 20px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}
.arrow_box:before {
	border-color: rgba(0, 160, 152, 0);
	border-top-color: #00A098;
	border-width: 17px;
	margin-left: -17px;
}
.komidashi {
	font-size: 18px;
}
.komidashi02 {
	color: #00A098;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.history_midasi{
	color: #FFFFFF;
	background-color: #00A098;
	text-align: center;
	clear: both;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.history_txt{
	text-align: center;
	clear: both;
	margin-bottom: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtbox {
	clear: both;
	width: 100%;/*700px*/
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
.linebox {
	clear: both;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	border: 1px solid #36F;
	margin-bottom: 30px;
}
.centerphoto {
	text-align: center;
	clear: both;
	padding-bottom: 30px;
}
.centertxt {
	text-align: center;
	clear: both;
}
.pagetop {
	text-align: right;
	clear: both;
	padding-bottom: 50px;
	font-size: 12px;
	line-height: 20px;
	color: #F15A24;
}

.tbl {
	width: 100%;
	margin-bottom: 40px;
	clear: both;
}
.tbl th {
	padding: 8px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	color: #00A098;
}
.tbl td {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-color: #FFFFFF;
	padding: 8px;
}

.exh_tbl {
	width: 679px;
	margin-bottom: 50px;
	clear: both;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #00A098;
	margin-right: auto;
	margin-left: auto;
}
.exh_tbl tr:nth-child(even){
	background-color: rgba(0,160,152,0.1);
}
.exh_tbl th {
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #00A098;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.exh_tbl td {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A098;
	padding: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00A098;
}
.ban_l02{
	float: left;
	width: 45%;
	text-align: center;
}
.centertxt02 {
	text-align: center;
}
.pc-none {
	display: none;
}
.sp-none {
	display: block;
}


.footerLogo {
    padding-right: 10px;
}


@media screen and (max-width:999px) {
	.footerLogo img {
	    width: 270px;
	}
	.copy{
		text-align: center;
		position: relative;
		right: auto;
		top: auto;
		padding-bottom: 8px;
	}
}



.pageTitle {
    color: #fff;
    text-shadow:1px 1px 0 #555, -1px -1px 0 #555,
              -1px 1px 0 #555, 1px -1px 0 #555,
              0px 1px 0 #555,  0-1px 0 #555,
              -1px 0 0 #555, 1px 0 0 #555;
}

.pageTitle span {
    display: block;
}

.titleMain {
    font-size: 3em;
    line-height: 1.5;
}

.titleSub {
    font-size: 1.2em;
}