@charset "UTF-8";

@media screen and (max-width: 900px){
#concept + .contents_box01 .content_wrapper {
padding: 2%;
background: #0000004f;
margin: 1%;
box-sizing: border-box;
width: 95%;
margin: 0 auto;
}
#point + .composite_box01 .inner_item p {
padding: 2%;
}
}

#point +.composite_box01 .inner_item {
background: #0000006b;
padding: 2% 1%;
color: #fff;
border: 1px solid #fff; 
position: relative;
margin-top: 20px !important;
}

#point +.composite_box01 .inner_item:before,
#point +.composite_box01 .inner_item:after {
	display:block;
	position:absolute;
	left:-10px;
}
#point +.composite_box01 .inner_item:before {
	content:"";
	border:6px solid transparent;
	top:32px;
}
#point +.composite_box01 .inner_item:first-child:after {
	content:"01";
	color:#00a0e9;
	padding:0 15px;
	height:24px;
	line-height:24px;
	top:-6px;
	z-index:10;
	font-size: 60px;
	text-shadow: 2px 2px #fff;
}
#point +.composite_box01 .inner_item:nth-child(2):after {
	content:"02";
	color:#00a0e9;
	padding:0 15px;
	height:24px;
	line-height:24px;
	top:-6px;
	z-index:10;
	font-size: 60px;
	text-shadow: 2px 2px #fff;
}
#point +.composite_box01 .inner_item:last-child:after {
	content:"03";
	color:#00a0e9;
	padding:0 15px;
	height:24px;
	line-height:24px;
	top:-6px;
	z-index:10;
	font-size: 60px;
	text-shadow: 2px 2px #fff;
}

@media screen and (max-width: 900px){
#point +.composite_box01 .inner_item:before,
#point +.composite_box01 .inner_item:after {
	display:block;
	position:absolute;
	left:-19px;
}
#point +.composite_box01 .inner_item:first-child:after,
#point +.composite_box01 .inner_item:nth-child(2):after,
#point +.composite_box01 .inner_item:last-child:after {
top: -12px;
}
}

#point + .composite_box01 .content_wrapper .heading.block_header_6 .h {
text-shadow: 2px 2px 3px #003d59;
}
#point + .composite_box01 .content_wrapper .heading.block_header_6 .h:before {
border-top-color: #fff;
}
@media screen and (max-width: 900px){
#point + .composite_box01 .content_wrapper.inner_item_txt p{
padding: 0 2%;
}
#news + .block_news_1 .heading.block_header_6 .h:before{
border-top: 4px solid var(--i_main_color);
}

}

#service_1 + .contents_box01 .inner_item_img {
box-shadow: -15px 15px rgba(0, 160, 233,0.6);
}
#service_2 + .contents_box01 .inner_item_img {
box-shadow: 15px 15px rgba(0, 160, 233,0.6);
}

@media screen and (max-width: 900px){
#service_1 + .contents_box01 .inner_item_img {
box-shadow: 10px -10px rgba(0, 160, 233,0.6);
}
#service_2 + .contents_box01 .inner_item_img {
box-shadow: -10px -10px rgba(0, 160, 233,0.6);
}
}