@charset "UTF-8";
/*------------------------------------------------------------------------------

  Common

------------------------------------------------------------------------------*/

/* Header
------------------------------------------------------------------------------*/

/* PC */
.header_menu .header_nav-lwItem,
.header_menu .header_nav-lwItemLink,
.header_menu .header_nav-lwItemButton {
  margin-left: 25px;
}
@media print, screen and (max-width: 1200px) {
  .header_menu .header_nav-lwItem,
  .header_menu .header_nav-lwItemLink,
  .header_menu .header_nav-lwItemButton {
    margin-left: 11px;
  }
}
.header_menu .header_nav-lwItem.menu__single > a {
  /*pointer-events: none;*/
  cursor: default;
}
.header_menu .header_nav-lwItemButton + .header_nav-lwItemButton {
  margin-left: 10px;
}
.header_menu .header_nav-lwItemButton .mod-button {
  margin: 0;
}
.header_menu .header_nav-lwItemButton .mod-button p {
  min-width: 140px;
  height: 58px;
}
.header_menu .header_nav-lwItemButton .mod-button a {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 19px 35px 19px 15px;
  height: 100%;
}
.header_menu .header_nav-lwItemButton.nav_contact .mod-button a {
  background-color: #FF9300;
}
.header_menu .header_nav-lwItemButton.nav_contact .mod-button a:hover {
  background-color: #D87C00;
}
.header_menu .header_nav-lwItemButton.nav_document .mod-button a {
  background-color: #E23F21;
}
.header_menu .header_nav-lwItemButton.nav_document .mod-button a:hover {
  background-color: #B9341B;
}
.header_menu .header_nav-lwItemButton .mod-button a.mod-button-pdf::after {
  top: calc(50% - 0px);
}
.header_menu .header_nav-lwItem.no_drop .header_nav-lwLink {
  padding-right: 0;
}
.header_menu .header_nav-lwItem.no_drop .header_nav-lwLink::after {
  content: none;
}
@media only screen and (max-width: 767px) {
  .header_menu .header_nav-lwItemButton.nav_contact,
  .header_menu .header_nav-lwItemButton.nav_mail,
  .header_menu .header_nav-lwItemButton.nav_document {
    display: none;
  }
}
.header_menu .header_drop-ttl01 > span {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  color: #fff;
  display: inline-block;
}
.header_menu .header_nav-lwItem.nav_case .header_drop-list {
  width: 230px;
}
.header_menu .header_nav-lwItem.nav_solution .header_drop-list-image {
  height: auto;
}

/* SP */
@media only screen and (max-width: 767px) {
  .header_menu .sp_header_nav-lwItemLink.nav-blank.nav-pdf .sp_header_nav-lwLink span::after {
    background: url("/common/img/icon_pdf_w.svg") center center/contain no-repeat;
    width: 14px;
    height: 16px;
    top: calc(50% - 0px);
    right: -22px;
  }
  .header_menu .sp_header_nav-close {
    margin-left: auto;
  }
  .header_menu .sp_header_nav-otherLink span {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .header_menu .sp_header_drop-ttl01 > span {
    font-size: 19px;
    font-size: 1.9rem;
    color: #fff;
    font-weight: bold;
  }
}

/* PC (dropdown) */
.menu__single {
  position: relative;
}
.menu__single .menu__second-level {
  position: absolute;
  top: 29px;
  width: 200%;
  max-width: 205px;
  background-color: transparent;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  visibility: hidden;
  opacity: 0;
}
/*.menu__single:hover > .menu__second-level {*/
.menu__single > .active ~ .menu__second-level {
  top: 39px;
  visibility: visible;
  opacity: 1;
}
.menu__single .menu__second-level li + li {
  margin-top: 1px;
}
.menu__single .menu__second-level li a {
  display: block;
  position: relative;
  width: 100%;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #00787E;
  padding: 9px 15px 9px 29px;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.menu__single .menu__second-level li a:hover {
  background-color: rgba(0,120,126,.7);
}
.menu__single .menu__second-level li a::before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  top: calc(50% + 0px);
  left: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

/*------------------------------------------------------------------------------

  Index (index.css)

------------------------------------------------------------------------------*/
.top_mainvisual .mainvisual_case {
  background: rgba(255, 255, 255, .9);
  width: 100%;
}
@media print, screen and (min-width: 1300px) {
  .top_mainvisual .mainvisual_copy {
    top: 21%;
    left: 80px;
  }
}
@media print, screen and (min-width: 768px) {
  .top_mainvisual .mainvisual_copy {
    top: 21%;
    left: 80px;
  }
  .top_mainvisual .mainvisual_case {
    top: 50%;
	transform: translateY(-50%);
    left: 80px;
	max-width: 540px;
	padding: 0 40px 50px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_copy {
    top: 17%;
    left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
  }
  .top_mainvisual .mainvisual_case {
    top: 50%;
	transform: translateY(-50%);
    left: 0;
	box-sizing:border-box;
	padding: 0 10px 46px 10px;
  }
}

.top_mainvisual .mainvisual_case .category {
  font-size: 25px;
  font-size: 2.5rem;
  color: #222222;
  font-weight: bold;
  position: relative;
  padding-left: 40px;
  line-height: 1.3;
  margin-top: -16px;
  text-shadow: 0 0 10px rgba(255, 255, 255, .5);
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_case .category {
    font-size: 17px;
	font-size: 1.7rem;
	padding-left: 28px;
	margin-top: -11px;
  }
}
.top_mainvisual .mainvisual_case .category::before {
  content: '';
  position: absolute;
  display: block;
  background: url("/common/img/icon_h2.svg") center center/contain no-repeat;
  top: -2px;
  left: 0;
  width: 34px;
  height: 37px;
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_case .category::before {
    width: 24px;
	height: 26px;
  }
}

.top_mainvisual .mainvisual_case .corpbox {
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.top_mainvisual .mainvisual_case .corp {
  font-size: 16px;
  font-size: 1.6rem;
  color: #222222;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_case .corp {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .top_mainvisual .mainvisual_case .corp > span {
    display: none;
  }
}

.top_mainvisual .mainvisual_case h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #015B60;
  margin-top: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_case h2 {
    font-size: 18px;
	font-size: 1.8rem;
  }
}
.top_mainvisual .mainvisual_case h2 > span {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  margin-bottom: 12px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_case h2 > span {
    display: none;
  }
}
@media print, screen and (min-width: 1025px) and (max-width: 1900px) {
  .top_mainvisual .mainvisual_copy .mainvisual_copy-btn,
  .top_mainvisual .mainvisual_case .mainvisual_copy-btn {
    margin-top: 3.57vw;
  }
}
@media print, screen and (min-width: 768px) {
  .top_mainvisual .mainvisual_copy h2 {
    letter-spacing: 1rem;
  }
  .top_mainvisual .mainvisual_copy .mainvisual_copy-btn {
    margin-top: 27px;
  }
  .top_mainvisual .mainvisual_case .mainvisual_copy-btn {
    margin-top: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .top_mainvisual .mainvisual_copy h2 {
    line-height: 1.4;
  }
  .top_mainvisual .mainvisual_copy .mainvisual_copy-btn {
    position: absolute;
	bottom: 37px;
	left: 50%;
	transform: translateX(-50%);
  }
  .top_mainvisual .mainvisual_case .mainvisual_copy-btn {
    margin-top: 25px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
  }
}

@media print, screen and (min-width: 768px) {
  .top_mainvisual .swiper-slide > a img {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .top_mainvisual .swiper-slide > a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.top_mainvisual .swiper-btn-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  border: 3px solid #FF9300;
}
.top_mainvisual .swiper-btn-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FF9300;
}

/*------------------------------------------------------------------------------

  Module (modules.css)

------------------------------------------------------------------------------*/

/* Reset
------------------------------------------------------------------------------*/
.under .main {
  margin: 0;
}
.mod-h1,
.mod-h2,
.mod-h3,
.mod-h4,
.mod-h5,
.mod-text-default,
.mod-text-small {
  margin: 0;
}

/* Container
------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .under_container.col-1 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .under_container.col-1 {
    margin-bottom: 80px;
  }
}
@media print, screen and (min-width: 768px) {
  .under_container.col-2 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .under_container.col-2 {
    margin-bottom: 60px;
  }
}

/* Container (main)
------------------------------------------------------------------------------*/
.under_container.col-1 .under_main {
  margin-bottom: 0;
}

/* Container (side)
------------------------------------------------------------------------------*/
/*
@media only screen and (max-width: 767px) {
  .under_container.col-2 .under_main + .under_side {
    margin-top: 50px;
  }
  .under_container.col-2 .under_side {
    background-color: transparent;
    padding: 0 10px;
  }
  .under_container.col-2 .under_side > ul {
    background-color: transparent;
    padding: 0;
  }
}
.under_container.col-2 .under_side-mainTitle {
  border-top: 1px solid #00787e;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}
.under_container.col-2 .under_side-mainTitle > p {
  color: #222;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 0;
  padding: 30px 0;
}
.under_container.col-2 .under_side-subTitle {
  border-bottom: 1px solid #e0e0e0;
  padding: 4px 0;
}
*/

/* Heading
------------------------------------------------------------------------------*/
.mod-h1.mod-h1_center {
  text-align: center;
}
.mod-h1.mod-h1_center > * {
  display: inline-block;
}
.mod-h1.mod-h1_shift-up {
  position: absolute;
  top: -29px;
  left: 0;
  width: 100%;
}
.mod-h1.mod-h1_z-index_10 {
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .mod-h1.mod-h1_shift-up {
    top: -16px;
  }
}

* + .mod-h2 {
  margin-top: 60px;
}

* + .mod-h4 {
  margin-top: 40px;
}

* + .mod-h5 {
  margin-top: 30px;
}

/* Text
------------------------------------------------------------------------------*/
* + .mod-text-default {
  margin-top: 30px;
}
.mod-h2 + .mod-text-default {
  margin-top: 40px;
}
.mod-text-small + .mod-text-default,
.mod-text-default + .mod-text-default {
  margin-top: 20px;
}
* + .mod-text-small {
  margin-top: 20px;
}
.mod-text-small.text_indent {
	text-indent: -1em;
	padding-left: 1em;
}

/* List
------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .mod-list-3col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mod-list-3col > * + * {
    margin-left: 30px;
  }
}
@media print, screen and (max-width: 769px) {
  .mod-list-3col > * + * {
    margin-top: 15px;
  }
}

/* Image
------------------------------------------------------------------------------*/
* + .mod-image-2col {
  margin-top: 40px;
}
@media print, screen and (min-width: 768px) {
  .mod-image-2col li {
    width: calc(50% - 15px);
  }
}
@media print, screen and (min-width: 768px) {
  .mod-image-2col li + li {
    margin-left: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod-image-2col li figure img {
    max-width: 100%;
  }
}

* + .mod-imageText_wrapper {
  margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
  .mod-imageText-contents + .mod-imageText-image {
    margin-left: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod-imageText-contents > * + p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mod-imageText-contents > * + p {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mod-imageText-contents + .mod-imageText-image {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod-imageText-image.col-2 {
    display: flex;
  }
}
@media print, screen and (min-width: 768px) {
  .mod-imageText-image figure + figure {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mod-imageText-image figure + figure {
    margin-top: 20px;
  }
}

* + .mod-imageText-strong {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  * + .mod-imageText-strong {
    margin-top: 40px;
  }
}
.mod-imageText-strong_inner {
  background-color: #E6F2F3;
}
@media only screen and (max-width: 767px) {
  .mod-imageText-strong_inner {
    padding: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod-imageText-strong-text .mod-text-default {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .mod-imageText-strong-text .mod-text-default {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.mod-image-variation-default figure > a {
	display: block;
}
.mod-image-variation-default figure > a .image-wrapper {
	overflow: hidden;
}
.mod-image-variation-default figure > a .image-wrapper img {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .mod-image-variation-default figure > a:hover .image-wrapper img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.mod-image-variation-default figure > a .image-caption {
  color: #00787e;
  margin-top: 12px;
  line-height: 1.3;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .mod-image-variation-default figure > a .image-caption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .mod-image-variation-default figure > a .image-caption {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .mod-image-variation-default figure > a:hover .image-caption {
    color: #0095a8;
    text-decoration: underline;
  }
}
.mod-image-variation-default figure > a .image-caption.icon_blank::after {
  margin-left: 4px;
  top: auto;
}

/* Text Link
------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .mod-textLink {
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .mod-textLink {
    margin: 15px 0 0;
  }
}

/* Button
------------------------------------------------------------------------------*/
.mod-button.mod-button-green a {
  background-color: #00787E;
}
@media print, screen and (min-width: 768px) {
  .mod-button.mod-button-green a:hover {
    background-color: #00565b;
  }
}

.mod-button.mod-button-orange a {
  background-color: #FF9300;
}
@media print, screen and (min-width: 768px) {
  .mod-button.mod-button-orange a:hover {
    background-color: #D87C00;
  }
}

.mod-button.mod-button-red a {
  background-color: #E23F21;
}
@media print, screen and (min-width: 768px) {
  .mod-button.mod-button-red a:hover {
    background-color: #B9341B;
  }
}

/*------------------------------------------------------------------------------

  Module (base.css)

------------------------------------------------------------------------------*/

/* Page Top
------------------------------------------------------------------------------*/
.mod_pagetop {
  display: none;
  position: fixed;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .mod_pagetop {
    right: 20px;
    bottom: 96px;
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_pagetop {
    right: 10px;
    bottom: 163px;
    width: 40px;
    height: 40px;
  }
}
.mod_pagetop > a {
  background-color: #5cb531;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
@media only screen and (max-width: 767px) {
  .mod_pagetop > a {
    background-color: #5cb531;
  }
}
.mod_pagetop > a span {
  position: absolute;
  top: calc(50% + 3px);
  left: 50%;
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (max-width: 767px) {
  .mod_pagetop > a span {
    top: calc(50% + 2px);
    width: 10px;
    height: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod_pagetop > a:hover {
    background-color: #439836;
  }
}

/* Section
------------------------------------------------------------------------------*/
.mod_section1 {
  position: relative;
  padding: 70px 0;
}
@media print, screen and (min-width: 768px) {
  .mod_section1 {
    min-width: 1100px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_section1 {
    padding: 60px 0;
  }
}

.mod_section2 {
  position: relative;
  padding: 100px 0 70px;
}
@media print, screen and (min-width: 768px) {
  .mod_section2 {
    min-width: 1100px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_section2 {
    padding: 75px 0 60px;
  }
  .mod_section2 .container {
    padding: 0;
  }
}

.mod_sectiontext1 {
  text-align: center;
}
.mod_sectiontext1 p {
  color: #222;
  font-size: 20px;
  font-size: 2rem;
}
* + .mod_sectiontext1 {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .mod_sectiontext1 p {
    font-size: 15px;
    font-size: 1.5rem;
  }
  * + .mod_sectiontext1 {
    margin-top: 40px;
  }
}

/*  Container
------------------------------------------------------------------------------*/
.mod_container {
  position: relative;
  margin: auto;
}
* + .mod_container {
  margin-top: 90px;
}
@media print, screen and (min-width: 768px) {
  .mod_container {
    width: 870px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_container {
    width: 100%;
  }
  * + .mod_container {
    margin-top: 60px;
  }
}

/* Banner
------------------------------------------------------------------------------*/
* + .mod_bnrbox1 {
  margin-top: 90px !important;
}
@media only screen and (max-width: 767px) {
  .mod_bnrbox1 {
    margin: 0 -10px;
  }
  * + .mod_bnrbox1 {
    margin-top: 70px !important;
  }
}

* + .mod_bnrbox2 {
  margin-top: 20px;
}
.mod_bnrbox2 .bnr + .bnr {
  margin-top: 20px;
}
.mod_bnrbox2 .bnr {
  width: 100%;
  max-width: 205px;
  margin: 0 auto;
  overflow: hidden;
}
.mod_bnrbox2 .bnr a {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .mod_bnrbox2 .bnr {
    text-align: center;
  }
  .mod_bnrbox2 .bnr a {
    display: inline-block !important;
  }
}
.mod_bnrbox2 .bnr .textbox {
  position: absolute;
  top: 20px;
  left: 25px;
  z-index: 1;
}
.mod_bnrbox2 .bnr .textbox p {
  color: #222;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.mod_bnrbox2 .bnr .textbox p span {
  font-size: 20px;
  font-size: 2rem;
}
.mod_bnrbox2 .bnr img {
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .mod_bnrbox2 .bnr a:hover .textbox p {
    color: #00787e;
  }
  .mod_bnrbox2 .bnr a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* バナー1 */
.mod_bnr1 {
  background-color: #E6F2F3;
}
.mod_bnr1 a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 85px 50px 125px;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 a {
    padding: 60px 10px 50px;
  }
}
.mod_bnr1 a::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.mod_bnr1 a::before {
  border-color: #ffffff transparent transparent transparent;
  top: 0;
  left: 0;  
  border-width: 59px 45px 0 0;
}
.mod_bnr1 .wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .wrap {
    display: block;
  }
}
.mod_bnr1 .textbox {
  width: 395px;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .textbox {
    width: 100% !important;
    text-align: center;
    padding: 0 20px;
  }
  .mod_bnr1 * + .textbox {
    margin-top: 40px;
  }
}
.mod_bnr1 .textbox .subtitle {
  color: #222;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .textbox .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mod_bnr1 .textbox .title {
  color: #00787E;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .textbox .title {
    font-size: 26px;
    font-size: 2.6rem;
    margin-top: 5px;
  }
}
.mod_bnr1 .textbox .text {
  color: #666;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.9;
}
.mod_bnr1 .textbox * + .text {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .textbox .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mod_bnr1 .textbox * + .text {
    margin-top: 0;
  }
}
.mod_bnr1 .textbox .btn p {
  background-color: #5cb531;
  color: #fff;
  display: block;
  border-radius: 3px;
  position: relative;
  line-height: 1.4;
  text-align: left;
}
.mod_bnr1 .textbox .btn p {
  display: inline-block;
  text-align: left;
  min-width: 154px;
  padding: 10px 15px 10px 15px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.mod_bnr1 .textbox * + .btn {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .textbox * + .btn {
    margin-top: 20px;
  }
}
.mod_bnr1 .imgbox {
  position: relative;
  width: 515px;
  overflow: hidden;
}
.mod_bnr1 .imgbox img {
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .mod_bnr1 .imgbox {
    width: 100% !important;
  }
  .mod_bnr1 * + .imgbox {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod_bnr1 a:hover .textbox .btn p {
    background-color: #439836;
  }
  .mod_bnr1 a:hover .imgbox img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
/* narrow option */
.mod_bnr1.mod_bnr1-narrow a {
  padding: 60px 30px 35px;
}
@media screen and (max-width: 767px) {
  .mod_bnr1.mod_bnr1-narrow a {
    padding: 60px 20px 50px;
  }
}
.mod_bnr1.mod_bnr1-narrow .imgbox {
  width: 330px;
}
.mod_bnr1.mod_bnr1-narrow .textbox {
  width: 380px;
}

/* Button
------------------------------------------------------------------------------*/
.mod_btnbox1 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .mod_btnbox1 {
    display: block;
  }
}
.mod_btnbox1.mod_btnbox1-center {
  justify-content: center;
}
* + .mod_btnbox1 {
  margin-top: 60px;
}
.mod_bnrbox1 + .mod_btnbox1 {
  margin-top: 40px;
}
.mod_conbox1 + .mod_btnbox1 {
  margin-top: 50px;
}
.mod_btnbox1 .mod-button {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .mod_btnbox1 .mod-button + .mod-button {
    margin-top: 30px;
  }
}
.mod_btnbox1 .mod-button p {
  min-width: 400px;
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  .mod_btnbox1 .mod-button p {
    min-width: 1px;
    margin: 0 auto;
  }
}
.mod_btnbox1 .mod-button a {
  font-size: 19px;
  font-size: 1.9rem;
}

* + .mod_btnnext {
	margin-top: 40px;
}
.mod_btnnext a {
	display: block;
	position: relative;
	max-width: 600px;
	font-size: 19px;
	font-size: 1.9rem;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
	background-color: #FF9300;
	margin: 0 auto;
	padding: 14px 15px;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.mod_btnnext .wrap {
	display: inline-block;
	position: relative;
  padding-left: 88px;
}
@media screen and (max-width: 767px) {
  .mod_btnnext .wrap {
    padding-left: 0;
  }
}
.mod_btnnext .icon {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
  transform: translateY(-50%);
	color: #E23F21;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -.1px;
	background: #fff;
	margin: 0;
	padding: 6px 5px 6px 9px;
}
.mod_btnnext .icon:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: -8px;
	border-style: solid;
	border-width: 12px 0 12px 8px;
	border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 767px) {
  .mod_btnnext .icon {
    position: relative;
    top: 0;
    transform: none;
    vertical-align: top;
  }
}
.mod_btnnext .text {
	color: #fff;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
  padding-right: 55px;
}
@media screen and (max-width: 767px) {
  .mod_btnnext .text {
    padding-right: 38px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod_btnnext a:hover {
    background-color: #D87C00;
  }
}

.mod_btnpagebox {
  font-family: Arial;
  text-align: center;
  vertical-align: top;
  border-top: 1px solid #E0E0E0;
  margin: 50px -10px 0;
  padding: 20px 0 0;
}
.mod_btnpagebox .on,
.mod_btnpagebox .off {
  display: inline-block;
  margin: 0 3px;
}
.mod_btnpagebox .on,
.mod_btnpagebox .off a {
  width: 26px;
  height: 26px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 26px;
}
.mod_btnpagebox .on {
  color: #fff;
  background-color: #00787E;
  border: 1px solid #00787E;
}
.mod_btnpagebox .off a {
  display: inline-block;
  color: #00787E;
  background-color: #fff;
  border: 1px solid #00787E;
  text-decoration: none;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
@media print, screen and (min-width: 768px) {
  .mod_btnpagebox .off a:hover {
    color: #fff;
    background-color: #00787E;
  }
}

/* ボタン1 */
.mod_btn1 p {
  background-color: #5cb531;
  color: #fff;
  display: block;
  border-radius: 3px;
  position: relative;
  line-height: 1.4;
  text-align: left;
  box-sizing: border-box;
}
.mod_btn1 p {
  display: inline-block;
  text-align: left;
  min-width: 154px;
  padding: 10px 15px 10px 15px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
@media print, screen and (min-width: 768px) {
  a:hover .mod_btn1 p,
  a.mod_btn1:hover p {
    background-color: #439836;
  }
}
.mod_btn1 .icon_pdf::after {
  background-image: url("/common/img/icon_pdf_w.svg");
}
/* 大 */
.mod_btn1.mod_btn1-lg p {
  min-width: 240px;
  padding: 12px 15px 12px 15px;
}
/* 小 */
.mod_btn1.mod_btn1-sm p {
  min-width: 140px;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px 13px 10px 13px;
}
/* 緑 */
.mod_btn1.mod_btn1-green p {
  background-color: #00787E;
}
@media print, screen and (min-width: 768px) {
  a:hover .mod_btn1.mod_btn1-green p,
  a.mod_btn1.mod_btn1-green:hover p {
    background-color: #00565b;
  }
}

/* Contents Box
------------------------------------------------------------------------------*/
/* NOTE: .develop_wrapper (index.css) extension class */
.mod_conbox1 {
  margin: 0;
  bottom: 0;
}
@media print, screen and (min-width: 768px) {
  * + .mod_conbox1 {
    margin-top: 15px;
  }
  .mod_searchbox1 + .mod_conbox1 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_conbox1 {
    background-color: transparent;
  }
  * + .mod_conbox1 {
    margin-top: 40px;
  }
  .mod_searchbox1 + .mod_conbox1 {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod_conbox1 ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 768px) {
  .mod_conbox1 .develop_upper-item {
    width: calc((100% - 30px) / 2);
    margin-left: 0;
    margin-top: 30px;
  }
}

/* Contents Set
------------------------------------------------------------------------------*/
/* NOTE: .develop_upper-item (index.css) extension class */

/* セット1 */
.mod_set1 > a {
  position: relative;
}
.mod_set1 .tagbox {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
}
.mod_set1 .develop_upper-text {
  padding: 20px;
}
.mod_set1 .develop_upper-text > * {
  line-height: 1.3;
  text-align: left;
}
.mod_set1 .develop_upper-text .text {
  color: #222;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .mod_set1 .develop_upper-text .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mod_set1 .develop_upper-text .text2 {
  color: #00787E;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .mod_set1 .develop_upper-text .text2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.mod_set1 .develop_upper-text .title > .icon {
  margin-left: 10px;
  font-size: 30px;
  font-size: 3rem;
  vertical-align: -3px;
}
@media only screen and (max-width: 767px) {
  .mod_set1 .develop_upper-text .title > .icon {
    vertical-align: -5px;
  }
}
.mod_set1 .develop_upper-text * + .title {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .mod_set1 .develop_upper-text * + .title {
    margin-top: 15px;
  }
}
.mod_set1 .develop_upper-text .title2 {
  font-size: 43px;
  font-size: 4.3rem;
  color: #00787E;
}
.mod_set1 .develop_upper-text * + .title2 {
  margin-top: 5px;
}
.mod_set1 .develop_upper-text .corp {
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod_set1 .develop_upper-text * + .corp {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .mod_set1 .develop_upper-text .corp {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mod_set1 .develop_upper-text * + .corp {
    margin-top: 15px;
  }
}
/* Coming Soon */
.mod_set1.mod_set1-comingsoon .develop_upper-image {
	position: relative;
}
.mod_set1.mod_set1-comingsoon .develop_upper-image:before {
	content: '';
	display: block;
	background-color: #E5EAF2;
	padding-top: 57.25%;
}
.mod_set1.mod_set1-comingsoon .develop_upper-image:after {
	content: 'Coming Soon';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #77859B;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.mod_set1.mod_set1-comingsoon .develop_upper-text {
		display: none;
	}
}

/* セット2 */
.mod_set2 > a {
  background-color: #FFFFFF;
  padding: 25px;
}
.mod_set2 .develop_upper {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .mod_set2 .develop_upper {
    margin-top: 15px;
  }
}
.mod_set2 .develop_upper-text {
  width: calc(100% - 25px - 150px);
  padding: 0;
}
.mod_set2 .develop_upper-text > * {
  line-height: 1.3;
  text-align: left;
}
.mod_set2 .develop_upper-text .title {
  font-size: 21px;
  font-size: 2.1rem;
}
.mod_set2 .develop_upper-text * + .title {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .mod_set2 .develop_upper-text * + .title {
    margin-top: 15px;
  }
}
.mod_set2 .develop_upper-text .text {
  color: #222;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 0;
}
.mod_set2 .develop_upper-text * + .text {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .mod_set2 .develop_upper-text .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mod_set2 .develop_upper-text .corp {
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod_set2 .develop_upper-text * + .corp {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .mod_set2 .develop_upper-text .corp {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mod_set2 .develop_upper-text * + .corp {
    margin-top: 15px;
  }
}
.mod_set2 .develop_upper-image {
  width: 150px;
}

/* Page Title
------------------------------------------------------------------------------*/
.mod_pagetitle1 .corpbox {
  display: flex;
  align-items: center;
  background-color: #77859B;
  padding: 20px 30px;
}
@media screen and (max-width: 767px) {
  .mod_pagetitle1 .corpbox {
    padding: 20px;
  }
}
.mod_pagetitle1 .tagbox {
  width: auto;
}
.mod_pagetitle1 .tagbox .tag {
  border-color: #77859B;
}
.mod_pagetitle1 .corp {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
}
.mod_pagetitle1 * + .corp {
  margin-left: 15px;
}
.mod_pagetitle1 .wrap {
  display: flex;
  justify-content: space-between;
  background-color: #E5EAF2;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .mod_pagetitle1 .wrap {
    display: block;
    padding: 20px 15px 25px;
  }
}
.mod_pagetitle1 .textbox {
  width: 380px;
}
@media screen and (max-width: 767px) {
  .mod_pagetitle1 .textbox {
    width: 100%;
    padding: 0 5px;
  }
}
.mod_pagetitle1 .textbox .subtitle {
  color: #222;
	font-size: 21px;
	font-size: 2.1rem;
  font-weight: bold;
	line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .mod_pagetitle1 .textbox .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mod_pagetitle1 .textbox .title {
  color: #222;
	font-size: 31px;
	font-size: 3.1rem;
  font-weight: bold;
	line-height: 1.4;
}
.mod_pagetitle1 .textbox * + .title {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .mod_pagetitle1 .textbox .title {
    font-size: 20px;
    font-size: 2rem;
  }
  .mod_pagetitle1 .textbox * + .title {
    margin-top: 15px;
  }
}
.mod_pagetitle1 .imgbox {
  width: 330px;
}
.mod_pagetitle1 .imgbox img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .mod_pagetitle1 .imgbox {
    width: 100%;
  }
  .mod_pagetitle1 * + .imgbox {
    margin-top: 25px;
  }
}

.mod_pagetitle2 {
  position: relative;
  width: 1030px;
  height: 315px;
  background-color: #E6F2F3;
  padding: 50px 60px;
}
@media only screen and (max-width: 767px) {
  .mod_pagetitle2 {
    width: auto;
    height: auto;
    padding: 50px 45px 0;
    margin: 0 -10px;
  }
}
.mod_pagetitle2::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.mod_pagetitle2::before {
  border-color: #ffffff transparent transparent transparent;
  top: 0;
  left: 0;  
  border-width: 59px 45px 0 0;
}
.mod_pagetitle2 .wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .mod_pagetitle2 .wrap {
    display: block;
  }
}
.mod_pagetitle2 .textbox {
  position: relative;
  width: 515px;
}
@media only screen and (max-width: 767px) {
  .mod_pagetitle2 .textbox {
    width: 100%;
  }
}
.mod_pagetitle2 .textbox .subtitle {
  color: #222;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .mod_pagetitle2 .textbox .subtitle {
    font-size: 20px;
    font-size: 2rem;
  }
}
.mod_pagetitle2 .textbox .title {
  color: #00787E;
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
  line-height: 1;
}
.mod_pagetitle2 .textbox .title span {
  font-size: 25px;
  font-size: 2.5rem;
  margin-top: 15px;
  display: block;
  line-height: 1.3;
  font-feature-settings: "palt" 1;
}
.mod_pagetitle2 .textbox * + .title {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .mod_pagetitle2 .textbox .title {
    font-size: 45px;
    font-size: 4.5rem;
  }
  .mod_pagetitle2 .textbox .title span {
    font-size: 20px;
    font-size: 2.0rem;
	margin-top: 10px;
  }
  .mod_pagetitle2 .textbox * + .title {
    margin-top: 18px;
  }
}
@media print, screen and (min-width: 768px) {
  .mod_pagetitle2 .imgbox {
    position: absolute;
    top: 50px;
    right: -30px;
    width: 515px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_pagetitle2 .imgbox {
    position: relative;
    left: -45px;
    width: calc(100% + 90px);
    margin-top: 40px;
  }
}
.mod_pagetitle2 .imgbox::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.mod_pagetitle2 .imgbox::after {
  border-color: transparent transparent #ffffff transparent;
  right: 0;
  bottom: 0;
  border-width: 0 0 59px 45px;
}
.mod_pagetitle2 .imgbox img {
  width: 100%;
  height: auto;
}

/*  Text Area
------------------------------------------------------------------------------*/
* + .mod_textarea1 {
  margin-top: 60px;
}

/*  Text Box
------------------------------------------------------------------------------*/
.mod_textbox1 {
  position: relative;
  padding: 30px 25px 25px;
	margin-bottom: 30px;
	background-color: #E5EAF2;
}
* + .mod_textbox1 {
  margin-top: 60px !important;
}
.mod-h2 + .mod_textbox1 {
  margin-top: 40px !important;
}
.mod_textbox1 + * {
	margin-top: 70px !important;
}
@media screen and (max-width: 767px) {
	.mod_textbox1 {
		margin: 40px -10px 30px;
		padding: 28px 10px 20px;
	}
}
.mod_textbox1:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #E5EAF2 transparent transparent transparent;
	bottom: -30px;
	left: calc(50% - 30px);
}
.mod_textbox1.bgc_green:before {
  border-color: #E6F2F3 transparent transparent transparent;
}
.mod_textbox1 .title {
	color: #222;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.mod_textbox1 * + .list {
	margin-top: 30px;
}
.mod_textbox1 .list li {
	counter-increment: count;
	background-color: #fff;
}
.mod_textbox1 .list li+li {
  margin-top: 1px;
}
.mod_textbox1 .list li p {
	margin-top: 0;
	min-height: 50px;
	position: relative;
	padding: 15px 10px 15px 65px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
.mod_textbox1 .list li p:before {
	content: counter(count);
	font-family: "Yu Gothic", YuGothic, Arial;
	background: #00787E;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 50px;
	height: 100%;
	text-align: center;
	font-size: 21px;
	font-size: 2.1rem;
	top: 0;
	left: 0;
}
@media screen and (max-width: 767px) {
	.mod_textbox1 .list li p:before {
		height: 100%;
	}
}

/* Search Box
------------------------------------------------------------------------------*/
.mod_searchbox1 {
	position: relative;
}
* + .mod_searchbox1 {
	margin-top: 50px;
}
.mod_searchbox1 .searchbox {
	display: flex;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	padding: 20px 20px 15px;
}
.mod_searchbox1 .allbox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	flex-shrink: 0;
	padding-right: 20px;
}
.mod_searchbox1 .allbox .btnbox {
	margin-bottom: 5px;
}
.mod_searchbox1 .categorybox {
	width: 100%;
}
.mod_searchbox1 * + .categorybox {
	border-left: 1px solid #E0E0E0;
	padding-left: 20px;
}
.mod_searchbox1 .categorybox .row {
	display: flex;
}
.mod_searchbox1 .categorybox .row + .row {
	margin-top: 15px;
}
.mod_searchbox1 .categorybox .titlebox {
	width: 100px;
	flex-shrink: 0;
}
.mod_searchbox1 .categorybox .title {
	color: #00787E;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.mod_searchbox1 .categorybox .btnbox {
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
}
.mod_searchbox1 .categorybox .btnbox .btn {
	margin: 0 15px 5px 0;
}
.mod_searchbox1 .btn {
	font-size: 14px;
	font-size: 1.4rem;
}
.mod_searchbox1 .btn > input {
	display: none;
}
.mod_searchbox1 .btn > input + span {
	display: block;
	padding-left: 24px;
	position: relative;
}
.mod_searchbox1 .btn > input + span:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border:1px solid #D1D1D1;
	background: #FFFFFF;
	border-radius: 1px;
}
.mod_searchbox1 .btn > input:checked + span:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 15px;
	height: 10px;
	border-left: 3px solid #5CB531;
	border-bottom: 3px solid #5CB531;
	transform: rotate(-45deg);
}
.mod_searchbox1 .btn > input:disabled + span {
	color: #888;
}
@media screen and (max-width: 767px) {
	.mod_searchbox1 .categorybox .row {
		display: block;
	}
	.mod_searchbox1 .categorybox .btnbox {
		margin-top: 5px;
		margin-left: 0;
	}
}
.mod_searchbox1 * + .textbox {
	margin-top: 30px;
}
.mod_searchbox1 .textbox .text {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}

/* Tag Box
------------------------------------------------------------------------------*/
.mod_tagbox1 {
	display: flex;
	flex-wrap: wrap;
	/*width: 100%;*/
}
.mod_tagbox1 .tag {
	display: inline-block;
	color: #00787E;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	min-width: 120px;
	background-color: #FFFFFF;
	border: 1px solid #00787E;
	border-radius: 24px;
	padding: 4px 10px;
}

/* Icon
------------------------------------------------------------------------------*/
.mod_icontel::before {
  background: url("/common/img/icon_tel.svg") center/contain no-repeat;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  margin-right: 8px;
}

/* Utility
------------------------------------------------------------------------------*/
/* Background Colors */
.bgc_green {
  background-color: #E6F2F3;
}
.bgc_gray {
  background-color: #E5EAF2;
}

/* Diagonal Background */
.dbg_white {
  position: relative;
}
.dbg_white:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 41vw solid #FFFFFF;
  border-right: 32vw solid transparent;
}

/*
  IE11
------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, :root .mod-image-variation-default figure > a .image-caption.icon_blank::after {
    top: -1px;
  }
}