.pageBody  { padding-bottom: 0; padding-top: 86px;}
.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
.pageBody  article { column-count: 1;}

.pageBody h1 { color: #FFFFFF; line-height: 1.3; text-align: left;  font-weight: 800;  font-size: 70px; margin-bottom: 32px;padding-bottom: 0px;}
.pageBody h2 { color: #252525; font-size: 40px; line-height: 1.3; text-align: left; font-weight: 700; margin-bottom: 60px; padding-bottom: 0px;}
.pageBody  h3 {color: #27517B; font-size: 32px; line-height: 1.3; text-align: left; font-weight: 600;  margin-bottom: 30px; padding-bottom: 0px;}
 .pageBody  h4 {color: #0B132A; font-size: 20px; line-height: 1.0; text-align: left; font-weight: 600;  margin-bottom: 10px; padding-bottom: 0px;}

main .pageBody p { font-weight: 500; font-size: 24px; color: #252525; line-height: 1.3;  font-weight: 400; margin-bottom: 40px; padding-bottom: 0px;}
.pageBody ul {margin-bottom: -14px; padding-bottom: 0px;  }
.pageBody ul li { background: url('/image/liBlack.png') 0px 10px no-repeat; margin-bottom: 14px; padding-bottom: 0px;  font-size: 24px;  font-weight: 400;  background-size: 4px; line-height: 1.3;}

.pageBody  p.textBig, .pageBody  .iconBox  p.textBig, p.textBig { font-size: 26px; font-weight: 600!important; margin-bottom: 0!important; padding-bottom: 0!important;}

.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { display: inline-block; background: #ffffff; color: #264F79;  border: none; font-weight: 700; color: #264F79; line-height: 1;  }
	.pageBody .link_request_form:hover { background: #EE7838; color: #fff;  border: none; } 		
	
.pageBody .imageHeaderBlock { margin-bottom: 100px; background: linear-gradient(98deg, #264CA8 18.3%, #3EADE9 84.87%);}
	.pageBody .imageHeaderBlock .container { height: 700px; background-image: url(/upload/products/services/email_support/top.png); background-size: auto 100%; background-position: left 100% top; background-repeat: no-repeat; display: flex; align-items: center; }
	.pageBody .imageHeaderBlock .container .container-small { max-width: 100%; width: 100%; padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 { color: #FFFFFF; font-size: 70px; margin-bottom: 32px;}
	.pageBody .imageHeaderBlock p { color: #FFFFFF; font-size: 52px; font-weight: 600; margin-bottom: 52px; width: 80%;}
	
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 32px 36px; border-radius: 52px; font-size: 36px; margin-bottom: 0px;   }
	
.pageBody  .iconBoxBlock { padding: 0px 0px 0px 0px; display: block; width: 100%;}		
.pageBody .col-all { float: none; display: flex;}
	
.pageBody .iconBox { width: 100%; background: #F9F9F9; border-radius: 30px; margin-bottom: 40px; position: relative; padding: 0;  }
.pageBody  .iconBox.bgBlue { background: #DBEEFF; }
.pageBody  .iconBox.bgDarkBlue { background: linear-gradient(96deg, #264CA8 22.39%, #3EADE9 148.58%); }

	.pageBody .iconBox blockquote { padding: 30px; border-radius: 30px; height: 100%;}
	.pageBody .col-tl-12  .iconBox, .pageBody .col-tl-12  .iconBox.bgDarkBlue blockquote, .pageBody .col-tl-12  .iconBox.bgBlue blockquote { padding: 50px; }
	.pageBody .col-tl-12  .iconBox.bgDarkBlue, .pageBody .col-tl-12  .iconBox.bgBlue { padding: 0; }
	.pageBody .iconBox.bgBlue blockquote p { color: #274DA9; text-align: center;}
	.pageBody .iconBox .icon_iconBox { width: 60px; height: auto;   }
	.pageBody .iconBox h3 { text-align: left;  font-size: 24px; margin-bottom: 0; color: #264CA8;  }
	.pageBody .col-tl-12 .iconBox h3 { margin-bottom: 30px;  }
	.pageBody .iconBox h2 { color: #4875A6; font-size: 36px; font-weight: 800; text-align: center; }
	.pageBody .iconBox h4 { height: 45px;}
	.pageBody .iconBox.bgDarkBlue h2 { color: #FFFFFF; font-size: 40px; font-weight: 700; }	
	.pageBody .iconBox.bgDarkBlue h3 {  color: #FFF;  }
	.pageBody .iconBox  p { font-size: 16px; font-weight: 500; padding-bottom: 0px; margin-bottom: 20px; text-align: left; }
	.pageBody .iconBox ul li { font-size: 20px; }
	.pageBody .iconBox.bgDarkBlue  p {   font-size: 20px; color: #FFF; }
	.pageBody .iconBox.bgDarkBlue  h3 { margin-bottom: 0; }
	

	.pageBody  .iconBox.bgGreen blockquote, .pageBody  .iconBox.bgPink blockquote { margin-left: 67px;}	
	.pageBody  .iconBox.bgPink { background-color: #FFF1F1; background-image: url('/upload/products/landings/system_integration/turnkey_office/nope.svg'); background-position: top 36px left 36px; background-repeat: no-repeat; background-size: 40px; }
	.pageBody  .iconBox.bgGreen  { background-color: #EFFCEA; background-image: url('/upload/products/landings/system_integration/turnkey_office/check.svg'); background-position: top 36px left 36px; background-repeat: no-repeat; background-size: 40px;  }
	.pageBody .iconBox.bgPink blockquote h3 { color: #FF4141;   margin-bottom: 0; font-size: 22px; font-weight: 700;}
	.pageBody .iconBox.bgGreen blockquote h3 { color: #3EBA13;   margin-bottom: 0; font-size: 22px; font-weight: 700;}
	
	.pageBody .iconBox.iconNumber { width: calc(100% + 50px); background-color: #FFFFFF; margin-bottom: 0px; height: 160px;  }
	.pageBody .iconBox.iconNumber.iconNumberFour blockquote { width: calc(100% + 100px); }
	.pageBody .iconBox.iconNumber blockquote { height: 160px;  display: flex; align-items: center; padding-left: 160px; padding-top: 30px; padding-bottom: 30px;   }
	.pageBody .iconBox.iconNumber blockquote p { padding-bottom: 0; margin-bottom: 0;  }
	.pageBody .iconBox.iconNumber.iconNumberOne blockquote { padding-left: 100px; }

.pageBody  .iconBox .link_request_form, .pageBody  .iconBox .link_request_form:link, .pageBody  .iconBox a.link_request_form  { width: 100%;  padding: 10px 20px; border-radius: 50px; text-align: center; background: linear-gradient(98deg, #264CA8 18.3%, #3EADE9 115.69%), linear-gradient(98deg, #081531 5.07%, #21446D 72.6%);  font-size: 14px; color: #FFFFFF; margin-bottom: 0px; }
	.pageBody  .iconBox.bgDarkBlue .link_request_form, .pageBody  .iconBox.bgDarkBlue .link_request_form:link, .pageBody  .iconBox.bgDarkBlue a.link_request_form  { background: #FFF;  font-size: 14px; color:#274DA8;}
	.pageBody .iconBox .link_request_form:hover, .pageBody .iconBox.bgDarkBlue .link_request_form:hover { background: #EE7838; color: #fff;  border: none; } 	
	.pageBody .col-tl-12  .iconBox	.link_request_form, .pageBody  .col-tl-12 .iconBox .link_request_form:link, .pageBody  .col-tl-12 .iconBox a.link_request_form    { width: 40%; padding: 20px 20px; font-size: 20px; margin-left: 30%; margin-right: 30%; }
	.pageBody .col-tl-12 .iconBox.bgBlue .link_request_form, .pageBody  .col-tl-12 .iconBox.bgBlue .link_request_form:link, .pageBody  .col-tl-12 .iconBox.bgBlue a.link_request_form { color: #67A4D4; background-color: #FFFFFF; width: 50%; padding: 20px 20px; font-size: 20px; }	
	.pageBody .col-tl-12 .iconBox.bgBlue .link_request_form:hover { background: #EE7838; color: #fff;  border: none; } 		
	
	
.tablePage { width: 100%; border: none; border-spacing: 3px; border-collapse: separate; margin-bottom: 0px; }
	.tablePage thead {  border: none; }
	.tablePage thead th { padding: 22px 40px; background: linear-gradient(96deg, #264CA8 22.39%, #3EADE9 148.58%);  text-align: 700; color: #FFFFFF; font-size: 24px; font-weight: 700; border: none; }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 30px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 30px 0 0;}
	.tablePage tbody td { padding: 22px 40px;  text-align: left; background: #F9F9F9; font-size: 20px;  border: none;}
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 30px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 30px 0;}	
	


@media only screen  and (max-width: 1800px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 90px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 90px;}
	.pageBody .imageHeaderBlock .container { height: 650px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 65px; margin-bottom: 32px;}
	.pageBody .imageHeaderBlock p { font-size: 44px; margin-bottom: 50px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 28px 32px; border-radius: 48px; font-size: 34px;   }
}
@media only screen  and (max-width: 1700px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 80px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 80px;}
	.pageBody .imageHeaderBlock .container { height: 600px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 60px; margin-bottom: 30px;}
	.pageBody .imageHeaderBlock p { font-size: 42px; margin-bottom: 50px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 25px 29px; border-radius: 45px; font-size: 32px;   }
}
@media only screen  and (max-width: 1600px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 80px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 80px;}
	.pageBody .imageHeaderBlock .container { height: 600px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 75px; padding-right: 75px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 55px; margin-bottom: 30px;}
	.pageBody .imageHeaderBlock p { font-size: 40px; margin-bottom: 50px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 25px 29px; border-radius: 45px; font-size: 32px;   }
}
@media only screen  and (max-width: 1500px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 70px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 70px;}
	.pageBody .imageHeaderBlock .container { height: 550px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 65px; padding-right: 65px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 50px; margin-bottom: 30px;}
	.pageBody .imageHeaderBlock p { font-size: 36px; margin-bottom: 44px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 23px 27px; border-radius: 43px; font-size: 29px;   }
}
@media only screen  and (max-width: 1400px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 60px;}
	.pageBody .imageHeaderBlock .container { height: 500px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 68px; padding-right: 68px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 44px; margin-bottom: 26px;}
	.pageBody .imageHeaderBlock p { font-size: 34px; margin-bottom: 40px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 20px 25px; border-radius: 38px; font-size: 27px;   }
}
@media only screen  and (max-width: 1300px) {
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody .imageHeaderBlock { margin-bottom: 60px;}
	.pageBody .imageHeaderBlock .container { height: 450px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left: 10px; padding-right: 10px;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 42px; margin-bottom: 26px;}
	.pageBody .imageHeaderBlock p { font-size: 32px; margin-bottom: 40px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 20px 25px; border-radius: 38px; font-size: 27px;   }
}



/* --- Tablet portrait --- (col-tp) */
@media only screen and (min-width: 992px) and (max-width: 1240px) {
	.pageBody  { padding-bottom: 80px; }
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody h2 {font-size: 32px; margin-bottom: 40px; }
	.pageBody  h3 { font-size: 28px; margin-bottom: 16px; }
	.pageBody  h4 {font-size: 18px;}
	.pageBody  p.textBig, .pageBody  .iconBox  p.textBig, p.textBig{ font-size: 24px;}
	main .pageBody p {  font-size: 20px; margin-bottom: 35px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 8px no-repeat;  font-size: 20px; background-size: 4px;}
	.pageBody .imageHeaderBlock { margin-bottom: 60px;}
	.pageBody .imageHeaderBlock .container { height: 400px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 40px; margin-bottom: 26px;}
	.pageBody .imageHeaderBlock p { font-size: 30px; margin-bottom: 40px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 20px 25px; border-radius: 38px; font-size: 22px;   }
	
	.pageBody .iconBox { border-radius: 26px;  }
	.pageBody .iconBox blockquote { padding: 26px; border-radius: 26px; }
	.pageBody .col-tl-12  .iconBox, .pageBody .col-tl-12  .iconBox.bgDarkBlue blockquote,  .pageBody .col-tl-12  .iconBox.bgBlue blockquote{ padding: 40px; }

	.pageBody .iconBox h3 {  font-size: 22px;}
	.pageBody .col-tl-12  .iconBox h3 {  margin-bottom: 24px; }
	.pageBody .iconBox h2 { font-size: 32px; }
	.pageBody .iconBox.bgDarkBlue h2 {  font-size: 36px; }	
	.pageBody .iconBox  p { font-size: 15px; margin-bottom: 18px; }
	.pageBody .iconBox ul li { font-size: 18px; }
	.pageBody .iconBox.bgBlue.bgBlueFon  p {   font-size: 14px;  }
	.pageBody .iconBox .icon_iconBox { width: 55px; margin-bottom: 0px; height: auto;  }
	
	.pageBody  .iconBox .link_request_form, .pageBody  .iconBox .link_request_form:link, .pageBody  .iconBox a.link_request_form  { padding: 10px 20px; border-radius: 45px;  font-size: 13px;  }
	.pageBody .col-tl-12  .iconBox	.link_request_form, .pageBody  .col-tl-12 .iconBox .link_request_form:link, .pageBody  .col-tl-12 .iconBox a.link_request_form    { padding: 18px 18px; font-size: 18px;}
	.pageBody .col-tl-12 .iconBox.bgBlue .link_request_form, .pageBody  .col-tl-12 .iconBox.bgBlue .link_request_form:link, .pageBody  .col-tl-12 .iconBox.bgBlue a.link_request_form { padding: 18px 18px; font-size: 18px; }	

	
	.pageBody .iconBox.iconNumber { margin-left: 0px; height: 140px;  }
	.pageBody .iconBox.iconNumber blockquote { height: 140px;  padding-left: 140px;   }
	.pageBody .iconBox.iconNumber.iconNumberOne blockquote { padding-left: 100px; }
	
	.tablePage thead th { padding: 20px 35px;  font-size: 20px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 26px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 26px 0 0;}
	.tablePage tbody td { padding: 20px 35px; background: #F9F9F9; font-size: 18px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 26px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 26px 0;}	
	
	.pageBody  .iconBox.bgPink, .pageBody  .iconBox.bgGreen { background-position: top 30px left 30px; background-size: 40px; }
	.pageBody .iconBox.bgPink blockquote h3, .pageBody .iconBox.bgGreen blockquote h3 { font-size: 20px; }

}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {
	.pageBody  { padding-bottom: 60px; padding-top: 57px;}
	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 60px;  }
	.pageBody h2 {font-size: 28px; margin-bottom: 36px; }
	.pageBody  h3 { font-size: 22px; margin-bottom: 16px; }
	.pageBody  h4 {font-size: 12px;}
	.pageBody  p.textBig, .pageBody  .iconBox  p.textBig, p.textBig { font-size: 22px;}
	main .pageBody p {  font-size: 16px; margin-bottom: 24px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 6px no-repeat;  font-size: 20px; background-size: 3px;}
	.pageBody .imageHeaderBlock { margin-bottom: 50px;}
	.pageBody .imageHeaderBlock .container { height: 350px; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 32px; margin-bottom: 20px;}
	.pageBody .imageHeaderBlock p { font-size: 22px; margin-bottom: 30px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 18px 22px; border-radius: 34px; font-size: 20px;   }
	
	.pageBody .iconBox { border-radius: 24px;  }
	.pageBody .iconBox blockquote { padding: 24px; border-radius: 24px; }
	.pageBody .col-tl-12  .iconBox, .pageBody .col-tl-12  .iconBox.bgDarkBlue blockquote,  .pageBody .col-tl-12  .iconBox.bgBlue blockquote { padding: 24px; }
	.pageBody .col-tl-12  .iconBox.bgDarkBlue, .pageBody .col-tl-12  .iconBox.bgBlue { padding: 0; }

	.pageBody .iconBox h3 {  font-size: 18px; }
	.pageBody  .col-tl-12 .iconBox h3 { margin-bottom: 20px; }
	.pageBody .iconBox.bgDarkBlue h2 { font-size: 32px; }
	.pageBody .iconBox.bgBlue h2 {  font-size: 24px; }	
	.pageBody .iconBox h4 { height: 25px;}
	.pageBody .iconBox  p { font-size: 10px; margin-bottom: 18px; }
	.pageBody .iconBox ul li { font-size: 16px; }
	.pageBody .iconBox .icon_iconBox { width: 50px; margin-bottom: 0px; height: auto;  }
	
	.pageBody  .iconBox .link_request_form, .pageBody  .iconBox .link_request_form:link, .pageBody  .iconBox a.link_request_form  { padding: 10px 20px; border-radius: 45px;  font-size: 8px;  }
	.pageBody .col-tl-12  .iconBox	.link_request_form, .pageBody  .col-tl-12 .iconBox .link_request_form:link, .pageBody  .col-tl-12 .iconBox a.link_request_form    { padding: 18px 18px; font-size: 18px; width: 50%; margin-left: 25%; margin-right: 25%; }
	.pageBody .col-tl-12 .iconBox.bgBlue .link_request_form, .pageBody  .col-tl-12 .iconBox.bgBlue .link_request_form:link, .pageBody  .col-tl-12 .iconBox.bgBlue a.link_request_form { padding: 18px 18px; font-size: 18px; width: 70%; }	

	
	.pageBody .iconBox.iconNumber {  width: calc(100% + 50px); height: 120px; margin-bottom: 30px;  }
	.pageBody .iconBox.iconNumber blockquote { height: 120px;  padding-left: 120px;   }
	.pageBody .iconBox.iconNumber.iconNumberOne blockquote { padding-left: 120px; }
	.pageBody .iconBox.iconNumber.iconNumberTwo  blockquote{ width: auto; }
	.pageBody .iconBox.iconNumber.iconNumberFour  blockquote { width: auto; }	

	
	.tablePage thead th { padding: 15px 30px;  font-size: 18px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 24px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 24px 0 0;}
	.tablePage tbody td { padding: 15px 30px; font-size: 15px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 24px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 24px 0;}	
	
	.pageBody  .iconBox.bgPink, .pageBody  .iconBox.bgGreen { background-position: top 26px left 26px; background-size: 40px; }
	.pageBody .iconBox.bgPink blockquote h3, .pageBody .iconBox.bgGreen blockquote h3 { font-size: 16px; }
	
}

/* --- Mobile landscape --- (col-ml) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	.pageBody  { padding-bottom: 0px; padding-top: 57px;}	

	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 50px;  }
	.pageBody h2 {font-size: 20px; margin-bottom: 28px; }
	.pageBody  h3 { font-size: 16px; margin-bottom: 14px; }
	.pageBody  h4 {font-size: 18px;}
	.pageBody  p.textBig, .pageBody  .iconBox  p.textBig, p.textBig{ font-size: 20px;}
	main .pageBody p {  font-size: 16px; margin-bottom: 22px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 6px no-repeat;  font-size: 16px; background-size: 3px;}
	.pageBody .imageHeaderBlock { margin-bottom: 50px;}
	.pageBody .imageHeaderBlock .container { height: 300px;  background-position:  left 125% top; }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 26px; margin-bottom: 16px;}
	.pageBody .imageHeaderBlock p { font-size: 18px; margin-bottom: 20px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 15px 18px; border-radius: 30px; font-size: 20px;   }
	
	.pageBody .iconBox { border-radius: 20px; margin-bottom: 18px;  }
	.pageBody .iconBox blockquote { padding: 24px; border-radius: 24px; }
	.pageBody .iconBox .icon_iconBox { width: 45px; margin-bottom: 0px; height: auto;  }
	.pageBody .col-tl-12  .iconBox, .pageBody .col-tl-12  .iconBox.bgDarkBlue blockquote, .pageBody .col-tl-12  .iconBox.bgBlue blockquote  { padding: 24px 24px 24px 24px; }
	.pageBody .col-tl-12  .iconBox.bgDarkBlue, .pageBody .col-tl-12  .iconBox.bgBlue{ padding: 0 0 0 0; }

	.pageBody .iconBox h3 {  font-size: 18px; }
	.pageBody .col-tl-12   .iconBox h3 { margin-bottom: 18px; }
	.pageBody .iconBox h2 { font-size: 20px; }
	.pageBody .iconBox.bgDarkBlue h2 {  font-size: 22px; }	
	.pageBody .iconBox.bgBlue blockquote { background-image: none; }
	.pageBody .iconBox  p { font-size: 14px; margin-bottom: 14px; }
	.pageBody .iconBox ul li { font-size: 14px; }
	
	.pageBody .iconBox.bgBlue.bgBlueFon blockquote { background: none!important;  padding-right: 16px !important;}
	.pageBody .col-tl-12 .iconBox.bgBlue blockquote {  background: none!important;  }	
	
	.pageBody  .iconBox .link_request_form, .pageBody  .iconBox .link_request_form:link, .pageBody  .iconBox a.link_request_form  { padding: 12px 20px; border-radius: 45px;  font-size: 12px;  }
	.pageBody .col-tl-12  .iconBox	.link_request_form, .pageBody  .col-tl-12 .iconBox .link_request_form:link, .pageBody  .col-tl-12 .iconBox a.link_request_form    { padding: 18px 28px; border-radius: 45px;  font-size: 18px;  width: 80%; margin-left: 10%; margin-right: 10%; }
	.pageBody .col-tl-12 .iconBox.bgBlue .link_request_form, .pageBody  .col-tl-12 .iconBox.bgBlue .link_request_form:link, .pageBody  .col-tl-12 .iconBox.bgBlue a.link_request_form { padding: 18px 28px; border-radius: 45px; font-size: 18px;  display: block; width: calc(100% - 24px ); }	

	
	.pageBody .iconBox.iconNumber {  width: calc(100% + 50px); height: 120px; margin-bottom: 30px;  }
	.pageBody .iconBox.iconNumber blockquote { height: 120px;  padding-left: 120px;   }
	.pageBody .iconBox.iconNumber.iconNumberOne blockquote { padding-left: 120px; }
	.pageBody .iconBox.iconNumber.iconNumberTwo  blockquote{ width: auto; }
	.pageBody .iconBox.iconNumber.iconNumberFour  blockquote { width: auto; }	
	
	.tablePage thead th { padding: 15px 30px;  font-size: 15px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 20px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 20px 0 0;}
	.tablePage tbody td { padding: 15px 30px; font-size: 15px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 20px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 20px 0;}	
	
	.pageBody  .iconBox.bgPink, .pageBody  .iconBox.bgGreen { background-position: top 22px left 22px; background-size: 30px; }
	.pageBody .iconBox.bgPink blockquote h3, .pageBody .iconBox.bgGreen blockquote h3 { font-size: 14px; }
	.pageBody  .iconBox.bgGreen blockquote, .pageBody  .iconBox.bgPink blockquote { margin-left: 47px;}	

}

/* --- Mobile portrait --- (col-mp) */
@media only screen and (min-width: 0px) and (max-width: 480px) {	

	.pageBody  { padding-bottom: 0px; padding-top: 57px;}	

	.pageBody .contentBlock { padding-top: 0px; padding-bottom: 30px;  }
	.pageBody h2 {font-size: 18px; margin-bottom: 20px; }
	.pageBody  h3 { font-size: 18px; margin-bottom: 14px; }
	.pageBody  p.textBig, .pageBody  .iconBox  p.textBig, p.textBig { font-size: 16px;}
	main .pageBody p {  font-size: 14px; margin-bottom: 22px; }
	.pageBody ul li { background: url('/image/liBlack.png') 0px 6px no-repeat;  font-size: 16px; background-size: 3px;}
	.pageBody .imageHeaderBlock { margin-bottom: 40px;}
	.pageBody .imageHeaderBlock .container { height: 250px; background-position:  left 150% top;  }
	.pageBody .imageHeaderBlock .container .container-small { padding-left:0; padding-right: 0;  }
	.pageBody .imageHeaderBlock h1 {  font-size: 20px; margin-bottom: 14px;}
	.pageBody .imageHeaderBlock p { font-size: 14px; margin-bottom: 14px; width: 80%;}
	.pageBody .link_request_form, .pageBody .link_request_form:link, .pageBody a.link_request_form  { padding: 12px 14px; border-radius: 24px; font-size: 16px;   }
	
	.pageBody .iconBox { border-radius: 16px; margin-bottom: 16px;  }
	.pageBody .iconBox blockquote { padding: 16px; border-radius: 16px; }
	.pageBody .iconBox .icon_iconBox { width: 40px; margin-bottom: 0px; height: auto;  }
	.pageBody .col-tl-12  .iconBox, .pageBody .col-tl-12  .iconBox.bgDarkBlue blockquote, .pageBody .col-tl-12  .iconBox.bgBlue blockquote { padding: 24px; }

	.pageBody .iconBox h3 {  font-size: 16px;}
	.pageBody .iconBox .iconBox h3 { margin-bottom: 16px;}
	.pageBody .iconBox h2 { font-size: 16px; }
	.pageBody .iconBox.bgBlue {  padding-top: 0; padding-bottom: 0; }	
	.pageBody .iconBox.bgDarkBlue h2 {  font-size: 20px; }	
	.pageBody .iconBox.bgBlue blockquote { padding-right: 0; background-image: none; }
	.pageBody .iconBox  p { font-size: 14px; margin-bottom: 14px; }
	.pageBody .iconBox ul li { font-size: 14px; }
	.pageBody .iconBox.bgBlueFon p {  font-size: 14px; margin-bottom: 4px; }
	.pageBody .iconBox.bgBlue.bgBlueFon blockquote { background: none!important;  padding-right: 16px !important;}
	
	.pageBody .col-tl-12 .iconBox.bgBlue blockquote { padding-right: 24px !important; background: none!important;  }	
	
	.pageBody  .iconBox .link_request_form, .pageBody  .iconBox .link_request_form:link, .pageBody  .iconBox a.link_request_form  { padding: 18px 28px; border-radius: 40px;  font-size: 16px;  }
	.pageBody .col-tl-12  .iconBox	.link_request_form, .pageBody  .col-tl-12 .iconBox .link_request_form:link, .pageBody  .col-tl-12 .iconBox a.link_request_form    { padding: 18px 28px; border-radius: 40px;  font-size: 16px;  width: 100%; margin-left: 0; margin-right: 0; }
	.pageBody .col-tl-12 .iconBox.bgBlue .link_request_form, .pageBody  .col-tl-12 .iconBox.bgBlue .link_request_form:link, .pageBody  .col-tl-12 .iconBox.bgBlue a.link_request_form { padding: 18px 28px; border-radius: 40px; font-size: 16px;  display: block; width: 100%; }	

	
	.pageBody .iconBox.iconNumber { width: calc(100% + 40px ); height: 90px; margin-bottom: 18px;  }
	.pageBody .iconBox.iconNumber blockquote { height: 90px;  padding-left: 80px;   }
	.pageBody .iconBox.iconNumber blockquote p { font-size: 10px;  }
	.pageBody .iconBox.iconNumber.iconNumberOne blockquote { padding-left: 80px;   }
	.pageBody .iconBox.iconNumber.iconNumberTwo  blockquote{ width: auto; }
	.pageBody .iconBox.iconNumber.iconNumberFour  blockquote { width: auto; }

	
	.tablePage thead th { padding: 10px 20px;  font-size: 14px;  }
	.tablePage thead tr:nth-child(1) th:nth-child(1) {  border-radius: 16px 0 0 0;}
	.tablePage thead tr:nth-child(1) th:last-child {  border-radius: 0 16px 0 0;}
	.tablePage tbody td { padding: 10px 20px; font-size: 12px; }
	.tablePage tbody tr:last-child  td:nth-child(1) {  border-radius: 0 0 0 16px;}	
	.tablePage tbody tr:last-child  td:last-child {  border-radius: 0 0 16px 0;}	
	
	.pageBody  .iconBox.bgPink, .pageBody  .iconBox.bgGreen { background-position: top 16px left 14px; background-size: 26px; }
	.pageBody .iconBox.bgPink blockquote h3, .pageBody .iconBox.bgGreen blockquote h3 { font-size: 12px; }
	.pageBody  .iconBox.bgGreen blockquote, .pageBody  .iconBox.bgPink blockquote { margin-left: 40px;}		
	
}

/*bgGreen*/
.pageBody .iconBox.bgGreen2 {}
.pageBody .iconBox.bgGreen2 blockquote{padding-left:100px; background:#EFFCEA; background: url('bg_05.png') 34px 50% no-repeat;}
.pageBody .iconBox.bgGreen2 h3{color:#3EBA13; font-weight:500; margin-bottom:0; text-align:left;}
.pageBody .iconBox.bgGreen2 h3 span{color:#252525; font-weight:700;}


div.scrollUp {  position: fixed; right: 6%; bottom: 60px; cursor: pointer; display: none; opacity: 0.5; z-index: 10; }
	div.scrollUp:hover {  opacity:1.0 ; }