body{
color: #333333;
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;

font-size: 16px!important;
}
a{color:#c1141b; font-weight: normal;}
a.link_black{color: #333333;}
a.link_white{color:#ffffff;}
a:hover,a:hover.link_black{
	text-decoration: none;
	color: #eb2935;}
a:hover.link_white{color: #ffffff;}	

a.link_img img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
a.link_img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*loader*/
#preloader {
  background-color: #ffffff;
}
.ball-pulse>div{
    background-color: #c1141b;
}
#preloader img {
  max-width: 200px;
  left:50%;
  position: fixed;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
}


::selection {
    background-color: #666666;
	 color: #ffffff;
}
/*to top*/
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    right: 18px; /*右からのボタンの配置場所を指定*/
    z-index: 999;
	width: 24px;
}

/*タイポ*/
p{color: #333333;line-height:1.6; }
h1, h2, h3, h4, h5, h6{
	color: #333333;
	letter-spacing: 0;
}

/*nav*/
.navbar-elixir {
    background: #ffffff;
	color:#333333;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar {
padding-top: 2px;
padding-bottom: 2px;
}

.navbar-toggler{
	border:none;
	border-radius: 0;
}
.znav-white button {/*toggler*/
    color: #333333;
}
.znav-container a:not(.btn) {
    color: #333333;
	font-weight: 600;
	font-size: 0.9375rem;
	text-align: center;
}

.znav-container ul li a:not(.btn) {
    display: block;
    padding: 0.4rem 1.2rem;
	}
.navbar-brand h1{
	margin: 0!important;
	padding: 0!important;
	font-size: 1rem;
}
.navbar-brand img{
	max-width: 300px;
}
ul.navbar-nav > li.active > a,ul.navbar-nav > li> a:hover,
ul.dropdown > li.active > a,ul.dropdown > li> a:hover{
        color: #c1141b;
 }
.znav-white a:not(.btn):active, .znav-white a:not(.btn):hover, .znav-white a:not(.btn):focus, .znav-white a:not(.btn):active:focus {
		color:#c1141b;
}
.znav-container .has-dropdown .dropdown {
    min-width: 300px;
    background-color: rgba(0,0,0,0.90);
}
.znav-container .has-dropdown .dropdown a:not(.btn) {
    color: #ffffff;
    font-weight: 600;
    font-size: 0.9375rem;
    text-align: center;
}

.hamburger{padding-top:4px;padding-bottom: 0; }
.hamburger-box{padding-bottom: 4px;}

#footer_contact_trainees{
 display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
   background-image: url("../images/photo_contact_technical.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;
}
#footer_contact{
 display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
   background-image: url("../images/photo_contact.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}
.overlay_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.85);
}

/*#footer{
	background-color:#222;
}*/
#footer_logo h2::before{
  content: '';
  display: inline-block;
  width: 38px;/*画像の幅*/
  height: 38px;/*画像の高さ*/
  background-image: url( "../images/logo_mark.png");
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}

.footer_menu a{
	color: #F1F1F1;
	font-size: 0.875rem; 
	font-weight: 100;
	display: block;
	padding-bottom: 2px;
}

#footer_copy{
	background-color: #c1141b;
}

/*mainimg*/
#mainimg h2{
	font-weight: 100;
	color: #ffffff;
	letter-spacing:-0.08rem;
	line-height: 1.5;
}
.h-full-mainimg{min-height: calc(100vh);}

body.iPhone .background-holder.background-fixed,body.iPad .background-holder.background-fixed  {
	background-attachment:inherit!important;/*iphone fixedのエラー回避*/
}

/*.background-holder.overlay_sepia::before{
  background: rgba(118,89,42,0.4);
}*/

/*scroll*/
.scroll_next a{
 position: absolute;
  bottom: 20px;
  left:50%;
  margin-left: -20px;
  z-index: 100;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color: #000;
  font-weight:600;
  padding-top: 30px;
}
.scroll_next a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}

/*pagetopimg*/
.h-pagetopimg{min-height: calc(50vh);}
#pagetop h2{text-shadow:0px 0px 4px #000;}
#technical-intern #pagetop .pagetopimg{
	background-image: url("../images/pagetopimg/pagetopimg_right.jpg"); 
	background-position: left top;
	background-size:cover;
}
#pagetop .pagetopimg{
  background-image: url("../images/pagetopimg/pagetopimg_right_company.jpg"); 
  background-position:center center;
  	background-size:cover;
}

#technical-intern .overlay_pagetop::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  height: 110%;
  width: 50%;

 background-image: url("../images/pagetopimg/pagetop.jpg");
  background-size: cover;
-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

.overlay_pagetop::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 110%;
  width: 70%;
 background-color: #000000;
 background-image: url("../images/pagetopimg/pagetop_left.jpg");
 background-size: cover;
-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

/* パンくず*/
#pankuzu{
	margin-top: -34px;
}
#pankuzu ,#pankuzu h2{
	font-size: 0.8125rem;
	line-height: 1.4;
	padding: 7px 0;
	font-weight: normal;
}

#pankuzu a{
	color: #ffffff;
	font-weight: normal;
}
#pankuzu h2,#pankuzu span{
   position: relative;
   padding-left: 18px;
   color: #ffffff;
   display: inline;
}

#pankuzu h2::before,#pankuzu span::before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0px;
width: 6px;
height: 6px;
margin: -2px 0 0 0;
border-top: solid 1px #ffffff;
border-right: solid 1px #ffffff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#pankuzu a:hover{
	text-decoration: none;
	color:#eb2935;
}

/*page_nave*/
/*#page_nave,#subpage_menu{
	   background: #333333;
}*/
#page_nave a,#subpage_menu a{
    display: block;
    color: #fff;
    padding: 30px 0;
    font-size: 0.9375rem;
    font-weight: normal;
    border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #333333;
}

#page_nave a::after ,#subpage_menu a::after{
    content: '';
    display: inline-block;
     width: 10px;
    height: 6px;

    vertical-align: middle;
    background-image: url( "../images/arrow_down_white.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}
#page_nave a:hover,#subpage_menu a:hover,#subpage_menu a.active{
    color:#fff;
		background: #c1141b;
		background: -moz-linear-gradient(-45deg, #eb2935 5%, #c1141b 100%);
		background: -webkit-linear-gradient(-45deg, #eb2935 5%,#c1141b 100%);
		background: linear-gradient(135deg, #eb2935 5%,#c1141b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2935', endColorstr='#c1141b',GradientType=1 );
}
#subpage_menu a.active{
    color:#fff;
		background: #000000;
		background: -moz-linear-gradient(-45deg, #333333 5%, #000000 100%);
		background: -webkit-linear-gradient(-45deg, #333333 5%,#000000 100%);
		background: linear-gradient(135deg, #333333 5%,#000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
}

/*home*/
.home_block{
display: block;
background: #c40106;
background: -moz-linear-gradient( rgba(220,3,20,0.92) 0%,  #AC0004 90%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,3,20,0.92)), to(#AC0004));
background: -webkit-linear-gradient( rgba(220,3,20,0.92) 0%,  #AC0004 90%);
background: -o-linear-gradient( rgba(220,3,20,0.92) 0%,  #AC0004 90%);
background: -ms-linear-gradient( rgba(220,3,20,0.92) 0%,  #AC0004 90%);
background: linear-gradient( rgba(220,3,20,0.92) 0%, #AC0004 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgba(220,3,20,0.92), endColorstr=#AC0004,GradientType=0 );
}
.home_block h3{
	font-weight:600;
	font-size:2rem;
	color:#ffffff;
	padding-bottom: 10px;
}
.home_block p{
	line-height:2;
	color:#ffffff;
}
.bg_service_left{
    width: 78%;
    padding-top: /*31.25%*/70%;
	background-color: #f6f6f6;
	background-image: url("../images/home/bg_service.jpg");
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0px;
	left: 0;
}
.bg_service_left::after{
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  }
.btn-border_arrow {
  width: 60px;
  height: 10px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: skew(45deg);
  
  position: absolute;
  bottom:60px;
  right: 50px;
animation: ani_arrow 2s linear infinite;
}
@keyframes ani_arrow {
    0%, 100% { transform:translateX(0) skew(45deg); }
    50% { transform:translateX(20px) skew(45deg);}
}

/*information*/
/*home*/
dl.dl_homeinfo dt{
  font-weight: bold;
}
dl.dl_homeinfo a{
	color:#333333;
}
dl.dl_homeinfo a:hover{
	color: #eb2935;
}
/*information*/
.info_left {
	border-top: 3px solid  #c1141b;
	padding-top: 10px;
}
.info_right{
   border-top: 1px solid  #cccccc;
   padding-top: 40px;
}
.info_left time span{
   font-size:0.875rem;
	display: bolck;
	background-color: #333333;
	color:#ffffff;
	padding: 4px 10px;
}

.info_left .info_title{
	font-weight: bold;
	font-size:1.0625rem;
	margin-top: 4px;
}

/*fqa*/
.answer_box{
	background-color: #ffffff;
	padding: 30px 30px;
	position: relative;
}
.answer_box::before{
	position: absolute;
	top:-26px;
	left:5px;
	content: "A";
	font-size:2.5rem;
	font-weight: 700;
	color: #c1141b;
	 	font-family: 'Times New Roman',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",メイリオ,Meiryo, serif;
}
/*ujc*/
.bg_yellow::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: 30%;

 background-color: #F2BF45;
-webkit-clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);

animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*flow*/
div[class*="flow_0"] {
 position: relative;
 background-color: #F1BB3A;
 max-height: 100%;
 max-width: 100%;
}
div[class*="flow_0"] span.num{
    position: absolute;
    top: -10px;
    left: -4px;
  height:30px;
  width:30px;
  border-radius:50%;
  line-height:26px;
  text-align:center;
  background-color: #ffffff;
  font-size:20px;
  font-weight: 600;
}
div.flow_01{
 background-color: #F1BB3A;
}
div.flow_01 span.num{
    color: #F1BB3A;
    border: 2px solid #F1BB3A;
}
div.flow_02{
 background-color: #F0A739;
}
div.flow_02 span.num{
    color: #F0A739;
    border: 2px solid #F0A739;
}
div.flow_03{
 background-color: #EF9438;
}
div.flow_03 span.num{
    color: #EF9438;
    border: 2px solid #EF9438;
}
div.flow_04{
 background-color: #EE8237;
}
div.flow_04 span.num{
    color: #EE8237;
    border: 2px solid #EE8237;
}
div.flow_05{
 background-color: #EE7137;
}
div.flow_05 span.num{
    color: #EE7137;
    border: 2px solid #EE7137;
}
div.flow_06{
 background-color: #EE6137;
}
div.flow_06 span.num{
    color: #EE6137;
    border: 2px solid #EE6137;
}
div.flow_07{
 background-color: #ED5636;
}
div.flow_07 span.num{
    color: #ED5636;
    border: 2px solid #ED5636;
}
div.flow_08{
 background-color:#DA3614;
}
div.flow_08 span.num{
    color: #DA3614;
    border: 2px solid #DA3614;
}


div[class*="flow_0"]::after{
   position: absolute;
   content: "";
	width: 100%;
	height: 50px;
   background-image: url("../images/technical/flow_down_01.png");
   background-repeat: no-repeat;
   background-size: contain;
   top:100%;
   left: 0;
}
div.flow_01::after{
  background-image: url("../images/technical/flow_down_01.png");
}
div.flow_02::after{
  background-image: url("../images/technical/flow_down_02.png");
}
div.flow_03::after{
  background-image: url("../images/technical/flow_down_03.png");
}
div.flow_04::after{
  background-image: url("../images/technical/flow_down_04.png");
}
div.flow_05::after{
  background-image: url("../images/technical/flow_down_05.png");
}
div.flow_06::after{
  background-image: url("../images/technical/flow_down_06.png");
}
div.flow_07::after{
  background-image: url("../images/technical/flow_down_07.png");
}
div.flow_08::after{
  background-image: none;
}

.flow_title{
	letter-spacing: -0.05rem;
	font-weight: 600;
	color: #ffffff;
}

/*contact form*/
label {
    font-size: 1rem;
	margin-bottom: .2rem;
	font-weight: 400;
	}
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { /*bootstrapの青枠を消す*/
  outline: none!important;
  box-shadow: none!important;
	border: 1px solid #4bb2f2!important;
	background-color:#EBF6FC!important;
}
.form-control {
	font-size: 1rem;
	padding: 12px 8px;
	margin-bottom: 4px;
	line-height: 1.5;
	height: auto!important;
	border: 1px solid #4bb2f2!important;
	background-color:#CCE9FB!important;
}
.form-group{
	margin-bottom: 20px;
}
.text_required{
  background-color: #e60000;
  color:#ffffff;
  font-size:13px;
  padding: 2px 6px;
  font-weight: normal;
  margin-left: 10px;
  border-radius: 2px;
}
.error, .error-php, .error-js {
  color: #e60000;
}


/*contact*//*
form .required{
	text-align:center;
	background-color:#ed1c24;
	border-radius: 3px;
	color:#ffffff;
	font-size:0.8rem;
	padding:2px 4px 2px 6px;
	margin-left: 5px;
	letter-spacing:0.1rem;
}
.form-control {
	font-size: 1rem;
	border: 1px solid #999999;
	background-color: #ffffff;
}
.form-control:focus {
	border: 1px solid #77C6F7;
	background-color: #F8FCFF!important;
}*/

/*dl*/
dl.dl_table{
margin-left: 5px ;
margin-right: 5px;
margin-block-start: 0;
 margin-block-end: 0;
}

dl.dl_table{
 border-bottom: 1px solid #D9D9D9;
 border-radius: 0.5px;
 }
dl.dl_table dt{
    border-top: 1px solid #D9D9D9;
	 border-radius: .5px;
    padding: 20px 5px 20px 10px;
	font-weight:normal;

}
dl.dl_table dd{
    border-top: 1px solid #D9D9D9;
	 border-radius: .5px;
    padding: 20px 5px 16px 15px; 
}
@media (max-width:767px){
dl.dl_table dt{background-color: #E5E5E5;padding-bottom: 5px;padding-top: 5px}
dl.dl_table dd{border-top: none;}
dl.dl_contact dt{background-color: transparent!important;padding-bottom:2px!important;padding-top:20px!important; }
dl.dl_contact dd{border: none!important;padding-top: 10px!important;}
}

/*ujc*/
dl.dl_education dt{
  background-color: #F2BF45;
  padding: 2px 2px 2px 10px;
  color: #fff;
  margin-bottom: 6px;
}
dl.dl_education dd{
	margin-bottom: 20px;
	padding-left: 10px;
}


/*bg*/
.bg_black{background-color: #333;}
.bg_gray{background-color: #F6F6F6;}
.bg_dark{background-color: #E9E9E9;}
.bg_gray_left {
    width: 82%;
    padding-top: /*31.25%*/24%;
	background: #f6f6f6;
	position: absolute;
	top: 0;
	left: 0;
}
.bg_gray_right{
    width: 94%;
    padding-top: /*31.25%*/24%;
	background: #f6f6f6;
	position: absolute;
	top: 0;
	right: 0;
}
/*underline*/
.underline_yerrow{
	background: linear-gradient(transparent 60%, #ffeb94 40%);
}
/*borer*/
.border_b_dotted{border-bottom: dotted 1px #cccccc;}

/*box*/
.box_yellow{border:#F2BF45 solid 3px;}

/*btn*/
.btn_clear{
	border: 1px solid #fff;
	/*background-color: #000;*/
	border-radius: 0;
	font-weight: 100!important;
	color:#fff;
}
.btn_clear:hover{
	background-color: #c1141b;
	color:#ffffff;
	border-color: #c1141b;
}
.btn_red{
	/*border: 1px solid #c1141b;*/
	background-color: #c1141b;
	border-radius: 0;
	font-weight: 100!important;
	color:#fff;
	font-size: 0.9375rem;
	background-image:  url("../images/arrow_right_white.png");
	background-repeat: no-repeat;
	background-position: center right 5px; 
	background-size: 18px 6.2px;
	
}
.btn_red:hover{
	background-color: #333;
	color:#ffffff;
}

.btn_contact{
	border: 1px solid #c1141b;
	background-color: #c1141b;
	border-radius: 0;
	font-weight: 100!important;
	color:#fff;	
}
.btn_contact:hover{
	background-color: rgba(193,20,27,0.00);
	border: 1px solid #fff;
	color:#fff;
}

/*.btn_clean{
	border: 1px solid #c1141b;
	border-radius: 0;
	font-weight: 100!important;
	color:#c1141b!important;
	font-size: 1rem;
}
.btn_clean:hover{
	background-color: #c1141b;
	border-color: #c1141b;
	color:#fff!important;
}*/
.btn_fb{
	border: 1px solid #365899;
	background-color: #365899;
	border-radius: 0;
	font-weight: 100!important;
	color:#fff;	
}
.btn_fb:hover{
	background-color: #fff;
	color:#365899!important;
}

/*aninmate*/
.delay_1{
 animation-delay:0.4s!important;
}
.delay_2{
 animation-delay:1s!important;
}
.delay_3{
 animation-delay:1.6s!important;
}
/*animate:初期値*/
.opacity_0{
	opacity: 0;
}
.animate__fadeIn{
 animation-duration:2s!important;
}

/*font*/
.font_14{font-size:0.875rem;}
.font_15{font-size:0.9375rem; }
.font_17{font-size:1.0625rem; }
.font_18{font-size:1.125rem; }
.font_90{font-size:90%;}

.font_min{  
   /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
 	font-family: 'Times New Roman',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",メイリオ,Meiryo, serif;
}

/*.color_gray{color:#777777;}*/
.color_red{color:#c1141b;}

.ls_01{letter-spacing:0.1rem!important;}
.ls_-02{letter-spacing: -0.02rem!important;}
.lh_18{line-height: 1.8;}

.mt_-30{margin-top: -30px;}

/*lg*/
@media(max-width:/*959px*/991px){
	 .h-pagetopimg{min-height: calc(40vh);}
	 .bg_gray_left {width: 100%; height: 100%;overflow: hidden;}
	 .bg_gray_right {width: 100%; height: 100%;overflow: hidden;}	 
	 .bg_service_left{width: 100%; height: 80%;overflow: hidden;}
	 
    #subpage_menu a{
	     padding: 20px 0;
        border-right: none!important;
        border-bottom:1px solid #fff!important; 
			color:#ffffff;
		background: #2565BE;
		background: -moz-linear-gradient(-45deg, #eb2935 10%, #c1141b 90%);
		background: -webkit-linear-gradient(-45deg, #eb2935 10%,#c1141b 90%);
		background: linear-gradient(135deg, #850B13 10%,#c1141b 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2935', endColorstr='#c1141b',GradientType=1 );
		}
		#subpage_menu a::after{  background-image: url( "../images/arrow_down_white.png");}
}

/*md*/
@media (max-width:767px){
    #page_nave a{
	     padding: 20px 0;
        border-right: none!important;
        border-bottom:1px solid #fff!important; 
			color:#ffffff;
		background: #2565BE;
		background: -moz-linear-gradient(-45deg, #eb2935 10%, #c1141b 90%);
		background: -webkit-linear-gradient(-45deg, #eb2935 10%,#c1141b 90%);
		background: linear-gradient(135deg, #850B13 10%,#c1141b 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2935', endColorstr='#c1141b',GradientType=1 );
		}
		#page_nave a::after{  background-image: url( "../images/arrow_down_white.png");}
		
		/*home_service*/
		.bg_service_left{ padding-top:150%;}
		
		/*home_info*/
		dl.dl_homeinfo dt{
		   font-size:0.8125rem;
			display: bolck;
			background-color: #333333;
			color:#ffffff;
			padding: 2px 10px;
			}
		
		/*#flow*/
		.flow_title{color:#333333;}
		
		/*ujc*/
		h2#ujc_title{line-height:0.6; }


	 .h-pagetopimg{min-height: calc(35vh);}
	 #technical-intern .overlay_pagetop::after{ background-image: url("../images/pagetopimg/pagetop_sp.jpg");}
	 .overlay_pagetop::after{ 
		   height: 110%;
			width: 100%;
			background-size: cover;
		}
}

/*sm*/
@media (max-width:575px){
	.navbar-brand img{max-width: 200px;}
 }
 
 @media(max-width:281px){
}