@charset "UTF-8";

/* スマホでは非表示 */
.sp_no {
  display: none;
}

.content,
.content-m,
.content-s {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

/*2カラム*/
.column-x2{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.column-x2 .column-x2-01,
.column-x2 .column-x2-02{width: 100%;}


article{margin-top: 80px;}




/*------------------------------------------------*/
/*------------------- footer ---------------------*/
/*------------------------------------------------*/

.footer .inner{
background-color: var(--color-black);
display: grid;
grid-template-columns: 45% 1fr;
gap: 0;
color: var(--color-white);
margin-top: 120px;
}

/* logo */
.footer .inner .box01{
grid-row: 1 / 2;
grid-column: 1 / 2;
border: 1px solid;
border-width: 1px 0 1px 0;
padding: 7% 20%;
text-align: center;
/* 上下中心 */
display: flex;
height: 100%;
justify-content: center;
}
.footer .inner .box01 img{width: 70%;}

/* lang mail */
.footer .inner .box02{
grid-row: 1 / 2;
grid-column: 2 / 3;
border: 1px solid;
border-width: 1px 0 1px 1px;
padding: 7% 20%;
display: grid;
grid-template-columns: 30% 30%;
gap: 30%;
align-items: center;
}
.footer .inner .box02 a{
display: block;
transition: 0.2s ease-out;
}
.footer .inner .box02 a:hover{
opacity: 0.5;
}
.footer .inner .box02 a.box02-item01{text-align: right;}
.footer .inner .box02 a.box02-item02{}
.footer .inner .box02 a.box02-item01 img{width:30px;}
.footer .inner .box02 a.box02-item02 img{width:35px;}


/* 内容 */
.footer .inner .box03{
grid-row: 2 / 3;
grid-column: 1 / 3;
padding: 5% 5%;
}
.footer .inner .box03 .box03_inner{
display: grid;
grid-template-columns: 70% 15% 15%;
margin-bottom: 10px;
}
.footer .inner .box03 .box03_inner .box03_title{
font-size: var(--s16);
font-weight: 400;
letter-spacing: 2px;
}
.footer .inner .box03 .box03_inner a.box03_link{
display: block;
width: 50%;
margin: 0 10px -5px 10px;
}
.footer .inner .box03 .txt{
margin-right: 20px;
font-size: var(--s14);
}
.footer .inner .box03 a.box03_tel{
display: inline-block;
color: var(--color-white);
margin: 0 0 10px 0;
}
.footer .inner .box03 small{
display: block;
margin-top: 5px;
}
.footer .inner .box03 .footer-nav__group{
display: none;
}



/*------------------------------------------------*/
/*----------------- ページ内メニュー -------------------*/
/*------------------------------------------------*/

.page_menu .page_menu_list{
background-color: rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
}
.page_menu .page_menu_list .item{
width: 50%;
display: flex;
align-items: center;
}
.page_menu .page_menu_list .item a{
width: 100%;
display: block;
color: var(--color-white);
padding:0.5rem 1.5rem 0.5rem 1rem;
transition: 0.3s ease-in-out;
position: relative;
align-self: stretch;
}
.page_menu .page_menu_list .item a::after{
transition: 0.2s ease-out;
content: "";
display: block;
background-image: url(../img/icon_arrow_down-right.svg);
background-position: center;
background-size: cover;
width: 15px;
height:15px;
position: absolute;
bottom: 30%;
right: 7px;
}






/*------------------------------------------------*/
/*----------------- ページTOP -------------------*/
/*------------------------------------------------*/
.p_top a{
position: fixed;
width: 40px;
height: 40px;
z-index: 40;
bottom: 20px;
right: 20px;
padding: 7px;
outline: 1px solid var(--color-white);
background-color: var(--color-black);
}
.p_top a img{
clip-path: inset(0px 0px 0 0px);
animation: mask_down_ptop 5s ease-in-out infinite;
}
@keyframes mask_down_ptop {
80% {clip-path: inset(0px 0px 0px 0px);}
100% {clip-path: inset( 0px 0px 100% 0px);}
}