/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

/* =====================================
Pagetitle
====================================== */
.pagetitle {
 width: 100%;
 height: auto;
 display: block;
 background-image: linear-gradient(
  0deg,
  rgba(24, 29, 37, 0) 0%,
  rgba(24, 29, 37, 1) 100%
)
}

.ptbody {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding:150px 5% 5%;
 background-image: url(../img/pt_acc.webp);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 background-size: 100% auto;
}
.pt01 {
 width:45%;
 height: auto;
 display: flex;
 flex-direction: column;
}
.pt01 h2 {
 order:2;
 font-size: clamp(26px, 3.5vw, 60px);
 font-weight: 300;
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.5em;
}
.pt01 p {
 order:1;
 font-size: clamp(10px, 1.5vw, 14px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 letter-spacing: 0.2em;
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
ul.pankuzu {
 width:50%;
 height: auto;
 display: flex;
 justify-content: flex-end;
}
ul.pankuzu li {
font-size:12px;
 color: var(--color-a9);
line-height:1.25em;
margin:0;
}
ul.pankuzu li:after {
 content:" > ";
 margin-right:0.5em;
}
ul.pankuzu li:last-child:after {
 content:"";
 margin-right:0;
}
ul.pankuzu li a {
 color: var(--color-white);
 text-decoration: none;
}


}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* =====================================
Pagetitle
====================================== */
.pagetitle {
 width: 100%;
 height: auto;
 display: block;
 background-image: linear-gradient(
  0deg,
  rgba(24, 29, 37, 0) 0%,
  rgba(24, 29, 37, 1) 100%
)
}

.ptbody {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding:120px 5% 5%;
 background-image: url(../img/pt_acc.webp);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 background-size: 100% auto;
}
.pt01 {
 width:45%;
 height: auto;
 display: flex;
 flex-direction: column;
}
.pt01 h2 {
 order:2;
 font-size: clamp(26px, 3.5vw, 60px);
 font-weight: 300;
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.5em;
}
.pt01 p {
 order:1;
 font-size: clamp(10px, 1.5vw, 14px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 letter-spacing: 0.2em;
 line-height: 1.1em;
 margin-bottom: 0.75em;
}
ul.pankuzu {
 width:50%;
 height: auto;
 display: flex;
 justify-content: flex-end;
}
ul.pankuzu li {
font-size:12px;
 color: var(--color-a9);
line-height:1.25em;
margin:0;
}
ul.pankuzu li:after {
 content:" > ";
 margin-right:0.5em;
}
ul.pankuzu li:last-child:after {
 content:"";
 margin-right:0;
}
ul.pankuzu li a {
 color: var(--color-white);
 text-decoration: none;
}


}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

/* =====================================
Pagetitle
====================================== */
.pagetitle {
 width: 100%;
 height: auto;
 display: block;
 background-image: linear-gradient(
  0deg,
  rgba(24, 29, 37, 0) 0%,
  rgba(24, 29, 37, 1) 100%
)
}

.ptbody {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 padding:100px 5% 10%;
 background-image: url(../img/pt_acc.webp);
 background-repeat: no-repeat;
 background-position: 0 bottom;
 background-size: 100% auto;
}
.pt01 {
 width:100%;
 height: auto;
 display: flex;
 flex-direction: column;
}
.pt01 h2 {
 order:2;
 font-size: clamp(26px, 3.5vw, 60px);
 font-weight: 300;
 color:var(--color-white);
 line-height: 1.1em;
 margin-bottom: 0.5em;
}
.pt01 p {
 order:1;
 font-size: clamp(10px, 1.5vw, 14px);
 font-weight: 300;
 font-family: var(--font-en);
 color:var(--color-white);
 letter-spacing: 0.2em;
 line-height: 1.1em;
 margin-bottom: 1em;
}
ul.pankuzu {
 width:100%;
 height: auto;
 display: flex;
 flex-wrap: wrap;
}
ul.pankuzu li {
font-size:11px;
 color: var(--color-a9);
line-height:1.25em;
margin:0;
}
ul.pankuzu li:after {
 content:" > ";
 margin-right:0.5em;
}
ul.pankuzu li:last-child:after {
 content:"";
 margin-right:0;
}
ul.pankuzu li a {
 color: var(--color-white);
 text-decoration: none;
}

 
}