@charset "UTF-8";
/* CSS Document */
body{
  min-width: 1280px;
}
.c-inner.footer-contact {
  max-width: 138rem;
  margin: 0 auto;
  padding: 0;
}

#content-Tokusetu img {
  width: auto;
  height: auto;
}

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.clearfix{
    zoom:1;
}

.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*--------------------------------------------------------------

--------------------------------------------------------------*/
#wrapper-Tokusetu{
	background-color:#fff;
	min-height:600px;
	_height:600px;	}

#wrap-Tokusetu{
    position: relative;
    height:auto !important; /*IE6*/	
    height: 100%;
    min-height: 100%;
    background-color:#FFF;
	_padding-bottom:144px; /*Footer*/ /*IE6*/		 
}

.pagetop-area {
	width: 940px;	
	margin: 0 auto;
	padding: 30px 15px 10px 15px;	
	background:none !important;
	text-align:right;
}

/*--------------------------------------------------------------*/

article {
 margin:0 0 50px 0;
}
.content-area {
 margin:0 auto;
 width:960px;
 font-size:1.2em;
}
.content-area.movie {
 text-align:center;
}

.area{}
.area .area-left{
 float:left;
 width:450px;}
.area .area-right{
 float:right;
 width:450px;}
 
/* --------------------------------------------------------------
.breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
  padding: 0 6rem;
  margin: 11rem 0 0 0;
}
@media (max-width: 1280px) {
  .breadcrumb {
    margin-top: 0rem;
  }
}
/* --------------------------------------------------------------
main
--------------------------------------------------------------*/
#wrapper-Tokusetu .main {
	margin:0 0 80px;
}
#wrapper-Tokusetu .main h1 img{
	width: 100%;
  height: auto;
}


/*--------------------------------------------------------------
lineup
--------------------------------------------------------------*/
ul#lineup-list {
  display: flex;
  gap: 30px;
  flex-wrap:wrap;
  margin: 30px 0 0 0;
}
 ul#lineup-list li {
  width: 300px;
}
 ul#lineup-list li.NoSpace {
  margin-right:0; }
 ul#lineup-list li a {
  display:block;
	}
 ul#lineup-list li a.hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
	}

/*--------------------------------------------------------------
feature
--------------------------------------------------------------*/
h2.feature-tit {
 margin-bottom:30px;
}

/*----  tab  ----*/
ul#tab{ margin-bottom:	30px; 
}
ul#tab li {
 float: left;
}
ul#tab li a {
 display:	block;
 text-indent:	-9999px;
 outline: 0;
 width:150px;
 height: 43px;
 background: url(../images/index/merit_tab.gif) no-repeat 0 0;
}
ul#tab li#tab01 a {
 background-position: 0 -43px;
transition: 0s;}
ul#tab li#tab02 a {
 background-position: -150px -43px;
transition: 0s}
ul#tab li#tab03 a {
 background-position: -300px -43px;
transition: 0s}

ul#tab li#tab01 a.hover,
ul#tab li#tab01 a.active
 {	background-position: 0 0;}
ul#tab li#tab02 a.hover,
ul#tab li#tab02 a.active
 { background-position: -150px 0;}
ul#tab li#tab03 a.hover,
ul#tab li#tab03 a.active
 { background-position: -300px 0;}
 
ul.number {}
 ul.number li {
  margin-bottom:	30px; }
 ul.number li.last {
  margin-bottom:	0; }
 ul.number li p {
  line-height:180%;}
 ul.number li .left {
  float:	left;
  width:	300px;}
 ul.number li .right {
  float:	right;}
 ul.number li div.feature-area {
 margin-top:	5px;}

/*--------------------------------------------------------------
merit
--------------------------------------------------------------*/
.merit-tit {
 margin-bottom:15px;
}
.area p {
 line-height:180%;
}
.content-area.content-sub {
 padding:50px 0;
}

h3.merit-subtit {
 margin-bottom:20px;
}
ul.works-list {
  display: flex;
  gap: 30px;
  flex-wrap:wrap;
  margin: 0 0 30px 0;
}
ul.works-list li {
 width:300px;
}
ul.works-list li.NoSpace {
 margin-right:0;
}
ul.works-list li img {
 margin-bottom:5px;
}
ul.works-list li p {
 font-size:0.8em;
 line-height:150%;
}


/*--------------------------------------------------------------
20220524
--------------------------------------------------------------*/
.tit-wrap{
display: flex;
justify-content: space-between;
align-items: center;
}

#tabArea ul.number li h3 {
  color: #0068b7;
  font-weight: bold;
  font-size: 2.1rem;
  padding-left: 2.4rem;
  text-indent: -2.4rem;
}

#tabArea ul.number li h3 span {
  font-weight: normal;
  font-size: 71%;
}

#tabArea ul.number li p {
  line-height: 180%;
  font-size: 1.2rem;
  margin-bottom: 10px;
  margin-left: 25px;
}

#tabArea ul.number li h4 {
  color: #0068b7;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 150%;
  display: inline-block;
  margin-left: 25px;
  margin-bottom: 4px;
}

#tabArea ul.number li h4 span {
  font-weight: bold;
  margin-bottom: 4px;
}