.article {
  margin-top: 0;
}
.section {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}


.topMainVisual {
  width: 100%;
  background: url("/who/value/img/who-value_main_xl_lg.jpg") no-repeat center;
  position: relative;
}
.topMainVisual .topMainVisualInner {
  width: 70%;
  padding: 80px 0 80px 80px;
  text-align: center;
}
.topMainVisual .topMainVisualInner h1 {
  font-size: 72px;
  font-family: adobe-handwriting-ernie, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.topMainVisual .topMainVisualInner .topLead {
  font-size: 16px;
  line-height: 1.875;
  margin-top: 10px;
}
.topMainVisual .topMainVisualInner .pdfLink {
  display: inline-block;
  margin-top: 30px;
  padding: 5px 25px;
  border-radius: 17px;
  color: #516570;
  background: #ffffff;
  text-decoration: none;
}
.topMainVisual .topMainVisualInner .pdfLink:after {
  content: "";
  width: 15px;
  height: 17px;
  margin-left: 5px;
  background: url("/who/value/img/icDownloadGray.png") no-repeat;
  display: inline-block;
  position: relative;
  top: 2px;
}
.topMainVisual .topMainVisualInner .pdfLink:hover {
  background: #516570;
  color: #ffffff;
}
.topMainVisual .topMainVisualInner .pdfLink:hover:after {
  background: url("/who/value/img/icDownloadWhite.png") no-repeat;
}
@media all and (max-width: 767px) {
  .topMainVisual {
    background: url("/who/value/img/who-value_main_md_sm.jpg") no-repeat top;
    background-size: cover;
  }
  .topMainVisual .topMainVisualInner {
    width: 100%;
    color: #ffffff;
    padding: 300px 15px 40px 15px;
  }
  .topMainVisual .topMainVisualInner h1 {
    font-size: 48px;
  }
  .topMainVisual .topMainVisualInner .pdfLink {
    color: #ffffff;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 40px;
  }
  .topMainVisual .topMainVisualInner .pdfLink:after {
    background: url("/who/value/img/icDownloadWhite.png") no-repeat;
  }
  .topMainVisual .topMainVisualInner .pdfLink:hover {
    color: #516570;
    background: #ffffff;
  }
  .topMainVisual .topMainVisualInner .pdfLink:hover:after {
    background: url("/who/value/img/icDownloadGray.png") no-repeat;
  }
}



.largeContent {
  width: 100%;
  margin-top: 120px;
}
.largeContent .imageCutLeft,
.largeContent .imageCutRight {
  width: 100%;
  max-width: 1140px;
  margin: 120px auto 0;
  position: relative;
}
.largeContent .imageCutLeft a,
.largeContent .imageCutRight a {
  color: #ffffff;
  text-decoration: none;
  display: flex;
}
.largeContent .imageCutRight a {
  flex-direction: row-reverse;
}
.largeContent .imageCutLeft a:hover,
.largeContent .imageCutRight a:hover {
  color: #516570;
  opacity: 0.8;
}
.largeContent .imageCutLeft .photo,
.largeContent .imageCutRight .photo {
  width: 60%;
}
.largeContent .imageCutLeft .photo img,
.largeContent .imageCutRight .photo img {
  width: 100%;
  border-radius: 10px;
}
.largeContent .imageCutLeft .text,
.largeContent .imageCutRight .text {
  width: 40%;
}
.largeContent .imageCutLeft .text::after {
  content: "";
  width: 100vw;
  height: 114%;
  display: block;
  border-radius: 10px;
  position: absolute;
  top: -7%;
  left: 50%;
  z-index: -1;
}
.largeContent .imageCutRight .text::after {
  content: "";
  width: 100vw;
  height: 114%;
  display: block;
  border-radius: 10px;
  position: absolute;
  top: -7%;
  right: 50%;
  z-index: -1;
}
.largeContent .imageCutLeft .bgCol01::after,
.largeContent .imageCutRight .bgCol01::after {
  background-image: -moz-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
}
.largeContent .imageCutLeft a:hover .bgCol01::after,
.largeContent .imageCutRight a:hover .bgCol01::after {
  background-image: -moz-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
}
.largeContent .imageCutLeft .bgCol02::after,
.largeContent .imageCutRight .bgCol02::after {
  background-image: -moz-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
}
.largeContent .imageCutLeft a:hover .bgCol02::after,
.largeContent .imageCutRight a:hover .bgCol02::after {
  background-image: -moz-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgb(0,101,189,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgb(0,101,189,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgb(0,101,189,0.4) 100%);
}
.largeContent .imageCutLeft .bgCol03::after,
.largeContent .imageCutRight .bgCol03::after {
  background-image: -moz-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
  background-image: -ms-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
}
.largeContent .imageCutLeft a:hover .bgCol03::after,
.largeContent .imageCutRight a:hover .bgCol03::after {
  background-image: -moz-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
  background-image: -ms-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
}
.largeContent .imageCutLeft .bgCol04::after,
.largeContent .imageCutRight .bgCol04::after {
  background-image: -moz-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
}
.largeContent .imageCutLeft a:hover .bgCol04::after,
.largeContent .imageCutRight a:hover .bgCol04::after {
  background-image: -moz-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
}
.largeContent .imageCutLeft .bgCol05::after,
.largeContent .imageCutRight .bgCol05::after {
  background-image: -moz-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
}
.largeContent .imageCutLeft a:hover .bgCol05::after,
.largeContent .imageCutRight a:hover .bgCol05::after {
  background-image: -moz-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
}
.largeContent .imageCutLeft .text .textInner {
  max-width: 466px;
  margin: 0 auto;
  padding: 30px 0 30px 30px;
}
.largeContent .imageCutRight .text .textInner {
  max-width: 466px;
  margin: 0 auto;
  padding: 30px 30px 30px 0;
}
.largeContent .imageCutLeft .text .textInner .textHead,
.largeContent .imageCutRight .text .textInner .textHead {
  display: flex;
  flex-direction: row-reverse;
}
.largeContent .imageCutLeft .text .textInner .textHead .categoryBox,
.largeContent .imageCutRight .text .textInner .textHead .categoryBox {
  width: 65%;
}
.largeContent .imageCutLeft .text .textInner .textHead .categoryBox .category,
.largeContent .imageCutRight .text .textInner .textHead .categoryBox .category {  
  font-size: 18px;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
}
.largeContent .imageCutLeft a:hover .text .textInner .textHead .categoryBox .category,
.largeContent .imageCutRight a:hover .text .textInner .textHead .categoryBox .category {
  border-bottom: 1px solid #516570;
}
.largeContent .imageCutLeft .text .textInner .textHead .dataBox,
.largeContent .imageCutRight .text .textInner .textHead .dataBox {
  width: 35%;
  text-align: right;
}
.largeContent .imageCutLeft .text .textInner .title,
.largeContent .imageCutRight .text .textInner .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.533;
  margin-top: 40px;
}
.largeContent .imageCutLeft .text .textInner .lead,
.largeContent .imageCutRight .text .textInner .lead {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  line-height: 1.75;
  margin-top: 20px;
}
.largeContent .imageCutLeft .text .textInner .tag,
.largeContent .imageCutRight .text .textInner .tag {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.largeContent .imageCutLeft .text .textInner .tag li,
.largeContent .imageCutRight .text .textInner .tag li {
  margin-top: 10px;
  margin-right: 10px;
}
.largeContent .imageCutLeft .text .textInner .tag a,
.largeContent .imageCutRight .text .textInner .tag a {
  color: #516570;
  background: #ffffff;
  border-radius: 13px;
  font-size: 12px;
  padding: 2px 20px;
}
.largeContent .imageCutLeft .text .textInner .tag a:hover,
.largeContent .imageCutRight .text .textInner .tag a:hover {
  color: #ffffff;
  background: #516570;
  opacity: 1;
}
@media all and (max-width: 1199px) {
  .largeContent .imageCutLeft .photo {
    margin-left: 15px;
  }
  .largeContent .imageCutRight .photo {
    margin-right: 15px;
  }
  .largeContent .imageCutLeft .text,
  .largeContent .imageCutRight .text {
    width: 50%;
  }
  .largeContent .imageCutLeft .text .textInner,
  .largeContent .imageCutRight .text .textInner {
    padding: 30px;
  }
  .largeContent .imageCutLeft .text .textInner .textHead,
  .largeContent .imageCutRight .text .textInner .textHead {
    display: block;
  }
  .largeContent .imageCutLeft .text .textInner .textHead .categoryBox,
  .largeContent .imageCutRight .text .textInner .textHead .categoryBox {
    width: 100%;
    margin-top: 10px;
  }
  .largeContent .imageCutLeft .text .textInner .textHead .categoryBox .category,
  .largeContent .imageCutRight .text .textInner .textHead .categoryBox .category {  
    font-size: 16px;
  }
  .largeContent .imageCutLeft .text .textInner .textHead .dataBox,
  .largeContent .imageCutRight .text .textInner .textHead .dataBox {
    width: 100%;
  }
  .largeContent .imageCutLeft .text .textInner .title,
  .largeContent .imageCutRight .text .textInner .title {
    font-size: 22px;
    margin-top: 20px;
  }
  .largeContent .imageCutLeft .text .textInner .tag,
  .largeContent .imageCutRight .text .textInner .tag {
    margin-top: 20px;
  }
}
@media all and (max-width: 767px) {
  .largeContent {
    margin-top: 80px;
  }
  .largeContent .imageCutLeft,
  .largeContent .imageCutRight {
    margin-top: 50px;
  }
  .largeContent .imageCutLeft a,
  .largeContent .imageCutRight a {
    display: block;
  }
  .largeContent .imageCutLeft .photo,
  .largeContent .imageCutRight .photo {
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
  }
  .largeContent .imageCutLeft .photo img,
  .largeContent .imageCutRight .photo img {
    border-radius: 10px 10px 0 0;
  }
  .largeContent .imageCutLeft .text,
  .largeContent .imageCutRight .text {
    width: 90%;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
  }
  .largeContent .imageCutLeft .text .textInner,
  .largeContent .imageCutRight .text .textInner {
    max-width: 100%;
  }
  .largeContent .imageCutLeft .text::after,
  .largeContent .imageCutRight .text::after {
    display: none;
  }
  .largeContent .imageCutLeft .bgCol01,
  .largeContent .imageCutRight .bgCol01 {
    background-image: -moz-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
  }
  .largeContent .imageCutLeft a:hover .bgCol01,
  .largeContent .imageCutRight a:hover .bgCol01 {
    background-image: -moz-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
  }
  .largeContent .imageCutLeft .bgCol02,
  .largeContent .imageCutRight .bgCol02 {
    background-image: -moz-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
  }
  .largeContent .imageCutLeft a:hover .bgCol02,
  .largeContent .imageCutRight a:hover .bgCol02 {
    background-image: -moz-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgba(0,101,189,0.4) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgba(0,101,189,0.4) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgba(0,101,189,0.4) 100%);
  }
  .largeContent .imageCutLeft .bgCol03,
  .largeContent .imageCutRight .bgCol03 {
    background-image: -moz-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
  }
  .largeContent .imageCutLeft a:hover .bgCol03,
  .largeContent .imageCutRight a:hover .bgCol03 {
    background-image: -moz-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
    background-image: -ms-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
  }
  .largeContent .imageCutLeft .bgCol04,
  .largeContent .imageCutRight .bgCol04 {
    background-image: -moz-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
  }
  .largeContent .imageCutLeft a:hover .bgCol04,
  .largeContent .imageCutRight a:hover .bgCol04 {
    background-image: -moz-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
  }
  .largeContent .imageCutLeft .bgCol05,
  .largeContent .imageCutRight .bgCol05 {
    background-image: -moz-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
  }
  .largeContent .imageCutLeft a:hover .bgCol05,
  .largeContent .imageCutRight a:hover .bgCol05 {
    background-image: -moz-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
  }
}
@media all and (-ms-high-contrast: none) {
  .largeContent .imageCutLeft .text .textInner .lead,
  .largeContent .imageCutRight .text .textInner .lead {
    max-height: calc(1.75em * 3);
  }
}




.sectionContent {
  width: 100%;
  margin-top: 140px;
  padding: 110px 15px;
  background: url("/who/value/img/who-value_bg_mp_xl_lg.jpg") no-repeat center;
}
.sectionContent a {
  display: block;
  text-decoration: none;
}
.sectionContent a:hover {
  opacity: 0.8;
}
.sectionContent .sectionContentInner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 50px;
  background: #ffffff;
  opacity: 0.9;
  display: flex;
}
.sectionContent .sectionContentInner .photo {
  width: 55%;
  max-width: 580px;
  margin-right: 60px;
}
.sectionContent .sectionContentInner .text {
  width: 45%;
}
.sectionContent .sectionContentInner .text .title {
  font-size: 32px;
  font-weight: bold;
  color: #0065bd;
  line-height: 1.5;
}
.sectionContent .sectionContentInner .text .lead {
  font-size: 18px;
  color: #526570;
  line-height: 1.5;
  margin-top: 20px;
}
.sectionContent .sectionContentInner .text .tag {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.sectionContent .sectionContentInner .text .tag li {
  margin: 10px 10px 0 0;
}
.sectionContent .sectionContentInner .text .tag a {
  color: #516570;
  font-size: 12px;
  border: 1px solid #516570;
  border-radius: 13px;
  padding: 2px 20px;
}
.sectionContent .sectionContentInner .text .tag a:hover {
  color: #ffffff;
  background: #516570;
  opacity: 1;
}
@media all and (max-width: 1199px) {
  .sectionContent {
    padding: 60px 30px;
  }
  .sectionContent .sectionContentInner {
    padding: 30px;
  }
  .sectionContent .sectionContentInner .photo {
    margin-right: 30px;
  }
  .sectionContent .sectionContentInner .text .title {
    font-size: 28px;
  }
  .sectionContent .sectionContentInner .text .lead {
    font-size: 16px;
  }
  .sectionContent .sectionContentInner .text .tag {
    margin-top: 20px;
  }
}
@media all and (max-width: 767px) {
  .sectionContent {
    margin-top: 80px;
    padding: 60px 0;
    background: url("/who/value/img/who-value_bg_mp_md_sm.jpg") no-repeat center;
    background-size: cover;
  }
  .sectionContent .sectionContentInner {
    display: block;
    padding: 0;
    background: none;
  }
  .sectionContent .sectionContentInner .photo {
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
  }
  .sectionContent .sectionContentInner .text {
    width: 90%;
    margin: 0 auto;
    padding: 50px 30px;
    background: #ffffff;
    opacity: 0.9;
  }
}




.smallContent {
  width: 100%;
  max-width: 1140px;
  margin: 120px auto 0;
  position: relative;
  z-index: 1;
}
.smallContent .col2Type01Wrap {
  margin-top: 80px;
  display: flex;
}
.smallContent .colCL2Type01 {
  width: 50%;
  margin-right: 60px;
}
.smallContent .colCR2Type01 {
  width: 50%;
}
.smallContent .colCL2Type01 a,
.smallContent .colCR2Type01 a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
.smallContent .colCL2Type01 a:hover,
.smallContent .colCR2Type01 a:hover {
  color: #516570;
  opacity: 0.8;
}
.smallContent .colCL2Type01 .photo,
.smallContent .colCR2Type01 .photo {
  max-width: 508px;
}
.smallContent .colCL2Type01 .photo img,
.smallContent .colCR2Type01 .photo img {
  border-radius: 10px;
}
.smallContent .colCL2Type01 .text, 
.smallContent .colCR2Type01 .text {
  max-width: 518px;
  padding: 80px 44px 44px;
  margin: -46px -24px 0 24px;
  border-radius: 10px;
}
.smallContent .colCL2Type01 .text .textHead,
.smallContent .colCR2Type01 .text .textHead {
  display: flex;
  flex-direction: row-reverse;
}
.smallContent .colCL2Type01 .text .textHead .categoryBox,
.smallContent .colCR2Type01 .text .textHead .categoryBox {
  width: 65%;
}
.smallContent .colCL2Type01 .text .textHead .categoryBox .category,
.smallContent .colCR2Type01 .text .textHead .categoryBox .category {  
  font-size: 18px;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
}
.smallContent .colCL2Type01 a:hover .text .textHead .categoryBox .category,
.smallContent .colCR2Type01 a:hover .text .textHead .categoryBox .category {
  border-bottom: 1px solid #516570;
}
.smallContent .colCL2Type01 .text .textHead .dataBox, 
.smallContent .colCR2Type01 .text .textHead .dataBox {
  width: 35%;
  text-align: right;
}
.smallContent .colCL2Type01 .text .title,
.smallContent .colCR2Type01 .text .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.455;
  margin-top: 20px;
}
.smallContent .colCL2Type01 .text .lead,
.smallContent .colCR2Type01 .text .lead {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  line-height: 1.75;
  margin-top: 20px;
}
.smallContent .colCL2Type01 .text .tag,
.smallContent .colCR2Type01 .text .tag {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.smallContent .colCL2Type01 .text .tag li,
.smallContent .colCR2Type01 .text .tag li {
  margin-top: 10px;
  margin-right: 10px;
}
.smallContent .colCL2Type01 .text .tag a,
.smallContent .colCR2Type01 .text .tag a {
  color: #516570;
  background: #ffffff;
  border-radius: 13px;
  font-size: 12px;
  padding: 2px 20px;
}
.smallContent .colCL2Type01 .text .tag a:hover,
.smallContent .colCR2Type01 .text .tag a:hover {
  color: #ffffff;
  background: #516570;
  opacity: 1;
}
.smallContent .colCL2Type01 .bgCol01,
.smallContent .colCR2Type01 .bgCol01 {
  background-image: -moz-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(162,124,199) 0%, rgb(137,113,206) 100%);
}
.smallContent .colCL2Type01 a:hover .bgCol01,
.smallContent .colCR2Type01 a:hover .bgCol01 {
  background-image: -moz-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(162,124,199,0.4) 0%, rgba(137,113,206,0.4) 100%);
}
.smallContent .colCL2Type01 .bgCol02,
.smallContent .colCR2Type01 .bgCol02 {
  background-image: -moz-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(14,139,209) 0%, rgb(0,101,189) 100%);
}
.smallContent .colCL2Type01 a:hover .bgCol02,
.smallContent .colCR2Type01 a:hover .bgCol02 {
  background-image: -moz-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgba(0,101,189,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgba(0,101,189,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(14,139,209,0.4) 0%, rgba(0,101,189,0.4) 100%);
}
.smallContent .colCL2Type01 .bgCol03,
.smallContent .colCR2Type01 .bgCol03 {
  background-image: -moz-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
  background-image: -ms-linear-gradient( 90deg, rgb(250,157,185) 1%, rgb(249,133,165) 99%);
}
.smallContent .colCL2Type01 a:hover .bgCol03,
.smallContent .colCR2Type01 a:hover .bgCol03 {
  background-image: -moz-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
  background-image: -ms-linear-gradient( 90deg, rgba(250,157,185,0.4) 1%, rgba(249,133,165,0.4) 99%);
}
.smallContent .colCL2Type01 .bgCol04,
.smallContent .colCR2Type01 .bgCol04 {
  background-image: -moz-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(74,197,171) 0%, rgb(61,197,143) 100%);
}
.smallContent .colCL2Type01 a:hover .bgCol04,
.smallContent .colCR2Type01 a:hover .bgCol04 {
  background-image: -moz-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(74,197,171,0.4) 0%, rgba(61,197,143,0.4) 100%);
}
.smallContent .colCL2Type01 .bgCol05,
.smallContent .colCR2Type01 .bgCol05 {
  background-image: -moz-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(251,172,49) 0%, rgb(251,141,34) 100%);
}
.smallContent .colCL2Type01 a:hover .bgCol05,
.smallContent .colCR2Type01 a:hover .bgCol05 {
  background-image: -moz-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(251,172,49,0.4) 0%, rgba(251,141,34,0.4) 100%);
}
@media all and (max-width: 1199px) {
  .smallContent {
    padding: 0 39px 0 15px;
  }
  .smallContent .colCL2Type01 .text .textHead,
  .smallContent .colCR2Type01 .text .textHead {
    display: block;
  }
  .smallContent .colCL2Type01 .text .textHead .categoryBox,
  .smallContent .colCR2Type01 .text .textHead .categoryBox {
    width: 100%;
    margin-top: 5px;
  }
  .smallContent .colCL2Type01 .text .textHead .categoryBox .category,
  .smallContent .colCR2Type01 .text .textHead .categoryBox .category {  
    font-size: 16px;
  }
  .smallContent .colCL2Type01 .text .textHead .dataBox, 
  .smallContent .colCR2Type01 .text .textHead .dataBox {
    width: 100%;
  }
  .smallContent .colCL2Type01 .text .title,
  .smallContent .colCR2Type01 .text .title {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media all and (max-width: 767px) {
  .smallContent {
    margin-top: 80px;
    padding: 0;
  }
  .smallContent .col2Type01Wrap {
    display: block;
    margin-top: 0;
  }
  .smallContent .colCL2Type01,
  .smallContent .colCR2Type01 {
    width: 90%;
    margin: 40px auto 0;
  }
  .smallContent .colCL2Type01 .photo,
  .smallContent .colCR2Type01 .photo {
    max-width: 100%;
  }
  .smallContent .colCL2Type01 .photo img,
  .smallContent .colCR2Type01 .photo img {
    border-radius: 10px 10px 0 0;
  }
  .smallContent .colCL2Type01 .text, 
  .smallContent .colCR2Type01 .text {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 30px;
    border-radius: 0 0 10px 10px;
  }
  .smallContent .colCL2Type01 .text .lead,
  .smallContent .colCR2Type01 .text .lead {
    display: none;
  }
}
@media all and (-ms-high-contrast: none) {
  .smallContent .colCL2Type01 .text .lead,
  .smallContent .colCR2Type01 .text .lead {
    max-height: calc(1.75em * 3);
  }
}




.tagArea {
  margin-top: -90px;
  padding: 200px 30px 120px;
  background: #f3f5fa;
}
.tagArea .tagAreaInner {
  max-width: 1140px;
  margin: 0 auto;
}
.tagArea .tagAreaInner .btn {
  display: block;
  width: 335px;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.474;
  color: #ffffff;
  background: #0065bd;
  text-align: center;
  text-decoration: none;
  padding: 25px 0;
  margin: 0 auto;
  position: relative;
}
.tagArea .tagAreaInner .btn:hover {
  background: #0E8BD1;
}
.tagArea .tagAreaInner .tag {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
}
.tagArea .tagAreaInner .tag li {
  margin-top: 20px;
  margin-right: 20px;
}
.tagArea .tagAreaInner .tag a {
  color: #516570;
  background: #ffffff;
  border-radius: 13px;
  font-size: 12px;
  padding: 5px 20px;
  text-decoration: none;
}
.tagArea .tagAreaInner .tag a:hover {
  color: #ffffff;
  background: #516570;
}
@media all and (max-width: 767px) {
  .tagArea {
    padding: 140px 30px 80px;
  }
  .tagArea .tagAreaInner .btn {
    font-size: 16px;
    line-height: 1.556;
  }
  .tagArea .tagAreaInner .tag {
    margin-top: 50px;
  }
}

#footer {
  margin-top: 0;
}


.forPcBlock {
  display: block;
}
.forSpBlock {
  display: none;
}
@media all and (max-width: 767px) {
  .forPcBlock {
    display: none;
  }
  .forSpBlock {
    display: block;
  }
}