div.sub_txt01 h3 {font-size:24px; padding:0 0 20px 16px; position:relative; color:#2c334f;}
div.sub_txt01 h3::before {content:""; height:22px; width:4px; background-color:#beaf84; position:absolute; top:7px;  left:0px; }
div.intro {line-height:28px; font-size:15px; overflow: hidden; letter-spacing:-0.03em;}
div.intro div.contL {float:left; width:30%; padding:5% 3% 2% 3%;}
div.intro div.contR {float:right; width:70%; padding:5% 3% 2% 3%;}
div.sub_txt02 P {letter-spacing:-0.03em; color:#454545; }


<!-- 2 -->


*, *::before, *::after {  box-sizing: border-box;}
.m-content {  padding: 0px;  max-width: 100%;  margin: 0 auto;}
.m-timeline {  position: relative;  list-style: none;  padding: 0;  margin: 0;    color: #333;}
.m-timeline > li {  position: relative;  padding: 0px 0 0px 30px;  transition: all 100ms;}
.m-timeline > li::before, .m-timeline li::after {  transition: all 100ms;}
.m-timeline > li::before {  display: block;  content: '';  position: absolute;  top: 30px;  left: 0;  z-index: 2;  background-color: #fff;  
width: 20px;  height: 20px;  border-radius: 50%;  border: 3px solid #beaf84;}
.m-timeline > li::after {  content: '';  display: block;  width: 2px;  background-color: #ddd;  position: absolute;
  top: 0;  left: 0px;  height: 120%;  z-index: 1;}
.m-timeline > li:first-child::after {  top: 30px;}
.m-timeline > li:last-child::after { height: 20px;}
.m-timeline__date { display:block; padding:15px 15px;  border:1px solid #dfdfdf; 
border-radius:10px; margin:1% 2% 1% 1%; width:98%; box-sizing:border-box; float:left; font-size:17px; color:#2b324e; letter-spacing:-0.03em;}
.m-timeline__date:hover {background-color:#f5f5f5;}
.m-timeline p {  margin: 0 0 .5em;} 
@media (min-width: 1024px) {

  .m-timeline > li::before {    left: calc(0px);  }
  .m-timeline > li::after {    left: calc(9px);  }
}

ul.detail {list-style:none; padding:15px;}
ul.detail li p.txtP { color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:0 0 0 15px; margin: 10px 0 10px 0;}
ul.detail li p.txtP01 {color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:0 0 0 15px; background:url("../img/bullet_01.gif") no-repeat 2px 42% ; margin: 0 0 0 0;}
ul.detail li p.txtP02 {color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:0 0 0 15px; background:url("../img/bullet_01.gif") no-repeat 2px 51% ;  margin: 0 0 0 0;}
ul.detail li p.txtP03 {color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:53px 0 0 15px; background:url("../img/bullet_01.gif") no-repeat 2px 64% ;  margin: 0 0 0 0;}
#block_08 ul.detail { padding-left: 30px;}
#block_08 div.icoBox {overflow:hidden; }
.m-timeline__date01 { display:block; padding:15px 15px;  border:1px solid #dfdfdf; 
border-radius:10px; margin:0 1%; width:98%; box-sizing:border-box; float:left; font-size:17px; color:#2b324e; letter-spacing:-0.03em;}
#block_08 p.txtP{ padding:15px 4.2% 30px 4.2%; width:91%; font-size:16px; color:#454545; letter-spacing:-0.03em; width: 100%;}

hr {margin: 0}




div.img {text-align:center;}
div.img img{text-align:center;} 





div.counsel {border:1px solid #ccc;	padding: 24px; font-size: 17px;	margin-top:20px; border-radius: 10px; width: 100%; text-align:center;  background-color: #2c334f; color:#ffffff; font-size:22px;}
div.counsel :hover{ color: #dfd0a4;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%; text-align:center;}
div.wd_11 {width:100%; }
div.wd11 section {float:none; width:100%; margin:12px 0 0px 0;}
section nav div { border:1px solid #dfdfdf;}
section strong {opacity: 1; }  
div.wd11 p.txtP01 { padding-top:12px; padding-bottom:32px; width:100%; letter-spacing:-0.03em; font-size:16px; line-height:25px; }
div.wd11 p.txtP02 { padding-top:12px; padding-bottom:32px; width:100%; letter-spacing:-0.03em; font-size:16px; line-height:25px;}
ul.detail_L li {font-size:12px; line-height:25px; padding:0 0 0 18px; background:url("../img/bullet_01.gif") no-repeat 5px center }
.m-timeline > li::after {   left: 9px;  height: 115%;}
 
#block_08 ul.detail { padding-left: 15px;}    
#block_08 p.txtP { text-align: left;}  
    
ul.detail li span.detailD {color:#aaa;   padding: 0 10px 0 0; }
    

ul.detail li p.txtP01 {color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:0 0 0 15px; background:url("../img/bullet_01.gif") no-repeat 2px 60px ; margin: 0 0 0 0;}
ul.detail li p.txtP02 {color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:0 0 0 15px; background:url("../img/bullet_01.gif") no-repeat 2px 60PX ;  margin: 0 0 0 0;}
ul.detail li p.txtP03 {color:#454545; letter-spacing:-0.03em; font-size:16px; line-height:30px; padding:0 0 0 15px; background:url("../img/bullet_01.gif") no-repeat 2px 60PX ;  margin: 0 0 0 0;}
ul.detail li p.txtP {margin: 10px 0 0 0;  letter-spacing:-0.03em;}
   
div.m-content ul.m-timeline li > p.bb { padding-bottom: 30px; }    
    
div.hr {width:100%; margin:0px; border: 0; border-bottom: 1px dashed #efe3c2; background: #ffffff;}
div.hr hr {display: none;}
div.tit_sub h3 { text-align:center; padding-top:25px; padding-bottom:8px; font-size:18px;}
div.sub_txt02 P.txtP_01 {letter-spacing:-0.03em; color:#454545; padding: 0;  font-size:15px; line-height:25px; }
    
    
    

}


@media (max-width: 768px) {
    #service section {width:100%;  margin:2% 0%;}	
}
@media (max-width: 640px) {
#block_02 section a {width:98%;}
}
@media (max-width: 480px) {
}
#about_01 section {float:left; width:100%;}
@media (max-width: 320px) {
}