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:17.1% 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;}


#law01 {background-color:#f5f5f5; width:100%; margin:0px; }
div.wd11 section {float:left; width:75px; height:75px;  box-sizing:border-box; margin:10px 30px;}
div.wd11 section div{ background-color:#2b324e; background-repeat:no-repeat; background-position: center 0px; 
 display:block;  min-height:10px;  box-sizing:border-box; text-align:center; }
div.wd11 section div p {vertical-align: middle; overflow:hidden;  padding:24px 15px;}

div.wd11 section strong {font-size:18px; font-weight:400;}
div.wd11 section div:hover {box-shadow:5px 6px 15px #999;  
-moz-transition: ease-out 0.4s 0.1s;  -o-transition: ease-out 0.4s 0.1s;  -webkit-transition: ease-out 0.4s;
  -webkit-transition-delay: 0.1s;  transition: ease-out 0.4s 0.1s;}
/*#about_01 section.Box_01 div{background-image:url("../img/img1.jpg"); }
#about_01 section.Box_02 div{background-image:url("../img/img2.jpg"); }
#about_01 section.Box_03 div{background-image:url("../img/img3.jpg"); }*/

/*button effect*/
.link-effect-12 div { position: relative;  overflow: hidden; 
}
.link-effect-12 div p::before {
  height:4px; width: 100%;  background-color: #beaf84;   content: "";  position: absolute;  left: 0;  top: 0;
  -moz-transform: translateX(-100%);  -ms-transform: translateX(-100%);  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div p::after {
  height:4px; width: 100%;  background: #beaf84;  content: "";  position: absolute;  right: 0;  bottom: 0;  
   -moz-transform: translateX(100%);  -ms-transform: translateX(100%);  -webkit-transform: translateX(100%);  transform: translateX(100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div::before {  
  width:4px;  height: 100%;  background: #beaf84;  content: "";  position: absolute;  left: 0;  top: 0;
  -moz-transform: translateY(100%);  -ms-transform: translateY(100%);  -webkit-transform: translateY(100%);  transform: translateY(100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div::after {
  width:4px;  height: 100%;  background: #beaf84;  content: "";  position: absolute;  right: 0px;  bottom: 0;  
    -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -webkit-transform: translateY(-100%);  transform: translateY(-100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div:hover::before, .link-effect-12 div:hover::after {
  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -webkit-transform: translateX(0);  transform: translateX(0);
}
.link-effect-12 div:hover p::before, .link-effect-12 div:hover p::after {
  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -webkit-transform: translateX(0);  transform: translateX(0);
}

div.wd11 p.txtP01 { padding:17px 10px; float:right; width:87%; letter-spacing:-0.03em; color:#454545; font-size:16px; line-height:30px;}
div.wd11 p.txtP02 { padding:32px 10px; float:right; width:87%; letter-spacing:-0.03em; color:#454545; font-size:16px; line-height:30px;}



<!-- 2 -->


#block_01 {width:100%; margin:10px auto;}
#block_01 div.icoBox {overflow:hidden;  border: 1px solid #f5f5f5;}
#block_01 section{display:block; padding:14px 8px; text-align:center; 
border-radius:50%; margin:1% 3%; width:5%; box-sizing:border-box; float:left; font-size:18px; background: #eff1f7; color:#2c334f;}
#block_01 p.txtP01{ padding:14px 15px; float:right; width:89%; font-size:16px; color:#454545; letter-spacing:-0.03em;}
#block_01 p.txtP02{ padding:26px 15px; float:right; width:89%; font-size:16px; color:#454545; letter-spacing:-0.03em;}



*, *::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);  }
}





div.m-content01 ul.m-timeline01 {list-style:none; padding:15px;}
div.m-content01 ul.m-timeline01 li .txtP {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 center }




<!-- 3 -->





div.img {text-align:center;}



.faq .faq-list {  font-size: 0;  margin: 0 auto 30px auto;  width: 100%;  padding-left: 0;}
.faq .faq-item {  margin-bottom: 0px;}
.faq .faq-question { background:url("../img/ico_q.png")no-repeat left center; background-size:25px auto; padding: 20px 24px 18px 45px; border-bottom:1px solid #dfdfdf;  position: relative;  transition: 0.25s ease-in-out;}
.faq .faq-question h6 {  font-size: 20px;  margin: 0;  color: #333;  font-weight: 600;}
.faq .faq-question:before {  position: absolute;  right: 15px;  top: 33px;  content: "";  width: 20px;  height: 2px;  background: #beaf84;}
.faq .faq-question:after {  position: absolute;  right: 24px;  top: 24px;  width: 2px;  background: #beaf84;  height: 20px;  content: "";  transition: 0.25s ease-in-out;}
.faq .faq-question:hover {   cursor: pointer; }
.faq .faq-answer {  font-size: 16px;    margin-top: 1px;  max-height: 0;  visibility: hidden;  padding-top: 0;  padding-bottom: 0;  transition: .4s ease all;}

.question-active + .faq-answer {  max-height: 2800px;  visibility: visible;  transition: 0.4s ease all;}
.question-active + .faq-answer p {  opacity: 1;  transition: .4s ease all;}
.question-active:after { opacity: 0;}


div.dot {color:#454545; padding:0 0 0 15px; position: relative;  background:url("../img/bullet_01.gif") no-repeat left 12px; }

div.dot p {  font-size:16px; color:#454545; letter-spacing:-0.03em; line-height:30px; }




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;  padding:5% 3% 2% 3%; }
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 section.Box_01 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_02 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_03 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_04 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_05 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}   
div.wd11 section.Box_06 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_07 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_08 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}
div.wd11 section.Box_09 div p {vertical-align: middle; overflow:hidden;  padding:20px 10px 20px 10px; letter-spacing:-0.03em;}   
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;  }
ul.detail li span.detailD {color:#aaa;   padding: 0 10px 0 0; }
   
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;}

    
    
    
#block_01 {width:100%; margin: auto; }
#block_01 div.icoBox {overflow:hidden; margin:10px 0; border: 0px;}
#block_01 section {display:block; font-size:17px;  text-align:center;  
border-radius:10px; margin:2% 0; width:100%; box-sizing:border-box; }
#block_01 p.txtP01{ padding:10px 10px 10px 10px; width:100%; font-size:16px; text-align: center;}
#block_01 p.txtP02{ padding:10px 10px 10px 10px; width:100%; font-size:16px; text-align: center;}
#block_01 div.icoBox hr {display:none;}

    

div.img img{ width:100% }


    
.faq .faq-question {  padding: 20px 34px 18px 35px; }	
.faq .faq-question h6 {  font-size: 17px;  }	
.faq .faq-answer p { font-size:16px; line-height: 20px;  padding: 8px; } 
.question-active + .faq-answer {  max-height: 4000px;}
    
div.dot p.txtP03 {line-height:26px; }
div.dot {background:url("../img/bullet_01.gif") no-repeat left 19px; }



@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) {
}