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

Autodesk Learning Patner 2025

------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:767px) {
	html {
  font-size: 100%;
		}
	body{
		margin-top: 156px;
		}
	body#alp-home{
		margin-top: 110px;
		}	
	.sp-only {
    display: none;
  	}
  .pc-only {
    display: block;
  	}
  /*Header
	------------------------------------*/
  header {
    background: #000;
    height: auto;
  	}
  header .wrap {
    width: 100%;
		border-bottom: #333 solid 1px;
    padding: 15px 0 12px 0;
  	}
	header .wrap .block{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
		}
  header .box-logo {
    width: 150px;
    height: auto;
    position: inherit;
    padding: 0;
    margin-left: 5px;
    border-left: none;
  }
  /*ドロワーメニュー ドロップダウンメニュー
  ------------------------------------*/
  header .drawer_menu {
    width: 100%;
		max-width: 1200px;
		padding: 0 20px;
		margin: 5px auto;
  	}
  header .drawer_menu .drawer_nav_wrapper {
    transform: translate(0);
    width: 100%;
    /*height: 42px;*/
    /* PC用メニュー高さ */
    position: relative;
    top: auto;
    right: auto;
    z-index: 100;
    background-color: #000;
    /* PC用メニュー背景色 */
  }
  header .drawer_menu .drawer_nav {
    /*max-width: 1210px;*/
    /* コンテンツ幅に合わせる */
    padding: 0;
    margin: 0; /*0 auto*/
    display: -webkit-flex;
    display: flex;
    list-style-type: none;
  }
  header .drawer_menu .drawer_nav li {
    font-size: 0.8rem; /*16px*/
		font-weight: 800;
    margin: 0 1.5rem 0 0; /**/
    padding: 0; /*0 1.5rem 0 0*/
    box-sizing: border-box;
    background-color: #000;
    /* PC用メニューボタン背景色 */
    list-style-type: none;
  }
  header .drawer_menu .drawer_nav li a {
    display: block;
    padding: 10px 5px;
    box-sizing: border-box;
    color: #fff;
    /* PC用メニューボタン文字色 */
  }
  header .drawer_menu .drawer_nav li a.dropdown-parent { /*ドロップダウンメニュー矢印*/
    position: relative;
    padding: 10px 1.5rem 10px 5px;
  }
  header .drawer_menu .drawer_nav li a.dropdown-parent::before {
    content: '';
    position: absolute;
    top: 45%;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: 0.5em;
    height: 0.5em;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-50%) rotate(135deg); /*translateY(-25%) */
  }
  header .drawer_menu .drawer_nav li a:hover {
    background-color: #212121;
    /* PC用メニューボタンマウスオーバー背景色 */
  }
  /* ドロップダウンメニュー2階層目 */
  header .drawer_menu .drawer_nav li ul.list-child {
    visibility: hidden;
    list-style-type: none;
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
    padding-left: 0;
  }
  header .drawer_menu .drawer_nav li:hover ul.list-child {
    visibility: visible;
    z-index: 1;
    top: 100%; /*50px*/
    /* PC用メニューの高さに合わせる */
    /*transition: all .3s;*/
    width: auto;
  }
  header .drawer_menu .drawer_nav li:hover ul.list-child li {
    width: 100%;
    min-width: 200px;
    /* ドロップダウンメニューボタン横幅 */
    height: auto; /*50px*/
    /* Pドロップダウンメニューボタン高さ */
    text-align: left;
    padding: 0;
  }
  header .drawer_menu .drawer_nav li:hover ul.list-child li a {
    display: block;
    width: 100%;
    padding: 10px 0 10px 10px;
    background-color: #fff;
    /* ドロップダウンメニューの文字の背景色 */
    color: #333;
    /* ドロップダウンメニューの文字色 */
    font-size: 0.8rem; /*100%*/
		font-weight: 700;
    text-decoration: none;
    /*height: auto;*/
    /*line-height: 50px;*/
    /*padding: 10px 0;*/
    /* Pドロップダウンメニューボタン高さ */
    text-align: left;
  }
  header .drawer_menu .drawer_nav li:hover ul.list-child li a:hover {
    background-color: #ccc; /*999*/
    /* ドロップダウンメニューマウスホバー背景色 */
  }
  header .touch-btn {
    color: #fff;
    /*margin-left: 5px;*/
    margin: 0;
  }
  /*ドロワーメニュー ドロップダウンメニュー ここまで*/


/*------------------------------------------------------------------------------------------------------
  ローカルナビ
------------------------------------------------------------------------------------------------------*/
.local-nav{
	background: #F9F9F9;
	border-bottom: #DDD solid 1px;
	}
.local-nav .container{
	width: 1200px;
	padding: 0 1rem 1px 1rem;
	margin: 0 auto;
	}
.local-nav .container ul{
	display: flex;
	padding: 0;
	margin: 0;
	}
.local-nav .container ul li{
	font-size: 0.8rem;
	font-weight: 800;	
	}
.local-nav .container ul li a{
	height: 46px;
	box-sizing: border-box;
	padding: 1rem 1rem 0 1rem;
	display: inline-block;
	}
.local-nav .container ul li:hover{
	background: #E2E2E2;
	}
.local-nav .container ul li.current{
	background: #E2E2E2;
	}
.local-nav .container ul li:nth-child(1){
	display: inline-block;
	width: 138px;
	font-size: 1rem;
	text-align: center;
	border-bottom: #000 solid 1px;
	}

/*------------------------------------------------------------------------------------------------------
  メインタイトルエリア
------------------------------------------------------------------------------------------------------*/
#main-title {
  width: 100%;
  color: #FFF;
	background: #000;
	display: flex;
	position: relative;
	}
#main-title .box-left{
	width: 45%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;	
	}
#main-title .box-hero{
	width: 55%;
	height: 100%;
	}
#main-title .box-hero img{
	width: 100%;
	object-fit: cover;
	object-position: 0 50%;
	}
#main-title .container{
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(90deg, #000000 45%, transparent 85%);
	z-index: 10;
	display: flex;
	align-items: center;
  }
#main-title .container hgroup {
  position: relative;
	bottom: 0;
	padding-bottom: 0;
	}
#main-title .container hgroup p.sub-catch {
  font-size: 1.3rem;
	font-weight: 700;
  margin-bottom: 0.7rem;
  }
#main-title .container hgroup h1 {
  font-size: 2.5rem;
  }
/*大きいヒーローイメージの高さ*/
#main-title.hero-01 {
  height: 500px;
	}
#main-title.hero-01 .box-hero img{
	height: 500px;
	}
/*小さいヒーローイメージの高さ*/
#main-title.hero-02 {
  height: 320px;
	}
#main-title.hero-02 .box-hero img{
	height: 320px;
	}



/*------------------------------------------------------------------------------------------------------
  コンテンツエリア共通
------------------------------------------------------------------------------------------------------*/
section > .container {
	padding: 3.2rem 1rem;
	max-width: 1200px;
  margin: 0 auto;
  }

/*リード指定
-----------------------------------------*/
.block-lead{
	max-width: 900px;
	margin: 0 auto;
	}

/*リンクボタン-白
-----------------------------------------*/
a.btn-link-white{
	position: absolute;
	bottom: 1.5rem;
	}

/*地方リンク
-----------------------------------------*/
nav.area{
	width: 1200px;
	margin: 0 auto;
	padding: 3rem 1rem 0 1rem;
	}

/*Flex指定
-----------------------------------------*/
.wrap-flex{
  display: flex;
	flex-wrap: nowrap;
  width: 100%;
  gap: 20px;
	align-items: stretch;
	}
.wrap-flex-center{
  display: flex;
	flex-wrap: nowrap;
  width: 100%;
  gap: 20px;
	align-items: center;
	}
	
/*2分割 Block
-----------------------------------------*/
.block-2-divide{
	width: 100%;
	max-width: 588px;
	position: relative;
	}

/*3分割 Block
-----------------------------------------*/
.block-3-divide{
	width: 100%;
	max-width: 384px;
	position: relative;
	}
.block-3-divide.pb-4{
	padding-bottom: 4rem;
	}
.column-w9{
	width: 894px;
	}

/*テキストと写真の振り分け
-----------------------------------------*/
.block-A{}
.block-A .box-txt{
	max-width: 690px;
	}
.block-A .box-pic{
	max-width: 486px;
	}
.block-B{}
.block-B .box-txt{
	max-width: 690px;
	order: 2;
	}
.block-B .box-pic{
	max-width: 486px;
	order: 1
	}


/*お問い合わせ
-----------------------------------------*/
#comm-contact{}
#comm-contact .container .block{}
#comm-contact .container .block p{
	width: 894px;
	}


/*------------------------------------------------------------------------------------------------------
  ATC
------------------------------------------------------------------------------------------------------*/

/*全国のトレーニングセンター
-----------------------------------------*/
#atc-center{}
#atc-center .wrap-flex{
	flex-wrap: wrap;
  width: 100%;
  gap: 20px;
	align-items: stretch;
	}
#atc-center h2.area{
	color: #FFF;
	background: #000;
	text-align: center;
	padding: 0.3rem;
	}

#atc-center article{
	padding: 1.5rem;
	width: 100%;
	max-width: 574px;
	margin-bottom: 0;
	}
#atc-center article h3{
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	}
#atc-center article address{
	font-size: 1rem;
	line-height: 1.3;
	margin-bottom: 1rem;
	}
#atc-center article p{
	font-size: 0.82rem;
	color: #FFF;
	background: #333;
	padding: 0.1rem 0 0.1rem 0.3rem;
	}
#atc-center article ul li{
	font-size: 0.75rem;
	}

/*ライセンス運用
-----------------------------------------*/
#atc-license{}
#atc-license .block-2-divide{
	padding: 2.5rem 2.5rem 2rem 2.5rem;
	}
#atc-license .block-2-divide h3{
	font-size: 1.625rem;
	text-align: center;
	margin-bottom: 1rem;
	}
#atc-license .block-2-divide p{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 2rem;
	}


/*------------------------------------------------------------------------------------------------------
  AAP
------------------------------------------------------------------------------------------------------*/

/*CAD 教育でお困りではありませんか？
-----------------------------------------*/
#aap-home{}
#aap-home	p.txt-center{
	text-align: center;
	}

/*サポートします
-----------------------------------------*/
#aap-program .wrap-flex.divide{
	flex-wrap: wrap;
	}
#aap-program .block-3-divide{
	padding: 0 1.5rem 1.5rem 1.5rem;
	width: 100%;
	max-width: 376px;
	}
#aap-program .block-3-divide .box-txt{
	height: 7rem;
	}
#aap-program .block-3-divide .box-txt p{
	font-size: 5.5rem;
	bottom: -1rem;
	right: 0;
	}

/*パートナーお申し込み
-----------------------------------------*/
#aap-partner .wrap-flex{
	flex-wrap: wrap;
	}
#aap-partner .block-partner{
	max-width: 376px;
	padding-bottom: 125px;
	position: relative;
	}
#aap-partner .block-partner h3{
	font-size: 1.15rem;
	padding: 0;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
#aap-partner .block-partner dl{
	padding: 1rem 0;
	width: 90%;
	margin: 0 auto;
	}
#aap-partner .block-partner dl dt{
	font-size: 0.92rem;
	}
#aap-partner .block-partner dl dd p{
	font-size: 0.92rem;
	}
#aap-partner .block-partner .box-logo{
	text-align: center;
	height: 122px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	}
#aap-partner .block-partner .box-logo img{
	max-width: 200px;
	height: auto;
	margin: 0 auto;
	}


/*------------------------------------------------------------------------------------------------------
  オートデスク認定資格プログラム certification
------------------------------------------------------------------------------------------------------*/
/*認定資格のメリット
-----------------------------------------*/
#certifi-merit .block-3-divide{
	background: #FFF;
	color: #000;
	border: #BBB solid 1px;
	border-radius: 8px;
	}

/*試験会場のご案内
-----------------------------------------*/
#anc-01,
#anc-02,
#anc-03,
#anc-04,
#anc-05{
	padding-top: 160px;
	margin-top: -160px;
	}
}


/*
------------------------------------*/
@media screen and (max-width:766px) {
#certifi-venue table.venue-list{
	width: 100%;
	}
#certifi-venue table.venue-list tr{
	display: block;
	border-bottom: #CCC solid 2px;
	}
#certifi-venue table.venue-list th{
	display: none;
  }
#certifi-venue table.venue-list td{
	display: block;
	border-bottom: #DDD solid 1px; 
	position: relative;
	padding: 8px 0 8px 8em;
	text-align: left;
	width: 100%;
  } 
#certifi-venue table.venue-list td::before { 
	position: absolute;
	top: 8px;
	left: 5px;
	width: 7em; 
	padding-right: 10px; 
	white-space: nowrap;
	}
#certifi-venue table.venue-list td:nth-of-type(1)::before { content: "会場名"; }
#certifi-venue table.venue-list td:nth-of-type(2)::before { content: "所在地"; }
#certifi-venue table.venue-list td:nth-of-type(3)::before { content: "TEL"; }
#certifi-venue table.venue-list td:nth-of-type(4)::before { content: "E-mail"; }
#certifi-venue table.venue-list td:nth-of-type(5)::before { content: "実施試験科目"; }
#certifi-venue table.venue-list td:nth-of-type(6)::before { content: "実施試験科目"; }
#certifi-venue table.venue-list td:nth-of-type(7)::before { content: "実施試験科目"; }
}