/*------------------------------------------------------------
FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box; /* ボックスサイズ調整 */
}

html, body {
width: 100%;
height: 100%;
overflow: hidden; /* はみ出し防止 */
display: flex;
flex-direction: column; /* 縦方向に並べる */
}



/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:block; }
.sponly{ display:none; }



/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/
.wrapper {
flex: 1; /* 残りのスペースを占有 */
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden; /* 画像のはみ出しを防ぐ */
padding:0;
}

.page img {
width: auto; /* 縦横比を維持 */
height: calc(100vh - 60px);
}

.top{
padding:0;
}
.raws{
flex: 1;
display:flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
flex-direction:row;
width:auto;
margin:0;
}
.raws01,
.raws02{
margin:0 2rem;
text-align:center;
}
.raws01 img,
.raws02 img{
width: auto; /* 縦横比を維持 */
height: calc(100vh - 60px);
}


.anc-i{
  position: relative;
  height: calc(100vh - 60px);
  display: flex;
  justify-content: center; /* imgを中央に配置 */
  align-items: center;
  overflow: hidden;
}
.anc-i img {
  height: 100%;
  width: auto;
  display: block;
}

.link-area {
  position: absolute;
  left: 11%;
  top: 63.25%;
  width: 64%;
  height: 7.61%;
}



.startLink,
.pageLink{
height: 60px;
display: flex;
align-items:center;
justify-content: center;
flex-shrink: 0; /* 高さを固定 */
}

.startLink a,
.pageLink a{
text-decoration: none;
color: #000; /* テキスト色 */
font-size: 1.3vw; /* テキストサイズ */
}
.pageLink {
margin-top: auto;
display: flex;
gap: 5vw; /* リンク間のスペース */
}

.pageLink li {
list-style: none;
}

.pageLink li:nth-child(1){
padding-left:1.5vw;
position:relative;
}
.pageLink li:nth-child(1)::before{
content:'';
width:1vw;
height:1vw;
border-left:2px solid #000;
border-bottom:2px solid #000;
transform:rotate(45deg);
position:absolute;
top:.5vw;
left:0;
}

.pageLink li:last-child{
padding-right:1.5vw;
position:relative;
}
.pageLink li:last-child::before{
content:'';
width:1vw;
height:1vw;
border-right:2px solid #000;
border-bottom:2px solid #000;
transform:rotate(-45deg);
position:absolute;
top:.5vw;
right:0;
}

/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/



/*------------------------------------------------------------
END PC LAYOUT CSS
------------------------------------------------------------*/
}