@charset "UTF-8";
/*

# Style Guide

 */
/*

Reset
------------------------------

リセットCSSとしてNormalize.cssを採用

normalize - [Normalize.css: Make browsers render all elements more consistently.](http://necolas.github.io/normalize.css/)


*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

html {
  cursor: default;
  /* 1 */
  font-size: 100%;
  /* 2 */
  overflow-y: scroll;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
}

body,
form,
input,
button,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
}

a,
a:active,
a:hover {
  outline: none;
}

a:focus {
  outline: thin dotted;
}

abbr {
  _border-bottom: expression(this.title ? '1px dotted' : 'none');
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #FF0;
  color: #000;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

small,
sub,
sup {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

nav ul {
  list-style: none;
}

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
}

audio {
  display: none;
  _display: expression(this.controls ? 'inline' : 'none');
  *zoom: 1;
}

audio[controls] {
  display: inline-block;
}

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

svg:not(:root) {
  overflow: hidden;
}

legend {
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  /* 1 */
  _overflow: expression(this.type == 'button|reset|submit' ? 'visible' : '');
  /* 2 */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  overflow: visible;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ////////////////////////////////////////
$scss
//////////////////////////////////////// */
/* ////////////////////////////////////////
$support
//////////////////////////////////////// */
/* ////////////////////////////////////////
$use
//////////////////////////////////////// */
/* ////////////////////////////////////////
$color
//////////////////////////////////////// */
/* ////////////////////////////////////////
$devices
//////////////////////////////////////// */
/* ////////////////////////////////////////
$font
//////////////////////////////////////// */
/* ////////////////////////////////////////
$sprite
//////////////////////////////////////// */
/*@import "gnav/*.png";
$sprites: sprite-map("gnav/*.png");
@include all-gnav-sprites();
*/
/*

Default Style
------------------------------
 */

body {
  line-height: 1.7em;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, Osaka, "ＭＳ Ｐゴ	シック", "MS PGothic", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  -webkit-text-size-adjust: none;
  color: #333;
  line-break: strict;
  background: #fff;
  letter-spacing: 0.12em;
}
.youtube{
	position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a {
  color: #333;
  text-decoration: none;
}

a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: none;
}

a:active {
  color: #CC0000;
  text-decoration: none;
}

a:focus, *:focus {
  outline: none;
}

a:hover {
  cursor: pointer;
}

a {
  transition: opacity .3s ease-in-out;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

ul, li {
  margin: 0px;
  padding: 0px;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  margin-right: 8px;
}

input[type="radio"] {
  -webkit-appearance: radio;
  border-radius: 1;
  vertical-align: baseline;
  *vertical-align: middle;
}

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
}

.clearfix {
  /* For modern browsers */
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.wrapper {
  width: 960px;
  margin: 0px auto;
  position: relative;
  padding: 0 20px;
}

.hide, #works article div h3, #fukei article h1, #fukei article h2 {
  display: none;
}

.headline_01 {
  font-size: 11px;
  line-height: 1em;
  letter-spacing: 0em;
}

.headline_02 {
  font-size: 11px;
  line-height: 1em;
  letter-spacing: 0em;
}

.headline_03 {
  font-size: 11px;
  line-height: 1em;
  letter-spacing: 0em;
}

p {
  font-size: 16px;
  text-align: left;
}

ul {
  list-style: none;
  margin: 0;
}

dl dd {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: top;
}

html {
  min-height: 100%;
  position: relative;
}

body {
  margin-bottom: 104px;
}

footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}

/* ----------------
# SP版
------------------- */
header {
  position: relative;
  padding: 20px 20px 20px 20px;
}
header #site-title {
  line-height: 0;
  margin-bottom: 45px;
}
header #site-title img {
  width: 208px;
  height: 9px;
}
header #site-title span {
  display: none;
}
header #site-title:hover {
  opacity: 0.7;
}
header nav ul {
  position: absolute;
  width: 328px;
  height: 22px;
  right: 25px;
  bottom: 20px;
}
header nav ul li {
  line-height: 1em;
}
header nav ul li a {
  display: block;
  float: left;
  margin: 0 20px 0 0;
}
header nav ul li:last-child a {
  margin-right: 0;
}
header nav ul li img {
  width: auto;
  height: 11px;
}
header nav ul li span {
  display: none;
}
header nav ul li:hover img {
  opacity: 0.7;
}

.inview {
  opacity: 0;
  transition: 1.0s;
}

.inview-fade {
  opacity: 1.0;
}

#works article {
  padding-top: 220px;
}
#works article ul li a {
  height: 150px;
  display: block;
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 150px;
  margin-bottom: 70px;
}
#works article ul li a:hover {
  opacity: 0.7;
  transition: opacity .3s ease-in-out;
}
#works article ul li a span {
  display: none;
}


#works article ul li#nigeru a {
  background-image: url("images/nigeru.png");
}
#works article ul li#machinodesignshitsu a {
  background-image: url("images/machinodesignshitsu.png");
}
#works article ul li#pc a {
  background-image: url("images/pc.png");
}
#works article ul li#pan a {
  background-image: url("images/pan.png");
}
#works article ul li#champagne a {
  background-image: url("images/champagne.png");
}
#works article ul li#sakana a {
  background-image: url("images/sakana.png");
}
#works article ul li#lemon a {
  background-image: url("images/lemon.png");
}
#works article ul li#hana a {
  background-image: url("images/hana.png");
}
#works article ul li#newspaperbagweb a {
  background-image: url("images/newspaperbagweb＋.png");
}
#works article ul li#hirahira2020 a {
  background-image: url("images/hirahira2020.png");
}
#works article ul li#godasawako a {
  background-image: url("images/godasawako.png");
}
#works article ul li#kumakengo a {
  background-image: url("images/kumakengo2.jpg");
}
#works article ul li#sunahama a {
  background-image: url("images/03_sunahama.jpg");
}
#works article ul li#andomomoko a {
  background-image: url("images/ando.png");
}
#works article ul li#hirahira2024 a {
  background-image: url("images/hirahira2024.png");
}
#works article ul li#irinomatsubara a {
  background-image: url("images/irinomatsubara.png");
}
#works article ul li#hoshiimo a {
  background-image: url("images/hoshiimo.png");
}
#works article ul li#akitavision2019 a {
  background-image: url("images/akitavision2019.jpg");
}
#works article ul li#waraude a {
  background-image: url("images/waraude_book.png");
}
#works article ul li#waraude_event a {
  background-image: url("images/waraude_event.png");
}
#works article ul li#hirahiratimes2023 a {
  background-image: url("images/2023hirahiratimes.jpg");
}
#works article ul li#beranda2 a {
  background-image: url("images/beranda2.jpg");
}
#works article ul li#futagami_cm_2023 a {
  background-image: url("images/futagami_cm_2023.png");
}
#works article ul li#imosoft a {
  background-image: url("images/imosoft.jpg");
}
#works article ul li#rissho a {
  background-image: url("images/rissho.jpg");
}
#works article ul li#test a {
  background-image: url("images/test.jpg");
}
#works article ul li#drama_movie a {
  background-image: url("images/drama_movie.jpg");
}
#works article ul li#newtosanikki_CM a {
  background-image: url("images/newtosanikki_CM.jpg");
}
#works article ul li#ringyou_movie a {
  background-image: url("images/ringyou_movie.jpg");
}
#works article ul li#junkuri a {
  background-image: url("images/junkuri.jpg");
}
#works article ul li#ziguri_friends a {
  background-image: url("images/ziguri_friends.jpg");
}

#works article ul li#isu_umi a {
  background-image: url("images/isu_umi.jpg");
}
#works article ul li#yaki_montblanc a {
  background-image: url("images/yaki_montblanc.jpg");
}
#works article ul li#factory-sign a {
  background-image: url("images/factory-sign.jpg");
}

#works article ul li#factory a {
  background-image: url("images/factory.jpg");
}
#works article ul li#zigurigift a {
  background-image: url("images/zigurigift.jpg");
}
#works article ul li#ringyogirl a {
  background-image: url("images/ringyogirl.jpg");
}
#works article ul li#inoue_kome a {
  background-image: url("images/inoue_kome.jpg");
}
#works article ul li#inoue a {
  background-image: url("images/inoue.jpg");
}
#works article ul li#kunteki a {
  background-image: url("images/kunteki.jpg");
}
#works article ul li#aun a {
  background-image: url("images/aun.jpg");
}

#works article ul li#drop a {
  background-image: url("images/drop.jpg");
}

#works article ul li#amaweb a {
  background-image: url("images/ama_web.jpg");
}

#works article ul li#nishi a {
  background-image: url("images/nishi.jpg");
}

#works article ul li#bda00 a {
  background-image: url("images/bda00.jpg");
}
#works article ul li#tamanoyu a {
  background-image: url("images/tamanoyu.jpg");
}
#works article ul li#akitavision2020 a {
  background-image: url("images/akitavision2020.jpg");
}
#works article ul li#futagami_bag a {
  background-image: url("images/futagami_bag.jpg");
}
#works article ul li#younosuke a {
  background-image: url("images/younosuke.jpg");
}
#works article ul li#montblanc_box a {
  background-image: url("images/montblanc_box.jpg");
}
#works article ul li#geshu_mail a {
  background-image: url("images/geshu_mail.jpg");
}
#works article ul li#obuse2020 a {
  background-image: url("images/obuse2020.jpg");
}
#works article ul li#satoandkato a {
  background-image: url("images/satoandkato.jpg");
}
#works article ul li#futagami a {
  background-image: url("images/futagami.jpg");
}
#works article ul li#maronpai a {
  background-image: url("images/maronpai.jpg");
}
#works article ul li#ryomaga a {
  background-image: url("images/ryomaga.jpg");
}
#works article ul li#kangaeruba a {
  background-image: url("images/kangaeruba.jpg");
}
#works article ul li#shinbunbag-p a {
  background-image: url("images/shinbunbag-p.jpg");
}
#works article ul li#oishiide a {
  background-image: url("images/117_oishiide3.jpg");
}
#works article ul li#tataki a {
  background-image: url("images/01_tataki.jpg");
}
#works article ul li#tenpienice a {
  background-image: url("images/02_tenpienice.jpg");
}
#works article ul li#towamonosashi a {
  background-image: url("images/04_towamonosashi.jpg");
}
#works article ul li#ziguri_shibu a {
  background-image: url("images/05_ziguri_shibu.jpg");
}
#works article ul li#sanmabag a {
  background-image: url("images/06_sanmabag.jpg");
}
#works article ul li#ziguri_kinton a {
  background-image: url("images/07_ziguri_kinton.jpg");
}
#works article ul li#okeok_poster a {
  background-image: url("images/08_okeok_poster.jpg");
}
#works article ul li#tsurunoyu a {
  background-image: url("images/09_tsurunoyu.jpg");
}
#works article ul li#yamadaman a {
  background-image: url("images/10_yamadaman.jpg");
}
#works article ul li#shinbunbaglogo a {
  background-image: url("images/92_shinbunbaglogo.jpg");
}
#works article ul li#geschmack_sausage a {
  background-image: url("images/11_geschmack_sausage.jpg");
}
#works article ul li#mizunohon a {
  background-image: url("images/12_mizunohon.jpg");
}
#works article ul li#ryokucha_poster a {
  background-image: url("images/13_ryokucha_poster.jpg");
}
#works article ul li#red_pet a {
  background-image: url("images/14_red_pet.jpg");
}
#works article ul li#hidakawashi_book a {
  background-image: url("images/15_hidakawashi_book.jpg");
}
#works article ul li#red_royal a {
  background-image: url("images/16_red_royal.jpg");
}
#works article ul li#tretre a {
  background-image: url("images/17_tretre.jpg");
}
#works article ul li#hojyowine a {
  background-image: url("images/18_hojyowine.jpg");
}
#works article ul li#otokonosekken a {
  background-image: url("images/19_otokonosekken.jpg");
}
#works article ul li#ise_asari a {
  background-image: url("images/20_ise_asari.jpg");
}
#works article ul li#tosanokaze1 a {
  background-image: url("images/21_tosanokaze1.jpg");
}
#works article ul li#kuridama a {
  background-image: url("images/22_kuridama.jpg");
}
#works article ul li#tonkatsusauce a {
  background-image: url("images/23_tonkatsusauce.jpg");
}
#works article ul li#obusedo_reaf a {
  background-image: url("images/24_obusedo_reaf.jpg");
}
#works article ul li#tottorisky a {
  background-image: url("images/25_tottorisky.jpg");
}
#works article ul li#iriko_reaf a {
  background-image: url("images/26_iriko_reaf.jpg");
}
#works article ul li#red_pack a {
  background-image: url("images/27_red_pack.jpg");
}
#works article ul li#mongol_hirahira a {
  background-image: url("images/28_mongol_hirahira.jpg");
}
#works article ul li#aonori a {
  background-image: url("images/29_aonori.jpg");
}
#works article ul li#genkotsu a {
  background-image: url("images/30_genkotsu.jpg");
}
#works article ul li#kappancalendar a {
  background-image: url("images/31_kappancalendar.jpg");
}
#works article ul li#santyoku a {
  background-image: url("images/32_santyoku.jpg");
}
#works article ul li#yanbaru a {
  background-image: url("images/33_yanbaru.jpg");
}
#works article ul li#tosanokaze2 a {
  background-image: url("images/34_tosanokaze2.jpg");
}
#works article ul li#icecrin a {
  background-image: url("images/35_icecrin.jpg");
}
#works article ul li#obuseposter01 a {
  background-image: url("images/obuseposter01.jpg");
}
#works article ul li#masuichi_roku a {
  background-image: url("images/36_masuichi_roku.jpg");
}
#works article ul li#furusatonodaidokoro a {
  background-image: url("images/37_furusatonodaidokoro.jpg");
}
#works article ul li#hinokiburo a {
  background-image: url("images/38_hinokiburo.jpg");
}
#works article ul li#zyabara a {
  background-image: url("images/39_zyabara.jpg");
}
#works article ul li#ziguri_montblanc a {
  background-image: url("images/40_ziguri_montblanc.jpg");
}
#works article ul li#kochi_museum a {
  background-image: url("images/41_kochi_museum.jpg");
}
#works article ul li#iriko a {
  background-image: url("images/42_iriko.jpg");
}
#works article ul li#yuzunomura a {
  background-image: url("images/43_yuzunomura.jpg");
}
#works article ul li#newspaperbag_tohoku a {
  background-image: url("images/44_newspaperbag_tohoku.jpg");
}
#works article ul li#ryokucha_pet a {
  background-image: url("images/45_ryokucha_pet.jpg");
}
#works article ul li#ekin_reaf a {
  background-image: url("images/46_ekin_reaf.jpg");
}
#works article ul li#tosanokaze3 a {
  background-image: url("images/47_tosanokaze3.jpg");
}
#works article ul li#hyoryubutsuten a {
  background-image: url("images/48_hyoryubutsuten.jpg");
}
#works article ul li#sazaecurry a {
  background-image: url("images/49_sazaecurry.jpg");
}
#works article ul li#tosanokaze4 a {
  background-image: url("images/50_tosanokaze4.jpg");
}
#works article ul li#irizake a {
  background-image: url("images/51_irizake.jpg");
}
#works article ul li#kochi_museum_info a {
  background-image: url("images/52_kochi_museum_info.jpg");
}
#works article ul li#kochi_museum_news a {
  background-image: url("images/53_kochi_museum_news.jpg");
}
#works article ul li#kochi_museum_bag a {
  background-image: url("images/54_kochi_museum_bag.jpg");
}
#works article ul li#river a {
  background-image: url("images/55_river.jpg");
}
#works article ul li#obusemarathon a {
  background-image: url("images/56_obusemarathon.jpg");
}
#works article ul li#namasen a {
  background-image: url("images/57_namasen.jpg");
}
#works article ul li#okeok_book a {
  background-image: url("images/58_okeok_book.jpg");
}
#works article ul li#ziguri_cut a {
  background-image: url("images/59_ziguri_cut.jpg");
}
#works article ul li#hachiyon_project a {
  background-image: url("images/60_84project.jpg");
}
#works article ul li#higashiyama a {
  background-image: url("images/61_higashiyama.jpg");
}
#works article ul li#pina a {
  background-image: url("images/62_pina.jpg");
}
#works article ul li#hinokishushu a {
  background-image: url("images/63_hinokishushu.jpg");
}
#works article ul li#akaoka a {
  background-image: url("images/64_akaoka.jpg");
}
#works article ul li#kurozato a {
  background-image: url("images/65_kurozato.jpg");
}
#works article ul li#newspaperbag_Belgium a {
  background-image: url("images/66_newspaperbag_Belgium.jpg");
}
#works article ul li#sunabi_reaf1 a {
  background-image: url("images/67_sunabi_reaf1.jpg");
}
#works article ul li#sunabi_reaf2 a {
  background-image: url("images/68_sunabi_reaf2.jpg");
}
#works article ul li#tataki_reaf a {
  background-image: url("images/69_tataki_reaf.jpg");
}
#works article ul li#tomatobuntan a {
  background-image: url("images/70_tomatobuntan.jpg");
}
#works article ul li#ziguri_bag a {
  background-image: url("images/71_ziguri_bag.jpg");
}
#works article ul li#daredaakitada a {
  background-image: url("images/72_daredaakitada.jpg");
}
#works article ul li#hitowine a {
  background-image: url("images/73_hitowine.jpg");
}
#works article ul li#spoonforest a {
  background-image: url("images/74_spoonforest.jpg");
}
#works article ul li#akitavision a {
  background-image: url("images/75_akitavision.jpg");
}
#works article ul li#housingcommunity a {
  background-image: url("images/76_housingcommunity.jpg");
}
#works article ul li#jonnobi1 a {
  background-image: url("images/77_jonnobi.jpg");
}
#works article ul li#jonnobi2 a {
  background-image: url("images/78_jonnobi.jpg");
}
#works article ul li#newspaperbagnews a {
  background-image: url("images/79_newspaperbagnews.jpg");
}
#works article ul li#shimantocity a {
  background-image: url("images/80_shimantocity.jpg");
}
#works article ul li#tosanikki a {
  background-image: url("images/81_tosanikki.jpg");
}
#works article ul li#pinktosanikki a {
  background-image: url("images/82_pinktosanikki.jpg");
}
#works article ul li#aoyagi_bag a {
  background-image: url("images/83_aoyagi_bag.jpg");
}
#works article ul li#tosanikki_colton a {
  background-image: url("images/84_tosanikki_colton.jpg");
}
#works article ul li#tokoroten a {
  background-image: url("images/85_tokoroten.jpg");
}
#works article ul li#kurimushi a {
  background-image: url("images/86_kurimushi.jpg");
}
#works article ul li#river_logo a {
  background-image: url("images/87_river_logo.jpg");
}
#works article ul li#hachiyonoyaji a {
  background-image: url("images/88_hachiyonoyaji.jpg");
}
#works article ul li#ziguri_bag a {
  background-image: url("images/89_ziguri_bag.jpg");
}
#works article ul li#nipponnofukei a {
  background-image: url("images/90_nipponnofukei.jpg");
}
#works article ul li#jpda_shimanto a {
  background-image: url("images/91_jpda_shimanto.jpg");
}
#works article ul li#kyakuden a {
  background-image: url("images/93_kyakuden.jpg");
}
#works article ul li#entotsu a {
  background-image: url("images/94_entotsu.jpg");
}
#works article ul li#kurikintsuba a {
  background-image: url("images/95_kurikintsuba.jpg");
}
#works article ul li#kenia a {
  background-image: url("images/96_kenia.jpg");
}
#works article ul li#hirahiratimes a {
  background-image: url("images/97_hirahiratimes.jpg");
}
#works article ul li#shinbuntohoku a {
  background-image: url("images/98_shinbuntohoku.jpg");
}
#works article ul li#otasuketanba a {
  background-image: url("images/99_otasuketanba.jpg");
}
#works article ul li#hinokiwater a {
  background-image: url("images/100_hinokiwater.jpg");
}
#works article ul li#mizu a {
  background-image: url("images/101_mizu.jpg");
}
#works article ul li#ryoma_hako a {
  background-image: url("images/102_ryoma_hako.jpg");
}
#works article ul li#ryoma_kobousou a {
  background-image: url("images/103_ryoma_kobousou.jpg");
}
#works article ul li#akitahakko a {
  background-image: url("images/104_akitahakko.jpg");
}
#works article ul li#kuriyama a {
  background-image: url("images/105_kuriyama.jpg");
}
#works article ul li#kintonchabako a {
  background-image: url("images/106_kintonchabako.jpg");
}
#works article ul li#tenukiudon a {
  background-image: url("images/107_tenukiudon.jpg");
}
#works article ul li#ryoma_housou a {
  background-image: url("images/108_ryoma_housou.jpg");
}
#works article ul li#shimantotape a {
  background-image: url("images/109_shimantotape.jpg");
}
#works article ul li#hokuryu a {
  background-image: url("images/110_hokuryu.jpg");
}
#works article ul li#kanoko a {
  background-image: url("images/111_kanoko.jpg");
}
#works article ul li#yakiguri a {
  background-image: url("images/112_yakiguri.jpg");
}
#works article ul li#seikatsuroll a {
  background-image: url("images/113_seikatsuroll.jpg");
}
#works article ul li#zibatsu a {
  background-image: url("images/114_zibatsu.jpg");
}
#works article ul li#daen a {
  background-image: url("images/115_daen.jpg");
}
#works article ul li#kuriaisu a {
  background-image: url("images/116_kuriaisu.jpg");
}
#works article ul li#npbn2018 a {
  background-image: url("images/121_npbn2018.jpg");
}
#works article ul li#ziguriman a {
  background-image: url("images/118_ziguriman.jpg");
}
#works article ul li#geshubox a {
  background-image: url("images/119_geshubox.jpg");
}
#works article ul li#zyabara a {
  background-image: url("images/zyabara.jpg");
}
#works article ul li#sakurasaku a {
  background-image: url("images/120_sakurasaku.jpg");
}
#works article ul li#hirahira2018 a {
  background-image: url("images/122_hirahira2018.jpg");
}
#works article ul li#nondemasu a {
  background-image: url("images/nondemasu.jpg");
}
#works article ul li#kamikoya a {
  background-image: url("images/kamikoya.jpg");
}
#works article ul li#ryoma a {
  background-image: url("images/ryoma.jpg");
}
#works article ul li#amacyo a {
  background-image: url("images/amacyo.jpg");
}
#works article ul li#hachiyon2024 a {
  background-image: url("images/hachiyon2024.png");
}

/*-------------------------------------*/
/*-------------------------------------*/
/*ここから下にもう一回コピペ*/
/*-------------------------------------*/
/*-------------------------------------*/

#works article div {
  height: 150px;
  display: block;
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 150px;
  margin-bottom: 70px;
}



#works article div:hover {
  opacity: 0.7;
  transition: opacity .3s ease-in-out;
}

#works article ul li#nigeru a {
  background-image: url("images/nigeru.png");
}
#works article ul li#machinodesignshitsu a {
  background-image: url("images/machinodesignshitsu.png");
}
#works article ul li#pc a {
  background-image: url("images/pc.png");
}
#works article ul li#sakana a {
  background-image: url("images/sakana.png");
}
#works article ul li#lemon a {
  background-image: url("images/lemon.png");
}
#works article ul li#hana a {
  background-image: url("images/hana.png");
}
#works article ul li#newspaperbagweb a {
  background-image: url("images/newspaperbagweb＋.png");
}
#works article ul li#hirahira2020 a {
  background-image: url("images/hirahira2020.png");
}
#works article ul li#godasawako a {
  background-image: url("images/godasawako.png");
}
#works article div#kumakengo {
  background-image: url("images/kumakengo2.jpg");
}
#works article ul li#sunahama a {
  background-image: url("images/03_sunahama.jpg");
}
#works article ul li#andomomoko a {
  background-image: url("images/ando.png");
}
#works article ul li#hirahira2024 a {
  background-image: url("images/hirahira2024.png");
}
#works article ul li#irinomatsubara a {
  background-image: url("images/irinomatsubara.png");
}
#works article ul li#akitavision2019 a {
  background-image: url("images/akitavision2019.jpg");
}
#works article ul li#waraude a {
  background-image: url("images/waraude_book.png");
}
#works article ul li#waraude_event a {
  background-image: url("images/waraude_event.png");
}
#works article ul li#hirahiratimes2023 a {
  background-image: url("images/2023hirahiratimes.jpg");
}
#works article ul li#beranda2 a {
  background-image: url("images/beranda2.jpg");
}
#works article ul li#futagami_cm_2023 a {
  background-image: url("images/futagami_cm_2023.png");
}
#works article ul li#imosoft a {
  background-image: url("images/imosoft.jpg");
}
#works article ul li#rissho a {
  background-image: url("images/rissho.jpg");
}
#works article ul li#test a {
  background-image: url("images/test.jpg");
}
#works article ul li#drama_movie a {
  background-image: url("images/drama_movie.jpg");
}
#works article ul li#hoshiimo a {
  background-image: url("images/hoshiimo.png");
}
#works article ul li#newtosanikki_CM a {
  background-image: url("images/newtosanikki_CM.jpg");
}
#works article ul li#ringyou_movie a {
  background-image: url("images/ringyou_movie.jpg");
}
#works article ul li#junkuri a {
  background-image: url("images/junkuri.jpg");
}
#works article ul li#ziguri_friends a {
  background-image: url("images/ziguri_friends.jpg");
}
#works article ul li#isu_umi a {
  background-image: url("images/isu_umi.jpg");
}
#works article ul li#yaki_montblanc a {
  background-image: url("images/yaki_montblanc.jpg");
}
#works article ul li#factory-sign a {
  background-image: url("images/factory-sign.jpg");
}

#works article ul li#factory a {
  background-image: url("images/factory.jpg");
}
#works article ul li#zigurigift a {
  background-image: url("images/zigurigift.jpg");
}
#works article ul li#ringyogirl a {
  background-image: url("images/ringyogirl.jpg");
}
#works article ul li#inoue_kome a {
  background-image: url("images/inoue_kome.jpg");
}
#works article ul li#inoue a {
  background-image: url("images/inoue.jpg");
}
#works article ul li#kunteki a {
  background-image: url("images/kunteki.jpg");
}
#works article ul li#aun a {
  background-image: url("images/aun.jpg");
}

#works article ul li#amaweb a {
  background-image: url("images/ama_web.jpg");
}

#works article ul li#nishi a {
  background-image: url("images/nishi.jpg");
}

#works article ul li#bda00 a {
  background-image: url("images/bda00.jpg");
}	
#works article ul li#tamanoyu a {
  background-image: url("images/tamanoyu.jpg");
}	
#works article ul li#akitavision2020 a {
  background-image: url("images/akitavision2020.jpg");
}
#works article div#futagami_bag {
  background-image: url("images/futagami_bag.jpg");
}
#works article div#younosuke {
  background-image: url("images/younosuke.jpg");
}
#works article div#montblanc_box {
  background-image: url("images/montblanc_box.jpg");
}
#works article div#geshu_mail {
  background-image: url("images/geshu_mail.jpg");
}
#works article div#obuse2020 {
  background-image: url("images/obuse2020.jpg");
}
#works article div#satoandkato {
  background-image: url("images/satoandkato.jpg");
}
#works article div#futagami {
  background-image: url("images/futagami.jpg");
}
#works article div#maronpai {
  background-image: url("images/maronpai.jpg");
}
#works article div#ryomaga {
  background-image: url("images/ryomaga.jpg");
}
#works article div#kangaeruba {
  background-image: url("images/kangaeruba.jpg");
}
#works article div#shinbunbag-p {
  background-image: url("images/shinbunbag-p.jpg");
}
#works article div#tataki {
  background-image: url("images/01_tataki.jpg");
}
#works article div#tenpienice {
  background-image: url("images/02_tenpienice.jpg");
}
#works article div#towamonosashi {
  background-image: url("images/04_towamonosashi.jpg");
}
#works article div#ziguri_shibu {
  background-image: url("images/05_ziguri_shibu.jpg");
}
#works article div#sanmabag {
  background-image: url("images/06_sanmabag.jpg");
}
#works article div#ziguri_kinton {
  background-image: url("images/07_ziguri_kinton.jpg");
}
#works article div#okeok_poster {
  background-image: url("images/08_okeok_poster.jpg");
}
#works article div#tsurunoyu {
  background-image: url("images/09_tsurunoyu.jpg");
}
#works article div#yamadaman {
  background-image: url("images/10_yamadaman.jpg");
}
#works article div#shinbunbaglogo {
  background-image: url("images/92_shinbunbaglogo.jpg");
}
#works article div#geschmack_sausage {
  background-image: url("images/11_geschmack_sausage.jpg");
}
#works article div#mizunohon {
  background-image: url("images/12_mizunohon.jpg");
}
#works article div#ryokucha_poster {
  background-image: url("images/13_ryokucha_poster.jpg");
}
#works article div#red_pet {
  background-image: url("images/14_red_pet.jpg");
}
#works article div#hidakawashi_book {
  background-image: url("images/15_hidakawashi_book.jpg");
}
#works article div#red_royal {
  background-image: url("images/16_red_royal.jpg");
}
#works article div#tretre {
  background-image: url("images/17_tretre.jpg");
}
#works article div#hojyowine {
  background-image: url("images/18_hojyowine.jpg");
}
#works article div#otokonosekken {
  background-image: url("images/19_otokonosekken.jpg");
}
#works article div#ise_asari {
  background-image: url("images/20_ise_asari.jpg");
}
#works article div#tosanokaze1 {
  background-image: url("images/21_tosanokaze1.jpg");
}
#works article div#kuridama {
  background-image: url("images/22_kuridama.jpg");
}
#works article div#tonkatsusauce {
  background-image: url("images/23_tonkatsusauce.jpg");
}
#works article div#obusedo_reaf {
  background-image: url("images/24_obusedo_reaf.jpg");
}
#works article div#tottorisky {
  background-image: url("images/25_tottorisky.jpg");
}
#works article div#iriko_reaf {
  background-image: url("images/26_iriko_reaf.jpg");
}
#works article div#red_pack {
  background-image: url("images/27_red_pack.jpg");
}
#works article div#mongol_hirahira {
  background-image: url("images/28_mongol_hirahira.jpg");
}
#works article div#aonori {
  background-image: url("images/29_aonori.jpg");
}
#works article div#genkotsu {
  background-image: url("images/30_genkotsu.jpg");
}
#works article div#kappancalendar {
  background-image: url("images/31_kappancalendar.jpg");
}
#works article div#santyoku {
  background-image: url("images/32_santyoku.jpg");
}
#works article div#yanbaru {
  background-image: url("images/33_yanbaru.jpg");
}
#works article div#tosanokaze2 {
  background-image: url("images/34_tosanokaze2.jpg");
}
#works article div#icecrin {
  background-image: url("images/35_icecrin.jpg");
}
#works article ul li#obuseposter01 a {
  background-image: url("images/obuseposter01.jpg");
}
#works article div#masuichi_roku {
  background-image: url("images/36_masuichi_roku.jpg");
}
#works article div#furusatonodaidokoro {
  background-image: url("images/37_furusatonodaidokoro.jpg");
}
#works article div#hinokiburo {
  background-image: url("images/38_hinokiburo.jpg");
}
#works article div#zyabara {
  background-image: url("images/39_zyabara.jpg");
}
#works article div#ziguri_montblanc {
  background-image: url("images/40_ziguri_montblanc.jpg");
}
#works article div#kochi_museum {
  background-image: url("images/41_kochi_museum.jpg");
}
#works article div#iriko {
  background-image: url("images/42_iriko.jpg");
}
#works article div#yuzunomura {
  background-image: url("images/43_yuzunomura.jpg");
}
#works article div#newspaperbag_tohoku {
  background-image: url("images/44_newspaperbag_tohoku.jpg");
}
#works article div#ryokucha_pet {
  background-image: url("images/45_ryokucha_pet.jpg");
}
#works article div#ekin_reaf {
  background-image: url("images/46_ekin_reaf.jpg");
}
#works article div#tosanokaze3 {
  background-image: url("images/47_tosanokaze3.jpg");
}
#works article div#hyoryubutsuten {
  background-image: url("images/48_hyoryubutsuten.jpg");
}
#works article div#sazaecurry {
  background-image: url("images/49_sazaecurry.jpg");
}
#works article div#tosanokaze4 {
  background-image: url("images/50_tosanokaze4.jpg");
}
#works article div#irizake {
  background-image: url("images/51_irizake.jpg");
}
#works article div#kochi_museum_info {
  background-image: url("images/52_kochi_museum_info.jpg");
}
#works article div#kochi_museum_news {
  background-image: url("images/53_kochi_museum_news.jpg");
}
#works article div#kochi_museum_bag {
  background-image: url("images/54_kochi_museum_bag.jpg");
}
#works article div#river {
  background-image: url("images/55_river.jpg");
}
#works article div#obusemarathon {
  background-image: url("images/56_obusemarathon.jpg");
}
#works article div#namasen {
  background-image: url("images/57_namasen.jpg");
}
#works article div#okeok_book {
  background-image: url("images/58_okeok_book.jpg");
}
#works article div#ziguri_cut {
  background-image: url("images/59_ziguri_cut.jpg");
}
#works article div#hachiyon_project {
  background-image: url("images/60_84project.jpg");
}
#works article div#higashiyama {
  background-image: url("images/61_higashiyama.jpg");
}
#works article div#pina {
  background-image: url("images/62_pina.jpg");
}
#works article div#hinokishushu {
  background-image: url("images/63_hinokishushu.jpg");
}
#works article div#akaoka {
  background-image: url("images/64_akaoka.jpg");
}
#works article div#kurozato {
  background-image: url("images/65_kurozato.jpg");
}
#works article div#newspaperbag_Belgium {
  background-image: url("images/66_newspaperbag_Belgium.jpg");
}
#works article div#sunabi_reaf1 {
  background-image: url("images/67_sunabi_reaf1.jpg");
}
#works article div#sunabi_reaf2 {
  background-image: url("images/68_sunabi_reaf2.jpg");
}
#works article div#tataki_reaf {
  background-image: url("images/69_tataki_reaf.jpg");
}
#works article div#tomatobuntan {
  background-image: url("images/70_tomatobuntan.jpg");
}
#works article div#ziguri_bag {
  background-image: url("images/71_ziguri_bag.jpg");
}
#works article div#daredaakitada {
  background-image: url("images/72_daredaakitada.jpg");
}
#works article div#hitowine {
  background-image: url("images/73_hitowine.jpg");
}
#works article div#spoonforest {
  background-image: url("images/74_spoonforest.jpg");
}
#works article div#akitavision {
  background-image: url("images/75_akitavision.jpg");
}
#works article div#housingcommunity {
  background-image: url("images/76_housingcommunity.jpg");
}
#works article div#jonnobi1 {
  background-image: url("images/77_jonnobi.jpg");
}
#works article div#jonnobi2 {
  background-image: url("images/78_jonnobi.jpg");
}
#works article div#newspaperbagnews {
  background-image: url("images/79_newspaperbagnews.jpg");
}
#works article div#jpda_shimanto {
  background-image: url("images/91_jpda_shimanto.jpg");
}
#works article div#kyakuden {
  background-image: url("images/93_kyakuden.jpg");
}
#works article div#entotsu {
  background-image: url("images/94_entotsu.jpg");
}
#works article div#kurikintsuba {
  background-image: url("images/95_kurikintsuba.jpg");
}
#works article div#kenia {
  background-image: url("images/96_kenia.jpg");
}
#works article div#hirahiratimes {
  background-image: url("images/97_hirahiratimes.jpg");
}
#works article div#shinbuntohoku {
  background-image: url("images/98_shinbuntohoku.jpg");
}
#works article div#otasuketanba {
  background-image: url("images/99_otasuketanba.jpg");
}
#works article div#hinokiwater {
  background-image: url("images/100_hinokiwater.jpg");
}
#works article div#mizu {
  background-image: url("images/101_mizu.jpg");
}
#works article div#ryoma_hako {
  background-image: url("images/102_ryoma_hako.jpg");
}
#works article div#ryoma_kobousou {
  background-image: url("images/103_ryoma_kobousou.jpg");
}
#works article div#akitahakko {
  background-image: url("images/104_akitahakko.jpg");
}
#works article div#kuriyama {
  background-image: url("images/105_kuriyama.jpg");
}
#works article div#kintonchabako {
  background-image: url("images/106_kintonchabako.jpg");
}
#works article div#tenukiudon {
  background-image: url("images/107_tenukiudon.jpg");
}
#works article div#ryoma_housou {
  background-image: url("images/108_ryoma_housou.jpg");
}
#works article div#shimantotape {
  background-image: url("images/109_shimantotape.jpg");
}
#works article div#hokuryu {
  background-image: url("images/110_hokuryu.jpg");
}
#works article div#kanoko {
  background-image: url("images/111_kanoko.jpg");
}
#works article div#yakiguri {
  background-image: url("images/112_yakiguri.jpg");
}
#works article div#seikatsuroll {
  background-image: url("images/113_seikatsuroll.jpg");
}
#works article div#zibatsu {
  background-image: url("images/114_zibatsu.jpg");
}
#works article div#daen {
  background-image: url("images/115_daen.jpg");
}
#works article div#kuriaisu {
  background-image: url("images/116_kuriaisu.jpg");
}
#works article div#npbn2018 {
  background-image: url("images/121_npbn2018.jpg");
}
#works article div#ziguriman {
  background-image: url("images/118_ziguriman.jpg");
}
#works article div#geshubox {
  background-image: url("images/119_geshubox.jpg");
}
#works article div#zyabara {
  background-image: url("images/zyabara.jpg");
}
#works article div#sakurasaku {
  background-image: url("images/120_sakurasaku.jpg");
}
#works article div#hirahira2018 {
  background-image: url("images/122_hirahira2018.jpg");
}
#works article div#kamikoya {
  background-image: url("images/kamikoya.jpg");
}
#works article div#nondemasu {
  background-image: url("images/nondemasu.jpg");
}
#works article div#oishiide {
  background-image: url("images/117_oishiide3.jpg");
}
#works article div#ryoma {
  background-image: url("images/80_ryoma.jpg");
}
#works article ul li#amacyo a {
  background-image: url("images/amacyo.jpg");
}
#works article ul li#hachiyon2024 a {
  background-image: url("images/hachiyon2024.png");
}

#fukei article {
  margin-bottom: 50%;
}
#fukei article p {
  font-size: 11px;
  margin-left: 20px;
  margin-right: 20px;
}
#fukei article a:hover img {
  opacity: 1.0;
}

#thinking article {
  padding: 60px 20px;
}
#thinking article h1, #thinking article h2, #thinking article h3, #thinking article p {
  font-size: 11px;
  letter-spacing: 0.1em;
}
#thinking article h1 {
  margin-bottom: 50px;
}
#thinking article p {
  line-height: 2.1em;
}
#thinking article h2 {
  display: none;
}
#thinking article #biography {
  margin-top: 60px;
}
#thinking article #biography dl dt, #thinking article #biography dl dd {
  letter-spacing: 0.2em;
}
#thinking article #biography dl dt {
  padding-top: 12px;
}
#thinking article #biography dl dd {
  padding-bottom: 12px;
  background: url("/common/images/bg_dot-border.png") repeat-x bottom left;
  background-size: auto 2px;
  text-align: justify;
}
#thinking article #books {
  margin-top: 50px;
}

#about article {
  padding: 60px 20px;
}
#about article h1, #about article p {
  font-size: 11px;
  letter-spacing: 0.1em;
}
#about article h1 {
  margin-bottom: 1.5em;
}

/*----------LOCALLOCAL-----------*/



#locallocal {font-family: a-otf-gothic-bbb-pr6n, sans-serif;}

#local_sunabi p{
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}

#local_sunabi img.local_titleimg{
	height: 28px;
}

#local_sunabi div.localdiv{
	padding-top: 150px;
	margin: 0 auto;
	padding-bottom: 150px;
	max-width: 1200px;
	width: 80%;
	
}




#local_sunabi h2{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal;
	font-size: 17px;
	letter-spacing: 0.6em;
	padding-top: 60px;
	padding-bottom: 130px;
	line-height: 1.2em;
	font-weight: bold;
}

#local_sunabi .sunabi img{
	max-width: 840px;
	margin: auto;
	width: 100%;

}

#local_sunabi div.local_title{
	float: left;
}

#local_sunabi div.sunabi{
	float: right;
	padding-bottom: 200px;
}

#local_sunabi h3{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal;
	padding-top: 70px;
	letter-spacing: 0.3em;
	font-size: 18px;
	padding-bottom: 30px;
	line-height: 2em;
	font-weight: bold;
	
}

#local_sunabi h4{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal;
	padding-top: 70px;
	letter-spacing: 0.3em;
	font-size: 13px;
	line-height: 2em;
	
}



#local_sunabi h5{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal;
	font-size: 15px;
	letter-spacing: 0.2em;
	padding-top: 23px;
	font-weight: bold;
	
}

#local_sunabi .sunabi p{
	padding-left: 13px;
	
	
}



#locallocal div.local_title{
	float: left;
}

#locallocal div.sunabi{
	float: right;
	padding-bottom: 100px;
}

#locallocal div.localdiv{
	padding-top: 150px;
	width: 85%;
	margin: 0 auto;
	padding-bottom: 150px;
	max-width: 900px;
}

#locallocal h2{
	font-size: 14px;
	letter-spacing: 0em;
	padding-top: 60px;
	padding-bottom: 90px;
	line-height: 2em;
	
	
}

#locallocal img.local_titleimg{
	height: 28px;
}


#locallocal p{
	font-size: 15px;
	letter-spacing: 0.7em;
	margin-top: -4px;

}


#locallocal .sunabi img{
	height: auto;
	margin-top: -7px;
	padding-bottom: 55px;
	max-height: 85px;
}




@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
	#local_sunabi img.images1{
	width: 175px;
		height: auto;
	float: right;}
	
	#local_sunabi img.images2 {
	width: 175px;
		height: auto;
	float: right;
	padding-right: 0px;
	}
	
	#local_sunabi img.images3 {
		width: 170px;
		height: auto;
		float: right;
		padding-top: 180px;
	}
	
	#local_sunabi img.images4 {
		width: 170px;
		height: auto;
		float: right;
		padding-right: 0px;
		margin-top: -150px;
	}
	#local_sunabi p{
	font-size: 16px;
	line-height: 2em;
	letter-spacing: 0.06em;
	margin-top: 7px;
	max-width: 820px;
	width: 65%;
	text-align: justify;
}
	
	#local_sunabi img.gif{
	height: 324px;
	width: 576px;
	}
	
	#waraude_img{
	width:650px;
	margin-top: -300px;
	margin-left: -400px;
}
#waraude_copy{
	width: 200px; 
	margin-top: 50px;
	margin-right: -500px;
}
#waraude_body{
	width: 800px;
}
#button{
	width: 280px;
	height: 70px;
	background: #F9BE00;
	border-radius: 15px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	color: #000000;
	letter-spacing: 0.3em;
	margin-bottom: 30px;
}
#button2{
	width: 280px;
	height: 70px;
	background: #F9BE00;
	border-radius: 15px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	color: #000000;
	letter-spacing: 0.2em;
	margin-bottom: 300px;
}	
}
	



@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
	#local_sunabi img.images1{
		width: 175px;
		height: auto;
		padding-left: 50%;
		padding-top: 20px;
		padding-bottom: 10px;}
	
	#local_sunabi img.images2 {
	width: 175px;
		height: auto;
	padding-left: 50%;
	padding-top: 20px;
		padding-bottom: 10px;
	}
	
	#local_sunabi img.images3 {
		width: 175px;
		height: auto;
		padding-left: 50%;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	#local_sunabi img.images4 {
		width: 175px;
		height: auto;
		padding-left: 50%;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	#local_sunabi p{
	font-size: 16px;
	line-height: 2em;
	letter-spacing: 0.06em;
	margin-top: 7px;
	max-width: 820px;
	width: 97%;
	text-align: justify;
}
	
#waraude_img{
	width:320px;
	margin-top: -70px;
	margin-left: -150px;
}
#waraude_copy{
	width: 130px; 
	margin-top: 10px;
	margin-right: -200px;
}
#waraude_body{
	width: 90%;
}
#button{
	width: 280px;
	height: 70px;
	background: #F9BE00;
	border-radius: 15px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	color: #000000;
	letter-spacing: 0.3em;
	margin-bottom: 30px;
}
#button2{
	width: 280px;
	height: 70px;
	background: #F9BE00;
	border-radius: 15px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	color: #000000;
	letter-spacing: 0.2em;
	margin-bottom: 300px;
}	
}







/*----------LOCALLOCAL-----------*/



#recruit article {
  padding: 60px 20px;
}
#recruit article h1, #recruit article h2, #recruit article h3, #recruit article p {
  font-size: 11px;
  letter-spacing: 0.1em;
}
#recruit article h1 {
  margin-bottom: 1.2em;
}
#recruit article #detail {
  margin-top: 40px;
}
#recruit article #detail dl dt, #recruit article #detail dl dd {
  letter-spacing: 0.2em;
}
#recruit article #detail dl dt {
  padding-top: 14px;
}
#recruit article #detail dl dt:first-child {
  padding-top: 0;
}
#recruit article #detail dl dd {
  padding-bottom: 0;
}

footer {
  padding-top: 60px;
  text-align: center;
  border-bottom: 13px solid #adadad;
}
footer p {
  margin: 0 0 23px;
}
footer small img {
  width: 171px;
  height: 8px;
  display: block;
  margin: 0 auto;
}
footer small span {
  display: none;
}

/* ----------------
# PC版
------------------- */
@media (min-width: 768px) {
  header {
    padding: 20px 20px 80px;
  }
  header #site-title {
    margin-bottom: 0;
  }
  header nav ul {
    width: 370px;
    right: 35px;
    top: 20px;
  }
  header nav ul li {
    line-height: 1em;
  }
  header nav ul li a {
    display: block;
    float: left;
    margin: 0 33px 0 0;
  }
  header nav ul li:last-child a {
    margin-right: 0;
  }
  header nav ul li img {
    width: auto;
    height: 11px;
  }
  header nav ul li span {
    display: none;
  }
  header nav ul li:hover img {
    opacity: 0.7;
  }

  #works {
    /*    a {
          margin-bottom: 160px;
          div {
            height: 342px;
            background-size: auto 342px;
            margin-bottom: 96px;
          }
        }*/
  }
  #works article {
    padding-top: 432px;
    padding-bottom: 400px;
    /*      div {
            height: 250px;
            background-size: auto 250px;
            margin-bottom: 70px;
          }*/
  }
  #works article ul li a {
    height: 342px;
    background-size: auto 342px;
    margin-bottom: 96px;
  }

  #fukei article {
    margin-bottom: 480px;
  }

  #thinking article {
    /*      width: 328px;*/
    padding: 0 40px 40px 95px;
    /*
          h1, h2, h3, p, dt, dd, ul {
            font-size: 11px;
            line-height: 1.7em;
          }
          h2 {
            display: none;
          }
          #biography {
            margin-top: 120px;
          }
          #books {
            margin-top: 100px;
          }*/
  }

  #about article {
    width: 328px;
    padding: 0 40px 40px 95px;
  }
  #about article h1, #about article h2, #about article h3, #about article p, #about article dt, #about article dd, #about article ul {
    font-size: 11px;
    line-height: 1.7em;
  }

  #recruit article {
    width: 500px;
    padding: 0 40px 100px 95px;
  }
  #recruit article h1, #recruit article h2, #recruit article h3, #recruit article p, #recruit article dt, #recruit article dd, #recruit article ul {
    font-size: 11px;
    line-height: 1.7em;
  }
}

.youtube{
	position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}