/* ///////////// header /////////////*/
header{
  position: relative!important;
}
/* /////// title img //////// */
.title-img{
  background: #6ec85a;
}

/* /////// titleares 各キャプションタイトル欄 ///////*/
.titlearea{
  width: 100%;
  border-bottom: solid 2px #0066CC;

}
.titlename{
  font-family: 'Oswald', sans-serif;
  font-size: 2.4rem;
  color: #333300;
  display: inline-block;
  border-bottom: solid 1px #000000;
}
.subtitle{
  font-family: 'Open+Sans', sans-serif;
  font-size: 1rem;
  color: #333300;
  display: inline-block;
}
.content-item {
  width: 100%;
  display: inline-block;
  background: #fff;
  border: 2px solid #AAAAAA;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}
.content-item p{
  color: #AAAAAA;
  line-height: 2.1;
}
.content-item:hover {
	background: #0066FF;
  border: 2px solid #0066FF;
  border-radius: 10px;
}
.content-item p:hover {
	color: #FFFFFF;
}
/* ///////////// recruit 会社概要ページ /////////////*/
#recruit{
  width: 96%;
  margin: 0 auto;
}
#recruit p{
  text-align: left;
}
#recruit a:link{
  color: #006cb7!important;
  border-bottom: 1px solid #006cb7!important;
}
#recruit a:visited {
  color: #9400D3;
}
#recruit a:hover {
  background: #FDF5E6;
}
#recruit img{
  width: 100%;
  height: auto;
}
#recruit .flow-no{
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  padding: 0 0.5rem;
}
.recruit-title{
  font-size: 1.6rem;
  padding: 0.4em 0.5em;
  color: #494949;
  background: #f4f4f4;
  border-left: solid 5px #f0c800;
  border-bottom: solid 3px #d7d7d7;
  margin-bottom: 24px;
}
table.list{
  width: 100%;
  margin:0 auto;
}
.list th{
  background: #fae68c;
  padding: 10px;
  border: 3px solid #fff;
}
.list th{
  width: 30%;
  text-align: left;
}
.list td{
  padding: 10px;
  border: 1px solid #eee;
}
@media only screen and (max-width:480px){
.list{
  margin: 0 -10px;
}
.list th, .list td{
width: 100%;
display: block;
border-top: none;
}
.list tr:first-child th{
  border-top: 1px solid #ddd;
}
}
/* ///////////// philosophy 企業理念ページ /////////////*/
#philosophy{
  width: 96%;
  margin: 0 auto;
}
#philosophy img{
  width: 100%;
  height: auto;
}
#philosophy p{
  text-align: left;
  line-height: 2.1;
}
#philosophy h1{
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 3.2rem;
  line-height: 1.4;
  display: inline-block;
}
#philosophy h2{
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 1.8rem;
  display: inline-block;
}
p.president{
  font-size: 2.1rem;
  text-align: center!important;
  line-height: 2.1;
  color: #0066FF;
  text-shadow: 1px 2px 3px #AAAAAA;
}
p.position{
  font-size: 1.2rem;
  line-height: 1.6!important;
}
p.profile{
  font-size: 0.9rem;
  line-height: 1.6!important;
}
p.creative{
  line-height: 1.6!important;
}
/* ///////////// history 会社のあゆみページ /////////////*/
#history{
  width: 96%;
  margin: 0 auto;
}
#history img{
  width: 100%;
  height: auto;
}
.history img{
  width: 100%;
  height: auto;
}
#history h2{
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.8;
  display: block;
  width: 90%;
  margin: 0 auto;
}
.history-title{
  font-size: 1.8rem;
  color: #AAAAAA;
  text-align: left;
}
.time{
  font-size: 2.4rem;
  color: #000000;
}
.era{
  font-size: 3rem;
  text-align: center;
}
.era-arrow{
  color: #FA8072;
}
table.history{
  width: 100%;
  margin:0 auto;
}
.history tr td{
  vertical-align: top;
}
.history td{
  padding: 5px;
}
.history td.width-15{
  width: 15%;
}
.history td.width-55{
  width: 55%;
}
@media only screen and (max-width:480px){
.history-title{
  font-size: 1rem!important;
}
.time{
  font-size: 1.6rem!important;
}
.era{
  font-size: 2rem!important;
  line-height: 1!important;
  display: inline-block;
  margin-top: 10px;
}
tr td:last-child{
  border-bottom: 1px dotted #AAAAAA!important;
}
.history{
  margin: 0 -10px;
}
.history td{
width: 100%;
display: block;
border-top: none;
}
.history td.width-15{
  width: auto;
}
.history td.width-55{
  width: auto;
}
#history h2{
  font-size: 1.4rem;
  text-align: left!important;
}
}
/* ///////////// 特商法表示ページ /////////////*/
.titlearea-b{
  width: 100%;
  background-color: #FDF5E6;
  border-bottom: solid 2px #0066CC;
}
.titlename-b{
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
  color: #6D6D6D;
  text-align: center;
}
@media only screen and (max-width:768px){
.titlename-b{
    font-size: 1.6rem;
}
}
#antique-license{
  width: 96%;
  margin: 0 auto;
}
h2.mail-order{
  font-size: 1.8rem;
  text-align: center;
}
.mail-order a{
  border-bottom: 2px dotted #0066CC;
}
/* ///////////// 利用規約ページ /////////////*/
.terms-text{
  display: block;
  width:96%;
  text-align: left;
  margin: 0 auto!important;
}
p.center{
  font-size: 1.4rem;
  text-align: center;
}
.caution{
  font-size: 0.9rem;
  color: #FF0000;
  line-height: 2;
}
.fakesite{
  font-size: 0.9rem;
  line-height: 3;
}
.fakesite a{
  border-bottom: 1px dotted #0066CC;
}
/* ////////// プライバシーポリシーページ //////////*/
.titlename-c{
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
  line-height: 1;
  color: #6D6D6D;
  text-align: center;
}
.subtitle-b{
  font-size: 1.8rem;
}
@media only screen and (max-width:768px){
.titlename-c{
    font-size: 1.8rem;
}
.subtitle-b{
  font-size: 1rem;
}
}