@charset "UTF-8";
@import url("/common/css/themecolor.css");
/* 1024px以上 */

#side li.current a {
	color: #fff;
	background: var(--themeColor);
	border-radius: 5px;
	}

#main {
	min-height: 500px;
	}

#main img {
	max-width:100%;
	}

#main h2 {
	font-size: 18px !important;
	line-height: 1.3em;
	color: #666;
	margin: 0 0 50px 30px;
	text-align:left;
	font-weight:bold !important;
	}

#main .news {
	width: 700px;
	font-size: 14px;
	line-height: 1.5em;
	color: #666;
	margin: 0 0 60px 30px;
	}

#main .news ul {
	display: block;
	}

#main .news li {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #eee;
	}

#main .news li a {
	display: block;
	color: #666;
	}

#main .news li a:hover {
	color: var(--themeColor);
	}

#main .news li span.date {
	display: block;
	font-size: 12px;
	padding: 0 0 .5em 0;
	}

#main .news li.press:after {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 5em;
	content: "PRESS";
	color: #fff;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	background: var(--themeColor);
	padding: .5em 0;
	border-radius: 5px;
	}

#main .news li.movie:after {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 5em;
	content: "MOVIE";
	color: #fff;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	background: #ccc;
	padding: .5em 0;
	border-radius: 5px;
	}

#main .news li.paper:after {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 5em;
	content: "新聞";
	color: #fff;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	background: #ccc;
	padding: .5em 0;
	border-radius: 5px;
	}

#main .news li.tv:after {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 5em;
	content: "TV";
	color: #fff;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	background: #ccc;
	padding: .5em 0;
	border-radius: 5px;
	}

#main .news li.mz:after {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 5em;
	content: "雑誌";
	color: #fff;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	background: #ccc;
	padding: .5em 0;
	border-radius: 5px;
	}

#main .news li.mediaweb:after {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 5em;
	content: "WEB";
	color: #fff;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	background: #ccc;
	padding: .5em 0;
	border-radius: 5px;
	}


.pressbody {
	width: 700px;
	font-size: 14px;
	line-height: 1.8em;
	color: #666;
	margin: 0 0 60px 30px;
	word-break: break-all;
	}

.pressbody .releaseDate {
	text-align: right;
	margin: 0 0 1em 0;
	}

.pressbody .releaseRead1 {
	margin: 0 0 1em 0;
	}

.pressbody .releaseRead1_1 {
	text-align: right;
	margin: 0 0 2em 0;
	}

.pressbody h2 {
	margin: 0 0 2em 0 !important;
	padding: 0 !important;
	font-size: 24px !important;
	line-height: 1.8em !important;
	text-align: center;
	}

.pressbody h2:before {
	display: none;
	content: "";
	}

.pressbody h2 span {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px;
	line-height: 1.5em !important;
	}




.pressbody h4 {
	margin: 0;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 1.8em !important;
	}

.pressbody p {
	margin: 0 0 2em 0 !important;
	padding: 0 !important;
	font-size: 14px;
	line-height: 1.8em !important;
	word-break: normal;
	}

.pressbody ul {
	margin: 0 0 2em 0;
	}

.pressbody ul li {
	margin: 0 0 1em 1.5em;
	list-style: square;
	}

.pressbody .f10 {
	font-size: .8em;
	margin-bottom:0 !important;
	padding:0 !important;
	}


.pressmovie {
	width: 700px;
	font-size: 14px;
	line-height: 1.5em;
	color: #666;
	margin: 0 0 60px 30px;
	}

.pressmovie h1 {
	margin: 0 0 30px 0 !important;
	}

.pressmovie p {
	margin: 0 0 2em 0 !important;
	padding: 0 !important;
	font-size: 14px;
	line-height: 1.5em !important;
	}

.pressmovie iframe {
	width: 700px;
	height: 450px;
	margin: 0 0 1em 0;
	}

.pressmovie h4 {
  font-weight: bold;
  margin: 30px 0px 10px;
  font-weight: bold;
  padding: 10px 0 3px 0px!important;
  border-bottom: 1px solid #e3e3e3;
  font-size: 14px!important;
}

/*梶追記*/
ul.hosoku {
  border: 1px solid #e3e3e3;
  padding: 15px;
  margin-top: 40px;
  line-height: 170%;
}

#main h2 span.f14 {
  font-size: 14px!important;
}

#main h3 {
  font-weight: bold;
  color: #00a0e9;
  padding: 8px 0 8px 10px;
  margin: 30px 0;
  border: 1px solid #00a0e9;
  font-size: 16px;
  line-height:1.8em;
}

#main h4 {
  font-weight: bold;
  margin: 30px 0px 10px;
  font-weight: bold;
  padding: 10px 0 3px 10px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px!important;
}

#main dl {
  margin: 20px 0 10px 0;
}

#main dt {
  font-weight: bold;
  padding: 0;
  margin-bottom: 0;
  line-height: 170%;
}

#main dd {
  line-height: 170%;
  padding: 0 0 0 1.0em;
  margin: 3px 0px 10px 0px;
}

#main strong{
	font-weight:bold !important;
}

#main table{
	width:100%;
	margin:30px 0 5px;
	padding:0;
	font-size:13px;
	border-top:#e3e3e3 solid 1px;
	border-left:#e3e3e3 solid 1px;
}

#main table th{
	padding:3px 15px;
	border-bottom:#e3e3e3 solid 1px;
	border-right:#e3e3e3 solid 1px;
}
#main table td{
	padding:3px 15px;
	border-bottom:#e3e3e3 solid 1px;
	border-right:#e3e3e3 solid 1px;
}

#main .table01{
	margin:0 !important;
	border:none !important;
}

#main .table01 th{

	border:none !important;
}
#main .table01 td{

	border:none !important;
}

#main .table02{
	margin:0 0 15px!important;
}

#main .table02 th{
	text-align:center!important;
	padding:12px!important;
	line-height:1.8em!important;
}
#main .table02 td{
	text-align:center!important;
	padding:12px!important;
	line-height:1!important;
}

#main p.ijyo {
  text-align: right;
}

#main ol {
  margin: 10px 0 0 20px;
  padding: 0;
  list-style: decimal;
}

#main li {
  margin: 0 0 5px 20px;
  padding: 0;
  line-height:1.8em;
}

#main ol.decmal li{
	 list-style: decimal!important;
}

#main .tcenter{
	text-align:center;
}

#main div.teikyo_service {
  margin: 0 auto;
  overflow: hidden;
}

#main div.teikyo_service div.left{
  float: left;
  width: 49%;
  text-align: center;
}

#main div.teikyo_service div.right {
  float: right;
  width: 49%;
  text-align: center;
}

#main .fb_design {
  float: left;
  width: 49%;
  height: auto;
  margin-bottom: 20px;
  text-align:center;
}

#main .fb_design2 {
  float: right;
  width: 49%;
  height: auto;
  margin-bottom: 20px;
  text-align:center;
}
#main .fb_design3 {
  clear: both;
}

#main div#caption p {
  font-size: 12px;
  margin:0 !important;
  padding:0 !important;
}


/* 並列レイアウト用 */

.fl-img {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pressbody p.pr10 {
	padding-right: 10px !important;
}

.pressbody p.pl10 {
	padding-left: 10px !important;
}

.pressbody p.fs14 {
	font-size: 14px !important;
}

div.term-com p {
	font-weight: bold;
	margin: 0 0 10px 0 !important;
}

div.term-com dl {
	margin: 0 0 10px 0 !important;
}

div.term-com dl dt {
	font-weight: bold;
}

div.term-com dl dd {
	padding: 0 !important;
	margin: 3px 0 20px 0 !important;
}

.totop {
	display: none !important;
}

.contact-cmps {
	display: flex;
    justify-content: space-between;
}


/* 768〜1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {

#main h1 {
	margin: 0 0 30px 0;
	}

#main h2 {
	margin: 0 0 20px 0;
	}

#main .news,
#main .pressbody,
#main .pressmovie {
	width: 100%;
	margin: 0 0 60px 0;
	}
/*梶追記20150514*/
#main img{
	max-width:100%!important;
	height:auto;
}


}/* 768〜1023px */






/* 767px以下 */
@media screen and (max-width: 767px) {

#main h1 {
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

#main h2 {
	margin: 0 0 20px 0;
	}

#main .news,
#main .pressbody,
#main .pressmovie {
	width: 100%;
	margin: 0 0 60px 0;
	}
/*梶追記20150514*/
#main img{
	max-width:100%!important;
	height:auto;
}

.pressmovie iframe {
	width: 100%;
	height: 300px;
	margin: 0 0 1em 0;
	}

  .scroll {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 20px / 20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right 20px / 20px 100%;
		background-repeat: no-repeat;
		background-attachment: scroll;
  }

  .scroll table {
    width: 700px !important;
  }

  .scroll table td {
    opacity: 0.8;
    color: #333;
  }

  .fl-img {
	  display: block;
  }

  .pressbody p.pr10 {
	padding-right: 0px !important;
}

.pressbody p.pl10 {
	padding-left: 0px !important;
}

.contact-cmps {
	display: block;
    justify-content: unset;
}

}/* 767px以下 */