@charset "UTF-8";
/* Scss Document */
@font-face { font-family: 'insta'; src: url("../font/Billabong.woff") format("woff"), url("../font/Billabong.woff2") format("woff2"); }

@font-face { font-family: 'tsukushib'; src: url("../font/tsukushi_A_Bold.woff") format("woff"), url("../font/tsukushi_A_Bold.woff2") format("woff2"), url("../font/tsukushi_A_Bold.otf") format("otf"); }

@font-face { font-family: 'tsukushi'; src: url("../font/tsukushi_A_regular.woff") format("woff"), url("../font/tsukushi_A_regular.woff2") format("woff2"), url("../font/tsukushi_A_regular.otf") format("otf"); }

.tos-caption { margin-bottom: 2em; }

section.bg-gray { background-color: #f2f2f2; padding: 40px 5%; text-align: center; margin-bottom: 80px; }

section.bg-gray h2 { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 3.6rem; margin-bottom: 1em; font-weight: bold; letter-spacing: .25em; position: inherit; }

section.bg-gray h2:before { content: none; display: none; }

section.bg-gray p { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 1.6rem; text-align: center; margin-bottom: 0; letter-spacing: .25em; line-height: 2; }

ul.flex-4 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }

ul.flex-4 li { flex-basis: 23.5%; }

ul.flex-4 li figure { width: 100%; margin-bottom: 10px; }

ul.flex-4 li figure img { width: 100%; height: 160px; object-fit: cover; font-family: 'object-fit: cover;'; }

ul.flex-4 li p.cate-top { font-size: small; border: solid 1px #333333; display: inline-block; }

ul.flex-4 li p.cate-top a { display: inline-block; padding: 0.25em 0.5em; }

ul.flex-4 li h3 { font-size: 1.5rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom: 0; text-align: left; }

ul.flex-4 li p.date_time { font-size: small; margin-bottom: 0; }

p.more_link { font-size: 1.8rem; text-align: center; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing: .25em; margin-bottom: 0; }

p.more_link a:hover { text-decoration: none; }

ul.link-banner { margin-bottom: 0; }

ul.link-banner li { width: 100%; margin-bottom: 20px; }

ul.link-banner li img { width: 100%; height: auto; }

div.wrapper-box { margin-bottom: 0; }

div.wrapper-box .left_box { width: 66%; max-width: 660px; float: left; }

div.wrapper-box .left_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

div.wrapper-box .left_box ul li { flex-basis: 48.48485%; margin-bottom: 20px; }

div.wrapper-box .left_box ul li img { width: 100%; height: auto; }

div.wrapper-box .left_box div img { width: 100%; height: auto; max-height: 240px; }

div.wrapper-box .right_box { width: 32%; float: right; }

div.wrapper-box .right_box ul li { margin-bottom: 20px; }

div.wrapper-box .right_box ul li img { width: 100%; height: auto; }

ul.banner-flex { width: 100%; max-width: 1000px; display: -ms-flexbox; /*for IE10*/ display: -webkit-flex; /*for old webkit browser*/ display: flex; -ms-flex-wrap: wrap; /*for IE10*/ -webkit-flex-wrap: wrap; /*for old webkit browser*/ flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; }

ul.banner-flex li img { width: 100%; max-width: 100%; height: auto; }

ul.banner-flex li.rss { flex-basis: 40%; }

ul.banner-flex li.fb { flex-basis: 25%; }

ul.banner-flex li.kurashi1 { flex-basis: 32%; }

ul.banner-flex li.recruit { flex-basis: 36%; }

ul.banner-flex li.plus { flex-basis: 29%; }

ul.banner-flex li.enshu { flex-basis: 32%; }

@media screen and (max-width: 1023px) and (max-width: 768px) { ul.flex-4 li { flex-basis: 49%; margin-bottom: 20px; }
  ul.flex-4 li figure img { height: 150px; }
  ul.flex-4 li p.cate { font-size: small; border: solid 1px #333333; display: inline-block; }
  ul.flex-4 li p.cate a { display: inline-block; padding: 4px 5px; }
  ul.flex-4 li h3 { font-size: 1.7rem; font-weight: bold; margin-bottom: 0; }
  ul.flex-4 li p.date_time { font-size: small; margin-bottom: 0; }
  div.wrapper-box .left_box { width: 100%; max-width: inherit; float: none; margin-bottom: 20px; }
  div.wrapper-box .right_box { width: 100%; float: none; }
  div.wrapper-box .right_box ul { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
  div.wrapper-box .right_box ul li { margin-bottom: 0px; flex-basis: 48.48485%; } }

@media screen and (max-width: 640px) { div.wrapper-box .left_box ul { display: inherit; flex-wrap: inherit; justify-content: inherit; }
  div.wrapper-box .left_box ul li { flex-basis: inherit; }
  div.wrapper-box .left_box ul li img { display: block; margin: 0 auto; width: 100%; } }

@media screen and (max-width: 480px) { section.bg-gray { margin-bottom: 40px; }
  section.bg-gray h2 { font-size: 3.2rem; }
  section.bg-gray p { /* font-size: 1.6rem; letter-spacing: 1px; line-height: 2; */ text-align: left; letter-spacing: 1px; /* br { display: none; } */ }
  ul.flex-4 { margin-bottom: 0px; }
  ul.flex-4 li figure img { height: 120px; }
  ul.banner-flex { max-width: inherit; display: inherit; -ms-flex-wrap: inherit; /*for IE10*/ -webkit-flex-wrap: inherit; /*for old webkit browser*/ flex-wrap: inherit; justify-content: inherit; margin-bottom: 15px; }
  ul.banner-flex li { margin-bottom: 15px; }
  ul.banner-flex li.rss { flex-basis: inherit; }
  ul.banner-flex li.fb { flex-basis: inherit; }
  ul.banner-flex li.kurashi1 { flex-basis: inherit; }
  ul.banner-flex li.recruit { flex-basis: inherit; }
  ul.banner-flex li.plus { flex-basis: inherit; }
  ul.banner-flex li.enshu { flex-basis: inherit; } }