/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/






ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
}

a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a:hover {
  opacity: 0.80;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/*------------------------------------------------------------
for develop
------------------------------------------------------------*/
#__bs_notify__ {
  opacity: 0.3 !important;
  font-size: 5px !important;
  line-height: 100% !important;
  padding: 0 5px 0 5px !important;
  border-radius: 0 !important;
}

.c-dev-title1 {
  background: #000;
  color: #FFF;
  line-height: 1;
  padding: 6px 0 6px 15px;
  font-size: 1.6rem;
  margin: 60px 0 20px 0;
}

.c-dev-title2 {
  background: #888;
  color: #FFF;
  line-height: 1;
  padding: 6px 0 6px 30px;
  font-size: 1.3rem;
  margin: 50px 0 10px 0;
}

.c-dev-message1 {
  top: 0;
  left: 0;
  background: #F00;
  color: #FFF;
  z-index: 9999;
  position: fixed;
  line-height: 1;
  padding: 3px 6px;
  opacity: 0.6;
  font-size: 8px;
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
  #globalHeader {
    position: fixed;
    z-index: 2005;
    top: 0;
    left: 0;
    width: 100%;
   /* background-color: #F2F2F2;*/
      background-color: #fff;
      
  }
  #globalHeader::before {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #B93436;
  }
  #globalHeader > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalHeader > div .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalHeader > div .logo figcaption {
    margin: 5px 0 0 5px;
    font-size: 10px;
    color: #251E1C;
  }
  #globalHeader > div .global-navi > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalHeader > div .global-navi > ul > li {
    position: relative;
    height: 60px;
    line-height: 60px;
  }
  #globalHeader > div .global-navi > ul > li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #B93436;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #globalHeader > div .global-navi > ul > li:hover::before {
    height: 3px;
  }
  #globalHeader > div .global-navi > ul > li:hover > a {
    opacity: 0.7;
  }
  #globalHeader > div .global-navi > ul > li:not(:first-child) {
    margin-left: 25px;
  }
}

@media screen and (min-width: 769px) and (max-width: 767px) {
  #globalHeader > div .global-navi > ul > li:not(:first-child) {
    margin-left: 10px;
    -webkit-transition: margin 0.3s;
    transition: margin 0.3s;
  }
}

@media screen and (min-width: 769px) {
  #globalHeader > div .global-navi > ul > li:hover .hidden-menu {
    opacity: 1;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(5) .hidden-menu li {
    width: 100%;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(5) .hidden-menu li form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: 100%;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(5) .hidden-menu li input[type="text"] {
    width: calc(100% - 150px);
    height: 50px;
    margin-top: 40px;
    padding: 0 10px;
    border: none;
    outline: none;
    background-color: #fff;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(5) .hidden-menu li input[type="submit"] {
    margin-top: 40px;
    width: 150px;
    height: 50px;
    background: url("") no-repeat 85% center;
    -webkit-background-size: 6px auto;
            background-size: 6px auto;
    background-color: #ccc;
    border: none;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(5) .hidden-menu li input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.75;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(2) .hidden-menu li:not(:first-child) {
    margin-left: 20px;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(2) .hidden-menu span {
    margin-top: 5px;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(3) .hidden-menu li {
    border-right: 1px solid #CECECE;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(3) .hidden-menu li:first-child {
    border-left: 1px solid #CECECE;
  }
    
  #globalHeader > div .global-navi > ul > li:nth-of-type(4) .hidden-menu li:not(:first-child) {
    margin-left: 20px;
  }
  #globalHeader > div .global-navi > ul > li:nth-of-type(4) .hidden-menu span {
    margin-top: 5px;
  }
    
  #globalHeader > div .global-navi > ul > li:last-child img {
    vertical-align: middle;
  }
  #globalHeader > div .global-navi > ul > li a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #262626;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #globalHeader > div .global-navi > ul > li a:hover {
    opacity: 0.5;
  }
  #globalHeader > div .global-navi > ul > li .hidden-menu {
    position: fixed;
    z-index: 2003;
    /*top: 60px;*/
      top:108px;
    left: 0;
    width: 100%;
    padding: 30px 0;
    /*background-color: #F2F2F2;*/
      background-color: #fff;
    opacity: 0;
    display: none;
  }
  #globalHeader > div .global-navi > ul > li .hidden-menu ul {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: flexd-start;
        -ms-flex-align: flexd-start;
            align-items: flexd-start;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flexd-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
}

@media screen and (min-width: 769px) and (max-width: 767px) {
  #globalHeader > div .global-navi > ul > li .hidden-menu ul {
    padding: 0 20px;
  }
}

@media screen and (min-width: 769px) {
  #globalHeader > div .global-navi > ul > li .hidden-menu ul li {
    width: 25%;
    text-align: center;
  }
  #globalHeader > div .global-navi > ul > li .hidden-menu ul li a {
    font-size: 12px;
    color: #262626;
    text-decoration: none;
  }
  #globalHeader > div .global-navi > ul > li .hidden-menu ul li a:hover {
    text-decoration: underline;
  }
  .contents-inner {
    width: 100%;
    /*max-width: 980px;*/
    margin: 0 auto;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
}

@media screen and (min-width: 769px) and (max-width: 767px) {
  .contents-inner {
    padding: 0 20px;
  }
}

@media screen and (min-width: 769px) {
  .saien-page #globalHeader {
    position: relative;
  }
  .saien-page #globalHeader::before {
    top: 59px;
    bottom: auto;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  #globalHeader {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #F2F2F2;
    border-bottom: 1px solid #B93436;
  }
  #globalHeader > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalHeader .logo {
    *zoom: 1;
    padding-left: 15px;
  }
  #globalHeader .logo:after {
    display: block;
    content: "";
    clear: both;
  }
  #globalHeader .logo > a {
    display: block;
    width: 55%;
    position: relative;
    z-index: 2;
    float: left;
  }
  #globalHeader .logo img {
    width: 100%;
  }
  #globalHeader .logo figcaption {
    margin: 4px 0 0 0;
    width: 43%;
    font-size: 10px;
    letter-spacing: 0;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    color: #251E1C;
    white-space: nowrap;
    float: right;
  }
  #globalHeader .global-navi {
    position: fixed;
    top: 51px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
    opacity: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.01s;
    transition: opacity 0.3s, -webkit-transform 0.01s;
    transition: transform 0.01s, opacity 0.3s;
    transition: transform 0.01s, opacity 0.3s, -webkit-transform 0.01s;
  }
  #globalHeader .global-navi.active {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  #globalHeader .global-navi.active > ul {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  #globalHeader .global-navi > ul {
    opacity: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
  }
  #globalHeader .global-navi > ul > li:last-child > a {
    background: transparent;
  }
  #globalHeader .global-navi > ul > li.accordion > a {
    background: url("img/icn_gnavi_arrow_btm_black.html") no-repeat 95% center;
    -webkit-background-size: 10px auto;
            background-size: 10px auto;
  }
  #globalHeader .global-navi > ul > li.accordion > a.active {
    background: url("img/icn_gnavi_arrow_top_black.html") no-repeat 95% center;
    -webkit-background-size: 10px auto;
            background-size: 10px auto;
  }
  /*#globalHeader .global-navi > ul > li:nth-of-type(5) {
    padding: 10px;
    position: relative;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(5) > a {
    display: inline-block;
    padding: 0 20px 0 0;
    border-bottom: none;
    position: absolute;
    margin-top: -9px;
    top: 50%;
    left: 10px;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(5) form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding-left: 40px;
    width: 100%;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(5) .hidden-menu {
    display: block;
    width: 100%;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(5) .hidden-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }*/
    
    #globalHeader .global-navi > ul > li:nth-of-type(8) {
    padding: 10px;
    position: relative;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(8) > a {
    display: inline-block;
    padding: 0 20px 0 0;
    border-bottom: none;
    position: absolute;
    margin-top: -9px;
    top: 50%;
    left: 10px;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(8) form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding-left: 40px;
    width: 100%;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(8) .hidden-menu {
    display: block;
    width: 100%;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(8) .hidden-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
    
  #globalHeader .global-navi > ul > li:nth-of-type(5) .hidden-menu li input[type="text"] {
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border: none;
    outline: none;
    background-color: #fff;
    border: 1px solid #ccc;
  }
  #globalHeader .global-navi > ul > li:nth-of-type(5) .hidden-menu li input[type="submit"] {
    width: 100px;
    height: 50px;
    background: url("") no-repeat 90% center;
    -webkit-background-size: 5px auto;
            background-size: 5px auto;
    background-color: #ccc;
    border: none;
    outline: none;
  }
  #globalHeader .global-navi > ul > li > a {
    background: url("img/icn_gnavi_arrow_right_black.html") no-repeat 95% center;
    -webkit-background-size: 6px auto;
            background-size: 6px auto;
  }
  #globalHeader .global-navi > ul > li > a.show {
    background: url("img/icn_gnavi_arrow_btm_black.html") no-repeat 95% center;
    -webkit-background-size: auto 6px;
            background-size: auto 6px;
  }
  #globalHeader .global-navi > ul > li a {
    display: block;
    padding: 15px 20px;
    font-size: 13px;
    color: #3E3A39;
    text-decoration: none;
    border-bottom: 1px solid #E0E0E0;
  }
  #globalHeader .global-navi > ul > li .hidden-menu {
    display: none;
  }
  #globalHeader .global-navi > ul > li .hidden-menu img {
    display: none;
  }
  #globalHeader .global-navi > ul > li .hidden-menu li a {
    padding-left: 50px;
    background: url("img/icn_gnavi_arrow_right_black.html") no-repeat 35px center;
    -webkit-background-size: 6px auto;
            background-size: 6px auto;
  }
  .sp-menu a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
  }
  .sp-menu a.active span:nth-of-type(1) {
    -webkit-animation-name: menuAnim1;
            animation-name: menuAnim1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .sp-menu a.active span:nth-of-type(2) {
    -webkit-animation-name: menuAnim2;
            animation-name: menuAnim2;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .sp-menu a.active span:nth-of-type(3) {
    -webkit-animation-name: menuAnim3;
            animation-name: menuAnim3;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .sp-menu a span {
    position: absolute;
    left: 17px;
    width: 18px;
    height: 2px;
    background-color: #000;
  }
  .sp-menu a span:nth-of-type(1) {
    top: 18px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
        transform: rotate(0);
    -webkit-animation-name: menuAnim4;
            animation-name: menuAnim4;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .sp-menu a span:nth-of-type(2) {
    top: 24px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
        transform: rotate(0);
    -webkit-animation-name: menuAnim5;
            animation-name: menuAnim5;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .sp-menu a span:nth-of-type(3) {
    top: 30px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
        transform: rotate(0);
    -webkit-animation-name: menuAnim6;
            animation-name: menuAnim6;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  @-webkit-keyframes menuAnim1 {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 28px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
  }
  @keyframes menuAnim1 {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 28px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
  }
  @-webkit-keyframes menuAnim2 {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      opacity: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @keyframes menuAnim2 {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      opacity: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @-webkit-keyframes menuAnim3 {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 28px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }
  @keyframes menuAnim3 {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 28px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }
  @-webkit-keyframes menuAnim4 {
    0% {
      top: 28px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    100% {
      top: 18px;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @keyframes menuAnim4 {
    0% {
      top: 28px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    100% {
      top: 18px;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @-webkit-keyframes menuAnim5 {
    0% {
      opacity: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @keyframes menuAnim5 {
    0% {
      opacity: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @-webkit-keyframes menuAnim6 {
    0% {
      top: 28px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    100% {
      top: 30px;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
  @keyframes menuAnim6 {
    0% {
      top: 28px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    100% {
      top: 30px;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  #globalFooter {
    padding: 30px 0 10px;
    border-top: 1px solid #CBCBCB;
    border-bottom: 5px solid #DF0615;
    background-color: #F2F2F2;
  }
  #globalFooter .bread-crumb {
    letter-spacing: 0.1em;
  }
  #globalFooter .bread-crumb a, #globalFooter .bread-crumb span {
    font-size: 10px;
    color: #3E3A39;
    text-decoration: none;
  }
  #globalFooter .bread-crumb a:hover {
    color: #ACACAD;
  }
  #globalFooter .bread-crumb span {
    margin-left: 10px;
    padding-left: 20px;
    background: url("") no-repeat left center;
    -webkit-background-size: 6px auto;
            background-size: 6px auto;
  }
  #globalFooter .footer-mid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin-top: 30px;
  }
  #globalFooter .footer-mid .left-col .footer-link1 {
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul:not(:first-child) {
    margin-left: 100px;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul > li {
    font-size: 11px;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul > li > span {
    font-weight: 500;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul > li > a {
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul > li ul li {
    margin-top: 5px;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul > li ul li a {
    font-size: 10px;
    color: #3E3A39;
    text-decoration: none;
  }
  #globalFooter .footer-mid .left-col .footer-link1 > ul > li ul li a:hover {
    color: #ACACAD;
  }
  #globalFooter .footer-mid .left-col .footer-link2 {
    margin-top: 55px;
    letter-spacing: 0.05em;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul:nth-of-type(1) li:last-child {
    background: url("") no-repeat left center, url("") no-repeat right center;
    -webkit-background-size: 2px auto, 2px auto;
            background-size: 2px auto, 2px auto;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul:nth-of-type(2) {
    margin-top: 5px;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul:nth-of-type(2) li:nth-of-type(4) {
    background: url("") no-repeat left center, url("") no-repeat right center;
    -webkit-background-size: 2px auto, 2px auto;
            background-size: 2px auto, 2px auto;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul li {
    padding: 0 10px 3px;
    line-height: 1;
    background: url("") no-repeat left center;
    -webkit-background-size: 2px auto;
            background-size: 2px auto;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul li a {
    display: inline-block;
    padding-top: 8.5px;
    font-size: 10px;
    color: #3E3A39;
    text-decoration: none;
  }
  #globalFooter .footer-mid .left-col .footer-link2 ul li a:hover {
    color: #ACACAD;
  }
  #globalFooter .footer-mid .right-col {
    width: 120px;
  }
  #globalFooter .footer-mid .right-col li {
    text-align: right;
  }
  #globalFooter .footer-mid .right-col li a {
    display: block;
  }
  #globalFooter .footer-mid .right-col li:nth-of-type(2) {
    margin-top: 95px;
  }
  #globalFooter .footer-mid .right-col li:nth-of-type(3), #globalFooter .footer-mid .right-col li:nth-of-type(4) {
    margin-top: 20px;
  }
  #globalFooter .footer-mid .right-col li:nth-of-type(2) a img, #globalFooter .footer-mid .right-col li:nth-of-type(3) a img {
    width: 100%;
  }
  #globalFooter .footer-btm {
    letter-spacing: 0.05em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin-top: 15px;
  }
  #globalFooter .footer-btm .language-and-copyright ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalFooter .footer-btm .language-and-copyright ul li {
    font-size: 10px;
    color: #3C3A39;
  }
  #globalFooter .footer-btm .language-and-copyright ul li:nth-of-type(1) {
    padding-right: 5px;
  }
  #globalFooter .footer-btm .language-and-copyright ul li:nth-of-type(2) {
    padding-left: 8px;
    background: url("") no-repeat left center;
    -webkit-background-size: 2px auto;
            background-size: 2px auto;
  }
  #globalFooter .footer-btm .language-and-copyright ul li a {
    color: #3E3A39;
    text-decoration: none;
  }
  #globalFooter .footer-btm .language-and-copyright ul li a:hover {
    color: #ACACAD;
  }
  #globalFooter .footer-btm .language-and-copyright small {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    color: #211613;
  }
}

@media screen and (max-width: 768px) {
  #globalFooter {
    padding-top: 20px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 5px solid #DF0615;
    background-color: #F2F2F2;
  }
  #globalFooter .bread-crumb {
    padding: 0 20px;
  }
  #globalFooter .bread-crumb a, #globalFooter .bread-crumb span {
    font-size: 10px;
    color: #3C3A39;
    text-decoration: none;
  }
  #globalFooter .bread-crumb span {
    margin-left: 10px;
    padding-left: 20px;
    background: url("") no-repeat left center;
    -webkit-background-size: 5px auto;
            background-size: 5px auto;
  }
  #globalFooter .footer-link1 {
    margin-top: 20px;
    padding: 0 20px;
  }
  #globalFooter .footer-link1 > ul > li {
    display: block;
    font-size: 10px;
    color: #3E3A39;
    text-decoration: none;
    background: url("img/icn_gnavi_arrow_btm_black.html") no-repeat right 19px;
    -webkit-background-size: 10px auto;
            background-size: 10px auto;
    cursor: pointer;
  }
  #globalFooter .footer-link1 > ul > li.active {
    background: url("img/icn_gnavi_arrow_top_black.html") no-repeat right 19px;
    -webkit-background-size: 10px auto;
            background-size: 10px auto;
  }
  #globalFooter .footer-link1 > ul > li > a, #globalFooter .footer-link1 > ul > li span {
    padding: 15px 0;
  }
  #globalFooter .footer-link1 > ul > li a, #globalFooter .footer-link1 > ul > li span {
    display: block;
    font-size: 10px;
    color: #3E3A39;
    text-decoration: none;
    border-bottom: 1px solid #E0E0E0;
  }
  #globalFooter .footer-link1 > ul > li ul {
    display: none;
  }
  #globalFooter .footer-link1 > ul > li ul li a {
    padding: 15px 20px 15px 50px;
    border-bottom: 1px solid #E0E0E0;
    background: url("img/icn_gnavi_arrow_right_black.html") no-repeat 35px center;
    -webkit-background-size: 6px auto;
            background-size: 6px auto;
  }
  #globalFooter .footer-link2 {
    margin-top: 40px;
    border-top: 1px solid #E0E0E0;
    background-color: #F2F2F2;
  }
  #globalFooter .footer-link2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  #globalFooter .footer-link2 ul li {
    width: 50%;
    border-bottom: 1px solid #E0E0E0;
  }
  #globalFooter .footer-link2 ul li:not(.sp) {
    display: table;
  }
  #globalFooter .footer-link2 ul li:not(.sp) a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 25px;
    font-size: 10px;
    color: #727171;
    text-decoration: none;
    background: url("") no-repeat 10px center;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
  }
  #globalFooter .footer-link2 ul li:nth-of-type(2n) {
    border-left: 1px solid #E0E0E0;
  }
  #globalFooter .footer-link2 ul li.youtube {
    padding: 5px 0;
    text-align: center;
  }
  #globalFooter .footer-link2 ul li.language {
    text-align: center;
  }
  #globalFooter .footer-link2 ul li.language a, #globalFooter .footer-link2 ul li.language span {
    font-size: 10px;
    color: #3C3A39;
  }
  #globalFooter .footer-link2 ul li.language a {
    text-decoration: none;
    color: #999999;
  }
  #globalFooter .footer-link2 ul li.language span:nth-of-type(1) {
    padding-right: 5px;
  }
  #globalFooter .footer-link2 ul li.language span:nth-of-type(2) {
    padding-left: 8px;
    background: url("") no-repeat left center;
    -webkit-background-size: 2px auto;
            background-size: 2px auto;
  }
  #globalFooter .right-col {
    padding: 35px 20px 0;
    text-align: center;
    background-color: #F2F2F2;
  }
  #globalFooter .right-col ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
  #globalFooter .right-col ul li {
    padding: 0 15px;
  }
  #globalFooter .right-col ul li:nth-of-type(1) {
    display: none;
  }
  #globalFooter .footer-btm {
    padding: 20px 20px 15px;
    background-color: #F2F2F2;
    text-align: center;
  }
  #globalFooter .footer-btm .language-and-copyright ul {
    display: none;
  }
  #globalFooter .footer-btm .language-and-copyright small {
    display: block;
    font-size: 10px;
    color: #727171;
    line-height: 1.2;
  }
  #globalFooter .footer-btm figure {
    margin-top: 10px;
  }
}

/*------------------------------------------------------------
side
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
layout
------------------------------------------------------------*/
body {
  padding-top: 60px;
  min-width: 1024px;
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 51px;
    min-width: auto;
  }
}

body.saien-page {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  body.saien-page {
    padding-top: 51px;
  }
}

/*
------------------------------------------------------------*/
.l-container {
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .l-container {
    width: 100%;
    padding: 0 20px;
  }
}

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
.c-btn a {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 5px;
  padding: 13px 20px;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-btn a {
    -webkit-box-flex: 1.6rem;
        -ms-flex: 1.6rem;
            flex: 1.6rem;
    width: 100%;
    padding: 10px 50px;
  }
}

.c-btn a span {
  line-height: 1.3;
  text-align: center;
}

.c-btn--orange {
  text-align: right;
}

.c-btn--orange a {
  background: #E58A00;
}

/*
------------------------------------------------------------*/
.c-btn1 {
  width: 306px;
}

@media screen and (max-width: 767px) {
  .c-btn1 {
    width: 100%;
    margin: 20px auto 0 auto;
  }
}

.c-btn1 a {
  display: inline-block;
  line-height: 1;
  text-align: center;
  font-size: 1.4rem;
  background: #E7E8E8;
  color: #595757;
  padding: 21px 0;
  letter-spacing: 0.3rem;
  position: relative;
  text-decoration: none;
  width: 306px;
}

@media screen and (max-width: 767px) {
  .c-btn1 a {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    letter-spacing: 0.1rem;
  }
}

.c-btn1 a span {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}

.c-btn1 a span:after {
  content: "";
  border: 1px solid #595757;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 45%;
  right: 0;
  margin: -2px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-btn1 a span:after {
    top: 45%;
    right: 0;
  }
}

.c-btn1__bg1 a {
  background: #949595;
  color: #fff;
  text-align: left;
  letter-spacing: 0.14rem;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .c-btn1__bg1 a {
    padding: 15px 10px;
    text-align: center;
  }
}

.c-btn1__bg1 a:after {
  border-color: #fff;
  right: 36px;
}

@media screen and (max-width: 767px) {
  .c-btn1__bg1 a:after {
    right: 15px;
  }
}

.c-btn1__bg1 span {
  position: relative;
  left: 40px !important;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-btn1__bg1 span {
    position: initial;
    left: 0 !important;
  }
}

.c-btn1__bg2 a {
  display: inline-block;
  background: #fff;
  color: #727171;
  text-align: left;
  letter-spacing: 0.34rem;
  padding: 16px 100px 18px 68px;
  text-decoration: none;
  font-size: 1.4rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-btn1__bg2 a {
    padding: 15px 10px;
    text-align: center;
    width: 225px;
  }
}

.c-btn1__bg2 a:after {
  content: "";
  border: 1px solid #727171;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 55px;
  margin: -2px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-btn1__bg2 a:after {
    right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn1--wd116 {
    margin: 0;
  }
}

.c-btn1--wd116 a {
  width: 116px;
  padding: 10px 0;
  font-size: 1rem;
  top: -3px;
  float: right;
}

@media screen and (max-width: 767px) {
  .c-btn1--wd116 a {
    width: auto;
    padding: 5px 15px;
    font-size: 0.7rem;
    top: 0;
    float: none;
  }
}

.c-btn1--wd116 a:after {
  right: 14px;
  margin: -3px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-btn1--wd116 a:after {
    -webkit-transform: rotate(-45deg) scale(0.5);
        -ms-transform: rotate(-45deg) scale(0.5);
            transform: rotate(-45deg) scale(0.5);
    right: 7px;
    top: 8px;
  }
}

.c-btn1--wd145 a {
  width: 145px;
  padding: 10px 0;
  font-size: 1rem;
  float: right;
}

@media screen and (max-width: 767px) {
  .c-btn1--wd145 a {
    width: auto;
    padding: 5px 15px;
    font-size: 0.7rem;
    float: none;
  }
}

.c-btn1--wd145 a:after {
  right: 14px;
  margin: -3px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-btn1--wd145 a:after {
    -webkit-transform: rotate(-45deg) scale(0.5);
        -ms-transform: rotate(-45deg) scale(0.5);
            transform: rotate(-45deg) scale(0.5);
    right: 7px;
    top: 8px;
  }
}

.c-btn1--wd286 a {
  width: 286px;
  padding: 10px 0;
  font-size: 1rem;
  float: right;
}

@media screen and (max-width: 767px) {
  .c-btn1--wd286 a {
    width: auto;
    padding: 5px 15px;
    font-size: 0.7rem;
    float: none;
  }
}

.c-btn1--wd286 a:after {
  right: 14px;
  margin: -3px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-btn1--wd286 a:after {
    -webkit-transform: rotate(-45deg) scale(0.5);
        -ms-transform: rotate(-45deg) scale(0.5);
            transform: rotate(-45deg) scale(0.5);
    right: 7px;
    top: 8px;
  }
}

/*
------------------------------------------------------------*/
.c-btn2__1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 240px;
  height: 55px;
  background: #E3E3E3;
  text-decoration: none;
  font-size: 1.4rem;
  color: #727171;
  color: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 0 23px;
  letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
  .c-btn2__1 a {
    font-size: 1.2rem;
    width: 220px;
    height: 50px;
  }
  .c-btn2__1 a img {
    width: 9px;
    height: auto;
  }
}

.c-btn2__1 a span {
  margin-left: 19px;
  margin-top: -1px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-btn2__1 a span {
    margin-left: 15px;
  }
}

.c-btn2__1 a span:after {
  content: '';
  width: 7px;
  height: 7px;
  border-top: 1px solid #727171;
  border-right: 1px solid #727171;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 7px;
  right: -20px;
}

@media screen and (max-width: 767px) {
  .c-btn2__1 a span:after {
    width: 5px;
    height: 5px;
  }
}

/*
------------------------------------------------------------*/
.c-btn3 {
  width: 314px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-btn3 {
    width: 100%;
    height: auto;
    max-width: 200px;
  }
}

.c-btn3:after {
  content: '';
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-left: 1px solid transparent;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  -webkit-transform: rotate(-48deg);
      -ms-transform: rotate(-48deg);
          transform: rotate(-48deg);
  margin: auto 10px auto auto;
}

.c-btn3 a {
  position: relative;
  text-decoration: none;
  color: #fff;
  padding: 8px 174px 8px 20px;
}

@media screen and (max-width: 767px) {
  .c-btn3 a {
    padding: 8px 50px 8px 20px;
  }
}

.c-btn3 a span {
  font-size: 2rem;
  position: relative;
}

.c-btn3--brown {
  background: #C88A57;
}

/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-title1 h1, .c-title1 h2, .c-title1 h3, .c-title1 h4, .c-title1 h5, .c-title1 h6, .c-title1 p {
  font-size: 3rem;
  font-weight: normal;
  color: #3E3A39;
  border-bottom: 1px solid #E0E0E0;
  line-height: 1.5;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-title1 h1, .c-title1 h2, .c-title1 h3, .c-title1 h4, .c-title1 h5, .c-title1 h6, .c-title1 p {
    font-size: 1.7rem;
    padding: 0 0 7px 0;
    font-weight: bold;
  }
}

.c-title1--noline h1, .c-title1--noline h2, .c-title1--noline h3, .c-title1--noline h4, .c-title1--noline h5, .c-title1--noline h6, .c-title1--noline p {
  border-bottom: none;
  color: #3E3A39;
  letter-spacing: 0.055rem;
}

@media screen and (max-width: 767px) {
  .c-title1--noline h1, .c-title1--noline h2, .c-title1--noline h3, .c-title1--noline h4, .c-title1--noline h5, .c-title1--noline h6, .c-title1--noline p {
    font-size: 1.6rem;
    padding: 20px 0 10px;
  }
}

.c-title1--center {
  text-align: center;
}

.c-title1--center h1, .c-title1--center h2, .c-title1--center h3, .c-title1--center h4, .c-title1--center h5, .c-title1--center h6 {
  font-size: 3.5rem;
  color: #3E3A39;
  letter-spacing: 0rem;
  padding: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .c-title1--center h1, .c-title1--center h2, .c-title1--center h3, .c-title1--center h4, .c-title1--center h5, .c-title1--center h6 {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: 0;
    padding: 0 0 20px;
  }
}

/*
------------------------------------------------------------*/
.c-title2 h1, .c-title2 h2, .c-title2 h3, .c-title2 h4, .c-title2 h5, .c-title2 h6, .c-title2 p {
  font-size: 1.8rem;
  font-weight: bold;
  color: #3E3A39;
  line-height: 1.7;
  letter-spacing: 0.055rem;
  text-align: left;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-title2 h1, .c-title2 h2, .c-title2 h3, .c-title2 h4, .c-title2 h5, .c-title2 h6, .c-title2 p {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    font-weight: bold;
  }
}

.c-title2--bold h5 {
  font-weight: bold;
}

.c-title2__line h1, .c-title2__line h2, .c-title2__line h3, .c-title2__line h4, .c-title2__line h5, .c-title2__line h6, .c-title2__line p {
  border-bottom: 1px solid #CECFCF;
  letter-spacing: 0.13rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 0 8px 0;
  color: #3E3A39;
}

.c-title2__line--black h1, .c-title2__line--black h2, .c-title2__line--black h3, .c-title2__line--black h4, .c-title2__line--black h5, .c-title2__line--black h6 {
  color: #3E3A39;
  border-bottom: 1px solid #040000;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  padding: 0 0 1px 5px;
}

@media screen and (max-width: 767px) {
  .c-title2__line--black h1, .c-title2__line--black h2, .c-title2__line--black h3, .c-title2__line--black h4, .c-title2__line--black h5, .c-title2__line--black h6 {
    letter-spacing: 0.05rem;
    font-size: 1.4rem;
    padding: 0;
  }
}

.c-title2--red h1, .c-title2--red h2, .c-title2--red h3, .c-title2--red h4, .c-title2--red h5, .c-title2--red h6 {
  font-weight: bold;
  letter-spacing: 0.16rem;
}

@media screen and (max-width: 767px) {
  .c-title2--red h1, .c-title2--red h2, .c-title2--red h3, .c-title2--red h4, .c-title2--red h5, .c-title2--red h6 {
    letter-spacing: 0.05rem;
  }
}

.c-title2--red span {
  color: #BE0D23;
  padding-left: 3px;
}

@media screen and (max-width: 767px) {
  .c-title2--red span {
    padding-left: 0;
  }
}

.c-title2--pink h1, .c-title2--pink h2, .c-title2--pink h3, .c-title2--pink h4, .c-title2--pink h5, .c-title2--pink h6 {
  font-weight: bold;
  color: #DF007F;
  letter-spacing: 0.135rem;
}

@media screen and (max-width: 767px) {
  .c-title2--pink h1, .c-title2--pink h2, .c-title2--pink h3, .c-title2--pink h4, .c-title2--pink h5, .c-title2--pink h6 {
    letter-spacing: 0.05rem;
  }
}

.c-title2--orange h1, .c-title2--orange h2, .c-title2--orange h3, .c-title2--orange h4, .c-title2--orange h5, .c-title2--orange h6 {
  font-weight: bold;
  color: #E55514;
  letter-spacing: 0.05rem;
}

/*
------------------------------------------------------------*/
.c-title3 h1, .c-title3 h2, .c-title3 h3, .c-title3 h4, .c-title3 h5, .c-title3 h6, .c-title3 p {
  font-size: 2rem;
  font-weight: normal;
  color: #3E3A39;
  position: relative;
  padding: 0 0 6px 27px;
  letter-spacing: 0.2rem;
  border-bottom: 1px solid #DADADA;
}

.c-title3 h1:before, .c-title3 h2:before, .c-title3 h3:before, .c-title3 h4:before, .c-title3 h5:before, .c-title3 h6:before, .c-title3 p:before {
  content: "";
  background: #3E3A39;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 7px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c-title3 h1, .c-title3 h2, .c-title3 h3, .c-title3 h4, .c-title3 h5, .c-title3 h6, .c-title3 p {
    font-size: 1.4rem;
    padding: 0 0 5px 12px;
    letter-spacing: 0.1rem;
    text-align: left;
    line-height: normal;
  }
  .c-title3 h1:before, .c-title3 h2:before, .c-title3 h3:before, .c-title3 h4:before, .c-title3 h5:before, .c-title3 h6:before, .c-title3 p:before {
    width: 8px;
    height: 8px;
    top: 5px;
  }
}

.c-title3--bold h1, .c-title3--bold h2, .c-title3--bold h3, .c-title3--bold h4, .c-title3--bold h5, .c-title3--bold h6, .c-title3--bold p {
  color: #3E3A39;
  position: relative;
  font-weight: bold;
  padding-left: 22px;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .c-title3--bold h1, .c-title3--bold h2, .c-title3--bold h3, .c-title3--bold h4, .c-title3--bold h5, .c-title3--bold h6, .c-title3--bold p {
    letter-spacing: 0.1rem;
    padding-left: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.c-title3--bold h1:before, .c-title3--bold h2:before, .c-title3--bold h3:before, .c-title3--bold h4:before, .c-title3--bold h5:before, .c-title3--bold h6:before, .c-title3--bold p:before {
  background: #3E3A39;
}

/*
------------------------------------------------------------*/
.c-title4 h1, .c-title4 h2, .c-title4 h3, .c-title4 h4, .c-title4 h5, .c-title4 h6, .c-title4 p {
  font-size: 3.5rem;
  font-weight: normal;
  color: #464646;
  letter-spacing: 2px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-title4 h1, .c-title4 h2, .c-title4 h3, .c-title4 h4, .c-title4 h5, .c-title4 h6, .c-title4 p {
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 0;
  }
}

.c-title4--center {
  text-align: center;
}

.c-title4__line {
  border-bottom: 1px solid #484848;
}

.c-title4__line h1, .c-title4__line h2, .c-title4__line h3, .c-title4__line h4, .c-title4__line h5, .c-title4__line h6, .c-title4__line p {
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  .c-title4__line h1, .c-title4__line h2, .c-title4__line h3, .c-title4__line h4, .c-title4__line h5, .c-title4__line h6, .c-title4__line p {
    letter-spacing: 2px;
  }
}

.c-title4__line--gray {
  border-bottom: 1px solid #E0E0E0;
}

.c-title4__line--gray h1, .c-title4__line--gray h2, .c-title4__line--gray h3, .c-title4__line--gray h4, .c-title4__line--gray h5, .c-title4__line--gray h6 {
  line-height: 1.65;
  letter-spacing: 0.65px;
}

@media screen and (max-width: 767px) {
  .c-title4__line--gray h1, .c-title4__line--gray h2, .c-title4__line--gray h3, .c-title4__line--gray h4, .c-title4__line--gray h5, .c-title4__line--gray h6 {
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 0 0 6px;
    letter-spacing: 3px;
  }
}

.c-title4__list--gray {
  border-bottom: 1px solid #666;
}

.c-title4__list--gray h1, .c-title4__list--gray h2, .c-title4__list--gray h3, .c-title4__list--gray h4, .c-title4__list--gray h5, .c-title4__list--gray h6 {
  color: #3E3A39;
  line-height: 1.65;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 767px) {
  .c-title4__list--gray h1, .c-title4__list--gray h2, .c-title4__list--gray h3, .c-title4__list--gray h4, .c-title4__list--gray h5, .c-title4__list--gray h6 {
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 0 0 6px;
    letter-spacing: 3px;
  }
}

/*
------------------------------------------------------------*/
.c-title5 h1, .c-title5 h2, .c-title5 h3, .c-title5 h4, .c-title5 h5, .c-title5 h6 {
  font-size: 2.5rem;
  line-height: 1.55;
  font-weight: bold;
  color: #3E3A39;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-title5 h1, .c-title5 h2, .c-title5 h3, .c-title5 h4, .c-title5 h5, .c-title5 h6 {
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0;
  }
}

/*
------------------------------------------------------------*/
.c-title6 h1, .c-title6 h2, .c-title6 h3, .c-title6 h4, .c-title6 h5, .c-title6 h6, .c-title6 p {
  font-weight: normal;
  letter-spacing: 0.2rem;
  line-height: 1.4;
  color: #3E3A39;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .c-title6 h1, .c-title6 h2, .c-title6 h3, .c-title6 h4, .c-title6 h5, .c-title6 h6, .c-title6 p {
    font-size: 1.4rem;
  }
}

.c-title6--green h1, .c-title6--green h2, .c-title6--green h3, .c-title6--green h4, .c-title6--green h5, .c-title6--green h6, .c-title6--green p {
  color: #619F31;
  letter-spacing: 0.25rem;
}

@media screen and (max-width: 767px) {
  .c-title6--green h1, .c-title6--green h2, .c-title6--green h3, .c-title6--green h4, .c-title6--green h5, .c-title6--green h6, .c-title6--green p {
    margin-top: 15px;
  }
}

.c-title6--icon1, .c-title6--icon2, .c-title6--icon3 {
  text-align: center;
}

.c-title6--icon1 h1, .c-title6--icon1 h2, .c-title6--icon1 h3, .c-title6--icon1 h4, .c-title6--icon1 h5, .c-title6--icon1 h6, .c-title6--icon1 p, .c-title6--icon2 h1, .c-title6--icon2 h2, .c-title6--icon2 h3, .c-title6--icon2 h4, .c-title6--icon2 h5, .c-title6--icon2 h6, .c-title6--icon2 p, .c-title6--icon3 h1, .c-title6--icon3 h2, .c-title6--icon3 h3, .c-title6--icon3 h4, .c-title6--icon3 h5, .c-title6--icon3 h6, .c-title6--icon3 p {
  color: #3E3A39;
  letter-spacing: 0.25rem;
  font-size: 3.4rem;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 70px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c-title6--icon1 h1, .c-title6--icon1 h2, .c-title6--icon1 h3, .c-title6--icon1 h4, .c-title6--icon1 h5, .c-title6--icon1 h6, .c-title6--icon1 p, .c-title6--icon2 h1, .c-title6--icon2 h2, .c-title6--icon2 h3, .c-title6--icon2 h4, .c-title6--icon2 h5, .c-title6--icon2 h6, .c-title6--icon2 p, .c-title6--icon3 h1, .c-title6--icon3 h2, .c-title6--icon3 h3, .c-title6--icon3 h4, .c-title6--icon3 h5, .c-title6--icon3 h6, .c-title6--icon3 p {
    margin-top: 15px;
    font-size: 1.9rem;
    padding: 0 0 0 50px;
  }
}

.c-title6--icon1 h1:before, .c-title6--icon1 h2:before, .c-title6--icon1 h3:before, .c-title6--icon1 h4:before, .c-title6--icon1 h5:before, .c-title6--icon1 h6:before, .c-title6--icon1 p:before, .c-title6--icon2 h1:before, .c-title6--icon2 h2:before, .c-title6--icon2 h3:before, .c-title6--icon2 h4:before, .c-title6--icon2 h5:before, .c-title6--icon2 h6:before, .c-title6--icon2 p:before, .c-title6--icon3 h1:before, .c-title6--icon3 h2:before, .c-title6--icon3 h3:before, .c-title6--icon3 h4:before, .c-title6--icon3 h5:before, .c-title6--icon3 h6:before, .c-title6--icon3 p:before {
  content: '';
  position: absolute;
  background: url() no-repeat center;
  -webkit-background-size: cover;
          background-size: cover;
  width: 58px;
  height: 58px;
  top: 8px;
  bottom: 0;
  margin: auto;
  left: 8px;
}

@media screen and (max-width: 767px) {
  .c-title6--icon1 h1:before, .c-title6--icon1 h2:before, .c-title6--icon1 h3:before, .c-title6--icon1 h4:before, .c-title6--icon1 h5:before, .c-title6--icon1 h6:before, .c-title6--icon1 p:before, .c-title6--icon2 h1:before, .c-title6--icon2 h2:before, .c-title6--icon2 h3:before, .c-title6--icon2 h4:before, .c-title6--icon2 h5:before, .c-title6--icon2 h6:before, .c-title6--icon2 p:before, .c-title6--icon3 h1:before, .c-title6--icon3 h2:before, .c-title6--icon3 h3:before, .c-title6--icon3 h4:before, .c-title6--icon3 h5:before, .c-title6--icon3 h6:before, .c-title6--icon3 p:before {
    width: 50px;
    height: 50px;
    left: 0;
  }
}

/*
------------------------------------------------------------*/
.c-title7 h1, .c-title7 h2, .c-title7 h3, .c-title7 h4, .c-title7 h5, .c-title7 h6, .c-title7 p {
  font-weight: normal;
  letter-spacing: 0.2rem;
  line-height: 1.4;
  color: #3E3A39;
  font-size: 2.2rem;
  position: relative;
  padding: 0 0 0 60px;
}

.c-title7 h1:before, .c-title7 h2:before, .c-title7 h3:before, .c-title7 h4:before, .c-title7 h5:before, .c-title7 h6:before, .c-title7 p:before {
  content: '';
  position: absolute;
  background: url() no-repeat center;
  -webkit-background-size: cover;
          background-size: cover;
  width: 47px;
  height: 42px;
  top: 5px;
  bottom: 0;
  margin: auto;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c-title7 h1:before, .c-title7 h2:before, .c-title7 h3:before, .c-title7 h4:before, .c-title7 h5:before, .c-title7 h6:before, .c-title7 p:before {
    width: 50px;
    height: 50px;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-title7 h1, .c-title7 h2, .c-title7 h3, .c-title7 h4, .c-title7 h5, .c-title7 h6, .c-title7 p {
    font-size: 2.2rem;
  }
}

/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
navi
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
img
------------------------------------------------------------*/
.c-imgbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-imgbox {
    display: block;
  }
}

.c-imgbox__infor {
  width: 50%;
  padding: 21px 25px 0 29px;
}

@media screen and (max-width: 767px) {
  .c-imgbox__infor {
    width: 100%;
    padding: 10px 20px 50px;
  }
}

.c-imgbox__infor p {
  font-size: 1.2rem;
  color: #595757;
  line-height: 2.2;
  letter-spacing: 0;
  margin: 5px 0 0 0;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .c-imgbox__infor p {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}

.c-imgbox__img {
  width: 493px;
}

.c-imgbox__img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-imgbox__img {
    width: 100%;
  }
}

.c-imgbox__img1 {
  text-align: right;
  width: 170px;
}

.c-imgbox__img1 img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-imgbox__img1 {
    width: 130px;
  }
}

.c-imgbox__img1 span {
  margin-top: -2px;
  display: block;
  font-size: 1rem;
  color: #595858;
  text-align: right;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 767px) {
  .c-imgbox__img1 span {
    font-size: 0.8rem;
  }
}

.c-imgbox__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-imgbox__ttl1 {
  margin-top: 31px;
}

@media screen and (max-width: 767px) {
  .c-imgbox__ttl1 {
    margin-top: 15px;
    width: calc(100% - 130px);
  }
}

.c-imgbox__ttl1 h4 {
  font-size: 2rem;
  color: #000;
  letter-spacing: 2.7px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-imgbox__ttl1 h4 {
    font-size: 1.3rem;
    letter-spacing: 0px;
  }
}

.c-imgbox__ttl1 span {
  margin-top: 10px;
  display: block;
  font-size: 1.1rem;
  color: #000;
  letter-spacing: 0.6px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-imgbox__ttl1 span {
    font-size: 0.9rem;
    letter-spacing: 0px;
  }
}

/*
------------------------------------------------------------*/
.c-imgtext1 {
  width: 980px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-imgtext1 {
    width: 100%;
    display: inline-block;
  }
}

.c-imgtext1__ctn {
  width: 594px;
  height: auto;
  padding: 0 25px 0 11px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__ctn {
    width: 100%;
    padding: 0;
  }
}

.c-imgtext1__txt {
  margin: 7px 0 0;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__txt {
    margin: 6px 0 17px 0;
  }
}

.c-imgtext1__txt p {
  font-size: 1.4rem;
  color: #808080;
  line-height: 1.5;
  text-align: left;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__txt p {
    font-size: 1.1rem;
  }
}

.c-imgtext1__img {
  width: 384px;
  height: 232px;
  padding: 0;
  margin: 7px 0 0;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__img {
    width: 100%;
    height: 100%;
  }
}

.c-imgtext1__img img {
  width: 100%;
  height: auto;
}

.c-imgtext1__right {
  display: inline-block;
}

.c-imgtext1__img1 {
  width: 350px;
  float: left;
}

.c-imgtext1__img1.u-img2 {
  width: 660px;
  padding-right: 10px;
  text-align: left;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__img1.u-img2 {
    width: auto;
    padding: 0;
    text-align: center;
  }
}

.c-imgtext1__img1.u-img2 img + img {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__img1.u-img2 img + img {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .c-imgtext1__img1 {
    width: auto;
    padding: 0;
    margin: 0 auto 20px;
    text-align: center;
    float: none;
  }
}

.c-imgtext1__txt1 {
  color: #4A4A4A;
  font-size: 1.4rem;
  display: table-cell;
  padding: 7px 0 0 6px;
  line-height: 1.5;
  letter-spacing: 0.03rem;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__txt1 {
    padding: 0;
    display: inline-block;
    text-align: left;
  }
}

.c-imgtext1__txt1 span {
  padding: 0 2px 0 0;
  display: table-cell;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .c-imgtext1__txt1 span {
    padding: 0;
  }
}

.c-imgtext1__txt1 p {
  display: table;
}

/*
------------------------------------------------------------*/
.c-imgtext2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-imgtext2__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-imgtext2__txt {
  width: calc(100% - 595px);
  padding: 0 7px 0 0;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__txt {
    width: 100%;
    padding: 0;
  }
}

.c-imgtext2__txt p {
  font-size: 1.4rem;
  font-weight: normal;
  color: #4A4A4A;
  line-height: 1.65;
  letter-spacing: 0.3rem;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__txt p {
    letter-spacing: normal;
    font-size: 1.2rem;
    margin: 10px 0;
  }
}

.c-imgtext2__txt1 {
  width: calc(100% - 482px);
  padding: 0 0 0 15px;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__txt1 {
    width: 100%;
    padding: 0;
    text-align: left;
  }
}

.c-imgtext2__txt1 h5 {
  color: #3E3A39;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.07rem;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__txt1 h5 {
    font-size: 1.4rem;
    margin: 10px 0 5px;
  }
}

.c-imgtext2__txt1 p {
  color: #4A4A4A;
  font-size: 1.5rem;
  margin: 8px 0 35px 2px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__txt1 p {
    font-size: 1.2rem;
    margin: 10px 0 15px 0;
  }
}

.c-imgtext2__txt1 span {
  color: #BE0D23;
}

.c-imgtext2__ttl1 h1, .c-imgtext2__ttl1 h2, .c-imgtext2__ttl1 h3, .c-imgtext2__ttl1 h4, .c-imgtext2__ttl1 h5, .c-imgtext2__ttl1 h6, .c-imgtext2__ttl1 p {
  font-size: 1.7rem;
  font-weight: normal;
  color: #000000;
  line-height: 1.5;
  letter-spacing: 0.3rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__ttl1 h1, .c-imgtext2__ttl1 h2, .c-imgtext2__ttl1 h3, .c-imgtext2__ttl1 h4, .c-imgtext2__ttl1 h5, .c-imgtext2__ttl1 h6, .c-imgtext2__ttl1 p {
    font-size: 1.2rem;
    padding: 0 0 7px 0;
    letter-spacing: normal;
  }
}

.c-imgtext2__colbox--2 {
  width: 400px;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__colbox--2 {
    width: 100%;
  }
}

.c-imgtext2__colbox--3 {
  width: 438px;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__colbox--3 {
    width: 100%;
  }
}

.c-imgtext2__colbox--3 .c-imgtext2__item {
  width: calc((100% / 3) - 2%);
  margin: 0 3% 0 0;
}

.c-imgtext2__colbox--3 .c-imgtext2__item p {
  margin: 0;
  line-height: normal;
}

.c-imgtext2__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8px 0 0 0;
}

.c-imgtext2__item {
  width: 48%;
  margin: 0 4% 0 0;
}

.c-imgtext2__item:last-child {
  margin: 0;
}

.c-imgtext2__item p {
  color: #4A4A4A;
  font-size: 1.4rem;
  letter-spacing: 0.15rem;
  text-align: left;
  line-height: 1.7;
  margin: 5px 0 0 1px;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__item p {
    margin: 0;
    font-size: 1rem;
    letter-spacing: normal;
  }
}

.c-imgtext2__item span {
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.5;
}

.c-imgtext2__item h5 {
  color: #4A4A4A;
  font-size: 1.4rem;
  letter-spacing: 0.15rem;
  text-align: left;
  line-height: 1.6;
  margin: 7px 0 0;
}

.c-imgtext2__img {
  width: 482px;
  height: 278px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__img {
    width: 100%;
    height: auto;
  }
}

.c-imgtext2__img1 {
  width: 590px;
  height: 258px;
  overflow: hidden;
  margin: 22px 0 0 5px;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__img1 {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

.c-imgtext2__img1 img {
  width: 100%;
  height: auto;
}

.c-imgtext2__img2 img {
  width: 100%;
  height: auto;
}

.c-imgtext2__imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 732px;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__imgbox {
    width: auto;
  }
}

.c-imgtext2__imgbox .c-imgtext2__img {
  width: 232px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__imgbox .c-imgtext2__img {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .c-imgtext2__imgbox .c-imgtext2__txt1 {
    width: 49%;
    margin-left: 2%;
  }
}

.c-imgtext2__imgbox .c-imgtext2__txt1 p {
  font-size: 1.4rem;
  line-height: 1.65;
  margin-top: -5px;
  letter-spacing: -0.05rem;
}

@media screen and (max-width: 767px) {
  .c-imgtext2__imgbox .c-imgtext2__txt1 p {
    font-size: 1.2rem;
    margin-bottom: 0;
    line-height: 1.5;
  }
}

/*
------------------------------------------------------------*/
.c-imgtext3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-imgtext3__img {
  width: 484px;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__img {
    width: 100%;
  }
}

.c-imgtext3__img img {
  width: 100%;
  height: auto;
}

.c-imgtext3__text {
  width: calc(100% - 526px);
  padding-left: 17px;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__text {
    width: 100%;
    margin: 0 0 20px;
    padding-left: 0;
  }
}

.c-imgtext3__text h1, .c-imgtext3__text h2, .c-imgtext3__text h3, .c-imgtext3__text h4, .c-imgtext3__text h5, .c-imgtext3__text h6 {
  font-size: 2rem;
  line-height: 1.55;
  color: #3E3A39;
  margin: -6px 0 16px;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__text h1, .c-imgtext3__text h2, .c-imgtext3__text h3, .c-imgtext3__text h4, .c-imgtext3__text h5, .c-imgtext3__text h6 {
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0 0 15px;
  }
}

.c-imgtext3__text p {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #4A4A4A;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__text p {
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.02rem;
  }
}

.c-imgtext3__left .c-imgtext3__text {
  width: calc(100% - 522px);
  padding: 0 12px 0 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__left .c-imgtext3__text {
    width: 100%;
    padding: 0;
  }
}

.c-imgtext3__left .c-imgtext3__text h1, .c-imgtext3__left .c-imgtext3__text h2, .c-imgtext3__left .c-imgtext3__text h3, .c-imgtext3__left .c-imgtext3__text h4, .c-imgtext3__left .c-imgtext3__text h5, .c-imgtext3__left .c-imgtext3__text h6 {
  line-height: 1.3;
  margin: 12px 0 8px;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__left .c-imgtext3__text h1, .c-imgtext3__left .c-imgtext3__text h2, .c-imgtext3__left .c-imgtext3__text h3, .c-imgtext3__left .c-imgtext3__text h4, .c-imgtext3__left .c-imgtext3__text h5, .c-imgtext3__left .c-imgtext3__text h6 {
    margin: 20px 0 0;
  }
}

.c-imgtext3__left .c-imgtext3__text h1:first-child, .c-imgtext3__left .c-imgtext3__text h2:first-child, .c-imgtext3__left .c-imgtext3__text h3:first-child, .c-imgtext3__left .c-imgtext3__text h4:first-child, .c-imgtext3__left .c-imgtext3__text h5:first-child, .c-imgtext3__left .c-imgtext3__text h6:first-child {
  line-height: 1.5;
  margin: -6px 0 32px;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__left .c-imgtext3__text h1:first-child, .c-imgtext3__left .c-imgtext3__text h2:first-child, .c-imgtext3__left .c-imgtext3__text h3:first-child, .c-imgtext3__left .c-imgtext3__text h4:first-child, .c-imgtext3__left .c-imgtext3__text h5:first-child, .c-imgtext3__left .c-imgtext3__text h6:first-child {
    line-height: 1.4;
    margin: 15px 0 20px;
  }
}

.c-imgtext3__left .c-imgtext3__text p {
  letter-spacing: 0.01rem;
}

@media screen and (max-width: 767px) {
  .c-imgtext3__left .c-imgtext3__text p {
    letter-spacing: 0.02rem;
  }
}

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-singleimg1 {
    width: 100%;
    display: table;
  }
}

.c-singleimg1 a {
  background: url() center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  width: 980px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .c-singleimg1 a {
    -webkit-background-size: cover;
            background-size: cover;
    display: table-cell;
    height: 147px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
  }
}

.c-singleimg1 a span {
  font-size: 3.5rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  margin: 10px 0 0;
}

@media screen and (max-width: 767px) {
  .c-singleimg1 a span {
    font-size: 1.4rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #ffffff;
  }
}

/*
------------------------------------------------------------*/
.c-singleimg2 {
  text-align: center;
  clear: both;
}

.c-singleimg2 iframe {
  width: 548px;
  height: 304px;
  min-height: 200px;
}

@media screen and (max-width: 767px) {
  .c-singleimg2 iframe {
    width: 100%;
    height: auto;
  }
}

/*------------------------------------------------------------
list
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-list {
    width: auto;
  }
}

.c-list__card {
  margin: 0 50px 45px 0;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c-list__card {
    margin: 0 0 23px 0;
  }
}

.c-list__card--2 {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-list__card--2 {
    width: auto;
    margin: 0;
  }
}

.c-list__card--2 ul li {
  width: 314px;
  margin-left: 20px;
  float: left;
}

.c-list__card--2 ul li:nth-child(2n+1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list__card--2 ul li {
    width: 49%;
    margin: 0 0 15px 2%;
  }
  .c-list__card--2 ul li:nth-child(2n+1) {
    margin: 0;
  }
}

.c-list__card--2 ul .c-list__card--text {
  clear: both;
  width: 648px;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .c-list__card--2 ul .c-list__card--text {
    width: 100%;
    margin: 0;
  }
}

.c-list__card--2 ul .c-list__card--text h5 {
  font-size: 2rem;
  letter-spacing: -0.09rem;
  padding-left: 1px;
}

@media screen and (max-width: 767px) {
  .c-list__card--2 ul .c-list__card--text h5 {
    font-size: 1.4rem;
    padding: 0;
    letter-spacing: normal;
    text-align: left;
    line-height: 1.2;
  }
}

.c-list__card--2 ul .c-list__card--text p {
  margin-top: 6px;
  margin-left: 2px;
  font-size: 1.4rem;
  letter-spacing: 0.005rem;
}

@media screen and (max-width: 767px) {
  .c-list__card--2 ul .c-list__card--text p {
    font-size: 1rem;
    margin: 4px 0 0;
    letter-spacing: normal;
    text-align: left;
    line-height: 1.5;
  }
}

.c-list__card--2 li img {
  width: 314px;
  height: 187px;
}

@media screen and (max-width: 767px) {
  .c-list__card--2 li img {
    width: auto;
    height: auto;
  }
}

.c-list__card--3 {
  width: 709px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list__card--3 {
    width: auto;
  }
}

.c-list__card--3 .c-list__img {
  width: auto;
  height: auto;
}

.c-list__card--3 .c-list__txt h5 {
  font-size: 1.8rem;
  text-align: left;
  letter-spacing: 0.1rem;
  margin: 40px 0 0 3px;
}

@media screen and (max-width: 767px) {
  .c-list__card--3 .c-list__txt h5 {
    font-size: 1.2rem;
    margin: 20px 0 0 0;
  }
}

.c-list__card--3 .c-list__txt p {
  font-size: 1.4rem;
  text-align: left;
  padding: 4px 0 0 3px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-list__card--3 .c-list__txt p {
    font-size: 1rem;
    padding: 0;
    margin-top: 4px;
  }
}

.c-list__card--col2 {
  margin: 0;
  width: 645px;
}

@media screen and (max-width: 767px) {
  .c-list__card--col2 {
    width: 100%;
  }
}

.c-list__card--col2 .c-list__img {
  width: auto;
  height: auto;
}

.c-list__img {
  width: 293px;
  height: 160px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-list__img {
    width: 100%;
    height: auto;
  }
}

.c-list__img img {
  width: 100%;
}

.c-list__txt p {
  text-align: center;
  font-size: 2rem;
  color: #3e3a39;
  padding: 16px 0 0;
  line-height: 1.3;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-list__txt p {
    font-size: 1.2rem;
    padding: 0;
    line-height: 1.5rem;
    padding: 10px 0 0;
  }
}

.c-list__col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list__col2 .c-list__card {
  margin: 0 36px 0 0;
  width: 470px;
}

@media screen and (max-width: 767px) {
  .c-list__col2 .c-list__card {
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
  }
}

.c-list__col2 .c-list__card:last-child {
  margin: 0;
}

.c-list__col2 .c-list__img {
  width: 100%;
  height: auto;
}

.c-list__col2 .c-list__img img {
  width: 100%;
  height: auto;
}

.c-list--col3 .c-list__card {
  width: 293px;
}

@media screen and (max-width: 767px) {
  .c-list--col3 .c-list__card {
    width: 49%;
  }
  .c-list--col3 .c-list__card:nth-child(2n+1) {
    margin: 0 2% 0 0;
  }
}

.c-list--col3 .c-list__card:nth-child(3n+3) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list--col3 .c-list__card:nth-child(3n+3) {
    margin: 0 2% 0 0;
  }
}

.c-list--col4 .c-list__card {
  width: 212px;
  margin: 0 44px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list--col4 .c-list__card {
    width: 49%;
    margin: 0 0 2% 0;
  }
  .c-list--col4 .c-list__card:nth-child(2n+1) {
    margin: 0 2% 0 0;
  }
}

.c-list--col4 .c-list__card:nth-child(3n+4) {
  margin: 0;
}

.c-list--col4 .c-list__img {
  width: 213px;
  height: 162px;
}

@media screen and (max-width: 767px) {
  .c-list--col4 .c-list__img {
    width: 100%;
    height: auto;
  }
}

.c-list a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/*
------------------------------------------------------------*/
.c-list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-list2__card {
  margin: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list2__card {
    width: 33%;
    margin: 0;
  }
}

.c-list2__card:last-child {
  margin: 0;
}

.c-list2__img {
  width: 230px;
  height: 182px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-list2__img {
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
  }
}

.c-list2__img img {
  width: 100%;
  height: 100%;
}

.c-list2__txt p {
  text-align: left;
  font-size: 1.4rem;
  color: #231815;
  letter-spacing: 0.1rem;
  padding: 0 0 0 28px;
}

@media screen and (max-width: 767px) {
  .c-list2__txt p {
    font-size: 0.8rem;
    text-align: center;
    padding: 0;
  }
}

/*
------------------------------------------------------------*/
.c-list3 {
  list-style-type: none;
  counter-reset: li;
  width: 980px;
  margin: 0 auto;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .c-list3 {
    width: 100%;
  }
}

.c-list3 li {
  font-size: 1.4rem;
  text-align: left;
  color: #808080;
  letter-spacing: 0.1rem;
  position: relative;
  padding: 0 0 0 25px;
}

@media screen and (max-width: 767px) {
  .c-list3 li {
    font-size: 1.1rem;
    line-height: 1.8;
    letter-spacing: normal;
    padding: 0 0 0 15px;
    margin: 0 0 0 5px;
  }
}

.c-list3 li p {
  line-height: 1.8;
}

.c-list3 li:before {
  counter-increment: li;
  content: "(" counter(li) ")";
  margin: 2px 5px 0 0;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c-list3 li:before {
    margin: 0;
  }
}

.c-list3__item {
  list-style-type: none;
  counter-reset: li;
  margin: 0;
}

.c-list3__item li {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
  padding: 0 0 0 19px;
}

@media screen and (max-width: 767px) {
  .c-list3__item li {
    font-size: 1.1rem;
    line-height: 1.8;
    letter-spacing: normal;
  }
}

.c-list3__item li:before {
  counter-increment: li;
  content: counter(li) ")";
  margin: 0 5px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list3__item li:before {
    margin: 0;
  }
}

.c-list3__2 ol {
  counter-reset: li;
}

.c-list3__2 li {
  position: relative;
  padding-left: 20px;
  font-size: 1.4rem;
  color: #4A4A4A;
  line-height: 1.7;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 767px) {
  .c-list3__2 li {
    font-size: 1rem;
    letter-spacing: 0.1rem;
    padding-left: 10px;
  }
}

.c-list3__2 li:before {
  counter-increment: li;
  content: counter(li) ".";
  margin-right: 0.25em;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c-list3__2 li:before {
    margin: 0;
  }
}

.c-list3__clause {
  margin: 6px 0 0;
}

.c-list3__clause li {
  position: relative;
  padding-left: 12px;
  font-size: 1.4rem;
  color: #4A4A4A;
  line-height: 1.7;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 767px) {
  .c-list3__clause li {
    font-size: 1rem;
    letter-spacing: 0.1rem;
    padding-left: 5px;
    line-height: 1.5;
  }
}

.c-list3__clause li:before {
  content: '-';
  margin-right: 0.25em;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .c-list3__clause li:before {
    margin: 0;
  }
}

.c-list3--note li {
  padding: 0;
  letter-spacing: 0.05rem;
}

.c-list3--note li:before {
  content: none;
}

.c-list3--note li p {
  font-size: 1.4rem;
  color: #3E3A39;
  display: table;
  line-height: 1.55;
}

@media screen and (max-width: 767px) {
  .c-list3--note li p {
    font-size: 1rem;
  }
}

.c-list3--note li p span {
  display: table-cell;
  min-width: 40px;
}

@media screen and (max-width: 767px) {
  .c-list3--note li p span {
    min-width: 25px;
  }
}

/*
------------------------------------------------------------*/
.c-list4__col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 30px;
}

@media screen and (max-width: 767px) {
  .c-list4__col2 {
    margin: 0 auto;
  }
}

.c-list4__col2 .c-list__card {
  border-bottom: 1px solid #CECFCF;
  width: 430px;
  padding: 0 0 30px;
  margin: 0 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-list4__col2 .c-list__card {
    width: 100%;
    margin: 20px 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-list4__col2 .c-list__card:nth-child(2n+1) {
    margin: 0;
  }
}

.c-list4__col2 .c-list__card--bt {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .c-list4__col2 .c-list__card--bt {
    border-bottom: 1px solid #CECFCF;
  }
  .c-list4__col2 .c-list__card--bt:last-child {
    border-bottom: none;
  }
}

.c-list4__col2 .c-profile__name p {
  margin: 2px 0 8px 0;
  width: 310px;
}

@media screen and (max-width: 767px) {
  .c-list4__col2 .c-profile__name p {
    width: 65%;
    margin: 0;
  }
}

.c-list4__col2 .c-profile__image {
  float: left;
  margin: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col2 .c-profile__image {
    margin: 0 10px 0 0;
  }
}

.c-list4__col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list4__col3 .c-list__card {
  width: 314px;
  margin: 0 18px 56px 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col3 .c-list__card {
    width: 49%;
    margin: 0 2% 20px 0;
  }
  .c-list4__col3 .c-list__card:nth-child(2n) {
    margin: 0 0 20px;
  }
}

.c-list4__col3 .c-list__card:nth-child(3n) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col3 .c-list__card:nth-child(3n) {
    margin: 0 2% 20px 0;
  }
}

.c-list4__col3 .c-list__card:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col3 .c-list__card:last-child {
    margin: 0;
  }
}

.c-list4__col3 .c-list__img {
  width: auto;
}

.c-list4__col3 .c-title2 h5 {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-list4__col3 .c-title2 h5 {
    font-size: 1.2rem;
    margin: 10px 0 0 0;
  }
}

.c-list4__col3 p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 1px 0 0 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-list4__col3 p {
    font-size: 1rem;
    margin: 4px 0 0 0;
  }
}

.c-list4__col3--red .c-list4__card {
  width: 312px;
}

@media screen and (max-width: 767px) {
  .c-list4__col3--red .c-list4__card {
    width: 49%;
  }
}

.c-list4__col3--red .c-list4__card--red {
  width: 312px;
  margin: 0 0 0 20px;
}

@media screen and (max-width: 767px) {
  .c-list4__col3--red .c-list4__card--red {
    width: 49%;
    margin: 0 0 15px 2%;
  }
}

.c-list4__col3--red .c-list4__card--red:nth-child(1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col3--red .c-list4__card--red:nth-child(2n+1) {
    margin: 0 0 15px;
  }
}

.c-list4__col3--red .c-list4__card h5 {
  margin-top: 10px;
}

.c-list4__col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list4__col4 .c-list__card {
  width: 236px;
  margin: 0 12px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col4 .c-list__card {
    width: 49%;
    margin: 0 2% 20px 0;
  }
  .c-list4__col4 .c-list__card:nth-child(2n) {
    margin: 0 0 20px;
  }
}

.c-list4__col4 .c-list__card:nth-child(4n+4) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col4 .c-list__card:nth-child(4n+4) {
    margin: 0 0 20px;
  }
}

.c-list4__col4 .c-list__card:last-child {
  margin: 0;
}

.c-list4__col4 .c-list4__img {
  margin: 0 0 14px 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col4 .c-list4__img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

.c-list4__col4 h5 {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  margin: 0 0 3px 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col4 h5 {
    font-size: 1.2rem;
    margin: 10px 0 0;
  }
}

.c-list4__col4 p {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  line-height: 1.7;
  color: #3E3A39;
}

@media screen and (max-width: 767px) {
  .c-list4__col4 p {
    font-size: 1rem;
    margin: 4px 0 0 0;
  }
}

.c-list4__col5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-list4__col5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.c-list4__col5 .c-list__card {
  width: 188px;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col5 .c-list__card {
    width: 48%;
    margin: 0 0 15px 0;
  }
}

.c-list4__col5 .c-list__card:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__col5 .c-list4__img {
    width: 100%;
    height: auto;
  }
}

.c-list4__col5 h5 {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  color: #3E3A39;
}

@media screen and (max-width: 767px) {
  .c-list4__col5 h5 {
    font-size: 1.2rem;
  }
}

.c-list4__img {
  margin: 0 0 8px 0;
}

@media screen and (max-width: 767px) {
  .c-list4__img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

.c-list4__img img {
  /*width: 100%;
			height: 100%;*/
}

.c-list4__card {
  width: 482px;
  margin: 0 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-list4__card {
    width: 100%;
    margin: 0 0 15px;
  }
}

.c-list4__card:nth-child(1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__card:nth-child(2n+1) {
    margin: 0;
  }
}

.c-list4__card--red {
  width: 483px;
}

@media screen and (max-width: 767px) {
  .c-list4__card--red {
    width: 100%;
  }
}

.c-list4__card h5 {
  color: #3E3A39;
  font-size: 2rem;
  letter-spacing: 0.07rem;
  line-height: 1.5;
  margin: 16px 0 0 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-list4__card h5 {
    font-size: 1.2rem;
    margin-top: 10px;
    letter-spacing: 0;
  }
}

.c-list4__card h5 span {
  color: #BE0D23;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 767px) {
  .c-list4__card h5 span {
    letter-spacing: 0;
  }
}

.c-list4__card p {
  color: #4A4A4A;
  font-size: 1.4rem;
  margin: 5px 0 0 4px;
  letter-spacing: 1px;
  text-align: left;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-list4__card p {
    font-size: 1rem;
  }
}

.c-list4__card .c-list4__img {
  width: 100%;
  height: auto;
}

.c-list4__colbox--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list4__colbox--2 .c-list4__img {
  width: 236px;
}

@media screen and (max-width: 767px) {
  .c-list4__colbox--2 .c-list4__img {
    width: 100%;
  }
}

.c-list4__colbox--2 .c-list4__img:nth-child(2n+1) {
  margin: 0;
}

.c-list4__colbox--2 .c-list4__img img {
  height: auto;
}

.c-list4__colbox--2 .c-list4__card {
  width: auto;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list4__colbox--2 .c-list4__card {
    width: 49%;
  }
}

.c-list4__colbox--2 .c-list4__card:nth-child(2n+2) {
  margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
  .c-list4__colbox--2 .c-list4__card:nth-child(2n+2) {
    margin: 0 0 30px 2%;
  }
}

.c-list4__colbox--2 .c-list4__card:nth-child(3n+3) {
  margin: 0 0 0 24px;
}

@media screen and (max-width: 767px) {
  .c-list4__colbox--2 .c-list4__card:nth-child(3n+3) {
    width: 100%;
    margin: 0 0 0 2%;
  }
}

.c-list4__colbox--2 .c-list4__txt h5 {
  margin: 8px 0 0 4px;
}

@media screen and (max-width: 767px) {
  .c-list4__colbox--2 .c-list4__txt h5 {
    margin-top: 10px;
  }
}

.c-list4__colbox--2 .c-list4__txt p {
  margin: 0 0 0 4px;
}

/*
------------------------------------------------------------*/
.c-list5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list5 a {
  text-decoration: none;
  display: block;
}

.c-list5 .c-list__card {
  width: 310px;
  margin: 0 25px 120px 0;
}

@media screen and (max-width: 767px) {
  .c-list5 .c-list__card {
    width: 100%;
    margin: 0 0 55px 0;
    padding: 0 30px;
  }
}

.c-list5 .c-list__card:nth-child(3n) {
  margin-right: 0;
}

.c-list5 .c-list__img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-list5 .c-list__img img {
    width: 100%;
    height: auto;
  }
}

.c-list5 .c-list__txt {
  margin-top: 18px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list5 .c-list__txt {
    display: block;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-list5 .c-list__txt {
    text-align: left;
  }
}

.c-list5 .c-list__txt:after {
  content: '';
  width: 20px;
  height: 20px;
  border-top: 1px solid #727171;
  border-right: 1px solid #727171;
  position: absolute;
  right: 15px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 3px;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .c-list5 .c-list__txt:after {
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
  }
}

.c-list5 .c-list__txt h4 {
  margin-left: -18px;
  font-size: 2rem;
  font-weight: normal;
  color: #3E3A39;
  line-height: 1.2;
  letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
  .c-list5 .c-list__txt h4 {
    margin-left: 0;
    font-size: 1.4rem;
  }
}

/*
------------------------------------------------------------*/
.c-list6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list6 a {
  text-decoration: none;
  display: block;
}

.c-list6 .c-list__card {
  width: 315px;
  margin: 0 15px 94px 0;
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__card {
    width: calc(50% - 7.5px);
    margin: 0 0 40px 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__card:nth-child(2n+1) {
    margin-left: 0;
  }
}

.c-list6 .c-list__card:nth-child(3n) {
  margin-right: 0;
}

.c-list6 .c-list__img {
  width: 100%;
  height: auto;
}

.c-list6 .c-list__txt {
  margin-top: -5px;
}

.c-list6 .c-list__txt h4 {
  font-size: 2rem;
  font-weight: normal;
  color: #3E3A39;
  padding: 0 25px 6px 3px;
  line-height: 1.7;
  letter-spacing: 3px;
  border-bottom: 1px solid #CDCDCD;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__txt h4 {
    font-size: 1.2rem;
    padding: 0 15px 4px 0;
  }
}

.c-list6 .c-list__txt h4:after {
  content: '';
  width: 20px;
  height: 20px;
  border-top: 1px solid #727171;
  border-right: 1px solid #727171;
  position: absolute;
  top: 18px;
  right: 18px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__txt h4:after {
    width: 10px;
    height: 10px;
    top: 10px;
    right: 10px;
  }
}

.c-list6 .c-list__txt h4 span {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__txt h4 span {
    font-size: 0.7rem;
    letter-spacing: 0;
  }
}

.c-list6 .c-list__txt p {
  text-align: left;
  font-size: 1.8em;
  color: #3E3A39;
  line-height: 1.5;
  padding: 8px 3px 0px;
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__txt p {
    font-size: 1.2rem;
    padding: 4px 2px 0px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__txt p + p {
    padding-top: 0;
  }
}

.c-list6 .c-list__txt p span {
  color: #CE0012;
  letter-spacing: 1.5px;
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .c-list6 .c-list__txt p span {
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}

/*
------------------------------------------------------------*/
.c-list7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list7__card {
  width: 482px;
  margin: 0 0 0 16px;
}

@media screen and (max-width: 767px) {
  .c-list7__card {
    width: 100%;
    margin: 10px 0 0;
  }
}

.c-list7__card:nth-child(2n+1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list7__card:nth-child(2n+1) {
    margin: 0;
  }
}

.c-list7__img img {
  width: 100%;
  height: auto;
}

.c-list7__col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-list7__col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-list7__col3 .c-list7__card {
  margin: 0 17px 0 20px;
  width: 315px;
}

@media screen and (max-width: 767px) {
  .c-list7__col3 .c-list7__card {
    width: 49%;
    margin: 0 0 15px 2%;
  }
}

.c-list7__col3 .c-list7__card:nth-child(2n+1) {
  margin: 0;
}

.c-list7__col3 .c-list7__card:nth-child(3n+1) {
  margin: 0;
}

/*
------------------------------------------------------------*/
.c-list8 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list8 {
    text-align: inherit;
  }
}

.c-list8__card {
  display: inline-block;
  margin: 0 0 0 70px;
  width: 190px;
}

@media screen and (max-width: 767px) {
  .c-list8__card {
    margin: 0 0 15px;
    width: 49%;
  }
}

.c-list8__card:nth-child(2n+1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list8__card:nth-child(2n+1) {
    margin: 0 0 15px;
  }
}

.c-list8__txt h5 {
  font-weight: 300;
}

.c-list8__txt p {
  font-size: 1.6rem;
  color: #3E3A39;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 5px 5px 0 0;
}

.c-list8__img img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-list8__img {
    width: auto;
  }
}

.c-list8__col3 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list8__col3 {
    text-align: inherit;
  }
}

.c-list8__col3 .c-list8__card {
  width: 190px;
  margin: 0 0 0 60px;
}

@media screen and (max-width: 767px) {
  .c-list8__col3 .c-list8__card {
    width: calc(50% - 10px);
    margin: 0 0 15px 2%;
  }
}

.c-list8__col3 .c-list8__card:nth-child(1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list8__col3 .c-list8__card:nth-child(1) {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-list8__col3 .c-list8__card:nth-child(2n+1) {
    margin: 0;
  }
}

.c-list8__col3 .c-list8__txt p {
  margin: 3px 0 0 12px;
}

@media screen and (max-width: 767px) {
  .c-list8__col3 .c-list8__txt p {
    font-size: 1.2rem;
    margin-left: 0;
  }
}

.c-list8__col4 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list8__col4 {
    text-align: inherit;
  }
}

.c-list8__col4 .c-list8__card {
  width: 170px;
  margin: 0 0 0 79px;
}

@media screen and (max-width: 767px) {
  .c-list8__col4 .c-list8__card {
    width: calc(50% - 10px);
    margin: 0 0 15px 2%;
  }
}

.c-list8__col4 .c-list8__card:nth-child(1) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list8__col4 .c-list8__card:nth-child(1) {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-list8__col4 .c-list8__card:nth-child(2n+1) {
    margin: 0 0 15px;
  }
}

.c-list8__col4 .c-list8__txt p {
  font-size: 1.6rem;
  color: #4F4F4F;
  margin-top: 3px;
  margin-left: -5px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-list8__col4 .c-list8__txt p {
    font-size: 1.2rem;
    margin-left: 0;
  }
}

/*
------------------------------------------------------------*/
.c-list9__col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-list9__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 480px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-list9__card {
    width: 100%;
    margin-bottom: 15px;
  }
}

.c-list9__card:nth-child(2n+1) {
  margin: 0 15px 12px 0;
}

@media screen and (max-width: 767px) {
  .c-list9__card:nth-child(2n+1) {
    margin: 0 0 15px 0;
  }
}

.c-list9__img {
  width: 100%;
  height: auto;
}

.c-list9__img img {
  width: 100%;
}

.c-list9__txt {
  width: 100%;
  margin-right: 2%;
}

.c-list9__txt h5 {
  font-size: 1.6rem;
  color: #3E3A39;
  text-align: left;
  line-height: 1.5;
  margin-top: -4px;
  letter-spacing: 0.05rem;
}

@media screen and (max-width: 767px) {
  .c-list9__txt h5 {
    font-size: 1.2rem;
  }
}

.c-list9__txt p {
  font-size: 1.4rem;
  color: #4A4A4A;
  margin: 5px 5px 0 0;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-list9__txt p {
    font-size: 1rem;
  }
}

/*------------------------------------------------------------*/
.c-list10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-list10__card {
  width: 246px;
  margin-left: 18px;
}

@media screen and (max-width: 767px) {
  .c-list10__card {
    width: 100%;
    margin: 0 0 30px;
  }
}

.c-list10__card:nth-child(3n+1) {
  margin-left: 0;
}

.c-list10__img img {
  width: 100%;
  height: auto;
}

.c-list10__ttl1 {
  margin: 10px 0 8px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list10__ttl1 {
    margin: 10px 0 5px;
  }
}

.c-list10__ttl1 h1, .c-list10__ttl1 h2, .c-list10__ttl1 h3, .c-list10__ttl1 h4, .c-list10__ttl1 h5, .c-list10__ttl1 h6 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #4F4F4F;
  font-weight: 300;
}

.c-list10__ttl1 p {
  font-size: 1.3rem;
  line-height: 1.2;
  color: #4A4A4A;
  margin: 12px 0 0;
}

@media screen and (max-width: 767px) {
  .c-list10__ttl1 p {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 5px 0 0;
  }
}

.c-list10__ttl2 {
  border-bottom: 1px solid #BFBFBF;
}

.c-list10__ttl2 p {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #251E1C;
  letter-spacing: 0.06rem;
}

@media screen and (max-width: 767px) {
  .c-list10__ttl2 p {
    font-size: 1.2rem;
  }
}

.c-list10__ttl2 h1, .c-list10__ttl2 h2, .c-list10__ttl2 h3, .c-list10__ttl2 h4, .c-list10__ttl2 h5, .c-list10__ttl2 h6 {
  font-size: 4.3rem;
  line-height: 1;
  font-weight: normal;
  color: #DC006A;
  margin-top: 7px;
  padding-left: 3px;
}

@media screen and (max-width: 767px) {
  .c-list10__ttl2 h1, .c-list10__ttl2 h2, .c-list10__ttl2 h3, .c-list10__ttl2 h4, .c-list10__ttl2 h5, .c-list10__ttl2 h6 {
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0;
  }
}

.c-list10__ttl2 span {
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .c-list10__ttl2 span {
    font-size: 2.5rem;
  }
}

.c-list10__info {
  width: 210px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-list10__info {
    width: 100%;
    padding: 0 20px;
  }
}

.c-list10__describe {
  margin: 9px 0 0;
  text-align: center;
}

.c-list10__describe p {
  font-size: 1.1rem;
  line-height: 1;
  color: #251E1C;
  text-align: left;
  margin: -1px 0 16px;
}

@media screen and (max-width: 767px) {
  .c-list10__describe p {
    font-size: 1.2rem;
    margin: 0 0 15px;
  }
}

.c-list10__txt {
  margin: 22px 0 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-list10__txt {
    margin: 10px 0 0;
  }
}

.c-list10__txt p {
  font-size: 1.4rem;
  color: #4A4A4A;
  letter-spacing: 0.1rem;
}

.c-list10__txt span {
  display: block;
  font-size: 1.2rem;
  color: #4A4A4A;
  letter-spacing: -0.01rem;
}

@media screen and (max-width: 767px) {
  .c-list10__green {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.c-list10__green .c-list10__card {
  width: 230px;
  margin-left: 50px;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__card {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__card:nth-child(2n+1) {
    margin-left: 0;
  }
}

.c-list10__green .c-list10__card:nth-child(3n+1) {
  margin-left: 0;
}

.c-list10__green .c-list10__ttl1 {
  margin: 10px 0 26px;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__ttl1 {
    margin: 10px 0 10px;
    min-height: auto;
  }
}

.c-list10__green .c-list10__ttl1 h1, .c-list10__green .c-list10__ttl1 h2, .c-list10__green .c-list10__ttl1 h3, .c-list10__green .c-list10__ttl1 h4, .c-list10__green .c-list10__ttl1 h5, .c-list10__green .c-list10__ttl1 h6 {
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__ttl2 {
    text-align: left;
  }
}

.c-list10__green .c-list10__ttl2 h1, .c-list10__green .c-list10__ttl2 h2, .c-list10__green .c-list10__ttl2 h3, .c-list10__green .c-list10__ttl2 h4, .c-list10__green .c-list10__ttl2 h5, .c-list10__green .c-list10__ttl2 h6 {
  text-align: center;
  font-size: 3.67rem;
  line-height: 1.2;
  font-weight: bold;
  color: #006933;
  margin-top: 4px;
  padding-left: 0;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__ttl2 h1, .c-list10__green .c-list10__ttl2 h2, .c-list10__green .c-list10__ttl2 h3, .c-list10__green .c-list10__ttl2 h4, .c-list10__green .c-list10__ttl2 h5, .c-list10__green .c-list10__ttl2 h6 {
    font-size: 2.5rem;
    padding-left: 0;
    letter-spacing: -0.02rem;
  }
}

.c-list10__green .c-list10__ttl2 span {
  font-size: 1.95rem;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__ttl2 span {
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}

.c-list10__green .c-list10__ttl2 p {
  letter-spacing: 1px;
  font-size: 1.17rem;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__ttl2 p {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__info {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__describe {
    margin: 10px 0 0;
  }
}

.c-list10__green .c-list10__txt {
  margin: 5px 0 0;
  text-align: left;
  padding-left: 13px;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__txt {
    padding-left: 0;
  }
}

.c-list10__green .c-list10__txt p {
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #231815;
}

@media screen and (max-width: 767px) {
  .c-list10__green .c-list10__txt p {
    font-size: 1rem;
    letter-spacing: 0;
  }
}

/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-table1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 0;
}

.c-table1 table {
  border-collapse: collapse;
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-table1 table {
    width: 100%;
  }
}

.c-table1 table th, .c-table1 table td {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-table1 table th, .c-table1 table td {
    display: block;
  }
}

.c-table1 table th {
  vertical-align: top;
  text-align: left;
  width: 175px;
}

.c-table1 table td {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-table1__ttl {
    padding: 0 0 30px 0;
  }
}

.c-table1__ttl p {
  color: #231815;
  font-size: 2rem;
  line-height: 1.45;
  letter-spacing: 0.2rem;
  margin: 8px 0 0 12px;
}

@media screen and (max-width: 767px) {
  .c-table1__ttl p {
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
    color: #595757;
    letter-spacing: 0.1rem;
  }
}

.c-table1__txt {
  border-bottom: 1px solid #DADADA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 5px 5px;
  margin: 0 0 5px 10px;
}

@media screen and (max-width: 767px) {
  .c-table1__txt {
    margin: 0;
    padding: 2px 0;
    width: 100%;
    display: flow-root;
  }
}

.c-table1__txt p {
  padding: 8px 0 5px 2px;
  color: #595757;
  font-size: 1.6rem;
  letter-spacing: 0.17rem;
}

@media screen and (max-width: 767px) {
  .c-table1__txt p {
    font-size: 1.1rem;
    padding: 4px 0 4px;
    line-height: 1.5;
    letter-spacing: 0.1rem;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .c-table1__left {
    float: left;
  }
}

.c-table1 .a {
  float: right;
}

@media screen and (max-width: 767px) {
  .c-table1 .c-btn1 {
    width: auto;
    float: right;
    margin: 0;
  }
  .c-table1 .c-btn1 a {
    margin: 4px 0;
  }
}

.c-table1 .pl40 p {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .c-table1 .pl40 p {
    padding-left: 20px;
  }
}

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-table2 {
    overflow-x: scroll;
  }
}

.c-table2 table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #4A4A4A;
}

@media screen and (max-width: 767px) {
  .c-table2 table {
    border-width: 1px;
  }
}

.c-table2 th, .c-table2 td {
  white-space: nowrap;
}

.c-table2 th {
  padding: 14px 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  border: 2px solid #4A4A4A;
}

@media screen and (max-width: 767px) {
  .c-table2 th {
    font-size: 1.2rem;
    padding: 5px 0;
    border-width: 1px;
    font-weight: normal;
  }
}

.c-table2 td {
  padding: 43px 0 33px;
  text-align: center;
  font-size: 1.4rem;
  border: 2px solid #4A4A4A;
  font-weight: bold;
  min-width: 98px;
}

@media screen and (max-width: 767px) {
  .c-table2 td {
    font-size: 1.2rem;
    padding: 5px;
    min-width: auto;
    border-width: 1px;
    font-weight: normal;
    letter-spacing: normal;
  }
}

.c-table2 tr {
  text-align: center;
}

.c-table2__mark td {
  padding: 15px 0;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-table2__mark td {
    padding: 10px 0;
    font-size: 1.2rem;
  }
}

.c-table2__green {
  background: #94A210;
}

.c-table2__pink {
  background: #FF7479;
}

.c-table2__organ {
  background: #EDAB2D;
}

.c-table2__red {
  background: #E50012;
}

/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
other
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .l-wrapper {
    width: 100% !important;
  }
}

/*
------------------------------------------------------------*/
.c-pagetitle1 {
  width: auto;
}

.c-pagetitle1 h1, .c-pagetitle1 h2, .c-pagetitle1 h3, .c-pagetitle1 h4, .c-pagetitle1 h5, .c-pagetitle1 h6 {
  font-size: 1.8rem;
  color: #3E3A39;
  font-weight: bold;
  letter-spacing: 0.055rem;
}

@media screen and (max-width: 767px) {
  .c-pagetitle1 h1, .c-pagetitle1 h2, .c-pagetitle1 h3, .c-pagetitle1 h4, .c-pagetitle1 h5, .c-pagetitle1 h6 {
    font-size: 1.4rem;
    text-align: left;
  }
}

/*
------------------------------------------------------------*/
.c-pagetitle2 {
  width: auto;
}

.c-pagetitle2 h1, .c-pagetitle2 h2, .c-pagetitle2 h3, .c-pagetitle2 h4, .c-pagetitle2 h5, .c-pagetitle2 h6 {
  font-size: 1.8rem;
  color: #3e3a39;
  font-weight: bold;
  margin-top: 4px;
  line-height: 1.2;
}

.c-pagetitle2 h1 span, .c-pagetitle2 h2 span, .c-pagetitle2 h3 span, .c-pagetitle2 h4 span, .c-pagetitle2 h5 span, .c-pagetitle2 h6 span {
  font-size: 1.0rem;
  font-weight: normal;
  letter-spacing: 2px;
  color: #3e3a39;
  font-family: "Noto Sans Japanese", sans-serif;
}

@media screen and (max-width: 767px) {
  .c-pagetitle2 h1, .c-pagetitle2 h2, .c-pagetitle2 h3, .c-pagetitle2 h4, .c-pagetitle2 h5, .c-pagetitle2 h6 {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
  }
}

/*
------------------------------------------------------------*/
.c-tab {
  width: 100%;
  background-color: #FFF;
  background-image: url();
  background-repeat: repeat-x;
  background-position: center 79px;
}

@media screen and (max-width: 767px) {
  .c-tab {
    background: none;
  }
}

.c-tab__wrap {
  width: 980px;
  height: 81px;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-tab__wrap {
    width: 100%;
    height: auto;
  }
}

.c-tab__ctn1 {
  float: right;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-tab__ctn1 {
    display: none;
  }
}

.c-tab__ctn2 {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-tab__ctn2 {
    float: none;
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 100%;
    -webkit-transition: none;
    transition: none;
    display: none;
  }
}

.c-tab__item01 {
  display: table;
  width: auto;
  float: left;
  height: 50px;
  padding: 0 9px;
  margin: 30px 0 0 0;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-tab__item01 {
    width: 100%;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
    float: none;
    border-bottom: 1px solid #e0e0e0;
  }
}

.c-tab__item01:last-child {
  padding: 0 8px;
  border-right: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
}

@media screen and (max-width: 767px) {
  .c-tab__item01:last-child {
    margin: 0;
    padding: 0;
    float: none;
    border-bottom: 1px solid #e0e0e0;
    border-right: none;
  }
}

.c-tab__sub {
  display: none;
}

.c-tab__sub li {
  border-top: 1px solid #e0e0e0;
}

.c-tab__sub a {
  font-size: 1.2rem;
  display: block;
  color: #3E3A39;
  padding: 14px 69px 15px;
  line-height: 1.4;
  letter-spacing: 1px;
  position: relative;
}

.c-tab__sub a:before {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 1px solid #231815;
  border-right: 1px solid #231815;
  position: absolute;
  top: 20px;
  left: 52px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-tab__sub span {
  padding-left: 49px;
  letter-spacing: 1px;
}

.c-tab .is-active01 {
  background-color: #FFF;
}

.c-tab .c-pagetitle1 {
  float: left;
  position: relative;
  clear: both;
  top: 30px;
  z-index: 2;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-tab .c-pagetitle1 {
    float: none;
    top: 0;
    cursor: pointer;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #ccc;
  }
  .c-tab .c-pagetitle1 .c-tab1__icon {
    content: '';
    position: absolute;
    right: 20px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #3E3A39;
    border-top: 1px solid #3E3A39;
    clear: both;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-tab .c-pagetitle1 .active {
    content: "";
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 18px;
    -webkit-transition: all .1s fade-in;
    transition: all .1s fade-in;
  }
}

.c-tab .c-pagetitle2 {
  float: left;
  position: relative;
  clear: both;
  top: 18px;
  z-index: 2;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-tab .c-pagetitle2 {
    float: none;
    top: 0;
    cursor: pointer;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #ccc;
  }
  .c-tab .c-pagetitle2 .c-tab1__icon {
    content: '';
    position: absolute;
    right: 20px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #3E3A39;
    border-top: 1px solid #3E3A39;
    clear: both;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-tab .c-pagetitle2 .active {
    content: "";
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 18px;
    -webkit-transition: all .1s fade-in;
    transition: all .1s fade-in;
  }
}

.c-tab a {
  color: #727171;
  text-decoration: none;
  height: auto;
  width: auto;
  display: block;
  font-size: 1.1rem;
  line-height: 1.3em;
  letter-spacing: 0.7px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}

_:-ms-fullscreen, :root .c-tab a {
  /* IE11 */
  padding-top: 2px;
}

@media screen and (max-width: 767px) {
  .c-tab a {
    text-align: left;
    color: #3e3a39;
    padding: 10px 20px;
    width: 100%;
  }
}

/*
------------------------------------------------------------*/
.c-tab2 {
  width: 100%;
  background-image: url();
  background-repeat: repeat-x;
  background-position: center 80px;
}

.c-tab2__wrap {
  width: 980px;
  height: 81px;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-tab2__wrap {
    width: 100%;
    height: auto;
  }
}

.c-tab2__ctn1 {
  float: right;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-tab2__ctn1 {
    display: none;
  }
}

.c-tab2__ctn2 {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-tab2__ctn2 {
    float: none;
    position: absolute;
    z-index: 3;
    width: 100%;
    background: #fff;
  }
}

.c-tab2 li {
  width: auto;
  float: left;
  padding: 0 0 0 15px;
  margin: 35px 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-tab2 li {
    margin: 0;
    padding: 0;
    float: none;
    border-bottom: 1px solid #e0e0e0;
  }
}

.c-tab2 li:first-child {
  padding: 0;
  border: none;
}

@media screen and (max-width: 767px) {
  .c-tab2 li:first-child {
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
  }
}

.c-tab2 li:last-child {
  padding: 0 5px 0 15px;
}

@media screen and (max-width: 767px) {
  .c-tab2 li:last-child {
    padding: 0;
  }
}

.c-tab2 li a {
  color: #3e3a39;
  text-decoration: none;
  height: auto;
  width: auto;
  display: block;
  font-size: 1rem;
  line-height: 1.3em;
  letter-spacing: 1px;
  text-align: left;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-tab2 li a {
    font-size: 1.1rem;
    padding: 10px 20px;
  }
}

.c-tab2 .is-active a {
  color: #A5A5A6;
}

@media screen and (max-width: 767px) {
  .c-tab2 .is-active a {
    color: #3e3a39;
  }
}

.c-tab2 .c-pagetitle1 {
  float: left;
  position: relative;
  clear: both;
  top: 36px;
  z-index: 2;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-tab2 .c-pagetitle1 {
    float: none;
    top: 0;
    cursor: pointer;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #ccc;
  }
  .c-tab2 .c-pagetitle1 .c-tab2__icon {
    content: '';
    position: absolute;
    right: 20px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #3E3A39;
    border-top: 1px solid #3E3A39;
    clear: both;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-tab2 .c-pagetitle1 .active01 {
    content: "";
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 18px;
    -webkit-transition: all .1s fade-in;
    transition: all .1s fade-in;
  }
}

.c-tab2 .c-pagetitle1 h5 {
  letter-spacing: 0.02rem;
}

/*
------------------------------------------------------------*/
.c-tab3 {
  width: 100%;
  background-color: #141414;
  background-image: url();
  background-repeat: repeat-x;
  background-position: center bottom;
}

@media screen and (max-width: 767px) {
  .c-tab3 {
    background: none;
  }
}

.c-tab3__wrap {
  width: 980px;
  height: 60px;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-tab3__wrap {
    width: 100%;
    height: auto;
  }
}

.c-tab3__ctn1 {
  float: right;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-tab3__ctn1 {
    display: none;
  }
}

.c-tab3__ctn2 {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-tab3__ctn2 {
    float: none;
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 100%;
    -webkit-transition: none;
    transition: none;
    display: none;
  }
}

.c-tab3__item01 {
  width: auto;
  float: left;
  height: 50px;
  padding: 18px 9px 0 9px;
  margin: 30px 0 0 0;
  background-color: #141414;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-tab3__item01 {
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
    float: none;
    border-bottom: 1px solid #CCC;
  }
}

.c-tab3__item01:last-child {
  padding: 18px 8px 0 8px;
  border-right: 1px solid #CCC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-tab3__item01:last-child {
    margin: 0;
    padding: 0;
    float: none;
    border-bottom: 1px solid #CCC;
  }
}

.c-tab3__sub {
  display: none;
}

.c-tab3__sub li {
  border-top: 1px solid #CCC;
}

.c-tab3__sub a {
  font-size: 1.2rem;
  display: block;
  color: #3E3A39;
  padding: 14px 69px 15px;
  line-height: 1.4;
  letter-spacing: 1px;
  position: relative;
}

.c-tab3__sub a:before {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  position: absolute;
  top: 20px;
  left: 52px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-tab3__sub span {
  padding-left: 49px;
  letter-spacing: 1.8px;
}

.c-tab3 .is-active01 {
  background-color: #141414;
}

.c-tab3 .c-pagetitle1 {
  background-color: #141414;
  float: left;
  position: relative;
  clear: both;
  top: 20px;
  z-index: 1;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-tab3 .c-pagetitle1 {
    float: none;
    top: 0;
    cursor: pointer;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #CCC;
  }
  .c-tab3 .c-pagetitle1 .c-tab3__icon {
    content: '';
    position: absolute;
    right: 20px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    clear: both;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-tab3 .c-pagetitle1 .active02 {
    content: "";
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 18px;
    -webkit-transition: all .1s fade-in;
    transition: all .1s fade-in;
  }
}

.c-tab3 .c-pagetitle1 h1, .c-tab3 .c-pagetitle1 h2, .c-tab3 .c-pagetitle1 h3, .c-tab3 .c-pagetitle1 h4, .c-tab3 .c-pagetitle1 h5, .c-tab3 .c-pagetitle1 h6 {
  color: #FFF;
}

.c-tab3 .c-pagetitle2 {
  float: left;
  position: relative;
  clear: both;
  top: 27px;
  z-index: 2;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-tab3 .c-pagetitle2 {
    float: none;
    top: 0;
    cursor: pointer;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #CCC;
  }
  .c-tab3 .c-pagetitle2 .c-tab3__icon {
    content: '';
    position: absolute;
    right: 20px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    clear: both;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-tab3 .c-pagetitle2 .active02 {
    content: "";
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 18px;
    -webkit-transition: all .1s fade-in;
    transition: all .1s fade-in;
  }
}

.c-tab3 .c-pagetitle2 h1, .c-tab3 .c-pagetitle2 h2, .c-tab3 .c-pagetitle2 h3, .c-tab3 .c-pagetitle2 h4, .c-tab3 .c-pagetitle2 h5, .c-tab3 .c-pagetitle2 h6 {
  color: #FFF;
}

.c-tab3 a {
  color: #FFF;
  text-decoration: none;
  height: auto;
  width: auto;
  display: block;
  font-size: 1.1rem;
  line-height: 1.3em;
  letter-spacing: 1px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-tab3 a {
    text-align: left;
    color: #FFF;
    padding: 10px 20px;
    width: auto;
  }
}

/*
------------------------------------------------------------*/
.c-heading01 h1, .c-heading01 h2, .c-heading01 h3, .c-heading01 h4, .c-heading01 h5, .c-heading01 h6 {
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center;
  color: #3e3a39;
  letter-spacing: 0.05rem;
}

@media screen and (max-width: 767px) {
  .c-heading01 h1, .c-heading01 h2, .c-heading01 h3, .c-heading01 h4, .c-heading01 h5, .c-heading01 h6 {
    font-size: 2.2rem;
  }
}

.c-heading01 p {
  color: #3e3a39;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  margin: 31px 0 0;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-heading01 p {
    letter-spacing: 0.1em;
    line-height: 2em;
    font-size: 1rem;
    font-weight: bold;
    margin: 10px 0 20px 0;
  }
}

.c-heading01__txt {
  margin: 34px 0 0 0;
}

.c-heading01--black {
  width: 615px;
}

@media screen and (max-width: 767px) {
  .c-heading01--black {
    width: 100%;
  }
}

.c-heading01--black h1, .c-heading01--black h2, .c-heading01--black h3, .c-heading01--black h4, .c-heading01--black h5, .c-heading01--black h6 {
  text-align: left;
  font-size: 3rem;
  color: #B4B4B5;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-heading01--black h1, .c-heading01--black h2, .c-heading01--black h3, .c-heading01--black h4, .c-heading01--black h5, .c-heading01--black h6 {
    font-size: 2rem;
  }
}

.c-heading01--black span {
  font-size: 2rem;
  color: #C8C9C9;
  line-height: 1.8;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-heading01--black span {
    font-size: 1.7rem;
    letter-spacing: normal;
  }
}

.c-heading01--black p {
  text-align: left;
  font-size: 1.4rem;
  color: #B4B4B5;
  font-weight: normal;
  margin: 0 0 6px 0;
  letter-spacing: 1px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-heading01--black p {
    font-size: 1.2rem;
    letter-spacing: normal;
  }
}

/*
------------------------------------------------------------*/
.c-heading02 {
  *zoom: 1;
}

.c-heading02:after {
  display: block;
  content: "";
  clear: both;
}

.c-heading02__img {
  width: 270px;
  height: 270px;
  overflow: hidden;
  float: left;
  margin: 0 0 0 23px;
}

@media screen and (max-width: 767px) {
  .c-heading02__img {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
}

.c-heading02__img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-heading02__img img {
    width: 58%;
  }
}

.c-heading02__img1 {
  text-align: right;
  margin: 0 62px 0;
}

@media screen and (max-width: 767px) {
  .c-heading02__img1 {
    margin: -1px 46px 0;
  }
}

.c-heading02__img1 img {
  width: auto;
}

.c-heading02__txt {
  text-align: left;
  float: left;
  margin: 5px 0 18px 34px;
  line-height: 0;
}

@media screen and (max-width: 767px) {
  .c-heading02__txt {
    text-align: center;
    float: none;
    margin: 44px 0 0 0;
  }
}

.c-heading02__txt h1, .c-heading02__txt h2, .c-heading02__txt h3, .c-heading02__txt h4, .c-heading02__txt h5, .c-heading02__txt h6 {
  font-size: 2rem;
  font-weight: bold;
  color: #231815;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 767px) {
  .c-heading02__txt h1, .c-heading02__txt h2, .c-heading02__txt h3, .c-heading02__txt h4, .c-heading02__txt h5, .c-heading02__txt h6 {
    font-size: 2.2rem;
    letter-spacing: 0.3rem;
  }
}

.c-heading02__txt p {
  color: #231815;
  font-size: 1.4rem;
  margin: 26px 0 27px;
  letter-spacing: 0.09rem;
  line-height: 1.95;
}

.c-heading02__txt p:last-child {
  margin: 44px 0 0 0;
  line-height: 1.35;
}

@media screen and (max-width: 767px) {
  .c-heading02__txt p:last-child {
    margin: 52px 8px 8px 0;
    line-height: 1.6;
    letter-spacing: 0.2px;
  }
}

@media screen and (max-width: 767px) {
  .c-heading02__txt p {
    letter-spacing: 0.075rem;
    line-height: 2em;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 29px 0 20px 0;
  }
}

.c-heading02__txt p span {
  font-size: 1rem;
  letter-spacing: 0.055rem;
}

.c-heading02__sp p:last-child {
  font-size: 1.4rem;
  line-height: 1.4;
}

.c-heading02__sp p:last-child span {
  font-size: 1rem;
}

/*
------------------------------------------------------------*/
.c-heading03 h1, .c-heading03 h2, .c-heading03 h3, .c-heading03 h4, .c-heading03 h5, .c-heading03 h6 {
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  color: #464646;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .c-heading03 h1, .c-heading03 h2, .c-heading03 h3, .c-heading03 h4, .c-heading03 h5, .c-heading03 h6 {
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
  }
}

.c-heading03 p {
  color: #4A4A4A;
  font-size: 1.4rem;
  text-align: center;
  margin: 34px 0 0;
  letter-spacing: 0.25rem;
}

@media screen and (max-width: 767px) {
  .c-heading03 p {
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 10px 0 0 0;
  }
}

/*
------------------------------------------------------------*/
.c-heading04 {
  text-align: center;
}

.c-heading04 h1, .c-heading04 h2, .c-heading04 h3, .c-heading04 h4, .c-heading04 h5, .c-heading04 h6 {
  font-size: 3.5rem;
  font-weight: normal;
  color: #464646;
  letter-spacing: 0.07rem;
}

@media screen and (max-width: 767px) {
  .c-heading04 h1, .c-heading04 h2, .c-heading04 h3, .c-heading04 h4, .c-heading04 h5, .c-heading04 h6 {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}

.c-heading04 p {
  font-size: 1.4rem;
  line-height: 1.95;
  color: #4A4A4A;
  letter-spacing: 0.093rem;
  margin: 23px 0 0;
}

@media screen and (max-width: 767px) {
  .c-heading04 p {
    font-size: 1rem;
    line-height: 1.7;
    margin: 12px 0 0;
  }
}

/*
------------------------------------------------------------*/
.c-heading05 {
  text-align: center;
}

.c-heading05 h1, .c-heading05 h2, .c-heading05 h3, .c-heading05 h4, .c-heading05 h5, .c-heading05 h6 {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #3E3A39;
  letter-spacing: 0.055rem;
}

@media screen and (max-width: 767px) {
  .c-heading05 h1, .c-heading05 h2, .c-heading05 h3, .c-heading05 h4, .c-heading05 h5, .c-heading05 h6 {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
}

.c-heading05 p {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #4B4A4A;
  letter-spacing: -0.0085rem;
  margin: 16px 0 0;
}

@media screen and (max-width: 767px) {
  .c-heading05 p {
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 12px 0 0;
    letter-spacing: 0;
  }
}

.c-heading05__img {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-heading05__img {
    width: 70%;
    margin: 20px auto 0;
  }
}

/*
------------------------------------------------------------*/
.c-headtext01 {
  margin: 0 auto;
  font-size: 1.4rem;
  width: 560px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.015rem;
}

@media screen and (max-width: 767px) {
  .c-headtext01 {
    width: 90%;
    font-size: 1.1rem;
  }
}

/*
------------------------------------------------------------*/
.c-introduction {
  margin: 0 auto;
  width: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-introduction {
    width: 100%;
    display: block;
  }
}

.c-introduction__img {
  width: 188px;
}

.c-introduction__img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-introduction__img img {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-introduction__img {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
  }
}

.c-introduction__img span {
  margin-top: 13px;
  display: block;
  color: #C8C9C9;
  font-size: 1.1rem;
  letter-spacing: 1.5px;
}

.c-introduction__txt {
  width: calc(100% - 188px);
  padding-left: 25px;
}

@media screen and (max-width: 767px) {
  .c-introduction__txt {
    width: 100%;
    padding-left: 0;
  }
}

.c-introduction__txt h4 {
  font-size: 2rem;
  color: #C8C9C9;
  letter-spacing: 1.2px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-introduction__txt h4 {
    font-size: 1.7rem;
    letter-spacing: 0;
  }
}

.c-introduction__txt p {
  margin-top: 17px;
  font-size: 1.4rem;
  color: #B4B4B5;
  letter-spacing: 1.6px;
  line-height: 1.75;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .c-introduction__txt p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: left;
  }
}

/*
------------------------------------------------------------*/
.c-leadtext1 h1, .c-leadtext1 h2, .c-leadtext1 h3, .c-leadtext1 h4, .c-leadtext1 h5, .c-leadtext1 h6 {
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
  color: #3E3A39;
}

@media screen and (max-width: 767px) {
  .c-leadtext1 h1, .c-leadtext1 h2, .c-leadtext1 h3, .c-leadtext1 h4, .c-leadtext1 h5, .c-leadtext1 h6 {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: bold;
  }
}

/*
------------------------------------------------------------*/
.c-onset {
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-onset {
    width: 100%;
  }
}

.c-onset__txt {
  color: #808080;
  font-size: 1.4rem;
  text-align: left;
  letter-spacing: 0.1rem;
  line-height: 1.9;
  margin: 14px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-onset__txt {
    letter-spacing: 0;
    line-height: 1.5;
  }
}

/*
------------------------------------------------------------*/
.c-conductur {
  width: 980px;
  margin: 0 auto;
  clear: both;
  display: table;
}

@media screen and (max-width: 767px) {
  .c-conductur {
    width: 100%;
    display: block;
  }
}

.c-conductur__txt {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-conductur__txt {
    display: block;
    margin: 0 0 20px 0;
  }
}

.c-conductur__txt p {
  text-align: right;
  font-size: 1.4rem;
  color: #808080;
  padding: 7px 40px 0;
  letter-spacing: 0.14rem;
}

@media screen and (max-width: 767px) {
  .c-conductur__txt p {
    text-align: center;
    padding: 0;
    letter-spacing: 0.1rem;
    line-height: 1.5;
  }
}

.c-conductur .c-btn1 {
  width: 306px;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-conductur .c-btn1 {
    width: auto;
    display: block;
    margin: 0 auto;
  }
}

.c-conductur .c-btn1 span {
  position: relative;
  left: 2px;
}

/*
------------------------------------------------------------*/
.c-itemization {
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-itemization {
    width: 100%;
  }
}

.c-itemization__wrap {
  margin: 0 0 61px;
}

@media screen and (max-width: 767px) {
  .c-itemization__wrap {
    margin: 0 0 35px 0;
  }
}

.c-itemization__wrap:last-child {
  margin: 0;
}

.c-itemization__txt {
  margin: 5px 0 0;
  line-height: 1.78;
}

.c-itemization__txt p {
  font-size: 1.4rem;
  text-align: left;
  color: #808080;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .c-itemization__txt p {
    font-size: 1.1rem;
    line-height: 1.8;
    letter-spacing: normal;
  }
}

.c-itemization .c-list3 {
  margin: 5px 0 0 0;
}

/*
------------------------------------------------------------*/
.c-databox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 0;
}

.c-databox table {
  border-collapse: collapse;
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-databox table {
    width: 100%;
  }
}

.c-databox table th, .c-databox table td {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-databox table th, .c-databox table td {
    display: inline-block;
  }
}

.c-databox table th {
  vertical-align: top;
  width: 230px;
  padding: 48px 0 0 3px;
}

@media screen and (max-width: 767px) {
  .c-databox table th {
    width: 100%;
    padding: 0;
  }
}

.c-databox table td {
  vertical-align: middle;
  padding: 59px 0 34px 7px;
}

@media screen and (max-width: 767px) {
  .c-databox table td {
    padding: 0;
  }
}

.c-databox table tr {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

.c-databox table tr:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .c-databox__ttl {
    margin: 25px 0 10px 0;
  }
}

.c-databox__ttl p {
  color: #231815;
  font-size: 2rem;
  line-height: 1.45;
  letter-spacing: 0.2rem;
  margin: 8px 0 0 12px;
}

@media screen and (max-width: 767px) {
  .c-databox__ttl p {
    margin: 0;
    line-height: normal;
  }
}

.c-databox__ttl1 p {
  color: #595757;
  font-size: 1.4rem;
  letter-spacing: 0.142rem;
  text-align: left;
  line-height: 1.6;
  margin: 0 0 25px 0;
}

@media screen and (max-width: 767px) {
  .c-databox__ttl1 p {
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    line-height: 1.5rem;
  }
}

.c-databox__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 783px;
  margin-bottom: 1.6em;
}

.c-databox__txt:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .c-databox__txt {
    width: 100%;
  }
  .c-databox__txt:last-child {
    margin-bottom: 28px;
  }
}

.c-databox__name {
  width: 170px;
}

@media screen and (max-width: 767px) {
  .c-databox__name {
    width: 100px;
  }
}

.c-databox__name p {
  color: #808080;
  font-size: 1.4rem;
  letter-spacing: 0.17rem;
  text-align: left;
  line-height: 1.6;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-databox__name p {
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
  }
}

.c-databox__name--wd1 {
  width: 215px;
}

@media screen and (max-width: 767px) {
  .c-databox__name--wd1 {
    width: 95px;
  }
}

.c-databox__name--wd1 p {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 65px 0;
}

@media screen and (max-width: 767px) {
  .c-databox__name--wd1 p {
    padding: 0 0 0 15px;
  }
}

.c-databox__name--wd1 p:before {
  content: "";
  background: #595757;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 6px;
  left: 1px;
}

@media screen and (max-width: 767px) {
  .c-databox__name--wd1 p:before {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 2px;
  }
}

.c-databox__name--wd2 {
  width: 220px;
}

@media screen and (max-width: 767px) {
  .c-databox__name--wd2 {
    width: 95px;
  }
}

.c-databox__infor {
  width: 565px;
}

@media screen and (max-width: 767px) {
  .c-databox__infor {
    width: calc(100% - 100px);
  }
}

.c-databox__infor p {
  color: #808080;
  font-size: 1.4rem;
  letter-spacing: 0.17rem;
  text-align: left;
  line-height: 1.6;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-databox__infor p {
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    margin: 0;
    line-height: normal;
    padding-left: 5px;
  }
}

.c-databox__infor--wd1 {
  width: 523px;
}

@media screen and (max-width: 767px) {
  .c-databox__infor--wd1 {
    width: calc(100% - 95px);
  }
}

.c-databox .pb10 {
  padding-bottom: 29px;
}

@media screen and (max-width: 767px) {
  .c-databox .pb10 {
    padding-bottom: 0;
  }
}

/*
------------------------------------------------------------*/
.c-databox2 {
  position: relative;
}

.c-databox2:after {
  content: "";
  position: absolute;
  background: url();
  width: 65px;
  height: 18px;
  left: 4px;
  top: 60%;
}

@media screen and (max-width: 767px) {
  .c-databox2:after {
    width: 55px;
    height: 15px;
    -webkit-background-size: contain;
            background-size: contain;
  }
}

.c-databox2__card {
  width: 430px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-databox2__card {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: auto;
    margin: 0 0 0 70px;
  }
}

/*
------------------------------------------------------------*/
.c-address1 {
  width: 980px;
  margin: 0 auto;
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-address1 {
    width: 100%;
  }
}

.c-address1__ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 56px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-address1__ctn {
    margin: 0;
    display: block;
  }
}

.c-address1__txt h5 {
  font-size: 2rem;
  color: #231815;
  letter-spacing: 0.2rem;
  line-height: 1;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-address1__txt h5 {
    font-size: 1.3rem;
    margin: 0 0 20px 0;
    text-align: left;
  }
}

.c-address1__txt p {
  text-align: left;
  font-size: 1.4rem;
  color: #808080;
  letter-spacing: 0.14rem;
  line-height: 3.5;
}

@media screen and (max-width: 767px) {
  .c-address1__txt p {
    font-size: 1.2rem;
    line-height: 1.8;
  }
}

.c-address1__card {
  width: 306px;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-address1__card {
    display: block;
    margin: 20px auto 0 auto;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-address1 .c-title3 {
    margin: 0 0 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .c-address1 .c-btn1 {
    margin: 0 auto;
  }
}

/*
------------------------------------------------------------*/
.c-email {
  width: 980px;
  margin: 0 auto;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-email {
    width: 100%;
    display: inline-block;
  }
}

.c-email__txt {
  width: 489px;
  height: 56px;
  background: #E7E8E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-email__txt {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

.c-email__link {
  border: 1px solid #E7E8E8;
  width: 304px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-email__link {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

.c-email a {
  text-decoration: none;
  color: inherit;
}

.c-email p {
  text-align: left;
  font-size: 1.4rem;
  color: #595757;
  letter-spacing: 0.32rem;
  line-height: 3.2;
}

@media screen and (max-width: 767px) {
  .c-email p {
    text-align: center;
    letter-spacing: 0.1rem;
    line-height: 1.8;
    padding: 10px 0;
  }
}

/*
------------------------------------------------------------*/
.c-flow1 {
  width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-flow1 {
    width: 100%;
  }
}

.c-flow1__ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 229px;
}

@media screen and (max-width: 767px) {
  .c-flow1__ctn {
    min-height: 215px;
  }
}

.c-flow1__ctn:last-child {
  min-height: auto;
  position: relative;
  margin: 0 0 88px 0;
}

@media screen and (max-width: 767px) {
  .c-flow1__ctn:last-child {
    margin: 0;
  }
}

.c-flow1__ctn--mh {
  min-height: 228px;
}

@media screen and (max-width: 767px) {
  .c-flow1__ctn--mh {
    min-height: 215px;
  }
}

.c-flow1__ttl {
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl {
    width: 90px;
  }
}

.c-flow1__ttl--after01:after {
  content: "";
  position: absolute;
  background: #3E3A39;
  height: 120px;
  width: 10px;
  top: 109px !important;
  left: 82%;
  -webkit-transform: translate(-82%);
      -ms-transform: translate(-82%);
          transform: translate(-82%);
  display: block;
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl--after01:after {
    height: 125px;
    width: 5px;
    top: 90px !important;
  }
}

.c-flow1__ttl--after02:before {
  height: 0px !important;
  width: 0px !important;
  border: none;
  border-top: 25px solid #E7E8E8;
  border-left: 14px solid #fff;
  border-right: 14px solid #fff;
  top: 103%;
  z-index: 0;
  display: block;
  margin: 38px 0 0;
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl--after02:before {
    top: 112px;
    border-top: 15px solid #E7E8E8;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    margin: 24px 0 0 0;
  }
}

.c-flow1__ttl--after02:after {
  content: "";
  position: absolute;
  background: #E7E8E8;
  height: 35px;
  width: 10px;
  top: 108px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  display: block;
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl--after02:after {
    top: 90px;
    width: 5px;
    height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl--bf:before {
    display: none;
  }
}

.c-flow1__ttl:before {
  content: "";
  position: absolute;
  background: #E7E8E8;
  height: 140px;
  width: 10px;
  top: 100px !important;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  display: block;
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl:before {
    height: 142px;
    width: 5px;
    top: 90px !important;
  }
}

.c-flow1__ttl p {
  background: #E7E8E8;
  color: #231815;
  font-size: 1.366rem;
  letter-spacing: 0.2rem;
  width: 109px;
  height: 109px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 7px 0 0;
}

@media screen and (max-width: 767px) {
  .c-flow1__ttl p {
    line-height: 1.5;
    letter-spacing: 0.1rem;
    font-size: 1.1rem;
    padding: 0;
    width: 90px;
    height: 90px;
  }
}

@media screen and (min-width: 0\0) {
  .c-flow1__ttl p {
    display: inline-block;
    padding: 30px 0 0;
  }
}

.c-flow1__txt {
  padding: 0 33px 0 36px;
}

@media screen and (max-width: 767px) {
  .c-flow1__txt {
    padding: 0 0 0 10px;
    width: calc(100% - 90px);
  }
}

.c-flow1__subttl p {
  color: #4A4A4A;
  font-size: 1.398rem;
  letter-spacing: 0.23rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .c-flow1__subttl p {
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    font-size: 1.1rem;
  }
}

.c-flow1__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-flow1__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-flow1__list--mt {
  margin: 111px 0 0 0px;
}

@media screen and (max-width: 767px) {
  .c-flow1__list--mt {
    margin: 75px 0 0 0;
  }
}

.c-flow1__list--mt h5 {
  margin-bottom: 5px;
}

.c-flow1__list--mt01 {
  margin: 61px 0 0 0px;
}

@media screen and (max-width: 767px) {
  .c-flow1__list--mt01 {
    margin: 40px 0 0 0;
  }
}

.c-flow1__list--mt01 h5 {
  margin-bottom: 5px;
}

.c-flow1__list--mt10 {
  margin-top: 10px;
}

.c-flow1__list--mt15 {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .c-flow1__item01 {
    width: 48%;
  }
}

.c-flow1__item01:first-child {
  width: 246px;
}

@media screen and (max-width: 767px) {
  .c-flow1__item01:first-child {
    width: 48%;
  }
}

.c-flow1__item01--wd {
  width: auto !important;
}

.c-flow1__item01 h5 {
  color: #3E3A39;
  font-size: 1.398rem;
  letter-spacing: 0.28rem;
  position: relative;
  padding: 0 0 0 22px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-flow1__item01 h5 {
    font-size: 1.1rem;
    padding: 0 0 0 15px;
    letter-spacing: normal;
  }
}

.c-flow1__item01 h5:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #3E3A39;
  border-radius: 50%;
  border: 1px solid #3E3A39;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 3px;
  left: 1px;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-flow1__item01 h5:before {
    width: 10px;
    height: 10px;
  }
}

.c-flow1__item01 p {
  color: #3E3A39;
  font-size: 1.398rem;
  letter-spacing: 0.2rem;
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .c-flow1__item01 p {
    line-height: 1.5;
    text-align: left;
    font-size: 1.1rem;
    padding: 0 0 0 10px;
    letter-spacing: normal;
  }
}

.c-flow1__item01 p:before {
  content: "";
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid #3E3A39;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 3px;
  left: -2px;
  display: block;
}

@media screen and (max-width: 767px) {
  .c-flow1__item01 p:before {
    width: 10px;
    height: 10px;
  }
}

.c-flow1__col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-flow1__card {
  width: 314px;
}

@media screen and (max-width: 767px) {
  .c-flow1__card {
    width: 100%;
    padding: 0 20px 10px;
  }
}

.c-flow1__card:last-child p {
  padding: 0 0 0 8px;
  letter-spacing: 0.18rem;
}

@media screen and (max-width: 767px) {
  .c-flow1__card:last-child p {
    padding: 0;
    letter-spacing: 0.1rem;
  }
}

.c-flow1__card p {
  font-size: 1.4rem;
  color: #4A4A4A;
  text-align: left;
  letter-spacing: 0.06rem;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .c-flow1__card p {
    font-size: 1rem;
    margin: 4px 0 0 0;
  }
}

.c-flow1__tittle {
  background: #bdebef;
  width: 314px;
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 0 10px 0;
}

@media screen and (max-width: 767px) {
  .c-flow1__tittle {
    width: 100%;
  }
}

.c-flow1__tittle--pd1 {
  background: #00adc2;
}

.c-flow1__tittle--pd1 h5 {
  padding: 0 0 0 35px;
  line-height: 1.2;
  letter-spacing: 0.22rem;
}

@media screen and (max-width: 767px) {
  .c-flow1__tittle--pd1 h5 {
    padding: 0;
  }
}

.c-flow1__tittle--pd2 {
  background: #7cd6de;
}

.c-flow1__tittle--pd2 h5 {
  padding: 0 0 0 20px;
  line-height: 1.2;
  letter-spacing: 0.001rem;
}

@media screen and (max-width: 767px) {
  .c-flow1__tittle--pd2 h5 {
    padding: 0;
  }
}

.c-flow1__tittle--pd3 h5 {
  padding: 0 0 0 38px;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 767px) {
  .c-flow1__tittle--pd3 h5 {
    padding: 0;
  }
}

.c-flow1__tittle h5 {
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-flow1__tittle h5 {
    margin: 0 0 0 5px;
    font-size: 1.2rem;
    width: 85%;
  }
}

.c-flow1__tittle:before {
  content: "";
  width: 63px;
  height: 25px;
  position: absolute;
  z-index: 1;
  background: #fff;
  -webkit-transform: rotate(36deg);
      -ms-transform: rotate(36deg);
          transform: rotate(36deg);
  right: -14px;
  top: -10px;
}

.c-flow1__tittle:after {
  content: "";
  width: 58px;
  height: 25px;
  position: absolute;
  z-index: 1;
  background: #fff;
  -webkit-transform: rotate(-36deg);
      -ms-transform: rotate(-36deg);
          transform: rotate(-36deg);
  right: -13px;
  bottom: -10px;
}

/*
------------------------------------------------------------*/
.c-profile__name {
  width: 430px;
  *zoom: 1;
}

.c-profile__name:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-profile__name {
    width: 100%;
  }
}

.c-profile__name p {
  width: 310px;
  float: left;
  margin: 0 0 7px;
  font-size: 1.2rem;
  color: #3E3A39;
  text-align: left;
  line-height: 1.7;
  min-height: 61px;
}

@media screen and (max-width: 767px) {
  .c-profile__name p {
    width: 65%;
    font-size: 1.1rem;
    padding-left: 10px;
  }
}

.c-profile__name h5 {
  width: 310px;
  font-size: 2rem;
  float: left;
  color: #3E3A39;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.15rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-profile__name h5 {
    width: 65%;
    font-size: 1.5rem;
    padding-left: 10px;
  }
}

.c-profile__name span {
  font-size: 1rem;
  color: #3E3A39;
  letter-spacing: 0;
  padding-left: 3px;
}

.c-profile__image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: right;
  margin-right: 17px;
}

@media screen and (max-width: 767px) {
  .c-profile__image {
    width: 80px;
    height: 80px;
    margin: 0;
  }
}

.c-profile__image img {
  width: 100%;
  height: 100%;
}

/*
------------------------------------------------------------*/
.c-profilebox {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-profilebox__img {
  width: 484px;
  height: 236px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-profilebox__img {
    width: auto;
    height: auto;
  }
}

.c-profilebox__img img {
  width: 100%;
  height: 100%;
}

.c-profilebox__txt {
  width: 430px;
  margin: 0 0 0 18px;
}

@media screen and (max-width: 767px) {
  .c-profilebox__txt {
    width: 90%;
    margin: 0 auto;
  }
}

.c-profilebox .c-profile__name {
  margin-top: 64px;
}

@media screen and (max-width: 767px) {
  .c-profilebox .c-profile__name {
    margin-top: 0;
  }
}

.c-profilebox .c-title2__line {
  margin: -6px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-profilebox .c-title2__line {
    padding: 30px 0 10px;
  }
  .c-profilebox .c-title2__line h5 {
    font-size: 1.2rem;
    padding-bottom: 15px;
  }
}

/*
------------------------------------------------------------*/
.c-nav1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-nav1__item01 {
  color: inherit;
  text-decoration: none;
  text-align: center;
  padding: 40px 0;
  width: 24%;
}

@media screen and (max-width: 767px) {
  .c-nav1__item01 {
    width: 50%;
    padding: 25px 0;
  }
}

.c-nav1__item01 > div {
  width: 36px;
  height: 40px;
  overflow: hidden;
  margin: 0 auto 20px;
}

@media screen and (max-width: 767px) {
  .c-nav1__item01 > div {
    margin: 0 auto 3px;
  }
}

.c-nav1__item01 > div img {
  width: 100%;
  height: 100%;
}

.c-nav1__item01 p {
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0.01rem;
  color: #3E3A39;
  padding: 1px 8px 0 0;
}

@media screen and (max-width: 767px) {
  .c-nav1__item01 p {
    padding: 0;
    letter-spacing: normal;
  }
}

.c-nav1__item02 {
  color: inherit;
  text-decoration: none;
  text-align: center;
  padding: 40px 0;
  width: 25%;
}

@media screen and (max-width: 767px) {
  .c-nav1__item02 {
    width: 50%;
    padding: 25px 0;
  }
}

.c-nav1__item02 > div {
  width: 44px;
  height: 37px;
  overflow: hidden;
  margin: 2px auto 21px;
}

@media screen and (max-width: 767px) {
  .c-nav1__item02 > div {
    margin: 0 auto 6px;
  }
}

.c-nav1__item02 > div img {
  width: 100%;
  height: 100%;
}

.c-nav1__item02 p {
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0.01rem;
  color: #3E3A39;
  padding: 1px 4px 0 0;
}

@media screen and (max-width: 767px) {
  .c-nav1__item02 p {
    padding: 0;
    letter-spacing: normal;
  }
}

/*
------------------------------------------------------------*/
.c-mainvisual {
  width: 100%;
}

.c-mainvisual img {
  width: 100%;
  height: auto;
}

.c-mainvisual__story {
  width: 100%;
  height: 500px;
  color: #FFFFFF;
  text-align: center;
  background: url();
  background-position: center bottom;
  -webkit-background-size: cover;
          background-size: cover;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__story {
    height: 313px;
    background: url();
    background-position: center bottom;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
  }
}

.c-mainvisual__story h1, .c-mainvisual__story h2, .c-mainvisual__story h3, .c-mainvisual__story h4, .c-mainvisual__story h5, .c-mainvisual__story h6 {
  font-size: 3.8rem;
  padding-top: 108px;
  letter-spacing: 4px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__story h1, .c-mainvisual__story h2, .c-mainvisual__story h3, .c-mainvisual__story h4, .c-mainvisual__story h5, .c-mainvisual__story h6 {
    padding-top: 72px;
    font-size: 2.3rem;
    letter-spacing: 3px;
  }
}

.c-mainvisual__story p {
  font-size: 1.7rem;
  letter-spacing: 1.9px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__story p {
    padding-top: 10px;
    font-size: 1.1rem;
    letter-spacing: 2.8px;
  }
}

.c-mainvisual__story--black {
  height: 447px;
  background: url();
  background-position: center bottom;
  -webkit-background-size: cover;
          background-size: cover;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__story--black {
    height: 312px;
  }
}

.c-mainvisual__story--black h1, .c-mainvisual__story--black h2, .c-mainvisual__story--black h3, .c-mainvisual__story--black h4, .c-mainvisual__story--black h5, .c-mainvisual__story--black h6 {
  padding-top: 200px;
  letter-spacing: 1.7rem;
}

@media screen and (max-width: 767px) {
  .c-mainvisual__story--black h1, .c-mainvisual__story--black h2, .c-mainvisual__story--black h3, .c-mainvisual__story--black h4, .c-mainvisual__story--black h5, .c-mainvisual__story--black h6 {
    padding-top: 110px;
  }
}

.c-mainvisual__story--black p {
  font-size: 1.7rem;
  letter-spacing: 4.3px;
  margin: 2px 0 0;
}

.c-mainvisual__saien img {
  width: 100%;
  height: auto;
}

/*
------------------------------------------------------------*/
.c-mainvisual2 {
  width: 100%;
  height: 446px;
  border-bottom: 1px solid #BFBFBF;
  background: #000;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2 {
    height: auto;
    padding: 0 40px;
  }
}

.c-mainvisual2__inner {
  width: 980px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2__inner {
    margin: 0;
    width: 100%;
  }
}

.c-mainvisual2__ttl {
  width: 340px;
  margin: -103px 0 0;
  padding-left: 128px;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2__ttl {
    width: 10em;
    padding-left: 0;
    margin: 0;
  }
}

.c-mainvisual2__ttl span {
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 2px;
  padding-left: 4px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2__ttl span {
    font-size: 1rem;
  }
}

.c-mainvisual2__ttl h2 {
  font-size: 3.6rem;
  color: #fff;
  letter-spacing: 3px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2__ttl h2 {
    font-size: 1.6rem;
  }
}

.c-mainvisual2__img {
  display: table-cell;
  vertical-align: middle;
}

.c-mainvisual2__img img {
  width: auto;
  height: auto;
  max-height: 445px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2__img img {
    max-height: initial;
    width: 100%;
  }
}

.c-mainvisual2--gray {
  background: #F9F9F9;
  border-top: 1px solid #BFBFBF;
}

.c-mainvisual2--gray .c-mainvisual2__ttl {
  padding-left: 108px;
}

@media screen and (max-width: 767px) {
  .c-mainvisual2--gray .c-mainvisual2__ttl {
    padding-left: 0;
  }
}

.c-mainvisual2--gray .c-mainvisual2__ttl span {
  color: #231815;
}

.c-mainvisual2--gray .c-mainvisual2__ttl h2 {
  color: #231815;
}

/*
------------------------------------------------------------*/
.c-product {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-product {
    width: 80%;
  }
}

.c-product a {
  text-decoration: none;
}

.c-product__item {
  text-align: center;
  margin: 0 15px;
}

.c-product__img {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.c-product__img img {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-product__img img {
    width: 100%;
    height: auto;
  }
}

.c-product__img:hover {
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}

@media screen and (max-width: 767px) {
  .c-product__img:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.c-product__txt {
  margin-top: 18px;
}

.c-product__txt p {
  font-size: 1.5rem;
  font-weight: bold;
  color: #3D3A39;
  line-height: 1.4;
  letter-spacing: 1.2px;
}

@media screen and (max-width: 767px) {
  .c-product__txt p {
    font-size: 1rem;
  }
}

.c-product .slick-arrow {
  position: absolute;
  top: 52px;
  z-index: 10;
  cursor: pointer;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .c-product .slick-arrow {
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.c-product .slick-arrow:hover {
  opacity: 1;
}

.c-product .slick-arrow.pre {
  left: -15px;
}

.c-product .slick-arrow.next {
  right: -15px;
}

.c-product .slick-dots {
  margin-top: 30px;
  text-align: center;
}

.c-product .slick-dots button {
  display: none;
}

.c-product .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background: #8F9090;
}

.c-product .slick-dots li.slick-active {
  background: #000;
}

/*
------------------------------------------------------------*/
.c-staff {
  background: #F0EFEC;
}

@media screen and (max-width: 767px) {
  .c-staff {
    padding: 0 0 30px;
  }
}

.c-staff__ttl {
  margin: 72px 0 91px;
  background: #9BCCA3;
  padding: 31px 0 24px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-staff__ttl {
    margin: 36px 0 46px;
    padding: 18px 0 18px;
  }
}

.c-staff__ttl h2 {
  font-size: 2rem;
  color: #fff;
  letter-spacing: 3.6px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .c-staff__ttl h2 {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: 0.05rem;
  }
}

.c-staff__wrap {
  width: 980px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-staff__wrap {
    width: 100%;
    padding: 0 20px;
  }
}

.c-staff__card {
  width: 484px;
  margin-left: 12px;
  margin-bottom: 60px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .c-staff__card {
    margin: 0 0 24px;
    width: 100%;
  }
}

.c-staff__card:nth-child(2n+1) {
  margin-left: 0;
}

.c-staff__img1 {
  width: 484px;
  height: 236px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-staff__img1 {
    width: 100%;
    height: auto;
  }
}

.c-staff__img1 img {
  width: 100%;
  height: 100%;
}

.c-staff__img2 {
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
  margin: 17px 0 25px 30px;
}

@media screen and (max-width: 767px) {
  .c-staff__img2 {
    margin: 10px 0 0 20px;
    width: 75px;
    height: 75px;
  }
}

.c-staff__img2 img {
  width: 100%;
  height: 100%;
}

.c-staff__comment {
  text-align: left;
  margin: 27px 20px 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-staff__comment {
    margin: 20px 15px 13px 20px;
    height: auto;
  }
}

.c-staff__comment h1, .c-staff__comment h2, .c-staff__comment h3, .c-staff__comment h4, .c-staff__comment h5, .c-staff__comment h6 {
  font-size: 2rem;
  color: #3E3A39;
  letter-spacing: -0.04rem;
}

@media screen and (max-width: 767px) {
  .c-staff__comment h1, .c-staff__comment h2, .c-staff__comment h3, .c-staff__comment h4, .c-staff__comment h5, .c-staff__comment h6 {
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 0.025rem;
  }
}

.c-staff__comment p {
  font-size: 1.4rem;
  color: #3E3A39;
  margin: 1px 0 0;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .c-staff__comment p {
    font-size: 1rem;
    line-height: 1.6;
    margin: 7px 0 0;
    letter-spacing: 0.5px;
  }
}

.c-staff__click {
  text-decoration: none;
}

.c-staff__click p {
  text-align: right;
  margin: 15px 24px 0;
  padding: 0 0 11px 0;
  border-bottom: 1px solid #CECFCF;
  letter-spacing: 0.25px;
}

@media screen and (max-width: 767px) {
  .c-staff__click p {
    margin: 0 20px;
    padding: 0 0 8px;
  }
}

.c-staff__click p span {
  margin: 0 0 0 20px;
  color: #231815;
  font-size: 1.3rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-staff__click p span {
    font-size: 0.9rem;
    letter-spacing: 0.045rem;
    margin: 0 0 0 15px;
  }
}

.c-staff__click p span:before {
  content: '';
  position: absolute;
  background: url() no-repeat center;
  -webkit-background-size: cover;
          background-size: cover;
  width: 12px;
  height: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -20px;
}

@media screen and (max-width: 767px) {
  .c-staff__click p span:before {
    width: 10px;
    height: 10px;
    left: -15px;
  }
}

.c-staff__profile {
  width: 100%;
  height: auto;
  *zoom: 1;
}

.c-staff__profile:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-staff__profile {
    margin: 0 0 20px 0;
  }
}

.c-staff__txt {
  float: left;
  margin: 20px 0 0 20px;
  width: calc(100% - 150px);
}

@media screen and (max-width: 767px) {
  .c-staff__txt {
    margin: 14px 0 0 15px;
    width: calc(100% - 122px);
  }
}

.c-staff__txt p {
  font-size: 1.2rem;
  color: #3E3A39;
  line-height: 1.7;
  min-height: 60px;
}

@media screen and (max-width: 767px) {
  .c-staff__txt p {
    font-size: 0.8rem;
    line-height: 1.9;
    letter-spacing: 0.55px;
    min-height: auto;
  }
}

.c-staff__txt h5 {
  font-size: 2rem;
  margin: 4px 0 0 0;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .c-staff__txt h5 {
    font-size: 1.4rem;
    margin: 7px 0 0;
    letter-spacing: 1.2px;
    line-height: 1;
  }
}

.c-staff__txt span {
  font-size: 1rem;
  padding: 0 0 0 5px;
}

@media screen and (max-width: 767px) {
  .c-staff__txt span {
    font-size: 0.7rem;
    letter-spacing: 0;
    padding: 0 0 0 1px;
  }
}

/*
------------------------------------------------------------*/
.c-btnlist__btn {
  background: #B0A24B;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-btnlist__btn--dark {
  background: #90884F;
}

.c-btnlist__btn--brown {
  background: #CB8D57;
}

.c-btnlist__btn:hover {
  opacity: 0.80;
}

.c-btnlist__btn:hover a:hover {
  opacity: 1;
}

.c-btnlist--radius li {
  border-radius: 5px;
  width: 312px;
  height: 43px;
  margin: 0 22px 22px 0;
}

.c-btnlist--radius li a {
  font-size: 1.4rem;
  padding: 9px 20px 10px 5px;
  text-align: center;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c-btnlist--radius li a {
    font-size: 1.2rem;
    padding: 9px 25px 10px 10px;
  }
}

.c-btnlist--radius li a:before {
  display: none;
}

.c-btnlist--radius li a span {
  letter-spacing: -0.06rem;
  text-align: left;
  line-height: 1.2;
  display: inline-block;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-btnlist--radius li a span {
    letter-spacing: 0;
  }
}

.c-btnlist--radius li a:after {
  right: 5px;
}

.c-btnlist ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.c-btnlist li {
  width: 314px;
  height: 44px;
  margin: 0 18px 22px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-btnlist li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.c-btnlist li:nth-child(3n+3) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-btnlist li:nth-child(3n+3) {
    margin: 0 0 20px 0;
  }
}

.c-btnlist a {
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 0 0 0 20px;
  width: 314px;
  position: relative;
  display: inherit;
}

@media screen and (max-width: 767px) {
  .c-btnlist a {
    width: 100%;
    height: auto;
  }
}

.c-btnlist a:after {
  content: '';
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-left: 1px solid transparent;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  -webkit-transform: rotate(-48deg);
      -ms-transform: rotate(-48deg);
          transform: rotate(-48deg);
  margin: auto 10px auto auto;
}

@media screen and (max-width: 767px) {
  .c-btnlist a:after {
    margin: auto 15px auto auto;
  }
}

@media all and (-ms-high-contrast: none) {
  .c-btnlist {
    /* IE11 */
  }
  .c-btnlist *::-ms-backdrop, .c-btnlist a {
    padding-top: 10px;
  }
}

.c-btnlist span {
  display: table;
  padding: 0 5px 0 0;
}

/*
------------------------------------------------------------*/
.c-lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-lineup__card {
  width: 466px;
  margin: 0 48px 38px 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .c-lineup__card {
    width: 100%;
    margin: 0 0 20px;
  }
}

.c-lineup__card:nth-child(2n+2) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-lineup__card:nth-child(2n+2) {
    margin: 0 0 20px;
  }
}

.c-lineup__img {
  width: 152px;
  height: 124px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-lineup__img {
    width: 105px;
    height: 89px;
  }
}

.c-lineup__img img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .c-lineup__img img {
    width: auto;
  }
}

.c-lineup__text {
  width: calc(100% - 152px);
  padding: 0 0 0 16px;
}

@media screen and (max-width: 767px) {
  .c-lineup__text {
    width: calc(100% - 105px);
  }
}

.c-lineup__text h5 {
  color: #3E3A39;
  font-size: 1.6rem;
  letter-spacing: -0.06rem;
}

@media screen and (max-width: 767px) {
  .c-lineup__text h5 {
    font-size: 1.4rem;
  }
}

.c-lineup__text p {
  color: #4A4A4A;
  font-size: 1.4rem;
  line-height: 1.55;
  text-align: left;
  margin: 6px 0 0 2px;
  letter-spacing: 0.06rem;
}

@media screen and (max-width: 767px) {
  .c-lineup__text p {
    font-size: 1.2rem;
    margin: 0;
  }
}

/*
------------------------------------------------------------*/
.c-season {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-season__item {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 767px) {
  .c-season__item {
    margin: 0 0 15px;
    width: 100%;
  }
  .c-season__item img {
    width: 100%;
  }
}

.c-season__item:nth-child(2n+2) {
  margin: 0;
}

/*
------------------------------------------------------------*/
.c-works {
  padding: 55px 85px 51px 62px;
  background: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 767px) {
  .c-works {
    padding: 30px 15px 30px 15px;
  }
}

.c-works__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 26px 0;
  margin: 0 0 32px 0;
  border-bottom: 4px dotted #BBBCBC;
}

.c-works__card a {
  text-decoration: none;
}

.c-works__card:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-works__card {
    display: inline-block;
  }
}

.c-works__label {
  background: #619C31;
  width: 344px;
  height: 44px;
  margin: 22px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-works__label {
    min-width: 22em;
    width: 100%;
    margin: 0;
  }
}

.c-works__label:after {
  content: '';
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-left: 1px solid transparent;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  -webkit-transform: rotate(-48deg);
      -ms-transform: rotate(-48deg);
          transform: rotate(-48deg);
  margin: auto 10px auto auto;
}

.c-works__label p {
  font-size: 2rem;
  color: #fff;
  position: relative;
  padding: 0 0 0 16px;
  letter-spacing: 0.08rem;
}

@media screen and (max-width: 767px) {
  .c-works__label p {
    font-size: 1.6rem;
    letter-spacing: normal;
    padding: 0 30px 0 16px;
  }
}

.c-works__label span {
  font-size: 1.3rem;
}

.c-works__txt p {
  font-size: 1.4rem;
  color: #4A4A4A;
  margin: 8px 0 0 0;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .c-works__txt p {
    font-size: 1.2rem;
  }
}

.c-works__left {
  width: calc(100% - 270px);
  padding: 0 60px 0 0;
}

@media screen and (max-width: 767px) {
  .c-works__left {
    width: 100%;
    padding: 0;
  }
}

.c-works__right {
  width: 270px;
  height: 115px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-works__right {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}

.c-works__right img {
  width: 100%;
  height: auto;
}

/*
------------------------------------------------------------*/
.c-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-steps__card {
  width: 484px;
  margin: 0 0 52px 12px;
}

@media screen and (max-width: 767px) {
  .c-steps__card {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.c-steps__card:nth-child(2n+1) {
  margin-left: 0;
}

.c-steps__card h3 {
  background: #E58A00;
  font-size: 1.9rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.3;
  letter-spacing: -0.2px;
  padding: 17px 0 9px 30px;
}

@media screen and (max-width: 767px) {
  .c-steps__card h3 {
    font-size: 1.6rem;
    padding: 2px 15px 4px;
  }
}

.c-steps__card ul {
  padding: 22px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-steps__card ul {
    padding: 10px 0 0 0;
  }
}

.c-steps__card li {
  font-size: 1.8rem;
  color: #DC5514;
  line-height: 1.75;
  letter-spacing: 0.05rem;
  padding: 0 0 0 21px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-steps__card li {
    font-size: 1rem;
    padding: 0 0 0 15px;
  }
}

.c-steps__card li:before {
  content: '';
  width: 5px;
  height: 1px;
  background: #DC5514;
  position: absolute;
  top: 16px;
  left: 11px;
}

@media screen and (max-width: 767px) {
  .c-steps__card li:before {
    top: 9px;
    left: 5px;
  }
}

.c-steps .size1 {
  font-size: 1.613rem;
  padding: 6px 0 4px 30px;
}

@media screen and (max-width: 767px) {
  .c-steps .size1 {
    font-size: 1.6rem;
    padding: 2px 15px 4px;
  }
}

/*
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
#stickyheader {
  height: 94px;
  position: relative;
  z-index: 2001;
}

@media screen and (max-width: 767px) {
  #stickyheader {
    height: auto;
    position: inherit;
  }
}

/*
------------------------------------------------------------*/
.c-navi--saien {
  width: 100%;
  height: 94px;
  background: url() repeat;
}

@media screen and (max-width: 767px) {
  .c-navi--saien {
    height: auto;
  }
}

.c-navi--saien.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2001;
}

.c-navi--saien a {
  text-decoration: none;
}

.c-navi--saien__inner {
  width: 980px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__inner {
    width: 100%;
    display: block;
    position: relative;
  }
}

.c-navi--saien__ttl {
  margin-top: 17px;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__ttl {
    margin-top: 0;
    padding: 10px 40px 10px;
    cursor: pointer;
    position: relative;
  }
  .c-navi--saien__ttl:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #3E3A39;
    border-right: 1px solid #3E3A39;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-40%) rotate(135deg);
        -ms-transform: translateY(-40%) rotate(135deg);
            transform: translateY(-40%) rotate(135deg);
    right: 20px;
  }
  .c-navi--saien__ttl.is-on:after {
    top: 55%;
    -webkit-transform: translateY(-55%) rotate(-45deg);
        -ms-transform: translateY(-55%) rotate(-45deg);
            transform: translateY(-55%) rotate(-45deg);
  }
}

.c-navi--saien__ttl h2 {
  font-size: 2.5rem;
  color: #619F31;
  line-height: 1.2;
  letter-spacing: 0.6px;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__ttl h2 {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}

.c-navi--saien__nav {
  margin-top: 23px;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav {
    margin-top: 0;
    display: none;
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    background: url() repeat;
    z-index: 2;
  }
}

@media screen and (min-width: 768px) {
  .c-navi--saien__nav {
    display: block !important;
  }
}

.c-navi--saien__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav ul {
    display: block;
  }
}

.c-navi--saien__nav li {
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav li {
    border-top: 1px solid #E0E0E0;
  }
}

.c-navi--saien__nav li:before {
  content: '';
  width: 2px;
  height: 35px;
  background: #BEBFBF;
  position: absolute;
  top: 8px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav li:before {
    content: none;
  }
}

.c-navi--saien__nav li:last-of-type:after {
  content: '';
  width: 2px;
  height: 40px;
  background: #BEBFBF;
  position: absolute;
  top: 8px;
  right: 0;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav li:last-of-type:after {
    content: none;
  }
}

.c-navi--saien__nav a {
  font-size: 1.4rem;
  color: #3E3A39;
  line-height: 1.5;
  padding: 4px 20px;
  display: inline-block;
  letter-spacing: 1.4px;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav a {
    font-size: 1.2rem;
    display: block;
    padding: 7px 40px;
    position: relative;
    letter-spacing: 0;
  }
  .c-navi--saien__nav a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #3E3A39;
    border-right: 1px solid #3E3A39;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 20px;
  }
}

.c-navi--saien__nav a:hover {
  color: #619F31;
  opacity: 1;
}

.c-navi--saien__nav .is-current a {
  color: #619F31;
}

@media screen and (max-width: 767px) {
  .c-navi--saien__nav .is-current a {
    color: #3E3A39;
  }
}

/*
------------------------------------------------------------*/
.c-howtobox1 {
  background: rgba(255, 255, 255, 0.4);
  padding: 40px 31px 12px 40px;
}

@media screen and (max-width: 767px) {
  .c-howtobox1 {
    padding: 20px 15px 20px 15px;
  }
}

.c-howtobox1__wrap1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #949595;
  padding-bottom: 30px;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .c-howtobox1__wrap1 {
    display: inline-block;
    padding-bottom: 35px;
    margin-bottom: 15px;
  }
}

.c-howtobox1__img1 {
  width: 260px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-howtobox1__img1 {
    width: 100%;
    margin: 0 auto;
    max-width: 260px;
  }
}

.c-howtobox1__img1 img {
  width: 100%;
  height: auto;
}

.c-howtobox1__img2 {
  margin: 12px 0 0;
}

@media screen and (max-width: 767px) {
  .c-howtobox1__img2 img {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
  }
}

.c-howtobox1__txt {
  width: calc(100% - 270px);
  padding: 0 0 0 45px;
  margin: -6px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-howtobox1__txt {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

.c-howtobox1__txt p {
  font-size: 1.4rem;
  color: #4A4A4A;
  margin: 15px 0 34px 0;
  letter-spacing: 0.2rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .c-howtobox1__txt p {
    font-size: 1rem;
    text-align: left;
    margin: 0;
    line-height: 1.5;
  }
}

/*
------------------------------------------------------------*/
.c-howtobox2 .c-title1--noline h5 {
  letter-spacing: 0.3rem;
}

@media screen and (max-width: 767px) {
  .c-howtobox2 .c-title1--noline h5 {
    padding: 0;
  }
}

.c-howtobox2__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 0;
}

@media screen and (max-width: 767px) {
  .c-howtobox2__wrap {
    display: block;
    margin: 0;
  }
}

.c-howtobox2__ctn1 {
  margin: 20px 0 0;
}

@media screen and (max-width: 767px) {
  .c-howtobox2__ctn1 {
    margin: 10px 0 0;
  }
}

.c-howtobox2__txt {
  width: calc(100% - 520px);
}

@media screen and (max-width: 767px) {
  .c-howtobox2__txt {
    width: 100%;
  }
}

.c-howtobox2__txt p {
  font-weight: normal;
  letter-spacing: 0.16rem;
  line-height: 1.65;
  color: #4A4A4A;
  font-size: 1.4rem;
  margin: 6px 0 0;
}

@media screen and (max-width: 767px) {
  .c-howtobox2__txt p {
    text-align: left;
    font-size: 1.2rem;
    margin: 0;
  }
}

.c-howtobox2__img {
  padding: 0 20px;
  margin: -25px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-howtobox2__img {
    padding: 0;
    margin: 20px 0;
    text-align: center;
  }
}

/*
------------------------------------------------------------*/
.c-serieslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 9px;
}

.c-serieslist__card {
  width: 176px;
  margin-right: 86px;
}

.c-serieslist__card:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .c-serieslist__card {
    width: 48%;
    margin: 0 auto;
  }
}

.c-serieslist__label {
  max-width: 172px;
  padding: 3px 0;
  border-radius: 15px;
  margin: 25px auto 5px;
}

.c-serieslist__label--green {
  background: #94A210;
}

.c-serieslist__label--pink {
  background: #FF7479;
}

.c-serieslist__label--organ {
  background: #EDAB2D;
}

.c-serieslist__label--red {
  background: #E50012;
}

.c-serieslist__img img {
  width: 100%;
  height: auto;
}

.c-serieslist p {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.13rem;
  line-height: 1.7;
  color: #3E3A39;
}

@media screen and (max-width: 767px) {
  .c-serieslist p {
    font-size: 1.2rem;
    letter-spacing: normal;
  }
}

.c-serieslist span {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .c-serieslist span {
    font-size: 1rem;
  }
}

/*
------------------------------------------------------------*/
.c-partslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-partslist a {
  text-decoration: none;
  color: inherit;
}

.c-partslist__card {
  width: 300px;
  margin: 0 40px 26px 0;
}

@media screen and (max-width: 767px) {
  .c-partslist__card {
    width: 50%;
    margin: 0;
  }
}

.c-partslist__card:nth-child(3n+3) {
  margin: 0;
}

.c-partslist__img img {
  width: 100%;
  height: auto;
}

.c-partslist__ttl h5 {
  font-size: 2rem;
  margin: 8px 0 9px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .c-partslist__ttl h5 {
    font-size: 1.2rem;
    letter-spacing: normal;
    text-align: left;
  }
}

.c-partslist__tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-partslist__tag ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-partslist__tag li {
  font-size: 0.8rem;
  line-height: 1;
  padding: 4px 3px;
  border-radius: 5px;
  color: #fff;
  margin: 0 9px 0 0;
  width: 58px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .c-partslist__tag li {
    font-size: 1rem;
    width: auto;
    padding: 2px 1px 3px;
    margin: 2px 4px 2px 0;
  }
}

.c-partslist__tag li:last-child {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-partslist__tag li:last-child {
    margin: 2px 0;
  }
}

.c-partslist__tag--green {
  background: #94A210;
  letter-spacing: -0.05rem;
}

.c-partslist__tag--pink {
  background: #FF7479;
  letter-spacing: normal;
}

.c-partslist__tag--yellow {
  background: #EDAB2D;
  letter-spacing: normal;
}

.c-partslist__tag--red {
  background: #E50012;
  letter-spacing: normal;
}

/*
------------------------------------------------------------*/
.c-typelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-typelist a {
  text-decoration: none;
  color: inherit;
}

.c-typelist__card {
  margin: 0 90px 0 0;
}

@media screen and (max-width: 767px) {
  .c-typelist__card {
    width: 48%;
    margin: 0 auto 15px;
  }
}

.c-typelist__card:nth-child(3n+3) {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-typelist__card:nth-child(3n+3) {
    margin: 0;
  }
}

.c-typelist__img {
  width: 173px;
  height: auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .c-typelist__img {
    width: auto;
  }
}

.c-typelist__img img {
  width: 100%;
  height: auto;
}

.c-typelist__ttl {
  text-align: center;
}

.c-typelist__ttl h5 {
  font-size: 1.6rem;
  color: #3E3A39;
  border-bottom: 1px solid #949595;
  padding: 17px 0 5px 2px;
  margin: 0 0 3px 0;
}

.c-typelist__ttl p {
  font-size: 1.4rem;
  color: #3E3A39;
  letter-spacing: 0.12rem;
}

/*
------------------------------------------------------------*/
.c-note li {
  font-size: 1.4rem;
  color: #4A4A4A;
  letter-spacing: 0.03rem;
}

@media screen and (max-width: 767px) {
  .c-note li {
    font-size: 1.2rem;
    letter-spacing: normal;
    text-align: left;
  }
}

/*
------------------------------------------------------------*/
.c-contactlist a {
  text-decoration: none;
  color: inherit;
}

.c-contactlist__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 62px 0 0 0;
}

.c-contactlist__card {
  border-right: 1px solid #E0E0E0;
  width: 316px;
  padding: 7px 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-contactlist__card {
    width: calc(100% / 2);
    border: none;
  }
}

.c-contactlist__card:nth-child(3n) {
  border-right: 1px solid transparent;
  padding: 0;
}

.c-contactlist__card:nth-child(3n) .c-contactlist__ttl h5 {
  margin: -6px 0 0 -18px;
  line-height: 1.65;
}

@media screen and (max-width: 767px) {
  .c-contactlist__card:nth-child(3n) .c-contactlist__ttl h5 {
    margin: 0;
    line-height: 1.5;
  }
}

.c-contactlist__card:nth-child(3n) .c-contactlist__img {
  top: -15px;
  left: -7px;
  width: 91px;
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-contactlist__card:nth-child(3n) .c-contactlist__img {
    width: 60px;
    height: 60px;
  }
}

.c-contactlist__img {
  width: 97px;
  height: 90px;
  overflow: hidden;
  margin: 30px auto;
  position: relative;
  left: -4px;
}

@media screen and (max-width: 767px) {
  .c-contactlist__img {
    width: 60px;
    height: 60px;
  }
}

.c-contactlist__ttl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-contactlist__ttl h5 {
  color: #221714;
  font-size: 2rem;
  margin: 8px 0 9px;
  letter-spacing: 0.15rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-contactlist__ttl h5 {
    font-size: 1.3rem;
    font-weight: normal;
  }
  .c-contactlist__ttl h5 span {
    font-size: 2rem;
  }
}

/*
------------------------------------------------------------*/
.c-mainvisual3 {
  width: 100%;
  height: 446px;
  background: url() no-repeat center;
  background-repeat: no-repeat;
  background-position: left top;
  -webkit-background-size: cover;
          background-size: cover;
}

@media screen and (max-width: 767px) {
  .c-mainvisual3 {
    height: 226px;
    background: url() no-repeat center;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: left -30px;
    background-size: cover;
  }
}

.c-mainvisual3__ttl p {
  font-size: 2.75rem;
  color: #231815;
  letter-spacing: 4px;
  text-align: center;
  font-weight: normal;
  padding-top: 152px;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .c-mainvisual3__ttl p {
    font-size: 2rem;
    padding-top: 75px;
    letter-spacing: 0;
  }
}

/*
------------------------------------------------------------*/
.c-colorbox__gray {
  background: #E3E3E3;
  padding: 25px;
  width: 972px;
  margin: 0 auto;
  padding: 44px 48px 41px 32px;
}

@media screen and (max-width: 767px) {
  .c-colorbox__gray {
    width: 100%;
    padding: 15px 15px;
  }
}

.c-colorbox__gray p {
  color: #808080;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: -0.01rem;
}

@media screen and (max-width: 767px) {
  .c-colorbox__gray p {
    letter-spacing: normal;
    line-height: 1.5;
    font-size: 1.2rem;
  }
}

.c-colorbox__gray .c-btn1__bg2 {
  margin: 35px 0 0;
}

@media screen and (max-width: 767px) {
  .c-colorbox__gray .c-btn1__bg2 {
    margin: 15px auto 5px;
    text-align: center;
  }
}

/*
------------------------------------------------------------*/
.c-mailform {
  background: #F4F5F5;
}

.c-mailform__message {
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}

.c-mailform .c-form1__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0px 17px 5px;
}

.c-mailform .c-form1__box:first-child .c-form1__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box:first-child .c-form1__right {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box {
    display: block;
    padding: 12px 0;
  }
}

.c-mailform .c-form1__box:last-child {
  padding-bottom: 84px;
  border-bottom: 1px solid #E0E0E0;
  margin: 20px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box:last-child {
    top: 0;
  }
}

.c-mailform .c-form1__box:last-child .c-form1__left {
  top: -80px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box:last-child .c-form1__left {
    top: 0;
  }
}

.c-mailform .c-form1__box:last-child .c-form1__right {
  top: -7px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box:last-child .c-form1__right {
    top: 0;
  }
}

.c-mailform .c-form1__box--last:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.c-mailform .c-form1__box--confBtn {
  padding-top: 0;
  padding-left: 153px;
  padding-bottom: 84px;
  border-bottom: 1px solid #E0E0E0;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box--confBtn {
    padding-left: 0;
  }
}

.c-mailform .c-form1__box--confBtn button {
  display: inline-block;
  background: #fff;
  color: #727171;
  text-align: left;
  letter-spacing: 0.34rem;
  padding: 18px 100px 18px 68px;
  border: none;
  text-decoration: none;
  font-size: 1.4rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box--confBtn button {
    padding: 15px 10px;
    text-align: center;
    width: 225px;
    -webkit-font-variant-ligatures: none;
            font-variant-ligatures: none;
  }
}

.c-mailform .c-form1__box--confBtn button:after {
  content: "";
  border: 1px solid #727171;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 47%;
  right: 55px;
  margin: -2px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__box--confBtn button:after {
    right: 30px;
  }
}

.c-mailform .c-form1__left {
  width: 148px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__left {
    width: 100%;
    display: block;
    padding-bottom: 15px;
  }
}

.c-mailform .c-form1__right {
  font-size: 18px;
  line-height: 1;
  *zoom: 1;
}

.c-mailform .c-form1__right:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__right {
    text-align: left;
    font-size: 1.4rem;
  }
}

.c-mailform .c-form1__right span {
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__right--1 {
    width: 100%;
  }
}

.c-mailform .c-form1__right--2 {
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__right--2 {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
  }
}

.c-mailform .c-form1__right p {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.1rem;
  margin: 12px 0 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__right p {
    display: inline-block;
    font-size: 1.4rem;
    position: inherit;
  }
}

.c-mailform .c-form1__text {
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: 0.1rem;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__text {
    display: inline-block;
  }
}

.c-mailform .c-form1__tag {
  color: #DA0012;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  position: absolute;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__tag {
    margin: 0 0 0 10px;
    padding: 1px 2px;
    vertical-align: top;
  }
}

.c-mailform .c-form1__input1 {
  width: 228px;
  padding: 7px;
  font-size: 18px;
  border: 1px solid #fff;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__input1 {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 1.2rem;
    border: none;
  }
}

.c-mailform .c-form1__input2 {
  width: 390px;
  padding: 7px;
  font-size: 18px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__input2 {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 1.2rem;
    border: none;
  }
}

.c-mailform .c-form1__input2--width {
  width: 826px;
  padding: 8px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__input2--width {
    width: 100%;
    height: 50px;
    padding: 0;
  }
}

.c-mailform .c-form1__btn {
  margin: 55px 0 0;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__btn {
    margin: 25px auto;
    text-align: center;
  }
}

.c-mailform .c-form1__btn .c-btn1__bg2 a {
  padding: 19px 52px 18px 48px;
}

.c-mailform .c-form1__btn .c-btn1__bg2 a:after {
  right: 35px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__btn .c-btn1__bg2 a {
    padding: 15px 10px;
    text-align: center;
    width: 225px;
  }
}

.c-mailform .c-form1 label.error {
  margin-top: 16px;
  color: #a93a3a;
  font-size: 16px;
  display: block;
  position: relative;
  padding-left: 25px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1 label.error {
    font-size: 14px;
  }
}

.c-mailform .c-form1 input[type="text"].error {
  color: #DF0101;
  background: #fff2f2;
}

.c-mailform .c-form1 select {
  border: none;
  padding: 13px 56px 13px 16px;
  border-radius: 15px;
  color: #fff;
  letter-spacing: 0.2rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background: #929292 url() right center;
  -webkit-background-size: 36px 6px;
          background-size: 36px 6px;
  background-repeat: no-repeat;
}

.c-mailform .c-form1 select option {
  background: #fff;
  color: #000;
  margin: 10px 0 0 0;
  position: relative;
  top: 20px;
}

.c-mailform .c-form1 select::-ms-expand {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

@media screen and (min-width: 0\0) {
  .c-mailform .c-form1 select {
    padding: 8px 40px 8px 16px;
  }
}

@-moz-document url-prefix() {
  .c-mailform .c-form1 select {
    padding: 8px 36px 16px;
  }
}

.c-mailform .c-form1 .p-form-error {
  margin-top: 16px;
  width: 100%;
  color: #a93a3a;
  font-size: 16px;
  display: block;
  position: relative;
  padding-left: 25px;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1 .p-form-error {
    font-size: 14px;
  }
}

.c-mailform .c-form1__select {
  width: 215px;
  border-radius: 15px;
  margin: 5px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1__select {
    margin: 0;
  }
}

.c-mailform .c-form1 .textarea {
  width: 820px;
  height: 170px;
  border: none;
  resize: none;
}

@media screen and (max-width: 767px) {
  .c-mailform .c-form1 .textarea {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 1.2rem;
    border-width: 2px;
  }
}

.c-mailform .c-form1 textarea.error {
  color: #DF0101;
  background: #fff2f2;
}

/*
------------------------------------------------------------*/
.c-mailform-confirm {
  background: #F4F5F5;
}

.c-mailform-confirm .c-form1__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0px 34px 9px;
}

.c-mailform-confirm .c-form1__box:first-child .c-form1__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__box:first-child .c-form1__right {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__box {
    display: block;
    padding: 12px 0;
  }
}

.c-mailform-confirm .c-form1__box--confBtn {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 84px;
  border-bottom: 1px solid #E0E0E0;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__box--confBtn {
    padding-left: 0;
  }
}

.c-mailform-confirm .c-form1__box--confBtn .c-btn1__bg2 {
  margin-right: 20px;
}

.c-mailform-confirm .c-form1__box--confBtn button {
  display: inline-block;
  background: #fff;
  color: #727171;
  text-align: left;
  letter-spacing: 0.34rem;
  padding: 18px 100px 18px 68px;
  border: none;
  text-decoration: none;
  font-size: 1.4rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__box--confBtn button {
    padding: 15px 10px;
    text-align: center;
    width: 225px;
  }
}

.c-mailform-confirm .c-form1__box--confBtn button:after {
  content: "";
  border: 1px solid #727171;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 47%;
  right: 55px;
  margin: -2px 0 0 0;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__box--confBtn button:after {
    right: 30px;
  }
}

.c-mailform-confirm .c-form1__left {
  width: 238px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__left {
    width: 100%;
    display: block;
    padding-bottom: 15px;
  }
}

.c-mailform-confirm .c-form1__right {
  font-size: 18px;
  line-height: 1;
  *zoom: 1;
}

.c-mailform-confirm .c-form1__right:after {
  display: block;
  content: "";
  clear: both;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__right {
    text-align: left;
    font-size: 1.4rem;
  }
}

.c-mailform-confirm .c-form1__right span {
  margin-right: 5px;
}

.c-mailform-confirm .c-form1__right p {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.1rem;
  margin: 12px 0 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__right p {
    display: inline-block;
    font-size: 1.4rem;
    position: inherit;
  }
}

.c-mailform-confirm .c-form1__text {
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: 0.1rem;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__text {
    display: inline-block;
  }
}

.c-mailform-confirm .c-form1__input2 {
  width: 390px;
  padding: 7px;
  font-size: 18px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__input2 {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 1.2rem;
    border: none;
  }
}

.c-mailform-confirm .c-form1__btn {
  margin: 55px 0 0 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__btn {
    margin: 25px auto;
    text-align: center;
  }
}

.c-mailform-confirm .c-form1__btn--center {
  margin: 55px auto 0;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__btn--center {
    margin: 25px auto;
  }
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__btn .c-btn1__bg2 {
    margin: 0 auto 10px;
  }
}

.c-mailform-confirm .c-form1__btn .c-btn1__bg2 a {
  padding: 17px 33px 18px 63px;
  min-width: 100px;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__btn .c-btn1__bg2 a {
    margin: 0 auto;
  }
}

.c-mailform-confirm .c-form1__btn .c-btn1__bg2 a:after {
  right: 35px;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-form1__btn .c-btn1__bg2 a {
    padding: 15px 10px;
    text-align: center;
    width: 225px;
  }
}

.c-mailform-confirm .c-captchabox p {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.1rem;
  margin: 15px 0 18px;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-captchabox p {
    display: inline-block;
    font-size: 1.4rem;
    position: inherit;
  }
}

.c-mailform-confirm .c-captcha {
  width: 390px;
  padding: 7px;
  font-size: 18px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .c-mailform-confirm .c-captcha {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 1.2rem;
    border: none;
  }
}

/*
------------------------------------------------------------*/
.c-mailform-thanks__message {
  font-size: 2.0rem;
  line-height: 1.5;
  text-align: center;
}

/*
------------------------------------------------------------*/
.c-backpage {
  border-bottom: 1px solid #949595;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .c-backpage {
    padding-bottom: 20px;
  }
}

.c-backpage a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  font-size: 2rem;
  color: #3E3A39;
  font-weight: normal;
  letter-spacing: 0.23rem;
  position: relative;
  padding-right: 22px;
}

.c-backpage a:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .c-backpage a {
    padding-right: 10px;
    font-size: 1.4rem;
  }
}

.c-backpage a:after {
  content: '';
  position: absolute;
  top: 15px;
  width: 8px;
  height: 8px;
  right: 0;
  border-top: 1px solid #3E3A39;
  border-right: 1px solid #3E3A39;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .c-backpage a:after {
    top: 11px;
    width: 5px;
    height: 5px;
  }
}

/*
------------------------------------------------------------*/
.c-description__title h1, .c-description__title h2, .c-description__title h3, .c-description__title h4, .c-description__title h5, .c-description__title h6, .c-description__title p {
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #4d509b), color-stop(75%, #2b2c88));
  background: -webkit-linear-gradient(top, #4d509b 20%, #2b2c88 75%);
  background: linear-gradient(to bottom, #4d509b 20%, #2b2c88 75%);
  text-align: center;
  padding: 26px 0 18px 67px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

@media screen and (max-width: 767px) {
  .c-description__title h1, .c-description__title h2, .c-description__title h3, .c-description__title h4, .c-description__title h5, .c-description__title h6, .c-description__title p {
    font-size: 1.4rem;
    padding: 10px 0;
  }
}

.c-description__title span {
  padding-left: 78px;
  letter-spacing: -0.04rem;
}

@media screen and (max-width: 767px) {
  .c-description__title span {
    letter-spacing: 0;
    padding-left: 0;
  }
}

.c-description__col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-description__card {
  margin: 26px 12px 0 0;
}

@media screen and (max-width: 767px) {
  .c-description__card {
    width: 49%;
    margin: 15px 2% 0 0;
  }
}

@media screen and (max-width: 767px) {
  .c-description__card:nth-child(2n+2) {
    margin: 15px 0 0;
  }
}

.c-description__card:nth-child(4n+4) {
  margin-right: 0;
}

.c-description__txt {
  padding: 17px 10px 0;
  background: #21348B;
  width: 236px;
}

@media screen and (max-width: 767px) {
  .c-description__txt {
    width: auto;
    padding: 10px 5px;
  }
}

.c-description__txt p {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px dotted #fff;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .c-description__txt p {
    font-size: 1.2rem;
  }
}

.c-description__txt p + p {
  padding-top: 3px;
  border-bottom: none;
  letter-spacing: -0.05rem;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-description__txt p + p {
    letter-spacing: 0;
  }
}

/*
------------------------------------------------------------*/
.c-parts__block {
  width: 460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #D3D3D3;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .c-parts__block {
    margin: 0 auto;
    width: 96%;
  }
}

.c-parts__block .c-parts__text {
  width: 470px;
  text-align: left;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .c-parts__block .c-parts__text {
    width: 76%;
  }
}

.c-parts__block .c-parts__text h5 {
  font-size: 1.4rem;
  padding-left: 10px;
  padding-bottom: 5px;
  letter-spacing: -0.08rem;
}

@media screen and (max-width: 767px) {
  .c-parts__block .c-parts__text h5 {
    padding-left: 0;
    letter-spacing: normal;
  }
}

.c-parts__block .c-parts__text p {
  font-size: 1.2rem;
  line-height: 1.7;
}

.c-parts__block .c-parts__img {
  width: 270px;
}

@media screen and (max-width: 767px) {
  .c-parts__block .c-parts__img {
    width: 24%;
  }
}

.c-parts__block2 {
  width: 460px;
  border-top: 1px solid #D3D3D3;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .c-parts__block2 {
    margin: 0 auto;
    width: 96%;
  }
}

.c-parts__block2 h5 {
  width: 400px;
  font-size: 1.4rem;
  padding-left: 15px;
  padding-bottom: 5px;
  letter-spacing: -0.08rem;
}

@media screen and (max-width: 767px) {
  .c-parts__block2 h5 {
    width: 100%;
    padding-left: 0;
    letter-spacing: normal;
  }
}

.c-parts__block2 .c-parts__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.c-parts__block2 .c-parts__inner .c-parts__text {
  width: 470px;
  text-align: left;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .c-parts__block2 .c-parts__inner .c-parts__text {
    width: 76%;
  }
}

.c-parts__block2 .c-parts__inner .c-parts__text p {
  font-size: 1.2rem;
  line-height: 1.7;
}

.c-parts__block2 .c-parts__inner .c-parts__img {
  width: 270px;
}

@media screen and (max-width: 767px) {
  .c-parts__block2 .c-parts__inner .c-parts__img {
    width: 24%;
  }
}

/*
------------------------------------------------------------*/
.c-parts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .c-parts__list {
    padding: 0 10px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-parts__list .c-parts__block {
    width: 100%;
  }
}

.c-parts__list .c-parts__block:nth-child(2n+1) {
  margin: 0 40px 10px 0;
}

@media screen and (max-width: 767px) {
  .c-parts__list .c-parts__block:nth-child(2n+1) {
    margin: 0 0 27px 0;
  }
}

.c-parts__list .c-parts__block:nth-child(even) {
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .c-parts__list .c-parts__block:nth-child(even) {
    padding-bottom: 27px;
  }
}

.c-parts__list .c-parts__block:nth-child(even) .c-parts__text {
  width: 440px;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .c-parts__list .c-parts__block:nth-child(even) .c-parts__text {
    width: 76%;
    padding-left: 0;
  }
}

.c-parts__list .c-parts__block2 {
  margin: 0 40px 10px 0;
}

@media screen and (max-width: 767px) {
  .c-parts__list .c-parts__block2 {
    width: 100%;
    margin: 0 0 27px 0;
  }
}

/*------------------------------------------------------------
Text-align
------------------------------------------------------------*/
.u-tac {
  text-align: center !important;
}