@charset "utf-8";
/* CSS Document */
.Details {  width: 1080px; margin: 0 auto; padding: 0; font-size: 17px; line-height: 26px; }
/* CSS Document */
.DivMain01 {  background: url(../images/pm-about/divbg01.jpg) center top no-repeat; min-height: 536px; }
.DivMain01 .Details { padding: 65px 0 0; }
.DivMain01 h1 { font-size: 30px; color: #28acff; }
.DivMain01 p {  color: #4d4e51; font-size: 15px; padding: 25px 450px 0 0; }
.DivMain01 .year { padding: 120px 0 0; }
.DivMain01 .year .col01 {  width: 20%; padding: 0 2%; background: url(../images/pm-about/div01bg2.png) left center no-repeat; min-height: 221px; 
    float: left; margin: 60px 0 0; }
.DivMain01 .year .col01 h3, .DivMain01 .year .col02 h3, .DivMain01 .year .col03 h3 { font-size: 17px; color: #161616; padding: 55px 20px 0; }
.DivMain01 .year .col01 p, .DivMain01 .year .col02 p, .DivMain01 .year .col03 p {  font-size: 15px; color: #51575f; padding: 15px 20px 0; }
.DivMain01 .year .col02 {  width: 20%; padding: 0 2%; background: url(../images/pm-about/div01bg2.png) left center no-repeat; min-height: 221px; 
    float: left; margin: 40px 0 0; }
.DivMain01 .year .col03 {  width: 20%; padding: 0 2%; background: url(../images/pm-about/div01bg2.png) left center no-repeat; min-height: 221px; 
    float: left; margin: 20px 0 0; }
.DivMain01 .year .col04 {  width: 24%; padding: 0 2%; background: url(../images/pm-about/div01bg3.png) left center no-repeat; min-height: 221px; 
    float: left; }
.DivMain01 .year .col04 h3 { font-size: 17px; color: #161616; padding: 55px 0px 0 30px; }
.DivMain01 .year .col04 p { font-size: 15px; color: #51575f; padding: 15px 0 0 30px; }
.DivMain01 .year .col04 p a { color: #2ca9f4; text-decoration: underline; }
/* CSS Document */
.DivMain02 {  }
.DivMain02 .Details { padding: 40px 0px; }
.DivMain02 .Left { width: 22%; float: left; text-align: center; padding: 0 5%; }
.DivMain02 .Left h3 { font-size: 44px; color: #ffa401; line-height: 50px; }
.DivMain02 .Left p { color: #161616; padding: 15px 0 0; font-size: 17px; }
/* CSS Document */
.DivMain03 {  background:url(../images/pm-about/divbg02.jpg) bottom center no-repeat, url(../images/pm-about/divbg03.jpg) bottom repeat-x #f5f6f8; 
    padding: 0 0 311px 0 ;}
.DivMain03 .Details { padding: 50px 0; text-align: center; }
.DivMain03 h3 { font-size: 37px; font-weight: 800; }
.DivMain03 h3 b { color: #00b5f7; }
.DivMain03 p { color: #525252; padding: 25px 0 0; text-align: left; line-height: 26px; }
/* CSS Document */
.DivMain04 { padding: 30px 0 10px; }
.DivMain04 h3 { font-size: 37px; padding: 0 0 20px 0;  text-align: center; line-height: 45px; }
.DivMain04 .Left { width: calc(50% - 40px); padding: 30px 40px 20px 0;  float: left; }
.DivMain04 .Left h4 { font-size: 21px; line-height: 41px; }
.DivMain04 .Left h4 img { vertical-align: middle; }
.DivMain04 .Left p { font-size: 15px; padding: 15px 0 0; }
.DivMain04 .Left p a { color: #2ca9f4; text-decoration: underline; }
/* CSS Document */
.DivMain05 { }
.DivMain05 .Details { padding: 50px 0; text-align: center; text-align: center;  }
.DivMain05 h3 {  font-size: 37px;  line-height: 45px; padding: 20px 0 10px; } 
.DivMain05 p { padding: 0px 0 30px; }
.DivMain05 img { margin: 10px 20px; }
/* CSS Document */
.DivMain06 { min-height: 284px; background: url(../images/pm-about/divbg04.jpg) bottom center no-repeat #f6f6f7; }
.DivMain06 .Details {  text-align: center; }
.DivMain06 h3 {  font-size: 32px; line-height: 40px; padding: 40px 0 20px; }
.DivMain06 img { margin: 0 40px; }

@media (max-width: 979px)  { 

.Details {  width: 95%; margin: 0 auto;  }

}


@media (max-width: 767px)  { 

.DivMain01 h1 { font-size: 23px;  text-align: center; }
.DivMain01 p {  color: #4d4e51; font-size: 15px; padding: 15px 50px; text-align: center; }
.DivMain01 .year .col01 {  width: 40%; padding: 0 5%; margin: 10px 0 0; }
.DivMain01 .year .col02 {  width: 40%; padding: 0 5%; margin: 10px 0 0; }
.DivMain01 .year .col03 {  width: 38%; padding: 0 5%; margin: 10px 0 0; }
.DivMain01 .year .col04 {  width: 40%; padding: 0 5%; margin: 10px 0 0;   }

.DivMain02 .Left { width: 90%; float: left; text-align: center; padding: 0 5%; margin: 20px 0; }

.DivMain03 h3 { font-size: 23px; font-weight: 800; }

.DivMain05 h3 {  font-size: 23px;  line-height: 32px;  } 
}


@media (max-width: 479px)  { 

.DivMain01 .Details { padding: 15px 0 0; }
.DivMain01 .year { padding: 30px 0 0; }
.DivMain01 p {   padding: 15px 20px;  }
.DivMain01 .year .col01 {  width: 85%; padding: 0 5%; margin: 10px auto 0; }
.DivMain01 .year .col02 {  width: 85%; padding: 0 5%; margin: 10px auto 0; }
.DivMain01 .year .col03 {  width: 85%; padding: 0 5%; margin: 10px auto 0; }
.DivMain01 .year .col04 {  width: 90%; padding: 0 5%; margin: 10px auto 0;   }

.DivMain04 .Left { width: calc(100% - 40px);   float: none; margin: 0 auto; }

}