@charset 'UTF-8';
/*
Theme Name: Mitsugame reform
Description: WordPress三亀リフォームオリジナルテーマ
Version: 1.0
Author: Hiroshi
*/

/* リセット関連 */
/* Box sizing rules */
/* Box sizingの定義 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
/* デフォルトのpaddingを削除 */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img要素の扱いを簡単にする */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
/* article要素内の要素に自然な流れとリズムを定義 */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* フォント関連 あとでパス等をチェック */
@font-face {
  font-family: "male-characters";
  src: url('font/male\ characters.ttf');
}
@font-face {
  font-family: "zen-maru-gothic-regular";
  src: url('font/ZenMaruGothic-Regular.ttf');
}
@font-face {
  font-family: "zen-maru-gothic-bold";
  src: url('font/ZenMaruGothic-Bold.ttf');
}
@font-face {
  font-family: "Tekitou-poem";
  src: url('font/TekitouPoem.ttf');
}

/* 共通部分 */
* {
  font-family: 'zen-maru-gothic-regular';
}
img {
  vertical-align: middle;
}
a {
  color: inherit;
  text-decoration: none;
}
body {
  line-height: 1.5;
}
.open {
  display: block;
}
.red {
  color: red;
}
.pagination-container {
  margin-top: 25px;
}
.pagination {
  display: flex;
  justify-content: center;
  padding: 5px;
}
.pagination li{
  margin: 5px;
  border: 1px solid #333;
}
.pagination a{
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px;
  transition: all .5s;
}
.pagination a:hover{
  background-color: #003A95;
  color: #fff;
}
.present-page {
  background-color: #003A95;
}
.present-page a {
  color: #fff;
}
#g-nav {
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  transition: all .5s;
}
#g-nav.panelactive {
  opacity: 1;
  z-index: 999;
}
#g-nav.panelactive #g-nav-list {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#g-nav ul {
  display: none;
  width: 80%;
  padding-left: 0;
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#g-nav.panelactive ul {
  display: block;
}
#g-nav li {
  margin-bottom: 30px;
  list-style: none;
  text-align: center;
}
#g-nav li a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 10px;
  font-size: 18px;
  letter-spacing: 0.1em;
}
.gNav-title {
  position: relative;
  font-size: 18px;
  font-weight: normal;
}
.gNav-title:hover {
  cursor: pointer;
}
.gNav-title::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 0;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotateZ(45deg);
  transition: all .5s;
}
.gNav-title.close::after {
  transform: rotateZ(-135deg);
}
.gNav-box {
  display: none;
}
.gNav-box p {
  margin: 10px 0;
}
.pc {
  display: none;
}
.current-menu-item,
.current-menu-parent > a {
  color: #003A95;
}

/* .l-main */
.l-main__wrapper.index {
  background-image: url('images/common/index/index-bg.jpg');
  background-attachment: fixed;
  background-size: cover;
}
.l-main__wrapper.about {
  background-image: url('images/common/about/about-bg.jpg');
  background-attachment: fixed;
  background-size: cover;
}
.l-main__wrapper.columns {
    background-image: url('images/common/colums/columns-bg.png');
    background-attachment: fixed;
}
.l-main__wrapper.company {
  background-image: url('images/common/company/company-bg.jpg');
  background-attachment: fixed;
  background-size: cover;
}
.l-main__wrapper.contact {
  background-image: url('images/common/colums/columns-bg.jpg');
  background-attachment: fixed;
}

/* .l-footer */
.l-footer {
  padding: 30px;
  background-color: #3E9BE9;
}
.l-footer__pageTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  opacity: 0;
  transform: translateY(100px);
}
.l-footer__pageTop::before {
  content: '';
  width: 20px;
  height: 20px;
  border-top: solid 4px #333;
  border-right: solid 4px #333;
  position: absolute;
  left: 20px;
  top: 22px;
  transform: rotate(-45deg);
}
.l-footer__pageTop.UpMove {
  animation: UpAnime 0.5s forwards;
}
.l-footer__pageTop.DownMove {
  animation: DownAnime 0.5s forwards;
}
.l-footer__pageTopLink {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  color: #333;
  text-align: center;
  font-size: 0.6rem;
  transition: all 0.3s;
}
.l-footer__pageTopLink:hover {
  background-color: #777;
}
/* アニメーションの記述 */
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100px);
  }
}

/* .p-about */
.p-about {
  padding: 30px;
}
.p-about__heading {
  color: #3E9BE9;
  text-align: center;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-about__mainTextBox {
  text-align: center;
  margin-bottom: 30px;
}
.p-about__mainText {
  font-size: 18px;
  font-weight: bold;
  line-height: 3em;
}
.p-about__subTextBox {
  margin-bottom: 50px;
}
.p-about__subText {
  font-size: 14px;
  letter-spacing: 0.2em;
}
.p-about__linkBox {
  width: 160px;
  height: 55px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-about__link {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  line-height: 55px;
  transition: all .3s;
}
.p-about__linkBox:hover {
  background-color: #333;
}
.p-about__linkBox:hover .p-about__link {
  color: #fff;
}

/* .p-aboutTop */
.p-aboutTop {
  padding: 30px 0;
}
.p-aboutTop__firstView {
  margin-bottom: 30px;
}
.p-aboutTop__firstHeading,
.p-aboutTop__secondHeading {
  color: #3E9BE9;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}
.p-aboutTop__firstHeading {
  font-size: 28px;
  font-weight: normal;
}
.p-aboutTop__secondHeading {
  font-size: 30px;
}
.p-aboutTop__firstText {
  margin: 0 25px;
  letter-spacing: 0.05em;
  text-align: justify;
}
.p-aboutTop__linkBox {
  margin: 15px 0;
  text-align: center;
}
.p-aboutTop__contentLink {
  display: inline-block;
  margin: 15px auto 10px;
  padding: 10px 15px;
  font-size: 13px;
  border: 1px solid #333;
  background-color: rgba(51, 51, 51, .8);
  color: #fff;
  border-radius: 5px;
  letter-spacing: 0.1em;
  transition: all .3s;
}
.p-aboutTop__contentLink:hover {
  color: #333;
  background-color: #fff;
}
.p-aboutTop__firstPictureArea,
.p-aboutTop__secondPictureArea {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
}
.p-aboutTop__firstPictureArea {
  background-image: url('images/common/about/p-anoutTop-img01-sp.jpg');
}
.p-aboutTop__secondPictureArea {
  background-image: url('images/common/about/p-aboutTop-img02.jpg');
}
.p-aboutTop__secondTextArea {
  padding: 25px;
  background-color: #fff;
}
.p-aboutTop__secondText {
  font-family: 'Tekitou-poem';
  font-size: 18px;
  font-weight: bold;
  text-align: justify;
}
.p-aboutTop__ceoName {
  margin-top: 30px;
  font-weight: bold;
  font-size: 40px;
  font-family: 'Tekitou-poem';
  text-align: right;
}

/* .p-articleList */
.p-articleList {
  padding: 20px 30px;
}
.p-articleList__link {
  display: block;
}
.p-articleList__heading {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #ED5829;
}
.p-articleList__box {
  margin-bottom: 35px;
}
.p-articleList__box:last-child {
  margin-bottom: 0;
}
.p-articleList__content {
  padding: 15px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eee;
  background-color: #fff;
}
/* .p-articleList__content:nth-child(n+4) {
  display: none;
} */
.p-articleList__content.active {
  display: flex;
}
.jsc-hiddenContent-1 {
  display: none;
}
.jsc-hiddenContent-1.active {
  display: block;
}
.p-articleList__pictureBox {
  width: 35%;
  order: 2;
}
.p-articleList__textBox {
  width: 65%;
  order: 1;
}
.p-articleList__title {
  margin-bottom: 20px;
  font-size: 15px;
  letter-spacing: 0.1em;
}
.p-articleList__date {
  font-size: 13px;
  letter-spacing: 0.1em;
}
.p-articleList__description--sp {
  margin-top: 20px;
  order: 3;
}
.p-articleList__linkBox.hidden {
  display: none;
}
.p-articleList__linkBox {
  width: 120px;
  height: 35px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-articleList__link {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 35px;
  transition: all .3s;
}
.p-articleList__linkBox:hover {
  background-color: #333;
}
.p-articleList__linkBox:hover .p-articleList__link {
  color: #fff;
}
.p-articleList__description--pc {
  display: none;
}
.p-articleList__externalLinkBox {
  width: 100%;
}
.p-articleList__externalLink {
  display: block;
  width: 100%;
  padding: 30px 0;
  background-color: #fff;
}
.p-articleList__insideBox {
  display: flex;
  justify-content: space-around;
}
.p-articleList__eachBox {
  width: 30%;
}
.p-articleList__eachBox:first-child {
  display: flex;
  align-items: center;
}
.p-articleList__externalLinkImage {
  display: block;
  margin: 0 auto;
}

.p-articleList__articleLink img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .p-beforeAfter */
.p-beforeAfter {
  padding: 30px;
}
.p-beforeAfter__mainArea {
  margin-bottom: 45px;
}
.p-beforeAfter__beforeArea {
  margin-bottom: 30px;
}
.p-beforeAfter__heading {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
}
.p-beforeAfter__beforePictureArea {
  margin-bottom: 15px;
  object-fit: cover;
}
.p-beforeAfter__beforePictureArea,
.p-beforeAfter__afterPictureArea {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.p-beforeAfter__beforePicture,
.p-beforeAfter__afterPicture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-beforeAfter__explainText {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 2;
}
.p-beforeAfter__content {
  margin-bottom: 30px;
}
.p-beforeAfter__content:last-child {
  margin-bottom: 0;
}
.p-beforeAfter__processText {
  margin: 15px 0 30px;
  font-size: 17px;
  letter-spacing: 0.1em;
}

/* .p-blog */
.p-blog {
  padding: 30px;
}
.p-blog__heading {
  color: #3E9BE9;
  text-align: center;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-blog__description {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2em;
}
.p-blog__description:first-of-type {
  margin-bottom: 30px;
}
.p-blog__ceoPictureBox {
  width: 150px;
  height: 150px;
  margin: 10px 0;
  background-image: url('images/common/index/p-blog-ceoImg.jpg');
  background-size: cover;
  background-position: center;
}
.p-blog__text {
  font-size: 16px;
  letter-spacing: 0.1em;
}
.p-blog__ceoName {
  margin: 0 10px;
}
.p-blog__articlesArea {
  margin-top: 40px;
}
.p-blog__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 25px;
  border: 1px solid #eee;
}
.p-blog__content:last-child {
  margin-bottom: 0;
}
.p-blog__articlePictureBox {
  width: 35%;
  order: 2;
}
.p-blog__articlePicture {
  width: 100%;
  height: 85px;
  object-fit: cover;
}
.p-blog__articleTextBox {
  width: 60%;
  order: 1;
}
.p-blog__articleTitle--sp {
  margin-bottom: 15px;
}
.p-blog__articleDescription--sp {
  order: 3;
  margin-top: 15px;
}
.p-blog__linkBox {
  width: 160px;
  height: 55px;
  margin: 75px auto 0;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-blog__link {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  line-height: 55px;
  transition: all .3s;
}
.p-blog__linkBox:hover {
  background-color: #333;
}
.p-blog__linkBox:hover .p-blog__link {
  color: #fff;
}
.p-blog__articleDescription--pc {
  display: none;
}

/* .p-client */
.p-client__firstView {
  padding: 30px 20px;
  text-align: center;
  background-image: url('images/common/outside-repair/p-client-bg01.jpg');
  background-size: cover;
  background-position: center;
  color: #fff;
}
.p-client__heading {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-decoration: underline;
}
.p-client__firstViewText {
  letter-spacing: 0.1em;
}
.p-client__firstViewText:first-child {
  font-size: 15px;
  margin-bottom: 50px;
}
.p-client__firstViewText:nth-child(2) {
  margin-bottom: 10px;
  font-size: 11px;
  line-height: 2.5em;
}
.p-client__firstViewText:last-child {
  font-size: 26px;
}
.p-client__mainArea {
  padding: 30px 0;
}
.p-client__profileArea {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
  margin-bottom: 20px;
}
.p-client__profilePicture {
  width: 20%;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #333;
}
.p-client__profileTitleArea {
  width: 75%;
}
.p-client__profileTitle {
  font-size: 17px;
  letter-spacing: 0.1em;
}
.p-client__profileInfoArea {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.p-client__profileInfo {
  display: inline-block;
  padding: 0 15px 5px;
  font-size: 18px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #333;
}
.p-client__detaiArea {
  padding: 0 40px;
}
.p-client__detailText {
  font-size: 13px;
  letter-spacing: 0.1em;
}
.p-client__workArea {
  margin: 40px 0 20px;
}
.p-client__workHeading {
  margin-bottom: 30px;
  font-size: 28px;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-align: center;
  color: #003A95;
}
.p-client__workPictureArea {
  width: 100%;
  height: 300px;
  background-image: url('images/common/outside-repair/p-client-img01.jpg');
  background-size: cover;
  background-position: center;
}
.p-client__workInfoArea {
  margin: 20px 20px 0;
}
.p-client__workInfoTitle {
  margin-bottom: 10px;
  color: #003A95;
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: normal;
}
.p-client__workInfoText {
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}
.p-client__workInfoText.cost {
  margin-top: 30px;
  margin-bottom: 0;
}
.p-client__workContent {
  margin-left: 20px;
  list-style: disc;
}
.p-client__linkBox {
  width: 140px;
  height: 50px;
  margin: 30px auto 0;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-client__link {
  width: 100%;
  display: inline-block;
  line-height: 50px;
  transition: all .3s;
}
.p-client__otherArea {
  position: relative;
  background-image: url('images/common/outside-repair/p-client-bg02.jpg');
  background-position: top center;
}
.p-client__otherArea::before {
  content: '';
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-client__otherContent {
  padding: 30px 0;
  position: relative;
}
.p-profilePictureArea {
  z-index: 20;
}
.p-client__linkBox.more {
  width: 120px;
  height: 35px;
}
.p-client__linkBox.more .p-client__link {
  line-height: 35px;
}
.p-client__linkBox:hover {
  background-color: #333;
}
.p-client__linkBox:hover .p-client__link {
  color: #fff;
}

/* .p-columnsTop */
.p-columnsTop {
  padding: 20px 0;
}
.p-columnsTop__textArea {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.p-columnsTop__heading {
  margin-bottom: 20px;
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #ED5829;
}
.p-columnsTop__text {
  font-size: 17px;
  letter-spacing: 0.1em;
  color: #ED5829;
}

/* .p-contact */
.p-contact {
  padding: 30px;
}
.p-contact__heading {
  margin-bottom: 40px;
  font-size: 28px;
}
.p-contact__text {
  letter-spacing: 0.1em;
  line-height: 1.8;
}
.p-contact__text > span {
  text-decoration: underline;
}
.p-contact__list {
  margin: 40px 0;
}
.p-contact__term {
  margin-bottom: 10px;
  font-size: 24px;
}
.p-contact__description {
  margin-bottom: 20px;
  font-size: 18px;
}

/* .p-companyInfo */
.p-companyInfo {
  padding: 20px 0;
}
.p-companyInfo__heading {
  margin-bottom: 20px;
  font-size: 28px;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #003A95;
  text-align: center;
}
.p-companyInfo__mainArea {
  width: 85%;
  margin: 0 auto;
}
.p-companyInfo__list {
  display: flex;
  flex-wrap: wrap;
}
.p-companyInfo__term,
.p-companyInfo__description {
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.p-companyInfo__term {
  width: 30%;
}
.p-companyInfo__description {
  width: 70%;
}

/* .p-companyTop */
.p-companyTop {
  padding-top: 20px;
}
.p-companyTop__textArea {
  width: 85%;
  margin: 0 auto 30px;
}
.p-companyTop__heading {
  margin-bottom: 20px;
  font-size: 28px;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #003A95;
  text-align: center;
}
.p-companyTop__text {
  letter-spacing: 0.15em;
  line-height: 1.8;
  text-align: justify;
}
.p-companyTop__pictureArea {
  width: 100%;
  height: 200px;
  background-image: url('images/common/company/p-companyTop-img-sp.jpg');
  background-size: cover;
  background-position: bottom center;
}

/* .p-detailTop */
.p-detailTop {
  padding: 30px 0;
}
.p-detailTop__headingArea {
  margin-bottom: 20px;
  padding: 0 30px;
}
.p-detailTop__heading {
  margin-bottom: 20px;
  font-size: 35px;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #003A95;
}
.p-detailTop__subHeading {
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #003A95;
}
.p-detailTop__subHeading:nth-child(2) {
  margin-bottom: 20px;
}
.p-detailTop__textArea {
  margin-bottom: 20px;
  padding: 0 30px;
}
.p-detailTop__text {
  margin-bottom: 10px;
  font-size: 18px;
  letter-spacing: 0.1em;
}
.p-detailTop__text.cost {
  margin-top: 50px;
  margin-bottom: 0;
}
.p-detailTop__workContent {
  margin-left: 20px;
  list-style: disc;
}
.p-detailTop__pictureArea {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
}
.p-detailTop__pictureArea.one {
  background-image: url('images/common/works-detail/01/01_p-detailTop-img.jpg');
}
.p-detailTop__pictureArea.two {
  background-image: url('images/common/works-detail/02/02_p-detailTop-img.jpg');
}
.p-detailTop__pictureArea.three {
  background-image: url('images/common/works-detail/03/03_p-detailTop-img.jpg');
}
.p-detailTop__pictureArea.four {
  background-image: url('images/common/works-detail/04/04_p-detailTop-img.jpg');
}

/* .p-footer */
.p-footer--pc {
  display: none;
}
.p-footer__logoArea--sp {
  width: 150px;
  margin: 25px auto 0;
}
.p-footer__infoText {
  margin-bottom: 5px;
  color: #fff;
}
.p-footer__infoText:last-child {
  margin-bottom: 0;
}
.p-footer__partnerLogoArea {
  margin: 0 auto 25px;
  display: flex;
  justify-content: center;
}
.p-footer__partnerEachArea {
  width: 100px;
  margin: 0 15px;
}

/* .p-header */
.p-header--pc {
  display: none;
}
.p-header--sp {
  padding: 10px 0;
}
.p-header__logoArea--sp {
  width: 150px;
  margin: 10px auto 0;
}
.p-header__hamburger {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.p-header__hamburger span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #666;
  width: 45%;
}
.p-header__hamburger span:nth-of-type(1) {
  top: 25px;
}
.p-header__hamburger span:nth-of-type(2) {
  top: 33px;
}
.p-header__hamburger span:nth-of-type(3) {
  top: 41px;
}
.p-header__hamburger.active span:nth-of-type(1) {
  top: 28px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}
.p-header__hamburger.active span:nth-of-type(2) {
  opacity: 0;
}
.p-header__hamburger.active span:nth-of-type(3) {
  top: 40px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/* .p-latestNews */
.p-latestNews {
  padding: 30px 20px;
}
.p-latestNews__heading {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #ED5829;
}
.p-latestNews__content {
  padding: 15px;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #eee;
}
.jsc-hiddenContent-3 {
  display: none;
}
.jsc-hiddenContent-3.active {
  display: block;
}
/* .p-latestNews__content:nth-child(3n) {
  margin-bottom: 0;
} */
.p-latestNews__pictureBox {
  width: 20%;
  order: 2;
}
.p-latestNews__picture {
  object-fit: cover;
}
.p-latestNews__textBox {
  width: 75%;
  order: 1;
}
.p-latestNews__title {
  margin-bottom: 20px;
  font-size: 15px;
  letter-spacing: 0.1em;
}
.p-latestNews__date {
  font-size: 13px;
  letter-spacing: 0.1em;
}
.p-latestNews__description--sp {
  margin-top: 20px;
  order: 3;
}
.p-latestNews__description--pc {
  display: none;
}

/* .p-location */
.p-location {
  padding-top: 30px;
  background-color: #eee;
}
.p-location__heading {
  margin-bottom: 30px;
  font-size: 30px;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #003A95;
  text-align: center;
}
.p-location__mapArea {
  width: 100%;
  height: 250px;
}
.p-location__map {
  width: 100%;
  height: 100%;
}

/* .p-merit */
.p-merit__firstView {
  height: 300px;
  padding: 30px 0;
  background-image: url('images/common/p-merit-topBg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-merit__topText {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.15em;
  color: #fff;
}
.p-merit__mainArea {
  padding: 50px 0;
}
.p-merit__content {
  padding: 25px 15px 40px;
  background-size: cover;
}
.p-merit__content:first-child {
  background-image: url('images/common/p-merit-bg01.jpg');
}
.p-merit__content:nth-child(2) {
  background-image: url('images/common/p-merit-bg02.jpg');
}
.p-merit__content:nth-child(3) {
  background-image: url('images/common/p-merit-bg03.jpg');
}
.p-merit__content:nth-child(4) {
  background-image: url('images/common/p-merit-bg04.jpg');
}
.p-merit__content:last-child {
  background-image: url('images/common/p-merit-bg05.jpg');
}
.p-merit__content:nth-child(n+2) {
  height: 400px;
}
.p-merit__contentHeading {
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}
.p-merit__content:nth-child(2) .p-merit__contentHeading {
  margin-bottom: 80px;
}
.p-merit__content:nth-child(3) .p-merit__contentHeading {
  margin-bottom: 40px;
}
.p-merit__content:nth-child(n+4) .p-merit__contentHeading {
  margin-bottom: 50px;
}
.p-merit__contentText {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
}

/* .p-news */
.p-news {
  padding: 30px 0;
  background-image: url('images/common/index/p-news-bg.jpg');
  background-size: cover;
  background-position: top center;
}
.p-news__heading {
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
}
.p-news__description {
  padding: 0 30px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2em;
  text-align: center;
}
.p-news__newsBox {
  margin: 50px 0 75px;
}
.p-news__content {
  padding: 30px;
  margin-bottom: 15px;
  background-color: #fff;
  opacity: 0.8;
}
.p-news__content:last-child {
  margin-bottom: 0;
}
.p-news__date {
  font-size: 16px;
  font-weight: bold;
}
.p-news__contentTitle {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin: 20px 0;
}
.p-news__contentDescription {
  font-size: 14px;
  letter-spacing: 0.05em;
}
.p-news__linkBox {
  width: 160px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  background-color: #333;
  opacity: 0.8;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-news__link {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 0.25em;
  color: #fff;
  transition: all .3s;
}
.p-news__linkBox:hover {
  background-color: #fff;
  opacity: 1;
}
.p-news__linkBox:hover .p-news__link {
  color: #333;
}

/* .p-newsTop */
.p-newsTop {
  padding: 30px 20px;
}
.p-newsTop__heading {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #ED5829;
}
.p-newsTop__pictureArea {
  width: 100%;
  height: 250px;
  margin-bottom: 30px;
}
.p-newsTop__picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-newsTop__title {
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-newsTop__date {
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 0.1em;
}
.p-newsTop__text {
  font-size: 14px;
  letter-spacing: 0.1em;
}
.p-newsTop__linkBox {
  width: 105px;
  height: 35px;
  margin: 30px auto 0;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-newsTop__link {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 35px;
  transition: all .3s;
}
.p-newsTop__linkBox:hover {
  background-color: #333;
}
.p-newsTop__linkBox:hover .p-newsTop__link {
  color: #fff;
}

/* .p-nextWorks */
.p-nextWorks {
  padding: 30px 0;
}
.p-nextWorks__heading {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #003A95;
  text-align: center;
}
/* .p-nextWorks__tabList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-nextWorks__tab {
  width: 80%;
  text-align: center;
}
.p-nextWorks__tabLink {
  display: block;
  padding: 10px 20px;
  letter-spacing: 0.1em;
  transition: all .5s;
}
.p-nextWorks__tabLink:hover {
  background-color: #003A95;
  color: #fff;
}
.p-nextWorks__tab.active {
  margin-top: 30px;
  order: 5;
}
.p-nextWorks__tab.active .p-nextWorks__tabLink {
  background-color: #003A95;
  color: #fff;
} */
.p-nextWorks__mainArea {
  /* display: none; */
  background-color: #fff;
  padding-top: 50px;
}
/* .p-nextWorks__mainArea.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
} */
/* .p-nextWorks__mainArea.is-inactive + .pagination-container {
  display: none;
} */
.p-nextWorks__content {
  width: 80%;
  margin: 0 auto 50px;
}
.p-nextWorks__contentPicture {
  width: 100%;
  height: 25vh;
  margin: 0 auto;
  object-fit: cover;
}
.p-nextWorks__text {
  margin-top: 15px;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-align: center;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* .p-opinion */
.p-opinion {
  padding: 30px 50px;
  background-color: #2853A2;
}
.p-opinion.opacity {
  background-color: rgba(40, 83, 162, .9);
}
.p-opinion__heading {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-opinion__content {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #fff;
}
.p-opinion__contentProfile {
  display: flex;
  margin-bottom: 10px;
}
.p-opinion__profile {
  font-size: 1.1rem;
  font-weight: bold;
}
.p-opinion__profilePictureBox {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #333;
}
.p-opinion__profileTextBox {
  font-size: 11px;
  margin-left: 10px;
}
.p-opinion__contentMain {
  font-size: 11px;
  margin-bottom: 20px;
}
.p-opinion__subShareButton {
  background-color: transparent;
  border: none;
  font-size: 11px;
}

/* .p-postContent */
.p-postContent {
  padding: 30px;
}
.p-postContent__heading {
  font-size: 28px;
  color: #3E9BE9;
  letter-spacing: 0.1em;
}
.p-postContent__date {
  margin-bottom: 20px;
  color: #3E9BE9;
  font-size: 14px;
}
.p-postContent__thumbnailArea {
  width: 100%;
  height: 25vh;
  margin-bottom: 30px;
}
.p-postContent__thumbnailPicture {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-postContent__articleNavList {
  width: 90%;
  margin: 30px auto !important;
  padding: 15px !important;
  border: 1px dotted #333;
  font-size: 14px;
  background-color: #e2f9ff;
}
.p-postContent__navText,
.p-postContent__navText ul li {
  margin-top: 10px;
}
.p-postContent__navText:first-child {
  margin-top: 0;
  text-align: center;
}
.p-postContent__navText ul {
  list-style: none;
  padding-inline-start: 15px;
}

.p-postContent__subHeading {
  margin: 15px 0;
  color: #4DC6FF;
  font-size: 22px;
  letter-spacing: 0.1em;
}
.p-postContent__listTitle {
  margin: 25px 0 10px;
  font-size: 20px;
  letter-spacing: 0.1em;
  padding: 0.5rem 1.5rem;
  border-left: 4px solid #4DC6FF;
}
.p-postContent__introText,
.p-postContent__text {
  line-height: 2em;
  letter-spacing: 0.05em;
}
.p-postContent__list {
  width: 90%;
  margin: 20px auto !important;
  padding: 10px 15px 15px !important;
  border: 3px dashed #3E9BE9;
}
.p-postContent__listText {
  margin-top: 10px;
  letter-spacing: 0.05em;
}
.p-postContent__listText:first-child {
  margin-top: 0;
  text-align: center;
}
.p-postContent__linkBox {
  width: 180px;
  height: 40px;
  margin: 30px auto 0;
  background-color: #4DC6FF;
  border-radius: 10px;
  opacity: 0.9;
  transition: all .3s;
  text-align: center;
}
.p-postContent__link {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1rem;
  line-height: 40px;
  transition: all .3s;
}
.p-postContent__linkBox:hover {
  background-color: #fff;
  border: 1px solid #4DC6FF;
  color: #4DC6FF;
}
.p-postContent__linkBox:hover .p-postContent__link {
  color: #4DC6FF;
  scale: 1.3;
}

/* .p-price */
.p-price {
  padding-bottom: 30px;
}
.p-price__firstView {
  padding: 40px 0;
  position: relative;
  background-image: url('images/common/outside-repair/p-price-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.p-price__heading {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.15em;
  color: #fff;
  text-align: center;
}
.p-price__linkBox:first-of-type {
  border: 2px solid #fff;
}
.p-price__linkBox {
  width: 230px;
  height: 40px;
  margin: 30px auto 50px;
  text-align: center;
  border: 1px solid #3E9BE9;
  border-radius: 5px;
  transition: all .3s;
}
.p-price__linkBox:last-child {
  width: 300px;
  height: 50px;
  margin-bottom: 0;
}
.p-price__link {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.1em;
  color: #3E9BE9;
  transition: all .3s;
}
.p-price__linkBox:hover {
  background-color: #333;
  border-color: #333;
}
.p-price__linkBox:hover .p-price__link {
  color: #fff;
}
.p-price__linkBox:first-of-type .p-price__link {
  color: #fff;
}
.p-price__linkBox:last-child .p-price__link {
  font-size: 17px;
  line-height: 50px;
  letter-spacing: 0.15em;
}
.p-price__worksArea {
  margin-top: 20px;
}
.p-price__textArea {
  padding: 30px;
  background-color: #fff;
}
.p-price__listHeading {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #003A95;
}
.p-price__text {
  margin-bottom: 5px;
  font-size: 15px;
  letter-spacing: 0.1em;
}
.p-price__text:last-child {
  margin-bottom: 0;
}

/* .p-question */
.p-question {
  padding: 30px;
  background-color: #F3F2F2;
}
.p-question.opacity {
  background-color: rgba(243, 242, 242, .8);
}
.p-question__heading {
  color: #3E9BE9;
  text-align: center;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-question__accordion {
  list-style: none;
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
}
.p-question__content {
  margin: 15px 0;
}
.p-question__accordion section {
  border: 1px solid #ccc;
}
.p-question__title {
  position: relative;
  cursor: pointer;
  padding: 3% 3% 3% 50px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.1em;
  transition: all .5s ease;
}
.p-question__title::before,
.p-question__title::after {
  position: absolute;
  content: '';
  top: 48%;
  left: 15px;
  width: 15px;
  height: 2px;
  background-color: #333;
  transition: all .5s;
}
.p-question__title::before {
  transform: rotate(0deg);
}
.p-question__title::after {
  transform: rotate(90deg);
}
.p-question__title.close::before {
  transform: rotate(45deg);
}
.p-question__title.close::after {
  transform: rotate(-45deg);
}
.p-question__box {
  display: none;
  background-color: #f3f3f3;
  margin: 0 3% 3% 3%;
  padding: 3%;
}
.p-question__answerText {
  font-size: 15px;
  letter-spacing: 0.1em;
}
.p-question__linkBox {
  width: 120px;
  height: 40px;
  margin: 30px auto 0;
  text-align: center;
  background-color: #333;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-question__link {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 0.25em;
  color: #fff;
  transition: all .3s;
}
.p-question__linkBox:hover {
  background-color: #fff;
}
.p-question__linkBox:hover .p-question__link {
  color: #333;
}

/* .p-customerVoice */
.p-customerVoice{
  padding: 30px 30px 50px;
  background-color: #5899E3;
  border-bottom: #fff solid 2px;
}
.p-customerVoice__heading {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-customerVoice__mainWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.p-customerVoice__descBox {
  margin: 15px auto;
}
.p-customerVoice__description {
  color: #fff;
  text-align: center;
}
.p-customerVoice__list {
  list-style: none;
  width: 96%;
  max-width: 900px;
}
.p-customerVoice__content {
  padding: 35px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: #fff solid 2px;
  border-radius: 15px;
}
.p-customerVoice__content:last-child {
  margin-bottom: 0;
}
.p-customerVoice__name {
  margin-bottom: 20px;
  color: #fff;
}
.p-customerVoice__text {
  margin-bottom: 20px;
  color: #fff;
}
.p-customerVoice__text:last-child {
  margin-bottom: 0;
}
.p-customerVoice__linkBox {
  width: 160px;
  height: 47px;
  margin: 50px auto 0;
  background-color: #fff;
  border-radius: 10px;
  opacity: 0.9;
  transition: all .3s;
  text-align: center;
  /* cursor: pointer; */
}
.p-customerVoice__link {
  display: block;
  width: 160px;
  line-height: 43px;
  margin: 0 auto;
  color: #5899E3;
  border: 2px solid #fff;
  border-radius: 10px;
}
.p-customerVoice__linkBox:hover {
  background-color: #5899E3;
}
.p-customerVoice__linkBox:hover .p-customerVoice__link {
  color: #fff;
}
.star5_rating{
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #CCCCCC; /* グレーカラー 自由に設定化 */
  /*font-size: 30px; フォントサイズ 自由に設定化 */
}
.star5_rating:before, .star5_rating:after{
  content: '★★★★★';
}
.star5_rating:after{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffcf32; /* イエローカラー 自由に設定化 */
}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

/* .p-repairFlow */
.p-repairFlow {
  padding: 30px 0;
}
.p-repairFlow__firstArea {
  width: 100%;
  height: 150px;
  background-image: url('images/common/outside-repair/p-repairFlow-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.p-repairFlow__heading {
  margin: 50px 0 35px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.05em;
}
.p-repairFlow__heading span {
  font-size: 14px;
}
.p-repairFlow__agendaArea {
  width: 65%;
  min-width: 250px;
  margin: 0 auto;
}
.p-repairFlow__agendaContent:first-child {
  text-align: center;
}
.p-repairFlow__agendaContent:not(:first-child) {
  box-shadow: 0 0 5px gray;
}
.p-repairFlow__agendaLink {
  width: 100%;
  padding: 12px 16px;
  display: inline-block;
  letter-spacing: 0.1em;
}
.p-repairFlow__agendaContent span {
  margin-left: 20px;
}
.p-repairFlow__linkArea {
  margin: 30px 0;
}
.p-repairFlow__linkTextBox {
  margin-bottom: 10px;
  text-align: center;
}
.p-repairFlow__linkText {
  font-size: 14px;
  letter-spacing: 0.15em;
}
.p-repairFlow__arrow {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1em;
  height: 3em;
  background: currentColor;
}
.p-repairFlow__arrow::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.05em;
  box-sizing: border-box;
}
.p-repairFlow__linkBox {
  margin-top: 10px;
  text-align: center;
}
.p-repairFlow__link {
  letter-spacing: 0.1em;
}
.p-repairFlow__pictureBox {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
}
.p-repairFlow__flowContent:first-child .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img01-sp.jpg');
}
.p-repairFlow__flowContent:nth-child(2) .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img02-sp.jpg');
}
.p-repairFlow__flowContent:nth-child(3) .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img03-sp.jpg');
}
.p-repairFlow__flowContent:nth-child(4) .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img04-sp.jpg');
}
.p-repairFlow__flowContent:nth-child(5) .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img05-sp.jpg');
}
.p-repairFlow__flowContent:nth-child(6) .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img06-sp.jpg');
}
.p-repairFlow__flowContent:nth-child(7) .p-repairFlow__pictureBox {
  background-image: url('images/common/p-repairFlow-img07-sp.jpg');
}
.p-repairFlow__textBox {
  padding: 30px;
}
.p-repairFlow__flowHeading {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.4em;
  line-height: 1.1em;
  text-align: center;
}
.p-repairFlow__flowHeading span {
  font-size: 22px;
}
.p-repairFlow__flowText {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  text-align: center;
}

/* .p-repairTop */
.p-repairTop {
  padding: 30px 0;
  text-align: center;
}
.p-repairTop__heading {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.15em;
}
.p-repairTop__mainWorks {
  margin: 40px 0 70px;
}
.p-repairTop__worksHeading {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-repairTop__mainContent {
  margin-bottom: 20px;
}
.p-repairTop__mainContent:last-child {
  margin-bottom: 0;
}
.p-repairTop__mainPictureArea {
  height: 260px;
}
.p-repairTop__mainPictureArea img {
  width: 100%;
  height: 100%;
}
.p-repairTop__mainTextArea {
  margin-top: 5px;
}
.p-repairTop__mainEachName {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-repairTop__otherList {
  display: flex;
  justify-content: space-between;
}
.p-repairTop__otherList.inside {
  flex-wrap: wrap;
}
.p-repairTop__otherContent {
  width: 49%;
}
.p-repairTop__otherList.inside .p-repairTop__otherContent:nth-child(n+3) {
  margin-top: 20px;
}
.p-repairTop__otherTextArea {
  margin-top: 5px;
}
.p-repairTop__othereachName {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.1em;
}

/* .p-service */
.p-service {
  padding: 30px 0;
}
.p-service__heading {
  color: #3E9BE9;
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-service__content--sp {
  text-align: center;
}
.p-service__content--sp:first-child {
  margin-bottom: 35px;
}
.p-service__contentTitle {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-service__contentLink {
  display: inline-block;
  margin: 15px auto 10px;
  padding: 10px 15px;
  font-size: 13px;
  border: 1px solid #333;
  border-radius: 5px;
  letter-spacing: 0.1em;
  transition: all .3s;
}
.p-service__contentLink:hover {
  background-color: #333;
  color: #fff;
}
.p-service__list--pc {
  display: none;
}

/* .p-staff */
.p-staff {
  padding: 30px 0;
}
.p-staff__heading {
  width: 60%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
}
.p-staff__heading p {
  text-align: right;
}
.p-staff__mainArea {
  margin-top: 30px;
}
.p-staff__pictureArea {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
}
.p-staff__content:first-child .p-staff__pictureArea {
  background-image: url('images/common/company/p-staff-img01.jpg');
}
.p-staff__textArea {
  width: 85%;
  margin: 30px auto;
}
.p-staff__content:last-child .p-staff__textArea {
  margin-bottom: 0;
}
.p-staff__textContent {
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: 0.1em;
}
.p-staff__textContent:last-child {
  margin-bottom: 0;
}
.p-staff__subArea {
  margin-top: 50px;
}
.p-staff__otherPictureArea {
  width: 100%;
  height: 70vh;
  background-size: cover;
  background-position: center;
}
.p-staff__otherContent:first-child .p-staff__otherPictureArea {
  background-image: url('images/common/company/p-staff-img03.JPG');
}
.p-staff__otherContent:nth-child(2) .p-staff__otherPictureArea {
  background-image: url('images/common/company/p-staff-img06.JPG');
}
.p-staff__otherContent:nth-child(3) .p-staff__otherPictureArea {
  background-image: url('images/common/company/p-staff-img07.jpg');
}
.p-staff__otherTextArea {
  width: 85%;
  margin: 30px auto 50px;
}
.p-staff__otherContent:last-child .p-staff__otherTextArea {
  margin-bottom: 0;
}
.p-staff__otherTextContent {
  margin-bottom: 15px;
  font-size: 18px;
  letter-spacing: 0.1em;
}
.p-staff__otherTextContent:last-child {
  margin-bottom: 0;
}

/* .p-top */
body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.p-top {
  padding: 30px 0;
  text-align: center;
  background-image: url('images/common/index/p-top-bg.jpg');
  background-size: cover;
}
.p-top__textArea {
  margin: 20px auto;
}
.p-top__heading {
  margin: 0 15px;
  font-size: 17px;
  line-height: 1.4rem;
  font-family: 'zen-maru-gothic-bold';
  color: #333;
  text-shadow: 1px 1px 3px #fff;
}
.p-top__pictureArea {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 20px;
  display: flex;
}
.p-top__ceoPictureArea {
  width: 50%;
}
.p-top__ceoPictureArea img {
  scale: 1.5;
}
.p-top__ceoName {
  margin-top: 25px;
  margin-left: -10px;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 12px;
}
.p-top__familyPictureArea {
  width: 40%;
  margin-top: 10px;
}
.p-top__familyPictureArea img {
  scale: 1.5;
}
.p-top__linkContents:first-child {
  margin-bottom: 15px;
}
.p-top__link {
  display: block;
  padding: 20px 10px;
  background-size: cover;
  border-radius: 100vh;
  background-color: rgb(255, 255, 255);
}
.p-top__linkHeading {
  z-index: 20;
  font-size: 22px;
  letter-spacing: 0.4rem;
  text-decoration: underline;
  margin-bottom: 10px;
}
.p-top__linkDescription {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
}
.p-top__stickarrow {
  width: 40px;
  height: 8px;
  display: inline-block;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  transform: skew(45deg);
}
.p-top__contactArea {
  margin-top: 45px;
}
.p-top__contactText {
  font-size: 13px;
  text-decoration: underline;
  margin-bottom: 15px;
  color: #333;
  font-weight: bold;
  text-shadow: 1px 1px 3px #fff;
}
.p-top__contactLinkBox {
  width: 280px;
  height: 35px;
  margin: 0 auto;
  background-color: #4DC6FF;
  border-radius: 10px;
  transition: all .3s;
}
.p-top__contactLink {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1rem;
  line-height: 35px;
  transition: all .3s;
}
.p-top__contactLinkBox:hover {
  background-color: #fff;
  border: 1px solid #4DC6FF;
  color: #4DC6FF;
}
.p-top__contactLinkBox:hover .p-top__contactLink {
  scale: 1.3;
  color: #4DC6FF;
}

/* .p-topArticle */
.p-topArticle {
  padding: 20px 30px;
}
.p-topArticle__heading {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #ED5829;
}
.p-topArticle__pictureArea {
  width: 85%;
  height: 200px;
  margin: 0 auto 30px;
  background-color: #ED5829;
}
.p-topArticle__picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-topArticle__title {
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: normal;
}
.p-topArticle__text {
  letter-spacing: 0.1em;
}
.p-topArticle__text.description {
  margin-top: 20px;
}
.p-topArticle__text:nth-child(2) {
  margin-bottom: 10px;
  font-size: 15px;
}
.p-topArticle__text:nth-child(3) {
  margin-bottom: 20px;
}
.p-topArticle__linkBox {
  width: 120px;
  height: 40px;
  margin: 30px auto 0;
  text-align: center;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-topArticle__link {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 40px;
  transition: all .3s;
}
.p-topArticle__linkBox:hover {
  background-color: #333;
}
.p-topArticle__linkBox:hover .p-topArticle__link {
  color: #fff;
}

/* .p-works */
.p-works {
  padding: 30px;
}
.p-works__heading {
  color: #3E9BE9;
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.p-works__gallery img,
.p-works__choiceBtn img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.p-works__gallery img {
  margin-bottom: 10px;
}
.p-works__gallery li {
  list-style: none;
}
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 3;
  top: 42%;
  cursor: pointer;
  outline: none;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  width: 25px;
  height: 25px;
}
.slick-prev {
  left: 2.5%;
  transform: rotate(-135deg);
}
.slick-next {
  right: 2.5%;
  transform: rotate(45deg);
}
.p-works__choiceBtn li {
  cursor: pointer;
  outline: none;
  list-style: none;
  background-color: #333;
}
.p-works__choiceBtn li {
  margin-left: 10px;
}
.p-works__choiceBtn li img {
  opacity: 0.4;
}
.p-works__choiceBtn li.slick-current img {
  opacity: 1;
}
.p-works__textArea {
  margin-top: 30px;
}
.p-works__text {
  font-size: 17px;
  letter-spacing: 0.25em;
}
.p-works__linkBox {
  width: 160px;
  height: 35px;
  margin: 15px auto 0;
  text-align: center;
  background-color: #333;
  border: 1px solid #333;
  border-radius: 5px;
  transition: all .3s;
}
.p-works__link {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 35px;
  letter-spacing: 0.25em;
  color: #fff;
  transition: all .3s;
}
.p-works__linkBox:hover {
  background-color: #fff;
}
.p-works__linkBox:hover .p-works__link {
  color: #333;
}

/* .p-worksTop */
.p-worksTop {
  padding: 30px 0;
}
.p-worksTop__heading {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #003A95;
  text-align: center;
}
/* .p-worksTop__tabList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-worksTop__tab {
  width: 80%;
  text-align: center;
}
.p-worksTop__tabLink {
  display: block;
  padding: 12px 0;
  letter-spacing: 0.1em;
  transition: all .5s;
} */
/* .p-worksTop__tabLink:hover {
  background-color: #003A95;
  color: #fff;
}
.p-worksTop__tab.active {
  margin-top: 30px;
  order: 5;
}
.p-worksTop__tab.active .p-worksTop__tabLink {
  background-color: #003A95;
  color: #fff;
} */
.p-worksTop__mainArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
  padding: 30px 10px 0;
}
/* .p-worksTop__mainArea.is-active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.p-worksTop__mainArea.is-inactive + .pagination-container {
  display: none;
} */
.p-worksTop__content {
  width: 48%;
  margin-bottom: 35px;
}
.p-worksTop__content:nth-child(8n-1),
.p-worksTop__content:nth-child(8n) {
  margin-bottom: 0;
}
.p-worksTop__contentPicture {
  height: 150px;
  margin: 0 auto;
  object-fit: cover;
}
.p-worksTop__text {
  margin-top: 15px;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-align: center;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*-------------------------------------
▼中型画面向けデザイン（タブレットなど）
--------------------------------------*/
@media screen and (min-width: 480px) {
  /* .p-client */
  .p-client__profilePicture {
    width: 20%;
    height: 20vw;
  }

}

@media screen and (min-width: 500px) {
  /* .p-client */
  .p-client__textArea {
    position: relative;
  }
  .p-client__profileInfo {
    position: relative;
    top: -50px;
  }

  /* .p-worksTop */
  .p-worksTop__contentPicture {
    width: 80%;
  }

}

@media screen and (min-width: 520px) {
  /* .p-nextWorks */
  .p-nextWorks__contentPicture {
    width: 80%;
    max-height: 520px;
    object-fit: cover;
  }

}

@media screen and (min-width: 600px) {
  /* .p-client */
  .p-client__workPictureArea {
    height: 500px;
  }
  .p-client__detailText {
    font-size: 15px;
  }

  /* .p-companyTop */
  .p-companyTop__pictureArea {
    height: 450px;
  }

  /* .p-detailTop */
  .p-detailTop__pictureArea {
    height: 500px;
  }

  /* .p-price */
  .p-price__firstView {
    padding: 120px 0;
  }
  .p-price__pictureArea {
    width: 90%;
    height: 400px;
    margin: 0 auto;
  }
  .p-price__pictureArea img {
    width: 100%;
    height: 100%;
  }

  /* .p-staff */
  .p-staff {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .p-staff__heading {
    width: 100%;
    padding: 30px 0;
  }
  .p-staff__heading img {
    width: 40%;
    margin: 0 auto;
  }
  .p-staff__mainArea {
    margin-top: 0;
    margin-bottom: 50px;
  }
  .p-staff__content {
    background-color: rgba(255, 255, 255, .5);
  }
  .p-staff__pictureArea {
    height: 400px;
  }
  .p-staff__textArea {
    padding-bottom: 30px;
  }
  .p-staff__otherContent {
    width: 100%;
    display: flex;
    background-color: #fff;
  }
  .p-staff__otherPictureArea {
    width: 60%;
    height: 45vh;
  }
  .p-staff__otherContent:nth-child(even) .p-staff__otherPictureArea {
    order: 2;
  }
  .p-staff__otherContent:nth-child(3) .p-staff__otherPictureArea {
    background-position: top;
  }
  .p-staff__otherTextArea {
    width: 40%;
    padding: 25px 10px 0;
  }
  .p-staff__otherTextContent {
    font-size: 14.5px;
  }

}

@media screen and (min-width: 768px) {
  /* .p-aboutTop */
  .p-aboutTop__firstPictureArea,
  .p-aboutTop__secondPictureArea {
    height: 450px;
  }
  .p-aboutTop__firstText {
    width: 80%;
    margin: 0 auto;
  }

  /* .p-articleList */
  .p-articleList__pictureBox {
    width: 40%;
    height: 300px;
  }

  .p-articleList__picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p-articleList__textBox {
    width: 55%;
    padding: 40px;
  }
  .p-articleList__title {
    font-size: 20px;
  }
  .p-articleList__description--pc {
    display: block;
    margin: 30px 0;
  }
  .p-articleList__description--sp {
    display: none;
  }

  /* .p-beforeAfter */
  .p-beforeAfter__beforePictureArea,
  .p-beforeAfter__afterPictureArea {
    width: 100%;
    height: 500px;
    margin: 0 auto 15px;
  }
  .p-beforeAfter__beforePicture,
  .p-beforeAfter__afterPicture,
  .p-beforeAfter__firstPicture,
  .p-beforeAfter__secondPicture {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p-beforeAfter__firstPictureArea,
  .p-beforeAfter__secondPictureArea {
    width: 80%;
    height: 400px;
    margin: 0 auto 15px;
    object-fit: cover;
  }
  .p-beforeAfter__processText {
    text-align: center;
  }

  /* .p-blog */
  .p-blog__articlePictureBox {
    width: 40%;
    height: 300px;
  }
  .p-blog__articlePicture {
    width: 100%;
    height: 100%;
  }
  .p-blog__articleTextBox {
    width: 55%;
    padding: 40px;
  }
  .p-blog__articleTitle--sp {
    font-size: 20px;
  }
  .p-blog__articleDescription--pc {
    display: block;
    margin: 10px 0;
    font-size: 15px;
  }
  .p-blog__articleDescription--sp {
    display: none;
  }

  /* .p-detailTop */
  .p-detailTop__pictureArea {
    height: 600px;
  }

  /* .p-latestNews */
  .p-latestNews__pictureBox {
    width: 40%;
    height: 300px;
  }
  .p-latestNews__picture {
    width: 100%;
    height: 100%;
  }
  .p-latestNews__textBox {
    width: 55%;
    padding: 40px;
  }
  .p-latestNews__title {
    font-size: 20px;
  }
  .p-latestNews__description--pc {
    display: block;
    margin: 30px 0;
  }
  .p-latestNews__description--sp {
    display: none;
  }

  /* .p-merit */
  .p-merit__content {
    padding: 50px 15vw 80px;
    background-attachment: fixed;
  }
  .p-merit__contentText {
    font-size: 15px;
  }

  /* .p-news */
  .p-news__content {
    padding: 30px 50px;
  }

  /* .p-newsTop */
  .p-newsTop__pictureArea {
    height: 450px;
  }

  /* .p-repairFlow */
  .p-repairFlow__firstArea {
    height: 400px;
  }
  .p-repairFlow__pictureBox {
    height: 350px;
  }

  /* .p-repairTop */
  .p-repairTop__mainList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .p-repairTop__mainContent {
    width: 49%;
  }
  .p-repairTop__mainContent:nth-child(n+3) {
    margin-bottom: 0;
  }

  /* .p-service */
  .p-service__contentPicture--sp {
    margin: 0 auto;
    height: 400px;
  }

  /* .p-top */
  .p-top__ceoPictureArea img {
    scale: 1.3;
  }
  .p-top__familyPictureArea img {
    scale: initial;
  }
  .p-top__ceoName {
    font-size: 16px;
  }

  /* .p-topArticle */
  .p-topArticle__pictureArea {
    height: 400px;
  }

}

@media screen and (min-width: 800px) {
  /* .p-client */
  .p-client__profileTitleArea {
    margin-left: 20px;
  }
  .p-client__profileTitle {
    font-size: 22px;
  }
  .p-client__profileInfo {
    width: 60%;
    top: -80px;
    left: 20px;
  }
  .p-client__otherArea {
    background-attachment: fixed;
  }

}

/*-------------------------------
▼大型画面向けデザイン（PCなど）
--------------------------------*/
@media screen and (min-width: 1038px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }

  /* .l-footer */
  .l-footer {
    padding: 50px 30px 30px;
  }
  .l-footer__pageTop {
    right: 30px;
    bottom: 30px;
  }

  /* .p-about */
  .p-about {
    display: flex;
    padding: 75px 0;
  }
  .p-about__pictureArea {
    width: 50%;
    overflow: hidden;
  }
  .p-about__picture {
    width: 100%;
    height: 100%;
    background-image: url('images/common/index/p-about-img.jpg');
    background-position: top center;
    background-size: cover;
    scale: 1.3;
  }
  .p-about__textArea {
    flex: 1;
    margin-left: 15px;
    display: flex;
  }
  .p-about__heading {
    writing-mode: vertical-rl;
    font-size: 52px;
    text-align: start;
    order: 2;
  }
  .p-about__textBox {
    margin-right: 55px;
    order: 1;
  }
  .p-about__mainTextBox {
    text-align: left;
    margin-bottom: 90px;
  }
  .p-about__mainText {
    font-size: 25px;
    letter-spacing: 0.2em;
  }
  .p-about__subTextBox {
    margin-bottom: 75px;
  }
  .p-about__subText {
    font-size: 21px;
    line-height: 2em;
    text-align: justify;
  }
  .p-about__linkBox {
    width: 140px;
    height: 45px;
  }
  .p-about__link {
    font-size: 15px;
    line-height: 45px;
  }

  /* .p-aboutTop */
  .p-aboutTop {
    padding: 150px 0 50px;
  }
  .p-aboutTop__firstView {
    margin-bottom: 75px;
    display: flex;
  }
  .p-aboutTop__firstTextWrapper {
    width: 45%;
    margin-right: 30px;
  }
  .p-aboutTop__firstTextArea {
    display: flex;
    align-items: flex-end;
  }
  .p-aboutTop__firstHeading,
  .p-aboutTop__secondHeading {
    margin-bottom: 0;
    letter-spacing: 0.15em;
    text-align: start;
  }
  .p-aboutTop__firstHeading {
    margin-top: auto;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 40px;
    writing-mode: vertical-rl;
  }
  .p-aboutTop__firstText {
    font-size: 21px;
    line-height: 3;
  }
  .p-aboutTop__linkBox {
    margin-top: 60px;
    margin-left: 80px;
  }
  .p-aboutTop__contentLink {
    padding: 12px 25px;
    font-size: 15px;
  }
  .p-aboutTop__firstPictureArea {
    width: 55%;
    height: 635px;
    background-image: url('images/common/about/p-anoutTop-img01-pc.jpg');
    background-attachment: fixed;
  }
  .p-aboutTop__secondPictureArea {
    width: 100%;
    height: 50vh;
    background-attachment: fixed;
    background-size: cover;
  }
  .p-aboutTop__secondHeading {
    margin-bottom: 50px;
    font-size: 42px;
    text-align: center;
  }
  .p-aboutTop__secondTextArea {
    padding: 80px 15% 50px;
  }
  .p-aboutTop__secondText {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .p-aboutTop__ceoName {
    margin-top: 50px;
    font-size: 50px;
  }

  /* .p-articleList */
  .p-articleList {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0 50px;
  }
  .p-articleList__heading {
    margin-bottom: 40px;
    font-size: 44px;
  }
  .p-articleList__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .p-articleList__content {
    width: 32%;
    padding: 0;
    margin-bottom: 20px;
    flex-direction: column;
  }
  .p-articleList__pictureBox {
    width: 100%;
    height: 225px;
    order: 1;
  }
  .p-articleList__textBox {
    width: 100%;
    height: 350px;
    padding: 25px;
  }
  .p-articleList__title {
    font-size: 18px;
  }
  .p-articleList__description--pc {
    font-size: 15px;
  }
  .p-articleList__linkBox {
    width: 160px;
    height: 45px;
    margin: 60px auto 0;
  }
  .p-articleList__link {
    line-height: 45px;
  }
  .p-articleList__externalLinkBox {
    width: 75%;
    margin: 0 auto;
  }
  .p-articleList__externalLink {
    padding: 45px 15px;
  }

  /* .p-beforeAfter */
  .p-beforeAfter {
    padding: 50px 0;
  }
  .p-beforeAfter__mainArea {
    margin-bottom: 60px;
    padding: 3%;
    display: flex;
    justify-content: space-between;
  }
  .p-beforeAfter__beforeArea {
    width: 38%;
  }
  .p-beforeAfter__heading {
    margin-bottom: 10px;
    font-size: 34px;
  }
  .p-beforeAfter__beforePictureArea {
    height: 50vh;
    margin-bottom: 40px;
  }
  .p-beforeAfter__explainText {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .p-beforeAfter__afterArea {
    width: 58%;
  }
  .p-beforeAfter__afterPictureArea {
    width: 100%;
    height: 80vh;
  }
  .p-beforeAfter__afterPicture {
    width: 100%;
    height: 100%;
  }
  .p-beforeAfter__subArea .p-beforeAfter__heading {
    margin-bottom: 30px;
  }
  .p-beforeAfter__list {
    display: flex;
    justify-content: space-between;
  }
  .p-beforeAfter__content {
    width: 32.5%;
    text-align: center;
  }
  .p-beforeAfter__firstPictureArea {
    margin: 0 auto;
    width: 80%;
  }
  .p-beforeAfter__firstPictureArea,
  .p-beforeAfter__secondPictureArea {
    height: auto;
  }
  .p-beforeAfter__processText {
    font-size: 16px;
  }
  .p-beforeAfter__processText.unique {
    margin-bottom: 55px;
  }

  /* .p-blog */
  .p-blog {
    padding: 75px 30px;
    display: flex;
  }
  .p-blog__textArea {
    width: 40%;
    margin-right: 50px;
  }
  .p-blog__heading {
    writing-mode: vertical-rl;
    font-size: 40px;
    margin-bottom: 75px;
  }
  .p-blog__articlesArea {
    flex: 1;
  }
  .p-blog__content {
    padding: 0;
    border: none;
  }
  .p-blog__articlePictureBox {
    order: 1;
    width: 40%;
    height: 215px;
  }
  .p-blog__articleTextBox {
    flex: 1;
    padding: 20px 30px;
  }
  .p-blog__time {
    font-size: 12px;
  }
  .p-blog__articleTitle--pc {
    margin: 10px 0;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .p-blog__linkBox {
    width: 200px;
    height: 45px;
    margin-left: 40px;
    text-align: center;
  }
  .p-blog__link {
    font-size: 15px;
    line-height: 45px;
  }

  /* .p-client */
  .p-client__firstView.pc {
    display: flex;
    justify-content: center;
    padding: 150px 20px 100px;
  }
  .p-client__firstViewLeft,
  .p-client__firstViewCenter,
  .p-client__firstViewRight {
    width: 33%;
  }
  .p-client__firstViewLeft .p-client__firstViewText {
    margin-top: 20px;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    font-size: 42px;
  }
  .p-client__heading {
    margin-bottom: 75px;
    font-size: 36px;
  }
  .p-client__firstViewCenter .p-client__firstViewText {
    font-size: 20px;
    line-height: 1.5em;
  }
  .p-client__firstViewRight .p-client__firstViewText {
    margin-bottom: 50px;
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    font-size: 18px;
  }
  .p-client__firstViewRight .p-client__firstViewText:last-child {
    margin-bottom: 0;
  }
  .p-client__mainArea {
    padding: 30px 0 120px;
  }
  .p-client__profileArea {
    width: 60%;
    margin: 30px auto;
    flex-wrap: nowrap;
  }
  .p-client__profilePicture {
    width: 175px;
    height: 175px;
    margin-right: 100px;
  }
  .p-client__textArea {
    width: 60%;
    margin-bottom: 50px;
    position: relative;
  }
  .p-client__profileTitle {
    font-size: 25px;
  }
  .p-client__profileInfo {
    width: 100%;
    position: absolute;
    left: 0;
    top: initial;
    text-align: right;
    font-size: 16px;
  }
  .p-client__detailText {
    margin-top: 65px;
    font-size: 18px;
  }
  .p-client__workArea {
    margin-left: 35px;
    display: flex;
  }
  .p-client__workTextArea {
    width: 30%;
  }
  .p-client__workHeadingArea {
    display: flex;
    margin-bottom: 75px;
  }
  .p-client__workHeading,
  .p-client__workInfoTitle {
    margin-bottom: 0;
    writing-mode: vertical-rl;
  }
  .p-client__workHeading {
    font-size: 38px;
  }
  .p-client__workInfoTitle {
    font-size: 16px;
    text-align: end;
    margin: 0 15px;
  }
  .p-client__numbering {
    display: flex;
    align-items: flex-end;
    color: #003A95;
    font-size: 20px;
    line-height: 0.9;
  }
  .p-client__workPictureArea {
    width: 70%;
    height: auto;
  }
  .p-client__linkBox {
    width: 160px;
    height: 45px;
  }
  .p-client__workInfoArea .p-client__linkBox {
    margin: 0 0 0 auto;
  }
  .p-client__link {
    line-height: 45px;
  }
  .p-client__otherArea {
    padding-top: 30px;
  }
  .p-client__otherContent {
    width: 57%;
    margin: 30px auto;
    display: flex;
    flex-wrap: nowrap;
  }
  .p-profilePictureArea .p-client__linkBox {
    width: 175px;
    margin: 30px auto 0 0;
  }
  .p-client__linkBox.more {
    width: 175px;
    height: 45px;
  }
  .p-client__linkBox.more .p-client__link {
    line-height: 45px;
  }

  /* .p-columnsTop */
  .p-columnsTop {
    padding: 200px 0 150px;
  }
  .p-columnsTop__heading {
    margin-bottom: 50px;
    font-size: 44px;
  }
  .p-columnsTop__text {
    font-size: 22px;
    line-height: 1.7;
  }

  /* .p-companyInfo */
  .p-companyInfo {
    padding: 50px;
    display: flex;
  }
  .p-companyInfo__heading {
    margin: 0 100px;
    writing-mode: vertical-rl;
    text-align: start;
    font-size: 40px;
  }
  .p-companyInfo__term,
  .p-companyInfo__description {
    margin-bottom: 40px;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .p-companyInfo__term.multi,
  .p-companyInfo__description.multi {
    margin-bottom: 10px;
  }
  .p-companyInfo__term {
    width: 20%;
  }
  .p-companyInfo__description {
    width: 80%;
  }

  /* .p-contact */
  .p-contact {
    padding: 160px 200px 100px;
  }
  .p-contact__heading {
    font-size: 42px;
  }
  .p-contact__text {
    font-size: 18px;
  }
  .p-contact__list {
    display: flex;
    flex-wrap: wrap;
  }
  .p-contact__term {
    margin-bottom: 50px;
    width: 15%;
  }
  .p-contact__description {
    margin-bottom: 50px;
    width: 85%;
    font-size: 24px;
  }

  /* .p-companyTop */
  .p-companyTop {
    padding: 120px 0 50px;
    display: flex;
  }
  .p-companyTop__textArea {
    width: 40%;
    margin-top: 120px;
    order: 2;
  }
  .p-companyTop__heading {
    margin: 0 auto 75px;
    writing-mode: vertical-rl;
    font-size: 40px;
  }
  .p-companyTop__text {
    margin: 0 30px 75px;
    font-size: 18px;
  }
  .p-companyTop__pictureArea {
    width: 60%;
    height: auto;
    background-image: url('images/common/company/p-companyTop-img-pc.jpg');
    background-attachment: fixed;
  }

  /* .p-detailTop */
  .p-detailTop {
    padding: 160px 0 50px;
    display: flex;
  }
  .p-detailTop__textArea {
    width: 30%;
  }
  .p-detailTop__headingArea.pc {
    padding: 0;
    margin-bottom: 80px;
    display: flex;
  }
  .p-detailTop__heading,
  .p-detailTop__subHeading:nth-of-type(1) {
    margin-bottom: 0;
    writing-mode: vertical-rl;
  }
  .p-detailTop__heading {
    font-size: 38px;
  }
  .p-detailTop__subHeading:nth-of-type(1) {
    font-size: 16px;
    text-align: end;
    margin: 0 15px;
  }
  .p-detailTop__subHeading:nth-of-type(2) {
    display: flex;
    align-items: flex-end;
    color: #003A95;
    font-size: 20px;
    line-height: 0.9;
  }
  .p-detailTop__box {
    margin: 0 20px 30px;
  }
  .p-detailTop__text {
    font-size: 16px;
  }
  .p-detailTop__pictureArea {
    width: 70%;
    height: auto;
  }

  /* .p-footer */
  .p-footer--sp {
    display: none;
  }
  .p-footer--pc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .p-footer__companyInfo {
    width: 38%;
  }
  .p-footer__logoArea--pc {
    width: 150px;
    margin-bottom: 30px;
  }
  .p-footer__bottomArea {
    /* margin: 40px auto 0; */
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
  }
  .p-footer__bottomArea > div {
    width: 33%;
  }
  .p-footer__bottomLink {
    display: inline-block;
  }
  .p-footer__bottomLink:first-child {
    margin-right: 30px;
  }
  .p-footer__partnerLogoArea {
    margin-bottom: 0;
  }
  .p-footer__partnerEachArea {
    width: 115px;
  }

  /* .p-footerNav */
  .p-footerNav {
    width: 62%;
    writing-mode: vertical-lr;
    color: #fff;
  }
  .p-footerNav__content {
    margin-left: 20px;
  }
  .p-footerNav__content:first-child {
    margin-left: 0;
  }
  .p-footerNav__subContent {
    margin-top: 40px;
    margin-left: 10px;
    list-style: disc;
  }

  /* .p-header */
  .p-header--sp {
    display: none;
  }
  .p-header--pc {
    width: 100vw;
    height: 100px;
    position: fixed;
    z-index: 9999;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
  }
  .p-header__logoArea--pc {
    width: 20%;
    margin: 10px 0 10px 75px;
  }
  .p-header__logo--pc {
    width: 200px;
  }

  /* .p-headerNav */
  .p-headerNav {
    flex: 1;
  }
  .p-headerNav__list {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .p-headerNav__list > li {
    padding: 0 1em;
    font-size: 14px;
  }
  .p-headerNav__list a:hover {
    color: #003A95;
  }
  .p-headerNav__list > li:last-child .p-headerNav__dropdownHead span {
    border: 2px solid #000;
    padding: 10px 15px;
    transition: all .3s;
  }
  .menu-item-has-children > a {
    display: inline-block;
    line-height: 100px;
  }
  .p-headerNav__list > li:last-child .p-headerNav__dropdownHead span:hover {
    background-color: #333;
    color: #fff;
  }
  .sub-menu {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 75px;
    transition: all .5s;
  }
  .sub-menu.open {
    display: block;
    justify-content: center;
    padding-left: 10px;
    padding-right: 30px;
  }
  .sub-menu > li > a {
    display: inline-block;
    padding-top: 15px;
  }
  .sub-menu > li:last-child > a {
    padding-bottom: 15px;
  }

  /* .p-latestNews */
  .p-latestNews {
    width: 70%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .p-latestNews__heading {
    margin-bottom: 40px;
    font-size: 44px;
  }
  .p-latestNews__content {
    padding: 0;
  }
  .p-latestNews__pictureBox {
    width: 45%;
    height: 330px;
    order: 1;
  }
  .p-latestNews__textBox {
    width: 55%;
    padding: 30px;
  }
  .p-latestNews__title {
    font-size: 24px;
  }
  .p-latestNews__description--pc {
    font-size: 15px;
    letter-spacing: 0.15em;
  }

  /* .p-location */
  .p-location {
    padding-top: 60px;
  }
  .p-location__heading {
    font-size: 40px;
  }
  .p-location__mapArea {
    height: 90vh;
  }

  /* .p-merit */
  .p-merit__firstView {
    height: 65vh;
    padding: 15px 0 80px;
    background-attachment: fixed;
  }
  .p-merit__topText {
    font-size: 32px;
  }
  .p-merit__mainArea {
    padding: 50px 0 150px;
  }
  .p-merit__content:nth-child(2) .p-merit__contentText {
    width: 75%;
    margin: 0 auto;
  }
  .p-merit__content:nth-child(n+2) {
    height: 60vh;
  }
  .p-merit__contentHeading {
    margin-bottom: 50px;
    font-size: 32px;
    letter-spacing: 0.1em;
  }
  .p-merit__contentText {
    font-size: 1.25rem;
    line-height: 3;
  }

  /* .p-news */
  .p-news {
    padding: 75px 30px;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }
  .p-news__heading {
    font-size: 52px;
    margin-bottom: 50px;
  }
  .p-news__description {
    width: 70%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 2em;
  }
  .p-news__newsBox {
    margin: 100px 20px 50px;
  }
  .p-news__contentsList {
    display: flex;
    justify-content: space-between;
  }
  .p-news__content {
    width: 32.7%;
    padding: 5px 15px;
    margin-bottom: 0;
    transition: all .3s;
  }
  .p-news__content:hover {
    scale: 0.95;
    cursor: pointer;
  }
  .p-news__contentBox {
    display: block;
  }
  .p-news__date {
    font-size: 18px;
  }
  .p-news__contentTitle {
    margin: 10px 0 75px;
  }
  .p-news__contentLinkBox {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
  }
  .p-news__contentLink {
    width: 40px;
    height: 8px;
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: skew(45deg);
    transition: all .3s;
  }
  .p-news__contentLink:hover {
    transform: translateX(10px) skew(45deg);
  }
  .p-news__linkBox {
    width: 220px;
    height: 35px;
  }
  .p-news__link {
    font-size: 15px;
    line-height: 35px;
    letter-spacing: 0.15em;
  }

  /* .p-newsTop */
  .p-newsTop {
    width: 70%;
    margin: 0 auto;
    padding: 150px 0 60px;
  }
  .p-newsTop__heading {
    margin-bottom: 40px;
    font-size: 44px;
  }
  .p-newsTop__box {
    display: flex;
  }
  .p-newsTop__pictureArea {
    width: 40%;
    height: 450px;
  }
  .p-newsTop__textArea {
    width: 60%;
    margin-left: 20px;
  }
  .p-newsTop__title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .p-newsTop__date {
    margin-bottom: 40px;
    font-size: 18px;
  }
  .p-newsTop__text {
    width: 90%;
    font-size: 22px;
  }
  .p-newsTop__linkBox {
    width: 160px;
    height: 50px;
    margin: 150px auto 0;
  }
  .p-newsTop__link {
    font-size: 16px;
    line-height: 50px;
  }

  /* .p-nextWorks */
  .p-nextWorks {
    padding: 50px 3%;
  }
  .p-nextWorks__heading {
    font-size: 40px;
  }
  /* .p-nextWorks__tab {
    width: 19%;
  }
  .p-nextWorks__tab.active {
    margin-top: 0;
    order: initial;
  }
  .p-nextWorks__tabLink {
    font-size: 14px;
  } */
  .p-nextWorks__mainArea {
    display: flex;
    justify-content: space-between;
  }
  .p-nextWorks__content {
    width: 24%;
  }
  .p-nextWorks__contentPicture {
    width: 100%;
    object-fit: cover;
  }

  /* .p-opinion */
  .p-opinion {
    padding: 75px 40px;
    margin: 0 75px;
  }
  .p-opinion__heading {
    writing-mode: vertical-rl;
    font-size: 40px;
    margin: 0 auto 30px;
  }
  .p-opinion__list {
    display: flex;
    justify-content: space-between;
  }
  .p-opinion__content {
    width: 32%;
  }
  .p-opinion__profileTextBox,
  .p-opinion__contentMain,
  .p-opinion__subShareButton {
    font-size: 12px;
  }

  /* .p-postContent */
  .p-postContent {
    padding: 120px 200px 90px;
  }
  .p-postContent__heading {
    font-size: 38px;
  }
  .p-postContent__date {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .p-postContent__thumbnailArea {
    margin: 0 auto 40px;
    width: 70%;
    height: 45%;
  }
  .p-postContent__articleNavList {
    width: 60%;
    margin: 40px auto !important;
    padding: 30px 75px !important;
    font-size: 16px;
  }
  .p-postContent__navText,
  .p-postContent__navText ul li {
    margin-top: 20px;
  }
  .p-postContent__navText ul {
    padding-inline-start: 25px;
  }
  .p-postContent__introText,
  .p-postContent__text {
    font-size: 20px;
  }
  .p-postContent__subHeading {
    font-size: 32px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .p-postContent__listTitle {
    margin: 40px 0 20px;
    font-size: 26px;
  }
  .p-postContent__list {
    width: 70%;
    margin: 30px auto !important;
    padding: 20px 65px 30px !important;
    font-size: 20px;
  }
  .p-postContent__listText {
    margin-top: 20px;
  }
  .p-postContent__linkBox {
    width: 420px;
    height: 60px;
    margin: 40px auto 0;
  }
  .p-postContent__link {
    font-size: 22px;
    line-height: 60px;
  }

  /* .p-price */
  .p-price {
    padding: 50px 0;
  }
  .p-price__firstView {
    padding: 22vh 0;
    background-attachment: fixed;
  }
  .p-price__heading {
    margin-bottom: 75px;
    font-size: 38px;
  }
  .p-price__linkBox:last-child {
    width: 350px;
  }
  .p-price__linkBox:last-child .p-price__link {
    font-size: 20px;
  }
  .p-price__worksArea {
    width: 75%;
    margin: 80px auto 50px;
  }
  .p-price__content {
    margin-bottom: 20px;
    display: flex;
  }
  .p-price__pictureArea {
    width: 40%;
    height: 65vh;
  }
  .p-price__pictureArea img {
    width: 100%;
    height: 100%;
  }
  .p-price__listHeading {
    margin-left: 60px;
  }
  .p-price__text {
    font-size: 16px;
    line-height: 1.6em;
  }

  /* .p-question */
  .p-question {
    padding: 75px 120px;
    margin: 0 75px;
  }
  .p-question.qaPage {
    padding: 175px 120px 75px;
  }
  .p-question__heading {
    writing-mode: vertical-rl;
    font-size: 40px;
    margin: 0 auto 30px;
  }
  .p-question__mainWrapper {
    display: flex;
    align-items: flex-end;
  }
  .p-question__accordion {
    width: 50%;
  }
  .p-question__content:last-child {
    margin-bottom: 0;
  }
  .p-question__linkBox {
    width: 240px;
    height: 35px;
  }
  .p-question__link {
    font-size: 15px;
    line-height: 35px;
  }

  /* .p-customerVoice */
  .p-customerVoice {
    padding: 150px 120px 75px;
  }
  
  .p-customerVoice__heading {
    writing-mode: vertical-rl;
    font-size: 40px;
    margin: 0 auto 30px;
  }
  .p-customerVoice__description {
    font-size: 20px;
  }
  .p-customerVoice__list {
    width: 100%;
    max-width: 1200px;
  }
  .p-customerVoice__content {
    margin: 40px auto;
    padding: 50px 35px;
  }
  .p-customerVoice__name,
  .p-customerVoice__text {
    margin-bottom: 35px;
  }
  .p-customerVoice__text:last-child {
    margin-bottom: 0;
  }
  .p-customerVoice__linkBox {
    margin: 70px auto 0;
  }

  /* .p-repairFlow */
  .p-repairFlow__firstArea {
    height: 500px;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }
  .p-repairFlow__heading {
    margin: 40px 0;
    font-size: 40px;
    letter-spacing: 0.1em;
  }
  .p-repairFlow__heading span {
    font-size: 24px;
  }
  .p-repairFlow__agendaArea {
    width: 90%;
    margin-bottom: 120px;
    position: relative;
  }
  .p-repairFlow__agendaWrapper {
    width: 250px;
    margin: 0 auto;
  }
  .p-repairFlow__agendaList {
    width: 100%;
  }
  .p-repairFlow__agendaLink {
    transition: all .3s;
  }
  .jsc-link--pc .p-repairFlow__agendaLink:hover {
    background-color: #333;
    color: #fff;
  }
  .p-repairFlow__linkArea {
    position: absolute;
    right: 0;
    display: flex;
  }
  .p-repairFlow__linkText {
    position: relative;
    font-size: 15px;
  }
  .p-repairFlow__linkText::after {
    display: inline-block;
    content: '';
    width: 275px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -10px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: skew(45deg);
  }
  .p-repairFlow__arrow {
    display: none;
  }
  .p-repairFlow__linkBox {
    width: 180px;
    height: 40px;
    margin-top: 5px;
    margin-left: 30px;
  }
  .p-repairFlow__link {
    width: 100%;
    display: inline-block;
    font-size: 15px;
    line-height: 40px;
    border-radius: 5px;
    transition: all .3s;
  }
  .p-repairFlow__link:hover {
    background-color: #333;
    color: #fff;
  }
  .p-repairFlow__flowContent {
    display: flex;
    flex-wrap: wrap;
  }
  .p-repairFlow__pictureBox {
    width: 50%;
    height: 70vh;
    background-attachment: fixed;
  }
  .p-repairFlow__flowContent:first-child .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img01-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(2) .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img02-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(3) .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img03-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(4) .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img04-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(5) .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img05-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(6) .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img06-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(7) .p-repairFlow__pictureBox {
    background-image: url('images/common/p-repairFlow-img07-pc.jpg');
  }
  .p-repairFlow__flowContent:nth-child(2n) .p-repairFlow__pictureBox {
    order: 2;
  }
  .p-repairFlow__textBox {
    width: 50%;
  }
  .p-repairFlow__flowHeading {
    margin: 40px 0 100px;
    font-size: 36px;
    line-height: 1.7em;
  }
  .p-repairFlow__flowHeading span {
    font-size: 36px;
  }
  .p-repairFlow__flowText {
    width: 60%;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
  }

  /* .p-repairTop */
  .p-repairTop {
    padding: 130px 80px;
  }
  .p-repairTop__heading {
    font-size: 36px;
  }
  .p-repairTop__mainWorks {
    margin: 80px 0 140px;
  }
  .p-repairTop__worksHeading {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .p-repairTop__mainList {
    flex-wrap: nowrap;
  }
  .p-repairTop__mainList.inside {
    justify-content: center;
  }
  .p-repairTop__mainContent {
    margin-bottom: 0;
    width: 23%;
    position: relative;
  }
  .p-repairTop__mainList.inside .p-repairTop__mainContent {
    margin: 0 20px;
  }
  .p-repairTop__mainPictureArea {
    height: 300px;
  }
  .p-repairTop__mainPictureArea img {
    height: 100%;
  }
  .p-repairTop__mainTextArea {
    width: 96%;
    position: absolute;
    top: 240px;
    left: 2%;
    padding: 30px 20px;
    background-color: #fff;
    text-align: left;
  }
  .p-repairTop__mainEachName {
    font-size: 22px;
    text-align: center;
  }
  .p-repairTop__otherList {
    justify-content: center;
  }
  .p-repairTop__otherContent {
    width: 30%;
    margin: 0 70px;
  }
  .p-repairTop__otherList.inside .p-repairTop__otherContent {
    width: 10%;
    margin: 0 20px;
  }
  .p-repairTop__otherList.inside .p-repairTop__otherContent:nth-child(n+3) {
    margin-top: 0;
  }
  .p-repairTop__othereachName {
    font-size: 22px;
  }

  /* .p-service */
  .p-service {
    padding: 75px 0;
  }
  .p-service__heading {
    margin-left: 20px;
    writing-mode: vertical-rl;
    font-size: 38px;
    text-align: start;
    letter-spacing: 0.2em;
  }
  .p-service__list--sp {
    display: none;
  }
  .p-service__list--pc {
    display: block;
  }
  .p-service__content--pc {
    display: flex;
  }
  .p-service__content--pc:first-child {
    margin-bottom: 30px;
  }
  .p-service__textArea {
    width: 45%;
  }
  .p-service__textArea div {
    width: 100%;
  }
  .p-service__textArea div,
  .p-service__content--pc:last-child .p-service__textArea {
    margin: 180px 40px 0;
  }
  .p-service__content--pc:first-child .p-service__textArea {
    display: flex;
  }
  .p-service__contentTitle {
    font-size: 25px;
  }
  .p-service__contentLink {
    padding: 12px 25px;
    font-size: 15px;
  }
  .p-service__pictureArea {
    width: 55%;
    height: 60vh;
    background-size: cover;
    background-attachment: fixed;
  }
  .p-service__content--pc:first-child .p-service__pictureArea  {
    background-image: url('images/common/index/p-service-img01-pc.jpg');
  }
  .p-service__content--pc:last-child .p-service__pictureArea  {
    background-image: url('images/common/index/p-service-img02-pc.jpg');
  }

  /* .p-staff */
  .p-staff {
    padding-bottom: 50px;
  }
  .p-staff__heading {
    padding: 50px 0;
  }
  .p-staff__heading img {
    width: 30%;
  }
  .p-staff__content {
    display: flex;
  }
  .p-staff__pictureArea {
    width: 75%;
    height: 70vh;
  }
  .p-staff__textArea {
    width: 25%;
    margin: 80px 80px 0;
  }
  .p-staff__content:first-child .p-staff__pictureArea {
    order: 2;
  }
  .p-staff__textContent {
    font-size: 20px;
  }
  .p-staff__otherList {
    display: flex;
    flex-wrap: wrap;
  }
  .p-staff__otherContent {
    width: 50%;
  }
  .p-staff__otherPictureArea {
    width: 50%;
  }
  .p-staff__otherContent:nth-child(3) .p-staff__otherPictureArea {
    background-position: center;
  }
  .p-staff__otherContent:nth-child(2) .p-staff__otherPictureArea {
    order: 1;
  }
  .p-staff__otherContent:nth-child(2) .p-staff__otherTextArea {
    order: 2;
  }
  .p-staff__otherContent:nth-child(n+3) .p-staff__otherPictureArea {
    order: 2;
  }

  /* .p-top */
  .p-top {
    padding: 130px 0 100px;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
  }
  .p-top__textArea {
    margin: 30px auto 0;
  }
  .p-top__heading {
    font-size: 39px;
    line-height: 1.7em;
    color: #fff;
    text-shadow: 1px 1px 3px #333;
  }
  .p-top__ceoPictureArea {
    width: 60vw;
    max-width: 900px;
    position: absolute;
    bottom: -2.5vw;
    left: -180px;
  }
  .p-top__ceoPictureArea img {
    scale: initial;
  }
  .p-top__ceoName {
    position: absolute;
    bottom: 50px;
    left: 21vw;
    font-size: 18px;
  }
  .p-top__familyPictureArea {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: -100px;
  }
  .p-top__linkArea {
    width: 620px;
    margin: 0 auto;
  }
  .p-top__linkContents {
    margin-top: 80px;
    transition: all .3s;
  }
  .p-top__link {
    width: 100%;
    height: 250px;
    border-radius: 75px;
  }
  .p-top__linkHeading {
    letter-spacing: 0.25rem;
    margin: 30px 0;
    transition: all .3s;
    font-size: 38px;
  }
  .p-top__linkDescription {
    font-size: 22px;
  }
  .p-top__stickarrow {
    display: none;
    margin-top: 20px;
    transition: all .3s;
  }
  .p-top__linkContents.floating {
    scale: 1.1;
  }
  .p-top__linkContents.floating .p-top__linkHeading {
    margin: 20px 0;
  }
  .p-top__linkContents.floating .p-top__stickarrow {
    display: inline-block;
  }
  .p-top__contactText {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .p-top__contactLinkBox {
    width: 480px;
    height: 80px;
  }
  .p-top__contactLink {
    font-size: 22px;
    line-height: 80px;
  }

  /* .p-topArticle */
  .p-topArticle {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .p-topArticle__heading {
    margin-bottom: 40px;
    font-size: 44px;
  }
  .p-topArticle__box {
    display: flex;
  }
  .p-topArticle__pictureArea {
    width: 60%;
    height: 450px;
  }
  .p-topArticle__textArea {
    width: 40%;
    margin-left: 20px;
  }
  .p-topArticle__title {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .p-topArticle__text {
    font-size: 22px;
  }
  .p-topArticle__text.description {
    margin-top: 80px;
  }
  .p-topArticle__text:first-of-type {
    margin-bottom: 40px;
    font-size: 18px;
  }
  .p-topArticle__text:nth-of-type(2) {
    margin-bottom: 30px;
  }
  .p-topArticle__linkBox {
    width: 160px;
    height: 50px;
    margin: 120px auto 0;
  }
  .p-topArticle__link {
    font-size: 16px;
    line-height: 50px;
  }

  /* .p-works */
  .p-works {
    padding: 75px 0 75px 30px;
    display: flex;
  }
  .p-works__pictureArea {
    width: 50%;
    order: 2;
  }
  .p-works__gallery img {
    height: 70vh;
  }
  /* .p-works__choiceBtn li {
    width: 100px;
    height: 100px;
  } */
  /* .p-works__choiceBtn img {
    height: 100%;
  } */
  .p-works__textArea {
    order: 1;
    margin-top: 0;
    margin-right: 75px;
  }
  .p-works__heading {
    margin-bottom: 80px;
    writing-mode: vertical-rl;
    font-size: 52px;
  }
  .p-works__text {
    font-size: 21px;
    text-align: justify;
    letter-spacing: 0.1em;
    line-height: 2em;
  }
  .p-works__linkBox {
    width: 100%;
    height: 35px;
    margin-top: 50px;
  }
  .p-works__link {
    font-size: 15px;
    line-height: 35px;
  }

  /* .p-worksTop */
  .p-worksTop {
    padding: 175px 3% 0;
  }
  .p-worksTop__heading {
    margin-bottom: 50px;
    font-size: 38px;
  }
  /* .p-worksTop__tab {
    width: 19%;
  }
  .p-worksTop__tab.active {
    margin-top: 0;
    order: initial;
  }
  .p-worksTop__tabLink {
    font-size: 15px;
  } */
  .p-worksTop__content {
    width: 49%;
    margin-bottom: 50px;
  }
  .p-worksTop__contentPicture {
    width: 100%;
    height: 430px;
  }

}

@media screen and (min-width: 1178px) {
  /* .p-headerNav */
  .p-headerNav__list > li {
    padding: 0 1.5em;
  }

}

@media screen and (min-width: 1200px) {
  /* .p-opinion */
  .p-opinion {
    padding: 75px 120px;
  }

  /* .p-service */
  .p-service__textArea div,
  .p-service__content--pc:last-child .p-service__textArea {
    margin-top: 180px;
    margin-left: 120px;
  }

  /* .p-worksTop */
  .p-worksTop {
    padding: 175px 7% 0;
  }
  .p-worksTop__tab {
    width: 18%;
  }

}

@media screen and (min-width: 1250px) {
  /* .p-client */
  .p-client__profileInfo {
    top: 90px;
  }
  .p-client__detailText {
    margin-top: 50px;
  }

  /* .p-footer */
  .p-footer__companyInfo {
    width: 50%;
  }

  /* .p-footerNav */
  .p-footerNav {
    width: 50%;
  }

  /* .p-merit */
  .p-merit__firstViewContent {
    margin: 0 150px;
  }

  /* .p-nextWorks */
  .p-nextWorks {
    padding: 50px 7%;
  }
  .p-nextWorks__tab {
    width: 18%;
  }
  .p-nextWorks__tabLink {
    font-size: 15px;
  }

}

@media screen and (min-width: 1450px) {
  .p-blog__articlePictureBox {
    width: 30%;
    height: 300px;
  }
  .p-articleList__pictureBox {
    height: 40%;
  }
  .p-articleList__textBox {
    height: 550px;
  }
  /* .p-topArticle__pictureArea {
    width: 50%;
    height: 550px;
  } */
  .p-topArticle__textArea {
    width: 50%;
    margin-left: 40px;
  }
  .p-worksTop__contentPicture {
    height: 650px;
  }
}