@charset "UTF-8";
/* ==================================================
common.css
================================================== */
/*
==================================================
 1.0 - Reset
--------------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=EB+Garamond|Roboto:100,500");
html {
  color: #221815;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
  font-size: 62.5% !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  position: relative;
  z-index: 1;
  min-width: 320px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #221815;
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover, a:focus, a:active {
  opacity: 0.7;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

select {
  text-transform: none;
}

button {
  overflow: visible;
}

button,
input,
select,
textarea {
  max-width: 100%;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  opacity: 0.8;
  cursor: default;
}

button:-moz-focus-inner,
input:-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=checkbox],
input[type=radio] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0;
}

input[type=number]:-webkit-inner-spin-button,
input[type=number]:-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]:-webkit-search-cancel-button,
input[type=search]:-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 0 1.75em;
  padding: 0.875em;
  min-width: inherit;
  border: 1px solid #d1d1d1;
}

fieldset > :last-child {
  margin-bottom: 0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

small {
  font-size: 85%;
}

/*
==================================================
 2.0 - Elements
--------------------------------------------------
*/
ul,
ol {
  margin: 0 0 1.75em 1.25em;
  padding: 0;
}
ul.unstyle,
ol.unstyle {
  margin-left: 0;
  list-style: none;
}

ul {
  list-style: disc;
}
ul.square {
  list-style: square;
}
ul.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline li {
  display: inline;
  margin-right: 1em;
}

ol {
  margin-left: 1.5em;
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dl {
  margin: 0 0 1.75em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 0 1.75em;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

del {
  opacity: 0.8;
}

table,
th,
td {
  border: 1px solid #d1d1d1;
}

table {
  margin: 20px 0 1.75em;
  max-width: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-width: 1px 0 0 1px;
  table-layout: fixed;
}

th,
td {
  padding: 0.8em 0.4375em;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

th {
  border-width: 0 1px 1px 0;
  background: #f0f1f3;
  font-weight: 700;
}

td {
  border-width: 0 1px 1px 0;
}

tr:nth-child(even) > td {
  background: #fcfcfc;
}

hr {
  margin: 0 4%;
  border-top: 1px solid #c2c2c2;
}
hr.noLine {
  border-top: none;
}
hr.margin {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

/*
==================================================
 3.0 - Links
--------------------------------------------------
*/
a {
  background-color: transparent;
  color: #221815;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover, a:focus, a:active {
  color: #505050;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  outline: 0;
}

/*
==================================================
 4.0 - Contents
--------------------------------------------------
*/
.offCanvas {
  overflow: hidden;
}

.contentArea {
  position: relative;
  /*
  	overflow: hidden;
  */
  font-size: 1.6rem;
}

.container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: 4%;
  padding-left: 4%;
  width: 100%;
  height: 100%;
}

.space {
  padding-right: 4%;
  padding-left: 4%;
}

.col2,
.col3,
.col4,
.col6,
.row {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
.col2.alignItemsCenter,
.col3.alignItemsCenter,
.col4.alignItemsCenter,
.col6.alignItemsCenter,
.row.alignItemsCenter {
  align-items: center;
}
.col2 .center,
.col3 .center,
.col4 .center,
.col6 .center,
.row .center {
  margin-right: inherit;
  margin-left: inherit;
}

.col2 .colItemParent,
.col2 .colItem,
.col3 .colItemParent,
.col3 .colItem,
.col4 .colItemParent,
.col4 .colItem {
  width: 100%;
}

.col6 .colItemParent {
  width: calc(50% - 20px);
}
.col6 .colItem {
  width: 48%;
}

.row .colItem {
  width: calc(50% - 10px);
}

.flexEnd {
  justify-content: flex-end !important;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.margin {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.nonMarginTop {
  margin-top: 0 !important;
}

.nonMarginBottom {
  margin-bottom: 0 !important;
}

.oneWordSpace {
  margin-right: 1em;
}

.inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 414px;
  width: 100%;
}

.areaHide {
  display: none;
}

.textHide, .more a {
  border: 0;
  background-color: transparent;
  color: transparent;
  text-shadow: none;
  font-size: 0;
}

.ib span {
  display: inline-block;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.table {
  position: relative;
  margin: 1em auto 30px;
  padding-left: 0;
  width: 100%;
  list-style: none;
  border-bottom: 1px solid #505050;
}
.table > li {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1px;
}
.table > li p,
.table > li ul,
.table > li ol,
.table > li dl {
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.table .th {
  flex: 1 1 auto;
  padding: 0.75em 15px;
  width: 100%;
  background: #f4f5e7;
  border-top: 1px solid #505050;
  font-weight: bold;
}
.table .th.rowspan {
  display: none;
}
.table .th small {
  color: #221815;
}
.table .td {
  flex: 1 1 auto;
  padding: 1.2em 15px;
  border-top: 1px solid #505050;
  width: 100%;
}

.linkExternal {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 1em;
  background-color: #e3e4d7;
  font-size: 1.2rem;
}
.linkExternal i {
  margin-left: 8px;
}

.more {
  margin-top: 20px;
}
.more a {
  position: relative;
  margin: auto;
  display: block;
  width: 142px;
  height: 32px;
  background: url(../img/home/btn_more.svg) 50% 50% no-repeat;
}
.more a.colL {
  background-image: url(../img/home/btn_more_white.svg);
}

.dropShadow {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
}

.boxShadow {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}

.txtShadow {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 2px 2px 6px rgba(0, 0, 0, 0.1), 2px -2px 6px rgba(0, 0, 0, 0.1), -2px 2px 6px rgba(0, 0, 0, 0.1), -2px -2px 6px rgba(0, 0, 0, 0.1);
  -moz-text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 2px 2px 6px rgba(0, 0, 0, 0.1), 2px -2px 6px rgba(0, 0, 0, 0.1), -2px 2px 6px rgba(0, 0, 0, 0.1), -2px -2px 6px rgba(0, 0, 0, 0.1);
  -webkit-text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 2px 2px 6px rgba(0, 0, 0, 0.1), 2px -2px 6px rgba(0, 0, 0, 0.1), -2px 2px 6px rgba(0, 0, 0, 0.1), -2px -2px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 560px) {
  .container {
    padding-right: 2%;
    padding-left: 2%;
  }
  .space {
    padding-right: 2%;
    padding-left: 2%;
  }
  .col2 .colItemParent,
  .col3 .colItemParent,
  .col4 .colItemParent {
    width: calc(50% - 20px);
  }
  .col2 .colItem,
  .col3 .colItem,
  .col4 .colItem {
    width: calc(50% - 15px);
  }
  .col6 .colItemParent {
    width: calc(33.33333% - 30px);
  }
  .col6 .colItem {
    width: calc(33.33333% - 15px);
  }
  .table .th {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    max-width: 25%;
    width: 25%;
  }
  .table .th.rowspan {
    border: none;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
  }
  .table .td {
    max-width: 75%;
    width: 75%;
    border-left: 1px solid #505050;
  }
  .table.ratio-2_8 .th {
    max-width: 20%;
    width: 20%;
  }
  .table.ratio-2_8 .td {
    max-width: 80%;
    width: 80%;
  }
  .table.ratio-3_7 .th {
    max-width: 30%;
    width: 30%;
  }
  .table.ratio-3_7 .td {
    max-width: 70%;
    width: 70%;
  }
  .table.ratio-4_6 .th {
    max-width: 40%;
    width: 40%;
  }
  .table.ratio-4_6 .td {
    max-width: 60%;
    width: 60%;
  }
  .table.ratio-5_5 .th,
  .table.ratio-5_5 .td {
    max-width: 50%;
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .contentArea {
    position: relative;
  }
  .container {
    padding-right: 25px;
    padding-left: 25px;
    max-width: 1340px;
  }
  .home .container {
    max-width: 1450px;
  }
  .space {
    padding-right: 0;
    padding-left: 0;
  }
  .col2 .colItemParent {
    width: calc(50% - 25px);
  }
  .col2 .colItem {
    width: calc(50% - 15px);
  }
  .col3 .colItemParent {
    width: calc(33.33333% - 30px);
  }
  .col3 .colItem {
    width: calc(33.33333% - 15px);
  }
  .col3 .center {
    margin-right: auto;
    margin-left: auto;
  }
  .col4 .colItemParent {
    width: calc(25% - 30px);
  }
  .col4 .colItem {
    width: calc(25% - 20px);
  }
  .col4 .center {
    margin-right: auto;
    margin-left: auto;
  }
  .col6 .colItemParent {
    width: calc(16.66667% - 30px);
  }
  .col6 .colItem {
    width: calc(16.66667% - 20px);
  }
  .col6 .center {
    margin-right: auto;
    margin-left: auto;
  }
  .row .colItem {
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 1194px) {
  .inner {
    max-width: none;
    width: 576px;
  }
}
@media screen and (min-width: 1280px) {
  .inner {
    width: 653px;
  }
}
/*
--------------------------------------------------
 4.1 - Article
--------------------------------------------------
*/
.articlesList {
  flex-direction: column;
  align-content: center;
  margin: 0 auto;
  width: 100%;
  list-style: none;
}
.articlesList > li {
  padding: 0 0 60px;
}

@media screen and (min-width: 960px) {
  .articlesList {
    flex-direction: row;
    align-content: flex-start;
  }
  .articlesList > li {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .articlesList > li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.scrollDown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.scrollDown img {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  -webkit-animation: scrollDown 2.2s linear infinite both;
  animation: scrollDown 2.2s linear infinite both;
  background-color: transparent;
}

.ie .scrollDown {
  display: none;
}

@-webkit-keyframes scrollDown {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes scrollDown {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@media screen and (max-width: 959px) {
  .scrollDown {
    display: none;
  }
}
/* 4.1.1 - Hero Area
-------------------------------------------------- */
.mvSection {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff;
}
.mvSection .mV {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  min-height: 480px;
  height: 100vh;
  text-align: center;
}
.mvSection .mV .visuals {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mvSection .mV .visuals .visualItem {
  position: absolute;
  max-width: none;
}

#hero_info_01,
#hero_info_02 {
  top: 70%;
  width: 160px;
  height: 123px;
}
@media screen and (min-width: 560px) {
  #hero_info_01,
  #hero_info_02 {
    top: 60%;
    width: 195px;
    height: 150px;
  }
}
@media screen and (min-width: 960px) {
  #hero_info_01,
  #hero_info_02 {
    top: 50%;
    width: 270px;
    height: 207px;
  }
}
@media screen and (min-width: 1194px) {
  #hero_info_01,
  #hero_info_02 {
    width: 300px;
    height: 230px;
  }
}

#hero_info_01 {
  left: 0;
}

#hero_info_02 {
  right: 0;
}

#section_1_01 {
  top: 45%;
  left: 50%;
  margin-top: -8.82vw;
  margin-left: -42vw;
  width: 84vw;
  height: auto;
}

#section_1_02 {
  top: 45%;
  left: 50%;
  margin-left: -45vw;
  width: 90vw;
  height: auto;
}

#section_1_03,
#section_1_04 {
  bottom: 50%;
  left: 50%;
  margin-bottom: -50vw;
  margin-left: -50vw;
  width: 100vw;
  height: 100vw;
}

#section_2_01,
#section_2_02,
#section_2_03 {
  top: 50%;
  left: 50%;
  margin-top: -24.3vw;
  margin-left: -45vw;
  width: 90vw;
  height: auto;
}

#section_2_02 {
  margin-top: -16.2vw;
}

#section_2_03 {
  margin-top: -8.1vw;
}

.ie #section_1_01,
.ie #section_1_02,
.ie #section_1_03,
.ie #section_2_01,
.ie #section_2_02,
.ie #section_2_03 {
  left: auto;
}
.ie #section_1_03 {
  bottom: 0;
}
.ie #section_1_04 {
  display: none;
}

@media screen and (min-width: 560px) {
  .mvSection .firstMv {
    min-height: 360px;
  }
  #section_1_01 {
    top: 35%;
    margin-top: -6.93vw;
    margin-left: -33vw;
    width: 66vw;
  }
  #section_1_02 {
    top: 35%;
    margin-left: -35vw;
    width: 70vw;
  }
  #section_1_03,
  #section_1_04 {
    margin-bottom: -32vw;
    margin-left: -32vw;
    width: 64vw;
    height: 64vw;
  }
  #section_2_01,
  #section_2_02,
  #section_2_03 {
    margin-top: -120px;
    margin-left: -220px;
    width: 440px;
  }
  #section_2_02 {
    margin-top: -80px;
  }
  #section_2_03 {
    margin-top: -40px;
  }
}
@media screen and (min-width: 960px) {
  .mvSection .firstMv {
    min-height: 720px;
  }
  #section_1_01 {
    margin-top: -6.195vw;
    margin-left: -29.5vw;
    width: 59vw;
  }
  #section_1_02 {
    margin-left: -32vw;
    width: 64vw;
  }
  #section_1_03,
  #section_1_04 {
    margin-bottom: -25vw;
    margin-left: -25vw;
    width: 50vw;
    height: 50vw;
  }
}
@media screen and (min-width: 1280px) {
  #section_1_01 {
    margin-top: -80px;
    margin-left: -375px;
    width: 750px;
    height: 30px;
  }
  #section_1_02 {
    margin-left: -405px;
    width: 810px;
    height: 180px;
  }
  #section_1_03,
  #section_1_04 {
    margin-bottom: -320px;
    margin-left: -320px;
    width: 640px;
    height: 640px;
  }
}
/* 4.1.2 - Image
-------------------------------------------------- */
.postImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.postImg .bgImg {
  display: block;
  padding-top: 70%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.postImg img {
  display: block;
  width: 100%;
  height: auto;
}

.row .postImg .bgImg {
  padding-top: 100%;
}

.photoFrame {
  position: relative;
  z-index: 1;
}
.photoFrame:after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 2;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: url(../img/page/img_photo_frame.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}

/* 4.1.3 - Bread Crumbs
-------------------------------------------------- */
.breadCrumbs {
  position: absolute;
  bottom: 0;
  padding: 15px 0;
  width: 100%;
  height: auto;
  line-height: 2;
  color: #505050;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
  font-size: 1.5rem;
}
.breadCrumbs span {
  padding: 0;
}
.breadCrumbs span a {
  color: #505050;
}
.breadCrumbs span br {
  display: none;
}
.breadCrumbs span[property=itemListElement]:last-child {
  display: none;
}
.breadCrumbs span[property=name] {
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadCrumbs span.separator {
  position: relative;
  overflow: auto;
  padding: 0 5px;
  color: transparent;
  text-shadow: none;
  font: 0/0;
}
.breadCrumbs span.separator:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: solid 1px #505050;
  border-right: solid 1px #505050;
  transform: rotate(45deg);
  content: "";
}

@media screen and (min-width: 960px) {
  .breadCrumbs {
    position: relative;
    bottom: inherit;
    line-height: 1.6;
    background-color: #f4f5e7;
  }
  .breadCrumbs span[property=itemListElement]:last-child {
    display: inline;
  }
  .breadCrumbs span[property=name] {
    max-width: 300px;
  }
}
/*
--------------------------------------------------
 4.2 - Section
--------------------------------------------------
*/
.section {
  position: relative;
}
.section .secHaedLine {
  margin: 0 auto;
  padding: 60px 0 30px;
  width: 312px;
  height: auto;
}

.summaryCopy {
  margin-bottom: 20px;
  text-align: justify;
}
.summaryCopy p {
  margin-bottom: 1em;
}

@media screen and (max-width: 559px) {
  .summaryCopy .ib span {
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  .section .secHaedLine {
    padding-top: 100px;
    width: 390px;
  }
  .summaryCopy {
    margin-bottom: 40px;
    font-size: 1.8rem;
    text-align: center;
    letter-spacing: 0.05em;
  }
}
.postWrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 40px;
  padding: 20px;
  width: 100%;
}
.postWrapper .postImg {
  margin: 0 auto 20px;
  width: 100%;
}
.postWrapper .txtWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 0;
  width: 100%;
}

@media screen and (min-width: 560px) {
  .postWrapper {
    padding: 40px;
    max-width: 840px;
    width: 90%;
  }
  .postWrapper .postImg {
    width: 80%;
  }
}
@media screen and (min-width: 960px) {
  .postWrapper {
    min-width: 840px;
    max-width: 960px;
    width: 80%;
  }
  .postWrapper .postImg {
    margin: 0;
    width: 45%;
  }
  .postWrapper .txtWrapper {
    padding: 15px 15px 15px 30px;
    width: 55%;
  }
}
/* 4.2.1 - secIntroducing
-------------------------------------------------- */
.secIntroducing {
  padding-top: 5vw;
  text-align: center;
}
.secIntroducing .container {
  z-index: 2;
}
.secIntroducing .articlesList {
  padding-bottom: 40px;
}
.secIntroducing .articlesList .colItem {
  max-width: 320px;
}
.secIntroducing .articlesList .postImg {
  margin: auto;
  width: 75%;
  background: url(../img/home/bg_introducing.svg) 50% 50% no-repeat;
}
.secIntroducing .articlesList .postTitle {
  margin: 20px auto;
  width: 250px;
  height: 20px;
}
.secIntroducing .articlesList .txtWrapper {
  color: #ffffff;
}
.secIntroducing .articlesList .txtWrapper p {
  font-size: 1.5rem;
}
.secIntroducing:before, .secIntroducing:after {
  position: absolute;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
.secIntroducing:before {
  top: -1px;
  background-image: url(../img/common/bg_sec_connect_01.svg);
}
.secIntroducing:after {
  bottom: -5vw;
  background-image: url(../img/common/bg_sec_connect_02.svg);
}

.introducingVideo {
  position: relative;
  width: 100%;
  height: 100%;
}
.introducingVideo video {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.introducingVideo:before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -110;
  width: 100%;
  height: 100vh;
  background: url("../img/home/bg_sec_Introducing.jpg") 50% 50% no-repeat;
  background-size: cover;
  content: "";
}
.introducingVideo:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) url("../img/home/bg_dot_3x3.png") 0 0 repeat;
  content: "";
}

.ie .introducingVideo video {
  display: none !important;
}

@media screen and (min-width: 960px) {
  .secIntroducing .articlesList {
    padding-bottom: 60px;
    width: 90%;
  }
  .secIntroducing .articlesList .postImg {
    width: 100%;
  }
  .secIntroducing .articlesList .txtWrapper p {
    margin: auto;
    width: 80%;
  }
  .introducingVideo video {
    position: absolute;
    height: 100%;
  }
  .introducingVideo:before {
    position: absolute;
    height: 100%;
  }
}
/* 4.2.2 - secNews
-------------------------------------------------- */
.secNews {
  overflow: hidden;
  z-index: 1;
  padding-bottom: calc(5vw + 40px);
  background-color: #ffffff;
}
@media screen and (min-width: 1280px) {
  .secNews {
    padding-top: 40px;
  }
}
.secNews:before {
  position: absolute;
  top: 20px;
  left: -60px;
  width: 270px;
  height: 210px;
  background: url(../img/home/bg_sec_news.png) 0 0 no-repeat;
  background-size: cover;
  content: "";
}
@media screen and (min-width: 960px) {
  .secNews:before {
    top: 30px;
    left: 30px;
    width: 450px;
    height: 350px;
  }
}
.secNews .postWrapper {
  align-items: center;
  margin-bottom: 0;
}
@media screen and (max-width: 374px) {
  .secNews .postWrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .secNews .postWrapper {
    padding: 0;
    max-width: 780px;
    min-width: 780px;
    min-height: 350px;
  }
}
.secNews .postWrapper:before, .secNews .postWrapper:after {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -150px;
  width: 405px;
  height: 315px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
@media screen and (max-width: 374px) {
  .secNews .postWrapper:before, .secNews .postWrapper:after {
    margin-right: -144px;
  }
}
@media screen and (min-width: 560px) {
  .secNews .postWrapper:before, .secNews .postWrapper:after {
    margin-right: -200px;
    width: 450px;
    height: 350px;
  }
}
@media screen and (min-width: 960px) {
  .secNews .postWrapper:before, .secNews .postWrapper:after {
    right: 0;
    margin-right: 0;
    background-position: 0 100;
  }
}
.secNews .postWrapper:before {
  background-image: url(../img/home/img_sec_news_layer02.png);
}
.secNews .postWrapper:after {
  z-index: 1;
  background-image: url(../img/home/img_sec_news_layer01.png);
}
.secNews .postImg {
  position: relative;
  order: 1;
  margin-bottom: 40px;
  width: 305px;
  height: 290px;
}
@media screen and (min-width: 560px) {
  .secNews .postImg {
    width: 402px;
    height: 314px;
  }
}
@media screen and (min-width: 960px) {
  .secNews .postImg {
    width: 50%;
    height: 350px;
    order: 2;
  }
}
.secNews .postImg .postImg01,
.secNews .postImg .postImg02 {
  position: absolute;
  -webkit-mask-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.secNews .postImg .postImg01 img,
.secNews .postImg .postImg02 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.secNews .postImg .postImg01 {
  bottom: 28px;
  right: 54px;
  width: 240px;
  height: 240px;
  -webkit-mask-image: url(../img/home/mask_shape01.svg);
  mask-image: url(../img/home/mask_shape01.svg);
}
@media screen and (min-width: 560px) {
  .secNews .postImg .postImg01 {
    width: 280px;
    height: 280px;
  }
}
.secNews .postImg .postImg02 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/home/mask_shape02.svg);
  mask-image: url(../img/home/mask_shape02.svg);
}
@media screen and (min-width: 560px) {
  .secNews .postImg .postImg02 {
    width: 140px;
    height: 140px;
  }
}
.secNews .txtWrapper {
  order: 2;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .secNews .txtWrapper {
    order: 1;
    padding: 0 40px;
    width: 50%;
  }
}
.secNews .txtWrapper .postTitle {
  margin-bottom: 20px;
}
@media screen and (min-width: 560px) {
  .secNews .txtWrapper .postTitle {
    margin-bottom: 40px;
  }
}
.secNews .txtWrapper .postTitle img {
  display: inline-block;
  width: auto;
  height: 18px;
}
@media screen and (min-width: 960px) {
  .secNews .txtWrapper .postTitle img img {
    height: 20px;
  }
}
.secNews .txtWrapper p {
  font-size: 1.5rem;
}

/* 4.2.3 - secKanpo
-------------------------------------------------- */
.secKanpo {
  overflow: hidden;
  z-index: 1;
  padding-bottom: calc(5vw + 40px);
  background: url(../img/home/bg_kanpo_01.png) 50% 50% no-repeat;
  background-size: cover;
}
.secKanpo:before, .secKanpo:after {
  position: absolute;
  background-size: cover;
  content: "";
}
.secKanpo:before {
  top: -5vw;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_01.svg) 0 0 no-repeat;
}
.secKanpo:after {
  z-index: -1;
  bottom: 90px;
  left: 35%;
  width: 175px;
  height: 175px;
  background: url(../img/home/bg_kanpo_04.png) 50% 50% no-repeat;
}
.secKanpo .secKanpoBg:before, .secKanpo .secKanpoBg:after {
  position: absolute;
  z-index: -1;
  left: 50%;
  width: 175px;
  height: 175px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
.secKanpo .secKanpoBg:before {
  top: 150px;
  margin-left: -60%;
  background-image: url(../img/home/bg_kanpo_02.png);
}
.secKanpo .secKanpoBg:after {
  bottom: 80px;
  margin-left: 40%;
  background-image: url(../img/home/bg_kanpo_03.png);
}
.secKanpo .postWrapper {
  align-items: center;
  border-radius: 30px;
  background-color: #ffffff;
}
.secKanpo .postTitle {
  margin-bottom: 20px;
}
.secKanpo .postTitle img {
  display: inline-block;
  width: auto;
  height: 18px;
}
.secKanpo p {
  font-size: 1.5rem;
}

@media screen and (min-width: 560px) {
  .secKanpo .secKanpoBg:before {
    margin-left: -55%;
  }
  .secKanpo .secKanpoBg:after {
    margin-left: 35%;
  }
  .secKanpo .postTitle {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .secKanpo .secKanpoBg:before {
    top: 240px;
    margin-left: -525px;
  }
  .secKanpo .secKanpoBg:after {
    margin-left: 350px;
  }
  .secKanpo .postTitle img {
    height: 20px;
  }
}
@media screen and (min-width: 1194px) {
  .secKanpo .secKanpoBg:before {
    margin-left: -575px;
  }
  .secKanpo .secKanpoBg:after {
    margin-left: 400px;
  }
}
@media screen and (min-width: 1280px) {
  .secKanpo {
    padding-top: 40px;
  }
}
/*
--------------------------------------------------
 4.3 - Page Contents
--------------------------------------------------
*/
/* 4.3.1 - Post Header
-------------------------------------------------- */
.postHeader {
  position: relative;
  margin: 75px auto 0;
  width: 100%;
  height: 240px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.postHeader:after {
  position: absolute;
  bottom: -5vw;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/page/bg_page_title_01.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}

#about .postHeader {
  background-image: url(../img/page/bg_head_about.jpg);
}
#about .visualItem_01 {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 50px;
  width: 140px;
  height: 140px;
}
#about .visualItem_02 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -170px;
  width: 240px;
  height: 156px;
}

#prescription .postHeader {
  background-image: url(../img/page/bg_head_prescription.jpg);
}
#prescription .visualItem_01 {
  position: absolute;
  bottom: -26px;
  right: 50%;
  margin-right: 10px;
  width: 228px;
  height: 194px;
}
#prescription .visualItem_02 {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -50px;
  margin-right: -185px;
  width: 230px;
  height: 124px;
}

#support .postHeader {
  background-image: url(../img/page/bg_head_support.jpg);
}
#support .visualItem_01 {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 0;
  width: 228px;
  height: 194px;
}
#support .visualItem_02 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -185px;
  width: 230px;
  height: 124px;
}

#connectedness .postHeader {
  background-image: url(../img/page/bg_head_connectedness.jpg);
}
#connectedness .visualItem_01 {
  position: absolute;
  bottom: -22px;
  right: 50%;
  margin-right: -20px;
  width: 228px;
  height: 194px;
}
#connectedness .visualItem_02 {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -50px;
  margin-right: -185px;
  width: 230px;
  height: 124px;
}

@media screen and (min-width: 560px) {
  .postHeader {
    height: 320px;
  }
  #about .visualItem_01 {
    margin-left: 30px;
    width: 200px;
    height: 200px;
  }
  #about .visualItem_02 {
    margin-top: -120px;
    margin-left: -260px;
    width: 320px;
    height: 210px;
  }
  #prescription .visualItem_01 {
    bottom: -38px;
    margin-right: 0;
    width: 313px;
    height: 266px;
  }
  #prescription .visualItem_02 {
    margin-top: -90px;
    margin-right: -300px;
    width: 333px;
    height: 180px;
  }
  #support .visualItem_01 {
    margin-left: -20px;
    width: 313px;
    height: 266px;
  }
  #support .visualItem_02 {
    margin-top: -90px;
    margin-left: -300px;
    width: 333px;
    height: 180px;
  }
  #connectedness .visualItem_01 {
    margin-right: -20px;
    width: 313px;
    height: 266px;
  }
  #connectedness .visualItem_02 {
    margin-top: -90px;
    margin-right: -300px;
    width: 333px;
    height: 180px;
  }
}
@media screen and (min-width: 960px) {
  .postHeader {
    margin: 120px auto 0;
    height: 460px;
  }
  #about .visualItem_01 {
    margin-left: 50px;
    width: 300px;
    height: 300px;
  }
  #about .visualItem_02 {
    margin-top: -140px;
    margin-left: -320px;
    width: 384px;
    height: 252px;
  }
  #prescription .visualItem_01 {
    bottom: -58px;
    margin-right: -60px;
    width: 470px;
    height: 400px;
  }
  #prescription .visualItem_02 {
    margin-top: -120px;
    margin-right: -460px;
    width: 444px;
    height: 240px;
  }
  #support .visualItem_01 {
    margin-left: -60px;
    width: 470px;
    height: 400px;
  }
  #support .visualItem_02 {
    margin-top: -120px;
    margin-left: -460px;
    width: 444px;
    height: 240px;
  }
  #connectedness .visualItem_01 {
    margin-right: -80px;
    width: 540px;
    height: 460px;
  }
  #connectedness .visualItem_02 {
    margin-top: -120px;
    margin-right: -460px;
    width: 444px;
    height: 240px;
  }
}
@media screen and (min-width: 1194px) {
  .postHeader {
    height: 540px;
  }
}
/* 4.3.2 - コンセプト - About
-------------------------------------------------- */
#concept {
  padding-bottom: 70px;
  background-color: #fffdf5;
}
#concept .secHaedLine {
  padding-bottom: 40px;
}

.conceptWrapper {
  position: relative;
  z-index: 1;
}
.conceptWrapper:before, .conceptWrapper:after {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
}
.conceptWrapper:before {
  top: 15%;
  padding-top: 100%;
  background-image: url(../img/page/bg_concept_01.svg);
  background-size: 100% 50%;
}
.conceptWrapper:after {
  bottom: 10%;
  padding-top: 100%;
  background-image: url(../img/page/bg_concept_02.svg);
  background-size: 100% 60%;
}
.conceptWrapper .postWrapper {
  padding-left: 0;
  padding-right: 0;
}
.conceptWrapper .postWrapper .postImg {
  width: 100%;
}
.conceptWrapper .postWrapper .postImg img {
  border-radius: 30px;
}
.conceptWrapper .postWrapper .txtWrapper {
  padding: 0 0 40px;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
.conceptWrapper .set1 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.conceptWrapper .set1 .postImg {
  position: relative;
  padding-bottom: 120px;
}
.conceptWrapper .set1 .postImg:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 158px;
  height: 75px;
  background: url(../img/page/img_character_01.png) 0 0 no-repeat;
  background-size: cover;
  content: "";
}
.conceptWrapper .set1 .txtWrapper .postTitle {
  margin-bottom: 20px;
}
.conceptWrapper .set1 .txtWrapper .postTitle .verticalHl {
  display: none;
  width: 42px;
  height: auto;
}
.conceptWrapper .set1 .txtWrapper .postTitle .horizontalHl {
  display: block;
  width: auto;
  height: 42px;
}
.conceptWrapper .set1 .txtWrapper .verticalWrapper {
  height: auto;
}
.conceptWrapper .set2 {
  margin-bottom: 0;
}
.conceptWrapper .set2 .txtWrapper .postTitle {
  margin-bottom: 20px;
}
.conceptWrapper .set2 .txtWrapper .postTitle img {
  display: inline-block;
  width: auto;
  height: 30px;
}

@media screen and (min-width: 560px) {
  .conceptWrapper:before {
    top: 15%;
    padding-top: 58%;
    background-size: 100% 50%;
  }
  .conceptWrapper:after {
    bottom: 10%;
    padding-top: 64%;
    background-size: 100% 60%;
  }
  .conceptWrapper .postWrapper .postImg {
    width: 80%;
  }
  .conceptWrapper .set1 .postImg:before {
    right: -15%;
    width: 210px;
    height: 100px;
  }
}
@media screen and (min-width: 960px) {
  .conceptWrapper:before, .conceptWrapper:after {
    background-size: cover;
  }
  .conceptWrapper:before {
    top: 0;
    padding-top: 29%;
  }
  .conceptWrapper:after {
    bottom: 0;
    padding-top: 32%;
  }
  .conceptWrapper .postWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .conceptWrapper .postWrapper .postImg {
    margin: 0;
  }
  .conceptWrapper .postWrapper .txtWrapper {
    font-size: 1.6rem;
  }
  .conceptWrapper .set1 {
    padding-bottom: 20px;
  }
  .conceptWrapper .set1 .order1,
  .conceptWrapper .set1 .order2 {
    order: unset;
  }
  .conceptWrapper .set1 .postImg {
    width: 50%;
  }
  .conceptWrapper .set1 .postImg:before {
    right: -20px;
    bottom: 20px;
  }
  .conceptWrapper .set1 .txtWrapper {
    flex-direction: row-reverse;
    width: 45%;
  }
  .conceptWrapper .set1 .txtWrapper .postTitle {
    margin-bottom: 0;
    margin-left: 30px;
  }
  .conceptWrapper .set1 .txtWrapper .postTitle .verticalHl {
    display: block;
  }
  .conceptWrapper .set1 .txtWrapper .postTitle .horizontalHl {
    display: none;
  }
  .conceptWrapper .set1 .txtWrapper .verticalWrapper {
    height: 420px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .conceptWrapper .set2 {
    align-items: center;
  }
  .conceptWrapper .set2 .postImg {
    width: 45%;
  }
  .conceptWrapper .set2 .txtWrapper {
    padding: 0;
    width: 45%;
  }
  .conceptWrapper .set2 .txtWrapper .postTitle img {
    display: inline-block;
    width: auto;
    height: 32px;
  }
}
@media screen and (min-width: 1194px) {
  .conceptWrapper .postWrapper {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1200px;
    width: 100%;
  }
  .conceptWrapper .postWrapper .txtWrapper {
    font-size: 1.8rem;
  }
  .conceptWrapper .set1 {
    padding-bottom: 40px;
  }
  .conceptWrapper .set1 .postImg:before {
    bottom: 0;
  }
  .conceptWrapper .set1 .txtWrapper .verticalWrapper {
    height: 540px;
  }
  .conceptWrapper .set2 .txtWrapper .postTitle img {
    height: 36px;
  }
}
@media screen and (min-width: 1280px) {
  .conceptWrapper:before, .conceptWrapper:after {
    padding-top: 420px;
    background-size: 100% 420px;
  }
}
.secThoughts {
  padding: 40px 0;
}
.secThoughts .secHaedLine {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: 1;
  margin-left: -108px;
  padding: 0 !important;
  width: 216px;
  height: 30px;
  background-color: #fffdf5;
}
.secThoughts .postWrapper {
  margin-bottom: 0;
  padding-top: 40px;
  border: 3px solid #221815;
  border-radius: 30px;
}
.secThoughts .postWrapper .postImg {
  margin: 0 auto;
  max-width: 320px;
  width: 80%;
}
.secThoughts .postWrapper .postImg .thoughtsArrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.secThoughts .postWrapper .txtWrapper {
  position: relative;
  padding: 30px 15px;
}
.secThoughts .postWrapper .txtWrapper .colItem {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 1.5em;
}
.secThoughts .postWrapper .txtWrapper .colItem:last-child {
  padding-bottom: 0;
}
.secThoughts .postWrapper .txtWrapper .postTitle {
  width: 50px;
  height: 50px;
}
.secThoughts .postWrapper .txtWrapper p {
  width: calc(100% - 70px);
  font-size: 1.4rem;
  line-height: 1.42857143;
}

@media screen and (min-width: 560px) {
  .secThoughts {
    padding-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .secThoughts {
    padding-top: 80px;
  }
  .secThoughts .secHaedLine {
    top: -18px;
    margin-left: -135px;
    width: 270px;
    height: 37px;
  }
  .secThoughts .postWrapper {
    margin-bottom: 40px;
    padding: 60px 40px 30px 15px;
    width: 100%;
  }
  .secThoughts .postWrapper .postImg {
    margin: 0;
    max-width: none;
    width: 35%;
  }
  .secThoughts .postWrapper .txtWrapper {
    padding: 0;
    width: 63%;
  }
  .secThoughts .postWrapper .txtWrapper .colItem {
    align-items: center;
  }
  .secThoughts .postWrapper .txtWrapper .postTitle {
    width: 70px;
    height: 70px;
  }
  .secThoughts .postWrapper .txtWrapper p {
    width: calc(100% - 100px);
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .secThoughts {
    padding-top: 100px;
  }
  .secThoughts .postWrapper {
    margin-bottom: 60px;
  }
}
/* 4.3.3 - ごあいさつ - About
-------------------------------------------------- */
#greeting {
  padding-bottom: 60px;
  background-color: #f2f8fb;
}
#greeting:before {
  position: absolute;
  top: -5vw;
  left: 0;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_04.svg) 0 0 no-repeat;
  background-size: 100% auto;
  content: "";
}
#greeting .postWrapper {
  margin: 20px auto;
  padding: 0;
}
#greeting .postWrapper .postImg img {
  border-radius: 30px;
}
#greeting .postWrapper .txtWrapper .postTitle {
  margin-bottom: 1em;
  width: auto;
  height: 36px;
}
#greeting .postWrapper .txtWrapper .postTitle img {
  width: auto;
  height: 100%;
}
#greeting .postWrapper .txtWrapper .author {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: bold;
}
#greeting .postWrapper .txtWrapper .summary {
  margin-bottom: 20px;
  font-size: 1.5rem;
}
#greeting .inner {
  z-index: 1;
  font-size: 1.4rem;
}
#greeting .inner p {
  margin-bottom: 1em;
}

@media screen and (min-width: 560px) {
  #greeting {
    padding-bottom: 80px;
  }
  #greeting .postWrapper {
    padding: 0 40px;
  }
}
@media screen and (min-width: 960px) {
  #greeting {
    padding-top: 40px;
  }
  #greeting:after {
    bottom: 0;
  }
  #greeting .postWrapper {
    margin-bottom: 100px;
    padding-left: 8.33333%;
    max-width: 100%;
    width: 100%;
  }
  #greeting .postWrapper .postImg {
    width: 50%;
  }
  #greeting .postWrapper .txtWrapper {
    padding: 0;
    width: 45%;
  }
  #greeting .postWrapper .txtWrapper .postTitle {
    margin-bottom: 1.5em;
  }
  #greeting .postWrapper .txtWrapper .author {
    font-size: 1.6rem;
  }
  #greeting .postWrapper .txtWrapper .summary {
    margin-bottom: 0;
    font-size: 1.7rem;
  }
  #greeting .inner {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1194px) {
  #greeting {
    padding-bottom: 160px;
  }
  #greeting .postWrapper .txtWrapper .postTitle {
    height: 42px;
  }
}
/* 4.3.4 - ご相談について - About
-------------------------------------------------- */
#consultation {
  padding-top: 4.225vw;
  font-size: 1.4rem;
}
#consultation:before {
  position: absolute;
  top: -8.45vw;
  left: 0;
  padding-top: 16.9%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_05.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}

.consultationTabs {
  position: relative;
  background-color: #e7eef1;
}
.consultationTabs:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background: url(../img/page/bg_consultation.jpg) 50% 100% no-repeat;
  background-size: cover;
  content: "";
}
.consultationTabs .tabNav {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 240px;
  line-height: 1.42857143;
}
.consultationTabs .tabNav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.consultationTabs .tabNav ul li {
  width: calc(50% - 5px);
}
.consultationTabs .tabNav ul li .tabMenu {
  position: relative;
  padding: 15px;
  width: 100%;
  height: auto;
  border-radius: 30px 30px 0 0;
  background-color: #e7eef1;
  text-align: center;
  cursor: pointer;
}
.consultationTabs .tabNav ul li .tabMenu.isActive {
  background-color: #ffffff;
  font-weight: bold;
}
.consultationTabs .tabNav ul li .tabMenu span {
  display: block;
}
.consultationTabs .tabNav ul li .tabMenu img {
  display: none;
  margin: 0 auto 10px;
  width: 50px;
  height: 50px;
  background: url(../img/page/bg_consultation_tabs.png) 50% 50% no-repeat;
  background-size: cover;
}
.consultationTabs .tabContentWrapper {
  padding-bottom: 60px;
}
.consultationTabs .tabContentWrapper .tabContent {
  border-radius: 0 0 30px 30px;
  background-color: #ffffff;
}
.consultationTabs .tabContentWrapper .postTitle {
  position: relative;
  padding: 40px 20px 30px;
  background: url(../img/common/bg_decoration_line_01.png) 50% 100% no-repeat;
  background-size: 95px 10px;
}
.consultationTabs .tabContentWrapper .postTitle img {
  margin: 0 auto;
  width: auto;
  height: 36px;
}
.consultationTabs .tabContentWrapper .postContent {
  padding: 20px;
  border-radius: 0 0 30px 30px;
}
.consultationTabs .tabContentWrapper .postContent .wrapperBox {
  margin-top: 20px;
  padding: 20px;
  border-radius: 20px;
  background-color: #f4e6ec;
}
.consultationTabs .tabContentWrapper .postContent .postWrapper {
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
  align-items: center;
}
.consultationTabs .tabContentWrapper .postContent .postWrapper .txtWrapper {
  padding: 0;
}
.consultationTabs .tabContentWrapper .postContent .hl {
  display: inline-block;
  margin-bottom: 0.75em;
  padding: 0.25em 1em;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 1.25;
}
.consultationTabs .tabContentWrapper .postContent .postImg {
  margin-top: 20px;
  margin-bottom: 0;
  background: url(../img/home/bg_introducing.svg) 50% 50% no-repeat;
}
.consultationTabs .tabContentWrapper .postContent ul {
  list-style: none;
  margin-bottom: 0;
}
.consultationTabs .tabContentWrapper .postContent ul li {
  margin-top: 1em;
  padding-left: 30px;
  background: url(../img/common/img_new_leaves.png) 0 0.25em no-repeat;
  background-size: 20px 20px;
}

@media screen and (min-width: 560px) {
  .consultationTabs:before {
    height: 360px;
  }
  .consultationTabs .tabNav {
    height: 360px;
  }
  .consultationTabs .tabNav ul li .tabMenu img {
    display: block;
  }
  .consultationTabs .tabContentWrapper .postContent .postImg {
    max-width: 320px;
    width: 80%;
  }
}
@media screen and (min-width: 960px) {
  #consultation {
    font-size: 1.6rem;
  }
  .consultationTabs:before {
    height: 480px;
  }
  .consultationTabs .tabNav {
    height: 480px;
  }
  .consultationTabs .tabNav ul li .tabMenu img {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 50px;
    height: 50px;
  }
  .consultationTabs .tabContentWrapper {
    padding-bottom: 6vw;
  }
  .consultationTabs .tabContentWrapper .postTitle img {
    height: 42px;
  }
  .consultationTabs .tabContentWrapper .postContent {
    padding: 40px;
  }
  .consultationTabs .tabContentWrapper .postContent .postImg {
    margin-top: 0;
    max-width: none;
    width: 35%;
  }
  .consultationTabs .tabContentWrapper .postContent .txtWrapper {
    width: 65%;
  }
  .consultationTabs .tabContentWrapper .postContent .wrapperBox {
    padding: 40px;
  }
}
@media screen and (min-width: 1194px) {
  .consultationTabs .tabContentWrapper {
    padding-bottom: 6vw;
  }
  .consultationTabs .tabContentWrapper .postTitle {
    padding: 60px 60px 40px;
  }
  .consultationTabs .tabContentWrapper .postContent {
    padding: 40px 60px 60px;
  }
}
#establishingSystem {
  border-radius: 30px;
  background-color: #fffdf5;
}
#establishingSystem .postContent .wrapperBox {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}
#establishingSystem .postTitle {
  padding-top: 18px;
  padding-bottom: 18px;
  background: #ffffff;
  border-radius: 30px 30px 0 0;
}
@media screen and (min-width: 560px) {
  #establishingSystem .postTitle {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1194px) {
  #establishingSystem .postTitle {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

/* 4.3.5 - 処方せん調剤 - Prescription
-------------------------------------------------- */
.secPrescription {
  padding-bottom: 70px;
  background-color: #fffdf5;
}
.secPrescription .secHaedLine {
  padding-bottom: 20px;
}
.secPrescription .prescriptionList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  width: 100%;
  font-size: 1.5rem;
}
.secPrescription .prescriptionList li {
  width: 100%;
  margin-bottom: 40px;
}
.secPrescription .prescriptionList li dl {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.secPrescription .prescriptionList li dl dt {
  margin-bottom: 25px;
}
.secPrescription .prescriptionList li dl dd {
  margin-bottom: 0;
  padding: 0 15px;
}
.secPrescription .prescriptionList li .hl {
  margin-bottom: 15px;
}
.secPrescription .prescriptionList li .hl img {
  display: block;
  width: auto;
  height: 20px;
}
.secPrescription .prescriptionList li .hl img.en {
  margin-top: 5px;
}
.secPrescription .prescriptionList li .prescriptionImg {
  display: block;
  padding-top: 66.667%;
  border-radius: 30px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.secPrescription .prescriptionList li.prescription_01 .prescriptionImg {
  background-image: url(../img/page/img_prescription_01.jpg);
}
.secPrescription .prescriptionList li.prescription_02 .prescriptionImg {
  background-image: url(../img/page/img_prescription_02.jpg);
}
.secPrescription .prescriptionList li.prescription_03 .prescriptionImg {
  background-image: url(../img/page/img_prescription_03.jpg);
}
.secPrescription .prescriptionList li.prescription_04 .prescriptionImg {
  background-image: url(../img/page/img_prescription_04.jpg);
}

@media screen and (min-width: 560px) {
  .secPrescription .secHaedLine {
    padding-bottom: 40px;
  }
  .secPrescription .prescriptionList {
    font-size: 1.6rem;
  }
  .secPrescription .prescriptionList li {
    margin-bottom: 60px;
    width: calc(50% - 20px);
  }
  .secPrescription .prescriptionList li dl {
    flex-direction: column-reverse;
  }
  .secPrescription .prescriptionList li dl dt {
    margin: 20px 0 0;
  }
  .secPrescription .prescriptionList li dl dd {
    padding: 0;
  }
  .secPrescription .prescriptionList li:nth-child(odd) dl {
    flex-direction: column;
  }
  .secPrescription .prescriptionList li:nth-child(odd) dl dt {
    margin: 0 0 20px;
  }
  .secPrescription .prescriptionList li .hl img {
    height: 22px;
  }
}
@media screen and (min-width: 1194px) {
  .secPrescription .secHaedLine {
    padding-bottom: 60px;
  }
  .secPrescription .prescriptionList li {
    width: calc(50% - 30px);
  }
  .secPrescription .prescriptionList li .hl img {
    height: 24px;
  }
  .secPrescription .prescriptionList li .hl img.en {
    height: 22px;
  }
}
/* 4.3.6 - 主な設備 - Prescription
-------------------------------------------------- */
.secEquipment {
  padding: 40px 0;
}
.secEquipment .secHaedLine {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: 1;
  margin-left: -58px;
  padding: 0 !important;
  width: 117px;
  height: 30px;
  background-color: #fffdf5;
}
.secEquipment .postWrapper {
  margin-bottom: 0;
  padding: 30px;
  min-width: none;
  max-width: none;
  width: 100%;
  border: 3px solid #221815;
  border-radius: 30px;
}
.secEquipment .postWrapper .articlesList {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.secEquipment .postWrapper .articlesList .colItem {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 0 0;
}
.secEquipment .postWrapper .articlesList .postImg {
  padding-top: 50%;
  width: 50%;
  height: 0;
  background: url(../img/page/bg_circle.svg) 50% 50% no-repeat;
  background-size: cover;
}
.secEquipment .postWrapper .articlesList .postImg img {
  position: absolute;
  top: 2%;
  left: 2%;
  width: 96%;
  border-radius: 100%;
}
.secEquipment .postWrapper .articlesList .txtWrapper {
  font-size: 1.4rem;
  line-height: 1.42857143;
}
.secEquipment .postWrapper .articlesList .txtWrapper .hl {
  margin-bottom: 0.5em;
  color: #e74291;
  font-size: 1.5rem;
}

@media screen and (min-width: 560px) {
  .secEquipment {
    padding-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .secEquipment {
    padding-top: 80px;
  }
  .secEquipment .secHaedLine {
    top: -18px;
    margin-left: -70px;
    width: 140px;
    height: 37px;
  }
  .secEquipment .postWrapper {
    margin-bottom: 40px;
    padding: 20px 40px 40px;
    width: 100%;
  }
  .secEquipment .postWrapper .articlesList .colItem {
    align-items: center;
    padding-top: 40px;
  }
  .secEquipment .postWrapper .articlesList .postImg {
    padding-top: 30%;
    width: 30%;
  }
  .secEquipment .postWrapper .articlesList .txtWrapper {
    width: 70%;
    font-size: 1.5rem;
  }
  .secEquipment .postWrapper .articlesList .txtWrapper .hl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1194px) {
  .secEquipment {
    padding-top: 100px;
  }
  .secEquipment .postWrapper {
    margin-bottom: 60px;
  }
  .secEquipment .postWrapper .articlesList .txtWrapper .hl {
    margin-bottom: 1em;
  }
}
/* 4.3.7 - 店舗販売について - Support
-------------------------------------------------- */
.secStoreSales .postWrapper {
  flex-direction: row;
  padding: 15px 0;
  min-width: none !important;
  max-width: none !important;
  width: 100%;
  font-size: 1.5rem;
}
.secStoreSales .postWrapper .postImg {
  width: 100%;
}
.secStoreSales .postWrapper .postImg img {
  margin: auto;
  max-width: 320px;
  border-radius: 30px;
}
.secStoreSales .postWrapper .txtWrapper {
  display: block;
  padding-top: 0;
  width: 100%;
}
.secStoreSales .postWrapper dl {
  position: relative;
  margin: 15px auto;
  padding: 15px 0 0;
  width: 100%;
  border-top: 1px dotted #1c3f95;
}
.secStoreSales .postWrapper dl dt {
  margin-bottom: 0.25em;
  width: 100%;
  color: #e74291;
}
.secStoreSales .postWrapper dl dd {
  margin: 0;
  width: 100%;
}
.secStoreSales .retail {
  margin-top: 40px;
}
.secStoreSales .retail a {
  width: 242px;
  background-image: url(../img/page/btn_retail.svg);
}

@media screen and (min-width: 560px) {
  .secStoreSales .postWrapper {
    padding: 30px 15px 15px;
  }
}
@media screen and (min-width: 960px) {
  .secStoreSales .secHaedLine {
    padding-bottom: 40px;
  }
  .secStoreSales .postWrapper {
    padding: 60px 20px 20px;
    font-size: 1.6rem;
  }
  .secStoreSales .postWrapper .postImg {
    display: block;
    width: 32%;
  }
  .secStoreSales .postWrapper .txtWrapper {
    width: 64%;
  }
  .secStoreSales .postWrapper dl {
    margin: 0 auto 30px;
    padding: 30px 15px 0;
  }
  .secStoreSales .postWrapper dl dt {
    font-size: 1.7rem;
  }
  .secStoreSales .postWrapper dl.lastChild {
    padding-bottom: 30px;
    border-bottom: 1px dotted #1c3f95;
  }
}
@media screen and (min-width: 1194px) {
  .secStoreSales .secHaedLine {
    padding-bottom: 60px;
  }
  .secStoreSales .postWrapper {
    padding: 100px 60px 60px;
  }
  .secStoreSales .postWrapper dl dt {
    font-size: 1.8rem;
  }
}
/* 4.3.8 - 在宅医療・居宅介護 - Connectedness
-------------------------------------------------- */
.secHomeHealthcare {
  z-index: 1;
  padding-bottom: 100px;
  background-color: #fffdf5;
}
.secHomeHealthcare:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../img/page/bg_wave_01.svg) 50% 400px no-repeat;
  content: "";
}
.secHomeHealthcare .secHaedLine {
  padding-bottom: 20px;
}
.secHomeHealthcare .postWrapper {
  flex-direction: column;
  align-items: center;
  min-width: none !important;
  max-width: none !important;
  width: 100%;
  border-radius: 30px;
  background-color: #ffffff;
  font-size: 1.5rem;
}
.secHomeHealthcare .postWrapper p {
  position: relative;
  margin-bottom: 30px;
  padding: 1em 0 30px;
  background: url(../img/common/bg_decoration_line_01.png) 50% 100% no-repeat;
  background-size: 95px 10px;
}
.secHomeHealthcare .postWrapper dl {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 15px auto;
  padding: 15px 0 0;
  width: 100%;
  border-top: 1px dotted #1c3f95;
}
.secHomeHealthcare .postWrapper dl dt {
  margin-bottom: 0.25em;
  width: 100%;
  color: #e74291;
}
.secHomeHealthcare .postWrapper dl dd {
  margin: 0;
  width: 100%;
}
.secHomeHealthcare .maps {
  position: relative;
  width: 100%;
  height: 200px;
}
.secHomeHealthcare .maps .mapCanvas {
  width: 100%;
  height: 100%;
  border: 5px solid #f4f5e7;
  border-radius: 30px;
}
.secHomeHealthcare .maps .address {
  position: absolute;
  bottom: -30px;
  left: 10%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  width: 80%;
  height: 60px;
  border-radius: 60px;
  background-color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
}

@media screen and (min-width: 560px) {
  .secHomeHealthcare .secHaedLine {
    padding-bottom: 40px;
  }
  .secHomeHealthcare .maps .address:before, .secHomeHealthcare .maps .address:after {
    position: absolute;
    bottom: 5px;
    width: 86px;
    height: 67px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
  }
  .secHomeHealthcare .maps .address:before {
    left: -20px;
    background-image: url(../img/page/img_maps_01.png);
  }
  .secHomeHealthcare .maps .address:after {
    right: -20px;
    background-image: url(../img/page/img_maps_02.png);
  }
}
@media screen and (min-width: 960px) {
  .secHomeHealthcare {
    padding-bottom: 160px;
  }
  .secHomeHealthcare .postWrapper {
    font-size: 1.6rem;
  }
  .secHomeHealthcare .postWrapper p {
    margin-bottom: 20px;
    padding-bottom: 50px;
  }
  .secHomeHealthcare .postWrapper dl {
    margin: 30px auto 0;
    padding: 30px 15px 0;
  }
  .secHomeHealthcare .postWrapper dl dt {
    margin: 0;
    width: 15%;
  }
  .secHomeHealthcare .postWrapper dl dd {
    width: 85%;
  }
  .secHomeHealthcare .postWrapper dl.lastChild {
    padding-bottom: 30px;
    border-bottom: 1px dotted #1c3f95;
  }
  .secHomeHealthcare .maps {
    height: 400px;
  }
  .secHomeHealthcare .maps .address {
    left: 20%;
    width: 60%;
    font-size: 1.4rem;
  }
  .secHomeHealthcare .maps .address:before, .secHomeHealthcare .maps .address:after {
    width: 96px;
    height: 74px;
  }
  .secHomeHealthcare .maps .address:before {
    left: 10px;
  }
  .secHomeHealthcare .maps .address:after {
    right: 10px;
  }
}
@media screen and (min-width: 1194px) {
  .secHomeHealthcare {
    padding-bottom: 180px;
  }
  .secHomeHealthcare .secHaedLine {
    padding-bottom: 60px;
  }
  .secHomeHealthcare .postWrapper {
    padding: 40px 60px 60px;
  }
}
/* 4.3.9 - ボンド流癒やし空間 - Connectedness
-------------------------------------------------- */
.secHealingSpace {
  padding-bottom: 60px;
  background: url(../img/page/bg_polka_dots.png) 0 0 repeat-y;
  background-size: cover;
}
.secHealingSpace:before {
  position: absolute;
  top: -5vw;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_06.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}
.secHealingSpace .secHaedLine {
  padding-bottom: 20px;
}
.secHealingSpace .postWrapper {
  padding-top: 20px;
  padding-bottom: 25px;
  min-width: none !important;
  max-width: none !important;
  width: 100%;
  border-radius: 30px;
  background-color: #ffffff;
  font-size: 1.5rem;
}
.secHealingSpace .postWrapper .articlesList {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.secHealingSpace .postWrapper .articlesList .colItem {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 20px 0 0;
  width: 48%;
}
.secHealingSpace .postWrapper .articlesList .postImg {
  margin: 0;
  width: 100%;
  background-color: #ffffff;
}
.secHealingSpace .postWrapper .articlesList .postImg img {
  border-radius: 15px;
}
.secHealingSpace .postWrapper .articlesList .txtWrapper {
  padding-top: 30px;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.42857143;
}
.secHealingSpace .postWrapper .articlesList .txtWrapper .hl {
  margin-bottom: 1em;
  color: #e74291;
  font-size: 1.4rem;
  text-align: center;
}

@media screen and (min-width: 560px) {
  .secHealingSpace .secHaedLine {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .secHealingSpace {
    padding-bottom: 100px;
  }
  .secHealingSpace .postWrapper {
    margin-bottom: 40px;
    padding-top: 0;
    width: 100%;
  }
  .secHealingSpace .postWrapper .articlesList .colItem {
    align-items: center;
    padding-top: 40px;
    width: 22.5%;
    width: 30%;
  }
  .secHealingSpace .postWrapper .articlesList .txtWrapper {
    font-size: 1.5rem;
  }
  .secHealingSpace .postWrapper .articlesList .txtWrapper .hl {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .secHealingSpace {
    padding-bottom: 120px;
  }
  .secHealingSpace .secHaedLine {
    padding-bottom: 60px;
  }
  .secHealingSpace .postWrapper {
    margin-bottom: 60px;
  }
}
/* 4.3.10 - 薬剤師紹介 - About
-------------------------------------------------- */
#pharmacist {
  padding-bottom: 60px;
  background-color: #fffdf5;
}
@media screen and (min-width: 560px) {
  #pharmacist {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1194px) {
  #pharmacist {
    padding-bottom: 120px;
  }
}
#pharmacist:before {
  position: absolute;
  top: -5vw;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_02.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}
#pharmacist .secHaedLine {
  padding-bottom: 20px;
}
#pharmacist .postWrapper {
  margin-bottom: 0;
  padding: 40px 40px 30px;
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper {
    margin: 60px auto 80px;
    padding: 0;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper {
    padding: 0 80px;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper {
    padding: 0 140px;
  }
}
@media screen and (min-width: 1194px) {
  #pharmacist .postWrapper {
    margin-right: 10%;
    margin-left: auto;
  }
}
#pharmacist .postWrapper:before {
  position: absolute;
  top: 80px;
  right: 10px;
  bottom: 0;
  left: 10px;
  border: 10px solid #f4f5e8;
  border-radius: 60px;
  content: "";
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper:before {
    top: 60px;
    right: 30px;
    bottom: 30px;
    left: 30px;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper:before {
    right: 60px;
    left: 60px;
  }
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .postImg {
    margin: 0 0 80px;
    width: 50%;
  }
}
#pharmacist .postWrapper .postImg img {
  border-radius: 30px;
}
#pharmacist .postWrapper .txtWrapper {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 3;
  text-align: center;
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper {
    margin: 25% 0 0;
    padding-right: 0;
    width: 50%;
    text-align: left;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper .txtWrapper {
    padding-left: 20px;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper {
    padding-left: 30px;
  }
}
#pharmacist .postWrapper .txtWrapper:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper:before {
    right: -20px;
    left: -30px;
    background-color: #ffe893;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper .txtWrapper:before {
    right: -80px;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper:before {
    right: -110px;
    left: -40px;
  }
}
#pharmacist .postWrapper .txtWrapper:after {
  position: absolute;
  width: 109px;
  height: 64px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper:after {
    width: 128px;
    height: 75px;
  }
}
#pharmacist .postWrapper .txtWrapper.pharmacist01:after {
  top: -79px;
  left: -10px;
  background-image: url(../img/page/img_pharmacist_deco_01.png);
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist01:after {
    top: -59px;
    right: -20px;
    left: unset;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist01:after {
    top: -70px;
    right: -80px;
  }
}
#pharmacist .postWrapper .txtWrapper.pharmacist02:after {
  top: -81px;
  right: -30px;
  background-image: url(../img/page/img_pharmacist_deco_02.png);
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist02:after {
    top: -59px;
    right: unset;
    left: 0;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist02:after {
    top: -70px;
  }
}
#pharmacist .postWrapper .txtWrapper.pharmacist03:after {
  top: -50px;
  right: -20px;
  background-image: url(../img/page/img_pharmacist_deco_03.png);
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist03:after {
    top: -60px;
    right: -80px;
  }
}
#pharmacist .postWrapper .txtWrapper.pharmacist04:after {
  top: -50px;
  left: 0;
  background-image: url(../img/page/img_pharmacist_deco_04.png);
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist04:after {
    left: 20px;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper.pharmacist04:after {
    top: -60px;
  }
}
#pharmacist .postWrapper .txtWrapper > div {
  margin: 10px 0;
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper > div {
    margin: 40px 0 30px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper .txtWrapper > div {
    margin-right: -20px;
  }
}
#pharmacist .postWrapper .txtWrapper .author {
  margin-bottom: 15px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper .author {
    font-size: 1.6rem;
  }
}
#pharmacist .postWrapper .txtWrapper .author span {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper .txtWrapper .author span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper .author span {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1194px) {
  #pharmacist .postWrapper .txtWrapper .author span {
    font-size: 2.4rem;
  }
}
#pharmacist .postWrapper .txtWrapper .summary {
  margin: 0;
  list-style: none;
  font-size: 1.3rem;
  line-height: 1.42857143;
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper .txtWrapper .summary {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1194px) {
  #pharmacist .postWrapper.even {
    margin-right: auto;
    margin-left: 10%;
  }
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper.even .postImg {
    order: 2;
  }
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper.even .txtWrapper {
    order: 1;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper.even .txtWrapper {
    padding-left: 0;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper.even .txtWrapper {
    padding-right: 80px;
  }
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper.even .txtWrapper:before {
    right: -30px;
    left: -20px;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper.even .txtWrapper:before {
    left: -80px;
  }
}
@media screen and (min-width: 960px) {
  #pharmacist .postWrapper.even .txtWrapper:before {
    right: -40px;
    left: -110px;
  }
}
@media screen and (min-width: 560px) {
  #pharmacist .postWrapper.even .txtWrapper > div {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 720px) {
  #pharmacist .postWrapper.even .txtWrapper > div {
    margin-right: 0;
    margin-left: -40px;
  }
}

/* 4.3.11 - オンライン服用指導 - Support
-------------------------------------------------- */
.secOnline {
  padding-bottom: 60px;
  background-color: #fffdf5;
}
@media screen and (min-width: 560px) {
  .secOnline {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1194px) {
  .secOnline {
    padding-bottom: 120px;
  }
}
.secOnline:before {
  position: absolute;
  top: -5vw;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_02.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}
.secOnline .secHaedLine {
  padding-bottom: 20px;
}
.secOnline .postWrapper {
  padding: 0 40px;
}
@media screen and (min-width: 560px) {
  .secOnline .postWrapper {
    margin: 30px auto;
  }
}
@media screen and (min-width: 960px) {
  .secOnline .postWrapper {
    padding: 0 140px;
  }
}
.secOnline .clinicsAppLink {
  justify-content: center;
  margin-bottom: 60px;
}
.secOnline .clinicsAppLink > a {
  display: block;
}
.secOnline .clinicsAppLink img {
  margin: auto;
}
.secOnline .clinicsAppLink img.bannerPc {
  max-width: 728px;
}
@media screen and (max-width: 959px) {
  .secOnline .clinicsAppLink img.bannerPc {
    display: none;
  }
}
.secOnline .clinicsAppLink img.bannerSp {
  max-width: 300px;
}
@media screen and (min-width: 960px) {
  .secOnline .clinicsAppLink img.bannerSp {
    display: none;
  }
}
.secOnline .postTitle {
  position: relative;
  margin-bottom: 60px;
  padding: 40px 20px;
  background: url(../img/common/bg_decoration_line_01.png) 50% 100% no-repeat;
  background-size: 95px 10px;
}
.secOnline .postTitle img {
  height: 24px;
}
.secOnline .onlineStep .postWrapper {
  align-items: start;
}
@media screen and (min-width: 560px) {
  .secOnline .onlineStep .postWrapper .postImg {
    margin: 0;
    width: 45%;
  }
}
.secOnline .onlineStep .postWrapper .postImg img {
  margin: auto;
  max-width: 240px;
}
.secOnline .onlineStep .postWrapper .txtWrapper {
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (min-width: 560px) {
  .secOnline .onlineStep .postWrapper .txtWrapper {
    padding: 15px 15px 15px 30px;
    width: 55%;
    text-align: left;
  }
}
.secOnline .onlineStep .postWrapper .txtWrapper span {
  display: block;
  margin-bottom: 0.5em;
  color: #e74291;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
}

/*
--------------------------------------------------
 4.4 - Header
--------------------------------------------------
*/
.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 75px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 0.4s ease 0s;
}

@media screen and (min-width: 960px) {
  .siteHeader {
    height: 120px;
  }
  .siteHeader.isThin {
    height: 75px;
  }
}
/* 4.4.1 - Logo
-------------------------------------------------- */
.logo {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -23px;
  width: 195px;
  height: 46px;
  transition: all 0.4s ease 0s;
}
.logo a {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 560px) {
  .logo {
    margin-top: -28px;
    width: 240px;
    height: 56px;
  }
}
@media screen and (min-width: 960px) {
  .logo {
    left: 20px;
    margin-top: -35px;
    width: 300px;
    height: 70px;
  }
  .isThin .logo {
    margin-top: -28px;
    width: 240px;
    height: 56px;
  }
}
@media screen and (min-width: 1194px) {
  .logo {
    left: 30px;
  }
}
/* 4.4.2 - Menu Button
-------------------------------------------------- */
.btnMenu {
  position: absolute;
  top: 38px;
  right: 20px;
  z-index: 12000;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  text-align: center;
  transition: all 0.4s ease 0s;
}
.btnMenu a {
  position: relative;
  display: block;
}

.isThin .btnMenu {
  top: 38px;
}

@media screen and (min-width: 560px) {
  .btnMenu {
    margin-top: -20px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 960px) {
  .btnMenu {
    top: 60px;
  }
}
.cHamburger {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  border: none;
  box-shadow: none;
  text-indent: -9999px;
  font-size: 0;
  cursor: pointer;
  transition: background 0.3s;
  appearance: none;
}
.cHamburger:focus {
  outline: none;
}
.cHamburger span {
  position: absolute;
  top: 11px;
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  background-color: transparent;
}
.cHamburger span:before, .cHamburger span:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  background-color: #221815;
  content: "";
}
.cHamburger span:before {
  top: -4px;
}
.cHamburger span:after {
  bottom: -3px;
}

.cHamburgerHtx {
  background-color: transparent;
}
.cHamburgerHtx span {
  transition: background 0s 0.3s;
}
.cHamburgerHtx span:before, .cHamburgerHtx span:after {
  transition-delay: 0.3s, 0s;
  transition-duration: 0.3s, 0.3s;
}
.cHamburgerHtx span:before {
  transition-property: top, transform;
}
.cHamburgerHtx span:after {
  transition-property: bottom, transform;
}
.cHamburgerHtx.isActive {
  background-color: transparent;
}
.cHamburgerHtx.isActive span {
  background: none;
}
.cHamburgerHtx.isActive span:before, .cHamburgerHtx.isActive span:after {
  transition-delay: 0s, 0.3s;
}
.cHamburgerHtx.isActive span:before {
  top: 0;
  transform: rotate(45deg);
}
.cHamburgerHtx.isActive span:after {
  bottom: 0;
  transform: rotate(-45deg);
}

@media screen and (min-width: 560px) {
  .cHamburger {
    width: 40px;
    height: 40px;
  }
  .cHamburger span {
    top: 19px;
    height: 3px;
  }
  .cHamburger span:before, .cHamburger span:after {
    height: 3px;
  }
  .cHamburger span:before {
    top: -6px;
  }
  .cHamburger span:after {
    bottom: -5px;
  }
}
/* 4.4.3 - Menu Navigation
-------------------------------------------------- */
.gNavDrMenu {
  position: absolute;
  left: 0;
  z-index: 10030;
  width: 100%;
  height: auto;
  background-color: #ffe893;
  font-size: 1.4rem;
  transform: translateY(-100%);
  transition: all 0.3s ease;
}
.gNavDrMenu.isActive {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateY(0%);
}

.gNavDrHeader {
  position: relative;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.gNavDrHeader a {
  display: block;
  width: 60px;
  height: 60px;
}

.gNavDrContent {
  position: relative;
}
.gNavDrContent .gNavList {
  margin: 0;
  text-align: center;
}
.gNavDrContent .gNavList .colItem {
  margin-top: 15px;
}
.gNavDrContent .gNavList .colItem a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background-color: #ffffff;
}
.gNavDrContent .articlesList {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.gNavDrContent .articlesList .colItem {
  margin: 0 0 15px;
  padding: 0;
  width: 100%;
}
.gNavDrContent .articlesList .colItem .introducingLink {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 15px 10px 0;
  border-radius: 30px;
  background-color: #ffffff;
}
.gNavDrContent .articlesList .colItem .postImg {
  width: 80px;
}
.gNavDrContent .articlesList .colItem .txtWrapper {
  width: calc(100% - 85px);
  font-size: 1.3rem;
  text-align: left;
}
.gNavDrContent .articlesList .colItem .txtWrapper .postTitle {
  margin-bottom: 5px;
  width: auto;
  height: 18px;
}
.gNavDrContent .articlesList .colItem .txtWrapper .postTitle img {
  width: auto;
  height: 100%;
}

.gNavDrFooter {
  position: relative;
  padding: 30px 0 60px;
  width: 100%;
  font-size: 1.5rem;
  text-align: center;
}
.gNavDrFooter p {
  margin-bottom: 0.25em;
}
.gNavDrFooter small {
  font-size: 1.3rem;
}
.gNavDrFooter .linkExternal {
  background-color: #ffffff;
}

@media screen and (min-width: 560px) {
  .gNavDrHeader {
    padding: 20px 0 40px;
  }
  .gNavDrHeader a {
    width: 80px;
    height: 80px;
  }
  .gNavDrContent .articlesList .colItem .introducingLink {
    padding: 20px 20px 10px 10px;
  }
  .gNavDrContent .articlesList .colItem .postImg {
    width: 120px;
  }
  .gNavDrContent .articlesList .colItem .txtWrapper {
    width: calc(100% - 130px);
    font-size: 1.4rem;
  }
  .gNavDrContent .articlesList .colItem .txtWrapper .postTitle {
    margin-bottom: 10px;
    height: 20px;
  }
}
@media screen and (min-width: 960px) {
  .gNavDrMenu {
    font-size: 1.6rem;
  }
  .gNavDrHeader a {
    width: 120px;
    height: 120px;
  }
  .gNavDrContent .gNavList .colItem {
    margin-top: 1em;
  }
  .gNavDrContent .gNavList .colItem a {
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
  }
  .gNavDrContent .articlesList .colItem {
    width: calc(33.33333% - 15px);
  }
  .gNavDrContent .articlesList .colItem .introducingLink {
    padding: 20px 30px 30px;
  }
  .gNavDrContent .articlesList .colItem .postImg {
    margin: 0 auto 10px;
    width: 200px;
  }
  .gNavDrContent .articlesList .colItem .txtWrapper {
    margin: auto;
    max-width: 320px;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }
  .gNavDrContent .articlesList .colItem .txtWrapper .postTitle {
    margin-bottom: 20px;
  }
  .gNavDrContent .articlesList .colItem .txtWrapper .postTitle img {
    margin: auto;
  }
  .gNavDrFooter {
    margin-top: 40px;
    font-size: 1.6rem;
  }
  .gNavDrFooter small {
    font-size: 1.4rem;
  }
}
/*
--------------------------------------------------
 4.5 - Footer
--------------------------------------------------
*/
.siteFooter {
  position: relative;
  padding-top: calc(5vw + 40px);
  background-color: #ffffff;
  font-size: 1.5rem;
}
.siteFooter .ftrLogo {
  margin: 0 auto 40px;
  width: 300px;
  height: 70px;
}
.siteFooter .table {
  border: none;
}
.siteFooter .table > li {
  margin-bottom: 1.25em;
}
.siteFooter .table > li p,
.siteFooter .table > li ul,
.siteFooter .table > li ol,
.siteFooter .table > li dl {
  margin-bottom: 0;
}
.siteFooter .table .th {
  padding: 0.25em 15px;
  width: 30%;
  background: transparent;
  border: none;
}
.siteFooter .table .td {
  padding: 0.25em 15px;
  width: 70%;
  border: none;
}
.siteFooter:before {
  position: absolute;
  top: -5vw;
  left: 0;
  z-index: 2;
  padding-top: 10%;
  width: 100%;
  height: 0;
  background: url(../img/common/bg_sec_connect_03.svg) 0 0 no-repeat;
  background-size: cover;
  content: "";
}

.footerMenu {
  margin: 40px auto;
  padding-bottom: 180px;
  background: url(../img/common/img_character.png) 50% 100% no-repeat;
  background-size: 64px 128px;
  line-height: 1;
  font-size: 1.4rem;
}
.footerMenu ul {
  margin: 60px 0 0;
  list-style: none;
  text-align: center;
}
.footerMenu ul li {
  display: block;
  margin: 2em 0;
  padding: 0;
}
.footerMenu ul li:last-child {
  border-right: none;
}

.copyRight {
  padding: 10px 0;
  background-color: #e3e4d7;
  font-size: 1.4rem;
  text-align: center;
}

@media screen and (min-width: 560px) {
  .siteFooter {
    font-size: 1.6rem;
  }
  .siteFooter .ftrLogo {
    width: 300px;
    height: 70px;
  }
  .siteFooter .table {
    width: 490px;
  }
  .siteFooter .table > li {
    margin-bottom: 0;
  }
  .siteFooter .table .th {
    padding: 0.75em 15px;
    width: 28%;
    font-weight: normal;
  }
  .siteFooter .table .td {
    padding: 0.75em 15px;
    width: 72%;
  }
  .footerMenu {
    margin-top: 60px;
  }
  .footerMenu ul li {
    display: inline-block;
    margin: 1em 0;
    padding: 0 1.5em;
    border-right: 1px solid #221815;
  }
  .copyRight {
    font-size: 1.4rem;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 960px) {
  .siteFooter .table .th {
    width: 25%;
  }
  .siteFooter .table .td {
    width: 75%;
  }
  .footerMenu {
    font-size: 1.5rem;
  }
}
/* 4.5.1 - Slider
-------------------------------------------------- */
.sliderContainer {
  position: relative;
  left: 50%;
  overflow: hidden;
  display: flex;
  margin-left: -50%;
  width: 100%;
}
.sliderContainer .slider {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  list-style: none;
}
.sliderContainer .slider:first-child {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.sliderContainer .slider + .slider {
  -webkit-animation: loop2 50s linear infinite;
  animation: loop2 50s linear infinite;
}
.sliderContainer .slider .slideItem {
  display: inline-block;
  width: 180px;
}

@media screen and (min-width: 960px) {
  .sliderContainer .slider .slideItem {
    width: 240px;
  }
}
@-webkit-keyframes loop {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes loop {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes loop2 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@keyframes loop2 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
/*
==================================================
 9.0 - Waypoints
--------------------------------------------------
*/
.wp {
  visibility: hidden;
}

.animated {
  visibility: visible !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.delay-1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-2 {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.delay-3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay-4 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.delay-5 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.delay-6 {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}

.delay-7 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/*# sourceMappingURL=common.css.map */