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


#container {
  margin: 0;
  padding: 0;
}

#contents {
padding-top: var(--content-padding-top);
overflow: hidden;
  position: relative;
  min-height: 100vh;
	/*←内容が少ないページの時のfooterの高さ保持用*/
}

.l-wraper {
    min-height: calc(100vh - 300px);
    padding: 50px 0 0;
}

/*フッター位置調整*/
/*
.wrapper {
  min-height: calc(100vh - 500px);
  padding: 0;
}
*/


/*------------------------------
  横幅指定 ※変更不可
 ------------------------------*/
/*wrap共通*/
.l-wrap-l,.l-wrap-m,.l-wrap-s,.l-wrap-footer {
  margin: 0 auto;
}

.l-wrap-l {
  width: 100%;
}
.l-wrap-m {
  max-width: 1100px;
  width: 92%;
}
.l-wrap-s {
  max-width: 730px;
  width: 92%;
}

.l-wrap-footer {
  width: 95%;
}

/*------------------------------
  レイアウト(外枠)余白 ※変更不可
 ------------------------------*/
.l-wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.l-wrap-tp {
  padding-top: 80px;
}
.l-wrap-btm{
  padding-bottom: 80px;
}
.l-wrap-half {
  padding-top: 40px;
  padding-bottom: 40px;
}
.l-wrap-tp-half {
  padding-top: 40px;
}

/*------------------------------
  レイアウト(内側コンテンツ)余白 ※変更不可
 ------------------------------*/
.l-wrap-content-outer-l,
.l-wrap-content-outer{
padding: 2em 1em;
}



/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
/*------------------------------
  レイアウト(外枠)余白 ※変更不可
 ------------------------------*/
.l-wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.l-wrap-tp {
  padding-top: 80px;
}
.l-wrap-btm{
  padding-bottom: 80px;
}
.l-wrap-half {
  padding-top: 40px;
  padding-bottom: 40px;
}
.l-wrap-tp-half {
  padding-top: 40px;
}

/*------------------------------
  レイアウト(内側コンテンツ)余白 ※変更不可
 ------------------------------*/
.l-wrap-content-outer-l,
.l-wrap-content-outer{
padding: 2em;
}



}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

/*------------------------------
  レイアウト(外枠)余白 ※変更不可
 ------------------------------*/
.l-wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}

.l-wrap-tp {
  padding-top: 100px;
}
.l-wrap-btm{
  padding-bottom: 100px;
}
.l-wrap-half {
  padding-top: 60px;
  padding-bottom: 60px;
}
.l-wrap-tp-half {
  padding-top: 60px;
}


}
/*=================== PCここまで ==================*/


/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

.l-wrap-content-outer{
padding: 2em;
}

.l-wrap-content-outer-l{
  padding:100px;
  
}

}
/*=================== PCここまで ==================*/




.l-bg--top-about{
  background: var(--color--key)
    url(../../images/top/top-about-bg-sp.png)
    no-repeat center / cover;
}
.l-bg--top-menu{
  background: var(--color--key)
    url(../../images/top/top-menu-bg.jpg)
    no-repeat center / cover;
}

.l-bg--top-award{
  background: var(--color--key)
    url(../../images/top/top-award-bg.jpg)
    no-repeat center / cover;
}

.l-bg--top-contact{
  background: var(--color--key);
    /* url(../../images/top/top-contact-sp.png)
    no-repeat center bottom / cover; */
}




/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
.l-bg--top-about{
  background: var(--color--key)
    url(../../images/top/top-about-bg-pc.jpg)
    no-repeat center / cover;
}

}
/*=================== TBここまで ==================*/