@charset "utf-8";
/* CSS Document */
.artec_logo{
	margin-top: 30px;
}

.hptitle {
	font-size: clamp(30px, 2.9vw, 36px);
	color: #0068b6;
	line-height: 1.3em;
	margin-top: 60px;
}
/*ヘッダ背景*/
.header {
	background-color: white;
}

/*グローバルナビ*/
/*ナビ背景*/
.naviback{
	background-color:#24A74B;
	width: 100%;
}
/*ナビ基本*/
li.pill a {
    background-color: #24A74B;
    color: #ffffff;
	font-size: 16px;
	border-radius: 0px;
}
/*ナビアクティブ時*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #0F6428;
	font-size: 16px;
	border-radius: 0px;
}
/*ナビホバー時*/
.pill a:hover, .pill a:focus {
	color: #ffffff;
    background-color: #0F6428 !important;
}

.dlpage_margin {
	font-size: 24px;
	margin-bottom: 75px;
	margin-top: 60px;
}

/*TOPページ用*/
.jumbotron {
	background: url("../images/main_img.png") center no-repeat;
	background-size: cover;
	position: relative;
	height: 550px;
	margin-bottom: 0px;
}
.jumbotron_formini {
	background: url("../images/main_img_mini.png") center no-repeat;
	background-size: cover;
	position: relative;
	height: 550px;
	margin-bottom: 0px;
}
.bg_background_movie {
	background-image:linear-gradient(180deg, rgba(24, 24, 120, 1), rgba(0, 129, 191, 1));
}
.bg_black {
	background-color: black;
}
.bg_blue {
	background-color: #181777;
}
.bg_yellow {
	background-color: #FCEE21;
}
.bg_sky {
	background-color: #0081BF;
}
.bg_padding {
	padding-bottom: 75px;
	padding-top: 75px;
}
.sample_title{
	font-size: clamp(26px, 2.9vw, 30px);
	color: white;
	margin-bottom: 10px;
	margin-top: 45px;
}
.sample_text{
	font-size: clamp(18px, 2.9vw, 23px);
	color: white;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 1.3em
}
.sample_text_note{
	font-size: clamp(14px, 2.9vw, 18px);
	color: white;
	line-height: 1.3em
}

.btnimage {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
}
/*リンク画像のホバー*/
a:hover img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
}


/*フッタ*/
footer {
	background-color: black;
	padding-top: 15px;
	padding-bottom: 30px;
	color: white;
	}
.companyname {
	font-size: 17px;
}
.copyright {
	font-size: 14px;
}



/*見出し*/
.subtitle {
	font-size: 24px;
	color: #0068b6;
}
.program_title {
	font-size: 22px;
	color: #31b0d5;
	margin-top: 30px;
}
.ostitle {
	font-size: 18px;
	color: red;
}
.notetext {
	font-size: 14px;
}

p {
	font-size: 16px;
}

hr {
  border-bottom: 1px solid gray;
	margin-bottom: 45px;
	margin-top: 45px;
}

.btn-lg {
	font-size: 16px !important;
	line-height: 45px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.btn-page {
	font-size: 20px !important;
	line-height: 100px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.btn-secondary{
	background-color: gray;
	color:#ffffff !important;
	cursor: default;
}
.ipad{
	display: inline-block;
}

.dl_img-btn{
	margin-bottom: 15px;
	margin-top: 15px;
	width: 250px;
}

/* ページトップへ戻るボタン */
#page-top{
	position:fixed;
	display:none;
	width:100%;
	height: 0;
	bottom: 180px;
	z-index:2;
	margin: auto;
}

#page-top a{
	position:absolute;
	display:block;
	right: 40px;
	width:60px;
	height:84px;
	background-size: 60px 84px;
	-moz-background-size: 60px 84px;
	background-image:url('../images/top_btn.png');
	background-repeat: no-repeat;
/*	bottom:110px;*/
}
#page-top a:hover{
	opacity:0.5;
}

@media screen and (max-width:768px) {
/*　画面サイズが768px以下の場合読み込む　*/
#page-top {
	display: none !important;
}
.bg_padding {
	padding-bottom: 60px;
	padding-top: 45px;
	}
.br-sp {display: none; }
}
.mtb-40{
	margin-top: 40px;
	margin-bottom: 40px;
}