#about {color:#333; letter-spacing:-1px} 
#about img {max-width:100%}

span.t_br {margin-bottom:15px; display:block;}
 
#about .section1 {padding:50px 0;  }

 .about_center_box {width:100%; display:inline-block;   background-size:100%; background-color:#e9f8f4;  padding-top:50px; text-align:center }
.about_center_box  p {position:relative; z-index:99}
.about_center_box  p b.b_t {font-size:1.2em}
.about_center_box  p b.b_t strong {font-size:1.1em; line-height:1.4em}
.about_center_box img:first-child {margin-bottom:30px;}
.about_center_box img:last-child {margin-top:-60px}

.about_center_box b.t_color1 {font-weight:400}

#about  .character {width:100%; margin:0 auto; text-align:left;  position:relative;  background-color:#f7f7f7; padding:50px 0}

#about  .character .in {max-width:1100px; margin:0 auto; display:flex; align-items:center; }
#about  .character h3 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:20px;}
 
#about  .character p.character_img {position:relative; z-index:99;  width:43%;  }
#about  .character p.character_img img {width:100%;}

#about  .character .in div {width:55%;  margin-left:auto;   position:relative; z-index:99}
#about  .character .in div ul li {width:100%; display:flex; margin-bottom:7px;  align-items:flex-start; font-size:1.1rem;  }
#about   .character .in div ul li b {width:90px; background-color:#eeeeee; border-radius:50px; padding:2px 0; text-align:center; font-size:1em; line-height:1.4em;}
#about   .character .in div ul li p { width:calc(100% - 120px); font-size:1em; line-height:1.4em; margin-left:auto}
 
#about .slide_iframe {  width:100%; margin:0 auto; max-width:1200px; /* margin-top:-120px */  }
#about .slide_iframe  img {float:right; margin-right:130px}
#about .slide_iframe iframe {width:100%; height:430px;}


#about .about_bottom_link {display:flex; justify-content:center; width:100%; padding:0 3%; box-sizing:border-box; }
 
  @media all and (max-width:768px){

       #about .section1 {padding-top:40px; padding-bottom:40px;}
	   .about_center_box { padding-top:40px;}
       #about  .character {padding-top:40px; padding-bottom:40px}
	  
	  
	   #about .sub_con p {font-size:1rem; line-height:1.5em; }

	  #about .slide_iframe  img {display:none;}
	  #about .slide_iframe { margin-top:30px }
	  #about .slide_iframe iframe {width:100%; height:40vw;}
	  
	  .about_center_box  p b.b_t {font-size:1.05em}
	  .about_center_box  p b.b_t strong {font-size:1.15em; line-height:1.7em }
      .about_center_box img:last-child {margin-top:0}

      #about  .character .in {flex-wrap:wrap;}

	  #about  .character p.character_img {width:100%; text-align:center; margin-bottom:40px; }
	  #about  .character p.character_img img {width:80%}
 
	  #about  .character h3 {width:100%; padding-bottom:15px; margin-bottom:15px}
      #about  .character h3 img {max-width:70%}
 	  #about   .character .in div {width:100%;}
	  #about   .character .in div ul li {margin-bottom:3px; font-size:.95rem }

    
	  #about  .point_t1 {font-size:2rem;  }
	  #about  .point_t2 {font-size:1.2rem;  }


  }