@charset "UTF-8";

/*-------------------------------------------
new styles
-------------------------------------------*/
.col_circle {
	display: flex;
	justify-content: space-between;
}
.col_circle_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 350px;
	height: 350px;
	text-align: center;
	background: #ddf1fb;
	border-radius: 50%;
}
.col_circle h3 {
	line-height: 1.5;
}
.col_circle .txt {
	border-top: 1px solid #ccc;
	padding: 20px 0 0;
	margin: 20px 0 0;
}
.link_arw {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	font-size: 26px;
	margin: 0 0 60px;
}
.link_arw a {
	color: #000;
}
.link_arw a:hover {
	color: #1ba1e6;
	text-decoration: none;
}
.link_arw a:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	top: 18px;
	position: absolute;
	border-top: 2px solid #ff0a14;
	border-right: 2px solid #ff0a14;
	transform: rotate(135deg);
	margin-left: -20px;
}
.bg_image_inner {
	background: url(/jpn/business/energy/business-succession/images/img02.jpg) no-repeat center;
	background-size: 123%;
	height: 634px;
	padding: 55px 135px;
}
.bg_wh {
	background: #fff;
	opacity: 0.8;
	padding: 38px 4.5%;
}
.bg_wh h3 {
	color: #ff0a14;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px;
}
.txt_white {
	color: #fff;
	margin: 40px 0 0;
}
.ttl_blue_num{
	position: absolute;
	top: -45px;
    left: 10px;
	font-size: 50px;
	color: #1ba1e6;
	font-weight: bold;
}
.ttl_blue_num + .text{
    vertical-align: middle;
}
.col_sub_cont {
	border: 1px solid #ddd;
}
.text_cp01 {
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	font-size: 22px;
	height: 88px;
	margin-bottom: 10px;
}
.select_txt {
	padding: 24px;
}
.bg_gray {
    background: #f4f6f7;
    padding: 60px 0;
}
.top_performance_txt_box {
	width: 940px;
	margin: 0 auto;
}
.top_performance_txt {
	text-align: center;
}
.top_performance_note {
	font-size: 12px;
	text-align: right;
	margin: 40px 0 0;
}
.bg_gray_box {
	position: relative;
    background: #f4f6f7;
    padding: 30px;
}
.bg_gray_box .img {
	position: absolute;
	top: -30px;
	right: 0;
}
.list_flex {
	display: flex!important;
	justify-content: flex-start;
}
.list_flex_col01 {
	width: 300px;
}
.bg_light_blue {
	background: #ddf1fb;
	margin-bottom: 0!important;
}
.vision_note {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin: 5px 0 0;
}
sup {
	top: -4px;
}
#sec05 .sec .content_inner{
	min-width: auto;
}

@media screen and (max-width:767px) {
.col_circle {
	flex-wrap: wrap;
	justify-content: center;
}
.link_arw {
	font-size: 18px;
	margin: 0 0 40px;
}
.link_arw a:after {
	top: 8px;
}
.bg_image_inner {
	background-size: auto;
	height: auto;
	padding: 20px 10px;
}
.bg_wh {
	padding: 20px 10px;
}
.bg_wh h3 {
	margin: 0 0 20px;
}
.txt_white {
	font-size: 12px;
	margin: 20px 0 0;
}
.ttl_blue_num{
	font-size: 40px;
	top: -33px;
	margin-right: 16px;
}
.imgtxt_hor_2_1 > .col_inner > * {
    margin-bottom: 30px;
}
.bg_gray {
    padding: 40px 0;
}
.top_performance_txt_box {
	width: 100%;
}
.top_performance_txt {
	text-align: left;
}
.top_performance_note {
	font-size: 10px;
	text-align: center;
	margin: -20px 0 0;
}
.bg_gray_box {
  padding: 25px;
}
.bg_gray_box .img {
	width: 50%;
	top: -9vw;
}
.bg_gray_box .img.v02 {
	top: -45px;
}
.sp_col {
	flex-flow: column;
}
.list_flex li:nth-of-type(2) {
	margin: 30px 0 0;
}
.list_flex_col01,
.list_flex_col02 {
	width: 100%;
}
.flex_wrap {
	flex-wrap: wrap;
}
.list_dot_tit {
	width: 35%;
}
.list_dot_txt {
	width: 65%;
}
}


/* reset css
#header.is_fixed .header_long_wrap .header_nav_ttl a {
    padding: 30px 15px 28px;
}
#header.is_fixed .header_long_wrap .header_nav_ttl a {
	padding: 30px 15px 28px;
}
#header.is_fixed .header_nav_wrap .header_nav_logo a {
	display: block!important;
}
#header.is_fixed .header_nav_logo {
	padding: 32px 40px 20px;
}
#header.is_fixed .header_wrap {
	mix-blend-mode: unset;
}
#header.is_fixed .header_nav_list {
	padding: 0 46px;
}
#header.is_fixed .header_nav_list {
	background-color: #f4f6f7;
}
#header.is_fixed .header_nav_wrap {
	position: relative;
} */
