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

Autodesk Learning Patner Web Site common CSS  2022.03

------------------------------------------------------------------------------------------------------*/
/* 全体 Font 指定 */
body {
  font-family:'autodesk-light', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",Verdana, sans-serif;
  font-weight: 400;
  }
.fwn {
  font-family:'autodesk-light', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",Verdana, sans-serif;
  font-weight: 400;
  }

strong{
  font-family:'autodesk-Bold', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",Verdana, sans-serif;
  font-weight: 700;
  }
.fwb{
  font-family:'autodesk-Bold', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",Verdana, sans-serif;
  font-weight: 700;
  }

/* Scroll-top */
#page-top {
	position: fixed;
	bottom: 0;
	right: 10px;
	font-size: 12px;
	}
#page-top a {
	background: #000;
  opacity: 0.6;
	text-decoration: none;
	color: #FFF;
	width: 60px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 8px 8px 0 0;
	}
#page-top a:hover {
	text-decoration: none;
	background: #000;
	}

/* SP指定
------------------------------------------------------------------*/
.for-pc{
  display: none;
  }

/*Header*/
header{
  background: #000;
  padding-bottom: 5px;
  z-index: 100;
  }
header .area-title{
  padding: 15px;
  display: block;
  }
header .area-title .box-logo{
  width: 120px;
  margin-bottom: 15px;
  }
header .area-title .box-title{
  width: 100%;
  }
header nav{
  width: 100%;
  padding: 15px 0 10px 15px;
  border-top: #222 solid 1px;
  overflow-x: scroll;
  position: relative;
  }
header nav ul{
  /* width: は個別指定 */
  display: flex;
  }
header nav ul li{
  font-size: 14px;
  margin-right: 2em;
  }
header nav ul li:last-child{
  margin-right: 0;
  }
header nav ul li a{
  color: #FFF;
  }
header ::-webkit-scrollbar{
  width: 3px;
  height: 2px;
  }
header ::-webkit-scrollbar-track{
  background: #000;
  }
header ::-webkit-scrollbar-thumb{
  background: #999;
  }

/* Footer Size */
.iframe-footer-alp{
  width: 100%;
  height: 490px;
  }
.iframe-footer-edu{
  width: 100%;
  height: 110px;
  }

/*------------------------------------------------------------------------------------------------------

for PC

------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:767px) {
.for-sp{
  display: none;
  }
.for-pc{
  display: block;
  }

/*Header*/
header{
  padding: 0;
  }
header .area-title{
  padding: 0;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  }
header .area-title .box-logo{
  width: 130px;
  padding: 15px 0;
  margin-bottom: 0;
  }
header .area-title .box-title{
  max-width: 530px;
  padding: 15px 0;
  }
header nav{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  }
header nav ul li{
  font-size: 13px;
  margin-right: 0.8em;
  }
header nav ul li a{
  color: #FFF;
  display: block;
  padding: 12px 10px 12px 0;
  }
header nav ul li a:hover{
  background: #222;
  }

/* Footer Size */
.iframe-footer-alp{
  width: 100%;
  height: 220px;
  }
.iframe-footer-edu{
  width: 100%;
  height: 80px;
  }
}