@charset "UTF-8";

/*pc*/

/*mv*/
.work_mv-img {
  background-image: url(../images/work3.png);
  background-size: cover;
  width: 100%;
  height: 250px;
  background-position: 50% 90%;
}

/*accordion*/
.menu__item {
  background: #fce300;
  display: block;
  border-radius: 15px;
  padding-top: 25px;
}
.menu__item__link {
  display: block;
  line-height: 60px;
  position: relative;
}
.menu__item__link:after {
  background: #aed000;
  content: '\f067';
  display: block;
  font-family: "Font Awesome 5 Free";
  line-height: 50px;
  width: 100%;
  text-align: center;
  color: #fce300;
  font-size: 30px;
  font-weight: 900;
  margin: 20px auto 0;
  border-radius: 0 0 15px 15px;
}
.menu__item__link.on:after {
  line-height: 50px;
  width: 100%;
  content: '\f068';
  font-family: "Font Awesome 5 Free";
  color: #fce300;
  font-size: 30px;
  font-weight: 900;
  border-radius: 0;
}
.menu__item__link:hover:after {
  background-color: #006845;
  color: #fce300;
}
.submenu {
  background: #fce300;
  display: none;
  color: #373a36;
  border-radius: 0 0 15px 15px;
}
.submenu__item {
  padding: 1rem;
  color: #373a36;
}
.work_menu {
  text-align: center;
}
.menu__item h2 {
  font-size: 18px;
  margin: 15px 0 5px;
}
.menu__item p {
  font-size: 15px;
}
.work_menu .work_type {
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 8px;
}
.work_sum {
  width: 75%;
/*max-height: 450px;*/
  margin: auto;
}
.work_details {
  width: 90%;
  margin: 0 auto;
  padding: 50px 0 30px;
  text-align: justify;
}
.work_details>div {
  margin-bottom: 50px;
}
.work_details h3 {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
}
.work_details p {
  text-transform: uppercase;
}
.work_td1 {
  text-transform: uppercase;
  width: 75px;
}
td {
  font-size: 16px;
}
.work_colon {
  width: 15px;
}
.work-url {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5;
}
.wrap {
  margin: 120px auto;
  padding: 0 20px;
}
.work_img-box {
  width: 100%;
  margin: 40px auto 0;
  text-align: center;
}
figure .work_img {
  width: 50%;
  margin-bottom: 40px;
}
figcaption {
  margin-bottom: 75px;
}
.accordion {
  margin-bottom: 75px;
}
.work_outline p,.work_concept p {
  margin-bottom: 12px;
  text-transform: none;
}

/*accordion_custom puppy*/
/* サムネイル表示時の背景色 */
#puppy .menu__item {
  background: #ffc000;
}
/* +ボタン */
#puppy .menu__item__link:after {
  background: #7167cb;
  color: #ffc000;
}
/* -ボタン */
#puppy .menu__item__link.on:after {
  background: #7167cb;
  color: #ffc000;
}
/* ホバー時の+ボタン */
#puppy .menu__item__link:hover:after {
  background: #bebeed;
  color: #ffc000;
}
/* ホバー時の-ボタン */
#puppy .menu__item__link.on:hover:after {
  background: #bebeed;
  color: #ffc000;
}
/* 開いた時の背景色 */
#puppy .submenu {
  background: #fde6b4;
}
#puppy .work_td1 {
  width: 95px;
}

/*accordion_custom logo_2020winter*/
/* サムネイル表示時の背景色 */
#logo_2020winter .menu__item {
  background: #f0f7f7;
}
/* +ボタン */
#logo_2020winter .menu__item__link:after {
  background: #09c6b8;
  color: #e5654c;
}
/* -ボタン */
#logo_2020winter .menu__item__link.on:after {
  background: #09c6b8;
  color: #e5654c;
}
/* ホバー時の+ボタン */
#logo_2020winter .menu__item__link:hover:after {
  background: #b9d324;
  color: #e5654c;
}
/* ホバー時の-ボタン */
#logo_2020winter .menu__item__link.on:hover:after {
  background: #b9d324;
  color: #e5654c;
}
/* 開いた時の背景色 */
#logo_2020winter .submenu {
  background: #f0f7f7;
}

/*accordion_custom ramune_fish*/
/* サムネイル表示時の背景色 */
#ramune_fish .menu__item {
  background: #f1f1f1;
}
/* +ボタン */
#ramune_fish .menu__item__link:after {
  background: #f76522;
  color: #ececfd;
}
/* -ボタン */
#ramune_fish .menu__item__link.on:after {
  background: #f76522;
  color: #ececfd;
}
/* ホバー時の+ボタン */
#ramune_fish .menu__item__link:hover:after {
  background: #F1E3BD;
  color: #f05222;
}
/* ホバー時の-ボタン */
#ramune_fish .menu__item__link.on:hover:after {
  background: #F1E3BD;
  color: #f05222;
}
/* 開いた時の背景色 */
#ramune_fish .submenu {
  background: #f1f1f1;
}
#ramune_fish .work_img {
  width: 100%;
}

/*accordion_custom card_undine*/
/* サムネイル表示時の背景色 */
#card_undine .menu__item {
  background: #fff9f0;
}
/* +ボタン */
#card_undine .menu__item__link:after {
  background: #fdd;
  color: saddlebrown;
}
/* -ボタン */
#card_undine .menu__item__link.on:after {
  background: #fdd;
  color: saddlebrown;
}
/* ホバー時の+ボタン */
#card_undine .menu__item__link:hover:after {
  background: saddlebrown;
  color: #fdd;
}
/* ホバー時の-ボタン */
#card_undine .menu__item__link.on:hover:after {
  background: saddlebrown;
  color: #fdd;
}
/* 開いた時の背景色 */
#card_undine .submenu {
  background: #fff9f0;
}
#card_undine .work_img {
  width: 60%;
}

/*accordion_custom card_jober*/
/* サムネイル表示時の背景色 */
#jober .menu__item {
  background: #f0d090;
}
/* +ボタン */
#jober .menu__item__link:after {
  background: #e59f30;
  color: #3e79b6;
}
/* -ボタン */
#jober .menu__item__link.on:after {
  background: #e59f30;
  color: #3e79b6;
}
/* ホバー時の+ボタン */
#jober .menu__item__link:hover:after {
  color: #e59f30;
  background: #3e79b6;
}
/* ホバー時の-ボタン */
#jober .menu__item__link.on:hover:after {
  color: #e59f30;
  background: #3e79b6;
}
/* 開いた時の背景色 */
#jober .submenu {
  background: #f0d090;
}