@charset "utf-8";
p{
	line-height: 1.4
}

.for_pc{
		display: none;
	}

.for_sp{
		display: block;
}

.img{
	max-width: 100%;
	height: auto;
}

.r_5{
	border-radius: 5px
}

.yt {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*=================配置=======================*/

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.left{
	text-align: left;
}

.fl_r{
	float: right;
}

.fl_l{
	float: left;
}
/*=================文字色=======================*/

.fc_cc0000{
	color:#cc0000;
}

.fc_c4a235{
	color:#c4a235;
}

.fc_ffffff{
	color: #ffffff;
}

.fc_000000{
	color: #000000;
}

.fc_cccccc{
	color: #cccccc;
}

.fc_ff0000{
	color:#ff0000;
}

.fc_c58f22{
	color: #c58f22;
}

.fc_999999{
    color: #999999;
}

.fc_e4e4e4{
    color: #e4e4e4;
}

.fc_ff6600{
color:#ff6600;
}

.fc_cc3333{
color:#cc3333;
}

.fc_e40e0e{
color:#e40e0e;
}

.fc_0f365d{
	color:#0f365d;
}

.fc_009900{
	color: #009900;
}

.fc_2074c7{
	color:#2074c7;
}

.fc_c4a235{
	color:#c4a235;
}

.fs_c59600{
	color:#c59600;
}
/*=================背景色=======================*/

.bg_0e0e0e{
background-color: #0e0e0e;
}

.bg_003000{
background-color: #003000;
}

.bg_171848{
background-color: #171848;
}

.bg_3c0000{
background-color: #3c0000;
}

.bg_000000{
	background-color: #000000;
}

.bg_333333{
	background-color:#333333;
}

.bg_ffffff{
	background-color:#ffffff;
}

/*=================文字サイズ=======================*/
.fs_15{
	font-size: 15px;
}

.fs_20{
	font-size: 20px;
}

.fs_30{
	font-size: 30px;
}

.fs_35{
	font-size:35px;
}

/*================マージン=======================*/

.mt_0{
	margin-top: 0;
}

.mt_5{
	margin-top: 5px;
}

.mt_20{
	margin-top: 20px;
}

.mt_25{
	margin-top: 25px;
}

.mt_30{
	margin-top: 30px;
}

.mt_40{
	margin-top: 40px;
}

.mt_50{
	margin-top: 50px;
}

.mt_80{
margin-top: 80px;
}

.mb_0{
margin-bottom: 0;
}

.mb_5{
margin-bottom: 5px;
}

.mb_6{
margin-bottom: 6px;
}
	
.mb_15{
	margin-bottom: 15px;
}

.mb_20{
	margin-bottom: 20px;
}

.mb_25{
	margin-bottom: 25px;
}

.mb_30{
	margin-bottom: 30px;
}

.mb_40{
	margin-bottom: 40px;
}

.ml_5{
	margin-left: 5px;
}

.ml_10{
	margin-left: 10px;
}

.mr_15{
	margin-right: 15px;
}

.ml-auto{
	margin-left: auto;
}

.mr-auto{
	margin-right: auto;
}

.p_0{
	padding: 0;
}

.pa{
padding: 20px 0 0 0;
}

.p_20{
	padding: 20px;
}

.pl_0{
	padding-left: 0;
}

.pl_20{
	padding-left: 20px;
}

.pl_30{
	padding-left: 30px;
}

.pl_50{
	padding-left: 50px;
}

.pr_50{
	padding-right: 50px;
}

.pb_0{
	padding-bottom: 0;
}
/*=================幅=======================*/
.w_20{
	width: 20%;
}

.w_300{
	width: 300px;
}
/*=================高さ=======================*/
.h_300{
	height: 300px;
}

/*=================太さ=======================*/

.fw_b{
	font-weight:bold;
}

.fw_500{
	font-weight: 500;
}
/*=================行間=======================*/

.lh_1{
	line-height: 1;
}
.lh_2{
	line-height:1.4;
}

.lh_22{
	line-height:2;
}

/*=================文字 a hover時=======================*/
a {
  color: #c4a235;
  text-decoration: none;
}

a:hover {
  color: #999999;/*65c9cd→999999*/
  text-decoration: none;
}

/*=================navbar menu文字色太さ関係=======================*/
/*230*/
.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #000000;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 500;
}




/*=================navbar a hover時=======================*/
/*252*/
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #c4a235;
}


/*294*/
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #c4a235;
}





/*=================画像hover時=======================*/
a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}


/*=================その他=======================*/
/*737*/
.featured-services .icon-box:hover::before {
  background:rgba(0,0,0,0.4);
  top: 0;
  border-radius: 0px;
}

/*519カルーセル▶ボタン*/
#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background:rgba(0,0,0,0.4);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*537 カルーセル▶ボタン*/
#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background:rgba(0,0,0,0.1);
  color: rgba(255, 255, 255, 0.8);
}

/*555 カルーセル下●ボタン*/
#hero .carousel-indicators li.active {
  opacity: 1;
  background: #666666;
}



/*782 持続可能なキャリアを構築*/
.cta {
  background: #f1f7fd;
  color: #082744;
  background-size: cover;
  padding: 60px 0;
}

/*150 ヘッダー高さ背景色調整*/
#header {
  background: rgba(255,255,255,0.1);
  transition: all 0.5s;
  z-index: 997;
  padding: 5px 0;
  top: 40px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

/*80 トップへ*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #003300;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

/*100　トップへ*/
.back-to-top:hover {
  background: rgba(0,51,0,0.9);
  color: #fff;
}

/*1182　フリーランサースワイパー*/
.testimonials .testimonial-item .testimonial-img {
  width: 140px;/*90→140*/
  border-radius: 5%;;/*90→5*/
  margin: -40px 0 0 40px;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
}

/*1239　フリーランサースワイパー 下丸ボタン*/
.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #cccccc;
}

/*講座名下の青い字*/
.work-content .w-more .w-ctegory {
  color: #003399;/*#0078ff→003399変更*/
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cccccc;
}

/*foasマーク*/
.foas{
	font-weight: bold; color: #222222; text-align: center; line-height: 1.4; margin-bottom: 0;
}

/*1082 下の画面が切り替わる*/
.departments .nav-link {
  border: 0;
  padding: 5px;/*20→5*/
  color: #555555;
  border-radius: 0;
  border-left: 5px solid #fff;
  cursor: pointer;
}

.corona{
	width:88%; margin-left: auto; margin-right: auto; margin-bottom: 40px; border:1px solid #99ccff; border-radius: 5px; line-height: 1.2; padding: 14px 10px 0 10px;
}

/*1366 ギャラリー枠色*/
  .gallery .swiper-slide-active {
    border: 6px solid #dbedfe;
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.2);
    margin-top: 10px;
  }

/*1345  ピクチャー下丸ボタン*/
.gallery .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #cccccc;
}
/*1345 ピクチャー下丸ボタン*/
.gallery .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cccccc;
}

/*628 見出し下のボーダー色*/
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #003300;
  bottom: 0;
  left: calc(50% - 25px);
}

/*公式サイトはこちらへ文字列ホーバー時*/
h3.foas:hover {
    opacity: 0.7
}

@media (min-width: 1024px) {
.for_pc{
		display: block;
	}

.for_sp{
		display: none;
	}	
}