@charset "utf-8";
/* CSS Document */
.pageHero_img {
 background-image: url('..//images/pageHero-adoption.jpg');
}
/*********************************************

動画サイト

*********************************************/
#careers hr {
 height: 1px;
 background-color: #ddd;
 border: none;
 margin: 30px 0;
}
#careers .number {
 display: inline-block;
 background-color: #FF4C6B;
 color: #fff;
 line-height: 1.5em;
 text-align: center;
 height: 1.4em;
 width: 1.4em;
 border-radius: 50%;
 font-weight: normal;
}
#careers small {
 font-size: 85%;
}
#careers small.weight {
 font-weight: bold;
}
#careers .linkArea ul.flexBox {
 margin-top: -10px;
}
#careers .linkArea ul.flexBox li {
 padding: 0 10px;
}
#careers .linkArea ul.flexBox li a {
 display: block;
 padding: 10px;
 margin-top: 20px;
 border: 1px solid #872434;
 color: #872434;
}
#careers .linkArea ul.flexBox li a:before {
 content: "\f0da";
 font-family: FontAwesome;
 margin-right: 10px;
}
#careers .linkArea ul.flexBox li a.notlink {
 border-color: #aaa !important;
 color: #aaa !important;
 cursor: auto;
}
#careers h3.pagetit {
 font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
 color: #872434;
 font-weight: bold;
 line-height: 1.4;
 margin: 1em 0 0.6em;
 font-size: 20px;
 font-size: 2rem;
}
#careers strong {
 font-weight: bold;
 font-size: 110%;
}
.listArea ul li > ul > li:before {
 content: "\f10c";
 font-family: "FontAwesome";
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 line-height: 1.2;
 margin-right: 0.2em;
 margin-left: -1em;
 color: #FF4C6B;
}
#careers table {
 width: 100%;
}
#careers table th, #careers table td {
 padding: 5px 10px;
 border: 1px solid #ddd;
 vertical-align: middle;
}
#careers table th {
 background: #f1f1f1;
}
#careers table tbody th {
 width: 150px;
 background: #f9f9f9;
	text-align: left;
}
#careers .applyArea {
 margin: 1.8em auto 0.6em;
 text-align: center;
}
#careers .applyArea p {
 font-size: 17px;
 color: #872434;
 font-weight: bold;
}
#careers .applyArea a {
 margin: auto;
 max-width: 340px;
 width: 100%;
 padding: 10px 20px;
 display: block;
 cursor: auto;
 border: 1px solid #ddd;
 background-color: #ddd;
 color: #000;
 font-size: 20px;
 font-weight: bold;
}
#careers .applyArea a.start {
 border: 1px solid #872434;
 background-color: #872434;
 color: #fff;
 cursor: pointer !important;
}
#careers .applyArea a.start::after {
 color: #fff;
}
#careers .leadArea {
 padding: 20px;
}
#careers .leadArea dl {
 counter-reset: number;
}
#careers .leadArea dl dt::before {
 counter-increment: number;
 content: "("counter(number)")";
 padding-right: 5px;
}
#careers .leadArea dl dt {
 font-size: 18px;
 font-weight: bold;
 color: #872434;
}
#careers .leadArea dl dd {
 padding-left: 2em;
 margin-bottom: 10px;
}
#careers .overview {
 counter-reset: number;
}
#careers .overview h3::before {
 counter-increment: number;
 content: counter(number)".";
 padding-right: 5px;
}
#careers dl.kikan {
 display: table;
}
#careers dl.kikan dt, #careers dl.kikan dd {
 display: table-cell
}
#careers dl.kikan dt {
 width: 5.1em;
}
#careers div.linkBox ul.flexBox {
 margin-top: -10px;
}
#careers div.linkBox ul.flexBox li {
 padding: 0 10px;
}
#careers div.linkBox ul.flexBox li a {
 display: block;
 padding: 10px;
 margin-top: 20px;
 border: 1px solid #872434;
 color: #872434;
}
#careers div.linkBox > ul > li > a:before {
 content: "\f0da";
 font-family: FontAwesome;
 margin-right: 10px;
}
#careers .questionArea dl {
 padding: 10px;
}
#careers .questionArea dl dt{
 font-size: 16px;
}
#careers .questionArea dl dd {
 padding-left: 1.5em;
 position: relative;
}

 #careers .questionArea dl dd::before {
 position: absolute;
 font-weight: bold;
 top: 0;
 left: 0;
}
#careers .nunberwarp{
	 counter-reset: number;
}
#careers .questionArea dl dt::before{
	counter-increment: number;
 content: "Q"counter(number)".";
 padding-right: 5px;
}
/*#careers .questionArea dl dt::before {
 content: "Q.";
}*/
#careers .questionArea dl dd::before {
 content: "A.";
 color: #0068b3;
}
#careers .questionArea dl dt {
 color: #872434;
 font-weight: bold;
 padding-bottom: 8px;
 margin-bottom: 8px;
 border-bottom: 1px solid #ddd;
}
#careers .questionArea dl dd {
 margin-bottom: 30px;
}
#careers .questionArea dl dd:last-child {
 margin-bottom: 0px;
}
#careers .textindent-1{
	text-indent: 1em;
}
#careers .textindent-2{
	text-indent: 2em;
}
@media (max-width: 768px) {
	#careers .textindent-1,#careers .textindent-2{
		text-indent:0;
	}
 #careers .linkArea ul.flexBox li {
  width: 100%;
 }
 #careers .itemBox {
  width: 100%;
  padding: 0;
 }
 #careers .leadArea {
  padding: 0px;
 }
 #careers .leadArea dl dt {
  font-size: 16px;
 }
 #careers .table-responsive table {
  min-width: 600px;
 }
 #careers .questionArea dl dd {
  margin-bottom: 20px;
  text-align: justify;
 }
 #careers .questionArea dl br {
  display: none;
 }
 #careers div.linkBox ul.flexBox li,#careers div.linkBox ul.flexBox-60 li {
  width: 100%;
 }
}
@media screen and (min-width:768px) and (max-width:992px) {
 #careers .linkArea ul.flexBox li {
  width: 50%;
 }
 #careers .itemBox {
  width: 50%;
  padding: 0 20px;
 }
 #careers div.linkBox ul.flexBox li {
  width: 50%;
 }
 #careers .questionArea dl br {
  display: none;
 }
}
@media (min-width: 992px) {
 #careers .linkArea ul.flexBox li a:hover {
  color: #FF0C54;
  border: 1px solid #FF0C54;
 }
 #careers .linkArea ul.flexBox li {
  width: 33.333333333333%;
 }
 #careers .itemBox {
  width: 50%;
  padding: 0 20px;
 }
 #careers .applyArea a.start:hover {
  background-color: #fff;
  color: #872434;
 }
 #careers .applyArea a.start:hover::after {
  color: #872434;
 }
 #careers .schedule table thead th:last-child {
  width: 380px;
 }
 #careers div.linkBox ul.flexBox li {
  width: 33.3333333%;
 }
 #careers div.linkBox ul.flexBox li a:hover {
  border: 1px solid #FF0C54;
  color: #FF0C54;
 }
	
 #careers div.linkBox ul.flexBox-60 li {
  width: 60%;
 }
	
}



      .imglink{
       margin-top: 15px;
       margin-bottom: 15px;
      }
      .imglink a{
       display:  block !important;
      }
      .imglink a::after{
       content: none !important;
      }