@charset "utf-8";
/* CSS Document */

/*ナビゲーション*/
.navi{
padding: 0 3px;
background:#fff;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
margin: 100px 0;
}
#link-presentations{
grid-column: 1 / 2;
grid-row: 1 / 2;
}
#link-repartory{
grid-column: 2 / 3;
grid-row: 1 / 2;
}
#video{
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.navi a{
text-decoration: none;
}
.link-training,
.link-presentations,
.link-repartory,
.video
{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border: solid #867547 1px;
border-radius: 1px;
padding: 12px 8px ;
margin: 0 2px;
height: 70px;
}
.link-maintitle{
color: #867547;
font-size: 13px;
margin: 0 0 0.5rem;
letter-spacing:1PX;
}
.link-maintitle2{
color: #867547;
font-size: 10px;
margin: 0 0 0.5rem;
letter-spacing:1PX;
}
@media(min-width:768px){
.navi{
display: flex;
justify-content: center;
align-items: center;
}
.link-training,
.link-presentations,
.link-repartory,
.video
{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 200px;
margin: 0 10px;
}
.link-maintitle,
.link-maintitle2
{
font-size: 15px
}
}
.link-training:hover,
.link-presentations:hover,
.link-repartory:hover,
.video:hover
{
background-color:#efefef;
}

/*
.bg-pattern1{
display: flex;
justify-content: center;
align-items: center;
height: 200px;
background-image: url("../img/bg-img/bg_stay_f9f6e9.webp");
background-position: center;
background-size: cover; 
background-color: #f9f6e9; 
margin: 5rem 0;
}
*/

/*リンクボタン*/
/*.link-area{
display: flex;
justify-content: center;
align-items: center;
}

.link-button{
position: relative;
border: solid #6f4d3e 1px;
border-radius: 5px;
padding: 16px 16px 16px 40px;
margin: 3rem 0;
font-size: 16px;
background:#fff;
color: #6f4d3e;
}
.link-button::before{
position: absolute;
left: 10px;
top: 18px;
content: url("../img/icon/round-arrow-right.svg");
}
.link-button:hover{
background-color: #efefef;
}
*/