@charset "UTF-8";
@import url(download.css);
.ovr-hdn {
  overflow: hidden; }

.float-left {
  float: left; }

.download_wrap{
	background: #dfdfdf;
}
.download_ul{
	padding: 30px 0;
	margin: 0 auto 50px;
	width: 800px;
	display: table;
}
.download_ul li{
	text-align: center;
	display: table-cell;
}
.download_ul h3{
	font-size: 20px;
}
.download_ul .download-txt{
	padding: 15px 0 20px;
}
.download_ul .download-txt a{
	background: #000000;
	padding: 10px 30px;
	color: #ffffff;
	line-height: 1;
}


.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.sample5-2::before{
    right: 10px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #e20013;
    border-right: 2px solid #e20013;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.download_ul .download-txt a:hover{
	opacity: 0.7;
}
.download_ul .catalog a:hover{
	opacity: 0.7;
}

.catalog{
	padding:  0;
}
.fontsmall{
	font-size: 14px;
	display: inline!important;
}
@media screen and (max-width: 768px) {
	h2 .fontsmall{
			display: inline!important;
	}
.download_wrap{
	display: block;
	margin: 50px auto;
	width: 96%;
	background: #dfdfdf;
}
.download_ul{
	padding: 0 0 50px;
	margin: 20px auto;
	width: 100%;
	display: block;
}
.download_ul li{
	padding: 50px 0 0;
	text-align: center;
	display: block;
}
.download_ul h3{
	font-size: 20px;
}
.download_ul .download-txt{
	padding: 15px 0 20px;
}
.download_ul .download-txt a{
	background: #000000;
	padding: 10px 30px;
	color: #ffffff;
	line-height: 1;
}


.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.sample5-2::before{
    right: 10px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #e20013;
    border-right: 2px solid #e20013;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.download_ul .download-txt a:hover{
	opacity: 0.7;
}
.download_ul .catalog a:hover{
	opacity: 0.7;
}

.catalog img{
	width: 80%;

}


}
@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }

html, body {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  color: #222; }

img {
  max-width: 100%; }

.contents {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px; }

h2 {
  margin: 30px 10px;
  height: 23px;
  font-size: 180%;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

#recuit .row {
  margin-bottom: 10px; }
  @media screen and (max-width: 768px) {
    #recuit .row#top {
      margin-top: 40px; } }
  #recuit .row p {
    float: left;
    font-size: 110%;
    border: 1px solid #000;
    padding: 10px; }
    @media screen and (max-width: 768px) {
      #recuit .row p {
        float: none; } }
    #recuit .row p:nth-child(1) {
      width: 15%;
      font-size: 120%;
      background-color: #eeeeee;
      border-right: none; }
      @media screen and (max-width: 768px) {
        #recuit .row p:nth-child(1) {
          width: 96%;
          font-size: 130%;
          text-align: center;
          border: 1px solid #000;
          border-bottom: none;
          margin: 0 auto; } }
    #recuit .row p:nth-child(2) {
      width: 85%; }
      @media screen and (max-width: 768px) {
        #recuit .row p:nth-child(2) {
          width: 96%;
          margin: 0 auto 10px; } }

/*# sourceMappingURL=download.css.map */