.page1{padding:150px 0;background:#fff;position:relative;z-index:0;}
.body_letter{font-size:180px;text-align:center;position:absolute;top:10%;left:10%;opacity:0.8;filter:blur(3px);color:#fff;z-index:-1;white-space:nowrap;font-weight:bold;}
.page1 .ctt{display:flex;align-items:center;position:relative;z-index:1;}
.page1 .ctt div{padding-left:100px;}
.page1 h2{font-size:40px;font-weight:700;}
.page1 h2 span{display:block;font-size:14px;font-weight:bold;letter-spacing:0.5px;margin-bottom:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e4e4e4;color:#999;opacity:0.5;}
.page1 a{    display: block;
  padding: 15px 0;
  background: #044567;
  color: #fff;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  text-align: center;}
.page1 a img{display:inline-block;width:15px;margin-left:8px;position:relative;top:-2px;}
.page1 p{font-size:18px;margin-top:30px;line-height:32px;}
.page1 p span{display:block;font-size:28px;font-weight:700;margin-bottom:20px;color:#044567;}
.page1 b{display:block;font-size:18px;color:#2f4c8f;font-weight:600;margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,0.2)}

.page2{padding:150px 0;background:url('../manual4/images/man4_bg.png')no-repeat;background-size:cover;position:relative;z-index:0;}
.page2 h2 span{font-size:14px;font-weight:bold;letter-spacing:0.5px;display:block;margin-bottom:20px;text-align:center;color:#044567}
.page2 h2{font-size:32px;font-weight:bold;text-align:center;}
.page2 ul{width:1000px;margin:0 auto;display:flex;justify-content:space-between;margin-top:60px;}
.page2 ul li{width:31.3%;position:relative;}

.page2 ul li img{width:100%;display:block;border-radius:0 100px 0 0}
.page2 ul li p{padding:30px 0;text-align:center;font-size:22px;padding-top:10px;font-weight:600;position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;}
.page2 ul li b{display:block;font-size:24px;font-weight:bold;letter-spacing:0.5px;display:block;margin-bottom:15px;color:#d1c2b5;text-decoration:underline;text-align:center;font-style:italic;padding-top:100px;}


.page3{padding:150px 0;background:#fff;position:relative;z-index:0;}
.page3 h2 span{font-size:14px;font-weight:bold;letter-spacing:0.5px;display:block;margin-bottom:20px;text-align:center;color:#044567}
.page3 h2{font-size:32px;font-weight:bold;text-align:center;}

.who{display:flex;margin-top:80px;justify-content:center;}
.who_img{width:500px;position:relative;}
.who_img img{width:400px;}
.who_list{width:500px;margin-left:0px;}
.who_list ul{}
.who_list ul li{font-size:20px;font-weight:500;padding:30px 20px;border-bottom:1px solid #e4e4e4;}
.who_list ul li:hover{background:#f8f8f8;}
.who_list ul li:last-child{border:0;}
.who_list ul li span{font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  display: inline-block;
  color: #ab9b81;
  font-style: italic;
  text-decoration: underline;
  margin-right: 10px;}

.who_point{}

.who_point span{    font-size: 15px;
  background: #ab9b81;
  position: absolute;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: block;
  border-radius: 50px;transition:all .5s;}

.who_ac{transition:all .5s;transform:scale(1.5);background:rgb(255 49 0 / 50%) !Important;}

.p1{top:62px;left:185px}
.p2{top:90px;left:115px}
.p3{top:220px;left:190px}
.p4{top:185px;left:102px}
.p5{top:275px;left:240px}
.p6{top:382px;left:175px}

.page4{margin-bottom:60px;}
.page4 .ctt{background:#fff;margin-top:-150px;padding:80px 0;position:relative;z-index:1;}
.page4 h2{font-size:32px;font-weight:bold;text-align:center;}
.page4 ul{display:flex;margin-top:60px;}
.page4 ul li{width:33.3%;border-right:1px solid #e4e4e4;padding:0 70px;}
.page4 ul li img{width:100%;border:1px solid #e4e4e4;}

.page4 ul li span{font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #000;
  border:1px solid #000;
  width:40px;height:40px;
  margin:0 auto;
  display:block;
  font-style: italic;border-radius:50px;text-align:center;line-height:40px;margin-bottom:30px;}

.page4 ul li p{font-size: 18px;
  margin-top: 30px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;}
.page4 ul li:last-child{border:0;}


@media screen and (max-width:799px){
  .page1{padding:80px 0;}
  .page1 .ctt{display:block;}
  .page1 .ctt img{width:100%;}
  .page1 .ctt div {
    padding-left: 10px;
    padding-top: 30px;
  }
  .page1 h2 {
    font-size: 20px;
    font-weight: 700;}
  .page1 h2 span {
    font-size: 12px;
    padding-bottom: 15px;
    margin-bottom: 15px;}
  .page1 p {
    font-size: 15px;
    margin-top: 10px;
    line-height: 28px;}
  .page1 p span {
    display: block;
    font-size: 18px;    margin-bottom: 10px}
  
  .page2{padding:80px 0;background:#f8f8f8;}
  .page2 .page2_txt {
    display: block;
    margin-top: 30px;padding-left:10px;}
  .page2 h2{font-size:20px;}
  .page2 h2 span{font-size:12px;}
  .page2 ul{display:block;width:100%;margin-top:30px;}
  .page2 ul li{width:100%;margin-bottom:20px;}
  .page2 ul li img{border-radius:20px;height:150px;object-fit:cover;}
  .page3{padding:80px 0;}
  .page2 ul li b{font-size:14px;padding-top:14px}
  .page2 ul li p{padding:30px 0;font-size:16px;}

  .page3{padding:80px 0;}
  .page3 h2{font-size:20px;}
  .page3 h2 span{font-size:12px;}
  .who{display:block;margin-top:30px;}
  .who_img{width:100%;}
  .who_img img{width:250px;margin:0 auto;display:block;}
  .who_list ul{margin-top:30px;}
  .who_list ul li{font-size:16px;}
  .who_list ul li span{font-size:16px;}
  .who_point span{width:20px;height:20px;line-height:20px;font-size:12px;}
  .p1 {
    top: 44px;
    left: 150px;}
  .p2 {
    top: 60px;
    left: 110px;}
  .p3 {
    top: 130px;
    left: 160px;}
  .p4 {
    top: 110px;
    left: 100px;}
  .p5 {
    top: 170px;
    left: 190px;}
    .p6 {
    top: 240px;
    left: 182px;}

.page4{margin-top:0;margin-bottom:0;}
.page4 img{width:100%;}
.page4 .ctt{margin-top:0;padding:50px 0;}
.page4 h2{font-size:20px;}
.page4 ul{margin-top:0px;display:block;}
.page4 ul li{width:100%;padding:30px;border-right:0;border-bottom:1px solid #e4e4e4;}
.page4 ul li span{width:25px;height:25px;line-height:25px;font-size:12px;margin-bottom: 15px;}
.page4 ul li p {
    font-size: 15px;
    margin-top: 20px;
  line-height: 26px;}
}
}