.tit_style01{
 font-size: 24px;
 font-size: 2.4rem;
 text-align: center;
 padding: 0 0 15px;
 margin: 0 0 30px;
 position: relative;
}

.tit_style01:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 40px;
  height: 4px;
  background: var(--main-color);
}

.tit_area02{
position: relative;
text-align: center;
margin: 0 0 40px;
}

.main_tit02{
font-size: 30px;
font-size: 3.0rem; 
font-weight: 500;
letter-spacing: 0.2em;
line-height: 1.6;
text-align: center;
z-index: 1;
position: relative;
}    

.sub_tit02{
text-transform: uppercase;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
letter-spacing: 0.1em;
text-align: center;
min-width: 140px;
margin: 5px 0 0; 
line-height: 0.8;
background: var(--main-color);
padding: 5px 20px;
}

.tit_area03 {
 margin: 0 0 30px;
}

.main_tit03 {
 font-size: 30px;
 font-size: 3.0rem;
 color: #333;
 text-align: center;
 line-height: 1.2;
 letter-spacing: 0.04em;
 border-bottom: 1px solid #004c71;
 padding: 0 0 15px;
 margin: 0 0 15px;
 font-weight: bold;
 position: relative;
}

.main_tit03:after {
 content: '';
 position: absolute;
 left: 50%;
 bottom: -8px;
 transform: translateX(-50%);
 width: 1px;
 height: 15px;
 background: #004c71;
}

.sub_tit03 {
 font-size: 14px;
 font-size: 1.4rem;
 color: #083090;
 text-align: center;
 line-height: 1.2;
 letter-spacing: 0.1em;
 font-family: 'Oswald', sans-serif; 
}

@media (max-width : 810px){
.main_tit03 {
 font-size: 25px;
}
}

.tit_style04 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	margin: 0 0 35px;
	letter-spacing: 0.1em;
	position: relative;
	text-align: center;
	padding: 0 0 20px;
}

.tit_style04:before {
 content: '';
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translate(-50%,0);
 width: 50px;
 height: 2px;
 background: linear-gradient(90deg, rgba(21,38,167,1) 0%, rgba(21,38,167,1) 50%, rgba(32,172,240,1) 50%, rgba(32,172,240,1) 100%);
}

@media (max-width : 810px){
.tit_style04 {
 font-size: 25px;
 font-size: 3.2rem;
}
}

.tit_style05 {
 font-size: 25px;
 font-size: 2.5rem;
 font-weight: bold;
 border-left: 6px solid var(--main-color);
 padding: 0 0 0 15px;
 margin: 0 0 20px;
 letter-spacing: 0.2em;
 line-height: 1.3;
}

@media (max-width : 810px){
.tit_style05 {
 font-size: 22px;
 font-size: 2.2rem;
}
}

.tit_style06 {
 font-size: 24px;
 font-size: 2.4rem;
 letter-spacing: 0.1em;
 font-weight: 500;
 border-bottom: 2px solid #f3f3f3;
 padding-bottom: 8px;
 position: relative;
 margin: 0 0 35px;
}

.tit_style06::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -2px;
 width: 70px;
 height: inherit;
 border-bottom: 2px solid var(--main-color);
}

@media (max-width : 810px){
.tit_style06 {
 font-size: 22px;
 font-size: 2.2rem;
}
}

.tit_style07 {
 font-size: 24px;
 font-size: 2.4rem;
 font-weight: 500;
 margin: 0 0 20px;
 padding: 0 0 0 40px;
 position: relative;
}

.tit_style07::before {
 content: '';
 position: absolute;
 top:20px;
 left: 0;
 width: 30px;
 height: 2px;
 background: var(--main-color);
 margin: 0 10px 0 0;
}

@media (max-width : 810px){
.tit_style07 {
 font-size: 22px;
 font-size: 2.2rem;
}
}

.tit_style08 {
 font-size: 26px;
 font-size: 2.6rem;
 letter-spacing: 0.1em;
 font-weight: bold;
 border-bottom: 2px solid #333;
 position: relative;
 margin: 0 0 35px;
 padding: 0 0 15px 30px;
 line-height: 1;
}

.tit_style08::before {
 content: '';
 position: absolute;
 top: 9px;
 left: 0;
 width: 15px;
 height: 15px;
 background: var(--main-color);
}

@media (max-width : 810px){
.tit_style08 {
 font-size: 22px;
 font-size: 2.2rem;
}
 
.tit_style08::before {
 top: 5px;
}
 
}

.tit_area09 {
 margin: 0 0 20px;
 line-height: 1.4;
}

.main_tit09 {
 font-size: 30px;
 font-size: 3.0rem;
 position: relative;
 text-align: center;
 color: #000;
 display: flex;
 align-items: center;
 font-weight: bold;
}

.main_tit09:after, .main_tit09:before {
 content:'';
 border-top:1px solid var(--main-color);
 flex-grow: 1;
 margin: 0 22px 0 0;
}
.main_tit09:after {
 margin: 0 0 0 22px;
}

.main_tit09:before {
 margin: 0 22px 0 0;
}

.sub_tit09 {
 font-size: 13px;
 font-size: 1.3rem;
 text-align: center;
 color:  var(--main-color);
 font-family: 'Oswald', sans-serif;
 font-weight: bold;
}

@media (max-width : 810px){
.main_tit09 {
 font-size: 25px;
 font-size: 2.5rem;
}
 

}

.tit_style10 {
 font-size: 24px;
 font-size: 2.4rem;
 position: relative;
 display: flex;
 flex-direction:column;
 margin: 0 0 30px;
}

.tit_style10:after {
 content: '';
 width: 40px;
 height: 4px;
 background: var(--main-color);
 margin: 10px 0 0;
}


@media (max-width : 810px){
.tit_style10 {
 font-size: 22px;
 font-size: 2.2rem;
}

.tit_style10:after {
 height: 3px;
}

 
}

.tit_style11 {
 text-align: center;
 font-size: 28px;
 font-size: 2.8rem;
 font-weight: bold;
 min-height: calc( 1.7em * 2 );
 line-height: 1.7;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 20px 50px;
}

.tit_style11:before,.tit_style11:after {
 content: '';
 position: absolute;
 border-style: solid;
 border-width: 50px 50px 0 0;
 border-color: var(--main-color) transparent transparent transparent;
 }

.tit_style11:before {
 top:0;
 left: 0;
 }

.tit_style11:after {
 bottom:0;
 right: 0;
 transform: rotate(180deg);
 }

@media  (max-width : 810px){
.tit_style11 {
 font-size: 25px;
 font-size: 2.5rem;
 padding: 20px 30px;
}
 
.tit_style11:before,.tit_style11:after {
 content: '';
 position: absolute;
 border-style: solid;
 border-width: 30px 30px 0 0;
 border-color: var(--main-color) transparent transparent transparent;
}
 
}

.tit_style12 {
 font-size: 24px;
 font-size: 2.4rem;
 letter-spacing: 0.1em;
 font-weight: bold;
 border-bottom: 1px solid #999;
 padding: 0 0 10px;
 position: relative;
 margin: 0 0 35px;
 text-align: center;
}
 
.tit_style12::after {
 content: '';
 position: absolute;
 bottom: -2px;
 left: 50%;
 transform: translateX(-50%);
 width: 100px;
 height: 3px;
 background: var(--main-color);
}
 
@media (max-width : 810px){
.tit_style12 {
 font-size: 22px;
 font-size: 2.2rem;
}
}

.tit_area13 {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  padding: 0 0 0 15px;
  gap: 10px 0;
  line-height: 1.4;
}

.tit_area13:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: var(--main-color);
}

.main_tit13 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}

.sub_tit13 {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: capitalize;
  letter-spacing: 0.15em;
}