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


/* Font*/
/* ============================================ */
/*Noto Sans JP
font-family: 'Noto Sans JP', sans-serif;*/

/*Ramabhadra
font-family: 'Ramabhadra', sans-serif;*/





/* Nav */
/* ============================================ ナビゲーションメニュー ============================================*/

.menu-trigger span {
  background-color:#323232;
}
@media (min-width: 1180px) {
.nav_menu_style li{
  color : #323232;
}
	
.nav_menu_style a::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #323232;
	visibility: hidden;
	transform: scale(0,1);
	transform-origin: left top;
	transition: .3s;
}
.nav_menu_style a:hover::after{
	visibility: visible;
	transform: scale(1,1);
}	
	
.member_btn{
	border: solid 1px #323232;
	background-color: #FFFFFF;
}
.menu-trigger,
.menu-trigger span {
  display: none;
}
}

/* Header */
/* ============================================ ヘッダー ============================================ */

.header{
	background-color: #ffffff;
}




/* catalog-download */
/* ======================================================================================== */
.catalog{
	padding: 120px 20px 40px 20px;
}
.catalog_new{
	padding: 120px 0px 40px 0px;
}
.catalog p{
	font-size: 16px;
	margin-top: 40px;
    line-height: 1.8;
}
.catalog img{
	width: 80%;
	max-width: 482px;
	filter: drop-shadow(8px 8px 8px rgba(0,0,0,0.1));
	margin:60px 0 30px;
}
.catalog h4{
	font-size: 18px;
	font-weight: 400;
	margin-top: 20px;
}
.catalog small{
	font-size: 12px;
	display: block;
	color: #0078DA;
	line-height: 4;
}
.catalog .pass{
	font-size: 11px!important;
	margin-top: 0px !important;
	margin-bottom: 20px;
}
.catalog a{
	display: inline-block;
	background-color: #0078DA;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 22px;
    border-radius: 20px;
	margin-top: 20px;
}

@media(min-width:768px){
	.catalog{
		padding: 330px 20px 270px 20px;
	}
	.catalog_new{
		padding: 330px 0px 40px 0px;
	}
	.catalog p{
		font-size: 30px;
		margin-top: 70px;
    	line-height: 2.2;
	}
	.catalog img{
		margin: 114px 0 92px 0;
	}
	.catalog h4{
		font-size: 30px;
	}
	.catalog small{
		font-size: 23px;
	}
	.catalog .pass{
		font-size: 12px!important;
		margin-top: 0px !important;
		margin-bottom: 50px;
	}
	.catalog a{
		font-size: 28px;
		border-radius: 40px;
		padding: 23px 56px;
	}
	.catalog a:hover{
		background-color: #FFFFFF;
		border:  solid 1px #0078DA;
		color: #0078DA;
		transition: .3s;
	}
}




/* catalog-page,form */
/* ======================================================================================== */

.aoobi_flex{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #0078DA;
	margin-top: 50px;
	padding-bottom: 40px;
}
.aoobi_flex h4{
	margin-top: 0;
}
.aoobi_flex h4,
.aoobi_flex small{
	color: #FFFFFF;
	text-align: center;
}
.industry{
	line-height: 2;
}

@media(min-width:768px){
.aoobi_flex h4,
.aoobi_flex small{
	text-align: left;
}	
}



/* googleform */
/* ======================================================================================== */
.gform{
	padding-top: 40px;
}
.gform iframe{
	background-color: #EAF7FD;
    padding: 50px 0;
    margin: auto;
    width: 80%;
}
@media (min-width:768px){
	.gform{
		padding-top: 60px;
	}
}