/** 概要 **/

#inner_box{overflow: visible !important;}

.about_box{float: left; width: 340px; height: fit-content; margin: 0 0 80px 80px; overflow: visible;}

.about_box img{
	width: 340px; height: 240px; border-radius: 10px;
	box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.05);
}

.about_box p{
	width: 100%; height: fit-content; line-height: 24px !important;
}

.about_box:nth-child(3n){clear: both; margin: 0 0 80px 0px !important;}

/** 共通項目 **/
#about_box{width: 750px; height: fit-content; margin: 60px auto;}

#about_box h3{display: block; font-size: 24px !important; font-weight: 700 !important; color: #0071b8; margin-bottom: 30px;}
#about_box p{margin-bottom: 60px;}

/** 今後の事業計画 **/
#slogan_box{
	position: relative; width: 860px; height: 196px; margin: 0 auto;
	background-image: url("/_common/img/about/bg_slogan.png"); background-size: contain; background-repeat: no-repeat;
}
#slogan_box h2, #slogan_box span{position: absolute; left: 213px; width: fit-content; height: fit-content; font-weight: 700 !important; color: #fff !important;}
#slogan_box span{top: 70px; font-size: 16px !important;}
#slogan_box h2{bottom: 60px; font-size: 24px !important; letter-spacing: -.03em;}

#about_box table{width: 100%; table-layout: auto;}
#about_box table tr{border-bottom: 1px rgba(0,113,184,0.1) solid;}
#about_box table th, #about_box table td{
	font-size: 16px !important; font-weight: 700 !important;
	padding-top: 15px; padding-bottom: 15px; text-align: left;
}
#about_box table th{width: 30%;}

/** 組織図 **/
h4#chart_title{
	display: block; position: relative; margin: 0 auto 5px; font-size: 16px !important; letter-spacing: .12em !important; font-weight: 700 !important; color: #0071b8 !important;
	width: 100%; text-align: center;
}
h4#chart_title:after{
	display: block; position: absolute; content: "（令和4年5月14日～）"; right: 0; top: 0;
	font-family: roboto, noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; color: #111111; font-size: 14px;
}

#chart{position: relative; width: 100%; height: fit-content; margin: 0px auto; border-radius: 8px; border: 2px #0071b8 solid; padding: 28px 80px 40px; overflow: hidden;}

#chart_float{
	position: absolute;
    top: 90px;
    left: 120px;
    width: fit-content;
    height: fit-content;
}
#chart_first, #chart_fourth{float:left; position: relative; width: 100%; height: fit-content; overflow: visible;} 
#chart_second, #chart_third, #chart_third2{float:left; position: relative; width: 33.3%; height: fit-content; overflow: visible;}

.box_small, .box_lrg{position: relative; height: fit-content; box-sizing: border-box;}
.box_small{width:fit-content; min-width: 170px;} .box_lrg{width: 330px;} .box_md{width: 380px;}
.sml_pd{padding: 10px 15px;} .lrg_pd{padding: 15px 5px 20px 20px;} .md_pd{padding: 15px 0px 10px 50px;} .pd_wHeader{padding: 65px 0px 15px 25px;} .pd_wHeaderSml{padding: 50px 0px 10px;}

.smallbox_container{width: 100%; height: fit-content;}

.bg_white{background-color: #fff;} .bg_blue{background-color: #0071b8;} .bg_lightblue{background-color: #f3f9ff;} .bg_orange{background-color: #f0c84f;} .bg_lightorange{background-color: #fffef7;}
.bdr_blue{border: 1px #d1dfed solid;} .bdr_orange{border: 1px #f2c175 solid;}

.chart_header{
	position: absolute; top:0; left:0; width: 100%; height: fit-content; padding: 10px 0px; 
	text-align: center; font-size: 12px !important; font-weight: 700 !important; color: #fff !important; letter-spacing: .12em;
}

.chart_title{display: block; width: fit-content; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em;}
.chart_content{display: block; width: fit-content; font-weight: 700 !important; letter-spacing: .12em;} .fs12{font-size: 12px !important;}
.fc_white{color: #fff !important;} .fc_orange{color: #fc6614 !important;} .fc_blue{color: #0071b8 !important;}

.center{margin: 0px auto;} .iblock{display: inline-block !important;} .mb2{margin-bottom: 2px;} .mb10{margin-bottom: 10px;} .mb30{margin-bottom: 30px;} .mb40{margin-bottom: 40px;} 
.mt75{margin-top: 75px;} .ml30{margin-left: 30px;} .m0{margin: 0 !important;}
.pb160{padding-bottom: 160px;} .pt25{padding-top: 25px;}

.w70{width: 70px !important;} .w90{width: 90px !important;} .w95{width: 95px !important;} .w190{width: 190px !important;} .w280{width: 280px;}

.fl{float: left;} .fr{float: right;} .clr{clear: both;} .fit{width: fit-content; height: fit-content;} .bt0{border-top: none !important;} .bl0{border-left:none !important;}

/**********/
.float_div{position:absolute; bottom: 60px; right: 220px;}
.float_div:before{
	display: block; position: absolute; top: 50%; left: -128px;
    content: "";
    width: 128px;
	height: 1px;
	background-color: #cccccc;
}

/*********/
#chart_first .bg_blue:after{
	display: block;
    position: absolute;
    top: 59px;
    left: 50%;
    content: "";
    width: 1px;
    height: 160px;
    background-color: #cccccc;
}

#chart_second .smallbox_container:before{
	display: block;
    position: absolute;
    top: -2px;
    right: 0px;
    content: "";
    width: 179px;
    height: 28px;
    border-left: 1px #cccccc solid;
    border-top: 1px #cccccc solid;
}

#chart_third .smallbox_container:before{
	display: block;
    position: absolute;
    top: -2px;
    left: 0px;
    content: "";
    width: 175px;
    height: 28px;
    border-right: 1px #cccccc solid;
    border-top: 1px #cccccc solid;
}

#chart_third2 .smallbox_container:before{
	display: block;
    position: absolute;
    top: -2px;
    left: -200px;
    content: "";
    width: 368px;
    height: 28px;
    border-right: 1px #cccccc solid;
    border-top: 1px #cccccc solid;
}

#chart_second .box_lrg:before, #chart_third .box_lrg:before, #chart_third2 .box_lrg:before{
	display: block;
    position: absolute;
    top: -30px;
    left: 165px;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #cccccc;
}

.flexbox {
	display: flex;
	justify-content: space-between;
}

.box30per {
	width: 30%;
}