/** 概要 **/

#inner_box{overflow: visible !important;}

.about_box{width:100%; height: fit-content; margin: 0 auto 40px; overflow: visible;}

.about_box img{
	width: 100%; border-radius: 10px;
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
}

.about_box p{
	width: 100%; height: fit-content; font-size: 12px !important; line-height: 20px !important;
}

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

#about_box h3{display: block; font-size: 14px !important; font-weight: 700 !important; color: #0071b8; margin-bottom: 10px;}
#about_box p{font-size: 12px !important; line-height: 20px !important; margin-bottom: 20px;}

/** 今後の事業計画 **/
#slogan_box{
	position: relative; width: 100%; 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: 9%; width: fit-content; height: fit-content; font-weight: 700 !important; color: #fff !important;}
#slogan_box span{top: 30%; font-size: 8px !important;}
#slogan_box h2{bottom: 25%; font-size: 12px !important;}

#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: 12px !important; font-weight: 700 !important;
	padding-top: 5px; padding-bottom: 5px; text-align: left;
}
#about_box table th{width: 50%;}

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

#chart_float{
	position: absolute;
    top: 150px;
    left: 60px;
    width: fit-content;
    height: fit-content;
}
#chart_first{float:left; position: relative; width: fit-content; height: fit-content; overflow: visible;} 
#chart_second, #chart_third, #chart_third2{float:right; position: relative; width: calc(100% - 35px); height: fit-content; overflow: visible;}
#chart_fourth{float:right; position: relative; width: 100%; height: fit-content; overflow: visible;} 
#chart_third{margin-top: 40px;}
#chart_third2{margin-top: 40px;}

.box_small, .box_lrg{position: relative; height: fit-content;} .mh49{min-height: 49px;}
.box_small{width:fit-content; min-width: 150px;} .box_lrg{width: 100%;} .box_md{width: 100%;}
.sml_pd{padding: 5px 5px 5px 10px;} .lrg_pd{padding: 15px 5px 20px 30px;} .md_pd{padding: 15px 0px 10px 30px;} .pd_wHeader{padding: 60px 15px 15px 20px;} .pd_wHeaderSml{padding: 50px 0px 10px; width: 100% !important;}

.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: 30px; padding: 5px 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: 10px !important; font-weight: 700 !important; letter-spacing: .12em;}
.chart_content{display: block; width: fit-content; font-size: 12px !important; 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: 1px;} .mb10{margin-bottom: 10px;} .mb30{margin-bottom: 20px;} .mb40{margin-bottom: 40px;} 
.mt75{margin-top: 45px;} .ml30{margin-top: 10px;} .m0{margin: 0 !important;}
.pb160{padding-bottom: 220px;} .pt25{padding-top: 25px;}

.w70{width: 55px !important;} .w90{width: 68px !important;} .w95{width: 30% !important;} .w190{width: 30% !important;} .w280{width: 30%;}

.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;}
.box_align{margin: 0px auto !important;} .box_left{float: left !important;}

/**********/
.float_div{
	position: absolute;
    top: 60px;
    left: 125px;
	height: 45px !important;
}
.float_div:before{
	display: block;
    position: absolute;
    top: 50%;
    left: -100px;
    content: "";
    width: 100px;
    height: 1px;
    background-color: #cccccc;
}

/*********/
#chart_first .bg_blue:after{
	display: block;
    position: absolute;
    top: 44px;
    left: 25px;
    content: "";
    width: 1px;
    height: 1300px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100 */
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#chart_second .smallbox_container:before, #chart_third .smallbox_container:before, #chart_third2 .smallbox_container:before{
	display: block;
    position: absolute;
    top: 0px;
    left: -9px;
    content: "";
    width: calc(50% + 11px);
    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: -20px;
    left: 50%;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #cccccc;
}


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

.box30per {
	width: 30%;
}