@charset "UTF-8";
/*---------- Foundation ----------*/
/* カラー */
/*-------- レスポンシブサイズ (pc=1440px) --------*/
/* 301px */
/* 302px */
/* 303px */
/* 304px */
/* 305px */
/* 306px */
/* 307px */
/* 308px */
/* 309px */
/* 310px */
/* 311px */
/* 312px */
/* 313px */
/* 314px */
/* 315px */
/* 316px */
/* 317px */
/* 318px */
/* 319px */
/* 320px */
/* 321px */
/* 322px */
/* 323px */
/* 324px */
/* 325px */
/* 326px */
/* 327px */
/* 328px */
/* 329px */
/* 330px */
/* 331px */
/* 332px */
/* 333px */
/* 334px */
/* 335px */
/* 336px */
/* 337px */
/* 338px */
/* 339px */
/* 340px */
/* 341px */
/* 342px */
/* 343px */
/* 344px */
/* 345px */
/* 346px */
/* 347px */
/* 348px */
/* 349px */
/* 350px */
/* 351px */
/* 352px */
/* 353px */
/* 354px */
/* 355px */
/* 356px */
/* 357px */
/* 358px */
/* 359px */
/* 360px */
/* 361px */
/* 362px */
/* 363px */
/* 364px */
/* 365px */
/* 366px */
/* 367px */
/* 368px */
/* 369px */
/* 370px */
/* 371px */
/* 372px */
/* 373px */
/* 374px */
/* 375px */
/* 376px */
/* 377px */
/* 378px */
/* 379px */
/* 380px */
/* 381px */
/* 382px */
/* 383px */
/* 384px */
/* 385px */
/* 386px */
/* 387px */
/* 388px */
/* 389px */
/* 390px */
/* 391px */
/* 392px */
/* 393px */
/* 394px */
/* 395px */
/* 396px */
/* 397px */
/* 398px */
/* 399px */
/* 400px */
/* 401px */
/* 402px */
/* 403px */
/* 404px */
/* 405px */
/* 406px */
/* 407px */
/* 408px */
/* 409px */
/* 410px */
/* 411px */
/* 412px */
/* 413px */
/* 414px */
/* 415px */
/* 416px */
/* 417px */
/* 418px */
/* 419px */
/* 420px */
/* 421px */
/* 422px */
/* 423px */
/* 424px */
/* 425px */
/* 426px */
/* 427px */
/* 428px */
/* 429px */
/* 430px */
/* 431px */
/* 432px */
/* 433px */
/* 434px */
/* 435px */
/* 436px */
/* 437px */
/* 438px */
/* 439px */
/* 440px */
/* 441px */
/* 442px */
/* 443px */
/* 444px */
/* 445px */
/* 446px */
/* 447px */
/* 448px */
/* 449px */
/* 450px */
/* 451px */
/* 452px */
/* 453px */
/* 454px */
/* 455px */
/* 456px */
/* 457px */
/* 458px */
/* 459px */
/* 460px */
/* 461px */
/* 462px */
/* 463px */
/* 464px */
/* 465px */
/* 466px */
/* 467px */
/* 468px */
/* 469px */
/* 470px */
/* 471px */
/* 472px */
/* 473px */
/* 474px */
/* 475px */
/* 476px */
/* 477px */
/* 478px */
/* 479px */
/* 480px */
/* 481px */
/* 482px */
/* 483px */
/* 484px */
/* 485px */
/* 486px */
/* 487px */
/* 488px */
/* 489px */
/* 490px */
/* 491px */
/* 492px */
/* 493px */
/* 494px */
/* 495px */
/* 496px */
/* 497px */
/* 498px */
/* 499px */
/* 500px */
/* 501px */
/* 502px */
/* 503px */
/* 504px */
/* 505px */
/* 506px */
/* 507px */
/* 508px */
/* 509px */
/* 510px */
/* 511px */
/* 512px */
/* 513px */
/* 514px */
/* 515px */
/* 516px */
/* 517px */
/* 518px */
/* 519px */
/* 520px */
/* 521px */
/* 522px */
/* 523px */
/* 524px */
/* 525px */
/* 526px */
/* 527px */
/* 528px */
/* 529px */
/* 530px */
/* 531px */
/* 532px */
/* 533px */
/* 534px */
/* 535px */
/* 536px */
/* 537px */
/* 538px */
/* 539px */
/* 540px */
/* 541px */
/* 542px */
/* 543px */
/* 544px */
/* 545px */
/* 546px */
/* 547px */
/* 548px */
/* 549px */
/* 550px */
/* 551px */
/* 552px */
/* 553px */
/* 554px */
/* 555px */
/* 556px */
/* 557px */
/* 558px */
/* 559px */
/* 560px */
/* 561px */
/* 562px */
/* 563px */
/* 564px */
/* 565px */
/* 566px */
/* 567px */
/* 568px */
/* 569px */
/* 570px */
/* 571px */
/* 572px */
/* 573px */
/* 574px */
/* 575px */
/* 576px */
/* 577px */
/* 578px */
/* 579px */
/* 580px */
/* 581px */
/* 582px */
/* 583px */
/* 584px */
/* 585px */
/* 586px */
/* 587px */
/* 587px */
/* 588px */
/* 589px */
/* 590px */
/* 591px */
/* 592px */
/* 593px */
/* 594px */
/* 595px */
/* 596px */
/* 597px */
/* 598px */
/* 599px */
/* 600px */
/* 601px */
/* 602px */
/* 603px */
/* 604px */
/* 605px */
/* 606px */
/* 607px */
/* 608px */
/* 609px */
/* 610px */
/* 611px */
/* 612px */
/* 613px */
/* 614px */
/* 615px */
/* 616px */
/* 617px */
/* 618px */
/* 619px */
/* 620px */
/* 621px */
/* 622px */
/* 623px */
/* 624px */
/* 625px */
/* 626px */
/* 627px */
/* 628px */
/* 629px */
/* 630px */
/* 631px */
/* 632px */
/* 633px */
/* 634px */
/* 635px */
/* 636px */
/* 637px */
/* 638px */
/* 639px */
/* 640px */
/* 641px */
/* 642px */
/* 643px */
/* 644px */
/* 645px */
/* 646px */
/* 647px */
/* 648px */
/* 649px */
/* 650px */
/* 651px */
/* 652px */
/* 653px */
/* 654px */
/* 655px */
/* 656px */
/* 657px */
/* 658px */
/* 659px */
/* 660px */
/* 661px */
/* 662px */
/* 663px */
/* 664px */
/* 665px */
/* 666px */
/* 667px */
/* 668px */
/* 669px */
/* 670px */
/* 671px */
/* 672px */
/* 673px */
/* 674px */
/* 675px */
/* 676px */
/* 677px */
/* 678px */
/* 679px */
/* 680px */
/* 681px */
/* 682px */
/* 683px */
/* 684px */
/* 685px */
/* 686px */
/* 687px */
/* 688px */
/* 689px */
/* 690px */
/* 691px */
/* 692px */
/* 693px */
/* 694px */
/* 695px */
/* 696px */
/* 697px */
/* 698px */
/* 699px */
/* 700px */
/* 701px */
/* 702px */
/* 703px */
/* 704px */
/* 705px */
/* 706px */
/* 707px */
/* 708px */
/* 709px */
/* 710px */
/* 711px */
/* 712px */
/* 713px */
/* 714px */
/* 715px */
/* 716px */
/* 717px */
/* 718px */
/* 719px */
/* 720px */
/* 721px */
/* 722px */
/* 723px */
/* 724px */
/* 725px */
/* 726px */
/* 727px */
/* 728px */
/* 729px */
/* 730px */
/* 731px */
/* 732px */
/* 733px */
/* 734px */
/* 735px */
/* 736px */
/* 737px */
/* 738px */
/* 739px */
/* 740px */
/* 741px */
/* 742px */
/* 743px */
/* 744px */
/* 745px */
/* 746px */
/* 747px */
/* 748px */
/* 749px */
/* 750px */
/*------- レスポンシブサイズ (sp=375px) -------*/
/*---------- font-weight ----------*/
/* ブレイクポイント関連 */
/* アニメーション用 */
/* レイアウト用 */
.md {
  display: block;
}
@media (max-width: 599px) {
  .md {
    display: none !important;
  }
}

.sm {
  display: none;
}
@media (max-width: 599px) {
  .sm {
    display: block !important;
  }
}

/*---------- Project ----------*/
#single article {
  max-width: 700px;
  margin: 60px auto 0;
  padding: 0 20px 140px;
}
#single article div.wrapper {
  width: auto;
}
#single article div.wrapper .post_thumbnail {
  margin: 0;
}
#single article div.wrapper div.lead p {
  margin-top: 30px;
  padding: 0;
  font-size: 16px;
  line-height: 2;
}
#single article div.wrapper h2 {
  margin-top: 80px;
  padding-bottom: 27px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #728428;
  border-bottom: 1px solid #728428;
}
#single article div.wrapper h3 {
  margin-top: 50px;
  padding: 0 0 0 20px;
  font-size: 22px;
  font-weight: bold;
  color: #728428;
  border-left: 4px solid #728428;
}
#single article div.wrapper h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0.06em;
}
#single article div.wrapper h5 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06em;
}
#single article div.wrapper p {
  margin-top: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 2;
  color: #222;
}
#single article div.wrapper a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-size: 15px;
  color: #58a1f8;
}
#single article div.wrapper a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
#single article div.wrapper a:hover {
  text-decoration: underline;
}
#single article div.wrapper .wp-block-image {
  margin: 30px 0 0 0;
}
#single article div.wrapper .wp-block-image img {
  width: 100%;
  object-fit: cover;
}
#single article div.wrapper .wp-block-table {
  margin: 30px 0 0 0;
}
#single article div.wrapper .wp-block-table table {
  width: 100%;
}
#single article div.wrapper .wp-block-table table figure {
  margin: 0;
}
@media (max-width: 599px) {
  #single article div.wrapper .custom-size img {
    width: 100% !important;
  }
}
#single article div.wrapper .square_link {
  color: #728428;
}
#single article div.wrapper iframe {
  width: 100%;
}
#single article div.wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 20px;
}
#single article div.wrapper ul li {
  position: relative;
  padding-left: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.75;
  color: #222;
}
#single article div.wrapper ul li::before {
  content: "・";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 16px;
}
#single article div.wrapper .wp-block-columns {
  margin-top: 27px;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table {
  width: 100%;
  margin: 0;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table {
  width: 100%;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table thead {
  border-left: 1px solid #728428;
  border-right: 1px solid #728428;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table thead tr th {
  padding: 16px 10px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #728428;
  border-right: 1px solid #fff;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table thead tr th:last-child {
  border-right: none;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table tbody {
  border: 1px solid #728428;
  border-top: none;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table tbody tr {
  border-bottom: 1px solid #728428;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table tbody tr td {
  padding: 18px 10px;
  font-size: 15px;
  text-align: center;
  color: #728428;
  border-right: 1px solid #728428;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table tbody tr td:first-child {
  background-color: #728428;
  color: #fff;
  border-top: 1px solid #fff;
}
#single article div.wrapper .wp-block-columns .wp-block-column .wp-block-table table tbody tr td:last-child {
  border-right: none;
}
#single article div.wrapper h2:has(+ .wp-block-columns) {
  padding-bottom: 0;
  border-bottom: none;
}
#single article .share-wrap {
  display: flex;
  align-items: center;
  gap: 45px;
  margin-top: 100px;
  padding-top: 23px;
  border-top: 2px solid #728428;
}
#single article .share-wrap h3 {
  padding-bottom: 0;
  font-family: "Lexend Mega", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: unset;
  letter-spacing: 0.09em;
}
#single article .share-wrap ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
#single article .share-wrap ul li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
#single article .share-wrap ul li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
#single article .share-wrap ul li a img {
  width: 30px;
}
#single article .btn-back-to-list {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  width: fit-content;
  margin-top: 50px;
  padding: 12px;
  font-weight: bold;
  font-size: 15px;
  color: #728428;
  border: 0.5px solid #728428;
  border-radius: 5px;
}
#single article .btn-back-to-list:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
#single article .btn-back-to-list:hover {
  text-decoration: underline;
}