@charset "utf-8";
/*===========================
add
===========================*/

.president {
	text-align: right;
	font-size:1.1em;
	font-weight: 900;
}

.box-wrap {
    background: #f0f8fd;
    box-sizing: border-box;
}
.box-ttl {
	text-align:center !important;
	background:var(--basic-color);
	padding:0.5em;
	color:#fff;
	font-weight: 800;
	font-size:1.05em;
	margin-bottom:0px !important;
	display:flex;
	align-items:center;
	justify-content:center;
}
.box-cnt {
	background: #;
	width:100%;
	margin:0px auto 0em;
	padding:1.2em 1.8em 1.8em 1.8em;
	box-sizing:border-box;
}
.box-wrap img,.box-wrap-v02 img {
	border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3) !important;
}

.box-wrap-v02 {
	background: #f3f4fd;
}
.box-wrap-v02 .box-title {
    background:var(--basic-color);
    padding: 0.4em;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
    margin-bottom: 0em;
}
.box-wrap-v02 .box-content {
    padding: 20px 20px 20px;
    margin: 0;
}

.tx-flex {
	 text-align: center;
}
@media only screen and (max-width: 768px) {
.tx-flex {
	 text-align: left;
}
}
.p-ttl {
	 text-align: center;
	 font-size:1.6em;
	 font-weight: 700;
}
.p-ttl02 {
	 text-align: left;
	 font-size:1.1em;
	 font-weight: 700;
}
@media only screen and (max-width: 768px) {
.p-ttl {
	 text-align: left;
	 font-size:0.95em;
}
.p-ttl02 {
	 font-size:1.0em;
}
}
ul.circle-1col,ul.circle-no-1col  {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-pl-1col  {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-1col > li {
    padding: 0 0 0.3em 1.2em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #CCC;
    width:100%;
    margin-right:0%;
    position: relative;
}
ul.circle-no-1col > li {
    padding: 0 0 0.5em 0.5em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:100%;
    margin-right:0%;
    position: relative;
}
ul.circle-pl-1col  > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:auto;
    margin-right:0%;
    position: relative;
}
ul.circle-1col > li:last-child,ul.circle-no-1col > li:last-child {
	margin-bottom:0px;
}
ul.circle-1col > li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}
ul.circle-pl-1col > li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.3em;
}
ul.circle-2col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-2col > li {
    padding: 0 0 0.1em 1.4em;
    margin-bottom: 0.3em;
    border-bottom: 1px dashed #CCC;
    width:42%;
    margin-right:2%;
    position: relative;
}
ul.circle-2col > li.line {
	margin-bottom:0px;
}


ul.circle-2col > li.long {
    width:70%;
}
ul.circle-2col > li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.7em;
}

ul.circle-3col {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-3col > li {
    padding: 0 0 0.3em 1.2em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #CCC;
    width:28%;
    margin-right:1%;
    position: relative;
}
ul.circle-3col > li.long {
    width:35%;
}
ul.circle-3col > li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.8em;
}
ul.circle-4col {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-4col > li {
    padding: 0 0 0.3em 1.4em;
    margin-bottom: 0.5em;
    border-bottom: 0px dashed #CCC;
    width:18%;
    margin-right:2%;
    position: relative;
}
ul.circle-4col > li.long {
    width:36%;	
}
ul.circle-4col > li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}
ul.circle-5col {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-5col > li {
    padding: 0 0 0.5em 1.4em;
    margin-bottom: 0.7em;
    border-bottom: 0px dashed #CCC;
    width:15%;
    margin-right:2%;
    position: relative;
}
ul.circle-5col > li.long {
    width:30%;	
}
ul.circle-5col > li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.7em;
}
@media only screen and (max-width: 768px) {
ul.circle > li:before,ul.circle-2col > li:before,ul.circle-3col > li:before {
    left: 0.5em;
    margin-top: 0.8em;
}
  ul.circle-2col > li,ul.circle-2col > li.long,ul.circle-3col > li,ul.circle-3col > li.long,ul.circle-4col > li,ul.circle-4col > li.long {
    width:100%;
}
ul.circle-2col > li.line.line2 {
	margin-bottom:0.9em;
}
}
.tbl-1 th {
	background-color: rgba(var(--basic-color-rgb), 0.05) !important;
	color:#333 !important;
	width:20%;
}
.tbl-2 .td-01 {
	width:20%;
}
@media only screen and (max-width: 500px) {
  ul.circle-2col > li,ul.circle-2col > li.long,ul.circle-3col > li,ul.circle-3col > li.long,ul.circle-4col > li,ul.circle-4col > li.long {
    width:90%;
}
.tbl-2 .td-01 {
	width:30%;
}
}

dl.dl-flex {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  box-sizing:border-box;
}
dl.dl-flex dt {
  flex-basis: 20%;
	font-size:1.05em;
	text-align: left;
	padding:0.2em;
	box-sizing:border-box;
	
}
dl.dl-flex dd {
  flex-basis: 80%;
	text-align: left;
	font-size:1.05em;
	padding:0.2em;
	box-sizing:border-box;
}
@media screen and (max-width: 768px) {
 dl.dl-flex {
   flex-flow: column;
 }
	dl.dl-flex dt {
		font-weight: 700;
	}
}
.line-h01 {
	line-height: 1.8;
	letter-spacing: 0.1em;
	font-size:1.05em;
}
.line-h02 {
	line-height: 3.0;
	font-size:120%;
     display:flex;
	 justify-content:center;
	 align-items:flex-start;		
}
.line-h03 {
	line-height: 2.0;
	font-size:160%;
	 font-weight: 700;
     display:flex;
	 justify-content:center;
	 align-items:flex-start;
	 	
}
.txtBold {
	font-weight: bold;
}
.col_blue {
	color:#0654a4;
}
.box-sd {
    padding: 2em;
    background-color: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
}
.box-sd02 {
    padding: 4em;
    background-color: rgba(255,255,255,0.5);
    border: 0px solid #999;
    box-sizing: border-box;
	border-radius:10px;
	  box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%), 0px 3px 7px 0px rgb(0 0 0 / 8%)
}
.box-sd03 {
    padding: 3em 3em 3em 3em;
    background-color: rgba(255,255,255,0.5);
    color: #333;
    border: 0px solid #999;
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 10%), 0px 3px 7px 0px rgb(0 0 0 / 8%), 0px 5px 14px 0px rgb(0 0 0 / 6%);
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
.box-sd,.box-sd02,.box-sd03 {
    padding: 1.2em;
    box-sizing: border-box;
}
.line-h02 {
	line-height: 3.0;
	font-size:120%;
	display:block;
}
.line-h03 {
	line-height: 3.0;
	font-size:120%;
	display:block;
}

}
.no-sdw img {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3) !important;
}
.noborder {
	vertical-align:top !important;
}
.fsCnt {
	font-weight:700;
	color:#0752a2;
}
.fs120Ap {
    font-size:105.05%;
	line-height:2.8;	
}
.pl {
	padding-left: 10px;
}
@media only screen and (max-width: 768px) {
fs120Ap {
    font-size:105.05%;	
}
	.pl {
		padding-left: 0px;
	}
}
.pc-disp {
    display:block;
}
.sp-disp {
    display:none; 
}
@media only screen and (max-width: 768px) {
.pc-disp {
    display:none;
}
.sp-disp {
    display:block; 
}
}