@charset "utf-8";
/*
Theme Name:柳沢製袋 WordPress テーマ
Theme URI:http://www.webya.co.jp/
Description:うぇぶ屋制作のSEOに特化したテーマ
Author:webya.inc
Author URI:http://www.webya.co.jp/
Version: 1.11
*/

/* CSS Document */



@font-face {
  font-family: 'yanagisawa';
	src:
    url('original_fonts/yanagisawa.ttf') format('truetype'),
    url('original_fonts/yanagisawa.woff') format('woff'),
    url('original_fonts/yanagisawa.svg') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'yanagisawa' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.icon-recruit:before {
  content: "\e900";
}
.icon-x:before {
  content: "\e901";
}
.icon-logo:before {
  content: "\e902";
}
.icon-quality:before {
  content: "\e903";
}
.icon-phone:before {
  content: "\e904";
}
.icon-proposal:before {
  content: "\e905";
}
.icon-tour:before {
  content: "\e906";
}
.icon-qa:before {
  content: "\e907";
}
.icon-topic:before {
  content: "\e908";
}
.icon-facebook:before {
  content: "\e909";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-contact:before {
  content: "\e90b";
}
.icon-share:before {
  content: "\e90c";
}
.icon-r-arrow:before {
  content: "\e90d";
}
.icon-home:before {
  content: "\e90e";
}
.icon-pocket:before {
  content: "\e90f";
}
.icon-hatebu:before {
  content: "\e910";
}
.icon-b-arrow:before {
  content: "\e911";
}
.icon-l-arrow:before {
  content: "\e912";
}
.icon-c-mark:before {
  content: "\e913";
}
.icon-t-arrow:before {
  content: "\e914";
}
.icon-system:before {
  content: "\e915";
}
.icon-product:before {
  content: "\e916";
}

h5.single_title {
  display: inline-block;
  padding: 3px 9px;
  background: #ccc;
  margin-bottom: .5em
}

@media (min-width: 649px) {
  div.column_block {
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  div.column_block div.column-2 {
    margin-right: 40px;
    max-width: 40%;
    width: 40%;
  }
}

@media (max-width: 648px) {
  div.column_block {
    margin-top: 1em;
  }
  div.column_block div.column-2 {
    width: 100%;
  }
  div.column_block .column-2 + .column-2 {
    margin-top: 20px;
  }
}

div.column_block div.column-2 img {
  border: 1px solid #aaa;
  margin-top: 1em;
}
@media (min-width: 649px) {
  .box-company05 .company-fact {
    display: flex;
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
    gap: 5%;
  }

  .box-company05 .company-fact .fact-box {
    width: 30%;
    vertical-align: top;
  }

  .box-company05 .company-fact .fact-box img {
  }

  .box-company05 .company-fact .fact-box h3 {
    font-size: 20px;
    margin: 6px 0;
  }
  p.map_btn {
    text-align: center;
  }
  p.map_btn a {
    font-size: 13px;
    padding: 6px 10px;
    margin-top: 12px;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
  }
}

@media (max-width: 648px) {
  .box-company05 .company-fact {
    display: block;
  }
  .box-company05 .company-fact .fact-box {
    width: 100%;
  }
  .box-company05 .company-fact .fact-box + .fact-box {
    margin-top: 20px;
  }
  .box-company05 .company-fact .fact-box h3 {
    font-size: 16px;
    margin: 6px 0;
  }
  .fact-box a {
    text-align: center;
  }
  a.map_link {
    font-size: 16px;
    background-color: white;
    border: solid 1px #63c65e;
    margin: 10px 0;
    padding: 8px 15px;
    display: block;
  }
}

.recruit-fact {
		width: 90%;
		margin: 0 auto;
		max-width: 1000px;
}

.recruit_banners {
	margin-top: 1em;
}

@media (min-width: 769px) {
	img.pc-image {
		display: block;
		height: auto;
	}
	img.sp-image {
		display: none;
	}
}

@media (max-width: 768px) {
	img.pc-image {
		display: none;
	}
	img.sp-image {
		display: block;
		height: auto;
	}
}