@charset "UTF-8";
/* CSS Document */
.main_visual{
	margin: 0;
	padding: 0;
}

.main_visual .uk-height-medium{
	height: 540px;
}

.main_visual .uk-height-medium .ttl_box{
	background-color: #101010;
	width: 45%;
	padding: 3rem 1rem 3rem 0;
	text-align: right;
}

.main_visual .uk-height-medium .ttl_box .wrap_box{
}

.main_visual .uk-height-medium .ttl_box h1{
	font-size: 1.6rem;
	line-height: 1.5em;
}

.main_visual .uk-height-medium .ttl_box p{
	color: #FFFFFF;
}

@media screen and (min-width : 768px) and (max-width : 1100px)  {
	.main_visual .uk-height-medium .ttl_box{
		text-align: left;
	 background-color: rgba(16,16,16,0.69) !important;
    width: 100% !important;
    padding: 1rem !important;
	}

	.main_visual .uk-height-medium .ttl_box h1 .hide{
		display: none;
	}
	
}

@media screen and (max-width : 768px) {
	.main_visual .uk-height-medium .ttl_box{
		text-align: left;
	}

	.main_visual .uk-height-medium .ttl_box h1{
		font-size: 1.4rem;
		line-height: 1em;
	}
	
	.main_visual .uk-height-medium .ttl_box h1 span.small{
		font-size: 1.1rem;
	}
	
	.main_visual .uk-height-medium .ttl_box h1 .hide{
		display: none;
	}

	.main_visual .uk-height-midium .ttl_box p br.hide{
		display: none;
	}
	
	.uk-background-cover {
    background-position: 70% 80%;
    background-repeat: no-repeat;
	}
	
	.ttl_box {
    background-color: rgba(16,16,16,0.69) !important;
    width: 100% !important;
    padding: 1rem !important;
	}
	
}

.sub_ttl{
  background-color: #28018F;
  padding: .8rem 0;
	margin: 0;
}

.sub_ttl h3{
	color: #FFFFFF !important;
}

.bg_F1DDDD{
	background-color: #F1DDDD;
}

.uk-placeholder{
	border: 1px dashed #32284D;
}

.uk-placeholder .q_txt{
	text-align: justify;
}

#sec_04 .uk-height-large{
	height: 600px;
}

#sec_04 .bg_toka_black{
	 background-color: rgba(0,0,0,0.55) !important;
}

@media screen and (max-width : 768px){
	#sec_04 .uk-height-large{
		background-position: 89% 80%;
	}
}





#sec_flow .flow_img {
  width: 18%;
  box-sizing: border-box; }
#sec_flow .flow_text {
  width: 65%;
  color: #FFFFFF;
  box-sizing: border-box; }
#sec_flow .flow_num {
  width: 10%;
  font-size: 3rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box; }
#sec_flow .flow_panel_1 {
  background-color: #58A8CF;
  box-sizing: border-box; }
#sec_flow .flow_panel_2 {
  background-color: #58CF86;
  box-sizing: border-box; }
#sec_flow .flow_panel_3 {
  background-color: #CFCB58;
  box-sizing: border-box; }
#sec_flow .flow_panel_4 {
  background-color: #CF7458;
  box-sizing: border-box; }
#sec_flow .flow_panel_5 {
  background-color: #A90C0C;
  box-sizing: border-box; }
#sec_flow_sp .flow_text {
  color: #FFFFFF;
  box-sizing: border-box; }
#sec_flow_sp .flow_num {
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 1rem 0;
  box-sizing: border-box; }
#sec_flow_sp .flow_panel_1 {
  background-color: #58A8CF;
  box-sizing: border-box; }